/* PlaceHolder is there because Firefox is doing something REALLY funky and ignoring the first class on my sheet */
.PlaceHolder
{

}


/********************************************************************************************************
*	WORST HACK IN THE HISTORY OF CSS.  
*	TO-DO: Research a better (to be read: non-hackish) way to do this
********************************************************************************************************/
.ie6nodisplay
{
	_display: none;
}

/********************************************************************************************************
*	High-Level Page Structure 
*	Basically, just the divs that contain the header, body, and footer.
*	(i.e.  All the markup that falls on the Master Page)
********************************************************************************************************/
html,body
{
	text-align: center;
	
	margin-right: 0;
	margin-left: 0;
}
body
{
	font-family: arial;
	color: black;
	font-size: 0.9em;
	
	margin-top: 10px;
	margin-bottom: 7px;
}

div.MainBorder
{
	margin-left: auto;
	margin-right: auto;
	
	width: 100%;
	max-width: 91em;
	min-width: 70em;
	_width: 70em;
	_width: expression(document.body.clientWidth < 1008? "1006px" : document.body.clientWidth > 1402? "1400px" : "100%");		
	
	overflow: hidden;
}

div.AuxTopBorder
{
	position: absolute;
	z-index: -5;
	
	width: 100%;
	max-width: 91em;
	min-width: 70em;
	_width: 70em;
	_width: expression(document.body.clientWidth < 1008? "1006px" : document.body.clientWidth > 1402? "1400px" : "100%");
	height: 500px;
}

div.BorderLeft
{
	background-image: url(../resources/images/BorderLeft.gif);
	background-repeat: repeat-y;		
}

div.BorderRight
{
	background-image: url(../resources/images/BorderRight.gif);
	background-repeat: repeat-y;
	background-position: right top;
		
	float: right; 
	width: 99.5%;		
}

div.CornerBorderLeft
{
	float: left;				
	height: 14px;
	width: 21px;
}

div.CornerBorderRight
{
	float: right;
	height: 14px;
	width: 21px;
}	

div.ContentsContainer 
{
	margin-right: 0.5%;
	padding-left: 10px;
	padding-right: 12px;
}

div.DialogContentsContainer 
{
	padding-left: 10px;
	padding-right: 10px;
}

#pnlHeaderBorder
{
	text-align: left;
}

#pnlHeaderBorderTop
{
	background-image: url(../resources/images/BorderTop.gif);
	background-repeat: repeat-x;
	background-position: center top;
	
	z-index: -10;
}		

#pnlHeaderBorderLeft
{
	background-image: url(../resources/images/BorderTopLeft.gif);
	background-repeat: no-repeat;
	background-position: left top;
}	

#pnlHeaderBorderRight
{
	background-image: url(../resources/images/BorderTopRight.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#pnlHeaderContents
{
	padding-top: 8px;
	text-align: center;
}

#pnlBodyBorderRight,.pnlBodyBorderRight
{
	_height: 500px;
	min-height: 500px;	
}	

#pnlFooterContents
{
	margin-top: 20px;
}

#pnlFooterBorderBottom
{
	background-image: url(../resources/images/BorderBottom.gif);
	background-repeat: repeat-x;
	background-position: center top;
	
	height: 14px; 
}

#pnlHeaderBorderTopLeft
{
	background-image: url(../resources/images/BorderTopLeft.gif);
}			
#pnlHeaderBorderTopRight
{
	background-image: url(../resources/images/BorderTopRight.gif);
}
#pnlFooterBorderBottomLeft
{
	background-image: url(../resources/images/BorderBottomLeft.gif);
}
#pnlFooterBorderBottomRight
{
	background-image: url(../resources/images/BorderBottomRight.gif);
}


/********************************************************************************************************
*	The Site-Wide Page Header
********************************************************************************************************/
.HeaderRow
{
	margin-right: 12px; 
	margin-left: 12px;
	clear: both;
}

.StateBannerLeftImage
{
	position: absolute;
	left: 0px;
	z-index: 10;
}
.StateBannerRightImage
{
	position: absolute;
	right: 0px;
	_right: -1px;
	z-index: 1;
}

.SiteBannerLeftImage
{
	position: absolute;
	left: 0px;
	z-index: 10;
}

.SiteBannerRightImage
{
	position: absolute;
	right: 0px;
	_right: -1px;
	z-index: 1;
}

#pnlStateBanner
{
	background-image: url(../resources/images/Civ_StateBannerMiddle.gif); 
	background-repeat: repeat-x; 
	
	height: 67px;
	
	position: relative;
	overflow-x: hidden;	
}

.pnlStateBannerReplacement
{
	height: 25px;
	background-image: url(../resources/images/StateBannerReplacementMid.gif);
	background-repeat: repeat-x;
}

#pnlStateBannerReplacementLeft
{
	float: left;
	height: 25px;
	width: 19px;
	
	background-image: url(../resources/images/StateBannerReplacementLeft.gif);
	background-repeat: no-repeat;
}

#pnlStateBannerReplacementRight
{
	float: right;
	height: 25px;
	width: 19px;	
	
	background-image: url(../resources/images/StateBannerReplacementRight.gif);
	background-repeat: no-repeat;
}

#pnlSiteBanner
{
	display: block;
	
	background-color: #003466;
	
	height: 96px;
	
	position: relative;
	overflow-x: hidden;		
}

#pnlSiteTitle
{
	_height: 25px; 
	min-height: 25px;
	
	background-color: #f9b828;
	background-image: url(../resources/images/TitleRowRight.gif);
	background-position: right;
	background-repeat: repeat-y;
}

#pnlSiteTitle #pnlWelcome
{
	float: left;
	width: 33.33%;
	
	background-image: url(../resources/images/TitleRowLeft.gif);
	background-repeat: repeat-y;
	
	padding-top: 4px;
	padding-left: 7px;
	text-align: left;
	
	_height: 23px; 
	min-height: 23px;
}

#pnlSiteTitle img.SiteTitle
{
	float: left;			
}

#pnlSiteTitle #pnlChangePassword
{
	float: right;		
	
	padding-right: 14px;
	padding-top: 4px;
}

div.pnlNavLinks
{
	_height: 19px; 
	min-height: 19px; 
	
	background-color: #003466;
	background-image: url(../resources/images/NavLinksRowLeft.gif);
	background-repeat: repeat-y;
	
	color: #999999;
	font-size: 0.85em;
}

div.pnlNavLinks #pnlHelp
{
	_height: 16px; 
	min-height: 16px; 
	
	float: right;		
	
	padding-right: 14px;
	padding-top: 3px;		
	
	background-image: url(../resources/images/NavLinksRowRight.gif);
	background-position: right;
	background-repeat: repeat-y;
}	

#pnlNavLinksInner
{		
	float: left;		
	
	padding-left: 10px;
	padding-top: 3px;		
}
div.pnlNavLinks span
{
	position: relative;
	top: 2px;
}	
div.pnlNavLinks a
{
	position: relative;
	top: 2px;
	
	color: white;		
}
div.pnlNavLinks a:hover
{
	color: #999999;
}		

#pnlBannerBottom,.pnlBannerBottom
{
	height: 19px;
	
	background-repeat: repeat-x;
}

#pnlBannerBottomLeft,.pnlBannerBottomLeft
{
	float: left;
	height: 19px;
	width: 19px;
	
	background-repeat: no-repeat;
}

#pnlBannerBottomRight,.pnlBannerBottomRight
{
	float: right;
	height: 19px;
	width: 19px;	
	
	background-repeat: no-repeat;
}


/********************************************************************************************************
*	The Site-Wide Page Foooter
********************************************************************************************************/
a.FooterLink
{
	margin-right: 0.3em;
	margin-left: 0.3em;
}


/********************************************************************************************************
*	The "Tip of the Day" Panel
********************************************************************************************************/
#pnlTipOfTheDay
{
		
}

#pnlDidYouKnow
{
	padding-bottom: 2px;
	text-decoration: underline;
}


/********************************************************************************************************
*	Common Elements
********************************************************************************************************/
A
{
	font-family: arial;
	color: #4371c6;
	font-weight: bold;
}
A:visited
{
	color: #4371c6;
}
A:hover 
{
	color: #666666;
}

div.FloatSpacer
{
	height: 0px;
	clear: both;
}

/* For Nav Button Panels at bottom of Pages */
div.NavButtons
{
	padding-top: 10px;
	padding-bottom: 45px;
	_margin-bottom: 60px;
	min-height: 2em;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

/* Inner Div to center the buttons in a Full-width NavButtons panel */
div.NavButtons div.NavButtonsInner
{
	margin-right: auto;
	margin-left: auto;
}

/* For Stacking buttons vertically in an ActionButtons panel */
div.ActionButtons
{
	padding-top: 10px;
	padding-bottom: 45px;
	_margin-bottom: 60px;
	min-height: 2em;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

div.ActionButtons div.row
{
	clear: both;
	text-align: left;
	
	padding-top: 5px;
	padding-bottom: 0px;
	
	*padding-top: 2px;
	
	border: 1px solid white;
}

div.ActionButtons div.row div.ColLabel
{
	float: left;
	padding-left: 1em;
	position: relative;
	top: 2px;
	_top: 4px;
}

div.RowLeftJustified 
{
	clear: both;
	text-align: left;
	
	padding-top: 5px;
	padding-bottom: 0px;
	
	*padding-top: 2px;
	
	border: 1px solid white;
	float: left;
	padding-left: 1em;
	position: static;
	top: 2px;
	_top: 4px;
}


div.TextBlock
{
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
}

div.FloatSpacer
{
	clear: both;	
}


img
{
	border: 0px;
	margin: 0px;
	padding: 0px;
}

Hr
{
	height: 0; 
	border: 0; 
	border-top: solid 1px #f9b828;
	clear: both;
}

p
{
	margin-top: 0px;
	padding-top: 4px;
	
	margin-bottom: 0px;
	padding-bottom: 10px;
}

ul, ol
{
	margin-top: 0px;
	padding-top: 0px;
	
	margin-bottom: 0px;
	padding-bottom: 10px;
}
li
{
	padding-bottom: 2px;
}



/***********************************************************
               ***  Centering Divs  ***

*	This 3-level div thing is a giant css hack 
*	which is designed to accomplish cross-browser
*	Vertical Centering.  Not a fun task in CSS2.  :)
***********************************************************/ 
div.VCenteredOuter 
{
	display: table; 
	height: 400px; 
	#position: relative; 
	overflow: hidden;
}
	
div.VCenteredMiddle 
{	
	#position: absolute; 
	#top: 50%;
	display: table-cell; 
	vertical-align: middle;
} 
	
/* for explorer only */
div.VCenteredInner 
{
	#position: relative; 
	#top: -50%;
} 

	
div.HCentered
{
	text-align: center;
}



/************************************************************
             ***  TITLES / LABELS / TEXT *** 
************************************************************/

/* Primary title items (Usually the Title at the Top of a Page) */
.PrimaryTitle 
{
	font-family: arial;
	font-size: 2.0em;
	color: #4371c6;		
	font-weight: bold;
}

/* Secondary title Items (Usually Larger Sub-Titles for Sections of a Page) */
.SecondaryTitle
{
	font-family: arial;
	font-size: 1.5em;
	color: #b0071a;
	font-weight: bold;
}	
.SecondaryTitleAlt
{
	font-family: arial;
	font-size: 1.5em;
	color: #003466;
	font-weight: bold;
}

/* Tertiary title items (Usually Smaller Sub-Titles for Sections of a Page) */
.TertiaryTitle, .QuadraryTitle
{
	font-family: arial;
	font-size: 1.2em;
	color: #003466;
	font-weight: bold;
}

.TertiaryTitleLeftJustify
{
	text-align: left;
	font-family: arial;
	font-size: 1.2em;
	color: #000000;
	font-weight: bold;
}

.TertiaryTitleAlt, .QuadraryTitleAlt
{
	font-family: arial;
	font-size: 1.2em;
	color: #b0071a;
	font-weight: bold;
}
.TertiaryTitleAltColor, .QuadraryTitleAltColor
{
	color: #b0071a;
}

.TertiaryTitleBlackText
{
	font-family: arial;
	font-size: 1.2em;
	color: #000000;
	font-weight: bold;
}

   /* Quadrary title items (Usually Smaller Sub-Titles for Sections of a Page) */
.QuadraryTitle, .QuadraryTitleAlt
{
    font-size: smaller;
}


Label, .Label
{
	font-family: arial;
	color: black;
	font-weight: bold;
}

Label.AltColor, .Label.AltColor
{
	color: #003466;
}

.LittleText
{
	font-size: 0.75em;
}

.LittlestText
{
	font-size: 0.7em;
}

.FieldError
{
	color: #b0071a;
	font-weight: bold;
}

Caption, .Caption
{
	font-weight: bold;
	font-family: arial;
	color: #b0071a;
}

.DisabledText, .DisabledText label
{
	font-style: italic;
	font-weight: bold;
	color: #666666;
}
	
.Required
{
	font-weight: bold;
	color: #b0071a;
}

.ErrorMessages
{
	background-color: #ff6868; 
	font-weight: bold;
}

.ErrorFieldHighlight
{
	background-color: #ff6868;
}

.ExampleText 
{
	color: #8c8c8c;
	font-size: 0.7em;
	font-weight: bold;
	font-style: italic;
}

.TermsOfServiceText 
{
	text-align: left;
	font-size: 1.0em;
	font-weight: normal;
	font-style: normal;
}



/************************************************************
                ***  LINKS / BUTTONS *** 
************************************************************/

span.ButtonSeparator
{
	display: none;	
}

/* Solid links /  buttons */
.SolidLinkButton 
{ 
	float:left;
	
	text-align: center;
	
	border: 0px solid red;
	background-color: transparent;
	
	font-family: arial;
	font-weight: bold;
	font-size: 1em;
	color: black;
	text-decoration:none;
	
	padding: 0px;
	margin-left: 0.3em;
	margin-right: 0.3em;
}
.SolidLinkButton:Visited
{ 
	color: black;
}

a.SolidLinkButton
{
	margin-top: 1px;
	*margin-top: 2px;
}	


.SolidLinkButton * 
{
	display:block;
}

.SolidLinkButton span.BLCornerOuter /* Bottom left corner, left and bottom edges */
{ 
	background: url(../resources/images/Button3.gif) bottom left no-repeat;
}

.SolidLinkButton span.BLCorner /* Bottom left corner, left and bottom edges */
{ 
	background: url(../resources/images/Button3Pressed.gif) -1000px -1000px no-repeat;
}

.SolidLinkButton span.BRCornerOuter  /* Bottom right corner */
{ 
	background: url(../resources/images/Button3-Corners.gif) bottom right no-repeat;
}

.SolidLinkButton span.BRCorner  /* Bottom right corner */
{ 
	padding-bottom: 10px;
	
	background: url(../resources/images/Button3Pressed-Corners.gif) no-repeat -1000px -1000px;
}

.SolidLinkButton span.TRCornerOuter  /* Top right corner, top edge */
{ 
	background: url(../resources/images/Button3.gif) no-repeat top right;
}

.SolidLinkButton span.TRCorner /* Top right corner, top edge */
{
	padding-right: 10px;
	
	background: url(../resources/images/Button3Pressed.gif) no-repeat -1000px -1000px;
}

.SolidLinkButton span.TLCornerOuter /* Top Left corner */
{ 
	background: url(../resources/images/Button3-Corners.gif) no-repeat top left;	
}

.SolidLinkButton span.TLCorner /* Top Left corner */
{ 
	background: url(../resources/images/Button3Pressed-Corners.gif) no-repeat -1000px -1000px;
}

.SolidLinkButton span.LEdgeOuter /* Left Edge */
{ 
	background: url(../resources/images/Button3.gif) no-repeat top left;
}	

.SolidLinkButton span.LEdge /* Left Edge */
{ 
	padding-left: 10px;
	padding-top: 8px;
	
	background: url(../resources/images/Button3Pressed.gif) no-repeat -1000px -1000px;
}	

a.SolidLinkButton span.LEdge	
{
	*padding-left: 20px;
	*padding-right: 12px;
}

	
	
	
	
.SolidLinkButton:Hover
{	
	color: #666666;
	cursor: pointer;
}	
.SLBHover 
{	
	color: #666666;
	cursor: pointer;
}	

.SolidLinkButton:Hover span.BLCorner /* Bottom left corner, left and bottom edges */
{ 
	background-position: bottom left;
	z-index: 50;
}	
.SLBHover span.BLCorner /* Bottom left corner, left and bottom edges */
{ 
	background-position: bottom left;
	z-index: 50;
}

.SolidLinkButton:Hover span.BRCorner /* Bottom right corner */
{ 
	padding-bottom: 8px;
	
	background-position: bottom right;
	z-index: 51;
}
.SLBHover span.BRCorner /* Bottom right corner */
{ 
	padding-bottom: 8px;
	
	background-position: bottom right;
	z-index: 51;
}

.SolidLinkButton:Hover span.TRCorner /* Top right corner, top edge */
{
	padding-right: 8px;
	
	background-position: top right;
}
.SLBHover span.TRCorner /* Top right corner, top edge */
{
	padding-right: 8px;
	
	background-position: top right;
}

.SolidLinkButton:Hover span.TLCorner /* Top Left corner */
{ 
	background-position: top left;	
}
.SLBHover span.TLCorner /* Top Left corner */
{ 
	background-position: top left;	
}

.SolidLinkButton:Hover span.LEdge /* Left Edge */
{ 
	padding-left: 12px;
	padding-top: 10px;
	
	background-position: top left;
}
.SLBHover span.LEdge /* Left Edge */
{ 
	padding-left: 12px;
	padding-top: 10px;
	
	background-position: top left;
}

a.SolidLinkButton:Hover span.LEdge	
{
	*padding-left: 22px;
}


/*********************************************************************************
*	Yello Highlighted Solid Link Buttons
*********************************************************************************/
.SLBSpecial1 span.BLCornerOuter /* Bottom left corner, left and bottom edges */
{ 
	background: url(../resources/images/Button2.gif) bottom left no-repeat;
}

.SLBSpecial1 span.BLCorner /* Bottom left corner, left and bottom edges */
{ 
	background: url(../resources/images/Button2Pressed.gif) -1000px -1000px no-repeat;
}

.SLBSpecial1 span.BRCornerOuter  /* Bottom right corner */
{ 
	background: url(../resources/images/Button2-Corners.gif) bottom right no-repeat;
}

.SLBSpecial1 span.BRCorner  /* Bottom right corner */
{ 
	background: url(../resources/images/Button2Pressed-Corners.gif) no-repeat -1000px -1000px;
}

.SLBSpecial1 span.TRCornerOuter  /* Top right corner, top edge */
{ 
	background: url(../resources/images/Button2.gif) no-repeat top right;
}

.SLBSpecial1 span.TRCorner /* Top right corner, top edge */
{
	background: url(../resources/images/Button2Pressed.gif) no-repeat -1000px -1000px;
}

.SLBSpecial1 span.TLCornerOuter /* Top Left corner */
{ 
	background: url(../resources/imagesButton2-Corners.gif) no-repeat top left;	
}

.SLBSpecial1 span.TLCorner /* Top Left corner */
{ 
	background: url(../resources/images/Button2Pressed-Corners.gif) no-repeat -1000px -1000px;
}

.SLBSpecial1 span.LEdgeOuter /* Left Edge */
{ 
	background: url(../resources/images/Button2.gif) no-repeat top left;
}	

.SLBSpecial1 span.LEdge /* Left Edge */
{ 
	background: url(../resources/images/Button2Pressed.gif) no-repeat -1000px -1000px;
}	


/********************************************************************************************************
*	Very Basic Form Styles
********************************************************************************************************/
input
{
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: arial;
	font-size: .9em;
}

select
{
	padding-right: 2px;
	padding-left: 2px;
	font-family: .9em;
	font-size: .9em;
}

.CheckBoxList, .RadioButtonList
{
	font-family: arial;
	font-size: 1em;
	color: black;			
}
	
.CheckBoxList label, .RadioButtonList label
{
	font-weight: normal;
}

.CheckBoxList label
{
	position: relative;
	top: -2px;
	*top: -1px;
}

.RadioButtonList label
{
	padding-right: 10px;
}

.CheckBoxList input, .RadioButton input
{
	width: auto;	
}	

.RadioButtonList input
{
	position: relative;
	top: 2px;
}	

.NoRecordsPanel
{
	width: 100%; 
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}



/********************************************************************************************************
*	Gray Info Box, Black Border (harder than you might expect...)
********************************************************************************************************/

div.InfoBox
{
	text-align: left;
}

div.InfoBox div.top 
{    	
	margin: 0 auto 0 auto;    
	background: url(../resources/images/RoundedTopLine.gif) 0 0 repeat-x;
}
div.InfoBox div.bottom 
{
	background: url(../resources/images/RoundedBottomLine.gif) 0 100% repeat-x;
}
div.InfoBox div.left 
{
	background: url(../resources/images/RoundedLeftLine.gif) 0 0 repeat-y;
}
div.InfoBox div.right 
{
	background: url(../resources/images/RoundedRightLine.gif) 100% 0 repeat-y;
}
div.InfoBox div.bottomLeft 
{
	background: url(../resources/images/RoundedBottomLeft.gif) 0 100% no-repeat;
}
div.InfoBox div.bottomRight 
{
	background: url(../resources/images/RoundedBottomRight.gif) 100% 100% no-repeat;
}
div.InfoBox div.topLeft 
{
	background: url(../resources/images/RoundedTopLeft.gif) 0 0 no-repeat;
}
div.InfoBox div.topRight 
{
	background: url(../resources/images/RoundedTopRight.gif) 100% 0 no-repeat; 
	padding:10px;
}

div.InfoBox div.Contents
{
	background-color: #dddddd;
} 

div.InfoBox span.ColActionButtons a
{
	margin-left: 10px;
}

/********************************************************************************************************
*	Manaul additions
********************************************************************************************************/

.ColFields input {
	width: 100%;
}

.ColFields select {
	width: 105%;
}

.QuadraryTitle,.QuadraryTitleAlt {
	font-size: smaller;
}

.HeaderRowMiddle {
	margin-right: 12px;
	margin-left: 13px;
	clear: both;
}

.recaptcha{
  padding-top: 20px;
  text-align: center;
}
.g-recaptcha{
  display: inline-block;
}