body, html {margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; background-color: #acacac; background-image: url('images/back1.png');}
h1 {font-size: 36px; color: #333; text-shadow: 0px -1px 1px #ccc; margin-top: 0;}
h2 {font-size: 15px; margin-bottom: 4px;}
h3 {font-size: 12px; margin-bottom: 4px;}
p {font-size: 14px; line-height: 150%; margin-top: 5px;}
td {padding-right: 5px;}

#calculate {margin-top: 15px;}
#chart {margin-top: 20px; margin-bottom: 8px;}
#support {font-size: 11px; margin-top: 20px;}
#notes p {font-size: 11px;}
#idletotal, #loadtotal, #minpsu, #powerdist {font-size: 18px; font-weight: bold;}
#loadtotal, #powerdist {margin-top: 20px;}
#results {width: 708px; background-color: white; border: 1px solid #ddd; margin-top: 10px; margin-bottom: 20px; padding: 10px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}
#main {width: 768px; margin-left: auto; margin-right: auto; background-color: white; margin-top: 0; box-shadow: 0px 0px 80px #666; border: 1px solid #777;}
#history {font-size: 11px;}
#top {padding: 5px 20px 5px 20px;}
#selections {padding: 20px; background-color: #dbe8f6; border-top: 1px dashed gray; border-bottom: 1px dashed gray; background-image: url('images/selback.png'); background-repeat: repeat-x;}
#bottom {padding: 20px;}
#linkwarning {color: red; font-size: 11px;}
#banner {height: 48px; padding-top: 15px; padding-left: 20px; color: white; margin-left: auto; margin-right: auto; width: 768px;}

.hwtitle {clear: both; padding-bottom: 3px; font-weight: bold; font-size: 12px;}
.hwgrp {padding-top: 20px;}
.resrow {height: 28px; margin: 1px; clear: both;}
.restitle {width: 80px; font-size: 10px; padding-right: 6px; padding-top: 4px; text-align: right; float: left;}
.resbar {float: left; height: 28px;}
.resbari, .resbarl {
	float: left;
	clear: both;
	height: 8px;
}
.resbari {background-color: #bac7e0; box-shadow: 1px 1px 3px #ccc; border-bottom: 1px solid #a8b4cb;}
.resbarl {background-color: #427ccb; box-shadow: 1px 1px 3px #ccc; margin-top: 2px; border-bottom: 1px solid #4777b3;}
.watts {
	border: 1px solid #990000;
	padding: 2px 4px 2px 4px;
	color: white;
	font-size: 22px;
	background-color: red;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	border-radius: 9px;
	text-shadow: 1px 1px #990000;
	box-shadow: 2px 2px 6px #bbb;
}
.note {font-size: 11px; clear: both; margin-top: 2px;}
.linked {font-size: 12px;}

.slider {width: 600px; height: 21px; margin: 2px 0px 2px 0px; clear: both; font-size: 12px;}
.slidertitle {width: 60px; height: 21px; float: left;}

#cpuspeed, #cpuvcore {float: left; width: 270px; margin-top: 4px;}
#val_cpuspeed, #val_cpuvcore {width: 180px; height: 21px; margin-left: 5px; float: left;}

.ui-slider-horizontal {height: 0.4em;}
.ui-slider .ui-slider-handle {height: 0.8em; width: 0.8em;}