/**
 * @fileoverview The master site footer.
 */

.site-footer {
    background: rgb(246, 246, 246);
    padding: 20px 0 0;
}

#overlay .site-footer {
    background: none;
}

.footer {
    min-height: 44px;
    margin: 0 auto;
    position: relative;
    width: 840px;
}

.lt-ie9 .footer {
    background: rgb(239,239,239);
}

.site-footer-fixed-width {
    margin: 0 auto 0;
    width: 960px;
}

.utility {
    width: 840px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

.utility > .util-li {
    clear: none;
    display: inline-block;
    list-style: none;
    margin-right: 11px;
}

.utility > .util-li.first{
    margin-left:0;
}
.utility > .util-li.last {
    margin-right: 0;
}

.utility > .util-li > a {
    width: 95px;
    display: block;
    font: 400 12px arial, sans-serif;
    color: rgb(70,70,70);
    padding: 96px 0 0 0;
    text-align: center;
    transition: color .15s;
    position: relative;
}

.utility > .util-li .big-icon {
    position: absolute;
    height: 86px;
    top: 0;
    left: 6px;
    bottom: 0;
    right: 0;
    width: 84px;
    background: url(/static/images/components/utility-btns.png) no-repeat;
}

.utility > .util-li > a:hover {
    color: rgb(0,0,0);
}
.utility > .util-li .careers > .big-icon,
.utility > .util-li .advertise > .big-icon,
.utility > .util-li .my-account > .big-icon,
.utility > .util-li .subscribe > .big-icon {
    margin-left: 0;
    background-position: 8px -3px;
}
.utility > .util-li .careers:hover > .big-icon,
.utility > .util-li .advertise:hover > .big-icon,
.utility > .util-li .my-account:hover > .big-icon,
.utility > .util-li .subscribe:hover > .big-icon{
    background-position: 8px -115px;
}

.utility > .util-li .usatshop > .big-icon {
    background-position: -78px -3px;
}

.utility > .util-li .usatshop:hover > .big-icon {
    background-position: -78px -115px;
}

.utility > .util-li .apps > .big-icon {
    background-position: -157px -3px;
}

.utility > .util-li .apps:hover > .big-icon {
    background-position: -157px -115px;
}

.utility > .util-li .rss > .big-icon {
    background-position: -230px -3px;
}

.utility > .util-li .rss:hover > .big-icon {
    background-position: -230px -115px;
}

.utility > .util-li .youreport > .big-icon {
    background-position: -308px -3px;
}

.utility > .util-li .youreport:hover > .big-icon {
    background-position: -308px -115px;
}

.utility > .util-li .mobile > .big-icon {
    background-position: -383px -3px;
}

.utility > .util-li .mobile:hover > .big-icon {
    background-position: -383px -115px;
}

.utility > .util-li .contactus > .big-icon {
    background-position: -481px -3px;
}

.utility > .util-li .contactus:hover > .big-icon {
    background-position: -481px -115px;
}

.utility > .util-li .feedback > .big-icon {
    background-position: -570px -3px;
}

.utility > .util-li .feedback:hover > .big-icon {
    background-position: -570px -115px;
}

.utility > .util-li .feedback-generic > .big-icon {
    background-position: -357px -224px;
}

.utility > .util-li .feedback-generic:hover > .big-icon {
    background-position: -357px -336px;
}

.utility > .util-li .aboutus > .big-icon {
    margin-left: 0;
    background-position: 3px -225px;
}

.utility > .util-li .aboutus:hover > .big-icon{
    background-position: 3px -337px;
}

.utility > .util-li .help > .big-icon {
    margin-left: 0;
    background-position: -93px -224px;
}

.utility > .util-li .help:hover > .big-icon{
    background-position: -93px -336px;
}

.utility > .util-li .connectwithus > .big-icon {
    margin-left: 0;
    background-position: -180px -224px;
}

.utility > .util-li .connectwithus:hover > .big-icon{
    background-position: -180px -336px;
}

.utility > .util-li .newsletters > .big-icon {
    background-position: -481px -330px;
}

.utility > .util-li .newsletters:hover > .big-icon {
    background-position: -481px -219px;
}

.utility > .util-li .podcast > .big-icon {
    background-position: -892px -3px;
}

.utility > .util-li .podcast:hover > .big-icon {
    background-position: -892px -115px;
}

.utility > .util-li .xtras {
    width: 100px;
}

.utility > .util-li .xtras > .big-icon {
    left: 0px;
    top: 15px;
    width: 100px;
    background-position: -571px -350px;
}

.utility > .util-li .xtras:hover > .big-icon {
    width: 100px;
    background-position: -455px -350px;
}

.utility > .util-li .insider {
    width: 100px;
}

.utility > .util-li .insider > .big-icon {
    left: 0px;
    width: 100px;
    background-position: -800px -338px;
}

.utility > .util-li .insider:hover > .big-icon {
    width: 100px;
    background-position: -690px -338px;
}


@media only screen and (min-width: 1150px) {
    .site-footer-var-width {
        width: 1080px;
    }
}

@media only screen and (min-width: 1250px) {
    .site-footer-var-width {
        width: 1180px;
    }
}

.third-party .site-footer-var-width {
    width: 840px;
}

.footer > nav {
    clear: both;
    padding-bottom: 20px;
}

.footer .footer-edge {
    background: url(/static/images/footer-edge.png) repeat-x;
    height: 7px;
    position: absolute;
    top: -7px;
    width: 100%;
}

.site-footer-legal-links {
    color: rgb(153,153,153);
    float: left;
    font-size: 12px;
    margin: 50px 0 50px;
    padding: 0;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 rgb(256,256,256);
    line-height: 1.4;
    width: 100%;
}

.site-footer-legal-link {
    color: rgb(51,51,51);
    padding: 0 7px;
    transition: color .15s;
}

.site-footer-legal-link:hover {
    color: rgb(0,124,207);
}


.footer > p.copyright {
    color: rgb(153,153,153);
    float: left;
    font-size: 11px;
    margin: 0;
    padding: 22px 0 0 20px;
    position: relative;
    text-shadow: 0 1px 0 rgb(256,256,256);
    top: -7px;
    line-height: 1.4;
    width: auto;
}

.footer > p.copyright.copyright-with-nav {
    padding-left: 7px;
}

.footer > p.site-index {
    color: rgb(51,51,51);
    cursor: pointer;
    display: none;
    float: right;
    font-size: 12px;
    font-weight: 700;
    margin: 14px 20px 13px 0;
    padding-right: 30px;
    position: relative;
    text-shadow: 0 1px 0 rgb(256,256,256);
    line-height: 1.4;
    width: auto;
}

.footer > p.site-index:hover {
    color: rgb(0,124,207);
}

.footer > p.site-index .arrow {
    background: url(/static/images/footer.png) no-repeat;
    height: 24px;
    margin: 0 0 0 3px;
    position: absolute;
    right: 0;
    overflow: hidden;
    text-indent: 105%;
    white-space: nowrap;
    top: -3px;
    width: 24px;
}

.footer > p.site-index:hover > .arrow {
    background-position: 0 -25px;
}

.footer > p.site-index:active > .arrow {
    background-position: 0 -50px;
}

.footer > p.site-index.open > .arrow {
    background-position: 0 -75px;
}

.footer > p.site-index.open:hover > .arrow {
    background-position: 0 -100px;
}

.footer > p.site-index.open:active > .arrow {
    background-position: 0 -125px;
}

.footer > nav > .fronts {
    display: table;
    margin-top: 60px;
    overflow: hidden;
    padding: 30px 0 40px;
    width: 100%;
}

/*.site-footer-fixed-width > nav > .fronts {
    margin-top: 0;
}*/

.footer > nav > .fronts > section {
    display: table-cell;
    padding-bottom: 5px;
    width: 179px;
}

.footer > nav > .fronts > section:last-child {
    border-right: none;
}

.footer > nav > .fronts > section h6 {
    border-top: 2px solid rgb(0,155,255);
    font-family: 'Unify Sans', Arial, sans-serif;
    margin: -30px 0 20px 0;
    padding: 15px 20px 0 0;
}

.site-footer-disclaimer,
.site-footer-partner-logos {
    clear: both;
    display: table;
    position: relative;
    width: 100%;
}

.site-footer-disclaimer {
    font-weight: 800;
    font-size: 12px;
    text-align: center;
}

.site-footer-disclaimer-text {
    display: block;
}

.site-footer-partner-logo {
    display: table-cell;
    padding-top: 20px;
    text-align: center;
}

.site-footer-partner-logo-image {
    width: 85px;
}


.footer > nav section h6 {
    margin: 0 0 15px 20px;
}

.footer > nav section h6 a,
.footer > nav section h6 a:visited {
    color: rgb(46,46,46);
    font-size: 16px;
    font-weight: 700;
    transition: color .15s;
}

.footer > nav section h6 a:hover {
    color: rgb(0,124,207);
}

.site-footer-list {
    margin: 0 20px 0 0;
}

.site-footer-list-item {
    margin: 0 0 10px 0;
    line-height:1;
}

.footer > nav section li.footer-more-item {
    display: none;
}

.footer > nav section li.footer-more-item.footer-more-trigger {
    display: block;
}

.site-footer-list-link,
.site-footer-list-link:visited {
    color: rgb(70,70,70);
    font-size: 12px;
    transition: color .15s;
}

.site-footer-list-link:hover {
    color: rgb(0,124,207);
}

.footer > nav > section.services,
.footer > nav > section.partners {
    padding: 0 0 30px;
}

.site-footer-meta {
    clear: left;
    float: left;
    margin: 0 0 40px;
    width: 40%;
}

.site-footer-meta-text {
    color: rgb(153,153,153);
    clear: left;
    float: left;
    font-size: 11px;
    margin: 20px 0 0;
    width: 210px;
}

.site-footer-logo {
    float: left;
    margin: 0 60px 40px 0;
    position: relative;
    white-space: nowrap;
    width: 240px;
}

.site-footer-social-icon-list {
    clear: left;
    float: left;
    list-style: none;
    margin-left: -5px;
    overflow: hidden;
    width: 210px;
}

.site-footer-social-icon-item {
	float: left;
	clear:none;
	list-style: none;
    width: 40px;
}

.site-footer-social-icon-link {
    border-radius: 4px;
	display: inline-block;
    height: 20px;
	position: relative;
    padding: 5px;
    transition: background-color .15s;
}

.site-footer-social-icon-link:hover {
    background: rgb(255,255,255);
}

.site-footer-social-icon-link:after {
    background-image: url('/static/images/sprites/footer-sprite.png');
    content: '';
    display: block;
    position: relative;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx) {
    .site-footer-social-icon-link:after {
        background-image: url('/static/images/sprites/footer-sprite@2x.png');
        background-size: 323px 21px;
    }
}

.site-footer-social-icon-link-soc-fb:after {
	background-position: 0 0;
    height: 20px;
    width: 10px;
}
.site-footer-social-icon-link-soc-tw:after {
	background-position: -16px 0;
    height: 20px;
    width: 23px;
}
.site-footer-social-icon-link-soc-in:after {
    background-position: -45px 0;
    height: 20px;
    width: 20px;
}
.site-footer-social-icon-link-soc-gp:after {
	background-position: -71px 0;
    height: 20px;
    width: 19px;
}
.site-footer-social-icon-link-soc-tm:after {
	background-position: -95px 0;
    height: 20px;
    width: 14px;
}
.site-footer-social-icon-link-soc-yt:after {
	background-position: -112px 0;
    height: 14px;
    width: 20px;
    top: 3px;
}
.site-footer-social-icon-link-soc-pt:after {
	background-position: -135px 0;
    height: 20px;
    width: 20px;
}
.site-footer-social-icon-link-soc-li:after {
    background-position: -158px 0;
    height: 20px;
    width: 22px;
}
.site-footer-social-icon-link-soc-rss:after {
    background-position: -183px 0;
    height: 20px;
    width: 20px;
}
.site-footer-social-icon-link-soc-tin:after {
    background-position: -206px 0;
    height: 20px;
    width: 20px;
}
.site-footer-social-icon-link-soc-sdc:after {
    background-position: -229px 0 ;
    height: 20px;
    width: 22px;
}
.site-footer-social-icon-link-soc-pc:after {
    background-position: -254px 0;
    height: 20px;
    width: 22px;
}

.site-footer-social-icon-link-soc-fl:after {
    background-position: -280px 0;
    height: 20px;
    width: 22px;
}

.site-footer-social-icon-link-soc-sna:after {
    background-position: -303px 0;
    height: 20px;
    width: 20px;
}

.site-footer-section-services {
    float: left;
    width: 40%;
}

.footer > nav > section.services h3,
.footer > nav > section.partners h3,
.site-footer-link-list-heading {
    color: rgb(46,46,46);
    margin: 10px 20px 20px 0;
    font-size: 16px;
    font-family: 'Unify Sans', Arial, sans-serif;
}

.footer > nav > .fronts > section h6 {
    border-top: 2px solid #009bff;
    font-family: 'Unify Sans',Arial,sans-serif;
    margin: -30px 0 20px;
    padding: 15px 20px 0 0;
}

.footer > nav > .fronts > section.things-to-do h6 {
    border-color: rgb(116, 23, 132) !important;
}

.footer > nav > .fronts > section.business h6 {
    border-color: rgb(19, 127, 57) !important;
}

.footer > nav > .fronts > section.home h6 {
    border-color: rgb(22, 92, 154) !important;
}

.footer > nav > .fronts > section.sports h6 {
    border-color: rgb(158, 29, 10) !important;
}

.footer > nav > .fronts > section.travel h6 {
    border-color: rgb(0, 177, 188) !important;
}

.footer > nav > .fronts > section.politics h6 {
    border-color: rgb(247, 96, 31) !important;
}

.footer > nav > .fronts > section.opinion h6 {
    border-color: rgb(102,102,102) !important;
}

.footer > nav > .fronts > section.weather h6 {
    border-color: rgb(255,192,0) !important;
}

.site-footer-link-list-heading {
    margin-top: 0;
}

.footer > nav > section.services ul,
.footer > nav > section.partners ul {
    float: left;
    width: 42%;
    margin: 0 10px 0 0;
}

.footer > nav > section.partners ul {
    width: 90%;
}

.footer > nav > section.services ul:last-child {
    margin: 0;
}

.lt-ie9 .footer > nav > section.services ul {
    width: 42%;
}

.site-footer-section-partners {
    float: left;
    width: 20%;
}

.site-footer-link-lists {
    display: table;
    margin: 0 0 20px;
    width: 60%;
}

.site-footer-link-list-section {
    display: table-cell;
    width: 175px;
}

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

    .site-footer-meta-var-width.site-footer-meta {
        width: 50%;
    }

    .site-footer-meta-text-var-width.site-footer-meta-text,
    .site-footer-social-icon-list-var-width.site-footer-social-icon-list {
        clear: none;
    }

    .site-footer-section-services-var-width.site-footer-section-services {
        width: 33.3%;
    }

    .site-footer-section-partners-var-width.site-footer-section-partners {
        width: 16.6%;
    }

    .site-footer-link-lists-var-width.site-footer-link-lists {
        width: 50%;
    }

}

/**
 * Overrides for third party cobrand tool
*/
.third-party .footer > nav {
    display: block;
}

.third-party .footer .site-index {
    display: none;
}


/******************************************************************
 * Digital Renovation Styles
 *****************************************************************/

.site-footer-dr-styling {
    background: rgb(255,255,255);
}