/* CSS Document */

/* [ Standings Summary ] */

.standings_summary {
	color: #666;
	padding: 10px;
	margin: 0 0 1em;
	background: #ddd;
	-moz-border-radius: 3px;
	text-shadow: 0 1px 0 #fff;
	font-size: .875em;
	border-bottom: 1px solid #bbb;
	}
	
	
	.standings_summary table {
		border: none;
		margin: 0;
		}
	
	.standings_summary table th {
		text-align: left;
		font-weight: normal;
		font-size: .875em;
		padding: 0 .5em 0 0;
		line-height: 1em;
		text-align: right;
		border: none;
		}
		
	.standings_summary table td {
		padding: 3px 10px 3px 0px;
		text-align: left;
		font-size: 2em;
		line-height: 1em;
		color: #111;
		padding: 0 .5em 0 0;
		border: none;
		}
		
	.standings_summary strong {
		font-weight: normal;
		}
		
	.standings_summary .drawn,
	.standings_summary .total_points
	 {
		border-right: 1px solid #aaa;
		}
		
/* [ Draw ] */

.draw {
	margin: 0 0 2em;
	background: #ddd;
	-moz-border-radius: 3px;
	
	border-bottom: 1px solid #bbb;	
	}
	
.key {
		height: 25px;
		font-weight: bold;
		font-size: 10px;
		line-height: 25px;
		padding: 0 5px;
		text-shadow: 0 1px 0 #fff;
		}
		
		.key .round {
			width: 50px;
			float: left;
			height: 20px;
			}
		
		.key .date {
			width: 80px;
			float: left;
			height: 20px;
			}
			
		.key .match {
			width: 230px;
			float: left;
			height: 20px;			
			}
			
		.key .score {
			width: 75px;
			float: left;
			height: 20px;			
			}
	
.game {
	clear: both;
	padding: 0;
	margin: -1px 0 0 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 13px;
	background: #eee;
	}
	
	.brief {
		min-height: 1px;
		height: 25px;
		line-height: 25px;
		cursor: pointer;
		padding: 0 5px;
		}

		
	* html .brief {height: 1px;}
		
	.brief:after {
		content: ".";
		height: 0;
		visibility: hidden;
		clear: both;
		display: block;
		}
		
	.brief.hover {
		background: #fff7c0;
		}		
		
		.brief .round {
			width: 50px;
			float: left;
			height: 20px;
			color: #666;
			}
		
		.brief .date {
			width: 80px;
			float: left;
			height: 20px;
			color: #666;
			font-size: 10px;
			}
			
		.brief .match {
			width: 230px;
			float: left;
			height: 20px;
			color: #333;
			font-weight: bold;
			white-space: no-wrap;
			}
			
		.future_game .match {
			font-weight: normal;
			}
			
		.bye {
			cursor: default;
			}
			
		.bye .match {
			color: #999;
			}		
			
		.brief .score {
			width: 75px;
			float: left;
			height: 20px;
			color: #000;
			font-weight: bold;
			white-space: nowrap;			
			}
			
		.brief .toggle {
			float: right;
			width: 60px;
			text-align: right;
			padding: 0 15px 0 0;
			font-size: 10px;
			background: url(draw_details_show.gif) no-repeat right center;
			color: #666;
			white-space: nowrap;
			}
			
		.bye .toggle {
			display: none;
			}
			
		.brief .toggle_open {
			float: right;
			width: 60px;
			text-align: right;
			padding: 0 15px 0 0;
			font-size: 10px;
			background: url(draw_details_hide.gif) no-repeat right center;
			color: #666;
			}			
			
	.full {
		display: none;
		overflow: hidden;
		font-size: 11px;
		position: relative;
		background: #fff;
		}
		
	.open {
		background: #fffbe0;
		border-top: 1px solid #999;
		}
			
			.full .content {
				padding: 5px 40px 20px 55px;
				border-top: 1px solid #bbb;
				}
				
			* html .full .content {
			  height: 1px;
			}
				
			.full p {
				margin: 0 0 5px;
				line-height: 14px;
				clear: both;
				}
			
			* html .full p {
			  height: 1px;
			}
			
			.full p:after {
				content: ".";
				height: 0;
				display: block;
				visibility: hidden;
				clear: both;
				}
				
			.full strong {
				float: left;
				display: block;
				width: 80px;
				margin: 0;
				}
				
			* html .full strong {
			  height: 1px;
			  position: relative;
			  margin: 0;
			}
			
			.full .summary {
				float: left;
				}
								
			.buttons {
				min-height: 1px;
				padding: 5px;
				margin: 10px -30px -10px -45px;
				clear: both;
				}
			
			* html .buttons {
				height: 1px;
				}
				
			.buttons:after {
				content: ".";
				height: 0;
				display: block;
				clear: both;
				visibility: hidden;
				}
				
			.buttons .button {
				float: right;
				cursor: pointer;
				white-space: nowrap;
				}
				
			* html .buttons .button {
				width: 1px;
				}
				
			.buttons strong {
				margin: 0;
				float: none;
				width: auto;
				}
				
				
/* [ Points Table ] */

.points_table {
	margin: 0 0 2em;
	border-collapse: collapse;
	font-size: .875em;
	width: 100%;
	border: none;
	}
	
	.points_table th {
	    border: none;
		text-align: left;
		height: 25px;
		font-weight: bold;
		font-size: 10px;
		line-height: 25px;
		padding: 0 5px;
		background: #eee;
		text-shadow: 0 1px 0 #fff;
		border-bottom: 1px solid #ddd;
		}
		
	.points_table th.total {
		text-align: right;
		}
		
	.points_table td {
	    border: none;
		border-bottom: 1px solid #ddd;
		line-height: 25px;
		padding: 0 5px;
		/*background: url(points_table_td.gif) repeat-x top;*/
		}
		
	.points_table td.team {
		font-weight: bold;
		}
		
	.points_table td.total
	 {
		font-weight: bold;
		text-align: right;
		}
		
/* [ Season Selector ] */

#season {
	min-height: 1px;
	background: #eee;
	-moz-border-radius: 3px;
	-moz-box-shadow: 0 1px 1px #bbb;
	text-shadow: 0 1px 0 #fff;
	padding: 1em;
	margin: 0 0 1em;
	}
	
* html #season {
	height: 1px;
	}
	
#season:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	}
	
#season label {
	float: left;
	line-height: 22px;
	padding-right: 10px;
	}	
	
#season .control {
	display: inline;
	float: left;
	width: 100px;
	height: 20px;
	clear: none;
	margin: 0;
	}
	
#season .control label {
	display: none;
	}
	
#season .control select {
	background: #fff;
	}