body { 
  background-color: #ffffff; 
  color: #333; 
}

body, p, ol, ul {
  font-family: arial, helvetica, sans-serif;
  font-size:   12px;
  line-height: 18px;
}

td {
  vertical-align: top;
  padding: 0px 0px 6px 0px;
}

.taboutputlineno {
  border: 1px solid #CCCCCC;
  padding: 2px;
}

.taboutputlabel {
  border: 1px solid #CCCCCC;
  padding: 2px;
}

.taboutputdata {
  border: 1px solid #CCCCCC;
  text-align: right;
  padding: 2px;
}

th {
  text-align: left;
}

.nopadding {
  padding: 0px;
}

.errormessage {
  color: #FF0000;
  font-weight: bold;
}

.headerspacer {
  height: 35px;
}

h2 {
  font-size: 18px;
  font-weight: bold;
}

.h2 {
  font-size: 18px;
  font-weight: bold;
}

h3 {
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { color: #000; }
a:visited { color: #666; }
a:hover { color: #000000; }

input,textarea {
  border: 1px solid #0090CC;
  font-size: 10px;
}

.radio {
  border: 0px;
}

.checkbox {
  color: #00F;
  border: 0px;
}

.headerlogo {
 position: absolute;
 top: 12px;
 left: 15px;
}

.headerunderscore {
 position: absolute;
 top: 73px;
 left: 64px; 
 width: 122px;
 height: 2px;
 background: #AAAAAA;
 z-index:20;
}

.headergraphdata {
 position: absolute;
 top: 110px;
}

.errormsgtop {
 color: #FF0000;
 border: 2px solid #FF0000;
 padding: 4px;
}

.errormsgbottom {
 color: #00AACC;
 width: 300px;
 font-weight: bold;
 padding: 4px;
}

.errormsgfield {
 color: #FF0000;
 font-size: 8px;
 background: #FFFF44;
 line-height: 8px;
}

.yourbuilding {
  float: right;
  text-align: right; 
  font-size: 8px;
  color: #777777;
}

.yourbuildingvalue {
  font-size: 10px;
  color: #000000;
  font-weight: bold;
}

.label {
  /* text-align: right; */
  /* vertical-align: top; */
  width: 180px;
  font-size: 11px;
  line-height: 12px;
  padding: 0px 2px 0px 0px;
}

.labelnowidth {
  text-align: right;
  /* vertical-align: top; */
  font-size: 11px;
  line-height: 12px;
  padding: 0px 2px 0px 0px;
}

.labelleftnowidth {
  font-size: 11px;
  line-height: 12px;
  padding: 0px 2px 0px 0px;
}


.label000 {
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  color: #007099;
}

.leftlabel {
  text-align: left;
  vertical-align: middle;
  width: 180px;
  font-size: 11px;
  line-height: 12px;
  padding: 0px 2px 3px 0px;
}

.qno {
  width: 25px;
  color: #777777;
  font-size: 11px;
  line-height: 12px;
  padding: 0px 2px 0px 0px;
}

.widelabel {
  /* text-align: right; */
  /* vertical-align: top; */
  width: 400px;
  font-size: 11px;
  line-height: 12px;
  padding: 0px 2px 0px 0px;
}

.widelabelleft {
  width: 400px; 
  font-size: 11px;
  line-height: 12px;
  padding: 0px 2px 0px 0px;
}

.mediumlabel {
  /* text-align: right; */
  vertical
  vertical-align: top;
  width: 270px;
  font-size: 11px;
  line-height: 12px;
  padding: 0px 2px 0px 0px;
}

.gridseparator {
 background-color: #DDDDDD;
 height: 1px;
 width: 100%;
}

.labelmicro {
  height: 10px;
  line-height: 10px;
  font-size: 9px;
}

.currency {
  width: 80px;
  text-align: right;
  padding: 2px;
}

.currency-calc {
  width: 80px;
  text-align: right;
  border: 1px dashed #CC90CC;
  padding: 2px;
}

.currency-blue {
  width: 80px;
  text-align: right;
  border: 1px solid #99CCFF;
  padding: 2px;
}

.currency-blue-calc {
  width: 80px;
  text-align: right;
  border: 1px dashed #99CCFF;
  padding: 2px;
}

.currency-green {
  width: 80px;
  text-align: right;
  border: 1px solid #99CC00;
  padding: 2px;
}

.currency-pink {
  width: 80px;
  text-align: right;
  border: 1px solid #FF99CC;
  padding: 2px;
}

.currency-pink-calc {
  width: 80px;
  text-align: right;
  border: 1px dashed #FF99CC;
  padding: 2px;
}

.currency-purple {
  width: 80px;
  text-align: right;
  border: 1px solid #CC99FF;
  padding: 2px;
}

.currency-purple-calc {
  width: 80px;
  text-align: right;
  border: 1px dashed #CC99CC;
  padding: 2px;
}

.currency-orange {
  width: 80px;
  text-align: right;
  border: 1px solid #FFCC99;
  padding: 2px;
}

.currency-yellow {
  width: 80px;
  text-align: right;
  border: 1px solid #E4E499;
  padding: 2px;
}


/* MODIFIED FOR PRINT */
.screennotes {
 display: none;
}

.mouseover {
 display: none; 
 overflow: auto;
 font-family: arial, helvetica;
 font-size: 11px;
 line-height: 13px;
 color: #003578;
 padding: 4px;
 background-color: #DDDDDD;
}

.mouseover#maintfci {
 height: 100px;
}

.mouseover#maintunion {
}

.mouseover#custunion {
}

.mouseover#custarea {
}

.percentage {
  width: 40px;
  text-align: right;
}

.percentage-calc {
  width: 40px;
  text-align: right;
  border: 1px dashed #CC90CC;
}

.number {
  width: 90px;
  text-align: right;
  padding: 2px;
}

.number-required {
  width: 90px;
  text-align: right;
  padding: 2px;
  border: 2px solid #CC6090;
}

.number-calc {
  width: 90px;
  text-align: right;
  border: 1px dashed #CC90CC;
  padding: 2px;
}

.field-required {
  border: 2px solid #CC6090;
}

.description {
  width: 200px;
}

.longdescription {
  width: 300px;
}

.columnheading {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 11px;
  line-height: 12px;
  background: #0090CC;
  vertical-align:bottom;
  padding: 2px 2px 2px 2px;
}

.columnheading a {
  color: #FFFFFF;
}

.headingalthighlight {
  color: #CCCCFF;
}

.unitdisplay {
  font-weight: bold;
  font-size: 11px;
  color: #0090CC;
  padding: 0px 2px 0px 2px;
}

.borderedcolumnheading {
  color: #0090CC;
  border: 1px solid #0090CC;
  font-weight: bold;
  font-size: 11px;
  padding: 0px 2px 0px 2px;
  vertical-align: bottom;
}

 

.numericdatacolumn {
  text-align: right;
}

.numericcolumnheading {
  text-align: right;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  line-height: 12px;
  background: #0090CC;
  padding: 0px 2px 2px 2px;
}

.numericcolumnheading a {
  color: #FFFFFF;
}

.numericcolumnheading#coltotal {
  width: 100px;
}

select {
  border: 1px solid #0090CC; 
  font-size: 10px;
}

.submit input {
  background: #DDDDDD;
}

/* MODIFIED FOR PRINT */
.upperlinks {
  display: none;
}

/* MODIFIED FOR PRINT */
.upperlinks a {
  display: none;
}

.instructionspopup {
  position: absolute;
  display: none;
  top: 86px;
  right: 10px;
  width: 225px;
  padding: 4px;
  font-size: 10px;
  line-height: 13px;
  color:#000000;
  border: 1px solid #0090CC;
  background: #EEEEEE;
  z-index: 20;
}

.heading {
 font-family: arial, helvetica;
 font-size: 18px;
 font-weight: bold;
}

.buildingname {
 position: absolute;
 top: 90px;
 left: 510px;
 width: 300px;
 text-align: right;
 line-height: 28px;
 font-family: arial, helvetica;
 color: #0090CC;
 font-size: 20px;
 font-weight: bold;
}

.subheading {
 font-family: arial, helvetica;
 font-size: 14px;
 font-weight: bold;
}

.instructions {
 font-size: 11px;
 line-height: 14px;
 color:#000000;
}

.instructions ul,li,p {
 font-size: 11px;
 line-height: 14px;
 color:#000000;
}

.instructionspopup a {
  color:#0090CC;
  font-weight: bold;
  text-decoration: none;
}

.instructionspadded {
 font-family: arial, helvetica;
 font-size: 11px;
 color: #003578;
 text-align: left;
 padding: 4px;
 line-height: 12px;
}

.highlight {
 color: #FF0000;
}

.fieldWithErrors {
  padding: 2px;  
  background-color: yellow;
  /* display: table;  */
}

.leedscorekey {
  text-align:center;
  padding-top:10px;
  float:right;
  height:36px;
  font-size:10px;
  line-height:11px;
  font-weight:bold;
}

.leedscore {
  text-align:center;
  padding-top:10px;
  height:36px;
  font-size:10px;
  line-height:11px;
  font-weight:bold;
}



#errorExplanation {
  width: 750px;
  border: 2px solid red;
  padding: 2px;
  padding-bottom: 6px;
  margin-bottom: 14px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-size:16px;
  font-weight: bold;
  padding: 15px 0px 5px 15px;
  margin: -7px;
  color: #000000;
}

#errorExplanation p {
  color: #FF0000;
  font-weight: bold;
  margin-top:0px;
  margin-bottom:0px;
  padding-left: 7px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

.graphpanel {
 display: none;
}

/* MODIFIED FOR PRINT */
.flashcontent {
 display: none;
}

.surveypanel {
}

.companypanel {
  position: absolute;
  top: 50px;
  width: 100%;
  height: 60%;
  overflow: auto;
  background: #CCCCCC;
}

.logintitleheader {
  position: absolute;
  top: 25%;
  left: 35%;
  width: 30%;
  font-weight: bold;
}

.loginpanel {
  width: 700px;
  text-align:center;
}

.informarea {
  padding: 4px;
  width: 150px;
  /* vertical-align: middle; */
  /* text-align: center; */
  font-size: 10px;
  font-weight: bold;
  line-height: 12px;
}

.informbox {
  position: relative;
  top: 10px;
  border: 3px solid #0090CC;
  padding: 4px;
  background: #FFFFFF;
  /* background: #FF9999; */
  width: 140px;
  height: 140px;
  z-index: 5;
}

.informbutton {
  position:absolute;
  bottom:2px;
  width:40%;
  height:24px;
  left:30%;
  /* background: #DDDDDD; */
  margin-bottom:0px
}

.informfix {
 color:#FF0000;
}

.informready {
 color:#FF0000;
 font-weight: bold;
}

.informbuildings {
}



.legend {
  border: 2px solid #666666;
  line-height: 10px;
  margin-top: 20px;
  font-size: 10px;
}

.legendcolorblock {
  width: 30px;
  height: 10px;
  border: 1px solid grey;
}

/* MODIFIED FOR PRINT */
.buttoncreatenew {
  display: none;
}



.reportdetail {
  font-size: 10px;
  line-height: 11px;
  vertical-align: middle;
  padding: 4px;
}

.sustainabilityhelp {
  position: absolute;
  display: none; 
  width: 400px;
  padding: 4px;
  font-size: 10px;
  line-height: 13px;
  color:#000000;
  border: 1px solid #0090CC;
  background: #EEEEEE;
  z-index: 20;
}

.sustainabilityimage {
  padding: 2px 2px 2px 2px;
  align: center;
}

.sustainabilityclose a {
  font-weight: bold;
  color: #0090CC;
  text-decoration:none;
  padding: 0px 0px 0px 0px;
}

.footer {
  padding-top: 20px;
  width: 700px;
  font-size: 10px;
  text-align: center;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid gray;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}


/* */
/* for Tabs */
/* */

/* MODIFIED FOR PRINT */
.tabpanel {
  display: none;
}

/* .tabheader { */
/* } */

.headerdivider {
 position: absolute;
 top: 73px;
 /* left: 10px; */
 left: 1%;
 /* right: 10px; */
 width: 98%;
 height: 2px;
 background-color: #775500;
}

.tabheader ul {
  margin:0;
  padding:5px 0 0 0; 
  list-style:none;
}

.tabheader li {
  float:right;
  margin:0;
  /* padding:0px 15px 0px 0px; */
  padding:0px 10px 0px 0px; 
  background:url("/images/norm_right.white.gif") no-repeat right top;
  /* border-bottom: 2px solid #555555; */
}

.tabheader#tab_Analyze a { 
  color: #990000; 
} 

.tabheader#tab_MainMenu a { 
  color: #990000; 
} 

.tabheader a {
  float: left; /* one half of IE5 hack */
  display: block;
  /* padding: 6px 0px 3px 15px; */
/*  padding: 2px 0px 2px 15px;  */
  padding: 2px 0px 2px 10px;  
  text-decoration: none;
  font-size: 10px;
  font-weight: bold;
  color:#0090CC;
}

.tabheader.off a {
  background: url("/images/norm_left.white.gif") no-repeat left top;
}

.tabheader.off a:hover {
  color:#000000;
}

.tabheader.on {
  background: url("/images/norm_right_on.white.gif") no-repeat right top;
}

.tabheader.on a {
  background: url("/images/norm_left_on.white.gif") no-repeat left top;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabheader a {float:none;}
/* End IE5-Mac hack */

/* IE6 hack for padding around tabs */
* html #tabheader a {padding: 0px 0px 5px 15px;}



.demoinstructions {
  color:#0090CC;
  font-size:11px;
  line-height:13px;
  padding:4px;
}

.demoinstructions p {
  font-size:11px;
  line-height:13px;
}

.demoinstructions li {
  font-size:11px;
  line-height:13px;
}


.demosectionsupport {
  width:300px;
  background:#CCCCCC;
  font-size:10px;
  line-height:11px;
  vertical-align:middle;
  padding:4px;
}

.demosectionsupport li {
  font-size:10px;
  line-height:11px;
}

.demosectionsupport p {
  font-size:10px;
  line-height:11px;
}

.demonavbutton {
  position: absolute;
  top: 20px;
  left: 480px;
  width: 250px;
  height: 16px;
  padding-bottom: 2px;
  background: #DDDDDD;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  /* border: 2px solid black; */
  border: 3px outset #CCCCCC;
}

.demonavbutton a {
  font-size: 10px;
  text-decoration: none;
}