/* Media specific wrapper to support ipad and iphone */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    .js-top-wrapper {
        height: 220px;
        width: 996px;
        position: absolute;
        background: #fff;
        z-index: -1;
    }

    .js-overlay {
        position: absolute;
        display:none;
        top: 0;
        left: 0;
        height: 100%;
        width: 996px;
        background-color: rgba(0,0,0,0.5);
        z-index: 1000;
    }        

    .js-blue-wrapper {
        margin: 0 auto; 
        width:996px; 
        height:96px;
        background:#f2f2f2 url('/content/dam/cgc/shared-content/afi-legacy-assets/bgs/title-bar-bg.jpg') no-repeat center top;
        background-size: cover;
        float:left;
      }

    .js-global-wrapper {
        margin: 0 auto  ; 
        width:996px; 
        background: #000;
    }
    
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    .js-top-wrapper {
        height: 220px;
        width: 1024px;
        position: absolute;
        background: #fff;
        z-index: -1;
    }

    .js-overlay {
        position: absolute;
        display:none;
        top: 0;
        left: 0;
        height: 100%;
        width: 1024px;
        background-color: rgba(0,0,0,0.5);
        z-index: 1000;
    }        

    .js-blue-wrapper {
        margin: 0 auto; 
        width:1024px;
        height:96px; 
        background:#f2f2f2 url('/content/dam/cgc/shared-content/afi-legacy-assets/bgs/title-bar-bg.jpg') no-repeat center top;
        background-size: cover;
        float:left;
      }
        
     .js-global-wrapper {
        margin: 0 auto; 
        width:1024px; 
        background: #000;
    }
}

@media only screen and (min-device-width: 1025px)  {

    .js-top-wrapper {
        height: 220px;
        width: 100%;
        position: absolute;
        background: #fff;
        z-index: -1;
    }
    
    .js-overlay {
        position: absolute;
        display:none;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0,0,0,0.5);
        z-index: 1000;
    }      
    
    .js-blue-wrapper {
        margin: 0 auto; 
        width:100%; 
        height:96px; 
        background:#f2f2f2 url('/content/dam/cgc/shared-content/afi-legacy-assets/bgs/title-bar-bg.jpg') no-repeat center top;
        background-size: cover;
        float:left;
      }
  
       .js-global-wrapper {
        margin: 0 auto  ; 
        width:100%; 
        background: #000;
    }

}
/* End of media specific wrappers */

.js-footnote {
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  color: #666666;
}



.js-wrapper {
  margin: 0 auto; /* This centers the grid. Remove this line to place the grid on the left of the page. */
  text-align: left;
  width: 996px;
  left: 0px;
}

.js-inner-wrapper {
    clear: both;
    display: inline;/* IE double margin fix. Feel free to move this to your IE specific stylesheets. */
    float: left;
    padding: 0 13px 0 13px;
    width: 970px;
}

.js-inner-wrapper-body {
    clear: both;
    display: inline;/* IE double margin fix. Feel free to move this to your IE specific stylesheets. */
    float: left;
    padding: 0 13px 30px 13px;
    width: 996px;
    background: #fff;
}



.js-inner-wrapper-footnotes {
    clear: both;
    display: inline;/* IE double margin fix. Feel free to move this to your IE specific stylesheets. */
    float: left;
    margin: 30px 0px 30px 0px;
    padding: 30px 13px 0 13px;
    width: 970px;
    border-top:solid;
    border-width:1px;
    border-color: #e5e5e5; 
    
}

.js-inner-wrapper-blue {
    line-height: 1.5;
    margin: 0 auto;
    display: block;/* IE double margin fix. Feel free to move this to your IE specific stylesheets. */
    vertical-align: middle;
    width: 970px;
}
   
.js-inner-wrapper-blue div {
    font-size: 24px;
}

.js-top-grey-container { border-top:solid; border-width:3px; border-color: #666; margin: 0 0 0px 0px; padding: 13px 0 30px 0; display:block; }

.js-top-grey-container-thin { border-top:solid; border-width:1px; border-color: #ccc; margin: 0 0 0px 0px; padding: 13px 0 30px 0; display:block; }

.js-top-black-container { border-top:solid; border-width:3px; border-color: #666; padding: 0px; margin: 0 0 0px 0px; padding: 13px 0 30px 0; }

.js-bottom-black-container { border-bottom:solid; border-width:4px; border-color: #000; padding: 0px 0px 15px 0px; margin: 0px 0px 0px 0px; }

.js-container-padding { padding-top: 30px; }

/*  End of Containers */


/* Colored backgrounds */

.js-grey-bg { background: #fafafa; }

.js-white-bg { background: #fff; }

.js-transparent-bg { background: transparent; }



/* #00A6E9 12px Avenir Next Demi*/

.js-box { width: 910px; }
.js-box h3 { color: #333; font-size: 20px; padding: 0px 0; text-align: center }
.js-box p { color: #333; padding: 5px 3px; }
.js-box a { color: #333; padding: 5px 3px;font-size:12px;  }


/* Global Footer Navigation */
.js-inner-wrapper-footer-nav {
    margin: 0px  auto; 
    display: block;/* IE double margin fix. Feel free to move this to your IE specific stylesheets. */
    width: 970px;
    background-color:#ffffff!important;
    background:#ffffff!important;
}

.js-grey-footer-container{
    display: block; 
    text-decoration: none; 
    padding: 30px 0px  0px  0px; 
    
}

.js-footer-link a{
  display: block; 
    font-size: 12px;
    text-decoration: none; 
    color: #fff;
    padding: 5px 0px  5px  0px; 
    font-family:"AvenirNextLTCom-Demi";
}

.js-footer-link a:hover{
    font-size: 12px;
    text-decoration: none; 
    color: #666;
    margin: 5px 0px  5px  0px; 
    font-family:"AvenirNextLTCom-Demi";
}

.js-footer-link-black a{
    display: block; 
    font-size: 12px;
    text-decoration: none; 
    color: #000;
    font-weight:bold;
    font-family:"AvenirNextLTCom-Demi";
}

.js-footer-link-black a:hover{
    display: block; 
    font-size: 12px;
    text-decoration: none; 
    color: #666;
    font-weight:bold;
    font-family:"AvenirNextLTCom-Demi";
}

/* Footer hedge */
    .js-footer-hedge{
        padding: 0px 0 0px 0;
        clear: both;
        color:#666666;
    }

    .js-footer-hedge p {
        font-size: 14px;
    }
    
    p.js-footer-hedge{
        padding: 0px 0 15px 0;
        clear: both;
        color:#666666;
    }       


.js-footer-title {
    display: block; 
    font-size: 14px;
    text-decoration: none; 
    color: #fff;
    padding: 5px 0px  5px  0px; 
    font-family:"AvenirNextLTCom-Demi";
}

.js-footer-quote {
    display: block; 
    font-size: 14px;
    text-decoration: none; 
    color: #fff;
    padding: 5px 0px  5px  0px; 
    line-height: 20px;
}   

.js-footer-quote-title {
    display: block; 
    font-size: 14px;
    text-decoration: none; 
    color: #fff;
    line-height: 20px;
}

.js-copyright-footer {
    display: block; 
    text-decoration: none; 
    padding: 30px 0px  30px  0px; 
    }

.js-social-footer {
    display: block; 
    text-decoration: none; 
    padding: 30px 0px  0px  0px; 
    }

.js-copyright-text {
    display: block; 
    font-size: 12px;
    text-decoration: none; 
    color: #fff;
    padding: 5px 0px  5px  0px; 
    }
    
 .js-copyright-footer h5{
    font-family: "AvenirNextLTCom-Demi",Arial;
    font-size: 1em;
    font-weight: 700;
 }   

 a.js-copyright-link { color: #009ADF; text-decoration: none; margin: 0px 0px 0px 0px; }
 a.js-copyright-link:hover { color:#99D7F2; }

/* END Global Footer Navigation */



.js-cg-button {
    background-color:#009ADF !important;
    border:0px solid ;
    display:inline-block;
    color:#ffffff;
    font-family:"AvenirNextLTCom-Demi",Arial;
    font-size:12px;
    padding:8px 15px 8px 15px;
    text-decoration:none;
}.js-cg-button:hover {
    background-color:#66C2EC;
}.js-cg-button:active {
    position:relative;
    top:1px;
}

.js-cg-button-cancel {
    background-color:#009ADF;
    border:0px solid ;
    display:inline-block;
    color:#ffffff;
    font-family:"AvenirNextLTCom-Demi",Arial;
    font-size:12px;
    padding:8px 20px 8px 20px;
    text-decoration:none;
}.js-cg-button-cancel:hover {
    background-color:#66C2EC;
}.js-cg-button-cancel:active {
    position:relative;
    top:1px;
}

.js-cg-button-disabled{
    background-color:#CCCCCC;
    border:0px solid ;
    display:inline-block;
    color:#ffffff;
    font-family:"AvenirNextLTCom-Demi",Arial;
    font-size:12px;
    padding:8px 20px 8px 20px;
    text-decoration:none;
}