/*
 * Copyright (c) 2007-2008 Standard Performance Evaluation Corporation (SPEC) All
 * rights reserved.
 */
 
@page { size A4 portrait; }  /* @page isn't supported by most browsers! */
 
body { font-family: sans-serif; background-color: white; min-width: 760px }
@media print {
	BODY {
		font-size: 10pt;
		font-family: sans-serif, arial, serif;
		margin: 0;
		padding: 0;
		color: black;
	}
}

body.invalid { background-image: url("/images/power_ssj-invalid.png") }
body.noncompliant { background-image: url("/images/power_ssj-noncompliant.png") }
body.notavailable { background-image: url("/images/power_ssj-notavailable.png") }

#pageHeader { text-align: center }
.logo { float: left }
.logo img { border-style: none; }
.benchmarkName { clear: none; font-weight: bold; font-size: x-large; padding-bottom: 0.5em; }
.reportTitle { font-weight: bold }
.copyrightHeader { clear: none; }

table { border-collapse: collapse; width: 100%; border-style: none; border-color: black }
tr.calibration { background-color: #EEEEEE }
tr.summary { font-weight: bold }

.resultHeader td { border-style: solid; border-width: 1px; padding: 0.1em 0.5em }
.resultHeader td.name { font-weight: bold; text-align: right }

#resultName { text-align: left; font-size: larger }
#metrics { text-align: right; font-size: larger; font-weight: bold }

#noncompliant { font-weight: bold }
#validity { font-size: larger; margin: 0.5em 0 }

a.glossary { border-bottom: 1px dashed black; text-decoration: none }
a.glossary:link, a.glossary:visited { color: inherit }

.sutSummary th, .sutSummary td { border-style: solid; border-width: 1px }
.sutSummary td { text-align: right }

.resultsTable { float: left; width: 50% }
.resultsTable th, .resultsTable td { border-style: solid; border-width: 1px; padding: 0.1em 0.2em }
.resultsTable td { text-align: right }

@media print {
	.resultsTable { font-size: 95%; width: 50% }
}

.metric { font-weight: bold }
.calibrated { font-style: italic }

.resultsGraph { float: right; clear: right; text-align: center; width: 50% }
@media print {
	.resultsGraph { width: 50%; float: left }
}

.detailsLink { clear: both }

.sectionTitle { width: 100%; font-size: larger; font-weight: bold; text-align: center; border-style: solid; border-width: 2px; color: navy; border-color: black; background-color: #c0c0c0; margin-top: 1.0em; margin-bottom: 0.25em }
.endSection { clear: both }

.configSection { float: left; clear: none; width: 50% }
.configSection table, .configSection table thead th { border-style: solid; border-width: 2px }
.configSection th, .configSection td { border-style: solid; border-width: 1px; padding: 0.1em 0.5em }
.configSection td.name { text-align: right; font-weight: bold }
.configSection td.value { text-align: left }

@media print {
	.configSection { float: none; width: 100%; text-align: center; margin-top: 0.5em }
	/* Setting the left and right margins to auto centers the table.
	   text-align: center doesn't seem to do the trick in this case. */
	.configSection table { width: auto; margin-left: auto; margin-right: auto }
}

.setDefinitionSection th, .setDefinitionSection td { width: 50%; border-style: solid; border-width: 1px; padding: 0.1em 0.5em }
.setDefinitionSection td.name { text-align: right; font-weight: bold }
.setDefinitionSection td.value { text-align: left }

.freeForm { width: 100%; border-style: solid; border-width: 2px }

#perfDetails { width: 100% }
#perfDetails .resultsTable { width: 100% }
#perfDetails table { border-style: solid; border-width: 2px }
#perfDetails th, #perfDetails td { border-style: solid; border-width: 1px }

#electricalDetails { width: 100% }
#electricalDetails .resultsTable { width: 100% }
#electricalDetails table { border-style: solid; border-width: 2px }
#electricalDetails th, #electricalDetails td { border-style: solid; border-width: 1px }

#powerAnalyzer { clear: both }

#pageFooter { float: left; clear: both; width: 100%; text-align: center; background-color: #c0c0c0; border-style: solid; border-width: 2px }
#version { font-size: smaller; }
#copyright { font-style: italic }