XXhtml { height:100%;background:#f1f1f1; } /* so chrome displays the bg color all the way down */
body {margin-top:20px;font:.8em tahoma,"segoe ui",helvetica,sans-serif;color:#332207;}
xxinput {font:12px "segoe ui",helvetica,sans-serif;}
input.noOutline:focus{outline-width:0;border-color:#ebeaea;}
input.inputHintBlur {color:#666666;font-style:italic;}
textarea {font:12px tahoma,"segoe ui",helvetica,sans-serif;color:#332207;}
a {color:#003f75;text-decoration:underline;}
a:hover {text-decoration:underline;}
a.noLine {text-decoration:none;}
.mediumText {font-size:1.1em;}
.largeText {font-size:1.3em;}
.error {color:#ea1c1c;}
.note {font-style:italic;color:#67a1d2;}
.black {color:#000000;}
.grey {color:#888;}
.red {color:#ea1c1c;}
.ltBlue {color:#67a1d2;}
.italic {font-style:italic;}
.bold {font-weight:bold;}
.centered {text-align:center;}

div.topBanner {margin:0 0 5px 0;padding:7px;position:relative;background:#60aad5 url(/static/images/bg/top-blue.gif) left top repeat-x;border:1px solid #123d55;border-width:1px 0;}
div.logo {width:120px;height:70px;background:url('/static/images/logo.png') left top no-repeat;}
div.footer{}
div.pageContent {margin:15px 0;line-height:1.2em;}
div.unauthContent {line-height:1.4em;font-size:1.1em;}
div.validationError {background-color:#ea1c1c;color:#fff;padding:2px 0;text-align:center;font-weight:bold;display:none;}
div.pageInfoMessage {padding:2px 10px;color:#67a1d2;text-align:center;font-weight:bold;}
div.pageErrorMessage {padding:2px 10px;color:#ea1c1c;text-align:center;font-weight:bold;}
div.divError {display:none;border:1px solid #fff;border-width:0 1px 5px 1px;background-color:#f00;color:#fff;padding:3px;text-align:center;}
div.divErrorPopup {display:none;border:1px solid #fff;border-width:0 1px 5px 1px;background-color:#f00;color:#fff;padding:3px;text-align:center;}
div.divErrorLogin {display:none;background-color:#f00;color:#fff;padding:2px;text-align:center;}

div.popupShadow {position:relative;background-color:#fff;border:4px solid #6e7480;overflow-y:hidden;overflow-x:hidden;}
div.popupTitle {font-size:1.4em;font-weight:bold;position:relative;color:#fff;border:1px solid #fff;background:#60aad5 url(/static/images/bg/popup-top-blue.gif) left top repeat-x;}
div.popupBody {padding:0 15px;text-align:left;background-color:#fff;}
div.modalDiv {position:absolute;width:100%;left:0;top:0;}
div.divOutsidePopup {position:absolute;width:100%;height:100%;left:0;top:0;background-color:#666666;filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;}

.link {cursor:pointer;}
a.adminLink {font-size:1.1em;font-weight:bold;color:#f1751e;}
a.actionLink {color:#f1751e;font-weight:bold;}
a.actionLinkBig {color:#f1751e;font-weight:bold;font-size:1.2em;}
a.spaced {margin-right:20px;}
.greyBorder {border:1px solid #b4ab8f;}
.greyBG {background-color:#f7f8f8;}
.darkGreyBG {background-color:#d1d1d1;}
.ltBlueBG {background-color:#e0eef3;}
.darkGreyBorder {border:1px solid #d1d1d1;}
.wideBlueBorder {border:2px solid #123d55;}
.spaced {line-height:1.5em;}  
.blue {color:#0066cc;}
.light {color:#808080;}
.darkBlue {color:#3a6075;}
.grey {color:#8c8c8c;}
.black {color:#000000;}
.border {border:1px solid #09f;}

div.nav {position:relative;padding:5px 0;width:100%;border-bottom:1px solid #123d55;}
a.nav {position:relative;color:#123d55;font-size:1.2em;margin:0;padding:0 10px 0 10px;text-align:center;border-left:1px solid #123d55;text-decoration:none;}
a.navOn {font-weight:bold;}

div.loginBox {text-align:left;width:220px;background:url(/static/images/bg/login-blue.gif) left top repeat-x;}
div.loginBox .largeText {color:#fff;text-align:center;padding-bottom:10px;}

.top {position:relative;width:930px;height:74px;background:#69a2bf url(/static/images/bg-blue-grad-top.gif) left top repeat-x;border-bottom:1px solid #f7f8f8;}
.bottom {position:absolute;left:0px;bottom:-23px;height:23px;background-color:#fff;width:100%;}
div.bottomHome {background:#d2d4e0;}
div.footer {height:25px;color:#333333;margin:5px 0 5px 0;text-align:center;font-weight:bold;font-size:1.1em;}
div.footer a {margin:0 11px;}
div.copyright {background-color:#123d55;color:#fff;width:100%;text-align:center;vertical-align:middle;padding:3px;font-weight:bold;}

#bigNav {position:absolute;right:20px;bottom:-1px;height:32px;width:540px;}
#bigNav a {text-decoration:none;}
.bigNavButton {color:#fff;font-weight:bold;font-size:1.1em;margin-right:2px;text-align:center;float:left;height:32px;}
.bigNavOn {color:#333;}
.bigNavText {padding-top:8px;text-decoration:none;}
#aBigNavHomeowner .bigNavButton {width:147px;background:url('/static/images/nav2/homeowner_off.gif') left top no-repeat;}
#aBigNavHomeowner .bigNavOn {background:url('/static/images/nav2/homeowner_on.gif') left top no-repeat;}
#aBigNavPro .bigNavButton {width:160px;background:url('/static/images/nav2/pro_off.gif') left top no-repeat;}
#aBigNavPro .bigNavOn {background:url('/static/images/nav2/pro_on.gif') left top no-repeat;}
#aBigNavFAQ .bigNavButton {width:54px;background:url('/static/images/nav2/faq_off.gif') left top no-repeat;}
#aBigNavFAQ .bigNavOn {background:url('/static/images/nav2/faq_on.gif') left top no-repeat;}
#aBigNavAbout .bigNavButton {width:73px;background:url('/static/images/nav2/about_off.gif') left top no-repeat;}
#aBigNavAbout .bigNavOn {background:url('/static/images/nav2/about_on.gif') left top no-repeat;}
#aBigNavContact .bigNavButton {width:76px;background:url('/static/images/nav2/contact_off.gif') left top no-repeat;}
#aBigNavContact .bigNavOn {background:url('/static/images/nav2/contact_on.gif') left top no-repeat;}


.lit {background-color:#0f0;}
div.clear {clear:both;}
.main {padding:0;text-align:left;width:100%;min-height:414px;background:#ffffff;position:relative;}
div.mainPadded {padding:10px;} /* inside the main, for the padding */
div.marketingContent {font-size:1.1em;line-height:1.5em;}
div.marketingContent li {padding:3px;}
div.filter {padding:5px 10px;border:1px solid #eae4e1;background-color:#f7f7f0;margin:10px 0;}

div.subhead, span.subhead {font-size:1.3em;font-weight:bold;margin:20px 0 5px 0;color:#123d55;}
div.underline {border-bottom:1px solid #123d55;}
div.noMargin {margin-top:0;}
div.thirdhead, span.thirdhead {font-size:1.1em;font-weight:bold;color:#123d55;}
div.pageTitle {font-size:1.9em;font-weight:bold;margin-bottom:10px;color:#123d55;}
div.topButtonDiv {text-align:right;margin:0 9px 9px 0;}
div.bottomButtonDiv {text-align:right;margin:9px 0;}
div.bottomButtonDivPopup {text-align:center;margin:9px 0;}

div.pagination {}
div.pagination select {font-size:.9em;}

div.form {}
div.form div.label {padding:5px 0 0 0;}
div.form input[type=text] {width:250px;}
div.form textarea {width:600px;}

.view td {vertical-align:top;padding:3px;}
.view td.label {font-weight:bold;text-align:right;position:relative;padding-right:6px;}
.view div.label {font-weight:bold;padding:2px 0 0 0;}

tr.even, div.even {background-color:#f7f8f8;}
tr.odd, div.odd {background-color:#ffffff;}

div.result {border:1px solid #ddd;border-width:1px 1px 0 1px;padding:3px;}
div.result:hover {background:#fba655 url(/static/images/bg/orange-grad-hover.gif) left top repeat-x;}
div.resultBottom {border-top:1px solid #ddd;height:1px;}

div.form input[type=text].error {border:1px solid #ff0000;}
div.form input[type=password].error {border:1px solid #ff0000;}
div.form textarea.error {border:1px solid #ff0000;}
div.form select.error {border:1px solid #ff0000;}
.form td {vertical-align:top;padding:3px;}
.form td.label {text-align:right;position:relative;padding:6px;}
.form td.noInput {padding:6px 3px;}
input.dateInput, div.form input.dateInput {width:80px;}


div.auditForm .xxselectxx {width:300px;}
div.auditForm input.NUMBER {width:80px;}
div.auditForm input.PERCENT {width:60px;}
div.auditForm input.TEXT {width:300px;}
div.auditForm input.LONGTEXT {width:600px;}
div.auditForm td {vertical-align:top;padding:3px;}
div.auditForm td.label {text-align:right;position:relative;}
div.auditForm .originalValue {color:#67a1d2;padding-left:15px;}

div.previewTextBox {float:left;min-height:20px;width:300px;margin-bottom:5px;padding:3px;border:1px solid #333;background-color:#eee;cursor:hand;}
div.fileUpload {float:left;width:100px;margin-bottom:5px;padding:2px 0 1px 2px;border:1px solid #333;background-color:#eee;}


/************************/
/* CLASSES FOR THE TABS */
/************************/

ul.tabLabels {margin:0;padding:0;list-style:none;height:22px;border-bottom:1px solid #cfd4d6;width:100%;}
ul.tabLabels li.tab {margin:0 3px;padding:0 6px;float:left;height:21px;text-align:center;border:1px solid #cfd4d6;border-width:1px 1px 0 1px;font-weight:normal;background-color:#e0e8eb;}
ul.tabLabels li.tabOn {height:22px;border-bottom:0;font-weight:bold;background-color:#ffffff;}
ul.tabLabelsBottom {margin:0;padding:0;list-style:none;height:21px;border-top:1px solid #cfd4d6;width:100%;}
ul.tabLabelsBottom li.tab {margin:0 3px;padding:0 6px;float:left;height:21px;text-align:center;border:1px solid #cfd4d6;border-width:0 1px 1px 1px;font-weight:normal;background-color:#e0e8eb;}
ul.tabLabelsBottom li.tabOn {margin-top:-1px;padding-top:1px;font-weight:bold;background-color:#ffffff;}
xxli.tabEnd {float:left;width:1px;height:22px;border-left:1px solid #cfd4d6;}
div.tabs {position:relative;clear:both;}
div.tabInner {padding:3px;cursor:pointer;}
div.tabBody {float:left;width:100%;top:0px;left:0px;background-color:#ffffff;border:1px solid #cfd4d6;border-top:0;}
div.tabBodyDoubleTabs {border-width:0 1px 0 1px;}
div.tabBodyInner {padding:5px;}


/************************************/
/* CLASSES FOR THE BLUE CONTENT BOX */
/************************************/
.greyBox {position:relative;}
.greyBoxTitle {font-size:1.3em;color:#123d55;border-bottom:2px solid #123d55;padding:3px 0;font-weight:bold;}

.homeCornerTL {position:absolute;left:-1px;top:-1px;width:5px;height:5px;background:#ffffff url(/static/images/home_corner_tl.png) left top no-repeat;}
.homeCornerTR {position:absolute;right:-1px;top:-1px;width:5px;height:5px;background:#ffffff url(/static/images/home_corner_tr.png) right top no-repeat;}
.homeCornerBL {position:absolute;left:-1px;bottom:-1px;width:5px;height:5px;background:#ffffff url(/static/images/home_corner_bl.png) left bottom no-repeat;}
.homeCornerBR {position:absolute;right:-1px;bottom:-1px;width:5px;height:5px;background:#ffffff url(/static/images/home_corner_br.png) right bottom no-repeat;}

.padded {padding:4px;}

table.results {width:100%;border-bottom:1px solid #d3cac5;}
table.results th {padding:3px;font-weight:bold;vertical-align:bottom;text-align:left;margin:1px;border:1px solid #eae4e1;background-color:#f7f7f0;}
table.clickable tr {cursor:pointer;}
table.clickable tr:hover {background-color:#c3d8f9;}
table.results td {padding:3px;margin:1px;vertical-align:top;}
table.results td.noResults {padding:3px;}
table.results tr.endXX {height:1px;background-color:#b4ab8f;padding:0;margin:0;}
table.results tr.odd {background-color:#fff;}
table.results tr.even {background-color:#eee;}
table.results tr.color {background-color:#f7f7f0;}
table.results tr.lined td {border-top:1px solid #d3cac5;padding:5px;}
table.results td.lined {border-top:1px solid #d3cac5;padding:5px;}
table.results .header {font-size:1.2em;font-weight:bold;}

table.grid td {border:1px solid #d3cac5;padding:5px;}
table.grid .header {font-size:1.2em;font-weight:bold;}

table.list td {border-bottom:1px solid #d3cac5;padding:4px;}
table.inputForm th {padding:3px;font-weight:bold;vertical-align:bottom;text-align:left;margin:1px;border:1px solid #eae4e1;background-color:#f7f7f0;}


.adminTable {width:100%;}
.adminTable td {padding:2px;vertical-align:top;}
.adminTable input[type=text] {width:300px;}
.adminTable textarea {width:500px;}
.adminTable select {width:300px;}
.adminTable tr.header {background-color:#d0e2ea;}
.adminTable tr.even {background-color:#f6f6f6;}

table.tblAuditSummary td {border:1px solid #3A6075;text-align:center;}
table.tblAuditSummary td.label {font-weight:bold;}
table.tblAuditSummaryOverrides tr.even {background-color:#ffffcc;}

#divCustomReportsBody {float:right;width:710px;border:2px solid #123d55;position:relative;padding:5px;}

div.upgradePkg div.spacer {float:right;width:1px;}
div.upgradePkg div.sort {float:left;width:40px;padding:3px;text-align:center;text-align:right;}
div.upgradePkg div.energySavings {float:right;width:150px;padding:5px;text-align:right;}
div.upgradePkg div.carbonSavings {float:right;width:110px;padding:5px;text-align:right;}
div.upgradePkg div.phase div.energySavingsXX {float:right;width:110px;padding:5px;text-align:right;}
div.upgradePkg div.savings {float:right;width:100px;padding:5px;text-align:right;}
div.upgradePkg div.cost {float:right;width:120px;padding:5px;text-align:right;}
div.bidUpgradePkg div.spacer {float:right;width:1px;}
div.bidUpgradePkg div.cost {float:right;width:80px;padding:5px;text-align:right;}
div.bidUpgradePkg div.phase div.cost {float:right;width:80px;padding:5px;text-align:right;}
div.bidUpgradePkg div.energySavings {float:right;width:150px;padding:5px;text-align:right;}
div.bidUpgradePkg div.phase div.energySavings {float:right;width:130px;padding:5px;text-align:right;}

ul.upgrades {margin-top:0px;padding-left:25px;list-style-image:url('/static/images/icon/greenCheck.png');}
ul.upgrades li.nonRecommended {list-style-image:url('/static/images/icon/greenCheckStar.png');}
ul.editUpgrades {margin-top:0px;padding-left:30px;list-style:none;text-indent:-30px;}
ul.editUpgrades li {padding:1px 0;margin:0;}

.jHelpContent {display:none;}