/* [ Draw ] */

.draw {
	margin: .5em -10px 2em;
	position: relative;
	min-height: 1px;
	padding: 0 0 20px 0;
	
	background: #000;
	border-collapse: separate;
	
	border: 2px solid #000;
	
	-moz-border-radius: 5px;	
	}
	
	* html .draw {
		height: 1px;
		}
	
.key {
		height: 25px;
		font-weight: bold;
		font-size: .6875em;
		text-transform: uppercase;
		line-height: 25px;
		padding: 5px;
		background: #000;
		}
		
		.key .round {
			width: 50px;
			float: left;
			height: 20px;
			}
		
		.key .date {
			width: 120px;
			float: left;
			height: 20px;
			}
			
		.key .match {
			width: 300px;
			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 #444;
	border-bottom: 1px solid #222;
	position: relative;
	min-height: 1px;
	}
	
	* html .game {
		height: 1px;
		}
	
	.brief {
		min-height: 1px;
		height: 30px;
		line-height: 30px;
		cursor: pointer;
		padding: 0 5px;
		position: relative;
		border-bottom: 1px solid #111;
		background: #333;
		}

		
	* html .brief {height: 1px;}
		
	.brief:after {
		content: ".";
		height: 0;
		visibility: hidden;
		clear: both;
		display: block;
		}
		
	.brief:hover {
		background: #444;
		}		
		
		.brief .round {
			width: 50px;
			float: left;
			height: 20px;
			color: #999;
			font-size: 10px;
			}
		
		.brief .date {
			width: 120px;
			float: left;
			height: 20px;
			color: #999;
			font-size: .75em;
			}
			
		.brief .match {
			width: 300px;
			float: left;
			height: 20px;
			color: #ccc;
			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: #fff;
			font-weight: bold;
			white-space: no-wrap;			
			}
			
		.brief .toggle {
			float: right;
			width: 70px;
			text-align: right;
			padding: 0 15px 0 0;
			font-size: 10px;
			background: url(draw_details_show.gif) no-repeat right 8px;
			color: #666;
			}
			
		.bye .toggle {
			display: none;
			}
			
		.open .toggle {
			background: url(draw_details_hide.gif) no-repeat right 8px;
			}			
			
	.full {
		display: none;
		overflow: hidden;
		font-size: .8125em;
		position: relative;
		background: #111;
		}
		
		* html .full {
		    width: 100%;
		}
		
	/*.open {
		background: #000;
		border-top: 1px solid #333;
		position: relative;
		}*/
			
			.full .content {
				padding: 5px 40px 20px 55px;
				border-top: 2px solid #111;
				}
				
			* html .full .content {
			  height: 1px;
			}
				
			.full p {
				margin: 0 0 10px;
				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: 120px;
				margin: 0;
				}
				
			* html .full strong {
			  height: 1px;
			  position: relative;
			  margin: 0;
			}
			
			.full .summary {
				float: left;
				width: 400px;
				}
								
			.buttons {
				min-height: 1px;
				padding: 5px;
				margin: 10px -30px -10px -45px;
				clear: both;
				text-align: right;
				}
			
			* html .buttons {
				height: 1px;
				}
				
			.buttons:after {
				content: ".";
				height: 0;
				display: block;
				clear: both;
				visibility: hidden;
				}
				
			.buttons a {
				white-space: nowrap;
				}