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

body{
color: #333333;
/*background: #F5F5F2;*/
}

a{
outline: none !important;
}

.text-left{
  text-align: left !important;
}

.text-right{
  text-align: right !important;
}

.text-center{
  text-align: center !important;
}

.navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus,.navbar .nav li.dropdown.open>.dropdown-toggle,.navbar .nav li.dropdown.active>.dropdown-toggle,.navbar .nav li.dropdown.open.active>.dropdown-toggle{
background-color: #DFF0D8 !important;
}

.currency{
text-align: right !important;
}

.brand img{
height: 30px;
}

.help{
width: 20px;
}

.hide{
display: none;
}

.notadded{
color: #cccccc;
text-decoration: line-through;
}

.span5 .form-horizontal .control-label{
width: 140px;
}

.span5 .form-horizontal .controls{
margin-left: 150px;
}

td.noitem{
text-align: center;
padding: 60px 0 120px 0;
font-size: 20px;
color: #999999;
background: #f9f9f9;
}

td.noitem p{
line-height: 60px;
}

.table-hover tbody td.checkitem:hover{background-color:#e9e9e9;}

.table-clickable tbody tr:hover a{
text-decoration: underline;
}

.table-clickable tbody tr:hover a.btn{
text-decoration: none;
}

.highlight > td{
background: #f5f5f5;
}

.noborder > td{
border: none;
}

.subtotal > span{
font-size: 14px;
}


html, body{
height: 100%;
}

.table-clickable tbody tr{
cursor: hand;
cursor: pointer;
}

.table-clickable tbody tr td.noclick{
cursor: default;
}

.table-clickable tbody tr:hover td.noclick a{
text-decoration: none;
}
.table-clickable tbody tr td.noclick a:hover{
text-decoration: underline;
}

.table-features th, .table-features tr{
word-wrap: break-word;
}

.table-features .additional-info{
display:none;
background: #ffffc9;
}

.table-features .additional-info:hover td{
background: none;
}

.nohover:hover > td{
background: none !important;
cursor: default;
}

form .form-section{
margin-bottom: 40px;
}

.innerrow{
float: left;
width: 100%;
}

.raisedpanel{
position: relative;
margin-bottom: 60px;
}

.form-loading{
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
opacity: 0.9;
background: #ffffff url(../img/loading-64x64.gif) bottom 30px right 70px no-repeat;
display: none;
z-index: 100;
}

select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:none;outline-offset:0;}
 
input.input-block-level[type="file"]{
  width: 100%;
}

#mainel{
min-height: 100%;
/*height: auto !important;*/
height: 100%;
}

.wrapper{
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -60px;
}

.push, .pagefooter{
height: 60px;
}

.bottom{
width: 100%;
padding: 30px 0;
background: #e0e0e0;
box-shadow: inset 0 2px 5px rgba(0,0,0,0.2);
color: #999999;
font-size: 12px;
}

.dropdown.mainnav.active{
background-color: #E5E5E5;
}

.table-outlined{
border: 1px solid #DDDDDD;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.section{
margin-top: 10px;
margin-bottom: 30px;
}

.btn-hover-danger:hover,
.btn-hover-danger:focus,
.btn-hover-danger.disabled,
.btn-hover-danger[disabled] {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background-color: #bd362f;
  *background-color: #a9302a;
}

.btn-hover-success:hover,
.btn-hover-success:focus,
.btn-hover-success.disabled,
.btn-hover-success[disabled] {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #51a351;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
  
  background-color: #408140 \9;
}

.btn-hover-warning:hover,
.btn-hover-warning:focus,
.btn-hover-warning.disabled,
.btn-hover-warning[disabled] {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #f89406;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #ffffff;
  background-color: #f89406;
  *background-color: #df8505;
  background-color: #c67605 \9;
}

.form-horizontal .form-actions{
text-align: right;
padding-left: 20px;
}

.form-actions .btn-medium.cancel{
margin-right: 20px;
}

.alert ul{
margin-top: 10px;
position: relative;
}

.alert{
position: relative;
margin-bottom: 10px;
}

.alert > .close{
position: absolute;
right: 15px;
top: 6px;
}

legend + .control-group{
margin-top: 10px;
margin-bottom: 0;
}

.uploadframe{
width: 0;
height: 0;
border: 0;
opacity: 0;
}

.detailspanel{
border-bottom: 1px solid #e0e0e0;
margin-top: -13px;
margin-bottom: 10px;
color: #555555;
position: relative;
}

.detailspanel > div > div{
margin-top: 15px;
}

.toggledetails{
color: #999999 !important;
text-decoration: none !important;
position: absolute;
bottom: -22px;
right: 0;
width: 80px;
height: 20px;
border: 1px solid #e0e0e0;
border-top: 0;
display: block;
font-size: 10px;
text-align: center;
border-radius: 0 0 4px 4px;
cursor: hand;
cursor: pointer;
}

.nav-pills > li > a, .nav-pills > li > a:hover, .nav-pills > li > a:focus{
background-image: url(../img/step2.png);
background-position: right center;
background-repeat: no-repeat;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
position: relative;
z-index: 10;
}

.nav-pills > li > a > i{
margin-left: -5px;
}

.loadingfullsize{
width: 100%;
}

.loading16{	
background: url(../img/loading-16x16.gif) center center no-repeat;
min-height: 50px;
}

.loading24{
background: url(../img/loading-24x24.gif) center center no-repeat;
min-height: 100px;
}

.loading32{
background: url(../img/loading-32x32.gif) center center no-repeat;
min-height: 150px;
}

.loading48{
background: url(../img/loading-48x48.gif) center center no-repeat;
min-height: 200px;
}

.loading64{
background: url(../img/loading-64x64.gif) center center no-repeat;
min-height: 300px;
}

table td input[type=checkbox]{
margin-top: 0;
}

.checkall{
color: #333333;
padding-left: 2px;
text-decoration: none !important;
cursor: pointer;
}

.breadcrumb li:last-child .divider{
display: none;
}

table ul{
margin-top: 0;
margin-bottom: 0;
}

.subnav{
box-shadow: inset 0 -2px 5px rgba(0,0,0,0.1);
background: #e0e0e0;
padding-top: 15px;
margin-bottom: 20px;
}

.subnav .nav-tabs{
border: 0;
}

.subnav .nav-tabs > li{
margin: 0;
}

.subnav .nav-tabs > li > a, .subnav .nav-tabs > li > a:hover, .subnav .nav-tabs > li > a:focus{
border: 0;
margin-bottom: 0;
}

.icons-industrial{
display: inline-block;
width: 50px;
height: 40px;
background: url(../img/icons/industrial.png) top left no-repeat;
}

.btn-success .icons-industrial{
background: url(../img/icons/industrial.png) top right no-repeat;
}

.icons-commercial{
display: inline-block;
width: 50px;
height: 40px;
background: url(../img/icons/commercial.png) top left no-repeat;
}

.btn-success .icons-commercial{
background: url(../img/icons/commercial.png) top right no-repeat;
}

.icons-residential{
display: inline-block;
width: 50px;
height: 40px;
background: url(../img/icons/residential.png) top left no-repeat;
}

.btn-success .icons-residential{
background: url(../img/icons/residential.png) top right no-repeat;
}

.icons-solar{
display: inline-block;
width: 50px;
height: 40px;
background: url(../img/icons/solar.png) top left no-repeat;
}

.btn-success .icons-solar{
background: url(../img/icons/solar.png) top right no-repeat;
}

.icons-hydro{
display: inline-block;
width: 50px;
height: 40px;
background: url(../img/icons/hydro.png) top left no-repeat;
}

.btn-success .icons-hydro{
background: url(../img/icons/hydro.png) top right no-repeat;
}

.icons-wind{
display: inline-block;
width: 50px;
height: 40px;
background: url(../img/icons/wind.png) top left no-repeat;
}

.btn-success .icons-wind{
background: url(../img/icons/wind.png) top right no-repeat;
}

.icons-small{
display: inline-block;
width: 50px;
height: 40px;
background: url(../img/icons/small.png) top left no-repeat;
}

.btn-success .icons-small{
background: url(../img/icons/small.png) top right no-repeat;
}

.icons-medium{
display: inline-block;
width: 50px;
height: 40px;
background: url(../img/icons/medium.png) top left no-repeat;
}

.btn-success .icons-medium{
background: url(../img/icons/medium.png) top right no-repeat;
}

.icons-large{
display: inline-block;
width: 50px;
height: 40px;
background: url(../img/icons/large.png) top left no-repeat;
}

.btn-success .icons-large{
background: url(../img/icons/large.png) top right no-repeat;
}

.service{
width: 230px;
height: 230px;
border-radius: 4px;
}

.options{
display: none;
}

div.options{
padding: 10px 0;
}

input[type=checkbox]{
outline: none !important;
}

label.checkbox{
font-size: 14px;
}

form.grab{
overflow: hidden;
}

.description{
padding: 10px 0;
font-size: 13px;
line-height: 18px;
}

.description li{
line-height: 18px;
}


.raisedpanel{
box-shadow: 11px 11px 33px rgba(0,0,66,0.22);
background: #fffffc;
}

.grab{
margin-top: 10px;
margin-bottom: 0;
box-shadow: 0 3px 5px rgba(0,0,33,0.11);
background: #fcfcfc;
}

.grab:hover, .grabbed{
box-shadow: 0 11px 33px rgba(0,0,33,0.22);
background: #fffffc;
margin-top: 5px;
margin-bottom: 5px;
}

.grabbed, .grabbed:hover{
box-shadow: 0 11px 33px rgba(0,66,33,0.22);
background: #ffffff;
}

.form-actions{
background: none;
}

.control-description{
padding-top: 10px;
font-size: 12px;
line-height: 16px;
color: #777777;
}

.control-additional-options{
display: none;
padding-top: 10px;
}

.form-horizontal .control-label{
width: 170px;	
}

.cancel{
margin: 0 20px;
}

.btn img{
margin: 5px 0;	
}

.form-horizontal .control-group{
margin-bottom: 10px;	
}

.alerts.control-group{
margin-top: 0;
margin-bottom: 20px;
}

.alerts.control-group .alert{
margin-bottom: 0;
}

form .req{
color: #cc0000;
font-size: 10px;	
}

form .form-actions{
margin-bottom: 0;
}

.back{
border: 1px solid #e0e0e0;	
text-decoration: none;
line-height: 24px;
display: block;
text-align: center;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
margin-top: 8px;
}

.back:hover, .back:focus{
background: #f5f5f5;
text-decoration: none;
}

.content_row{
margin-bottom: 30px;	
}

.greentxt{
color: #51A351;	
}

.redtxt{
color: #990000;	
}

h1 span, h2 span, h3, h4, h5, h6{
font-weight: normal;	
}

.well{
position: relative;
}

.well .well{
background: #FCF8E3;
}

.well .well legend{
font-size: 16px;
line-height: 30px;	
}

.progress{
margin-bottom: 0;	
}

.alert-danger a{
color: #B94A48;	
}

address{
margin-bottom: 10px;
font-size: 18px;	
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
cursor: hand;
cursor: pointer;
}

/*
.navbar{
box-shadow: 0 3px 8px rgba(0,0,0,0.1);
position: relative;	
}
*/

.page_header{
border-bottom: 3px solid #e0e0e0;
margin-bottom: 10px;
}

.page_header h1{
float: left;
}

.page_header h1 a{
color: #333333;	
}

.page_header_buttons{
padding-top: 16px;
padding-bottom: 5px;
text-align: right;
float: right;	
}

.page_header_buttons_big{
padding-top: 5px;
text-align: right;
padding-bottom: 5px;
float: right;	
}

.section_header{
border-bottom: 2px solid #e0e0e0;
padding-bottom: 5px;
margin-bottom: 10px;
float: left;
width: 100%;
}

.section_header h1, .section_header h2{
float: left;
margin: 0;
padding: 0;
}

.section_header_buttons{
float: right;
text-align: right;
margin-top: 8px;	
}

.section_header_buttons_big{
float: right;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;	
}

.legend_buttons{
float: right;
text-align: right;
margin-top: -2px;
}

.table_buttons{
margin-bottom: 10px;	
}

.table-condensed input[type="checkbox"]{
margin-top: -2px;	
}

.nav-list.well{
padding: 10px 0;	
}

.nav-list > li > a{
margin-left: 0;
margin-right: 0;
}

.nav-list .nav-header{
margin-bottom: 10px;
font-size: 12px;
}

.nav-tabs > li > a{
padding-top: 5px;
padding-bottom: 5px;	
}

.navbar .nav > li > a{
padding: 15px;	
}

.dropdown-toggle{
background: none !important;	
}

legend{
margin-bottom: 10px;
line-height: 30px;
}

form{
margin-bottom: 12px;
}

.nav-tabs{
margin-bottom: 0;	
}

.breadcrumb{
padding: 3px 15px;
font-size: 12px;
background: #eeeeee;
}

.table-condensed{
font-size: 12px;	
}


/*--- STEP-BY-STEP PROGRESS BAR ---*/
.stepbystep a{
color: #51A351;	
}

.stepbystep a:hover{
color: #007744;	
}

.stepbystep{
margin-bottom: 20px;
background: #f0f0f0;
border-radius: 4px;
color: #999999;
table-layout: fixed;
}

.stepbystep td{
padding-left: 5px;
text-align: center;
background: url(../img/step1.png) left center no-repeat;
}

.stepbystep td:first-child{
background: none;
padding: 0;
border-radius: 4px 0 0 4px;
}

.stepbystep .active{
background: #51A351 url(../img/step1.png) left center no-repeat;
}

.stepbystep .completed{
background: #DFF0D8 url(../img/step1.png) left center no-repeat;
}

.stepbystep td:first-child.active{
background: #51A351;	
}

.stepbystep td:first-child.completed{
background: #DFF0D8;	
}

.stepbystep .active a, .stepbystep .active span{
color: #ffffff;	
}

.stepbystep td a, .stepbystep td span{
line-height: 25px;
font-size: 14px;
display: block;	
background: url(../img/step2.png) right center no-repeat;
}

.stepbystep td:last-child{
border-radius: 0 4px 4px 0;	
}

.stepbystep td:last-child a, .stepbystep td:last-child span{
background: none;
}





.service-family{
    margin-top: 20px;
    margin-bottom: 40px;
}

.service-item{
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
}

.blue{
    color: #0088cc !important;
}

i{
    text-decoration: none !important;
}

.text-center{
    text-align: center;
}

.service-item:hover .service-add{
    background: #f0f0f0;
}

.service-add.active{
    background: #ffffcc;
}

.service-image img{
    margin-bottom: 20px;
}

.display-table{
    display: table;
    float: none;
}

.display-table-cell{
    display: table-cell;
    float: none;
}

ul.service-feature-bullets{
    list-style: none;
    margin: 10px;
}

ul.service-feature-bullets li{
    margin: 0;
}

ul.service-feature-bullets i{
    color: #51A351;
    text-decoration: none;
}

ul.service-requirements-bullets{
    margin: 20px 30px;
    font-size: 12px;
}

ul.service-requirements-bullets li{
    line-height: 16px;
}

.service-header{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.service-description{
    color: #555555;
}

.service-item-actions{
    margin-bottom: 20px;
}

.tab-pane{
    padding: 20px;
}

.nav-tabs-default{
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #ffffff, 0%, #f9f9f9, 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
  background-repeat: repeat-x;
  -webkit-border-top-right-radius: 20px;
          border-top-right-radius: 20px;
  -webkit-border-top-left-radius: 20px;
          border-top-left-radius: 20px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-topleft: 20px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 20px 20px 10px -10px #ffffff, inset -20px 20px 10px -10px #ffffff;
     -moz-box-shadow: inset 20px 20px 10px -10px #ffffff, inset -20px 20px 10px -10px #ffffff;
          box-shadow: inset 20px 20px 10px -10px #ffffff, inset -20px 20px 10px -10px #ffffff;
}