
/*****************************************
 * New Forms Styles
 *****************************************/

.formBox
{
	background-color: #F2F4F8; /* ivory */
	border-color: #8095B8; /* tan; */
	border-style: solid;
	border-width: 1px;
	width: 100%;
	cursor: default;
	font-family: Verdana, Arial, Sans-Serif;
	vertical-align:top;
}

.formBox input
{
	font-family: Verdana, Arial, Sans-Serif;	
	font-size:90%;
}
.formBox select
{
	font-family: Verdana, Arial, Sans-Serif;	
	font-size:90%;
}
.formBox textarea
{
	font-family: Verdana, Arial, Sans-Serif;	
	font-size:90%;
}

.formTitleCell
{
	background-color: #8095B8; /* #FDF4B7; */
	border-bottom: #8095B8 1px solid; /* tan */
	vertical-align: middle; 
	text-align: center;
	width: 100%;
	height: 2.5em;
	letter-spacing: .1em;
	font-size: 120%;
	color: e0e0e0; /* #645010; */
}

.formSubTitleCell
{
	background-color: #A7B2C4; /* cornsilk; */
	border-top: #8095B8 1px solid; /* tan */
	border-bottom: #8095B8 1px solid; /* tan */
	vertical-align: middle; 
	text-align: center;
	height: 30px;
	font-size: 100%; 
	color: #F2F7FF;
}

.formHeaderCell
{
	background-color: #C9D6EC; /* cornsilk; */
	border-top: #8095B8 1px solid; /* tan */
	border-bottom: #8095B8 1px solid; /* tan */
	vertical-align: middle; 
	text-align: left;
	color: #43507A;
	height:2em;
}
.formItemRow
{
	background-color: ivory;  
}
.formAltItemRow
{
	background-color: #F2F4F8;  
}
.formItemSpacerRow
{
	background-color: White;
	border-top: #8095B8 1px solid; 
	height:1.8em;
}


.formNavCell 
{
	background-color: ivory;
	border-top: #8095B8 1px solid; /* tan */
	vertical-align: middle; 
	text-align: center;
	height: 30px;
	font-size: 90%; 
	font-family: Verdana, Arial, Sans-Serif; 
	color: #645010;
}

.formButtonCell
{
	background-color: #A7B2C4; /* cornsilk; */
	border-top: #8095B8 1px solid; /* tan */
	vertical-align: middle; 
	text-align: center;
	height: 38px;
}

.formButtonCellFullBorder
{
	background-color: #A7B2C4; /* cornsilk; */
	border-top: #8095B8 1px solid; /* tan */
	border-bottom: #8095B8 1px solid; /* tan */
	vertical-align: middle; 
	text-align: center;
	height: 38px;
}

.formLabelCell
{
	padding: 3px;
	width: 35%; 
	text-align: left;
	font-size: 80%;
	vertical-align:top;
}

.formLabelCellRight
{
	padding: 3px;
	width: 35%;  
	text-align: right;
	white-space: nowrap;
	font-size: 80%;
	vertical-align:top;
}

.formLabelCellRight2
{
	padding: 5px;
	text-align: right;
	white-space: nowrap;
	font-size: 80%;
	vertical-align:top;
	color: #444444;
}

.formValueCell
{
	padding: 5px;
	text-align: left;
	font-size: 80%;
	vertical-align:top;
	color: Navy;
}


.formLabelFont
{
	font-size: 80%; 
}

.formControlRow
{
	margin-bottom: 5px;
}
.formControlCell
{
	text-align: left;
	padding: 3px;
	width: 90%;
	font-size: 80%;
}

.formGroupBox
{
	border: #aaaaaa 1px solid;
	padding: 3px;
	width: 90%; 
}

.formBorderBox
{
	border: #aaaaaa 1px solid;
	padding: 3px;
	font-size: 80%;
}

.formSpacerRow
{
	height: .8em;
}

.formErrorBox
{
	background-color: ivory; /* #FFFFC0; */
	border: solid 1px #8095B8; /* tan */
	margin: 8px;
	padding: 6px;
	text-align: left;
	width :75%;

	font-size: 80%;
	color: crimson;		/* Fore-color property on ValidationSummary must be blank for this to work */
}

.formError1
{
	color: darkred;
	font-family: Verdana, Arial;
	font-size: small;
}
.formError2
{
	color: navy;
	font-family: Verdana, Arial;
	font-size: x-small;
}

.formMsgSuccess
{
	color: green;
	font-size: x-small;
	font-family: Verdana, Arial;
	font-style: italic;
}

.formMsgError
{
	color: red;
	font-size: x-small;
	font-family: Verdana, Arial;
	font-style: italic;
}

/*****************************************
 * Date Picker (Calendar Popup Control) Styles
 *****************************************/

.datePickerDayHeader
{
	background-color: #A7B2C4; /* cornsilk */
	border-bottom: solid 1px #8095B8; /* tan */
	border-top: solid 1px #8095B8; /* tan */
}
.datePickerMonthHeader
{
	background-color: #FFD891;
}
.datePickerOffMonth
{
	background-color: silver;
}
.datePickerSelectedDate
{
	background-color: gold;
	font-weight: bold;
}
.datePickerTodayDay
{
	background-color: lightyellow;
	font-weight: bold;
}
.datePickerWeekday
{
	background-color: lightyellow;
}
.datePickerWeekend
{
	background-color: lightyellow;
}
.datePickerGoToToday
{
	background-color: white;
}

/*****************************************
 * Tab Styles
 *****************************************/

.tabTable
{
	margin-top: 8px;
	border-bottom: 1px solid #336699;
}

.tabSelected 
{
	background:#FFE400;
	color: #222222;
	padding: 1;
	border: 1px solid #336699;
	border-bottom-width: 0px;
	text-align: center;
	font-style: italic;
	height: 25px;
}

.tabNormal 
{
	background:#FFFACE;
	padding: 1;
	padding-bottom:0;	
	border: 1px solid #336699;
	border-bottom-width: 0px;
	text-align: center;
	font-style: italic;
	height: 25px;
}

.tabPaging 
{
	background:#FFFACE;
	color: #c0c0c0;
	font-weight: bold;
	padding: 2;
	border: 1px solid #336699;
	border-bottom-width: 0px;
	text-align: center;
	height: 25px;
}

.tabFiller
{
	padding: none;
}

/*****************************************
 * Search Results
 *****************************************/

.resultsHeader
{
   border-top: solid 1px #8095B8; /* tan */
   border-bottom: solid 1px #8095B8; /* tan */
   border-left: solid 1px #8095B8; /* tan */
   background-color: lightyellow; 
}
.resultsRow
{
	background-color: #fff3c7;  
}

.resultsAltRow
{
	background-color: lightyellow;
}

.resultsEnd
{
   border-top: solid 1px #8095B8; /* tan */
}

/*****************************************
 * Data Grid
 *****************************************/
.tblDataGrid 
{
	background-color: lightyellow; 
	border-left: 1px solid #8095B8; /* tan */
	border-top: 1px solid #8095B8; /* tan */
}
.tblDataGrid td
{
	border-bottom: 1px solid #8095B8; /* tan */
	border-right: 1px solid #8095B8; /* tan */
   border-left: solid 1px #8095B8; /* tan */
	text-align: center;
	padding: 5;
}
.tblDataGridHead td
{
	background: #e5e5e5;
	font-size: 10px;
	font-weight: bold;
}
.highlightedrow
{
	background: #e5e5f5;	
}
.tblDataGrid td.headerow
{
	font-weight: bold; 
	font-size: 9px;
}

