a
{
	color: blue;
	font-weight: bold;
}

#container
{
	width: 100%;
	height: 416px;
}

#top
{
	top: 0px;
}

#header div.left
{
	float:left;
	margin: 1px 0 0 5px;
	padding-top: 3px;
	height: 24px;
	width: 26px;
}

#header div.right
{
	float: right;
	width: 26px;
	height: 24px;
	margin: 3px 5px 0 0;
	padding-top: 0px;
	font-weight: bold;
	font-size: 20px;
	color: white;
}

#subHeader
{
	height:30px;
	background: url(http://mac.streamingscores.com/iPhone/Images/SubHeader.png) repeat-x; 
	color: white; 
	font-size: 10px; 
	font-weight: bold;
	text-align: center;
}

#ad
{
	position: absolute;
	top: 73px;
}

#center
{
	position: absolute;
	width:100%;
	top: 120px;
	height: 234px;
}

#info
{
	position: absolute;
	width:100%;
	top: 43px;
	height: 328px;
	padding-top: 45px;
}

#info p b
{
	color: #00AA00;
}

body[orient="portrait"] #center
{
	bottom: 104px;
}

body[orient="landscape"] #center
{
	bottom: 13px;
}

div.bottom
{
	-webkit-transition-property: height;
	-webkit-transition-duration: 1s;
	-webkit-transition-delay: 0ms;
	
	display:block;
	position: absolute;
	width:100%;
	height: 62px;
	top: 354px;
	overflow: hidden;
	background-image: url(http://mac.streamingscores.com/iPhone/Images/DockBG.gif);
}

table.sportButtons
{
	width: 100%;
}

table.sportButtons td
{
	width: 25%;
}

table.sportButtons div
{
	vertical-align: top;
	margin-top: 3px;
	margin-left: 0px;
	width: 60px;
	height: 60px;
	background-position: top;
	background-image: url(http://mac.streamingscores.com/iPhone/Images/ButtonBGOff.png);
	background-repeat: no-repeat;
}

table.sportButtons div.on
{
	background-image: url(http://mac.streamingscores.com/iPhone/Images/ButtonBG.png);
}

table.sportButtons img
{
	opacity: 0.2;
}

table.sportButtons div.on img
{
	opacity: 1.0;
}

table.sportButtons div span
{
	font-size: 10px; 
	font-weight: bold;
	color: #FFFFFF;
}

td.more
{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #white;
}

#mlbButton img
{
	padding-top: 6px;
}

#nflButton img
{
	padding-top: 3px;
	padding-left: 2px;
}

#nbaButton img
{
	padding-top: 1px;
}

#nhlButton img
{
	padding-top: 5px;
}

#mlsButton img
{
  padding-top: 7px;
}

#ncaafbButton img, #ncaabbButton img
{
	padding-top: 3px;
	padding-bottom: 5px;
}

#footerText
{
	padding-top: 3px;
	text-align: center;
	color: White;
	font-size: 12px;
	font-weight: bold;
}

#tdConference
{
	text-align:left;
	vertical-align: middle;
	font-size: 10pt;
	width: 31%;
	padding-left: 5px;
}

#tdConference div
{
	height: 20px;
	margin-top: 2px;
	padding-top: 2px;
	padding-left: 4px;
	background-image: url(http://mac.streamingscores.com/iPhone/Images/DropDown.gif);
	background-repeat: no-repeat;
}

#tblConfSelect, #tblRegionSelect
{
	position:	absolute;
	top: 94px;
	left: 8px;
	z-index: 2;
	background-color: black;
	border: 2px solid #2A7BC1;
	border-collapse: collapse;
	font-size: 12px;
}

#tblConfSelect td, #tblRegionSelect td
{
	width: 100px;
	height: 35px;
	background-image: url(http://mac.streamingscores.com/iPhone/Images/ConfBG.png);
	text-align: center;
	text-shadow: #2A7BC1 2px 0px 2px;
}

#tdDateWeek
{
	text-align: center;
	width: 45%;
	font-size: 12pt;
}

#tdDateWeek img
{
	vertical-align:top;
	padding-top: 0px;
}

#tdDateWeek img.enabled
{
	visibility: visible;
}

#tdDateWeek img.disabled
{
	visibility: hidden;
}

#tdPage
{
	width: 24%;
	text-align: right;
	vertical-align: middle;
	padding-right: 5px;
	font-size: 10pt;
}

#tdPage img
{
	vertical-align:top;
}

#spanPage
{
	display: none;
}

#tblGames td.outer
{
	height: 72px;
	width: 33%;
}

table.game
{
	width: 100%;
	height: 72px;
	border-collapse: collapse;
	border: 3px solid;
	background-color: white;
}

table.notStarted
{
	border-color: gray;
}

table.inProgress
{
	border-color: #00CC00;
}

table.completed
{
	border-color: blue;
}

table.canceled
{
	border-color: red;
}

table.game td.icon
{
	width: 25%;
	text-align: center;
	font-size: 12px;
}

table.game td.team
{
	width: 40%;
	font-size: 14px;
	font-weight: bold;
}

table.game td.win
{
	text-shadow: #FFFF00 0px 0px 4px;
}

table.game td.score
{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

table.game td.status
{
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

#spinner
{
	position:absolute; 
	visibility: hidden;
	z-index: 3;
}

body[orient="portrait"] #spinner
{
	top: 185px; 
	left: 145px; 
}

body[orient="landscape"] #spinner
{
	top: 150px;
	left: 230px;
}

#backgroundMask
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 416px;
	background-color: black;
	opacity: 0.7;
	z-index: 1;
}

#gameDetails 
{
	position: absolute;
	top: 90px;
	width: 275px;
	height: 140px;
	background-color: white;
	z-index: 2;
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 0px 10px 10px #b3c9d3;
	padding: 5px;
}

body[orient="portrait"] #gameDetails
{
	left: 15px;
}

body[orient="landscape"] #gameDetails
{
	left: 90px;
}

#gameDetails.canceled
{
	border: 3px solid red;
	font-size: 14px;
}

#gameDetails.notStarted
{
	height: 120px;
	border: 3px solid gray;
	font-size: 14px;
}

#gameDetails.notStarted .team, #gameDetails.canceled .team
{
	font-weight: bold;
	font-size: 16px;
	color: #0000FF;
}

#gameDetails.notStarted .date, #gameDetails.canceled .date
{
  font-weight: bold;
  background-position-x: center;
  background-image: url(apple-touch-icon.png);
  background-repeat: no-repeat;
}

#gameDetails.notStarted .lineLabel
{
	font-weight: bold;
	font-size: 12px;
}

#gameDetails.notStarted .line
{
	font-weight: bold;
	font-size: 12px;
	color: #0000FF;
}

#gameDetails.completed
{
	height: 140px;
	border: 3px solid blue;
}

#gameDetails.inProgress
{
	height: 140px;
	border: 3px solid #00CC00;
}

#gameDetails table.lineScore
{
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;
	font-size: 12px;
	text-align: center;
}

#gameDetails table.lineScore td.active
{
	color: #0000FF;
}

#gameDetails table.lineScore td.total
{
	font-weight: bold;
	color: #0000FF;
}

#gameDetails.completed table.lineScore
{
	border-color: #0000FF;
}

#gameDetails.completed table.lineScore tr.win
{
	background-image: url(http://mac.streamingscores.com/iPhone/Images/WinBG.png);
}

#gameDetails.inProgress table.lineScore
{
	border-color: #00CC00;
}

#gameDetails table.lineScore th
{
	font-weight: bold;
}

#gameDetails table.status
{
	font-family: verdana;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
}

#gameDetails table.status .value
{
	color: #0000FF;
	padding-right: 10px;
}

#gameDetails div.mlbDetail
{
	width: 100%;
}

#gameDetails .mlbDetail .counts
{
	float: left;
	padding: 5px 0 0 2px;
}

#gameDetails .mlbDetail .counts table
{
	font-size: 12px;
	font-weight: normal;
}

#gameDetails .mlbDetail .counts table td.value
{
	font-weight: bold;
	color: blue;
}

#gameDetails .mlbDetail .counts table img
{
	padding-right: 5px;
}

#gameDetails .mlbDetail .players {
  float: right;
  width: 150px;
}

#gameDetails .mlbDetail .runners
{
	height: 50px;
	width: 100%;
	margin: 2px 0 0 0;
	background: url(http://mac.streamingscores.com/iPhone/Images/basemap.gif) no-repeat top center;
}

#gameDetails .mlbDetail .bp {
  font-size: 11px;
  text-align: left;
}

#gameDetails .fbSpot
{
	padding-top: 4px;
}

#gameDetails .fbSpot img.ball
{
	position: absolute;
	top: 148px;
}

#gameDetails .fbSpot div.teams	
{
	width: 260px;
	font-size: 10px;
	font-weight: bold;
}

#gameDetails .fbSpot div.teams .away
{
	font-size: 12px;
	float: left;
}

#gameDetails .fbSpot div.teams .home
{
	font-size: 12px;
	float: right;
}

#gameDetails .fbSpot div.teams .possession
{
	color: rgb(0, 0, 255);
	text-shadow: rgb(0, 0, 0) 0px 0px 1px;
}

#closeDetails
{
	float: right;
}