/*Start Original Css*/
body { 
	font: 11px Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	background: url(/images/page_tile_bg.jpg) top center repeat-x #fff;
	margin: 0;
	padding: 0;
	}

.body {
	font: 11px Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	border: none;
	}
	
p, table, th, tr, td, h1, h2, h3, img, span, a, a:visited, a:hover, a:active {
	font: 11px Verdana, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border: none;
	}
	
h1 {
	font: 14px Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0;
	margin: 0;
	text-transform: uppercase; /* Optional */
	}

h2 {
	font: 12px Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: navy;
	font-weight:bold;
	}

h3 {
	font: 11px Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0;
	margin: 0;
	text-transform: uppercase; /* Optional */
	}

p {
	font: 11px Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
	}

strong {
	font: bold 11px Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #ff3300;
	}
	
a, a:visited {
	font: 11px Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	}
	
a:hover, a:active {
	font: 11px Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: underline;
	}

.banner {
	background: url(/images/home_bnr_bg.jpg) top left no-repeat;
	width: 832px;
	}

.banner p {
	color: #fff;
	font-size: 9px;
	margin: 4px 0 0 22px;
	}

.banner .nav a:link, .banner .nav a:visited {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	text-transform: none;
	margin: 0 10px;
	padding: 0;
	}
	
.banner .nav a:hover, .banner .nav a:active {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: underline;
	text-transform: none;
	margin: 0 10px;
	padding: 0;
	}

.nav {
	background: url(/images/home_bnr_nav_bg.jpg) top no-repeat;
	width: 366px;
	height: 30px;
	padding: 0 15px 0 0;
	}

.homeBody p {
	margin: 0 0 11px 0;
	width: 545px;
	}
	
.footer p {
	font: 10px Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #1b6fb3;
	margin: 0 0 7px 0;
	}

.footer .plus {
	font-size: 9px;
	}
		
.footer a:link, .footer a:visited {
	font: 10px Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #1b6fb3;
	text-decoration: underline;
	text-transform: none;
	margin: 0;
	padding: 0;
	}
	
.footer a:hover, .footer a:active {
	font: 10px Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #1b6fb3;
	text-decoration: none;
	text-transform: none;
	margin: 0;
	padding: 0;
	}
	
.datagridStyle .titleBg, .datagridStyle .columnBg {
	background: url(/images/data_hdr_bg_tile.gif) top left repeat-x;
	height: 21px;
	}
	
.datagridStyle .titleBg p, .datagridStyle .columnBg p  {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	
	}
.datagridStyle .columnBg p
{
	text-align: left;
}
	
.datagridStyle .headers th{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #ff3300;
	background: #ebfafd;
	}
.datagridStyle .headers a
{
	color:Red;
	font-weight: bold;
	text-decoration: underline;
}
.datagridStyle .row1 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #186cb1;
	background: #fff;
	}
	
.datagridStyle .row2 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #186cb1;
	background: #f0f0f0;
	}
	
.formFields {
	background: #fff;
	}	
	
.formFields .text {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #3686CD;
	text-align: right;
	}	
	
.formFields .input {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: right;
	background: #F6FBFF;
	border: 1px solid #3686CD;
	}	
	
.formFields .btn {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: right;
	text-transform: uppercase;
	background: #307CD4;
	border: 1px solid #66A8DA;
	}	
/*End original css*/	
/*Special classes*/
/*hidden and visible are used by javascripts for the expand and contract functionality, these classes are expected by the scripts*/
.hidden
{
	display:none;
}
.visible
{
	display:block;
}
.sectionName
{
	font-family:Verdana;
	font-size: 20px;
	color:Red;
}

.menuColumn
{
	width: 30%;
	padding: 10px;
	float:left;
	text-align:center;
	margin: 0 auto;
	
}
.gridViewHeader
{
	
	/*DESIGN_CHANGE: Design should specify border definition here. Also should decide if this is the way we should do things*/
	border: solid 1px navy; 
}
.ColumnUnitArea
{
	background-color:White;
	border-left: solid 1px #3D8DD4;
	border-right: solid 1px #3D8DD4;
}
/*End Special Classes*/	

/*Modified Classes From Design*/
/*Note these classes add or override the defined css by design. This is done so the original design is never modified. Design should then
review and signoff prior to go live*/
.datagridStyle
{
	width: 100%;
}

h2
{
	width: 100%;
	background-color: White; /*DESIGN_CHANGE: Design should specify color here*/	
}

/*End Modified Classes From Design*/


/*Start Skin Classes*/
/*Note these classes should be inspected by design prior to go live. Please remove this comment up design signoff*/

/*Forms*/

.FormsLabel, .FormsTextBox, .FormsButton, .FormsDropDownList, .FormsPhoneTextBox, .FormsTextBoxSmall,
.FormsTextBoxState
{
	font-family:Verdana;
	font-size: 11px;
	color: Navy;
}
.FormsButton, .FormsTextBox, .FormsDropDownList, .FormsPhoneTextBox, .FormsTextBoxSmall,
.FormsTextBoxState
{
	border: solid 1px navy;
}
.FormsDropDownList, .FormsTextBox, .FormsPhoneTextBox, .FormsTextBoxSmall,
.FormsTextBoxState
{
	background-color: White;
}
.FormsLabel
{
	width: 120px;
	font-weight:bold;
}
.FormsButton
{
	width:120px;
	background-color: #CCCCCC;
	font-weight: bold;
	margin-right: 40px;
}

.FormsTextBox
{
	width: 200px;
}

.FormsLogin
{
	width: 300px;
	margin: 0px auto;
}
.FormsCalendarSelectedDay
{
	color:White;
	border: solid 1px navy;
	background-color: Yellow;
}
.FormsCalendarToday
{
	color: Blue;
	border: solid 1px black;
	background-color: Silver;
}
.FormsCalendarTitle
{
	background-color: Navy;
	color:White;
	font-weight: bold;
}
.FormsCalendarWeekendDay
{
	background-color:LightBlue;
}
.FormsCalendarNextPrev
{
	color:White;
	
}
.FormsCalendarNextPrev a
{
	color:White;
}
.FormsCalendar
{
	border: solid 1px navy;
	background-color: White;
	width:204px;
}
.FormsCheckBox
{
}
.FormsCheckBox input
{
	background-color: Transparent;
	width: 20px;
	border: solid 0px Transparent;
	
}
.FormsContainer
{
	background-color:White;
	width:100%;
	padding: 10px;
	
}
/*End Forms*/

/*FormsSpecial*/

.FormsSpecialTextBox
{
	width: 300px;
	height: 100px;
	border: solid 1px navy;
	font-family: Verdana;
	font-size: 11px;
	background-color: White;
}
.FormsSpecialCheckBox
{
	border: solid 0px black;
	width: 20px;
}
/*End FormsSpecial*/


/*Content*/
.ContentLabel, .ContentHyperLink
{
	font-family:Verdana;
	font-size: 11px;
	color: Navy;
	font-weight: bolder;
}


.ContentGridViewRow, .ContentGridViewEmptyRow, .ContentGridViewAltRow, 
.ShortContentGridViewRow, .ShortContentGridViewEmptyRow, .ShortContentGridViewAltRow
{
	font-family:Verdana;
	font-size: 12px;
	color:Black;
	height: 100px;
}
.ShortContentGridViewRow, .ShortContentGridViewEmptyRow, .ShortContentGridViewAltRow
{
	height: auto;
}
.ContentGridViewRow, .ShortContentGridViewRow,
{
	background-color: LightBlue;
}

.ContentGridViewAltRow, .ShortContentGridViewAltRow
{
	background-color:White;
}
.ContentGridViewRow a, .ContentGridViewAltRow a, .ShortContentGridViewAltRow a, .ContentGridViewRow a
{
	font-size: 12px;
	color:Blue;
	font-weight:bold;
}
.ContentGridViewEmptyRow, .ShortContentGridViewEmptyRow
{
	background-color: #CCCCCC;
	color:Navy;
	font-weight:bold;
}

.ContentDetailsView
{
	width:100%;
}
.ContentDetailsViewRow
{
	background-color:White;
}
/*End Content*/

/*Errors*/
.ErrorsLabel
{
	font-family:Verdana;
	font-size: 11px;
	color: Red;
	font-weight:bolder;
}
/*End Errors*/

/*Start Instructions*/
.InstructionsLabel
{
	font-size:11px;
	font-weight:bold;	
	font-family:Verdana;
	color:Navy;
}
/*End Instructions*/

/*End Skin Classes*/
/*Phone Skin*/
.FormsPhoneTextBox
{
	width: 3em;
}
/*End Phone Skin*/
.FloatingConfirm
{
	position: fixed;
	top: 100px;
	left: 250px;
	width:700px;
	background-color:White;
	border: solid 2px black;
	margin: 0 auto;
	height: 70px;
	opacity:.95;
	filter: alpha(opacity=95); 
	-moz-opacity: 0.95;
}	
.FloatingConfirm div
{
	margin: 0 auto;
	text-align: center;
	
}
.FormsTextBoxSmall
{
	width: 150px;
}
.FormsTextBoxState
{
	width: 30px;
}

.SearchLabel
{
	width:150px;
	display:block;
	text-align: right;
	float:left;
	padding-right: 20px;
}
.SearchInput
{
	width:200px;
	display:block;
	float:left;
}
	
/*Start BOL Styling for screen*/

.bolHeader
{
	font-size: 30px; font-weight: bold;	
}
.bolTopCell
{
	width:50%;
}
.bolOrderDetailLine1
{
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	border-right: solid 1px black;
	width: 800px;
	
}
.bolOrderDetailLine1 tr td, .bolOrderDetailLine1 tr th
{
	text-align: center;
	/*border: solid 1px black;*/
	border-left: solid 1px black;
	
	
}
.bolOrderDetailLine1 tr th
{
	font-weight: bold;
	font-size: 12px;
	border-bottom: solid 1px black;
	height: 25px;
	background-color: Silver;
	
}
.bolOrderDetailLine2
{
	border: solid 1px black;
	background-color: #CCCCCC;	
}
.bolOrderDetailLine2 td
{
	font-weight: bold;	
}
.bolOrderDetailLine2, .bolOrderDetailLine3
{
	padding: 5px;
	width: 800px;
	text-align: left;
}
.orbsContentArea
{
	min-height: 300px;
	display:block;
	
}
/*End BOL styling for scre*/

.MessageBox_Information, .MessageBox_Error
{
	padding: 10px 10px 10px 10px;
	text-align:center;
	width:90%;
	margin: 0 auto;
	border: solid 1px black;
	margin-bottom: 20px;
}

.MessageBox_Information
{
	background-color:White;
}

.MessageBox_Error
{
	background-color:Red;
}
.searchBox
{
	border: solid 1px #CCCCCC; padding: 10px; margin: 10px;
}

.formLabel
{
	float:left;
	width: 210px;
	text-align:right;
	padding-right: 25px;
	font-size:12px;
}
.formLabel .requiredField
{
	color:Red;
}
.formField
{
	float:left;
	width: 200px;
	font-size:12px;
}
.formField input, .formField textarea
{
	width: 200px;
	border: solid 1px black;
}
.formField textarea
{
	height: 200px;
}
.contactForm
{
	width: 600px;
	margin: 0 auto;
	background-color: White;
	border: solid 1px gray;
	padding: 20px;
}
.submitButton
{
	clear:both;
	padding-left: 380px;
	padding-top: 10px;
}