BODY  {
	font-family :  verdana, arial, sans-serif;
	font-size: small;
	margin: 0px 0px 0px 0px;
}

UL  {list-style: square;}
H1  {font-size : medium;margin-top: 5px;margin-bottom: 5px;}
H2  {font-size : small;margin-top: 4px;margin-bottom: 4px;}
H3  {font-size : small; }
H4  {font-size :x-small;}
H5  {font-size : xx-small;}
	
/* Anchor  */
a span { height: 1px; width: 1px; position: absolute; overflow: hidden; top: -10px; }
a:active.nodisplay, a:focus.nodisplay, div a:active.nodisplay, div a:focus.nodisplay, .nodisplay a:active, .nodisplay a:focus{ position: static;width: auto; height: auto;}	
a.nodisplay, div a.nodisplay, div a:hover.nodisplay, div a:visited.nodisplay, .nodisplay a, .nodisplay a:hover, .nodisplay a:visited
 { 
	position: absolute; 
 	left: 0px; 
 	top: -500px; 
 	width: 1px; 
 	height: 1px; 
 	overflow: hidden;
 } 

/* Table */
table {border-collapse:collapse;}
table.Standard, table.FixedWidth {padding:0px; border-spacing:0px; margin:0px;}
table.noborder td, table.addrTable {border-width:0;}
td {font-size:small;}
td.RowHeader {font-weight:bold; width:230px; vertical-align:top;}
.SideMenu {vertical-align:top; border-width:0px; padding:0px; border-style:none;}
td.HeaderSpacerLeft{width:10px}
td.SideMenuPlaceHolder { padding:0px;  vertical-align:top; margin:0px;}
td.PageSection {}
td.PageFunction {text-align:left;}
th, td.Header {font-weight:bold;text-align:left;}
th.addrTh {border-color: background;font-weight: normal;text-align:left;}
img {border-width:0px;}

.ErrorTitle{font-size:14;font-weight:bold;color:Red;}
.ErrorSubTitle{font-weight:bold;}
 
.left  {text-align:left;}
.centered, div.TableHeader {text-align:center;}
.right  {text-align:right;}

.skiplink {font-size:.25em;color:#000000;background-color:#000000;}
		
.highlight {font-size:85%;background-color: transparent;color: #ff0000;}
.indentsmall {margin-left: 40px; }
.red {color:#ff0000;background-color:transparent;}   
.pnlHidden{ visibility: hidden; position: absolute; top: -1000px;}
.noScriptNote{color:Red;font-style:italic }

/* Used to stylize a gif picture of an asterisk to denote required fields (replaces [.gifStar] with fixed height/width to match actual gif)*/   
/* graphic width [9] + margin-right [10] should = .gifSpacer width [1] + margin-right [18]. */
.asterisk{ margin-bottom:2px;margin-right:10px;}

/* Used to stylize a gif picture of a "*" alternative to "*" character to denote required fields */   
.gifStar{height:7px;width:7px; margin-bottom:2px; margin-right:12px;}

/* Used to stylize a 1-pixel transparent gif to replace the above gifstar image when a field is not required.
It essentially fills in the space that the star.gif image would have taken so everything remains aligned. [ricege]*/
/* Note that 18px (margin) + 1px (gif) = 7px (width) + 12px (margin-right) for .gifStar */
.gifSpacer{ margin-right:18px;}
/* Used to position (line up) controls to the right of their labels in a column-like format*/
.right10, .right35, .right50, .right60, .right67{position:absolute;}
.right10{width:30em;}
.right35, .right50, .right60, .right67{width:10em;}
.right10{left:20%;}
.right35{left:35%;}
.right50{left:50%;}
.right60{left:60%;}
.right67{left:67%;}

.disabled{border-width:0;background-color:Transparent;color:Black;}

.divTopMargin{margin-top:7px;}

.btnHeaderMenu, .HeaderButtons
{
   font-family: verdana, arial, sans-serif;
	vertical-align:top;
	font-weight:bold;
	color:White;
	margin-left:1px;
	margin-right:1px;
}

.HeaderButtons td 
{
 	padding:3px 6px 3px 6px; 
}

.Monetary {text-align:right}
.redBold{font-weight:bold;color:Red;}
.CustomError{font-weight:bold;color:Red;}
.addrLeft {left: 32px;position: relative;}


div.blockQA, div.blockNote, div.buttons, div.note, div.body {margin-top:10px;}
div.rightColumn, div.rightColumnRed {float:right;}
div.leftColumn, div.leftColumnGreen {float:left;}
div.leftColumn, div.rightColumn, div.leftColumnGreen, div.rightColumnRed {width:48%;}
div.block, div.blockQA, div.blockNote {width:100%;}
div.buttons {clear:both; text-align:center; }
div.note {width:90%;}
div.body {margin-left: 20px; margin-right: 20px;}
div.leftColumnGreen, div.rightColumnRed {border-style:solid; border-width:3px; height: 1000px; }
div.printLink {text-align: center; width: 750px;}
div.loading, div.LoadingIndicator { background: url('../images/indicator.gif') no-repeat left; }
div.LoadingIndicator{position:absolute;}
div.SectionHeading, div.TableHeader {font-weight: bold;}
div.SectionHeading {font-size: larger;}
.InformationalMessage {width: 75%; text-align: left; vertical-align: middle; margin-left:auto; margin-right:auto}

table.NavigationMenuItem a, .HeaderButtons a {color:White !important;}
td.nowrap {white-space: nowrap;}

.blueHeader  {
	font-size: small;
	font-weight:bold;
	margin-top: 4px;
	margin-bottom: 4px;
	}


table.NavigationMenuItem td, .MenuFiller
{
   text-align:left;
   text-indent:3px;
   font-weight:bold;
}

table.NavigationMenuItem td{padding:3px}
.MenuFiller {padding:3px;}

 table.NavigationMenu a:hover, table.NavigationMenuItem a:hover, .HeaderButtons a:hover {
   background:none;
 }
 
 .HeaderButtons a
{
 border:none;
 text-decoration:none;
}

 
.Bordered, .Bordered td, .Bordered th, .TabArea {border-width:1px; border-style:solid;}
.BorderedThick, div.TableHeader {border-width:2px; border-style:solid;}
table.Standard {width:100%;}
.FixedWidth {width:824px;}
.NavigationMenu {margin:0px; padding:0px; border-spacing: 0px;}
.FixedTotalWidth {margin-left: auto;margin-right: auto;width:984px;}
#Container, #divOuter { width:100%;}
.SideMenu {width:160px;}
td.SideMenuPlaceHolder {width:0px;}
td.SideMenuSpacer {width:10px;}
.SideMenuLink {}
.PageHeaderText{color:White; font-family: Tahoma; font-size: small; font-weight: bold; font-style: normal; font-variant: normal;}
.MainForm{ visibility: visible}

.RequiredField {font-size: x-small; font-style: italic; text-align: right}

/* this is for trouble shooting boundaries
div.SectionHeading, td.SideMenu, td.SideMenuPlaceHolder, th, td.bordercell, .NavigationMenu, .NavigationMenuItem, td.SideMenuSpacer, .FixedTotalWidth, .NavigationMenu, table.Standard, .FixedWidth, table.Standard td { border:solid 1px; border-color:Fuchsia}
*/

/*
This z-index fixes a problem in IE8 where the menu drop downs do not show, I specifically did not set the class only specific to table
due to the controls rendered HTML also includes a div tag which is the problem
*/
.NavigationMenu {z-index: 1;}


/*
COLOR SCHEME
#7FBA41 - this is the light green in the logo

*/

table.NavigationMenuItem:hover, .HeaderButtons:hover
{
   background: #7FBA41;
}

table.NavigationMenuItem a:hover, .HeaderButtons a:hover {
 text-decoration: underline;
}

Body, .blueHeader, H1, H2, H3, H4, H5, .ErrorSubTitle, .ErrorNote{
	color: #0075BE;
	background-color : Transparent;
}
	
table.NavigationMenu, table.NavigationMenuItem, .HeaderButtons, .MenuFiller, .MenuFiller:hover
{
   background: #0075BE;
}
table.NavigationMenuItem, .HeaderButtons, .MenuFiller, .MenuFiller:hover 
{
   border:1px solid #0075BE;
}

.TopPageButtonBar {background-color:Black;}

.btnHeaderMenu, .BackColorMain {background-color:#0075BE;}
table, td, th, .btnHeaderMenu {border-color: #0075BE;}
A:hover {background:#0075BE;}

.TabArea{background-color: White;}

A:Visited  {color: #660066;}
A:Active  {color: #0075BE;}
A:hover	{color:White;}
A:hover.white {background:White; color:#0075BE;}

A.HeaderAnchor:hover, A.UIAnchor:hover {color:#0075BE; background:transparent;}
A.HeaderAnchor, A.UIAnchor {color:White; background:transparent; text-decoration:none;}
A.HeaderAnchor {font-size: x-small;}

A.anchorError:active, A.anchorError:visited{color:Red; background-color: transparent;}
A.anchorError:hover{color:Blue; background-color: transparent;}

table.addrTable {background-color:Transparent;border-color:Background;}
td.SideMenuSpacer {background-color: White;}
td.HeaderLinkBox {text-align:right;background-color:Black; color:White;vertical-align:middle; width:300px; padding: 0px 10px 0px 0px;}
tr.addrTd {border-color: White;}
div.SectionHeading, .SideMenu, td.SideMenuPlaceHolder, th, td.bordercell, div.TableHeader, td.Header {background-color:#eeeeee;}
div.leftColumnGreen {border-color:#7FBA41;}
div.rightColumnRed  {border-color:Red;}
.BannerBackground {background-image:url(../images/dwd_logo_blue_grad.jpg);}
.Credit {background-color:#BFFFD9}
/*
END COLOR SCHEME
*/

.LoginForm {width: 200px}

#CRSPDContent { width: 100%; height: 100%; }

#CRSPDBlock 
{
  float: left;
  border: 0px;
  width: 100%;
  height: 20px;
  margin: 0 0 5px 5px;
  font-weight: bold;
  font-size : larger;
}

#masterBanner {height:45px; width:71px}

p.loadingMsg { margin-left: 20px;}

.TabArea{z-index:-25;}

.Calendar {color: Olive;}

td.CalendarSelectedDay {font-weight:bold; color:Red; border-color: Red; border-width:1px; border-style:solid;}

td.CalendarToday {background-color:White; color:Black; border-color:#7FBA41; border-width:1px; border-style:solid;}

td.CalendarInvalidDay {background-color:Silver; color:Black; border-width:0px; border-style:none;}

td.CalendarOtherDay {background-color:White; color:Black; border-width:0px; border-style:none;}