#sb-title-inner,#sb-info-inner,#sb-loading-inner,#sb-counter,div.sb-message
{
    font-family:"ACBBentonBook", Arial, Helvetica, sans-serif;
    font-weight:200;
    color:#505050;
}

#sb-container
{
    position:fixed;
    margin:0;
    padding:0;
    top:0;
    left:0;
    z-index:999;
    text-align:left;
    visibility:hidden;
    display:none;
}

#sb-overlay
{
    position:relative;
    height:100%;
    width:100%;
}

#sb-wrapper
{
    position:absolute;
    visibility:hidden;
    width:100px;
}

#sb-wrapper-inner
{
    position:relative;
    overflow:hidden;
    height:100px;
}

#sb-body
{
    position:relative;
    height:100%;
}

#sb-body-inner
{
    position:absolute;
    height:100%;
    width:100%;
	z-index: 1; /********** Aurelian Trust Bank Customization - so the content is above the chrome of the box **********************/
}

#sb-player.html
{
    height:100%;
    overflow:auto;
}

#sb-body img
{
    border:none;
}

#sb-loading
{
    position:relative;
    height:100%;
}

#sb-loading-inner
{
    position:absolute;
    font-size:14px;
    line-height:100px;
    height:31px;
    top:50%;
    margin-top:-32px;
    width:100%;
    text-align:center;
}

#sb-loading-inner span
{
    background:url(../images/loading.gif) 6px top no-repeat;
    padding-left:0;
    display:inline-block;
}

#sb-wrapper-inner
{
padding-top:2px !important;
    /*background:#ebf5fa url(/resources/apps/v0200/auto/online-services/pres/shadowbox/images/bg-inner.png) left top repeat-x;*/
}

#sb-wrapper.sb-playing #sb-title, #sb-wrapper.sb-playing #sb-info {
    height: 30px !important;
}

#sb-title,#sb-info
{
    position:absolute;
    top:0;
    right:0;
    margin:0;
    padding:0;
    overflow:hidden;
}

#sb-title,#sb-title-inner
{
display:none;
    height:23px;
    line-height:23px;
}

#sb-title-inner
{
    font-size:16px;
}

#sb-info,#sb-info-inner
{
    width:100%;
    height:100%;
    line-height:22px;
}

#sb-info-inner
{
    font-size:12px;
}

#sb-nav
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

#sb-nav a
{
    float:right;
}

#sb-nav a span
{
    display:block;
    height:16px;
    width:16px;
    cursor:pointer;
    background-repeat:no-repeat;
}

a#sb-nav-close
{
    position:relative;
    z-index:2;
    padding:5px 5px 0 0;
}

a#sb-nav-close span
{
    background:url(../images/close.gif) right top no-repeat;
    width:50px;
    height:14px;
	line-height:15px;
}

/*a#sb-nav-close.sb-hover span
{
    background-position:bottom left;
}*/

a#sb-nav-next,a#sb-nav-previous
{
    width:50%;
    height:100%;
    position:absolute;
    right:0;
    top:16px;
    z-index:1;
}

a#sb-nav-next span,a#sb-nav-previous span
{
    height:100%;
    width:100%;
    background-image:url(../images/clear.png);
}

a#sb-nav-next.sb-hover span
{
    background-repeat:no-repeat;
    background-position:80% center;
    background-image:url(images/next.png);
}

a#sb-nav-previous
{
    left:0;
}

a#sb-nav-previous.sb-hover span
{
    background-repeat:no-repeat;
    background-position:20% center;
    background-image:url(images/previous.png);
}

#sb-nav-play
{
    background-image:url(images/play.png);
}

#sb-nav-pause
{
    background-image:url(images/pause.png);
}

#sb-counter
{
    float:left;
    padding:5px 0 0 8px;
}

#sb-counter a
{
    padding:0 4px 0 0;
    text-decoration:none;
    cursor:pointer;
    color:#fff;
}

#sb-counter a.sb-counter-current
{
    text-decoration:underline;
}

div.sb-message
{
    font-size:12px;
    padding:10px;
    text-align:center;
}

div.sb-message a:link,div.sb-message a:visited
{
    color:#fff;
    text-decoration:underline;
}

/* Dialog frame and "halo" dropshadow */
#sb-wrapper #sb-halo,#sb-wrapper #sb-halo-top,#sb-wrapper #sb-halo-rt,#sb-wrapper #sb-halo-btm,#sb-wrapper #sb-halo-lt,#sb-wrapper #sb-halo-corner,#sb-wrapper #sb-frame,#sb-wrapper #sb-frame-top,#sb-wrapper #sb-frame-rt,#sb-wrapper #sb-frame-btm,#sb-wrapper #sb-frame-lt
{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    overflow:hidden;
}

#sb-wrapper #sb-halo
{
display:none;
    left:-32px;
    top:-32px;
}

#sb-wrapper #sb-halo,#sb-wrapper #sb-frame
{
    overflow:visible;
}

#sb-wrapper #sb-halo-top,#sb-wrapper #sb-halo-lt,#sb-wrapper #sb-frame-top
{
    background-position:top left;
}

#sb-wrapper #sb-halo-rt,#sb-wrapper #sb-frame-rt
{
    background-position:top right;
}

#sb-wrapper #sb-halo-corner,#sb-wrapper #sb-frame-btm
{
    background-position:bottom right;
}

#sb-wrapper #sb-halo-btm
{
    background-position:bottom left;
}

/* Halo backgrounds */
#sb-wrapper #sb-halo-top
{
    padding-right:20px;
    background-image:url(images/halo-top.png);
}

#sb-wrapper #sb-halo-rt
{
    padding-bottom:16px;
    padding-right:64px;
    background-image:url(images/halo-rt.png);
}

#sb-wrapper #sb-halo-btm
{
    padding-right:16px;
    padding-bottom:64px;
    background-image:url(images/halo-btm.png);
}

#sb-wrapper #sb-halo-lt
{
    padding-bottom:20px;
    background-image:url(images/halo-lt.png);
}

#sb-wrapper #sb-halo-corner
{
    padding-bottom:64px;
    padding-right:64px;
    background-image:url(images/halo-corner.png);
}

/* Frame backgrounds */
#sb-wrapper #sb-frame-top
{
    top:-30px;
    left:-30px;
    padding-bottom:16px;
    padding-right:16px;
    background-image:url(../images/popupTopLeft.png);
}

#sb-wrapper #sb-frame-rt
{
    top:-30px;
	left:-4px;
    padding-bottom:16px;
    padding-right:34px;
    background-image:url(../images/popupTopRight.png);
}

#sb-wrapper #sb-frame-btm
{
    padding-right:34px;
    padding-bottom:22px;
	left: -4px;
	top: -4px;
    background-image:url(../images/popupBottomRight.png);
}

#sb-wrapper #sb-frame-lt
{
    background-position:left bottom;
    left:-30px;
	top:-4px;
    padding-bottom:22px;
    padding-right:16px;
    background-image:url(../images/popupBottomLeft.png);
}

#sb-wrapper #sb-frame-lt-btm
{
    position:absolute;
    width:16px;
    height:16px;
    /* background:url(/resources/apps/v0200/auto/online-services/pres/shadowbox/images/frame-lt-btm.png);*/
	background:none;
    left:-16px;
    top:100%;
}

/*#create-user-profile #sb-container #sb-wrapper #sb-wrapper-inner #sb-body #sb-body-inner, #terms-and-conditions #sb-container #sb-wrapper #sb-wrapper-inner #sb-body #sb-body-inner{margin-top:20px} */
/* css for close text alignment issue - vijay -21Nov2011*/
#create-user-profile #sb-container #sb-wrapper #sb-wrapper-inner #sb-body #sb-body-inner, #terms-and-conditions #sb-container #sb-wrapper #sb-wrapper-inner #sb-body #sb-body-inner, #verify-short-ssn  #sb-container #sb-wrapper #sb-wrapper-inner #sb-body #sb-body-inner,
#make-payment #sb-container #sb-wrapper #sb-wrapper-inner #sb-body #sb-body-inner, #account-summary #sb-container #sb-wrapper #sb-wrapper-inner #sb-body #sb-body-inner, #account-info  #sb-container #sb-wrapper #sb-wrapper-inner #sb-body #sb-body-inner,
#online-activity #sb-container #sb-wrapper #sb-wrapper-inner #sb-body #sb-body-inner,#enroll-in-autopay #sb-container #sb-wrapper #sb-wrapper-inner #sb-body #sb-body-inner, #billing-summary #sb-container #sb-wrapper #sb-wrapper-inner #sb-body #sb-body-inner,#online-activity-details-csr #sb-container #sb-wrapper #sb-wrapper-inner #sb-body #sb-body-inner, 
#csr-search #sb-container #sb-wrapper #sb-wrapper-inner #sb-body #sb-body-inner{margin-top: 21px !important;}


/* css for Defect No 11827-  only for ie8 - Vijay - 5Dec2011*/
form#autopay_statements .section .btns {height: 40px;margin-bottom: 30px !important;}
form#autopay_statements .btns {height: 60px;margin-bottom: 15px !important;}
form#autopay_statements div.third-btn {margin-top: -70px !important;}


/* These below CSS from non MFA Page and MFA page common UI issue fix
css for Hours of operation Header alignment issue - Vijay 28Oct*/
/* #account-summary .hours, #universal .hours{float:right !important; }*/
#cwt-us-aos .hours{float:right !important;}
/*fix for overlay close icon - nov29 2011 -Vijay*/
#pageOverlay #ACBlightbox{width:458px !important;}

/* css for sign-up-autopay modal window header image QC Defect No- 11124 -Vijay 1Dec2011*/
#enroll-in-autopay #acctInfo DIV.inner{background:none !important;} 

/*fix for overlay close icon - nov29 2011 -Vijay*/
#pageOverlay #ACBlightbox{width:458px !important;}


/* css for Defect No 11808 - Vijay - 13Dec2011*/
#sb-body #sb-body-inner #sb-player a#print-modal {top:0px !important;}

/* css for Defect No 11867 - Vijay - 13Dec2011*/
#Mailing_Address #update_address #form-holder #update-form  #mailing  .item .control span, #billing_address #update_address #form-holder #update-form  
#billing  .item .control span ,#mailing_address #update_address #form-holder #update-form  #mailing  .item .control span, #Billing_Address #update_address #form-holder #update-form  #billing  .item .control span {text-align:left !important; float:left !important;}

/*css for Defect No 11871,11872 */
#account-summary #page.ca-en #universal ul li#loginbox.active_auto {background-position:120px -300px !important;}
.xxi  #page.ca-fr #universal .active_auto{background-position: -2px -300px !important;}
#account-summary.xxi #page.ca-fr #universal .active_auto {background-position: 130px -300px !important;}
#account-summary #page.us-en #universal .active_auto {background-position: 120px -300px !important;}

/* css for Defect 11967 and 11968 */
#sb-container #sb-wrapper #sb-wrapper-inner {padding-bottom:21px !important;}
#enroll-in-autopay #sb-container #sb-wrapper #sb-wrapper-inner {padding-bottom:5px !important;}
