@charset "UTF-8";
/* CSS Document */

body {
    background: #666666;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #333333;
    background-color: #eeeeee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 10pt;
    line-height: 19px;
	border: none;
}
p.savingsPage {
    font-size:14px;
    text-decoration: none;
    font-family: "Helvetica Nueue", Helvetica, Arial, Verdana;
    color:#ffffff;  
}

img {
    border: none;
}
#userInfoHeader {
    background:#eee;
    text-align:left;
    background:#fff;
    margin:0;
    padding-left:10px;
    padding-right: 10px;
    padding-bottom: 10px;
    
    font-size:small;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    color: rgb(68, 68, 68);

}

#userInfoHeader #mainLine {
    color: black;
    font-size: 160%;
    display: block;
    padding-bottom: 10px;
    
}

#userInfoHeader #subLine {
    font-weight:normal;
    font-size: 95%;
    display: block;
    padding-bottom: 5px;
    
}

#mapInput {
    background:#ffffff;
    border:1px solid #000000;
    margin:0;
    padding:0;
    width:150px;
}

#mapGo {
    background: #ffffff;
    border:1px solid #000000;
    width:35px;
}

input
{
    color: #666666;
    background: #ffffff;
    margin: 0px;
    padding: 0px;
    width:96px;
    height:16px;
    border: 1px solid #FFFFFF;
    text-indent:5px;
}

.login
{
    border: 1px solid #000000;
}

.button
{
    margin: 0px;
    border: 0px;
    width: 20px;
    text-align: left;
    height:20px;

    float: left;
}

.nextbutton
{
	background: transparent url(/assets/images/next.png) no-repeat;
	height: 60px;
	width: 62px;
}

.backbutton
{
	background: transparent url(/assets/images/back.png) no-repeat;
	height: 60px;
	width: 60px;
}

.thrColLiqHdr #container {
    width: 1000px;
    text-align: left;
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: auto;
    margin-top: 10px;
    background-color: #FFFFFF;
    overflow: hidden;
    
}
#subcontainer {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    background-color: #FFFFFF;
    margin-bottom: 20px;
}
#otherleftcontent {
    float: left;
    width: 715px;
    margin-right: 20px;
    margin-left: 20px;
}
#leftcontent {
    float: left;
    width: 715px;
    margin-right: 20px;
    margin-left: 20px;
}

#regspan {
    float: left;
    width: 95%;
    margin-right: 30px;
    margin-left: 30px;
	}
	
.thrColLiqHdr #header {
    background-color: #000000;
    padding-top: 0;
    padding-right: 0px;
    padding-bottom: 0;
    padding-left: 0px;
    height: 94px;
    border-bottom-width: medium;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    position: relative;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    background-image: url(../templates/geo/images/headernewsides.jpg);
    background-repeat: repeat-x;
}
.thrColLiqHdr #headersub {
    height: 28px;
    margin-right: auto;
    margin-left: auto;
    background-color: #eeeeee;
    width: 1000px;
    border-top-width: thick;
    border-top-style: solid;
    border-top-color: #EEEEEE;
    margin-top: 5px;
}
.thrColLiqHdr #header h1 {
    margin: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    color: #FFFFFF;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-top: 10px;
}
.thrColLiqHdr #banner {
    height: 280px;
    width: 1000px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    margin-top: 10px;
    
}

.thrColLiqHdr #banner #b1 {
    float: left;
    height: 280px;
    width: 378px;
    border-right-color: aqua;
    border-right-width: medium;
    
}



.thrColLiqHdr #banner #b2 {
    height: 175px;
    width: 622px;
    float: left;
	background: transparent url(../templates/geo/images/banner/geothermal_new.gif) no-repeat;
	color:white;
	text-align: left;
}
.thrColLiqHdr #banner #b3 {
    height: 20px;
    width: 622px;
    float: left;
}
.thrColLiqHdr #banner #b4 {
    float: left;
    height: 36px;
    width: 347px;
}
.thrColLiqHdr #wrapper #banner #b4a {
    float: left;
    height: 11px;
    width: 98px;
    margin: 0px;
    padding: 0px;
}
.thrColLiqHdr #wrapper #banner #b4b {
    float: left;
    height: 20px;
    width: 100px;
    margin: 0px;
    padding: 0px;
    background-image: url(../templates/geo/images/bgjumpmenu.gif);
    background-repeat: no-repeat;
}
.thrColLiqHdr #wrapper #banner #b4c {
    float: left;
    height: 7px;
    width: 100px;
    margin: 0px;
    padding: 0px;
}
.thrColLiqHdr #wrapper #banner #b4d {
    float: left;
    height: 38px;
    width: 175px;
}
.thrColLiqHdr #wrapper #banner #b4wrap {
    float: left;
    height: 38px;
    width: 100px;
    margin: 0px;
    padding: 0px;
}
.thrColLiqHdr #banner #b5 {
    height: 20px;
    width: 232px;
    margin: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    float: left;
    padding: 0px;
}
.thrColLiqHdr #banner #b5b {
    float: left;
    height: 20px;
    width: 100px;
}
.thrColLiqHdr #banner #b5c {
    float: left;
    height: 20px;
    width: 15px;
}
.thrColLiqHdr #banner #b5d {
    float: left;
    height: 20px;
    width: 100px;
}
.thrColLiqHdr #banner #b5e {
    float: left;
    height: 20px;
    width: 15px;
}
.thrColLiqHdr #banner #b5f {
    float: left;
    height: 20px;
    width: 100px;
}
.thrColLiqHdr #banner #b5g {
    float: left;
    height: 20px;
    width: 15px;
}
.thrColLiqHdr #banner #b6 {
    float: left;
    height: 27px;
    width: 622px;
}
.thrColLiqHdr #banner #b7 {
    float: left;
    height: 20px;
    width: 45px;
}
/* Tips for sidebars:
1. Since we are working in percentages, it's best not to use side padding on the sidebars. It will be added to the width for standards compliant browsers creating an unknown actual width. 
2. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".thrColLiqHdr #sidebar1 p" rule.
3. Since Explorer calculates widths after the parent element is rendered, you may occasionally run into unexplained bugs with percentage-based columns. If you need more predictable results, you may choose to change to pixel sized columns.
*/
.thrColLiqHdr #sidebar1 {
    float: right; /* this element must precede in the source order any element you would like it be positioned next to */
    width: 204px;
    padding-left: 20px;
    padding-bottom: 15px;
    margin-right: 20px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #CCCCCC;
    height: 800px;
}
.thrColLiqHdr #sidebar1 p, .thr {
    padding: 0px;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}
.thrColLiqHdr #sidebar2 {
    float: left; /* this element must precede in the source order any element you would like it be positioned next to */
    width: 225px;
    padding-right: 0;
    margin-left: 20px;
    background-image: url(../templates/geo/images/audit/auditCenter.gif);
    background-repeat: repeat-y;
}
#sidebarleft {
    float: left;
    width: 225px;
    margin-left: 20px;
    background-image: url(../templates/geo/images/audit/auditCenter.gif);
    background-repeat: repeat-y;
}
#sideblank {
    float: left;
    width: 225px;
    margin-left: 20px;
    background-repeat: repeat-y;
}
#sidebarAudit {
    float: left;
    width: 225px;
    margin-right: 20px;
    background-image: url(../templates/geo/images/audit/auditCenter.gif);
    background-repeat: repeat-y;
}
#sidebartitle {
    background-image: url(../../assets/templates/geo/images/audit/auditnewtop.gif);
    float: left;
    height: 40px;
    width: 225px;
    text-align: center;
    color: #666666;
    font-size: 15px;
    font-weight: lighter;
    line-height: 28px;
}

#sidebarAuditBottom {
    float: left;
    width: 225px;
    margin: 0px;
    padding: 0px;
}
.thrColLiqHdr #container #brcorner {
    background-image: url(../templates/geo/images/bottomrounded.gif);
    background-repeat: no-repeat;
    height: 14px;
    width: 1000px;
}
/* Tips for mainContent:
1. the space between the mainContent and sidebars is created with the left and right margins on the mainContent div.
2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 300px or smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
*/
.thrColLiqHdr #mainContent {
    margin-top: 0;
    margin-right: 20px;
    margin-bottom: 0;
    margin-left: 20px;
    width: 470px;
    float: left;
}
.thrColLiqHdr #topcorners {
    
    background-image: url(../templates/geo/images/toprounded.gif);
    background-repeat: no-repeat;
    
    height: 14px;
    width: 1000px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}
.thrColLiqHdr #bottomcorners {
    background-image: url(../templates/geo/images/bottomrounded.gif);
    background-repeat: no-repeat;
    height: 14px;
    width: 1000px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    background-position: bottom;
}
.thrColLiqHdr #footer {
    margin-top: 0px;
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    height: 52px;
margin-top: 20px;
    
}
.thrColLiqHdr #footer p {
    margin: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    padding-top: 0px;
    padding-right: 0;
    padding-bottom: 0px;
    padding-left: 0;
}

/* Accordion */
    
/* hide container until all is ready */
.test{
    display: none;
}
/*Main Container*/
.container {
    width:100%; 
}
.container ul{
    list-style-type: none;
    margin: 0;
    padding:0;  
}
.container li{
    display: inline;
    margin: 0px;
    padding:0px;
}
/*Content Container*/
.contentContainer {
    padding-left: 0px;  
    float: left;
    width:0px;
    height: 310px;  
    overflow:hidden;
}
.contentWrapper{    
}
.contentInnerWrapper{
    text-align: justify;
    padding: 10px;
}
/* Handle*/
.handle{
    float: left;
    width: 38px;
    height: 310px;
    margin: 1px;
    margin-right: -10px;
    background:  url(../images/blade.png) no-repeat;
}
.handleOver{    
    background: url(../images/blade_sel.png) no-repeat;
}
.handleSelected{    
    background: url(../images/blade_sel.png) no-repeat;
}

    
    

/*End Accordion*/

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page The floated element must precede the element it should be next to on the page. */
    float: left;
    margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
p {
    padding-left: 15px;
    padding-right: 10px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
h3 {
    padding-left: 10px;
    margin: 0px;
    font-size: 14px;
    font-family: Helvetica Neue, Arial, Sans-Serif;
    color: #333333;
    font-weight: normal;
}
p1 {
    padding-left: 20px;
    padding-right: 10px;
}
h1 {
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 20px;
    color:#333333;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}

h2 {
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 18px;
    color:#666666;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
       
}

.style1 {
font-size: 9pt;

}
.links {
    font-family: Helvetica Neue, Arial, sans-serif;
    font-size: 12px;
    color: #999999;
    text-decoration: none;
}
.links:hover {
font-family: Helvetica Neue, Arial, sans-serif; font-size: 12px; color: #666666; text-decoration: none;
}


.style2 {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #C3C1C2;
    padding-bottom:7px;
}

.style3 {
vertical-align:top;
padding-left:70px;
margin-top:px;
color:#666666;
line-height:16px;
margin-top:px;
}

.style4 {
margin-left:-13px;
margin-top:-1px;
}

.style5 {
margin-top:-3px;
}

.style6 {
line-height:40px;
color:#666666;
text-align:left;
padding-left:50px;
margin-left:;
}

.style7 {
padding-left:150px;
}

.bullet {
list-style-type: disc;
margin-bottom:0px;
margin-top:0px;
line-height:30px;
}

.style8 {
color:#666666;
}

.style9 {
font-family: Helvetica Neue, Arial, sans-serif;
font-size: 16px;
color:#666666;
font-weight:normal;
}

.style10 {
    font-style: italic;
    color:#666666;  
}

.style11 {
margin-left:25px;
}

.style13 {
margin-left:10px;
color:#666666;
line-height:16px;
}

.style14 {
color:#333333;
}
.style15 {
font:Georgia, "Times New Roman", Times, serif;
color:#333333;
font-size:16px;
font-weight:400;
}


#emptybox {
height:20px;
}



[if IE]>


/* place css fixes for all versions of IE in this conditional comment */
.thrColLiqHdr #sidebar2, .thrColLiqHdr #sidebar1 { padding-top: 30px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */





#textboxwrapper {
}
#textwrapperboxGo {
    float: left;
    height: 20px;
    width: 20px;
}
#textwrapperbox1 {
    float: left;
    width: 622px;
}
#textwrapperbox2 {
    float: left;
    margin-right: 5px;
    padding-left: 40px;
    
}
#textwrapperbox3 {
    float: left;
    width: 100px;
    margin-right: 5px;
}

#textwrapperbox4 {
    float: left;
    width: 20px;
    margin-right: 5px;
}

#textwrapperbox4YRS1 {
    float: left;
    width: 20px;
    margin-right: 5px;
}

#textwrapperbox4YRS2 {
    float: left;
    width: 20px;
    margin-right: 5px;
}

#textwrapperbox4YRS3 {
    float: left;
    width: 20px;
    margin-right: 5px;
}

#textwrapperbox4YRS4 {
    float: left;
    width: 20px;
    margin-right: 5px;
}

#textwrapperboxspace {
    float: left;
    height: 20px;
    width: 15px;
}
#membersleft {
    float: left;
    width: 600px;
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 10px;
}
#membersright {
    float: left;
    width: 340px;
    margin-right: 10px;
    background-image: url(../templates/geo/images/members/membermiddle.gif);
    background-repeat: repeat-y;
}
#memberswelcomeleft {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 135px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #CCCCCC;
}
#memberswelcomeright {
    float: left;
    width: 449px;
    padding-left: 27px;
    padding-right: 0px;
}
#membersloginbutton {
    float: left;
    height: 20px;
    width: 36px;
}
#memberslogin {
    float: left;
    height: 20px;
    width: 340px;
    margin-bottom: 38px;
}
#memberspasswordbutton {
    float: left;
    height: 20px;
    width: 71px;
}
#memberswelcome {
    float: left;
    width: 620px;
    margin-right: 20px;
    margin-left: 0px;
    margin-bottom: 30px;
    margin-top: 30px;
    height: 110px;
}
#memberslive {
    float: left;
    height: 60px;
    width: 340px;
    margin-bottom: 33px;
}
#membersloghelp {
    height: 110px;
    width: 340px;
    margin-right: 10px;
    float: left;
    margin-top: 30px;
}
#memberstextbox {
    margin: 0px;
    padding: 0px;
    float: left;
    height: 20px;
    width: 100px;
}
#space {
    height: 20px;
    width: 1000px;
}
#wrapper {
    margin: 0px;
    padding: 0px;
    clear: both;
    padding-top: 5px;
    
}
select {
    background-color: #eeeeee;
    width: 100px;
    height: 20px;
    color: #666666;
    margin: 0px;
    padding: 0px;
    float: left;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
#socialboxholder {
height: 24px;
margin-right: auto;
margin-left: auto;
width: 725px;
padding-left: 5px;
}
#socialbox1 {
float: left;
height: 24px;
width: 24px;
text-align: center;
}
#socialbox2 {
float: left;
height: 15px;
padding-right: 15px;
padding-left: 15px;
padding-top: 3px;
text-align: left;
}
#subcontainerInside {
width: 964px;
margin-top: 5px;
margin-right: 19px;
margin-bottom: 5px;
margin-left: 19px;
height: 130px;
}
#subcontainerInsideboxes {
float: left;
width: 239.75px;
text-align: center;
}
#subcontainerLine {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CCCCCC;
float: left;
height: 130px;
}
#membersjoin {
float: left;
height: 60px;
width: 340px;
margin-bottom: 10px;
}
.style12 {
color:#999999;
font-size:11px;
}



#bannervideoseries {
float: left;
height: 125px;
width: 379px;
background-image: url(../../assets/templates/geo/images/videoseriesbg.gif);
background-repeat: no-repeat;
padding-left: 25px;
padding-top: 155px;
}
#bannervideoseries1 {
width: 20px;
height: 20px;
float: left;
margin-bottom: 12px;
cursor: pointer;
}
#bannervideoseries2 {
float: left;
height: 20px;
width: 164px;
padding-left: 12px;
text-align: left;
color: #FFFFFF;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: 1px;
vertical-align: middle;
margin-bottom: 12px;
}
#bannervideoseries3 {
float: left;
height: 20px;
width: 151px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #FFFFFF;
letter-spacing: 1px;
text-align: left;
vertical-align: middle;
padding-left: 12px;
margin-bottom: 12px;
}
.thrColLiqHdr #footer #social {
background-color: #FFFFFF;
height: 24px;
font-size: 12px;
color: #666666;
width: 1000px;
}
#subcontainerLine {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CCCCCC;
float: left;
height: 130px;
}
#calcright1 {
    float: left;
    width: 610px;
    margin-right: 20px;
    height:280px;
}
#calcleft1 {
    float: left;
    width: 330px;
    margin-right: 20px;
    margin-left: 20px;
    height:280px;
    
}
#calcrightform {
    float: right;
    width: 400px;
    margin-right: 5px;
    margin-left: 5px;
    height:100px;
    
}
#calcleft2 {
float:left;
width:330px;
margin-top:20px;

}
#calcfull {
    float: left;
    width: 910px;
    margin-right: 15px;
    margin-left: 15px;
}
#calcquestions {
    float: left;
    height: 20px;
    text-align: left;
    vertical-align: middle;
    clear: left;
    margin-bottom: 5px;
}

#calcanswer {
    float:left;
    margin-bottom: 5px;
    margin-left: 20px;
    text-align: left;
    vertical-align: middle;
    
}

#calcanswerYRS {
    float:left;
    margin-bottom: 5px;
    margin-left: 20px;
    text-align: left;
    vertical-align: middle;
    
}

#calcanswerYRS2 {
    float:left;
    margin-bottom: 5px;
    margin-left: 20px;
    text-align: left;
    vertical-align: middle;
    
}

#calcanswerYRS3 {
    float:left;
    margin-bottom: 5px;
    margin-left: 20px;
    text-align: left;
    vertical-align: middle;
    
}

#calcanswerYRS4 {
    float:left;
    margin-bottom: 5px;
    margin-left: 20px;
    text-align: left;
    vertical-align: middle;
    
}

#calcanswerLEFT {
    float:left;
    margin-bottom: 5px;
    margin-left: 20px;
    text-align: left;
    vertical-align: middle;
    
}

#calcqholder {
    margin-left: 20px;
    float: left;
    clear: left;
    margin-bottom: 5px;
}

#calcqholderright {
    float: left;
    margin-left : 20px;
    margin-bottom: 5px;
}

#calcqholderrightIEFix {
    float: left;
    margin-left : 20px;
    margin-bottom: 5px;
}

#calcqholderYRS {
    float: left;
    clear: left;
    margin-left: 225px;
    margin-top: -25px;
    margin-bottom: 5px;
}

#calcbigq {
    float: left;
    height: 35px;
    text-align: left;
    vertical-align: middle;
    clear: right;
}
#calcline {
    padding: 0px;
    clear: both;
    float: left;
    width:630px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 8px;
    margin-left: 0px;
    color: #666666;
}
#calcsameline {
    float: left;
    height: 20px;
    text-align: left;
    vertical-align: middle;
    margin-left: 10px;
}
#calcsameline1 {
    text-align: left;
    vertical-align: middle;
    float: left;
    height: 20px;
}
#calcinstruction {
    clear: right;
    float: left;
    text-align: left;
    padding-bottom: 15px;
}
#calcgoogle {
    float: left;
    width: 610px;
    margin-bottom: 20px;
    height:300px;
}
#calczillow {
    float: left;
    width: 310px;
}
#calctop {
}
#calcspacerline {
    clear: both;
    float: left;
    height: 20px;
    width: 630px;
}
#calcspacer {
    clear: both;
    float: left;
    height: 10px;
    width: 630px;
}
.boxes {
    width: 200px;
    margin-left: -30px;
}
.smallboxes {
    width: 50px;
    margin-left: -30px;
}
.normalboxes {
    margin-left: -30px;
}
#contentbanner {
    width: 715px;
    margin-bottom: 20px;
}
#bannercal {
    height: 78px;
    width: 1000px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    margin-top: 20px;
}
#bannercalinside {
    height: 50px;
    width: 986px;
    background-color: #FFFFFF;
    padding-left: 14px;
}
#help1{
    float: left;
}

.help1Message {

color:#111111;

}
#help{
    float: left;
}
#help2{
    float: left;
}
#help3{
    float: left;
}
#help4{
    float: left;

}
#help5{
    float: left;
}
}
#help6{
    float:left;
}
}
#help7{
    
}
}
#help8{
    float: left;
}
}
#help9{
    float: left;
}
}
#help10{
    float: left;
}
}
#help11{
    float: left;
}
}
#help12{
    float: left;
}
}
#help13{
    float: left;
}
}
#help14{
    float: left;
}
}
#help15{
    float: left;
}
}
#help16{
    float: left;
}

.tooltip{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 3;
   display: none;
   width: 200px;
   color:#666666;
   background-color:#eeeeee;
   padding:5px;
   text-align:left;
  
}  

#gmap {
    float: left;
}

#calcspacerline {
    clear: both;
    float: left;
    height: 20px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCCCCC;
    width: 630px;
}
#calcspacer {
    clear: both;
    float: left;
    height: 10px;
    width: 630px;
}
.boxes {
    width: 200px;
    margin-left: -30px;
}
.smallboxes {
    width: 50px;
    margin-left: -30px;
}
.normalboxes {
    margin-left: -30px;
}
#contentbanner {
    width: 715px;
    margin-bottom: 20px;
}
#bannercal {
    height: 78px;
    width: 1000px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    margin-top: 20px;
}
#bannercalinside {
    height: 50px;
    width: 986px;
    background-color: #FFFFFF;
    padding-left: 14px;
}
#help1 {
}

.help1Message {

color:#666666;

}
#help{
    float: left;
}

.one {
color: #666666;
background: #ffffff;
margin: 0px;
padding: 0px;
width: 20px;
position:;
height:20px;
border: 1px solid #FFFFFF;
text-indent:2px;
}


.tooltip{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 3;
   display: none;
   width: 200px;
   color:#666666;
   background-color:#eeeeee;
   padding:5px;
   text-align:center;
}

#search {
    width:180px;
    height:20px;
    margin-left:auto;
        margin-right:auto;
        margin-top:-63px;
        border:none;
        padding-left:820px;
}

/* For the submit button in the calculator page*/
input.bt_submit {
    margin:11px 5px 11px 5px;
}

input.bt_submit {
    overflow:visible;
    
    vertical-align: middle;
	float: right;
    
    height: 35px;
    font-size: 12pt;
    text-align: center;
    
}

input.bt_submitUserInfo {
    overflow:visible;
    vertical-align: middle;
	float: center;
    
    height: 35px;
    font-size: 12pt;
    text-align: center;
	
	background:transparent url(http://geothermalgenius.org/assets/templates/geo/images/bt_submit.png) repeat-x scroll 0 0;
    border:3px solid #7AD17E;
    color:#FFFFFF !important;
	
		
	border-bottom-left-radius: 6px 6px;
	border-bottom-right-radius: 6px 6px;
	border-top-left-radius: 6px 6px;
	border-top-right-radius: 6px 6px;
    
}


input.bt_submit1 {
    margin:11px 5px 11px 5px;
}

input.bt_submit1 {
    overflow:visible;
    
    vertical-align: middle;
    
    height: 35px;
    width:80px;
    font-size: 12pt;
    text-align: center;
    
}

#map1 {
 border: 4px solid #83d033;
}

input.bt_submit, #map1{
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}



input.bt_submit {
    background:transparent url(http://geothermalgenius.org/assets/templates/geo/images/bt_submit.png) repeat-x scroll 0 0;
    border:3px solid #7AD17E;
    color:#FFFFFF !important;
    
}

:focus {
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:0;
}

input.bt_submit,input.button
{
    cursor:hand;
}
/* End of submit button styles */

.redFont {
    color:red;
    border: 2px solid red;
}

#searchresultBOX {
width:960px;
margin-left:20px;
margin-right:20px;
margin-bottom:10px;

}

.stylecontactus {
    color: #666666;
    background: #ffffff;
    margin: 0px;
    padding: 0px;
    width:96px;
    height:16px;
    border: 1px solid #666666;
    text-indent:5px;
}
#contactformboxes {
width:60px;
float:left;
clear:left;
}
#contactformtextboxes {
width:150px;
float:left;
clear:right;
}
#contactformmessagebox {
width:400px;
float:left;
clear:both;
}
#contactformspacer {
width:100px;
height:12px;
float:left;
clear:both;
}
#contactformsubmitreset {
float:left;
width:200px;
text-align:left;
margin-right:10px;
clear:left;
}
#left11 {
    width: 910px;
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 10px;
    clear: left;
    float: left;
}

#slider {
    width: 650px;
    padding-right: 20px;
    padding-top: 40px;
    margin-bottom: 40px;
    
    text-align:center;
}

#right11 {
    width: 510px;
    padding-right: 20px;
    padding-left: 20px;
    clear: right;
    float: right;
}

#rightwrap {
margin-bottom:10px;
width:510px;
}

.userInfoFormItem {
    display:block;
    clear:both;
    padding: 6px 5px 9px 9px;
    margin:0;
    
}

#userInfoFormInput {
    float: right;
    padding-right: 70%;
    display: inline;
}

#savingsResult  {
    font-style: normal;
    display: inline;
    display: -moz-inline-box;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}

#reCalculate {
    width: 110px;
}
.smallButton {
width: 20px;
height: 20px;
background: none;
}

#mapForm{
    width: 200px;
    padding: 5px;
    margin-top: 10px;
    float: left;
    position:relative;
    
 }

#mapForm p {
    margin: 0px;
    padding: 0px;
}

#local_ad {
	background: url(../images/local_ad.jpg) no-repeat;
	height:130px;
	width:225px;
}

/********** GEOLOCATOR PAGE STYLES ************/
.locator {
	margin: 20px auto 0px auto;
	width: 1000px;
}

.locator #bgtop {
	background: url(https://www.geothermalgenius.org/assets/templates/geo/images/toprounded.gif) no-repeat;
	height: 14px;
	width: 100%;
}

.locator #bgmain {
	background: white;
	min-height: 500px;
}

.locator iframe {
	width: 550px;
	margin: 0px auto;
	position: relative;
	
}

.locator #bgbottom {
	background: url(https://www.geothermalgenius.org/assets/templates/geo/images/bottomrounded.gif) no-repeat;
	height: 14px;
	width: 100%;
}

.placeholderad {
	width: 225px;
	height: 100px;
	float: left;
}

.placeholderad span {
	background: url(assets/images/local_ad.jpg) no-repeat;
}

/**********banner cs********************/

.mainbanner{
	background: url(../templates/geo/images/geothermal_new.gif) no-repeat; 
	width:622px; 
	height:175px; 
	color: white;
	font-family: 'Helvetica Neue', Arial, sans-serif;
}

.mainbanner h1 {
	position: relative;
	left: 20px;
	top: 20px;
	font-size: 50px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	letter-spacing: 0.06em;
}

.mainbanner h2 {
	position: relative;
	left: 100px;
	top: 5px;
	font-size: 20px;
}

.mainbanner p {
	position: relative;
	left: 125px;
	font-size: 14px;
	width: 480px;
	margin: 0px;
	top: -5px;
}

/*   8======D----   MODAL WINDOW STYLE   8======D----    */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
}
   
#boxes .window {
  position:absolute;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  background-color:white;
}
 
 
/* Customize your modal window here, you can add background image too */
#boxes #dialog {
  width:375px; 
  height:203px;
}

/*Image Slide Show CSS
.main_image {
    width: 598px;
    height: 456px;
    float: left;
    background: #333;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
}
.main_image h2 {
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 10px;
}
.main_image p {
    font-size: 1.2em;
    line-height: 1.6em;
    padding: 10px;
    margin: 0;
}
.block small { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 1em;
    padding: 0 0 0 20px;
    background: url(icon_calendar.gif) no-repeat 0 center;
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
    width: 100%;
    background: #111;
    border-top: 1px solid #000;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
    background: url(btn_collapse.gif) no-repeat left top;
    height: 27px;
    width: 93px;
    text-indent: -99999px;
    position: absolute;
    top: -27px;
    right: 20px;
}
.main_image a.show {background-position: left bottom;}

.image_thumb {
    float: left;
    width: 299px;
    background: #f0f0f0;
    border-right: 1px solid #fff;
    border-top: 1px solid #ccc;
}
.image_thumb img {
    border: 1px solid #ccc;
    padding: 5px;
    background: #fff;
    float: left;
}
.image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.image_thumb ul li{
    margin: 0;
    padding: 12px 10px;
    background: #f0f0f0 url(nav_a.gif) repeat-x;
    width: 279px;
    float: left;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-right: 1px solid #ccc;
}
.image_thumb ul li.hover { /*--Hover State--*/
    background: #ddd;
    cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
    background: #fff;
    cursor: default;
}
html .image_thumb ul li h2 {
    font-size: 1.5em;
    margin: 5px 0;
    padding: 0;
}
.image_thumb ul li .block {
    float: left;
    margin-left: 10px;
    padding: 0;
    width: 170px;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/