/**
 * Global styles for details.com screen.
 *
 * Do not place CSS includes in this file!
*/


/**
 * @section Basic element styles
 *
 * @author  Vincent Lim Show Chen
 * @date    13 July 2009
 */

body {
    font: 100%/1.15em georgia, "times new roman", times, serif;
    color: #000;
    position: relative;
    background-color: #fff;
}


/* Link Rules */

a:link {
    color:#ee2e24;
    text-decoration:none;
}

.features a:link {
    color:#000;
}
.horizontaltextoverlay a:link {
    color:#fff;
}

a:visited {
    color:#666;
    text-decoration:none;
}

.features a:visited {
    text-decoration:none;
}

a:hover {
    color: #ee2e24;
    text-decoration: underline;
}
.features a:hover {
    text-decoration:underline;
}


a:active {
}

a:focus {
    outline-width: 0;
}


/* Simple CSS Reset */

.alt {
    position: absolute;
    left: -9999px;
}

hr {
    display: none;
}

div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,.clearall,.clearb,form,img,body,label,fieldset,table,tr,td {
    margin: 0;
    padding: 0;
    border: 0;
    text-decoration: none;
}

.clearb {
    clear: both;
    font-size: .1em;
    line-height: .1em;
}

.smallcaps {
    font-size: .8em;
    text-transform: uppercase;
}

.nowrap {
    white-space: nowrap;
}


/**
 * @section Main typography settings
*/

p,
ol,
ul,
dl {
    margin: 0 0 .8em 0;
}

h1 {
    color: #000;
    font-family: georgia, "times new roman", "times", serif;
    font-size: 1.714em;
    line-height: 1.1em;
    font-weight:normal;
    text-transform:uppercase;
}

h2 {
    color: #000;
    font-family: arial, verdana, sans-serif;
    font-size: 0.857em;
    font-weight: bold;
    text-transform:uppercase;
}
.section-footer h2 { text-transform:none; }

h3 {
    color: #000;
    font-family: georgia, "times new roman", times, serif;
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 0;
}

h4 {
    color: #000;
    font-family: helvetica, arial, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 0;
}

h5 {
    color: #000;
    font-family: georgia, "times new roman", times, serif;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 0;
}

#index_headers { clear:both; position:relative;left:20px; }

#main #index_headers { left:0; }

#index_headers h2 {
    font-size:1.714em;
    font-family: georgia, "times new roman", times, serif;
    text-transform:uppercase;
    margin-bottom:20px;
    font-weight:normal;
}

/* hides or flags for javascript replacement into input box */

label.replace,
label.hide {
    position: absolute;
    left: -9999px;
}


/**
 * @section Primary layout divisions
 */

#wrapper {
    background-color: #fff;
    font-size: .875em;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 980px;
}

#page {
    clear: both;
    float:left;
    width:978px;
    position: relative;
    border:1px solid #dedede;
    border-top:0;
}

    #page:after {
        content:".";
        clear: both;
        display: block;
        visibility: hidden;
        height: 0;
        width:978px
    }

#content {
    width: 640px;
    float: left;
    position: relative;
    margin-right:-1px;
    margin-top:24px;
}

body.home #content {
    margin-top:18px;
}

#urail {
    clear: both;
    margin: 0;
    position: relative;
    width: 620px;
    left:19px;
    float:left;
}

#urail .features { margin-bottom:20px; }
#urail #position1_urail .features { margin-bottom:0; }

#main #urail {
    left:0;
}

#urail #position1_urail,
.error #position1,
.thankyou #position1 {
    margin-bottom:3px;
}

#urail #position1_urail .feature,
.thankyou #position1 .feature {
    display:none;
}

#urail #position1_urail h2,
.error #position1 h2,
.thankyou #position1 h2 {
    font:normal 1.142em/1 georgia,"times new roman",serif;
    text-transform:uppercase;
}

#urail .footer {
    margin-left:0;
}


#yrail {
    width: 300px;
    float: right;
    right: 19px;
    margin-top: 24px;
    padding-bottom: 20px;
    position: relative;
}
.s_video #yrail {
    position:absolute;
    top:24px;
    margin-top:0;
}

/* this is too general to be here, it messes up feature in the yrail -
I added #yrail_ads into it, but if it is for something else,
please change to whatever specificity you need */

#yrail #yrail_ads a img { display:block;margin-bottom:15px; }

#yrail .features {
    /* adding clear, don't know why it wasn't ever there, though I'm sure I had a reason at some point, but I don't think it will break anything - EBS 06.25.09 */
    clear: both;
    margin: 0 0 20px 0;
    width: 300px;
}

#ps1_fs1_yrail,
#ps1_fs2_yrail,
#ps1_fs3_yrail {
    clear: both;
}

/* GENERIC YRAIL PROMO */

#global_rightRail_A { margin-bottom:20px; }
#global_rightRail_B { margin-bottom:20px } /* changed in IE.css */

/*.yrcomponent .yrpromo /*, .yrcomponent #global_embeddedForm*/
.yrail_ad_wrap {
    clear: both;
    margin-bottom: 20px;
}

/*  Yrail Search Box */

.yrail-search { margin-bottom:20px;}

.yrail-search h3 {
    text-indent:-9999px;
    overflow:hidden;
    height:10px;
    width:73px;
    background:url(i/shell/shell-sprite.gif) -887px -394px no-repeat;
}

#search_form_rail {
    padding:5px 0 0 0;
    width:300px;
}

    #search_form_rail input {
        width:250px;
        font-size:0.714em;
        vertical-align:middle;
        height: 14px;
    }

    #search_form_rail button {
        text-indent:-9999px;
        font-size:1px;
        line-height:0.1em;
        background:url(i/shell/shell-sprite.gif) top center no-repeat;
        width:34px;
        height:22px;
        border-width:0;
        vertical-align:middle;
        cursor:pointer;
    }
    #search_form_rail button:hover {
        background:url(i/shell/shell-sprite.gif) center -22px no-repeat;
    }
    #search_form_rail button:active {
        background:url(i/shell/shell-sprite.gif) -497px 0 no-repeat;
    }





/* POSITIONS */

#position1_yrail,
#position2_yrail,
#position3_yrail,
#position4_yrail {
    clear: both;
    float: left;
}

.yrcomponent {
    clear: both;
    float: left;
    width: 300px;
}


/* spans top */
#position1 {
    clear: both;
    float: left;
    margin: 0;
    width: 100%;
}

/* wide right */
#position2 {
    clear: right;
    float: left;
    margin: 0;
    width:380px;
}

/* narrow left */
#position3 {
    float: right;
    margin: 0;
    width:220px;
}

/* equal left */
#position4 {
    clear: both;
    float: left;
    margin: 0;
    width: 300px;
}

/* equal right */
#position5 {
    float: left;
    margin: 0 0 0 20px;
    width: 300px;
    display:inline;
}

/* spans bottom */
#position6 {
    clear: both;
    float: left;
    margin: 0;
    width:100%;
}


/**
 * @section Content Positions
 */


/**
 * @section U-Rail Positions
 */

#position1_urail {
    clear: both;
    float: none;
    margin: 0;
    width:100%;
}

#position2_urail {
    float: left;
    margin: 0;
    width: 300px;
}

#position3_urail {
    clear: right;
    float: left;
    margin: 0;
    width: 300px;
    position:relative;
    left:20px;
}


/**
 * @section Ads
 */

#topBannerAd {
    width: 980px;

    text-align: center;
    margin:0 auto
}

    #topBannerAd table {
        margin: 0px auto;
        width: 100%;
        align: center;
    }

    #topBannerAd div {
        margin: 0px auto;
    }

#pushdownAd {
    width: 970px;
    margin: 5px 0px 0px 5px;
}


#bottomBannerAd, #debugInfoDivTable {
    background-color:#fff;
}

#mboxImported-GLM_global_footer-0 {
    padding: 0 0 20px 14px;
}

.outerailTextAd {
    font: 10px/1.2em Arial, sans-serif;
    padding-top:4px
}

    .outerailTextAd a {
        color:#999;
    }

#magads img {
    display: block;
}


/**
 * @section Image Replacement
 */

.imgreplacement {
    text-indent: -9999px;
    line-height: 1em;
    font-size: 10px;
}


/* Common Page Elements */
#header {
    position: relative;
    width:978px;
    float:left;
    background:url(i/shell/shell-sprite.gif) center -57px no-repeat;
    border:1px solid #dedede;
    margin-top:10px;
    border-bottom:0;

}

#logo h2, #logo h5 {
    text-indent: -9999px;
}

#logo {
    width: 238px;
    height: 57px;
    position: relative;
    background:url(i/shell/shell-sprite.gif) top left no-repeat;
    left:23px;
    top:26px;
}

#logo a {
        background: none;
        display: block;
        text-indent: -9999px;
        text-decoration: none;
        overflow: hidden;
        height: 57px;
}


#header-subs {
    width: 304px;
    height: 112px;
    position: absolute;
    right:19px;
    top:10px;
    background:url(i/shell/shell-sprite.gif) bottom left no-repeat;
    clear:both;
}



#header-subs #subs-link { display:none; }

#header-subs ul {
    float:left;
    margin:0;
}

#header-subs ul li {
    float:left;
    height:24px;
    list-style:none;
}

#header-subs ul li a { text-indent:-9999px;display:block;height:24px; }

#header-subs li#snav3 { width:48px; margin-left:1px; }
#header-subs li#snav1 { width:68px; margin-left:1px; }
#header-subs li#snav2 { width:33px; margin-left:1px; }
#header-subs li#snav4 { width:68px; margin-left:1px; }

#header-subs a {
    display: block;
    zoom: 1;
}


#subs-teaser a {
    width: 222px;
    height: 86px;
    left: 0;
    top: 25px;
    position: absolute;
    overflow:hidden
}

#header-subs #subs-cover a {
    position: absolute;
    top:0;
    right:0;
    display: block;
    background: url(http://subscribe.condenet.com/images_covers/cover_details_80.jpg) 0 0 no-repeat;
    height: 109px;
    width: 80px;
    text-indent:-9999px;
    border:1px solid #889ea6;
}

#header-subs.secure #subs-cover a {
    background: url(https://subscribe.condenet.com/images_covers/cover_details_80.jpg) 0 0 no-repeat;
}

#bottomsubs {
    clear: both;
    position: relative;
}

/* Taken from the styles used in user.css */

    #bottomsubs .subsinclude {
        background:#f0f0f0 none repeat scroll 0%;
        font-family:georgia,"times new roman",serif;
        padding:10px;
        width:571px;
        position:relative;
        height: 151px;
        overflow: hidden;
    }

    #bottomsubs .subsinclude h3 {
        color:#000000;
        font-family:helvetica,arial,sans-serif;
        font-size:1.4em;
        font-weight:bold;
        margin:0pt;
        margin-bottom:0.6em;
        text-transform:lowercase;
    }

    #bottomsubs .subsinclude .promo {
        float:left;
        padding:15px 0pt 15px 15px;
        width:320px;
    }

    #bottomsubs .subsinclude a img {
        float:left;
        width:100px;
    }

    #bottomsubs .subsinclude .rightimg {
        float:right;
        margin-top:17px;
    }


#main {
    clear: both;
    width:620px;
    position:relative;
    left:19px;
    margin-bottom:20px;
}

.s_video #main {
    width:800px;
}

#main h5.rubric,
#yrail h5.rubric,
#urail h5.rubric {
    font-family: arial, sans-serif;
    font-weight: normal;
    text-transform: lowercase;
    color:#000;
    font-size:1.071em;
    margin-bottom:4px;
}

#main h5.rubric a,.rubric a:hover,.rubric a:visited,
#yrail h5.rubric a,
#urail h5.rubric a {
    color:#ee2e24;
    text-decoration:none;
}
#main h5.rubric a:hover,
#yrail h5.rubric a:hover,
#urail h5.rubric a:hover {
    text-decoration:underline;
}

#urail .rubric {
    display:none;
}


/**
 * @section Global navigation
*/

#global-nav {
    position:relative;
    margin-top:48px;
    font-family: arial,verdana, sans-serif;
    padding:0 9px;
    float:left;
    z-index:1;
    width:960px;
}

#global-nav-menu {
    background-image: url(i/shell/nav-main.gif);
    margin: 0;
    float:left;
    width:100%;
    background-color:#000;
    font-size:1px;
    line-height:0.1em;
    height:46px;
}

#global-nav-menu li {
    float:left;
    list-style: none;
    height:46px;
}

#global-nav-menu li a {
    background-image: url(i/shell/nav-main.gif);
    cursor: pointer;
    display: block;
    height: 46px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    text-indent: -9999px;
    z-index: 6000;
    color:#fff;
}

#global-nav-menu li#nav-subscribe, #global-nav-menu li#nav-subscribe a { width: 132px;height:27px; }
#nav-subscribe a:hover { background-position:0 -46px; }
#nav-subscribe a:active { background-position:0 -92px; }
#nav-home { display:none; }
#nav-culture-trends { width:137px;margin-left:21px; }
#nav-culture-trends a { background-position: -153px 0; }
#nav-culture-trends a:hover,
.s_culture-trends #nav-culture-trends a { background-position: -153px -46px; }
#nav-culture-trends a:active { background-position: -153px -92px; }
#nav-style-advice { width:116px; }
#nav-style-advice a { background-position: -290px 0; }
#nav-style-advice a:hover,
.s_style-advice #nav-style-advice a { background-position: -290px -46px; }
#nav-style-advice a:active { background-position: -290px -92px; }
#nav-celebrities-entertainment { width:183px; }
#nav-celebrities-entertainment a { background-position: -406px 0; }
#nav-celebrities-entertainment a:hover,
.s_celebrities-entertainment #nav-celebrities-entertainment a { background-position: -406px -46px; }
#nav-celebrities-entertainment a:active { background-position: -406px -92px; }
#nav-sex-relationships { width:181px; }
#nav-sex-relationships a { background-position: -589px 0; }
#nav-sex-relationships a:hover,
.s_sex-relationships #nav-sex-relationships a { background-position: -589px -46px; }
#nav-sex-relationships a:active { background-position: -589px -92px; }
#nav-video { width:94px; }
#nav-video a { background-position: -770px 0; }
#nav-video a:hover,
.s_video #nav-video a { background-position: -770px -46px; }
#nav-video a:active { background-position: -770px -92px; }
#nav-magazine { width:96px; }
#nav-magazine a { background-position: -864px 0; }
#nav-magazine a:hover,
.s_magazine #nav-magazine a { background-position: -864px -46px; }
#nav-magazine a:active { background-position: -864px -92px; }


/**
 * @section Global navigation subitems
*/

#global-sub-menu {
    background-color:#666;
    font-family: verdana, arial, sans-serif;
    font-size: .786em;
    font-weight:bold;
    line-height:1.0em;
    list-style: none;
    height:29px;
    line-height:29px;
    margin: 0;
    position: relative;
    float:left;
    width:960px;
}

    #global-sub-menu li {
        display:inline;
        padding-left:15px;
        margin-right:10px;
        background:url(i/shell/bg-subnav.gif) left center no-repeat;
    }

    #global-sub-menu li.first {
        padding-left:15px;
        background:none;
    }

    #global-sub-menu li.last {
        border-right-width:0
    }

        #global-sub-menu li a {
            color: #fff;
        }
        #global-sub-menu li a:hover {
            color: #000;
        }




/* LOGIN BAR */

#loginbx {
    left:25px;
    top: 30px;
    text-indent:1px;
    width: 380px;
    color:#9fa4a6;
    font-family:arial,verdana,sans-serif;
    position:relative;
    font-size:0.786em;
}

#opts {
    margin-left: 5px;
}
    #opts span {
    color:#e3e3e3;
    padding:0 8px
}

#login a {
    color: #80a9bd;
}
#login a:visited { text-decoration:none; }


/**
 * @section Breadcrumbs
*/

#bc {
    clear: both;
    font-family: arial, sans-serif;
    font-size: .643em;
    list-style: none;
    text-transform:uppercase;
    position:relative;
    left:19px;
    margin-bottom:7px;
    line-height:1;
}

    #bc li {
        display: inline;
        padding:0 5px 0 9px;
        background:url(i/shell/shell-sprite.gif) -959px -240px no-repeat;
    }

    #bc li.first {
        padding-left: 0;
        border-left:none;
        background:none;
    }
    #bc a {
        color:#ee2e24;
    }

/**
 * @section Utility icons
*/
body.ss_blogs ul.utilities {display:none;}

ul.utilities {
    float: right;
    margin: 0 0 12px 0;
    line-height:1;
    clear:right;
    border:1px solid #dedede;
    padding:5px;
    position:relative;
    right:1px;
}

    ul.utilities-bottom { margin-bottom:42px; clear:both; right:0; }

    ul.utilities li {
        float: left;
        list-style: none;
        margin-right:5px;
    }
    ul.utilities li.utility-twitter {
        margin-right:2px;
    }

        ul.utilities li a {
            background-image: url(i/shell/shell-sprite.gif);
            background-repeat:no-repeat;
            display: block;
            height: 12px;
            overflow: hidden;
            text-indent: -9999px;
        }

            ul.utilities li.utility-print a {
                background-position: 0 -240px;
                width: 40px;
            }

                ul.utilities li.utility-print a:hover {
                    background-position: 0 -252px;
                }

            ul.utilities li.utility-email a {
                background-position: -45px -240px;
                width: 41px;
            }

                ul.utilities li.utility-email a:hover {
                    background-position: -45px -252px;
                }

            ul.utilities li.utility-feeds a {
                background-position: -91px -240px;
                width: 31px;
            }

                ul.utilities li.utility-feeds a:hover {
                    background-position: -91px -252px;
                }

            ul.utilities li.utility-share a {
                background-position: -128px -240px;
                width: 42px;
            }

                ul.utilities li.utility-share a:hover {
                    background-position: -128px -252px;
                }

            ul.utilities li.utility-facebook a {
                background-position: -175px -240px;
                width: 59px;
            }

                ul.utilities li.utility-facebook a:hover {
                    background-position: -175px -252px;
                }

          ul.utilities li.utility-twitter a {
                background-position: -242px -240px;
                width: 48px;
            }

                ul.utilities li.utility-twitter a:hover {
                    background-position: -242px -252px;
                }

/**
 * @section Pagination
*/

.pagination {
    clear: both;
    float: right;
    font-size:0.857em;
    font-family:Arial,Verdana,sans-serif;
    margin-bottom: 40px;
    font-weight:bold;
    text-transform:uppercase;
    padding-right:1px;
    position:relative;
}

    .pagination span {
        display: block;
        float: left;
    }

        .pagination .pageField a {
            font-weight: bold;
            padding-left: 3px;
            text-transform:none;
            color:#000;
        }

        .pagination input {
            border: 1px solid #dcdcdc;
            margin: 0 3px;
            text-align: center;
            width: 1.5em;
            font-family:Arial,Verdana,sans-serif;
            text-transform:none;
            font-weight:bold;
        }

    .pagination .paginationFirst,
    .pagination .paginationLast {
        display: none;
    }

    .pagination .paginatorWord {
        text-transform:uppercase;
        font-family:georgia,"times new roman",serif;
        color:#666;

    }

    .pagination span.paginationPrevious a,
    .pagination span.paginationNext a {
        height: 20px;
        margin: 0 8px;
        background-image:url(i/article/bg-pagination.gif);
        background-repeat:no-repeat;
        line-height:15px;
        display:block;
        position:relative;
        color:#000;
    }

    .pagination span.paginationPrevious a:visited,
    .pagination span.paginationNext a:visited {
        text-decoration:none;
    }

    .pagination span.paginationPrevious { width:103px; }
    .pagination span.paginationNext { width:58px; }
    .pagination span.paginationPrevious a {
        padding-right:86px;
        background-position:14px -20px;
    }
    .pagination span.paginationNext a {
        padding-left:45px;
        background-position:top left;
    }
    .pagination span.paginationNext {
        margin-right: 0;
    }
    .pagination span.paginationPrevious a:hover,
    .pagination span.paginationNext a:hover {
        text-decoration:none;
        color:#ee2e24;
    }
    .pagination span.paginationPrevious a:hover {
        background-position:14px -60px;
    }
    .pagination span.paginationNext a:hover {
        background-position:0 -40px;
    }

    .article h5.paginationTeaser {
        font:normal 0.857em arial,verdana,sans-serif;
        text-transform:uppercase;
        text-align:right;
        margin-bottom:3px;
    }

/**
 * @section Keywords
*/

#main div.keywords {
    clear: both;
    font-family: arial, sans-serif;
    width: 330px;
    font-weight:bold;
    line-height:10px;
    margin-bottom:42px;
}

    #main .item div.keywords {
        margin-left: 0;
    }

    #main div.keywords dt{
        font-weight:bold;
        color:#666;
        font-size:0.786em;
        margin-bottom:2px;
        text-transform:capitalize;
    }
    #main div.keywords dd {
        display: inline;
        font-size:0.714em;
        text-transform:uppercase;
        line-height:13px;
    }
    #main div.keywords dd a {
        color:#ee2e24;
    }
    #main div.keywords dd a:visited {
        text-decoration:none;
    }
    #main div.keywords dd a:hover {
        text-decoration:underline;
    }

/**
 * @section Contributors
*/
div.contributor-type { display:inline; }

div.contributors {
    font-size:0.714em;
    line-height:1.1;
    font-weight:bold;
    text-transform:uppercase;
    font-family:arial,verdana,sans-serif;
}

span.contributor a:link { color:#ee2e24; }

div.display-date {
    color:#666;
    font-family:Arial,Verdana,sans-serif;
    font-size:0.714em;
    text-transform:uppercase;
    margin-top:13px;
    line-height:1;
}

.keywords {
    margin-left:60px;
}



/* GLOBAL SEARCH */

#global-search{clear:both;background-color:#d8d8cb;height:29px;position:relative;top:15px;width:359px}
#global-search input{position:absolute;top:0px;left:0px}
#global-search input#global-search-input{width:267px;border:1px solid #bcbdbf;top:5px;left:5px}
#global-search input#global-search-submit{top:5px;left:279px}


/* Hide IFRAMES in DART */

.hiddenDAU {
    width: 0;
    height: 0;
}

#yrail #dartTarget_sz160x600 {
    height: auto !important;
}


/* Footer */

#footer{padding-top:31px;clear:both; width:960px; font:10px/1.5em arial,verdana,sans-serif;margin:0 auto;color:#626262;}
#footer a{color:#000}
#footer a:visited { text-decoration:none; }
#footer a:hover{text-decoration:underline;color:#626262}
#ft_1{font-size:10px;padding-top:5px;padding-bottom:5px; background-color:#000;clear:both;vertical-align:middle;text-transform:uppercase; width:960px;margin:0;line-height:1;}
#ft_1 a:link,#ft_1 a:visited{color:#fff}
#ft_1 a:hover{color:#e2e2e2;text-decoration:none}
#ft_1 li{display:inline; padding:0 15px 0 0;}
#ft_1 li.first{ padding-left:10px; }
#ft_1 li.footer-feeds a{padding-left:14px;background:url(i/shell/shell-sprite.gif) -476px -392px no-repeat}
* html #ft_1 li.footer-feeds a{ background-position:-475px -393px; }


#position1_footerNavigation .feature { float:none; padding:0; margin:0; }
#global-footer { text-align:left;width:960px;margin:0 auto;text-transform:none; padding-top:1px }
.global-footer-nav ul { list-style:none;padding:0;margin:20px 0; font:normal 9px Arial,Verdana,sans-serif; text-transform:uppercase; }
.global-footer-nav li { display:inline;margin-right:5px;padding-right:10px; }
.global-footer-nav li.last { background:none;background:none;padding-right:0; }
.global-footer-nav li a { text-decoration:none;color:#626262; }
.global-footer-nav li a:hover { text-decoration:underline; }
.global-footer-columns-container { border:1px solid #e0e0e0; background-color:#fff;width:938px; float:left;margin-bottom:20px;padding-left:20px;}
.global-footer-logo { float:left;width:195px; }
.global-footer-logo h3 { height:40px;width:158px;overflow:hidden;text-indent:-9999px;background:url(i/shell/shell-sprite.gif) top right no-repeat;position:relative;left:0;top:18px; }
.global-footer-more-about-links span.lead,.global-footer-subscriptions h3,.global-footer-sister-sites h3 { font:bold 11px Arial,Verdana,sans-serif;color:#000;margin-bottom:10px; }
.global-footer-more-about-links,.global-footer-subscriptions,.global-footer-sister-sites { float:left;text-align:left;padding:15px 0; border-left:1px solid #e0e0e0; height:80px }
.global-footer-more-about-links { width:256px; }
.global-footer-more-about-links li { float:left; width:49%; }
.global-footer-subscriptions { width: 236px; }
.global-footer-sister-sites { width:201px;}
.global-footer-more-about-links div.blurb { padding:0 20px;margin:0;}
.global-footer-more-about-links ul { float:left; list-style:none; margin:4px 0 0 0; width:250px }
#global-footer .global-footer-more-about-links li a { font-family:Verdana,Arial,sans-serif;color:#999;font-size:10px; font-weight:normal; text-transform:none; line-height:12px; }
#global-footer .global-footer-more-about-links li a:hover { text-decoration:underline; }
#sub_dropmenus {position:relative;left:20px;}
.global-footer-sister-sites form { padding-left:20px;}
.global-footer-sister-sites select { width:191px; }
.global-footer-copyright {
    width:918px; clear:both;margin-bottom:40px; padding:5px 20px; border:1px solid #e0e0e0;

     }
.global-footer-copyright p {font-size:9px; color:#999;line-height:1.4;font-family:Verdana,Arial,sans-serif; }
.global-footer-copyright .revision-date { text-transform:uppercase; }
#footer .global-footer-copyright a { color:#414141;text-decoration:underline; }

.photo-credits{margin:10px 0 48px 60px;font-family: arial, helvetica, sans-serif;font-size:9px;color:#999;clear:both;line-height:1.2;}
.photo-credits h3{width:120px;background-color:#dbeceb;border:1px solid #ddc;padding:4px;text-align:center;line-height:1.0em}
.photo-credits h3,.photo-credits h3 a{text-transform:uppercase;font-size:10px;color:#208a87;font-weight:normal}
h6#credit{font-weight:normal;font-size:12px;color:#5a6068;border:1px solid #ddc;background-color:#f4f9f9;padding:6px 8px 6px 6px}

#global_footer {
    position:relative;
    clear:both;
    left:19px;
    padding-bottom:25px;
    float:left;
    width:630px;
}


/* Clearfix */

.yrcomponent .feature:after,
#zrail:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#zrail,
.yrcomponent .feature {
    display: block;
    height: 1%;
    clear: both;
}



/* Hide IFRAMES in DART */
.hiddenDAU{width:0;height:0}
.hpPhotoCredits{margin-top:120px !important;margin-top:110px;margin-left:190px}



/**
 * @section Errors
 */

.errors {
    margin-left: 14px; /* TODO: this is probably going to break other things... */
    clear: both;
}

#main .errors {
    margin-left: 0;
}


/**
 * @pluck css
 */

.rating-comments {
    background:#ccc;
    padding:25px 20px;
    clear:both;
    margin-left:60px;
    margin-bottom:35px;
}

.rating {
    font-family:arial,verdana,sans-serif;
    margin-bottom:30px;
}

.rating h3 {
    background:url(i/pluck/pluck-sprite.gif) top left no-repeat;
    height:16px;
    width:80px;
    overflow:hidden;
    text-indent:-9999px;
    margin-bottom:6px;
}

.rating span {
    font-weight:bold;
    margin-bottom:2px;
}

.rating h4 {
    font-size:0.714em;
    font-family:arial,verdana,sans-serif;
    clear:both;
}

.comments h3 {
    background:url(i/pluck/pluck-sprite.gif) 0 -16px no-repeat;
    height:16px;
    width:106px;
    overflow:hidden;
    text-indent:-9999px;
    margin-bottom:20px;
    float:left;
}

.totalComments span {
    display:none;
}

.totalComments .add {
    float:right;
    padding-right:10px;
    background:url(i/global/arrow-gray.gif) right center no-repeat;
    font-family:arial,verdana,sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    color:#ee2e24;
    font-size:0.714em;
}

.publicCommentsBox {
    clear:both;
}

.publicCommentsBox, .publicCommentsBox form {
    position:relative;
}

.publicCommentsBox h5 {
    background:url(i/pluck/pluck-sprite.gif) 0 -16px no-repeat;
    clear:both;
    height:24px;
    width:176px;
    overflow:hidden;
    text-indent:-9999px;
    margin-bottom:6px;
    background-position:0 -32px;
}

.publicCommentsBox textarea {
    background:#ccc url(i/pluck/pluck-sprite.gif) 0 -56px no-repeat;
    border:none;
    height:85px;
    width:500px;
    padding:10px;
    padding-bottom:40px;
}

.publicCommentsBox .post_btn {
    position:relative;
    left:430px;
    cursor:pointer;
}

.commentAnchor {
    clear:both;
    position:relative;
    z-index:10000
}

.commentAnchor .entry {
    font-weight:bold;
    position:relative;
    margin-bottom:20px;
}

.commentAnchor .body {
    font-size:0.857em;
}

.commentAnchor .entry-number {
    display:none;
}

.commentAnchor .dated, .commentAnchor .author {
    display:inline;
    font-size:0.929em;
}

.commentAnchor .author {
    margin-left:20px;
}

.commentAnchor .report {
    float:right;
    position:relative;
}

.commentAnchor .report a {
    font-size:0.714em;
    color:#ee2e24;
    font-family:arial,verdana,sans-serif;
    background:url(i/global/arrow-gray.gif) right center no-repeat;
    padding-right:10px;
}

.regblurb {
    background:url(i/pluck/bg_container.gif) top left;;
    clear:left;
    font-size:1.25em;
    height:auto;
    margin-top:0 !important;
    padding:10px;
    position:absolute;
    width:360px;
    z-index:40000;
}

.regblurb #regtxt {
    background-color:#FFFFFF;
    padding:30px;
    padding-right:80px;
    font-family:arial,verdana,sans-serif;
    margin-bottom:0;
    text-transform:uppercase;
    font-weight:bold;
}

.regblurb .closebtn {
    background:transparent url(i/pluck/close_icon.gif) no-repeat scroll 0 0;
    display:block;
    font-size:1px;
    height:27px;
    line-height:0.1em;
    overflow:hidden;
    position:absolute;
    right:24px;
    text-indent:-9999px;
    top:28px;
    width:26px;
}

.regblurb a {
        font-weight:bold;
        text-transform:uppercase;
        color:#ee2e24;
        text-decoration:none;
}
.regblurb a:visited {
    text-decoration:none;
}
.regblurb a:hover {
    text-decoration:underline;
}

.comments .aform {
    background:url(i/pluck/bg_container.gif) top left;;
    margin-top:-170px;
    padding:10px;
    position:absolute;
    left:350px;
    *left:150px;
    width:360px;
    z-index:4000;
}
.comments .aform form {
    background-color:#FFFFFF;
    width:360px;
    height:190px;
}

.comments .aform textarea {
    border:1px solid #DCDCDC;
    width:314px;
}
.comments .aform .closebtn {
    background:transparent url(i/pluck/close_icon.gif) no-repeat scroll 0 0;
    display:block;
    font-size:1px;
    height:27px;
    line-height:0.1em;
    overflow:hidden;
    position:absolute;
    right:24px;
    text-indent:-9999px;
    top:28px;
    width:26px;
}
.comments .aform .row {
    color:#000;
    font-weight:bold;
    padding:10px 0 10px 30px;
    text-transform:uppercase;
    width:auto;
}
.comments .aform label {
    color:#000;
    margin-bottom:10px;
    font-family:arial,verdana,sans-serif;
    display:block;
    font-size:1.25em;
}

.comments .aform input {
    position:relative;
    left:204px;
    top:-10px;
}

/* PLUCK PAGINATION */
.rating-comments .next,
.rating-comments .previous { margin-bottom:10px; }
.rating-comments .next { float:right; }
.rating-comments .previous { float:left; }

/* RATING STARS */
.rate span { float:none; }
.listA .rate span { float:left; }
.listA .rate .ratingtxtshort span { float:none; }
.rate a {
    display:block;
    height:21px;
    width:22px;
    background-image:url(i/pluck/star-sprite.gif);
    background-position:0 -22px;
    text-indent:-9999px;
    float:left;
    position:relative;
    top:-3px;
    overflow:hidden;
}

.rate a.active,.rate a.hover {
    background-position:0 -43px;
}



/**
 * @newsletters yrail
 */

h5.newsletters {
    height:41px;
    width:300px;
    text-indent:-9999px;
    background:url(i/features/bg-newsletter.gif) top left no-repeat;
    overflow:hidden;
}

#newsletter-form {
    font:bold 0.714em arial,verdana,sans-serif;
    color:#fff;
    background:#80a9bd url(i/features/bg-newsletter.gif) bottom left no-repeat;
    padding-bottom:0;
    float:none;
    margin-bottom:20px;
    position:relative;
}

#newsletter-form fieldset {
    position:relative;
    top:-10px;
}
/* positioning for IE6 and IE7 in ie.css */

#newsletter-form fieldset ul {
    line-height:1.1;
}

#newsletter-form fieldset fieldset {
    top:0;
}

#newsletter-form a {
    text-transform:uppercase;
}

#newsletter-email {
    margin-left:50px;
    width:170px;
}

#submit-newsletter {
    background:url(i/features/bg-newsletter.gif) -300px 0 no-repeat;
    text-indent:-9999px;
    width:60px;
    height:18px;
    border:0;
    position:relative;
    top:1px;
    cursor:pointer;
}

#submit-newsletter:hover {
    background-position:-300px -18px;
}

#submit-newsletter:active {
    background-position:-300px -36px;
}

.has1item {
    display:block;
    padding:0 20px 0 10px;
}


/**
 * @polls
 * There are styles for the main column and the yrail, organized by generic to specific from the top of the markup to the bottom
 */
.poll {
    font-family:arial,verdana,sans-serif;
}

#main .poll {
    padding:15px;
    width:auto;
    border:1px solid #dedede;
}

#yrail .poll {
    background:#000;
    padding:15px;
    width:auto;
    color:#fff;
    float:none;
}

.pollQuestion {
    font-size:1.429em;
    line-height:1.2em;
    text-transform:uppercase;
    font-weight:bold;
}

    .pollQuestion p {
        margin:20px 0 5px 0;
    }


.pollAnswer {
    font-size:0.857em;
    font-weight:bold;
}

.poll-header {
    height:24px;
    width:155px;
    background-image:url(i/features/sprite-polls.gif);
    background-repeat:no-repeat;
    overflow:hidden;
    text-indent:-9999px;
    margin-bottom:12px;
}

#yrail .poll-header {
    background-position:0 -24px;
    padding-left:0;
    margin-bottom:-5px;
    width:160px;
}

.pollRadio { margin-left:0; }

.submitBox {
    text-align:right;
    padding:20px 10px 10px 0;
}

.pollSubmit {
    height:24px;
    width:89px;
    background-image:url(i/features/sprite-polls.gif);
    background-repeat:no-repeat;
    overflow:hidden;
    text-indent:-9999px;
    border:0;
    cursor:pointer;
}

#main .pollSubmit {
    background-position:-160px 0;
    padding:0;
}

#main .pollSubmit:hover {
    background-position:-160px -24px;
}

#main .pollSubmit:active {
    background-position:-160px -48px;
}

#yrail .pollSubmit {
    background-position:-249px 0;
    padding:0;
}

#yrail .pollSubmit:hover {
    background-position:-249px -24px;
}

#yrail .pollSubmit:active {
    background-position:-249px -48px;
}

.ss_press-center.c_index #main {
    padding-top:20px;
}
h2#autohed {
    margin: 35px 0 20px 0;
}

.ss_press-center h2#autohed, .ss_press-center h2#indhed {
  background-image:url(i/index-headers/press_center.gif);
  background-repeat:no-repeat;
  height:50px;
  width:235px;
  text-indent:-9999px;
}

.ss_contact-us h2#autohed { margin-left:10px;}

.ss_press-center #index_headers h3.subhed_below {
   display:none;
}
.ss_press-center #main .set1 img {
    border:1px solid #dedede;
}

.ss_press-center #main .set1 h3.header,
.ss_press-center #main .set1 .blurb {
    float:right;
    clear:right;
    width:245px;
}

.ss_press-center #main .set1 .feature {
    border-bottom:1px dashed #8c8c8c;
    margin-bottom:20px;
}

/* CONTACT US PAGE */

.ss_contact-us h2#indhed, .ss_contact-us h2#autohed {
    text-indent:-9999px;
    background:url(i/index-headers/contact_us.gif) top left no-repeat;
    height:50px;
    width:203px;
    overflow:hidden;
    clear:both;
    position:relative;
}

.ss_contact-us #main .feature .header,
.ss_contact-us #main .lead {
    font-family:arial,verdana,sans-serif;
    font-weight:bold;
}

.ss_contact-us #main .feature .header {
    font-size:1.571em;
}

.ss_contact-us #main .feature .header a {
    color:#00aeef;
}

.ss_contact-us #main .lead {
    font-size:0.714em;
    text-transform:uppercase;
    line-height:1.1;
}

.ss_contact-us #main .lead a {
    color:#ee2e24;
    padding-right:10px;
    background:url(i/global/arrow.gif) center right no-repeat;
}

.ss_contact-us #main .feature .header a:hover,
.ss_contact-us #main .lead a:hover {
    text-decoration:underline;
}

.ss_contact-us #ps0_fs1 .blurb {
    padding:10px 0 0;
}

/* SPONSORS */

#sponsorship-ad {
    float: right;
    margin: 0 1px 0 0;
}

#sponsorship-ad img {
    display: block;
}

/* AUTOSUB */
.autosubs{ font-family:Arial, Verdana, Geneva, Helvetica, sans-serif; border:1px solid #dedede;border-top:10px solid #ccc; color:#535353; width:294px;}
.autosubs.wide{width:464px;}
.autosubs .privacy, .autosubs .nonusa { color:#000; font-size:10px; text-decoration:underline; }
/*.autosubs .submit { position:absolute; right:0px; bottom:0px; font-size:10px; font-weight:bold; cursor:pointer; text-transform:uppercase; color:#fff; padding:2px 4px; border:1px solid #dde1e2; background:#666; }*/
.autosubs .frm_row label{ font-size:11px; }
.autosubs .frm_offer{ font-size:12px; margin:12px 0; }
.autosubs .frm_offer span{ font-size:9px; }
.autosubs .submit { position:absolute; right:0px; bottom:0px; cursor:pointer; background:url(/css/i/global/btn-submit-layer-form.gif) top left no-repeat;height:18px;width:60px;text-indent:-9999px;overflow:hidden;border:0;padding:0;margin:0;display:block;text-align:left;font-size:0;color:#000; }
.autosubs .submit:hover { background-position:bottom left; }

/* Rollover Ad CSS */
#rolloverAd {
    position: absolute;
    width: 308px;
    /* z-index: 9999; assigning higher value so it overlays new pushdown ad */
    z-index:99999;
    display: none;
    background: url(/css/i/global/arrow-top-layer-form.gif) no-repeat scroll 90px 0px transparent;
    padding-top: 6px;
}

#rolloverAd .autosubs { border:0; }
#rolloverAd .autosubs a { color:#0086DD;text-decoration:none; }

#rolloverAd_header {
    height: 20px;
    background: #dedede;
    text-align: right;
}

#rolloverAd_header a {
    float: right;
    display: block;
    width: 65px;
    height: 20px;
    text-indent: -9999px;
    background: url(/css/i/global/btn-close-layer-form.gif) no-repeat 0 2px;
    overflow: hidden;
    text-align:left;
}

#rolloverAd_content {
    background: #fff;
    border: 1px solid #dedede;
    overflow: hidden;
}

#rolloverAd_footer {
    height: 20px;
    background: #dedede;
}

/* Floating Ad CSS */

#floatingAd {
    position: absolute;
    width: 306px;
    top: 285px;
    left: 51%;
    margin-left: -425px;
    display: none;
    z-index: 9999;
}

#floatingAd_header {
    height: 20px;
    background: #1d1d1d;
    text-align: right;
}

#floatingAd_header a {
    line-height: 20px;
    font-family: arial,helvetica,sans-serif;
    font-size: 0.6em;
    margin-right: 5px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding-right: 15px;
    background:url(i/shell/close.gif) right center no-repeat
}

#floatingAd_content {
    background: #1d1d1d;
    border: 1px solid #1d1d1d;
    overflow: hidden;
}

#floatingAd_header a:hover {
    text-decoration: underline;
}

.ss_newsletters #registration {
    background:url(i/index-headers/newsletter.gif) 0 20px no-repeat;
    padding-top:70px;
}

.ss_update #registration .section-header .logo {
    background-image:url(i/index-headers/edit_profile.gif);
}

.ss_registration #main {
    padding-top:13px;
}

.ss_registration #registration .section-header .logo { left:0; }

/* FORUMS WATCHES - put here instead of in /css/jive/forums.css because Jive files cannot be modified */
.s_forums #bc ul { display:inline; }
#jive-editwatchespage,#jive-pmpage { font-size:12px;font-family:arial,verdana,sans-serif;}
#jive-editwatchespage img,#jive-pmpage img { display:none; }
#jive-editwatchespage th,#jive-pmpage th { color:#fff;background:#000;font-weight:bold; }

.regForm_actions a:visited {
    color:#EE2E24;
}

.details-box > div {position:relative;}
.details-box .suboffer {border: 4px solid #dce1e2; background: #fff7dd; width: 580px; font:normal 13px arial;}
.details-box .suboffer-covers {float:left; width:190px;padding: 5px 5px !important;}
.details-box .suboffer-covers .magoffer{float:left;}
.details-box .suboffer-covers .magcov {float:right;}
.details-box .suboffer-desc {float:right;width:360px;padding: 10px 10px 10px 0 !important;}
.details-box .suboffer-desc h3 {font: italic 22px Georgia; color: #ff0024;}
.details-box .suboffer-desc p {padding: 10px 0 !important;}
.details-box .suboffer-desc small {font-size:11px;}
