html, body {
    background-color: #0D294F;
}

body {
  margin: 0;
  padding: 0;
}

#doc3 {
margin: 0;
padding: 0;
}

a,
a:visited {
  color: #006BF4;
  text-decoration: none;
}

a:hover {
  color: #667B99;
  text-decoration: underline;
}

#hd {
    margin-left: 1em;
}

#bd {
    background-color: #FFF;
}

#hd h1 {
  color: #FFF;
}

#ft {
    margin: 2em 0;
    font-size: 85%;
    text-align: center;
    color: #FFF;
}

#bar {
    padding: 8px;
    background: #E8EDF4;
/*    margin-bottom: 10px;*/
}

#sidebar {
  background: #E8EDF4;
}

#content {
  padding: 0 1em;
}

#sidebar #sidebar-wrapper {
  padding: 1em;
}

#auxilary {
    font-size: 85%;
    position: absolute;
    top: 10px;
    right: 10px;
}

ul#navigation {
    margin: 0 0 0 10px;
    padding: 0;
    list-style: none;
}

ul#navigation li,
ul#navigation li a {
    float: left;
    display: block;
}

ul#navigation a {
    margin: 0 10px;
    padding: 5px;
    font-size: 133%;
    font-weight: bold;
    text-decoration: none;
    color: #006BF4;
}

ul#navigation a:hover,
ul#navigation li.admin a:hover {
    color: #667B99;
    text-decoration: underline;
}

ul#navigation li.admin a {
    color: #667B99;
}

ul#sub-navigation {
  margin: 1em 0;
  float: right;
  background-color: #E8EDF4;
}

ul#sub-navigation li,
ul#sub-navigation li a {
    float: left;
    display: block;
}

ul#sub-navigation a {
    margin: 0 10px;
    padding: 5px;
    font-size: 108%;
    font-weight: bold;
/*    color: #fff;*/
    text-decoration: none;
}

ul#sub-navigation a:hover,
ul#sub-navigation li.admin a:hover {
    text-decoration: underline;
}

ul#sub-navigation li.admin a {
    color: #CCA251;
}

/* consumer_list */

.consumerButton {
    text-align: center;
    display: block;
    float: left;
    padding: 0.5em;
    width: 130px;
    height: 9em;
}

.consumerButton:hover {
    background-color: #E8EDF4;
    text-decoration: none;
}

table td, table th {
    border: 0;
}

td.number {
    text-align: right;
}

table.double-header tr.header-1 th {
    border-bottom: none;
    text-align: center;
}

table.double-header tr.header-2 th {
    background-color: #e1de99;
}

table.simple
{
    border-collapse: collapse;
    text-align: left;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-top: 1px solid #CCC;
}

table.simple caption {
    font-weight: bold;
    font-size: 110%;
    margin-bottom: 0.5em;
}

table.simple th
{
    background-color: #667B99;
    font-weight: bold;
    padding: 0.4em 1em;
    border-bottom: 1px solid #CCC;
    color: white;
}

table.simple td
{
    background-color: #E8EDF4;
    border-bottom: 1px solid #CCC;
    padding: 0.2em 1em;
}

table.simple td.faded
{
    color: #666;
}

table.simple tbody tr:hover td
{
    background-color: #FEFEFE;
}


div#consumer-commodities {
    margin-top: 1em;
    width: 100%;
    text-align: center;
}

div#consumer-commodities div.column {
    width: 49%;
    float: left;
}

div#consumer-commodities div.column div.commodity {
    margin: 0 0.2em;
    padding: 0.3em 0.3em;
    background-color: #8AC968;
    border: 1px solid #2D9134;
}

div#consumer-commodities div.column div.commodity h2 {
    margin-top: 0;
}

.picture {
  border: 1px solid #E8EDF4;
}

.chart {
    margin: auto auto;
    text-align: center;
    padding: 1em;
    background-color: white;
    border: 1px solid #E8EDF4;
}

form#viewing-date-form {
    float: right;
}

form#viewing-date-form table {
    margin: 0;
}

form#viewing-date-form label {
    margin-right: 0.5em;
}

div#consumer-commodities div.column div.commodity table.readings {
    margin: auto;
}

div#consumer-commodities div.column div.commodity table.readings caption {
    margin-top: 1em;
}

tr.month-1 td,
tr.month-3 td,
tr.month-5 td,
tr.month-6 td,
tr.month-7 td,
tr.month-9 td,
tr.month-11 td {
    background-color: white;
}

form#login {
	margin-top: 1em;
}

form#login input[name=email] {
	width: 20em;
}

form#login input[name=password] {
	width: 10em;
}

table.vertical th {
	text-align: right;
}

table.vertical.top th {
	vertical-align: top;
}

table th {
	font-size: 110%;
	font-weight: bold;
}

table.vertical td textarea#id_message {
	width: 30em;
	height: 16em;
	font-size: 100%;
}

table.horizontal td, table.horizontal th,
table.vertical td, table.vertical th {
	padding: 0.5em;
}

table.vertical td.remove img {
	vertical-align: middle;
}

table.vertical td.remove a:hover {
	text-decoration: none;
}

.center {
    margin: 0 auto;
}

#outliers-graph-wrapper {
    padding: 10px;
    border: 1px solid black;
    background-color: #FFFFFF;
}

#outliers-graph {
/*    background-color: #FFFFFF;*/
}

.ui-slider {
    background-image: url(../images/slider-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    height: 23px;
    position: relative;
    width: 200px;
}

.ui-slider-range {
    background: #50A029;
    height: 100%;
    opacity: 0.3;
}

.ui-slider-handle {
    background-image: url(../images/slider-handle.gif);
    height: 23px;
    left: 0;
    position: absolute;
    top: 0;
    width: 12px;
    z-index: 1;
}

img.consumer-image {
  display: block;
  margin-left: auto;
  margin-right: auto
}

table.compare {
  float: left;
  margin: 0 1em;
}

table.simple.compare th a {
  color: white;
}

table.simple.compare th a:hover {
  text-decoration: underline;
}

table.simple.compare td {
  background-color: #ffffff;
}

table.simple .value-10 td,
table.simple .value-11 td,
table.simple .value-12 td,
table.simple .value-13 td,
table.simple .value-14 td,
table.simple .value-15 td,
table.simple .value-16 td,
table.simple .value-17 td,
table.simple .value-18 td,
table.simple .value-19 td,
table.simple .value-20 td,
table.simple .value-21 td,
table.simple .value-22 td,
table.simple .value-23 td,
table.simple .value-24 td,
table.simple .value-25 td,
table.simple .value-26 td,
table.simple .value-27 td,
table.simple .value-28 td,
table.simple .value-29 td
 { background-color: #7eff7f; }
 
table.simple .value-9 td { background-color: #8bff8b; }
table.simple .value-8 td { background-color: #99ff99; }
table.simple .value-7 td { background-color: #a6ffa6; }
table.simple .value-6 td { background-color: #b3ffb3; }
table.simple .value-5 td { background-color: #c0ffc0; }
table.simple .value-4 td { background-color: #cdffcd; }
table.simple .value-3 td { background-color: #daffda; }
table.simple .value-2 td { background-color: #e8ffe7; }
table.simple .value-1 td { background-color: #f5fff5; }

table.simple .value-0 td { background-color: #ffffff; }

table.simple .value--10 td,
table.simple .value--11 td,
table.simple .value--12 td,
table.simple .value--13 td,
table.simple .value--14 td,
table.simple .value--15 td,
table.simple .value--16 td,
table.simple .value--17 td,
table.simple .value--18 td,
table.simple .value--19 td,
table.simple .value--20 td,
table.simple .value--21 td,
table.simple .value--22 td,
table.simple .value--23 td,
table.simple .value--24 td,
table.simple .value--25 td,
table.simple .value--26 td,
table.simple .value--27 td,
table.simple .value--28 td,
table.simple .value--29 td
{ background-color: #ff7f7f; }

table.simple .value--9 td { background-color: #ff8d8d; }
table.simple .value--8 td { background-color: #ff9a9b; }
table.simple .value--7 td { background-color: #ffa8a8; }
table.simple .value--6 td { background-color: #ffb5b6; }
table.simple .value--5 td { background-color: #ffc3c3; }
table.simple .value--4 td { background-color: #ffd0d0; }
table.simple .value--3 td { background-color: #ffdede; }
table.simple .value--2 td { background-color: #ffebeb; }
table.simple .value--1 td { background-color: #fff8f9; }

/* pressroom/news style */

div.pr-article-headline {
	font-size: 130%;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	margin-bottom: 0.2em;
}

div.pr-article-meta {
	font-size: 95%;
	font-style: italic;
	margin-bottom: 0.5em;
}

div.pr-article-body {
	margin-bottom: 1.5em;
}

/* pagelet style */

form.modify-pagelet textarea {
	width: 50em;
	height: 30em;
}

#pagelet-home {
	margin-top: 1em;
}