/********************************************************************************************************/
/********************************************************************************************************/
/**         This stylesheet contains the base styles likely used in most sites. It does not, however   **/
/**         contain any of the site layout styles. Those remain in Styles.css.                         **/
/**                                                                                                    **/
/**         The purpose of this stylesheet is to keep the styles used for forms, headings, and other   **/
/**         common site elements as consistent as possible. Please try to use the styles as documented **/
/**         below as much as possible. There will obviously be times when these styles won't work.     **/
/**         If you need to add custom styles, please put them in Styles.css.                           **/
/**                                                                                                    **/
/**                                                                                                    **/
/********************************************************************************************************/
/********************************************************************************************************/

/*********************************************************/
/***             GENERAL HTML STYLES                   ***/
/*********************************************************/
h1
{
    font-size: 150%;
    /*font-weight:lighter;*/
    margin: 0;
    padding: 0 0 10px 0;
}
h2
{
    font-size: 140%;
    font-weight:lighter;
    margin: 0;
    padding: 0 0 10px 0;
}
h3
{
    font-size: 130%;
    color: #022860;
    font-weight:100;
    padding: 0 0 5px 0;
    margin: 0px;
}
.h3NoPadding { padding: 0; }
h4
{
    font-size: 90%;
    color: #022860;
    font-weight: 500;
    padding: 0 0 0 0;
    margin: 0 0 0 15px;
}
fieldset
{
    width:98%;
    padding: 0 0 10px 5px;
}
legend
{
    font-size: 100%;
    color: #022860;
    padding-bottom:10px;
}
table
{
}
tr
{
}
td
{
}
/*** END GENERAL HTML STYLES ***/


/*********************************************************/
/***                    FORM STYLES                    ***/
/*********************************************************/
td .formLabelShort      /* Use: Forms - Use on the td of cells containing short labels */
{
    text-align:right;
    font-size:85%;
	font-weight:bold;
	width:50px;
	vertical-align:top;
	padding:4px;
}
td .formLabelMedium     /* Use: Forms - Use on the td of cells containing medium labels */
{
    text-align:right;
    font-size:85%;
	font-weight:bold;
	width:115px;
	vertical-align:top;
	padding:4px;
}
td .formLabelLong       /* Use: Forms - Use on the td of cells containing long labels */
{
    text-align:right;
    font-size:85%;
	font-weight:bold;
	width:160px;
	vertical-align:top;
	padding:4px;
}
td .formLabelExtraLong  /* Use: Forms - Use on the td of cells containing extra long labels */
{
    text-align:right;
    font-size:85%;
	font-weight:bold;
	width:400px;
	vertical-align:top;
	padding:4px;
}
td .labelLeft           /* Use: Forms - Use on the td of cells containing labels that span multiple columns */
{
    text-align:left;
    font-size:85%;
	font-weight:bold;
	width:115px;
}
.indicatesRequiredField     /* Use: Forms - Use on the "indicates required field" label */
{
    /*color:#000000;*/ 
    font-size:x-small;
}
.divReqField    /* Use: Forms - Use to align the "indicates required field" label when not using tables. (Used on Change Password)  */
{
    padding-top: 8px; 
    padding-bottom: 8px; 
    font-size:x-small;   
    margin-left: 160px; /* Should be same as in .formLabelLong */
}
.labelDataDisplayNoWidth    /* Use: Forms - Use for read-only data displayed in a label */
{
	font-size:85%;
    vertical-align:top;
	padding:4px;

}


td .summaryLabel  /* Use: Forms - Use on the td of cells containing extra long labels */
{
    text-align:left;
    font-size:85%;
	font-weight:bold;
	vertical-align:top;
	padding:1px;
}

td .summaryHeading  /* Use: Forms - Use on the td of cells containing extra long labels */
{
    text-align:left;
    font-size:125%;
	font-weight:bold;
	vertical-align:top;
	padding:1px;
}
td .summarySubHeading  /* Use: Forms - Use on the td of cells containing extra long labels */
{
    text-align:left;
    font-size:100%;
	font-weight:bold;
	vertical-align:top;
	padding:1px;
	color:#022860;
}

/*** Use the dropdown styles on the radiobuttnlist control. ***/
.dropdownShort     
{
	width:50px;
}
.dropdownMedium    
{
	width:150px;
}
.dropdownLong      
{
	width:203px;
}
/*** Use the radioButtonList styles on the radiobuttnlist control. ***/
.radioButtonListShortWidth
{
	width:100px;
	font-size:85%;
	vertical-align:top;
	padding:4px;
}
.radioButtonListMediumWidth
{
	width:150px;
	font-size:85%;
	vertical-align:top;
}
.radioButtonListLongWidth
{
	width:250px;
	font-size:85%;
	vertical-align:top;
}

/*** Use the textbox styles on the textbox control. ***/
.textboxExtraShort
{
    width:50px;
}
.textboxShort
{
    width:140px;
}
.textboxMedium
{
    width:200px;
}
.textboxLong
{
    width:420px;
}
.textboxExtraLong
{
    width:98%;
}
.validator  /* Used for validation messages */
{
    font-size:85%;
    color:Red;    
}
/*** END FORM STYLES ***/


/*********************************************************/
/***                LOGIN PAGE STYLES                  ***/
/*********************************************************/
.loginButton                /* Use: Login page */
{
    width: 75px;
    margin-top: 10px;
    margin-right: 45px;
}
.divForgotPW                /* Use: Login page to format the "I forgot my password" link */
{
    border-top: none 1px black; 
    margin-top: 5px; 
    padding-top: 2px; 
    font-size: 70%;
}
/*** END LOGIN PAGE STYLES ***/



/*********************************************************/
/***             FOOTER CONTENT STYLES                 ***/
/*********************************************************/
.farReachLink
{
    font-size: 85%;    
}

.copyright
{
    font-size:75%
}
/*** END FOOTER CONTENT STYLES ***/



/*********************************************************/
/***                MISC STYLES                        ***/
/*********************************************************/
.sitemapPageRow
{
    vertical-align:middle;
    padding:0 0 10px 0;    
}
/*** END MISC STYLES ***/

.ContactFieldLabel
{
    font-weight: bold;
    font-size: small;
    width: 100px;
}