@charset "UTF-8";
body {
	margin: 0;
	padding: 0;
	font:9pt arial;
	color:#666666;
	line-height:140%;

	/*
	scrollbar-3dlight-color:#7080C0; 
	scrollbar-arrow-color:#7080C0; 
	scrollbar-base-color:#7080C0; 
	scrollbar-darkshadow-color:#1F2C70; 
	scrollbar-face-color:#1F2C70; 
	scrollbar-highlight-color:#1F2C70; 
	scrollbar-shadow-color:#7080C0;
	*/
}

ol, ul,li {
	list-style: none;
	margin:0;
	padding:0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
a { color:#666666; line-height:140%; text-decoration: none; }

a:active, a:hover {
	color:#666666;
	line-height:140%;
	text-decoration: underline;
}

table {
	font:9pt arial;
	color:#000000;
	line-height:140%;
}

img { border:0; }

form { 	margin:0; }


.input {
	border:1px solid #8B9CB4;
	background-color:transparent;
	font:9pt Tahoma;
	color:#000000;
	margin:1px;
}

 input:focus, select:focus, textarea:focus { background-color: Lightyellow; } 

input[disabled="disabled"] {
	border:0 !important;
}
input, select, textarea { margin:3px; }

sub { margin:3px; }
.textarea {
	border:1px solid #8B9CB4;
	background-color:#FFFFFF;
	font:9pt Tahoma;
	color:#000000;
	margin:1px;
}

.button {
	border:1px solid #8B9CB4;
	background-color:#E0E0E0;
	font:9pt Tahoma;
	color:#000000;
	margin:1px;
}


.button02 {	
	background-color:#E0E0E0;
	font:10pt Tahoma;
	color:#000000;
	margin:1px;
}

.tr_bold { font-weight:bold }
.tr_bold02 { font-weight:bold;color:#940000;}
.tr_normal02 { font-weight:normal;color:black; }
.td_fontcolor1 {color:#00111B;}


.price {font-family:arial;color:#E83100;font-weight:bold;}
.price2 { color:#B60000; font-size:9pt; padding-right:4px; text-align:right; font-weight:bold; }
.pricenb {font-family:arial;color:#E83100;}
.pricedis {font-family:arial;color:#034074;font-weight:bold}
.menu01 {font-size:10pt;}

.report {
	border:1px solid black;
	padding:0;
	margin:10px;
}
.report td {
	border:1px solid black;
}
.quantity01 {
	color:#000000;
	font-size:9pt;
	padding-right:4px;
	text-align:right;
	font-weight:bold;
}

.quantity0101 {
	color:#000000;
	font-size:10pt;
	padding-right:4px;
	text-align:center;
	font-weight:bold;
}

.quantity02 {
	color:#B60000;
	font-size:9pt;
	padding-right:4px;
	text-align:center;
	font-weight:bold;
}

.quantity_bold02 {
	color:#B60000;
	font-size:12pt;
	padding-right:4px;
	text-align:right;
	font-weight:bold;
}


.quantity03 {
	color:#B60000;
	font-size:9pt;
	padding-right:4px;
	text-align:right;
	font-weight:bold;
}

.font10 {font-size:10pt;font-family:arial;color:#000000;font-weight:normal}
.font10_bold {font-size:10pt;font-family:arial;color:#000000;font-weight:bold}
.font12_bold {font-size:12pt;font-family:arial;color:#000000;font-weight:bold}

.dinput {background-color:#D6D6D6;font-weight:bold;color:#000000}
.dinput2 {background-color:#E8E8E8;font-weight:normal;color:#000000}
.dinput3 {background-color:#FFCF7B;font-weight:bold;color:#000000}
.dinput4 {background-color:#FFCACA;font-weight:bold;color:#000000}
.dinput5 {background-color:#E7E3E7;font-weight:bold;color:#000000}
.dinput6 {background-color:#FFFFFF;font-weight:bold;color:#000000}
.dinput7 {background-color:#DEDFDE;font-weight:bold;color:#000000}
.dinput8 {background-color:#C6C7C6;font-weight:bold;color:#000000}

.font11_bold {font-size:11pt;font-family:Tahoma;color:#1A426A;font-weight:bold}

a.info{
        position:relative;           /*this is the key*/
        z-index:24;
       }
 
        a.info:hover {
        z-index:25;
      
        }
 
        a.info span{
        display: none;  /* hide the span text using this css */
        }
 
        a.info:hover span{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
        top: 1.7em;
        left: 1.5em;
		font-size:9pt ;
		background :#DF0000;
		width: 150px;
        z-index:30;
        }
.completed {
	background-color:#0474a3; 
	color:#ffffff;
}
.holding {
	background-color:#ecac00;
	color:#ffffff;
}
table.list {
	
}
table.list th {
	border-bottom: 1px solid black;
    cursor: pointer;
	font-weight: bold;
}
table.list td {
	padding:3px 10px;
	text-align: left;
}
.even {
	background-color: white;
}
.odd {
	background-color: #e9e9e9;
}
.mandatory {
	color: #FAA834;
	font-size:18px;
	font-weight: bold;
}

.new_entry th,
.new_entry tr,
.list_table th, th{
	height: 30px;
}

.list_table td {
	height: 25px;
}

.car {
	background-color:yellow;
	color:red;
}
.center {
	text-align:center;	
}
.right {
	text-align:right;
	padding-right:3px;
}
.left {
	text-align:left;
	padding-left:3px;
}
.detail {
	font-size: .9em;
	vertical-align:top;
	line-height:130%;
	width:143px;
}
.break {
	page-break-after: always;
}
.half,
.full,
.nill,
.job_extra_hour {
	display:inline-block;
	font-size:9px;
	cursor:pointer;
	width:140px;
	border-bottom: 1px solid #fff;
}
.full {
	height:68px;
	background-color:rgb(218,238,243);
	color:#000;
}
.half {
	background-color:rgb(218,238,243);
	color:#000;
	height:34px;
	
}

.nill {
	background-color:#FAEB78;
}
.am {background-color:rgb(218,238,243) !important;}
.pm {background-color:rgb(253,233,217) !important;}
.ni {background-color:rgb(221,217,196) !important;}

.font90
{ font-size: .9em !important; }
.right10 { text-align:right; padding-right: 10px; }
.sort { background: url(../images/sort_both.png) right center no-repeat; cursor:pointer;}
.sort_asc { background: url(../images/sort_asc.png) right center no-repeat;}
.divider { background: url(../images/bg_check.gif) repeat-x;height:3px; } 
#processing {display:none; position:fixed; top:50%;left:50%; z-index:999; width:200px; height:40px; margin-left:-10px; margin-top:-20px; }
.no_bg:focus { background-color:transparent !important; }
.ui-autocomplete-loading { background: transparent url('css/images/ui-anim_basic_16x16.gif') right center no-repeat; }
.ui-autocomplete {
	max-height: 150px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 150px;
}

.red {
	color: red;
}
.blue {
	color:blue;
}
.font11 { font-size:11px;} 
.font12 { font-size:12px;}
.strike { text-decoration: line-through;}
.absence { color:red;}
.attendance { display:inline-block; padding-left:5px; padding-right:5px; z-index: 10;}
.contact { display:inline-block !important; font-size:0; margin-right:3px; z-index:10; vertical-align:top;height:12px !important;width:9px !important;}
#getgrosstotal{cursor: pointer}
.update_transaction {cursor:pointer}

.profit { background: rgb(233, 238, 242) !important;}
.labour { background: rgb(160, 160, 160) !important; }
.material { background: rgb(240, 240, 240) !important; }
.budget { background: rgb(160, 160, 160) !important; }
.contract { background: rgb(240, 240, 240) !important; }
#table .ui-state-default,
.display .ui-state-default { color:black !important;border-color:black !important;}
#table .labour, #table .budget { color:white !important;}

.cursor { cursor:pointer;}
.add_employee{ margin-bottom: 0px !important;}
#multi1,#multi2 {float:left;}
#multi2_table { display:inline-block;}
tr.even:hover { background-color: #ECFFB3 !important; }
tr.odd:hover { background-color: #E6FF99 !important; }
.branch { font-size:20px; padding-left:10px;}
.gc {background-color:rgb(255,225,60);}
.mel {}
.job_order tbody { }