/* Navigation */
#sidenav-container {
	background-color: #788059; /* #0069aa; */
	border: solid gray 1px;
	height: 700px;
}

ul#sidenav {
	list-style: none;
	text-align: left;
	padding-left: 20px;
	/* background-color: #0069aa; */
	padding: 10px 0px 0px 20px;
}


ul#sidenav li {
	/* display: list-item; */
	list-style-type: none;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 28px;
	width: 96px;
	padding-top: 5px;
	padding-left: 13px;
	background-image: url(images/navbutton.gif);
	background-repeat: no-repeat;
}


ul#sidenav li a {
	color: #2c3fad;
	font-weight: bold;
	text-decoration: none;
}


div.links {
	font-size: 1.0em;
	text-align: center;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
}

div.links ul li {
	display: inline;
}

div.links ul li a {
	font-weight: bold;
	text-decoration: none;
}

div.links ul li a:hover {
	text-decoration: underline;
/*	font-weight: bold; */
}


#contact ul {
	float: right;
	text-align: left;
}

#contact ul li {
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: list-item;
}

#hd div a img {
	border-style: none;
}


/* global search */

/* This search box and related items screw up the rest of my layout, so it's not currently used.
I was going for something similar to the the zillow.com search bar.
Presently, it moves the left-nav menu down so it appears disconnected from the section-header. UGH! */

#search {
	width: 100%;
	border: solid gray 1px;
/*	border-bottom: solid gray 1px; */
	clear: both;
/*	position: relative; */
	height: 38px;
	background-color: #0069aa; /*#007DC0;*/
}

#search span.find-rentals {
	position: relative;
	top: 12px; 
	left: 38%;
	text-align: center;
	color: #fff;
	font-style: italic;
	font-weight: bold;
	font-size: 90%;
}

#search div.form-column {
	width: 50px;
	display: inline;
	position: relative;
	left: 40%;
}

#search div.form-column label {
	float: none;
	display: inline;
	color: #ffa;
	font-size: 80%;
	position: relative;
	top: -5px;
	left: 40px;
}

#search div.form-column input {
	position: relative;
	left: 0px;
	top: 12px;
	display: inline;
	height: 15px;
	width: 45px;
	border-top: solid gray 2px;
	border-left: solid gray 2px;
}

#search button {
	position: relative;
	left: 40%;
	top: 12px;
}

/* end global search */

*.content {
	padding: 5px 5px 5px 5px;
 	/*padding-left: 30px;*/ /* for IE compatibility with YUI template having 160px sidebar on left */
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-style: normal;
 	font-size: 100%;
	color: #000; /* yellow; */
	
	/* following: pushes the left column down the page...dont use this */
/*	padding-right: 50px;  */
}


#myrentals {
	border: solid red 3px;
	border-style: none;
}

#myrentals tr {
	border: 0px 0px 0px 0px;
	border-style: none;
}

#myrentals tr td {
	border: 0px 0px 0px 0px;
	border-style: none;
}


/* Comment out layout borders
#hd {
	border: dashed black 1px;
}

#bd {
	border: dashed black 1px;
}

#ft {
	border: dashed black 1px;
}

#yui-main {
	border: dotted black 1px;
}

*.yui-g {
	border: dashed red 1px;
}

*.yui-u {
	border: dotted blue 1px;
}

*.mymain {
	border: dotted blue;
}

 end comment out layout borders */
 
 
 /* start: forms */

.submit input {
	margin-left: 4.5em;
}

input.text {
	color: #781351;
	background: #fee3ad;
	border-top: 1px solid #781351
	border-left: 1px solid #781351
	border-bottom: 1px solid #781351
	border-right: 1px solid #781351
}

textarea.textarea {
	background: #fee3ad;
	border: 1px solid #781351 */
}

input.submit {
	color: #000;
	background: #ffa20f;
	border: 2px outset #d7b9c9
}

fieldset {
	border: 1px solid #788059; /* #ffa20c; */ /* #781351; */
	width: 40em;
	margin-bottom: 8px;
	padding-bottom: 8px;
}

legend {
	color: #788059; /* #fff; */
	font-weight: bold;
	/* background: #788059; */
	border: 1px solid #788059;
	padding: 5px 6px
	padding-left: 10px;
	margin-left: 10px;
}

ul.form-field-list {
	padding: 10px 15px 15px 10px; 
}

ul.form-field-list li {
	/* pad vertically between input fields 
		and offset the left side so header stands out
	*/
	padding: 8px 0px 8px 20px;
	list-style: none; /* override yui defaults */
}

ul.form-field-list li label {
	font-weight: bold;
}

ul.form-field-list li *.textfield {
	color: black;
	background: #fee3ad;
	border-top: 1px solid #781351
	border-left: 1px solid #781351
}
ul.form-field-list li span.help-text {
	color: dark-gray;
	font-size: 85%;
	padding-left: 0.8em;
}

ul.form-field-list li.field {
	padding-left: 25px;
}

ul.form-field-list li.header {
	/* don't indent header so it stands out from form fields */
	padding-left: 0px;
}

ul.form-field-list li.next {
	/* list item for 'next' or 'submit' buttons */
	text-align: right;
}


ul.form-button-list {
	padding: 10px 15px 15px 30px; 
	list-style: none;
	display: block;
/*	border: dashed red 1px;  */
}

ul.form-button-list li {
	/* pad vertically between input fields */
	padding: 0px 60px 0px 60px;
	display: inline;
/*	border: solid red 1px;  */
}


span.help-text {
	color: gray;
	font-size: 80%;
	padding-left: 0.8em;
}


label.mylabel {
	/* nothing */
}

/* Display an element in a block instead of inline
 * Useful for labels and text input boxes larger than single line.
 */
*.block {
	display: block;
}

*.textfield {
	color: #781351;
	background: #fee3ad;
	border-top: 1px solid #781351
	border-left: 1px solid #781351
	/* border-bottom: 1px solid #781351 */
    /* border-right: 1px solid #781351 */
}

div.vertical-spacer {
	display: block;
	/* border: 1px solid black; */
}

div.continue {
	text-align: right;
	padding-left: 10px;
	padding-right: 10px;
	clear: both;
}

div.continue input {
	font-size: 1.2em;
	font-weight: bold;
	color: black;
}

/* end: forms */
 

.required {
	color: red;
	font-weight: bolder;
	vertical-align: top;
}

*.hidden {
	display: none;
}


div.fakebreadcrumb {
	font-size: 80%;
	color: #999;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
}

div.fakebreadcrumb ul {
	display: inline;
	padding: 5px 5px 10px 5px;
}

div.fakebreadcrumb ul li {
	display: inline;
	font-size: small;
	font-weight: normal;
}

div.fakebreadcrumb ul li.current {
	font-size: medium;
	font-weight: bold;
}

div.fakebreadcrumb ul li a div.image-holder {
	background-image: url("images/navbutton.gif");
	background-repeat: no;
	height: 28px;
	width: 96px;
	padding-top: 4px;
	padding-left: 5px;
}

div.fakebreadcrumb ul li.current a {
	color: black; /* #999 */;
	font-weight: bold;
	font-size: medium;
	text-decoration: none;
	
}

div.fakebreadcrumb ul li.current a:hover {
	color: #ffa20c;
	text-decoration: underline;
}

div.fakebreadcrumb ul li.active a {
	color: black; /* #999; */
	font-weight: normal;
	font-size: small;
	text-decoration: none;
}

 /* non member pages styles */



#bd {
 	//background-color: rgb(194,204,233); /* eschelon blue */
 	background-color: #C0CC8F; //#B8e673;	/* turtle green */

}


/*
div.content {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-style: normal;
 	font-size: 100%;
	padding-left: 10px;
}
*/


h1#page-header {
	font-size: 160%;
	font-weight: bold;
	background-color: #788059; //#73458A;    //rgb(21, 48, 129); /* eschelon blue */
	color: white;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 8px;
	border-bottom: solid white 1px;
}

h3#page-subheader {
	font-weight: bold;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	height; 16px;
 	color: #73458A; //rgb(127, 84, 0); /* eschelon blue */
	padding-top: 8px;
	padding-right: 3px;
	padding-bottom: 8px;
	border-bottom: solid white 1px;
}
 
h3#title {
	font-weight: bold;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 10px;
}
 
q { 
	font-style: italic;
}


//div#newsearch {
//	width: 258;
//	height: 165;
//	background-image: url(images/gold_gradient.gif);
//	background-repeat: repeat-x;
//} 

ul#customer-stories {
}

ul#customer-stories li {
	padding-left: 35px;
	padding-top: 10px;
	padding-bottom: 10px;
}

label.float-left {
	float: left;
	width: 40em;
	text-align: right;
}

#search-stack-status {
	width: 240; //258;
	height: 165;
	background-color: #DCE6CF;  /* triadic greenish color scheme */
}

#search-stack-status img {
	text-align: center;
}

#search-stack-status h2 {
	color: black; //#86BF30; /* triadic greenish color scheme */
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	display: block;
	line-height: 1.05em;
}

#search-stack-status label {
	color: black; //#86BF30; /* triadic greenish color scheme */
	font-weight: bold;
}

#search-stack-status p#search-boxes {
	padding-left: 20px;
	padding-bottom: 8px;
}

#search-stack-status *.new-go-button {
	background-image: url(images/go_button.gif);
	background-repeat: no-repeat;
}




a {
	color:	rgb(51,51,102); //#8860BF; //#65567A; //#73458A; /* triadic greenish color scheme */
	font-weight: bold;
}

#product-table {}

#product-table tr td {
	padding: .8em;
}


/* Start: Map and Turtle scale */

/* The Map and the Turtle scale container */
#MT-container {
	border-width: 1px;
	border-style: solid;
	border-color: #0f2; 
	position: relative;
	height: 430px;
	width: 615px;
	/* this must have a height for text beneath 
	   this element to show up directly beneath it */
}

/* The turtle stack */

div#turtles {
	position: absolute;
/*	top: 0px;
	left: 0px;*/
	height: 426px;
	width: 150px;
	background-image: url(images/stacked_scale_darker.gif);
	background-repeat: no-repeat;
}

div#unused {
	position: absolute;
/*	top: 0px;
	left: 0px; */
	height: 100px; /* decrease this value to increase the number of visible turtles */
	width: 150px;
	background-image: url(images/stacked_scale_gray_darker.gif);
	background-repeat: no-repeat;
}
/* End: Map and Turtle scale */


#registerorbuyform {
	position: relative;
}

#registerorbuyform div.register {
/*	border: solid black 1px; */
	width: 230px;
	padding: 3px 3px 3px 3px;
}

#registerorbuyform div.register label {
		font-weight: bold;
}

#registerorbuyform div.buy {
	position: absolute;
/*	border: solid black 1px; */
	width: 230px;
	top: 0px;
	left: 240px;
	margin-left: 5px;
	padding: 3px 3px 3px 3px;

}

#collect-rental-info label {
	font-weight: bold;
}

table.utilities-paid td,th {
	/* no borders, override yui defaults */
	border:0;
}

table.utilities-paid th {
	text-align:left;
}


/* Shopping cart styles */

table#cart-items th,td {
	border:solid gray 1px;
}

table#cart-items th.no-border,td.no-border {
	/* no borders, override yui defaults */
	border:0px solid #000;
} 

table#cart-items th.quantity,td.quantity,th.product,td.product {
	text-align: center;
}

table#cart-items th.price,td.price {
	text-align: right;
	width: 10.0em;
}

table#cart-items th.total {
	text-align: right;
}


form#credit-card-form {
	padding-left: 200px;
}

form#confirm-credit-card {
	padding-left: 250px;
	padding-right: 250px;
}

table#payment-confirmation td,th {
	/* no borders, override yui defaults */
	border:0;
}

/* end shopping cart */

table#reports th {
	/* no borders, override yui defaults */
	border:0;
	text-align: left;
	border-bottom: solid black 2px;
}

table#reports td {
	/* no borders, override yui defaults */
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;

	border-bottom: solid gray 1px;
}

/* search.html page's form */

form#comp-search {
	/* roughly center the form */
	padding-left: 100px;
}

form#comp-search label {
	font-weight: bold;
}

dt {
	font-weight: bold;
}

dd {
	padding-bottom: 20px;
	width: 350px;
}