/* ****************************************** */
/*CSS for ITS.GOV */
/*This CSS was updated on 6/6/2002 to Standarize some of the look and feel for ITS.gov*/
/*The purpose of this update is to add new Styles which are completly new and */
/*to add styles that replace previous Styles that had different results in IE and Netscape. */
/*Please note that this css is broken into two parts */
/*If Style should not be used anymore it will be stated as comment right before it */
/* 1. Styles that were added After 6/6/2002 */
/* 2. Styles that were used Before 6/6/2002 */
 



/* ************** STYLES ADDED ON 6/06/2002 OR AFTER ***************** */
/* STYLES SHOULD BASICALLY LOOK THE SAME IN I.E. AND NETSCAPE          */
/* I.E.IF A TABLE IS CENTERED IN I.E IS SHOULD BE CENTERED IN NETSCAPE */
/* ******************************************************************* */

/* replaces headerRow */
/* Sets the color and font of the top row on a table. */
.stdHeaderRow {  background-color: #BBD1E8; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000;height: 24; clip:  rect(   )}

/* both used to make fixed font for INPUTS and SELECTS on forms */ 
Input{ font-family: Courier New, Helvetica, sans-serif; font-size: 12pt ;padding-right: 0px}
/* Select { font-family: Arial, Monospace; font-size: 12pt} */

/* This is for displaying a message in ITS.gov while graying out the rest of the screen. */
/* A div using .grayOutPageBackground should contain another div using .focusContent, which should contain the message content. */
.grayOutPageBackground { display: block; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0, 0.3);}
.focusContent { margin: 20% auto; padding: 18px; width: 60%; background-color: #ffffff; }


/* ************** STYLES BEFORE 6/06/2002 ***************** */

/* popupLink not used much */  
.popupLink { outline: none ; text-decoration: none; color: #000000; font-family: Arial, Helvetica, sans-serif} 

/* popup used alot */
/* used for showing text tips, may not be 508 compliant*/
.popup { POSITION: absolute; VISIBILITY: hidden; BACKGROUND-COLOR: yellow; LAYER-BACKGROUND-COLOR: yellow; width: 50; BORDER-LEFT: 1px solid black; BORDER-TOP: 1px solid black; BORDER-BOTTOM: 3px solid black; PADDING: 3px; BORDER-RIGHT: 3px solid black;  z-index: 5 ; text-decoration: none; font-family: Arial, Helvetica, sans-serif} 

/* Currently determinig where these are used on a regular Basis */
.itsFont {  font-family: Arial, Helvetica, sans-serif}
.itsFontSize1 {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt}
.itsFontSize2 { font-family: Arial, Helvetica, sans-serif; font-size: 12pt}
.itsFontSize3 { font-family: Arial, Helvetica, sans-serif; font-size: 13pt}
.itsFontSize5 { font-family: Arial, Helvetica, sans-serif; font-size: 15pt}
.itsFontSize4 { font-family: Arial, Helvetica, sans-serif; font-size: 14pt}
.itsHomePageLink {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #2673A1; font-weight:bold;}
/*When showing errors use error font*/
.errorFont { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FF0000; font-weight: normal; font-style: italic}

/* used in the header menu at the top screens */
.subtitleFont { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold}
.itsFontSize0 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt}


.underlineText { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; text-decoration: underline}
a {  border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; cursor: hand; font-family: Arial, Helvetica, sans-serif}

/* DO NOT USE headerRow , use stdHeaderRow  */
.headerRow {  background-color: #BBD1E8; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000; text-align: center; align: center;; height: 24px; clip:  rect(   )}

/* Use this instead of tableRow for non-bold fields */
.tableRowLite {  background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #000000; height: 24px; clip:  rect(   )}

/* tableRow background-color changed to match tableRowWhite*/
.tableRow {  background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000; height: 24px; clip:  rect(   )}

/* */
.tableRowWhite {  background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000; height: 24px; clip:  rect(   )}
.fixHtTableRow {  background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000; height: 24px; clip:  rect(   )}
.fieldName {  background-color: #EFEBE7; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000;}
.fieldNameWhite {  background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000;}

/* Used for table Group header . Same as tableRow now 05/17/05 */
.tableGroupRow {  background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000; height: 24px; clip:  rect(   )}

/* used for ledgends */
.smallestFont { font-family: Arial, Helvetica, sans-serif; font-size: 12px}

/* use to control standard bold font */
.bold {  font-weight: bold; font-family: Arial, Helvetica, sans-serif}

.unnamed1 {  background-color: #999999}


.profileHeaderRow {  font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #000000; background-color: #DCD7D1; text-decoration: underline}

/*used to show links in white . Same as tableRow. 5/17/05 */

.underlinedWhiteText {  background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000;  clip:  rect(   )}

/*if you need to display a row that has no date use this */
.profileEmptyRow {  color: #CCCCCC; background-color: #BBD1E8}

/*This will make hyper-links to appear in white and not blue
.linkColor {  color: #FFFFFF; text-decoration: underline}
/* Sets the color and font of the top row on a table. */
.stdMenuHeaderRow {  background-color:#880033; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #ffffff;; height: 24px; clip:  rect(   )}
.fixHtheaderRow { background-color: #CED7F7; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000; text-align: center; align: center;; height: 24px; clip: rect( ) }
/* Same as tableRow . Date 5/17/2005 */
.fixHtstdHeaderRow {  background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000; height: 24px; clip:  rect(   )}
/* Same as tableRow . Date 5/17/2005 */
.fixHttableGroupRow {  background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000; height: 24px; clip:  rect(   )}

/* *** 508 changes begin *** */
.508Anchor {
	text-decoration: none; 
	color:white; 
}
/* *** 508 changes end *** */
BODY { font-family: verdana, Garamond, Arial; font-size: 10pt; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; bottom:0; background-color:#FFFFFF;color: black; background: white;
}

/** copied from html **/
.style1 {font-size: 12pt}
.style2 {font-size: 12pt; font-weight: bold; }

/** Added by Vimal - May 20, 2005 - To support color changes for Phase II **/
/* .popUpHeaderBG {  background-color: #E0ECF8; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000; height: 24px; clip:  rect(   )} */
.popUpHeaderBG {  background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000; height: 24px; clip:  rect(   )} 
.popUpTitleHeaderBG {  background-color: #2572A0; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000; height: 24px; clip:  rect(   )}
.subtitleFontWhite { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #FFFFFF}

.instructionText { background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #000000; height: 24px; clip:  rect(   ) }

.grayedText { background-color: #FFFFFF; font-style: italic; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #C0C0C0; height: 24px; clip:  rect(   ) }
.grayedHeaderText { background-color: #BBD1E8; font-style: italic; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #777777; height: 24px; clip:  rect(   ) }

/* small text, which is under large text*/
.smallText {  background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #000000; height: 24px; clip:  rect(   )}

/* Added by j1btd03, July 2015 */
.centeredBannerText { 
	width:80%;
	text-align:center;
}

/* Added by j1btd03, July 2015 */
/*  SBU Notification Styles */
.lineHeight200 {
	line-height:200%;
}
.noTextDecoration {
	text-decoration:none;
}
.imageAlignWithText {
	position:relative; 
	top:11px;"
}

.forgotUserId {
	display: none;
	margin: auto;
	padding-top: 2em ;
	text-align: center;
}

.forgotUserId div:first-child{
	font-weight: bold;
}

.forgotUserId div{
	padding-top: 1em ;
}

.badLogin {
	display: none;
	margin: auto;
	padding-top: 2em ;
	text-align: center;
}

.badLogin div:first-child{
	font-weight: bold;
}

.badLogin div{
	padding-top: 1em ;
}

.webAccessibility {
	display: none;
	margin: auto;
	padding-top: 2em ;
	text-align: left;
}

.webAccessibility div:first-child{
	font-weight: bold;
}

.webAccessibility div{
	padding-top: 1em ;
}

.contactUs {
	display: none;
	margin: auto;
	padding-top: 2em ;
	text-align: left;
}

.contactUs div:first-child{
	font-weight: bold;
}

.contactUs div{
	padding-top: 1em ;
}