html { margin: 0; padding: 0; }

body { min-width: 960px; font-family: 'Titillium Web', sans-serif; }

.header { width: 100%; height: 95px; background: #fff; }
.headerContainer { width: 960px; margin: 0 auto; height: 95px; text-align: center; }
    .headerContainer img { margin: 10px auto; }

.mainContent { width: 100%; height: auto; background: url(../img/WebCheck-Background-1600px.jpg) no-repeat top; position: relative; }
.bannerBGContainer { width: 960px; height: 138px; background: url(../img/intro-box.png) no-repeat top; margin: 0 auto; position: relative; top: 20px; color: #fff; text-align: center; font-weight: 600; padding-bottom: 15px; }
    .bannerBGContainer h1 { font-size: 35px; margin: 0; line-height: 42px; padding-top: 25px; }
    .bannerBGContainer h2 { font-size: 18px; margin: 0; line-height: 31px; }
    .bannerBGContainer a:link { text-decoration: none; color: white;}
    .bannerBGContainer a:visited {  text-decoration: none; color: white;}
    .bannerBGContainer a:hover {   text-decoration: none; color: white;}
    .bannerBGContainer a:active {  text-decoration: none; color: white;}

.inputFormContainer div { width: 375px; margin: 0 auto; }
.audit-fields { display: none; }
.inputFormContainer { width: 555px; height: auto; background: url(../img/formbackground.jpg) repeat top; position: relative; margin: 0 auto; padding: 10px 0 0; }
    .inputFormContainer label { text-align: left; display: block; margin: 0 auto; }
    input:required { box-shadow: none; }
.mainContent ul { list-style-type: none; padding: 0; top: 25px; text-align: center; margin-bottom: 0; }
.mainContent li { margin-bottom: 10px; }
.location-label { display: inline-block; float: left; }
label#city { float: right; font-size: 12px; color: #F00; display: none; }
.mainContent li.tab1, .mainContent li.tab2 { margin-bottom: 0; }
.mainContent ul li label { font-size: 15px; font-weight: 700; color: #6f6f6f; text-transform: uppercase; display: block; }
.mainContent form { margin: 0 auto; }
.mainContent input { height: 40px; border: 1px solid #d9d9d9; font-family: 'Titillium Web', sans-serif; font-size: 13px; font-weight: 700; text-transform: uppercase; color: #949494; }
    .mainContent input::-ms-clear { display: none; }
    .mainContent input.long { width: 373px; }
        .mainContent input.long.location { background-image: url(../img/globeIcon.jpg); background-position: 7px 9px; background-repeat: no-repeat; text-indent: 40px; }
        .mainContent input.long.energyBill { background-image: url(../img/dollarIcon.jpg); background-position: 10px 11px; background-repeat: no-repeat; text-indent: 38px; }
        .mainContent input.long.buildingName { background-position: 12px 13px; background-repeat: no-repeat; text-indent: 38px; text-transform: none; }
.mainContent .short-style-select select { display: inline-block; background: transparent; height: 40px; width: 115px; border: 0; -webkit-appearance: none; font-family: 'Titillium Web', sans-serif; font-size: 13px; font-weight: 700; text-transform: uppercase; color: #949494; text-indent: 10px; cursor: pointer; }
.mainContent .short-style-select { display: inline-block; width: 113px; height: 40px; overflow: hidden; background: url(../img/dropDownIcon.jpg) no-repeat 87px #fff; border: 1px solid #D9D9D9; margin-right: 11px; }
    .mainContent .short-style-select:last-of-type { margin-right: 0; }

#submitForm { text-align: center; }
.mainContent input[type=image] { position: relative; border: none; top: 20px; display: inline-block; }
.mainContent #tabs > div { display: inline-block; width: 353px; background-color: #fff; border: 1px solid #d9d9d9; border-top: none; padding: 10px; }
    .mainContent #tabs > div label { font-size: 15px; font-weight: 700; color: #6f6f6f; text-transform: uppercase; display: block; }
/*.mainContent #tabs > div label:last-of-type { margin-top: 10px; }*/
.mainContent img.property-icon { position: relative; top: 12px; left: 10px; }


.mainContent .long-style-select select { display: inline-block; background: transparent; height: 40px; width: 350px; border: 0; -webkit-appearance: none; font-family: 'Titillium Web', sans-serif; font-size: 13px; font-weight: 700; text-transform: uppercase; color: #949494; text-indent: 35px; position: relative; top: -25px; cursor: pointer; }
@-moz-document url-prefix() { 
.mainContent .long-style-select select { text-indent: 18px; top: -21px; }
.mainContent .short-style-select select { width: 130px; padding: 9px 5px 10px 0; text-indent: 6px; }
}

.mainContent .long-style-select { display: inline-block; width: 348px; height: 40px; overflow: hidden; background: url(../img/dropDownIcon.jpg) no-repeat 320px #fff; border: 1px solid #D9D9D9; }
.mainContent .buildingSize { background: url(../img/rulerIcon.jpg) no-repeat 10px; width: 348px; text-indent: 40px; }
.button { cursor: pointer; }

div.property-dropdown { margin-bottom: 25px; }


.results-container { width: 555px; height: auto; background: url(../img/formbackground.jpg) repeat top; position: relative; margin: 0 auto; text-align: center; font-family: proxima-nova, sans-serif; }
    .results-container input[type=image] { top: 0; height: auto; }
.mainScore { width: 492px; height: auto; background-color: #FFF; border: 1px solid #D7D7D7; display: inline-block; margin: 25px auto 15px; padding-bottom: 20px; }
    .mainScore p { text-align: left; font-family: proxima-nova, sans-serif; font-size: 15px; font-weight: 600; color: #949494; margin: 0 23px; line-height: 19px; }
#bar { position: relative; top: 60px; }
#BlueArrow { position: absolute; width: 103px; }
#BlueVBar { position: absolute; width: 105px; height: 52px; }
    #BlueVBar label { font-family: proxima-nova, sans-serif; font-size: 12px; font-weight: 600; position: absolute; top: 24px; right: 10px; }
#GreenVBar { position: absolute; width: 95px; }
    #GreenVBar label { font-family: proxima-nova, sans-serif; font-size: 12px; font-weight: 600; position: absolute; top: 24px; right: 10px; }
#targetScore { color: #63A326; }
#targetScoreLabel { font-size: 13px; z-index: 999; }
#avgScore { color: #F1A91D; }

#myScoreLabel { color: #F1A91D; z-index: 100; font-size: 13px; text-align: center; height: 50px; }
    #myScoreLabel label { display: block; }
#avgScoreLabel { font-size: 13px; }
label#myScore { color: #000; font-family: 'Signika', sans-serif; font-size: 25px; font-weight: 600; position: relative; bottom: 4px; }

.mainScore div { display: block; font-family: proxima-nova, sans-serif; font-weight: 600; color: #949494; margin-top: 5px; }
    .mainScore div.location { display: inline-block; }
    .mainScore div.climate-zone { display: inline-block; margin-left: 25px; font-style: italic; }
    .mainScore div.location label#city_results { color: #FB850C; font-weight: 700; font-style: italic; padding-left: 5px; }
    .mainScore div.climate-zone label#climate_zone_results { color: #FB850C; font-weight: 700; font-style: italic; padding-left: 5px; }

span.simpleEnergyScore { font-family: proxima-nova, sans-serif; font-size: 18px; font-weight: 700; color: #fb850c; }

.compareScoresContainer { height: auto; width: 493px; margin: 0 auto; display: inline-block; }
    .compareScoresContainer div { width: 211px; height: 220px; background-color: #fff; float: left; margin: 0; padding: 10px 13px; border: 1px solid #d7d7d7; position: relative; }
        .compareScoresContainer div:last-child { margin-left: 15px; }
        .compareScoresContainer div#avgEUI, .compareScoresContainer div#targetEUI { color: #fff; position: absolute; left: 13px; top: 14px; width: 55px; height: 36px; font-size: 25px; font-family: 'Signika', sans-serif; font-weight: 600; text-align: center; line-height: 36px; float: none; padding: 0; background-color: #f1a91d; margin: 0; border: 0; }
        .compareScoresContainer div#avgblueEUI { background: #f1a91d; }
        .compareScoresContainer div#targetEUI { background: #63a326; }
    .compareScoresContainer h3 { color: #6f6f6f; font-family: Titillium; font-weight: 700; margin: 0 0 0 65px; padding: 0; text-align: left; font-size: 18px; line-height: 21px; }
    .compareScoresContainer h4 { width: 130px; height: 35px; color: #949494; font-family: proxima-nova, sans-serif; font-style: italic; font-size: 15px; line-height: 18px; text-align: left; position: absolute; left: 13px; bottom: 42px; margin: 0; }
    .compareScoresContainer #avgScoreDiv h4 { width: 180px; }
    .compareScoresContainer #targetScoreDiv h4 { width: 180px; }
    .compareScoresContainer p { font-family: proxima-nova, sans-serif; font-size: 13px; line-height: 16px; color: #949494; font-weight: 400; text-align: left; margin: 17px 0 0 0; padding: 0; }
    .compareScoresContainer div#estSavingsToAvg, .compareScoresContainer div#estSavingsToTarget { color: #000; position: absolute; right: 13px; bottom: 10px; width: 97px; height: auto; font-size: 30px; font-family: 'Signika', sans-serif; font-weight: 600; text-align: right; height: 30px; line-height: 30px; float: none; padding: 0; background: 0; margin: 0; border: 0; }
    .compareScoresContainer label.estSavingsToAvg { color: #949494; position: relative; font-family: proxima-nova, sans-serif; font-style: italic; font-size: 15px; line-height: 18px; left: -97px; bottom: -73px; margin: 0; font-weight: 600; }
    .compareScoresContainer div#estSavingsToTarget { color: #63a326; }
    .compareScoresContainer div#estSavingsToAvg { color: #f1a91d; width: 210px;}
span.perMonth { font-size: 16px; color: #949494; font-style: italic; }

.nextStepsContainer { width: 447px; border-top: 1px solid #CACACA; margin: 18px auto 0; padding: 20px 23px 0; }
    .nextStepsContainer h4 { font-family: Titillium; font-size: 22px; color: #3b3b3b; margin: 0; font-weight: 700; text-shadow: 0px 3px 3px #FFF; }
    .nextStepsContainer p { margin: 10px auto; font-family: proxima-nova, sans-serif; font-size: 16px; color: #3b3b3b; text-align: left; line-height: 19px; }

.buttonsContainer { position: relative; display: block; margin: 0 auto; bottom: -20px; }
    .buttonsContainer input { margin-right: 20px; }

.adsContainer { width: 100%; height: 150px; }

/*jquery tabs override*/
.ui-widget a, .ui-widget a:visited { font-size: 14px; font-weight: 700; text-transform: uppercase; color: #6f6f6f; padding-left: 0px; }
.tab1, .tab2 { display: inline-block !important; border: 1px solid #d9d9d9; border-bottom: none; background-color: #c8c8c8; height: 30px; padding-top: 4px; }
    .tab1 a, .tab2 a { text-decoration: none; }
.tab1 { width: 164px; }
.tab2 { width: 203px; left: 89px !important; }
.ui-state-active { background-color: #fff; }
a[href='#tabs-1'].ui-tabs-anchor { width: auto; display: block; }
a[href='#tabs-2'].ui-tabs-anchor { width: auto; display: block; }

/*jquery spinner override*/
span.ui-spinner { position: relative; }
.energybill-range .ui-spinner-up { padding: 0 !important; position: absolute; top: -4px; right: 8px; height: 16px; overflow: hidden; width: 15px; line-height: 15px; }
li.energybill-range input.energyBill .ui-widget a.energybill-range .ui-spinner-up { font-size: 10px !important; }
.energybill-range .ui-spinner-down { padding: 0 !important; position: absolute; top: 12px; right: 8px; overflow: hidden; height: 16px; width: 15px; line-height: 15px; }
.property-type .ui-spinner-up { padding: 0 !important; position: absolute; top: -4px; left: 330px; height: 16px; overflow: hidden; width: 15px; line-height: 15px; }
.property-type .ui-spinner-down { padding: 0 !important; position: absolute; top: 12px; right: 5px; height: 16px; overflow: hidden; width: 15px; line-height: 15px; }
.ui-icon { font-size: 11px; color: #8B8B8B !important; cursor: pointer; }

body.ie div.property-dropdown .ui-spinner-up { left: 332px; }
body.ie div.property-dropdown select.propertyDropdown { width: 110%; text-indent: 0px; padding-left: 35px; overflow: hidden; top: -28px; }
body.ie div.short-style-select select { width: 117%; overflow: hidden; padding-left: 10px; }

html.lt-ie9 body.ie div.short-style-select select { width: 100%; }
html.lt-ie9 .mainContent div.short-style-select:last-of-type { margin-right: 0; }
html.lt-ie9 .mainContent div.short-style-select { margin-right: 7px; }
html.lt-ie9 .energybill-range .ui-spinner-up { top: 6px; right: 14px; }
html.lt-ie9 .energybill-range .ui-spinner-down { top: 20px; right: 14px; }
html.lt-ie9 .property-type .ui-spinner-up { top: 4px;  }
html.lt-ie9 .property-type .ui-spinner-down { top: 21px;  }
html.lt-ie9 .mainContent input { padding-top: 10px; height: 30px; }

html.ie7 .energybill-range .ui-spinner-up { top: 6px; right: 14px; }
html.ie7 .energybill-range .ui-spinner-down { top: 20px; right: 14px; }
html.ie7 .property-type .ui-spinner-up { top: 4px;  }
html.ie7 .property-type .ui-spinner-down { top: 21px;  }
html.ie7 .mainContent input { padding-top: 10px; height: 30px; }
html.ie7 .mainContent div.short-style-select { display: inline; width: 100%;}
html.ie7 div.property-dropdown select.propertyDropdown { width: 100%; }
html.ie7 .mainContent div.long-style-select select { left: -10px; border: none; }


/*inherited*/
.abs { position: absolute; border: none; }

/*fancybox*/
.contactBox { width: 390px; height: 625px; border-radius: 0; padding: 20px; display: none; }
    .contactBox h3 { margin: 0; font-family: 'Titillium Web', sans-serif; font-weight: 700; font-size: 22px; text-align: left; color: #545454; }
    .contactBox ul { list-style-type: none; margin: 10px 0 0 0; padding: 0; font-family: proxima-nova, sans-serif; font-size: 18px; color: #6f6f6f; }
    .contactBox li { margin: 4px 0; }
    .contactBox ul span { font-weight: 700; }
    .contactBox h4 { margin: 30px 0 18px; font-family: 'Titillium Web', sans-serif; font-weight: 700; font-size: 22px; text-align: left; color: #545454; }
    .contactBox input { width: 338px; height: 40px; border: 1px solid #d9d9d9; font-family: 'Titillium Web', sans-serif; font-weight: 700; font-size: 14px; color: #949494; padding-left: 37px; margin-bottom: 15px; }
        .contactBox input::-ms-clear { display: none; }
        .contactBox input#company { background: url(../img/companyIcon.jpg) no-repeat 8px #fff; }
        .contactBox input#name { background: url(../img/companyIcon.jpg) no-repeat 8px #fff; }
        .contactBox input#email { background: url(../img/nameIcon.jpg) no-repeat 8px #fff; }
        .contactBox input#phone { background: url(../img/phoneIcon.jpg) no-repeat 8px #fff; }
        .contactBox input[type=image] { width: auto; border: 0; margin: 10px auto 0; }
    .contactBox .buttons { text-align: center; }
div.fancybox-inner { overflow: hidden !important; }
.fancybox-close { background: url(../img/Close-Button.png) no-repeat; }
.contactBox .hide { display: none; }