/* Jumbotorn */
    #displaySection{
        background-image: url("../images/bg_datausage.png");
        border: 1px solid #CCCCCC;
        height: 426px;
        margin-left: 25px;
        overflow: visible;
        position: relative;
        width: 918px;    
        }
    #wrapper {
        margin: 0 auto;
        position: relative;
        width: 974px;
        }
    #navBand_noBorder {    
        margin: 0px 0 5px 25px;
        padding: 0;
        position: relative;
        width: 945px;  
        }
    div.bandBtn {float: left; position:relative;}
    img.thumb {cursor: pointer; position: relative;}
    img.highlight {position: absolute; top:-17px; right: 0px; cursor:pointer; display:none;}
    #prevBumper{z-index: 99; position: absolute; left: 25px; top: 210px; cursor: pointer; }
    #nextBumper{z-index: 99; position: absolute; right:0px; top: 210px; cursor: pointer;}
    .homeImg{position:absolute;left:1px;top:10px;z-index:9;margin-left: -13px;}
    .tabContent{padding-top: 55px;padding-left: 60px;}
    .learnbckImg{background-image:url('../images/learn-main-img.jpg');height: 426px;}
    .ackbckImg{background-image:url('../images/acknowledge-main-img.jpg');height: 426px;}
    .trainingbckImg{background-image:url('../images/tutorial-main-img.jpg');height: 426px;}
    .supportbckImg{background-image:url('../images/support-main-img.jpg');height: 426px;}
    .videotxt{font-size: 14px;
    font-weight: bold;
    line-height: 1.3em;
    margin-left: 113px;
    width: 587px;
    color: #7D7D7D;}
    .pagination-pad{padding:10px 10px 10px 0px;margin-top:2px;}
    .tabHeading{color: #ea7400; font-size: 32px !important; font-family:Omnes_ATT-II-Regular; letter-spacing:1px;line-height: 42px;}
    .btnLink{background-color: #0574ac;    border: 1px solid #0574ac;    border-radius: 3px;    color: #FFFFFF;    cursor: pointer;    font-family: calibri;    font-size: 14px;    height: 33px;    text-align: left;}
        .graybtnLink{background-color: #CCC;    border: 1px solid #CCC;    border-radius: 3px;    color: #FFFFFF;   font-family: calibri;    font-size: 14px;    height: 33px;    text-align: left;}
       #ie  .btnLink{padding-left:7px;}       
       /*added to fix text alignment issue*/
       .yesNoButton{background-color: #0574ac;    border: 1px solid #0574ac;    border-radius: 3px;    color: #FFFFFF;    cursor: pointer;    font-family: calibri;    font-size: 14px;    height: 33px;    text-align: center;} 
    /* End of Jumbotorn */
/* Gen Styles */
    body {color: #333333;}
    .box {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #E3E3E3;
        border-radius: 5px 5px 5px 5px;
        margin-bottom: 20px !important;
        min-height: inherit;
        position: relative;
        }
        #infoPages{background-image:none;background-color:#FFF;}
        .arrowLt{background: url("../images/iconArrow.png") no-repeat scroll left top transparent; padding: 0px 12px;}
    #content{width:970px;padding-top: 15px;}
    .clear{clear:both;margin:0px;padding:0px;}
    .section-title{
        
        min-height: 56px;
        position: relative; 
        
        }
        .section-title h2{margin-left: 25px; padding-top: 15px;}
    .group-title {
        min-height: 3.5em;
        position: relative;
        }
    body, div, span,applet, object, iframe,  h1,  h2,  h3,  h4,  h5,  h6, p, blockquote,  a,  abbr,  acronym,address,  big,  cite,  code,  del,  dfn,  em,  font,  img,  input,  ins,  kbd,  q,  s,  samp,  small,  strike,  strong,  sub,  sup,  tt,  var,  dl,  dt,  dd,  ol,  ul,  li,  fieldset,  form,  label,  legend,  table,  caption,  tbody,  tfoot,  thead,  tr,  th,  td,  br {
        border: medium none;
        font-family: Arial;
        font-style: normal;
        font-weight: normal;
        margin: 0;
        padding: 0;
        vertical-align: baseline;
        }
     a {
        color: #005B95;
        font-size: 12px;
        position: relative;
        text-decoration: none;
        }
    .btn {
        border-top: 1px solid #DBDBDB;
        margin: 0 14px 0 25px;
        padding: 20px 0;
        width: 873px !important;
        }
    div.text{padding:25px;}
    div.title{padding-left:25px;}
    #primary-content {
        float: left;
        margin-left: 14px;
        margin-right: 0px;
        width: 580px !important;
        }
    #fullpage-content {       
        margin-left: 20px;
        margin-right: 0px;
        width: 930px;
        }
    #secondary-content {
        float: left;
        margin-left: 14px;
        width: 308px !important;
        }
    #preFooter {
        background: url("../images/img_prefooter.gif") repeat-x scroll 0 0 #FFFFFF;
        border-top: 1px solid #E3E3E3;
        clear: both;
        height: 34px;
        margin: 0;
        padding: 0;
        width: 972px;
    }
    .promo {
    background: url("../images/grad-medium.png") repeat-x scroll left bottom transparent !important;
   
    min-height: 100px;
}
    #preFooter p {
        color: #999999;
        font-size: 1.1em;
        line-height: 41px;
        margin: 0 0 0 17px;
        padding: 0;
    }
    #preFooter a {
        color: #6b6b6b;
        margin: 0 5px;
        font-family: Omnes_ATT-II-Regular;
        font-size: 12px;
    }
    .section-divider {
        background: url("../images/bg_user_box.gif") no-repeat scroll 50% 0 transparent;
        clear: both;
        }
    .footerNote{margin:0px 40px 25px 30px;padding-top:25px;}  
    .footerNote p{color:#979797 !important;}
    .logohead{height: 80px; margin-left: 23px; margin-top: 0px; padding-top: 26px;}   
    .alertNew {color: #FF0000;}
   .note{
        background: url("../images/note-header-bg.gif") repeat-x scroll 0 -6px #FFFFFF !important;
        border: 1px solid #E3E3E3;    
        padding: 14px 20px;
    } 
    .mandatory{color:#ed0200;}
    .noteFont {
        color:#333333;
        font-size:13px;
        font-style: italic;
    }
 @font-face {
    font-family:'Omnes_ATT-II-Regular';
    src: url('../fonts/omnes_att_ii-regular-webfont.eot');
    src: url('../fonts/omnes_att_ii-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/omnes_att_ii-regular-webfont.woff') format('woff'),
    url('../fonts/omnes_att_ii-regular-webfont.ttf') format('truetype'),
    url('../fonts/omnes_att_ii-regular-webfont.svg#Omnes_ATT-II-Regular') format('svg');
} 

@font-face {
    font-family:'Omnes_ATT-II-Medium';
    src: url('../fonts/omnes_att_ii_medium-webfont.eot');
    src: url('../fonts/omnes_att_ii_medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/omnes_att_ii_medium-webfont.woff') format('woff'),
    url('../fonts/omnes_att_ii_medium-webfont.ttf') format('truetype'),
    url('../fonts/omnes_att_ii_medium-webfont.svg#Omnes_ATT-II-Medium') format('svg');
}


/* End of Gen Styles */

/* Reuse Styles */
    .rel {
        position: relative; }
    .btnLt {
        float: left;
        text-align: left;
        }
    .btnRt {
        float: right;
        text-align: right;
        }
    .row-seamless {
        border-bottom: 0 none;
        padding: 0 25px;
    }
    .marLeft5{margin-left:5px;}
        .marRight5{margin-right:5px;}
    .MarLeft15 {margin-left:15px;}
    .marLeft25{margin-left:25px; margin-right:15px;}
    .marTop25{margin-top:25px;}
    .list-disk{list-style: disc outside none;}
    .marLtRt10{margin:0 10px;}
    #wrapper .marLtRt25{margin-left:25px;margin-right:25px;}
    .colorOrange { color: #ea7400 !important;}
    .botMar5{margin-bottom:5px !important;}
    .botMar0F{margin-bottom:0px !important;}
    .answerDesc{    
        margin: 20px 0px 20px 25px !important;    
        width:650px;    
        padding:14px !important;
        }
    strong,  th {
        font-weight: bold;
    }
    .QA_container .text{padding-bottom:0px;}
    .marTop30{margin-top:30px;}
    .marTop10{margin-top:10px;}
    .marTop10F{margin-top:10px !important;}
     .pad0{padding:0px !important;}
     .padbot0{padding-bottom:0px !important;}
      .padbot5{padding-bottom:5px ;}
       .padbot10{padding-bottom:10px ;}
       .pad20{padding:20px;}
    .marTop20{margin-top:20px;}
        .marTop20F{margin-top:20px !important;}
    #fullpage-content .colorblack{color:#333 !important;}
    .faq-section{padding-bottom:20px;margin-left:25px;}
    .padTop25{padding-top:25px;}
    .padTop10F{padding-top:10px !important;}
        .padTop115{padding-top:115px ;}
    .padTop5{padding-top:5px;}
    .padTop20{padding-top:20px;}
    .padTop20F{padding-top:20px !important;}
    .padLeft60{ padding-left: 60px;}
    .padLeft40{ padding-left: 40px;}
    .padLeft10{ padding-left: 10px;}
    .padLeft475{padding-left:475px;}
    .padRight80{padding-right: 80px;}
    .borTopSolidE3{border-top:1px solid #E3E3E3 }
    .marRt10{margin-right:10px ;}
    .marRt40{margin-right:40px !important;}
    .textarea{ border: 1px solid #E3E3E3;
        height: 200px;
        overflow-y: scroll;
        padding: 20px;}
    .cursor{cursor: pointer;}
    .float-left{float:left;}
    .float-right{float:right;}
    .botMar30 { margin-bottom: 30px !important;}
    .botMar20 { margin-bottom: 20px !important;} 
    .contentSpace{padding-left:25px;padding-right:25px;padding-bottom:20px;}    
    .font12{ font-size: 12px !important;}
    .w290{width:290px;}
    .w575{width:575px;}
    .w395{width:395px;}
    .w500{width:500px;}
    .w400{width:400px;}
    .w430{width:430px;}
    .w375{width:375px;}
    .w60{width:60px;}
    .marTop50{margin-top:50px;}
    .marRight10{margin-right: 10px;}
    .txtRt{text-align:right;}
        .botMar50{margin-bottom: 50px !important;}
        .italicFnt{font-style:italic;}
            #cboxOverlay{background-color: #333333; position: absolute;  z-index: 12;}
            .gray{color:#C5C5C5;}
            div.fnt16px p{font-size:16px;}
             .fnt14px {font-size:14px !important;font-family:Omnes_ATT-II-Regular !important;}
             .txtCenter{text-align: center !important;}
             .loginFont {font-family:Omnes_ATT-II-Regular !important;font-size:14px;}
             .modalFont {font-family:Omnes_ATT-II-Regular !important;font-size:13px !important;}
             .prefooterfnt{font-family:Omnes_ATT-II-Regular !important;font-size:12px !important;}
             .subheading {font-family:Omnes_ATT-II-Regular;font-size:22px !important;}
             .btnFont {font-family:Omnes_ATT-II-Medium !important;font-size:14px !important;text-align:center !important;}
             .chkboxText {margin-left:6px; display:inline-block;position:absolute;}
             .subfooterfnt {font-family:Omnes_ATT-II-Regular;font-size:10px;}
             .ackFont {font-family:Omnes_ATT-II-Regular;font-size:14px;font-weight:bold;}
    /* End of Reuse Styles */
    /* customer profile lookup page css:START*/

    .clp_image{margin:20px 0px 0px 30px; width:250px; height:300px; float:left;}
    #clp_item{float:left; margin:20px 50px 0px 50px;}
    .clp_text p{ font:11px/14px verdana;}  
    #clp_search{width:250px; height:100px; padding:0px; margin-top:50px; }
    .clp_textfield input{border:1px solid #000; width:250px; height:10px; }
    .clp_button input{margin-top:10px;width:50px; height:20px;padding:0px; float:right;}     
    #clp_error p{color:#f00; font:11px/14px verdana; display:none;}
    #clp_error p.bold{font:bold 12px/14px verdana;}
       /* customer profile lookup page css:END */   

    /* login module*/
    .loginRibbon {
        background: url("../images/OLAM-LOGIN-ribbons_ENG.png") no-repeat scroll left top transparent;
        color: #FFFFFF;
        font-size: 12px;
        height: 63px;
        left: -40px;
        margin: 20px 0 0 !important;
        padding: 12px 20px 0;
        position: relative;
        top: -10px;
        width: 283px;
    }
    .loginRibbon:focus {
        border:1px dotted;
    }
    .profileLinks dd {
        margin-bottom: 14px;}
    .borRt {
        border-right: thin dotted #CCCCCC;
        padding-bottom: 55px;
    }
    .w320 {
        float: left;
        margin: 0 0 14px;
        width: 320px;
    }
     .bt_left {
        float: left;
    }
/* End of login moduel*/ 
    
    /* Overlay Styles */    
    #mask {
        background-color: #333333;
        display: none;        
        position: absolute;
        top: -30px;
        z-index: 9000;
    }  
    img#bg { position:absolute; top:556px; left:0; margin-left:10px; width:925px; height:615px; border:1px solid #CCCCCC;}
    #ie img#bg { height:540px; }    
    #mask {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9000;
        background-color: #333;
        display: none;        
        top: -30px;
    }
   

    #boxes #dialog {
        margin: 0;
        padding: 0;
        text-align: left;        
    }
    #boxes .window {
        padding: 0;
        position: absolute;
        background-color: #fff;
        border: 3px solid #999;
        text-align: left;
        display: none;
        z-index: 9999;
    }

    .popupGlobal-titleContainer {
        position: relative;
        padding-top: 7px;
        padding-right: 30px;
        height: 2.4em;
        background: #fff;
        font-size: 1em;
        background: #fff url('../images/gradient.jpg') top left repeat-x;
    }
    .popupGlobal-titleContainer h1 {
        margin: 10px 0 0 20px;
        display: inline;
        float: left;
        text-align: left;
    }
   
    .popupGlobal-titleContainer {
        background: url("../images/gradient.jpg") repeat-x scroll left top #FFFFFF;
        font-size: 1em;
        height: 2.4em;
        padding-right: 30px;
        padding-top: 7px;
        position: relative;
    }
    div.msg {
         border: 1px solid #CCCCCC;
        margin: 0 20px 10px;    
        padding: 11px 14px;
    }
    .popupGlobal-titleContainer a.close {
        background: url("../images/red_close_button.gif") no-repeat scroll right center transparent;
        display: inline;
        float: right;
        margin-top: 17px;
        padding: 4px 20px 0 0;
    }
/* End of Overlay Styles  */
/* acknowledgementHistory Table styles */
    .table th {
        border-right:solid 1px #CCC;
        padding-bottom: 0.5em;
    }
    .table th.center, .table td.center {
        text-align: center;
    }
    .table tr,.table tr td,.table td,.table tr th{
       border:solid 1px #000 !important;
    }
    
    .table th,.table td {
        line-height: normal;
        padding: 10px 5px;   
    }
     .vmid {
        vertical-align: middle;
    }
    .w815{width:815px;}
    .header{background-color:#75C1F8;}
    .header a {color:#FFF !important;}
    ul#paginate li {
        display: inline;   
        padding: 0 3px 0 5px;
      
    }
     ul#paginate li.current {
        border: 1px solid #CCCCCC;
        padding: 0 5px 1px;
    }
    
/* Newly added CSS*/
    
    .ultype { list-style:disc; }
    ul.ultype li{padding-bottom:5px;}
    
    .table { background:#ffffff;  }

/* End of acknowledgementHistory Table styles */
/* error msg*/
    .errorMsg {
        border: 1px solid #ed0200 !important;
        margin: 0 0 10px;
        padding: 12px 14px 5px;
    }
    .errorMsg p:first-child {
        background: url("../images/iconError46x43.png") no-repeat scroll left top transparent;
        color: #ed0200;
        margin-bottom: 0;
        padding: 8px 14px 17px 50px;
    }
    .errorMsg  ul {
        color: #ed0200 !important;
        list-style: disc outside none;
        padding: 10px 14px 14px 65px;
        position: relative;
        top: -15px;
    }
    .errorMsg ul li {
        color: #ed0200 !important;
    }
/* End of error msg*/
    .oddRow{background-color:#E5EEF5}
    #loadImg{top: 200 px;
    margin: 100px 0 0 100px;
    position: absolute;
    z-index: 1000;
    width: 160px;
    height: 160px;
    background: url("../images/ajaxLoader1.gif") no-repeat;
    cursor: wait;}
    #loadImg p{padding:10px 0 0 40px;}
.historyWin{background-color: #EDEDED;display: none; width: 801px;top: 0px;border: 3px solid #999999; z-index: 9999; position: absolute;}
    .home_video{padding-top:10px;margin-left:30px;}
    .shaddow{
        border: 1px solid #CCC;    
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        -webkit-box-shadow: #666 0px 0px 10px;
        -moz-box-shadow: #666 0px 0px 10px;
        box-shadow: #666 0px 0px 10px;
        background: #FFFFFF;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#FBFAF9));
        background: -webkit-linear-gradient(#FFFFFF, #FBFAF9);
        background: -moz-linear-gradient(#FFFFFF, #FBFAF9);
        background: -ms-linear-gradient(#FFFFFF, #FBFAF9);
        background: -o-linear-gradient(#FFFFFF, #FBFAF9);
        background: linear-gradient(#FFFFFF, #FBFAF9);
        -pie-background: linear-gradient(#FFFFFF, #FBFAF9);
        behavior: url("/cq/etc/designs/copyright/clientlibs/PIE.htc");
              }    
    .PasswordValueDiv {
    color: #666;
    font-size: 1.3em;
    left: 0;
    overflow: hidden;
    padding: 7px 0 0 9px;
    position: absolute;
    top: 0;
    width: 75%;
    }
    .yellowbg{background: none repeat scroll 0 0 #FEFCE1;}
/*p2p notices css */  
      .chkboxText {margin-left:6px; display:inline-block;position:absolute;}
  
/* end of p2p notices css */ 
.list-no-style{
    list-style-type:none;
}



.marLeft10{
    margin-left:10px;
}



.disputeform-error-msg{    
    font-family: arial;
    font-size: 13px;
    color: red;
    padding-top: 5px;
    display:none;
}
.marTop5{
    margin-top:5px;
}

.marNegTop35{
    margin-top:-35px;
}

.width180{
    width:180px;
}

.warnMsg{
    font-size:14px;
    color:red;
    font-weight:bold
}



#valOtpErr{
    margin-top:8px;
    color:red;
    font-size:12px;
    padding-left:32px;
    display:none;
}

#superNDiv{    
    display:none;
}
#resend{
    color:#0574ac;
}

.contentText:focus{
color:#66b3ff;
}

.titleText:focus{
color:#66b3ff;
}

.logohead>img:focus{
color:#66b3ff;
}

/* changing the inline to classes. */

    .teabHeadingMargin{
    margin-left:25px;
    margin-top:18px;
    margin-bottom:10px;
    font-weight:bold;
    }
    .width20{
    width:20px;
    }
    .width25{
    width:25px;
    }
    .floatL{
    float:left;
    }
    
    .width853{
    width:853px;
    }
    .width832{
    width:832px;
    }
    
    .colorBlue{
    color:#0574ac;
    }
    .mB0px{
    margin-bottom: 0px;
    }
    
    .faqWidth{
    width: 600px;
    padding-left: 25px;
    }
    
/* body of the page */
    .dispayNone{
    display :none;
    }
    .width605{
    width: 605px;
    }
    .width539{
    width: 539px;
    }
    
    .fontWeight{
    font-weight:bold;
    }
    .pad10{
    padding: 10px;
    }
   .colorGrey{
   color : #333333;
   }
   .textDec{   
   text-decoration:none;
   color:#005b95;
   }
   .bor1{
   border :1px;
   }
   .pT15{
   padding-top: 15px;
   }
   .mR19{
   margin-right : 19px;
   }
   .mR16{
   margin-right : 16px;
   }
   
   .mR15{
   margin-right : 15px;
   }
   .width40{
   width :40px;
   }
   .oP{
   opacity : 0.8;
   }
   .frameStyle{
   height: 585px; width: 745px;overflow-x: auto;overflow-y:scroll;
   }
   .height400{
   height:400px;
   }
   .width490{
   width: 490px;
   }
   .width539{
   width: 539px;
   }
   
/* end */
    .pL0{
    padding-left :0px;
    }
    .topMinus35{
    top : -35px;
    }
    .foot{
    float:right;clear:both;color:#F5F3F3;margin:0px;width:40px;font-size:10px;
    }
    .headElement{
    font-family:Omnes_ATT-II-Regular !important;font-size:20px;
    }

/* Footer  */

    .height20{
   height :20px;
   }
   .foot{
   float:right;clear:both;color:#F5F3F3;margin:0px;width:40px;font-size:10px;
   }
/* End */

    .width945{
     width : 945px;
    }
    .width214 {
    width:214px;
    }
    .width195 {
    width:195px;
    }
    .width295 {
    width:295px;
    }
    .width760 {
    width:760px;
    }
    .trainingVideo{
    width: 775px; height: 350px;
    }
    width703{
    width : 703px;    
    }
    .mL14{
    margin-left:14px;
    }
    .remember{
    width: 150px; float: left; padding-top: 0px; margin-top: 4px;
    }
    .pTmT{
     padding-top: 0px; margin-top: 4px;
    }
    .logIn{
    width: 100px; float: right; margin-top: 0px; margin-right: 30px;" class="marTop10
    }
    
/* Training */

    .bkg{
    background-color: rgb(250, 250, 249);
    }
    .height270{
    height :270px;
    }
    .width50 {
    width : 50px;
    }
    
/* end */
    .mLmB{
    margin-left:30px;margin-bottom:15px;    
    }
    .fs12{
    font-size:12px;
    }
    .homeWidth{
    width: 924px; padding-right: 10px; margin-left: 20px;
    }
    .bottom12{
    padding-bottom:22px;margin-bottom:20px;
    }
    .displayBolck {
    display:block;
    }
    
    .positionNone{
    position:absolute;
    top:-9999px;
    left:-9999px
    }
    
.colorAttBlue{ color: #009fdb !important;}

.inconvenienceImg{
    height:50px;
    margin-right: 15px;
}  
.divImg{
    display: inline-block;
    margin: 25px;
    position: relative;
    top: 10px;
}
.divTitle{
    font-size: 26px;
    margin-left: -15px;
    display: inline-block;
}

/********************************************************************

DO NOT EDIT. CONTACT FET PRIOR TO MAKING ANY ADJUSTMENTS TO THIS FILE


*********************************************************************/

.demoModal{position:absolute; top:60px; left:0; border:1px solid black; background:yellow; padding:4px; z-index:9999}

html{overflow-y:scroll}
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, input, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, br{margin:0; padding:0; border:none; font-weight:normal; font-style:normal; font-size:100%; font-family:Arial; vertical-align:baseline }
body {font-size:62.5%; line-height:1.2em; color:#f0f; background:#f5f5f5; text-align:center; height:100%} /* color intentionally set wrong to help identify unstyled elements */

table {border-collapse:collapse; empty-cells:show }
strong,th{font-weight:bold}
input[type="text"]{font-size:1.2em; height:20px; vertical-align:middle;color:#666}
input[type="text"]:focus{color:#333}
input[type="radio"],
input[type="checkbox"]{cursor:pointer}
em{font-style:italic}
.off-page {position:absolute; left:-9999px; top:auto}

html {background:url("../images/background_left.jpg") no-repeat left top transparent}
body{background:url("../images/background_right.jpg") no-repeat right top transparent; margin:0px;}
.zeroHeight{height:0; overflow:hidden}

/***********************
 AUTO FLOAT CLEARING
***********************/

/*****************
 CSS3 TREATMENTS 
*****************/

@media screen{
    .box{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; border:1px solid #e3e3e3; margin-bottom:14px; position:relative; zoom:1; min-height:10px}
    span.box{display:inline-block }
    #primary-nav .box {-webkit-box-shadow:0 0 12px #ccc; -moz-box-shadow:0 0 12px #ccc; box-shadow:0 0 12px #ccc}
    .top-round          {-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px }
    .bottom-round       {-webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px }
    .tab-group          {
        -webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px;
        -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; border-bottom-left-radius:5px;
        -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; border-bottom-right-radius:5px }
}

.topRound{
    background: url("../images/top-round.gif") 0 0 no-repeat;
    position:absolute;
    top:-1px;
    left:-1px;
    height:4px;
    width:100%;
    border:none;
    z-index:100;
}
   
.topRound div{
    position:relative;
    top:0;
    right:-2px;
    height:4px;
    background:url("../images/top-round-right.gif") top right no-repeat;
}
.topRound-right{
    position:relative;
    top:-1px;
    right:-1px;
    height:4px;
    background:url("../images/top-round-right.gif") top right no-repeat;
}
    
.bottomRound{
    position:absolute;
    bottom:-1px;
    left:-1px;
    background:url("../images/bottom-round.png") 0 0 no-repeat;
    height:4px;
    width:100%;
}
   
.bottomRound div{
    position:relative;
    bottom:0;
    right:-2px;
    height:4px;
    background:url("../images/bottom-round-right.png") top right no-repeat;
}
  

/*****************
 LAYOUT 
*****************/
#wrapper{margin:0 auto; width:974px; position:relative}
#main-container{text-align:left; position:relative}
#content{position:relative; padding:0; width:970px}

/****************
 SHOPPING CART 
****************/
#globalNavShadows{height:40px}
div.cart{text-align:right; margin:-5px 0 10px 0}
div.cart a{background:url("../images/cart_icon.jpg") 100% 50% no-repeat; padding:1px 25px; margin:0 25px 0 0}


/****************
CONTENT BACKGROUND IMAGE 
***************/
.bg-top-shadow{
    background: url("../images/ie-top-background.png") bottom left no-repeat;
    height: 11px;
    width: 986px;
    left: -6px;
    top: -8px;
    position:relative }
.bg-mid-shadow{
    left:  -6px;
    top: -8px;
    width:986px;
    padding-left: 7px;
    background: url("../images/ie-mid-background.png") 0 0 repeat-y;
    position:relative }
.bg-bottom-shadow{
    left:  -6px;
    top:-8px;
    background: url("../images/ie-bottom-background.png") top left no-repeat;
    width: 986px;
    height: 13px;
    position:relative }
.bg-gr-bottom-shadow{
    left:  -6px;
    top:-8px;
    background: url("../images/ie-gr-bottom-background-nofat.png") top left no-repeat;
    width: 986px;
    height: 13px;
    position:relative }
  
#primary-content{float:left; width:706px; margin-left:14px}
#primary-content-full { width:945px }
#primary-content-full, .page-header{margin:0 14px}

/*****************
 TYPOGRAPHY 
*****************/
th, td{font-size:1.2em; color:#333} /* table data does not need <p> elements, but should have labels if they are with form fields */
p, li, dt, dd, label, div.span{font-size:1.2em; color:#333; line-height:1.3em }
td label, dd label{font-size:1em}
h1, h2, h3, h4, h5, h6 { font-size:2.0em; color:#333; line-height:1.3em }
p, label, dd p{margin-bottom:.5em }
a{font-size:1.2em; text-decoration:none; color:#3381b7; position:relative}
a:active, a:visited{color:#3381b7}
a:hover{ color:#3381b7; text-decoration:underline; cursor:pointer}
a:focus{text-decoration:underline}
li a{}
p a, li a, dt a, dd a, dd p, td a, th a, h2 a, h3 a, h4 a, h5 a, h6 a{font-size:1.0em} /* reset all <a> within elements where they can appear */

.caps-narrow{font-size:1.2em; color:#333; text-transform:uppercase; letter-spacing:-1px}

sup{position:relative; font-weight:normal !important}
sup{top:-.4em; font-size:66%; margin-right:3px}
sup.tm, sup.sm{top:-.6em; font-size:54%}
    #ie sup{top:-.34em; font-size:83.6%}
    #ie sup.tm, #ie sup.sm{top:-.6em; font-size:65%}
p sup, li sup, dt sup, dd sup, dd sup, td sup, th sup{top:-.20em; font-size:90%; font-weight:bold}
p sup.tm, li sup.tm, dt sup.tm, dd sup.tm, dd sup.tm, td sup.tm, th sup.tm{top:-.3em; font-size:78%; font-weight:bold}
p sup.sm, li sup.sm, dt sup.sm, dd sup.sm, dd sup.sm, td sup.sm, th sup.sm{top:-.3em; font-size:78%; font-weight:bold}
    #ie p sup, #ie li sup, #ie dt sup, #ie dd sup, #ie dd sup, #ie td sup, #ie th sup{top:-.20em; font-size:110%; font-weight:bold}
    #ie p sup.tm, #ie li sup.tm, #ie dt sup.tm, #ie dd sup.tm, #ie dd sup.tm, #ie td sup.tm, #ie th sup.tm{top:-.3em; font-size:90%; font-weight:bold}
    #ie p sup.sm, #ie li sup.sm, #ie dt sup.sm, #ie dd sup.sm, #ie dd sup.sm, #ie td sup.sm, #ie th sup.sm{top:-.3em; font-size:90%; font-weight:bold}

a sup{text-decoration:none}

/***********************
Invalid use of tags 
***********************/
#left-column h1, 
#secondary-content h1,
li > p,
p > ul,
th > p, 
td > p,
th > label{border:1px dashed red !important; font-size:1em !important; color:red !important; font-weight:bold !important; background:yellow !important} 


/*****************
 PAGE TITLE/MARQUEE
*****************/
.page-title{position:relative; top:0; padding:14px 0 20px 0; }
#ie .page-title{padding:12px 0 7px 0;}
.page-title h1{float:left; color:#333; font-size:2.6em; line-height:1em; margin:3px 10px 0 28px}    
#ie .page-title h1{line-height:28px; margin:4px 10px 0 28px}
.page-title a{float:left; font-size:1.2em; line-height:2em; padding-top:.6em}
.page-title p { float:right; font-size:1.2em; line-height:1em; padding-top:1.25em; margin-right:28px }
.page-title p span { color:#ccc }

.page-title.marquee{min-height:334px}
.page-title.marquee h1, .page-header.marquee .inline{float:none}
object, embed {outline: 0;}


/*****************
 LINK TREATMENT 
*****************/
.lnk-help img{ vertical-align:middle; }
.inline-links{ color:#bfbfbf; font-size:1.6em; margin:0 }
.inline-links a{ margin:0 5px; font-size:.75em }
.inline-links a.tooltips{ margin:0 -5px 0 0 !important; }
.inline-links .dataCalc{ margin:0 0 0 -5px !important; }
.inline-links img { position:relative; top:5px }

/*a.arrow { background:url(//www.att.com/images/global/link_right_arrow.gif) no-repeat scroll left center transparent; padding:1px 0 1px 20px }*/


.arrowRt { background: url("../images/iconArrow.png") right no-repeat; padding:0 15px 0 0px }
.separator a, .separator span { padding:0 10px; border-right:1px solid #ccc }
.separator a.begin { padding-left:0 }
.separator a.end { border:none; padding:0 0 0 10px; }
.separator .noSep { border-right:none; padding:0 }



/*****************
 FORM TREATMENT JQUERY UNIFORM
*****************/
p + .styled_forms{margin-top:25px}
.styled_forms label > a {font-size:1.0em !important;}
.statictxt a {font-size:1.0em !important;}
.styled_forms > div > label:first-child {
    color:#333;
    display:inline-block;
    font-family:Arial,sans-serif;
    font-size:1.2em;
    font-weight:bold;
    margin:0 25px 2px 0;
    position:relative;
    text-align:right;
    vertical-align:top;
    width:179px;
    top:5px;
}
.styled_forms > div{margin-bottom:19px;}
.styled_forms .clear {
    padding:2px !important;
}
.styled_forms .tipPad > label{margin-right:2px !important }
.styled_forms > div > label.radio{
    width:auto !important }
.styled_forms > div > a.tooltips{
    display:inline-block;
    margin:0;
    position:relative;
    top:5px;
    vertical-align:top;}
.styled_forms > div > a{
    display:inline-block;
    margin:0;
    position:relative;
    top:7px;
    vertical-align:top;
}
.styled_forms > div span.statictxt{
    color:#333333;
    font-family:Arial,sans-serif;
    font-size:1.2em;
    margin:0;
    position:relative;
    top:7px;
}
.styled_forms > div span.redtxt{
    color:red !important;
}

.styled_forms div.login > label{
    color:#333;
    font-family:Arial,sans-serif;
    margin-bottom:10px !important;
    text-align:left;
    font-weight:normal !important;
    width:100% !important;
}
.styled_forms div.secretq > label{
    width:100% !important;
    text-align:left;
    margin:10px 5px;
    font-family:Arial,  sans-serif;
    color:#333
}

/**************************
JQUERY UNIFORM CSS CODE
**************************/
/*

Uniform Theme: Uniform Default
Version: 1.6
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html

*/

/* Global Declaration */

div.selector, 
div.selector span, 
div.checker span,
div.radio span, 
div.uploader, 
div.uploader span.action,
div.button,
div.button span {
  background-image: url("../images/sprite.png");
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}
  
.selector, 
.radio, 
.checker, 
.uploader,
.button, 
.selector *, 
.radio *, 
.checker *, 
.uploader *,
.button *{
  margin: 0;
  padding: 0;
}

/* INPUT & TEXTAREA */

.styled_forms input.text,
.styled_forms input.email, 
.styled_forms input.password,
.styled_forms textarea.uniform {
  font-size: 1em;
  font-family: Arial, sans-serif;
  font-weight: normal;
  padding: 3px;
  color: #666;
  background: url("../images/bg-input-focus.png") repeat-x 0px 0px;
  background: url("../images/bg-input.png") repeat-x 0px 0px;
  border-top: solid 1px #aaa;
  border-left: solid 1px #aaa;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: 0;
}

.styled_forms span.textInput-wrapper{
    background:url("../images/input-right.gif") no-repeat scroll 100% 1px transparent;
    display:inline-block;
    height:24px;
    left:2px;
    position:relative;
    top:0px;
    vertical-align:middle;
}


.styled_forms span.textInput-wrapper span{
    background:url("../images/input-left.gif") no-repeat scroll 0 1px transparent;
    display:inline-block;
    height:26px;
    margin-right:2px;
    }
    
.styled_forms span.textInput-wrapper input{
    background:none transparent;
    border:0 none;
    outline:none;
    height:15px;
    padding:1px;
    margin:4px 3px 0 5px;
    color:#666;
    font-size:1.2em;
}
.styled_forms span.textInput-wrapper input[disabled]{
    color:#999
}
.styled_forms span.textInput-wrapper.focus,
.styled_forms span.textInput-wrapper:focus {background:transparent url("../images/input_right-focus.gif") 100% 1px no-repeat}
.styled_forms span.textInput-wrapper span.focus,
.styled_forms span.textInput-wrapper span:focus{background:transparent url("../images/input_left-focus.gif") 0px 1px no-repeat}

/* SPRITES */

/* Select */

div.selector {
  background-position: -483px -130px;
  line-height: 26px;
  height: 26px;
  margin-top:-4px;
}
div.selector + div.selector{
    margin-left:-2px;
}

div.selector span {
  background-position: right 0px;
  height: 26px;
  line-height: 26px;
  font-size:12px }

div.selector select {
  /* change these to adjust positioning of select element */
  top: 5px;
  left: 3px }

div.selector:active, 
div.selector.active {
  background-position: -483px -156px }

div.selector:active span, 
div.selector.active span {
  background-position: right -26px }

div.selector.focus, div.selector.hover, div.selector:hover {
  background-position: -483px -182px }

div.selector.focus span, div.selector.hover span, div.selector:hover span {
  background-position: right -52px }

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
  background-position: -483px -208px }

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
  background-position: right -78px }

div.selector.disabled {
  background-position: -483px -234px }

div.selector.disabled span {
  background-position: right -104px }

/* Checkbox */

div.checker {
  width: 19px;
  min-height: 19px }

div.checker input {
    width: 19px;
    height: 19px }

div.checker span {
  background-position: 0px -260px;
  height: 19px;
  width: 19px }

div.checker:active span, 
div.checker.active span {
  background-position: -19px -260px }

div.checker.focus span,
div.checker:hover span {
  background-position: -38px -260px }

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
  background-position: -57px -260px }

div.checker span.checked {
  background-position: -76px -260px }

div.checker:active span.checked, 
div.checker.active span.checked {
  background-position: -95px -260px }

div.checker.focus span.checked,
div.checker:hover span.checked {
  background-position: -114px -260px }

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
  background-position: -133px -260px }

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
  background-position: -152px -260px }

div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
  background-position: -171px -260px }

/* Radio */

div.radio {
    width: 18px;
    height: 18px }

div.radio input {
  width: 18px;
  height: 18px }

div.radio span {
  height: 18px;
  width: 18px;
  background-position: 0px -279px }

div.radio:active span, 
div.radio.active span {
  background-position: -18px -279px }

div.radio.focus span, 
div.radio:hover span {
  background-position: -36px -279px }

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
  background-position: -54px -279px }

div.radio span.checked {
  background-position: -72px -279px }

div.radio:active span.checked,
div.radio.active span.checked {
  background-position: -90px -279px }

div.radio.focus span.checked, div.radio:hover span.checked {
  background-position: -108px -279px }

div.radio.focus:active span.checked, 
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
  background-position: -126px -279px }

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
  background-position: -144px -279px }

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
  background-position: -162px -279px }

.radioGrp {
    float:left;
    margin-bottom:4px;
    padding:0 !important;
    position:relative;
    top:5px;
    width:auto
}

#ie .radioGrp { padding-top:5px !important }
.radioGrp label {font-weight:normal !important; font-size:1em !important}
.radioLabel{float:left;width:206px} 

/* Uploader */

div.uploader {
  background-position: 0px -297px;
  height: 28px }

div.uploader span.action {
  background-position: right -409px;
  min-height: 24px;
  line-height: 24px }

div.uploader span.filename {
  height: 24px;
  /* change this line to adjust positioning of filename area */
  margin: 2px 0px 2px 2px;
  line-height: 24px }

div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
  background-position: 0px -353px }

div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
  background-position: right -437px }

div.uploader.active span.action,
div.uploader:active span.action {
  background-position: right -465px }

div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
  background-position: right -493px }

div.uploader.disabled {
  background-position: 0px -325px }

div.uploader.disabled span.action {
  background-position: right -381px }

div.button {
  background-position: 0px -523px }

div.button span {
  background-position: right -643px }

div.button.focus,
div.button:focus,
div.button:hover,
div.button.hover {
  background-position: 0px -553px }

div.button.focus span,
div.button:focus span,
div.button:hover span,
div.button.hover span {
  background-position: right -673px }

div.button.active,
div.button:active {
  background-position: 0px -583px }

div.button.active span,
div.button:active span {
  background-position: right -703px;
  color: #555 }

div.button.disabled,
div.button:disabled {
  background-position: 0px -613px }

div.button.disabled span,
div.button:disabled span {
  background-position: right -733px;
  color: #bbb;
  cursor: default }

/* PRESENTATION */

/* Button */

div.button {
  height: 30px }

div.button span {
  margin-left: 13px;
  height: 22px;
  padding-top: 8px;
  font-weight: bold;
  font-family:  Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  padding-left: 2px;
  padding-right: 15px }

/* Select */
div.selector {
  font-size: 12px;top:3px
}
#ie div.selector {
  font-size: 12px;top:2px !important
}
div.selector select {
  /* width: 190px; */
  font-family:  Arial, sans-serif;
  font-size: 12px;
  border: solid 1px #fff }

div.selector span {
  padding: 0px 25px 0px 2px;
  cursor: pointer }

div.selector span {
  color: #666;
  /* width: 158px; */
 /*  text-shadow: 0 1px 0 #fff; */
}

div.selector.disabled span {
  color: #bbb }

/* Checker */
div.checker {
  margin-right: 5px }

/* Radio */
div.radio {
  margin-right: 3px }

/* Uploader */
div.uploader {
  width: 190px;
  cursor: pointer }

div.uploader span.action {
  width: 85px;
  text-align: center;
  text-shadow: #fff 0px 1px 0px;
  background-color: #fff;
  font-size: 11px;
  font-weight: bold }

div.uploader span.filename {
  color: #777;
  width: 82px;
  border-right: solid 1px #bbb;
  font-size: 11px }

div.uploader input {
  width: 190px }

div.uploader.disabled span.action {
  color: #aaa }

div.uploader.disabled span.filename {
  border-color: #ddd;
  color: #aaa }

/********************************
STYLED FORMS ERROR CHECKING MOD
*********************************/
.styled_forms > div.error span.textInput-wrapper{
    background:url("../images/input-right-err.gif") no-repeat scroll 100% 1px transparent;
}

.styled_forms > div.error span.textInput-wrapper span{
    background:url("../images/input-left-err.gif") no-repeat scroll 0 1px transparent ;
}

.styled_forms > div.error span.textInput-wrapper.focus {background:transparent url("../images/input-right-err.gif") 100% 1px no-repeat}
.styled_forms > div.error span.textInput-wrapper span.focus{background:transparent url("../images/input-left-err.gif") 0px 1px no-repeat}

.styled_forms > div.error > label:first-child {
    color:#FD0200;
}

.styled_forms > div.error div.selector, 
.styled_forms > div.error div.selector span, 
.styled_forms > div.error div.checker span,
.styled_forms > div.error div.radio span, 
.styled_forms > div.error div.uploader, 
.styled_forms > div.error div.uploader span.action,
.styled_forms > div.error div.button,
.styled_forms > div.error div.button span {
  background-image: url(//www.att.com/images/global/forms/sprite-err.png);
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}
 
.formErrorMessage{
    font-weight:bold !important;
    margin-bottom:3px !important;
    margin-left:209px;
    margin-top:0 !important;
}
.formErrorMessage .redtxt{font-weight:bold;color:#FD0200}

/*

CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.selector, 
.checker, 
.button, 
.radio, 
.uploader {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline }

.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
  outline: 0;
}

/* Button */

div.button a,
div.button button,
div.button input {
  position: absolute }

div.button {
  cursor: pointer;
  position: relative }

div.button span {
  display: -moz-inline-box;
  display: inline-block;
  line-height: 1;
  text-align: center }

/* Select */

div.selector {
    overflow:hidden;
    padding-left:10px;
    position:relative;
    top:3px;
    vertical-align:top
}

div.selector span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  cursor:default}

div.selector select {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity:0);
  /* height: 25px; */
  border: none;
  background: none }

/* Checker */

div.checker {
    margin:0 !important;
    position:relative;
    top:0
}

div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center }

div.checker input {
  opacity: 0;
  filter: alpha(opacity:0);
  display: inline-block;
  background: none }

/* Radio */

div.radio {
  position: relative }

div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center }

div.radio input {
  opacity: 0;
  filter: alpha(opacity:0);
  text-align: center;
  display: inline-block;
  background: none }


/*
 * 
 *      PLEASE CONTACT GREG TAFF [gt7886]
 *      BEFORE MAKING ANY CHANGES TO THIS FILE
 * 
 */

html {width:100%;}
html body{margin:0px;width:100%;padding-top:0px;}

#pageID {
    position: absolute;
    text-indent: -9999px;
    top: -20px;
    width: 100px;
}

#globalNav  {position:relative;width:100%;z-index:90;height:170px;}

/* reset CSS so the page we land on doesn't accidentally provide style rules */
#globalNav li a {position:static;}
#globalNav a:focus {text-decoration:underline;}
#globalNav * {
    line-height:15px; 
    text-align:left;
    font-weight:normal;
    color:inherit;
    font-family:arial, helvetica, sans-serif;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    list-style:none; 
    z-index:1;
}

#globeOnly {width:970px;margin:0 auto 10px;padding-top:11px;padding-left:22px;}

.es_US #segMenuBar #segMenuItemBusiness {width:105px;}
.es_US #segMenuBar #segMenuItemAboutATT {width:117px;}
.es_US #segMenuBar #segMenuItemFindAStore {width:105px;}
.es_US #segMenuBar #segMenuItemInternational {width:85px;}
.es_US #segMenuBar #segMenuItemShopATT {width:103px;}
.es_US #segMenuBar #segMenuItemmyATT {width:76px;}
.es_US #segMenuBar #segMenuItemATTSupport {width:100px;}
.es_US #segMenuBar #segcenterSpan { margin:0 344px -34px 301px; }
.es_US .ecom #segMenuBar #segcenterSpan { margin:0 190px -34px 301px; }
.ecom #segMenuBar #segcenterSpan { margin:0 201px -34px 274px; }

.es_US .ecom #segMenuBar .globe #segcenterSpan { margin:0 301px -34px 279px; }
.ecom #segMenuBar .globe #segcenterSpan { margin:0 274px -34px 280px; }


/* ipad specific CSS */
.ipad #tieredNav ul.secondaryMenu {height:31px;}
.ipad #segMenuBar .segMenu a.segMenuItem {height:34px;}
.ipad #primaryMenu ul li #primary_Shop  {width:71px;}
.ipad #primaryMenu ul li #primary_Shop span {width:71px;}
.ipad #primaryMenu ul li #primary_Support  {width:96px;}
.ipad #primaryMenu ul li #primary_Support span {background-position:-253px -112px;width:96px;}
.ipad #primaryMenu ul li.selected #primary_Support span {background-position:-253px -224px;}


#segMenuBar { width:100%; height:34px;  position:absolute;top:0;left:0;background:url("../images/bg-segmentation-menu.gif") no-repeat center; z-index:100;}
#segMenuBar #stub { width:974px;height:34px;background:url('../images/bg-segmentation-sprite.png') repeat right -204px;margin:auto;}
#segMenuBar .segMenu li.rightMost a span {position:relative;right:-2px;margin-left:12px;height:10px;}
#segMenuBar .segMenu li {margin:0;float:left;list-style-type:none;}
#segMenuBar .segMenu li a.segMenuItem.hasSubMenu span {background-position: right -68px;padding-right:24px;}
#segMenuBar .segMenu li a.segMenuItem.hasSubMenu {background-position: left -68px;}
#segMenuBar .segMenu li a.segMenuItem.selectedChevron span {background-position: right -34px;}
#segMenuBar .segMenu li a.segMenuItem.selectedChevron {background-position:left -34px;color:#515151;}
#segMenuBar .segMenu li a.segMenuItem.over span {background-position: right 0px;color:#515151;}
#segMenuBar .segMenu li a.segMenuItem.over {background-position:left 0px;}
#segMenuBar .segMenu a.segMenuItem span {display:block;padding: 13px 14px 11px 0px; margin-left:14px;background:url("../images/bg-segmentation-sprite.png") right -170px;}
#segMenuBar .segMenu a.segMenuItem {
    cursor:default;
    font-size:12px;
    background:url("../images/bg-segmentation-sprite.png") left -170px #808080;
    color:white;
    margin:0;
    float:left;
    height:34px;
    padding:0;
    overflow:hidden;
    display:block;
}

#segMenuBar .segMenu li a.segMenuItem.hasURL:hover span{ text-decoration:underline;cursor:pointer}

#segMenuBar .segMenu li a.segMenuItem.selected span {background:url("../images/bg-segmentation-sprite.png") right -136px;}
#segMenuBar .segMenu li a.segMenuItem.selected {background:url("../images/bg-segmentation-sprite.png") left -136px;color:#515151;}
#segMenuBar #segMenuItemShopATT {width:95px;}
#segMenuBar #segMenuItemmyATT {width:77px;}
#segMenuBar #segMenuItemATTSupport {width:108px;}
#segMenuBar #segMenuItemPersonal {width:79px;}
#segMenuBar #segMenuItemBusiness {width:100px;}
#segMenuBar #segMenuItemAboutATT {width:95px;}
#segMenuBar #segMenuItemLinkedAccounts {width:155px;}
#segMenuBar #segMenuItemFindAStore {width:96px;}
#segMenuBar #segMenuItemInternational {width:105px;overflow:hidden}

#segMenuBar div.segSubMenu {
    overflow:visible;
    position:absolute;
    display:none;
    list-style:none;
    margin:0;
    clear:left;
    margin: 0 -100px 0 0;
    padding:0 0 0 0;
    float:left;
    background:url("../images/bg-rounded-bottom.gif") bottom right;
}
#segMenuBar div.segSubMenu ul{
    padding-bottom:13px;
    overflow:hidden;
    position:relative;
    left:-6px;
    background:url("../images/bg-rounded-bottom.gif") bottom left;
    list-style:none;
    margin:0;
    clear:left;
    float:left;
}

#segMenuBar div.segSubMenuDivider {border-bottom:1px dotted #ccc;margin:-14px 0 5px;}
#segMenuBar div.segSubMenu ul li {margin:0;padding:5px 10px 0 14px ;float:none;list-style-type:none;line-height:22px;}
#segMenuBar div.segSubMenu ul li a {font-size:12px;color:#0574ac;}
#segMenuBar div.segSubMenu ul li a:hover {text-decoration:underline;}
#segMenuBar #leftSegMenu { float:left;  }
#segMenuBar #rightSegMenu { float:right; }
#segMenuBar #segMenuContainer {position:relative;width:974px;margin:auto;height:34px;}
#segMenuBar #segcenterSpan {background:url("../images/bg-segmentation-menu.gif") repeat-x; padding:0; margin:0 201px -34px 274px; height:34px;}

#pageID:focus, #pageID:active { text-indent: 0; top: 14px; left: 28em; z-index: 100; color: #fff; }

#globalNavUserInfo {
    color:#666;
    font-size:12px;
    height:34px;
    margin:auto;
    position:relative;
    top:34px;
    width:970px;
}

#globalNavUserInfo a {color:#0094d7;}
#globalNavUserInfo a:hover {text-decoration:underline;}
#globalNavUserInfo div {padding-top:9px;text-align:right;}

#tieredNav {
    position:relative;
    width:974px;
    margin:auto;
    background:url("../images/bg-rounded-bottom.gif") bottom right;
    top:36px;
}

#globalNav #tieredNav .noHref {cursor:default;}
#globalNav #tieredNav .noHref:hover {text-decoration:none;}

.es_US #primaryMenu ul {background:url("../images/bg-es-primary-sprite.png") no-repeat;}
.es_US #primaryMenu ul li .primaryMenuItem span {background:url("../images/bg-es-primary-sprite.png");}
.es_US #primaryMenu #primary_Search  {background:url("../images/bg-es-primary-sprite.png") -207px -56px;}
.es_US #primaryMenu #primary_CartCount {background:url("../images/bg-es-primary-sprite.png") -350px -112px;}

#primaryMenu {height:53px;margin:0 auto;}
#primaryMenu ul {background:url("../images/bg-primary-sprite.png") no-repeat;height:55px;position:relative;top:-2px;margin-bottom:-1px;width:974px;}
#primaryMenu ul li {float:left;margin:0 0 0 -6px;height:55px;position:relative;z-index:1}
#primaryMenu ul li.selected {z-index:2}
#primaryMenu ul li .primaryMenuItem  {display:block;float:left;line-height:55px;position:relative;left:5px;font-size:16px;color:#FF8D07;cursor:pointer;}
#primaryMenu ul li .primaryMenuItem  span {background:url("../images/bg-primary-sprite.png");height:55px;display:block;float:left;position:absolute;top:0;left:-5px;}
#primaryMenu ul li #primary_Shop  {width:72px;}
#primaryMenu ul li #primary_MyATT  {width:96px;}
#primaryMenu ul li #primary_Support  {width:98px;}
#primaryMenu ul li #primary_Shop span {background-position:-84px -112px;width:72px;}
#primaryMenu ul li #primary_MyATT span {background-position:-156px -112px;width:96px;}
#primaryMenu ul li #primary_Support span {background-position:-252px -112px;width:98px;}
#primaryMenu ul li.selected #primary_Shop span {background-position:-84px -224px;}
#primaryMenu ul li.selected #primary_MyATT span {background-position:-156px -224px;}
#primaryMenu ul li.selected #primary_Support span {background-position:-252px -224px;}
#primaryMenu #primary_Search  {background:url("../images/bg-primary-sprite.png") -207px -56px;float:right;height:55px;width:222px;}
#primaryMenu #primary_Search  input {height:auto;margin:22px 0px 0px 22px;float:left;padding:0px;width:140px;font-size:11px;color:#656565;line-height:12px;outline:0;}
#primaryMenu #primary_Search  button {display:inline;float:right;height:20px;width:20px;margin:18px 24px 0px 0px;cursor:pointer;padding-top:20px;overflow:hidden;}
#primaryMenu #primary_ATTLogo a {width:70px;background:transparent;}
#primaryMenu #primary_ATTLogo a:hover {text-decoration:none;}
#primaryMenu #primary_ATTLogo a:focus {text-decoration:none;}
#primaryMenu #primary_ATTLogo {
    float:left;
    height:55px;
    width:77px;
    margin-right:1px;
    background:url("../images/bg-primary-sprite.png");
    background-position:0px -112px;
    margin:0px;
}

#primaryMenu #primary_CartCount a {padding:19px 0 0 40px;display:block;color:white;font-size:12px;}
#primaryMenu #primary_CartCount:hover {background-position:-350px -168px;}
#primaryMenu #primary_CartCount:active {background-position:-350px -224px;}
#primaryMenu #primary_CartCount {
    display:block;
    float:right;
    height:55px;
    width:70px;
    background:url("../images/bg-primary-sprite.png");
    background-position:-350px -112px;
    margin:0px;
}

#tieredNav #primaryMenu ul ul {display:none;}
#tieredNav ul.secondaryMenu {width:972px;background:url("../images/bg-secondary.png") no-repeat 0px -2px;overflow:hidden;display:none;height:32px; z-index:-1; position:relative}
#tieredNav ul.selected {display:block;margin:2px 0px 0px 1px;}
#tieredNav ul.TrayDown {background-position: center bottom;}
/*
#tieredNav ul.secondaryMenu li {float:left;padding:8px 0px 0px 25px;}/* changed margin to padding */ /*
#tieredNav ul.secondaryMenu li.selected a {color:#DF7300;}
#tieredNav ul.secondaryMenu li a {color:#333;font-size:14px;display:block;height:24px;float:left;} /* font-size:13px to 14px per B2C-102927 */ /*
#tieredNav ul.secondaryMenu li a.selected {background:url("//0.ecom.attccc.com/images/global/bg-secondary-highlight.gif") no-repeat center bottom;color:#DF7300}
#tieredNav ul.secondaryMenu li a:hover {color:#DF7300;}
*/
#tieredNav ul.secondaryMenu li {float:left;}
#tieredNav ul.secondaryMenu li:first-child {padding-left:15px}
#tieredNav ul.secondaryMenu li.selected a {color:#DF7300;}
#tieredNav ul.secondaryMenu li a {color:#333; font-size:14px; padding:0 9px 0 9px; display:block; line-height:30px; height:32px; float:left;} /* font-size:13px to 14px per B2C-102927 */
#tieredNav ul.secondaryMenu li a.selected {background:url("../images/bg-secondary-highlight.gif") no-repeat center bottom;color:#DF7300}
#tieredNav ul.secondaryMenu li a:hover {color:#DF7300;}
#tieredNav ul.secondaryMenu li a:focus{color:#DF7300;} 

#trayContent {background:url("../images/bg-tray.png") no-repeat bottom;overflow:hidden;}
#trayContent .trayContentItem {overflow:auto;display:none;margin-left:4px;}

#trayContent .columnContent img {display:block;margin:auto;width:189px;height:200px;}
#trayContent .columnContent h3 {margin-bottom:16px;font-size:16px;color:#666}
#trayContent .columnContent h3 a {font-size:16px; color:#666;}
#trayContent .columnContent ul {list-style-type:none;}
#trayContent .columnContent li {} /*{line-height:15px;padding-bottom:7px;} removed per B2C-102927*/
#trayContent .columnContent a {color:#0094d7;font-size:12px;position:static;width:100%;display:block}
#trayContent .columnContent a:hover {text-decoration:underline;}

#trayContent .trayContentItem .firstColumn .columnContent {padding:10px;}
#trayContent .trayContentItem .firstColumn {float:left;width:210px;}
#trayContent .trayContentItem .secondColumn {float:left;width:190px; background:url("../images/bg-tray-column.png") no-repeat bottom left;}
#trayContent .trayContentItem .secondColumn.myAttCol {width:189px;background:url("../images/bg-ec-tray-bottomslice.png") no-repeat bottom left;margin-right:1px;float:right;}
#trayContent .trayContentItem .secondColumn.myAttCol .columnContent {zoom:1;background:url("../images/bg-ec-tray-topslice.png") no-repeat top left;}
#trayContent .trayContentItem .columnContent {padding:35px 20px 34px}

#trayContent .firstColumn .columnContent {padding:10px;}
#trayContent .firstColumn {float:left;width:249px;}
#trayContent .secondColumn {float:left;width:240px;}
#trayContent .columnContent {padding:35px 20px 34px}
#trayContent .trayNoBullet a{font-size:13px; display:block; line-height:15px; padding-bottom:8px;} /* added per B2C-102927 */

#segClearFloat {clear:both;}

#globalNavShadows {height:40px}

#globalNavShadows .globalNavHasShadow {
    border-radius: 3px;
    box-shadow: rgba(0,0,0,.4) 0px 0px 8px,  0 0 3px rgba(0, 0, 0, 0.4);
    -moz-border-radius: 3px;
    -moz-box-shadow: rgba(0,0,0,.4) 0px 0px 8px,  0 0 3px rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 3px;
    -webkit-box-shadow: rgba(0,0,0,.4) 0px 0px 8px,  0 0 3px rgba(0, 0, 0, 0.4);
    box-shadow: rgba(0,0,0,.4) 0px 0px 8px,  0 0 3px rgba(0, 0, 0, 0.4);
    filter: 
    progid:DXImageTransform.Microsoft.Alpha(opacity=30)
    progid:DXImageTransform.Microsoft.Blur(pixelRadius=6, enabled='true');
}

#globalNavShadows .segHasShadow {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6), 0 0 6px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6), 0 0 6px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6), 0 0 6px rgba(0, 0, 0, 0.8);
    filter: 
    progid:DXImageTransform.Microsoft.Alpha(opacity=30)
    progid:DXImageTransform.Microsoft.Blur(pixelRadius=6, enabled='true');
}

.gn_prefooter {
    border-bottom: 1px solid #E3E3E3;
    color: #CCCCCC;
    margin-bottom: 10px;
    margin-left: 0;
    margin-top: 0;
    padding-bottom: 10px;
    padding-left: 9px;
    padding-top: 0;
    text-align: left;
    width: auto;
}
.gn_prefooter a{ padding:5px;}
.gn_prefooter .secondRow, .gn_prefooter .thirdRow{ padding-top:6px;}
.consumer #wrapper .gn_prefooter a {color:#999}
/*styles for autosuggest*/
#tieredNav #primaryMenu #primary_Search .autoSuggest ul li {color:#656565}
    
    #tieredNav #primaryMenu #primary_Search .autoSuggest {
        width: 165px;
        z-index: 9999;
        background:white;
        padding: 5px 0 2px; 
        margin:0; 
        background:#fff; 
        border:1px solid #ccc;
        position: absolute;
        top:39px;
        left:17px;
    }

    #tieredNav #primaryMenu #primary_Search .autoSuggest ul {
        width: 165px;
        background:white;
        display:block;
        float: none;
        height: auto;
        position: none;
        z-index: 100;

        list-style:none;
        padding: 0; 
        margin:0; 
    }

    #tieredNav #primaryMenu #primary_Search .autoSuggest ul li {
        width: 155px;
        background:white;
        display:block;
        float: none;
        height: auto;
        position: none;
        z-index: 100;
        margin-left:3px;

        padding: 1px 2px 2px 2px;
        cursor: pointer; 
        font-size: 11px;
        font-family: Verdana, Geneva, sans-serif; 
        white-space:nowrap;
        line-height:1.5em;
    }

    #tieredNav #primaryMenu #primary_Search .autoSuggest ul li:hover { 
        background-color: #ebebeb;
    }
    #tieredNav #primaryMenu #primary_Search #autoSuggestBox li a {
        text-decoration:none;
        color:#656565
    }
    #tieredNav #primaryMenu #primary_Search #autoSuggestBox li a:link {
        text-decoration:none;
        color:#656565
    }
    #tieredNav #primaryMenu #primary_Search #autoSuggestBox li a:hover {
        text-decoration:none;
        color:#656565
    }
    #tieredNav #primaryMenu #primary_Search #autoSuggestBox a{
        display:block;
    }
    #tieredNav #primaryMenu #primary_Search #autoSuggestBox .ui-state-hover{
        background:#ebebeb;
    }
    
iframe.grelated-iframe {
    left:-99999px !important;
    display:none !important;
}

#underNav{
    text-align:right;
    font-size: 12px;
    height: 32px;
    line-height: 30px;
    margin: 0 auto;
    width: 970px;
}

@-moz-document url-prefix() {
#primary_Search button:focus{border: 1px solid #66b3ff;}
}
bottomLinks/**************************
FOOTER
**************************/

a img, :link img, :visited img { border: none }

.padding {
    padding:10px 10px 10px 16px;
}
#footer {
    font-family: Verdana, Helvetica, sans-serif;
    color:#666666;
    background-color: #ffffff;
    line-height: 1.5em;
    margin:0 auto;
    width: 985px;
    text-align: left;
     
}

#footer a:link {text-decoration:none;color: #0574ac;}
#footer a:active {outline:none;}
#footer a:visited{text-decoration:none;color: #0574ac;}
#footer a:hover{text-decoration:underline;color: #0574ac;}


.prefooter {
    margin-left:4px;
    background:url("../images/img_prefooter.gif") 0 4px no-repeat transparent;
    height:29px;
    width:977px;
    padding-top:7px;
    margin-bottom:0px;
    padding-bottom:0px;
}
.fauxcontainer {margin-left:8px;}
.constrained {width:630px;padding-left:150px;}
.constrained a, .bottomLinks a:visited, .bottomLinks a:hover {color:#999999;}

.bottomLinks{clear:both; margin-bottom:10px; color:#666666;}
.bottomLinks a, .bottomLinks a:visited, .bottomLinks a:hover{ color:#999999; padding:0 5px;}
#attonweb {
    background-image:url("../images/img_ATTonWeb_composite.gif");
    background-repeat:no-repeat;
    height:26px; 
    font-size:10px;
}

.attOnWeb {
    position:relative;
    margin-left:140px;
    width:124px;
    font-size:12px;
    font-family:Verdana, Geneva, sans-serif;
    font-weight:normal;
    color:#666;
    padding-top:5px;
}
 #attonweb a {
    font-size:12px; 
    text-decoration:none;
}
.attCom {
    width:130px;
    position:relative;
    margin-left:317px;
    margin-top:-19px;
    line-height:13px;
}

.attNet {
    width:200px;
    position:relative;
    margin-left:500px;
    margin-top:-26px;
    line-height:13px;
}
.copyright {
    clear:both;
    width:830px;
    line-height:1.3em;
    margin:0 3px;
    color:#656565;
    padding-top:10px;
}
.copyright a, .copyright a:visited, .copyright a:hover {color:#858585;}


.logoBlock {
    width:840px;
    margin-top:20px;
    margin-left:155px;
}
.logoBlock a {
    margin: 0 0 14px 36px;
    vertical-align:middle;
    cursor: pointer;
    cursor: hand;
}
.logoBlock a:first-child {
    margin: 0 0 0 0;
}
.logoBlock div.logo {
    background: url("../images/footerSprite.png");
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.logoBlock .logoLink {
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.ctia {
    width: 78px;
    height: 100px;
}
.ctia div.logo {
}
.bbb {
    width: 74px;
    height: 30px;
}
.bbb div.logo {
    background-position: -98px -20px;
}
.truste {
    width: 100px;
    height: 30px;
}
.truste div.logo {
    background-position: -192px -20px;
}
.yellowpages {
    width: 85px;
    height: 30px;
}
.yellowpages div.logo {
    background-position: -312px -20px;
}
.realpages {
    width: 145px;
    height: 30px;
}
.realpages div.logo {
    background-position: -417px -20px;
}
.olympics {
    width: 132px;
    height: 30px;
}
.olympics div.logo {
    background-position: -582px -20px;
}




#infoPages #ie button.btnLink{padding-left:7px !important;}
#ie .iebotMar0{margin-bottom:0px !important;}
#ie .iemarTop25{margin-top:25px !important;}
#ie .table tr.oddRow td{
   border:solid 1px #000 !important;
}
.copyFormLabel{padding-left: 23px; color:#333333; font-size:12px; width: 15%}

.inputClass{width: 100%}

.copyForm{padding-left:10px;width:100%;}

.formLabel{padding-left:10px;}

.section-title{clear:both;}

/*
.address{padding-left:10px;}

.contact{padding-left:9px;} 

.entity{padding-left:24px;}

.telephone{padding-left:21px;}

.email{padding-left:28px;}

.type{padding-left:25px;}

.port{padding-left:98px;}

.ipAddress{padding-left:47px;}

.artist{padding-left:52px;}

.tit{padding-left:58px;}

.noOfFile{padding-left:17px;}

.fileSize{padding-left:38px;}

.fileName{padding-left:20px;}

.type2{padding-left:12px;}

.fileType{padding-left:27px;}

.time{width:255px;padding-left:43px;}

.base{padding-left:52px;}

.hashType{padding-left:26px;}

.hashValue{padding-left:25px;}

.contentTime{padding-left:12px;width:255px;}
*/

.baseDrop{ background-color: none transparent;
    border: 1px solid #ccc;

    color: #666;
  
    border-radius: 3px;
    /* cursor: pointer; */
    width: 270px;
    height: 24px;
    font-size: 1.2em;}

.fileDrop{ background-color: none transparent;
   border: 1px solid #ccc;

    color: #666;
    /* margin: 8px 0; */
    border-radius: 3px;
    /* cursor: pointer; */
    width: 270px; 
    height: 24px;
  /* padding-left: 176px;*/
  
    font-size: 1.2em;}


.highlight,.highlight1{color:#F00;font-size:12px;padding-top:10px;padding-bottom:10px;}

.timehighlight{color:#F00;font-size:12px;padding-bottom:10px;}

.porthighlight{color:#F00;font-size:12px;padding-top:20px;}

.inputBorder{
background: url(images/input-left-err.gif) no-repeat scroll 0 1px transparent;    
    background: url(images/input-left.gif) no-repeat scroll 0 1px transparent;
    display: inline-block;
    height: 26px;
    margin-right: 2px;
}
 
/* 
 .modalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}
.modalDialog:target {
    opacity:1;
    pointer-events: auto;
}
.modalDialog > div {
    width: 400px;
    position: relative;
    margin: 10% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 10px;
    background: #fff;
    background: -moz-linear-gradient(#fff, #999);
    background: -webkit-linear-gradient(#fff, #999);
    background: -o-linear-gradient(#fff, #999);
}
.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
.close:hover {
    background: #00d9ff;
} 

*/
.required{
color:red;
font-size:15px;
}
.dropdown{
    border: 1px solid #ccc;
    width: 270px;
    height: 24px;

    background-color: none transparent;
    color: #666;
    /* margin: 8px 0; */
    border-radius: 3px;
    /* cursor: pointer; */
        font-size: 1.2em;
}

@-moz-document url-prefix(){
.dropdown{
    border: 1px solid #ccc;
    width: 227px;
    height: 24px;

    background-color: none transparent;
    color: #666;
    /* margin: 8px 0; */
    border-radius: 3px;
    /* cursor: pointer; */
        font-size: 1.2em;
}
.baseDrop{ background-color: none transparent;
    border: 1px solid #ccc;

    color: #666;
  
    border-radius: 3px;
    /* cursor: pointer; */
    width: 240px;
    height: 24px;
    font-size: 1.2em;}

.fileDrop{ background-color: none transparent;
   border: 1px solid #ccc;

    color: #666;
    /* margin: 8px 0; */
    border-radius: 3px;
    /* cursor: pointer; */
    width: 240px; 
    height: 24px;
  /* padding-left: 176px;*/
  
    font-size: 1.2em;}
}

.checkBOxLabel{
    font-size: 11px;
    color: black;
}

.checkBox{padding-left:30px;
 /*  padding-top:15px; */
}

.alert{
border: 1px solid red;
background-color: #F9EEEC;
}
#check{
padding-left:30px;
}
#captchaAlert{
padding-left:30px;
}
.dropDownText{
text-align: left;
}
.capt{
    background-image: url(/etc/designs/copyright/images/background.png);
    width: 185px;
    padding-left: 12px;
        padding-bottom: 10px;
}
.refresh{
      background: url(/etc/designs/copyright/images/Refresh.jpg) no-repeat; 
     cursor: pointer; 
     border: none; 
                }
.messageContainer{
       width: 400px;
    padding-bottom: 40px;
    font-size: 16px;
    padding-top: 28px;
    padding-left: 0px;
    /* padding-right: 0px; */
    text-align: center;
}


/* Modal */
#success {
  left: 57%;
  margin: -160px 0 0 -32%;
  opacity: 0;
  position: fixed;
  top:-50%;
 /* visibility: hidden;*/
  width: 715px;
  box-shadow: 0 3px 7px rgba(0,0,0,.25);
  box-sizing: border-box;
  overflow:auto;
  transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  z-index: 99999;
}

#success:target {
  opacity: 1;
  top: 50%;
  visibility: visible
}

.modal-content {
  background: #fff;
  position: relative;
  z-index: 20;
  border-radius: 5px;
  color: #000;
  height:330px;
}

#success .overlay {
  background-color: #000;
  background: rgba(0,0,0,.6);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}
#success .copy{
  padding: 10px;
  color: #000;
}
.pstyle
{
    color:#ef6f00;
    font-size:30pt;
    font-family:"Omnes_ATT-II-Medium";
    margin-left:14px;
    padding-left:170px;
}
.pstyle1
{
font-family:"Omnes_ATT-II-Medium";
    color:#666666;
    font-size:20pt;
    margin-left:92px;
    
}

a.hover:hover
{
    text-decoration: underline;
}
.hover
{
    text-decoration: underline;
    
}

#CancelM{
    font-size: 0;
    color: transparent; 
}

input.button:hover {
    text-decoration:underline;
}
.attlogo
{
float: right; 
padding-right: 33px;
 margin-top: -7px;

}
#CancelM{
margin-left: 39%;
}

#fail {
  left: 57%;
  margin: -160px 0 0 -32%;
  opacity: 0;
  position: fixed;
  top:-50%;
  visibility: hidden;
  width: 715px;
  box-shadow: 0 3px 7px rgba(0,0,0,.25);
  box-sizing: border-box;
  overflow:auto;
  transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  z-index: 99999;
}

#fail:target {
  opacity: 1;
  top: 50%;
  visibility: visible
}

.modal-content {
  background: #fff;
  position: relative;
  z-index: 20;
  border-radius: 5px;
  color: #000;
  height:330px;
}

#fail .overlay {
  background-color: #000;
  background: rgba(0,0,0,.6);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}
#fail .copy{
  padding: 10px;
  color: #000;
}
.pstyle
{
    color:#ef6f00;
    font-size:30pt;
    font-family:"Omnes_ATT-II-Medium";
    margin-left:14px;
    padding-left:170px;
}
.pstyle1
{
font-family:"Omnes_ATT-II-Medium";
    color:#666666;
    font-size:20pt;
    margin-left:92px;
    
}

a.hover:hover
{
    text-decoration: underline;
}
.hover
{
    text-decoration: underline;
    
}

#CancelM{
    font-size: 0;
    color: transparent; 
}

input.button:hover {
    text-decoration:underline;
}
.attlogo
{
float: right; 
padding-right: 33px;
 margin-top: -7px;

}
#CancelM{
margin-left: 39%;
}  

#_content_copyright_info_copyright-form-page_jcr_content_captchaForm_start .form_button_submit{
margin-top:30px;
margin-bottom: 20px !important;
background-color: #3381B7;   
border: 1px solid #3381B7; 
border-radius: 3px;   
color: #FFFFFF;    
cursor: pointer;   
font-family: calibri;   
font-size: 14px;    
height: 33px;    
text-align: left;
margin-left:30px;

}  

#_content_copyright_info_copyright-form-page_jcr_content_captchaForm_start .form_field_checkbox, form .form_field_radio{
margin-left:0px;
}

#_content_copyright_info_copyright-form-page_jcr_content_captchaForm_start .captcha{
margin-left:23px;
margin-top:10px;
}
#_content_copyright_info_copyright-form-page_jcr_content_captchaForm_start .form_captcha_refresh{
float:none !important;
}


#_content_copyright_info_copyright-form-page_jcr_content_captchaForm_start .form_error{

font-weight: normal!important;
margin-left: 23px;

} 
 
#_content_copyright_info_copyright-form-page_jcr_content_captchaForm_start .form_row{
line-height: 10px;
}

#_content_copyright_info_copyright-form-page_jcr_content_captchaForm_start .checkbox .form_row{
line-height: 20px;
padding-left: 23px;
}


#_content_copyright_info_copyright-form-page_jcr_content_captchaForm_start .form_rightcol .checker{

line-height: 20px;
padding-left: 23px;

}

/*
label[for=_content_copyright_info_copyright-form-page_jcr_content_captchaForm_start_Terms]{


line-height: 20px;
padding-left: 23px;

}*/
label[for=:cq:captcha]{


line-height: 20px;
padding-left: 23px;

}

#_content_copyright_info_copyright-form-page_jcr_content_captchaForm_start  .form .form_error{
display:none;
}
form .form_rightcol{
padding-right:10px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
form div.selector {
     overflow: visible; 
    }
}

form div.selector {
     overflow: visible; 
    }

/*
form .form_captcha_refresh div.button span{
    border: 1px solid grey;
    /* text-align: inherit; */
    padding-left: 10px;
    background-color: #BFEFFF;
    border-radius:4px;
}
*/
.ie .dropdown{
    border: 1px solid #ccc;
    width: 215px;
    height: 24px;

    background-color: none transparent;
    color: #666;
    /* margin: 8px 0; */
    border-radius: 3px;
    /* cursor: pointer; */
        font-size: 1.2em;
}

#copyrightForm_submit{
    margin-bottom:10px;
    border: 1px solid black;
    margin-left: 34px;
    border-radius:4px;
    background-color: #82CFFD;
} 
form .form_row{display:block;font-size:13px;line-height:24px;color:#666;clear:both;}
form .form_field_checkbox,form .form_field_radio{margin-left:20px;}
form .form_field_textarea{width:698px;}
form .form_row_description{font-size:11px;line-height:12px;clear:both;color:#666;}


form .formText{padding-left:1px; color:#333333; font-size:13px;width:99%;}


form .form_rightcol{clear:both;}
form .form_rightcolnobr{clear:none;float:right;margin-bottom:15px;}
form .form_rightcolnooverflow{overflow:hidden;}
form .title{padding-top:10px;}
form .form_leftcolmark{color:#f00;}
form .form_leftcollabel{float:left;font-weight:bold;}
form .form_leftcolmark{float:left;padding-left:2px;font-weight:bold;}
form .form_leftcolnobr{float:left;margin-bottom:15px;}
form .form_field_text{width:334px;margin-bottom:4px;}
form .form_field_text.form_field_multivalued{width:314px;}


form div.section{padding-bottom:10px;}
form div.colctrl.section{padding-bottom:0!important;}


.submitFormButton{
color:#333333;

    }

.form_error_custom{
font-weight:normal !important;
margin-top:10px;
font-size:12px;
color:#f00;


}

.timeFormat{
    color: green;
    margin-top: 18px;
}

form .form_button{
    margin-left: 10px;
}