/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
/*@import url(des.reset.css);
*/
/***
  1. Layout
***/
/* Sub Header */
#sub-header {
  border-bottom: 1px solid #394f83;
}
#sub-header .container {
  position: relative;
  padding-top: 9px;
  width: 950px;
  margin: auto;
}
#sub-header .nav {
  position: absolute;
  bottom: -1px;
  left: 280px;
}
#sub-header .nav ul li {
  float: left;
  margin: 0 6px;
  list-style: none;
}
#sub-header .nav ul li a {
  display: block;
  padding: 4px 12px 4px 12px;
  border: 1px solid #3f5b8d;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: #3f5b8d;
}
#sub-header .nav ul li.current a {
  border: 1px solid #a3b1ca;
  border-bottom: 1px solid #fff;
  background-color: #fff;
}
#sub-header .nav ul li.sub-header-admin {
  margin: 0px;
}
#sub-header .nav ul li.sub-header-admin a {
  padding: 4px 2px 4px 2px;
}
#sub-header-pending-jobs {
  margin: 1px;
}
#sub-header-pending-jobs a {
  border: none;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  background-color: #FFF;
  text-shadow: none;
  color: black;
}

/* Content */
#dash-content {
  padding: 25px 0;
}
#energy-usage {
  float: left;
  width: 630px;
  margin-right: 50px;
}
#energy-usage #at-a-glance {
  margin-bottom: 1.5em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c1c1c1;
}
#energy-usage .header {
  width: 390px;
  float: right;
}
#energy-usage #current-stats {
  width: 190px;
  margin-right: 50px;
}
#energy-usage #current-stats p select {
  position: relative;
  top: -0.4em;
}
#energy-usage #current-stats p#heat-map {
  position: relative;
  height: 14px;
  overflow: hidden;
}
#energy-usage #current-stats p#heat-map span.marker {
  position: absolute;
  width: 27px;
  height: 14px;
  top: 0; left: -13px;
}
#energy-usage #cost {
  width: 190px;
  float: left;
  margin-right: 50px;
}
#energy-usage #cost ul li {
  position: relative;
  padding: 0 10px 0 5px;
  list-style: none;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
  height: 2.5em;
}
#energy-usage #cost ul li.total {
  border-bottom: none;
}
#energy-usage #cost ul li span.label {
  float: left;
  position: relative;
  z-index: 1;
}
#energy-usage #cost ul li span.dollars {
  float: right;
  position: relative;
  z-index: 1;
}
#energy-usage #cost ul li span.percent {
  position: absolute;
  top: 0; left: 0;
  width: 0;
  height: 100%;
  background-color: #99b4e0;
  text-indent: -9999px;
  text-align: left;
  overflow: hidden;
}
#energy-usage #timeline {
  width: 390px;
  float: left;
}

/* Sidebar */
#sidebar {
  float: left;
  width: 270px;
}
#tips .tip {
  border-top: 1px solid #5e9732;
  border-bottom: 1px solid #5e9732;
  padding: 6px 10px;
}
#sidebar #other-tips {
  padding: 0 10px;
}

/***
  2. Typography
***/
body {
  font-size: 12px;  /* 12px base */
  line-height: 1.5; /* 18px line height */
  font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color: #333333;
}
a {
  color: #acbce1;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

/* Sub Header */
#sub-header h2 {
  font-size: 22px;
  font-weight: bold;
  color: #394f83;
}
#sub-header h2 a {
  font-size: 14px;
}
#sub-header .nav ul li a {
  text-decoration: none;
  color: #fff;
  text-shadow: #263755 1px 1px 1px;
}
#sub-header .nav ul li.current a {
  color: #394f83;
  text-shadow: none;
}

/* Content */
#dash-content h4 {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.285714286;
  margin-bottom: 0.642857143em;
  color: #394f83;
}
#energy-usage .header h3 {
  font-size: 22px;
  line-height: 1.636363636;
  font-weight: bold;
  color: #394f83;
  margin-top: 0.5em;
}
#energy-usage ul.stats li {
  font-size: 11px;
  line-height: 1.636363636;
  color: #999;
  list-style: none;
  margin-bottom: 0px;
}
#energy-usage ul.stats li strong {
  font-weight: bold;
}
#energy-usage #current-stats {
  text-align: center;
}
#energy-usage #current-stats p span {
  font-size: 36px;
  line-height: 1.333333333;
  font-weight: bold;
  color: #14294f;
}
#energy-usage #cost ul li {
  line-height: 2.166666667;
  color: #394f83;
  margin-bottom: 0px;
}
#energy-usage #cost ul li span.dollars {
  font-weight: bold;
  text-align: right;
  color: #14294f;
}
#energy-usage #cost ul li.total {
  font-size: 14px;
}
#energy-usage #timeline h4 a {
  font-size: 10px;
}

/* Sidebar */
#sidebar {
  color: #394f83;
}
#tips .tip {
  margin-bottom: 1.5em;
}
#tips .tip h5 {
  text-transform: uppercase;
  letter-spacing: 0.083333333em;
/*  color: #394F83;
  font-weight: bold;*/
  color: #90be5a; 
}
#other-tips dl dt {
/*  text-transform: uppercase;
  letter-spacing: 0.083333333em;*/
  color: #394F83;
  font-weight: bold;
/*   color: #90be5a; */
}
#tips .tip h5 { 
  color: #5e9732;
  line-height: 1.5em;
}
#tips .tip p {
  margin-bottom: 1em;
}
#other-tips dl dd {
  margin-bottom: 2em;
}
#sidebar p.more {
  text-transform: lowercase;
  text-align: right;
  margin-bottom: 0;
}

/***
  3. Backgrounds
***/

#sub-header,
#dash-content {
  background-color: #fff;
}
div.tip {
  background-color: #f1fee1;
}
#energy-usage #current-stats p#heat-map {
  background: transparent url(/images/heat-map.gif) no-repeat 0 0;
}
#energy-usage #current-stats p#heat-map span.marker {
  background: transparent url(/images/heat-marker.gif) no-repeat 0 0;
}