body {
	margin:0px;
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: 12px;
  color: #333;
  background-image: url(/images/fading_background_3.png); 
  background-repeat: repeat-x;
  background-attachment: fixed; 
  /* background-color: #e5e5e5;
  text-align: center; */
}

hr {
  border: none;
  border-top: 1px solid grey;
}

/* Make sure the table cells show the right font */
td { 
  font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; 
  font-size: 11px;
}

/* General Links formatting */
a {
  color:#912626;
  text-decoration:none;
  padding-top: 1px;
  padding-right-value: 1px;
  padding-bottom: 1px;
  padding-left-value: 1px;
  padding-left-ltr-source: physical;
  padding-left-rtl-source: physical;
  padding-right-ltr-source: physical;
  padding-right-rtl-source: physical;
}
a:hover{
  /* color:#2D444F; */
  color: rgb(255, 255, 255);
  background-color: #912626;
  text-decoration: none;
}
a:active{
  color:#000;
}
a > img {
  border:none;
}

/* Heading Section */
#top_top {
  padding: 7px 30px 3px 32px;
	margin: 0;
	font-size: 10px;
	font-weight: normal;
	font-family: verdana;
	text-align: left;
	color: #FFF;
}

#header {
  padding: 0px;
  margin: 0px;
  background-color:#036;
	height:90px;
	text-align: left;
  position: relative;
}

#header h1 {
	padding: 0 0 13px 0;
	margin: 0px 0 0 30px;
	font-size: 24px;
	font-weight: normal;
	color: #fc0;
	text-align: left;
}

#Header h1 a:hover {
  color: #fc0;
  background-color: #036;
  text-decoration: underline;
}

#header a{
  color: #fc0;
}

#login_name{
  color:#fff;
}

.login_role, #role_title {
	font-size:80%;
	color:darkgrey;
	display:inline;
}

#nav_top{
	float: right;
	text-align:right;
}

#nav_top a{
	border:solid black 1px;
	padding:2px 2px 2px 2px;
	background-color:#FFF;
	color:#912626;
	font-weight:bold;
  text-decoration:none;
}

.subnav_active {
  background:white;
  padding:4px;
}

/*-------------------------------------------------
TABS
-------------------------------------------------*/

#Tabs {
	margin: 0 0 0 15px;
	padding: 0;
  margin-left-ltr-source: physical;
  margin-left-rtl-source: physical;
  margin-right-ltr-source: physical;
  margin-right-rtl-source: physical;
  height: 25px;
  padding-left-ltr-source: physical;
  padding-left-rtl-source: physical;
  padding-right-ltr-source: physical;
  padding-right-rtl-source: physical;
}

#Tabs ul {
	margin: 0; padding: 0;
  clear:left;
}

#Tabs li {
	margin: 0; padding: 0;
	display: inline;
	list-style: none;
	border: none;
	position:relative;
	float:left;
}

#Tabs a.current:link, #Tabs a.current:visited{
  background: #e5e5e5 url(/images/tab-bg.gif) top repeat-x;
  background-attachment: scroll;
  -x-background-x-position: center;
  -x-background-y-position: top;
  -moz-background-clip: -moz-initial;
  -moz-background-origin: -moz-initial;
  -moz-background-inline-policy: -moz-initial;
  border-bottom: 1px solid #e5e5e5;
  color: #090;
  font-weight: bold;
  text-decoration: none;
  margin: 0;
  margin-left-ltr-source: physical;
  margin-left-rtl-source: physical;
  margin-right-ltr-source: physical;
  margin-right-rtl-source: physical;
}

#Tabs a:link, #Tabs a:visited {
  background-color: #1A4F85;
  color: #fff;
  border: 1px solid #036;
  border-bottom: 1px solid #1A4F85;
  float: left;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
	padding: 4px 8px 6px 8px;
  padding-left-ltr-source: physical;
  padding-left-rtl-source: physical;
  padding-right-ltr-source: physical;
  padding-right-rtl-source: physical;
	margin: 0;
  margin-left-ltr-source: physical;
  margin-left-rtl-source: physical;
  margin-right-ltr-source: physical;
  margin-right-rtl-source: physical;
}

#Tabs a:hover{
  color: #fff;
  border-bottom: 1px solid #1D64AD;
	background-color: #1D64AD;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  -x-background-x-position: 0%;
  -x-background-y-position: 0%;
  -moz-background-clip: -moz-initial;
  -moz-background-origin: -moz-initial;
  -moz-background-inline-policy: -moz-initial;
}

/*------- Admin Tabs ------*/

#Tabs li#AdminTab a:link, #Tabs li#AdminTab a:visited {
  color: #fff;
  background-color: #036;
  border-bottom: 1px solid #036;
  text-decoration: underline;
}

#Tabs li#AdminTab a:hover {
  color: #fc0;
}

#Tabs li#AdminTab a.current {
  color: #fc0;
  text-decoration: none;
}

/*------- Tab Menues ------*/
#Tabs li ul {
  display: none;
  position: absolute;
  top: 26px;
  z-index:9999;
}
#Tabs li ul li {
  display:block;
}
#Tabs li ul li a {
  min-width:120px;
}
#Tabs li:hover ul { 
  display: block;
}

/*-------------------------------------------------
Flash Styles
-------------------------------------------------*/

#flashes {
  float: right;
}

#flash_error {
  position:fixed;
  top:47px;
  right:20px;
	color:white;
	background-color:red;
	font-weight:bold;
	z-index:20;
}

#flash_notice {
  position:fixed;
  top:25px;
  right:30px;
	color:green;
	background-color:white;
	font-weight:bold;
	z-index:20;
}

/* Misc scaffold styles */
div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}
/* Body Styles */
#top_spacer {
  margin-top:15px;
  padding-left:10px;
  padding-bottom:2px;
  /* height:10px; */
}

#sidebar {
  position: absolute;
  right: 10px;
  width: 180px;
  top: 105px;
}

#sidebar h3 {
  font-weight:bold;
  font-size: 13px;
  margin: 0px;
}

#sidebar strong {
  color: black;
  text- : underline;
}

#sidebar .links a {
  display: block;
  border: 1px solid darkgrey;
  background-color: #FFF;
  padding:.25em;
  margin-bottom:.5em;
  text-align:center;
}
#sidebar .links a:hover{
  background-color: #912626;
}

#body, #nav {
  background-color:#FFF;
}

.page_title {
  margin-top: 0px;
  padding-top: 0px;
}

#body, #footer, #top_spacer {
	margin-left:15px;
	margin-right:200px;
}

#body {
	border-right: 1px solid grey;
}

#body {
	border-bottom:1px solid grey;
	border-top:none;
	margin-top:0px;
	padding:5px;
	min-height:350px;
	z-index:3;
}

#body h2 {
  margin-top:5px;
}

#client_list td.action {
  border-left:solid black 1px;
  padding-left:3px;
}

.filter {
  float: right;
}

#make_new {
  border:solid black 1px;
	padding:2px 2px 2px 2px;
	background-color:#FFF;
	color:#912626;
	font-weight:bold;
  text-decoration:none;
  margin-bottom:1em;
}

.button {
  border: solid black 1px;
  padding: 2px;
  background-color:#FFF;
	color:#912626;
	font-weight:bold;
  text-decoration:none;
  margin-bottom:1em;
}

.list>tr {
  background-image: url(/images/fading_background_3-tr.png); 
  background-repeat: repeat-x;
}

.list>tr:hover {
  background-color: lightyellow;
}

.list td {
  padding:0px 0.5em;
  border:solid #CCC 1px; 
  text-align: center;
}

.list th {
  background-image: url(/images/fading_background_3-th.png); 
  background-repeat: repeat-x;
}

table.list {
  empty-cells:show;
}

.list, .cal{
  border-collapse:collapse;
  width: 100%;
}

.list .finished {
  color:grey;
}

.list .finished .id {
  text-decoration: line-through;
}

.sortable_list li {
  cursor: move;
}

#client_histories {
  font-size:80%;
}

.footer {
  color:#888; 
  text-align:center;
}
#madeby {text-align:right; font-size:smaller; padding-right:5px;}

/* Overview page Styles */

#overview_count {
  float:left;
  margin-right:15px;
}

#welcome_note fieldset {
  border:1px solid lightgrey;
}

#welcome_note legend {
  padding: 0px 5px;
}

#welcome_note ul {
  margin-left: 0px;
  padding-left: 10px;
}

#day_overview {
  float:right;
  margin-left: 15px;
}

#day_overview ul {
  margin:5px 0px 5px 0px;
  padding:0px;
}

#day_overview li {
  list-style-type:none;
}

/* Editing Styles */

.editrow {
  background-color:#FFF;
  overflow: auto;
  text-align: left;
}

.editblock td {
  border: none;
  overflow: auto;
  text-align: left;
}

.editblock {
  background-color:#fff;
  overflow: auto;
  text-align: left;
}

.data input, .data select, .data textarea, .form_detail_highlight {
  border:2px solid lightgrey;
}

.form_detail_highlight {
  margin:4px 0px;
  padding:3px 0px;
}

.data input:hover, .data select:hover, .data textarea:hover {
  background-color:lightyellow;
}

.data label {
  font-weight:bold;
}

.form_header {
  color: black;
  font-weight:bold;
  text-decoration:underline;
}

.date {
  font-size:150%;
}

.calendar {
  text-align: center;
}

/* ** Calendar Formating ** */
  /* Date pick cal */
.calendar td {
  padding: 3px;
  font-size: 130%;
}

.calndar th {
  padding-left: 3px;
  padding-right:  3px;
}

  /* day, week, month cal */
.cal {
  width: 100%;
}

.cal ul, #cal_legend ul {
  margin:0px 0px 0px 0px;
  padding:0px;
  spacing:0px;
}

.cal li, #cal_legend li {
  list-style-type:none;
}

#cal_legend {
  float: right;
}
#cal_legend li {
  display: inline;
}

.cal td {
  vertical-align: top;
  padding:0px 0.5em;
  padding-bottom: 5px;
  border:solid #CCC 1px;
  width: 14%;
  height: 3em;
}

.cal_num {
  float: right;
  padding-left: 2px;
}

.cal_tour, .cal_training, .cal_task, .cal_event_cont, .cal_event_fin {
  padding: 1px;
  border:1px solid grey;
  line-height:1.5em;
}
.cal_tour {
  background-color: #1AE200;
}
.cal_training {
  background-color: #1F4B19;
  color: #FFF;
}
.cal_event_cont {
  background-color: #B0E2AA;
}
.cal_event_fin{
  background-color: #510099;
  color: #FFF;
}
.cal_task, .cal_task a {
  background-color: #0066FF;
  color: #FFF;
}


/* ---
Styles for the auto complete text fields
--- */
div.auto_complete {
  width: 350px;
  background: #fff;
}
div.auto_complete ul {
  border:1px solid #888;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
}
div.auto_complete ul li {
  margin:0;
  padding:3px;
}
div.auto_complete ul li.selected { 
  background-color: #ffb; 
}
div.auto_complete ul strong.highlight { 
  color: #800; 
  margin:0;
  padding:0;
}

/* ============================== */
/* = Client Bookings Formatting = */
/* ============================== */

.client_event_list, .item_list {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0px 2em 0px 1em ;
}
.client_event_list li, .item_list li {
  border-bottom:1px dashed lightgrey;
  margin:5px 0;
  padding-bottom:5px;
}
.client_event_list .list_name {
  width:18em;
  font-weight:bold;
}
.client_event_list .list_loc {
  width:11em;
  text-align: center;
}
.client_event_list .list_date {
  border:1px dashed lightgrey;
  width:11em;
  margin-right:8px;
  text-align:center;
}
.client_event_list .list_cap {
  border:1px dashed lightgrey;
  width:5em;
  margin-right:8px;
  text-align:center;
}
.client_event_list .list_cost {
  width:5em;
  text-align: left;
}

.inline-block {
  display: -moz-inline-box;
  display: inline-block;
  -moz-box-orient: vertical;
  vertical-align: middle;
}
<!--[if IE]>
  .inline-block {
    zoom: 1;
    display: inline;
  }
<![endif]-->

.trunc_note {
  max-width:10%;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
}

/* --- 
Error Formating (down the bottom to have hightest priority)
--- */
#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

.fieldWithErrors{
  display: inline;
}
.fieldWithErrors input {
  border: solid red 2px;
}