/** RESET **/
body { padding: 15px 0px; }
h1, h2, h3 { color: #666; }
#bd p, #bd li { color: #888; }
#ft p, #ft li { color: #888;}
h1 {font-size: 197%;margin: 5px 0px;}
h2 {font-size: 167%;margin: 5px 0px;}
h3 {font-size: 138.5%;}
h1.first, h2.first {margin-top: 0px;}
h1.first {margin-bottom:10px;}
a {color:#2EA600;}
input[type=text], input[type=submit], input[type=password] { border: 1px solid #C0C0C0; padding: 5px; font-size: 110%;}


/** Base stuff **/
h2 span.note {
	font-size: 50%;
}
img.logo {
	margin: 0px 10px 10px 0px;
}

p {
	line-height: 1.4em;
	padding: 0 0 1em 0;
}

p.last {
	padding: 0;
}

#ft {
	border-top: 1px solid #ddd;
	margin-top: 20px;
}
#ft p {
	font-size:85%;
}

span.deem {
	font-size: 85%;
}

em {
	font-weight: bold;
	color: #777;
}

ul.points, ol.points {
	padding: 10px 20px;
}

ul.points>li {
	list-style-position: inside;
	list-style-image: url('../images/ul_check.png');
	list-style-type: square;
	margin-left: 5px;
}

ol.points>li {
	list-style-position: inside;
	list-style-type: decimal;
	margin-left: 5px;
}


.floater {
	float: left;
	margin-right: 4px;
}

.floaterr {
	float: right;
	margin-left: 4px;
}

.error, #bd .error, .form_error, #bd .error_list > li{
	color: #871313;
}

/** all of this is so I don't have to be un-restful for logout **/
#logout {	border: none; background: #eee; font-size: 100%;}
:hover#logout { border: none; color: blue; cursor: pointer;  }


#hd, #bdmain {
/*	padding-left: 7px; /** 5px, plus 2px border on highlight */
	margin-top: 7px;
	clear:both;
}

/** highlight area at top of dashboard **/
#highlight {
	border: 2px solid #ddd;
	margin: 0px 10px;
	padding: 5px;
}

/*********  NAV  ***********/

#nav1 {
	float:right ;
	background: #ade891;
}

#nav1 li {
	margin-right: 5px;
	padding: 3px; 
	float: left;
}

#nav1 li.selected {
  padding: 5px;
	color: #969F9D;

}

#nav1 a {
	display: block; 
	padding: 2px;
	text-decoration: none;
	color: black;
}

#nav3 li {
	display: inline;
	margin-left: 10px;
	float: left;
}




/******* Boxes (class=box for a box, and add box_a or box_b for colors and borders) ********/
.box b { 
	font-size: 120%;
	color: black;
}
.box {
	border: 1px solid #CCC;
	margin-bottom: 7px;
	padding: 5px;
  color: #888;
}

.box label {
	font-weight: bold;
	font-size: 87%;
	margin-top: 5px;
}

.box input {
	display: block;
}

.box input[type=checkbox] {
	display: inline;
	margin-right: 5px;
}

.box form>ul>li {
	display: block;
	margin-bottom: 10px;
}

.box input[type=text], .box input[type=password] {
	width: 90%;
}

.box input.date {
	display:inline;
	width: 60%;
}

.box dd {
	margin-bottom: 5px;
}
/** specifics for signin and register boxes **/ 
.box_a { 	background: #DEF9FF; border-color: #92D7E7; }
.box_a h3 {	color: #00829D;	margin-bottom: 10px; }
.box_b  { background: #E6FFDD; border-color: #ade891; }
.box_b h3 { color: #2ea600; margin-bottom: 10px; }

#register, #addrecord {
	max-width: 17em;
}
#settings, #reset {
	max-width: 30em;
}

/**  Fuels Page **/
#fuels {
	color: #888;
	width: 100%;
}

#fuels td {
	padding: 10px;
	margin: 3px;
}

#fuels td b {
	font-weight: bold;
	font-size: 130%;
	color: black;
}

#fuels .dark {
	background: #E6FFDD;
}

.mpg {
	width: 2.8em;
	text-align: right;
	padding: 3px;
	padding-right: 5px;
	margin-right: 6px;
	border: 2px solid #ccc;
}