body {
background: #4e4e4e;
}

img {
border: none;
}

#container_mid {
background: transparent url(../images/mid.jpg) repeat-y;
width: 1030px;
margin: auto;
}

#container_btm {
background: transparent url(../images/btm.jpg) no-repeat bottom;
}

#container {
background: transparent url(../images/top.jpg) no-repeat top;
width:100%;
}

#header {}

#h_left {
width: 656px;
height: 140px;
float: left;
overflow: hidden;
}

#h_right {
width: 374px;
height: 140px;
background: transparent url(../images/top_right.jpg) no-repeat;
float: left;
overflow: hidden;
position: relative;
}

#login {
position: absolute;
left: 90px;
top: 45px;
width: 205px;
height: 60px;
overflow: hidden;
padding-right:10px;
}

#secure_login {
height: 9px;
/*background: transparent url(../images/secure_login.gif) no-repeat;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:11px;
font-weight:bold;
color:#AB10D2;
text-transform:uppercase;
}

#login_form td{
font-size: 6pt;
letter-spacing: 1px;
color: #878787;
}

#login_form .login_input {
width: 83px;
border: solid 2px #878787;
font-size: 7pt;
padding-left: 5px;
}

#date {
position: absolute;
right: 65px;
top: 110px;
width:350px;
height:14px;
font-weight: bold;
text-align: right;
text-transform: uppercase;
}

#navigation {
width: 1030px;
height: 36px;
background: transparent url(../images/nav.jpg) no-repeat;
overflow: visible;
float: left;
position: relative;
z-index: 420;
}


#content {
width: 865px;
margin: auto;
overflow:visible;
clear: both;
padding-top: 10px;
}

.bold {
font-weight: bold;
}

#c_left { /*----------------------------------CONTENT LEFT COLUMN----------------------------------*/
float: left;
width: 552px;
margin-bottom: 10px;
}

/*--------------NEWS BOX ----------------------*/
#c_news {
	background-color:#f8f8f8;
	border:solid 4px #686868;
	width:529px;
	margin:7px;
	position: relative;
	overflow:visible;
	text-transform:none;
}

#ctop_left {
	float: left;
	width: 181px;
	padding: 6px;
}

#ctop_mid {
	float: left;
	width: 392px;
	padding: 8px 4px 0px 10px;
}
#ctop_mid_alt {
	float: left;
	width: 392px;
	padding: 8px 4px 0px 10px;
}

#ctop_right {
	float: left;
	width: 119px;
	height: 203px;
	position: relative;
}
#dude {
	position: absolute;
	z-index: 400;
	top: -12px;
	right: -10px;
	width: 128px;
	height: 203px;
}

#news_title {
	width: 209px;
	height: 41px;
	background: url(../images/snitch_news.gif) no-repeat;
}

.news_title_text {
	font-weight: bold;
	text-transform: none;
	font-size: 11pt;
	line-height: 15px;
	margin: 8px 0px;
}

#c_news_cbtm {
	width: 489px;
	clear:both;
	padding: 0px 20px 10px 20px;
}

.dotted_line {
	background: transparent url(../images/dotted_line.gif) repeat-x left;
	height:10px;
	width:100%;
}

.news_preview {
	height: 58px;
	overflow:hidden;
}

/*--------------GAMES BOX ----------------------*/
#c_games {
	background-color:#f8f8f8;
	border:solid 4px #686868;
	width:519px;
	margin:7px;
	padding:5px 0px 0px 10px;	
	position: relative;
	min-height:140px;
	height:140px;
}
html>body #c_games {
	height:auto;
}

#games_title {
	width: 294px;
	height: 44px;
	margin-left:-10px;
	background: transparent url(../images/games.gif) no-repeat;
}
#games_flash {
	width: 211px;
	height: 120px;
	background: transparent url(../images/play_now.gif) no-repeat;
	position:absolute;
	top:10px;
	right:0px;
}

#games_content {
	width: 307px;
}

#games_buttons img {
	margin: 10px 2px 0px 2px;
}

/*---------------------------------CONTENT RIGHT COLUMN----------------------------------*/
#c_right { 
	float: right;
	width: 313px;
	position: relative;
	margin-bottom: 10px;
	z-index: 200;
}

/*-------------- RADIO BOX ----------------------*/
#c_radio {
	background: #F4F4F4 url(../images/mic.gif) no-repeat right bottom;
	border:solid 4px #686868;
	width:280px;
	margin:7px;
	padding:0px 0px 15px 10px;	
	position: relative;
}




#c_radio ol {
	padding-left: 20px;
	/*margin-right: 50px;
	padding-right: 50px;*/
}

.mp3 {
	background: transparent url(../images/mp3.gif) no-repeat right;
	display: block;
	/*width: 232px;*/
	padding: 3px 35px 0px 0px;
	margin: 0px 20px 0px 0px;
}

#radio_title {
	width: 254px;
	height: 43px;
	background: transparent url(../images/radio.gif) no-repeat right;
	cursor:pointer;
}

#tune_in {
	width: 64px;
	height: 61px;
	position: absolute;
	z-index: 1000;
	top: -20px;
	right: -35px;
}

/*-------------- SCORES BOX ----------------------*/
#c_scores {
	background: #F4F4F4 url(../images/ballz.gif) no-repeat right bottom;
	border:solid 4px #686868;
	width:290px;
	margin:7px;
	padding:0px 0px 0px 0px;	
}
#scores_title {
	width:245px;
	height: 43px;
	margin-left:10px;
	background: transparent url(../images/scores.gif) no-repeat right;
}
#c_scores_content {
	width: 280px;
	height:310px;
	overflow:auto;
	margin: 0px;
	padding: 5px 5px;
}

#c_scores_content td {
	padding:3px;
	text-align:right;
	/*border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;*/
}
#c_scores_content td.csc_alt {
	border-bottom:solid 1px #999;
}	

#c_scores_content table {
	margin:0px 0px 2px 0px;
	padding:0px 0px;
}

#c_scores_content h4 {
	padding:0px 0px 2px 0px;
	margin:6px 0px 2px 0px;
}

/*--------------DESK BOX ----------------------*/
#c_desk {
	background-color: #666;
	border:solid 4px #404040;
	width:280px;
	margin:7px;
	padding:0px 0px 15px 10px;
	overflow:auto;
}
#c_desk_flash {
	height: 50px;
	overflow: hidden;
	margin-left:-5px;
}
#c_desk ul {
	margin:0px 10px 0px 0px;
}
#c_desk li {
	list-style: none;
	padding: 2px 0px;
}
#c_desk a {
	color: #FFF;
	padding-left: 5px;
}
#c_desk a:hover {
	color: #CCC;
}

#footer { /*---------------------------------        FOOTER           ----------------------------------*/
	clear:both;
	position:relative;
	bottom:0px;
}

#btm_nav {
	clear: both;
	overflow: visible;
	width: 954px;
	height: 35px;
	margin: auto;
	background: transparent url(../images/i_btm_nav.gif) no-repeat;
	margin-bottom: 10px;
	position: relative;
	z-index:500;
}

#copyright {
	clear: right;
	text-align: right;
	margin: auto;
	margin-bottom: 50px;
	width: 820px;
	color: #656565;
}

#copyright a {
text-decoration: none;
color: #656565;
text-transform: capitalize;
}

/*--------------------------------------------------------SECONDARY PAGE STYLES--------------------------------------------------------------*/

#s_content {
width: 762px;
margin: auto;
margin-top: 50px;
margin-bottom: 30px;
position: relative;
}

#s_content_mid {
background: transparent url(../images/s_mid.gif) repeat-y;
overflow: auto;
position: relative;
z-index: 200;
}

#s_content_top {
background: transparent url(../images/s_top.gif) no-repeat top;
overflow: auto;
position: relative;

}

#s_content_btm {
background: transparent url(../images/s_btm.gif) no-repeat bottom left;
padding: 100px 30px 25px 75px;
position: relative;
z-index: 900;
min-height:150px;
overflow:auto;
}
#s_content, #s_content_mid, #s_content_top, #s_content_btm {
	height:1%;
}
html>#s_content, html>#s_content_mid, html>#s_content_top, html>#s_content_btm {
	height:auto;
}

#page_title {
position: absolute;
top: -50px;
left: -90px;
width: 182px;
height: 289px;
background: transparent url(../images/snitch_dude1.gif) no-repeat;
z-index: 350;
}

#page_title2 {
position: absolute;
top: -50px;
left: 92px;
width: 404px;
height: 87px;
background: transparent url(../images/snitch_dude2.gif) no-repeat;
z-index: 350;
}

.title_text {
position: absolute;
top: 37px;
left: 25px;
}

.title_text h1 * {
	font-size: 18pt;
	font-weight: bold;
	color: #7b3789;
	letter-spacing: .08em;
}

.top_games {
display: block;
width: 269px;
height: 61px;
background: transparent url(../images/top_games.gif) no-repeat;
position: absolute;
top: -10px;
right: -8px;
cursor: pointer;
z-index: 350;
text-decoration: none;
}

#sports {
position: absolute;
top: 5px;
left: 5px;
z-index:351;
}


/*--------------------------------------------------------     PLAYS      --------------------------------------------------------------*/
#picks .snitchPicks th {
	text-align:left;
}

#picks .snitchPicks h4, #picks .snitchPicks h4 a {
	font-size:16px;
	text-decoration:none;
	text-transform:none;
}

#picks .snitchPicks td {
	border-bottom:solid 1px #999;
}

#picks table {
width: 630px;
}

#picks td {
padding: 7px 7px;
line-height: 10px;
}

.table_title td {
background: #00A98E;
font-weight: bold;
color: #FFF;
height: 30px;
border-bottom: solid 3px #333;
}

.win td {
background: #7B3789;
color: #FFF;
font-weight: bold;
}

.push td {
background: #999;
color: #333;
}

.loss td {
background: #333;
color: #999;
}

.in_progress td {
background: #CFCFCF;
}

#picks #s_calendar {
width: 185px;

}

#picks #s_calendar td {
	padding: 3px 0px;
	text-align: center;
	color: #333;
	background-color:#ccc;
	border-left:1px solid #E1E0D2;
	border-top:1px solid #E1E0D2;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
}
/*#picks #s_calendar td:hover {
	color:#fff;
	background-color:#7B3789;
	border-left:1px solid #666;
	border-top:1px solid #666;
	border-right:1px solid #E1E0D2;
	border-bottom:1px solid #E1E0D2;
	cursor:default;
}
*/

#picks #s_calendar #c_day td {
background: #EEE;
color: #333;
width: 10px;
}

#picks #s_calendar .other_month {
	font-style:italic;
	color:#666;
}


#picks #s_calendar .selected_day {
color: #FFF;
background-color: #7B3789;
font-weight: bold;
padding: 0px;
border: solid 1px #FFF;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

#picks #s_calendar .selected_day a {
color: #FFF;
display: block;
text-decoration: none;
}

#picks #s_calendar .sc_month {
font-size: 11pt;
letter-spacing: 2px;
text-align: center;
font-variant: small-caps; 
background-color: #00A98E;
color: #FFF;
font-weight: bold;
}
#picks #s_calendar .active_day {
	color:#fff;
	background-color:#7B3789;
	border-left:1px solid #666;
	border-top:1px solid #666;
	border-right:1px solid #E1E0D2;
	border-bottom:1px solid #E1E0D2;
}
#picks #s_calendar .active_day:hover {
	background-color: #00A98E;
	border-left:1px solid #666;
	border-top:1px solid #666;
	border-right:1px solid #E1E0D2;
	border-bottom:1px solid #E1E0D2;
	cursor:pointer;
}

#picks #s_calendar .active_day a {
color: #FFF;
display: block;
text-decoration: none;
}

.key_pick_status {
width: 13px;
height: 13px;
float: left;
margin-right: 10px;
}

#key_win {
width: 13px;
height: 13px;
background: #7B3789;
float: left;
margin-right: 10px;
}

#key_push {
width: 13px;
height: 13px;
background: #999999;
float: left;
margin-right: 10px;
}

#key_loss {
width: 13px;
height: 13px;
background: #333333;
float: left;
margin-right: 10px;
}

#key_in_progress {
width: 13px;
height: 13px;
background: #CFCFCF;
float: left;
margin-right: 10px;
}

#picks #s_calendarl {
width: 350px;
}

#picks #s_calendarl td {
font-weight: bold;
text-transform: capitalize;
vertical-align: top;
}

table.mySnitch td {
	padding:3px;
}
table.mySnitch tr:hover {
	background-color:#ddd;
}

table.mySnitch tr:hover th {
	background-color:white;
}

table.mySnitch a:hover {
	color:black;
}

ul#saHistory {
	width:300px;
	height:250px;
	overflow:auto;
}

ul#saHistory li {
	padding:3px;
	background-color:#ccc;
}


#pick_hdr 
{
	height:1%;
}
html>#pick_hdr 
{
	height:auto;
}

.snitchit_div {
	height:1%;
	overflow:auto;
}
html>.snitchit_div {
	height:auto;
}


#games {}


#games label { color: #8a6ac3; }

	.game {
		background: #fff;
		border: 1px solid #aa9bc4;
		margin-bottom: 10px;
		}
		
		.game-title {
			background: #ab10d2;
			padding: 1px;
			}
			
			.game-title span {
				color: #fff;
				border: 1px solid #ce75e4;
				display: block;
				padding: 4px;
				text-decoration: none;
				text-transform: uppercase;
				font-weight: bold;
				}
			.game-title span span {
				color: #fff;
				border: none;
				display: inline;
				}

				
		.game-data {
			background: #fff url('../images/game-data_bg.gif') repeat-x;
			padding: 5px;			
			}

.game-question {
	color: #8a6ac3;
	background: #fff url('../images/game-question_bg.gif') no-repeat top right;
	border: 1px solid #d3c5eb;
	border-left: 5px solid #d3c5eb;
	font-size: 14px;
	padding: 15px 15px 30px 15px;
	margin-bottom: 5px;
	}

.game-answer {
	background: #f3edf4;
	overflow: auto;
	margin: 5px 0 0 0;
	padding: 5px;
	border: 1px solid #d3c5eb;
	}

	.game-answer label {
		display: block;
		font-weight: bold;
		font-size: 12px;
		}
	
	.game-answer .col1 {
		float: left;
		width: 75%;
		}

		.game-answer textarea {width: 90%;}

	.game-answer .col2 {
		float: left;
		width: 25%;
		}

.game-play {
	overflow: auto;
	}

	.game-play .col1 {
		float: left;
		width: 60%;
		}

		.game-play label {
			padding-left: 10px;
			font-size: 11px;
			}

	.game-play .col2 {
		color: #660066;
		font-size: 13px;
		font-weight: bold;
		float: left;
		width: 40%;
		text-align: right;
		}

#game-total { overflow: auto; text-align:right; }