/**
 * @file         features.css
 * @description  Feature styles for newyorker.com
 * @author       Joe Hartoularos
 *
 * @date         September - November 2010
*/

/**
 * @section GENERAL
*/
.features {
    border-bottom: 1px solid #ccc;
    clear: both;
    float: left;
    width: 100%;
}

.feature {
    clear: both;
    float: left;
    padding: 20px;
}

.topicFeature {
    clear:both;
    float:none;
    padding: 20px;
}

.features .header,
.features .header a {
    color: #000;
    text-transform: uppercase;
}

.features .header a:hover,
.feature-header a:hover,
.feature .rubric a:hover,
.feature .sub-header a:hover {
    text-decoration: none;
}

.features .header span, .feature-header span {
    font-size: 13px;
    display:block;

}

.features .header, .feature-header {
    font-size: 26px;
    text-transform: uppercase;
}

.features-footer {
    padding: 0px 20px 20px 20px;
    margin: 0px;
}

.features-footer a {
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

.feature .sub-header {
    font-size: 13px;
    margin-top: 3px;
}

.rubric {
    color: #cd0021;
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;
}

.rubric a {
    color: #cd0021;
}

.features-header {
    padding: 20px;
    padding-top:19px;
    padding-bottom: 18px;
}

#position4 .feature,
#position5 .feature,
#position4 .features-header,
#position5 .features-header {
    width: 289px;
}

#position1_yrail > .features:last-child,
#position2_yrail > .features:last-child,
#position4 .features:last-child,
#position5 .features:last-child,
#position6 .features:last-child,
#urail .features:last-child {
    border-bottom: none;
}


.feature .rubric {
    margin: 0px 0px 10px 0px;
}

.feature .header {
    margin: 0px;
}

.features .header span, .feature-header span {
    margin: 10px 0px 0px;
}

.feature .byline {
    margin: 10px 0px 0px;
}
.feature .links {
    margin: 10px 0px 0px;
}
.feature .text {
    font: 15px/18px Times New Roman, serif;
    margin: 8px 0px 0px;
}

.feature .media {
    margin: 20px 0px 0px 0px;
}

.imagetop .media {
    margin: 0px 0px 240px 0px;
}

#content .feature .links {
    text-transform: uppercase;
    font: 10px Arial, Helvetica, sans-serif;
}



/*
 * @section YRAIL DEFAULTS
*/

.set13 .features-header {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.set13 .feature .header {
    font-size: 13px;
}

.set13 .caption {
    font-style: italic;
}

.set13 .links li {
    margin-bottom: 5px;
}

.set13,
.set17 {
    float: left;
    clear: both;
}

.set13 .rubric {
}

.set17 .feature {
    padding-top:0;
}

.set17 h2.header {
    font-size: 14px;
    letter-spacing: -0.3px;
    padding-bottom: 15px;
}

.set17 .feature h3.header a {
    color: #9f9f9f;
    font-size: 13px;
}

.set17 .feature h3.header a:hover {
    text-decoration: none;
}

.set17 .last {
    margin-bottom: 0px;
}

/*
 *    I hate myself for doing this, but TNY editorial staff wanted this font-size to match ETF tab content.
*/
#ps1_fs2_yrail.set17 .sub-header{
    font-size: 12px;
}

/*
 * @section TABS FEATURE
*/

#yrail .features.tabs {
    margin-bottom: 0;
}

div.feature-tabs {
    float: left;
    margin: 0;
    width: 100%;
}

div.feature-tabs  {
    display: none;
    margin: 15px 0px;
}

.features.tabs-initialized div.feature-tabs {
    display: block;
}

/* tab content */
.feature-tabs .tab-hidden {
    display: none;
}

.feature-tabs div.tab {
    clear: both;
}

/* overrides for manual features used in tabs */
.tab-content {
    background-color:#FFFFFF;
    border-top:1px solid #CCCCCC;
    float:left;
    font-size: 12px;
    overflow:hidden;
    padding:10px 20px 0px;
    width:277px;
}

.tab-content .feature {
    border-bottom: none;
    margin-bottom:0;
    overflow:hidden;
    padding: 0px;
}

.tab-content .feature h3.header {
    padding-top:0 !important;
    font-size:10px;
    display:none;
}

.tab-content .feature .w {
    margin-right:10px;
    margin-bottom:10px;
    padding-bottom:0;
    float:left;
}
.tab-content .feature .sub-header {
    font-size:13px;
    line-height:15px;
    font-weight:bold;
    padding-bottom:3px;
}

.tab-content .feature .blurb {
    overflow:hidden;
}

.tab-content .feature .blurb .text {
    margin-bottom: 10px;
}

.tab-content .feature .blurb ul li {
    margin-bottom: 5px;
}

.tab-content .feature .footer {
    margin-bottom:0;
}

/* navigation */
.feature-tabs .tab-list {
    float: left;
    list-style: none;
    margin: 0;
    position: relative;
    top: 1px;
    left:15px;
    background-color:#eaeaea;
    padding:0;
    border-left:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
}

.feature-tabs .tab-list li {
    float: left;
    height: 10px;
    text-align: center;
}

.feature-tabs .tab-list li {
    border-color:#CCCCCC;
    border-style:solid;
    border-width:0 1px 1px 0;
    color:#CD0021;
    display:block;
    font:10px/1em Arial,helvetica,sans-serif;
    padding:7px 6px 8px;
    text-transform:uppercase;
}

.feature-tabs .tab-list li a {
    text-decoration: none;
    color:#CD0021;
    letter-spacing: 0px;
}

.feature-tabs .tab-list li.tab-active  {
    background-color:#FFFFFF;
    border-color:#CCCCCC #CCCCCC #FFFFFF;
    border-style:solid;
    border-width:0 1px 1px;
    margin-left:-1px;
    margin-top:0;
    padding:7px 6px 8px;
    position:relative;
}

.feature-tabs .tab-list li#tab-features-tab-4.tab-active,
.feature-tabs .tab-list li:last-child.tab-active {
    border-right:1px solid #CCCCCC;
}

/* most popular sponsor */
#mostpopular-sponsor-wrapper {
    width:88px;
    padding: 0 5px 5px 5px;
    position:relative;
    clear:both;
    float:right;
}

/* "inside" tab content box */
#mostpopular-sponsor {
    width:88px;
    float:right;
}

#mostpopular-sponsor iframe {
    float:right;
    position:relative;
    right:5px;
}

#most-viewed ol,
#most-emailed ol {
    list-style: decimal outside;
    margin: 0px 0px 0px 26px;
}

#most-viewed li,
#most-emailed li {
    margin-bottom:7px;
}

/* newsletter */

#newsletter-form {
    float:none;
    margin:4px 0 6px;
    padding-bottom:0;
    position:relative;
}

#newsletter-form .collapse input {
    float:left;
}

#newsletter-form .collapse div {
    padding-left:26px;
}

#newsletter-email {
    border:1px solid #dce0de;
    height:15px;
    margin:4px 0 0;
    padding-left:3px;
    vertical-align:middle;
}

#submit-newsletter {
    background: url(/css/i/global/global-sprite.png) no-repeat -650px -47px;
    border: 0 none;
    height: 21px;
    margin: 0 0 0 3px;
    text-indent: -9999px;
    width: 70px;
}


/**
 * @section NUMBERED FEATURE SETS
*/

/*
    Set  1      1       Full-Width, Float-Left Header and Body
    Set  6      4/5     Half-Width w/ Left-Aligned Rubric, Header, Body
    Set  7      4/5     Half-Width w/ Centered Rubric, Header, Body
*/

/* Set 1: Full-Width, Float-Left Header and Body */

.set1 .feature .rubric {
    float:left;
    margin: 0px 10px 0px 0px;
}

.set1 .feature .rubric span {
    display: block;
    float:left;
    line-height: 13px;
    margin-top: -1px;
}

.set1 .feature .blurb {
    margin: 0px;
    float:left;
}

.set1 .feature .blurb .text {
    float:left;
    margin: 0px;
}

.set1 .feature .blurb .text {
    margin: 0px;
    line-height: 12px;
}
.set1 .feature {
    height: 10px;
    width: 620px;
}

/* Set 6: Half-Width w/ Left-Aligned Rubric, Header, Body */

.set6 .feature .rubric,
.set7 .feature .rubric {
    line-height:11px;
    margin-bottom: 11px;
}

.set6 .feature .sub-header,
.set7 .feature .sub-header {
    margin-top: 7px;
}

.set7 .features-header + .feature {
    padding-top: 0px;
}

.set7 .feature .media:first-child {
    margin-top: 0px;
}

.set6 .feature .header:first-child,
.set7 .feature .header:first-child {
    margin-top: -2px;
}

.set6 .feature .header span,
.set7 .feature .header span {
    line-height:9px;
    margin-top:9px;
}

.set6 .feature .text{
    margin-top: 17px;
}

.set6 .imagetop .text{
    margin-top: 14px;
}


.set7 .feature .text {
    margin-top: 9px;
}

.set6 .feature .links,
.set7 .feature .links {
    margin-top: 17px;
}

.set6 .feature .links a {
    display:block;
    height:8px;
}

/* Set 7: Half-Width w/ Left-Aligned Rubric, Header, Body */
.set7 .feature {
    text-align: center;
}

.set7 div.feature h3.header span {
    font: 15px Times New Roman, serif;
    font-weight: normal;
    text-transform: none;
    display: block;
    font-style: italic;
    margin-top: 7px;
}

.set7 .feature .media {
    margin-bottom: 0;
}

.set7 .text a,
.set7 .text span,
.set7 .features .footer {
    text-transform: uppercase;
    font: 10px Arial, Helvetica, sans-serif;
}

.set7 .features-header span {
    font-family:Times New Roman;
    font-size:15px;
    font-style:italic;
    margin-top:6px;
    text-transform:none;
}

.set7 .links {
    text-align: left;
}

.set7 .links a {
    text-transform: uppercase;
    font: 10px Arial, Helvetica, sans-serif;
}

.set7 .links li {
    margin-top:11px;
}

.set7 .links li.first {
    margin-top: 0px;
}


/* Set 8:  Boxes */

.set8 .feature .media {
    margin: 12px 0px;
}

.set8 .feature .rubric {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin-bottom: 5px;
}

#content .set8 div.feature {
    clear:none;
    float: left;
    padding:0px 20px 20px;
    text-align: center;
    width: 122px;
}

.set8 .feature .header a:hover {
    text-decoration: underline;
}

.set8 .even {
    border-left:1px solid #CCCCCC;
    padding-left:8px;
}

#content .set8 .search {
    float:left;
}

#content .set8 .search > div.first,
#content .set8 .search > div.first + div.even,
#content .set8 > div.first,
#content .set8 > div.first + div.even  {
    padding-top:19px;
}

.set8 .feature .header {
    font: 15px Times New Roman, serif;
    font-weight: bold;
    text-transform: uppercase;
}

.set8 .photo .w {
    max-width: 120px;
    max-height: 120px;
    overflow: hidden;
    margin: 0 auto;
}

/* Set 9/10: Manual / Search */

#position4 div.set10,
#position5 div.set10 {
    border:1px solid #CCCCCC !important;
    margin-left:3px;
    margin-top:3px;
    margin-bottom: 3px;
    width:321px;
}

.set10 + div.features {
    border-top:1px solid #CCCCCC;
}

.set9,
.set10 {
    text-align: center
}

.set9 .feature,
.set10 .feature {
    padding-top: 0px;
    padding-bottom: 16px;
}

.set9 .features-header {
    padding-top: 17px;
}

.set10 .features-header {
    padding-top: 18px;
}

.set9 .features-header span,
.set10 .features-header span {
    font: 15px Times New Roman, serif;
    font-style: italic;
    text-transform: none;
    margin-top: 6px;
}

.set9 .features-header span {
    margin-top: 7px;
}

.set9 .feature .header,
.set10 .feature .header {
    font: 15px Times New Roman, serif;
    font-weight: bold;
    text-transform: uppercase;
}

.set9 .feature .header a:hover,
.set10 .feature .header a:hover {
    text-decoration: underline;
}

.set9 .feature .sub-header,
.set10 .feature .sub-header {
    font: 15px Times New Roman, serif;
    margin-top:4px;
}

.set9 .byline,
.set10 .byline {
    margin-top: 4px;
}


.set9 .feature .rubric,
.set10 .feature .rubric {
    font-size: 10px;
    font-family: Arial, Hevetica, sans-serif;
    margin-bottom: 5px;
}


.set9 .feature .text,
.set10 .feature .text {
    padding-left:35px;
    padding-right:30px;
    width:220px;
    margin-bottom: 0px;
    margin-top:9px;
}

.set9 .media,
.set10 .media {
    margin:0px;
}

.set9 .media + .hr,
.set10 .media + .hr{
    display: none;
}


.set9 .hr,
.set10 .hr {
    width:51px;
    height:1px;
    margin: 13px auto 0px;
    background-color:#CCCCCC;
}

.set9 .links li, .set10 .links li {
    margin-top:11px;
}

.set9 .links li.first, .set10 .links li.first {
    margin-top: 0px;
}


/* Set 11:  Boxes */
.set11 .feature {
    padding-top: 0px;
}

.set11 .features-header span {
    font: italic 15px Times New Roman, serif;
    display: block;
    margin-top: 6px;
    text-transform: none;

}

.set11 .features-header {
    padding-bottom:18px;
    padding-top:19px;
}

.set11 .feature .rubric {
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 6px;
}

.set11 .feature .header {
    font: 15px/15px Times New Roman, serif;
    font-weight: bold;
    text-transform: uppercase;
}

.set11 .feature .header span {
    font: 15px/15px Times New Roman, serif;
    font-weight: normal;
    text-transform: none;
    margin-top: 3px;
}

.set11 .feature .photo {
    float: left;
    margin-right: 20px;
}
.set11 .feature .media {
    margin: 0px;
}

.set11 .feature .text {
    margin-top: 10px;
    margin-right:15px;
}

.set11 .photo .w img {
    width: 120px;
    height: 120px;
}
.set11 .photo .w {
    width: 120px;
    height: 120px;
    overflow: hidden;
}

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

/* Set 15: Blogriver */
.set15 .feature {
    padding:0 0 8px 0px;
}

.set14 {
    float:left;
}

.set15 .blogriver {
    padding:0px 20px 8px;
    float:left;
}

.set15 h2.features-header {
    padding-top: 19px;
    padding-bottom: 15px;
    text-transform:uppercase;
}

.set14 .features-header span
.set15 .features-header span {
    font:italic 15px Times New Roman,serif;
    margin-top:17px;
    text-transform:none;
}

.set14 .feature .header,
.set15 .feature .header {
    font: 15px/18px Times New Roman,serif;
}

.set14 .feature .text {
    margin-top: 0px;
}

.set14 .feature .header {
    font-weight:bold;
    text-transform: none;
}

#content .set14 div.feature {
    clear:none;
    float:left;
    padding:0 13px 10px 19px;
    width:129px;
}

.set15 .display-date, .set15 .byline, .set15 .divider {
    display: inline;
    float:left;
}

.set15 .display-date {
    font:9px Arial,Helvetica,sans-serif;
    text-transform:uppercase;
    color:#7f7f7f;
    margin-top:5px;
}

.set15 .byline {
    margin:0;
}
    .set15 .byline strong {
        font-weight: normal;
    }

.set14 .features-header span,
.set15 .features-header span {
    font: 15px/18px Times New Roman, serif;
    display: block;
    margin-top: 5px;
    text-transform: none;
    font-style: italic;
}

.set15 .features-header span,
.set14 .features-header span {
    margin-top: 6px;
}

.set14 .features .header,
.set15 .features .header {
    text-transform:none;
}

.set15 .footer {
    padding-left: 20px;
}

.set15 .header, .set15 .header a {
    text-transform:none;
}

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


/* Set 16: Urail */

#urail .features {
    border: none;
    width: 660px;
}

.set16 .feature {
    clear: none;
    float: left;
    width: 120px;
    margin-right:5px;
}

.set16 .feature .header {
    font-size: 26px;
}

.set16 .feature .header span {
    font-size: 13px;
    display: block;
    margin: 0px 0px 4px;
}

.set16 .feature .header {
    margin: 0px;
}

.set16 .header + .media {
    margin: 8px 0px 11px;
}

/**
 * @section SPECIAL FEATURES
*/

/* Rotator */

.numberedtoggle .features-header {
    font-size: 26px;
    padding-bottom: 0px;
    text-transform: uppercase;
}

.numbered-toggle {
    position: relative;
}

.numbered-toggle .media {
    margin-top: 0px;
    margin-bottom: 0px;
}

.numbered-toggle .feature-blurb-text {
    margin-top: 16px;
    margin-bottom: 19px;
}

.numbered-toggle .feature-blurb-links li {
    margin:10px 0px;
}

.numbered-toggle em.tab {
    display: none;
}

/* Navigation
 * This method appears to brute force a calculation that can be made to center the dots (all other MPP sites use that method).
 * I deviated because TNY staff claimed the controls weren't centered or evenly spaced, so I chose this method to allow me to
 * specify the position using padding.
*/

.has1item .tab-list-wrap {display: none;}

.set2 .has2items .tab-list-wrap, .set3 .has2items .tab-list-wrap, .set4 .has2items .tab-list-wrap { padding-left: 272px; }
.set2 .has3items .tab-list-wrap, .set3 .has3items .tab-list-wrap, .set4 .has3items .tab-list-wrap { padding-left: 262px; }
.set2 .has4items .tab-list-wrap, .set3 .has4items .tab-list-wrap, .set4 .has4items .tab-list-wrap { padding-left: 252px; }
.set2 .has5items .tab-list-wrap, .set3 .has5items .tab-list-wrap, .set4 .has5items .tab-list-wrap { padding-left: 242px; }
.set2 .has6items .tab-list-wrap, .set3 .has6items .tab-list-wrap, .set4 .has6items .tab-list-wrap { padding-left: 232px; }
.set2 .has7items .tab-list-wrap, .set3 .has7items .tab-list-wrap, .set4 .has7items .tab-list-wrap { padding-left: 222px; }
.set2 .has8items .tab-list-wrap, .set3 .has8items .tab-list-wrap, .set4 .has8items .tab-list-wrap { padding-left: 212px; }
.set2 .has9items .tab-list-wrap, .set3 .has9items .tab-list-wrap, .set4 .has9items .tab-list-wrap { padding-left: 202px; }
.set2 .has10items .tab-list-wrap, .set3 .has10items .tab-list-wrap, .set4 .has10items .tab-list-wrap { padding-left: 192px; }
.set2 .has11items .tab-list-wrap, .set3 .has11items .tab-list-wrap, .set4 .has11items .tab-list-wrap { padding-left: 182px; }
.set2 .has12items .tab-list-wrap, .set3 .has12items .tab-list-wrap, .set4 .has12items .tab-list-wrap { padding-left: 172px; }
.set2 .has13items .tab-list-wrap, .set3 .has13items .tab-list-wrap, .set4 .has13items .tab-list-wrap { padding-left: 162px; }
.set2 .has14items .tab-list-wrap, .set3 .has14items .tab-list-wrap, .set4 .has14items .tab-list-wrap { padding-left: 152px; }
.set2 .has15items .tab-list-wrap, .set3 .has15items .tab-list-wrap, .set4 .has15items .tab-list-wrap { padding-left: 142px; }
.set2 .has16items .tab-list-wrap, .set3 .has16items .tab-list-wrap, .set4 .has16items .tab-list-wrap { padding-left: 132px; }
.set2 .has17items .tab-list-wrap, .set3 .has17items .tab-list-wrap, .set4 .has17items .tab-list-wrap { padding-left: 122px; }
.set2 .has18items .tab-list-wrap, .set3 .has18items .tab-list-wrap, .set4 .has18items .tab-list-wrap { padding-left: 112px; }
.set2 .has19items .tab-list-wrap, .set3 .has19items .tab-list-wrap, .set4 .has19items .tab-list-wrap { padding-left: 102px; }
.set2 .has20items .tab-list-wrap, .set3 .has20items .tab-list-wrap, .set4 .has20items .tab-list-wrap { padding-left: 92px; }

.set5 .has2items .tab-list-wrap { padding-left: 110px; }
.set5 .has3items .tab-list-wrap { padding-left: 100px; }
.set5 .has4items .tab-list-wrap { padding-left: 90px; }
.set5 .has5items .tab-list-wrap { padding-left: 80px; }
.set5 .has6items .tab-list-wrap { padding-left: 70px; }
.set5 .has7items .tab-list-wrap { padding-left: 60px; }
.set5 .has8items .tab-list-wrap { padding-left: 50px; }
.set5 .has9items .tab-list-wrap { padding-left: 40px; }
.set5 .has10items .tab-list-wrap { padding-left: 30px; }
.set5 .has11items .tab-list-wrap { padding-left: 20px; }
.set5 .has12items .tab-list-wrap { padding-left: 10px; }
.set5 .has13items .tab-list-wrap { padding-left: 0px; }


.numbered-toggle .tab-list-wrap{
    float:left;
    clear:both;
    position: absolute;
    bottom: 0;
    width:300px;
}

.numbered-toggle .tab{
    margin-bottom:15px;
}

.numbered-toggle .tab-list, .set18 .tab-list {
    height: 28px;
}

.set18 .tab-list {margin: 0 auto;}

.numbered-toggle .tab-list li, .set18 .tab-list li {
    background: url(/css/i/global/global-sprite.png) no-repeat -687px -6px;
    float: left;
    margin: 4px 0 0 4px;
    text-indent: -9999px;
    width: 14px;
    height: 14px;
}

.numbered-toggle .tab-list .tab-paginate, .set18 .tab-list .tab-paginate {
    cursor: pointer;
    width: 10px;
    height: 16px;
}

.numbered-toggle .tab-list li:hover, .set18 .tab-list li:hover {
    background-position: -669px -6px;
}

.numbered-toggle .tab-list .tab-back,
.numbered-toggle .tab-list li.tab-back:hover,
.set18 .tab-list .tab-back,
.set18 .tab-list li.tab-back:hover {
    background-position: -650px -6px;
}

.numbered-toggle .tab-list .tab-forward,
.numbered-toggle .tab-list li.tab-forward:hover,
.set18 .tab-list .tab-forward,
.set18 .tab-list li.tab-forward:hover {
    background-position: -712px -6px;
}

.set18 .tab-list .tab-forward,
.set18 .tab-list li.tab-forward:hover,
.set18 .tab-list .tab-back,
.set18 .tab-list li.tab-back:hover {
    cursor: pointer;
}

.numbered-toggle .tab-list .tab-active, .set18 .tab-list .active {
    background-position: -669px -6px;
}

.numbered-toggle .tab-list li a, .set18 .tab-list li a {
    display: block;
    overflow: hidden;
}



/* tabbed content */
.numbered-toggle .tab .w {
    height:290px;
    overflow:hidden;
    width:290px;
}

.numbered-toggle .feature-header {
    font-size: 26px;
}

.numbered-toggle .tab-hidden {
    display: none;
}

.numbered-toggle .photo {
    margin-bottom: 0px;
}

.numbered-toggle .rotator-content .rubric {
    line-height: 11px;
    margin-bottom: 11px;
}

.numbered-toggle .rotator-content .feature-header {
}

/* horizontal text right */

div.numberedtoggle,
div.numberedtoggle div.numbered-toggle div.rotator-content h5.rubric,
div.numberedtoggle div.numbered-toggle div.rotator-content h2.feature-header {
    visibility: hidden;
}

div.numberedtoggle-initialized,
div.numberedtoggle-initialized div.numbered-toggle div.rotator-content h5.rubric,
div.numberedtoggle-initialized div.numbered-toggle div.rotator-content h2.feature-header {
    visibility: visible;
}

.numberedtoggle .numbered-toggle {
    height: auto !important;
    overflow: hidden;
}

.set2 .feature, .set3 .feature {
    width:620px;
}

.set4 .numbered-toggle {
    height: 299px;
}

.numberedtoggle .has1item {
    height: auto;
}

.numberedtoggle .numbered-toggle .feature-header span {
    display:block;
    line-height: 12px;
    margin-top:8px;
}

.set2 .tab-list {
}

.set2 .tab,
.set3 .tab,
.set4 .tab {
    float:left;
    clear:both;
    width:100%;
}

.set2 .media {
    float: left;
    clear:left;
    margin-right: 20px;
}

.set3 .media,
.set4 .media {
    float: right;
    clear:right;
    margin-left: 20px;
}

.set4 .media {
    margin-left: 0px;
    margin-bottom: 0px;
}

.set5 .media {
    margin-bottom: 20px;
}

.set2 .rotator-content {
    float:left;
    clear:right;
    width: 284px;
}

.set3 .rotator-content {
    float:left;
    clear:left;
    width: 300px;
}

.set4 .rotator-content {
    float:right;
    clear:left;
    width: 194px;
    padding: 15px
}

.set4 .tab {
    background-color:#000000;
}

div.set4 div.rotator-content h5.rubric,
div.set4 div.rotator-content h5.rubric a,
div.set4 div.rotator-content h2.feature-header,
div.set4 div.rotator-content h2.feature-header a,
div.set4 div.rotator-content div.feature-blurb-text,
div.set4 div.rotator-content ul.feature-blurb-links li a {
    color: #ffffff;
}

div.set4 .tab .w {
    height:289px;
    overflow:hidden;
    width:388px;
}

div.set5 .tab .w {
    overflow:hidden;
    width:285px;
    height:100%;
}


.set2 .rotator-content .feature-blurb-links,
.set3 .rotator-content .feature-blurb-links,
.set4 .rotator-content .feature-blurb-links,
.set5 .rotator-content .feature-blurb-links {
    font:10px Arial,Helvetica,sans-serif;
    text-transform:uppercase;
}

.rotator-content .feature-blurb-text div {
    margin: 10px 0px;

}

.rotator-content .feature-blurb-text div span {
    color: #cd0021;
    text-transform: uppercase;
    margin-right: 10px;
}

.set5 .numbered-toggle {
    min-height:100%;
}

.set5 .tab-list-wrap {
    width: 200px;
}


/* Set 12 & 18 */
.set12, .set18 {
    width:660px;
    display:none;
}

.set12-initialized, .set18-initialized {
    display:block;
}

.set12 .feature, .set18 .feature {
    clear:none;
    float:left;
    padding:0;
    margin-right:47px;
    width:120px;
}

.set12 .feature .header, .set18 .feature .header {
    font: 15px Times New Roman, serif;
    font-weight: bold;
    width:120px;
}

.set12 .feature .header a, .set18 .feature .header a {
    text-transform: none;
}

.set12 .feature .header a:hover, .set18 .feature .header a:hover {
    text-decoration: underline;
}

.set12 .features-header, .set18 .features-header {
    padding-top: 17px;
    padding-bottom: 14px;
}

.set12 .feature .rubric, .set18 .feature .rubric {
    font: 12px Times New Roman, serif;
    font-weight: normal;
    width:120px;
}

.set12 .feature .rubric a, .set18 .feature .rubric a {
    color:#000000;
}

.set12 .header + .media, .set18 .header + .media {
    margin: 0px;
}

.set12 .media, .set18 .media {
    margin-bottom: 11px;
}

.set12 .feature.last, .set18 .feature.last {
    margin: 0;
}

.set12 .feature .blurb, .set18 .feature .blurb {
    width:120px;
}

.set12 .feature .text, .set18 .feature .text {
    margin-top:0px;
}

.set12 .w, .set18 .w {
    width: 120px;
    margin-bottom: 12px;
    overflow: hidden;
}

.set12 .feature-carousel, .set18 .feature-carousel {
    position: relative;
    margin-bottom:10px;
}

.set12 .feature-carousel-inner, .set18 .feature-carousel-inner {
    height:210px;
    margin-left:20px;
    overflow:hidden;
    position:relative;
    width:620px;
}
.set18 .feature-carousel-inner {
    height: 191px;
 }

.set12 .feature-container, .set18 .feature-container {
    position: absolute;
    width: 9999em;
}

.set12 .features-footer, .set18 .features-footer {
    font: bold 11px Arial, Helvetica, sans-serif;
    margin-right: 25px;
    text-align: right;
}

.set12 .features-footer a:after, .set18 .features-footer a:after {
    content: " \203a\203a";
}

/* nav */
.set12 .feature-carousel-previous,
.set12 .feature-carousel-next {
    background: url(i/global/global-sprite.png) no-repeat;
    cursor: pointer;
    position: absolute;
    top: 63px;
    text-indent: -9999px;
    width: 14px;
    height: 28px;
    z-index: 1000;
}

.thumbnailstrip .feature-carousel-previous,
.thumbnailstrip .feature-carousel-next {
    display: none;
}

.set12 .feature-carousel-previous:hover,
.set12 .feature-carousel-next:hover {
    opacity: .6;
}

.set12 .feature-carousel-previous {
    background-position: -647px 0px;
    left: 2px;
}

.set12 .feature-carousel-next {
    background-position: -710px 0px;
    right: 2px;
}

.set12 .feature-carousel .disabled, .set18 .feature-carousel .tab-list .tab-forward.disabled, .set18 .feature-carousel .tab-list .tab-back.disabled {
    cursor: default;
    opacity: .2;
}

/*DART AD */
.feature-dartad {
    padding: 15px;
    background:url("i/yrail/advertisement.gif") no-repeat scroll 18px 5px transparent;
}

/* Topics */
.topicFeature #features1 {
    clear:both;
    float: none;
    width: 620px;
}

/* Cartoon kit */
.cartoon {
    padding: 0 0 20px;
}


.blogriver div.rubric {
     color: #CD0021;
    float: left;
    font: 14px/1.2em serif;
    margin: 0 4px 0 0;
    text-transform: none;
}

/* Yrail FB */
#ps3_fs1_yrail .feature {
    padding: 10px 10px 20px;
}