/* == COLOURS == */

/*
grey: #787e85
light-blue: #78c6fc
medium-blue: #548ab0
orange: #f9ad81
off-white: #e8e5d3
*/

body {
  background: url('/images/body.gif');
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 20px auto;
}
h2 {font-size:2em;margin-bottom:0.01em;margin-top:0.5em}
.container {
  background: #e2e8ef url('/images/container.gif') repeat-x bottom left;
}
h3 {font-size:1.6em;font-weight:bold;line-height:1;margin-bottom:0.01em;margin-top:0.5em;}
/* == HEADER == */

#header {
  background: #787e85;
  height: 84px;
}

#header img.logo {
  padding: 26px 0 0 55px;
}

#header #status {
  color: #e8e5d3;
  font-size: 1.6em;
  font-weight: bold;
  text-align: right;
}

#header #status p {
  margin: 35px 51px 0 0;
  text-shadow: 1px 1px 0.5px #333;
}

#header #status a {
  color: #e8e5d3;
}

#header #status a:hover {
  color: #f9ad81;
}    
#header a.logo {
  background: url(/images/logo3.gif) no-repeat;
  float: left;

  width: 321px;
  height: 64px;
}
/* == CONTENT == */

#content {
  margin-bottom: 2em;
}

/* == HOME == */

#blurb {
  width:400px;
  background: #fff;
  border-left: 38px solid #78c6fc;
  

  min-height:338px;


  
  padding: 0px 38px ;
  position: relative;
  overflow: visible;
}

#blurb div {
  display: table-cell;
  vertical-align: middle;
}
#blurb td{
  font-size: 1.3em;

}

#blurb  p {

  margin:10px 0px 0px 0px; padding:0px;
 }
#blurb  h2{
  margin:6px 0px 6px 0px;  padding:0px;
 }
#blurb input[type="text"],input.text,input[type="submit"],input.submit,input[type="reset"],input.reset,input[type="password"],input.password,select{
  font-size: 1em;
  padding:0px;
  margin:0px;
}
#register {
  color: #e8e5d3;
  float: right;
  width: 301px;
  height: 57px;
  margin: 15px 0;
  text-align: center;
}

#register a.register-button {
  background: url(/images/home/register.png) no-repeat;
  color: #e8e5d3;
  float: left;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 57px;
  width: 301px;
  height: 57px;
  text-decoration: none;
  text-shadow: 1px 1px 0.5px #333;
}

#register a span {
  color: #f9ad81;
}

#register a:hover {
  color: #f9ad81;
}
#smeasurelink {
  color: #e8e5d3;
  float: left;
  width: 301px;
  height: 57px;
  margin: 15px 0;
  text-align: center;
}

#smeasurelink  a.register-button {
  background: url(/images/home/smeasure.png) no-repeat;
  color: #e8e5d3;
  float: left;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 57px;
  width: 401px;
  height: 57px;
  text-decoration: none;
  text-shadow: 1px 1px 0.5px #333;
}

#smeasurelink  a span {
  color: #f9ad81;
}

#smeasurelink  a:hover {
  color: #f9ad81;
}
/* == NAV == */

#nav {
  margin: 15px 0 10px 0;
  text-align: right;
}

#nav div {
  background: #548ab0;
  color: #e8e5d3;
  display: inline;
  float: right;
  font-size: 1.3em;
  font-weight: bold;
  height: 31px;
  line-height: 31px;
  padding: 0 6px 0 0;
  text-shadow: 1px 1px 0.5px #333;
}

#nav a {
  color: #e8e5d3;
  padding: 0 6px;
  text-decoration: none;
}

#nav a:hover {
  color: #f9ad81;
}    
     
#nav a.home-button {
  background: url(/images/nav/home.gif) no-repeat;
  float: left;
  width: 40px;
  height: 31px;
}

#nav span.current {
  color: #f9ad81;
}

/* == SUBNAV == */

#subnav {
  background: #548ab0;
  border-top: 1px solid #c3cfd1;
  color: #e8e5d3;
  height: 39px;
  line-height: 39px;
  text-shadow: 1px 1px 0.5px #333;
  text-transform: uppercase;

}

#subnav a {
  color: #e8e5d3;
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  padding: 0 9px;
  
  }

#subnav a.first {
  padding-left: 0;
}   
       
#subnav a:hover {
  color: #f9ad81;

}  
#subnav img{
  vertical-align:middle;
}  

/* == FOOTER == */

#footer {
  background: #fff;
  height: 128px;
}

#footer #logos, #footer #copyright {
  display: table;
  height: 128px;
  position: relative;
  overflow: hidden;
}

#footer #logos {
  text-align: right;
}

#footer #logos img {
  padding: 0 26px 0 6px;
}

#footer #logos div, #footer #copyright div {
  display: table-cell;
  vertical-align: middle;
}

#footer p {
  color: #636363;
  font-family: "Lucida Grande", "Lucida Sans", Lucida, Tahoma, sans-serif;
  font-size: 0.95em;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

#footer p span {
  color: #959595;
}

#footer p a {
  color: #004a80;
}

#footer p a:hover {
  color: #f68c58;
}

/* == FORMS == */

form.filter {
  background: #f7e5c6;
  margin: 0.5em;
  padding: 0.5em;
}

input[type=radio] {
  top: 0;
}

/* == TYPOGRAPHY == */

h1, h2 {
  color: #0f3048;
  font-weight: bold;
  text-transform: uppercase;
}

hr {
  margin: 1.5em 0em 1em 0em;
  background:#aaa;color:#aaa;
}

sub {
  font-size: 60%;
  font-weight: bold;
}

.right {
  text-align: right;
}

/* == HOME == */

#blurb h2 {
  font-size: 1.6em;
  line-height: 1.2em;
  padding-bottom: 0.8em;
  text-transform: none;
}

#blurb h2.last {
  padding-bottom: 0;
}

/* == RESULTS == */

h2.toggle {
  background-repeat: no-repeat;
  background-position: 0 9px;
  cursor: pointer;
  padding: 0.25em 0;
  padding-left: 36px;
}

h2.toggle.open {
  background-image: url(/images/toggle_open.png);
}

h2.toggle.closed {
  background-image: url(/images/toggle_closed.png);
}

h2.toggle span {
  font-size: 80%;
  font-weight: normal;
}

h2.toggle span.open {
  display: none;
}

h2.toggle span.closed {
  display: inline;
}

span.date, span.detail {
  background: #a5aeb8;
  border: 4px solid #a5aeb8;
  color: #fff;
  padding: 0 4px;
}

span.rating {
  color: #fff;
  padding: 0 4px;
}

span.rating.E {
  background: #f79c00;
  border: 4px solid #f79c00;
}

span.total {
  color: #fff;
  padding: 0 4px;
}

span.total.higher {
  background: #e55a45;
  border: 4px solid #e55a45;
}

/* == USERDETAILS == */

#userdetails {
  width:755px;
  background: #fff;
  border-left: 38px solid #78c6fc;

  display: table;
  padding: 0 38px;
  position: relative;
  overflow: hidden;
  padding-bottom:10px;
  margin-bottom:30px;
}

#userdetails div {
  display: table-cell;
  vertical-align: middle;
}
#userdetails td{
  font-size: 1.1em;
  padding:2px;
}
#userdetails hr{
  margin:1em 0
}
#userdetails input[type="text"],input.text,input[type="submit"],input.submit,input[type="reset"],input.reset,input[type="password"],input.password,select{
  font-size: 1.0em;
  padding:0px;
  margin:0px;
}
#error{
  margin-left:20px;
  font-size: 1.6em;
}
/* == ADDMETERS == */
#addmeters td,th{
  font-size: 1.25em;
  padding:0 5px;
}
#addmeters input[type="text"],input.text,input[type="submit"],input.submit,select{
  font-size: 1em;
}
#details{
  font-size: 1.3em;
  padding:0 5px;
}
.delete{
text-align:center;
}
.tariff{
text-align:center;
}
/* == METERS == */
.meter_headings{
text-align:left;

}
#meters td,th{
  font-size: 1.1em;
  padding:0 5px;
}
#meters input[type="text"],input.text,input[type="submit"],input.submit,select{
  font-size: 1em;
}
#meter_readings td,th{
  font-size: 1.1em;
  padding:0 5px;
  text-align:center;
}
#meter_readings input[type="text"],input.text,input[type="submit"],input.submit,select{
  font-size: 1em;
}
#navstyle td{
padding:5px;
}
#navstyle a:link,#navstyle a:visited,#navstyle a:active{
color:#E8E5D3;
font-weight:bold;
text-decoration:underline;
text-shadow:1px 1px 0.5px #333333;
}

#navstyle a:hover{
color:#F9AD81;
text-decoration:underline;
text-shadow:1px 1px 0.5px #333333;
}

.editMe1
{
	border:0px solid #f00;
	font-family:"Trebuchet MS",sans-serif;
	background-color:#f00;
	text-align:center;
}
.editMe2
{
	border:0px solid #FAFBFD;
	font-family: "Trebuchet MS",sans-serif;
	background-color:#FAFBFD;
	text-align:center;
}
/* == CARBON CLUBS == */

.highlight_club {
background-color:#fff; padding:5px;font-size:2em; font-weight:bold;text-align:center
}
#carbonclub p{
font-size:1.2em
}
#carbonclub td,tr{
font-size:1.2em
}
.center{
text-align:center;
}
/* == RESULTS == */
.rating_badge{
font-family:"Trebuchet MS", sans-serif;
background-repeat: no-repeat;
float:left;
margin-right:20px;
margin-bottom:20px;
height:268px;width:200px;
}
.rating_badge_label{
position: relative;
text-align:center;
margin-top:200px;
line-height: 1.3;
border:0px red solid;
margin-bottom:10px;
}.rating_badge_text{
text-align:center;
margin:0px;
}
.std_table_centered { 
	padding:2px;
	background-color:#DEE5EB;
	border:solid #566C84 1px;
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
}
.std_table_centered td{ padding-left:5px;padding-right:5px;text-align:center}

.std_table_centered th{
	padding:2px;
	padding-left:10px; 
	padding-right:10px;
	background-color:#548AB0;
	color:white;
	font-size:1em;
}
.std_table { 
	padding:2px;
	background-color:#DEE5EB;
	border:solid #566C84 1px;
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
}
.std_table td{ padding-left:5px;padding-right:5px;text-align:left}

.std_table th{
	padding:2px;
	padding-left:10px; 
	padding-right:10px;
	background-color:#548AB0;
	color:white;
	font-size:1em;
	text-align:left
}
.zebra2{
background-color:#FFF;
} 
/* ===CHANGE===*/
#change {
  width:400px;
  background: #fff;
  border-left: 38px solid #78c6fc;
  height: 338px;
  display: table;
  padding: 0 38px;
  position: relative;
  overflow: visible;
}

#change div {
  display: table-cell;
  vertical-align: middle;
}
#change td{
  font-size: 1em;
}

#bchange  p {

  margin:10px 0px 0px 0px; padding:0px;
 }
#change  h2{
  margin:10px 0px 10px 0px;  padding:0px;
 }
.paragraph{
font-size:1.2em;
margin-bottom:5px;
margin-top:10px;
}