/**
 * 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,
div.ffTitleTopLeft, div.ffTitleBottomLeft, div.ffTitleTopRight, div.ffTitleBottomRight,
div.ffTitleLeft, div.ffTitleRight {
	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: #AAAAAA;
	background-image: none;
	white-space: nowrap;
	font: normal normal bold 15px Lucida Grande, Geneva, Arial, Verdana, sans-serif;
	color: white;
	padding: 0px 3px 0px 3px;
	width: 100%;
}

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

/* ---------- HEADER1 - BEGIN ---------- */
 
td.ffHeader1TopLeft, td.ffHeader1TopRight, td.ffHeader1BottomLeft, td.ffHeader1BottomRight,
div.ffHeader1TopLeft, div.ffHeader1BottomLeft, div.ffHeader1TopRight, div.ffHeader1BottomRight,
div.ffHeader1Left, div.ffHeader1Right {
	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: #AAAAAA;
	background-image: none;
	white-space: nowrap;
	font: normal normal bold 12px Lucida Grande, Geneva, Arial, Verdana, sans-serif;
	color: white;
	padding: 0px 3px 0px 3px;
	width: 100%;
}

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

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

td.ffSectionTitleVeryTopLeft, div.ffSectionTitleVeryTopLeft,
td.ffSectionTitleVeryTopRight, div.ffSectionTitleVeryTopRight,
td.ffSectionTitleLeft, div.ffSectionTitleLeft,
td.ffSectionTitleRight, div.ffSectionTitleRight,
td.ffSectionTitleBottomLeft, div.ffSectionTitleBottomLeft,
td.ffSectionTitleBottomRight, div.ffSectionTitleBottomRight,
td.ffSectionTitleVeryBottomLeft, div.ffSectionTitleVeryBottomLeft,
td.ffSectionTitleVeryBottomRight, div.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, div.ffSectionTitleTopLeft,
td.ffSectionTitleTopRight, div.ffSectionTitleTopRight {
	width: 4px;
	height: 23px;
	background-image: none;
}

td.ffSectionTitleTopMiddle {
	height: 23px;
	background-color: #AAAAAA;
	background-image: none;
	white-space: nowrap;
	font: normal normal bold 12px Lucida Grande, Geneva, Arial, Verdana, sans-serif;
	color: white;
	padding: 0px 3px 0px 3px;
	width: 100%;
}

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

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

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

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

td.ffInfoBoxMiddle { 
	width: 100%;
	font: normal normal normal 11px Lucida Grande, Geneva, Arial, 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,
div.ffWarningBoxTopLeft, div.ffWarningBoxBottomLeft, div.ffWarningBoxTopRight, div.ffWarningBoxBottomRight,
td.ffWarningBoxLeft, td.ffWarningBoxRight,
div.ffWarningBoxLeft, div.ffWarningBoxRight {
	width: 4px;
	height: 4px;
	background-image: none;
}

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

td.ffWarningBoxMiddle { 
	width: 100%;
	font: normal normal normal 11px Lucida Grande, Geneva, Arial, 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,
div.ffErrorBoxTopLeft, div.ffErrorBoxBottomLeft, div.ffErrorBoxTopRight, div.ffErrorBoxBottomRight,
td.ffErrorBoxLeft, td.ffErrorBoxRight,
div.ffErrorBoxLeft, div.ffErrorBoxRight {
	width: 4px;
	height: 4px;
	background-image: none;
}

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

td.ffErrorBoxMiddle { 
	width: 100%;
	font: normal normal normal 11px Lucida Grande, Geneva, Arial, 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,
div.ffQuestionBoxTopLeft, div.ffQuestionBoxBottomLeft, div.ffQuestionBoxTopRight, div.ffQuestionBoxBottomRight,
td.ffQuestionBoxLeft, td.ffQuestionBoxRight,
div.ffQuestionBoxLeft, div.ffQuestionBoxRight {
	width: 4px;
	height: 4px;
	background-image: none;
}

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


td.ffQuestionBoxMiddle { 
	width: 100%;
	font: normal normal normal 11px Lucida Grande, Geneva, Arial, 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;
}

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



/* Set the background color of the info box */
td.ffInfoBoxMiddle { 
	background-color: #295A9E;
	color: inherit;
}

/* Set the background color of the warning box */
td.ffWarningBoxMiddle { 
	background-color: #DBDB07;
	color: inherit;
}

/* Set the background color of the error box */
td.ffErrorBoxMiddle { 
	background-color: #930202;
	color: inherit;
}

/* Set the background color of the question box */
td.ffQuestionBoxMiddle { 
	background-color: #33C533;
	color: inherit;
}

/* Remove padding in the message box to better align the message text */
td.ffInfoBoxMiddle, td.ffWarningBoxMiddle, td.ffErrorBoxMiddle, td.ffQuestionBoxMiddle { 
	background-image: none;
	padding: 0px;
}

/* Clear the message box image. */
img.ffMessageHelperError, img.ffMessageHelperQuestion  {
	background-image: none;
	width: 0px;
}

/* Set the width of the message box image column to 0 so the text is aligned left. */
td.ffMessageHelperLeft {
	width: 0px;
}