@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'OpenSansLight';
    src: url('webfontkit/opensans-light-webfont.eot');
    src: url('webfontkit/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit/opensans-light-webfont.woff') format('woff'),
         url('webfontkit/opensans-light-webfont.ttf') format('truetype'),
         url('webfontkit/opensans-light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
input[type=submit]{
	cursor:pointer;

}
@font-face {
    font-family: 'OpenSansSemibold';
    src: url('webfontkit/opensans-semibold-webfont.eot');
    src: url('webfontkit/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit/opensans-semibold-webfont.woff') format('woff'),
         url('webfontkit/opensans-semibold-webfont.ttf') format('truetype'),
         url('webfontkit/opensans-semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
*{
	padding:0;
	margin:0;
}
body{
	background:url(../images/banners/bg/common.jpg) repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#fff;
}
a{
	text-decoration:none;
	cursor:pointer;
}
.clear{
	clear:both !important;
}
img,img a,a:active,a:focus{
	border:none;
	outline:none;
}
.wrapper{
	width:100%;
	position:relative;
	background:url(../images/banners/bg/common_central.jpg) center top no-repeat;
	float:left;
}
.container{
	width:980px;
	margin:0 auto;
}
.header_wrapper{
	background:#00192e;
	background:rgba(0,0,0,0.5);
	padding:15px 0;
	float:left;
	width:100%;
}
.left{
	float:left;
}
.right{
	float:right;
}
#logo{
	float:left;
	margin-left:5px;
}
.logo_left{
	float:left;
}
.logo_right{
	float:left;
	margin-top:15px;
	margin-left:10px;
}
#top_log{
	float:right;
	margin-right:10px;
}
#log_user_data{
	float:right;
	margin:2px 10px 0 0;
}

#user_thumb{
	float:right;  
	width:61px;
	height:61px;
	background-image:url(../images/default_small.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-color:rgba(106,176,228,0.1);
	border:1px solid #003865;
}
/* Def user img*/
.user_img{ 

	width:61px;
	height:61px;
	background-image:url(../images/default_small.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-color:rgba(106,176,228,0.1);
	border:1px solid #003865;
}
.user_img_small{ 

	width:41px;
	height:41px;
	background-image:url(../images/default_small.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-color:rgba(106,176,228,0.1);
	border:1px solid #003865;
}
.officer_thumb{
	/* border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	-webkit-border-radius:2px;
	-ms-border-radius:2px;
	border:1px solid #6ab0e4; */
	
}
.user_name{
	font-size:16px;
	font-weight:bold;
	float:right;
}
.designation{
	font-size:14px;
	float:right;
}
.signout{
	font-size:12px;
	float:right;	
	margin:5px 0 0 0 ;
}
.signout a{
	color:#6dcff6;
	text-decoration:underline;
}
.signout a:hover{
	text-decoration:none;
}
.menus_wrapper{
	float:left;
	width:100%;
	background:#356e9b;
	background:rgba(106,176,228,0.5);
}

#dashboard{
	background:url(../images/icon/menus/dashboard.png) 10px center no-repeat;
}
#main_menus li:hover{
	background-color:#03508e;
}
.active{
	background-color:#03508e !important;
}
#calendar{
	background:url(../images/icon/menus/calendar.png) 10px center no-repeat;
}
#schedule{
	background:url(../images/icon/menus/schedule.png) 10px center no-repeat;
}
#time_off{
	background:url(../images/icon/menus/time_off.png) 10px center no-repeat;
}
#swap_shift{
	background:url(../images/icon/menus/swap.png) 10px center no-repeat;
}
#employees{
	background:url(../images/icon/menus/employees.png) 10px center no-repeat;
}
#reports{
	background:url(../images/icon/menus/report.png) 10px center no-repeat;
}
#settings{
	background:url(../images/icon/menus/setting.png) 10px center no-repeat;
	cursor:pointer;
	position:relative;
}
#edit_profile{
	background:url(../images/icon/menus/edit_profile.png) 10px center no-repeat;
}
.page_title{
	font-size:24px;
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	margin:25px 0 0 7px;
	float:left;
}

.page_title_right{
	font-size:20px;
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	margin:27px 0 0 15px;
	float:right;
	font-weight: bolder;
	color:lime;
}

.page_title span{
	font-family:'OpenSansSemibold', Arial, Helvetica, sans-serif ;
}
.content_wrapper{
	float:left;
	width:100%;
	margin-bottom:40px;
}
.content{
	float:left;
	width:960px;
	padding:0 10px;
}
.content_left{
	float:left;
}
.content_right{
	float:right;
}
.dashboard_view{
	float:left;
	/*margin-top:30px;*/
	margin-top:5px;
}
.dashboard_box{
	width:435px;	
	height:135px;
	border:1px solid #4778a1;
	float:left;
	margin-bottom: 5px;
    margin-top: 5px;
}
.dashboard_box1{
	width:435px;
	/*height:145px;*/
	height:310px;
	border:1px solid #4778a1;
	float:left;
	margin-top:10px;
}
.dashboard_box td{
	/*padding:10px 0;*/
	padding:6px 0;
}
.dash_subtitle_container{
	float:left;
	width:455px;
}
.subtitle{
	font-size:20px;
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	float:left;
}
.view_detail{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:right;
	margin-right:17px;
	margin-top:6px;
}
.view_detail a{
	color:#fff;
	text-decoration:none;
}
.view_detail a:hover{
	text-decoration:underline;
}
.day{
	font-size:18px;
	color:#6ab0e4;
}
.day a{
	font-size:18px;
	color:#6ab0e4;
}
.shift_person{
	font-size:14px;
	color:#eaeaea
}
.shift_person a{
	text-decoration:underline;
	color:#eaeaea;
}
.status_count{
	font-weight:bold;
	font-size:12px;
	color:#fff;
	background:#6ab0e4;
	padding:4px 5px;
	float:left;
}
.shift_reason{
	font-weight:bold;
	font-size:12px;
	color:#fff;
	background:#6ab0e4;
	padding:3px 5px;
	float:left;
	border: 1px solid #4778A1;
	cursor:pointer;
	
}
.shift_reason:hover{
	background:none;
}

.shift_sick{
	font-weight:bold;
	font-size:12px;
	color:#fff;
	background:#d75535;
	padding:3px 5px;
}
.status_box{
	color:#eaeaea;
	font-weight:bold;
	font-size:12px;
	float:left;
	background:none;
	padding:3px 5px;
	border:1px solid #4778a1;
	text-align:center;
}
.admin_change_butt{
	color:#eaeaea;
	font-weight:bold;
	font-size:12px;
	float:left;
	background:none;
	padding:3px 5px;
	border:1px solid #4778a1;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
}

.admin_change_butt:hover{
	background:#6ab0e4;
}
.admin_change_butt:active{
	background:#363636;
	border:1px solid #000;
}
.admin_change_butt_disabled{
	opacity:0.5;
	filter:Alpha(opacity=50); /* IE8 and earlier */
}
.officer_shift{
	font-size:12px;
	padding:2px;
}
.officer_shift span{
	font-size:14px;
	color:#6AB0E4;
	font-weight:bold;
}
#swap_shift_tab td{
	padding:5px 0;
}
.footer_wrapper{
	float:left;
	background:#00192e;
	background:rgba(0,0,0,0.5);
	width:100%;
	/*position:fixed;*/
	position:absolute;
	bottom:-25px;
	margin-top:25px;
	z-index:500px;
}
.footer_links{
	float:left;
	width:100%;
	text-align:center;
	color:#8093a2;
	padding:10px 0;
	font-size:11px;
}
.footer_links a{
	color:#8093a2;
	font-size:11px;	
}
.footer_links a:hover{
	color:#b6c2cd;
}
.schedule_filter{
	float:right;
	margin-top:50px;

}
.schedule_filter div{
	float:left;
	margin-left:15px;
}
.schedule_filter .calender_date{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:24px;
	margin-left:5px;
	text-align:center;
}
.calender_date span{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#628db0;
	text-align:center;
	font-weight:bold;
}
select{
	background:none;
	color:#fff;
	border:1px solid #4778A1;
}
#schedule_table{
	background:#3578ac;
	color:#000;
}
#schedule_table td{
	background:#fff;
	/*padding:6px 5px;*/
	padding:6px 2px;
}
#schedule_table .days, #schedule_table .nights, #schedule_table .admin {
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
}
#schedule_table .schedule_list{
	/*min-width:120px;
	width:120px;*/
	margin-top:15px;
	border-bottom: 1px solid #EEEEEE; /*For border lines*/
}
#schedule_table .schedule_list1{
	min-width:120px;
	margin-top:15px;
	padding-left: 3px;
	border-bottom: 1px solid #EEEEEE; /*For border lines*/
}
#schedule_table .schedule_list span{
	padding-left:50px;
	color:#F00;
}
.schedule_days{
	color:#03508e;
	font-weight:bold;
}
#schedule_table .schedule_days td{
	padding:10px 0 10px 10px;
}
.schedule_dayshift{
	color:#fff;
}
.day_shift{
	color:#ffd800;
	font-size:22px;
	margin-right:20px;
}
#schedule_table .active_day{
	background:#b4d7f1;
}
#schedule_table .squad_row{
	color:#fff;
	font-size:12px;
	font-weight:bold;
}
#schedule_table .squad_name{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;

}
#schedule_table .squad_name span{
	font-size:12px;
}
#schedule_table .squad1{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
}
#schedule_table .squad1 span{
	color:#4a7f00;
	font-size:11px;
	float:right;
	font-weight:bolder;
}
#schedule_table .squad2{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
}
#schedule_table .squad2 span{
	color:#c30d20;
	font-size:11px;
	float:right;
	font-weight:bolder;
}
#schedule_table .squad3{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
}
#schedule_table .squad3 span{
	color:#03508e;
	font-size:11px;
	float:right;

}
#schedule_table .admin_bottem td{
	background:#700309;
	font-size:22px;
	/*display:none;*/
}
.choose{
	/*width:270px;*/
	margin-top:25px;
	float:right;
}
.choose div{
	margin:0 10px 0 10px;	
}
.choose .select_text{
	margin-top: 4px !important;
}
.officer_detail{
	float:left;
	margin:20px 0 0 15px;
}
.timeoff_name{
	font-size:18px;
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	margin:8px 5px 0 5px;
}
.box_overview{
	width:964px;
	height:290px;
	margin:10px 0 0 15px;
	border:1px solid #4778a1;
	float:left;
}
.box_overview_container{
	float:left;
}
.timeoff_content{
	width:902px;
	float:left;
	border-bottom:1px solid #4778a1;
	padding-bottom:10px;
	margin:10px 0 0 10px;

}
.timeoff_content div{
	/*padding:1px 0;*/
}
.timeoff_content .vacation{
	float:left;
	font-size:14px;
	font-weight:bold;
}

.timeoff_content .icon{
	border:1px solid #fff;
	background:#60be08;
	width:12px;
	height:12px;
	float:left;
	margin-left:4px;
	margin-top:2px;
}


.timeoff_content .vacation_icon{
	border:1px solid #fff;
	background:#60be08;
	width:12px;
	height:12px;
	float:left;
	margin-left:4px;
	margin-top:2px;
}
.timeoff_content .personal_icon{
	border:1px solid #fff;
	background:#00ffff;
	width:12px;
	height:12px;
	float:left;
	margin-left:4px;
	margin-top:2px;
}
.timeoff_content .sick_icon{
	border:1px solid #fff;
	background:#c92645;
	width:12px;
	height:12px;
	float:left;
	margin-left:4px;
	margin-top:2px;
}
.timeoff_content .bank_time_icon{
	border:1px solid #fff;
	background:#000;
	width:12px;
	height:12px;
	float:left;
	margin-left:4px;
	margin-top:2px;
}
.timeoff_content_right{
	float:right;
	/*margin-top:15px;*/
	margin-top:0px;
}
.control_timeoff{
	float:left;
	margin-right:5px;
}
.swap_timeday{
	background: url(../images/icon/swap_sun.png) 2px center no-repeat #6ab0e4;
	border-radius:3px;
	font-size:12px;
	padding:5px 5px 5px 19px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}
.swap_officer_conatiner{
	float:left;
	width:920px;
	border-bottom:1px solid #4778a1;
	padding-bottom:15px;
	margin-top:15px;
}
.swap_timenight{
	background:url(../images/icon/swap_moon.png) 2px center no-repeat #6ab0e4;
	border-radius:3px;
	font-size:12px;
	padding:5px 5px 5px 19px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}
.swap_officer{
	float:left;
	margin:5px 0 0 10px;
}
.swap_officers{
	font-size:14px;
	font-weight:bold;
	color:#6ab0e4;
}
.swap_office_mid{
	margin:auto;
	margin-bottom:5px;
	width:61px;
	height:61px;
	background:rgba(106,176,228,0.1) url(../images/default_small.png) no-repeat center center;
	border:1px solid #003865;
	text-align:center;
}
.swap_top_arrow{
	margin:10px 0 15px 0;
}
.swap_deatil{
	margin-left:30px;
}
.swap_filter{
	padding:5px 0 5px 15px;
}
.swap_status{
	float:right;
	margin:40px 10px 0 0;
}
.swap_filter a{
	color:#fff;
	padding-left:5px;
}
.employees_container{
	float:left;
}
.employees{
	/*border:1px solid #4778a1;
	padding:10px 38px 15px;
	float:left;
	border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	margin:15px 0 25px 15px;
	color:#FFF; 
	width:130px; 94 
	height:120px; 
	margin-right:10px;*/

	border: 1px solid #4778A1;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
    color: #FFFFFF;
    float: left;
    height: 120px;
    margin: 10px 5px 0 6px;
    padding: 10px 38px 6px;
    width: 142px;
}
.employees_detail{
	/*text-align:center;
	font-size:14px;*/

	font-size: 14px;
    margin-left: -39px;
    text-align: center;
    /*width: 169px;*/
    width: 220px;
}
.em_thumb{
	margin:auto;
	margin-bottom:4px;
	width:61px;
	height:61px;
	background:rgba(106,176,228,0.1) url(../images/default_small.png) no-repeat center center;
	border:1px solid #003865;
}
.em_name{
	font-weight:bold;
	font-size:16px;
}
.em_post{
	color:#6dcff6;
}
#add_new_employee{
	font-size:18px;
}
#add_new_employee td{
	padding:0;
}
#add_new_employee .other_input{
	background:none;
	padding:8px 5px;
	width:240px;
	font-size:14px;
	color:#fff;
	border:1px solid #4778a1;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
}
#add_new_employee .other_input:focus{
	border:1px solid #00ffff;
	background:#fff;
	color:#095694;
}
.input_count{
	padding:5px 10px;
	background:#6AB0E4;
    color: #FFFFFF;
    float: left;
    font-size: 12px;
    font-weight: bold;
}
.mandatory{
	color:#fcb827;
	font-size:22px;
	font-weight:bold;
}
#add_new_employee .first{
	padding-left:10px;
}
#add_new_employee .lap td{
	padding-left:5px;
}
#add_new_employee td input, textarea, select{
	margin-left:5px;
}	
.detail_input{
	width:450px;
	height:120px;
	background:url(../images/textarea_bg.png) center 25px repeat;
	padding:5px 10px;
	font-size:14px;
	line-height:28px;
	color:#fff;
	border:1px solid #4778a1;
	border-radius:2px;
	font-family:Arial, Helvetica, sans-serif;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
}
.detail_input:focus{
	border:1px solid #00ffff;
	background:url(../images/textarea_bg.png) center 25px repeat #fff;
	color:#095694;
}
.profile_pic{
	box-shadow:0 0 5px #06528e inset;
	-moz-box-shadow:0 0 5px #06528e inset;
	-o-box-shadow:0 0 5px #06528e inset;
	-webkit-box-shadow:0 0 5px #06528e inset;
	border:1px solid #003865;
	width:90px;
	height:90px;
	overflow:hidden;
	background:#0e5a97;
	background:rgba(106,176,228,0.10);
	padding:10px;
	float:left;
	margin-left:5px;
}
.profile_pic img{
	margin-top:12px;
	margin-left: 2px;
}
#add_new_employee .id{
	background:#fff;
	padding:8px 5px;
	width:240px;
	font-size:14px;
	color:#03508e;
	border:1px solid #fff;;
	box-shadow:0 0 25px #cfdde9 inset;
	-moz-box-shadow:0 0 25px #cfdde9 inset;
	-o-box-shadow:0 0 25px #cfdde9 inset;
	-webkit-box-shadow:0 0 25px #cfdde9 inset;
}
#add_new_employee .id:focus{
	border:1px solid #00ffff;
	background:#fff;
	color:#095694;
}

#duty_chart{
	background:#fff;
}
#duty_chart td{
	border-bottom:1px solid #cccccc;
	border-right:2px solid #05518F;
	padding:0 6px;
}
#duty_chart .head{
	color:#03508e;
	font-weight:bold;
	font-size:12px;
}
#duty_chart .squad_icon{
	background:#e69138;
	font-weight:bold;
	font-size:11px;
	color:#fff;
	padding:2px 4px;
}
.duty_count{
	background:#6AB0E4;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
	height:17px;
	padding-top:3px;
	width:24px;
	margin-top:10px;
	margin-bottom:10px;
}
#duty_chart .shiftstatus{
	border-bottom:none;
	padding-top:15px;
}
#duty_chart .sub_small{
	padding:0;
}
#duty_chart .wo_side{
	border-right:none;
}
.active_month td{
	background:#b4d7f1;
}
.login_form{
	border:1px solid #003865;
	background:#1f659c;
	background:rgba(255,255,255,0.10);
	padding:8px 5px;
	text-align:center;
	border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	color:#fff;
	width:275px;
}	
.login_form:focus{
	border:1px solid #00ffff;
	background:#fff;
	color:#095694;
}
.logo_police{
	font-weight:bold;
	color:#d9dde1;
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
}
.logo_web{
	font-weight:bold;
	color:#6ab0e4;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	
}
.login_picture{
	box-shadow:0 0 5px #06528e inset;
	-moz-box-shadow:0 0 5px #06528e inset;
	-o-box-shadow:0 0 5px #06528e inset;
	-webkit-box-shadow:0 0 5px #06528e inset;
	border:1px solid #003865;
	width:90px;
	height:90px;
	overflow:hidden;
	background:#0e5a97;
	background:rgba(106,176,228,0.10);
	width:85px; 
	height:85px;
	margin:35px 0 18px 0; 
}
.login_pic{
	margin-top:18px;
}
.forgot_password{
	color:#6ab0e4;
	font-size:11px;
	cursor:pointer;
	text-decoration:underline;
	width:152px;
}
.forgot_password:hover{
	color:#ccc;
}
.log_butt{
	border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	border:none;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#03508e;
	background:#e4e4e4;
	padding:5px 10px;
	float:left;
	border:1px solid #6dcff6;
	cursor:pointer;
}
.log_butt:hover{
	border:1px solid #6dcff6;
	background:#6ab0e4;
	color:#fff;
}
.log_butt:active{
	background:#363636;
	border:1px solid #000;
	color:#fff;
}
.signin_butt{
	border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#03508e;
	background: url(../images/icon/login_arrow.png) no-repeat 55px center #e4e4e4 ;
	padding:5px 30px 5px 5px;
	border:1px solid #6dcff6;
}
.signin_butt:hover{
	border:1px solid #6dcff6;
	background:url(../images/icon/login_arrow_hover.png) no-repeat 55px center #6AB0E4;
	color:#fff;
}
.myswap_box{
	width:465px;
	/*height:402px;*/
	height:290px;
	border:1px solid #4778a1;
	float:left;
	margin-top:10px;
}
.swap_change{
	font-size:12px;
}
.swap_ft{
	padding-right:5px;
}
.swap_change span{
	font-size:14px;
	font-weight:bold;
	color:#6ab0e4;
}
.swap_shift_details{
	font-size:13px;
	font-weight:bold;
	color:#6ab0e4;
	padding-left:10px;
}

.swap_option{
	color:#fff;
	text-decoration:underline;
}
.swap_option:hover{
	text-decoration:none;
}
.disp_day{
	font-size:20px;
}
.float_none{
	float:none;
}
#right_filter_panel{
	float:right;
	margin-right:10px;
}
#officer_add_page, .officer_view_page{
	width:800px;
	height:auto;
	background:#FFF;
}
#officer_add_tite, .officer_view_tite{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}
#offcer_swap_shift td, .offcer_view_shift td{
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:18px;
	font-weight:bold;
	color:#333;
	height:28px;
}
#offcer_swap_shift .small, .offcer_swap_shift .small{
	font-size:14px;
}
.offcer_view_shift .view_text{
	font-size:12px !important;
	color:#b2b2b2 !important;
	font-weight:bold !important;
	padding-left:5px;
}

#offcer_swap_shift .swap_pop_input, #offcer_swap_shift textarea{
	border:1px solid #6ab0e4;
	padding:5px 5px;
	width:240px;
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:12px;
	color:#b2b2b2;
	font-weight:bold;
	line-height:28px;
}
#offcer_swap_shift .selectbox{
	border:1px solid #6ab0e4;
	padding:5px 5px;
	width:240px;
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:12px;
	color:#b2b2b2;
	font-weight:bold;
	line-height:28px;
	margin-left:10px;
}
#offcer_swap_shift .option_text{
	font-size:13px;
}
#offcer_swap_shift .textarea{
	width:375px;
	height:94px;
	background:none;
	background:url(../images/textarea_bg.png) center 25px repeat-y;
}
#offcer_swap_shift .but_background{
	background-color:#03508e;
	color:#fff;
	float:right;
	margin-left:5px;
}
#swap_diagram{
	width:315px;
	float:left;
	margin:25px 0px 0px 25px;
}

#swap_first{
	float:left;
}
#swap_arrow{
	background:url(../images/swap_arrow.png) center center no-repeat;
	width:20px;
	height:35px;
	float:left;
	margin:15px;
}
#swap_second{
	width:30px;
	height:30px;
	background:#6ab0e4;
	float:left;
	padding:15px;
}
.officer_main_menus{
	float:right;
}
.forgot_input{
	background:#1a5f97;
	background:rgba(255,255,255,0.10);
	padding:5px;
	width:190px;
	font-size:14px;
	color:#fff;
	border:1px solid #003865;
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	-o-border-radius:1px;
	
}
.forgot_input:focus{
	border:1px solid #00ffff;
	background:#fff;
	color:#095694;
}
.schedule_filter .schedule_day_select{
	color:#829fb6; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	line-height:10px;
}
.schedule_filter .schedule_day_show{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif; 
	font-size:22px; 
	margin-left:5px;
}
.schedule_filter .schedule_select_img{
	margin-left:5px; margin-top:7px;
}
#forgot_password_container{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	float:right;
	margin-top:55px;
	margin-right:20px;
	display:none;
}
#forgot_password_container table{
	border:1px solid #4b7ca3;
	margin-top:5px;
}
.forgot_text{
	font-size:16px;
	color:#6dcff6;
}
.forgot_login{
	width:100%;
}
.forgot_login_right{
	 margin-left:60px;
	 float:left;
}
#forgot_password_success{
	float:right;
	margin-top:80px;
	margin-right:20px;
	display:none;

}
#success_message{
	font-size:14px;
	border: 1px solid #4B7CA3;
	margin-top:5px;
}
.small_imp{
	font-size:12px;
	color:#b7b7b7;
}	
.small_imp a{
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
}
#officer_request_page{
	width:880px;
	height:auto;
	background:#FFF;
}
#offcer_swap_shift .timeoff_shiftsmall{
	font-size:14px;
	color:#333;
}
#offcer_swap_shift .other_input{
	border:1px solid #6ab0e4;
	padding:5px 5px;
	width:180px;
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:12px;
	color:#b2b2b2;
	font-weight:bold;
	line-height:28px;
}
#offcer_swap_shift .other_input:focus{
	color:#000;
}
#add_squad_table .other_input{
	border:1px solid #6ab0e4;
	padding:5px 5px;
	width:180px;
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:12px;
	color:#b2b2b2;
	font-weight:bold;
	line-height:28px;
}
#add_squad_table .other_input:focus{
	color:#000;
}
#offcer_swap_shift .mid_to{
	font-size:12px;
	color:#333;
	font-weight:normal;
}
.dpicker{
	background:url(../images/icon/date_calendar.png) 170px center no-repeat;
}
.tpicker{
	background:url(../images/icon/time_picker.png) 105px center no-repeat;
}
.colorpicker
{
	background:url(../images/icon/ColorPicker.gif) 230px center no-repeat;
}
.schedule_date{
	float:left; 
	font-size:18px; 
	font-family:Arial, Helvetica, sans-serif;
}
.select_style{
	float:left; 
	margin-right:5px;
	font-size:12px;
}
.swap_filter a:focus{
	border:1px solid #4778a1;
}
.select_letter{
	color:#eaeaea;
	font-weight:bold;
	font-size:12px;
	background:none;
	padding:0px 5px;
	border:1px solid #4778a1;
	text-align:center;
	cursor:pointer;
}
.select_letter:hover{
	background:#6ab0e4;
}
.select_letter:active{
	border:1px solid #4778a1 !important;
}
.select_active{
	color:#eaeaea;
	font-weight:bold;
	font-size:12px;
	background:#6ab0e4;
	padding:3px 5px;
	border:1px solid #4778a1 !important;
	text-align:center;
	cursor:pointer;
}
/* Setting Squad CSS Code Starts */
.squad_line{
	float:left;
	width:937px;
	border-top:1px solid #a4b3bf;
	padding:15px;
	margin-left:14px;
	margin-top:10px;	
}
#squad_overview{
	width:964px;
	height:310px;
	margin:0px 0 0 15px;
	border:1px solid #4778a1;
	float:left;
}
#squad_overview .content
{
	float:left;
	width:905px;
	/*height:30px;*/
	height:auto;
	border-bottom:1px solid #a4b3bf;
	padding:15px;
	padding-bottom:10px;
	margin-left:14px;
	margin-top:0px;
	
}

#squad_overview .squad_a
{
	float:left;
	font-size:14px;
	font-weight:bold;
	padding-bottom:10px;
}

#squad_overview .squad_icon{
	border:2px solid #fff; 	
	_background:#e69138;	
	width:12px;	
	height:12px;	
	float:left;	
	margin-left:10px;	
	margin-top:0px;
}

#squad_overview .content_right{
	float:right;
	margin-top:0px;
	border:0px solid #a4b3bf;
	margin-right:0px;
}


#squad_overview .control_squad{
	float:left;
	margin-right:5px;
}


#add_squad{
	width:900px;
	height:200px;
	background:#FFF;
}

#add_squad_tite{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}
#add_squad_table td{
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:18px;
	font-weight:bold;
	color:#333;
	height:28px;
}

#add_squad_table .swap_pop_input{
	border:1px solid #6ab0e4;
	padding:5px 5px;
	width:180px;
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:12px;
	color:#b2b2b2;
	font-weight:bold;
	line-height:28px;
}

#add_squad_table .but_background{
	background-color:#03508e;
	color:#fff;
	float:right;
	margin-left:5px;
}
#add_squad_table .other_input{
	border:1px solid #6ab0e4;
	padding:5px 5px;
	width:180px;
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:12px;
	color:#b2b2b2;
	font-weight:bold;
	line-height:28px;
}
#add_squad_table .other_input:focus{
	color:#000;
}

/* Setting Squad CSS Code Ends */
/* Submenu Code Starts*/
#main_menus{
}
#main_menus li{
	list-style:none;
	float:left;
	margin-left:1px;
	cursor:pointer;
}
#main_menus a{
	color:#fff;
	font-size:14px;
	padding:5px 7px 7px 37px;
	display: block;
}

.sub_menu_container{
	position:absolute;
	float:left;
	margin:0;
	z-index:5000;
	display:none;
	

}
.sub_menu{
	padding: 5px 0 15px 0px;
	background: #03508E;
	float: left;
	width: 230px;
	border: 1px solid #4778A1;
	border-top: 0px;
	height:0;

}
#main_menus .sub_menu li{
	list-style:none;
	float:none;
	padding:5px 7px 5px 7px;

}
#main_menus .sub_menu li:hover{
	background:rgba(106, 176, 228, 0.5);
}


.approval_sub_menu_container{
	position:absolute;
	float:left;
	margin:0;
	z-index:5000;
	display:none;
	

}
.approval_sub_menu{
	padding: 5px 0 15px 0px;
	background: #03508E;
	float: left;
	width: 160px;
	border: 1px solid #4778A1;
	border-top: 0px;
	height:0;

}
#main_menus .approval_sub_menu li{
	list-style:none;
	float:none;
	padding:2px 2px;

}

#main_menus .approval_sub_menu li a{	
	padding:5px 7px 5px 7px;
}

#main_menus .approval_sub_menu li:hover{
	background:rgba(106, 176, 228, 0.5);
}






/*Submenu Code Ends*/

/* Setting Designation CSS Code Starts */

#designation_overview{
	width:964px;
	height:300px;
	margin:0px 0 0 15px;
	border:1px solid #4778a1;
	float:left;
}
#designation_overview .content{
	float:left;
	width:905px;
	height:auto;
	min-height:30px;
	border-bottom:1px solid #a4b3bf;
	padding:15px;
	padding-bottom:20px;
	margin-left:14px;
	margin-top:10px;
	
}
#designation_overview .squad_a
{
	float:left;
	font-size:14px;
	font-weight:bold;
	padding-bottom:10px;
}
#designation_overview .designation_icon{
	border:2px solid #fff;
	background:#e69138;
	width:12px;
	height:12px;
	float:left;
	margin-left:10px;
	margin-top:0px;
}
#designation_overview .content_right{
	float:right;
	margin-top:0px;
	border:0px solid #a4b3bf;
	margin-right:0px;
}
#designation_overview .control_desg{
	float:left;
	margin-right:5px;
}

.desig_change_butt{
	color:#eaeaea;
	font-weight:bold;
	font-size:12px;
	float:left;
	background:none;
	padding:3px 5px;
	border:1px solid #4778a1;
	text-align:center;
	cursor:pointer;
}

.desig_change_butt:hover{
	background:#6ab0e4;
}
.desig_change_butt:active{
	background:#363636;
	border:1px solid #000;
}


#add_designation{
	width:850px;
	height:auto;
	background:#FFF;
}
#add_designation_tite{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}
#add_designation_table td{
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:18px;
	font-weight:bold;
	color:#333;
	height:28px;
}
#add_designation_table .swap_pop_input{
	border:1px solid #6ab0e4;
	padding:5px 5px;
	width:240px;
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:12px;
	color:#b2b2b2;
	font-weight:bold;
	line-height:28px;
}
#add_designation_table .swap_pop_input_hr{
	border:1px solid #6ab0e4;
	padding:5px 5px;
	width:90px;
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:12px;
	color:#b2b2b2;
	font-weight:bold;
	line-height:28px;
}
#add_designation_table .but_background{
	background-color:#03508e;
	color:#fff;
	float:right;
	margin-left:5px;
}

/* Setting Designation CSS Code Ends */

#time_overview{
	width:964px;
	height:300px;
	margin:0px 0 0 15px;
	border:1px solid #4778a1;
	float:left;
}
#time_overview .content{
	float:left;
	width:905px;
	height:30px;
	border-bottom:1px solid #a4b3bf;
	padding:15px;
	padding-bottom:20px;
	margin-left:14px;
	margin-top:10px;
	
}
#time_overview .type
{
	float:left;
	font-size:14px;
	font-weight:bold;
	padding-bottom:10px;
}
#time_overview .type_icon{
	border:2px solid #fff;
	background:#e69138;
	width:12px;
	height:12px;
	float:left;
	margin-left:10px;
	margin-top:0px;
}
#time_overview .content_right{
	float:right;
	margin-top:0px;
	border:0px solid #a4b3bf;
	margin-right:0px;
}
#time_overview .control_type{
	float:left;
	margin-right:5px;
}


/* Adding a Employee Image St */


.attachment_message{
	overflow:hidden;
	width:90px;
	height:29px;
}

#newEmployeeInput input[type=file]{
	outline: none;
	width: 198px;
	height: 31px;
	/*visibility:hidden;*/
	float: left;
	margin-top: 0px;
	cursor: default;
	z-index: 1000;
	position: absolute;
	margin-left: 0px;	
	
}


.upload_butt{
	color:#eaeaea;
	font-weight:bold;
	font-size:12px;
	float:left;
	background:none;
	padding:3px 5px;
	border:1px solid #4778a1;
	text-align:center;
	cursor:pointer;
}

.upload_butt:hover{
	background:#6ab0e4;
}
.upload_butt:active{
	background:#363636;
	border:1px solid #000;
}

/* Adding a Employee Details Ends */

/* calendar Code Starts */

.police_calendar{
	width:96%;
	margin-left: 20px;
}
.police_calendar th{
	font-family: 'OpenSansLight', Arial;
	font-size:20px;
	text-align:left;
	vertical-align:bottom;
	width:100px;
	font-weight:bold;
	background:none;
}
.last_maonth_date{
	background:none;
}
.police_calendar td{
	height:70px;
	border:1px solid #bacfe1;
	-webkit-transition-property:background, color;
	-webkit-transition:0.2s ease-in-out, 0.2s ease-in-out;
	text-align:right;
	vertical-align:top;
	background:#FFFFFF;
	color:#03508e;
	font-weight:bold;
	font-size:14px;
}
.police_calendar td ul{
	height:80px;
	list-style:square;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.police_calendar td ul li{
	list-style-position:inside;
	padding-bottom:3px;
	margin-left:5px;
	text-align:left;
}
.police_calendar td ul li a{
	color:#fff;
}
.hide{
  display:none;	
}
.week_day{
	background-color:#024376;
	color:#fff;
	
}
.police_calendar .today_date{
	background:#03508e;
	color:#fff;
	height: 74px;
}
.plice_calender td .cal_data{
  background:#000;
}

.calendar_cell_linkcontent{
	color:#FFFFFF;
	text-align:left; 
	font-weight:bold;
	font-size:12px;
	padding-top: -20px;
	/*border: 1px solid red;*/
	cursor: pointer;
}
.calendar_cell_content{
	color:#FFFFFF;
	text-align:left; 
	font-weight:bold;
	font-size:12px;
	padding-top: 20px;
}
.calendar_night_shift{
	background:url(../images/icon/swap_moon.png) no-repeat 2%;
	padding:2px 0px 2px 15px;
}
.calendar_day_shift{
	background:url(../images/icon/swap_sun.png) no-repeat 0%;
	padding:2px 0px 2px 15px;
}
#calendar_info{
	width:960px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
	float:left;
	margin:0px 0 0 10px;
}
#calendar_info_right{
	width:135px;
	float:right;
}
.calendar_info_day{
	background:url(../images/icon/swap_sun.png) no-repeat left;
	padding:5px 0px 5px 20px;
	float:left;
}
.calendar_info_night{
	background:url(../images/icon/swap_moon.png) no-repeat left;
	padding:5px 0px 5px 15px;
	float:left;
	margin-left:15px;
}
.calendar_info_squad{
	padding:5px 0px 5px 15px;
	float:left;
	margin-left:10px;
}

/* calendar Code Ends */

.no_emps{
	width:964px;
	margin:0 auto;
	margin-top:140px;
}
.no_emps p{
	font-size:28px;
}
.login_error_panel{
	width:250px;
	height:25px;
	float:right;
	display:inline;
}
.login_error_img{
	background:url(../images/reject.png) no-repeat left;
	width:30px;
	height:30px;
	float:left;
}
.login_error_msg{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	width:215px;
	text-align:left;
}



/* Auto Complete Css st*/

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
	/*color:#000;*/
	color: #0033FF;
}
.ac_results li:hover, .ac_results li:focus{
	/*color:#fff;*/
	background-color: #074a81;
	color: #FFF;
}
.ac_loading {
	background: white url('../images/indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	/*background-color: #0A246A;
	color:#ffffff;*/
	color: #000;
}

/* Auto Complete Css END*/
.error_textbox{
	border: 1px solid #CC3333 !important;
	background-color: #FFE3E3 !important;
	color:#03508e !important;
}


/* admin Time off Type starts*/



#view_timeoff{
	width:900px;
	height:auto;
	background:#FFF;
}

#aview_timeoff_tite{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}
#view_timeoff_table td{
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:18px;
	font-weight:bold;
	color:#333;
	height:28px;
}

#view_timeoff_table .swap_pop_input{
	border:1px solid #6ab0e4;
	padding:5px 5px;
	width:240px;
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:12px;
	color:#b2b2b2;
	font-weight:bold;
	line-height:28px;
}

#view_timeoff_table .but_background{
	background-color:#03508e;
	color:#000;
	float:right;
	margin-left:5px;
}
#open_popup{
	color:#000 !important;
} 
#view_timeoff_table .other_input{
	/*border:0px solid #6ab0e4;*/
	padding:5px 5px;
	width:180px;
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:12px;
	color:#b2b2b2;
	font-weight:bold;
	line-height:28px;
}
#view_timeoff_table .other_input:focus{
	color:#000;
}

#view_timeoff_table .view_text{
	padding:5px 5px;
	width:180px;
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:12px;
	color:#b2b2b2;
	font-weight:bold;
	line-height:28px;
}


.timeoff_view_butt{
	color:#eaeaea;
	font-weight:bold;
	font-size:12px;
	float:left;
	background:none;
	padding:3px 5px;
	border:1px solid #4778a1;
	text-align:center;
	cursor:pointer;
}

timeoff_view_butt:hover{
	background:#6ab0e4;
}



#edit_timeoff{
	width:900px;
	height:auto;
	background:#FFF;
}

#edit_timeoff_tite{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}
#edit_timeoff_table td{
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:18px;
	font-weight:bold;
	color:#333;
	height:28px;
}

#edit_timeoff_table .swap_pop_input{
	border:1px solid #6ab0e4;
	padding:5px 5px;
	width:240px;
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:12px;
	color:#b2b2b2;
	font-weight:bold;
	line-height:28px;
}

#edit_timeoff_table .but_background{
	background-color:#03508e;
	color:#000;
	float:right;
	margin-left:5px;
}
#edit_open_popup{
	color:#000 !important;
} 
#edit_timeoff_table .other_input{
	/*border:0px solid #6ab0e4;*/
	padding:5px 5px;
	width:180px;
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:12px;
	color:#b2b2b2;
	font-weight:bold;
	line-height:28px;
}
#edit_timeoff_table .other_input:focus{
	color:#000;
}

#vedit_timeoff_table .view_text{
	padding:5px 5px;
	width:180px;
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:12px;
	color:#b2b2b2;
	font-weight:bold;
	line-height:28px;
}

.timeoff_edit_butt{
	color:#eaeaea;
	font-weight:bold;
	font-size:12px;
	float:left;
	background:none;
	padding:3px 5px;
	border:1px solid #4778a1;
	text-align:center;
	cursor:pointer;
}

timeoff_edit_butt:hover{
	background:#6ab0e4;
}


#reject_timeoff_user{
	width:900px;
	height:auto;
	background:#FFF;
}

#reject_timeoff{
	width:900px;
	height:auto;
	background:#FFF;
}

#reject_timeoff_tite{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}
#reject_timeoff_table td{
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:18px;
	font-weight:bold;
	color:#333;
	height:28px;
}

#reject_timeoff_table .swap_pop_input{
	border:1px solid #6ab0e4;
	padding:5px 5px;
	width:240px;
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:12px;
	color:#b2b2b2;
	font-weight:bold;
	line-height:28px;
}

#reject_timeoff_table .but_background{
	background-color:#03508e;
	color:#fff;
	float:right;
	margin-left:5px;
}
#reject_open_popup{
	color:#000 !important;
} 
#reject_timeoff_table .other_input{
	/*border:0px solid #6ab0e4;*/
	padding:5px 5px;
	width:180px;
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:12px;
	color:#b2b2b2;
	font-weight:bold;
	line-height:28px;
}
#reject_timeoff_table .other_input:focus{
	color:#000;
}

.timeoff_reject_butt{
	color:#eaeaea;
	font-weight:bold;
	font-size:12px;
	float:left;
	background:none;
	padding:3px 5px;
	border:1px solid #4778a1;
	text-align:center;
	cursor:pointer;
}

timeoff_reject_butt:hover{
	background:#6ab0e4;
}


/* admin Time off Type ends*/
.select_box{
    color: #333 !important;
    cursor: pointer;
    width: 254px;
	margin:0px 0px 25px 10px;
	padding:3px 2px;
	/*border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;*/
	font-size:12px;
	background:#fff;
	border:1px solid #6AB0E4;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
#ui-datepicker-div select{
	color:#000;
	font-weight:bold;
	font-size:11px;
}
.swap_officer a{
	text-decoration:none;
}
#main_menus .sub_menu a{
	padding:0;
}


/* Delete Emp sts */


#demp_popup{
	width:880px;
	height:auto;
	background:#FFF;
}
#offcer_swap_shift .timeoff_shiftsmall{
	font-size:14px;
	color:#333;
}
#offcer_swap_shift .other_input{
	border:1px solid #6ab0e4;
	padding:5px 5px;
	width:180px;
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:12px;
	color:#b2b2b2;
	font-weight:bold;
	line-height:28px;
}
#offcer_swap_shift .other_input:focus{
	color:#000;
}
/*Delete Emp Ends*/
/*Employee Details view st*/
.view_emp_detail{
	width:97%;
	height:350px; 
	margin:0px 0 0 8px; 
	border:1px solid #4778a1;
}
.emp_view_btn{
	color:#eaeaea;
	font-weight:bold;
	font-size:12px;
	float:left;
	background:#6ab0e4;
	padding:5px 5px;
	border:1px solid #4778a1;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
	margin:14px 0 0 0; 
}

.emp_view_btn:hover{
	background:#363636;
	/*background:#6ab0e4;*/
}
.emp_view_btn_active{
	background:none;
	padding:10px 10px;
	color:#eaeaea;
	font-weight:bold;
	font-size:12px;
	float:left;
	border:1px solid #4778a1;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
	margin:4px 0 0 0;
}

.timeoff_ele{
	margin-left: 10px;
}
/*Employee Details view Ends*/

/* Mail Send Opition Sts */


/* Mail Send Opition Ends */



#backgroundPopup{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	border:1px solid #cecece;
	z-index:1;
}
.popupContent{
	display:none;
	position:relative;
	_position:absolute; /* hack for internet explorer 6*/
	height:180px;
	width:200px;
	background:#FFFFFF;
	border:2px solid #cecece;
	z-index:2;
	padding:12px;
	font-size:13px;
	overflow:auto;
	top: 250px;
}
.popupContent div{
	font-size: 11px; 
	font-weight: normal;
	margin-bottom: 5px;
}


.schedule_butt {
    background: #e29000;
    border-radius:2px;
    color: #EAEAEA;
    cursor: pointer;
    float: left;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 5px;
    text-align: center;
    text-decoration: none;
}


.dashboard_test_style{
	font-size:15px;
	color:#6ab0e4;
	font-weight: bolder;
}

.n_schedule td{
	padding:5px;
}




/* User Group Permission sts */

.user_permission{	
	width: 85px;	
	background:#398BD3;
	margin: 5px 5px 8px;
	padding: 8px 36px 6px;	
	border: 1px solid #4778A1;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    float: left;
    height: 120px;
	cursor: pointer;
}

.user_permission_select{	
	width: 85px;	
	background:#024F8D;
	margin: 5px 5px 8px;
	padding: 8px 36px 6px;	
	border: 1px solid #4778A1;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    float: left;
    height: 120px;
	cursor: pointer;	
}
.admin_change_butt_user_per {
    background:#024F8D;
    border: 1px solid #4778A1;
    color: #EAEAEA;
    cursor: pointer;
    float: left;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 5px;
    text-align: center;
    text-decoration: none;
	margin-right: 25px;
}
.admin_change_butt_user_per:hover{
	background:#6ab0e4;
}


.user_permission_choose_btn {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
    float: none;
    font-size: 10px;
    font-weight: bolder;
    padding: 2px 1px;
    text-align: center;
    text-decoration: none;
}

.user_permission_choose_btn:hover{
	background:#6ab0e4;
}

/* User Group Permission ends */