/*************************************************************************************************
 * Generic elements
 */
@charset "utf-8"
* {
  margin: 0;
  padding: 0;
}

body {
  padding: 0;
  background:#F0EFEA;
  font: 12px/100% "Trebuchet MS", Helvetica, sans-serif; 
  color: #000;
  margin:5px 2px 5px 2px;
  float:left;
  width:99%;
  height:auto;
  border:1px solid #ddd;

}
img {
	border: none;
}

a:link, a:visited { 
  color: #669933;
  text-decoration: none;
}

a:hover {
  color: #ff9933;
  text-decoration: underline;
}

a:active, a.active {
  color: #5895be;
}

ul,li {
	padding:0;
	margin:0;
	list-style:none;
}

.clear {
	clear:both;
}

h1,h2,h3,h4 {
	padding:0;
	margin:0;
}
h4 {font-size:16px;}

input[type=submit],
input[type=reset],
input[type=button] {
      border:0px;
	  background:#646464 !important;
	  color:#fff;
	  padding:10px 20px;
	  font-size:16px;
	  border-radius: 25px;
}

div#header { 
width: 99%;
float: left;
margin-right:0px;
height:auto;
background:#ffffff;
padding:5px;
}

div#footer { 
clear:both;
width: 99%;
float: left;
margin-right:0px;
height:30px;
background:#ffffff;
padding:5px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

div#logo {
float:left;
}

div#dashboard_title {
float:left;
margin: 40px 0 0 30px;
font-size:24px;
color:#646464;
}

div#now {
float:right;
margin:5px;
font-size:16px;
}

div#select_billinggroup {
clear:right;
padding-top:5px;
float:right;
width:620px;
height:25px;
padding:2px;
}



div#leftside {
clear:both;
float:left;
border:1px solid #aaa;
background:#fff;
min-height:600px;
width:98%;
margin: 5px;
padding: 5px;

}

div#right {
float:right;
border:1px solid #ccc;
background:#fff;
min-height:600px;
maggin-left:10px;
width:97%;
margin: 5px;
padding: 10px;
text-align:left;
display:inline;
}

.tb1 {
border-right:1px solid #000;
border-bottom:1px solid #000;
font-size:16px;
}

.tb1 td {
border-top:1px solid #000;
border-left:1px solid #000;
padding:5px;
}

.tb1 tr.hightlightred {
background:red;
color:#fff;
font-weight:bold;
}
.tb1 tr.hightlightyellow {
background:#EFDBA2;
font-weight:bold;
}

.tb1 td.hightlightred {
background:red;
color:#fff;
}

.tb1 td.hightlightred {
background:red;
color:#fff;
}

.tb1 td.hightlightred a{
color:#fff;
}

.tb1 tr.normal {

}

.tb1 .tb_header {
background:#646464;
color:#fff;
font-weight:bold;
}

.tb2 {
width:100%;
}


.tb3 {
background:red;
color:#fff;
}

.tb3 a{color:#fff;text-decoration:underline;}

tr.tb_title_billing_summary {
font-weight:bold;
text-decoration:underline;
}

tr.casetotal {
background:yellow;
}

tr.systemtotal {
background:green;
}

tr.merged {
background:#F2F5A9;
}

tr.billingtotal {
background:#00CCFF;
color:#fff;
}

tr.summary_total td {
font-weight:bold;
background:#ccc;
}

td.billingprice {
color:green;
font-weight: bold;
font-size:20px;
}


tr.tb_title_report_summary {
font-weight:bold;
background:#ccc;
}

.number {
text-align:right;
}


.error {
background:red;
color:white;
padding:20px 5px;
width:95%;
font-size:16px;
font-weight:bold;
}

.msg {
background:green;
color:white;
padding:20px 5px;
width:95%;
font-size:16px;
font-weight:bold;
}

.form_gen1 {font-size:16px;color: #333;  padding:5px; 
background: #eeeeee !important;
}

.form_label { padding-right: 5px; }

.form_input1:hover, textarea:hover,
.form_input1:focus, textarea:focus {
border-color: #333;
}
.form_input1 {
    padding: 5px;
    border:0;
    border-bottom:1px solid #C9C9C9;
    outline: 0;
    font: normal 12px/100% Verdana, Tahoma, sans-serif;
    width: 100px;
    margin:4px;
    background: #FFFFFF;
     box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
}

.form_input1:hover, textarea:hover,
.form_input1:focus, textarea:focus {
border-color: #333;
}
.form_input2 {
    padding: 5px;
    border:0;
    border-bottom:1px solid #C9C9C9;
    outline: 0;
    font: normal 12px/100% Verdana, Tahoma, sans-serif;
    width: 300px;
    margin:4px;
    background: #FFFFFF;
     box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
} 

.form_input3 {
    padding: 5px;
    border:0;
    border-bottom:1px solid #C9C9C9;
    outline: 0;
    font: normal 12px/100% Verdana, Tahoma, sans-serif;
    width: 700px;
    margin:4px;
    background: #FFFFFF;
     box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
} 


.form_text1 {
	padding: 5px;
    border:0;
	margin:4px;
	font: normal 14px/100% Verdana, Tahoma, sans-serif;
	margin:4px;
}

.td_desc {
width:713px;
}

.td_desc2 {
width:356px;
}

.warning  {border:3px solid red;}
.submit {
    margin-top:30px;
    padding: 5px;
    background: #617798;
    border: 0;
    font-size: 12 px;
    color: #FFFFFF;
}

.billed {
color:green;
text-decoration:underline;
margin:10px 0;
font-size:16px;
}

.not_billed {
color:red;
text-decoration:underline;
margin:10px 0;
font-size:16px;
}

.ul_tab {
float:left;
width:98%;
}
.ul_tab li {
text-align:center;
float:left;
padding:5px 20px;
margin:2px;
border-top:2px solid #1c94c4;
border-left:2px solid #1c94c4;
border-right:2px solid #1c94c4;
font-weight:bold;
font-size:14px;
}

.ul_tab_on {
background:#1c94c4;
color:#fff;
}

.link_filter {
 margin:10px 0;
}

.sp_line {
 border-bottom:1px solid #ccc;
padding-bottom:5px;
 width:100%;
}

.red {color:red; font-weight:bold;}
.green {color:green;}



section {
  position: relative;
  border: 0px solid #000;
  padding-top: 37px;
  background: #fff;
}


section.positioned {
  position: absolute;
  top:100px;
  left:100px;
  width:800px;
  box-shadow: 0 0 15px #333;
}
.container {
  overflow-y: auto;
  height: 800px;
}


a.a_on {
color:green;
font-weight:bold;
}

a.a_off {
color:red;
font-weight:bold;
}

.form_h2  {
 text-decoration: underline;
}

.form_h3 {
	 text-decoration: underline;
	 font-weight:bold;
}

.table_input_text {
    border:0px; 
	width:100%;
}

.hidden_input {
	width:0px;
	height:0px;
	border:0px;
}

/* sort filter style */
.sort_th {
	cursor: pointer;
}

ul.sort_order {
    list-style-type: none;
	display:inline;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width:100%;
	float:left;
}

ul.sort_order li{
  float:left;
  margin-right:10px;
  background:#99ccff;
  padding:2px;
  border:2px solid #66ccff;
  border-radius: 10px;
  color:#fff;
  font-weight:bold;
  cursor: pointer;
}


.filter_th {
	text-align:center; 
	cursor: pointer;
}

tr.hover_orange:hover {
background:orange;
}

.edit_mode {font: 11px "Trebuchet MS", Helvetica, sans-serif; border:0px;}

/* END sort filter style */
.fs1 {
	 font-size:16px;
	  margin: 10px;
	  padding: 0 10px 10px;
	  border: 1px solid #ccc;
	  border-radius: 10px;
	  /* box-shadow: 0 0 20px #666; */
	  padding-top: 10px;
	  color:#666;
}

.fs1 legend {
  padding: 2px 4px;
  background: #fff;
  color:#666;
  font-weight:bold;
  /* For better legibility against the box-shadow */
}

.wp_post {
	
	font-size:16px;
}

.wp_post p {
	line-height: 1.5;
}