/**

 * 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: #660000;

	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: #660000;

	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: 300;

}



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 ---------- */