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

	.center { text-align:center }
	.right { float:right }
	.icon-lock { margin-right:6px }
	.bigger1 { font-size:20px!important }
	.smaller1 { font-size:.75em!important }
	.hide { display:none }
	.clearboth { clear:both; height:0 }
	.white { color:#fff }
	.dark_text { color:#333 }
	.light_text { color:#ccc }
	.canceled { color:#ccc }

	#container { margin:0 auto; width:960px; font-family: 'Lato', sans-serif; border:1px solid #CCC; border-radius:6px; font-size:16px; box-sizing:border-box; -moz-box-sizing:border-box; box-shadow:0px 10px 16px -14px #000000; position:relative }
	#container p { margin:0; padding:0; font-size:1em }
	#container div { box-sizing:border-box; -moz-box-sizing:border-box }

	.sk_tab_content .selectProxy
	{
		background: #666;
		border-radius: 3px;
		padding: 6px;
		font-weight: normal;
	}

	.setTimezone
	{
		background: #444;
		padding: 6px 10px;
		border-radius: 3px;
	}

	.modal-spinner
	{
		z-index: 1000;
	}

/* TSPN BUTTONS */
	a.predictTeam
	{
		display:block; text-align:center; padding:0px 12px; height:32px; line-height:32px; font-size:.8em; font-weight:400; text-decoration:none; border-radius:4px; margin:5px 0; border:1px solid #036; color:#fff;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #3399ff 10%, #0066cc 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(10%,#3399ff), color-stop(100%,#0066cc)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#3399ff 10%,#0066cc 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 0%,#3399ff 10%,#0066cc 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 0%,#3399ff 10%,#0066cc 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffffff 0%,#3399ff 10%,#0066cc 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0066cc',GradientType=0 ); /* IE6-9 */
	}
	a.predictTeam:hover { background:#ffea00; color:#333333 }

	a.predictTeam.not_predicted
	{
		display:block; text-align:center; padding:0px 12px; height:32px; line-height:32px; font-size:.8em; font-weight:400; text-decoration:none; border-radius:4px; margin:5px 0; border:1px solid #666; color:#fff !important;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #bababa 10%, #878787 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(10%,#bababa), color-stop(100%,#878787)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#bababa 10%,#878787 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 0%,#bababa 10%,#878787 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 0%,#bababa 10%,#878787 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffffff 0%,#bababa 10%,#878787 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#878787',GradientType=0 ); /* IE6-9 */
	}

	a.predictTeam.predicted
	{
		display:block; text-align:center; padding:0px 12px; height:32px; line-height:32px; font-size:.8em; font-weight:400; text-decoration:none; border-radius:4px; margin:5px 0; border:1px solid #690; color:#fff;
		background: #66cc00; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #66cc00 10%, #669933 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(10%,#66cc00), color-stop(100%,#669933)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#66cc00 10%,#669933 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 0%,#66cc00 10%,#669933 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 0%,#66cc00 10%,#669933 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffffff 0%,#66cc00 10%,#669933 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#669933',GradientType=0 ); /* IE6-9 */
	}
	a.predictTeam.predicted:hover
	{
		background:#66cc00
	}

	#tspn_content:not(.drag) .drag-only
	{
		display: none;
	}
	#tspn_content.drag .no-drag
	{
		display: none;
	}

	#tspn_content.locked .drag-only, #tspn_content.locked .no-drag
	{
		display: none;
	}
	#tspn_content .locked-only
	{
		display: none;
	}
	#tspn_content.locked .locked-only
	{
		display: block;
	}

	.game_row .correct
	{
		color: #008040;
	}

	.game_row .incorrect
	{
		color: #ff0000;
	}

/* TSPN STYLES */
	#header_tspn { height:190px; text-align:center; border-radius:6px 6px 0 0; padding-top:10px; border-bottom:2px solid #000 }
	#header_tspn h1 { font-size:70px; color:#eee; margin:0; padding:0; display:block; font-family:"Lato", sans-serif; font-weight:700; letter-spacing:2px; text-shadow: 2px 2px rgb(46, 46, 46) }
	#header_tspn h6 { font-size:12px; color:#FFF; background:#333; border-radius:3px; display:inline-block; padding:4px 24px; margin:6px 0 0 0;  }
	#header_tspn img { margin:8px 0 }
	#header_tspn .zackpot { float:right; margin-right: 15px; text-align:center; padding-top:35px }

	#status-strip { border-bottom:2px solid #000; background:#666666; color:#fff; font-size:.9em }
	#tspn_instructions { padding:10px; }
	#tspn_instructions a { color:#fff!important }
	#status-strip .saved { display: none; width:100%; padding:10px; color:#333; background-color:#fece3a; text-align:center; font-weight:700; box-sizing:border-box; -moz-box-sizing:border-box; position: absolute; }
	#status-strip .loading { display: none; width:100%; padding:10px; color:#333; background-color:#FE9E29; text-align:center; font-weight:700; box-sizing:border-box; -moz-box-sizing:border-box; position: absolute; }
	#status-strip .error { display: none; width:100%; padding:10px; color: white; background-color:#c3151c; text-align:center; font-weight:700; box-sizing:border-box; -moz-box-sizing:border-box; position: absolute; }

	#tspn_games { float:left; width:70%; position:relative }
		.drag #tspn_games .game_row { background:url(//tc.csidn.com/images/site/games/sports/bg-game_row.png) left no-repeat; cursor: move; }
		#tspn_games .game_row { width:100%; min-height:55px; max-height:55px; border-bottom:1px solid #ccc; padding-left:5%;  }
		#tspn_games .game_row span { text-align:center; height:55px; width:94% }
		#tspn_games .game_row_ended { width:100%; min-height:55px; max-height:55px; border-bottom:1px solid #ccc; padding-left:5% }
		#tspn_games .game_row_ended.won { color:#690; background:#fff }
		#tspn_games .game_row_ended.lost { color:#C00; background:#fff }
		#tspn_games .col_time { float:left; width:15%; font-size:.75em; padding:12px 0 0 5px }
		#tspn_games .col_awayteam, #tspn_games .col_hometeam { float:left; width:37%; text-align:center; padding-top:5px }
		#tspn_games .col_at { float:left; width:5%; text-align:center; padding-top:15px }
		#tspn_games .ended { float:left; width:79%; text-align:center; line-height:55px; }

	#tspn_games .col_awayteam, #tspn_games .col_hometeam
	{
		position: relative;
	}

	#tspn_games .ask_audience_percent
	{
		position: absolute;
		top: 5px;
		left: 5px;
		font-size: 9px;
	}

	#tspn_games .col_hometeam .ask_audience_percent
	{
		right: 5px;
		left: auto;
	}

	#tspn_rank { float:left; width:7% }
		#tspn_rank .game_row { text-align:center; font-size:2em; color:#333; background:#eee;; float:left; width:100%; min-height:55px; max-height:55px; line-height:55px; border-bottom:1px solid #ccc }
		#tspn_rank .game_row select { margin-top:18px }

	#tspn_sidebar { float:left; width:23%; text-align:center }
	#tspn_sidebar .game_info { border-bottom:1px solid #000; padding:15px 0 }
	#tspn_sidebar .challenge a { border:0 }

/* ODOMETER */
.odometer.odometer-auto-theme, .odometer.odometer-theme-train-station { font-size:40px!important }
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-train-station .odometer-digit { box-shadow:1px 1px 3px #FFFFFF }

/* START GAME */
#start_game_veil { background:rgba(0,0,0,.5); height:100%; width:100%; position:absolute; z-index:1001; /*top:50%; left:50%; margin-left:-430px; margin-top:-250px; padding:1%; text-align:center; box-shadow:1px 5px 15px #000000*/ }
#start_game { background:#eee; /*height:320px; */ width:860px; border:1px solid #000000; position:absolute; z-index:1001; top:50%; left:50%; margin-left:-430px; margin-top:-250px; padding:1%; text-align:center; box-shadow:1px 5px 15px #000000 }
#start_game p { margin-top:10px; }
#start_game h1 { font-size:2.5em; line-height:1em; letter-spacing:1px; font-family:"Lato", sans-serif; font-weight:700; display:block }

#tspn-upgrade
{
	background: #ef3232;
	color: white;
	border-bottom: 2px solid #333;
	padding: 10px;
	position: relative;
}

#tspn-vote
{
	background: #eeeeee;
	color: black;
	border-bottom: 2px solid #999;
	padding: 10px;
	position: relative;
}


/* UBERPICKS */
.up_ball { float:left; display:inline-block; height:30px; width:30px }
.up_mlb { background:url(//tc.csidn.com/images/site/games/i-sports_ball_icons.png) no-repeat; background-position:left center }
.up_nba { background:url(//tc.csidn.com/images/site/games/i-sports_ball_icons.png) no-repeat; background-position:left top }
.up_cricket { background:url(//tc.csidn.com/images/site/games/i-sports_ball_icons.png) no-repeat; background-position:left bottom }
.up_fifa { background:url(//tc.csidn.com/images/site/games/i-sports_ball_icons.png) no-repeat; background-position:right top }
.up_nfl { background:url(//tc.csidn.com/images/site/games/i-sports_ball_icons.png) no-repeat; background-position:right center }
.up_nhl { background:url(//tc.csidn.com/images/site/games/i-sports_ball_icons.png) no-repeat; background-position:right bottom }
.up_btn { float:left; margin:0 20px 0 5px; height:28px; line-height:28px; padding:0 20px; display:inline-block; font-size:1.5em }

.show-loading
{
	display: none;
}

.loading .show-loading
{
	display: block;
	height: auto !important;
}

.loading .show-not-loading
{
	display: none;
}

.publicCluster
{
	text-decoration: none;
	display: inline-block;
	padding: 8px;
	margin: 4px;
	background: #f7f7f7;
	border-radius: 3px;
	vertical-align: middle;

	border: 1px solid #eee;
	color: #333 !important;

	font-size: 15px;

	-moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;
}
.publicCluster:hover
{
	background: #e7e7e7;
	border-color: #ddd;
}
.publicCluster .up_ball
{
	border-radius: 50%;
	border: 1px solid #EEE;
	margin-right: 8px;
}

#alt_games
{
	padding: 16px 0 8px 0;
}

.sidekicks
{
	margin-top: 8px;
}