
/* experts */

body.feature .mod-experts dl dd {
text-indent:40px;
width:100%;
}
body.feature .mod-experts ul li dl {
float:left;
margin:0 !important;
width:28%;
}
body.feature .mod-experts ul li {
border-top:0 none !important;
}
body.feature .mod-experts .logo-small {
height:39px;
}

.mod-stripe .mod-content .igrid .mod-content{padding-bottom:0px;margin-bottom: 0px;}
.mod-stripe .mod-content .igrid .mod-content .grade{width:134px;text-align:center;margin:-28px 0 8px 0;}
.ispan-1{width:144px;}






/*  top story overrides  */

/* TOP STORY DEFAULT */
#top-stories .mod-content { padding: 2px; position: relative; z-index:1; height: 451px;border: #000;background:#000;}
.ie #top-stories .mod-content {height:1%;}
#top-stories .mod-content .top-story-content { background: #000; position: relative; width: 576px; margin: 0px 16px 0;}
#top-stories .mod-content .gradient-container{  background: #000;}

.ie6 #top-stories .mod-content .top-story-content { float: none; }
#top-stories .mod-tab-content {background:#000 !important;}
#top-stories .mod-content .top-story-content .top-story-image { height: 324px; overflow:hidden; width:100%;margin-left:-23px;}
#top-stories .mod-content .top-story-content .top-story-headline { color: #fff; background: transparent; height: auto; width:100%; position: absolute; right:0;bottom:0;left:0;}
#top-stories .mod-content .top-story-content .top-story-headline h2 { position: relative; padding: 8px 0px 0px 11px; margin: 0; width: 75%; font: 700 30px arial,sans-serif; line-height: 36px; /*font-weight:bold;*/}
#top-stories .mod-content .top-story-content .top-story-headline h2.vert { padding: 8px 0px 4px 0px;}
#top-stories .mod-content .top-story-content .top-story-headline p { position: relative; padding:0 11px 0px 11px; margin: 0; font: normal 12px helvetica, arial,sans-serif; line-height: 16px;}
#top-stories .mod-content .top-story-content .top-story-headline p a { position: relative; color: #669dd6; font-weight: bold; padding-right:6px;}
#top-stories .mod-content .top-story-content .top-story-headline cite { position: absolute; top: 5px; right: 11px; color: #ababab; font: normal 9px arial, sans-serif;}
#top-stories .mod-content .top-story-content .top-story-headline .transparent-background { position: absolute; top:0;right:0;bottom:0;left:0px; width: 576px; background-color: #000; opacity: 0.8; filter: alpha(opacity=80); }
.ie6 #top-stories .mod-content .top-story-content .top-story-headline .transparent-background { height: expression(this.parentNode.offsetHeight + 'px'); /* for ie6 to make it grow */ }
/* TOP STORY VERTICAL */
#top-stories .mod-content .top-story-content.vertical { background: #fff; position: relative; width: 576px; margin: 5px 16px 0; }
#top-stories .mod-content .top-story-content.vertical .top-story-headline h1 { padding: 0 0 10px 0; width: 100%;}
#top-stories .mod-content .top-story-content.vertical .top-story-headline p { padding: 0; }
#top-stories .mod-content .top-story-content.vertical .top-story-headline ul { margin-top: 10px; color: #fff; list-style-type: disc; list-style-position: inside;}
#top-stories .mod-content .top-story-content.vertical .top-story-headline ul li { }
#top-stories .mod-content .top-story-content.vertical .top-story-headline a { color: #669DD6;}
#top-stories .mod-content .top-story-content.vertical .top-story-image { position: absolute; left:0px; width: 288px; z-index:4000;margin-left:0px;top:0px }
#top-stories .mod-content .top-story-content.vertical .top-story-image cite { display: block; position: absolute; bottom: 3px; left: 10px; color: #ababab; font: normal 9px arial, sans-serif;}
.ie6 #top-stories .mod-content .top-story-content.vertical .top-story-image cite { bottom: 5px; }
#top-stories .mod-content .top-story-content.vertical .top-story-headline { position: absolute; background: #333; left:auto; right:0px; width: 258px; height: 294px; padding: 15px; z-index:6000;}
#top-stories .mod-content .top-story-content.vertical .top-story-image .transparent-background { position: absolute; ;right:0;bottom:0;left:0px; height: 20px; width: 288px; background-color: #000; opacity: 0.8; filter: alpha(opacity=80); /*height: expression(this.parentNode.offsetHeight + 'px'); /* for ie6 to make it grow */}
/* TOP STORY SCOREBOARD */
#top-stories .mod-content .top-story-content .top-story-headline.scoreboard h2{width:auto;}
#top-stories .mod-content .top-story-content .top-story-headline .mod-ts-scoreboard{overflow:hidden; height:50px; float:right; z-index:6000; position:relative; margin:22px 10px 0px 10px; border:1px #696969 solid;}
.ie6 #top-stories .mod-content .top-story-content .top-story-headline .mod-ts-scoreboard{margin:22px 4px 0px 10px;}
#top-stories .mod-content .top-story-content .top-story-headline .mod-ts-scoreboard .transparent-background{width:100%;}
#top-stories .mod-content .top-story-content .top-story-headline .mod-ts-scoreboard ul.scores{position:relative; padding:6px 0px 0px 6px; margin:0px 8px 0px 0px; float:left; display:block;}
#top-stories .mod-content .top-story-content .top-story-headline .mod-ts-scoreboard ul.scores li{font-family:Helvetica, Arial, sans-serif; font-size:13px; font-weight:normal; position:relative; line-height:13px; display:block; padding:2px 35px 0px 0px; margin-bottom:4px;}
#top-stories .mod-content .top-story-content .top-story-headline .mod-ts-scoreboard ul.scores li.winner{font-weight:bold;}
#top-stories .mod-content .top-story-content .top-story-headline .mod-ts-scoreboard ul.scores li span.rank{font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; display:inline-block; width:14px; text-align:right; padding-top:0px; color:#999;}
#top-stories .mod-content .top-story-content .top-story-headline .mod-ts-scoreboard ul.scores li.winner span.rank{font-weight:normal;}
#top-stories .mod-content .top-story-content .top-story-headline .mod-ts-scoreboard ul.scores li span.score{display:block; position:absolute; right:0px; top:0px; padding:2px 2px 1px 2px;}
.ie #top-stories .mod-content .top-story-content .top-story-headline .mod-ts-scoreboard ul.scores li span.score{top:2px;}
#top-stories .mod-content .top-story-content .top-story-headline .mod-ts-scoreboard ul.scores li span.highlight{background:#363636;}
#top-stories .mod-content .top-story-content .top-story-headline .mod-ts-scoreboard ul.details{position:relative; border-left:1px #696969 solid; display:block; padding:1px 8px 1px 8px; margin:5px 0px 0px 0px; height:35px; float:left;}
#top-stories .mod-content .top-story-content .top-story-headline .mod-ts-scoreboard ul.details li{font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:12px; margin:0px; padding:0px; font-weight:normal;}
#top-stories .mod-content .top-story-content .top-story-headline .mod-ts-scoreboard ul.details li.tv{color:#8d8d8d;}
/* CAROUSEL MODULE */
.mod-carousel { clear: both; padding: 2px; position: relative; /*left: -999em;*/ width: auto; margin-left: 22px; margin-top: 2px; */}
#top-stories .mod-carousel { width: 559px; margin-left: 22px; margin-top: 2px; }
.mod-carousel.initialized { padding: 1px 2px; /*position: static;*/ width: auto !important; margin-left: 0 !important; margin-top: 0 !important;}
.mod-carousel .jcarousel-container { position: relative; padding-top: 3px;}
/*.ie .mod-carousel .jcarousel-container { zoom: 1; overflow: hidden; }*/
.mod-carousel .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;}
#top-stories .mod-carousel .jcarousel-clip { width: 559px; }
.mod-carousel ul { width: 9999em !important; }
.ie .mod-carousel ul {  }
.mod-carousel ul,.mod-carousel .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}
.mod-carousel ul li,.mod-carousel .jcarousel-list li,.mod-carousel .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 138px; height: 92px; padding-top: 6px; margin: 0 1px; position: relative; display: inline;}
.mod-carousel ul li div,.mod-carousel .jcarousel-list li div { border: 2px solid #000; border-bottom: 0; }
#top-stories { /*background: #fff;*/ }
#top-stories .mod-carousel ul li div,#top-stories .mod-carousel .jcarousel-list li div { height: 90px; background: #fff;}
#top-stories .mod-carousel ul li.active div,#top-stories .mod-carousel .jcarousel-list li.active div { height: 90px; background: #000;}
#top-stories .mod-carousel ul li div a:hover,#top-stories .mod-carousel .jcarousel-list li div a:hover { text-decoration: none;}
#top-stories .mod-carousel ul li div a:hover img,#top-stories .mod-carousel .jcarousel-list li div a:hover img { opacity: 0.5; filter: alpha(opacity=50);}
#top-stories .mod-carousel ul li.active div a img,#top-stories .mod-carousel .jcarousel-list.active li div a img { opacity: 0.5; filter: alpha(opacity=50);}
.mod-carousel ul li h3,.mod-carousel .jcarousel-item h3 { background: #222; font: normal 10px verdana, helvetica, arial, sans-serif; line-height: 10px; color: #fff; margin: 0; padding: 5px; position: absolute; bottom: 0; left: 2px; width: 124px; overflow: hidden;}
.mod-carousel ul li div a h3 span,.mod-carousel .jcarousel-item li div a h3 span { display: none; color: #ababab;}
#top-stories .mod-carousel ul li div a:hover h3 span,#top-stories .mod-carousel .jcarousel-list li div a:hover h3 span { display: block; }
.mod-carousel ul li.active,.mod-carousel .jcarousel-list li.active { background: transparent url(/espncitysites/prod/assets/nfl/carousel_arrow_selected_blk.png) 50% 0 no-repeat;}
.ie6 .mod-carousel .jcarousel-list li.active { background: transparent url(/espncitysites/prod/assets/nfl/carousel_arrow_selected_blk.png) 50% 0 no-repeat;}
.mod-carousel ul li.active div,.mod-carousel .jcarousel-list li.active div { border-color: #222;}
#top-stories .mod-carousel li.active div a h3 span,
#top-stories .mod-carousel .jcarousel-list li.active div a h3 span { display: block; }
/** * The buttons are added dynamically by jCarousel before * the <ul> list (inside the <div> described above) and * have the classnames "jcarousel-next" and "jcarousel-prev". */
.jcarousel-next,
.jcarousel-prev { background-image:url(/espncitysites/prod/assets/nfl/carousel-scrollers-sprite_blk.png); background-repeat:no-repeat; height:18px; width:18px; cursor:pointer; z-index:3; display:none; padding:0 2px;}
.ie6 .jcarousel-next,
.ie6 .jcarousel-prev {background-image:url(/espncitysites/prod/assets/nfl/carousel-scrollers-sprite-ie6_blk.png);}
.jcarousel-next {float: right; background-position:-125px 50%;}
#top-stories .jcarousel-next { height: 98px; }
.jcarousel-next:hover { background-position:-100px 50%;}
.ie6 #top-stories .jcarousel-next { width: 15px; height: 95px; }
.jcarousel-next-disabled { background-position:-75px 50%;}
.jcarousel-next-disabled:hover { background-position:-75px 50%; cursor: default;}
.jcarousel-prev { float:left; background-position:0 50%;}
#top-stories .jcarousel-prev { height: 98px; }
.jcarousel-prev:hover { background-position:-25px 50%;}
.ie6 .jcarousel-prev { width: 15px; height: 95px; }
.jcarousel-prev-disabled { background-position:-50px 50%;}
.jcarousel-prev-disabled:hover { background-position:-50px 50%; cursor: default;}
.mod-carousel .pagination { padding: 25px 0 5px 0; text-align: center; line-height:15px; height: 15px;}
.mod-carousel .pagination a { font-size: 0.9em; text-decoration: none; padding: 0 4px; line-height: 15px; width: 8px; background: transparent url(/espncitysites/prod/assets/nfl/carousel_pagination_sprite_blk.png) -3px 0 no-repeat; }
.mod-carousel .pagination a.current { background-position: -3px -11px; }
#top-stories .mod-carousel .pagination { padding: 2px 0; text-align: center; }
/* PARTNER LINKS MAIN CAROUSEL */
#top-stories .mod-content .mod-carousel .top-story-thumbnail { border-width:0; background:none;}
#top-stories .mod-carousel .jcarousel-list li.active div.top-story-thumbnail,#top-stories .mod-carousel .jcarousel-list li.active div.top-story-partner { background: none; height: 14px;}
#top-stories .mod-content .mod-carousel .top-story-partner { color: #fff; background: transparent; height: 14px; width:134px; position: absolute; right:0;bottom:76px;left:0; border-width:0;}
#top-stories .mod-content .mod-carousel .top-story-partner a { position: relative; padding-left: 7px; margin: 0; font: 700 9px verdana,sans-serif; line-height: 14px; font-weight:bold; cursor: pointer; color: #fff; display: inline-block;}
#top-stories .mod-content .mod-carousel .top-story-partner a.external {background:transparent url(/prod/assets/icon_externallink_wht.png) no-repeat 100% 52%;}
#top-stories .mod-content .mod-carousel .top-story-partner .transparent-background { position: absolute; top:0;right:0;bottom:0;left:2px; width: 134px; height:14px; border-width: 0; background: #225db7; opacity: 0.6; filter: alpha(opacity=60); }
.ie6 #top-stories .mod-content .mod-carousel .top-story-partner .transparent-background { height: expression(this.parentNode.offsetHeight + 'px'); /* for ie6 to make it grow */ }
body.nfl #top-stories .mod-content .mod-carousel .top-story-partner .transparent-background { background: #006600; }

  .videoplayer-show { 
            height:324px !important;
            top: -5px;
        }
        #mod-feature-mem .mod-content {
            background: black;
        }   
        .mod-mem-carousel ul li div {
            border: 2px solid black;
        }



/* vid-icon */
#top-stories .mod-carousel li div.vid-icon,#top-stories .mod-carousel li.active div.vid-icon{background:transparent url(/prod/assets/icon_video.png) no-repeat 6px 6px;height:75px;width:134px;border-width:0;opacity:.75;filter:alpha(opacity=75);float:left;position:absolute;}.ie6 #top-stories .mod-carousel li div.vid-icon,.ie6 #top-stories .mod-carousel li.active div.vid-icon{background:transparent url(/prod/assets/icon_video_ie6.png) no-repeat 6px 6px;}#top-stories .mod-carousel li div.vid-icon-bn,#top-stories .mod-carousel li.active div.vid-icon-bn{background:transparent url(/prod/assets/icon_video.png) no-repeat 6px 20px;}.ie6 #top-stories .mod-carousel li div.vid-icon-bn,.ie6 #top-stories .mod-carousel li.active div.vid-icon-bn{background:transparent url(/prod/assets/icon_video_ie6.png) no-repeat 6px 20px;}.top-story-content,.top-story-vertical{background:#434343;height:324px;}

/* custom colors */
body.dallas.nba-matchup {
background-image:url(/espncitysites/prod/assets/nba/bg_dallas_nba_tile.jpg) !important;background-repeat:repeat-x;}
body.dallas.nba-matchup .bg-elements{background:url(/espncitysites/prod/assets/nba/bg_dallas_nba.jpg)  50% 55px no-repeat !important;}
body.dallas.nba-matchup #subheader {background:url(/espncitysites/prod/assets/nba/bg_subhead_dallas_nologo.jpg) no-repeat scroll center 145px transparent;width:100%;}


body.ny.nba-matchup {
background-image:url(/espncitysites/prod/assets/nba/bg_nyk_nba_tile.jpg) !important;background-repeat:repeat-x;}
body.ny.nba-matchup .bg-elements{background:url(/espncitysites/prod/assets/nba/bg_nyk_nba.jpg)  50% 55px no-repeat !important;}
body.ny.nba-matchup #subheader {background:url(/espncitysites/prod/assets/nba/bg_subhead_nyk_nologo.jpg) no-repeat scroll center 145px transparent;width:100%;}

body.chicago.nba-matchup {
background-image:url(/espncitysites/prod/assets/nba/bg_chicago_nba_tile.jpg) !important;background-repeat:repeat-x;}
body.chicago.nba-matchup .bg-elements{background:url(/espncitysites/prod/assets/nba/bg_chicago_nba.jpg)  50% 55px no-repeat !important;}
body.chicago.nba-matchup #subheader {background:url(/espncitysites/prod/assets/nba/bg_subhead_chicago_nologo.jpg) no-repeat scroll center 145px transparent;width:100%;}

body.boston.nba-matchup {
background-image:url(/espncitysites/prod/assets/nba/bg_boston_nba_tile.jpg) !important;background-repeat:repeat-x;}
body.boston.nba-matchup .bg-elements{background:url(/espncitysites/prod/assets/nba/bg_boston_nba.jpg)  50% 55px no-repeat !important;}
body.boston.nba-matchup #subheader {background:url(/espncitysites/prod/assets/nba/bg_subhead_boston_nologo.jpg) no-repeat scroll center 145px transparent;width:100%;}


body.la.nba-matchup {
background-image:url(/espncitysites/prod/assets/nba/bg_lal_nba_tile.jpg) !important;background-repeat:repeat-x;}
body.la.nba-matchup .bg-elements{background:url(/espncitysites/prod/assets/nba/bg_lal_nba.jpg)  50% 55px no-repeat !important;}
body.la.nba-matchup #subheader {background:url(/espncitysites/prod/assets/nba/bg_subhead_la_nologo.jpg) no-repeat scroll center 145px transparent;width:100%;}



/*feature-base.css and feature-mem.css Overrides*/
.top-stories-wrapper .series-results {
bottom:5px;
left:10px;
position:absolute;
right:0;
width:288px !important;
}

.top-stories-wrapper  {
background:url("/prod/assets/feature/feature-bg_headline.png") no-repeat scroll 0 0 transparent;
height:498px !important;
overflow:hidden;
padding:10px 0px 0 12px;
position:relative;
}

.mod-mem-carousel ul li.active div {
background:none repeat scroll 0 0 #333 !important;
border:2px solid #333 !important;
}


.mod-mem-carousel ul li h3 {
background:none repeat scroll 0 0 #333 !important;
bottom:2px;
color:#FFFFFF;
font-family:verdana,arial,sans-serif;
font-size:10px;
font-weight:400;
left:2px;
line-height:10px;
margin:0;
overflow:hidden;
padding:5px;
position:absolute;
width:100px;
}
.top-story-headline {
background:none repeat scroll 0 0 #ccc !important;
overflow:hidden;
}
.top-stories-wrapper ul {
color:#FFFFFF;
list-style-position:inside;
list-style-type:disc;
margin-top:0;
line-height:160%;
}
.top-stories-wrapper h6 {
margin: 5px 0px 5px 0;
}

#top-stories .mod-content .top-story-content, #top-stories .mod-content .top-story-content.vertical {
margin:0 16px 0 !important;
}

#top-stories .mod-content .top-story-content.vertical .top-story-headline {
background:none repeat scroll 0 0 #333333 !important;
height:386px;
position:absolute;
width:264px;
}
#top-stories .mod-content {
padding-bottom:0px;
margin-bottom:0px;
}

#mod-feature-mem .tier-2-nav .transparent-background {
background:none repeat scroll 0 0 #000000;
bottom:0;
left:0;
margin:0;
opacity:1;
position:absolute;
right:0;
top:0;
width:944px;
}

#mod-feature-mem ul.tier-1-nav li.active .tab-bg {
opacity:1;
}

#sub-branding h2 {
background-repeat:no-repeat;

height:68px;
width:500px;
margin-top:12px;
}


#mod-feature-mem .mod-content .feature-content {
color:#FFFFFF;
height:344px;
position:relative;
width:310px;
margin:0px;
padding:0px;
}


