body {  margin: 0; font-size:82%; font-family: Arial,Helvetica,Verdana,sans-serif; background: url(http://img.opensolar.org/assets/v1/body-background.gif) repeat-x; height: 100%; }

.holder-footer { font-family:Verdana,Arial,sans-serif; text-align:center; background:#F2F2F2 none repeat scroll 0 0; border-top:1px solid #D5D5D5; min-width:962px; margin-top:20px; padding-bottom:26px; }
a { color:#E77D00 }
#ft { text-align:left; font-size:70%; margin: 0 auto; width: 947px; padding: 10px 0 0 15px; height: 140px; }
#ft ul { margin: 0 0 0 28px; padding: 0; list-style: none; float: left; }
#ft ul li { line-height: 16px; }
#ft ul li h4 { margin: 0; font-size: 140%; font-weight:900; line-height: 29px; color: #808080; }
#ft .first { margin: 0; }
#ft a { color: #808080; font-size: 110%; }
#ft .copyright { margin: 0; font-size: 120%; font-weight:900; line-height: 29px; color: #808080; }
#ft .rights { margin: 0; font-size: 120%; font-weight:300; line-height: 29px; color: #808080; }
#content {font-size: 96%; display: inline-block; margin-bottom: 0.5em}
#content h1 a {font-size: 360%; display: inline-block; text-decoration: none; margin-bottom: 0.5em}
.column {width: 940px; margin: 0 auto; position: relative}
.clear-fix {clear: both}
.holder { overflow: hidden; height: 1%; }
#hd { background: url(http://img.opensolar.org/assets/v1/logo.gif) no-repeat; }
#bd {min-height:640px;}
#content .left-column {width: 600px; float: left}
h3 {margin: 0.5em 0 0.5em; font-family: Helvetica,Arial,Verdana,sans-serif; font-size: 240%; line-height: 1.1; letter-spacing: -1px; color: #444; clear: left}
#content h3 small {color: #aaa; font-size: 60%; font-weight: normal; font-family: arial, sans-serif; text-transform: lowercase; letter-spacing: 0}
#content h4 {letter-spacing: -1px; font-family: Helvetica,Arial,Verdana,sans-serif; color: #444; font-size: 180%; margin: 0.5em 0 0.5em}
#content h5 {padding-top: 1em; letter-spacing: -1px; color: #666; font-weight: normal; font-size: 180%; margin-bottom: 0.5em; font-size: 220%; clear: both}
#content p {font-size: 140%; color: #555; margin-top: 1em}

.homeBox { text-align:center;margin:10px 0;min-height:280px}

.appHeader {font-size:110%; margin:10px 0;}
.userNav {text-align:right;}
.userNav div {padding:10px;margin-top:16px;}
.flashHeader { text-align:center; font-size:38px; margin:15px 0 25px 0;padding:10px; }
.flashHeader b { color:#666 }

.nav-top { margin: 2px 0 0 0;float:right;  padding: 0 3px 0 0; list-style: none; background: url(http://img.opensolar.org/assets/v1/nav-top-separator.gif) no-repeat 100% 50%; top: 0; right: 0; }
.nav-top li { float: left; background: url(http://img.opensolar.org/assets/v1/nav-top-separator.gif) no-repeat 0 50%; padding-left: 3px; }
.nav-top a { float: left; line-height: 65px; height: 65px; width: 129px; position: relative; }
.nav-top a.wide { width: 170px; }
.nav-top a:focus { outline: none; }
.nav-top a:hover { background: url(http://img.opensolar.org/assets/v1/nav-top-hover.gif) repeat-x; text-decoration: none; cursor: pointer; }
.nav-top a em { background: url(http://img.opensolar.org/assets/v1/nav-top-active.gif) no-repeat; position: absolute; top: 65px; left: -9999px; display: block; width: 31px; height: 19px; }
.nav-top a.active { background: #191919 !important; }
.nav-top a.active.wide em { left: 75px; }
.nav-top a.active em { left: 50px; }
.nav-top span { display: block; text-indent: -9999px; overflow: hidden; height: 46px; }
.nav-top-item0 { background: url(http://img.opensolar.org/assets/v1/nav-top-about.png) no-repeat; width: 94px; }
.nav-top-item1 { background: url(http://img.opensolar.org/assets/v1/nav-top-signup.png) no-repeat; width: 104px; }
.nav-top-item2 { background: url(http://img.opensolar.org/assets/v1/nav-top-login.png) no-repeat; width: 94px; }
.nav-top-item3 { background: url(http://img.opensolar.org/assets/v1/nav-top-home.png) no-repeat; width: 91px; }
.nav-top-item4 { background: url(http://img.opensolar.org/assets/v1/nav-top-profile.png) no-repeat; width: 98px; }
.nav-top-item5 { background: url(http://img.opensolar.org/assets/v1/nav-top-people.png) no-repeat; width: 105px; }
.nav-top-item6 { background: url(http://img.opensolar.org/assets/v1/nav-top-inbox.png) no-repeat; width: 98px; }

#content h1 a {font-size: 360%; display: inline-block; text-decoration: none; margin-bottom: 0.5em}
.column {width: 940px; margin: 0 auto; position: relative}
.clear-fix {clear: both}

#content {width: 100%; }
h3 {margin: 0.5em 0 0.5em; font-family: Helvetica,Arial,Verdana,sans-serif; font-size: 240%; line-height: 1.1; letter-spacing: -1px; color: #444; clear: left}
#content h3 small {color: #aaa; font-size: 60%; font-weight: normal; font-family: arial, sans-serif; text-transform: lowercase; letter-spacing: 0}
#content h4 {letter-spacing: -1px; font-family: Helvetica,Arial,Verdana,sans-serif; color: #444; font-size: 180%; margin: 0.5em 0 0.5em}
#content h5 {padding-top: 1em; letter-spacing: -1px; color: #666; font-weight: normal; font-size: 180%; margin-bottom: 0.5em; font-size: 220%; clear: both}
#content p {font-size: 140%; color: #555; margin-top: 1em}

#tab1 form label {float: none; text-align: left;}
#tab1 form fieldset {padding: 0; margin:0;}
#tab1 form ol li {padding:0 0 10px 0; }
#tab1 p {padding:10px 0; margin:5px 0;}
#tab3 form input {margin:15px 0 0 0; display:inline} 
#mapSearch {  padding:5px;  float:left; }
#privateCheckbox {margin:10px 0 5px 1px; padding-left:0;}
.wideScreen { width:960px; float:left; margin: 5px 0;}
#mapBar { }
#map_canvas {width: 100%; height:360px;}
#mapMsg { font-size: 122%; padding: 5px 5px; display:none;}
#mapHint { padding-top:10px; display:none; float:left; width:400px; font-size:133%;}
#mapLocation { width:400px }
#geoDetails { padding:5px;   float:left; display:none; }
#mainForm {}

.rightSidebar{ font-size:10px; padding:1em; border:1px solid #f4bb2e; background-color:#ffe; height:100%; width:300px; margin: 0 5px 10px 5px;  float:right; display:inline; }
.rightSidebar p { margin: 0 0 10px 0; padding: 0; }
.rightSidebar h3 { margin: 0 0 10px; padding-left: 0;}
.rightSidebar a {  }
.actionItems a {font-size:18px; }


.rightSidebarMini{ font-size:10px;padding:1em; border:1px solid #f4bb2e; background-color:#ffe; height:100%; width:220px; margin: 0 5px 10px 5px;  float:right; display:inline; }
.rightSidebarMini p { margin: 0 0 10px 0; padding: 0; }
.rightSidebarMini h3 { margin: 0 0 10px; padding-left: 0;}
.rightSidebarMini ul li a {font-size:200%; padding-bottom:15px}


.rightSidebarWide{ font-size:10px;padding:1em; border:1px solid #f4bb2e; background-color:#ffe; height:100%; width:350px; margin: 0 5px 10px 5px;  float:right; display:inline; }
.rightSidebarWide p { margin: 0 0 10px 0; padding: 0; }
.rightSidebarWide h3 { margin: 0 0 10px; padding-left: 0;}
.rightSidebarWide ul li a {font-size:200%; padding-bottom:15px}




.helpInfo { font-size:10px; padding:1em; border:1px solid #f4bb2e; background-color:#ffe; height:100%; width:300px; margin: 0 5px 5px 5px;  float:right; display:inline; }
.helpInfo p { margin: 0 0 10px 0; padding: 0; }
.helpInfo h3 { margin: 0 0 10px; padding-left: 0;}

.editorLabel {display: inline; float: left; text-align: right; padding-right: 10px; width: 180px; padding-top: 0.6em; font: normal 120% arial; color: #333;}
.editor { margin-left:190px; }

.wizardStep { padding-left:5px}
.wizardStep form ol {margin-right: 0}
.wizardStep form label {text-align: right; display:block; }
.wizardStep form fieldset ol li .text { width:220px }
.wizardStep form fieldset ol li .select { width:232px }

.singleStep form fieldset ol li .text { width:270px }
.singleStep form fieldset ol li .select { width:282px }

.dataFields {width:580px;float:left;clear:left;}
.dataFields p { padding-bottom:10px; }

.itemList { margin:10px 15px 10px 0; }
.itemList li {height:38px;width:100%;padding:5px;background-color:#eee;border:1px solid #ccc; margin:0 0 10px 0; font-size:26px;}
.itemList li a { font-size:104%;}

#myAutoComplete {margin:0 0 0 190px;font-size: 2em;padding:0 0 1.6em 0; }
#msg {display:none; position:absolute; z-index:200; background:url(http://img.opensolar.org/assets/v0/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; font-size:200%; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}

#myAutoComplete input { font-size: 1em; width:220px; }

#headerBar { color:#fff; padding-top:22px; display:block; clear:right; height:50px}
#headerBar .title {  width:500px; float:left}
#headerBar .links {  font-size:133%; display:block;float:right }
#headerBar .links a {  font-size:100%; }

#providerOfficeStateAC .yui-ac-content { z-index:9999; }
#providerOfficeState .yui-ac-content { z-index:9999; }
#providerOfficeState .yui-ac-input { z-index:9999; }
#providerOfficeStateAC .yui-ac-input { z-index:9999; }
.added_by {float:right;font-size:16px;margin-top:8px}
.title{float:left}
form label {display: block; float: left; text-align: right; padding-right: 10px; width: 180px; padding-top: 0.6em; font: normal 120% arial; color: #333; clear: left}
form label.required {font-weight: bold}
form label small {display: block; line-height: 1.0; color: #888; font-size: 90%; font-weight: normal}
form label.fixed-input {display: inline; float: none; font: normal 180% arial; color: #666; padding: 0 2px; letter-spacing: -1px}

form ol li { margin-bottom: 5px; }

form select, form input.text,form input.password{font: normal 180% arial; padding: 3px 5px; color: #000; letter-spacing: -1px; border: solid 1px #9EB7D8}
form select, form input.text, form input.password {background: url(http://img.opensolar.org/assets/v0/input.png) 0 -2px repeat-x}
form input.text:focus, form input.password:focus, select:focus {background-color: #ffc; background-image: none; border: solid 1px #cc8}

form input.submit, input.button{font: 180% arial; letter-spacing: -1px; padding: 0 5px; }
form li .real-time-validation {display: inline; }
form li .real-time-validation span {color: #fff; padding: 0 2px; font-size: 200%; }
form li span.pass {font-weight: bold; background-color: #6fbc00}
form li span.fail {background-color: #b00}
form ol li.checkbox {margin-left: 10px; position: relative}
form ol li.checkbox input {position: absolute; left: 0; margin:2px 0 0 0}
form ol li.checkbox label {width: auto; float: none; text-align: left; margin-left: 20px; padding-top: 0; letter-spacing: 0}
form ol li.checkbox label a {font-size:100%}
form ol li.checkbox small {display: inline; color: #666; letter-spacing: 0}
#content form fieldset {clear: none; margin-right: 20px}
#content form p.help {position: absolute; right: 0; float: right; width: 240px; margin: 0 100px 0 0; color: #666; font-size: 120%}
#content form p.help strong {background-color: #ffa; color: #333}
#content form p.help img {margin: 5px 0; display: block}
.errorExplanation {background-color: #fbb; margin: 0 0 10px 10px; float: left}
form {clear: both}
.errorExplanation h2 {display: none}
.errorExplanation ul {margin: 0; padding: 0 2px 5px 25px; list-style: disc}
#content .errorExplanation p {font-size: 120%; padding: 5px 5px; color: #f00; font-weight: bold; font-family: arial, sans-serif; margin: 0}
.errorExplanation ul li {font-size: 120%; background-color: transparent}
form li .fieldWithErrors {display: inline}
form li .fieldWithErrors input {border: solid 1px #f00}
p.warning {padding: 5px 10px; background-color: #ffa}
span.warning {font-size: 120%; margin-left: 10px; background-color: #ffa}

.yui-content {background-color:#eee none repeat scroll 0 0;}

#loginChoices {  margin-top:50px; font-size:88%; }
#loginChoices div.content { border: dotted 1px #ccc; padding: 1em 1.5em}
#loginChoices li.branch {float: left; width:420px;}
#loginChoices .separator {float: left; padding: 15em 4em}
#loginChoices .separator p {text-transform: uppercase; font-weight: bold; color: #888; margin: 0}
#loginChoices form {width: 36em}
.content #loginChoices form fieldset {margin-right: 0}
#loginChoices form ol {margin-right: 0}
#loginChoices form label {text-align: left; display: block; width: 90%}
#loginChoices form p.example {margin: 10px 0 5px 0}
#loginChoices form p.signup {margin-top: 1.5em}
#loginChoices form p {margin: 0 25px 0.5em 0; font-size:122%;}
#loginChoices form ol li.checkbox {margin:10px 0; zoom: 1;}
#loginChoices form ol li.checkbox label {padding:0; margin:5px 0 0 22px}
#loginChoices form .real-time-validation {margin-left: 0}
#loginChoices .highlighted {background-color: #ffc}
#loginChoices .signup {font-size:133%}

.new_user_checkbox {margin:10px 0; zoom: 1;}

.content p { font-size: 112%; margin-bottom:12px; }
.content h1 {font-size: 260%; display: inline-block; text-decoration: none; margin:0 0 15px 0 }
.content h2 {margin: 1.5em 0 0.5em; font-family: "Century Gothic","Apple Gothic","Lucida Grande",Helvetica,Arial,Verdana,sans-serif; font-size: 200%; line-height: 1.1; letter-spacing: -1px; color: #444; clear: left}
.content h3 {color: #666; font-size: 160%; font-weight: normal; font-family: arial, sans-serif; letter-spacing: 0; margin:15px 0;}
.content h4 {letter-spacing: -1px; font-family: "Century Gothic","Apple Gothic","Lucida Grande",Helvetica,Arial,Verdana,sans-serif; color: #444; font-size: 140%; margin: 0.5em 0 0.5em}
.content h5 {padding-top: 1em; letter-spacing: -1px; color: #666; font-weight: normal; font-size: 130%; margin-bottom: 0.5em; font-size: 122%; clear: both}
#toc { font-size:160%; }
#toc ul { margin:0 0 20px 0; }
#toc h3 { margin:7px 0;font-size:100%;}
pre.c {  font-size: 122%; opacity: 0.8; font-family: "Lucida Sans Typewriter", "Courier New", Courier, mono; padding:5px; margin:15px 0 25px 0; border:1px solid #f4bb2e; background-color:#ffe; overflow:auto; overflow-y:hidden;}

.yui-skin-sam .yui-navset .yui-content{background:#f9f9f9 !important}