/* Padre Dam CSS Document 
   Copyright 2009 by Quexion, LLC - Any Usage of this document on another 
   site must be sited and credited to the original author - Quexion, LLC.
 * ------------------------------------------------------------------------- */

/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; } 

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; font-family: Georgia, "Times New Roman", Times, serif; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }

* {font-family:Arial, Verdana, Sans-Serif; color:#000000;font-size:12px;}
p {font-size:12px; margin:0px; padding:0px 0 10px 0px; line-height:1.6em;}
a {color:#000066;}
a:hover {color:#5b8726;}

body {width:700px; margin:0px auto; padding:0px 0px 20px 0px;}
small {font-size:10px;}
small a {display:block; padding:5px 0px 10px 0px;}
input {margin:0px 0px; padding:0px; display:inline;}
input[type="submit"] { padding:2px 5px; }
td {font-family:Arial, Verdana, Sans-serif; font-size:14px; text-align:right; padding:5px;}
th {background-color:#000066; font-family:Arial, Verdana, Sans-serif; font-size:14px; color:white; text-align:right; padding:5px 5px 5px 5px;}
tr {background-color:#87CEEB;}

h1 { padding:5px 0px; font-family:Arial, "Trebuchet MS", Helvetica, Sans-Serif; color:#5b8726; font-size:24px; font-weight:bold; }
h2 { padding:5px 0px; font-family:Arial, "Trebuchet MS", Helvetica, Sans-Serif; color:#000066; font-size:14px; font-weight:bold; }
h3 { padding:10px 0px 5px 0px; font-family:Arial, "Trebuchet MS", Helvetica, Sans-Serif; color:#000066; font-size:16px; font-weight:bold; }

.label {color:#000066; font-size:14px; font-weight:bold;}

.total {color:#5b8726; font-size:20px;}

.meterlink {margin-left:10px;}

span.infoMessage {color:Red;}

.footnote {font-size:10px;}
.clear{clear:both;}

#resultarea {float:left;}
#calcinput {float:left;}
#calcbutton {float:right; margin:80px 125px 0 0;}

#header {width:700px; height:60px; border-bottom:5px solid #00477f;}

#bill_calc {border-collapse:collapse; border:1px solid #DDD; }
#bill_calc td { background:#f6f7fa; }
#bill_calc td.left { text-align:left; }

/* Meter Page Styles */

.h3 { display:block; padding:10px 0px 5px 0px; font-family:Arial, "Trebuchet MS", Helvetica, Sans-Serif; color:#000066; font-size:14px; font-weight:bold; }

#nav { float:right; }
#nav a { display:inline-block; padding:5px 0px; color:#000099; font-weight:bold; text-decoration:none; font-size:14px; }
#nav a:hover { color:#5b8726; }

#date { float:left; padding:5px 0px; }

#customer_info, .left_box { float: left; width:160px; padding:20px; margin:10px 0px; background:#f6f7fa; border:1px solid #DDD; }

#graph_controls, .right { float:left; width:470px; margin:10px 0px 0px 20px; }
#graph_controls img { vertical-align:middle; padding:0px 5px; }
#graph_controls table tbody td { background:#f6f7fa; }
#graph_controls table table td { color:#000099; text-align:center; }
    .day { border:none; background:#FFF; font-weight:bold; color:#5b8726; }
    .chart_header { margin:0px 0px 10px 0px; border-bottom:1px solid #CCC; padding:0; }
    .chart_label { font-size:24px; color:#5b8726; font-weight:bold; padding-right:5px; }
    .chart_dropdown { margin-right:10px; }
    option:focus { background:#CCC; }
    .checkbox { vertical-align:middle; }
    
.tabledata { border-color:#DDD; }
.tabledata td { background:#f6f7fa; padding:5px 10px; text-align:left; }
.tabledata th { background:#00477f; padding:5px 10px; text-align:left; } /*4a4a93*/
.tabledata.green th { background:#9abf6e; border:1px solid #DDD; }
.tabledata.green td {  }

.tabledata .highTier td { background:#FFF;}
.meterlist {padding-left:15px;}
.meterlist li {list-style-type:disc;}

.legend {border-width: 1px; margin:0 0 10px 200px;}
.legend td {background:#ffffff; text-align:left;}