/* **************************

BODY

** **************************/

html {
     height:100%;

}

body {
    
    background: #7ac142 url(background.png) no-repeat;
    background-attachment: fixed;
    margin:0;
}


/* **************************

LOADING SCREEN

** **************************/

#overlay {
   background: #fff url(logo_large.png) no-repeat center;
}

#overlay img {
  display:none;
}

/* **************************

ERROR POPUP

** **************************/

#dialog div img {
  display:none;

}


/* **************************

HEADER

** **************************/

#header_contents {
   
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(../../../jwrImg/data_cbDebug/image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZmNmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YWM2NTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(249,252,247,1) 0%, rgba(138,198,81,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(249,252,247,1)), color-stop(100%,rgba(138,198,81,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(249,252,247,1) 0%,rgba(138,198,81,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(249,252,247,1) 0%,rgba(138,198,81,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(249,252,247,1) 0%,rgba(138,198,81,1) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(249,252,247,1) 0%,rgba(138,198,81,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#8ac651',GradientType=1 ); /* IE6-8 */

}

#header_contents #logo {
    background:url(logo.png) no-repeat;
    width:230px;
}

#header_contents .logo {
    width:230px;
}

#header_contents .slogan div {
    display:none;
}



/* **************************

THE DOCK

** **************************/

.dockHeaderInner {
    background:#ccc;
}

.dockContentSides {
    background:#ccc;
    padding: 0 6px 0px 6px;
}

.dockFooterShadow {
    background:#ccc;
}


/* **************************

WIDGETS

** **************************/

.widgetContent {
    border: solid 2px #ccc;
    border-top: none;
}

.widget{
  background: #00539B;
}

.widgetHeaderInner {
    background: #00539B;
}

.shadow { 
   
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-collapse:separate;

}

#about_ecobeeInfo {
	background-image:url(logo_small.png)
}

/* ============================

This is the generic styling for the following pages:

\home\WebContent\secure\

  ============================= */


.font-18 {
	color:#fff;
}

/* ************************** 

registrationCode.jsf
   
prepend : #page-registration-code

** **************************/ 

#page-registration-code h1.header {
  color:#fff
}


/* ============================

This is the generic styling for the following pages:

\home\WebContent\

addEms.jsp
addEmsSi.jsp
addSmart.jsp
addSmartSi.jsp
addThermostatLogin.jsp
error.jsp

login.jsp
loginFail.jsp
registrationSuccess.jsp
resetPassword.jsp
selectThermostat.jsp
signUp.jsp
success.jsp
tokenError.jsp

  ============================= */

body.non-portal {
    
   background-position:0 70px;

}

body.background-override {
    
   background-position:0 0;

}

.brand-logo {
    
    background:url(logo.png) no-repeat;
    width: 150px;
}

.logoEcobee { 

  background:#fff url(logo.png) no-repeat 10px;
  padding: 10px;  
}

.brand--header {
  background: #fff;
}

.brand--header .brand--logo {
  background-image: url(logo.png);
  width: 240px;
  height: 80px;
}

.group-box-details {

  background:#fff;
}

.smart-instructions {

  background:#fff;

}

.head-container {

  background: #fff;
  padding:20px;
}



.login-form {
  background:#fff;

}

.display-box {
  background: white;
  border-color: #777;
  box-shadow: 1px 3px 7px #333;
}

.contact-form-area {
  background:none;
}

/* ============================
  
    below are specifc overrides on a per page basis

   ============================ */



/* **************************

Error page

prepend : #page-error

** **************************/

#page-error .header {
  color:#fff;     
}

/* **************************

LOG IN

prepend : #page-login

** **************************/

.header {
  color:#fff;     
}

/* **************************

addEms.jsf

prepend : #page-add-ems

** **************************/


#page-add-ems .header {
  color:#fff;
}



/* **************************

addEmsSi.jsf

prepend : #page-add-ems-si

** **************************/

#page-add-ems-si .header {
  color:#fff;
}

/* **************************

addSmart.jsf

prepend : #page-add-smart

** **************************/

#page-add-smart .header {
  color:#fff;
}


/* **************************

addSmartSi.jsf

prepend : #page-add-smart-si
 
** **************************/

#page-add-smart-si .header {
  color:#fff;
}

/* **************************

singUp.jsf

prepend : #page-sign-up

** **************************/

#page-sign-up .header {
  color:#fff;
}

/* **************************

addThermostatLogin.jsf

prepend : #page-add-thermostat-login

** **************************/

#page-add-thermostat-login .header {
  color:#fff;
}


/* **************************

error.jsf

prepend : #page-error

** **************************/




/* **************************

registrationSuccess.jsf

prepend : #page-registration-success

** **************************/
#page-registration-success .header {
  color:#fff;
}    

#page-registration-success .contact-form-area {
  background:#fff;
  padding:20px;

}

#page-registration-success .font-18 {
	color:#728A99;
}

/* ************************** 

selectThermostat.jsf
   
prepend : #page-select-thermostat  

** **************************/ 

#page-select-thermostat .header {
  color:#fff;
}    



/* ************************** 

newPassword.jsf
   
prepend : #page-new-password  

** **************************/ 

#page-new-password h1.header {
  color:#fff
}

#page-new-password .form-area {
  color:#fff
}

/* ************************** 

forgotPasswordSuccess.jsf
   
prepend : #page-forgot-password-success

** **************************/ 

#page-forgot-password-success h1.header {
  color:#fff
}

#page-forgot-password-success .form-area {
  color:#fff
}

/* ************************** 

forgotPasswordError.jsf
   
prepend : #page-forgot-password-error

** **************************/ 

#page-forgot-password-error h1.header {
  color:#fff
}

#page-forgot-password-error .form-area {
  color:#fff
}

/* ************************** 

resetEpire.jsf
   
prepend : #page-reset-expire

** **************************/ 

#page-reset-expire h1.header {
  color:#fff
}

#page-reset-expire .form-area {
  color:#fff
}