@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-x;*/
	background-color:#5a1f1e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#DDD;
	
}

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{
	padding:15px 0;
	float:left;
	width:100%;
	background:rgba(61,14,14,0.70);
}

.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(144,63,24,0.1);
	border:1px solid #782a19;
}

/* 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(144,63,24,0.1);
	border:1px solid #903f18;
}

.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(144,63,24,0.1);
	border:1px solid #903f18;
}

.officer_thumb{
	/* border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	-webkit-border-radius:2px;
	-ms-border-radius:2px;
	border:1px solid #903f18; */
	
}

.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:#C9973A;
	text-decoration:underline;
}

.signout a:hover{
	text-decoration:none;
}

.menus_wrapper{
	float:left;
	width:100%;
	background:#904218;
	background:rgba(144, 66, 24, 1.5);
}

#dashboard{
	background:url(../images/icon/menus/dashboard.png) 10px center no-repeat;
}

#main_menus li:hover{
	background-color:#591f1f;
}

.active{
	background-color:#591f1f !important;
}

#incident_rpt{
	background:url(../images/icon/menus/incident_rpt.png) 10px center no-repeat;
}

#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;
}

/* Added By Jansha  */
#contact_form{
	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:5px;
}

.dashboard_box{
	width:435px;	
	height:135px;
	border:1px solid #782a19;
	float:left;
	margin-bottom: 5px;
    margin-top: 5px;
}

.dashboard_box1{
	width:435px;
	height:310px;
	border:1px solid #782a19;
	float:left;
	margin-top:10px;
}

.dashboard_box td{
	padding:6px 0;
}
.dash_subtitle_container{
	float:left;
	width:455px;
}
.subtitle{
	font-size:20px;
	font-family: 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:#903f18;
}
.day a{
	font-size:18px;
	color:#903f18;
}
.shift_person{
	font-size:14px;
	color:#EEB843
}
.shift_person a{
	text-decoration:underline;
	color:#EEB843;
}
.status_count{
	font-weight:bold;
	font-size:12px;
	color:#fff;
	background:#903f18;
	padding:4px 5px;
	float:left;
}
.shift_reason{
	font-weight:bold;
	font-size:12px;
	color:#fff;
	background:#903f18;
	padding:3px 5px;
	float:left;
	border: 1px solid #782a19;
	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:#EEB843;
	font-weight:bold;
	font-size:12px;
	float:left;
	background:none;
	padding:3px 5px;
	border:1px solid #782a19;
	text-align:center;
}
.admin_change_butt{
	color:#EEB843;
	font-weight:bold;
	font-size:12px;
	float:left;
	background:none;
	padding:3px 5px;
	border:1px solid #782a19;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
}

.admin_change_butt:hover{
	background:#843017;
}
.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:#903f18;
	font-weight:bold;
}
#swap_shift_tab td{
	padding:5px 0;
}
.footer_wrapper{
	float:left;
	background:#3c0d0e;
	background:rgba(60,13,14,0.5);
	width:100%;
	position:absolute;
	bottom:0px;
	margin-top:25px;
	z-index:500px;
}
.footer_links{
	float:left;
	width:100%;
	text-align:center;
	color:#a68282;
	padding:10px 0;
	font-size:11px;
}
.footer_links a{
	color:#a68282;
	font-size:11px;	
}
.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 #782a19;
}
#schedule_table{
	background:#904218;
	color:#000;
}
#schedule_table td{
	background:#fff;
	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 #DDDDDD; /*For border lines*/
}
#schedule_table .schedule_list span{
	padding-left:50px;
	color:#F00;
}
.schedule_days{
	color:#843017;
	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:#843017;
	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: Arial, Helvetica, sans-serif ;
	margin:8px 5px 0 5px;
}
.box_overview{
	width:964px;
	height:290px;
	margin:10px 0 0 15px;
	border:1px solid #782a19;
	float:left;
}
.box_overview_container{
	float:left;
}
.timeoff_content{
	width:902px;
	float:left;
	border-bottom:1px solid #782a19;
	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:#9d3c21;
	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 #903f18;
	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 #782a19;
	padding-bottom:15px;
	margin-top:15px;
}
.swap_timenight{
	background:url(../images/icon/swap_moon.png) 2px center no-repeat #903f18;
	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:#903f18;
}
.swap_office_mid{
	margin:auto;
	margin-bottom:5px;
	width:61px;
	height:61px;
	background:rgba(144,63,24,0.1) url(../images/default_small.png) no-repeat center center;
	border:1px solid #903f18;
	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:#EEB843;
	padding-left:5px;
}
.employees_container{
	float:left;
}
.employees{
	/*border:1px solid #782a19;
	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 #782a19;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
    color: #DDD;
    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(144,63,24,0.1) url(../images/default_small.png) no-repeat center center;
	border:1px solid #903f18;
}
.em_name{
	font-weight:bold;
	font-size:16px;
}
.em_post{
	color:#db8d1e;
}
#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 #782a19;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
}
#add_new_employee .other_input:focus{
	border:1px solid #9d3c21;
	background:#fff;
	color:#591f1f;
}
.input_count{
	padding:5px 10px;
	background:#903f18;
    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 #782a19;
	border-radius:2px;
	font-family:Arial, Helvetica, sans-serif;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	resize: none;
}
.detail_input:focus{
	border:1px solid #9d3c21;
	background:url(../images/textarea_bg.png) center 25px repeat #fff;
	color:#591f1f;
}
.profile_pic{
	box-shadow:0 0 5px #9D3C21 inset;
	-moz-box-shadow:0 0 5px #9D3C21 inset;
	-o-box-shadow:0 0 5px #9D3C21 inset;
	-webkit-box-shadow:0 0 5px #9D3C21 inset;
	border:1px solid #903F18;
	width:90px;
	height:90px;
	overflow:hidden;
	background:#9D3C21;
	background:rgba(144, 63, 24, 0.1);
	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:#843017;
	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 #9d3c21;
	background:#fff;
	color:#591f1f;
}

#duty_chart{
	background:#fff;
}
#duty_chart td{
	border-bottom:1px solid #cccccc;
	border-right:2px solid #05518F;
	padding:0 6px;
}
#duty_chart .head{
	color:#843017;
	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:#903f18;
    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 #9d3c21;
	background:#522625;
	background:rgba(157,60,33,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 #9d3c21;
	background:#fff;
	color:#591f1f;
}
.logo_police{
	font-weight:bold;
	color:#d9dde1;
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
}
.logo_web{
	font-weight:bold;
	color:#eeb843;
	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 #903f18;
	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:#c9973a;
	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:#7d301f;
	background:#e4e4e4;
	padding:5px 10px;
	float:left;
	border:1px solid #7d301f;
	cursor:pointer;
}
.log_butt:hover{
	border:1px solid #903f18;
	background:#903f18;
	color:#fdfcfc;
}
.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:#7d301f;
	background: url(../images/icon/login_arrow.png) no-repeat 55px center #e4e4e4 ;
	padding:5px 30px 5px 5px;
	border:1px solid #7d301f;
}
.signin_butt:hover{
	border:1px solid #903f18;
	background:url(../images/icon/login_arrow_hover.png) no-repeat 55px center #903f18;
	color:#fdfcfc;
}
.myswap_box{
	width:465px;
	/*height:402px;*/
	height:290px;
	border:1px solid #782a19;
	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:#903f18;
}
.swap_shift_details{
	font-size:13px;
	font-weight:bold;
	color:#903f18;
	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 #903f18;
	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 #903f18;
	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:#843017;
	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:#903f18;
	float:left;
	padding:15px;
}
.officer_main_menus{
	float:right;
}
.forgot_input{
	background:#9d3c21;
	background:rgba(157,60,33,0.10);
	padding:5px;
	width:190px;
	font-size:14px;
	color:#fff;
	border:1px solid #9d3c21;
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	-o-border-radius:1px;
	
}
.forgot_input:focus{
	border:1px solid #9d3c21;
	background:#fff;
	color:#591f1f;
}
.schedule_filter .schedule_day_select{
	color:#FFD800; 
	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 #782a19;
	margin-top:5px;
}
.forgot_text{
	font-size:16px;
	color:#C9973A;
}
.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 #903f18;
	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 #903f18;
	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;
}
.datepicker{
	background:url(../images/icon/date_calendar.png) 130px center no-repeat;
}
.tpicker{
	background:url(../images/icon/time_picker.png) 135px 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 #782a19;
}
.select_letter{
	color:#EEB843;
	font-weight:bold;
	font-size:12px;
	background:none;
	padding:0px 5px;
	border:1px solid #983716;
	text-align:center;
	cursor:pointer;
}
.select_letter:hover{
	background:#843017;
}
.select_letter:active{
	border:1px solid #843017 !important;
}
.select_active{
	color:#EEB843;
	font-weight:bold;
	font-size:12px;
	background:#843017;
	padding:3px 5px;
	border:1px solid #983716 !important;
	text-align:center;
	cursor:pointer;
}
/* Setting Squad CSS Code Starts */
.squad_line{
	float:left;
	width:937px;
	border-top:1px solid #9D3C21;
	padding:15px;
	margin-left:14px;
	margin-top:10px;	
}
#squad_overview{
	width:964px;
	height:310px;
	margin:0px 0 0 15px;
	border:1px solid #782a19;
	float:left;
}
#squad_overview .content
{
	float:left;
	width:905px;
	/*height:30px;*/
	height:auto;
	border-bottom:1px solid #9D3C21;
	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 #9D3C21;
	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;
	font-weight: bolder;
}
#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 #903f18;
	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:#843017;
	color:#fff;
	float:right;
	margin-left:5px;
}
#add_squad_table .other_input{
	border:1px solid #903f18;
	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:#ddd;
	font-size:14px;
	padding:5px 7px 7px 37px;
	display: block;
}

.sub_menu_container{
	position:absolute;
	float:left;
	margin:0;
	margin-left: -250px;
	z-index:5000;
	display:none;
	color: #591D1D;
}

.sub_menu_container_checks{
	position:absolute;
	float:left;
	margin:0;
	margin-left: -250px;
	z-index:5000;
	display:none;
	color: #591D1D;
}
	
.sub_menu{
	padding: 5px 0 15px 0px;
	background:  #744342;
	float: left;
	width: 780px;
	border: 1px solid #66302f;
	border-top:0px;
	margin-top:0px;
	height:0;
	color: #eee;

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

}
#main_menus .sub_menu li:hover{
	background:rgba(144, 63, 24, 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: none repeat scroll 0 0 #744342;
	float: left;
	width: 160px;
	border: 1px solid #782a19;
	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:none repeat scroll 0 0 rgba(144, 63, 24, 0.5);
}






/*Submenu Code Ends*/

/* Setting Designation CSS Code Starts */

#designation_overview{
	width:964px;
	height:300px;
	margin:0px 0 0 15px;
	border:1px solid #782a19;
	float:left;
}
#designation_overview .content{
	float:left;
	width:905px;
	height:auto;
	min-height:30px;
	border-bottom:1px solid #9D3C21;
	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 #9D3C21;
	margin-right:0px;
}
#designation_overview .control_desg{
	float:left;
	margin-right:5px;
}

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

.desig_change_butt:hover{
	background:#903f18;
}
.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 #903f18;
	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 #903f18;
	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:#843017;
	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 #782a19;
	float:left;
}
#time_overview .content{
	float:left;
	width:905px;
	height:30px;
	border-bottom:1px solid #9D3C21;
	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 #9D3C21;
	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:#EEB843;
	font-weight:bold;
	font-size:12px;
	float:left;
	background:none;
	padding:3px 5px;
	border:1px solid #782a19;
	text-align:center;
	cursor:pointer;
}

.upload_butt:hover{
	background:#903f18;
}
.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-right: 1px solid #D67F51;
    border-top: 1px solid #D67F51;
	-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:#843017;
	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:#D27E68;
	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,.calendar_cell_content_daycrew,.calendar_cell_content_allshift{
	color:#FFFFFF;
	text-align:left; 
	font-weight:bold;
	font-size:12px;
	cursor: pointer;
	/*padding-top: 20px;*/
	padding-bottom: 5px;
}
.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 #F90000 !important;
	background-color: #ffa4a4 !important;
	color:#843017 !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 #903f18;
	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:#843017;
	color:#000;
	float:right;
	margin-left:5px;
}
#open_popup{
	color:#000 !important;
} 
#view_timeoff_table .other_input{
	/*border:0px solid #903f18;*/
	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:#EEB843;
	font-weight:bold;
	font-size:12px;
	float:left;
	background:none;
	padding:3px 5px;
	border:1px solid #782a19;
	text-align:center;
	cursor:pointer;
}

timeoff_view_butt:hover{
	background:#903f18;
}


#histroy_app{
	width:1024px;
	height:550px;
}

#event_view{
	width:1024px;
	height:auto;
}
#notes_view{
	width:1024px;
	height:auto;
}
td.event_notes_body{
	height:120px !important;	
}
.event_view {
	cursor: pointer;
}
#histroy_app_tite{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}

#histroy_hos{
	width:1024px;
	height:auto;
}

#histroy_hos_tite{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}

#histroy_pu{
	width:1024px;
	height:auto;
}

#histroy_pu_tite{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}

#histroy_sc{
	width:1024px;
	height:auto;
}

#histroy_sc_tite{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}

#histroy_cy{
	width:1024px;
	height:auto;
	background:#FFF;
}

#histroy_cy_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{
	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 #903f18;
	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:#843017;
	color:#000;
	float:right;
	margin-left:5px;
}
#edit_open_popup{
	color:#000 !important;
} 
#edit_timeoff_table .other_input{
	/*border:0px solid #903f18;*/
	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:#EEB843;
	font-weight:bold;
	font-size:12px;
	float:left;
	background:none;
	padding:3px 5px;
	border:1px solid #782a19;
	text-align:center;
	cursor:pointer;
}

timeoff_edit_butt:hover{
	background:#903f18;
}


#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 #903f18;
	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:#843017;
	color:#fff;
	float:right;
	margin-left:5px;
}
#reject_open_popup{
	color:#000 !important;
} 
#reject_timeoff_table .other_input{
	/*border:0px solid #903f18;*/
	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:#EEB843;
	font-weight:bold;
	font-size:12px;
	float:left;
	background:none;
	padding:3px 5px;
	border:1px solid #782a19;
	text-align:center;
	cursor:pointer;
}

timeoff_reject_butt:hover{
	background:#903f18;
}


/* 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:#ddd;
	border:1px solid #903f18;
	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 #903f18;
	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 #782a19;
}
.emp_view_btn{
	color:#EEB843;
	font-weight:bold;
	font-size:12px;
	float:left;
	background:#903f18;
	padding:5px 5px;
	border:1px solid #782a19;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
	margin:14px 0 0 0; 
}

.emp_view_btn:hover{
	background:#363636;
	/*background:#903f18;*/
}
.emp_view_btn_active{
	background:none;
	padding:10px 10px;
	color:#EEB843;
	font-weight:bold;
	font-size:12px;
	float:left;
	border:1px solid #782a19;
	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: #EEB843;
    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:#903f18;
	font-weight: bolder;
}

.n_schedule td{
	padding:5px;
}




/* User Group Permission sts */

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

.user_permission_select{	
	width: 85px;	
	background:#A95831;
	margin: 5px 5px 8px;
	padding: 8px 36px 6px;	
	border: 1px solid #782a19;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    float: left;
    height: 120px;
	cursor: pointer;	
}
.admin_change_butt_user_per {
    background:#5A1F1E;
    border: 1px solid #782a19;
    color: #EEB843;
    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:#843017;
}


.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:#903f18;
}

/* User Group Permission ends */

/* Fancybox popups start */

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

#action_taken_tite{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}

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

#property_use_tite{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}


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

#date_time_field_tite{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}


#date_time_field .other_input{
	border:1px solid #903f18;
	padding:5px 5px;
	width:180px;
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:12px;
	color:#b2b2b2;
	font-weight:bold;
	line-height:28px;
}
#date_time_field .other_input:focus{
	color:#000;
}


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

#basic_mutual_field_tite{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}


#basic_mutual_field .other_input{
	border:1px solid #903f18;
	padding:5px 5px;
	width:180px;
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:12px;
	color:#b2b2b2;
	font-weight:bold;
	line-height:28px;
}
#basic_mutual_field .other_input:focus{
	color:#000;
}

/* Fancybox popups Ends*/

/* Fire Form CSS sts */


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

#fire_onsite_product_title{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}

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

#fire_ignition_d1_title{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}

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

#fire_ignition_d2_title{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}

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

#fire_ignition_d3_title{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}

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

#fire_ignition_d4_title{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}


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

#fire_cause_ingnition_e2_title{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}

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

#fire_equi_invo_f1_title{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}


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

#fire_sup_fact_g_title{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}


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

#fire_mob_type_h2_title{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}



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

#fire_mob_make_h3_title{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}

/* Fire Form CSS sts */


/* Structure Form CSS sts */

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

#struct_fspread_title{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}

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

#struct_tmaterial_title{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}

/* Structure Form CSS Ends */


/* Civilian Fire Form CSS sts */

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

#cfire_fcontr_i_title{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}

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

#cfire_spc_loc_m5_title{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}

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

#cfire_psym_n_title{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}

/* Civilian Fire Form CSS Ends */


/* Fire Service Casualty Form CSS sts */

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

#fservice_act_tinjury_g_title{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}

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

#fservice_pas_n_title{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}

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

#fservice_pei_k2_title{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}

/* Fire Service Casualty Form CSS Ends */



/* EMS Form CSS sts */

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

#date_time_field_tite_ems{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}


#date_time_field_ems .other_input{
	border:1px solid #903f18;
	padding:5px 5px;
	width:180px;
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:12px;
	color:#b2b2b2;
	font-weight:bold;
	line-height:28px;
}
#date_time_field_ems .other_input:focus{
	color:#000;
}

/* EMS Form CSS Ends */



/* Appraatus Form CSS sts */

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

#date_time_field_tite_app{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}


#date_time_field_app .other_input{
	border:1px solid #903f18;
	padding:5px 5px;
	width:180px;
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:12px;
	color:#b2b2b2;
	font-weight:bold;
	line-height:28px;
}
#date_time_field_app .other_input:focus{
	color:#000;
}

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

#app_resources_title{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}


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

#app_action_taken_title{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}


/* Appraatus Form CSS Ends */






/* Personnal Form CSS sts */

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

#date_time_field_tite_personal{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}


#date_time_field_personal .other_input{
	border:1px solid #903f18;
	padding:5px 5px;
	width:180px;
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:12px;
	color:#b2b2b2;
	font-weight:bold;
	line-height:28px;
}
#date_time_field_personal .other_input:focus{
	color:#000;
}


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

#personal_resources_title{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}


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

#personal_action_taken_title{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}

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

#personal_emp_lsit_title{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}

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

#personal_apparatus_lsit_title{
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
	font-size:20px;
	color:#000;
	padding:10px 0px 10px 0px;
	border-bottom:2px solid #c2c2c2;
}

/* Personnal Form CSS Ends */


/* Wildland Fire Form CSS sts */

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

#wl_fact_d3_title{
    font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
    font-size:20px;
    color:#000;
    padding:10px 0px 10px 0px;
    border-bottom:2px solid #c2c2c2;
}

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

#wl_fire_sup_d4_title{
    font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
    font-size:20px;
    color:#000;
    padding:10px 0px 10px 0px;
    border-bottom:2px solid #c2c2c2;
}

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

#wl_heat_source_e_title{
    font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
    font-size:20px;
    color:#000;
    padding:10px 0px 10px 0px;
    border-bottom:2px solid #c2c2c2;
}

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

#wl_mob_pro_type_f_title{
    font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
    font-size:20px;
    color:#000;
    padding:10px 0px 10px 0px;
    border-bottom:2px solid #c2c2c2;
}

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

#wl_op_equ_inv_g_title{
    font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
    font-size:20px;
    color:#000;
    padding:10px 0px 10px 0px;
    border-bottom:2px solid #c2c2c2;
}


/* Wildland Fire Form CSS Ends */




/* Hazmat Form CSS Starts */

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

#inc_hazmat_release_m_title{
    font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
    font-size:20px;
    color:#000;
    padding:10px 0px 10px 0px;
    border-bottom:2px solid #c2c2c2;
}

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

#inc_hazmat_mob_type_n_title{
    font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
    font-size:20px;
    color:#000;
    padding:10px 0px 10px 0px;
    border-bottom:2px solid #c2c2c2;
}


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

#inc_hazmat_mob_make_n_title{
    font-family:'OpenSansLight', Arial, Helvetica, sans-serif ;
    font-size:20px;
    color:#000;
    padding:10px 0px 10px 0px;
    border-bottom:2px solid #c2c2c2;
}

/* Hazmat Form CSS Ends */

#other_setting{
	/*background:url("../images/icon/menus/setting.png") no-repeat scroll 10px center transparent;*/
}
.head_tr{
	font-weight:bold;
}
.td_first{
	padding-left:10px;
}
.list_view td {
    padding-bottom: 15px !important;
    padding-top: 15px !important;
}
.list_view tr:hover td {
    background: none repeat scroll 0 0 #683332;
}
.border_bottom_td td{
	border-bottom:1px solid #9D3C21;
}
.sm_input {
    background: none;
    border: 1px solid #782A19;
    border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-o-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    font-size: 13px;
    padding: 4px 5px;
    width: 80px;
}
.sm_input_select{
    background: #fff;
    border: 1px solid #782A19;
    border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-o-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
    color: #333;
    font-size: 13px;
    padding: 4px 5px;
    width: 80px;
}
.cylinder_add_table{
	font-weight:bold;
	color:#fff;
}
.asset_table{
	font-size:14px;
	font-weight:bold;
}
.lg_input{
	
	background: none;
    border: 1px solid #782A19;
    border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-o-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    font-size: 13px;
    padding: 4px 5px;
    width: 150px;
}
.add_table_sub td{
	
	padding-right:20px;
	padding-left:10px;
	padding-bottom:10px;
}
.lg_input_selct{
	
	background: #fff;
    border: 1px solid #782A19;
    border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-o-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
    color: #333;
    font-size: 13px;
    padding: 4px 5px;
    width: 160px;
	margin-left:0;
}

/* Spin Preloader */

#preload {
	
	top:0;
	background: #000;
	z-index:2000;
	position:absolute;
	width:100%;
	opacity:0.9;
    height: 100%;
}

#preload_image{
	
	z-index:2000;
	position:absolute;
	top: 45%;
	left: 45%;
}


/* tables */
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: none;
	/* border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px; */
}
table.tablesorter thead tr .header {
	background-image: url(../images/icon/sorting_default.png);
	background-repeat: no-repeat;
	background-position: center right 20%;
	cursor: pointer;
	text-align:left;
	background-size:7px;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/icon/sorting_ace.png);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/icon/sorting_dec.png);
}


.border_none {
	border:none;
}