.pagecontent {
  position: absolute;
  top: 82px;
  left: 30px;
  width: 750px;
  padding-top: 20px;
  background: #FFFFFF;
}

.pagetitle {
  display:none;
}

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

ul {
  margin-top: 10px;
  margin-bottom: 10px;
}

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

th {
  text-align: left;
}

.nopadding {
  padding: 0px;
}

.errormessage {
  position: absolute;
  top: 80px;
  left: 10px;
  color: #FF0000;
  font-weight: bold;
}

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

.headlogo {
 position: relative;
 top: 5px;
 left: 30px;
 height: 90px;
 width: 350px;
}

.heading {
 font-size: 20px;
 font-weight: bold;
}

.subheading {
 color: #0090CC;
 font-size: 14px;
 font-weight: bold;
 font-style: italic;
}

.sectionheading {
 font-size: 14px;
 font-weight: bold;
}

.largetext {
 font-size: 15px;
 font-weight: normal;
}
.largetext li {
 font-size: 15px;
 font-weight: normal;
}


.animation {
 float:right;
 margin-left: 20px;
 right: 10px;
 top: 30px;
 width: 300px;
 height: 180px;
 border: 1px solid #000000;
}

.chart {
 margin-left: 20px;
 text-align: center;
 width: 233px; 
 height: 150px; 
 border: 1px solid #000000;
}

.cost {
 width: 300px;
 padding: 5px;
 border: 2px dashed #DDDDDD;
}

.venn {
 float: right;
 right: 20px;
}


.boldblue {
 color: #0090CC;
 font-weight: bold;
}

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

.highlightblock {
 position:relative;
 width:80%;
 left:10%;
 background:#DDDDEE;
 padding:10px;
 border:3px solid #0090CC;
}

.nextprevpage {
 width:90%;
 font-size: 10px;
 font-weight: 400;
 color: #006099;
}
.next {
 text-align: right;
 color: #006099;
 padding:20px; 
}
.next a {
 text-decoration:none;
}
.prev {
 text-align: left;
 padding:20px; 
}
.prev a {
 text-decoration:none;
}

.nptag {
 color: #003044; 
 background: #DDDDCC;
 font-size:9px;
 font-weight:bold;
 text-decoration:none;
 padding: 4px;
 margin:2px;
 border: 1px solid #666666;
}
.nptag a {
 color: #003044; 
 font-size:9px;
 font-weight:bold;
 text-decoration:none;
}

.nptaghl {
 color: #003044; 
 background: #DDDDCC;
 font-size:9px;
 font-weight:bold;
 text-decoration:none;
 padding: 4px;
 border: 2px solid #0099CC;
}
.nptaghl a {
 color: #003044; 
 font-size:9px;
 font-weight:bold;
 text-decoration:none;
}

.headerspacer {
  height: 35px;
}

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

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

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

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

.radio {
  border: 0px;
}

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

.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;
}

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

.note {
  font-size: 11px;
  line-height: 12px;
  font-style: italic;
}

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

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

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

.submit input {
  background: #DDDDDD;
}


/* for Animation */
#container {
 float:right;
 margin-left: 20px;
 right: 10px;
 top: 30px;
 width: 300px;
 height: 180px; 
 /* border: 1px solid #000000; */
 overflow:hidden;
 border:3px solid orange;
 background: url(../images/chicago.overlay.jpg);
}

#imageBox {
 margin: auto;
 width: 360px;
 /* border: 1px #000 solid; */
 overflow: hidden;
}

#imageBoxInside {
 width: 10000px;
}

#imageBox img {
 float: left;
 padding: 0px;
 margin: 0px;
}

#imageBox br {
 clear: both;
}

#controls img {
 border: 0;
}



/* for Tabs */

.tabpanel {
  position: absolute;
  top: 58px;
  left: 385px; 
  width: 400px;
  background: #DDDDDD; 
}

.datapanel {
  position: absolute;
  left: 50px;
  top: 150px;
}


.headerdivider {
 position: absolute;
 top: 105px;
 left: 1%;
 width: 810px;
 height: 2px;
 background-color: #775500;
}


.tabheader ul {
  margin:0;
  padding:0px 0px 0px 0px; 
  list-style:none;
  background: #DDDDDD;
}

.tabheader li {
  float:left;
  margin:0;
  padding: 0px 15px 0px 0px; 
  /* background: #DDDDDD; */
  /* background:url("../images/norm_right.gif") no-repeat right top; */
}


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

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

.tabheader.off {
  background:url("../images/norm_right.gif") no-repeat right top; 
}

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


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

.tabheader.off a:visited {
  color:#0090CC;
}

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

.tabheader.on a {
  background: url("../images/norm_left_on.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;} */


.footer {
  font-size: 11px;
  text-align: center;
}

.footerseparator {
  margin-top:20px;
  margin-bottom:20px;
  width:100%;
  height:2px;
  background: #BBBBBB;
}

.footerdirectory {
  border: 2px solid #DDEEFF;
  font-size: 11px;
  text-decoration:none;
  padding: 0px 0px 0px 0px;
  margin-top:10px;
  margin-bottom:20px;
  width:100%;
}
.footerdirectory td {
  width:14%;
  font-size: 11px;
  text-decoration:none;
  text-align:center;
  vertical-align:middle;
}

.homemenuheading {
  color:#222222;
  font-family: arial narrow;
  font-size: 11px;
  font-weight: bold;
  line-height:11px;
  margin-top: 10px;
  margin-left: 4px;
  margin-right: 6px;
}

.homemenuheading a {
  color:#222222;
  text-decoration:none;
}

.homemenuheading a:hover {
  color:#000000;
  text-decoration:none;
}


.homemenuheadinginverted {
  margin-top: 0px;
  margin-bottom: 0px;
}

.homemenuheadinginverted a, .homemenuheadinginverted a:visited {
  background:#777777;
  color:#FFFFFF;
  font-family: arial narrow;
  font-size: 12px;
  font-weight: bold;
  text-decoration:none;
}

.homemenuheadinginverted a:hover {
  color:#000000;
  background:orange;
}

.homemenuitem {
  color:#333333;
  font-family: arial narrow;
  font-size: 10px;
  font-weight: bold;
  line-height: 11px;
  margin-top: 0px;
  margin-left: 10px;
  margin-right: 6px;
  margin-bottom: 0px;
}

.homemenuitem a {
  color:#333333;
  text-decoration:none;
}

.homemenuitem a:hover {
  color:#000000;
  text-decoration:none;
}

.infopopup {
 position:absolute;
 z-index:100;
 background:#CCCCCC;
 border:1px solid black;
 color: #000000;
}

.toprightfloat {
 position:absolute;
 left:480px;
 margin-top:20px;
 z-index:50;
}

.toprightfloatlines {
 font-size:11px;
 font-weight:bold;
 color:#6D7E0E;
 text-aligh:right;
}

.toprightlines {
 font-size:12px;
 line-height:16px;
 font-weight:bold;
 color:#6D7E0E;
 float:right;
 margin-right:13px;
 text-align:right;
 padding;5px;
}

.printonly {
 display:none;
}

.leftmenu {
 float:left; 
 /* border: 1px solid #AAAAAA; */
 background: url(../images/orange-panel.jpg) no-repeat; 
 /* background: url(../images/stainless-plate.jpg) no-repeat; */
 /* background: url(../images/chicago.overlay.jpg) no-repeat; */
 margin-top:36px;
 margin-bottom:10px;
 margin-left:12px;
 margin-right:12px;
 width:100px;
 height:850px; 
 padding:0px;
}

#imageprint {
 display:none;
}

.faqquestion {
 margin-top:14px;
 color:#0070AA;
 font-size:12px;
 font-weight:bold;

}

.faqanswer {
 margin-top:4px;

}

.qno {
  width: 25px;
  color: #777777;
  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;
}



.qno {
  width: 25px;
  color: #777777;
  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;
}

.sustainabilityhelp {
  position: absolute;
  display: none;
  width: 400px;
  padding: 4px;
  font-size: 10px;
  line-height: 13px;
  color:#000000;
  border: 2px 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;
}

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

dd a div {
 display:none;
 border: 1px solid red;
}

dd a:hover div {
 position:absolute;
 background:#FFFFFF;
 z-index: 200;
 display:block;
 border: 2px solid #777777;
 padding:4px;
 margin:6px;
}