/* ************* */
/* GLOBAL LAYOUT */
/* ************* */

html {
	background: #fff;
}
body {
	margin: 5px;
}
body, p, table, td {
	font-family: arial,helvetica;
	font-size: 8.75pt;
	color: #343434;
}
#header {
	height: 55px;
}
#nav {
	height: 25px;
	background: #0000FF;
	margin-bottom: 5px;
}
#content {
	margin-left: 210px;
	margin-bottom: 5px;
}
#sidebar {
	float: left;
	width: 200px;
	background: #DDDDDD;
	margin-bottom: 5px;
}
#footer {
	text-align: center;
	height: 30px;
	border-top: 1px solid #DDDDDD;
	color: #888888
}
.clear {
  clear: both;
 }
img {border: none;}
/**************************
HEADER COMPONENTS
**************************/
#logo {
	float: left;
}
#user {
	text-align: right;
}
#nav ul {
	margin: 0;
	padding: 0; 
	list-style-type: none;
	padding-top: 2px;
}
#nav li {
	display: inline;
}
#nav ul li a {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration:none;
	font-weight: bold;
	margin: 4px;
	padding: 0px 20px 0px 20px;
	color: #FFFFFF;
}
#nav ul li a:hover {
	border-bottom: 2px solid #FFFFFF;
}

/**************************
SIDEBAR COMPONENTS
**************************/

#sidebar {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#sidebar h1 {
display: block;
background-color:#646464;
font-size: 90%;
padding: 3px 0 5px 3px;
color: #FFFFFF;
margin: 0px;
}
#sidebar ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#sidebar ul li {
margin: 0px;
padding: 0px;
}
#sidebar ul li a {
font-size: 80%;
display: block;
border-bottom: 1px dashed #444444;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #000000;
}

#sidebar ul li a:hover, #sidebar ul li a:focus {
color: #000000;
background-color: #eeeeee;
}

/**************************
Text Styles
**************************/
h1 {
}
h2 {
	background: #555555;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}


/**************************
OTHER STYLES
**************************/
#footer a {
	color: #999999;
	text-decoration: none;
}
.section_title {
  background-color: #646464;
  border: 1px solid #B0B0B0;
  font-size: 110%;
  font-weight: bold;
  padding: 2px 2px 2px 2px;
  width: auto;
  color: #FFFFFF;
}
#login {
	text-align: center;
}

/**************************
***************************
***************************
***************************
OLD STYLES
***************************
***************************
***************************
**************************/

/* ************* */
/* STATISTICS VALUES */
/* ************* */
#statistics_container {
	width: 700px;
	margin-left: 95px;
	background: #fff;
	height: 110px;
	position: relative;
	margin-top: 12px;
	margin-bottom: 12px;
	padding: 6px; 
	border: 1px solid #CCC;
	}
#statistics_container h3 {
	text-align: center;
	font-weight: bold;
	margin-bottom: 5px;
	}
#statistics_container a {
	text-transform: lowercase;
	font-style: italic;
	}
#statistics_users {
	float: left;
	width: 30%
	}
#statistics_hoses {
	float: left;
	width: 35%
	}
#statistics_reserved {
	float: left;
	}
.statRow { margin-bottom: 6px; }
.smallLabel {
	font-weight: bold;
	font-size: 11px;
	color: #333;
	}
.statLink {
	text-decoration: none;
	border-bottom: 1px dotted #03C;
	font-size: 11px;
	}

/* ************* */
/* Main Menu VALUES */
/* ************* */
#menu {
	width: 700px;
	margin-left: 95px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
	}
#menu_left {
	float: left;
	width: 33%;
	}
#menu_center {
	float: left;
	width: 33%;
	}
#menu_right {
	float: left;
	width: 33%;
	}
#menu_item {
	height: 38px;
	vertical-align: middle;
	padding-top: 3px;
	}
.menu_image {
	float: left;
	}
	
/* ************* */
/* Reserved VALUES */
/* ************* */
#reserved {
	}
#reserved table {width: 550px;}
#reserved th {background: #cccccc;}
#reserved td {text-align: center;}
.even {background: #eeeeee;}
.odd {background: #cccccc;}


/* ************* */
/* Search VALUES */
/* ************* */
#search_container {
	width: 700px;
	margin-left: 95px;
	background: #fff;
	position: relative;
	margin-top: 12px;
	margin-bottom: 12px;
	padding: 6px; 
	border: 1px solid #ccc;
	font-weight: bold;
	font-size:12px;
	}
.thin_hr {
	height: 1px;
	color: #ccc;
	background: #ccc;
	}
.search_input {
	}
#search_quick {
	}
.search_input_text {
	width: 125px;
	float: left;
	}
.search_submit {
	float: right;
	}
#search_criteria {
	}
#search_testdate {

	}
#search_order {
	}
#search_controls {
	text-align: center; 
	}
#search_results {
	}

#search_results th {font: bold 10px "Trebuchet MS", Veranda, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	background: #e0e5e5;
}

#search_results td {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align: center;
}
#search_results tr {
	font-size: 10px;
}
#search_results tr.display_odd {
	background: #fff;
	color: #101011;
}
#search_results tr.display_even {
	background: #f5fafa;
	color: #101011;
}
#search_results tr:hover, a:hover, tr.display_odd:hover a:hover, tr.display_even:hover a:hover{
	background: #2376FF;
	color: #ffffff;
}
/*****************/
/* Deleted Hoses */
/*****************/
#deleted_results {
	}

#deleted_results th {font: bold 10px "Trebuchet MS", Veranda, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	background: #e0e5e5;
}

#deleted_results td {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align: center;
}
#deleted_results tr {
	font-size: 10px;
}
#deleted_results tr.display_odd {
	background: #fff;
	color: #101011;
}
#deleted_results tr.display_even {
	background: #f5fafa;
	color: #101011;
}
/* ************* */
/* Add VALUES */
/* ************* */
#add_container, #update_container{
	width: 700px;
	margin-left: 95px;
	background: #fff;
	position: relative;
	margin-top: 12px;
	margin-bottom: 12px;
	padding: 6px; 
	border: 1px solid #ccc;
	font-weight: bold;
	font-size:12px;
	}
.thin_hr {
	height: 1px;
	color: #ccc;
	background: #ccc;
	}
.add_input_text {
	width: 125px;
	float: left;
	}
.add_submit {
	float: right;
	}
	
	
/***** fieldsets *****/

fieldset {
	border: 1px solid #ddd;
	margin: 1em 0;
	padding: 15px;
	/*clear: left;*/
} * html fieldset { padding-top: 0; }

legend {
	font-size: 135%;
	font-weight: bold;
	letter-spacing: -0.03em;
	line-height: 1;
	color: #80A71F;
	padding: 0 0.5em;
} * html legend { margin-bottom: 15px; }

legend a, legend a:hover {
	text-decoration: none;
}
	

fieldset fieldset legend {
	font-size: 105%;
	font-weight: bold;
}

legend span {
	color: #999;
	font-size: 90%;
	letter-spacing: 0;
}


fieldset dd {
	padding: 0 0 0.5em 0;
	font-weight: bold;
}

fieldset.labels label {
	width: 15em;
	float: left;
	text-align: right;
	display: block;
	padding: 0 0.5em 0.2em 0;
}

fieldset.labels div {
	padding: 0.2em 0;
	clear: left
}

.fieldset-footer {
	margin: 0 0 0 -30px;
	position: relative; /* for FX */
	left: 15px;
	padding: 15px 0 15px 15px;
	background: #eee url(/img/field-back.gif) repeat-x;
	clear: left;
	fposition: relative;
	top: 15px;
} * html .fieldset-footer { margin-left: 0px; left: -15px; margin-right: -20px; }

fieldset fieldset input {
	font-size: 100% !important;
}




.form-large .form-text {
	width: 260px;
}

.form-large .form-brief {
	width: 200px;
}

.form-large .form-text-variable {
	width: 705px;
}

.form-large textarea{
	width: 666px;
}

.form-large label.form-checkbox {
	display: inline;
	vertical-align: middle;
	position: relative;
	top: -3px;
}

.form-large .form-field {
	padding-bottom: 1em;
}

.form-large .form-text, .form-large .form-text-variable, .form-large textarea, #topic-default1, #topic-default2, #topic-default3, .form-large select, .form-large .form-brief {
	font-size: 126%;
	background: #FFFADB;
	border: 1px solid #CBB945;
	color: #776B1B;
	padding: 2px;
}
.no-list {
  display:table;         /* ignored by IE */
  padding:0; 
  list-style-type:none;
  white-space:nowrap;    /* keep text on one line */
  }
* html .no-list {
  display:inline-block;  /* for IE only */
  width:1px;             /* IE will expand to fit menu width */
  padding:0 2px;         /* fix bug in IE for border spacing */
  }  
.no-list li {
  display:table-cell;    /* ignored by IE */
  width: 100px;
  }
* html .no-list li {
  display:inline;        /* for IE only */
  }
.no-list a:hover {
  color:#fff; 
  background:#08c;
  }

.menu {margin:0 auto 0 0;}

#settings_container {
	width: 700px;
	margin-left: 95px;
	background: #fff;
	height: 150px;
	position: relative;
	margin-top: 12px;
	margin-bottom: 12px;
	padding: 6px; 
	border: 1px solid #CCC;
	}
#settings_container h3 {
	text-align: center;
	font-weight: bold;
	margin-bottom: 5px;
	}
#settings_container a {
	text-transform: lowercase;
	font-style: italic;
	}