/* loading animations  */
.loading-overlay {
    opacity: 0;
    transition: opacity .2s ease-in-out;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    display: flex;
    align-items: center;
    justify-content: center;
}

app-root:empty + .loading-overlay {
    opacity: 1;
    z-index: 5;
}

app-root:empty + .loading-overlay .page-loading,
.page-loading{
    width: 100%;
    height: 120px;
    display: flex;
    justify-content: center;
    justify-items: center;
}

app-root:empty + .loading-overlay .page-loading-text,
.page-loading-text{
    opacity: 1;
    z-index: 5;
    font-size: 20px;      
    text-align: center; 
}

.loading-overlay .page-loading-text{
    opacity: 0;
    z-index: -1;
}

/* ring animation */
.lds-ring {
  display: inline-block;
  position: relative;
  width: 120px;
  height: 120px;
}
.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 80px;
    height: 80px;
    margin: 20px;
    border: 12px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/*
 * Standard link format without differentiating links and visited links.
 */
a,
.hack__link,
#bd .table__link--underlined,
a:visited,
.hack__link:visited,
#bd .table__link--underlined:visited {
    text-decoration: underline;
    color: rgb(0, 75, 141);
}

a:hover,
.hack__link:hover,
#bd .table__link--underlined:hover {
    color: rgb(0, 157, 220);
}


a:link img
{
    border-color: white;
}
a:visited img
{
    border-color: white;
}
a:hover img
{
    border-color: white;
}

html
{
    height:100%;    
}

body:not(.appInner) 
{
    height:100%;    
}

/*NOT LOGGED IN OVERRIDES*/
body:not(.logged-in) .backdrop {
    width: 100%;
    height: 100%;
    background: transparent;
}

body:not(.logged-in) #custom-doc:not(.appInner) {
    background: #ffffff repeat-x scroll top center;
    width: 100%;
    height: 100%;
}

body:not(.logged-in).custom-color-demo #custom-doc:not(.appInner) {
    background-image: url(../images/brightlySplash.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    overflow: auto;
}

body:not(.logged-in) #imageWrapper {
    width: 100%;
    height: 100%;
}

body:not(.logged-in) #imageWrapper2 {
    display: none;
}

body:not(.logged-in) #frmMain {
    height: 100%;
}

body:not(.logged-in) #bd {
    height: 100%;
}

body:not(.logged-in) #ft {
    position: fixed;
    bottom: 0px;
    padding: 20px 40px;
    width: calc(100% + -80px);
}

body:not(.logged-in).custom-color-demo #ft {
    position: fixed;
    top: 0px;
    padding: 20px;
    box-sizing:border-box;
    width: 100%;
}

body:not(.logged-in) #ft .extra-large-footer {
    display: none;
}

.logged-in #custom-doc {
    /* From the YUI grid builder */
    width: 75.07em; /* For IE */
    min-width: 1000px;
    margin: auto;
    text-align: left; /* Customization */
    font-family: 'Lato', sans-serif;
    font-size: 85%; /* renders at 11pt according to YUI */
    background: white;
}

body.logged-in.body-width-full #custom-doc.appInner {
    width: 100%;
    background: transparent;
}

body.logged-in.custom-style-brookfield #custom-doc {
    margin-top: 53px;
}
* .noDisplay
{
    display: none;
}

/*body for stream*/
body.logged-in.custom-style-loblaws #custom-doc:not(.appInner),
body.logged-in.custom-style-hr #custom-doc:not(.appInner),
body.logged-in.custom-style-demo #custom-doc:not(.appInner),
body.logged-in.custom-style-cadillac #custom-doc:not(.appInner) {
    border-width: 0px;
    padding-bottom: 50px;
}

body.logged-in.custom-style-loblaws #custom-doc:not(.appInner),
body.logged-in.custom-style-hr #custom-doc:not(.appInner),
body.logged-in.custom-style-demo #custom-doc:not(.appInner),
body.logged-in.custom-style-cadillac #custom-doc:not(.appInner) {
    background: white;
    width: 1150px;
    -webkit-transition: width .3s ease-in-out;
    -moz-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
}

body.logged-in.body-width-wide.custom-style-loblaws #custom-doc:not(.appInner),
body.logged-in.body-width-wide.custom-style-hr #custom-doc:not(.appInner),
body.logged-in.body-width-wide.custom-style-demo #custom-doc:not(.appInner),
body.logged-in.body-width-wide.custom-style-cadillac #custom-doc:not(.appInner) {
    border-width: 0px;
    padding-bottom: 50px;
}

body.logged-in.body-width-wide.custom-style-loblaws #custom-doc:not(.appInner),
body.logged-in.body-width-wide.custom-style-hr #custom-doc:not(.appInner),
body.logged-in.body-width-wide.custom-style-demo #custom-doc:not(.appInner),
body.logged-in.body-width-wide.custom-style-cadillac #custom-doc:not(.appInner) {
    width: 1431px;
}

body.logged-in.body-width-full {
    position: relative;
    overflow: auto;
}

body.logged-in.body-width-full #custom-doc:not(.appInner) {
    position: relative;
    width: 100%;
    min-width: 1150px;
    -webkit-transition: width .3s ease-in-out;
    -moz-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
}

body.logged-in.body-width-narrow #custom-doc:not(.appInner) {
    -webkit-transition: width .3s ease-in-out;
    -moz-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    padding-bottom: 10px;
}

#bd {
    min-height: calc(100vh + -201px);
    height: 100%;
    position: relative;
    z-index: 1;
}

body.logged-in.custom-style-loblaws #imageWrapper,
body.logged-in.custom-style-hr #imageWrapper,
body.logged-in.custom-style-demo #imageWrapper,
body.logged-in.custom-style-cadillac #imageWrapper,
body.logged-in.custom-color-mep #imageWrapper {
    width: 1000px;
    margin: 0 auto;
}

body.logged-in.body-width-wide.custom-style-loblaws #imageWrapper,
body.logged-in.body-width-wide.custom-style-hr #imageWrapper,
body.logged-in.body-width-wide.custom-style-demo #imageWrapper,
body.logged-in.body-width-wide.custom-style-cadillac #imageWrapper,
body.logged-in.body-width-wide.custom-color-mep #imageWrapper {
    width: 1281px;
    margin: 0 auto;
}

body.logged-in.body-width-full #imageWrapper {
    width: calc(100% + -150px);
}

body.logged-in.body-width-full.appInner #imageWrapper {
    width: calc(100%);
}

body.logged-in.body-width-full.custom-style-shoppers #imageWrapper {
    left: 75px;
    width: calc(100% + -150px);
}

body.logged-in.custom-color-sut #imageWrapper {
    width: 100%;
}

.bannerLoblawsLeft{
    position:absolute;
    left: -75px;
    z-index:0;
    overflow: hidden;
}
.bannerLoblawsRight{
    position:absolute;
    right: -75px;
    z-index:0;
    overflow: hidden;
}
.bannerImageHRleft,
.bannerImageEpicleft
{
    position:absolute;
    left: -75px;
    z-index:0;
    overflow: hidden;
}

.bannerImageEpicright,
.bannerImageHRright
{
    position:absolute;
    right: -75px;
    z-index:0;
    overflow: hidden;
}
.bannerImageDemo
{
    max-width: none;
    position:absolute;
    width: 1150px;
    left: -75px;
    z-index:0;
    overflow: hidden;
}
.bannerImageDemoWide
{
    max-width: none;
    position:absolute;
    width: 1432px;
    left: -76px;
    z-index:0;
    overflow: hidden;
}
body.logged-in.custom-style-hr .extra-large-footer,
body.logged-in.custom-style-demo .extra-large-footer,
body.logged-in.custom-style-cadillac .extra-large-footer {
    position: absolute;
    float: right;
    right: -75px;
    bottom: -50px;
    z-index: 0;
    overflow: hidden;
}
body.custom-style-hr .LinkESRight,
body.custom-style-demo .LinkESRight
{
    float: left;
    /*padding-left: 2px;*/
    padding-top: 11px;    
}
body.custom-style-hr .LinkEsi,
body.custom-style-demo .LinkEsi,
body.custom-style-cadillac .LinkEsi
{
    float:left;
}

body #DataQualityAlert,
body #DatabaseName {
    color: #FFFFFF;
}
body.custom-style-demo #DataQualityAlert,
body.custom-style-demo #DatabaseName {
    color: #003358;
}

/*body for stream*/


/*
 * Header (#hd)
 */

#hd
{
    height: 100px;
    position: relative;
}

#logoffContainer
{
    visibility:hidden;   
}

body.custom-style-brookfield:not(.appInner) {
    background: #e8e8e8;
}
body.custom-style-demo:not(.appInner) {
    background: #ffffff;
}
body.custom-style-hr:not(.appInner) {
    background: #dddddd;
}
body.custom-style-shoppers:not(.appInner) {
    background: #ffffff;
}
body.custom-style-cadillac:not(.appInner) {
    background: #dddddd;
}
body.custom-style-loblaws:not(.appInner) {
    background: #dddddd;
}

body.logged-in.custom-color-sut:not(.appInner) .backdrop {
    background: #ffffff url('cssimages/bannerSterlingExtension.jpg') repeat-x scroll top center;
}
body.logged-in.custom-style-brookfield:not(.appInner) .backdrop {
    background: #e8e8e8 url('cssimages/bannerBrookfieldExtension.jpg') repeat-x scroll top center;
}
body.logged-in.custom-style-demo:not(.appInner) .backdrop {
    background: #ffffff url('cssimages/bannerDemoExtension.png') repeat-x scroll top center;
    padding-top: 0;
}
body.logged-in.custom-style-hr:not(.appInner) .backdrop {
    background: #dddddd url('cssimages/bannerHRExtension.png') repeat-x scroll top center;
    padding-top: 0;
}
body.logged-in.custom-style-shoppers:not(.appInner) .backdrop {
    background: #ffffff url('cssimages/bannerShoppersExtension.gif') repeat-x scroll top center;
    padding-top: 0;
}
body.logged-in.custom-style-cadillac:not(.appInner) .backdrop {
    background: #dddddd url('cssimages/bannerCadillacExtension.png') repeat-x scroll top center;
    padding-top: 0;
}
body.logged-in.custom-style-loblaws:not(.appInner) .backdrop {
    background: #dddddd url('cssimages/bannerLoblawExtension.jpg') repeat-x scroll top center;
    padding-top: 0;
}
body.logged-in.custom-color-mep:not(.appInner) .backdrop {
    background: #dddddd url('cssimages/bannerMagnaExtension.png') repeat-x scroll top center;
    padding-top: 0;
}

/*full width backgrounds*/
body.logged-in.body-width-wide.custom-style-loblaws #custom-doc:not(.appInner),
body.logged-in.body-width-full.custom-style-loblaws #custom-doc:not(.appInner),
body.logged-in.custom-style-loblaws #custom-doc:not(.appInner) {
    background: white url('cssimages/bannerLoblawExtension.jpg') repeat-x scroll top center;
    padding-bottom: 50px;
}
body.logged-in.body-width-wide.custom-style-demo #custom-doc:not(.appInner),
body.logged-in.body-width-full.custom-style-demo #custom-doc:not(.appInner),
body.logged-in.custom-style-demo #custom-doc:not(.appInner) {
    background: white url('cssimages/bannerDemoExtension.png') repeat-x scroll top center;
    padding-bottom: 50px;
}
body.logged-in.body-width-wide.custom-style-hr #custom-doc:not(.appInner),
body.logged-in.body-width-full.custom-style-hr #custom-doc:not(.appInner),
body.logged-in.custom-style-hr #custom-doc:not(.appInner) {
    background: white url('cssimages/bannerHRExtension.png') repeat-x scroll top center;
}
body.logged-in.body-width-wide.custom-style-shoppers #custom-doc:not(.appInner),
body.logged-in.body-width-full.custom-style-shoppers #custom-doc:not(.appInner) {
    background: white url('cssimages/bannerShoppersExtension.gif') repeat-x scroll top center;
}
body.logged-in.body-width-wide.custom-style-brookfield #custom-doc:not(.appInner),
body.logged-in.body-width-full.custom-style-brookfield #custom-doc:not(.appInner) {
    background: white url('cssimages/bannerBrookfieldExtension.jpg') repeat-x scroll top center;
}
body.logged-in.body-width-wide.custom-style-cadillac #custom-doc:not(.appInner),
body.logged-in.body-width-full.custom-style-cadillac #custom-doc:not(.appInner),
body.logged-in.custom-style-cadillac #custom-doc:not(.appInner) {
    background: white url('cssimages/bannerCadillacExtension.png') repeat-x scroll top center;
    padding-bottom: 50px;
}
body.logged-in.body-width-wide.custom-color-mep #custom-doc:not(.appInner),
body.logged-in.body-width-full.custom-color-mep #custom-doc:not(.appInner),
body.logged-in.custom-color-mep #custom-doc:not(.appInner) {
    background: white url('cssimages/bannerMagnaExtension.png') repeat-x scroll top center;
    padding-bottom: 50px;
}

body.logged-in.body-width-wide.custom-color-sut #custom-doc:not(.appInner),
body.logged-in.body-width-full.custom-color-sut #custom-doc:not(.appInner),
body.logged-in.custom-color-sut #custom-doc:not(.appInner) {
    background: white url('cssimages/bannerSterlingExtension.jpg') repeat-x scroll top center;
    padding-bottom: 50px;
}

.custom-style-shoppers #hd {
    height: 106px;
}



body.custom-style-brookfield #custom-doc,
body.custom-style-demo #custom-doc,
body.custom-style-shoppers #custom-doc,
body.custom-style-cadillac #custom-doc,
body.custom-style-hr #custom-doc {
  border: none;
}

body.custom-style-demo input[type="submit"].MenuLanguageButton,
body.custom-style-demo input[type="submit"].MenuSwitchApplicationButton {
    color:#ffffff;
}
body.custom-style-hr input[type="submit"].MenuLanguageButton{
    position:absolute;
    bottom: 30px;
    left: 2px;
    color:#ffffff;
}

input[type="button"].ui-button, input[type="submit"].ui-button, a.ui-button, button.ui-button
{
    color: #444;
    box-sizing: border-box;
    padding: 0 6px;
    background: #f7f7f7;
    vertical-align: middle;
    line-height: 22px;
    min-height: 22px;
    text-align: center;
    border: 1px solid #aaa;
    background-origin: border-box;
    border-radius: 4px;
}
input[type="button"].ui-button:hover, input[type="submit"].ui-button:hover, a.ui-button:hover, button.ui-button:hover
{
    background: #fefefe;
    border-color:#888;
}

.ui-button.alert-highlight {
    background-color: #ffdb99 !important;
}

.ui-calendar-input
{
    font-size:13px;
    color: #444;
    box-sizing: border-box;
    padding: 3px 0px;
    vertical-align: middle;
    line-height: 16px;
    text-align: center;
    border: 1px solid #aaa;
    background-origin: border-box;
    width: 110px;
}

.ui-text-input
{
    font-size:13px;
    color: #444;
    box-sizing: border-box;
    padding: 3px 0px;
    vertical-align: middle;
    line-height: 16px;
    text-align: center;
    border: 1px solid #aaa;
    background-origin: border-box;
}

.ui-calendar-input:hover 
{
    background: #fefefe;
    border-color:#888;  
}

.ui-input-no-style
{
    color: #444;
    border:none;
    padding:0px;
    padding: 0px 2px;
    width: 86px !important;
}

.ui-input-no-style:focus
{
    outline: none;   
}

input[type="checkbox" i] {
    margin: 2px;
    position:relative;
}

.ui-label {
    position: relative;
    top: 2px;
}

.info-icon 
{
    color:#007FA3;
    cursor: default;
    width: 0;
}



#divWrapperMenu
{
    position: absolute;
    bottom: 0px;
    right: 0;
    width: 100%;
}
body #menuTable
{
    position: relative;
    width: 100%;
}

body.body-width-wide #menuTable
{
    width: 1280px;
    margin: 0 auto;
}

body.body-width-full #menuTable{
    position: relative; 
    width: calc(100% + -150px);
    min-width: 1000px;
}

body.custom-style-demo #menuTable{
    top: 1px;
}

.MenuGroupSunLife
{
    font-family: verdana;
    font-size: 14px;
    cursor: pointer;
    background-color: #003946;
    color: white;
}
.MenuGroupCapreit
{
    font-family: verdana;
    font-size: 14px;
    cursor: pointer;
    background-color: #99002E;
    color: white;
}
.MenuGroupMagna
{
    font-family: verdana;
    font-size: 14px;
    cursor: pointer;
    background-color: #608090;
    color: white;
}
.MenuGroupOxford
{
    font-family: verdana;
    font-size: 14px;
    cursor: pointer;
    background-color: black;
    color: white;
}
.MenuGroupHR
{
    font-family: verdana;
    font-size: 14px;
    cursor: pointer;
    background-color: #000000;
    color: white;
}
.MenuGroupIvanhoe
{
    font-family: verdana;
    font-size: 14px;
    cursor: pointer;
    background-color: #E5E5E5;
    color: black;
}
.MenuGroupMapleLeaf
{
    font-family: verdana;
    font-size: 14px;
    cursor: pointer;
    background-color:#F5F5F5;
    color: #163475;
}
.MenuGroupGeneral
{
    font-family: verdana;
    font-size: 14px;
    cursor: pointer;
    background-color:#737377;
    color: white;
}
.MenuGroupDemo
{
    font-family: verdana;
    font-size: 14px;
    cursor: pointer;
    background-color:#737377;
    color: white;
}
.MenuGroupSterling
{
    font-family: verdana;
    font-size: 14px;
    cursor: pointer;
    background-color: #0566AF;
    color: white;
}
.MenuGroupLoblaws
{
    font-family: verdana;
    font-size: 14px;
    cursor: pointer;
    background-color: red;
    color: black;
    color: white;
}

.TopMenuBentall, .TopMenuQuadReal, .TopMenuCapreit, .TopMenuMagna, .TopMenuOxford, .TopMenuSunLife, .TopMenuSterling, .TopMenuLoblaws
{
    margin-top: 0px;
    background-color: Transparent;
    font-family: verdana;
    font-size: 14px;
    cursor: pointer;
    color: white;
}
.TopMenuHR
{
    margin-top: 0px;
    background-color: Transparent;
    position:relative;
    font-family: verdana;
    font-size: 14px;
    cursor: pointer;
    color: white;
}
.TopMenuIvanhoe
{
    margin-top: 0px;
    background-color: Transparent;
    font-family: verdana;
    font-size: 14px;
    cursor: pointer;
    color: black;
}
.TopMenuMapleLeaf 
{
    margin-top: 0px;
    background-color: Transparent;
    font-family: verdana;
    font-size: 14px;
    cursor: pointer;
    color: #163475;
}

.MenuItem, .MenuItemDisabled, .MenuItemHover, .MenuItemHoverDisabled, .MenuItemExpanded
{
    text-align: left;
}


#ctl00_menuPageNavigation_1:hover
{
    background-color: transparent;
    cursor: default;
}
#ctl00_menuPageNavigation_0:hover
{
    background-color: transparent;
    cursor: default;
}
.MenuItemDisabled
{
    color: gray;
}

.MenuItemHoverBentall, .MenuItemExpandedBentall
{
    background-color: #056F05;
}
.MenuItemHoverQuadReal, .MenuItemExpandedQuadReal
{
    background-color: #005679;
}
.MenuItemHoverSunLife, .MenuItemExpandedSunLife
{
    background-color: #3B6C8D;
}
.MenuItemHoverSterling, .MenuItemExpandedSterling
{
    background-color: #A5C8E1;
    color: #0566AF;
}
.MenuItemHoverCapreit, .MenuItemExpandedCapreit, .MenuItemExpandedMapleLeaf
{
    background-color: #C2C2B2;
}
.MenuItemHoverGeneral
{
    background-color: #525255;    
}
.MenuItemHoverMapleLeaf
{
    background-color: #48484a;        
}
.MenuItemExpandedGeneral
{
    background-color: #525255;        
}
.MenuItemHoverMagna,
.MenuItemExpandedMagna
{
    background-color: #C2C2B2;
}
.MenuItemHoverOxford,
.MenuItemExpandedOxford
{
    background-color: #4e82ad;
}
.MenuItemHoverHR,
.MenuItemExpandedHR
{
    background-color: #232565;
}
.MenuItemHoverIvanhoe,
.MenuItemExpandedIvanhoe
{
    background-color: #9A2F4B;
}
.MenuItemHoverLoblaws,
.MenuItemExpandedLoblaws
{
    background-color: #3A9343;
}
.MenuItemHoverDisabled
{
    color: gray;
}

#menuButtonHolder
{
    padding-right:3px;   
    padding-bottom:3px;
 }
.MenuLogOffButton
{
    cursor: pointer;
    cursor: hand;
    font-size: 10px;
    background-color: Transparent;
    border-style: none;
    color: #FFFFFF;
    margin:0px 3px;
}
body.custom-style-loblaws .MenuLogOffButton {
    position:absolute;
    right: -75px;
    z-index:0;
}
.MenuLogOffButtonInternal
{
    cursor: pointer;
    cursor: hand;
    font-size: 10px;
    background-color: Transparent;
    border-style: none;
    color: white;
    margin:0px 3px;
}


.MenuLanguageButton
{
    cursor: pointer;
    cursor: hand;
    font-size: 10px;
    background-color: Transparent;
    border-style: none;
    color: #222222;
    margin:0px 3px;
}

.MenuSwitchApplicationButton
{
     cursor: pointer;
    cursor: hand;
    font-size: 10px;
    background-color: Transparent;
    border-style: none;
    color: #222222;
}
.queryLabel
{
    border: none;
    text-align: left;
    font-size: 15px;
    padding: 4px;
}
.queryTitle
{
    border: none;
    text-align: center;
    font-size: 20px;
    padding: 6px;
}


/* 
 * General to all pages (#bd as defined in main.master)
 */
#bd:not(.appOuter) {
    padding: 5px 10px;
    min-height: 600px;
    display: flex;
    justify-content: center;
}

#bd td,
#bd th
{
    text-align: center;
}

.dqaInvisible{
    display:none;
}

.dqaVisible{
    display:inline;
}

#query th
{
    background-color: #FFFFFF;
    text-align: center;
    border: none;
    padding: 5px;
}

#query td
{
    text-align: left;
    border: none;
    padding-top: 3px;
    padding-bottom: 3px;
}

#query table
{
    border: none;
    margin: 0 0;
}

#dropDowns table, #subDropDowns table, #divSelectionControls table, #yoyControls table
{
    border: none;
    margin: 0;
}

#dropDowns td, #subDropDowns td, #divSelectionControls td, #yoyControls td
{
    text-align: left;
    border: none;
    padding-left: 5px;
    padding-right: 5px;
}

#dropDownsTightSpacing table
{
    border: none;
}

#dropDownsTightSpacing td
{
    text-align: left;
    border: none;
    padding-left: 0px;
    padding-right: 5px;
}


#divSelectionControls
{
    margin: 0 auto;
    width: 950px; /* Firebug calculates 938px. */
}

#dropDownsTightSpacing #siteSearchTitle,
#dropDownsTightSpacing #siteSearchTitle2,
#dropDowns #siteSearchTitle,
#dropDownsTightSpacing #lunitTitle,
#dropDowns #lunitTitle,
#dropDowns #NumCompareToEmission
{
    text-align: right;
}

.DropDownListLabel
{
    font-weight: bold;
}

#dropDownsTightSpacing .BenchmarkingExtraFilterColumn
{
    padding-left: 1em;
}

.DropDownListTextNew,
#ctl00_cphMain_txtSiteSearch
{
    /* TODO: remove "New" because it doesn't apply anymore. */
    font-size: 116%;
    text-align: left;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

#ctl00_cphMain_txtSiteSearch
{
    padding-left: 2px;
}

h1, h2
{
    text-align: center;
    font-size: 159.3%; /* YUI 18pt */
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    margin-bottom:5px;
}

h3
{
    font-weight: bold;
    font-size: 108%;
    margin-bottom: .5em;
}

h4
{
    font-weight: bold;
    font-size: 100%;
    margin-bottom: .5em;
}

h5
{
    text-align: center;
    font-size: 80%; /* YUI 18pt */
    font-family: 'Lato', sans-serif;
    font-weight: bold;
}

h6
{
    text-align: center;
    font-size: 80%; /* YUI 18pt */
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    color: #FF0000;
}

.superscript {vertical-align: super; font-size: 80% }

#titles {
    width: 980px;
    margin: 20px auto 10px;
    text-align: left;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

#titles h1, h2
{
    text-align: left;
}

.importantValue
{
    background-color: yellow;
}

.horizontalTableSpace
{
    background-color: White;
    border-left: solid 1px white;
    border-right: solid 1px white;
}
.verticalTableSpace
{
    background-color: White;
    border-bottom: solid 1px white;
    border-top: solid 1px white;
}
.blankTableSpace
{
    background-color: White;
    border-bottom: solid 1px white;
    border-top: solid 1px white;
    border-left: solid 1px white;
    border-right: solid 1px white;   
}

/*
 * Footer (#ft)
 */

#ft
{
    text-align: center;
}

.LinkBrightly {
    float: left;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 2px;
}

.LinkBentall
{
    float: left;
    padding-right: 15px;
}
.LinkQuadReal
{
    float: left;
    padding-right: 15px;
}
.LinkLoblaws
{
    float: right;
    padding-right: 15px;
}

/*
*Standard Reports page
*/

#reportTable table
{
    text-align: left;
    border: none;
}

#reportTable td
{
    text-align: left;
    border: none;
}


/*
 * Logon page
 */

#logon h1
{
    margin: 3em 0;
}

table#loginFields
{
    margin: 0 auto;
    border: none;
}

#logon .browserLabelStyle{
    color: red;
    margin: 5px auto;
    text-align:center;
    
}

#loginFields label,
#ssoLogIn .labelStyle
{
    font-weight: bold;
    font-size: 108%;
}

#loginFields td
{
    text-align: right;
    border: none;
}

#loginFields td.fieldCell
{
    text-align: left;
    padding-left: 1em;
}

.otherLogonStuff
{
    text-align: center;
}

.otherLogonStuff .PushButton,
.otherLogonStuff .checkboxAndLabel,
.otherLogonStuff a,
.otherLogonStuff div
{
    margin: 20px 0;
}

.otherLogonStuff .checkboxAndLabel input {
    margin-right: .5em;
}

.otherLogonStuff a {
    margin-top: 10em;
}

#CapsLockWarning {
    color: red;
    visibility: hidden;
}
#CapsLockWarning td {
    text-align: center;
}



/*
 * Benchmarking page
 */
tr.site_summary_table:hover
{
    background: #F5F6CE;    
}
         


#benchmarking .yui-g
{
    text-align: center;
    zoom: 0; /* So that empty divs don't have any height in IE */
}

/*
 * Bills Received page
 */
#billList table#SummaryTable th
{
    border-style: none;
    border-bottom: solid;
    background-color: White;
}
/*
 * Bills Recieved
 */
#billList .horizontalTableSpace 
{
    background-color: White !important;
    border-bottom: solid 1px;
    border-top: solid 1px;
}

/*
 * Dashboard
 */
#dashboardMainSection table#dashBoardTopRow
{
    margin: 0 auto;
    border-width:0px;
    border-style:none;
}
#dashboardMainSection table#dashBoardTopRow td
{
    border-style: none;
}

#dashboardMainSection table#yearlyStatsTable
{
    margin: 0 auto;
    border-width:1px;
    border-style:solid;
}
#dashboardMainSection table#yearlyStatsTable td
{
    border-style: none;
}
#dashboardMainSection table#yearlyStatsTable th
{
    padding-top:1px;
    padding-left:3px;
    padding-right:3px;
    padding-bottom:1px;
    border-style: none;
    border-bottom: none;
    background-color: White;
}

#dashboardMainSection table#dailyStatsTable
{
    margin: 0 auto;
    border-width:1px;
    border-style: solid;
}
#dashboardMainSection table#dailyStatsTable td
{
    border-style: none;
}
#dashboardMainSection table#dailyStatsTable th
{
    border-style: none;
    border-bottom: none;
    background-color: White;
}
#dashboardMainSection table#roundedCell 
{
    margin: 0 auto;
    border-width:0px;
    border-style: none;
}
#dashboardMainSection table#roundedCell td
{
    border-style: none;
}
#dashboardMainSection table#roundedCell th
{
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    border-width:0px;
    border-style: none;
}

#dashboardMainSection .chart-title__center {
    text-align: center;
}
#dashboardMainSection .chart-title__center a {
    text-decoration: none;
}


/*
 * Building Info page
 */
#buildinginfo table
{
    margin: 0 auto;
    border-style: none;
}
#buildinginfo .infoTables
{
    /* The wrapper is needed so that two tables act as one. */
    margin: 0 auto;
    font-size: 123.1%;
    width: 900px;
}

#buildinginfo .infoTables table th
{
    background-color: white;
    text-align: left;
    vertical-align: top;
    border-style: none;
}
#buildinginfo .infoTables table td
{
    border-style: none;
    text-align: left;
    padding-left: 1em;
}

#buildinginfo .infoTables table {
    float: left;
}

#buildinginfo .infoTables #floorSpaceInfo {
    color: White;
}

#buildinginfo #siteContactInfo {
    margin-top: 2em;
    margin-bottom: 2em;
    width: 700px;
}

#buildinginfo #siteContactInfo th
{
    background-color: white;
    color: black;
    text-align: center;
    border-style: none;
}

#buildinginfo #siteContactInfo td
{
    background-color: white;
    text-align: center;
    vertical-align: middle;
    padding-top: 2px;
    border-style: none;
}

#buildinginfo #siteContactInfo + .infoTables3__contact-us {
    margin-bottom: 2em;
}

#buildinginfo .infoTables .infoHeader
{
    text-align: center;
    font-size: 116%;
    font-weight: bold;
    text-decoration: underline;
}

#buildinginfo .walkability__source-note > td {
    padding-top: .75em;
}



/*
 * Building Details (edit) page
 */
#editbldg table
{
    margin: 0 auto;
    border-style: none;
}
#editbldg .infoTables
{
    /* The wrapper is needed so that two tables act as one. */
    margin: 0 auto;
    font-size: 123.1%;
    width: 900px;
}

#editbldg .infoTables table th
{
    background-color: white;
    text-align: left;
    vertical-align: top;
    border-style: none;
}
#editbldg .infoTables table td
{
    border-style: none;
    text-align: left;
    padding-left: 1em;
}

#editbldg .infoTables table
{
    float: left;
}
#editbldg .infoTables .infoHeader
{
    text-align: center;
    font-size: 116%;
    font-weight: bold;
    text-decoration: underline;
}

/*
 * User Prefs page
 */
#userprefs table
{
    margin: 0 auto;
    border-style: none;
}
#userprefs .prefTables
{
    /* The wrapper is needed so that two tables act as one. */
    margin: 0 auto;
    font-size: 123.1%;
    width: 900px;
}
#userprefs .prefTables table th
{
    background-color: white;
    text-align: left;
    vertical-align: top;
    border-style: none;
    padding-left: 15px;
    font-weight: normal;
}
#userprefs .prefTables table td
{
    border-style: none;
    text-align: left;
    padding-bottom: 2px;
}
#userprefs .prefTables .cmbStyle
{
    font-size: 100%;
}
#userprefs .prefTables table
{
    float: left;
}
#userprefs .prefTables .prefHeader
{
    text-align: left;
    font-size: 116%;
    font-weight: bold;
    padding-left: 0px;
    padding-bottom: 6px; /*text-decoration: underline;*/
}
#userprefs .prefTables .prefSpacer
{
    height: 5px;
}
#userprefs .prefTables .prefWarning
{
    color: Red;
}



/*
 * Waste Summary page
 */
#wasteSummary .tableWrapper
{
}

#wasteSummary .tableWrapper table
{
    float: left;
}

#wasteSummary #comparisonTable .hiddenRow
{
    height: 10px;
    background-color: White !important;
    border-bottom: solid 1px;
    border-top: solid 1px;
    border-left: solid 1px #FFF;
    border-right: solid 1px #FFF;
}
#wasteSummary #comparisonTable .verticalTableSpace
{
    background-color: White !important;
    border-left: solid 1px;
    border-right: solid 1px;
}
#wasteSummary #comparisonTable .allwayTableSpace
{
    background-color: White !important;
    border-style: none;
}

#typeTotals, #TotalsTotals
{
    margin-left: 15px;
}

#typeTotals td, #TotalsTotals td
{
    width: 50px;
}

#typeTables
{
    margin-bottom: 15px;
}

#wasteSummary td.displayLabel
{
    font-size: 108%;
    text-align: right;
    padding-right: 1em;
}

.goButton
{
    background-color: #00FF00;
}





/*
 * Energy Star Benchmarking Page
 */
#roundedBox th, #roundedBox td
{
    border: none;    
    text-align: left; 
    vertical-align:middle;
    padding: auto;
    margin-top: 0;
    margin-bottom: 0;
    height: 20px;
}
 
 
#roundedBox th #score, #roundedBox td #score
{
  border: none;    
  text-align: center; 
  padding: 0;
}

#roundedBox td .innertd
{
  height: 33.333%;    
}
 
#roundedBox table
{
  border: none;    
  text-align: left; 
  margin: 0 3px;    
  padding: 5px;
  height: 100%;
}



#roundedBox h2
{
   font-size: 160%;
   text-align: center; 
  }
#roundedBox h1
{
   font-size: 550%;
   text-align: center; 
}
#roundedBox h4
{
   font-size: 120%;
   text-align: left; 
}

#roundedBox .e3
{
    font-size: 108%;
    font-weight: bold;
    margin-bottom: auto;
    margin-top: auto;
    margin-left: 0px;
    vertical-align:middle;
}

#roundedBox .centeredImage
{
    text-align: center;
    margin-top:0px;
    margin-bottom:0px;
    margin-left: 0px;
    padding:0px;
}

#roundedBox #tablepadding
{
    padding:10px 0px 15px 0px;
}


/*
 * Submeter Reading Page
 */
#submeterReadingEntry #submeterDetail
{
    margin-top: 5px;
    width: 300px; 
    display: box;
    margin-bottom: 20px;
}
#submeterReadingEntry #submeterDetailTable
{
    margin-right: 20px;  
    margin-top: 7px;
}
#submeterReadingEntry #submeterDetailTable td, 
#submeterReadingEntry #submeterDetailTable th
{
    text-align: left;   
}


#submeterReadingEntry h4
{
   font-size: 100%;
   text-align: left; 
}

#submeterReadingEntry #ReadingsList 
{
    padding-top: 20px; 
    display: inline;
    float: left;
    width: 330px;
    margin-bottom: 20px;
} 
#submeterReadingEntry #chartReadingsDiv 
{
    padding-top: 20px; 
    padding-left: 20px;
    margin-bottom: 20px;
    display: inline;
    float: right;
} 
#submeterReadingEntry .newReadings
{
    border-style:none;
    width: 250px;
    padding: 5px 0px 5px 0px;
} 
#submeterReadingEntry #chartReadingsOuterDiv
{
    margin-right: 60px;
    width: 500px;
    height: 400px;
} 
#submeterReadingEntry #formatNewReadings
{
    float: left;
    width: 370px;
} 
#submeterReadingEntry #spacerBottom
{
    height: 40px;
}
#submeterReadingEntry #LeftMain
{
    width: 320px; 
    float: left; 
    margin-left: 80px;
} 
#submeterReadingEntry #submeterSelectorTable
{
    margin-left: 74px;    
}
#submeterReadingEntry #newReadingsHeader
{
    margin-left: 20px;   
    margin-top: 20px;  
}
#submeterReadingEntry #addNewReadingsHeader
{
    margin-top: 20px;  
}
#submeterReadingEntry #newReadingsTable  
{
    border-style: none;
    margin-left: auto;
    margin-right: auto;
}
#submeterReadingEntry #newReadingsTable input[type="text"]  
{
    width: 100px;
    font-size:11px;
    color: #444;
    box-sizing: border-box;
    padding: 3px 0px;
    vertical-align: middle;
    line-height: 16px;
    text-align: center;
    border: 1px solid #aaa;
    background-origin: border-box;
}
#submeterReadingEntry input[type="button"]  
{
    width: 70px;
}


#submeterReadingEntry #newReadingsTable  td, #newReadingsTable th
{
    border-style: none;
    padding: 3px 0 3px 0;
}
#submeterReadingEntry #newReadingsTable  td
{
    text-align:left;
}
#submeterReadingEntry #newReadingsTable  th
{
    text-align:left;
    background-color: White;
}
#submeterReadingEntry #newReadingsTable #newReadingsButton,
#submeterReadingEntry #newReadingsTable .newReadingsButton
{
    margin: 0;
    text-align: center;
}
#submeterReadingEntry #newReadingsTable .row1
{
    width: 60px;    
}
#submeterReadingEntry #newReadingsTable .row2
{
    width: 40px;    
}
#submeterReadingEntry #newReadingsTable .row4
{
    width: 40px;    
}
#submeterReadingEntry .newReadingButton
{
    width: 65px;    
}
#submeterReadingEntry .divWarning
{
    padding: 5px 5px 5px 0px;
    margin: 5px;
    color: Red;    
}


#submeterReadingEntry .highlight
{
    background-color: yellow; 
    border-width: 1px;
}

#submeterReadingEntry .greyout
{
    background-color: #ddd; 
    border-width: 1px;
}

#submeterReadingEntry #cmbAMPM
{
    width: 42px;  
} 
#submeterReadingEntry #newReadingsTable .invisibleWarning 
{
    display: none;    
} 
#submeterReadingEntry #newReadingsTable .visibleWarning
{
    display:box;    
} 


/*
 * Auto Complete Style
 */
.autocomplete_completionListElement
{
    background-color: White;
    text-align: left;
    margin-left: 0px;
    font-size: "8px";
    z-index:3;
}
.autocomplete_listItem
{
    width: 180px;
    text-align: left;
}
.autocomplete_highlightedListItem
{
    background-color: #058F05;
    color: Black;
    width: 180px;
    text-align: left;
}

.autocomplete_highlightedListItem_Default, .autocomplete_highlightedListItem_Oxford
{
    background-color: #111111;
    color: White;
    width: 180px;
    text-align: left;
}

.autocomplete_highlightedListItem_HR
{
    background-color: #111111;
    color: White;
    width: 180px;
    text-align: left;
}

.autocomplete_highlightedListItem_EPL
{
    background-color: #C2C2B2;
    width: 180px;
    text-align: left;
}
.autocomplete_highlightedListItem_Bentall
{
    background-color: #d2cfc8;
    color: Black;
    width: 180px;
    text-align: left;
}
.autocomplete_highlightedListItem_QuadReal
{
    background-color: #f1cf0e;
    color: Black;
    width: 180px;
    text-align: left;
}
.
.autocomplete_highlightedListItem_SunLife
{
    background-color: #5482AB;
    color: Black;
    width: 180px;
    text-align: left;
}
.autocomplete_highlightedListItem_Sterling
{
    background-color: #0062AD;
    color: Black;
    width: 180px;
    text-align: left;
}
.autocomplete_highlightedListItem_Magna
{
    background-color: #608090;
    color: Black;
    width: 180px;
    text-align: left;
}
.autocomplete_highlightedListItem_Capreit
{
    background-color: #B43C3C;
    color: Black;
    width: 180px;
    text-align: left;
}
.autocomplete_highlightedListItem_Ivanhoe
{
    background-color: #9A2F4B;
    color: Black;
    width: 180px;
    text-align: left;
}
.autocomplete_highlightedListItem_Loblaws
{
    background-color: #3A6343;
    color: Black;
    width: 180px;
    text-align: left;
}



/*
 * Contact Us page
 */

#contact h1
{
    margin-top: 1em;
    margin-bottom: 3em;
}

#ctl00_cphMain_editorMessage_Placeholder
{
    margin: 0 auto;
}

#contact #fields
{
    margin: 0 auto;
    margin-bottom: 2em;
}

#contact .yui-g
{
    text-align: center;
}

#contact table
{
    border: none;
}

#contact #submitButtons
{
    margin-top: 2em;
}

#contact th
{
    text-align: right;
    font-weight: bold;
    background-color: white;
    font-size: 108%;
    padding: .5em 1em .5em 0;
}

#contact th, #contact td
{
    border: none;
}

#contact .DesignCssClass
{
    text-align: left;
}

/*
 * Emissions Reporting page
 */

#emissionsReporting h3
{
    font-size: 108%;
    text-align: center;
    margin-top: .5em;
    margin-bottom: 1.5em;
}

#emissionsReporting #breakdownExplanation 
{
    padding-top:5px;
    text-align: left;
    margin: 0 auto;
    width: 33em;
}
#emissionsReporting .breakdownText{
    font-size:10px;
}

#emissionsReporting #comparisonTable
{
    margin: 0 auto;
    width: 33em;
}

#emissionsReporting img#ctl00_cphMain_chartBenchmarking
{
    margin: 0 auto;
    width: 900px;
}
#breakdownNotes {
    
    padding-top:5px;
    text-align: left;
    margin: 0 auto;
    width: 33em;
}

#emissionsReporting .yui-g
{
    text-align: center;
}

#emissionsReporting #buildingListSection h3
{
    text-align: left;
}


/*
 * Password Change page
 */
#passwordChange h1
{
    /*margin: 1em 0;*/
}

#passwordChange strong
{
    font-weight:bold;
}

#passwordChange
{
    text-align: center;
}

#passwordChange table
{
    border: none;
    margin: 0 auto 1em auto;
}

#passwordChange th, #passwordChange td
{
    border: none;
}

#passwordChange th
{
    text-align: right;
    font-weight: bold;
    font-size: 108%;
    background: white;
    padding-right: 1em;
}

#passwordChange td
{
    text-align: left;
    padding: .5em 0;
}

/*
 * Common to multiple pages
 */
#buildingListSection /* Benchmarking and Emissions Reporting */
{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}

#bd .longtext /* Benchmarking and Emissions Reporting */
{
    text-align: left;
    padding: 0 .2em;
}



/*
 * Unorganized stuff
 */

.lblMessageField
{
    border-style: hidden;
    color: #FF0000;
}




.underline
{
    text-decoration: underline;
}
.underlineLeftAdjust
{
    text-decoration: underline;
    text-align: left;
    font-size: 120%;
    padding-bottom: .5em;
    margin-left: 15px;
}
.underlineLeftAdjustNoMargin
{
    text-decoration: underline;
    text-align: left;
    font-size: 120%;
    padding-bottom: .5em;
}

div.instructionText
{
    margin: 0 auto;
}

#divDataSelectors
{
    margin-left: 36px;
    float: left;
    text-align: left;
}

#VarianceBreakdownTable .categoryCell
{
    text-align: left;
    padding: 0 .2em;
}

/*
COMPONENT ART TAB STYLES
*/

#BItabs
{
    margin: 0 auto;
    background-color: Transparent;
    border-style: none;
    text-align: center;
}
#BItabs #tabContent
{
    margin: 0 auto;
    border: solid 2px gray;
    border-style: solid;
    top: -2px;
}

#BItabs table
{
    margin: 0 auto;
    border-style: none;
}

#BItabs table th
{
    font-weight:bold;
    border-style: none;
}

#BItabs table td
{
    margin: 0 auto;
    border-style: none;
}

#BItabs .TopGroup
{
    z-index: 99;
    padding-right: 10px;
    border-style: none;
    position: relative;
    bottom: -1px;
    width: 800px;
}

#BItabs .DefaultTab
{
    color: black;
    background-color: ButtonFace;
    border-style: none;
    font-family: Verdana;
    font-size: 116%;
    cursor: default;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
}

#BItabs .DefaultTabHover
{
    color: black;
    background-color: Silver;
    font-family: Verdana;
    font-size: 116%;
    border-style: none;
    cursor: default;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
}

#BItabs .SelectedTab
{
    color: black;
    background-color: white;
    border:solid 1px black;
    margin: 0 auto;
    border-style: none;
    font-family: Verdana;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 116%;
    cursor: default;
    text-align: center;
}

#BItabs .MultiPage
{
    background-color: white;
    margin: 1px auto;
    width: 800px;
    height: 200px;
    position: relative;
    padding: 10px;
    top: 0px;
    left: 0px;
    z-index: 98;
}

#BItabs .PageContent
{
    margin: 0 auto;
    font-family: Verdana;
    font-size: 100%;
}
#BItabs .yui-g
{
    text-align: center;
    width: 700px;
    zoom: 0; /* So that empty divs don't have any height in IE */
}
#BItabs .tabTables
{
    /* The wrapper is needed so that two tables act as one. */
    margin: 0 auto;
    font-size: 116%;
    width: 700px;
}
#BItabs .tabTables .infoHeader
{
    text-align: center;
    font-size: 116%;
    font-weight: bold;
    text-decoration: underline;
}

#BItabs .tabTables table th
{
    background-color: white;
    text-align: left;
    vertical-align: top;
    border-style: none;
}
#BItabs .tabTables table td
{
    border-style: none;
    text-align: left;
    padding-left: 1em;
}

#BItabs .tabTables table
{
    float: none;
}

#BItabs .tabTables #floorSpaceInfo
{
    color: black;
}

#BItabs #EMLog
{
    width: 700px;
    border-style: solid;
    border-color: Black;
    border-width: 1px;
}
#BItabs .tabTables .buildingDetails
{
    border-style: none;
    background-color: White;
    color: Black;
}
#BItabs .tabTables .buildingDetails .bdHeader
{
    text-align: left;
    font-size: 116%;
    font-weight: bold;
    padding-left: 0px;
    padding-bottom: 6px;
}
#BItabs .tabTables .buildingDetails th
{
    background-color: white;
    text-align: left;
    vertical-align: top;
    border-style: none;
    padding-left: 15px;
    font-weight: normal;
}
#BItabs .tabTables .buildingDetails td
{
    border-style: none;
    text-align: left;
    padding-left: 1em;
    padding-bottom: 2px;
}
#BItabs .tabTables .buildingDetails .bdSpacer
{
    height: 5px;
}

/*
 * Measure Input page styles
 * Most was copied from prefs page, since that worked well. 
 * Changes were made from there.
 */
#measureInput table
{
    margin: 0 auto;
}
#measureInput #buttonSection
{
    text-align: center;
    font-size: 100%;
}
#measureInput .miTables
{
    /* The wrapper is needed so that two tables act as one. */
    margin: 0 auto;
    width: 900px;
    font-size: 123.1%;
}
#measureInput .miTables h3
{
    font-size: 123.1%;
}

#measureInput .miTables #measureSelection th
{
    height: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
}
#measureInput .miTables #measureSelection td
{
    height: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
}
#measureInput .miTables .cmbStyle
{
    font-size: 100%;
}

#measureInput .miTables table
{
    float: left;
}
#measureInput .miTables .miHeader
{
    text-align: left;
    font-size: 116%;
    font-weight: bold;
    text-decoration: none; /*padding-bottom:6px;     /*text-decoration: underline;*/
}
#measureInput .miTables .measureListTable
{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    font-size: 100%; /*border:solid 1px black;*/ /*border-style:dotted;*/ /*border-bottom: dotted 1px Gray;*/
}
#measureInput .miTables h3
{
    text-decoration: underline;
}
#measureInput .miTables #chbShowMonthlyValues
{
    font-size: 50%;
}
#measureInput .miTables .measureListTable th
{
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background: #F1F1F1; /*border:solid 1px black;*/
    vertical-align: middle; /*border-bottom: dotted 1px Gray;*/
}
#measureInput .miTables .measureListTable td
{
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: center;
    vertical-align: middle;
    border-bottom: dotted 1px Gray; /*border:solid 1px black;*/
}

#measureInput .miTables .measureListTable td .miBoldFace
{
    font-weight: bold;
    border-bottom: dotted 1px Gray;
}
#measureInput .miTables .measureListTable .mdDesc
{
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: left;
    vertical-align: middle;
    border-bottom: dotted 1px Gray;
    padding-left: 10px; /*border:solid 1px black;*/
}
#measureInput .miTables .measureListTable .mdSpacer
{
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
    vertical-align: middle;
    border-bottom-style: none;
    padding-left: 10px; /*border:solid 1px black;*/
}
#measureInput .miTables .measureListTable .mdLink
{
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: center;
    color: Gray;
    vertical-align: middle;
    border-bottom: dotted 1px Gray;
    padding-left: 10px; /*border:solid 1px black;*/
}

/*
 * Applies to:
 *  - #measureInput .miTables
 *  - #userInput .uiTables
 */
.measureListTable .mdLink a,
.measureListTable .mdLink a:Link
{
    color: #7777DD;
    text-decoration: none;
}
.measureListTable .mdLink a:hover
{
    color: #9999EE;
    text-decoration: none;
}
.measureListTable .mdLink a:Visited
{
    color: #5555AA;
    text-decoration: none;
}

#measureInput .miTables .measureDetailsTable
{
    text-align: center;
    font-size: 100%;
}

#measureInput .miTables .miTextBox
{
    padding-left: 1px;
    padding-right: 1px;
    margin-left: 2px;
    margin-right: 2px;
    text-align: right;
}
#measureInput .miTables .miInputTitle
{
    text-align: center;
    font-size: 100%;
    font-weight: bold; /*text-decoration: underline;*/
}
#measureInput .miTables .miInputText
{
    text-align: center;
    font-size: 100%;
}
#measureInput .miTables .miInputTextSmall
{
    text-align: center;
    font-size: 75%;
}
#measureInput .miTables .miInputTextSmallLeft
{
    text-align: left;
    font-size: 75%;
}
#measureInput .miTables .miSpacer
{
    height: 5px;
}
#measureInput .miTables .miWarning
{
    color: Red;
}

/*
 * User Input page styles
 * Initial set was copied from measure input page. 
 * Changes were made from there.
 */
#userInput
{
    font-size: 123.1%;
}
#userInput table
{
    margin: 0 auto;
    border-style: none;
}
#userInput #buttonSection
{
    text-align: center;
    font-size: 100%;
}
#userInput .uiTables
{
    /* The wrapper is needed so that two tables act as one. */
    margin: 0 auto;
    width: 900px;
}
#userInput .uiTables h3
{
    font-size: 123.1%;
}

#userInput .uiTables #uiSection th
{
    height: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
}
#userInput .uiTables #uiSection td
{
    height: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
}
#userInput .uiTables table th
{
    background-color: white;
    text-align: left;
    vertical-align: top;
    border-style: none;
    padding-left: 15px;
    font-weight: normal;
    padding-bottom: 2px;
}
#userInput .uiTables table td
{
    border-style: none;
    text-align: left;
    padding-left: 0px;
    padding-bottom: 2px;
}
#userInput .uiTables .cmbStyle
{
    font-size: 100%;
}

#userInput .uiTables table
{
    float: left;
}
#userInput .uiTables .uiHeader
{
    text-align: left;
    font-size: 116%;
    font-weight: bold;
    text-decoration: none; /*padding-bottom:6px;     /*text-decoration: underline;*/
}
#userInput .uiTables .measureListTable
{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    font-size: 100%; /*border:solid 1px black;*/ /*border-style:dotted;*/ /*border-bottom: dotted 1px Gray;*/
}
#userInput .uiTables h3
{
    text-decoration: underline;
}
#userInput .uiTables #chbShowMonthlyValues
{
    font-size: 50%;
}
#userInput .uiTables .measureListTable th
{
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background: #F1F1F1; /*border:solid 1px black;*/
    vertical-align: middle; /*border-bottom: dotted 1px Gray;*/
}
#userInput .uiTables .measureListTable td
{
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: center;
    vertical-align: middle;
    border-bottom: dotted 1px Gray; /*border:solid 1px black;*/
}

#userInput .uiTables .measureListTable td .miBoldFace
{
    font-weight: bold;
    border-bottom: dotted 1px Gray;
}
#userInput .uiTables .measureListTable .mdDesc
{
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: left;
    vertical-align: middle;
    border-bottom: dotted 1px Gray;
    padding-left: 10px; /*border:solid 1px black;*/
}
#userInput .uiTables .measureListTable .mdSpacer
{
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
    vertical-align: middle;
    border-bottom-style: none;
    padding-left: 10px; /*border:solid 1px black;*/
}
#userInput .uiTables .measureListTable .mdLink
{
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: center;
    color: Gray;
    vertical-align: middle;
    border-bottom: dotted 1px Gray;
    padding-left: 10px; /*border:solid 1px black;*/
}

#userInput .uiTables .measureDetailsTable
{
    text-align: center;
    font-size: 100%;
}

#userInput .uiTables .miTextBox
{
    padding-left: 1px;
    padding-right: 1px;
    margin-left: 2px;
    margin-right: 2px;
    text-align: right;
}
#userInput .uiTables .miInputTitle
{
    text-align: center;
    font-size: 100%;
    font-weight: bold; /*text-decoration: underline;*/
}
#userInput .uiTables .miInputText
{
    text-align: center;
    font-size: 100%;
}
#userInput .uiTables .miInputTextSmall
{
    text-align: center;
    font-size: 75%;
}
#userInput .uiTables .miInputTextSmallLeft
{
    text-align: left;
    font-size: 75%;
}
#userInput .uiTables .miSpacer
{
    height: 5px;
}
#userInput .uiTables .miWarning
{
    color: Red;
}
/* tablehover */
td.betterhover, #SummaryTable2 tbody tr:hover
{
    background: #d0dafd;
}
td.betterhover, #SummaryTable tbody tr:hover
{
    background: #d0dafd;
}



/* tablesorter */
table.tablesorter thead tr .header
{
    cursor: pointer;
}
/* rotate header */
.rotate_header
{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
/*BR Table*/
#SummaryTable2, #SharedAccountsTable
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	text-align: left;
	border-collapse: collapse;
}
#SummaryTable2 th, #SharedAccountsTable th
{
	font-weight: normal;
	color: #039;
	border-right: 1px solid #000;
}

#SummaryTable2 td, #SharedAccountsTable td
{
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	color: Black;
}
#SummaryTable
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	text-align: left;
	border-collapse: collapse;
    margin: 0 auto;
}
#SummaryTable th
{
	font-weight: normal;
	color: #039;
	border-right: 1px solid #000;
}

body.custom-style-brookfield #SummaryTable th
{
    color: #194b70;
}

#SummaryTable2 .odd, #SharedAccountsTable .odd
{
	background: #eff2ff;
}
#SummaryTable2 .even, #SharedAccountsTable .even
{
	background: #e8edff;
}
#SummaryTable2 .oddTH, #SharedAccountsTable .oddTH
{
	background: #d0dafd;
	border-bottom: 1px solid #000;
}
#SummaryTable2 .evenTH, #SharedAccountsTable .evenTH
{
	background: #dce4ff;
	border-bottom: 1px solid #000;
}
#SummaryTable .odd
{
	background: #eff2ff
}
#SummaryTable .even
{
	background: #e8edff;
}
#SummaryTable .oddTH
{
	background: #d0dafd;
	border-bottom: 1px solid #000;
}
#SummaryTable .evenTH
{
	background: #dce4ff;
	border-bottom: 1px solid #000;
}


#bd #wasteSummary #SummaryTable td, #bd #wasteSummary #SummaryTable  tr{
    border: 1px solid black;
}



.calendar-button-alert-highlight
{
    background-color: #00ff00;
}

.light-box-alert
{
    position: fixed;
    top: 35%;
    left:30%;
    width: 43%;
    z-index: 900;
    padding: 20px;
	position: absolute;
	z-index: 9999;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
    border: 1px solid #aaaaaa; 
    background-color: #d7edc7; 
    color: #222222;
    text-align:left;
}
.light-box-alert.negative-alert {
    background-color: #f9d1a5; 
}
.light-box-alert-image
{
margin-right:5px;    
}

.light-box-alert input[type='button'].light-box-alert-button
{
margin:15px 10px 0px 10px;    
}

.light-box-alert-inner-text
{
margin:5px;    
}

body input[type='button'].light-box-alert-button, body.custom-style-bentall input[type='button'].light-box-alert-button
{ 
background: #7ac143;
color:Black;
}
body input[type='button'].light-box-alert-button, body.custom-style-quadreal input[type='button'].light-box-alert-button
{ 
background: #86c042;
color:Black;
}

body input[type='button'].light-box-alert-button:hover, body.custom-style-bentall input[type='button'].light-box-alert-button:hover
{ 
background: #95cd69;
}
body input[type='button'].light-box-alert-button:hover, body.custom-style-quadreal input[type='button'].light-box-alert-button:hover
{ 
background: #A0DA5C;
}

body input[type='button'].light-box-alert-button.negative-alert, body.custom-style-bentall input[type='button'].light-box-alert-button.negative-alert
{ 
background: #f18b1d;
color:Black;
}
body input[type='button'].light-box-alert-button.negative-alert, body.custom-style-quadreal input[type='button'].light-box-alert-button.negative-alert
{ 
background: #e23b31;
color:Black;
}

body input[type='button'].light-box-alert-button.negative-alert:hover, body.custom-style-bentall input[type='button'].light-box-alert-button.negative-alert:hover
{ 
background: #f29734;
}
body input[type='button'].light-box-alert-button.negative-alert:hover, body.custom-style-quadreal input[type='button'].light-box-alert-button.negative-alert:hover
{ 
background: #FF6e64;
}

.light-box-alert-text, .light-box-alert-button
{
    font-family: 'Lato', sans-serif;
    font-size:1.3em;
}


.main-master-rounded-corner-top-left
{
    position:absolute; left:-1px; top:-1px; margin-left:0px; margin-top:0px; z-index:2;
}
.main-master-rounded-corner-top-right
{
    position:absolute; right:-1px; top:-1px; margin-right:0px; margin-top:0px; z-index:2
}
.main-master-rounded-corner-bottom-right
{
    position:absolute; right:-1px; bottom:-11px; margin-right:0px; margin-bottom:0px; margin-top:0px; z-index:2
}
.main-master-rounded-corner-bottom-left
{
    position:absolute; left:-1px; bottom:-11px; margin-left:0px; margin-bottom:0px; margin-top:0px; z-index:2
}

.centered-table
{
    margin-left:auto;
    margin-right:auto;    
}

.rotate-CCW-90
{
    /*transform: rotate(-90deg);*/
    -ms-transform:rotate(-90deg); /* IE 9 */
    -moz-transform:rotate(-90deg); /* Firefox */
    -webkit-transform:rotate(-90deg); /* Safari and Chrome */
    -o-transform:rotate(-90deg); /* Opera */    
}
/*Div styles for vertically centering images*/
/*wrapper from http://www.brunildo.org/test/img_center.html */

.wraptocenter {
    display: table-cell;
    text-align: left;
    vertical-align: middle;        
}
.wraptocenter * {
    vertical-align: middle;
}

input.tbField:-webkit-autofill, textarea.tbField:-webkit-autofill, select.tbField:-webkit-autofill
{
-webkit-box-shadow: 0 0 0px 1000px #fafafa inset; 
}
/*This ridiculous hack-block below is used to conditionally apply CSS styles for IE Mac. Mega hack. */
/*\*//*/ 
.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
.thisClassWillExistOnIEMac 
{
    border:none;
}
/**/
/*This hack can be used to BLOCK specific CSS styles from IE Mac because of this backslash: \*/
.thisClassWouldNotExistOnIEMac 
{
    border:none;
}
/**/

body.logged-in.body-width-wide {
    background: white;
    min-width: 1281px;
}

body.logged-in.body-width-wide #custom-doc {
    width: 116em;
    -webkit-transition: width .3s ease-in-out;
    -moz-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
}

body.logged-in.body-width-wide #hd {
    width: 1281px;
    margin: 0 auto;
}

body.logged-in.body-width-wide #ft {
    width: 1280px;
    padding-left: 10px;
}
/*
 * jQuery UI CSS Framework 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */



/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ctl=themeroller&ctl=themeroller&ffDefault=Segoe%20UI,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=333333&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=25&borderColorHeader=333333&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=000000&bgTextureContent=05_inset_soft.png&bgImgOpacityContent=25&borderColorContent=666666&fcContent=ffffff&iconColorContent=cccccc&bgColorDefault=555555&bgTextureDefault=02_glass.png&bgImgOpacityDefault=20&borderColorDefault=666666&fcDefault=eeeeee&iconColorDefault=cccccc&bgColorHover=0078a3&bgTextureHover=02_glass.png&bgImgOpacityHover=40&borderColorHover=59b4d4&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=f58400&bgTextureActive=05_inset_soft.png&bgImgOpacityActive=30&borderColorActive=ffaf0f&fcActive=ffffff&iconColorActive=222222&bgColorHighlight=eeeeee&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=80&borderColorHighlight=cccccc&fcHighlight=2e7db2&iconColorHighlight=4b8e0b&bgColorError=ffc73d&bgTextureError=02_glass.png&bgImgOpacityError=40&borderColorError=ffb73d&fcError=111111&iconColorError=a83300&bgColorOverlay=5c5c5c&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=50&opacityOverlay=80&bgColorShadow=cccccc&bgTextureShadow=01_flat.png&bgImgOpacityShadow=30&opacityShadow=60&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Segoe UI, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Segoe UI, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #666666; background: #000000 url(cssimages/ui-bg_inset-soft_25_000000_1x100.png) 50% bottom repeat-x; color: #ffffff; }
.ui-widget-content a { color: #ffffff; }
.ui-widget-header { border: 1px solid #333333; background: #333333 url(cssimages/ui-bg_gloss-wave_25_333333_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #666666; background: #555555 url(cssimages/ui-bg_glass_20_555555_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eeeeee; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #eeeeee; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #59b4d4; background: #0078a3 url(cssimages/ui-bg_glass_40_0078a3_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #ffaf0f; background: #f58400 url(cssimages/ui-bg_inset-soft_30_f58400_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #cccccc; background: #eeeeee url(cssimages/ui-bg_highlight-soft_80_eeeeee_1x100.png) 50% top repeat-x; color: #2e7db2; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #2e7db2; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #ffb73d; background: #ffc73d url(cssimages/ui-bg_glass_40_ffc73d_1x400.png) 50% 50% repeat-x; color: #111111; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #111111; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #111111; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(cssimages/ui-icons_cccccc_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(cssimages/ui-icons_cccccc_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(cssimages/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(cssimages/ui-icons_cccccc_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(cssimages/ui-icons_ffffff_256x240.png); }
.ui-state-active .ui-icon {background-image: url(cssimages/ui-icons_222222_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(cssimages/ui-icons_4b8e0b_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(cssimages/ui-icons_a83300_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; }
.ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.ui-corner-top { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.ui-corner-right {  -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.ui-corner-left { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.ui-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

/* Overlays */
.ui-widget-overlay { background: #5c5c5c url(cssimages/ui-bg_flat_50_5c5c5c_40x100.png) 50% 50% repeat-x; opacity: .80;filter:Alpha(Opacity=80); }
.ui-widget-shadow { margin: -7px 0 0 -7px; padding: 7px; background: #cccccc url(cssimages/ui-bg_flat_30_cccccc_40x100.png) 50% 50% repeat-x; opacity: 1;filter:Alpha(Opacity=60); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
 


/*
 * Cusum
 */
.page__cusum #divSubmeterOverlay {
    background: white;
    display: none;
    filter: alpha(opacity=100);
    left: 30%;
    opacity: 1.0;
    position: absolute;
    width: 40%;
    z-index: 1002;
}

.page__cusum #divForegroundOverlay {
    background: white;
    display: none;
    filter: alpha(opacity=100);
    left: 30%;
    opacity: 1.0;
    position: absolute;
    width: 45%;
    z-index: 1002;
}

.page__cusum #divSubmeterOverlay,
.page__cusum #divForegroundOverlay {
    padding: 2em;
    text-align: center;
}

.page__cusum #SubmeterTable,
.page__cusum #popUpSettings table {
    border: 0;
    left: 2%;
    width: 96%;
}

.page__cusum .overlay__site-account-label {
    font-weight: bold;
}

.page__cusum #SubmeterTable .overlay__site-account-label td,
.page__cusum #popUpSettings .overlay__site-account-label td {
    border: 0;
    padding-top: 1em;
    padding-bottom: 2em;
}

.page__cusum #SubmeterTable .submeter-group-selection__label {
    border: 0;
    font-weight: bold;
    padding-bottom: .5em;
    text-align: left;
}

.page__cusum #SubmeterTable .submeter-group-selection__checkbox {
    border: 0;
}

.page__cusum #popUpSettings .chart-settings__options--new-group > td {
    padding-top: 1.5em;
}
.page__cusum #popUpSettings .chart-settings__days--new-group > td {
    padding-top: .75em;
}
.page__cusum #divSubmeterOverlay .btnGoSubmeter,
.page__cusum #popUpSettings .btnGoPopUp {
    margin-top: 1em;
}

.page__cusum .model-selection__button {
    height: 22px;
    width: 22px;
    vertical-align: top;
}


/*
 * Lightbox overlay
 */
.modal__background-mask {
    display: none;
    background: black;
    filter: alpha(opacity=75);
    opacity: 0.75;

    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 1001;
}


/*
 * Budget Tracking Submeter
 */
.page__budget-tracking--submeter .file-download {
    text-align: center;
}
.page__budget-tracking--submeter .file-download__button {
    margin-top: .5em;
    width: 180px;
}