body {background:#f4f4f4; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
#login_box {width:585px; height:190px; padding:25px; background:#fff; margin:0 auto; margin-top:200px; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; padding-right:0px;}
.login_box_body {width:480px; font-size:13px;}
.login_box_body .flexigrid div.form-div {font-size:12px !important; line-height:27px;}
.logo_box {background:url(../images/filter_by_bg.png) center right no-repeat; padding-top:30px; padding-right:30px;}
.main_head {font-family:Arial, Helvetica, sans-serif, "Helvetica Condensed"; font-size:20px; margin-left:38px; color:#1073bb; border-bottom:1px dashed #e1e1e1; padding-bottom:5px; margin-bottom:5px;}
.main_page {width:1000px; margin:0 auto; height:auto; min-height:600px; background:#fff; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;}
a {color:#00863a;}
/********* top menu bar ***********/
#top_menu_bar {width:1000px; height:40px; background:#444; border-bottom:4px solid #ccc; margin:0 auto}
.top_menu_bar {width:1000px; margin:0; height:auto; font-family:Arial, Helvetica, sans-serif, "Helvetica Condensed"; font-size:12px; }
ul.topnav {
	list-style: none;
	padding: 0;	
	margin: 0;
	float: left;
	width: 1000px;
	font-size: 12px;
}
ul.topnav li {
	float: left;
	margin: 0;	
	padding:0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	line-height:40px;
	border-right:1px solid #666;
	border-left:1px solid #333;
}
ul.topnav li a{
	padding:0 11px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover, ul.topnav li.selected a{ 
	background:#00863a;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 12px;
	height: 35px;
	float: left;
	
}
ul.topnav li span.subhover {background-position: center center; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 ;
	padding-left: 15px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #000; 
}
.admin-container-text{width:1000px; height:auto; margin:0 auto;}
.page_body {padding:15px;}
.clear {clear:both;}
.search_box {background:#f7f7f7; border:1px solid #ccc; padding:10px; border-bottom:none}

.search_btn {width:80px; height:28px; background:url(../images/update_btn_bg.gif) no-repeat; border:none; color:#fff; font-weight:bold; font-size:13px; font-family:Arial, Helvetica, sans-serif; cursor:pointer; text-transform:uppercase}

.search_btn1 {width:120px; height:28px; background:url(../images/update_btn_bg.gif) no-repeat; border:none; color:#fff; font-weight:bold; font-size:13px; font-family:Arial, Helvetica, sans-serif; cursor:pointer; text-transform:uppercase}
.search_btn2 {width:auto; height:28px; background:url(../images/btn.gif) repeat-x; border:none; color:#fff; font-weight:bold; font-size:13px; font-family:Arial, Helvetica, sans-serif; cursor:pointer; text-transform:uppercase; border-radius:7px;}

.input_btn {background:none; border:none; cursor:pointer; color:#00863A; font-family:Arial, Helvetica, sans-serif, "Helvetica Condensed"; font-size:13px; padding:5px 10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.input_btn:hover {background:#666; color:#fff;}
.input_btn2 {background:#d80909; border:none; cursor:pointer; color:#fff; font-family:Arial, Helvetica, sans-serif, "Helvetica Condensed"; font-size:13px; padding:6px 10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; font-weight:bold; text-transform:uppercase;}
.input_btn2:hover {background:#666; color:#fff;}
.view_contact_box {padding:15px;}
.similar_text {float:right; font-size:13px; text-decoration:none}
.similar_text a {text-decoration:none; padding:5px 10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.similar_text a:hover {background:#666; color:#fff;}
span.hover_msg {}
span.hover_msg span {display:none;}
span.hover_msg:hover span {display:block; position:absolute; background:#333; padding:2px 5px; color:#fff; border:1px solid #fff; font-size:12px; margin-top:-40px;}
.cus_clear {height:20px; float:left}
.cus_clear span {padding-top:0 !important; padding-bottom:0 !important; line-height:20px; margin-top:2px !important;}

.option_box {width:940px; margin:0 auto; background:#f1f1f1; padding:10px; border:1px solid #ccc; margin-bottom:30px;}
.attendance_type {width:150px; float:left; border-right:1px dotted #aaa; margin-right:20px; height:110px;}
.attendance_type ul, .staff_selection ul {margin:0; padding:0;}
.attendance_type li, .staff_selection li {list-style:none; float:left; display:block; font-size:14px; font-weight:bold; line-height:20px; padding:5px 0; width:130px;}
.attendance_type li span {display:block; width:15px; height:15px; float:right; margin-top:2px;}
.attendance_type li input, .staff_selection input {float:left;}
.attendance_type li label, .staff_selection label {float:left; margin-left:2px;}
.leave span {background:#FD484D;}
.travel span {background:#8CC5D7;}
.other span {background:#ccc;}

.staff_selection {width:150px; float:left; text-align:left; border-right:1px dotted #aaa; margin-right:20px; height:110px; }

.date_selection {width:250px; float:left; text-align:left; border-right:1px dotted #aaa; margin-right:20px; height:110px; }
.date_selection ul {margin:0; padding:0;}
.date_selection li {list-style:none; float:left; display:block; font-size:14px; font-weight:bold; line-height:20px; padding:5px 0; width:250px;}


#staff_list_div {width:220px; float:left; text-align:left}
.staff_list { width:160px; text-align:left; background:#fff; font-size:11px; padding:10px; height:70px; overflow:auto; border:1px solid #e1e1e1; border-left:1px solid #aaa; border-top:1px solid #aaa; margin-top:3px;}

.submit_box {width:100px; float:left; margin-left:50px; padding-top:35px;}
.submit_box input {background:#0482b7; border:none; padding:8px 15px; color:#fff; font-weight:bold; font-size:14px; font-family:Arial, Helvetica, sans-serif; cursor:pointer; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}