
/*--------------------------------------- GLOBAL ----------------------------------------*/

* {
	font-family: Helvetica, sans-serif;
}

#wrapper {
	width: 100%;
	overflow: hidden;
}

body {
	background: #FFFFFF;
        margin: 0px;
	-webkit-text-size-adjust: none;
}

body * {
	
	
	font-size: 14px;
	
}

a, #menu, .linkbox, .blue {
	color: #0653A0;
	text-decoration: none;
}

form {
	margin: 0px;
}

form.inline {
	display: inline;
}

select {
	border: 1px solid #E2E2E2;
	
		height: 39px;
	
	padding: 10px;
	color: #0653A0;
	
	font-size: 16px;
	
	
	font-weight: bold;
}

.sub.shadow select{
	
}

select.inline {
	padding: 0px;
}

img { 
	border-style: none
}

/* -------------------------------- SUBHEADERS ------------------------------------- */

.sec {
	background-repeat: repeat-x;
	background-position: top left;
	
}

.sub.light, .sub {
	padding: 13px 10px 13px 10px;
	background-color: #e3e1e1;
}

.sub.light {
	background-image: url('http://static.mobile.espn.go.com/wireless/iphone/images/subhead_bg.gif');
	background-repeat: repeat-x;
}

.sub.whitebg {
	background-color: #FFFFFF;
	color: #7f7f7f;
	font-weight: bold;
	padding: 0px;
}

.dark {
	color: #FFFFFF; 
	background-image: none;
	padding: 10px;
}

.dark a, .adAdLink {
	color: #FFFFFF;
}

.shade {
	background-color: #EEEEEE;
}

.shade2 {
	background-color: #CCCCCC;
}

.datebox {
	text-align: center;
	width: 30%;
	float: left;
}

.datebox a {
	opacity: 0.6;
}

.toggle {
	width: 100%;
}

.toggle tr td {
	text-align: center;
	width: 33%;
}

.tabs {
	width: 100%;
	clear: both;
	text-align: center;
	
}

.tab {
	
	font-size: 12px;
	
	
	
	
		padding: 9px 0px 7px 0px;
		margin: 2px 1.8% 2px 1.8%;
		-webkit-border-radius: 6px;
		float: left;
	
	text-align: center;
	border: 1px solid #999999;
	color: #000000;
	font-weight: bold;
	background-image: url('http://static.mobile.espn.go.com/wireless/iphone/images/sub_tab_off_bg.gif');
	background-repeat: repeat-x;
	overflow: hidden;
	background-color: #CCCCCC;
	width: 25%;
}

.on {
	background-image: url('http://static.mobile.espn.go.com/wireless/iphone/images/sub_tab_on_bg.gif');
}

.tab a { 
	color: black;
}

.tabSmall {
	
	font-size: 9px;
	
	
	

}


.tabHeader {
	float: left;
	
	font-size: 14px;
	
	
	padding: 3px;
}

.menu.tab{
	width: 50px;
}

.teamHeader{
	padding-left: 12px;
	
	font-size: 18px;
	
	
}

.pageHeader {
	float: left;
}

.bottom {
	background-image: url('http://static.mobile.espn.go.com/wireless/iphone/images/top_bg.gif');
	background-color: #A70000;
}

/*---------------------------------------------- MENU ----------------------------------------------*/

#menuButton {
	margin-top: -5px;
}
/*
#menu {
	
	width: 100%;
	position: absolute;
	height: 0px;
	left: 0px;
	top: 0px;
	z-index: 10;
	-webkit-transition: height 0.3s;
}*/

#menu {
	display: none;
	-webkit-transition: height 0.3s;
	left: 0px;
	z-index: 10;
}


#menu .sub{
	color:#000000;
	font-weight: bold;
}

#cover {
	position: absolute;
	top:0px;
	left: 0px;
	background-color: #000000;
	width: 0px;
	z-index: 5;
	-webkit-transition: opacity 0.4s;
	opacity: 0;
}

.group {
	width: 100%;
	position: absolute;
	-webkit-transition: left 0.3s;
	background-color: #FFFFFF;
	top: 0px;
	overflow: hidden;
}

.secondary {
	left: 100%;
}

/*-------------------------------------------- STORIES -----------------------------------------------*/

.ind.bold.headline {
	
	font-size: 18px;
	
	
	border-width: 0px;
	padding: 15px 10px 10px 10px;
}

.ind.subhead, .ind.story {
	
	font-size: 15px;
	
	
	border-width: 0px;
	padding: 10px 10px 0px 10px;
}

.ind.subhead {
	color: #7f7f7f;
}

/*--------------------------------------------- ADS -------------------------------------------------*/

.ad {
	padding:0px;
	background-color: #FFFFFF;
	font-size: 0px;
}

.ad.center {
	padding: 0px;
	background-color: #000000;
	line-height: 90%;
	color: #FFFFFF;
	font-size: 12px;
}

.white.nw {
	color: #a6a6a6;
	font-weight: bold;
	line-height:16px;
}

.olympics_boa {
	background-color: #FFD145;
	color: #8C351E;
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
	line-height: 16px;
	border-top: 2px solid #8C351E;
}

/*---------------------------------------- SECTION HEADERS -------------------------------------------*/



.row {
	
	font-size:  16px;
	min-height: 16px;
	
	
        color: #FFFFFF;
	
    padding: 15px 20px 13px 10px;
	background-repeat: repeat-x;
	background-position: top left;
}

.header.row {
	
	font-size:  20px;
	min-height: 20px;
	
	
	
        padding: 16px 10px 15px 10px;
}

.row a {
	color: #FFFFFF;
}

.section {
	overflow: hidden;
	
	-webkit-transition-property: height, opacity;
	-webkit-transition-duration: 0.5s, 0.5s;
	-webkit-transition-timing-function: ease-out;
	width: 100%;
}

.title {
	float: left;
	
	width: 95%;
	
	
	
	font-size:  16px;
	
	
	font-weight: bold;
}

.title a {
	
	font-size:  16px;
	
	
}

.arrow { 
	float: right;
}

.arrow>img {
	-webkit-transition-property: -webkit-transform,opacity;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
}

.banner {
	padding: 0px; 
	margin: 0px;
	height: 30px;
}

#sectionName {
	
	font-size:  21px;
	
	
}

/*---------------------------------------- INDEX PAGES ---------------------------------------------*/

.breaking {
	background-color: #252525; 
	
	font-size:  12px;
	
	
	padding: 5px 10px 5px 10px;
	font-family: sans-serif;
}

.breaking.white {
	color:#FFFFFF;
}

.headline {
	
	font-size:  24px;
	
	
	padding: 15px 10px 0px 10px;
}

.subHead, .game {
	padding: 10px;
	border-bottom: 1px solid #E2E2E2;
}

.subHead.bold {
	font-weight:normal;
}

.topImage {
	padding: 5px 10px 0px 10px;
}

.dykHeader {
	background: #e9e7e8;
	font-weight: bold;
        color: #000000;
	padding: 10px 10px 0px 10px;
	
	font-size:  12px;
	
	
	font-family: sans-serif;
}

.dykBody {
	background: #e3e1e2;
	padding: 0px 10px 10px 10px;
        border-width: 0px;
	
	font-size:  12px;
	
	
	font-family: sans-serif;
}

/* ----------------------------- GENERAL CLASSES ------------------------------------- */

.ind {
	padding: 9px 10px 5px 10px;
	border-bottom: 1px solid #E2E2E2;
	min-height:20px;
}

.sec.less {
	
	font-size:  16px;
	
	
}

.less {
	padding: 5px;
}

.no_padding {
	padding: 0px;
}

.no_margin {
	margin: 0px;
}

.wide, .table  {
	width: 100%;
	
	font-size:  15px;
	
	
}

.shadow {

	background-image: url('http://static.mobile.espn.go.com/wireless/iphone/images/pattern_shadow.gif'), url('http://static.mobile.espn.go.com/wireless/iphone/images/pattern.gif');
	background-repeat: repeat-x, repeat;


}

.spacer {
	height: 10px;
}

.red {
	color: #FF0000;
}


.wrong {
	text-decoration: line-through;
}

.green {
	color: #009900;
}

.center {
	text-align: center;
}

.bold {
	font-weight: bold;
}

.expn_logo {
	margin: -17px 0px 0px -10px;
}

.button {
	border: 1px solid #d8e6f3;
	background-color: #FFFFFF;
	background-image: url('http://static.mobile.espn.go.com/wireless/iphone/images/grad.jpg');
	background-repeat: repeat-x;
	background-position: bottom;
	
		-webkit-border-radius: 6px;
	
	padding:10px;
}

.footer {
	
	font-size: 15px;
	
	
	padding: 10px 10px 0px 10px;
}

.spaced {
	line-height: 24px;
}

.noborder { 
	border-style: none
}

.vmiddle { 
	vertical-align: middle;
}	

/*------------- VIDEO ---------------*/

.video .thumbnail {
	background-color: #000000;
	background-image: url('http://abcnews.go.com/assets/iproto/lib/../images/loader_vid.gif');
	background-repeat: no-repeat;
	background-position: center center;
	border: 2px solid #2B72AE;
	text-align: center;
	float: left;
	z-index: 0;
}

.video .description {
	text-align: left;
	float: left;
	padding-left: 10px;
	width: 180px;
}

.video .description .heading, .video .description .subheading {
	
	font-size: 11px;
	
	
	font-weight: bold;
}

.video .description .caption {
	
	font-size: 10px;
	
	
	padding-top: 5px;
}

.noaddiv {
	font-size: 1px;
	height: 0px;
	width: 0px;
}

.small {
	font-size: 14px;
}

/*------------- SCOREBOARD ---------------*/

.box {
	float: left;
	border: 1px solid #d8e6f3;
	background-color: #FFFFFF;
	background-image: url('http://static.mobile.espn.go.com/wireless/iphone/images/grad.jpg');
	background-repeat: repeat-x;
	background-position: bottom;
	width: 290px;
	margin: 10px;
	padding: 5px;
	
		-webkit-border-radius: 6px;
	

}

.box * {
	float: left;
	padding: 2px;
	-webkit-transition: background-color 1s ease-out;
	
		-webkit-border-radius: 4px;
	
}

.boxNW {
	float: left;
	margin: 10px;
	padding: 5px;
	
		-webkit-border-radius: 6px;
	

}

.boxNW div {
	float: left;
	padding: 2px;
	-webkit-transition: background-color 1s ease-out;
	
		-webkit-border-radius: 4px;
	
}
 
.bso .circles{
	float:left;
}

.circles {
	width: 60px;
}

.circle {
	width: 8px;
	height: 8px;
	
		-webkit-border-radius:4px;
	
	background-color: #CCCCCC;
	margin: 3px 1px 1px 0px;
	padding:0px;
}


.teamname {
	
	font-size: 16px;
	
	
	font-weight: bold;
}

.top, .line, .sum, .bso, .expanded, .linkbox {
        width: 100%;
}

.name {
	min-width: 60%;

}

.score {
	width: 10%;
	text-align: center;
}

.expanded {
	border-top: 1px solid #d8e6f3;
	padding-top: 5px;
}

.bases {
	width:43px;
	height: 50px;
}

.statline {
	width: 200px;
	
	font-size: 12px;
	
	
	min-height: 14px;
}

.statlineTD {

	
	font-size: 12px;
	
	
	min-height: 14px;
	padding-left:2px;
	padding-bottom:2px;
}

.label {
	font-weight: bold;
	
	font-size: 11px;
	
	
	text-transform: uppercase;
}

.sum {
	color: #7f7f7f;
	padding: 0px;
}

.leader {
	
	font-size: 11px;
	
	
}

.record {
	
	font-size: 15px;
	
	
	color: #7f7f7f;
}

.linkbox {
	font-weight: bold;
	z-index: 2;
	border-top: 1px solid #d8e6f3;
}

.gray {
	color: #7f7f7f;
}
.gray2 {
	color: #7f7f7f;
}

.label .gray {
	width: 30px;
	min-height: 10px;
}

.ind>a {
width: 100%;
display:auto;
}

.ind>a.inline {
display: inline;
width: auto;
}

.autoRefresh {
font-size: 12px;
font-weight: bold;
margin-top: 10px;
float: left;
}


/*------------------ GAMECAST ------------------*/

#outer { 
	background-color: #F0F0F0; 
	width: 100px;
	height: 100px;
	margin: 10px;
	padding: 0px;
	position: relative;
}

#inner { 
	background-color: #FFFFFF; 
	width: 60px;
	height: 60px;
	position: relative;
	top: 20px;
	left: 20px;
	margin: 0px;
	padding: 0px;
}

.pitch { 
	height: 14px; 
	width: 14px;
	font: bold 8pt Arial; 
	text-align: center; 
	vertical-align: middle;
	position: absolute; 
	
		-webkit-border-radius: 7px;
	
	margin: 0px;
	padding: 1px 0px 0px 0px;
	color: white;
}

.strike { background-color: #F33; }
.ball   { background-color: #3D3; }
.inplay { background-color: #33D; }
.foul   { background-color: #999; }

.footnote {
	
	font-size: 12px;
	
	
}

.videoLink a{
	display:inline;
}
.videoImage img{
	padding-left:3px;
	float:right;
	margin-top:-4px;
}

.ar {
	text-align:right;
}

.nr{
	white-space:nowrap;
}

.center2 {
	text-align: center;
}

a.btn-watch {
-moz-border-radius:4px 4px 4px 4px;
background:url("http://static.mobile.espn.go.com/wireless/iphone/images/sub_tab_off_bg.gif") repeat-x scroll 0 0 transparent;
border:1px solid #BBBBBB;
color:#555555;
cursor:pointer;
display:block;
font-family:helvetica,arial,sans-serif;
font-size:11px;
font-weight:700;
line-height:12px;
margin:0 auto 6px;
padding:2px 4px;
text-align:center;
width:100px;
} 


.popUpOuter{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.3) !important;
z-index: 100;
}

.popUpAd{
position: absolute;
padding: 4px;
top: 90px;
width: 300px;
left: 5px;
-webkit-border-radius: 4px;
margin: 0;

z-index: 105;
height: 250px;
background: url('http://static.mobile.espn.go.com/wireless/apps/sc/images/popup_300x250.png') no-repeat;
}
.popUpContent{
width: 100%;
height: 100%;
background-color: #666; 
}
.popUpClose{
position:absolute;
top:-10px;
z-index:106;
} 

