@charset "UTF-8";
/* CSS Document */

body{background: #f4f4f4 url(http://a.espncdn.com/i/espys/2012/images/bg.jpg) top center no-repeat; font-family:Arial, Helvetica, sans-serif;}

@font-face {
    font-family: 'SketchRockwellRegular';
    src: url('http://a.espncdn.com/i/espys/2011/styles/fonts/sketchrockwell-bold-webfont.eot');
    src: url('http://a.espncdn.com/i/espys/2011/styles/fonts/sketchrockwell-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://a.espncdn.com/i/espys/2011/styles/fonts/sketchrockwell-bold-webfont.woff') format('woff'),
         url('http://a.espncdn.com/i/espys/2011/styles/fonts/sketchrockwell-bold-webfont.ttf') format('truetype'),
         url('http://a.espncdn.com/i/espys/2011/styles/fonts/sketchrockwell-bold-webfont.svg#SketchRockwellRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.awardOver2
{
	background-color:#0078d9 !important;
}

.awardOverClick
{
	background-color:#0078d9 !important;
	color:#ffffff;
	border-radius: 0px 13px 0px 0px; 
	-moz-border-radius: 0px 13px 0px 0px; 
	-webkit-border-top-right-radius: 13px;
}


.clearfix, .container {display: block;}
.clearall{clear:both;}
.floatleft{float:left;}
.floatright{float:right;}
.noDisplay { display: none; }
/*Header*/
header{height:300px; margin-bottom:20px!important;}

header .top-bar{padding:4px 0; border-bottom:1px solid #333; font: normal 11px/16px Helvetica,Arial,sans-serif;}
header .top-bar h1 {float:left;}
header .top-bar h1 a{display:block; width:47px; padding-right:13px; margin:3px 0 0 3px; height:16px; text-indent:-100px; overflow:hidden; background:url(http://a.espncdn.com/i/espys/2011/images/logo-espn.png) 0 2px no-repeat; border-right:1px solid #333; text-decoration:none;}
header .top-bar span{float:left; font:normal 11px/11px Helvetica,Arial,sans-serif; color:#fff; padding:6px 0 0 13px;}

header a{color:#fff; text-decoration:none;}
header a:hover{text-decoration:underline;}

/*Sign in*/
header .top-bar .signin { color: #fff; float: right; font-family: Helvetica,Arial,sans-serif; font-size: 11px; padding:0;}
header .top-bar .signin span a { font-weight: bold;}

header h2 a{display:block; width:225px; height:90px; text-indent:-100px; overflow:hidden; background:url(http://a.espncdn.com/i/espys/2012/images/h_espys.png) 0 0 no-repeat; margin-bottom:2px; }

header .tune-in{position:relative; height: 110px;}

header .tune-in .tune-in-info{font-weight:bold;font-family:Verdana, 'Arial Black', Arial, sans-serif; width:91px; height:90px; background:url(http://a.espncdn.com/i/espys/2012/images/h_tunein.png) 0 0 no-repeat; position: absolute; top: 0; left: 234px;}
/*header .tune-in .tune-in-info div{text-indent:-1000px;}*/

header .presby{ position:absolute; left:360px; top:39px; width:600px;}
header .presby .presby-text{ color:#666; font:normal 9px/9px Verdana,Arial,sans-serif; text-transform:uppercase;}
header .presby a.capital_one{width:84px; height:30px; position:absolute; left:0px; top:16px;}
header .presby a.castrol_edge{width:81px; height:38px; position:absolute; left:94px; top:16px;}
header .presby .presby-line{width:2px; height:31px; float: left; margin: 10px 42px 0 0; background:url(http://a.espncdn.com/i/espys/2012/images/presby-line.png) repeat-x scroll 0 0 transparent;}
header .presby .sponsor-logos{
	float: left; 
	height:25px;
	margin-right: 10px;
}
.pres-150x45 {display: none;}
header .presby .sponsor-logos.first {margin-right: 39px;}

header .ad.banner{padding:13px 0; z-index:99; height:90px; text-align:center; margin-bottom:5px;}

/*Search*/
.ie6 #searchBox, .ie6 #searchBox div { display: inline; } 
header .tune-in #nav-main-search { background: none repeat scroll 0 0 #fff; border: 1px solid #ADADAD; float: right; position: absolute;	right:0; top:6px; text-align: right; z-index: 900; opacity:.5; filter:alpha(opacity=50); margin-top:0;}
header .tune-in #nav-main-search form { text-align: right;}
header .tune-in #nav-main-search input.text { background-color: #fff; border: 0 none; color: #000; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 14px; padding: 2px 4px 0; width: 200px;}
header .tune-in #nav-main-search input.submit { background: url("http://a1.espncdn.com/prod/assets/header_sprite_fp.v3.png") no-repeat scroll -3px -35px #fff; border: 0 none; cursor: pointer; display: block; float: left; font-size: 85%; height: 22px; overflow: hidden; text-indent: -1000px; width: 22px;}

/*Nav */
header nav ul{border-bottom:8px solid #0078d9; height:30px;background: #000000;}
header nav ul li{ display:inline; }
header nav ul li a{ float:left; padding:10px 0; text-transform:uppercase; margin-right:4px;
font:normal 10px/10px Arial, Helvetica, sans-serif; text-align:center;
background:#000;}
header nav ul li.last a{margin-right:0;}
header nav ul li.active a, header nav ul li a:hover{background:#0078d9; text-decoration:none; cursor:pointer;} 
header nav ul li a:hover{text-decoration:none;} 
header nav.prevote ul li.btn1 a{width:195px;}
header nav.prevote ul li.btn2 a{width:152px;}
header nav.prevote ul li.btn3 a{width:114px;}
header nav.prevote ul li.btn4 a{width:175px;}
header nav.prevote ul li.btn5 a{width:139px;}
header nav.prevote ul li.btn6 a{width:175px;}

header nav.prevote-5 ul li.btn1 a{width:218px;} 
header nav.prevote-5 ul li.btn2 a{width:175px;} 
header nav.prevote-5 ul li.btn4 a{width:201px;} 
header nav.prevote-5 ul li.btn5 a{width:168px;} 
header nav.prevote-5 ul li.btn6 a{width:192px;} 
/*header nav.prevote-5 ul li.btn3 a{width:114px;}*/

header nav .theme{ border-left:8px solid #0078d9; color:#0078d9; text-transform:uppercase; padding:4px 0 4px 24px; background:#fff;}
header nav .theme .text{float:left;}
header nav .theme .text span.text1{font:normal 16px/16px 'Ultra', Georgia, Verdana, 'Arial Black', Arial, sans-serif;position:relative; bottom:2px;}
header nav .theme .text span.text2{font:normal 22px/22px 'Ultra', Georgia, Verdana, 'Arial Black', Arial, sans-serif; padding-right:16px; border-right:0px solid #ccc;}
header nav .theme-presby{float:left;}

/*Environmentality green*/
header nav.prevote ul li.btn-env.active a, header nav.prevote ul li.btn-env a:hover{background:#3e9d37;}
header nav ul.tabMenu-env{border-bottom:8px solid #3e9d37;}
header nav .theme-env{ border-left:8px solid #3e9d37; color:#3e9d37;}

/*MEM*/
section.mem .mod-container h3{color:#fff;
background:#000000;
border-bottom: 0px;
font:bold 13px/16px Helvetica, Verdana, 'Arial Black', Arial, sans-serif;
font-weight: 700;
padding:4px 10px;

}

section.mem .mod-container p{color:#666;font:normal 12px/15px Arial, Helvetica, sans-serif;padding:10px;}
section.mem .mod-container.mod-headline{margin-bottom:32px; height:90px; overflow:hidden;}
section.mem .mod-container.mod-headline.mod-giftbag{height:auto;}
section.mem #sectionBehindProduction .mod-container.mod-headline h3,
section.mem #moments .mod-container.mod-headline h3,
section.mem #tv .mod-container.mod-headline h3,
section.mem #environmentality .mod-container.mod-headline h3{color:#fff;
background:url(http://a.espncdn.com/i/espys/2011/images/headline-bg2.png) 0 0 no-repeat; width:377px; height:40px; position:absolute; top:0; right:-20px; display:block;
font:bold 16px/16px Verdana, 'Arial Black', Arial, sans-serif;
padding:5px 10px 0; text-indent:5px;
}
section.mem #arthurashe .mod-container.mod-headline h3,
section.mem #vfoundation .mod-container.mod-headline h3{color:#0829b6;
background:none; font:bold 20px/20px Verdana, 'Arial Black', Arial, sans-serif;
padding:14px 0 8px;
}
section.mem #vfoundation a.donate-btn{background: none repeat scroll 0 0 #000000;color: #fff;font: 10px/10px Arial, Helvetica, sans-serif;padding:6px;text-align: center; text-decoration: none;text-transform: uppercase;width:82px;position:absolute; right:30px; top:12px;}
section.mem #vfoundation a.donate-btn:hover{background:#0078d9;}

section.mem #sectionBehindProduction .mod-container.mod-headline p,
section.mem #moments .mod-container.mod-headline p,
section.mem #tv .mod-container.mod-headline p,
section.mem #environmentality .mod-container.mod-headline p{position:absolute; top:29px; right:0; width:345px; height:66px; overflow:hidden;}
section.mem #arthurashe .mod-container.mod-headline p,
section.mem #vfoundation .mod-container.mod-headline p{width:345px; margin-bottom:15px;font:normal 12px/16px Arial, Helvetica, sans-serif; color:#666; padding: 0; }
section.mem #arthurashe .mod-container.mod-headline p a,
section.mem #vfoundation .mod-container.mod-headline p a{color: #225db7; text-decoration:none;}
section.mem #arthurashe .mod-container.mod-headline p a:hover,
section.mem #vfoundation .mod-container.mod-headline p a:hover{text-decoration:underline;}
section.mem #arthurashe .mod-container.mod-headline p.last,
section.mem #vfoundation .mod-container.mod-headline p.last{margin-bottom:0;}

section.mem #arthurashe .mod-container,
section.mem #vfoundation .mod-container{background:#fff; height:297px; border-radius: 0px 0px 13px 0px; -moz-border-radius: 0px 0px 13px 0px; -webkit-border-bottom-right-radius: 13px; padding: 0 10px; overflow:hidden; margin-bottom:0; opacity:.8; }

section.mem #arthurashe ul.tabHeadlines li,
section.mem #vfoundation ul.tabHeadlines li{background:#000; color:#fff; cursor:pointer; text-decoration:none; border-radius: 0px 13px 0px 0px; -moz-border-radius: 0px 13px 0px 0px; -webkit-border-top-right-radius: 13px; float:left; list-style-type:none; font:bold 15px/15px Arial, Helvetica, sans-serif; padding:6px 17px; margin-right:4px; z-index:20;position:relative; }
section.mem #arthurashe ul.tabHeadlines li.active,
section.mem #vfoundation ul.tabHeadlines li.active,
section.mem #arthurashe ul.tabHeadlines li:hover,
section.mem #vfoundation ul.tabHeadlines li:hover{background:#0078d9; color:#fff; cursor:pointer; }
section.mem #vfoundation ul.tabHeadlines li.year-award{position:relative; left:-13px; z-index:1; padding: 6px 17px 6px 23px;}
section.mem #arthurashe ul.tabHeadlines li a,
section.mem #vfoundation ul.tabHeadlines li a{color:#fff; text-decoration:none;}
section.mem #arthurashe ul.tabHeadlines li a span,
section.mem #vfoundation ul.tabHeadlines li a span{font:bold 12px/12px Arial, Helvetica, sans-serif; text-transform:uppercase;}
section.mem #vfoundation ul.tabHeadlines li a span.per-award{font:normal 10px/10px Arial, Helvetica, sans-serif; text-transform:uppercase;}


/*More Videos*/
section.mem .mod-container.more-videos h3{color:#fff;font:bold 14px/16px Verdana, 'Arial Black', Arial, sans-serif; padding:6px 10px; margin-bottom:11px;}
section.mem .mod-container.more-videos img{}
section.mem .mod-container.more-videos a{ margin:1px 1px 0 0; display: inline-block; float:left; }
section.mem .mod-container.more-videos a.last{margin-right:0px;}
section.mem .mod-container.more-videos a img{ }
.more-videos-rollover{ font:bold 13px/13px Verdana, 'Arial Black', Arial, sans-serif; background:#fff; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; padding:10px 25px; color:#0078d9; text-transform:uppercase; text-align:center; display:none; position:relative; z-index: 5; }
.more-videos-rollover .more-videos-tick{ width:100%; height:12px; background:url(http://a.espncdn.com/i/espys/2011/images/more-videos-rollover-tick.png) center 0 no-repeat; position:absolute; bottom:-12px; margin-left:0px; left:0px;}

section.mem video.memVideo, section.mem div.memVideo{ background: #000; display: block; height: 324px; width: 576px; position: relative; top: 0px; left: 8px; }

section.mem div.memPhoto { display: block; height: 324px; width: 576px; }
section.mem div.memPhoto img {margin-left: 8px;}

.fadeContainer { position: absolute; top: 0px; left: 8px; }
.fadeContainer .layer1{ position: absolute; top: 0px; left: 0px; z-index: 1; }
.fadeContainer .layer2 { position: absolute; top: 0px; left: 0px; display: none; z-index: 2; }


/*Tabbed Items*/
.tabMenu {}
.tabGroupContainer {
	position: relative;
	display: block;
	overflow:hidden;
}
.tabContent { display: block; }
.tabSlider { position: relative; }
.pastWinnersContainer { width: 970px; height: auto; }
.ecoTipsContainer { height: auto; }
.pastWinnersContent { width: 970px; height: auto; overflow: hidden; float: left; }
.ecoTipsContent { width:576px; height: auto; margin: 0 auto; overflow: hidden; float: left; }
.ecoTipsContent p{ width:260px; height: auto; overflow: hidden; color:#176a11; font:normal 12px/15px Arial, Helvetica, sans-serif; text-align: center; margin-right: 158px; margin-left: 158px; }
.pastWinnersContentMasonryContainer{ width: 970px; height: auto; margin: 0 auto; padding: 14px 0px 0px; }
.ecoTipsContentMasonryContainer{ height: auto; margin: 0 auto; padding: 14px 0px 0px; }

/*Social*/

/*Timeline*/
section.timeline.closed {border-bottom:0px solid #0078d9;}
section.timeline {border-bottom:8px solid #0078d9;}
section.timeline span{color:#666666; font:bold 11px/11px Arial, Helvetica, sans-serif; float:left; padding:1em 0; text-transform: uppercase; /*width:110px;*/}
/*section.timeline-2011 span{width:77px !important;}*/
#vfoundation section.timeline span{width:127px;}
section.timeline nav{height:33px;}
section.timeline nav ul li{float:left; text-transform:uppercase; font:bold 11px/11px Arial, Helvetica, sans-serif; padding: 1em 0; text-align:center; width:45px; color:#0078d9;}
#vfoundation section.timeline nav ul li {margin-right:183px;}
#vfoundation section.timeline nav ul li.last {margin-right:105px;}
#vfoundation section.timeline-2011 nav ul li {margin-right:100px;}
#vfoundation section.timeline-2011 nav ul li.last {margin-right:65px;}
section.timeline nav ul li a{color:#0078d9; text-decoration:none;}
section.timeline nav ul li.active{background:#0078d9; color:#fff; cursor:pointer; text-decoration:none; border-radius: 0px 13px 0px 0px; -moz-border-radius: 0px 13px 0px 0px; -webkit-border-top-right-radius: 13px; position:relative;}
section.timeline nav ul li.awardOver{background:#0078d9; color:#fff; cursor:pointer; text-decoration:none; border-radius: 0px 13px 0px 0px; -moz-border-radius: 0px 13px 0px 0px; -webkit-border-top-right-radius: 13px; position:relative;}
section.timeline nav ul li .timeline-tick{display:none;}
section.timeline nav ul li span.name{display:none; text-transform: uppercase!important;}
section.timeline nav ul li.active .timeline-tick, section.timeline nav ul li:hover .timeline-tick{width:18px; height:12px; background:url(http://a.espncdn.com/i/espys/2012/images/moments-timeline-tick.png) 0 0 no-repeat; position:absolute; bottom:-12px; right:23px; display:block;}
section.timeline nav ul li.active span{color:#0078d9; font:bold 12px/12px Arial, Helvetica, sans-serif; position:absolute; top:35px; left:-77px; width:200px; text-transform:none; text-align:center; display:none;}
section.timeline nav ul li:hover span{color:#0078d9; font:bold 12px/12px Arial, Helvetica, sans-serif; position:absolute; top:35px; left:-77px; width:200px; text-transform:none; text-align:center; display:block;}
#vfoundation section.timeline nav ul li.active span, #vfoundation section.timeline nav ul li:hover span{left:-42px;}

/*section.timeline dl {padding:14px 0;}*/
section.timeline dl {width: 145px; margin: 0px; float: left;}
section.timeline dl dt{font:bold 11px/15px Arial, Helvetica, sans-serif; color:#424242;}
section.timeline dl dd{font:bold 11px/15px Arial, Helvetica, sans-serif; color:#0078d9; margin-bottom:12px;}

section .timeline-border{height:5px; width:100%; background:url(http://a.espncdn.com/i/espys/2011/images/moments-timeline-bar.png) 0 0 repeat-x; border-left:1px solid #b9b9b9; border-right:1px solid #b9b9b9; border-top:1px solid #b9b9b9; }

section .timeline-env .timeline-border{width:574px; }

/*arthurashe & vfoundation timelines*/
#arthurashe section.timeline,
#vfoundation section.timeline{border-bottom:0px; margin-bottom:35px; }

/*Environmentality*/
section.timeline-env h3{color:#666666; font:bold 11px/11px Arial, Helvetica, sans-serif; float:left; padding:1em 0; width:63px;}
section.env-profiles h3{color:#666666; font:bold 11px/11px Arial, Helvetica, sans-serif; float:none; padding:1em 0;}
section.timeline-env span {width:60px;}
section.timeline-env nav ul li{width:49px; color:#0078d9;}
section.timeline-env nav ul li a {color:#666; width:49px;}
section .env-mod-sprite1{background:url(http://a.espncdn.com/i/espys/2011/images/env-mod-sprite.png) 0 0 no-repeat; height:20px; width:20px; margin-right:3px; float:left;}
section .env-mod-sprite2{background:url(http://a.espncdn.com/i/espys/2011/images/env-mod-sprite.png) 0 -20px no-repeat; height:20px; width:20px; margin-right:6px; float:left; position:relative; top:5px;}
section.timeline-env {background:url(http://a.espncdn.com/i/espys/2011/images/env-ecoTips-bg.png) left bottom no-repeat; height:165px; border-bottom:0px; width:576px;}
section.timeline-env nav ul li.active, section.timeline-env nav ul li:hover {background:#3e9d37;}
section.timeline-env nav ul li .timeline-tick{display:none;}
section.timeline-env nav ul li.active .timeline-tick, section.timeline-env nav ul li:hover .timeline-tick{background:url(http://a.espncdn.com/i/espys/2011/images/moments-timeline-env-tick.png) 0 0 no-repeat;}
section.env-profiles{ height:164px; margin-top:29px; font:normal 12px/15px Arial, Helvetica, sans-serif; color:#666; width:355px; margin-left:10px; overflow: hidden; }
section.env-profiles p{margin-top:9px;}
section.env-profiles a{text-decoration:none; color:#225db7;}
section.env-profiles a:hover{text-decoration:underline;}
section.env-profiles ul{float:left; list-style-type:none;margin-top:7px;}
section.env-profiles ul.col1{margin-right:6px;}
section.env-profiles ul li {margin-bottom:1px;}

/*Bottom Row*/
section .mod-container h3{color:#fff;
background:#000000;
border-bottom: 2px solid #0078D9;
font:bold 13px/16px Helvetica, Verdana, 'Arial Black', Arial, sans-serif;
font-weight: 700;
padding:4px 10px;
}
section .mod-container h3 a{color:#fff; text-decoration:none;}
section .mod-container h3 a:hover{color:#fff; text-decoration:underline;}
section .mod-container .mod-content{padding:9px 10px;}
section .mod-container#aLookAboveModule .mod-content{padding:9px 142px 9px 10px; min-height:263px;}
section .mod-container .mod-content p{color:#666; font:normal 12px/15px Arial, Helvetica, sans-serif; margin-bottom:6px;}
section .mod-container.mod-updates .mod-content p{margin-bottom:12px;}
section .mod-container .mod-content h4{color:#0829b6; font:bold 13px/15px Arial, Helvetica, sans-serif; margin-bottom:6px;}
section .mod-container .mod-content a{color:#225db7; text-decoration:none;}
section .mod-container .mod-content a:hover{color:#225db7; text-decoration:underline;}
section .mod-container .mod-content a.link{margin-top:20px; display:block;}

/*ESPYs Alerts*/
section .mod-container.mod-updates .mod-content .mod-accordion a.mod-accordion-trigger {
    background: url(http://a.espncdn.com/i/espys/2011/images/module_accordion_arrow_off.gif) no-repeat scroll 98% 50%;
    border-color: #bfbfbf;
    border-style: solid;
    border-width: 1px 0 1px;
    color: #0829b6 !important;
    display: block;
    font:bold 13px/15px Arial, Helvetica, sans-serif;
    padding: 8px 0 8px 0;
    position: relative;
    text-decoration: none;
}
section .mod-container.mod-updates .mod-content .mod-accordion a.mod-accordion-trigger.active {background: url(http://a.espncdn.com/i/espys/2011/images/module_accordion_arrow_on.gif) no-repeat scroll 98% 50%; border-width: 0;}
section .mod-container.mod-updates .mod-content .mod-accordion a.mod-accordion-trigger:hover {text-decoration:underline;}

section .mod-container.mod-updates .mod-content {padding:9px 9px 0;}
section .mod-container.mod-updates .mod-content span{color:#666; font:bold 10px/10px Arial,Helvetica,sans-serif; display:block; margin:0 0 5px 0;}
section .mod-container.mod-updates .mod-content .form1{margin-right:0;}
section .mod-container.mod-updates .mod-content .espys-alerts{margin-bottom:15px;}
section .mod-container.mod-updates .mod-content .espys-carrier{margin:15px 0 0 15px;}
section .mod-container.mod-updates .mod-content .mod-accordion .mod-accordion-content.active {padding: 0 0 16px 0;}
section .mod-container.mod-updates .mod-content a.submit {background:#000; color:#fff; font:normal 10px/10px Arial,Helvetica, sans-serif; width:90px; display:block; text-align:center; text-transform:uppercase; padding:6px 0; cursor:pointer;}
section .mod-container.mod-updates .mod-content a.submit:hover {text-decoration:none; background:#0078d9;}
section .mod-container.mod-updates .mod-content input { margin: 0px; padding: 0px; border-style: inset; }
section .mod-container.mod-updates .mod-content select { margin: 0px; padding: 2px 1px; font: 10px Arial, Helvetica, sans-serif; border: thin solid #CCC; }
section .mod-container.mod-updates .mod-content .asterisk { font-size: 10px; }

/*Twitter*/
section .mod-twitter .mod-content{ height: auto; overflow-x: hidden; position: relative; padding:0; }
section .mod-twitter h3 img{margin:0 9px 0 3px;}
section .mod-twitter .mod-content ul { height: 296px; overflow-y: scroll; padding-top:12px;}
section .mod-twitter .mod-content ul li.first {border-top: 0 none;}
section .mod-twitter .mod-content ul li {height: auto !important;clear: both;overflow: hidden; list-style-type:none;}
section .mod-twitter .mod-content ul li img {float: left;margin-right:10px;}
section .mod-twitter .mod-content ul li dl {color: #666;font: normal 12px/15px Arial,Helvetica,sans-serif;padding: 0;width:225px;float:left;}
section .mod-twitter .mod-content ul li dl dd{margin-bottom:10px;}
section .mod-twitter .mod-footer{text-align:right;font:normal 12px/12px Arial,Helvetica,sans-serif; padding:12px 12px 12px 0; border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf;}
section .mod-twitter .mod-footer a{color:#225db7; text-decoration:none;}
section .mod-twitter .mod-footer a:hover{text-decoration:underline;}

/*Footer*/
footer {text-align:center; font:normal 10px/16px Arial, Verdana, sans-serif; color:#666; margin-bottom:19px; clear:both;}
footer a{color:#666 !important; text-decoration:none;}

/*Margin-Bottoms*/
.mTop-29{margin-top:29px;}
.mBot-29{margin-bottom:29px;}
.mTop-19{margin-top:19px;}
.mBot-19{margin-bottom:19px;}

/*Countdown*/
.countdown{background:url(http://a.espncdn.com/i/espys/2011/images/countdown2-bg.png) 0 0 no-repeat; width:175px; height:36px; position:absolute; top:322px; margin-left:783px; z-index:100; overflow:visible;}
.countdown .countdownDays{color:#fff; font:bold 18px/18px 'SketchRockwellRegular', Arial, Verdana, sans-serif;  text-align:center; width:30px; margin-right:4px; float:left;padding-top:8px;}
.countdown .countdownHours{color:#fff; font:bold 20px/20px 'SketchRockwellRegular', Arial, Verdana, sans-serif; text-align:center; width:25px; margin-right:4px; float:left;padding-top:6px;}
.countdown .countdownMinutes{color:#fff; font:bold 22px/22px 'SketchRockwellRegular', Arial, Verdana, sans-serif; text-align:center; width:33px; margin-right:4px; float:left;padding-top:6px;}
.countdown .countdownSeconds{color:#fff; font:bold 24px/24px 'SketchRockwellRegular', Arial, Verdana, sans-serif; text-align:center; width:30px; margin-right:5px; float:left;padding-top:5px;}

/*Best Play Button*/
.bestplay-sitebtn{height:35px; width:91px; background: url(http://a.espncdn.com/i/espys/2011/images/best-play/espys-bestplay-sitebtn3.png) 0 0 no-repeat; position:absolute; top:322px; margin-left:632px; display:block; z-index:100;}
.bestplay-sitebtn-live{height:35px; width:200px; background: url(http://a.espncdn.com/i/espys/2011/images/best-play/espys-bestplay-sitebtn5.png) 0 0 no-repeat; position:absolute; top:321px; margin-left:741px; display:block; z-index:100;}
.bestplay-sitebtn:hover{background-position: 0 -35px;}

/* tooltip styling. by default the element to be styled is .tooltip  */
/*.tooltip {
	display:none;
	background:transparent url(/tools/img/tooltip/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}*/

/*Transitions*/
.transitionInSlideDown {}
.transitionInFade {}

#mainContent { overflow: hidden; visibility: hidden; height: 324px; }
.container { overflow: visible; }


/*Vote widths*/
header nav.postvote ul li.btn1 a{width:195px;}
header nav.postvote ul li.btn2 a{width:152px;}
header nav.postvote ul li.btn3 a{width:114px;}
header nav.postvote ul li.btn4 a{width:175px;}
header nav.postvote ul li.btn5 a{width:139px;}
header nav.postvote ul li.btn6 a{width:175px;}

header nav.pre-tunein ul li.btn1 a{width:173px;}
header nav.pre-tunein ul li.btn2 a{width:128px;}
header nav.pre-tunein ul li.btn3 a{width:130px;}
header nav.pre-tunein ul li.btn4 a{width:92px;}
header nav.pre-tunein ul li.btn5 a{width:153px;}
header nav.pre-tunein ul li.btn6 a{width:156px;}
header nav.pre-tunein ul li.btn7 a{width:153px;}

header nav.live-tunein ul li.btn1 a{width:108px;}
header nav.live-tunein ul li.btn2 a{width:80px;}
header nav.live-tunein ul li.btn3 a{width:112px;}
header nav.live-tunein ul li.btn4 a{width:157px;}
header nav.live-tunein ul li.btn5 a{width:115px;}
header nav.live-tunein ul li.btn6 a{width:137px;}
header nav.live-tunein ul li.btn7 a{width:140px;}
header nav.live-tunein ul li.btn8 a{width:137px;}

header nav.postshow ul li.btn1 a{width:173px;}
header nav.postshow ul li.btn2 a{width:128px;}
header nav.postshow ul li.btn3 a{width:130px;}
header nav.postshow ul li.btn4 a{width:92px;}
header nav.postshow ul li.btn5 a{width:153px;}
header nav.postshow ul li.btn6 a{width:156px;}
header nav.postshow ul li.btn7 a{width:153px;}

.signin-social ul li{list-style-type:none; float:left;}
.signin-social ul li.fLike{margin-right:6px;}
header .top-bar .signin-social span{padding:0;}

/*Gift Bag Code*/
.giftBag-btn{background:url("http://a.espncdn.com/i/espys/2011/images/gift-bag/giftBag-btn2.png") 0 0 no-repeat; width:294px; height:90px; display:block;}
.giftBag-btn:hover{background-position: 0 -90px; display:block;}

.giftBag-mem{margin-top:8px;}
.giftBag{height:297px; width:923px; background:transparent; margin:0 auto; border-top:3px solid #0078d9; position:relative;}

.giftBag .orangeBar{width:894px; background:#0078d9; border-radius: 0px 0px 0px 13px; -moz-border-radius: 0px 0px 0px 13px; -webkit-border-bottom-left-radius: 13px; position:absolute; bottom:0; left:0; height:25px;}

.giftBag .closeBtn-cont{background:#0078d9; height:25px; width:25px; position:absolute; bottom:0; right:0;}
.giftBag a.closeBtn{background: url("http://a.espncdn.com/i/espys/2011/images/voting/voting-close-btn.png") no-repeat scroll 0 0 transparent;height: 17px; width: 17px; display:block; cursor:pointer;}
.giftBag .closeBtn-cont a.closeBtn{position:absolute; left:4px; top:4px; }
.giftBag a.closeBtn:hover{background-position: 0 -17px;}

.giftBag ul li{float:left; list-style-type:none; border-right:1px solid #8b8b8b; border-bottom:1px solid #8b8b8b; }
.giftBag ul.row3 li{border-bottom:0px solid #8b8b8b;}
.giftBag ul li.last{border-right:0px solid #8b8b8b !important; }

.giftBag-overlay .blackBG{width:923px; height:272px; background:#000; opacity:.60; filter: alpha(opacity=60); position:absolute; top:0; left:0; display:block; z-index:10;}

.giftBag-overlay ul li{position:relative;}
.giftBag-overlay ul li.active{border-right:1px solid #373536; border-bottom:1px solid #373536; z-index:20;}
.giftBag-overlay .giftBag-popup {background:#fff; height:208px; width:463px; position:absolute; display:block; }
.giftBag-overlay .giftBag-popup.left-1 {top:0; left:65px;}
.giftBag-overlay .giftBag-popup.right-1 {top:0; right:65px;}
.giftBag-overlay .giftBag-popup.left-2 {top:-27px; left:65px;}
.giftBag-overlay .giftBag-popup.right-2 {top:-27px; right:65px;}
.giftBag-overlay .giftBag-popup.left-3 {bottom:0; left:65px;}
.giftBag-overlay .giftBag-popup.right-3 {bottom:0; right:65px;}

.giftBag-overlay .giftBag-popup .giftBag-popup-cont{padding:24px;}
.giftBag-overlay .giftBag-popup .giftBag-popup-cont .giftBag-popup-text{color:#666;}
.giftBag-overlay .giftBag-popup .giftBag-popup-cont .giftBag-popup-text img.logo{display:block; margin-bottom:13px; }
.giftBag-overlay .giftBag-popup .giftBag-popup-cont .giftBag-popup-text p{font: normal 12px/14px Arial,Helvetica,sans-serif; margin-bottom:10px;}
.giftBag-overlay .giftBag-popup .giftBag-popup-cont .giftBag-popup-text p.last{margin-bottom:0;}
.giftBag-overlay .giftBag-popup .giftBag-popup-cont .giftBag-popup-text a,
.giftBag-overlay .giftBag-popup .giftBag-popup-cont .giftBag-popup-text a:visited{color:#225db7; text-decoration:none;}
.giftBag-overlay .giftBag-popup .giftBag-popup-cont .giftBag-popup-text a:hover{text-decoration:underline;}
.giftBag-overlay .giftBag-popup .giftBag-popup-cont .closeBtn{position:absolute; right:4px; top:4px;}
/*End Gift Bag Code*/

/*Gallery module code*/
.espyGalleries{border-top:3px solid #0078d9; border-bottom:1px solid #cacaca; height:58px;overflow:hidden; color:#666; font:bold 11px/29px Arial, Verdana, sans-serif;  }
.espyGalleries .espyGalleriesTop{border-bottom:1px solid #cacaca; width:100%; height:29px; padding:0 0 0 20px;}
.espyGalleries .espyChatTop{padding:0;}
.espyGalleries .espyGalleriesTop img {float:left; margin:8px 6px 0 0;}
.espyGalleries a, .espyGalleries a:visited{color:#225db7; text-decoration:none; font-weight:bold; }
.espyGalleries a:hover{text-decoration:underline;}
.espyGalleries ul {height:29px;}
.espyGalleries ul li{float:left; list-style-type:none; width:179px; border-right:1px solid #cacaca; height:100%;padding:0 20px; font-weight:normal;}
.espyGalleries .seth-chat{border-right:1px solid #cacaca; width:308px;}
.espyGalleries .seth-chat ul li.first{padding:0 10px 0 0; border-right:0px solid #cacaca;}
.espyGalleries ul li.first{padding:0 10px 0 0;}
.espyGalleries ul li.last{border-right:0px solid #cacaca;}

/*ESPYS LIVE Buttons*/
.espys-live-btns-cont{margin-bottom:11px;}
.espys-live-btns{height:60px; width:483px; font:bold 18px/45px Verdana, Arial,sans-serif; color:#fff; text-indent:20px; text-decoration:none;}
.espys-live-btns.twittersphere{background:url(http://a.espncdn.com/i/espys/2011/images/live/espys-live-btns2.png) 0 -180px no-repeat; margin-right:4px;}
.espys-live-btns.twittersphere.active{background:url(http://a.espncdn.com/i/espys/2011/images/live/espys-live-btns2.png) 0 -120px no-repeat; }
.espys-live-btns.twittersphere.active:hover{background:url(http://a.espncdn.com/i/espys/2011/images/live/espys-live-btns2.png) 0 -120px no-repeat; cursor:default;}
.espys-live-btns.backstage{background:url(http://a.espncdn.com/i/espys/2011/images/live/espys-live-btns2.png) 0 -60px no-repeat; position:relative; }
.espys-live-btns.backstage.active{background:url(http://a.espncdn.com/i/espys/2011/images/live/espys-live-btns2.png) 0 0 no-repeat; }
.espys-live-btns.backstage.active:hover{background:url(http://a.espncdn.com/i/espys/2011/images/live/espys-live-btns2.png) 0 0 no-repeat; cursor:default;}
.espys-live-btns.backstage span{ width:260px; height:25px; font:normal 10px/13px Verdana, Arial, sans-serif; position:absolute; left:210px; top:11px; text-indent:0;}
.espys-live-btns.twittersphere:hover{margin-right:4px;background-position:0 -300px;}
.espys-live-btns.backstage:hover{background-position:0 -240px;}
.espys-live-iframe{margin-bottom:29px;}

/*COVER IT LIVE HEADER*/
.cil-header {width:970px; background:#e3e2e5; height:45px; background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(204,204,204)),
    color-stop(1, rgb(251,251,251))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(204,204,204) 0%,
    rgb(251,251,251) 100%
);font:bold 18px/45px Verdana, Arial,sans-serif; color:#000; text-indent:10px;}

/*EA PLACEHOLDER*/
.espys-live-ea-placeholder{width:473px; height:60px; background:url(http://a.espncdn.com/i/espys/2011/images/live/espys-live-ea-placeholder3.png) 0 0 no-repeat; margin:0 auto 20px;}

/*ESPYS HEADLINES module*/
.mod-headlines .mod-content {color:#666; font:normal 12px/12px Arial, Verdana, sans-serif; border:0; background: transparent;}
.mod-headlines .mod-content ul li{margin:0 0 7px 12px; text-indent:-5px;}
.mod-headlines .mod-content ul li.last{margin:0 0 0<div  12px; text-indent:-5px;}
.mod-headlines .mod-content ul li a {color:#666!important; text-decoration:none;}
.mod-headlines .mod-content ul li a:link {color:#666!important; text-decoration:none;}
.mod-headlines .mod-content ul li a:visited {color:#a09f9f!important; text-decoration:none;}
.mod-headlines .mod-content ul li a:hover {color:#666!important; text-decoration:underline;}
.mod-headlines .mod-content ul li a:active {color:#666!important; text-decoration:none;}

/* START 2012 UPDATES */
.mem-container #top-stories .mod-content {background: #fff; border: 1px solid #999; height: auto;}
.mem-container #top-stories .mod-content .top-story-content {margin: 30px;}
.mem-container #top-stories .mod-content .mod-tab-content {padding: 0;}
.top-story-content, .top-story-vertical {height: 410px;}
#top-stories .mod-content .top-story-content .top-story-headline {color: #ffffff;}
#top-stories .mod-content .top-story-content .top-story-headline .transparent-background {opacity: 1;}
.vote-btn {background: #0829b6; border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px; color: #fff; font-family: 'Ultra', Helvetica, arial, sans-serif; font-weight: normal; font-size: 16px; padding: 10px 0; width: 100%; text-align: center; margin-bottom: 10px;}
section.bot-row .span-6 .mod-container .mod-content {padding: 0; border: 0; background: transparent; margin-bottom: 10px;}

/* start poll */
.span-6 .mod-poll form {
    margin: 0;
    min-height: 256px;
    padding: 0;
}
.span-6 .mod-poll label {
    clear: both;
    display: block;
    line-height: 14px!important;
    width: 100%!important;
    float: none!important;
    padding-top: 0!important;
}
.span-6 .mod-poll .answers li {
    line-height: 10px;
    margin: 14px 15px 16px 10px;
    width: auto;
    list-style:none;
}
.span-6 .mod-poll .question, .mod-poll .post-vote-message {
    font-weight: bold;
    line-height: 14px;
    margin: 8px 10px 6px;
    padding: 0;
    color: #000000;
}
.span-6 .mod-poll .answer-bar {
    background-color: #FFA6A6;
    background-image: -moz-linear-gradient(center top , #FFA6A6, #FF0000);
    float: left;
    height: 10px;
    line-height: 10px;
    margin-bottom: 2px;
}
.span-6 .mod-poll .total-votes {
    font-size: 10px;
    font-weight: bold;
    margin: 18px 0 0 10px;
}
.span-6 .mod-poll .view-map, .mod-poll .discuss {
    margin-right: 5px;
}
.span-6 .mod-poll .answer-pct {
    float: left;
    font-family: verdana,arial,sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 10px;
    margin-bottom: 2px;
    margin-left: 5px;
}
.span-6 .mod-poll .answers .answer-results {
    margin: 8px 15px 0 12px;
    width: auto;
}
.span-6 .mod-poll .view-map img, .span-6 .mod-poll .discuss img {display: inline;}
section.bot-row .span-6 .mod-poll .mod-content {border: 1px solid #c2c2c2;}
section.span-18 div.span-6 div.mod-container div#sportsnation.mod-container div.mod-content div.gradient-container div.sn-col-left{border: 0!important;}
/* end poll */

/* START STORY */
body.story .mod-inline.video-player.full-box {padding: 16px 12px 2px 12px;}
body.story .mod-video-playlist h6 img {display: inline;}
body.story #content.container {width: 640px; padding-left: 0;}
body.story .span-6 {width: 310px;}

.mod-outbrain {
    margin-bottom: 6px;
    padding: 0 6px;
}
.mod-outbrain .mod-content {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 14px 2px 4px;
}
.mod-outbrain .mod-content .col-left, .mod-outbrain .mod-content .col-right {
    float: left;
    width: 279px;
}
.mod-outbrain .mod-content .col-left {
    border-right: 1px solid #C2C2C2;
    margin: 0 10px 10px;
}
.mod-outbrain .mod-content .col-right {
    padding-left: 10px;
    padding-right: 0;
}
.mod-outbrain h4, .mod-outbrain li span {
    color: #606261;
}
.mod-outbrain h4 {
    margin: 16px 0 4px;
}
.mod-outbrain h4.first {
    margin-top: 0;
}
.mod-outbrain h4.insider {
    background: url("http://a2.espncdn.com/prod/assets/header_sprite_fp.v4.png") no-repeat scroll -80px -158px transparent;
    height: 16px;
    overflow: hidden;
    text-indent: -1000px;
    width: 50px;
}
.mod-outbrain ul {
    margin-bottom: 6px;
}
.mod-outbrain ul li {
    padding: 2px 0;
}
.mod-outbrain ul li span {
    font-weight: 700;
}

/* END STORY */
section.mem #arthurashe .mod-container, section.mem #vfoundation .mod-container {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 0 0 13px 0;
    height: 297px;
    margin-bottom: 0;
    opacity: 0.8;
    overflow: hidden;
    padding: 0 10px;}

/* start photo gallery */
.photo-eot ul {list-style-type: none;}
.mod-photo-galleries ul li h6 img {
	display:inline;
}
.mod-photo-galleries ul li h6 a:link {
	text-decoration: none;
}
.mod-photo-galleries ul li h6 a:visited {
	text-decoration: none;
}
.mod-photo-galleries ul li h6 a:hover {
	text-decoration: underline;
}
.mod-photo-galleries ul li h6 a:active {
	text-decoration: none;
}
.mod-photos ul.mod-page-actions {
	margin-bottom: 0;
}
.mod-photos .page-actions a.email {
	background: none!important;
}
.photo-eot .mod-photos .page-actions a {margin-left: 6px!important;}
/* end photo gallery */
.span-6 .mod-gradient {
	background: #fff; margin-bottom: 6px; border: 1px solid #999; border-top: 0;
}

ul.photo-list li{
	height: 80px !important;
	width: 140px !important;
}

.top-story-headline p {color: #ffffff!important;}
/* START COUNTDOWN */
ul.countdown-container {
	background: url(http://a.espncdn.com/i/espys/2012/images/countdown_bg.jpg) top left no-repeat; 
	width: 310px;
	height: 73px;
	margin-bottom: 6px;
	list-style: none;
}
ul.countdown-container li {
	float: left;
	position: relative;
	top: 34px;
	left: 179px;
	width: 35px;
	color: #ffffff;
	font-size: 20px;
	font-family: Helvetica, arial, sans-serif;
	line-height: 20px;
}
/* END COUNTDOWN */

/* karen added for gallery pages */
.span-19 {width:612px;}
.span-20 {width:924px;}

div.span-19 {
float: left;
    margin-right: 6px;
    position: relative;
  }
  
  /*styles added to handle ad alignment 6-8-2012*/
  
  .ad-center
  {
      float: right;
      position: relative;
      right: 50%;
  }
  
  .ad-center .ad-wrapper 
  {
      float: left;
      left: 50%;
      margin: 0 -100px;
      padding-bottom: 6px;
      position: relative;
}

#top-stories .videoplayer-show {
    background-color: transparent !important;
    height: 325px !important;
    margin-top: 32px !important;
}