/*=========================================== 
	FRAMES
===========================================*/	
.MainFrame {
	float: left;
	width: 69.5%;
	margin-right: 0.5%;
	height: 100vh;
}

.RightFrame {
	float: left;
	width: 30%;
	height: 100vh;
	background: #CCC;
}


/*=========================================== 
	DISPLAY ITEMS
===========================================*/
.MarginCenterContainer {
	padding: 20px;
	text-align: left;
}

.GameHeaderBar {
	display: block;
	background: #555;
	margin-bottom: 10px;
}
	.GameHeaderBar h2 {
		padding: 1em;
		color: #FFF;
	}
	
/*=========================================== 
	ALIGNMENT
===========================================*/	
.TextLeft {
	text-align: left;
}
.TextCenter {
	text-align: center;
}
.TextRight {
	text-align: right;
}
	
/*=========================================== 
	COLOURS
===========================================*/	
.Grey1 {
	background-color: #CCC:
}	
.Grey2 {
	background-color: #CCC:
}	
.Grey3 {
	background-color: #AAA:
}	
.Grey4 {
	background-color: #555:
}

/*=========================================== 
	COUNTUP TIMER
===========================================*/	
ul.countdown {
   list-style: none;
   /*margin: 15px 15px;*/
   padding: 0;
   display: block;
   text-align: center;
}
ul.countdown li {
   display: inline-block;
}
ul.countdown li span {
   font-size: 80px;
   font-weight: 300;
   line-height: 80px;
}
ul.countdown li.seperator {
   font-size: 80px;
   line-height: 70px;
   vertical-align: top;
}
   ul.countdown li p {
	   font-size: 14px;
	}

/*=========================================== 
	START NEW GAME
===========================================*/	
.StartNewGame {
	text-align: center;
}
	.StartNewGame h2 {
		padding: 2em 0 1em 0;
		font-size: 3em;
	}
	.StartNewGame .DisplayBox {
		display: inline-block;
		width: 50%;
		margin-top: 10px;
	}
	.StartNewGame .DisplayBox .CurrentUser {
		font-size: 1.75em;
		margin-bottom: 20px
	}
	
	.StartNewGame input, .StartNewGame select {
			font-family: 'OpenSans-Regular', sans-serif;
			font-size: 1.75em;
			width: 45%;
			padding: 10px 10px;
			margin: 8px 0;
			box-sizing: border-box;
		}
			.StartNewGame select {
				color: #555;
			}
			
		.StartNewGame input.ValidateError, .StartNewGame select.ValidateError {
			border: solid 1px red;
		}
		.StartNewGame label.ValidateError {
			color: Red;
		}			
		
	.StartNewGame .DisplayBox ul {
		margin-top: 50px;
	}
	.StartNewGame .DisplayBox ul li {
		float: left;
		width: 50%;
		text-align: center;
	}

/*=========================================== 
	HEADER DISPLAY
===========================================*/
.HeaderDisplay {
	background-color: #CCC;
	margin-bottom: 50px;
}
	.HeaderDisplay .DisplayItem {
		float: left;
		width: 50%;
	}
		.HeaderDisplay .DisplayItem.Grey2 {
			background-color: #CCC;
		}
		.HeaderDisplay .DisplayItem.Grey3 {
			background-color: #AAA;
		}
	
	.HeaderDisplay .DisplayItem .LiveBalance {
		font-size: 80px;
		font-weight: 300;
		line-height: 80px;
	}


/*=========================================== 
	NEXT BET
===========================================*/	
.NextBet {
	height: 60%;
	text-align: center;
}	
	.NextBet .DisplayBox {
		display: inline-block;
		width: 50%;
		margin-top: 50px;
	}
	
		.NextBet .DisplayBox ul li {
			float: left;
			width: 50%;
			text-align: center;
		}
			.NextBet .DisplayBox  ul li h2 {
				font-size: 6em;
				padding-top: 20px;
			}
			
			.NextBet .DisplayBox .PlaceBetButton {
				width: 100%;
				background: #026701;
				padding: 40px 0px;
				text-align: center;
				display: block;
				color: #FFF;
				font-size: 3em;
				font-weight: bold;
				border: 0;
				cursor: pointer;
				margin: 0px;
				text-decoration: none;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
				border-radius: 6px;
			}		
	
	

/*=========================================== 
	CURRENT GAME
===========================================*/
.TopSection {
	height: 32vh;
}
.BottomSection {
	height: 68vh;
}

.CurrentGame {

}
	.CurrentGame .CurrentGameHeader {
		display: block;
		background: #555;
		margin-bottom: 10px;
	}
		.CurrentGame .CurrentGameHeader h2 {
			padding: 1em;
			color: #FFF;
		}
	
	
	.CurrentGame .CurrentGameHolder {
		padding: 0 20px;
	}
	
	.CurrentGame .BetSequence {
		background-color: #eee;
		width: 100%;
		height: 58vh;
		overflow-x: hidden;
		overflow-y: scroll;
	}
		
	.CurrentGame table tr td img.ColourIcon {
		width: 35px
	}
	.CurrentGame table tr td.Win {
		font-weight: bold;
		color: green;
	}
	.CurrentGame table tr td.Lose {
		font-weight: bold;
		color: red;
	}	
	
	.CurrentGame .ControlButtons {
		margin-bottom: 20px;
	}
		.CurrentGame .ControlButtons li {
			float: left;
			width: 74%;
			margin-right: 1%;
			text-align: center;
		}
			.CurrentGame .ControlButtons li:last-child {
				width: 25%;
				margin-right: 0%;
			}
		
		.CurrentGame .ControlButtons button, .CurrentGame .ControlButtons .Button {
			margin-top: 100px;
			width: 100%;
			background: #026701;
			padding: 20px 0px;
			text-align: center;
			display: block;
			color: #FFF;
			font-size: 1em;
			font-weight: bold;
			border: 0;
			cursor: pointer;
			margin: 0px;
			text-decoration: none;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
		}
			.CurrentGame .ControlButtons .Button.Cancel {
				background: #FE0000;
			}
			.CurrentGame .ControlButtons .Button.Deactive {
				background: #DEDEDE;
			}
	
/*=========================================== 
	CURRENT AND RESULTS BAR
===========================================*/		
.CurrentWithResults {
}
	.CurrentWithResults p {
		margin: 0 0 2em 0;
		font-size: 2em;
		text-align: center;
	}
	.CurrentWithResults .CurrentWithResultsContainer {
		padding: 20px;
		text-align: center;
	}
	.CurrentWithResults .CurrentBet {
		float: left;
		width: 25%;
		background: #AAA;
		height: 50vh;
	}
		.CurrentBet .CurrentWithResultsContainer h2 {
			font-size: 6em;
				padding: 20px 0;
		}
	
	
		.CurrentWithResults .CurrentBetHeader {
			display: block;
			background: #555;
			margin-bottom: 10px;
		}
			.CurrentWithResults .CurrentBetHeader h2 {
				padding: 1em;
				color: #FFF;
			}
			
		
			


.ResultsBar {
	float: left;
	width: 75%;
	background: #CCC;
	height: 50vh;
}
	
	.ResultsBar .ResultsHeader {
		display: block;
		background: #555;
		margin-bottom: 10px;
	}
		.ResultsBar .ResultsHeader h2 {
			padding: 1em;
			color: #FFF;
		}	
	
	.ResultsBar .ResultsContainer {
		padding: 20px;
	}
		.ResultsBar .ResultsContainer ul {
			text-align: center;
		}
			.ResultsBar .ResultsContainer ul li {
				float: left;
				width: 30%;
				padding-right: 5%;
			}
				.ResultsBar .ResultsContainer ul li:last-child {
					padding-right: 0%;
				}