/* reset.css */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;}p,blockquote,q,pre,address,hr,code,samp,dl,ol,ul,form,table,fieldset,menu {margin-bottom:1.25em;}a img {border:none;}html {font-size:100%;}body {font-family:georgia,palatino,"palatino linotype",times,"times new roman",serif;font-size:.875em;line-height:1.5;}blockquote,q {quotes:none;}blockquote:before,blockquote:after,q:before,q:after {content:none;}code,kbd,pre,samp,tt {font-family:"andale mono",consolas,monaco,"lucida console","courier new",courier,monospace;line-height:1.3;}pre {white-space:pre-wrap;}abbr,acronym,dfn {border-bottom:1px dotted;cursor:help;font-variant:normal;font-style:normal;}var {font-style:normal;}center {text-align:center;}a:focus {outline:0px dotted;}img {border:0;}ul {list-style:disc outside none;margin-top:.5em;}ol {list-style:decimal;list-style-position:inside;margin-top:.5em;}li {margin-left:1.25em;}li ul,li ol {margin-bottom:0;}dd {margin-bottom:1em;}hr {border:0;border-bottom:1px solid #ccc;display: block;clear: both;padding: 5px 0px;}big {font-size:1.25em;}small,sub,sup {font-size:.85em;}sub,sup {line-height:1;}sub {vertical-align:bottom;}sup {vertical-align:top;}del,s,strike {text-decoration:line-through;}ins {text-decoration:none;border-bottom:1px dotted;}bdo {border-bottom:1px dotted;}u {text-decoration:underline;}fieldset {padding:1em;}legend {font-weight:bold;padding:0 .25em;}input,textarea,select,button {font-family:inherit;font-size:1.2em;}table {border-collapse:collapse;border-spacing:0;border:0;line-height:1.3;}caption,th,td {text-align:left;vertical-align:top;}th,td {border:0px solid;padding:.5em 1em;}caption {padding-bottom:1em;}h1,h2,h3,h4,h5,h6,strong,b,dt,th {font-weight:bold;}h5,h6 {font-size:1em;}em,i,blockquote,q {font-style:italic;}cite {font-style:normal;}.clearfix {clear:both;}.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}

/* grid.css */
.container_24{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:left;position:relative;margin-left:5px;margin-right:5px}.alpha{margin-left:0}.omega{margin-right:0}.container_24 .grid_1{width:30px}.container_24 .grid_2{width:70px}.container_24 .grid_3{width:110px}.container_24 .grid_4{width:150px}.container_24 .grid_5{width:190px}.container_24 .grid_6{width:230px}.container_24 .grid_7{width:270px}.container_24 .grid_8{width:310px}.container_24 .grid_9{width:350px}.container_24 .grid_10{width:390px}.container_24 .grid_11{width:430px}.container_24 .grid_12{width:470px}.container_24 .grid_13{width:510px}.container_24 .grid_14{width:550px}.container_24 .grid_15{width:590px}.container_24 .grid_16{width:630px}.container_24 .grid_17{width:670px}.container_24 .grid_18{width:710px}.container_24 .grid_19{width:750px}.container_24 .grid_20{width:790px}.container_24 .grid_21{width:830px}.container_24 .grid_22{width:870px}.container_24 .grid_23{width:910px}.container_24 .grid_24{width:950px}.container_24 .prefix_1{padding-left:40px}.container_24 .prefix_2{padding-left:80px}.container_24 .prefix_3{padding-left:120px}.container_24 .prefix_4{padding-left:160px}.container_24 .prefix_5{padding-left:200px}.container_24 .prefix_6{padding-left:240px}.container_24 .prefix_7{padding-left:280px}.container_24 .prefix_8{padding-left:320px}.container_24 .prefix_9{padding-left:360px}.container_24 .prefix_10{padding-left:400px}.container_24 .prefix_11{padding-left:440px}.container_24 .prefix_12{padding-left:480px}.container_24 .prefix_13{padding-left:520px}.container_24 .prefix_14{padding-left:560px}.container_24 .prefix_15{padding-left:600px}.container_24 .prefix_16{padding-left:640px}.container_24 .prefix_17{padding-left:680px}.container_24 .prefix_18{padding-left:720px}.container_24 .prefix_19{padding-left:760px}.container_24 .prefix_20{padding-left:800px}.container_24 .prefix_21{padding-left:840px}.container_24 .prefix_22{padding-left:880px}.container_24 .prefix_23{padding-left:920px}.container_24 .suffix_1{padding-right:40px}.container_24 .suffix_2{padding-right:80px}.container_24 .suffix_3{padding-right:120px}.container_24 .suffix_4{padding-right:160px}.container_24 .suffix_5{padding-right:200px}.container_24 .suffix_6{padding-right:240px}.container_24 .suffix_7{padding-right:280px}.container_24 .suffix_8{padding-right:320px}.container_24 .suffix_9{padding-right:360px}.container_24 .suffix_10{padding-right:400px}.container_24 .suffix_11{padding-right:440px}.container_24 .suffix_12{padding-right:480px}.container_24 .suffix_13{padding-right:520px}.container_24 .suffix_14{padding-right:560px}.container_24 .suffix_15{padding-right:600px}.container_24 .suffix_16{padding-right:640px}.container_24 .suffix_17{padding-right:680px}.container_24 .suffix_18{padding-right:720px}.container_24 .suffix_19{padding-right:760px}.container_24 .suffix_20{padding-right:800px}.container_24 .suffix_21{padding-right:840px}.container_24 .suffix_22{padding-right:880px}.container_24 .suffix_23{padding-right:920px}.container_24 .push_1{left:40px}.container_24 .push_2{left:80px}.container_24 .push_3{left:120px}.container_24 .push_4{left:160px}.container_24 .push_5{left:200px}.container_24 .push_6{left:240px}.container_24 .push_7{left:280px}.container_24 .push_8{left:320px}.container_24 .push_9{left:360px}.container_24 .push_10{left:400px}.container_24 .push_11{left:440px}.container_24 .push_12{left:480px}.container_24 .push_13{left:520px}.container_24 .push_14{left:560px}.container_24 .push_15{left:600px}.container_24 .push_16{left:640px}.container_24 .push_17{left:680px}.container_24 .push_18{left:720px}.container_24 .push_19{left:760px}.container_24 .push_20{left:800px}.container_24 .push_21{left:840px}.container_24 .push_22{left:880px}.container_24 .push_23{left:920px}.container_24 .pull_1{left:-40px}.container_24 .pull_2{left:-80px}.container_24 .pull_3{left:-120px}.container_24 .pull_4{left:-160px}.container_24 .pull_5{left:-200px}.container_24 .pull_6{left:-240px}.container_24 .pull_7{left:-280px}.container_24 .pull_8{left:-320px}.container_24 .pull_9{left:-360px}.container_24 .pull_10{left:-400px}.container_24 .pull_11{left:-440px}.container_24 .pull_12{left:-480px}.container_24 .pull_13{left:-520px}.container_24 .pull_14{left:-560px}.container_24 .pull_15{left:-600px}.container_24 .pull_16{left:-640px}.container_24 .pull_17{left:-680px}.container_24 .pull_18{left:-720px}.container_24 .pull_19{left:-760px}.container_24 .pull_20{left:-800px}.container_24 .pull_21{left:-840px}.container_24 .pull_22{left:-880px}.container_24 .pull_23{left:-920px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{/*zoom:1*/}

/* dropdown.css */
/* Main Menu */
#menu {position: relative;}

#menu ul, #menu ul li, #menu ul ul {list-style: none;margin: 0;padding: 0;}
#menu ul {position: relative;z-index: 9997;}
#menu ul li {float: left;/*zoom: 1;*/background-image: none;}
#menu_wrap {position: relative;z-index: 9000;width: 100%;}
#menu ul li.hover, #menu ul li:hover {position: relative;z-index: 9999;cursor: default;}
#menu li span {font-weight: normal; display: block; padding: 0px; line-height: 24px; position: relative; top: -16px; font-family: helvetica,arial,san-serif;}
#menu ul, #menu ul li { list-style: none; margin: 0; padding: 0;}
#menu li { margin: 0; float: left; /*zoom: 1;*/}
#menu ul li.hover, #menu ul li:hover {position: relative; z-index: 9999; cursor: default;}

#menu_wrap #menu li a {line-height: 40px;font-weight: bold}
#menu ul li a { display: block; text-decoration: none; }
#menu ul li:hover > ul {visibility: visible;}

/* application.css */
.orange { color: rgb(255, 153, 51) }
.error { color: #ff0000; font-weight: bold; }

.bgred { background-color: #f00; }
.bggreen { background-color: #0f0; }
.bgyellow { background-color: #ff0; }

.text-green { color: #39E600; }
.text-red { color: #f00 }

.bigger { font-size: 1.2em }
.smaller { font-size: 0.8em }

fieldset { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; padding: 5px 15px 2px 15px; }

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

.bold { font-weight: bold }

.clear { clear: both; }

table.sites_table tr td {
    background: #F1F1F1;
}

table.data-table {
    border: 1px solid #000;
    border-collapse: collapse;
    font-size: 0.8em;
    margin: 10px 0px;
}

.dataTables_filter input {
    margin-bottom: 10px;
}
/*div.dataTables_filter  {
    width: 40%;

}*/

table.data-table a {
    color: rgb(255, 153, 51) ;
}
table.data-table a:visited {
    color: rgb(255, 153, 51)
}

table.data-table th {
    font-size: 1.6em;
}

table.data-table td {
    font-size: 1.4em;
}

table.data-table th {
    padding: 2px 2px;
    border: 1px solid darkgray;
    vertical-align: top;
}

table.data-table td {
    padding: 2px 2px;
    border: thin solid black;
    vertical-align: top;
}

table.data-table th a {
    text-decoration: none;
}

table.data-table td a {
    font-weight: bold;
    text-decoration: none;
}

table.js-data-table {
    border-collapse: collapse;
    font-size: 0.8em;
    margin: 10px 0px;
}

.jsDataTables_filter input {
    margin-bottom: 10px;
}


table.js-data-table a {
    color: rgb(255, 153, 51) ;
}
table.js-data-table a:visited {
    color: rgb(255, 153, 51)
}

table.js-data-table th {
    font-size: 1.6em;
}

table.js-data-table td {
    font-size: 1.4em;
}

table.js-data-table th {
    padding: 2px 2px;
    vertical-align: top;
}

table.js-data-table td {
    padding: 2px 2px;
    vertical-align: top;
}

table.js-data-table th a {
    text-decoration: none;
}

table.js-data-table td a {
    font-weight: bold;
    text-decoration: none;
}


.board-summary-table {
    border-collapse: collapse;
    font-size: 12px !important;
    width: 100%;
    border: 1px solid #000;
}

.board-summary-table th {
    border-bottom: 1px solid #000;
    font-size: 12px !important;
}

.board-summary-table td {
    padding: 0px;
    vertical-align: middle;
    font-size: 12px !important;
}

.board-summary-table tr td {
    background-color: #F1F1F1;
}

div.energy-meter-container { width: 100%; height: 500px; overflow-x: auto; overflow-y: auto; }
div.energy-meter-container table.board-summary-table { margin: 0; }
div.energy-meter-container table.board-summary-table tr th { vertical-align: bottom; text-align: right; }
div.energy-meter-container table.board-summary-table tr td { text-align: right; overflow: hidden }

.border td, .border th {
    border: 1px solid #000;
}

table.readings-table {
    border-collapse: collapse;
    font-size: 12px;
    border: 1px solid #000;
}

table.readings-table tr td {
    background-color: #F1F1F1;
}

table.readings-table tr.highlight-report td {
    background-color: #FFFFCC;
}
table.readings-table tr.nopower-report td {
    background-color: #e4b9b9;
}

form dt {
    display: inline;
    float: left;
    width: 200px;
    text-align: right;
    padding-right: 10px;
}

form .button {
    margin-top: 8px;
}

.full-width {width:98%; height:auto; overflow:hidden}

/* Admin form styles */
div.form { margin: 15px 0; }
div.form label.form-label{display: block;position:relative;font-size:14px;font-weight:bold;color:#333;margin:3px 0 2px 0;width:auto;clear:right}
div.form ul {margin: 0; padding: 0 0 10px 0px}
div.form ul.errors li {color:#c00;list-style-type: none;margin:0;display: block;font-weight: bold;font-size: 0.8em}
div.form input.zip-code{width: 100px !important;}

button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
    -webkit-appearance: none; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; background: #ddd url(/images/form-button-bg.png) repeat-x; /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd)); background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%); */ border: 1px solid; border-color: #ddd #bbb #999; cursor: pointer; color: #333; font: bold 12px/1.2 Arial, sans-serif; outline: 0; overflow: visible; padding: 3px 10px 4px; text-shadow: #fff 0 1px 1px; width: auto; margin-top: 10px;
    /* IE7 */
    padding-top: 5px; padding-bottom: 5px;
}

button {
    /* IE7 */
    padding-top: 5px; padding-bottom: 5px;
}

button[disabled],
input[type="reset"][disabled],
input[type="submit"][disabled],
input[type="button"][disabled] {
    color: #888;
}

textarea,
/*select,  this makes datatable length too big**/
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
/*input[type="search"], this makes datatable search field too big**/
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border: 1px solid; border-color: #848484 #c1c1c1 #e1e1e1; outline: 0; margin-right:5px; font-size:14px; width:400px; padding:5px; color:#666
    /* IE7 */
    /*padding-top: 2px; padding-bottom: 1px; height: auto;*/
}

button:focus,
button:active,
input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
    -moz-box-shadow: #06f 0 0 7px; -webkit-box-shadow: #06f 0 0 7px; box-shadow: #06f 0 0 7px; /* for Opera */ z-index: 1;
}

/**********************************/
/* for the site map icon */
div.map {color: #1e90ff;}
div.map:hover {color: #ff4500
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2') format('woff2'); /* Modern Browsers */
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 36px;
    line-height: .4;
    margin-top: 4px;
    margin-bottom: 0px;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
/*done with site map icon
/**********************************/

div.three-quarters{width: 630px;float:left}

div.half{width: 420px;float:left;}
div.form input[type=text].half,div.form input[type=password].half{width:300px;}

div.third {width: 250px;float:left;}
div.third input[type=text],div.third input[type=password]{width:200px;}

div.quarter {width: 180px; float: left;}
div.quarter input[type=text],div.quarter input[type=password]{width:150px;}

input[type=text].normal { width: auto; }

div.form fieldset{-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;}
div.form fieldset legend{font-weight: bold; font-size: 16px; }

div.form p.description { margin: 0px; font-style: italic }

.energy_meter_select { width: auto; text-align: left; }

/* Layout Shortcodes */
.full-width {width:960px; height:auto; overflow:hidden}

.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_thirds { width: 65.33%; }
.one_fourth { width: 22%; }
.three_fourths { width: 74%; }
.one_fifth { width: 16.8%; }
.two_fifth { width: 37.6%; }
.three_fifth { width: 58.4%; }
.four_fifth { width: 67.2%; }
.one_sixth { width: 13.33%; }
.five_sixth { width: 82.67%; }

.one_half,
.one_third,
.two_thirds,
.three_fourths,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
    position: relative;
    margin-right: 4%;
    margin-bottom: 20px;
    float: left;
}

.last {margin-right:0 !important;}

div.widget h3,div.widget.S1 h3,div.widget.S2 h3,div.widget.S3 h3,div.widget.S4 h3
{
    font-size: 20px;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 8px 0px;
    height: auto;
    font-weight: normal;
}

div.widget,div.widget.S1,div.widget.S2,div.widget.S3,div.widget.S4 {
    line-height: 140%;
}

/* ============  DEFAULT  ============ */
div.widget {
    color: #4d4d4d;
    text-shadow: #f8f8f8 1px 1px 0;
    margin-bottom: 15px;
    height: 1%;
}

div.widget h3 {
    color: #525252;
    text-shadow: #e9e9e9 1px 1px 0;
}

div.widget a {
    text-shadow: none;
}

/* ============  S1  ============ */
div.widget.S1 {
    color: #696969;
    background-color: #f4f4f4;
    text-shadow: #fff 1px 1px 0;
    -webkit-box-shadow: 0px 2px 5px #ccc;
    -moz-box-shadow: 0px 2px 5px #ccc;
    box-shadow: 0px 2px 5px #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 15px;
}
div.widget.S1 h3 {
    color: #6e6e6e;
    background: url(/images/layout/S1_heading.png) repeat-x left
    bottom;
    border: none;
    text-shadow: #fff 1px 1px 0;
}

div.widget.S1 ul.menu li a {
    background: url(/images/layout/S1_heading.png) repeat-x left
    bottom;
}

div.widget.S1 a {
    color: #f86700;
    text-shadow: none;
}

div.widget.S1 a:hover,div.widget.S1 ul.menu a:hover {
    color: #000;
}

div.widget.S1 li.current a,div.widget.S1 li.current_page_item a {
    color: #282828;
}

div.widget.S1 li {
    background: url(/images/layout/bullet_S1.png) no-repeat 0 .3em;
}

div.widget.S1 ul#recentcomments li {
    border-bottom: 1px solid #333;
    font-size: .85em;
}

div.widget.S1 ul#recentcomments li a {
    text-decoration: none;
}

div.widget.S1 div.pad {
    padding: 12px 12px 10px 12px;
}

/* ============  S2  ============ */
div.widget.S2 {
    color: #522600;
    background-color: #f77302;
    text-shadow: #ff8d2b 1px 1px 0;
    -webkit-box-shadow: 0px 2px 5px #ccc;
    -moz-box-shadow: 0px 2px 5px #ccc;
    box-shadow: 0px 2px 5px #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 15px;
}

div.widget.S2 h3 {
    color: #0d0500;
    background: none;
    border-bottom: none;
    background: url(/images/layout/S2_heading.png) repeat-x left
    bottom;
    text-shadow: #ff8319 1px 1px 0;
}

div.widget.S2 ul.menu li a {
    background: url(/images/layout/S2_heading.png) repeat-x left
    bottom;
}

div.widget.S2 a {
    color: #fff;
    text-shadow: none;
}

div.widget.S2 a:hover,div.widget.S2 ul.menu a:hover {
    color: #000;
}

div.widget.S2 li.current a,div.widget.S2 li.current_page_item a {
    color: #fff;
}

div.widget.S2 li {
    background: url(/images/layout/bullet_S2.png) no-repeat 0 .3em;
}

div.widget.S2 ul#recentcomments li {
    border-bottom: 1px solid #333;
    font-size: .85em;
}

div.widget.S2 ul#recentcomments li a {
    text-decoration: none;
}

div.widget.S2 div.pad {
    padding: 12px 12px 10px 12px;
}

/* ============  S3  ============ */
div.widget.S3 {
    color: #c4c4c4;
    background-color: #333;
    text-shadow: #000 1px 1px 0;
    -webkit-box-shadow: 0px 2px 5px #ccc;
    -moz-box-shadow: 0px 2px 5px #ccc;
    box-shadow: 0px 2px 5px #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 15px;
}

div.widget.S3 h3 {
    color: #f77302;
    background: none;
    border-bottom: none;
    background: url(/images/layout/S3_heading.png) repeat-x left
    bottom;
    text-shadow: #000 1px 1px 0;
}

div.widget.S3 ul.menu li a {
    background: url(/images/layout/S3_heading.png) repeat-x left
    bottom;
}

div.widget.S3 a {
    color: #f77302;
    text-shadow: none;
}

div.widget.S3 a:hover,div.widget.S3 ul.menu a:hover {
    color: #fff;
}

div.widget.S3 li.current a,div.widget.S3 li.current_page_item a {
    color: #fff;
}

div.widget.S3 li {
    background: url(/images/layout/bullet_S3.png) no-repeat 0 .3em;
    color: #dedede;
}

div.widget.S3 div.pad {
    padding: 12px 12px 10px 12px;
}
/* @group Footer */
/* Footer background Color */
#footer,#footer .container_24 {
    background: #333 url(/images/layout/footer_bg.png) repeat-x
    center top;
}

/* Footer Widget Text Color Color */
#footer,#footer .widget {
    color: #e0e0e0;
    text-shadow: #1e1a14 1px 1px 0;
}
.graph-period{ padding: 0 5px;}
.invisible{visibility: hidden}