/* IMPORTS */
@import url(HeaderExternal.css);
@import url(FooterExternal.css);
@import url(NoScript.css);
@import url(Print.css);

/* GLOBAL */
body {
    font-family: arial,sans-serif;
    font-size: 13px;
    margin: 0;
}

#contentWrapper{margin: 0 auto; text-align: left; width:760px; position:relative; left: 10px;}
#contentWrapper900 {margin:0 auto; text-align:left; width:900px; position:relative; left: 10px;}    

a{text-decoration:underline; color:#000082; white-space:nowrap;}
a:hover{text-decoration:none; color:#000082; white-space:nowrap;}

input[type=text] {border: solid 1px #727272; padding: 2px;}
input[type=password] {border: solid 1px #727272; padding: 2px;}
select {border: solid 1px #727272; padding: 1px; position: relative; left: -2px;}
input[type=checkbox] {position: relative; left: -4px;}
input[type=checkbox] + label {position: relative; left: -2px; top: -1px;}
input[type=radio] {position: relative; left: -5px;}
input[type=radio] + label  {position: relative; left: -5px;}


/* LOOK AND FEEL */
#tabs
.tab {
    background-color: #002c3d;
    border: 1px solid #000;
    color: #FFFFFF;
    height: 23px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 11pt;
    font-weight: bold;
    margin-right: 4px;
    width: 130px;
    text-align: center;
    padding-top: 8px;
    position: relative;
    top: 1px;
    z-index: 1;
}

.tab:hover {
    background-color: #F7F7F7;
    color: #000;
    cursor: pointer;
}

.tabSelected {
    background-color: #F7F7F7;
    border: 1px solid #000;
    border-bottom: none;
    color: #000;
    height: 24px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 11pt;
    font-weight: bold;
    margin-right: 4px;
    width: 130px;
    text-align: center;
    padding-top: 8px;
    position: relative;
    top: 1px;
    z-index: 9999;
}

#headerWrapper {margin: 0 auto; text-align: left; width:825px; position:relative; left: 10px;}
#headerWrapper900 {margin:0 auto; text-align:left; width:895px; 
position:relative; left: 10px;
    top: 10px;
}

.formHeadingContent {color: #2E99CF; font-family: arial, sans-serif; font-size: 23pt; font-weight: 900; margin-top: 7px; width: 45%; white-space:nowrap; margin-bottom: 15px;}
.formSubHeadingContent {font-weight: normal; font-size: 20pt; margin: .5em 0 .5em 0; line-height: 1.1em; font-family: Arial, Helvetica, sans-serif; color: #006699;  width: 45%; white-space:nowrap; margin-bottom: 7px;}

.formContentArea {}
.formContentAreaHeading {background-color: #002c3d; border:1px solid Gray; padding: 5px; color: #FFF; font-size: 16pt; font-weight: bold;}
.formContentAreaHeadingEmpty {background-color: #767676; border:1px solid Gray; color: #FFF; font-size: 19px;}
.formContentAreaBody {background-color: #F7F7F7; border: 1px solid Gray; border-top: none; padding: 10px; min-height: 5px; margin-bottom: 15px;}
.formContentAreaBlock {}

.formContentSeparator {border-top: 1px solid Silver; width: 100%; margin-top: 15px; margin-bottom: 15px;}

.formFootNote {font-size: smaller; color: Gray; position: relative; left: 4px;}
.formFootNoteNoPadding {font-size: smaller; color: Gray;}

.requiredRedStar{font-size: 1.2em; color: #FF0000;}


/* CONTORLS */
.formLabelRight{display: inline-block; width: 150px; text-align: right; margin-right: 4px;}
.formLabelRight200{display: inline-block; width: 200px; text-align: right; margin-right: 4px;}
.formLabelRight220{display: inline-block; width: 220px; text-align: right; margin-right: 4px;}
.formLabelRight250{display: inline-block; width: 250px; text-align: right; margin-right: 4px;}
.formLabelRight300{display: inline-block; width: 300px; text-align: right; margin-right: 4px;}
.formLabelRight350{display: inline-block; width: 350px; text-align: right; margin-right: 4px;}

.formCheckBoxRight {position:relative; left: -4px;}
.formCheckBoxRight {position:relative; left: -4px;}

.formValidator{color: #FF0000;}
.formError, .formErrorRight{font-size:9pt; color:Red;}
.formErrorRight{float:right;margin-top:-18px;text-align:left;width:290px;}

.formInputWatermark{color: Gray;}

.formButtonMain {background-color: #4689CF; border: 1px solid #000; color: #FFFFFF; padding-left: 5px; padding-right: 5px; font-size: 11pt; font-weight: bold; width: 120px; height: 30px;}
    .formButtonMain:hover {background-color: #2E5C89; cursor: pointer;}
    .formButtonMain:active {position: relative; top: 1px; left: 1px;}
    .formButtonMain[disabled] {background-color: #A5A5A5; color: #DDDDDD; position: relative; top: 1px; left: 1px; cursor: default; width: 120px; height: 30px;}

.formButton {background-color: #4689CF; border: 1px solid #000; color: #FFFFFF; padding-left: 5px; padding-right: 5px; font-size: 10pt; font-weight: normal; width: 70px; height: 22px;}
    .formButton:hover {background-color: #2E5C89; cursor: pointer;}
    .formButton:active {position: relative; top: 1px; left: 1px;}
    .formButton[disabled] {background-color: #A5A5A5; color: #DDDDDD; position: relative; top: 1px; left: 1px; cursor: default; width: 70px; height: 22px;}

.formGrid {border: 1px solid Gray;}
.formGridHeader{background-color: #4689CF; color: #FFF; font-weight: normal; font-size: 14px;}
	.formGridHeader td{border:1px solid Gray;}
.formGridRow {background-color: #D3D3D3; color: #000;}
	.formGridRow  td{border:1px solid Gray;}
    .formGridRow:hover {background-color: #B1BECC; color: black; cursor: default;}
.formGridAltRow {background-color: #EAEAEA; color: #000;}
	.formGridAltRow  td{border:1px solid Gray;}
    .formGridAltRow:hover {background-color: #B1BECC; color: black; cursor: default;}