/* CSS Document */

/* --------------  Master Page Layout ------------ */

body.MasterBody {
margin:0px auto;
background-color:#b3cdf8;
font-family: Arial, Helvetica, sans-serif;
}

#shade {
width:856px;
margin:0px auto;
padding:0px;
display:table;
background:url(../../images/b2b-dropshadow.gif) top left repeat-y transparent;
}

#wrapper {
width:840px;
margin:0px 8px 0px 8px;
background-color:#ffffff;
}

#container {
width:840px;
margin:0px;
background-color:#ffffff;
}

#header {
width:840px;
padding-bottom:20px;
float:left;
background-color:#ffffff;
}

.loginwrapper {
width:830px;
float:left;
padding:2px 5px 5px 5px;
margin:0px;
background:url(../../images/b2b-headertop.gif) bottom left repeat-x #1C2674;
border-bottom:solid 3px #FF7E01;
}

.logincontent {
width:450px;
float:right;
padding:0px;
margin:0px;
}

.loginsection {
width:450px;
float:right;
margin:0px;
padding:0px;
}

.login {
float:right;
width:415px;
padding:0px;
margin:0px;
}

.login p{
float:left;
display:inline;
color:#9BA8C4;
font-weight:bold;
font-size:10px;
padding:0px;
margin:0px;
}

.login a{
float:left;
display:inline;
color:#9BA8C4;
font-weight:bold;
font-size:10px;
padding:0px;
margin:3px 0px 3px 0px;
}

.login a:Hover{
color:#ffffff;
text-decoration:none;
background-color:#313a7a;
}

.loggedin {
float:right;
padding:10px 0px 0px 0px;
margin:0px;
}

.loggedin p{
float:left;
display:inline;
color:#9BA8C4;
font-weight:bold;
font-size:11px;
padding:0px 6px 0px 6px;
margin:5px 0px 5px 0px;
}

.loggedin a{
float:left;
display:inline;
color:#9BA8C4;
font-weight:bold;
font-size:11px;
padding:0px 6px 0px 6px;
margin:7px 0px 5px 0px;
border-left:dotted 1px #434b87;
}

.loggedin a:Hover{
color:#ffffff;
text-decoration:none;
background-color:#313a7a;
}

.loginfailed {
font:bold 10px Arial, Helvetica, sans-serif;
color:Red;
display:inline;
padding:0px 0px 0px 5px;
margin:-15px 0px 0px 0px;
width:70px;
float:right;
}

.formbox {
float:left;
color:#202020;
font:11px Arial, Helvetica, sans-serif;
padding:2px;
margin:0px 5px 0px 0px;
background:url(../../images/gradient_form.gif) left top repeat-x #FEFEFE;
border-left:1px solid #00336B;
border-bottom:1px solid #00336B;
border-right:1px solid #E0E8F3;
border-top:1px solid #E0E8F3;
width:100px;
}

.swapsite {
float:left;
margin:0px 0px -5px 0px; 
padding:8px 5px 0px 5px;
text-align:center;
font-size:11px;
font-weight:bold;
}

.swapsite:Hover {
text-decoration:none;
}

.away {
float:left;
text-align:center;
padding:0px 0px 14px 0px;
margin:0px 0px 0px 5px;
background-color:#3f468d;
width:135px;
_position:relative;
_top:0px;
}

.here {
float:left;
text-align:center;
padding:0px 0px 18px 0px;
margin:0px;
background-color:#ffffff;
width:135px;
_position:relative;
_top:1px;
}

.awaytext {
float:left;
color:#E0E8F3;
width:125px;
text-align:center;
overflow:hidden;
}

.heretext {
float:left;
color:#B3CDF8;
width:125px;
text-align:center;
overflow:hidden;
}


#navigation {
width:840px;
background:url(../../images/navigationgradient.gif) left bottom repeat-x #FFFFFF;
overflow:hidden;
float:left;
/*padding-left:15px;
padding-top:25px;*/
}

.navblock {
display:block;
padding:10px;
text-align:left;
float:left;
text-decoration:none;
border-right:solid 1px #e3e5ec;
border-left:solid 1px #ffffff;
outline:0;
}

.navblock:Hover {
cursor:pointer;
background-color:#ffffff;
color:#001269;
text-decoration:underline;
}

.navtext{
display:block;
color:#001269;
font:12px Arial, Helvetica, sans-serif;
font-weight:bolder;
}

.navcurrent{
color:#ffffff;
background:url(../../images/emp-navigationselected.gif) left bottom repeat-x;
}

.navcurrent:Hover {
color:#ffffff;
background:url(../../images/emp-navigationselected.gif) left bottom repeat-x;
}

#content {
/*width:840px;
padding:25px 0px 20px 0px;*/
width:804px;
padding:25px 18px 20px 18px;
background:url(../../images/b2b-background-pattern.gif) top left repeat-x #ffffff;
border-top:solid 4px #FF7E01;
float:left;
overflow:visible;
}

#footerwrapper {
width:840px;
margin:0px;
}

#footer {
float:left;
padding:15px 10px 25px 10px;
background:url(../../images/b2b-footer-pattern.gif) top left repeat-x #1C2674;
border-top:solid 4px #FF7E01;
}

#footer h4 {
width:810px;
float:left;
color:#ffffff;
font-size:10pt;
margin:10px 0px 10px 0px;
padding-left:10px;
}

.footerlinks {
width:812px;
float:left;
padding:0px 0px 0px 8px;
margin:0px;
}

.footerlinks a {
float:left;
color:#9BA8C4;
display:inline;
font-size:8pt;
padding:0px 5px 0px 5px;
margin:4px 0px 4px 0px;
border-right:dotted 1px #434b87; 
}

.footerlinks a:Hover{
color:#ffffff;
text-decoration:none;
background-color:#313a7a;
}

.slideB {
width:748px; 
height:274px;
margin:1px 2px 2px 2px;
padding:20px 30px 20px 30px;
display:block;
background:url(../../images/slideB.jpg) top left no-repeat transparent;
}

.ind-navtext {
display:block;
padding:3px;
color:#ffffff;
font:12px Arial, Helvetica, sans-serif;
font-weight:bolder;
text-align:center;
background:url(../../images/ind-switchsites.gif) top left repeat-x #ffd020;
text-decoration:none;
margin:0px -1px 0px -1px;
border:solid 1px #e3e8f2;
border-top:none;
border-bottom:none;
}

.ind-navtext:Hover {
background:url(../../images/ind-switchsiteshover.gif) top left repeat-x #fff2ba;
text-decoration:none;
color:#ffffff;
}

.ind-button {
width:132px;
float:left;
position:relative;
top:6px;
left:5px; 
border:solid 1px #ffffff;
border-top-color:#e3e8f2;
border-left:none;
border-right:none;
}