8@charset "UTF-8";
/* CSS Document */
/* --------// start: Feature Specific Styles // ----------- */

/*Subheader BG*/
body #subheader{}

/*Subheader Logo*/
body #sub-branding .logo{width: 325px; margin:0;}

/*Tier-1 text colors*/
body #mod-feature-mem ul.tier-1-nav li a {color:#5d5d5d;}
body #mod-feature-mem ul.tier-1-nav li a:hover {}

/*Tier-2 nav text & border colors*/
body #mod-feature-mem .tier-2-nav ul li a span {color:#f5b87d;}
body #mod-feature-mem .tier-2-nav ul li a {border-right-color:#6C462B; color:#f5b87d;}

body #mod-feature-mem .mod-content{height:405px;}

div.tier-2-nav div.scroll-slider li.parent-intro{height: 0 !important; width: 0 !important;}

/*feature-base.css and feature-mem.css Overrides, custom feature page modules*/
/*Sub-branding*/
body #subheader .ad{margin: 0 0 6px;}
body #subheader {
margin:0 auto;
width:944px;
}
body #sub-branding {
clear:both;
height:68px;
margin:0 10px 0 0 !important;
overflow:hidden;
padding:0;
}
body #sub-branding h2, #sub-branding h2 a {height:68px;}
/*End sub-branding*/

/*Tier 1 Nav*/
body #mod-feature-mem ul.tier-1-nav li {background: rgb(36,36,36);
background: -moz-linear-gradient(top,  rgba(36,36,36,1) 52%, rgba(0,0,0,1) 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(52%,rgba(36,36,36,1)), color-stop(99%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top,  rgba(36,36,36,1) 52%,rgba(0,0,0,1) 99%);
background: -o-linear-gradient(top,  rgba(36,36,36,1) 52%,rgba(0,0,0,1) 99%);
background: -ms-linear-gradient(top,  rgba(36,36,36,1) 52%,rgba(0,0,0,1) 99%);
background: linear-gradient(top,  rgba(36,36,36,1) 52%,rgba(0,0,0,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#000000',GradientType=0 );
 margin:0; padding:0; -moz-border-radius:0 0 0 0;-webkit-border-radius:0 0 0 0; border-radius:0;opacity:1.0; filter: alpha(opacity=100); border-top:1px solid #3a3a3a; border-right:1px solid #242424; font:bold 13px/11px Helvetica, Arial, sans-serif; width:184px; height:24px; line-height:24px;}
body #mod-feature-mem ul.tier-1-nav li a{color:#5D5D5D; display:block;}
body #mod-feature-mem ul.tier-1-nav li.last{width:183px;margin-right:0;}
body #mod-feature-mem ul.tier-1-nav li a:hover{opacity:1.0; filter: alpha(opacity=100); cursor:pointer; color: #fff;text-decoration:none; height: 100%; width: 100%; background: rgb(54,54,54);
background: -moz-linear-gradient(top,  rgba(54,54,54,1) 52%, rgba(0,0,0,1) 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(52%,rgba(54,54,54,1)), color-stop(99%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top,  rgba(54,54,54,1) 52%,rgba(0,0,0,1) 99%);
background: -o-linear-gradient(top,  rgba(54,54,54,1) 52%,rgba(0,0,0,1) 99%);
background: -ms-linear-gradient(top,  rgba(54,54,54,1) 52%,rgba(0,0,0,1) 99%);
background: linear-gradient(top,  rgba(54,54,54,1) 52%,rgba(0,0,0,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#000000',GradientType=0 );
}
body #mod-feature-mem ul.tier-1-nav li.active {background: rgb(54,54,54);
background: -moz-linear-gradient(top,  rgba(54,54,54,1) 52%, rgba(0,0,0,1) 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(52%,rgba(54,54,54,1)), color-stop(99%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top,  rgba(54,54,54,1) 52%,rgba(0,0,0,1) 99%);
background: -o-linear-gradient(top,  rgba(54,54,54,1) 52%,rgba(0,0,0,1) 99%);
background: -ms-linear-gradient(top,  rgba(54,54,54,1) 52%,rgba(0,0,0,1) 99%);
background: linear-gradient(top,  rgba(54,54,54,1) 52%,rgba(0,0,0,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#000000',GradientType=0 );
 opacity:1.0; filter: alpha(opacity=100);}
body #mod-feature-mem ul.tier-1-nav li.active a{color:#dadada; }
body #mod-feature-mem ul.tier-1-nav li.inactive, body #mod-feature-mem ul.tier-1-nav li.inactive:hover {background: rgb(36,36,36);
background: -moz-linear-gradient(top,  rgba(36,36,36,1) 52%, rgba(0,0,0,1) 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(52%,rgba(36,36,36,1)), color-stop(99%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top,  rgba(36,36,36,1) 52%,rgba(0,0,0,1) 99%);
background: -o-linear-gradient(top,  rgba(36,36,36,1) 52%,rgba(0,0,0,1) 99%);
background: -ms-linear-gradient(top,  rgba(36,36,36,1) 52%,rgba(0,0,0,1) 99%);
background: linear-gradient(top,  rgba(36,36,36,1) 52%,rgba(0,0,0,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#000000',GradientType=0 ); cursor:default;opacity:1.0; filter: alpha(opacity=100);color:#393939;}
/*End Tier 1 Nav*/

/*Tier 2 Nav*/
body #mod-feature-mem .tier-2-nav {background: rgb(36,36,36);
background: -moz-linear-gradient(top,  rgba(36,36,36,1) 0%, rgba(0,0,0,1) 70%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(36,36,36,1)), color-stop(70%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top,  rgba(36,36,36,1) 0%,rgba(0,0,0,1) 70%);
background: -o-linear-gradient(top,  rgba(36,36,36,1) 0%,rgba(0,0,0,1) 70%);
background: -ms-linear-gradient(top,  rgba(36,36,36,1) 0%,rgba(0,0,0,1) 70%);
background: linear-gradient(top,  rgba(36,36,36,1) 0%,rgba(0,0,0,1) 70%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#000000',GradientType=0 );
}
body #mod-feature-mem .tier-2-nav .arrow-left{display: block; height:30px; width:30px; background:url("/i/ncf/hop/images/hop-arrows.png") 0 0 no-repeat; float:left; margin:4px 0 0 20px;cursor:pointer;}
body #mod-feature-mem .tier-2-nav .arrow-left:hover{background-position: 0 -30px;}
body #mod-feature-mem .tier-2-nav .arrow-right{display: block; height:30px; width:30px; background:url("/i/ncf/hop/images/hop-arrows.png") -30px 0 no-repeat; float:right;  margin:4px 20px 0 0; cursor:pointer;}
body #mod-feature-mem .tier-2-nav .arrow-right:hover{background-position: -30px -30px;}
body #mod-feature-mem .tier-2-nav .arrow-left-inactive, body #mod-feature-mem .tier-2-nav div.arrow-left-inactive:hover{opacity:.3; filter: alpha(opacity=30); background-position: 0 0; cursor:default;}
body #mod-feature-mem .tier-2-nav .arrow-right-inactive, body #mod-feature-mem .tier-2-nav div.arrow-right-inactive:hover{opacity:.3; filter: alpha(opacity=30); background-position: -30px 0; cursor:default;}
body #mod-feature-mem .tier-2-nav ul {
height:40px;
margin:0;
overflow:hidden;
padding:0;
position:relative;
float:left;
}
body #mod-feature-mem .tier-2-nav ul.series-hop li{ width:206px; height:40px;}
body #mod-feature-mem .tier-2-nav ul li.active {background: rgb(54,54,54);
background: -moz-linear-gradient(top,  rgba(54,54,54,1) 52%, rgba(0,0,0,1) 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(52%,rgba(54,54,54,1)), color-stop(99%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top,  rgba(54,54,54,1) 52%,rgba(0,0,0,1) 99%);
background: -o-linear-gradient(top,  rgba(54,54,54,1) 52%,rgba(0,0,0,1) 99%);
background: -ms-linear-gradient(top,  rgba(54,54,54,1) 52%,rgba(0,0,0,1) 99%);
background: linear-gradient(top,  rgba(54,54,54,1) 52%,rgba(0,0,0,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#000000',GradientType=0 );}
body #mod-feature-mem .tier-2-nav ul li a{cursor:pointer; display:block; height:40px; overflow:hidden; border-right:0px solid; padding:0; margin:0; text-align:center; font:bold 20px/41px Helvetica, Arial, sans-serif; color:#5d5d5d;}
body #mod-feature-mem .tier-2-nav ul li.active a {
background: rgb(54,54,54);
background: -moz-linear-gradient(top,  rgba(54,54,54,1) 52%, rgba(0,0,0,1) 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(52%,rgba(54,54,54,1)), color-stop(99%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top,  rgba(54,54,54,1) 52%,rgba(0,0,0,1) 99%);
background: -o-linear-gradient(top,  rgba(54,54,54,1) 52%,rgba(0,0,0,1) 99%);
background: -ms-linear-gradient(top,  rgba(54,54,54,1) 52%,rgba(0,0,0,1) 99%);
background: linear-gradient(top,  rgba(54,54,54,1) 52%,rgba(0,0,0,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#000000',GradientType=0 );
border:medium none;
color:#fff !important;
padding: 0;
}
body #mod-feature-mem .tier-2-nav ul li.last {border: none;}
body #mod-feature-mem .tier-2-nav ul li.inactive a{cursor:default;}
/*End Tier 2 Nav*/

body #mod-feature-mem .mod-content .top-story-image {left:20px;top:0;}
body #mod-feature-mem .mod-content .feature-content {
background:none;
overflow:hidden;
padding:0;
margin:0px 20px 0 0;
position:relative;
border-bottom: 1px solid #7b7b7b;
height:323px;
width:285px;
}
body #mod-feature-mem .mod-content .feature-content a{color:#608fd6!important;}
body #mod-feature-mem .mod-content .feature-content h2 {
font-family:Arial,Helvetica,sans-serif;
font-size:25px;
font-weight:bold;
line-height:30px;
margin:0 0 10px 0;
padding: 5px 0 4px 0;
border-top: 1px solid #7b7b7b;
border-bottom: 1px solid #7b7b7b;
}
body #mod-feature-mem .mod-content .feature-content p {
font: normal 12px/15px Helvetica,Arial,sans-serif;
margin:0 0 10px;
color: #fff;
}

body #mod-feature-mem .mod-content .video-player {
-moz-box-shadow: 0px 0px 20px #000;
-webkit-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
/*top:20px;*/
left:20px;
height:324px;
margin:0 !important;
}

body #mod-feature-mem .mod-content p.credit {
font: normal 12px/15px Helvetica,Arial,sans-serif;
margin:0 0 10px;
color: #bbb;
position:absolute;
top:364px;
left:20px;
}



body #mod-feature-mem .mod-content  top-story-image cite {font-size:10px; width:576px; overflow: hidden;}

body #mod-feature-mem .page-actions{margin:0;height:60px; position:relative; top:20px; right:5px;}
/*body #mod-feature-mem .page-actions a{color: #608FD6 !important; margin-right:3px; }
body #mod-feature-mem .page-actions a:visited{color: #B2D0ED !important; margin-right:3px;}*/
body #mod-feature-mem .page-actions .mod-page-actions li a .label{display:none;}
body #mod-feature-mem .page-actions a.sendtofriend{position:relative; bottom:4px;}
body .mod-conversations {margin:0 10px 0 0;}


#sub-branding h2 a, #sub-branding .h2 a, body.tier3 #sub-branding h2 a, body.tier3 #sub-branding .h2 a {
    color: #FFFFFF;
    display: block;
    font: 700 40px/68px Arial,Helvetica,sans-serif;
    height: 68px;
    margin: 0 5px 0 0;
    text-shadow: 0 0 10px black;
    width: auto;
}

#sub-branding h2 .sub-brand-title, #sub-branding .h2 .sub-brand-title, body.tier3 #sub-branding h2 .sub-brand-title, body.tier3 #sub-branding .h2 .sub-brand-title {
    float: left;
}

/*#sub-branding h2 a b, #sub-branding-flash h2 span {
    left: 30px;
    position: absolute;
}*/

div.tier-2-nav div#scroll-pane{
	width: 824px;
	display: inline-block;
	float: left;
	overflow: hidden;
}

div.tier-2-nav.noarrow div#scroll-pane{
	width: 924px !important;
}

div.tier-2-nav div#scroll-slider{
	float: left;
	position: relative;
	width: 1000000px;
}

/* tab widths tier1 - defaults */
body #mod-feature-mem ul.tier-1-nav.tier1-tab-1 li { width:924px; }
body #mod-feature-mem ul.tier-1-nav.tier1-tab-2 li { width:461px; }
body #mod-feature-mem ul.tier-1-nav.tier1-tab-3 li { width:307px; }
body #mod-feature-mem ul.tier-1-nav.tier1-tab-4 li { width:230px; }
body #mod-feature-mem ul.tier-1-nav.tier1-tab-5 li { width:183.8px; }
body #mod-feature-mem ul.tier-1-nav.tier1-tab-6 li { width:153px; }
body #mod-feature-mem ul.tier-1-nav.tier1-tab-7 li { width:131px; }
body #mod-feature-mem ul.tier-1-nav.tier1-tab-8 li { width:114.5px; }
body #mod-feature-mem ul.tier-1-nav.tier1-tab-9 li { width:101.6px; }
body #mod-feature-mem ul.tier-1-nav.tier1-tab-10 li { width:91.4px; }
body #mod-feature-mem ul.tier-1-nav.tier1-tab-11 li { width:83px; }
body #mod-feature-mem ul.tier-1-nav.tier1-tab-12 li { width:76px; }
body #mod-feature-mem ul.tier-1-nav.tier1-tab-13 li { width:70px; }
body #mod-feature-mem ul.tier-1-nav.tier1-tab-14 li { width:66px; }
body #mod-feature-mem ul.tier-1-nav.tier1-tab-15 li { width:61.6px; }


/* tab widths tier2 - "About the Fight" flexible for 1-7 tabs */

body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-1{ width:824px; display:block; }
body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-2{ width:462px; display:block; }
body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-3{ width:274.6px; display:block; }
body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-4{ width:206px; display:block; }
body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-5{ width:164.8px; display:block; }
body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-6{ width:137.3px; display:block; }
body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-7{ width:117.7px; display:block; }
body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-8{ width:103px; display:block; }
body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-9{ width:91.5px; display:block; }
body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-10{ width:82.4px; display:block; }
body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-11{ width:74.9px; display:block; }
body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-12{ width:68.6px; display:block; }
body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-13{ width:63.3px; display:block; }
body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-14{ width:58.8px; display:block; }
body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-15{ width:54.9px; display:block; }
body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-16{ width:51.5px; display:block; }
body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-17{ width:48.4px; display:block; }
body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-18{ width:45.7px; display:block; }
body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-19{ width:43.3px; display:block; }
body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-20{ width:41.2px; display:block; }
body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-21{ width:39.2px; display:block; }
body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-22{ width:37.4px; display:block; }
body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-23{ width:35.8px; display:block; }
body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-24{ width:34.3px; display:block; }
body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-25{ width:33px; display:block; }

body #mod-feature-mem div.tier-2-nav.noarrow ul li.tier2-tab-1{ width:924px; display:block; }
body #mod-feature-mem div.tier-2-nav.noarrow ul li.tier2-tab-2{ width:462px; display:block; }
body #mod-feature-mem div.tier-2-nav.noarrow ul li.tier2-tab-3{ width:308px; display:block; }
body #mod-feature-mem div.tier-2-nav.noarrow ul li.tier2-tab-4{ width:231px; display:block; }
body #mod-feature-mem div.tier-2-nav.noarrow ul li.tier2-tab-5{ width:184.8px; display:block; }
body #mod-feature-mem div.tier-2-nav.noarrow ul li.tier2-tab-6{ width:154px; display:block; }
body #mod-feature-mem div.tier-2-nav.noarrow ul li.tier2-tab-7{ width:132px; display:block; }

/*new way
body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-1{ width:100% !important; display:block; }
body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-2{ width:50% !important; display:block; }
body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-3{ width:33.3% !important; display:block; }
body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-4{ width:25% !important; display:block; }
body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-5{ width:20% !important; display:block; }
body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-6{ width:16.6% !important; display:block; }
body #mod-feature-mem div.tier-2-nav ul li.tier2-tab-7{ width:14.2% !important; display:block; }*/

body.feature #mod-feature-mem .tier-2-nav ul li { height: auto !important; }