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

.grid_head{
	background:#999999;
	width:900px;
	margin:0 auto;
}
	.grid_head td{
		height:24px;
		font-size:12px;
		line-height:24px;
		vertical-align:middle;
		text-align:center;
		font-weight:bold;
		color:white;
	}
.grid{
	width:900px;
	background:url(../images/site/grid.png) top center no-repeat white;
	padding:10px 0;
	margin:0 auto;
	position:relative;
}
	.grid .obj{
		text-align:left;
	}
	.grid .match{
		width:90px;
		padding:0 5px;
	}
		.grid .match .obj{
			width:86px;
			position:relative;
			background:url(../images/site/grid-item.png) top left no-repeat;
			height:41px;
			padding:2px;
			margin-top:2px;
		}
		.grid .match .obj:first-child{
			margin-top:0;
		}
			.grid .match .obj .team_logo{
				width:39px;
				height:39px;
				padding:1px;
				background:url(../images/site/grid-item-img-shadow.png) top left no-repeat;
				float:left;
				margin-right:4px;
			}
				.grid .match .obj .team_logo img{
					width:39px;
					height:39px;
				}
			.grid .match .obj .name{
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:10px;
				font-weight:bold;
				padding-top:5px;
				color:#333333;
			}
			.grid .match .obj .seed{
				font-size:10px;
			}
			.grid .match .obj .score{
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:12px;
				font-weight:bold;
				color:#990000;
			}
			.grid .match .obj .vote a{
				font-weight:bold;
				text-decoration:none;
				color:#990000;
			}
				.grid .match .obj .vote a:hover{
					color:#CC6600;
				}
		.grid .match .select{
			cursor:pointer;
		}
		.grid .match .select:hover{
			background-position:0 -45px;
		}
		.grid .match .correct{
			background-position:0 -90px;
		}
		.grid .match .incorrect{
			background-position:0 -135px;
		}
	.grid .column1 .match, .grid .column9 .match{
		margin-top:28px;
	}
		.grid .column1 .match:first-child, .grid .column9 .match:first-child{
			margin-top:0;
		}
	.grid .column2 .match, .grid .column8 .match{
		margin-top:148px;
	}
		.grid .column2 .match:first-child, .grid .column8 .match:first-child{
			margin-top:60px;
		}
	.grid .column3 .match, .grid .column7 .match{
		margin-top:388px;
	}
		.grid .column3 .match:first-child, .grid .column7 .match:first-child{
			margin-top:180px;
		}
	.grid .column4 .match, .grid .column6 .match{
		margin-top:868px;
	}
		.grid .column4 .match:first-child, .grid .column6 .match:first-child{
			margin-top:420px;
		}
	.grid .column5{
		width:521px;
		height:92px;
		background:url(../images/site/grid-semifinal-bg.png) top left no-repeat;
		position:absolute;
		top:902px;
		left:159px;
		padding:8px 31px;
	}
		.grid .column5 .match{
			float:right;
		}
			.grid .column5 .match:first-child{
				float:left;
			}
	.grid .champion{
		width:270px;
		height:229px;
		background:url(../images/site/grid-champion-bg.png) top left no-repeat;
		padding:60px 35px 20px 35px;
		position:absolute;
		top:802px;
		left:280px;
		color:white;
	}
		.grid .champion .obj{
			position:relative;
			width:122px;
			height:149px;
			margin-bottom:6px;
			background:url(../images/site/grid-item-big.png) top left no-repeat;
			padding:8px;
		}
			.grid .champion .obj .team_logo{
				background:url(../images/site/grid-item-img-shadow-big.png) top left no-repeat;
				width:114px;
				height:114px;
				padding:1px;
			}
				.grid .champion .obj .team_logo img{
					width:114px;
					height:114px;
				}
			.grid .champion .obj .name{
				color:#333333;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:16px;
				font-weight:bold;
			}
			.grid .champion .obj .score{
				color:#990000;
				font-size:16px;
				font-weight:bold;
			}
		.grid .champion .select{
			cursor:pointer;
		}
		.grid .champion .win{
			background-position:0 -165px;
		}
		.grid .champion .correct{
			background-position:0 -330px;
		}
		.grid .champion .incorrect{
			background-position:0 -495px;
		}
		.grid .champion .guessed{
			position:absolute;
			top:-12px;
			font-size:10px;
			font-weight:bold;
			color:#FF3300;
		}
		.grid .champion .tiebreaker .title{
			font-size:12px;
			text-align:center;
			font-weight:bold;
			color:white;
			border-bottom:1px dotted #FFFF99;
			margin-bottom:4px;
			padding-bottom:4px;
		}
		.grid .champion .tiebreaker .tiebreakerinput{
			font-size:14px;
			text-align:center;
			font-weight:bold;
			border:none;
			padding:3px;
			background:white;
			width:100px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
		}
	.grid .grid_save{
		width:200px;
		height:50px;
		position:absolute;
		left:350px;
		top:725px;
	}
	.grid .grid_save_2{
		width:200px;
		height:50px;
		position:absolute;
		left:350px;
		top:1138px;
	}
		
.score_input{ width:25px; font-size:10px; text-align:center; font-weight:bold; padding:2px; margin-top:2px; border:1px solid #990000; }
.grid .match .obj .guessed{
	position:absolute;
	top:48px;
	font-weight:bold;
	font-size:9px;
	color:#990000;
}
.grid .match .obj:first-child .guessed{
	top:-15px;
}