/*** Newsletter Subscription SignUp Page ***/

/*** Layout/Typography ***/
body { background: url("../img/background.jpg") repeat scroll; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; color: #333; }
ul { list-style-type: none; padding: 0; overflow: hidden; }
li { font-size: 13px;  }
h1, h2, h3 { color: #004e76; }
h1 { font-size: 36px; text-align: center; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }

/** Navigation **/
#nav-primary { border-bottom: 1px solid #bebebe; background: #000; position: absolute; top: 0; left: 0; width: 100%; }
#nav-primary ul { margin: 0; padding: 10px 0 2px; text-align: center; }
#nav-primary li { display: inline; list-style-type: none; padding: 0 12px 0 0; }
#nav-primary li a span { background: url("../img/page-logos.png") no-repeat scroll 0 0 transparent; display: inline-block; height: 18px; }
#nav-primary li.fn a span { width: 96px; background-position: 0 0; border-right: 1px solid #fff; }
#nav-primary li.fb a span { width: 122px; background-position: -105px 0; }

/*** Main ***/
#newsletter-content { margin: 0 auto; padding: 40px 0 0; width: 972px; }

/*** Email Address ***/
.email-newsletter { background: #fff; width: 600px; margin: 36px auto 0; padding: 24px; -webkit-box-shadow: 2px 2px 10px rgba(221, 221, 221, 0.75); -moz-box-shadow: 2px 2px 10px rgba(221, 221, 221, 0.75); box-shadow: 2px 2px 10px rgba(221, 221, 221, 0.75); }
.email-newsletter input { padding: 12px; font-size: 24px; width: 100%; border: 1px solid #ddd; color: #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 1px 1px 5px 2px rgba(221, 221, 221, .50); box-shadow: inset 1px 1px 5px 2px rgba(221, 221, 221, .50); }
.email-newsletter input.error { color: #bb0000; border: 1px solid #bb0000; }
.email-newsletter input:focus { color: #000 !important; }

/*** Newsletters ***/
.error { -moz-box-shadow: 0px 0px 1px 1px red; box-shadow: 0px 0px 1px 1px red; }
.error { outline: red solid 1px; }
.newsletter .checkbox input { margin-top: 2px; vertical-align: top; width: 16px; height: 16px; -ms-transform: scale(1.5); }
.newsletter { margin: 0 0 50px; }
.newsletter h2 { margin: 20px 0; }
.newsletter li:nth-child(odd), .newsletter li:nth-child(even) { border-top: 1px solid #fff; border-bottom: 1px solid #ddd; float: left; margin-right: 24px; padding: 8px 0; width: 47%; }
.newsletter li:nth-child(even) { margin-right: 0px; float: right; }
.newsletter li:nth-child(odd) { clear: left; }
.newsletter li:first-child, .newsletter li:first-child + li { border-top: 0 none; }
.newsletter li span, .updates li span { margin-left: 5px; font-weight: bold; }
.newsletter li div.checkbox a { color: #004e76; font-weight: bold; text-decoration: none; float: right; }
.newsletter li div.checkbox p { font-size: 11px; color: #777; font-weight: 200; line-height: 1.5; margin: 0 0 0 27px; }

/*** Error/Success Messages ***/
.message { margin: 0 auto 0; padding: 12px 5px; width:100%; font-size: 16px; text-align: center; }
.checkboxMessage, .emailMessage { display: none; background: #fba3a3; border: 1px solid #8b0404; color: #710d0d; margin-bottom:50px; }
#success { display: none; width: 100%; margin-bottom:25px; }
.successMessage { background: #cee8bd; border: 1px solid #366610; color: #366610; }
.twitterMessageFN, .twitterMessageFB { background: none; border: none; color: black; text-align: center; margin-top: 25px; font-size: 13px; }
.twitterMessageFN a, .twitterMessageFB a{ color: #306E93; text-decoration: none; }
.twitterMessageFN a:hover { text-decoration: underline; }
.twitterMessageFB a:hover { color: #39c; }

/*** Subscribe ***/
.submit { text-align: center; }
button#submit-subscriptions { background: #bc1414; color: #fff; cursor: pointer; display: inline-block; width: 156px; height: 50px; margin: 0 auto 50px; padding: 0px 12px; border: 1px solid #8b0404; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 24px; text-align: center; -moz-transition: background .2s ease-in-out; -webkit-transition: background .2s ease-in-out; transition: background .2s ease-in-out; }
button#submit-subscriptions:hover { background: #df2121; }

/*** Footer ***/
#footer { position: relative; float: left; min-width: 982px; margin: 16px 0 0; padding: 16px 14px; border-top: 1px solid #ccc; }
#footer > div { width: 972px; margin: 0 auto; position: relative; font-size: 11px; }
#footer .branding { margin: 0 12px 0 0; float: left; }
#footer .branding a { line-height: 100px; }
#footer .branding + ul { margin: 0; overflow: hidden; list-style: none; }
#footer .branding + ul li { margin: 0 0 4px 4px; padding-left: 4px; border-left: 1px solid #999; float: left; font-weight: bold; font-size: 11px; line-height: 1.1; }
#footer .branding + ul li:first-child { margin: 0; padding: 0; border: 0 none; }
#footer .branding + ul.foxNewsFooter li a { color: #183a52; letter-spacing: normal; text-decoration: none; }
#footer .branding + ul.foxNewsFooter li a:hover { text-decoration: underline; }
#footer .branding + ul.foxBizFooter li a, #footer .foxBizCopyright a, #footer .foxBizSummary a  { color: #004e76; letter-spacing: normal; text-decoration: none; }
#footer .branding + ul.foxBizFooter li a:hover, #footer .foxBizCopyright a:hover, #footer .foxBizSummary a:hover  { color: #39c; }
#footer .social { width: auto; position: absolute; top: -10px; right: 3px; }
#footer .social li { margin: 0 0 0 3px; float: left; }
#footer .social li a { width: 12px; height: 12px; display: block; background: url("../img/bg-icon-media-3.png") no-repeat 0 0; color: #fff; text-indent: -9999px; }
#footer .social li .s-1 { background-position: -36px 0; }
#footer .social li .s-1:hover { background-position: 0 0; }
#footer .social li .s-2 { background-position: -36px -12px; }
#footer .social li .s-2:hover { background-position: 0 -12px; }
#footer .social li .s-3 { background-position: -36px -24px; }
#footer .social li .s-3:hover { background-position: 0 -24px; }
#footer .social li .s-4 { background-position: -36px -36px; }
#footer .social li .s-4:hover { background-position: 0 -36px; }
#footer .social li .s-5 { background-position: -36px -48px; }
#footer .social li .s-5:hover { background-position: 0 -48px; }
#footer .social li .s-6 { background-position: -36px -60px; }
#footer .social li .s-6:hover { background-position: 0 -60px; }

#footer .copy { display: inline-block; position: relative; bottom: 90px; }
#footer .foxNewsCopyright, #footer .summary, #footer .foxBizCopyright, #footer .foxBizSummary { color: #ccc; font-size: 11px; letter-spacing: normal; margin-left: 115px; }
#footer .foxNewsCopyright { position: relative; margin-left: 72px; }
#footer .foxNewsCopyright a, #footer .summary a { color: #183a52; text-decoration: none; }
#footer .foxNewsCopyright a:hover, #footer .summary a:hover { text-decoration: underline; }

fieldset { border: none; }
a img { border: none; }

/*IE hacks*/
html>/**/body .newsletter li, html>/**/body .newsletter li + li + li, html>/**/body .newsletter li + li + li + li + li, html>/**/body .newsletter li + li + li + li + li + li + li { border-top: 1px solid #fff; border-bottom: 1px solid #ddd; float: left; margin-right: 24px; padding: 8px 0; width: 47%; }

/*** TABLET ***/
@media only screen and (max-width: 1025px), only screen and (max-device-width: 1025px) {

    /*** Main ***/
    #newsletter-content { width: 752px; } 

    /*** Newsletters ***/
    .newsletter { float: none; margin: 0 22px 50px; }
    .newsletter h2 { text-align: center; }
    #newsletter-content .newsletter li { float: none; width: 100%; margin-right: 0; overflow: auto; }
    .newsletter li:first-child + li { border-top: 1px solid #fff; }

}

/*** MOBILE ***/
@media only screen and (max-width : 767px), only screen and (max-device-width : 767px) {

    /*** Main ***/
    #newsletter-content { width: 304px; }
    #newsletter-content h1 { margin-bottom: 20px; }

    /*** Email Address ***/
    .email-newsletter { width: 300px; padding: 20px; margin: 0 auto 15px; }
    .email-newsletter input { font-size: 18px; }
    .text_box { padding: 0; }

    /*** Newsletters ***/
    .newsletter li div.checkbox label { width: 230px; float: right; line-height: 1.5; }
    .newsletter li span, .updates li span { margin-left: 0; }

}