.trueblue {
    height: 250px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    background: none;
}
.trueblue .inner, .trueblue .inner-error 
{
    width: 600px;
    height: 263px; 
    float: left;
    padding: 10px 20px 10px 20px;
    position: absolute; 
/*
    background: #00285E;  
    background: -moz-radial-gradient(center, ellipse cover, #024994 0%, #022a5d 100%);  
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#024994), color-stop(100%,#022a5d)); 
    background: -webkit-radial-gradient(center, ellipse cover, #024994 0%,#022a5d 100%); 
    background: -o-radial-gradient(center, ellipse cover, #024994 0%,#022a5d 100%); 
    background: -ms-radial-gradient(center, ellipse cover, #024994 0%,#022a5d 100%); 
    background: radial-gradient(ellipse at center, #024994 0%,#022a5d 100%);  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#024994', endColorstr='#022a5d',GradientType=1 );  */
    background: url("../img/loginBg.jpg") no-repeat;
    
}

.gw_largeQMark
{
    width:17px;
    height:25px;
background: url("../img/gw_spritesheet.png") no-repeat -0px -1527px; 
margin-top:-1px;
margin-right:5px;
border:none;
}
.trueblue #rememberPW 
{
    width: 160px;
    display:block;
    height: 22px;
    margin-right: 102px;
    float: left;
}
.submitContainer
{
    float:left;
    width:80px;
    margin-left:8px; 
}
.trueblue #true_blue_form #signin_btn
{
display:block;
    width: 85px; 
    background:none;
    background-color: #F90;
}

.submitContainer .trueblue .loading
{
    left:10px;
}
.trueblue #rememberPW input#remember 
{
    width: 18px;
    height: 18px;
    margin-right: 5px;
    margin-top: 2px;
    background-color: White;
    box-sizing: content-box;
    padding: 0px; 
}
.trueblue #rememberPW #remember-txt
{
    font-weight: 700;
    font-size: 12px;
    margin-top: 6px;
    color: #4D90CD;
    float: right;
}
#trueblue span.password-reset 
{
    height: 18px;
    padding-left: 25px;
}

.login-bottom 
{
    height: 50px;
    clear: both;
    padding-top: 20px;
}
#lft-arrow 
{
    margin-top:-2px;
}
#passwordImg 
{
    margin-top: 5px;
    padding-right: 10px;
}
#go-back 
{
    font-weight: 700;
    color: #4D90CD;
}

.gw_ht_include
{
    float:left;
    width: auto;
}
.gw_ht_include_signedIn
{
    width: 680px !important;
}

.gw_ht_trueblue_logo
{
    float: left;
    height:29px;
    /*padding-top: 2px;*/
    margin-right: 5px;    
}
.gw_ht_trueblue
{
    position: absolute;
    right: 0px;
    height:29px;
    padding-top: 11px;
    width: auto;
}
.gw_ht_trueblue .gw_mosaic
{
    float: left;
    width:32px;
    height:24px;
    background: url("../img/gw_spritesheet.png") no-repeat -0px -611px; 
    margin-top: -4px;
}
.gw_ht_trueblue span 
{
    position: relative;
    top: 2px;
    *top: 0;
    font-family: din-web-jetblue, Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: White;
    padding: 0px 6px 8px 10px;
    /*width: 70px;*/
    height: 30px;
    float: left;
}
.gw_ht_trueblue img
{
    margin-right: 12px;
}
.gw_ht_trueblue a
{
    /*line-height: 40px;*/
    text-decoration: none;
    background-color: #4D90CD;
    display: block;    
    float: left;
    width: 72px;
    height: 23px;
    margin-top: -5px;
    padding-top: 5px;
    *height: 20px;
    *padding-top: 8px;
    text-align: center;
    text-transform: uppercase;
}

.gw_ht_trueblue .sign-in {
	margin-right: 7px;
}

.gw_ht_trueblue .sign-in span {
	*padding-left:10px;
	padding-left:14px;
}

.gw_ht_trueblue .join span {
	padding-left:20px;
}

.gw_ht_trueblue a span
{    
    color: white;
    font-family: din-web-jetblue, Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 12px;
    padding: 2px 0 0 17px;
}
.gw_ht_trueblue a:hover
{
    background-color: #004990;    
}

#trueblue .inner-error .trueblue-switch {
    z-index: 110;
    position: relative;
    top: 18px;
    right: 20px;
    font-family: din-web-jetblue, Arial, Helvetica, sans-serif;
    font-weight: 700;
    width: 620px;
}
.trueblue .inner-error .trueblue-switch .close-btn {
    cursor: pointer;
    float: right;
    background: transparent url(/img/context-switcher-btn-sp.png) 0 -126px no-repeat;
    border: 0px;
    height: 30px;
    margin-left: 0px;
    padding-top: 7px;
    padding-left: 30px;
}

.error-modal .again-btn 
{
    height: 35px;
}
.error-modal .again-btn span {
    top: -14px;
    position:relative;
    *top:0;
}
.error-modal .forget-password {
    padding-top: 10px;   
}
.error-modal .forget-password a {
    border: 0px;  
    padding-left: 3px; 
}

/*** compatibility code ***/
.true_blue_form 
{
    width: 620px;
}
#true_blue_form .tb-email-password-wrapper {
    width: 620px;
    height: 45px;
}
#email_field 
{
    width: 235px;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
}
#password_field 
{
    width: 235px;
    margin-left: 7px; 
    padding-right:0px;
    padding-left:10px;
    float: left;
}
#true_blue_form .showPassPlaceholder {
    display: block;
    position: relative;
    top: -44px;
    left: 233px;
}
#password-place {
    display: none;
    width: 200px;
    height: 32px;
    padding-right: 10px;
    border: 0;
    background: none;
    background-color: #4D90CD;
}
.trueblue #true_blue_form .submit-btn-wrap {
    cursor: pointer;
    position: absolute;
    left: 460px;
    top: 1px;
    background: transparent url(/img/submit-btn-sp.png) left 0px no-repeat;
    width: 77px;
    height: 35px;
}
.trueblue #true_blue_form .submit-btn-wrap:hover {
    background-position: left -80px;
}
.trueblue #true_blue_form .submit-btn-wrap .submit-btn-inner {
    background: transparent url(/img/submit-btn-sp.png) right -40px no-repeat;
    width: 77px;
    height: 35px;
    padding-right: 3px;
}
.trueblue #true_blue_form .submit-btn-wrap:hover .submit-btn-inner {
    background-position: right -120px;
}
.trueblue #true_blue_form .submit-btn-wrap #signin_btn
{
    display:block;
    width: 90px;
    margin-left:40px;
    background:none;
    background-color: #F90;
}
 #signin_btn
 {
     float:left;
     
 }
.trueblue #true_blue_form .submit-btn-wrap:hover #signin_btn
{
    background-color: #FF7300;
}
.password-reset a
{   
    border-left: 1px solid #4D90CD;
}

#loginQMark
{   
    border-left:none;
} 
.trueblue a 
{
    font-weight: 700;
    font-size: 12px;
    color: #4D90CD;
    padding-left: 8px;
    
}
.trueblue .rgt-arrow 
{
    background: transparent url(/img/rgt-arrow.png) right 0 no-repeat;
    position:static;
    
}
.trueblue .loading 
{
    position:absolute;
    top:40px;
    left:545px;
}

 

a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:240px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}


.signin-text
{
    font-weight:bold;
}

#tbimg01
{
    margin:0px;
} 

.jbtooltipIndicator
{
    
}

.gw_fieldError
{
 border:2px solid #e45e50 !important;   
}

.gw_loginError
{
    color:#e45e50;
    line-height:0px;
    font-weight:bold;
    margin:0px;
    padding:0px;
    visibility:hidden;
}

.gw_loginErrorMessage
{
    font-size:11px;
    width:235px; 
    margin-right:90px;
    display:none;
    color:#b5d2ee;
}

.jbtooltip 
{ 
  
    
    position: absolute; 
    display:block;   
    z-index: 1000;   
   width:220px;
 height:55px;
  background:#fff;
     -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: #000 0px 2px 10px;
    -moz-box-shadow: #000 0px 2px 10px;
    box-shadow: #000 0px 2px 10px;
     margin-left:-8px;
     margin-left:-2px\9;
}
 
.jbtooltiptext
{ 
    text-align:left;     
    color:#454545; 
     padding-right:20px;
     font-size:12px;
}
.jbtooltip .top { 
}
 
 
.jbtooltipIndicator
{
    display:block;
    width:30px;
    height:20px;  
    position:absolute;
     top:85px;
     left:105px;
     left:100px\9;
     background: url("../img/gw_spritesheet.png") no-repeat 0px -1553px;    
}
 
 
.jbPassFieldPlaceHolder
{
 margin-left:10px;   
  margin-top:7px;   
}