/** Global styles */
input {
	height: 22px;
	width: 174px;
	font-style: italic;
}

/* top text */
.insider-text {
	font-family: 'Open Sans', sans-serif;
	font-size: 21px;
	text-transform: uppercase;
	color: #fca30a;
	text-align: center;
	width: 100%;
	margin-top: 15px;
}
.insider-text-sub p {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	color: #ffffff;
	/* text-shadow: #a5a5a5 1px 1px 1px; */
	text-align: center;
	width: 100%;
	margin-bottom: 20px;
}

/* Subscription strip */
.mod-content .gradient-container-membership {
	background: url("http://a.espncdn.com/insider/benefits/sprites8.png") no-repeat scroll -20px -20px transparent;
	height: 225px;
}
ul.monthly { display: block; }
ul.monthly li { float: left; display: block; }
ul.monthly li a { display: block; height: 120px; width: 120px; }
li.membership a {
	background: url("http://a.espncdn.com/insider/benefits/sprites8.png") no-repeat scroll -18px -827px transparent;
	margin-left: 33px;
	margin-top: 33px;
}

li.membership a:hover {	background: url("http://a.espncdn.com/insider/benefits/sprites8.png") no-repeat scroll -585px -1003px transparent; }
li.membership_one a {
	background: url("http://a.espncdn.com/insider/benefits/sprites8.png") no-repeat scroll -196px -827px transparent;
	margin-left: 36px;
	margin-top: 33px;
}
li.membership_one a:hover { background: url("http://a.espncdn.com/insider/benefits/sprites8.png") no-repeat scroll -722px -1004px transparent; }
li.membership_two a {
	background: url("http://a.espncdn.com/insider/benefits/sprites8.png") no-repeat scroll -351px -827px transparent;
	margin-left: 30px;
	margin-top: 33px;
}
li.membership_two a:hover { background: url("http://a.espncdn.com/insider/benefits/sprites8.png") no-repeat scroll -876px -1004px transparent; }

/** plus/ perks strip */
ul.plus_strip { display: block; clear: both; margin-left: 6px; }
ul.plus_strip li.perks {
	background: url("http://a.espncdn.com/insider/benefits/sprites8.png") no-repeat scroll -455px -675px transparent;
	float: left;
	height: 50px;
	margin-right: 15px;
	width: 130px;
}
ul.plus_strip li.perks.plus-sign { background: url("http://a.espncdn.com/insider/benefits/sprites8.png") no-repeat scroll -460px -670px transparent; margin-right: 0; width: 30px; }
ul.plus_strip li.perks_one {
	background: url("http://a.espncdn.com/insider/benefits/sprites8.png") no-repeat scroll -525px -672px transparent;
	width: 110px;
}
ul.plus_strip li.perks_two {
	background: url("http://a.espncdn.com/insider/benefits/sprites8.png") no-repeat scroll -650px -674px transparent;
	margin-left: 22px;
	width: 130px;
}
ul.plus_strip li.perks_three {
	background: url("http://a.espncdn.com/insider/benefits/sprites8.png") no-repeat scroll -789px -678px transparent;
	margin-left: 10px;
	width: 130px;
}
ul.plus_strip li.perks_five {
	background: url("http://a.espncdn.com/insider/benefits/sprites8.png") no-repeat scroll -189px -716px transparent;
	margin-left: 10px;
	width: 203px;
}
ul.plus_strip li.perks_seven {
	background: url("http://a.espncdn.com/insider/benefits/sprites8.png") no-repeat scroll -439px -722px transparent;
	margin-left: 8px;
	width: 124px;
}
p.disclaimer {
	display: block; clear: both;
	font-family: Arial;
	font-size: 10px;
	color: #969696;
	margin: 4px 0 0 10px;
}

/** Activate section */
#activate {
	float: right;
	width: 400px;
	height: 148px;
}
#activate .esn p {
	font-family: Arial;
	font-size: 10px;
	color: #969696;
	margin-left: 10px;
}
#activate .esn { float: left; }
#activate .mag {
	background: url("http://a.espncdn.com/insider/benefits/sprites8.png") no-repeat scroll -527px -797px transparent;
	height: 150px;
	width: 100px;
	float: left;
}
#activate .wrapper { width: 400px; }
#activate .logo {
	background: url("http://a.espncdn.com/insider/benefits/sprites8.png") no-repeat scroll -20px -755px transparent;
	display: block;
	float: left;
	height: 61px;
	margin-left: 10px;
	margin-top: 10px;
	width: 261px;
}
#activate .form_field {
	margin-left: 10px;
	float: left;
	margin-top: 2px;
}
#activate .button .submit {
	background: url("http://a.espncdn.com/insider/benefits/sprites8.png") no-repeat scroll -324px -679px transparent;
	float: left;
	height: 32px;
	width: 105px;
	margin-left: -5px;
	border:none;
}
#activate .button .submit:hover { background: url("http://a.espncdn.com/insider/benefits/sprites8.png") no-repeat scroll -9px -1106px transparent; }
#activate .text {
	background: url("http://a.espncdn.com/insider/benefits/sprites8.png") no-repeat scroll -526px -797px transparent;
	height: 150px;
}

/* pick center */
.mod-header h4.pick_center {
	background: url("http://a.espncdn.com/insider/benefits/sprites8.png") no-repeat scroll -14px -685px transparent;
	height: 20px;
	width: 130px;
}
.mod-content .teams {
	background: url("http://a.espncdn.com/insider/benefits/sprites8.png") no-repeat scroll -667px -810px transparent;
    height: 124px;
    width: 299px;
}

.mod-content .teams ul.logos { display: block; }
.mod-content .teams ul.logos li { 
	border: 0;
	float: left; 
	width: 90px;
}

.mod-content .teams ul.logos li img {padding: 0px;}
.mod-content .teams ul.logos li.one {
	background-color: transparent;
    height: 107px;
    margin-left: 37px;
    margin-top: 15px;
    width: 110px;
}
.mod-content .teams ul.logos li.two {
	background-color: transparent;
    clear: none;
    height: 107px;
    margin-left: 43px;
    margin-top: 15px;
    width: 98px;
}
.mod-content .simulation {
	background: url("http://a.espncdn.com/insider/benefits/sprites8.png") no-repeat scroll -615px -745px transparent;
	height: 11px;
    margin-left: 60px;
    margin-bottom: 5px;
    width: 239px;
}
/*.mod-content .selection {
	height: 43px;
    width: 299px;
}
*/
.mod-open-list .mod-content ul li { background-color: none; }
.mod-content .selection ul.picks { display: block; }
.mod-content .selection ul.picks li { clear: none; float: left; width: 149px; }
.mod-content .selection ul.picks li a { 
	display: block;
    border-bottom: none;
    border-top: none;
    background-color: transparent;
    height: 48px; 
}
.mod-content .selection ul.picks li.accuscore a { background: url("http://a.espncdn.com/insider/benefits/sprites8.png") no-repeat scroll -243px -1010px transparent; }
.mod-content .selection ul.picks li.accuscore a:hover { background: url("http://a.espncdn.com/insider/benefits/sprites8.png") no-repeat scroll -243px -1056px transparent; }
.mod-content .selection ul.picks li.teamrankings a { background: url("http://a.espncdn.com/insider/benefits/sprites8.png") no-repeat scroll -391px -1010px transparent; }
.mod-content .selection ul.picks li.teamrankings a:hover { background: url("http://a.espncdn.com/insider/benefits/sprites8.png") no-repeat scroll -391px -1056px transparent; }


/* MEM/Hero */
body.insider #top-stories .mod-content-scroller {
	/*background: url("http://a.espncdn.com/insider/benefits/sprites7.95.png") no-repeat scroll -20px -297px transparent;*/
	height: 362px;
	margin-bottom: 11px;
}
#hero-rotator { border-bottom: 1px solid #666666; height: 286px; width: 100% /*925px*/; overflow: hidden; position: relative; }
#hero-rotator #progress-bar { background: #F9A60A; height: 3px; width: 100%; }
#hero-rotator #progress-bar div { background: #FE7A00; height: 100%; width: 0; }
#hero-rotator .hero-nav { 
	background: url("http://a.espncdn.com/insider/benefits/hero-back-next-bg.png") no-repeat right bottom transparent; 
	position: absolute; 
	bottom: 0; 
	right: 0; 
	padding: 15px 0 4px 15px; 
	z-index: 100; 
}
#hero-rotator .hero-nav li { color: #ccc; cursor: pointer; display: block; font-size: 11px; float: left; line-height: 1; padding: 3px 6px; }
#hero-rotator .hero-nav li.back {  padding-left: 20px; }
#hero-rotator .hero-nav li.next { padding-right: 24px; }
#hero-rotator .hero-nav li.pause {
    background: url("http://a.espncdn.com/insider/benefits/hero-pause.png") no-repeat right top transparent; 
    height: 10px; 
    margin-right: 5px;
    margin-top: 1px;
    padding-left: 14px;}
#hero-rotator .hero-nav li.play { 
 background: url("http://a.espncdn.com/insider/benefits/hero-play.png") no-repeat right top transparent;
 height: 10px; 
 padding-left: 14px;
  margin-right: 5px;
    margin-top: 1px; 
 
 }
#hero-tabs > li { 
	background: url("http://a.espncdn.com/insider/benefits/hero-tabs-bg.jpg") no-repeat right top transparent; 
	display: block; 
	float: left;
	position: relative; 
	text-align: center; 
	width: 154px; 
}
#hero-tabs > li a { 
	color: #fff; 
	display: block; 
	font-size: 12px; 
	font-weight: bold; 
	outline: none;
	padding: 10px 0 7px;
	text-transform: uppercase; 
	text-decoration: none;
	text-shadow: 0 2px 3px #333;
	text-shadow: 0 2px 3px rgba(0,0,0,.7);
	-moz-text-shadow: 0 2px 3px rgba(0,0,0,.7);
	-webkit-text-shadow: 0 2px 3px rgba(0,0,0,.7);
	transition: background-color 1.3s ease-in-out;
	-webkit-transition: background-color 1.3s ease-in-out;
	-moz-transition: background-color 1.3s ease-in-out;
}
#hero-tabs > li a:active { outline: none; }
#hero-tabs > li.active a { background: #000; color: #EE9A1D; }
#hero-content { list-style: none; }
#hero-content > li {
	background: transparent;
	display: none;
	height: 250px;
	position: absolute;
	/*opacity: 0;*/
	overflow: hidden;
	width: 100%;
	z-index: 10;
}
#hero-content > li ul.nested-tabs { position: absolute; top: 50px; left: 10px; width: 190px; z-index: 15; }
#hero-content > li ul.nested-tabs li {
	background: url("http://a.espncdn.com/insider/benefits/hero-nested-tabs-bg.png") no-repeat right top transparent; 
	font-family: 'Arvo', serif;
	font-size: 15px;
	margin-bottom: 10px;
	padding: 6px 10px 6px 0;
	text-align: right;
}
#hero-content > li ul.nested-tabs li a {
	color: #eee;
	text-decoration: none;
	text-shadow: 0 2px 3px #333;
	text-shadow: 0 2px 3px rgba(0,0,0,.7);
	-moz-text-shadow: 0 2px 3px rgba(0,0,0,.7);
	padding-left: 15px;
}
#hero-content > li ul.nested-tabs li.active a { background: url("http://a.espncdn.com/insider/benefits/hero-nested-active.png") no-repeat left center transparent; font-weight: 700;}
#hero-content > li ul.nested-content { display: block; height: 100%; width: 100%; position: absolute; right: 0; top: 0; }
#hero-content > li ul.nested-content li { 
	height: 100%; 
	display: none;
	position: absolute;
	/*left: 205px;
	top: 18px;*/ 
	bottom: -280px;
	width: 700px; 
}
#hero-content > li ul.nested-content li div {
	/*background: #666;*/
	color: #fff;
	text-align: center;
	height: 230px;
	width: 100%;
}

#hero-content > li ul.nested-content li div div {
	position: absolute;
	left: 470px;
	top: 90px;
	width: 500px;

}

#hero-content > li ul.nested-content li div div.text_big {

	top: 55px;
	

}

#hero-content > li ul.nested-content li div div.text_big_recommends {
	left: 435px;
	top: 50px;


}

#hero-content > li ul.nested-content li div div.text_big_recommends_predictor {
	left: 475px;
	top: 50px;


}
#hero-content > li ul.nested-content li div div p {
	text-align: left;
	margin: -15px 0 0 0;
	padding: 0;
}

#hero-content > li ul.nested-content li div div p.title {
	font-family: 'Nunito', sans-serif;
	font-size: 18px;
	text-transform: uppercase;	
}

#hero-content > li ul.nested-content li div div p.name {
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-size: 50px;
	text-transform: uppercase;	
	margin: -20px 0 0 -3px !important;
	
}

#hero-content > li ul.nested-content li div div p.name_bottom {
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-size: 50px;
	text-transform: uppercase;	
	margin: -30px 0 0 -3px !important;
	
}

#hero-content > li ul.nested-content li div div p.link {
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;	
	
}

#hero-content > li ul.nested-content li div div p.link_joyner {
	margin-top: -5px;
	font-weight: bold;

}

#hero-content > li ul.nested-content li div div p a {
	color: #669dcb;
	text-shadow: 0 0 1px 0;
	text-decoration: none;
}

#hero-content > li ul.nested-content li div div p.bowden {
	
	margin-left: 15px;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;	
	
}


#hero-content > li ul.nested-content li div div p.john {
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-size: 60px;
	text-transform: uppercase;	
	margin: -20px -5px 6px 6px !important;
	
}

#hero-content > li#mlb-hero-content { background: url('http://a.espncdn.com/insider/benefits/hero-mlb-bg.jpg') no-repeat; }
#hero-content > li#nfl-hero-content { background: url('http://a.espncdn.com/insider/benefits/hero-nfl-bg.jpg') no-repeat; }
#hero-content > li#nba-hero-content { background: url('http://a.espncdn.com/insider/benefits/hero-nba-bg.jpg') no-repeat; }
#hero-content > li#ncaa-hero-content { background: url('http://a.espncdn.com/insider/benefits/hero-ncaa-bg.jpg') no-repeat; }
#hero-content > li#fantasy-hero-content { background: url('http://a.espncdn.com/insider/benefits/hero-fantasy-bg.jpg') no-repeat; }
#hero-content > li#tools-hero-content { background: url('http://a.espncdn.com/insider/benefits/hero-tools-bg.jpg') no-repeat; }

#hero-bottom { 
	background: #000 url("http://a.espncdn.com/insider/benefits/hero-rc-bg.png") no-repeat center top; 
	height: 60px;
	padding: 10px 0;
	position: relative;
	width: 100%;
}
#hero-bottom ul.content-list { }
#hero-bottom ul.content-list li { display: none; position: absolute; padding-left: 344px; top: 9px; padding-top: 6px; width: 550px; }
#hero-bottom ul.content-list li#hero-rc-nfl { background: transparent url("http://a.espncdn.com/insider/benefits/hero-rc-nfl.png") no-repeat 13px top; }
#hero-bottom ul.content-list li#hero-rc-mlb { background: transparent url("http://a.espncdn.com/insider/benefits/hero-rc-mlb.png") no-repeat 13px top; }
#hero-bottom ul.content-list li#hero-rc-nba { background: transparent url("http://a.espncdn.com/insider/benefits/hero-rc-nba.png") no-repeat 13px top; }
#hero-bottom ul.content-list li#hero-rc-ncaa { background: transparent url("http://a.espncdn.com/insider/benefits/hero-rc-ncaa.png") no-repeat 13px top; }
#hero-bottom ul.content-list li#hero-rc-fantasy { background: transparent url("http://a.espncdn.com/insider/benefits/hero-rc-nfl.png") no-repeat 13px top; }
#hero-bottom ul.content-list li#hero-rc-tools { background: transparent url("http://a.espncdn.com/insider/benefits/hero/hero-rc-nfl.png") no-repeat 13px top; }

#hero-bottom ul.content-list li img { float: left; height: 48px; width: 35px; }
#hero-bottom ul.content-list li div { font-size: 12px; float: left; margin-left: 15px; margin-top: 5px; }
#hero-bottom ul.content-list li div.icon { padding-left: 40px; width: 450px; }
#hero-bottom ul.content-list li div.icon.double-arrow { background: transparent url("http://a.espncdn.com/insider/benefits/hero-rc-icon.png") no-repeat left center; }
#hero-bottom ul.content-list li div.icon.buzz { background: transparent url("http://a.espncdn.com/insider/benefits/hero-rc-icon-buzz.png") no-repeat left center; }
#hero-bottom ul.content-list li div.icon.injuries { background: transparent url("http://a.espncdn.com/insider/benefits/hero-rc-icon-injuries.png") no-repeat left center; }
#hero-bottom ul.content-list li div.icon.recruiting { background: transparent url("http://a.espncdn.com/insider/benefits/hero-rc-icon-recruiting.png") no-repeat left center; }
#hero-bottom ul.content-list li div.icon.free-agency { background: transparent url("http://a.espncdn.com/insider/benefits/hero-rc-icon-free-agency.png") no-repeat left center; }
#hero-bottom ul.content-list li div.icon.trades { background: transparent url("http://a.espncdn.com/insider/benefits/hero-rc-icon-trades.png") no-repeat left center; }
#hero-bottom ul.content-list li div.icon.money { background: transparent url("http://a.espncdn.com/insider/benefits/hero-rc-icon-money.png") no-repeat left center; }
#hero-bottom ul.content-list li div.icon.feuds { background: transparent url("http://a.espncdn.com/insider/benefits/hero-rc-icon-feuds.png") no-repeat left center; }
#hero-bottom ul.content-list li div.icon.depth { background: transparent url("http://a.espncdn.com/insider/benefits/hero-rc-icon-depthchart.png") no-repeat left center; }
#hero-bottom ul.content-list li div.icon.retire { background: transparent url("http://a.espncdn.com/insider/benefits/hero-rc-icon-retirement.png") no-repeat left center; }
#hero-bottom ul.content-list li div.icon.moves { background: transparent url("http://a.espncdn.com/insider/benefits/hero-rc-icon-moves.png") no-repeat left center; }
#hero-bottom ul.content-list li div.icon.draft { background: transparent url("http://a.espncdn.com/insider/benefits/hero-rc-icon-draft.png") no-repeat left center; }
#hero-bottom ul.content-list li div.icon.debunk { background: transparent url("http://a.espncdn.com/insider/benefits/hero-rc-icon-debunked.png") no-repeat left center; }
#hero-bottom ul.content-list li div.icon.fantasy { background: transparent url("http://a.espncdn.com/insider/benefits/hero-rc-icon-fantasy.png") no-repeat left center; }
 
#hero-bottom ul.content-list li div h4 { color: #e9e9e9; font-size: 14px; }
#hero-bottom ul.content-list li div h5 { color: #6094bf; }
#hero-bottom ul.content-list li div h5 a { color: #6094bf; text-decoration: none; }