@font-face {
	font-family:DigitaldreamFatSkewNarrow;
	font-weight:normal;
	font-style:normal;
	src:url('../fonts/DigitaldreamFatSkewNarrow.ttf');
}
@font-face {
	font-family:AirbusSpecial;
	font-weight:normal;
	font-style:normal;
	src:url('../fonts/Airbus Special.ttf');
}

@font-face {
	font-family:HelveticaLTStdLight;
	font-weight:normal;
	font-style:normal;
/*	src:url('../fonts/HelveticaLTStd-Light.otf');*/
	src:url('../fonts/HelveticaNeueLTStd-BlkCn_0.otf');
}

@font-face {
	font-family:Impact;
	font-weight:normal;
	font-style:normal;
	src:url('../fonts/impact.ttf');
}
/*
@font-face {
	font-family:Digital;
	font-weight:bold;
	font-style:italic;
	src:url('../fonts/DS-DIGIT.TTF');
}

@font-face {
	font-family:Digital;
	font-weight:normal;
	font-style:italic;
	src:url('../fonts/DS-DIGII.TTF');
}

@font-face {
	font-family:Digital;
	font-weight:bold;
	font-style:normal;
	src:url('../fonts/DS-DIGIB.TTF');
}

@font-face {
	font-family:Digital;
	font-weight:normal;
	font-style:normal;
	src:url('../fonts/DS-DIGI.TTF');
}
@font-face {
	font-family:DigitaldreamFatSkew;
	font-weight:normal;
	font-style:normal;
	src:url('../fonts/DigitaldreamFatSkew.ttf');
}
*/
.center {
	margin-left:auto;
	margin-right:auto;
}

html {
	height: 100%;
	marging: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

body {
	font-family: AirbusSpecial;
	color: #ffffff;
/*	height: 100%;*/
	background: #ff6928; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff6928 0%, #ff9932 100%) fixed no-repeat; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6928), color-stop(100%,#ff9932)) #ff9932 fixed no-repeat; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff6928 0%,#ff9932 100%) #ff9932 fixed no-repeat; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff6928 0%,#ff9932 100%) fixed no-repeat; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff6928 0%,#ff9932 100%) fixed no-repeat; /* IE10+ */
	background: linear-gradient(to bottom,  #ff6928 0%,#ff9932 100%) fixed no-repeat; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6928', endColorstr='#ff9932',GradientType=0 ); /* IE6-9 */
}

form#login {
	text-align:center;
}
fieldset.login {
	display:inline-block;
}
div.login-field-group {
}
label.login-field {
	margin-right:1em;
}
fieldset.login input.text-input {
	width: 10em;
	float:right;
}
fieldset.login input[type="submit"] {
}
fieldset.login div.login-button {
	text-align: center;
}
img.heading {
	margin-left:auto;
	margin-right:auto;
	display:block;
	margin-bottom:0px;
}
/*#matchTimeDisplay*/ 
div.digital-readout {
	margin: 5px;
}
div.digital-readout span, span.digital-readout {
	border-color: #1a1a1a;
	color: #ff0000;
	font-family: DigitaldreamFatSkewNarrow;
	font-size: 14pt;
	padding: 5px;
	border-style: inset;
	border-width: 2px;
}
div#slot1SelectDiv {
	float:left;
}
div#slot2SelectDiv {
	float:left;
}
fieldset.placeBet {
	display: inline-block;
	border:none;
	color:#004a92;
	
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #dfe0e2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dfe0e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#dfe0e2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#dfe0e2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#dfe0e2 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#dfe0e2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfe0e2',GradientType=0 ); /* IE6-9 */
}
fieldset.confirmBet {
	display: inline-block;
	border:none;
	color:#ffffff;
	background: #1A1A1A;
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	max-width:95%;
	overflow:auto;
}
div#matchTracker {
	float:left;
	clear:both;
}
div#matchTrackerScrollRegion {
	width:600px;height:350px;margin-left:2px;margin-right:2px;
}

div#betViewPanel {
	margin-top: 20px;
}

div#betPanelHead {
	;
}

div#betViewPanel h2 {
	margin: 0px;
}
div#predictionsView {
	margin: 0px;
}
div.white-rounded-infobox {
	color: #4D4D4D;
	text-align: center;
	
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #dfe0e2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dfe0e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#dfe0e2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#dfe0e2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#dfe0e2 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#dfe0e2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfe0e2',GradientType=0 ); /* IE6-9 */
}

div#fireworksPredictions {
	max-width:95%;
	overflow:auto;
}

div.white-rounded-infobox div.info {
	margin-left: auto;
	margin-right:auto;
	padding-bottom: 3px;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	background: #1A1A1A; 
	width:95%;
	border-style: inset;
	border-width: 2px;
	border-color: #1A1A1A;
}
div.white-rounded-infobox div.gamefeedinfo {
	;
}
div.white-rounded-infobox span.head {
	padding-left: 10px;
	padding-right: 10px;
}

div.numeric-betview {
	margin: 3px 5px 0px 0px;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border:1px solid #999999; 
	width:90px;
	height:52px;
	overflow:none;
	float:left;
	position:relative;
}
div.numeric-betview .slot-won {
	color:#00ff00;
}
div.numeric-betview .slot-lost {
	color:#FBB81E;
}
div.numeric-betview .slot-pending {
	color:#4d4d4d;
}
div.numeric-betview .slot1 {
	position:absolute;
	left:0px;
	top:4px;
	width:43px;
	height:44px;
	font-size:1em;
	vertical-align:middle;
	border-right: 1px solid #999999; 
	border-left:none;
	border-top:none;
	border-bottom:none;
}
div.numeric-betview .slot2 {
	position:absolute;
	left:47px;
	top:0px;
	width:39px;
	font-size:0.6em;
	border-right: none;
	border-left:none;
	border-top:none;
	border-bottom:none;
}
div.numeric-betview .slot3 {
	position:absolute;
	left:47px;
	top:27px;
	width:39px;
	font-size:0.6em;
	border-right:none;
	border-left:none;
	border-top: 1px solid #999999; 
	border-bottom:none;
}

div.gamefeedinfo div.info {
	font-family:HelveticaLTStdLight;
	font-size:12px;
	letter-spacing:1px;
	color: #ffffff;
	text-align: left;
	overflow:auto;
}
span.gameFeedItemTime {
	font-size:14px;
	color: #ffff00;
	padding-right:4px;
}
span.gameFeedItemTitle {
	font-size:15px;
	color: #ffff00;
	padding-right:4px;
}

div.numeric-infobox {
	min-width:150px;
}
div.numeric-infobox div.info {
	text-align: center;
	font-size:16pt;
	color: #ffffff;
}

div.black-rounded {
	display: inline-block;
	background-color:#1A1A1A;
	padding: 5px;
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border: 2px inset #022256;
}

.white-button {
	font-family:AirbusSpecial;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-width: 2px;
	border-color: #ffffff;
	color: #4D4D4D;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #dfe0e2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dfe0e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#dfe0e2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#dfe0e2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#dfe0e2 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#dfe0e2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfe0e2',GradientType=0 ); /* IE6-9 */
}

.white-button:hover {
	background: #e1e1e1; /* Old browsers */
	background: -moz-linear-gradient(top,  #e1e1e1 0%, #b5b7b9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(100%,#b5b7b9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e1e1e1 0%,#b5b7b9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e1e1e1 0%,#b5b7b9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e1e1e1 0%,#b5b7b9 100%); /* IE10+ */
	background: linear-gradient(top,  #e1e1e1 0%,#b5b7b9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#b5b7b9',GradientType=0 ); /* IE6-9 */
}

.white-button:active {
	background: #b5b7b9; /* Old browsers */
	background: -moz-linear-gradient(top,  #b5b7b9 0%, #e1e1e1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5b7b9), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b5b7b9 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b5b7b9 0%,#e1e1e1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b5b7b9 0%,#e1e1e1 100%); /* IE10+ */
	background: linear-gradient(top,  #b5b7b9 0%,#e1e1e1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b7b9', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
}

.white-button:disabled {
	background: #aaaaaa; /* Old browsers */
	color: #888888; /* Old browsers */
}

.red-button {
	font-family:AirbusSpecial;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-width: 2px;
	border-color: #ffffff;
	font-size: 1em;
	color: #4D4D4D;
	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}

.red-button:hover {
	background: #e01616; /* Old browsers */
	background: -moz-linear-gradient(top,  #e01616 0%, #a50303 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e01616), color-stop(100%,#a50303)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e01616 0%,#a50303 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e01616 0%,#a50303 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e01616 0%,#a50303 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e01616 0%,#a50303 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e01616', endColorstr='#a50303',GradientType=0 ); /* IE6-9 */
}

.red-button:active {
	background: #bc1212; /* Old browsers */
	background: -moz-linear-gradient(top,  #bc1212 0%, #870202 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bc1212), color-stop(100%,#870202)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bc1212 0%,#870202 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bc1212 0%,#870202 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #bc1212 0%,#870202 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #bc1212 0%,#870202 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc1212', endColorstr='#870202',GradientType=0 ); /* IE6-9 */
}

.red-button:disabled {
	background: #aaaaaa; 
	color: #888888; 
}

.blue-button {
	font-family:AirbusSpecial;
	color: #ffffff;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	font-size: 1em;
	border-width: 2px;
	border-color: #ffffff;
	background: #004a92; /* Old browsers */
	background: -moz-linear-gradient(top,  #004a92 0%, #002e5b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004a92), color-stop(100%,#002e5b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #004a92 0%,#002e5b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #004a92 0%,#002e5b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #004a92 0%,#002e5b 100%); /* IE10+ */
	background: linear-gradient(top,  #004a92 0%,#002e5b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004a92', endColorstr='#002e5b',GradientType=0 ); /* IE6-9 */
}
.blue-button:hover {
	color: #ffffff; /* Old browsers */
	background: #01264b; /* Old browsers */
	background: -moz-linear-gradient(top,  #01264b 0%, #00152b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01264b), color-stop(100%,#00152b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #01264b 0%,#00152b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #01264b 0%,#00152b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #01264b 0%,#00152b 100%); /* IE10+ */
	background: linear-gradient(top,  #01264b 0%,#00152b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01264b', endColorstr='#00152b',GradientType=0 ); /* IE6-9 */
}
.blue-button:active {
	color: #ffffff; /* Old browsers */
	background: #002e5b; /* Old browsers */
	background: -moz-linear-gradient(top,  #002e5b 0%, #004a92 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002e5b), color-stop(100%,#004a92)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #002e5b 0%,#004a92 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #002e5b 0%,#004a92 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #002e5b 0%,#004a92 100%); /* IE10+ */
	background: linear-gradient(top,  #002e5b 0%,#004a92 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002e5b', endColorstr='#004a92',GradientType=0 ); /* IE6-9 */
}
.blue-button:disabled {
	background: #aaaaaa; /* Old browsers */
	color: #888888; /* Old browsers */
}

.green-button {
	font-family:AirbusSpecial;
	color: #4D4D4D;
	font-size: 1em;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-width: 2px;
	border-color: #ffffff;
	background: #11e034; /* Old browsers */
	background: -moz-linear-gradient(top,  #11e034 0%, #299a0b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#11e034), color-stop(100%,#299a0b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #11e034 0%,#299a0b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #11e034 0%,#299a0b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #11e034 0%,#299a0b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #11e034 0%,#299a0b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11e034', endColorstr='#299a0b',GradientType=0 ); /* IE6-9 */
}
.green-button:hover {
	background: #0fc631; /* Old browsers */
	background: -moz-linear-gradient(top,  #0fc631 0%, #1b7709 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0fc631), color-stop(100%,#1b7709)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0fc631 0%,#1b7709 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0fc631 0%,#1b7709 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0fc631 0%,#1b7709 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0fc631 0%,#1b7709 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0fc631', endColorstr='#1b7709',GradientType=0 ); /* IE6-9 */
}
.green-button:active {
	background: #0c9923; /* Old browsers */
	background: -moz-linear-gradient(top,  #0c9923 0%, #0e5606 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c9923), color-stop(100%,#0e5606)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0c9923 0%,#0e5606 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0c9923 0%,#0e5606 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0c9923 0%,#0e5606 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0c9923 0%,#0e5606 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c9923', endColorstr='#0e5606',GradientType=0 ); /* IE6-9 */
}
.green-button:disabled {
	background: #aaaaaa; /* Old browsers */
	color: #888888; /* Old browsers */
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px)  {
	/* iphones and android */
	body {
		font-size:17px;
		padding:0px 0px 0px 0px;
	}
	
	fieldset.login {
		width:90%;
		text-align:center;
	}
	fieldset.login div.login-field {
		margin-top:15px;
	}
	fieldset.login div.login-field-group {
		display:inline-block;
	}
	fieldset.login input.text-input {
		display:block;
		width:10em;
		position:static;
		float:none;
	}
	fieldset.login div.login-button {
		width:10em;
	}
	fieldset.login input[type="submit"] {
		width:10em;
	}
	
	div#controlPanelSelector {
		margin-top:35px;
	}
	
	label#matchSelectLabel {
		font-size: 1.7em;
	}
	select#matchSelect {
		height: 2em;
	}
	div#controlPanelButtons {
		position: fixed;
		bottom: 0px;
		left: 0px;
		background-color: #4A4A4A;
		width: 100%;
		padding-top: 0.1em;
		padding-bottom: 0.05em;
	}
	div#betPanel {
	}
	div#betPanelHeading {
		overflow: hidden;
		text-align: center;
		white-space: nowrap;
		margin: 0px 0px 0px 0px;
		border: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	img.heading {
		margin-left:auto;
		margin-right:auto;
		display:block;
		margin-bottom:0px;
	}
	
	button#betButton {
		margin-top:10px;
		width:80%;
	}
		
	fieldset.placeBet {
		text-align:center;
	}
	
	.white-button {
		font-size:1em;
	}
	.blue-button {
		font-size:1em;
	}
	div#controlPanel {
		margin-bottom:0.5em;
		text-align:center;
	}
	div#controlPanel select {
		margin-bottom:0.4em;
	}
	div#controlPanel button {
		font-size:0.9em;
		margin-right:0em;
		margin-bottom:0.5em;
	}
	div.gamefeedinfo div.info {
		font-size:0.75em;
	}
	/* these spans are sized relative to the div.info!!!! */
	span.gameFeedItemTime {
		font-size:1.1em;
	}
	span.gameFeedItemTitle {
		font-size:1.2em;
	}
	div.gamefeedinfo {
		max-width:95%;
	}
	
	div#matchTracker {
		width:inherit;
		float:none;
		margin-left:auto;
		margin-right:auto;
	}
	div#matchTrackerScrollRegion {
		width:inherit;
		height:170px;
		margin-left:5px;
		margin-right:5px;
		margin-bottom:5px;
	}
	span#matchTrackerHeading {
		display: none;
	}
	
	div#slot1SelectDiv {
		float:none;
	}
	div#slot2SelectDiv {
		float:none;
	}
	
	div#connectingPanel {
	}

	div.teamScoreTable {
		display:table;
		width:95%;
		table-layout:fixed;
		margin-left:auto;
		margin-right:auto;
		border-width:2px;
		border-color:rgb(240, 240, 240);
		border-style:groove;
		padding:5px;
		margin-bottom:5px;
		background-color: #4A4A4A;
	}
	div.teamScoreTableTS {
		display:table-row;
	}
	span.teamScoreTableTeam {
		display:table-cell;
		overflow:hidden;
		text-align:left;
	}
	span.teamScoreTableScore {
		display:table-cell;
		width:2em;
		text-align:right;
	}
	
	div#fireworksPredictions {
		max-width:95%;
	}
	
	input.text-input {
		font-size: 1em;
	}
	
	select {
		font-size: 1em;
	}
	fieldset.confirmBet {
		display:block;
		max-width:95%;
		margin-left:5px;
		margin-right: 5px;
		overflow:hidden;
	}
	div#predictionsView {
		margin-left:auto;
		margin-right: auto;
		max-width:95%;
		height:230px;
		/*position:absolute;
		bottom:5px;
		left:5px;
		right:5px;*/
		margin-bottom: 5px;
		overflow:auto;
	}
	div#predictionsView span.match-name	{
		color:#ffff00;
	}
	div#predictionsView span.prediction	{
	}
	div#predictionsView span.principal	{
		font-size:1em;
		display:inline-block;
	}
	div#predictionsView span.jackpot {
		display:inline-block;
	}
	div#predictionsView span.prediction-state {
		color:red;
	}
	div#predictionsView span.jackpot-group	{
		display:block;
		float:right;
		text-align:right;
		font-size:0.9em;
	}
	button#confirmBetButton {
		width:45%;
		float: left;
	}
	button#cancelBetButton {
		width:45%;
		float: right;
	}
}
/* this breaks the above style when swapping back between portrait and landscape
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation:landscape)  {
	div#controlPanelButtons {
		position: static;
	}
}
*/

/*
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation:landscape) {
	body {
		font-size:35px;
	}
	.white-button {
		font-size:35px;
	}
	.blue-button {
		font-size:35px;
	}
}*/
/*
@media only screen and (orientation: landscape) {
	body {
		font-size:14pt;
	}
}*/