﻿body {
    font-family: Verdana, Helvetica, Sans-Serif; 
    font-size: 11px;   
    color:#777777; 
    margin-top:4px; 
    margin-left:4px;
    margin-left:10px;
    background-color:white;       
}

body table,ul,input,select {font-family: Verdana, Helvetica, Sans-Serif; font-size: 11px }
ul { list-style-type: square; margin-top:5px; margin-bottom:5px;  }
address { font-style:normal;}

a { text-decoration: none; color:SteelBlue;}
a:hover {color:#CC9F00;   }

H1 { font-size: 11px; display:inline; text-transform:uppercase; color:#CC9F00; }
H2 { font-size: 11px; display:inline; margin:10px 0 5px 0; display:block;}
H3 { font-size: 11px; display:inline; color: SteelBlue;}
H4 { font-size: 11px; }
H5 { font-size: 11px; display:inline; }
H6 { font-size: 11px; display:inline;}

HR.line-dashed-gray 
{
    height: 0; 
    border-width: 1px 0 0 0; 
    border-style: dashed;
    border-color: #CCCCCC;
    padding-top:4px 0 4px 0;
}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.hidden {display:none;}

.text-colored { color: SteelBlue; }
.text-em { font-weight: bold; color: SteelBlue;}
.error { color:Red; }
.content-container { width:1000px; background-color: whitesmoke; }
.content-left
{
    float: left; 
    height: 100%; 
    position: relative;
    padding-top: 20px;  
    width: 270px;
    
}

/*.content-left-padding
{
    float: left; 
    height: 100%; 
    position: relative;    
    padding:10px;
    padding-top: 20px;
    width: 250px;
}*/

/* deprecated */
.content-right
{
    border: solid 1px #ADADAD; 
    border-top-width: 0px; 
    border-right-width: 0px;
    margin-left: 269px; 
    padding-left: 10px; 
    padding-right: 10px; 
    padding-top: 20px;
    border-left:1px solid #ADADAD;
    float:left;
    width:620px;
    
}
#divContentLeft {padding-top:10px;}

#divContentRight 
{
    border: solid 1px #ADADAD; 
    border-top-width: 0px; 
    border-right-width: 0px;
    padding-left: 10px; 
    padding-right: 10px; 
    padding-top: 20px;
    border-left:1px solid #ADADAD;
    background-color:White;
    float:right;
    width:705px;
}


/*.banner-text-upper { color:White;font-size:20px; z-index: 98; left: 40px; position: absolute; top: 30px;}
.banner-text-lower { color:White;font-size:20px; z-index: 99; left: 40px; position: absolute; top: 60px; }*/


.form-table { border: solid 1px #ADADAD; border-collapse: collapse; font-family:Verdana;  }
.form-table TH {
    background-image: url(../../Images/Layout/form-table-header.gif); background-repeat: repeat-x;     
    border: solid 1px #ADADAD;
    font-weight:bold; 
    height:18px;
    
    
}
.form-table TD { padding-left: 10px; padding-right:10px; padding-top:3px; padding-bottom:3px;}
.form-table INPUT, .form-table TEXTAREA, .form-table SELECT
{    border: solid 1px #ADADAD; color:#888888;
}

.form-table .wide  { width: 180px; }
.form-control
{    border: solid 1px #ADADAD; color:#888888;
}

.form-control-button
{   
    color: #DEDEDD;
    font-weight:bold;   
    border: solid 1px #ADADAD; color:#888888;
}

.form-control-transparent INPUT { background-color:Transparent;}
.border { border: solid 1px #888888 }
.required {font-weight:bold;}

.no-border INPUT, .no-border { border-width:0px;}
.form-control-focus { background-color:#F1F1F1; }

.section-header-bar
{  
    line-height:18px; 
    font-weight:bold;  
}


.contact-address H4 {margin:0px; display:inline;}
.contact-address H2, .contact-address H3 {display:block;}
.contact-address .column1
{
    width:49%;
    float:left;
}
/*.contact-address.column2
{
    width:50%;
}
*/



/* NEW CSS STYLES */
#tblSiteNav {width:1000px; border-collapse: collapse; margin-bottom:5px;}   
.masterContentMain {border: solid 1px #ADADAD;background-color:#F5F5F5;}
#menu {height:22px; padding:3px 10px 0 0;}
.column-left {width:270px; vertical-align:top; overflow:auto;}
    .column-left h2 {padding:5px;}
    .column-left p {padding:5px;}
.column-right {vertical-align:top; width:725px;}
.masterContentMain .column-right { padding-bottom:10px; margin-bottom:10px;}
.space {padding:5px 0 0 5px}
#myprofile {background-color:White; border:1px solid #ADADAD; height:175px; width:270px; margin-top:8px;}
table {border-collapse:collapse}
#hbHeader {border-bottom:1px solid #ADADAD}
td {padding:0; margin:0}
#divLoginContainer table {border-collapse:separate;}
#divLoginContainer table td {padding:3px;}
.banner-text-upper, .banner-text-lower {color:#004F68;z-index: 98; display:block; text-align:left;padding:25px 0 0 25px; font-family:"BryantProBoldItalic", Verdana, Arial;}
.banner-text-upper {font-size:30px; text-transform:uppercase;}
.banner-text-lower {padding-top:0px; font-size:25px; margin-top:-5px; }
.section-header-bar {border-bottom:1px solid #ADADAD}
i.info {color:#ADADAD; font-size:9px;}
option{text-align:left}
.border-left{border-left:1px solid #ADADAD;}
p {margin:0; padding:5px;padding-left:0px;} /* Request by Catherine 2010-04-08 */


.section-header-bar {height:20px; padding-left:5px;}
    .section-header-bar a {color:#333333}   

        .section-header-bar a {color:#666666;}
        
        
.form {width:100%; margin-top:15px;}
    tr.title th,
    th.title,
    .form > thead > tr > th, 
    .form > tr.title > th, 
    .form > tr > th.title{background:#ADADAD url("../../Images/Layout/form-table-header-dark.gif") repeat-x; border:1px solid #ADADAD; font-weight:bold; height:18px; text-align:center;}
    .form > thead > tr > td {}
    .form > tbody > tr > th {text-align:left; font-weight:bold; padding:2px 5px; width:160px;}
    .form > tbody > tr > td {padding:2px 5px 2px 0;}
        .form > tbody > tr > th.padding-top, 
        .form > tbody > tr > td.padding-top {padding-top:20px;}
        .form > tbody > tr > td > table.margin {margin:-2px -5px;}
    .form > tbody > tr > th.optional, 
    .form > tbody > tr.optional th{font-weight:normal;}
    .form > tbody > tr > td > textarea {width:99%;}
    .form > tbody > tr.disabled td {color:#BFBFBF;}
    .form > tfoot > tr > th,
    .form > tfoot > tr > td {padding-top:10px;}
    
ul.horizontal {margin:15px 0; padding:0; list-style-type:none!important; text-align:center;}
    ul.horizontal li{float:left; margin:auto; padding:0; margin:0;}
    
.html-address {border:1px solid #EFEFEF; margin:5px; padding:10px 15px; width:630px;}
    
.padding-left5 {padding-left:5px;}

.pnlIndex-Default{background:transparent url(../../Images/Layout/extranet-header.jpg) no-repeat; width:725px; height:195px;}

.pnlCTA-Generic{background-repeat:no-repeat; background-position:left top; width:213px;margin-left:auto;margin-right:auto; padding-top:10px;}

.pnlCTA-Generic-email{height:59px;margin-left:28px;width:213px; cursor:pointer;}

.CTA-Contact{color:White;
font-family: Arial, Verdana;
font-size:11px;
font-weight:bold;
font-style:italic;
left:12px;
line-height:12px;
position:relative;
top:19px;}
