/**
 * The FORMfields Library
 * Copyright 2005-2007 Brain Book Software LLC
 * For complete documentation, please visit http://www.formfields.com
 *
 * This CSS skin consists of basic elements with solid colors and few images.
 *
 * Note: A bug in IE requires that all elements have a min width/height of 4 
 * px otherwise the elements get distorted when the mouse is click dragged.
 *
 * Note: We have to use background images as IE 6 and earlier doesn't support
 * transparent PNGs.
 */

/* ---------- TITLE - BEGIN ---------- */

td.ffTitleTopLeft, td.ffTitleTopRight, td.ffTitleBottomLeft, td.ffTitleBottomRight {
	background-image: none;
	width: 4px;
	height: 4px;
}

td.ffTitleTopMiddle, td.ffTitleBottomMiddle {
	background-image: none;
	height: 4px;
}

td.ffTitleLeft, td.ffTitleRight {
	background-image: none;
	width: 4px;
	height: 23px;
}

td.ffTitleMiddle {
	height: 23px;
	background-color: #2D62A5;
	background-image: none;
	white-space: nowrap;
	font: normal normal bold 15px verdana,sans-serif;
	color: white;
	padding: 0px 3px 0px 3px;
}

/* ---------- TITLE - END ---------- */

/* ---------- HEADER1 - BEGIN ---------- */
 
td.ffHeader1TopLeft, td.ffHeader1TopRight, td.ffHeader1BottomLeft, td.ffHeader1BottomRight {
	background-image: none;
	width: 4px;
	height: 4px;
}

td.ffHeader1TopMiddle, td.ffHeader1BottomMiddle {
	background-image: none;
	height: 4px;
}

td.ffHeader1Left, td.ffHeader1Right {
	background-image: none;
	width: 4px;
	height: 23px;
}

td.ffHeader1Middle {
	height: 23px;
	background-color: #2D62A5;
	background-image: none;
	white-space: nowrap;
	font: normal normal bold 12px verdana,sans-serif;
	color: white;
	padding: 0px 3px 0px 3px;
}

/* ---------- HEADER1 - END ---------- */

/* ---------- SECTION TITLE - BEGIN ---------- */

td.ffSectionTitleVeryTopLeft,
td.ffSectionTitleVeryTopRight,
td.ffSectionTitleLeft,
td.ffSectionTitleRight,
td.ffSectionTitleBottomLeft,
td.ffSectionTitleBottomRight,
td.ffSectionTitleVeryBottomLeft,
td.ffSectionTitleVeryBottomRight {
	width: 4px;
	height: 4px;
	background-image: none;
}

td.ffSectionTitleVeryTopMiddle,
td.ffSectionTitleMiddle,
td.ffSectionTitleBottomMiddle,
td.ffSectionTitleVeryBottomMiddle {
	height: 4px;
	background-image: none;
}

td.ffSectionTitleBottomMiddle {
	/*border: 1px solid #dddddd;*/
	padding: 5px;
}

table.ffSectionTitle {
	border: 1px solid #dddddd;
}

td.ffSectionTitleTopLeft,
td.ffSectionTitleTopRight {
	width: 4px;
	height: 23px;
	background-image: none;
}

td.ffSectionTitleTopMiddle {
	height: 23px;
	background-color: #B9CD5E;
	background-image: none;
	white-space: nowrap;
	font: normal normal bold 12px verdana,sans-serif;
	color: white;
	padding: 0px 3px 0px 3px;
}

/* ---------- SECTION TITLE - END ---------- */

/* ---------- INFO BOX - BEGIN ---------- */

td.ffInfoBoxTopLeft, td.ffInfoBoxTopRight, td.ffInfoBoxBottomLeft, td.ffInfoBoxBottomRight,
td.ffInfoBoxLeft, td.ffInfoBoxRight {
	width: 4px;
	height: 4px;
	background-image: none;
}

td.ffInfoBoxTopMiddle, td.ffInfoBoxBottomMiddle {
	height: 4px;
	background-image: none;
}

td.ffInfoBoxMiddle { 
	font: normal normal normal 11px verdana,sans-serif;
	/*background-color: #295A9E;*/
	background-image: url('basic/infoBoxBg.png');
	color: inherit;
	padding: 5px;
}

table.ffInfoBox {
	width: 100%;
}

div.ffMessageHelperInfo {
	color: white;
	background-color: inherit;
}

img.ffMessageHelperInfo {
	background-image: url('basic/infoIcon.png');
}

/* ---------- INFO BOX - END ---------- */

/* ---------- WARNING BOX - BEGIN ---------- */

td.ffWarningBoxTopLeft, td.ffWarningBoxTopRight, td.ffWarningBoxBottomLeft, td.ffWarningBoxBottomRight,
td.ffWarningBoxLeft, td.ffWarningBoxRight {
	width: 4px;
	height: 4px;
	background-image: none;
}

td.ffWarningBoxTopMiddle, td.ffWarningBoxBottomMiddle {
	height: 4px;
	background-image: none;
}

td.ffWarningBoxMiddle { 
	font: normal normal normal 11px verdana,sans-serif;
	/*background-color: #DBDB07;*/
	background-image: url('basic/warningBoxBg.png');
	color: inherit;
	padding: 5px;
}

table.ffWarningBox {
	width: 100%;
}

div.ffMessageHelperWarning {
	color: white;
	background-color: inherit;
}

img.ffMessageHelperWarning {
	background-image: url('basic/warningIcon.png');
}

/* ---------- WARNING BOX - END ---------- */

/* ---------- ERROR BOX - BEGIN ---------- */

td.ffErrorBoxTopLeft, td.ffErrorBoxTopRight, td.ffErrorBoxBottomLeft, td.ffErrorBoxBottomRight,
td.ffErrorBoxLeft, td.ffErrorBoxRight {
	width: 4px;
	height: 4px;
	background-image: none;
}

td.ffErrorBoxTopMiddle, td.ffErrorBoxBottomMiddle {
	height: 4px;
	background-image: none;
}

td.ffErrorBoxMiddle { 
	font: normal normal normal 11px verdana,sans-serif;
	/*background-color: #930202;*/
	background-image: url('basic/errorBoxBg.png');
	color: inherit;
	padding: 5px;
}

table.ffErrorBox {
	width: 100%;
}

div.ffMessageHelperError {
	color: white;
	background-color: inherit;
}

img.ffMessageHelperError {
	background-image: url('basic/stopIcon.png');
}

/* ---------- ERROR BOX - END ---------- */

/* ---------- QUESTION BOX - BEGIN ---------- */

td.ffQuestionBoxTopLeft, td.ffQuestionBoxTopRight, td.ffQuestionBoxBottomLeft, td.ffQuestionBoxBottomRight,
td.ffQuestionBoxLeft, td.ffQuestionBoxRight {
	width: 4px;
	height: 4px;
	background-image: none;
}

td.ffQuestionBoxTopMiddle, td.ffQuestionBoxBottomMiddle {
	height: 4px;
	background-image: none;
}

td.ffQuestionBoxMiddle { 
	font: normal normal normal 11px verdana,sans-serif;
	/*background-color: #33C533;*/
	background-image: url('basic/questionBoxBg.png');
	color: inherit;
	padding: 5px;
}

table.ffQuestionBox {
	width: 100%;
}

div.ffMessageHelperQuestion {
	color: white;
	background-color: inherit;
}

img.ffMessageHelperQuestion {
	background-image: url('basic/questionIcon.png');
}

/* ---------- QUESTION BOX - END ---------- */