/**********************************************************************************************************
* HTML Styles
/*********************************************************************************************************/

html>body {	text-align: -moz-center;overflow: -moz-scrollbars-vertical;}
.print_only {display:none;}
body { margin: 0;padding: 0;color: #2D2D2D;font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
h1 { margin-top: 0; margin-bottom: 5px;font-size:18px; padding-bottom:5px;border-bottom:1px solid #ddd; }
h2 { margin-top: 0; margin-bottom: 5px;font-size:14px; }
h2.white {
	margin-top: 0;
	margin-bottom: 5px;
	font-size:14px;
	color: #FFFFFF;
}

a, a:visited { color: #3963AF; text-decoration:none; }
a:hover { color: #ff0000; }
.red {color:#F00;}
.spacer{border-bottom:1px dotted #ccc;}
.floatleft { float:left; }
.floatright { float:right; }
div#hidden_div{
visibility:hidden;
}
p {
	font-weight: bold;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;	
}

/**********************************************************************************************************
* Form Elements
/*********************************************************************************************************/
input, textarea{border:1px solid #bbb;-moz-border-radius:3px;border-radius:3px; padding:2px;}
input[type=button]{background:#ccc; color:#333;cursor:pointer;border:1px solid #bbb; padding:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.35);}
input[type=button]:hover{background:#333; color:#fff;}
input[type=button].action_button{background:#3963AF; color:#eee;cursor:pointer;border:1px solid #555;padding:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.35);}
input[type=button].action_button:hover{background:#090; color:#fff;}
input[type=submit]{background:#3963AF; color:#eee;cursor:pointer;border:1px solid #555;padding:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.35);}
input[type=submit]:hover{background:#090; color:#fff;}
.btn{
  background: #ccc;
  color: #333;
  cursor: pointer;
  border: 1px solid #bbb;
  padding: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  }
select {
    -moz-border-radius: 4px;
    -moz-box-shadow: 1px 1px 5px #cfcfcf inset;
    border: 1px solid #cfcfcf;
	padding:2px;
    vertical-align: middle;
   /* background-color: transparent;*/
}
select.Rejected {
    background-color: #FB8E92;
}
select.Accepted {
    background-color: #9CFF97;
}
select.Draft {
    background-color: #E1F0FF;
}
select.Submitted {
    background-color: #FFFFCC;
}
option {
    background-color: #fef5e6;
    border-bottom: 1px solid #ebdac0;
    border-right: 1px solid #d6bb86;
    border-left: 1px solid #d6bb86;
}
option:hover {
    cursor: pointer;
}
/**********************************************************************************************************
* Page Wrapper Styles
/*********************************************************************************************************/
#page_wrapper { margin: 0; padding: 0; overflow: hidden; background: #fff; }
#paginglinks a {border:1px solid #aaa; padding:2px; margin:0 1px;background:#ccc;text-decoration:none;-moz-border-radius:2px;border-radius:2px;color:#2D2D2D;}
#paginglinks a:hover {background:#fff;color:#ff0000;}
#paginglinks a.active_link {background:#fff;font-size:16px; font-weight:bold; border:none;}
/**********************************************************************************************************
* Header Styles
/*********************************************************************************************************/
#header { margin: 0; padding: 5px 10px 0 0; height: 20px; text-align: right; }
.logo {margin:5px 0px 0 20px; padding:0px;font-size:16px; font-weight:bold; background:url(/images/logo.jpg) no-repeat; height:85px;}

/**********************************************************************************************************
* Left Column Styles
/*********************************************************************************************************/
div#left_column {margin: 0 0 -20000px -100%; padding:5px 7px 20010px 7px; width:220px;float:left;text-align:left;border-right: 1px solid #aaa;background:#eee; border-top:3px solid #aaa; }
div#left_column div.menu_group{width:235px;border:1px solid #3963AF;margin:0 0 15px 0; padding:0px;-moz-border-radius:4px;border-radius:4px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.35);background:#9ABDE5;}
/*div#left_column div.menu_group:hover{background:#9ABDE5;border:1px solid #3963AF;}*/
div#left_column div.menu_group h2{padding:5px;}
/*div#left_column div.menu_group:hover h2{padding:5px;color:#000;} */
div#left_column ul {width:235px;list-style:none;margin:0px 0px 8px 0px;padding:0;border-top:1px solid #ccc;background:#fff;}
div#left_column li{width:235px;border-bottom: 1px solid #ccc;margin:0;font-size: 9pt;line-height:24px;padding:0;}
div#left_column li.submenu{
	width:235px;
	border-bottom: 1px solid #ccc;
	margin:0;
	font-size: 9pt;
	line-height:normal;
	padding:0;
	padding-top: 5px;
	padding-bottom: 5px;
}
div#left_column li.submenu a.indent{
	display: inline;
	width:230px;
	background: #fff;
	color:#004EB1;
	text-decoration: none;
	text-indent: 50px;
	text-align: left;
}
div#left_column li.submenu a.indent:hover{background: #3963AF;color: #fff;}

div#left_column li a{display: block;background: #fff;color:#004EB1;text-decoration: none;width:230px; padding-left:5px;}
div#left_column li#active a{background: #ccc;color: #000;}
/*
html>body div#left_column li a {width: auto;}
*/
div#left_column li a:hover{background: #3963AF;color: #fff;}
div#left_column li#home{display: block;background: #004EB2;color: #fff;width:205px;line-height:26px;}
/**********************************************************************************************************
* Right Column (main content) Styles
/*********************************************************************************************************/
#right_column { margin: 0; padding: 0; width: 100%; float: left; background: #fff;border-top:3px solid #aaa;}
#messaging_pane { margin: 0; padding: 0; float: right; background: #3963AF;border-top:3px solid #000000;}

#content_wrapper { margin: 0 0 0 255px; padding: 15px 10px; text-align: left; }
#content_wrapper h1 { margin-top: 0; }
table.admin_table { border:	1px solid #3963AF; border-collapse:collapse;-moz-border-radius:5px;border-radius:5px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); }
table.admin_table th { padding: 5px; background: #9ABDE5; border:1px solid #3963AF;}
table.admin_table td {
	padding: 5px;
	border:1px solid #3963AF;
}
table.admin_table td.message_body {
	padding: 5px;
	border:1px solid #3963AF;
	background-color: #DEEBE1;
}
table.admin_table td.no_lines {
	padding: 5px;
	border:none;
	background-color: #DEEBE1;
}
table.admin_table td.Draft {
	background-color: #E1F0FF;
}
table.admin_table td.Rejected {
	background-color: #FB8E92;
}
table.admin_table td.Accepted {
	background-color: #9CFF97;
}
table.admin_table td.Submitted {
	background-color: #FFFFCC;
}
table.admin_table td.grey {
	background-color: #CCCCCC;
}
table.admin_table td.mail_0 {
	background-color: #FFFF99;
}
table.admin_table td.mail_1 {
	background-color: #DDDDDD;
}
table.admin_table tr:hover {background-color:#eee;}

table.editor{padding:5px;border:none;}
table.editor td.label{text-align:left;vertical-align:top;}
table.editor td.field{text-align:left;vertical-align:top;}
table.editor td.field textarea{ width:400px; height:100px;}

#alert_message { margin:0 0 15px 0; padding:6px 6px; color:#4C4C4C; font-family:Trebuchet MS,Verdana,Arial; font-size:12px; text-align:left; -moz-border-radius:5px;border-radius:5px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.35);}
#alert_message.yellow { background:#FFCC66; border:1px solid #F7931D; }
#alert_message.green { background:#CFF28B; border:1px solid #2D913A; }
#alert_message.red { background:#EFA4A4; border:1px solid #C0272D; }

#paginglinks {float:left;}
.red {
	color: #FF0000;
}
.tag_line {
	color: #000000;
	font-weight: bold;
}

/*******************************************************************************
* Search Bar
*******************************************************************************/
#search_toggle{cursor:pointer;color:#3963AF;}
#search_toggle:hover{color: #ff0000;}
div#search{margin-bottom:15px;display:none;border:1px solid #ccc;padding:5px;background:#eeeeee;-moz-border-radius:5px;border-radius:5px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.35);}
div#addnew{margin-bottom:15px;border:1px solid #ccc;padding:5px;background:#eeeeee;-moz-border-radius:5px;border-radius:5px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.35);}
.search_toggle{cursor:pointer;color:#3963AF;}
.search_toggle:hover{color: #ff0000;}
div .search{margin-bottom:15px;border:1px solid #ccc;padding:5px;background:#eeeeee;-moz-border-radius:5px;border-radius:5px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.35);}
div .addnew{margin-bottom:15px;border:1px solid #ccc;padding:5px;background:#eeeeee;-moz-border-radius:5px;border-radius:5px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.35);}
#equipment_line{display:none;margin-bottom:15px;display:none;border:1px solid #ccc;padding:5px;background:#eeeeee;-moz-border-radius:5px;border-radius:5px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.35);}

/*******************************************************************************
* Invoice create
*******************************************************************************/
#invoice_toggle{cursor:pointer;color:#3963AF;}
#invoice_toggle:hover{color: #ff0000;}
div#new_invoice_dnd{margin-bottom:15px;display:none;border:1px solid #ccc;padding:5px;background:#eeeeee;-moz-border-radius:5px;border-radius:5px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.35);}
div#return_tts{margin-bottom:15px;display:none;border:1px solid #ccc;padding:5px;background:#eeeeee;-moz-border-radius:5px;border-radius:5px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.35);}

/**********************************************************************************************************
* Footer Styles
/*********************************************************************************************************/
#footer { margin: 0; padding: 10px 0 0 0; width: 100%; text-align: center;border-top: 3px solid #aaa; }

/*******************************************************************************
* Error Message Styles
*******************************************************************************/
div.errorContainer {background-color: #FCC;border: 2px dashed #C0272D;margin: 5px;padding: 5px;width: 600px;	text-align:left;-moz-border-radius:5px;border-radius:5px;}
div.errorContainer ol li {list-style-type: disc;margin-left: 20px;}
div.errorContainer {display: none }
.errorContainer label.error {display: inline;}
input.error {border: 1px dotted #C0272D;background: #FFCCCC;}
label.error {border: none;}
.error {border: 1px dotted #C0272D;background: #FFCCCC;}

/*******************************************************************************
* Autosuggestion
*******************************************************************************/
div#autosuggestion , div#autosuggestion2 , div#autosuggestion3
{
	position:absolute;
	margin: 0;
	padding: 3px;
/*	width: 150px; */
	background: #E8EDF3 none repeat scroll 0%;
	border-left: 1px solid #B5C3CF;
	border-right: 1px solid #B5C3CF;
	border-bottom: 1px solid #B5C3CF;
	font-family:Verdana, Arial;
	font-weight:normal;
	font-size:8pt;	
  text-align: left;
}

ul.suggestions {
	margin: 0;
	padding: 0;
	list-style: none;
			width: 200px;
}

ul.suggestions li a {
	margin: 0;
	padding-left: 3px;
	height: 25px;
	display: block;
	font-family:Verdana, Arial;
	font-weight:normal;
	font-size:8pt;
	color: #666;
	text-decoration: none;
		width: 200px;

}

ul.suggestions li a:hover {	background: #B5C3CF;color: #333;}

.suggestionOn{background: #6600CC;}

div#safety_ticket{margin-bottom:15px;display:none;border:1px solid #ccc;padding:5px;background:#E4E3D6;}
#safety_toggle{cursor:pointer;color:#0000ff;}
#safety_toggle:hover{color: #ff0000;}

div#equipment_sign_out{margin-bottom:15px;display:none;border:1px solid #ccc;padding:5px;background:#E4E3D6;}
#equipment_toggle{cursor:pointer;color:#0000ff;}
#equipment_toggle:hover{color: #ff0000;}
.totals_col{

font-weight:bold;
text-align:right;
}

.lineItems td{
	padding: 5px;
}

.clear_icon{
font-weight:bold;
cursor:pointer;
}