* {
    margin: 0px;
	padding: 0px;
	border: 0px;
}
html {
    scrollbar-face-color: #DFDDD2;
    scrollbar-base-color: #DFDDD2;
    scrollbar-arrow-color: #373D40;
    scrollbar-track-color: #373D40;
    scrollbar-shadow-color: #DFDDD2;
    scrollbar-highlight-color: #DFDDD2;
    scrollbar-3dlight-color: #DFDDD2;
    scrollbar-darkshadow-color: #DFDDD2;
}
body, html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	width: 100% !important;
	height: 100%;
	background: #B1AE9B url("../imagery/background.gif") top repeat-x fixed;
}
a {
    text-decoration: none;
	color: #B1AE9B;
}
a:hover {
    text-decoration: underline;
	color: #DFDDD2;
}
#wrapper {
    left: 50%;
    margin-left: -400px;
    position: relative;
    width: 800px;
	background: #373D40 url("../imagery/background_wrapper.gif");
	border-left: 3px solid #DFDDD2;
	border-right: 3px solid #DFDDD2;
	height: auto;
	float: left;
}
*html #wrapper {
    float: none;
}
#wrapper #logo {
    margin: 0px;
	padding: 15px;
	background: #DFDDD2;
}
#wrapper #pie {
    position: absolute;
	right: 150px;
	top: 0px;
}
#wrapper #statistics {
    position: absolute;
	top: 7px;
	right: 0px;
	font-size: 10px;
	/* background: url("../imagery/statistics.gif") top center; */
	width: 140px;
}
#wrapper #statistics p {
	margin: 1px 3px 4px 10px;
}
#wrapper #statistics p.mark08 {
    padding: 0px 5px 0px 15px;
	background: url("../imagery/mark08.gif") 0px no-repeat;
}
#wrapper #statistics p.mark06 {
    padding: 0px 5px 0px 15px;
	background: url("../imagery/mark06.gif") 0px no-repeat;
}
#wrapper #statistics p.mark05 {
    padding: 0px 0px 0px 15px;
	background: url("../imagery/mark05.gif") 0px no-repeat;
}
#wrapper #statistics p.mark03 {
    padding: 0px 0px 0px 15px;
	background: url("../imagery/mark03.gif") 0px no-repeat;
}
#wrapper #statistics p.mark01 {
    padding: 0px 0px 0px 15px;
	background: url("../imagery/mark01.gif") 0px no-repeat;
}
#wrapper #content {
    padding: 15px;
	color: #DFDDD2;
	height: 100%;
}
#wrapper #menu {
    margin: 0px auto;
    background: #DFDDD2;
	text-align: center;
	padding: 0px 0px 0px 6px;
}
#wrapper #menu ul {
    margin: 0px auto;
    padding: 0px;
    list-style-type: none;
    display: block;
    height: 35px;
	border-left: 1px solid #373D40;
}
#wrapper #menu ul li {
    display: block;
    float: left;
	border-right: 1px solid #373D40;
	border-top: 1px solid #373D40;
}
#wrapper #menu ul li a {
    display: block;
    margin: 0px auto !important;
    float: left;
    color: #000000;
    text-decoration: none;
    padding: 10px 20px 10px 20px;
    height: 14px;
}
#wrapper #menu ul li a:hover {
    color: #000000;
    height: 14px;
    background: #B1AE9B;
    text-decoration: none;
	padding: 13px 20px 7px 20px;
}
#wrapper #menu ul li a.current {
    color: #DFDDD2;
	background: #7E795C;
    height: 14px;
    text-transform: none;
}
#wrapper #menu ul li a.current:hover {
	background: #565137;
	padding: 13px 20px 7px 20px;
}
#wrapper #footer {
    padding: 15px;
	margin: 0px;
	text-align: center;
	background: #DFDDD2;
	font-size: 10px;
	font-weight: bold;
	color: #1F1A17;
	width: 767px;
	border-left: 3px solid #DFDDD2;
	border-right: 3px solid #DFDDD2;
}
#footer, .coded {
    float: right;
}
#footer .coded a {
    color: #1F1A17;
	text-decoration: none;
}
#footer .coded a:hover {
    color: #1F1A17;
	text-decoration: underline;
}
#footer, .copyright {
    float: left;
}
img.imageHolder {
	border: 1px solid #FFFFFF;
	padding: 0px;
	margin: 5px 5px 0px 5px;
	/*
	width: 100px;
	height: 100px;
	*/
}
img.imageHolder:hover {
	border: 1px dashed #FFFFFF;
}
#result {
    margin: 10px;
}
#result .number {
    font-size: 18px;
	float: left;
	padding: 45px 0px 0px 0px;
}
#result, .photoSection {
    float: left;
}
#result, .photoFullSection {
    float: right;
}
#result .photoFullSection .otherResults {
    margin: 3px 0px 3px 0px;
    text-align: center;
}
#result .photoFullSection p {
    text-align: center;
	padding: 5px 0px 0px 0px;
}
#result .photoFullSection, span.gold span.silver span.bronze {
    padding: 0px 0px 3px 0px;
	margin: 0px;
	border-bottom: 1px solid #FFFFFF;
}
#result .photoFullSection p.gold {
    color: #EAC117;
}
#result .photoFullSection span.gold {
    font-size: 24px;
	padding: 0px 0px 0px 10px;
}
#result .photoFullSection p.silver {
    color: #C0C0C0;
}
#result .photoFullSection span.silver {
    font-size: 20px;
}
#result .photoFullSection p.bronze {
    color: #EDDA74;
}
#result .photoFullSection span.bronze {
    font-size: 18px;
}
#result, .dataSection {
    float: none;
	padding: 5px;
}
#result, .dataSection p {
    margin: 5px;
}
#result #orbHolder {
    float: right;
}
h1 {
    font-size: 11px;
	padding: 5px 0px 5px 10px;
	margin: 0px 0px 0px 6px;
	text-decoration: underline;
	color: #F2F2F2;
	text-transform: uppercase;
	background: url("../imagery/small_arrow.gif") 0px no-repeat;
}
h2 {
    font-size: 18px;
	padding: 5px;
	margin: 5px 0px 5px 0px;
	text-decoration: none;
}
h3 {
    font-size: 18px;
	padding: 15px;
	margin: 0px;
	text-decoration: none;
}
h4 {
    font-size: 11px;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 6px;
	text-decoration: underline;
}
h5 {
    font-size: 18px;
	padding: 15px 0px 15px 15px;
	margin: 0px;
	text-align: right;
	text-decoration: none;
}
#pager {
    padding: 15px 15px 0px 15px;
	margin: 10px;
}
#pager #resultStatus {
    text-align: center;
	margin: 5px 0px 10px 0px;
}
#pager a {
    border: 1px solid #7E795C;
	background: #DFDDD2;
	padding: 2px 7px 2px 7px;
	margin: 2px;
	color: #1F1A17;
	text-decoration: none;
}
#pager a:hover {
	background: #B1AE9B;
	color: #1F1A17;
	text-decoration: none;
}
#pager a.current {
	background: #7E795C;
	color: #DFDDD2;
	text-decoration: none;
}
#pager a.current:hover {
	background: #565137;
}
#gpu {
    padding: 15px;
	margin: 0px;
}
#gpu #bar {
    height: 24px;
    border: 1px solid #DFDDD2;
    margin: 5px 0px 5px 0px;
	width: 100%;
	max-width: 100%;
	background: #373D40;
	position: relative;
}
#gpu #bar .percents {
    padding: 0px 0px 0px 5px;
}
#gpu #bar .nvidia {
	background: #78BA01;
	color: #FFFFFF;
	padding: 5px 0px 5px 0px;
	border-right: 1px solid #DFDDD2;
}
#gpu #bar .ati {
	background: #9A0E12;
	color: #FFFFFF;
	padding: 5px 0px 5px 0px;
	border-right: 1px solid #DFDDD2;
}
#cpu {
    padding: 15px;
	margin: 0px;
}
#cpu #bar {
    height: 24px;
    border: 1px solid #DFDDD2;
    margin: 5px 0px 5px 0px;
	width: 100%;
	max-width: 100%;
	background: #373D40;
	position: relative;
}
#cpu #bar .percents {
    padding: 0px 0px 0px 5px;
}
#cpu #bar .intel {
    background: #0860A8;
	color: #FFFFFF;
	padding: 5px 0px 5px 0px;
	border-right: 1px solid #DFDDD2;
}
#cpu #bar .amd {
	background: #009966;
	color: #FFFFFF;
	padding: 5px 0px 5px 0px;
	border-right: 1px solid #DFDDD2;
}
div#fieldForm {
	width: 600px;
	margin-left: 10px;
	padding: 0px 5px 5px 5px;
}
div#fieldForm form .fileButton {
   height: 24px;
   width: 81px;
   overflow: hidden;
   margin: 0px 0px 0px 3px;
   position: relative;
   background: url("../imagery/file_button.gif") left top no-repeat;
   top: -27px;
   left: 380px;
}
div#fieldForm form .fileButton input {
   position: absolute;
   right: -1px;
   height: 24px;
   top: -4px;
   cursor: pointer;
   opacity: 0;
   filter: alpha(opacity: 0);
}
div#fieldForm label {
	display: block;
	float: left;
	margin: 8px 5px 0px 0px;
	text-align: right;
	width: 220px;
}
div#fieldForm input {
    padding: 3px;
	background: #DFDDD2;
	margin: 3px;
	border: 1px solid #565137;
}
div#fieldForm input:focus {
    padding: 3px;
	background: #B1AE9B;
	color: #FFFFFF;
	margin: 3px;
	border: 1px solid #565137;
}
div#fieldForm .dropField {
    padding: 3px;
	background: #DFDDD2;
	margin: 3px;
	width: 110px;
	border: 1px solid #565137;
}
div#fieldForm .dropField:focus {
    padding: 3px;
	background: #B1AE9B;
	color: #FFFFFF;
	margin: 3px;
	width: 110px;
	border: 1px solid #565137;
}
div#fieldForm p {
    margin: 15px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
}
div#fieldForm #required {
    font-style: italic;
	padding: 5px 0px 0px 209px;
	margin: 0px;
}
div#fieldForm #alternative {
	padding: 0px 0px 0px 229px;
	margin: -20px 0px 10px 0px;
}
span#finalScore {
    font-weight: bold;
	color: #E62E00;
	font-size: 14px;
}
#alert {
    margin: 5px 0px 5px 0px;
	padding: 10px 15px 10px 55px;
	color: #1F1A17;
	border: 2px solid #1F1A17;
	background: #DFDDD2 url("../imagery/alert.gif") 5px no-repeat;
}
#compareHolder {
	margin: 0px 10px 10px 10px;
}
#compareHolder, #compareLeft {
    float: left;
	text-align: left;
}
#compareHolder #compareLeft p {
    padding: 4px 5px 5px 12px;
	background: url("../imagery/small_arrow.gif") left no-repeat;
}
#compareHolder #compareLeft p.user {
    font-size: 14px;
	margin: -4px 0px 0px 0px !important;
	font-weight: bold;
	background: none;
}
#compareHolder #compareLeft p.red {
    color: #FF3300;
}
#compareHolder #compareLeft p.green {
    color: #00CC00;
}
#compareHolder #compareLeft p.yellow {
    color: #FFCC00;
}
#compareHolder, #compareRight {
    float: right;
	text-align: right;
}
#compareHolder #compareRight p {
    padding: 4px 12px 5px 4px;
	background: url("../imagery/small_arrow_right.gif") right no-repeat;
}
#compareHolder #compareRight p.user {
    font-size: 14px;
	margin: -4px 0px 0px 0px !important;
	font-weight: bold;
	background: none;
}
#compareHolder #compareRight p.red {
    color: #FF3300;
}
#compareHolder #compareRight p.green {
    color: #00CC00;
}
#compareHolder #compareRight p.yellow {
    color: #FFCC00;
}
#compareRow {
    top: 110px;
	position: absolute;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: auto;
	text-align: center;
	font-weight: bold;
	clear: both;
}
#compareHolder .compareRowA {
    top: 37px;
	position: relative;
}
#compareHolder .compareRowB {
    top: 45px;
	position: relative; 
	border-bottom: 1px dashed #B1AE9B;
}
#compareHolder .compareRowC {
    top: 53px;
	position: relative; 
	border-bottom: 1px dashed #B1AE9B;
}
#compareHolder .compareRowD {
    top: 61px;
	position: relative; 
	border-bottom: 1px dashed #B1AE9B;
}
#compareHolder .compareRowE {
    top: 69px;
	position: relative; 
	border-bottom: 1px dashed #B1AE9B;
}
#compareHolder .compareRowF {
    top: 77px;
	position: relative; 
	border-bottom: 1px dashed #B1AE9B;
}
#compareHolder .compareRowG {
    top: 85px;
	position: relative; 
	border-bottom: 1px dashed #B1AE9B;
}
#compareHolder .compareRowH {
    top: 93px;
	position: relative; 
	border-bottom: 1px dashed #B1AE9B;
}
#compareHolder .compareRowI {
    top: 101px;
	position: relative; 
	border-bottom: 1px dashed #B1AE9B;
}
#compareHolder .compareRowJ {
    top: 109px;
	position: relative; 
	border-bottom: 1px dashed #B1AE9B;
}
#compareHolder .compareRowK {
    top: 117px;
	position: relative; 
	border-bottom: 1px dashed #B1AE9B;
}
#compareHolder .compareRowL {
    top: 125px;
	position: relative; 
	border-bottom: 1px dashed #B1AE9B;
}
#compareHolder .compareRowM {
    top: 133px;
	position: relative; 
	border-bottom: 1px dashed #B1AE9B;
}
#compareHolder .compareRowN {
    top: 141px;
	position: relative; 
	border-bottom: 1px dashed #B1AE9B;
}
#compareHolder .compareRowO {
    top: 149px;
	text-align: center;
	position: relative; 
	border-bottom: 1px dashed #B1AE9B;
}
#compareHolder .compareRowP {
    top: 157px;
	position: relative; 
	border-bottom: 1px dashed #B1AE9B;
}
#compareHolder .compareRowQ {
    top: 165px;
	position: relative; 
	border-bottom: 1px dashed #B1AE9B;
}
#compareHolder .compareRowR {
    top: 173px;
	position: relative; 
	border-bottom: 1px dashed #B1AE9B;
}
#compareHolder .compareRowS {
    top: 181px;
	position: relative; 
	border-bottom: 1px dashed #B1AE9B;
}
#compareHolder .compareRowT {
    top: 189px;
	position: relative; 
	border-bottom: 1px dashed #B1AE9B;
}
div#commonForm {
	margin: 10px 0px 0px 10px;
	padding: 0px 5px 5px 15px;
}
div#commonForm label {
	display: block;
	float: left;
	margin: 8px 0px 0px 0px;
	text-align: right;
}
div#commonForm .dropField {
    padding: 3px;
	background: #DFDDD2;
	margin: 3px;
	width: 70px;
	border: 1px solid #565137;
}
div#commonForm .dropField:focus {
    padding: 3px;
	background: #B1AE9B;
	color: #FFFFFF;
	margin: 3px;
	width: 70px;
	border: 1px solid #565137;
}
#login {
    margin: 0px;
	padding: 0px;
	width: 750px;
}
#login #loginPanel {
    float: left;
	width: 300px;
}
#login #registerPanel {
    float: right;
	width: 324px;
	padding: 0px 15px 5px 0px;
}
#login #registerPanel p {
    text-align: right;
	padding: 0px 0px 5px 0px;
}
#login #loginForm {
	width: 324px;
	margin-left: 10px;
	padding: 0px 5px 5px 5px;
}
#login #loginForm label {
	display: block;
	float: left;
	margin: 8px 5px 0px 0px;
	text-align: right;
	width: 150px;
}
#login #loginForm input {
    padding: 3px;
	background: #DFDDD2;
	margin: 3px;
	border: 1px solid #565137;
}
#login #loginForm input:focus {
    padding: 3px;
	background: #B1AE9B;
	color: #FFFFFF;
	margin: 3px;
	border: 1px solid #565137;
}
img.securityCode {
    padding: 1px 0px 3px 2px;
	margin: 2px 0px 3px 2px;
	position: absolute;
    right: 285px;
}
#users {
    padding: 5px 15px 15px 15px;
	margin: 0px;
}
#users #userIcon {
    padding: 0px 0px 0px 13px;
	background: url("../imagery/user_icon.gif") left top no-repeat;
}
#checkbox {
    padding: 7px 0px 0px 0px;
}