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

html, body{
	position: relative;
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body{background: #000000 url(../images/bgTile.jpg) repeat-x}
.clear{clear: both;}
.mainStage{
	position: static;
	width: 980px;
	height: auto;
	margin: 0 auto;
}
html > * .mainStage{background: url(../images/bgStageTop.png) no-repeat center top;}
.topBar{
	position: relative;
	height: 28px; 
	width: auto;
	margin: 0;
}
.logoBar{
	position: relative; 
	width: 980px;
	height: 155px;
}
	.logoBar .logo{margin: 30px 0 0; padding: 0; display: block; height: 100px; width: 306px; float: left;}
	.logoBar .logo h1{padding: 0; margin: 0;}
	.logoBar .logo img{vertical-align: middle;}
	.logoBar .adSpace{position: relative; height: 90px; width: 600px; margin-top:30px; no-repeat; float: right; cursor: pointer;}
	.logoBar .dateSpace{position: relative; height: auto; color: #ffffff; margin:5px 5px 0 0; clear: right; float: right;}

.topNavBar{position: relative; height: 49px; width: auto; background: url(../images/menuBarGarnet_off.gif) no-repeat right bottom;}

ul.menu, ul.menu > li{padding: 0; margin:0; list-style: none; display: block;}
ul.menu > li{position: relative; display: block;  color: #ffffff; text-transform: none; list-style: none; cursor: pointer;}

ul.goldLinks{position: absolute; left: 0; margin: 0; padding: 0;top: 0; width: 450px; height: auto; z-index: 100;}
ul.goldLinks li{position: relative; float: left; cursor: pointer;height: 49px; list-style: none;}
div.goldLink{
	position: relative; 
	height: 49px;  
	background: url(../images/menuBarGold.gif) no-repeat center top; 
	font-size: 18px; 
	line-height: 49px; 
	text-align: center; 
	color: #ffffff; 
	cursor: pointer;
}

ul.garnetLinks{position: absolute; right: 0; margin-top: 12px; padding: 0;top: 0; width: 460px; height: 37px; z-index: 100;}
ul.garnetLinks li{position: relative; float: left; cursor: pointer;height: 37px; list-style: none; }
div.garnetLink{
	position: relative; 
	height: 37px; 
	width: auto;
	font-size: 15px;
	line-height: 37px;
	font-weight: bold;
	text-align: center; 
	color: #ffffff; 
	cursor: pointer;
	padding: 0 15px;
}


.contentShell{
	position: relative;
	background: #47525c;
	display: inline-block;
	width: 960px;
	height: auto;
	margin: 0 0 50px;
	padding: 10px;
}
.contentShell:after{content: '.'; visibility: hidden; height: 0; clear: both;}

.topBar{color: #b9c2c9; line-height: 28px; font-size: 11px;padding: 0;} 
.topBar IMG{vertical-align: middle; position: relative;}

INPUT.topField{height: 17px; padding: 1px; border: 1px solid #cfcfcf; background: #9099a2; color: #ffffff; font-family: Arial, Helvetica, sans-serif;}
INPUT.topField.long{width: 150px; font-size: 12px;}
INPUT.topField.short{width: 100px; font-size: 15px;}
.topBar i{font-size: 10px; line-height: 10px; display: inline-block;}

.loginSide{float: left;margin-top: 2px; height: 28px; line-height: 28px;}

.loginButton{margin-top: 3px;display: block; padding: 1px 6px; float: left; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height: 17px; height: 17px; color: #ffffff; text-align: center; border: 1px solid #9099a2; background: #636e78;}
.loginButton.active{background: #8b9aa8;} 

.linksSide{position: relative; float: right;}

a.topLink{display: block; padding: 0px 10px; cursor: pointer; margin: 0; line-height: 28px; height: 28px; float: left;}
a.topLink.active{background: url(../images/topBar_activeBg.gif) repeat-x; color: #ffffff}
.floatspacer{float: left;}

	.lsContentPart{position: relative;margin-bottom: 10px; background: #ffffff;}
	.lsContentPart2{position: relative;margin-bottom: 10px; background: #47525c;}
	
	.colLeft{position: relative;width: 350px; float: left;}
	.colCenter{position: relative;width: 300px; float: left;}
	.colRight{position: relative;width: 600px; float: left;}
	.contentPart{position: relative;margin-bottom: 10px; background: #ffffff;}
	.paddedContent{padding: 25px 20px 50px 20px;}
	.contentPart2{position: relative;margin-bottom: 10px; background: #47525c;}
	.partHeader{font-size: 21px; margin-bottom: 5px; background: #47525c url(../images/partHeaderBg2.gif); height:34px; line-height:34px; color: #ffffff;padding-left: 10px;}
	
	#leftAdSpace{height: 150px; overflow: hidden; margin-bottom: 10px;}
	
	#emailCatchBox{width: auto; border: 1px solid #ffffff; color: #ffffff; background-color: #1a2733; position: relative;}
	INPUT#emailaddress{width: 250px;}
	INPUT#emailaddress.default{font-style: italic; color: #aaaaaa;}
	#emailSubmitButton{display: inline-block; cursor: pointer; width: 121px; height: 24px; padding:0; overflow: hidden; background: url(../images/getPasscodeButton.gif) no-repeat top center;}
	.emailAlertOverlay{position: absolute; top: -1px; left: -1px; height: 100%; width: 100%; border: 1px solid #ff0000; background: #cccccc; z-index:100;visibility: hidden;}
	.emailAlertOverlay#success{margin-top: 10px;}
	
/* GAMELINES STYLES */	
.linesTable TR.leagueDate{padding: 5px 10px; background: #666666; font-weight: bold; color: #ffffff;}
.gameline {
	/*margin: 0px 15px 20px 15px;*/
	margin: 5px 0 0;*/
	font: 12px/14px Arial, Helvetica, sans-serif;
}

.linesTable TD{ vertical-align: middle; padding: 5px 10px;}
.linesTable TR.headers{background: #999999; text-align: center; font-size: 10px; color: #ffffff; font-weight:bold;}
.linesTable TR.odd{background: #f4f4f4;}
.linesTable TR.even{background: #eeeeee;}
.linesTable{border: 1px solid #cccccc; border-collapse:collapse;}
.linesTable TD{border: 1px solid #cccccc;}
.period_0{}
.period_1{display: none;}
/* GAMELINES STYLES END */


/* LINES-DISPLAY STYLES */
.gameLinesMenuBar{display: block; background: #551a1a; padding: 10px; color: #ffffff; font-weight: bold;}
ul#gameLinesMenu{display: inline-block; height: auto; list-style: none; margin:0; padding:0;background: #888888;}
ul#gameLinesMenu li{display: block; float: left; padding: 5px 10px; margin:0; font-weight: bold; color: #dddddd;cursor: pointer; border-right: 1px solid #aaaaaa;}
ul#gameLinesMenu li:hover{color: #ffffff; background: #aaaaaa;}
ul#gameLinesMenu:after{content:'.'; height: 0; visibility: hidden; clear:both; display: block;}
/* END LINE-DISPLAY STYLES*/

/* TOP-TRENDS STYLES */
.sportcodebar{padding: 5px 10px; background: #888888; color: #ffffff; font-weight: bold;}
.matchupbar{padding: 5px 10px; font-weight: bold;}
.details{padding: 0 10px}
label {
	/*margin-left: 15px;*/
	margin-right: 15px;
	font-weight: bold;
	text-transform: uppercase;
}
p.powered-by {
	/*margin: 5px 15px 20px 15px;*/
	display: block;
	text-align:center;
	color: #062366;
	font-size:9px;
}
p.powered-by img{ vertical-align: middle;}
.trend {
	/*margin: 0px 15px 20px 15px;*/
	padding-bottom: 10px;
	font: 12px/14px Arial, Helvetica, sans-serif;
	border-bottom: #000 1px dotted;
}

.trend.hidden{display: none;}

#moretrends{text-align: center; font-weight: bold; cursor: pointer; padding: 5px 0; margin-top: 5px;}
#moretrends.off{color: #FFFBF0; background: #505e69;}
#moretrends.on{color: #ffff00; background: #75808a;}
/* END TOP-TRENDS STYLES */



/* WAGER-SELECTORS STYLES*/
h3 {padding-bottom:0;margin-bottom:1px;}
#wagerSelectorsTable TD{
	padding: 5px 0 0;
}
/* END WAGER-SELECTORS STYLES */


/* FEATURED-SCORES STYLES */
#morescores{text-align: center; font-weight: bold; cursor: pointer; padding: 5px 0;}
#morescores.off{color: #FFFBF0; background: #505e69;}
#morescores.on{color: #ffff00; background: #75808a;}
/* END FEATURED-SCORES STYLES */


/* PREVIEWS STYLES */
.previewList TD.header{padding: 20px 0 10px;}
.previewList TD{text-align: center;padding: 5px;}
.previewList TD a{text-decoration: none; color: #2A3FAA;}
.previewList TD a.hovered{color: #900;}
.helmet{margin: auto; height: 100px; width:100px; border: 1px solid transparent; background: url(../images/helmets.jpg); cursor: pointer;}
.previewTeamName{
	font-size: 30px;
	color: #666666;
	float: left;
	margin-top: 10px;
}
.previewHeader{display: inline-block; width: 100%; margin-top: 5px;}
.previewHeader:after{content: '.'; visibility: hidden; height: 0px; position: relative; clear: both;}

.tableTitle{background: #666666; color: #ffffff;}
.tableHeaders{background: #cccccc; color: #000000;}
/* END PREVIEWS STYLES */