body, div, p, ul, ol, li, h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
}
body{
	background:#527575;
	text-align:center;
	font-family:Arial, Verdana;
}
img{
	border:0;
}
body .red, body .err{
	color:red;
}
	#main{
		width:760px;
		background:#EAEADE;
		margin:0 auto;
		text-align:left;
	}
	#main #bd{
		background:url('../images/page-bg.gif') 0 0 repeat-y;
		height:100%;
	}
	#main #bd br{
		clear:both;
	}
	.left{
		float:left;
	}
	.right{
		float:right;
	}
	.block{
		display:block;
	}
	#head, #foot{
		height:80px;
		background:#996;
		clear:both
	}
	#foot{
		border-top:3px solid #fff;
		height:auto;
	}
	#head, #main-menu{
		clear:both;
	}
	#main-menu{
		border:3px solid #fff;
		text-align:center;
		border-left:0;
		border-right:0;
		background:#A4C2C2;
		text-align:center;
		height:35px;
	}
	#main-menu ul{
		width:680px;
		margin:0 auto;
	}
	#main-menu a{
		display:block;
		/*float:left;*/
		color:#fff;
		height:25px;
		text-decoration:none;
		font-family:Times New Roman;
		font-size:14px;
		padding:10px 10px 0px 10px;
		font-weight:bold;
	}
	#main-menu li > a{
		padding:8px 8px 2px 8px;
	}
	#main #main-menu a:hover, #main #main-menu a.act{
		background:#C3DADA;
		text-decoration:none;
		color:#333;
	}
	#main-menu li{
		float:left;
		list-style-type:none;
	}

/*Drop down menu styling*/
	#main-menu li ul {
	position: absolute;
	width: 185px;;
	top:118px;
	left: -999em;
	background:#A4C2C2;
	text-align:left;
}
	#main-menu li ul li, #main-menu li ul li a {
	font-size:13px;
	font-weight:normal;
	width:170px;
	
	}

	#main-menu li:hover ul, #main-menu li.sfhover ul {
	left: auto;
	background:#999966;
}
	 
/*End of Drop Down styling*/

	#main #foot p a:hover{
		text-decoration:underline;
	}
	#foot li .act, #main #foot li a:hover{
		border-bottom:1px solid #fff;
		text-decoration:none;
	}
	#foot li > .act, #main #foot li > a:hover{
		border-bottom:1px dotted #fff;
		text-decoration:none;
	}
	#head .left img{
		margin:14px 0 0 14px;
	}
	#head .right img{
		margin:44px 0 0 0;
	}
	#main .l-col{
		width:170px;
		border-right:3px solid #fff;
		background:#A4C2C2;
		color:#fff;
		font-size:75%;
	}
	#main .r-col{
		font-size:75%;
		width:585px;
	}
	#main .r-col, #main .l-col{
		float:left;
	}
	#main h1{
		font-family:Times New Roman;
		font-size:180%;
		margin:15px;
		margin-left:30px;
		font-weight:100;
		clear:both;
	}
	#main .l-col p{
		margin:5px 10px 10px 6px;
	}
	#main .r-col .box{
		width:260px;
		margin-bottom:15px;
	}
	#main .r-col .big{
		width:95%;
		margin:0 auto;
		margin-bottom:25px;
	}
	#main .r-col .big h2{
		margin-bottom:25px;
	}
	#main .r-col .box h2{
		background:url('../images/hr.gif') 5px 13px no-repeat #C8C8A8;
		text-align:right;
		color:#fff;
		font-size:16px;
		font-weight:bold;
		font-family:Times New Roman;
		padding:3px 0;
	}
	#main .r-col .box h2 span{
		background:#C8C8A8;
		padding:0 5px;
	}
	#main .r-col .big h2{
		text-align:left;
		overflow:hidden;
	}
	#main .r-col .big h2 span{
		margin-left:110px;
		display:block;
	}
	#main #bd .r-col .big p{
		margin-left:50px;
		margin-right:50px;
	}
	#main .r-col .box ul li{
		margin:10px 0;
		line-height:110%;
	}
	#main .r-col .box ul{
		float:left;
		width:120px;
		margin:0 0 0 6px;
		list-style-type:none;
	}
	#main .r-col .box ul.employee{
		float:none;
		width:auto;
		margin:0 50px;
	}
	#main .r-col .box > ul{
	margin:0 0 0 10px;
	}
	#main .r-col .box p{
		margin:10px;
	}
	#main .r-col .box h3{
		font-size:12px;
		font-weight:900;
		color:#333;
		margin:10px;
	}
	#main .r-col .box h2 a{
		color:#fff;
		text-decoration:none;
	}
	#main .r-col .box h2 a:hover{
		border-bottom:1px solid #fff;
	}
	#main .r-col .gray{
		background:#DCDCCC;
		padding-bottom:1px;
	}
	#main .r-col .left{
		margin:10px 10px 0 25px;
	}
	#main > .r-col .left{
		margin:10px 10px 0 25px;
	}
	#main .r-col .first{
		margin:10px 0 0 10px;
	}
	#main  .r-col > .first{
		margin:10px 0 0 20px;
	}
	#foot{
		clear:both;
		width:100%
	}
	#foot #menu{
		text-align:center;
		margin-top:5px;
	}
	#foot #menu li{
		display:inline;
		font-size:70%;
	}
	#main #foot a{
		margin:0 3px;
		text-decoration:none;
	}
	#foot a, #foot p, #foot #menu li{
		color:#fff;
	}
	#foot p{
		clear:both;
		margin:10px 0;
		text-align:center;
		font-size:70%;
	}
	.l-col ul{
		list-style-type:none;
		margin:15px 20px 20px 25px ;
		
	}
	.l-col ul ul{
		margin:0;
	}
	.l-col ul a, .l-col ul, .r-col a{
		color:#3B4F4F;
	}
	.l-col ul a, .r-col a{
		text-decoration:underline;
	}
	.l-col a:hover, .r-col a:hover{
		color:#6F6C3A;
	}
	.l-col ul li{
		margin:4px 0;
	}
	.l-col ul h2{
		color:#F6F6F8;
		font-weight:100;
		margin-top:10px;
		margin-bottom:3px;
		font-size:14px;
	}
	.l-col a{
		color:#3b4f4f;
	}
	.l-col a:hover{
		color:#6f6c3a;
	}
	.l-col abbr{
		border:0;
	}
	.l-col #search #s{
		width:120px;
		height:18px;
		clear:both;
		padding:2px 0 0 2px;
		margin:0 0 5px 0;
		border: 1px solid #7F9DB9;
	}
	.l-col #search #searchsubmit{
		margin: 0 auto;
		font-size:14px;
		border:1px solid #7F9DB9;
		color:#4C4F6B;
		background:#D9DEE3;
		cursor:pointer;
	}
	.l-col #search #searchsubmit:hover{
		background:#EDF0F2;
	}
	.page .post, .page .nav{
		margin:10px 25px;
	}

	.post .commentlist li{
		margin:20px 0;
		list-style-type:none;
	}
	.post .alt{
		line-height:160%;
	}
	#commentform textarea{
		width:400px;
		height:150px;
		margin:10px 0;
		overflow:auto;
	}
	#commentform input, #commentform textarea{
		border:1px solid #7F9DB9;
		padding:2px;
	}
	#commentform p{
		clear:both;
		margin:4px 0;
	}
	.post #commentform #submit, .r-col #searchsubmit, .post #commentform #submit_{
		border:1px solid #666;
		padding:2px;
		cursor:pointer;
	}
	.post #commentform #submit:hover, #searchsubmit:hover, .post #commentform #submit_:hover{
		background:#fafafa;
	}
	.r-col h3{
		font-family:Times New Roman;
		font-size:130%;
	}
	.navigation{
		text-align:center;
	}
	.navigation .nav{
		width:100%;
		margin:0 auto;
		padding-bottom:20px;
		clear:both;
	}
	.alignleft{
		float:left;
	}
	.alignright{
		float:right;
	}
	

	/* Employee form */

.fullscreen .r-col, .fullscreen .l-col, .fullscreen #bd {
	background:#eaeade !important;
	border:0 !important;
}
.expense-report label { 
	font-size:12px;
}
.expense-report input {
	border:1px solid #ccc;
	font-size:12px;
	padding:3px 2px;
}
#main form h1 {
	font-size:135%;
	width:100%;
	text-align:center;
	margin:0.7em 0;
	color:#333;
}
form h2 {
	font:normal 115% times new roman, georgia, serif;
	width:100%;
	text-align:center;
	margin:0.5em 0 0 0;
	color:#333;
}
form h1 a {
	color:#333;
	text-decoration:none;
}
form h1 a:hover {
	text-decoration:underline;
}
.expense-report .left {
	font-size:80%;
	padding:0 20px;
	width:40%;
	margin-bottom:10px;
}
.expense-report .left label, .expense-report .left input {
	float:left;
	margin:5px 8px 0 0;
}
.expense-report .left label {
	clear:both;
	position:relative;
	top:3px;
	width:60px;
}
.expense-report .right {
	float:right;
	font-size:80%;
	padding:0 20px;
	text-align:right;
}
table {
	width:95%;
	margin:0 auto;
	border-collapse:collapse;
	border:0;
	font-size:100%;
	clear:both;
}
table th {
	padding:2px 5px 3px 5px;
	border:1px solid #eaeade;
	background:#c8c8a8;
	color:#fff;
	font-family:times new roman, georgia, serif;
	width:110px;
}
#equip_user, table th.auto{
	width:auto;
}
table td {
	padding:2px 0;
	cursor:default;
}
.but{
	border:1px solid #efefef;
	background:#C8C8A8;
	float:right;
	padding:2px 10px;
	color:#fff;
	cursor:pointer;
	margin:20px 20px;
	display:block;
}
a.but{
	padding:4px 10px;
}
* > a.but{
	padding:3px 10px;
}
.but, .but *{
		font-size:13px;
		font-family:Arial;
		text-decoration:none;
}
.but:hover{
	background:#ccc;
}
table input {
	width:114px;
	float:left;
}
table .big { width:125px; }
table input.big { width:129px; }
table .date { width:95px; }
table input.date { width:70px; }
table .view {
	padding:0;
	width:18px;
	height:21px;
	_height:23px;
	position:relative;
	left:2px;
	margin-left:1px;
}
#main .btn {
	background:#c8c8a8;
	border:1px solid #fff;
	color:#fff;
	font:bold 13px times new roman, georgia, serif;
	width:70px;
	padding:2px 5px;
	float:right;
	clear:both;
	margin-right:20px;
}
.clear {
	width:100%;
	clear:both;
	font-size:1px;
	height:1px;
}

	/* Big form (sick report) */

body #main .sick-form {
	width:95%;
	overflow:hidden;
	color:#333;
	margin:0 auto;
	padding:0;
	border:0px solid transparent;
}
.sick-form label, .sick-form input {
	font-size:13px;
	float:left;
	display:block;
	margin:2px 0;
}
.sick-form label {
	width:100px;
	clear:both;
}
.sick-form input {
	width:100px;
	border:1px solid #ccc;
}
.sick-form h2 {
	text-align:left;
	margin:1em 0 0.7em 0;
	font:13px arial, sans-serif;
}
.sick-form h2 strong {
	font:bold 14px times new roman, serif;
}
.sick-form br {
	clear:both;
}
.sick-form span {
	float:left;
	margin:0 5px;
}
.inside {
	margin-left:20px;
}
#main .sick-form .view {
	background:#a4c2c2;
	width:20px;
	height:20px;
	padding:0;
	border:1px solid #ccc;
	margin-left:3px;
}
.hidden {
	display:none !important;
}
.mini input {
	width:95%;
}
.mini .date { width:95px; }
.mini input.date { width:73%; }
.mini .big { width:135px; }
.mini input.big { width:96%; }
.mini .view {
	width:20px !important;
}
.little input {
	width:97%;
}
.choise {
	font-size:80%;
	width:220px;
	margin:auto;
	margin-top:10px;
	position:relative;
	left:20px;
}
.choise input {
	border:0px solid transparent;
}
.choise label {
	position:relative;
	top:-1px;
	margin-right:15px;
	margin-left:3px;
}
.sick-form .choise label {
	clear:none;
	width:auto;
}
.sick-form .choise input {
	height:20px;
	margin:0 0 0 5px;
	clear:none;
	width:auto;
	float:left;
}

	/* Login form */

.sysmsg0, .sysmsg1 {
	color:#333;
	font-weight:bold !important;
	position:relative;
	top:25px;
	width:100%;
	clear:both;
	text-align:center;
	padding:0 0 30px 0;
}
.log {
	width:330px;
	border:1px solid #cdcdcd;
	background:#fff;
	margin:50px auto;
	color:#000;
	min-height:175px;
}
.log h2 {
	margin:15px;
	text-align:left;
	color:#999966;
	font-size:150%;
}
.log label, .log input {
	display:block;
	float:left;
	font-size:12px;
	margin:0 0 7px 0;
}
.log label {
	width:80px;
	padding-right:15px;
	text-align:right;
	position:relative;
	top:4px;
}
.log input {
	width:200px;
	padding:4px;
	background:#f3f3f3;
	border:1px solid #cdcdcd;
}
.log br {
	clear:both;
}
.log .btn {
	float:right;
	color:#fff;
	background:#999966;
	padding:2px 5px;
	width:60px;
	text-align:center;
	margin:10px 23px;
	_margin:10px 12px 20px 0;
}
.adotable {
	background-color:#fff;
}
#bd .adotable th{
	background-color: #E3E0E0;
}
.adotable th{
	font-size:12px;
	color:#333;
	text-align:center;
	font-family:Arial;
}
.adotable .checkbox{
	width:auto;
}
.adotable td{
	font-size:12px;
}
.center{
	margin:0 auto;
}
.add{
	font-size:14px;
}.add label{
	display:block;
	margin-bottom:5px;
}
.add #f_name{
	border:1px solid #ccc;
}