/* General styles */
html{
	height: 100%;
	min-height: 100%;
	border-width: 0px;
}
body{
	height: 100%;
	min-height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #F9F8F8;
	color: #000000;
}
th,td,tt,p,div,span,input,textarea,select,form,iframe,li,ul{
	margin: 0px; 
	padding: 0px; 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
h1,h2,h3,h4,h5,h6{
	padding: 0;
	margin: 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
a{
	font: 12px tahoma, verdana, arial, sans-serif;
	text-decoration: none;
	color:#0099FF;
}
a:hover{
	text-decoration: none;
}
ul,li{
	list-style-type: none;
}
.none{
	float:left;
	display:none;
	font-size:0px;
}
/* main class */
.body{
	margin:0 auto;
}
.body-inner{
	margin-left:5px;
	margin-right:5px;
}
.header,.footer,.container{
	clear: both;
}
.clear{
	clear: both;
	font-size: 0px;
}
/* header */
.header{
	float:left;
	width:100%;
	background:#3366cc;
	color:#ccc;
}
.header a{ 
	color:#fff; 
	text-decoration: underline
}
.header h1{ 
	clear: both; 
	font-size:16px; 
	padding:3px 0px 3px 10px; 
	height:20px; 
	vertical-align:middle;
	border-bottom:1px solid #666666; 
	background:#fff; 
	color:#000000;
}
/* header gav */ 
.header-gav{
	float:left;
	width:100%;
	height:3px;
	background:#f1f1f1;
	font-size:0px;
}
.header-inner{
	float:left;
	height:110px;
	width:100%;
}
.header-logo{
	float:left;
	width:200px;
	height:60px;
	margin-top:30px;
}
.header-sponser{
	margin: 10px 0px 0px 200px;
	text-align:center;
}

/* location */
.location{
	float:left;
	width:100%;
	margin:0;
	border-bottom:1px solid #CCCCCC;
}
.location-inner{
	float:left;
	width:900px;
	padding-top:2px;
	padding-bottom:5px;
	margin-left:10px;
	margin-right:10px;
}
.location-inner a{
	text-decoration:none; 
}
.location-inner a:hover{
	text-decoration:underline; 
}

.location a{
	font-size:12px;
	color:#0099FF;
}
#location_alert{
	float:left;
	width:100%;
	margin:0;
	background:#e5e5e5; 
	/* border-bottom:1px solid #CCCCCC; */
}
.alert_af15{
	float:left;
	width:auto;
	margin:5px 0 5px 10px;
	padding:0px;
}
.alert_af15 a{
	font-size:13px;
	font-weight:normal;
	color:black;
}
.alert_af15 a:hover{
	text-decoration:underline; 
}
.alert_af15 p{
	width:auto;
	font-size:13px;
	color:black;
	padding:1px;
	margin:0px;
}

.alert_bf15{
	float:left;
	width:auto;
	margin:5px 0 5px 10px;
	padding:0px;
}
.alert_bf15 a{
	font-size:13px;
	font-weight:normal;
	color:red;
}
.alert_bf15 a:hover{
	text-decoration:underline; 
}
.alert_bf15 p{
	width:auto;
	font-size:13px;
	color:red;
	padding:1px;
	margin:0px;
}

.alert_1{
	float:left;
	width:auto;
	margin:5px 0 5px 10px;
	padding:0px;
}
.alert_1 a{
	font-size:13px;
	font-weight:normal;
	color:red;
}
.alert_1 a:hover{
	text-decoration:underline; 
}
.alert_1 p{
	width:auto;
	font-size:13px;
	color:red;
	padding:1px;
	margin:0px;
}

.alert_2{
	float:left;
	width:auto;
	margin:5px 0 5px 10px;
	padding:0px;
}
.alert_2 a{
	font-size:13px;
	font-weight:normal;
	color:green;
}
.alert_2 a:hover{
	text-decoration:underline; 
}
.alert_2 p{
	width:auto;
	font-size:13px;
	color:green;
	padding:1px;
	margin:0px;
}

.alert_3{
	float:left;
	width:auto;
	margin:5px 0 5px 10px;
	padding:0px;
}
.alert_3 a{
	font-size:13px;
	font-weight:normal;
	color:#8B008B;
}
.alert_3 a:hover{
	text-decoration:underline; 
}
.alert_3 p{
	width:auto;
	font-size:13px;
	color:#8B008B;
	padding:1px;
	margin:0px;
}

.alert_4{
	float:left;
	width:auto;
	margin:5px 0 5px 10px;
	padding:0px;
}
.alert_4 a{
	font-size:13px;
	font-weight:normal;
	color:#8B008B;
}
.alert_4 a:hover{
	text-decoration:underline; 
}
.alert_4 p{
	width:auto;
	font-size:13px;
	color:#8B008B;
	padding:1px;
	margin:0px;
}

/* notice */
.notice{
	float:left;
	width:100%;
	margin-bottom:2px;
	background: #FF6666;
	border-bottom:1px solid #FF0000;
}
.notice-inner{
	float:left;
	width:auto;
	padding-top:2px;
	padding-bottom:2px;
	margin-left:10px;
	margin-right:10px;
}
.notice-inner p{
	color: white;
}

/* location print */
.location-print{
	display: block;
	width:1000px;
	height:auto;
	float:left;
	background:none;
	font-size:12px;
	font-weight:bold;
	color:black;
	padding:2px 2px 2px 10px;
	margin:0 0 2px 0;
}
.location-print .whiteTopic { width:auto; height:19px; font-size:12px; font-weight:normal; color:black; background:none; padding:1px 5px 1px 5px;}

/* location print budget */
.location-print-budget{
	display: block;
	width:1000px;
	height:auto;
	float:left;
	background:none;
	font-size:16px;
	font-weight:bold;
	color:black;
	padding:2px 2px 2px 10px;
	margin:0 0 2px 0;
}
.location-print-budget .whiteTopic { width:auto; height:25px; font-size:16px; font-weight:normal; color:black; background:none; padding:1px 5px 1px 5px;}

.location-top{
	display: block;
	width:900px;
	height:auto;
	float:left;
	background:blue;
	font-size:12px;
	font-weight:bold;
	color:white;
	padding:2px 2px 2px 10px;
	margin:0 0 2px 0;
}
.location-top .whiteTopic { width:auto; height:19px; font-size:12px; font-weight:normal; color:gray; background:white; padding:1px 5px 1px 5px;}
.location-client{
	display: block;
	width:800px;
	height:auto;
	float:left;
	background:blue;
	font-size:12px;
	font-weight:bold;
	color:white;
	padding:2px 2px 2px 10px;
	margin:0 0 2px 0;
}
.location-client .whiteTopic { width:auto; height:19px; font-size:12px; font-weight:normal; color:gray; background:white; padding:1px 5px 1px 5px;}
.location-proposal{
	display: block;
	width:800px;
	height:auto;
	float:left;
	background:green;
	font-size:12px;
	font-weight:bold;
	color:white;
	padding:2px 2px 2px 10px;
	margin:0 0 2px 0;
}
.location-proposal .whiteTopic { width:auto; height:19px; font-size:12px; font-weight:normal; color:gray; background:white; padding:1px 5px 1px 5px;}
.location-plansend{
	display: block;
	width:auto;
	height:auto;
	float:left;
	background:orange;
	font-size:12px;
	font-weight:bold;
	color:white;
	padding:2px 2px 2px 10px;
	margin:0 0 2px 0;
}
.location-plansend .whiteTopic { width:auto; height:19px; font-size:12px; font-weight:normal; color:gray; background:white; padding:1px 5px 1px 5px;}
.location-countdown{
	display: block;
	width:auto;
	height:auto;
	float:left;
	background:red;
	font-size:12px;
	font-weight:bold;
	color:white;
	padding:2px 2px 2px 10px;
	margin:0 0 2px 0;
}
.location-countdown .whiteTopic { width:auto; height:19px; font-size:12px; font-weight:normal; color:gray; background:white; padding:1px 5px 1px 5px;}
.location-countdown .redTopic { width:auto; height:19px; font-size:12px; font-weight:normal; color:red; background:white; padding:1px 5px 1px 5px;}
.location-countdown .greenTopic { width:auto; height:19px; font-size:12px; font-weight:normal; color:green; background:white; padding:1px 5px 1px 5px;}
.location-countdown .blueTopic { width:auto; height:19px; font-size:12px; font-weight:normal; color:blue; background:white; padding:1px 5px 1px 5px;}

/* container */
.content {
	float:left;
	width:100%;
	padding-bottom:7px;
}
/* footer */ 
.footer{
	position: absolute; 
/*	visibility:hidden; */
	height: 30px; 
	width: 100%;
	border-top: solid 1px #333333;
	background-color: #3366cc;
	padding-left:10px;
	padding-right:10px;
	padding-top:7px;
	padding-bottom:7px;
	font-size:10px;
}
.footer a{ 
	color:#CCCCCC; 
	text-decoration:none; 
	font-size:11px;
}
/* bottom menu */
.footer .bottom-menu{
	color:#ccc;
	float:left;
	font-size:10px;
}
.footer .copyright{
	color:#ccc;
	float:right;
	font-size:10px;
}

div#alert{
	display: block;
	width:900px;
	height:auto;
	font-size:12px;
	font-weight:normal;
	color:black;
	padding:5px;
	margin:30px auto;
	border:1px solid #999999;
}
div#alert p{
	font-size:12px;
	font-weight:normal;
	color:black;
	padding:0px;
	margin:3px 0 2px 0;
	border-bottom:1px solid #999999;
}

div#template{width:100%; height:100%; margin:65px auto;}
.template {display:block; float:left; width:300px; height:150px; margin:0px 0px 30px 100px; padding:5px; border:1px solid #999999;}
.template span{display:block; width:100%; color: gray; font-size:16px; text-align:center;}
.template a{display:block; width:100%; color:#2583AD; font-size:52px; text-align:center;}
.template a:hover{ color:#3366cc; background:#e5e5e5;}
div#timesheet{width:100%; height:100%; margin:50px auto;}
.timesheet {display:block; float:left; width:300px; height:150px; margin:0px 0px 30px 100px; padding:5px; border:1px solid #999999;}
.timesheet span{display:block; width:100%; color: gray; font-size:16px; text-align:center;}
.timesheet a{display:block; width:100%; color:#2583AD; font-size:42px; text-align:center;}
.timesheet a:hover{ color:#3366cc; background:#e5e5e5;}
div#report{width:100%; height:100%; margin:25px auto;}
.report {display:block; float:left; width:250px; height:50px; margin:10px 0px 5px 20px; padding:5px; border:1px solid #999999;}
.report a{display:block; width:100%; color:#2583AD; font-size:16px; text-align:center;}
.report a:hover{ color:#3366cc; background:#e5e5e5;}
div#wrapper{float:left; width:100%; margin-left:0px; padding-left:0px;}
div#content{margin:5px 5px 10px 10px; padding:1px;}
div#content h1{ float:left; width:650px; height:25px; font-size:16px; margin:0px; padding: 0px; border: solid 0px #333333;}
div#content h2{ font-size:14px; width:680px; }
div#content h3{ font-size:14px; width:250px; }
div#content p{}
div#content .select{ float:left; margin:2px 0px; padding:1px; }
div#content h1 .redTopic { font-size:16px; font-weight:bold; color:red; }
div#content h1 .greenTopic { font-size:16px; font-weight:bold; color:green; }
div#content h1 .blueTopic { font-size:16px; font-weight:bold; color:blue; }
div#content .search { 
	float:right; 
	width:330px; 
	height:25px; 
	font-size:12px; 
	font-weight:bold; 
	color:blue; 
	border: solid 0px #333333; 
	margin:0 0 5px 0;
	padding: 0px;
	text-align: right;
}
div#content-form{margin:5px 5px 10px 10px; padding:1px;}
div#content-form h1{ float:left; width:100%; height:25px; font-size:16px; margin:0px; padding: 0px; border: solid 0px #333333;}

/* Table */
.table-key {float:left; width:auto; padding:0px; margin:0px;}
.table-key legend{ font-size:14px; font-weight:bold; color:gray; padding:2px 5px 2px 5px; border: solid 1px #333333;}
.table-key table{ width:100%; }
.table-key tbody td{ padding-top:3px; padding-bottom:3px;padding-left:3px;}
.table-key tbody th { font-weight:normal; padding-top:4px; padding-left:3px;padding-right:3px; text-align:right; vertical-align:top;}
.table-key tfoot{  }
.table-key tfoot th{color:#C6D9E9;font-weight:bold; padding-top:5px; padding-bottom:5px; background:#E5E5E5;padding-left:3px;}
.table-key tfoot td{color:#333333;font-weight:bold; padding-top:5px; padding-bottom:5px; background:#E5E5E5;padding-left:3px;}
.table-key p{ width:auto; padding: 2px; background:none; }
.table-key .ag{width:auto;background:#E5E5E5;}

.table-add {float:left; width:auto; padding:0px; margin:0px;}
.table-add legend{ font-size:14px; font-weight:bold; color:gray; padding:2px 5px 2px 5px; border: solid 1px #333333;}
.table-add table{ width:100%; }
.table-add tbody td{ padding-top:3px; padding-bottom:3px;padding-left:3px;}
.table-add tbody th { font-weight:normal; padding-top:4px; padding-left:3px;padding-right:3px; text-align:right; vertical-align:top;}
.table-add tfoot{  }
.table-add tfoot th{color:#C6D9E9;font-weight:bold; padding-top:5px; padding-bottom:5px; background:#E5E5E5;padding-left:3px;}
.table-add tfoot td{color:#333333;font-weight:bold; padding-top:5px; padding-bottom:5px; background:#E5E5E5;padding-left:3px;}
.table-add p{width:auto;}
.table-add .PosLeft { float:left; width:150px;}
.table-add .PosRight { float:left;}

.table-add-more {float:left; width:720px; padding:0px; margin:0px;}
.table-add-more legend{ font-size:14px; font-weight:bold; color:gray; padding:2px 5px 2px 5px; border: solid 1px #333333;}
.table-add-more table{ width:100%; }
.table-add-more tbody td{ padding-top:3px; padding-bottom:3px;padding-left:3px;}
.table-add-more tbody th { font-weight:normal; padding-top:4px; padding-left:3px; padding-right:3px; vertical-align:top;}
.table-add-more tfoot{  }
.table-add-more tfoot th{color:#C6D9E9;font-weight:bold; padding-top:5px; padding-bottom:5px; background:#E5E5E5;padding-left:3px;}
.table-add-more tfoot td{color:#333333;font-weight:bold; padding-top:5px; padding-bottom:5px; background:#E5E5E5;padding-left:3px;}

.table-view {float:left; width:auto; padding:0px; margin:0px;}
.table-view legend{ font-size:14px; font-weight:bold; color:gray; padding:2px 5px 2px 5px; border: solid 1px #333333;}
.table-view table{ width:100%; }
.table-view thead{ background:#464646; text-align:center}
.table-view thead td{color:#D7D7D7;font-weight:bold; padding-top:5px; padding-bottom:5px; padding-left:3px;padding-right:3px;}
.table-view thead th{color:#D7D7D7;font-weight:bold; padding-top:5px; padding-bottom:5px; padding-left:3px;padding-right:3px;}
.table-view tbody td{ padding-top:3px; padding-bottom:3px;padding-left:3px;}
.table-view tbody th { font-weight:normal; padding-top:4px; padding-left:3px;padding-right:3px; text-align:right; vertical-align:top;}
.table-view tbody p.cml{color:#333333; font-weight:bold; padding-top:5px; padding-bottom:5px; background:#E5E5E5; padding-left:3px; text-decoration:underline;}
.table-view tbody p.cms{color:#333333; font-weight:bold; padding-top:5px; padding-bottom:5px; background:#E5E5E5; padding-left:3px;}
.table-view tfoot{  }
.table-view tfoot th{color:#C6D9E9;font-weight:bold; padding-top:5px; padding-bottom:5px; background:#E5E5E5;padding-left:3px;}
.table-view tfoot td{color:#333333;font-weight:bold; padding-top:5px; padding-bottom:5px; background:#E5E5E5;padding-left:3px;}

.staff-view {float:left; width:auto; padding:0px; margin:10px 0px 5px 0px;}
.staff-view legend{ font-size:14px; font-weight:bold; color:gray; padding:5px 10px 3px 10px; border: solid 1px #333333;}
.staff-view table{ width:100%; border-collapse: collapse; }
.staff-view thead{background:#464646;}
.staff-view thead th{color:#E5E5E5; font-weight:bold; padding:5px;}
.staff-view thead td{color:#E5E5E5; font-weight:bold; padding:5px;}
.staff-view tbody { font-weight:normal;background:#E5E5E5;}
.staff-view tbody th{color:#303030; font-weight:normal; padding:5px; border-bottom: dashed 1px #cccccc;}
.staff-view tbody td{color:#303030; font-weight:normal; padding:5px; border-bottom: dashed 1px #cccccc;}
.staff-view tbody p.cml{color:#333333; font-weight:normal; padding:5px;}
.staff-view tbody p.cms{color:#333333; font-weight:normal; padding:5px;}
.staff-view tfoot{background:#464646;}
.staff-view tfoot th{color:gray; font-weight:bold; padding:5px 10px;}
.staff-view tfoot td{color:gray; font-weight:bold; padding:5px 10px;}
.staff-view tfoot a{color:gray; font-weight:bold; padding:2px 3px; margin:5px 10px;}

.table-popup {float:left; width:auto; padding:0px; margin:0px;}
.table-popup legend{ font-size:14px; font-weight:bold; color:gray; padding:2px 5px 2px 5px; border: solid 1px #333333;}
.table-popup table{ width:100%; }
.table-popup thead{ background:#464646; text-align:center}
.table-popup thead td{color:#D7D7D7;font-weight:bold; padding-top:5px; padding-bottom:5px; padding-left:3px;padding-right:3px;}
.table-popup thead th{color:#D7D7D7;font-weight:bold; padding-top:5px; padding-bottom:5px; padding-left:3px;padding-right:3px;}
.table-popup tbody td{ padding-top:3px; padding-bottom:3px;padding-left:3px;}
.table-popup tbody th { font-weight:normal; padding-top:4px; padding-left:3px;padding-right:3px; text-align:right; vertical-align:top;}
.table-popup tbody p.cml{color:#333333; font-weight:bold; padding-top:5px; padding-bottom:5px; background:#E5E5E5; padding-left:3px; text-decoration:underline;}
.table-popup tbody p.cms{color:#333333; font-weight:bold; padding-top:5px; padding-bottom:5px; background:#E5E5E5; padding-left:3px;}
.table-popup tfoot{  }
.table-popup tfoot th{color:#C6D9E9;font-weight:bold; padding-top:5px; padding-bottom:5px; background:#E5E5E5;padding-left:3px;}
.table-popup tfoot td{color:#333333;font-weight:bold; padding-top:5px; padding-bottom:5px; background:#E5E5E5;padding-left:3px;}

.table-component {float:left; width:auto; padding:0px; margin:0px;}
.table-component table{ width:100%; background:#eeeeee; border: solid 1px gray;}
.table-component thead th { font-weight:bold; color:black; padding:3px 3px 1px 3px; text-align:left; background:#d5d5d5;}
.table-component tbody th { font-weight:normal; padding:3px 3px 1px 3px; text-align:left; background:#e5e5e5;}
.table-component tbody td{ padding:3px 0px 3px 3px; border-bottom:1px solid #cccccc; }

.table {float:left; width:100%; padding:0 0 5px 0; margin:0px;}
.table table{overflow: scroll;}
.table thead{ background:#464646; text-align:center}
.table thead td{ height:18px; color:#D7D7D7;font-weight:bold; padding-top:5px; padding-bottom:5px; padding-left:3px;padding-right:3px;}
.table thead td span{color:#D7D7D7; font-weight:bold;}
.table thead th{ height:18px; color:#D7D7D7;font-weight:bold; padding-top:5px; padding-bottom:5px; padding-left:3px;padding-right:3px;}
.table tbody{overflow: scroll;}
.table tbody td{ height:20px; padding-top:1px; padding-bottom:1px; padding-left:3px;}
.table tbody th { height:20px; font-weight:normal; padding-top:1px; padding-bottom:1px; padding-left:3px; padding-right:3px; text-align:right; vertical-align:top;}
.table tfoot{  }
.table tfoot th{color:#C6D9E9;font-weight:bold; padding-top:5px; padding-bottom:5px; background:#E5E5E5;padding-left:3px;}
.table tfoot td{color:#333333;font-weight:bold; padding-top:5px; padding-bottom:5px; background:#E5E5E5;padding-left:3px;}
.table .bg_th { background:#9999ff;}
.table .bg_td { background:#ccccff;}
.table .bg_tdd { background:#ffcccc;}
.table .bg_tf { background:#FDE2E2;}
.table .bg_sort { background:#990000;}
.table table select{
	font-size:10px;
	font-weight:normal;
	padding: 0;
	margin: 0;
	border: solid 0px gray; 
}

.table-form-a {float:left; width:100%; padding:0 0 5px 0; margin:0px;}
.table-form-a table{}
.table-form-a thead{ background:#464646; text-align:center}
.table-form-a thead td{ height:18px; color:#D7D7D7;font-weight:bold; padding-top:5px; padding-bottom:5px; padding-left:3px;padding-right:3px;}
.table-form-a thead th{ height:18px; color:#D7D7D7;font-weight:bold; padding-top:5px; padding-bottom:5px; padding-left:3px;padding-right:3px;}
.table-form-a tbody td{ height:20px; padding-top:1px; padding-bottom:1px; padding-left:3px;}
.table-form-a tbody th { height:20px; font-weight:normal; padding-top:1px; padding-bottom:1px; padding-left:3px; padding-right:3px; text-align:center; vertical-align:middle;}
.table-form-a tfoot{  }
.table-form-a tfoot th{color:#C6D9E9;font-weight:bold; padding-top:5px; padding-bottom:5px; background:#E5E5E5;padding-left:3px;}
.table-form-a tfoot td{color:#333333;font-weight:bold; padding-top:5px; padding-bottom:5px; background:#E5E5E5;padding-left:3px;}
.table-form-a .bg_th { background:#9999ff;}
.table-form-a .bg_td { background:#ccccff;}
.table-form-a .bg_tdd { background:#ffcccc;}
.table-form-a .bg_tf { background:#FDE2E2;}
.table-form-a table select{
	font-size:10px;
	font-weight:normal;
	padding: 0;
	margin: 0;
	border: solid 0px gray; 
}

.under-table-650{ border:1px solid #328AB2;}
.under-table{ float:left; width:100%; margin: 0px; border:0px solid #328AB2;}
.excel { float:right; width:30px; height: 30px; margin: 5px 0px 2px 0px; border:0px solid #328AB2;}
.save { float:right; width:75px; height: 30px; margin: 5px 0px 2px 0px; border:0px solid #328AB2;}
.addRow { float:right; width:290px; height: 30px; margin: 5px 0px 2px 0px; border:0px solid #328AB2;}
.totalQuery { float:left; width:80px; height: 30px; margin: 5px 0px 2px 0px;}
.totalQuery strong{ font-size:11px; font-weight:bold; margin:2px; border:1px solid #328AB2; background:#4EB6E5; padding:2px 5px; color:#FFFFFF; }

/* Calendar */
.work_calendar {float:left; width:100%; padding:0px; margin:0px;}
.work_calendar table{ border:1px solid #5f6f7e; }
.work_calendar thead{ background:#464646; text-align:center}
.work_calendar thead th{color:#D7D7D7; font-weight:bold; padding-top:5px; padding-bottom:5px; padding-left:3px;padding-right:3px; border:1px solid #5f6f7e;}
.work_calendar thead td{color:#D7D7D7; font-weight:bold; padding-top:5px; padding-bottom:5px; padding-left:3px;padding-right:3px; border:1px solid #5f6f7e;}
.work_calendar tbody td{ padding-top:3px; padding-bottom:3px;padding-left:3px; border:1px solid #5f6f7e;}
.work_calendar tbody th { font-weight:normal; padding-top:4px; padding-left:3px;padding-right:3px; text-align:right; vertical-align:top; border:1px solid #5f6f7e;}
.work_calendar tfoot{  }
.work_calendar tfoot th{color:#C6D9E9;font-weight:bold; padding-top:5px; padding-bottom:5px; background:#E5E5E5;padding-left:3px;}
.work_calendar tfoot td{color:#333333;font-weight:bold; padding-top:5px; padding-bottom:5px; background:#E5E5E5;padding-left:3px;}
.work_calendar a{ border:none; padding:0px; font-weight:normal; text-decoration:none; color:gray; }
.work_calendar a:hover{ border:none; text-decoration:none;}
.work_calendar .logo{ float:left; width:148px; height:23px;  border:none; margin: 3px 0px 0px 10px;}
.work_calendar img.logo{ border:none; margin: 3px 10px 0px 10px;}
.work_calendar .title{ 
	float:right; 
	width:300px; 
	height:23px;  
	font-size:20px; 
	font-weight:bold;
	color:gray;
	border:none; 
	margin: 3px 10px 0px 0px; 
	text-align: right;
}

/* Timesheet */
table.tbTimeTop{
	float:left;
	width:auto;
	border:0px solid #5f6f7e;
	border-collapse: collapse;
	margin: 0px 0px 2px 0px;
}
table.tbTimeTop th{
	height: auto;
	vertical-align: middle;
	/* text-align: center; */
	padding: 0px;
	margin: 0px;
	background:none;
	border: 0px solid #bbbbbb;
}
table.tbFrame{
	float:left;
	width:auto;
	border:0px solid #5f6f7e;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}
table.tbFrame td{
	height: auto;
	padding: 0px;
	margin: 0px;
	background:none;
	vertical-align: top;
	border: 0px solid #bbbbbb;
}
table.tbTimesheet{
	float:left;
	width:auto;
	border:1px solid #5f6f7e;
	border-collapse: collapse;
	margin: 0;
}
table.tbTimesheet thead th{
	height: 20px;
	font-size:11px;
	font-weight:normal;
	color: #000000;
	vertical-align: middle;
	text-align: center;
	padding: 2px;
	margin: 0;
	background:#CCCCCC;
	border: 1px solid #bbbbbb;
}
table.tbTimesheet thead a{
	font-size:11px;
	font-weight:normal;
	color: #000000;
	vertical-align: middle;
	text-align: center;
	text-decoration:none;
}
table.tbTimesheet thead a:hover{
	color: gray;
}
table.tbTimesheet thead td{
	height: 20px;
	font-size:11px;
	font-weight:normal;
	color: #000000;
	vertical-align: middle;
	padding: 2px;
	margin: 0;
	background:#CCCCCC;
	border: 1px solid #bbbbbb;
}
table.tbTimesheet tbody th{
	height: 20px;
	font-size:11px;
	font-weight:normal;
	color: #000000;
	vertical-align: middle;
	text-align: center;
	padding: 2px;
	margin: 0;
	background:#EEEEEE;
	border: 1px solid #bbbbbb;
}
table.tbTimesheet tbody th p{
	text-align: right;
}
table.tbTimesheet tbody td{
	height: 20px;
	font-size:11px;
	font-weight:normal;
	color: #000000;
	vertical-align: middle;
	padding: 2px;
	margin: 0px;
	border: 1px solid #bbbbbb;
}
table.tbTimesheet tbody a{
	font-size:11px;
	font-weight:normal;
	color: #000000;
	vertical-align: middle;
	text-align: center;
	text-decoration:none;
}
table.tbTimesheet tbody input{
	height: 15px;
	font-size:11px;
	font-weight:normal;
	padding: 0;
	margin: 0;
	border: 1px solid #bbbbbb;
}
table.tbTimesheetA{
	float:left;
	width:auto;
	border:1px solid #5f6f7e;
	border-collapse: collapse;
	margin: 0;
}
table.tbTimesheetA thead th{
	height: 20px;
	font-size:11px;
	font-weight:normal;
	color: #000000;
	vertical-align: middle;
	text-align: center;
	padding: 2px;
	margin: 0px;
	background:#CCCCCC;
	border: 1px solid #bbbbbb;
}
table.tbTimesheetA thead td{
	height: 20px;
	font-size:11px;
	font-weight:normal;
	color: #000000;
	vertical-align: middle;
	text-align: center;
	padding: 2px;
	margin: 0px;
	background:#CCCCCC;
	border: 1px solid #bbbbbb;
}
table.tbTimesheetA thead p{
	font-size:10px;
	font-weight:normal;
	color: #000000;
	vertical-align: middle;
	text-align: right;
	padding-right:3px;
}
table.tbTimesheetA tbody th{
	height: 20px;
	font-size:11px;
	font-weight:normal;
	color: #000000;
	vertical-align: middle;
	text-align: center;
	padding: 2px;
	margin: 0px;
	background:#EEEEEE;
	border: 1px solid #bbbbbb;
}
table.tbTimesheetA tbody td{
	height: 20px;
	font-size:11px;
	font-weight:normal;
	color: #000000;
	vertical-align: middle;
	text-align: center;
	padding: 2px;
	margin: 0px;
	border: 1px solid #bbbbbb;
}
table.tbTimesheetA tbody p.right{
	font-size:11px;
	font-weight:normal;
	color: #000000;
	vertical-align: middle;
	text-align: right;
	padding-right:5px;
}
table.tbTimesheetA tbody p.left{
	font-size:11px;
	font-weight:normal;
	color: #000000;
	vertical-align: middle;
	text-align: left;
	padding-left:5px;
}

table.tbTimesheetPrint{
	float:left;
	width:auto;
	border:1px solid #5f6f7e;
	border-collapse: collapse;
	margin: 0;
}
table.tbTimesheetPrint thead th{
	height: 20px;
	font-size:14px;
	font-weight:normal;
	color: #000000;
	vertical-align: middle;
	text-align: center;
	padding: 2px;
	margin: 0px;
	background:#CCCCCC;
	border: 1px solid #bbbbbb;
}
table.tbTimesheetPrint tbody td{
	height: 20px;
	font-size:14px;
	font-weight:normal;
	color: #000000;
	vertical-align: middle;
	padding: 2px;
	margin: 0px;
	border: 1px solid #bbbbbb;
}

table.tbCompList{
	float:left;
	width:auto;
	border:1px solid #5f6f7e;
	border-collapse: collapse;
	margin: 0;
}
table.tbCompList tbody td{
	min-width: 50px;
	height: 20px;
	font-size:11px;
	font-weight:normal;
	color: #000000;
	vertical-align: top;
	padding: 2px 5px 1px 5px;
	margin: 0px;
	border: 1px solid #bbbbbb;
}

table.tbCostsheet{
	float:left;
	width:auto;
	border:1px solid #5f6f7e;
	border-collapse: collapse;
	margin: 0;
}
table.tbCostsheet thead th{
	height: 20px;
	font-size:11px;
	font-weight:bold;
	color: #000000;
	vertical-align: middle;
	text-align: center;
	padding: 2px;
	margin: 0;
	background:#CCCCCC;
	border: 1px solid #bbbbbb;
}
table.tbCostsheet tbody th{
	min-width: 50px;
	height: 20px;
	font-size:11px;
	font-weight:normal;
	color: #000000;
	vertical-align: middle;
	padding: 2px 5px 1px 5px;
	margin: 0px;
	background:#EEEEEE;
	border: 1px solid #bbbbbb;
}
table.tbCostsheet tbody td{
	min-width: 50px;
	height: 20px;
	font-size:11px;
	font-weight:normal;
	color: #000000;
	vertical-align: middle;
	padding: 2px 5px 1px 5px;
	margin: 0px;
	border: 1px solid #bbbbbb;
}
table.tbCostsheet tbody input{
	height: 15px;
	font-size:11px;
	font-weight:normal;
	padding: 0 2px 0 0;
	margin: 0;
	text-align:right;
	border: 1px solid #bbbbbb;
}
table.tbCostsheet tfoot th{
	height: 20px;
	font-size:11px;
	font-weight:bold;
	color: #000000;
	vertical-align: middle;
	padding:2px 3px;
	margin: 0px;
	background:#E5E5E5;
	border: 1px solid #bbbbbb;
}
table.tbCostsheet tfoot td{
	height: 20px;
	font-size:11px;
	font-weight:bold;
	color: #000000;
	vertical-align: middle;
	padding:2px 3px;
	margin: 0px;
	background:#E5E5E5;
	border: 1px solid #bbbbbb;
}
table.tbCostsheet tfoot input{
	height: 15px;
	font-size:11px;
	font-weight:normal;
	padding: 0 2px 0 0;
	margin: 0;
	text-align:right;
	border: 1px solid #bbbbbb;
}

/* Excel */
table.tbList{
	float:left;
	width:100%;
	border:1px solid #5f6f7e;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}
table.tbList thead th{
	height: 20px;
	font-size:12px;
	font-weight:normal;
	color: #000000;
	vertical-align: middle;
	padding: 3px;
	margin: 0;
	background:#CCCCCC;
	border: 1px solid #bbbbbb;
}
table.tbList thead td{
	height: 20px;
	font-size:12px;
	font-weight:normal;
	color: #000000;
	vertical-align: middle;
	padding: 3px;
	margin: 0;
	background:#CCCCCC;
	border: 1px solid #bbbbbb;
}
table.tbList tbody td{
	height: 71px;
	font-size:12px;
	font-weight:normal;
	color: #000000;
	vertical-align: middle;
	padding: 2px 3px 2px 10px;
	margin: 0px;
	border: 1px solid #bbbbbb;
}
table.tbLine{
	float:left;
	border:1px solid #5f6f7e;
	border-collapse: collapse;
	margin: 0;
}
table.tbLine thead th{
	height: 20px;
	font-size:11px;
	font-weight:normal;
	color: #000000;
	vertical-align: middle;
	padding: 2px 3px 2px 2px;
	margin: 0;
	background:#BBBBBB;
	border: 1px solid #bbbbbb;
}
table.tbLine thead td{
	height: 20px;
	font-size:12px;
	font-weight:normal;
	color: #000000;
	vertical-align: middle;
	padding: 2px 3px 2px 2px;
	margin: 0;
	background:#CCCCCC;
	border: 1px solid #bbbbbb;
}
table.tbLine tbody td{
	height: 71px;
	font-size:11px;
	font-weight:normal;
	color: #000000;
	padding: 2px 3px 2px 2px;
	margin: 0px;
	/* text-align: right; 
	vertical-align: top; */
	border: 1px solid #bbbbbb;
}

table.tbLeft{
	float:left;
	width:100%;
	border:1px solid #5f6f7e;
	border-collapse: collapse;
	margin: 0;
}
table.tbLeft th{
	height: 20px;
	font-size:11px;
	font-weight:normal;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	padding: auto 3px;
	margin: 0;
	background-color: #CCCCCC;
	border: 1px solid #bbbbbb;
}
table.tbLeft td{
	height: 75px;
	font-size:11px;
	font-weight:normal;
	color: #000000;
	padding: 0 0 0 10px;
	margin: 0px;
	border: 1px solid #bbbbbb;
}

table.tbRight{
	float:left;
	border:1px solid #5f6f7e;
	border-collapse: collapse;
	margin: 0;
}
table.tbRight thead th{
	height: 20px;
	font-size:11px;
	font-weight:normal;
	color: #000000;
	vertical-align: middle;
	padding: 3px;
	margin: 0;
	background:#BBBBBB;
	border: 1px solid #bbbbbb;
}
table.tbRight thead td{
	height: 20px;
	font-size:14px;
	font-weight:normal;
	color: #000000;
	vertical-align: middle;
	padding: 3px;
	margin: 0;
	background:#CCCCCC;
	border: 1px solid #bbbbbb;
}
table.tbRight tbody td{
	height: 71px;
	font-size:11px;
	font-weight:normal;
	color: #000000;
	padding: 2px 3px 2px 0;
	margin: 0px;
	text-align: right;
	vertical-align: top;
	border: 1px solid #bbbbbb;
}
table.tbRight tfoot th{
	height: 20px;
	font-size:11px;
	font-weight:normal;
	color: #000000;
	vertical-align: middle;
	padding: 3px;
	margin: 0;
	background:#BBBBBB;
	border: 1px solid #bbbbbb;
}
table.tb_subject{
	float:left;
	width:auto;
	border:1px solid #5f6f7e;
	border-collapse: collapse;
	margin: 0;
}
table.tb_subject td{
	height: 20px;
	font-size:11px;
	font-weight:normal;
	color: #000000;
	vertical-align: left;
	padding: 2px 5px 2px 5px;
	margin: 0;
	background:none;
	border: 1px solid #bbbbbb;
}
.topDay { 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	background-color: #CCCCCC; 
	color: #FFFFFF; 
}
.listName { 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	background-color: #FFFFFF;
	color: #000000; 
}
.today { 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	font-weight: bold; 
	background-color: white; 
	color: #FFFFFF; 
	border: 3 double #000000; 
}
.today a{ font-size: 9pt; color: red; }
.holiday { 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	color: red; 
	background-color: #E5E5E5; 
}
.holiday a{ font-size: 9pt; color: red; }
.leave { 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	background-color: #FF9999; 
	color: #FFFFFF; 
}
.leave a{ font-size: 9pt; color: #333333; }
.sunday { 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	background-color: #CCCCCC; 
	color: #FFFFFF; 
}
.sunday a{ font-size: 9pt; color: #333333; }
.topCal { 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	background-color: #BBBBBB;
	color: #000000; 
}
.norm { 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	background-color: #E5E5E5;
	color: #000000; 
}
.norm a{ font-size: 9pt; color: #333333; }
.mday { 
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	text-align: right;
	vertical-align: top;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; 
}
.mday a{ 
	float: left; 
	padding: 0 1px 0 1px; 
	margin: 0; 
	font-size: 8pt; 
	font-weight: normal; 
	text-decoration: none; 
	color: white;
	background: gray; 
	border: 0px solid gray; 
}
.nday { 
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	text-align: right;
	vertical-align: top;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; 
}
.nday a{ 
	float: left; 
	padding: 0 1px 0 1px; 
	margin: 0; 
	font-size: 8pt; 
	font-weight: normal; 
	text-decoration: none; 
	color: white;
	background: #E5E5E5; 
	border: 0px solid gray; 
}
.act-plan ul{ width: 100px; text-align: left; padding: 0px; margin: 0px; }
.act-plan li{ 
	padding: 0 0 0 5px;
	margin: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	background-color: #FFFFCC;
	color: #000000; 
	text-align: left;
	vertical-align: top;
	border-bottom:1px solid #CCCCCC;
}
.act-plan a{ font-size: 9pt; color: #333333; }
.act-conf ul{ width: 100px; text-align: left; padding: 0px; margin: 0px; }
.act-conf li{ 
	padding: 0 0 0 5px;
	margin: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	background-color: #CCFFCC;
	color: #000000; 
	text-align: left;
	vertical-align: top;
	border-bottom:1px solid #CCCCCC;
}
.act-conf a{ font-size: 9pt; color: #333333; }
.act-setup ul{ width: 100px; text-align: left; padding: 0px; margin: 0px; }
.act-setup li{ 
	padding: 0 0 0 5px;
	margin: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	background-color: #99CCFF;
	color: #000000; 
	text-align: left;
	vertical-align: top;
	border-bottom:1px solid #CCCCCC;
}
.act-setup a{ font-size: 9pt; color: #333333; }
.act-approve ul{ width: 100px; text-align: left; padding: 0px; margin: 0px; }
.act-approve li{ 
	padding: 0 0 0 5px;
	margin: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	background-color: #CC99CC;
	color: #000000; 
	text-align: left;
	vertical-align: top;
	border-bottom:1px solid #CCCCCC;
}
.act-approve a{ font-size: 9pt; color: #333333; }
.act-review ul{ width: 100px; text-align: left; padding: 0px; margin: 0px; }
.act-review li{ 
	padding: 0 0 0 5px;
	margin: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	background-color: #F79F81;
	color: #000000; 
	text-align: left;
	vertical-align: top;
	border-bottom:1px solid #CCCCCC;
}
.act-review a{ font-size: 9pt; color: #333333; }

.act-jobclose ul{ width: 100px; text-align: left; padding: 0px; margin: 0px; }
.act-jobclose li{ 
	padding: 0 0 0 5px;
	margin: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	background-color: #DDDDDD;
	color: #000000; 
	text-align: left;
	vertical-align: top;
	border-bottom:1px solid #CCCCCC;
}
.act-jobclose a{ font-size: 9pt; color: #333333; }

.act-timesheet ul{ width: 100px; text-align: left; padding: 0px; margin: 0px; }
.act-timesheet li{ 
	padding: 0 0 0 5px;
	margin: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	background-color: #FFCCFF;
	color: #000000; 
	text-align: left;
	vertical-align: top;
	border-bottom:1px solid #CCCCCC;
}
.act-timesheet a{ font-size: 9pt; color: #333333; }

/* Excel */
table.formdata{
	border:1px solid #5f6f7e;
	border-collapse: collapse;
	margin: 0;
}
table.formdata th{
	height: 20px;
	border: 1px solid #5f6f7e;
	background-color: #e2e2e2;
	font-size:11px;
	font-weight:normal;
	color: #000000;
	text-align: center;
	font-weight: bold;
	padding: 2px;
	margin: 0;
}
table.formdata td{
	font-size:11px;
	font-weight:normal;
	color: #000000;
	border: 1px solid #e2e2e2;
	padding: 2px;
	margin: 0;
}
table.formdata input{
	height: 15px;
	font-size:11px;
	font-weight:normal;
	padding: 0;
	margin: 0;
	border: none;
}
/* Form Title */
table.tb_title{
	border:1px solid #5f6f7e;
	border-collapse: collapse;
	margin: 0;
}
table.tb_title td{
	font-size:12px;
	font-weight:normal;
	color: #000000;
	border: 1px solid #e2e2e2;
	padding: 2px 3px;
	margin: 0;
}
table.tb_title span{
	width:auto;
	height:auto; 
	font-size:14px; 
	font-weight:bold;
	vertical-align:middle;
	color:#000000;
	border-bottom:none; 
	background:none; 
	padding:0; 
}

/* admin */
#check_success{ text-align:center; padding-top:20px;}
#check_error{ text-align:center; color:#FF0000; padding-top:20px;}

.bt_calendar{ padding-top:5px; padding-bottom:5px; margin: 2px 0px 2px 0px;}
.bt_calendar a{ background: #F0EFEF; border: 1px solid gray; padding: 5px 10px; font-weight: bold; text-decoration: none; color: gray; }
.bt_calendar a:hover{background: #FFFFCC; border: 1px solid gray; text-decoration: none;}

.bt_timesheet{ padding-top:2px; padding-bottom:1px; margin: 2px 0px 2px 0px;}
.bt_timesheet a{ background: #FFFFFF; border: 1px solid gray; padding: 2px 4px; font-weight: bold; text-decoration: none; color: gray; }
.bt_timesheet a:hover{background: #FFFFCC; border: 1px solid gray; text-decoration: none;}

.menu_action{ float: left; padding-top:5px; padding-bottom:5px; margin: 0 10px 10px 0;}
.menu_action a{ background:#F0EFEF; border:1px solid #328AB2; padding:5px 10px; font-weight:bold; text-decoration:none; color:#328AB2; }
.menu_action a:hover{background:#FFFFCC; border:1px solid #328AB2; text-decoration:none;}

.subject_bar{ float: left; width: 100%; padding-top:5px; padding-bottom:5px; margin: 0 10px 0 0;}
.subject_bar a{ background:#F0EFEF; border:1px solid #328AB2; padding:5px 10px; font-weight:bold; text-decoration:none; color:#328AB2; }
.subject_bar a:hover{background:#FFFFCC; border:1px solid #328AB2; text-decoration:none;}

.menu_calendar_line{ width: auto; float: left; padding:0px; margin: 0 0 5px; border: none;}
.menu_calendar_line ul{  
	text-align: left;
	padding: 0px;
	margin: 0px;
}
.menu_calendar_line li{ 
	width: auto;
	padding: 5px 5px;
	margin: 0 0 2px 0; 
	text-align: left;
	float: left;
}
.menu_calendar_line a{ display:block; width: auto; background:#F0EFEF; border:1px solid #328AB2; padding:5px 5px; margin: 0px; font-weight:bold; text-decoration:none; color:#328AB2; }
.menu_calendar_line a:hover{background:#FFFFCC; border:1px solid #328AB2; text-decoration:none;}

.menu_calendar{ width: 240px; float: left; padding:0px; margin: 0 0 5px; border: none;}
.menu_calendar ul{  
	text-align: left;
	padding: 0px;
	margin: 0px;
}
.menu_calendar li{ 
	width: 200px;
	padding: 5px 5px;
	margin: 0 0 2px 0; 
	text-align: left;
}
.menu_calendar a{ display:block; width: 200px; background:#F0EFEF; border:1px solid #328AB2; padding:5px 5px; margin: 0px; font-weight:bold; text-decoration:none; color:#328AB2; }
.menu_calendar a:hover{background:#FFFFCC; border:1px solid #328AB2; text-decoration:none;}

.menu_joblist { float: left; width: 250px; height: 520px; padding:0; margin: 0; border:1px solid #3366cc; overflow:auto;}
.menu_joblist h5{ width: auto; font-size:14px; font-weight:bold; color:white; background: #3366cc; text-align: center;}
.menu_joblist h4{ width: auto; font-size:14px; font-weight:bold; color:white; background: blue; text-align: center;}
.menu_joblist p{ width: auto; font-size:12px; font-weight:normal; color:black; text-align: left; margin: 0 0 3px 5px;}
.menu_joblist ul{  
	text-align: left;
	padding: 0px;
	margin: 0px;
}
.menu_joblist li{ 
	width: 200px;
	padding: 5px 0px 5px 5px;
	margin: 0 0 2px 0; 
	text-align: left;
	color: gray;
}
.menu_joblist a{ font-size:12px; font-weight: normal; text-decoration: none; color: black; }
.menu_joblist a:hover{ text-decoration: underline;}
.proposal_search{ float: left; padding-top:0px; padding-bottom:5px; margin: 0 10px 0 0;}
.command_search{ float: left; padding:2px 2px 0px 2px; margin: 0 5px 2px 0; border:1px solid #e5e5e5;}
.command_search table.table_search { float:left; width:auto; padding:0px; margin:0px; border:none;}
.command_search table.table_search table{ width:100%; border:none; }
.command_search table.table_search tr { border:none; }
.command_search table.table_search th { padding-top:3px; padding-left:3px; padding-right:3px; text-align:right; vertical-align:top; font-weight:normal; border:none; }
.command_search table.table_search td { padding-top:3px; padding-bottom:3px; padding-left:3px; border:none; }

.total{ float:left; width:100%; font-size:13px; padding-top:5px; padding-bottom:10px; margin:0 10px 0 0;}
.total strong{ font-weight:bold; color:#009900}

.totalStaff{ float:left; width:1000px; font-size:13px; padding-top:5px; padding-bottom:10px; margin:0 10px 0 0;}
.totalStaff strong{ font-weight:bold; color:#009900}


.calculate{ background:gray; border:1px solid #003366; font-size:11px; color:#FFFFFF; padding:1px;}
.calculate:hover{ background:#cccccc; font-size:11px; color:#333333;}
.closing{ background:#0066cc; border:1px solid #003366; font-size:11px; color:#FFFFFF; padding:1px;}
.closing:hover{ background:#3366cc; font-size:11px; color:#333333;}
.edit{ background:#5AB3F9; border:1px solid #1E86B6; font-size:11px; color:#FFFFFF; padding:1px;}
.edit:hover{ background:#85C8FD; font-size:11px; color:#333333;}
.delete{ background:#F965B1; border:1px solid #FF0084; font-size:11px; color:#FFFFFF; padding:1px;}
.delete:hover{ background:#FD8BC6; font-size:11px; color:#333333;}
.add{ background:#68CC07; border:1px solid #53A80D; font-size:11px; color:#FFFFFF; padding:1px;}
.add:hover{ background:#6FD808; font-size:11px; color:#333333;}
.cancel{ background:#F99C24; border:1px solid #F87304; font-size:11px; color:#FFFFFF; padding:1px;}
.cancel:hover{ background:#FBBE6F; font-size:11px; color:#333333;}
.hide{ background:#D6D6D6; border:1px solid #8B8B8B; font-size:11px; color:#808080; padding:1px; cursor:help}
.viewRequest{ background:#FC4545; border:1px solid #FE0303; font-size:11px; color:#FFFFFF; padding:1px;}
.viewRequest:hover{ background:#FB7E7E; font-size:11px; color:#333333;}
.SetIndex{ background:#5AB3F9; border:1px solid #1E86B6; font-size:12px; color:#FFFFFF; padding:2px; margin:0 10px 0 0;}
.SetIndex:hover{ background:#85C8FD; font-size:12px; color:#333333;}
.SetComponent{ background:#68CC07; border:1px solid #53A80D; font-size:12px; color:#FFFFFF; padding:2px; margin:0 10px 0 0;}
.SetComponent:hover{ background:#6FD808; font-size:12px; color:#333333;}
.index{ background:none; border:1px solid gray; font-size:11px; color:#FFFFFF; padding:1px 1px 1px 2px; margin:1px 1px 1px 0;}
.index:hover{ background:#e5e5e5; font-size:11px; color:#333333;}
.indexs{ background:#e5e5e5; border:1px solid gray; font-size:11px; color:#333333; padding:1px 1px 1px 2px; margin:1px 1px 1px 0;}

a img{ border:1px solid #333333; padding:2px; background:#FFFFFF}

.line_head { background:#DDDDDD;}
.line_topic { background:#E5E5E5;}
.line_request { background:#FDE2E2;}
.line { background:#EFEFEF;}
.bg_green { background:green;}
.bg_gray { background:gray;}
.bg_red { background:red;}
.bg_blue { background: #66CCFF; color:white;}
.bg_orange { background: #FFCC66;}
.bg_black { background:black;}
.red { font-size:11px; color:red; margin:0px; padding:0px; }
.green { font-size:11px; color:green; margin:0px; padding:0px; }
.blue { font-size:11px; color:blue; margin:0px; padding:0px; }
.remark { font-size:11px; color:gray; margin:2px; padding:2px; }
/* proposal bg */
.bg_01 { background:#FFFFCC;}
.bg_02 { background:#CCFFCC;}
.bg_03 { background:#FFCCFF;}
.bg_04 { background:#DDDDDD;}
.bg_05 { background:#FFCCCC;}
.bg_06 { background:#99CCFF;}
/*.bg_07 { background:#9999CC;}*/
.bg_07 { background:#CC99CC;}
.less_8 { background:#FFCC66;}
.equal_8 { background:#CCFFCC;}
.more_8 { background:#FF99CC;}
.confirm_8 { background:#DDDDDD;}
.confirm select{font-size:10px;}

/* report ot */
/* proposal bg */
.bg_mg { background:#FFF5E6;}
.bg_sm { background:#FFE0B2;}
.bg_cut { background:#E0EBCC;}
.bg_total { background:#CCD6F5;}
#report_ot{float:left; width:100%; margin-left:0px; padding-left:0px;}
#report_ot h1.h1{ width: 400px; font-size:18px; font-weight:bold; color:black;}
#report_ot h2.h2{ width: 500px;  margin-left:450px;  padding:5px; font-size:20px; font-weight:bold; color:black; border:2px solid gray; text-align: center;}
#report_ot h1.h3{ width: 400px; font-size:16px; font-weight:bold; color:black;}
#report_ot table{ width: 900px; border: none;}
#report_ot th{ width: 100px; color:black; font-size:16px; font-weight:bold; padding:2px 3px; text-align: left;}
#report_ot td{color:black; font-size:14px; font-weight:normal; padding:2px 3px; text-align: left;}
table.tbTimesheetOT{
	float:left;
	width:auto;
	border:1px solid #5f6f7e;
	border-collapse: collapse;
	margin: 0;
}
table.tbTimesheetOT thead th{
	height: 20px;
	font-size:13px;
	font-weight:normal;
	color: #000000;
	vertical-align: middle;
	text-align: center;
	padding:2px 3px;
	margin: 0px;
	background:#CCCCCC;
	border: 1px solid #bbbbbb;
}
table.tbTimesheetOT thead td{
	height: 20px;
	font-size:13px;
	font-weight:normal;
	color: #000000;
	vertical-align: middle;
	text-align: center;
	padding:2px 3px;
	margin: 0px;
	border: 1px solid #bbbbbb;
}
table.tbTimesheetOT tbody th{
	height: 20px;
	font-size:13px;
	font-weight:normal;
	color: #000000;
	vertical-align: middle;
	padding:2px 3px;
	margin: 0px;
	background:#EEEEEE;
	border: 1px solid #bbbbbb;
}
table.tbTimesheetOT tbody td{
	height: 20px;
	font-size:13px;
	font-weight:normal;
	color: #000000;
	vertical-align: middle;
	padding:2px 3px;
	margin: 0px;
	border: 1px solid #bbbbbb;
}
table.tbTimesheetOT tbody td input{
	text-align: right;
}
table.tbTimesheetOT tbody td input.remark{
	text-align: left;
}
table.tbTimesheetOT tfoot th{
	height: 20px;
	font-size:13px;
	font-weight:bold;
	color: #000000;
	vertical-align: middle;
	padding:2px 3px;
	margin: 0px;
	background:#E5E5E5;
	border: 1px solid #bbbbbb;
}
table.tbTimesheetOT tfoot td{
	height: 20px;
	font-size:13px;
	font-weight:bold;
	color: #000000;
	vertical-align: middle;
	padding:2px 3px;
	margin: 0px;
	border: 1px solid #bbbbbb;
}

table.table_report{
	border:1px solid #5f6f7e;
	border-collapse: collapse;
	margin: 0;
}
table.table_report td{
	font-size:12px;
	font-weight:normal;
	color: #000000;
	border: 1px solid #e2e2e2;
	padding: 2px 3px;
	margin: 0;
}
#cssmenu {  
	font-size:14px;
	font-weight:bold;
	color: #000000;
	padding: 5px 0px 5px 5px;
	margin: 0px 0px 0px 25px;
}
#cssmenu ul{  
	text-align: left;
	padding: 5px 0px 5px 5px;
	margin: 0px 0px 0px 5px;
}
#cssmenu li{ 
	width: 200px;
	padding: 5px 0px 5px 5px;
	margin: 0px 0px 0px 15px; 
	text-align: left;
	color: gray;
	list-style-type: circle;
}
#reportmenu {  
	padding: 5px 0px 5px 5px;
	margin: 0px 0px 0px 25px;
}
#reportmenu ul{  
	text-align: left;
	padding: 5px 0px 5px 5px;
	margin: 0px 0px 0px 5px;
}
#reportmenu li{ 
	width: auto;
	padding: 5px 0px 5px 5px;
	margin: 0px 0px 0px 15px; 
	text-align: left;
	list-style-type: circle;
}
.reportmenu a{ 
	font-size:14px;
	font-weight:normal;
	color: gray;
	text-decoration:none;
}
.reportmenu a:hover{ 
	color: black;
	text-decoration:underline;
}

/* paging */
.split { clear:both; width:auto; height:auto; margin: 5px 0px 5px 0px; padding:3px 0px 3px 0px; border: none;}
.count { float:left; width:150px; height:auto; margin: 5px 0px 5px 0px; padding:2px 0px 2px 0px; border: 1px solid gray;}
.count span { width:150px; font-size:13px; font-weight:bold; color: gray;}
/* paging */
.paging-box{ width:50%;}
.paging { padding:10px;}
.paging p { width:800px; border: 1px solid gray;}
.paging strong{ font-weight:bold; margin:2px; border:1px solid #328AB2; background:#4EB6E5; padding:2px 3px; color:#FFFFFF; }
.paging a{margin:2px; border:1px solid #328AB2; background:#FFFFFF; padding:2px 2px; color:#2583AD;}
.paging a:hover{color:#FFFFFF; background:#4EB6E5}

/* paging */
.css-pager a { text-decoration:none; color:#666; background:#F4F4F4; border:1px solid #e0e0e0; padding:2px 3px; margin:2px; font-weight:700; font-size:11px; }
.css-pager a:hover { text-decoration:none; color:#fff; background:#0A85CB; border:1px solid #3af; padding:2px 3px; margin:2px; }
.current_page { background-color:#0A85CB; border:1px solid #3af; padding:2px 3px; margin:2px; color:#fff; font-weight:700; font-size:11px; }

/* remark color */
.remark_color {float:left; width:100%; padding:0px; margin:0px; border: 0px solid #e2e2e2;}
.remark_color table{ border:none; padding:0px; margin:0px;}
.remark_color tbody td{ 
	font-size:10px;
	font-weight:normal;
	color: #000000;
	padding:2px;
	border:none;
}

/* chart */
.chart{float:left; width:700px; margin:10px 0px 10px 0px; padding:0px;}

/* search */
.search{float:left; width:700px; margin:10px 0px 10px 0px; padding:0px;}

/* input */
.textRight{
	text-align: right;
}
.textCenter{
	text-align: center;
}
/* popup */
#popup_box {
	width: auto;
	position: absolute;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	color: gray; 
	background-color: white;
	border: solid 1px gray;
	padding: 0px;
	margin: 10px 0px 0px 10px;
	display: none;
	z-index: 10000;
}
#popup_msg {
	border: solid 0px gray;
	background-color: white;
	padding: 2px 3px;
}

.thumb{ width:64px; border:0px solid #333333; padding:2px; background:#FFFFFF}

/* mouse over */
span.dropt {border-bottom: thin dotted; background: #ffeedd;}
span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; }
span.dropt span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.dropt:hover span {left: 2%; background: #ffffff;} 
span.dropt span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;}
span.dropt:hover span {margin: 20px 0 0 170px; background: #ffffff; z-index:6;}