html {
	height: 100%;
}

img {
	border: 0px solid #ffffff;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Myriad Pro, Helvetica, Arial;
	font-size: 11px;
	background: #000000 url(../images/bg.gif) repeat-x left top;
	color: #e9e9e9;
	height: 100%;
}

#header {
	height: 36px;
	text-align: center;
}

#footer { text-align: center; padding-top: 20px }

#button-run {
	text-align: center;
	width: 108px;
	margin: 0px auto;
}

#button-run p {
	text-align: left;
	color: #adadad;
}

#run-bg {
	background: #000000 url(../images/run-bg.gif) repeat-x left top;
	height: 111px
}

#run-bg h1 {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
	padding: 35px 0 0;
	line-height: 25px;
	margin: 0px
}

#progress-area {
	width: 157px;
	margin: 0px auto;
}

#suite-count {
	float: left;
	width: 30px;
	text-align: center;
	font-size: 10px;
}

#progress-bar-base {
	background: transparent url(../images/progressBarBg.gif) no-repeat left 3px;
	float: left;
	width: 97px;
	height: 10px;
}

#progress-bar {
	background: transparent url(../images/progressBar.gif) no-repeat left 3px;
	float: left;
	width: 100px;
	height: 10px;
}

#time-left {
	float: left;
	width: 30px;
	text-align: center;
	font-size: 10px;
}

#test-description {
	clear: both;
	padding: 20px 0px;
	width: 153px;
	margin: 0px auto;
}

#test-name {
	text-align: center;
	font-size: 9px;
	color: #636363;
}

#score {
	color:#575757;
font-size:30px;
padding-top:57px;
text-align:center;
height:50px;
}

#result-gauge {
	background: url(../images/result-gauge.gif) no-repeat top left;
	width: 122px;
	height: 121px;
	margin: 0px auto;
}

#content-container {
	width: 160px;
	margin: 0px auto;
}	

#button-details {
	text-align: center;
	padding-top: 10px;
}

#browser {
	color:#575757;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	padding-top:0;
	text-align:center;
}

#content {
	border: 1px solid #323232;
	background: #212121;
	/*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(243, 244, 245)), to(rgb(186, 194, 204))) content-box padding-box;*/
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

a {
	color: #ffffff;
}


#contentPadding {
	padding: 40px 40px;
	text-align: center;
}

#hiddenPlayground {
	display: none;
}

#button-repeat {
	line-height: 20px;
	background: url(../images/button-repeat.gif) no-repeat top left;
	padding-left: 25px;
	text-align: left;
} 

#button-repeat-disabled {
	line-height: 20px;
	background: url(../images/button-repeat-disabled.gif) no-repeat top left;
	padding-left: 25px;
	text-align: left;
	color: #636363;
}

#repeat-disabled-notification {
	font-size: 9px;
	padding: 5px;
	background: url(../images/pixel-black-20.png);
	margin-top: 5px;
	color: #a3a3a3;
}

#button-repeat a, #button-repeat a:hover, #button-repeat a:active, #button-repeat a:visited {
	color: #ffffff;
	text-decoration: none;
}

#playground {
	width: 150px;
	height: 150px;
	background: #000000;
	margin: 10px auto;
}

.render-grid-pixel {
	width: 10px;
	height: 10px;
	float: left;
}

.render-chart-bar-container {
	float: left;
	width: 2px;
	height: 150px;
}

.render-chart-bar-upper {
	width: 2px;
	background: #ff0000;
}

.render-chart-bar-lower {
	width: 2px;
	background: #00ff00;
}

.render-physics-ball {
	width: 10px;
	height: 10px;
	background: url(../images/tests/render-physics-ball.gif) no-repeat top left transparent;
	position: absolute;
}

.render-physics-box {
	width: 150px;
	height: 150px;
	position: absolute;
}

table.details {
	width: 160px;
	margin-bottom: 10px;
}

table.details .title {
	background: #2B2B2B;
	color: #C9C9C9;
	font-size: 14px;
	padding: 5px;
}

table.details .key, table.details .value {
	background: #444444;
	padding: 5px;
	border-bottom: 1px solid #000000;
	font-size: 10px;
	width: 80px;
}

.compare {
	font-size: 14px;
	font-weight: normal;
	margin: 5px 0 0;
}

table.compare {
	width: 160px;
	margin-bottom: 2px;
}

table.compare .title {
	background: #2B2B2B;
	color: #C9C9C9;
	font-size: 11px;
	padding: 5px 5px 2px 5px;
	font-weight: bold;
}

table.compare .key, table.compare .value {
	background: #2B2B2B;
	color: #C9C9C9;
	padding: 0 5px 5px 5px;
	border-bottom: 2px solid #000000;
	font-size: 10px;
	width: 80px;
}

table.compare .value b {
	color: #ffffff;
}

table.compare .value {
	text-align: right;
}

h1 {
	margin: 20px 0px 10px;
	padding: 0px;
	font-weight: normal;
	font-size: 18px;
}

.title-left {
	float: left;
	width: 80px;
}

.title-right {
	float: right;
	margin: 17px 0px 10px;
	width: 80px;
	text-align: right;
}

#start-bg {
	width: 160px;
	background: url(../images/battery-bg.gif) repeat-y;
}

#start-bg-header {
	background: url(../images/battery-bg-header.gif) no-repeat top left;
}

#start-bg-footer {
	background: url(../images/battery-bg-footer.gif) no-repeat bottom left;
	padding: 8px;
}

#start-bg input.field {
	margin: 0px 0px 10px 0px;
	width: 136px;
}

#start-battery {
	padding-top: 10px;
}

#key-container {
	color: #7A7A7A;
	font-size: 14px;
	width: 140px;
	margin: 10px auto;
	padding: 5px 0px;
	text-align: center;
	border-top: 1px solid #999999;
}

#restart-notification {
	text-align: center;
}

.battery-key {
	text-align: center;
	font-size: 24px;
}

#result-navigation {
	padding-top: 10px;
	width: 157px;
	margin: 0px auto;
	text-align: right;
}