/***  YOUR SITES STYLES  ***/
/* Any styles you need to add can be placed here. */  
/* Note: there is a great number of preset styles in the global stylesheet */
/*  Added CSS items */	

/* JUST A LITTLE BREATHING ROOM */
h2 { padding-bottom: .2em; margin-bottom: .5em; }
h3 { padding-top: .3em; padding-bottom: .2em }
h4 { padding-top: .3em; padding-bottom: .2em }
h5 { padding-top: .3em; padding-bottom: .2em }

 /* PARAGRAPHS DONT NEED SO MUCH AIR */
p { margin-top: .2em; }
p { margin-bottom: .6em; }

ul { margin-top: .2em; }
ul { margin-bottom: .6em; }

ol { margin-top: .2em; }
ol { margin-bottom: .6em; }

dl { margin-top: .2em; }
dl { margin-bottom: .6em; }



.contenttext 
{
	color: #000;
	margin: 2px 10px 2px 10px;
	padding: 2px 10px 2px 10px; 
	border: 1px solid #ccc;
	font: 12px Arial, sans-serif;
}
	
.mainpagetables 
{
	padding: 10px;
	background-color: #E1ECFA;
	color: #222222;
	border-bottom: #003399 1px solid;
	border-top: #003399 1px solid;
}

.mainpagetables li 
{
	line-height: 125%;
}

/*  this should be replaced with .spacer class below */	
#div_spacer 
{
height: 120px;
}


.spacer  
{
height: 120px;
}

.grayTableMain 
{
	width: 100%;
	border: solid 1px #039;
}
.grayTableMain th 
{
	margin: 2px 10px 2px 10px;
	padding: 5px 5px 5px 5px;
	border: 0px; 
}

.grayTableMain caption , .grayTableMain .header 
{
	BACKGROUND-COLOR: #FFFFFF;
	font-weight:bold;
	font: 20px Arial, sans-serif;
}
.grayTableSize2 
{
	width: 55%;
	border: solid 1px #039;
}
.grayTableSize2 th , .grayTableSize3 th
{
	margin: 2px 10px 2px 10px;
	padding: 5px 5px 5px 5px;
	border: 0px; 

}
.grayTableSize2 td , .grayTableSize3 td
{
	margin: 2px 10px 2px 10px;
	padding: 5px 5px 5px 5px;
	border: 0px; 

}
.grayTableSize2 caption , .grayTableSize2 .header 
{
	BACKGROUND-COLOR: #FFFFFF;
	font-weight:bold;
	font: 16px Arial, sans-serif;
} 
.grayTableSize3 
{
	width: 65%;
	border: solid 1px #039;
} 

.HeaderStyle, .PagerStyle, .grayTableMain th, .grayTableSize2 th 
{
	background-color: #ccc;
	background-color: #039;
	color:  #039;
	color:	White;
	font-weight: bold;	
}

.HeaderStyle A:link , .HeaderStyle A:visited , .HeaderStyle A:hover, .HeaderStyle A:active
{
	color:  #039;
	color:White;
	font-weight: bold;
	text-decoration:none;
}

 .HeaderStyle A:hover
{
	 text-decoration: underline
}

.PagerStyle
{
	background-color: white;
	color: #333333;
}
.RowStyleA 
{
	background-color: #FFFFFF;
	color: #333333;
	border: 0px;
}

.RowStyleB
{
	background-color: #EEEEEE;
	color: #333333;
	border: 0px;
}

.AlternatingRowStyle
{
	background-color: #F9FAFB;
	color: #284775;

}

.RowStyle A:link , .AlternatingRowStyle A:link {
	COLOR: blue; 
	BACKGROUND-COLOR: transparent;  
	text-decoration: underline
}


.dropdownListcss
{
	width: 399px;
	font: 12px;
}

.cssFormLabel
{
	font-size: 11px;
}

.cssFormLabel2
{
	font-size: 12px;
}
    
.cssError
{
	color: Red;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:10px;    
	/* border-style:solid; */
	/*  border-color:Black; */
	/*border-width:1px; */
	width: 80%;
	margin-left:auto;
	margin-right:auto;
}




.topButtonStyle 
{
    text-align: center;
    vertical-align: middle;
    background-color:#EEE;
    margin-bottom: 20px;
    border: solid 1px #039;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    color: #039;

}
.topButtonStyle a
{
    text-align: center;
    vertical-align: middle;
    background-color:#EEE;
    margin-bottom: 20px;
    border: solid 1px #039;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    color: #039;

}
.topButtonStyle a:hover
{
    text-align: center;
    vertical-align: middle;
    background-color:#039;
    margin-bottom: 20px;
    border: solid 1px #039;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    color: #EEE;

}
.miniBorder
{
    border: solid 1px #039;
}
.darkLinks
{
    color: #FFF;
}
.darkLinks a
{
    color: #FFF;
    text-decoration: none;
}
.darkLinks a:hover
{
    color: #FFF;
    text-decoration: underline;
}
.darkLinks a:visited
{
    color: #FFF;
    text-decoration: none;
}
.darkLinks a:active
{
    color: #FFF;
    text-decoration: none;
}    


.divCompanyMenu
{
	margin-top: .75em;
	margin-bottom: .75em;
	border-bottom: solid 1px blue;
	border-top: solid 1px blue;
	padding-bottom: .75em;
	padding-top: .75em;	
}

.divCompanyMenu a
{
	margin-right: 2em;
	white-space:nowrap;			
}


.form2Col
{
	border:solid 1px Gray; width:99%	
}

div.form2Col table
{
	width:100%;
}

div.form2Col td
{
	color: #333333;
	border: 0px;	
	padding-bottom: .1em;
	padding-top: .1em;
}

div.form2Col tr.odd td
{
	background-color: #FFFFFF;
}

div.form2Col tr.even td
{
	background-color: #EEEEEE;
}

div.form2Col div.label
{
	margin-right: .5em;
	text-align: right;
	font-style:italic;
}

div.form2Col td div.data
{
	margin-left: .5em;
	text-align: left;	
}

#navBar ul
{
	padding: 0;
	margin: 0;
}	

#navBar li
{
	list-style-type: none;
}


/* BEGIN formStandard */

/* A DIV MARKED WITH THIS CLASS SERVES AS THE CONTAINER FOR THE STANDARD FORM */ 
div.formStandard
{
	border: solid 1px #039;
	border-top:solid 15px #039;
	width: auto;
	float:left;
}


 /* VERTICAL PADDING DOES NOT WORK FOR TABLE ROWS 
   THIS NEEDS TO BE DONE WITH td */
div.formStandard tr
{
}

 /* MIDDLE ALIGNMENT OF TEXT WITHIN A TABLE ALLOWS TEXT IN CONTROLS TO LINE UP WITH LABLE TEXT */
div.formStandard td
{
	vertical-align:middle;
	padding: .2em   /* AIR AROUND CELL CONTENTS */
}

/* TEXTAREA IS NORMALLY A BLOCK ELEMENT THAT IS FORCED TO THE NEXT LINE 
INLINE FORCES GOOD BEHAVIOR WITHIN THE TABLE CELL */
div.formStandard textarea
{
	display:inline;
	/* vertical-align:top; */
    vertical-align:middle; 
}


 /* LABELS CANNOT BE RIGHT JUSTIFIED UNLESS THEY ARE BLOCK */
div.formStandard td label, .formStandard td .displayOnly
{
	display:block;
	
	/* padding-top:.2em;	*/
}

 /* VISUAL ASPECTS OF LABELS WITHIN FORM */
div.formStandard td label
{
	text-align: right;
	white-space:normal;  /* WILL WRAP IF RESIZED OR FONT INCREASED */
	padding-right:.1em;
	font-weight:bold;
}

 /* THIS IS USED WHEN YOU DON'T WANT TO CREATE ANOTHER COLUMN IN THE TABLE
  TO ACCOMODATE A SECOND FIELD ON THE SAME ROW - WITH THIS IT IS POSSIBLE 
  TO USE ONLY TWO COLUMN TABLES */
div.formStandard .inlineLabel
{
	display:inline;
	text-align:left;
	padding-left: .4em;
	padding-right: .4em;
	position:relative;
	bottom:2px;
}

/* HEADERS WITHIN THE TABLE ARE DISPLAYED AS A BLUE BAR 
THIS IS USED FOR CONTROL GROUPING WITHIN THE FORM */
div.formStandard h3, .formStandard h4
{
	background-color: #039;
	color: White;
	padding-left: .5em;	
	font-weight: normal;
	padding-top: .1em;
	padding-bottom: .1em;
}

 /* lable IS SET TO display:block to ALLOW RIGHT JUSTIFICATION 
    THIS NEEDS TO BE OVERRIDDEN FOR CHECKBOX LABELS */
 
div.formStandard .checkBox label, div.formStandard .radioButtonList label
{
	text-align: left;
	font-weight:bold;
	padding-right: 0em;
	display:inline;		
}

 /* REMOVED BECAUSE THERE MAY BE SPANS OTHER THAN THE LABEL RENDERING
div.formStandard span
{
	display:block;
	padding-top:.2em;	
}
*/


/* THIS ALLOWS FOR A BUTTON ROW TO BE SPECIFIED ON A TABLE CELL WITH COLSPAN SET TO THE NUMBER OF COLUMNS IN THE TABLE */
div.formStandard .buttonRow td
{
	text-align:center;
}


/* BUTTONS ARE CENTERED IN CONTAINER AND AND THERE IS A TOP BORDER */
div.formStandard .buttonRow
{
	text-align:center;
	border-top: solid 1px #039;
}

/* BUTTONS WITHIN THE BUTTON ROW ARE GIVEN A LEFT AND RIGHT MARGIN FOR SEPARATION */
div.formStandard .buttonRow input
{
	margin-left: 1em;
	margin-right: 1em;	
}

 /* AIR AROUND THE BUTTONS */
div.formStandard div.buttonRow
{
	padding: .5em;
}


div.formStandard .errorText
{
	color: Red;
}

/* WHY DOES DATALIST WITHIN formStandard RENDER WITH A 2px MARGIN
  THIS DOES NOT SEEM TO REMOVE IT */
div.formStandard .datalist
{
	margin: 0px;
}

/* PARAGRAPHS WITHIN THE FORM ARE FOR SPECIAL FORM INSTRUCTION 
THESE SHOULD BE OUTSIDE OF THE TABLES */
div.formStandard p
{
	font-size:small;
	font-style:italic;
	margin-left: 1em;
	margin-right: 1em;
	white-space:normal;
}

/* TO MAKE SURE THAT A VALIDATOR TO THE RIGHT OF A CONTROL DOES NOT WRAP WHEN RESIZED
   WRAP BOTH THE CONTROL AND THE VALIDATOR IN A SPAN WITH class="validatorNoWrap" 
	THIS ONLY NEEDS TO BE USED AFTER THE LONGEST TEXTBOX ON THE FORM AS THIS WILL STOP RESIZING	
*/

div.formStandard span.validatorNoWrap
{
	white-space:nowrap;
}