@charset "utf-8";
/* CSS Document */
@import url('gfont/Roboto.css');
@font-face {
	font-family: 'Conv_EUROSTI';
	src: url('../fonts/EUROSTI.eot');
	src: url('../fonts/EUROSTI.woff') format('woff'), url('../fonts/EUROSTI.ttf') format('truetype'), url('../fonts/EUROSTI.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.no_plan {
	background:url(../images/not_planned.png) no-repeat fixed center center;
}
@font-face {
	font-family: 'Digital';
	src: url('../fonts/digital-7.ttf');
	font-weight: normal;
	font-style: normal;
}
*{
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 13px;
}
.f_11 {
	font-size: 11px;
}
.f_12 {
	font-size: 12px;
}
a{
	color:#333;
	text-decoration:none;
}
td {
 text-align:left;
}
img	{
	border:0;
}
p {
	text-align:left;
}
#error_wrapper {
	position:relative;
	margin:0 auto;
	width:650px;
	height:28px;
	top:-15px;
}
.Error	{
	width:650px;	
	height:28px;
	float:right;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding-bottom:1px;
}
.Error div{
	width:650px;	
	float:right;
	padding:6px;
	background:#F9EDBE;
	border:1px solid #F0C36D;
	font-size:12px;
	font-weight:bold;
}
.Error .green{
	color:#009933;
}
.Error .red{
	color: #FF0000;
}
.Errors	{
	font-weight:bold;
	text-align:center;
	padding-bottom:1px;
}
.Errors .green{
	color:#009933;
}
.Errors .red{
	color: #FF0000;
}
.AjaxError div{
	height:20px;
	color:#FF0000;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	margin-top:20px;
}
.Error_index	{
	color: #C77D00;
	height: 25px;
	text-align:center;
}
.Button	{
	padding:5px 15px;
	background:#4584EE;
	border:1px solid #4285F4;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	margin:0 20px 0 0;
	border-radius:2px;
}
input[type="button"]{
	background:#4584EE;
	border:1px solid #4285F4;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	border-radius:2px;
}
.cal_img_button {
	cursor:pointer;
	margin-right:1px;
}
body, html {
	height: 100%;
}
body {
	width: 100%;
	margin: 0;
	padding:0;
}
#header_wrapper {
	width: 100%;
	height: 100px;
	float:left;
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
	background:url(../images/top_pix.jpg) repeat-x;
}
#header {
	height: 100px;
}
#wrapper {
	width:1050px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	background:red;
}
#banner, #banner	img	{
	width:100%;
	height:auto;
	max-height:200px;
}
.username {
	font-size:11px;
	color:#000;
	text-decoration:none;
	line-height: 5px;
}
.username select {
	width: 129px;	
}
input[type='text'], input[type='password'], input[type='checked'], input[type='radio'], textarea {
	background:#fff;
	border:1px solid #d7d7d7;
	color:#666;
}
.username	input {
	width: 125px;	
}
.forgot_pass {
	font-size:11px;
	color:#000;
	padding:0 0 0 8px;
	text-decoration:none;
}
.forgot_pass a{
	font-size:11px;
	color:#000;
	padding:0 0 0 8px;
	text-decoration:none;
}
.forgot_pass a:hover{
	color:#333333;
	text-decoration:underline;
}
#slogan {	
	width:506px;
	height:45px;
}
#slogan img{
	width:96%;
}
#logo {
	width:100px;
	height:60px;
	display:block;
	background:url(../images/logo.png) no-repeat;
}
/*Admin style*/
#side_menu {
	position:fixed;
	width:120px;
	margin-top:20px;
}
#side_menu .menu{
	padding:0 3px 3px;
	display:block;
}	
.emenu .menu{
	padding:0 3px 6px!important;
}	
#side_menu .menu img{
	float:left;
	width:12px;
	margin-right:5px;
}
#side_menu .margin{
	margin-top:15px;
}
#side_menu .border{
		border-bottom:1px solid #d7d7d7;
}
#side_menu .activemenu, #side_menu .menu:hover{
	display:block;
}	
.submenu, .submenu_inactive:hover {
	text-align:center;
	border-right:3px solid #fff;
}
.submenu > a, .submenu_inactive > a:hover {
	color:#358ee0;
	font-size:13px;
	display:block;
	padding:12px 8px;
	border-bottom:3px solid #358ee0;
}
.submenu_inactive {
	text-align:center;
	border-right:3px solid #fff;
}
.submenu_inactive a {
	color:#777;
	font-size:13px;
	display:block;
	padding:12px 8px;
	border-bottom:3px solid #fff;
}
#login_menu	{
	height: auto;
	/*background: #535353 url(../images/login-tab.jpg) repeat-x bottom;*/
	border: 1px solid #E0E0E0;
	border-radius: 10px 10px 0 0;
}
.login_title_admin {
	background:#eeeeee !important;
	display:block !important;
	border:1px solid #cccccc !important;
	border-radius: 10px 10px 0 0;
	padding-left:7px !important;
	border-bottom:0 !important;
}
.login_title {	
	color:#fff;
	font-size:12px;
	text-align:left;
	font-style:normal;
	font-weight:bold;
}
#rem_count, #com_count{
	width:17px;
	height:19px;
	background:url(../icons/rem_noti.png)  no-repeat;
}
#rem_count a, #com_count a{
	width:13px;
	height:13px;
	line-height:13px;
	border-radius:5px;
	font-size:9px;
	text-align:center;
	color:#fff;
	margin:-2px 10px 0;
	background:#cb4c38;
	
}
.c_count_wrp {
	position:relative;
}
.c_count{
	width:13px;
	height:13px;
	line-height:13px;
	border-radius:5px;
	font-size:9px;
	text-align:center;
	color:#000;
	position:absolute;
	top:-9px;
	right:-6px;
	background:#85d66f;
	
}
.forgot_login_cpt, .forgot_login_cpt a	{
	font-size:12px;
	font-weight:bold;
} 
.forgot_login_cpt a:hover	{
	text-decoration:underline;
}
.login_caption {
	font-size:12px;
	padding-left:10px;
	line-height:40px;
}
.login_caption a{
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	padding-left:10px;
	cursor: pointer;
}
.login_caption a:hover{
	text-decoration:underline;
}
#clock	{
	height:15px;
	color:#EA653A;
	font-size:10px;
	text-align:right;
}
.name_days td{
	height:23px;
	line-height:23px;
	text-align:center!important;
	vertical-align:middle;
	color:#767676;
	background:#eee!important;
}
.name_days_home td{
	text-align:center;
	vertical-align:middle;
}
.rday, .h_day, .r_h_day, .e_day	{
	font-size: 12px;
	height: 85px;
	padding: 1px;
	text-align: right;
	vertical-align: top;
}
.hday_wrap {
	cursor:pointer;
}
.date_birth b, .date_birth_l b{
	width:14px;
	height:14px;
	float:left;
	display:block;
	background:url(../icons/birthday.png) no-repeat left top;	
}
.date_birth, .date_birth_l{	
	text-align: left;	
	float:left;
	margin-bottom:5px;
	width: 100%;
	height:auto;	
}
.recruitment{
	color:#000000;
	background:url(../icons/recruitment_icon.png) no-repeat left top;
	text-align: left;
	padding-left: 18px;
	float:left;
	margin-bottom:5px;
	width: 63%;
	height:auto;
	min-height:17px;
}
.salary_hike b,.salary_hike_l b{
	background:url(../icons/hike.png) no-repeat left top;
	padding-left: 18px;
}
.salary_hike, .salary_hike_l{
	text-align: left;	
	float:left;
	margin-bottom:5px;
	width: 100%;
}
.on_leave b,.on_leave_l b{
	background:url(../icons/phone.png) no-repeat left top;
	padding-left: 18px;
}
.on_leave, .on_leave_l{
	text-align: left;
	float:left;
	margin-bottom:5px;
	width: 100%;
}

.week_training b,.week_training_l b{
	background:url(../icons/weekly_training.png) no-repeat left top;
	padding-left: 18px;
}
.week_training, .week_training_l{
	text-align: left;
	float:left;
	margin-bottom:5px;
	width: 100%;
}
.week_update b,.week_update_l b{
	background:url(../icons/weekly_update.png) no-repeat left top;
	padding-left: 18px;
}
.week_update, .week_update_l{
	text-align: left;
	float:left;
	margin-bottom:5px;
	width: 100%;
}

.holiday, .holiday_new, .event{
	text-align: left;
	padding-left: 22px;
	float:left;
	margin-bottom:5px;
	width: 65px;
	height:20px;
	display:block;
}	
.top_20 {
	top:-20px !important;
}
.top_5 {
	top:-4px !important;
}
.holiday {
	color:#333333;
	width:100%;
	background:url(../icons/holiday.png) no-repeat left top;
}
.holiday_new {
	color:#006600;
	background:url(../icons/holiday_new.png) no-repeat left top;
}
.event {
	color:#256494;
	background:url(../icons/event.png) no-repeat left top;
}
.e_day .toolTip	{
	background:#0099ff!important;
}
.e_day .toolTip_topArrow	{
	background: url(../images/top-arrow_rem_low.png) no-repeat!important;
}
.reminder{
	color:#C77D00;
	background:url(../icons/reminder.png) no-repeat left  top;
	text-align: left;
	padding-left: 20px;
	clear:both;
	float:left;
	margin-bottom:5px;
	width: 65px;
	height:20px;
	display:block;
}
.rem_container {
	width:112px;
	height:auto;
	float:left;
	font-size:11px;
}
.rem_container .Tip{
	position:absolute!important;
}
.rem_container a{
	font-size:9px;
	position:relative;
}
.client_abbr {
	font-size:10px;
	padding-right:2px !important;
}
.reminder_normal{
	color:#C77D00;
	text-align: left;
	padding-left: 5px;
	float:left;
	margin-bottom:5px;
	width: 112px;
	height:auto;
	display:block;
}
.rem_completed a{
	text-decoration:line-through;
}
.reminder_normal a {
	color:#4A4A4A;
	cursor: pointer;
}
.rem_orange	{
	color:#e46c0a!important;	
}
.rem_blue{
	color:#0070c0!important;	
}
.rem_red{
	color:#ff0000!important;	
}
.rem_green {
	color:#00b050!important;	
}
.rem_purple {
	color:#7030a0!important;	
}

.rem_silver	{
	color:#A5A5A5!important;	
}
.rem_platinum{
	color:#cdccca!important;	
}
.rem_copper{
	color:#ff0000!important;	
}
.rem_brass {
	color:#B5A642!important;	
}
.rem_gold {
	color:#D4A411!important;	
}


.rem_marketing {
	color:#000!important;	
}
.psi_new b, .psi_new_l b{
	background:url(../icons/psi_new.png) no-repeat left top;
	padding-left: 22px;
}
.psi_new, .psi_new_l{	
	text-align: left;	
	float:left;
	margin-bottom:5px;
	width: 100%;
	min-height: 16px;
}
.prob_end b, .prob_end_l b{
	background:url(../icons/prob_end.png) no-repeat left top;	
	padding-left: 22px;
}
.prob_end, .prob_end_l{
	text-align: left;	
	float:left;
	margin-bottom:5px;
	width: 100%;
	min-height: 16px;
}
.cl b, .cl_l b{
	width:11px;
	height:16px;
	float:left;
	display:block;
	background:url(../icons/leave_cl.png) no-repeat left top;	
}
.cl, .cl_l {color:#1b9d1b;}
.el b, .el_l b{
	width:11px;
	height:16px;
	float:left;
	display:block;
	background:url(../icons/leave_el.png) no-repeat left top;	
}
.el, .el_l {color:#daca1b;}
.sl b,.sl_l b{
	width:11px;
	height:16px;
	float:left;
	display:block;
	background:url(../icons/leave_sl.png) no-repeat left top;	
}
.sl,.sl_l {color:#0063ff;}
.lop b, .lop_l b{
	width:11px;
	height:16px;
	float:left;
	display:block;
	background:url(../icons/leave_lop.png) no-repeat left top;	
}
.lop, .lop_l {color:#f73c30;}
.comp b,.comp_l b{
	width:11px;
	height:16px;
	float:left;
	display:block;
	background:url(../icons/leave_comp.png) no-repeat left top;	
}
.comp, .comp_l {color:#f73c30;}
.prob b, .prob_l b{
	width:11px;
	height:16px;
	float:left;
	display:block;
	background:url(../icons/leave_prob.png) no-repeat left top;	
}
.prob, .prob_l {color:#222;}
.leave{	
	text-align: left;
	width:22px;
	display:block;
	float:left;
	width: 96%;	
	min-height: 19px;
	margin:0 2% 10px;
}
#top_menu {
	height:20px;
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	color:#565656;
}
#top_menu li {
	min-width:20px;
	margin:0;
	padding:0 10px;
	float:left;
	border-left:1px solid #fff;
}
#top_menu li:first-child {
	border:none;
}
#top_menu a, #top_menu span {
	color:#fff;
	float:left;
}
#side_menu .menu a{
	color:#4f4f4f;
	display:block;
}
.emenu .menu a{
	font-size:12px;
}
#side_menu .menu a i{
	width:20px;
}
#side_menu .menu a:hover, .activemenu a, #side_menu .menu:hover > a{
	color:#368ee0 !important;
}
.sub_menu	{
	border: 1px solid #525252;
}
.sub_menu	.menusub	{
	padding:8px;
	text-align: right;
}
.sub_menu	.menusub a{
	color:#333333;
	font-size:12px;
}
.label	{
	width:23%;
	height:20px;
	padding:5px;
	color:#000000;
}
.Label	{
	width:20%;
	height:20px;
	padding:5px;
	color:#000000;
}
.Label_10	{
	width:15%;
	height:20px;
	padding:5px;
}
.task_updated_by {
	color:#FF6600;
	font-weight:bold;
	font-size:10px;
	height:20px;
	padding:5px;
	text-align:right;
}
.comment_updated_by {
	color:#FF6600;
	font-weight:bold;
	font-size:10px;
	height:10px;
	padding-bottom:0;
	text-align:right;
}
.label_10	{
	width:15%;
	height:20px;
	padding:5px;
}
.field, .Field	{
	width:26%;
	height:25px;
}
.field_10, .Field_10	{
	width:10%;
	height:25px;
}
.field_3{
	width:3%;
	height:25px;
	vertical-align:top;
}
.field_13{
	width:10%;
	height:25px;
	vertical-align:top;
}
.field_13 select{
	width:100%;
	height:155px !important;
}
.field_50, .Field_50, .label_50	{
	width:50%;
	height:25px;
}
.field_73{
	width:73%;
	height:25px;
}
.field_25 input, .field_25 select{
	height: auto;
	max-width: 140px;
	width: 40%;
}
.label_5o	{
	width: 34%;
	height:25px;
	padding:10px 0 0 30px;
}
.field_50 textarea {
	width: 99%;
	max-width: 412px;
	height:30px;
}
.field_100 textarea {
	width: 99%;
	height:30px;
}
.field_40 select {
	width: 80%;
	max-width: 125px;
	height:auto;
	margin-right:2px;
}
.field_30 select {
	width: 88%;
	max-width: 125px;
	height:auto;
}
.field_30 input {
	width: 85%;
	max-width: 125px;
	height:auto;
}
.field_50 input, .field_50 select {
	width: 90%;
	max-width: 140px;
	height:auto;
}
.field_10 input, .field_10 select, .field_10 textarea	{
	width: 50%;
	max-width: 150px;
	height:auto;
}
.field_hours input	{
	width: 90%;
	max-width: 150px;
	height:auto;
}
.field input,  .field textarea	{
	width: 92%;
	max-width: 200px;
	height:auto;
	margin-top:4px;
}
.fn_92 input{
	max-width:92%!important;
	margin-bottom:8px!important;
	height:25px!important;
}
.fn_92 select{
	max-width:93%!important;
	margin-bottom:8px!important;
	height:25px!important;
}
.field select {
	width: 93%;
	max-width: 200px;
	height:auto;
	margin-top:4px;
}
.table_title th,.table_title td {
	color:#4B4B4B;
	font-weight:400;
	font-size:11px;
	border-bottom:1px solid #e2e2e2;
	line-height:30px;
	height:30px;
}
.table_value1 td{
	color:#333333;
	font-size:12px;
}
.estimate_title th, .table_title th{
	text-align:left;
}
.estimate_title .headerSortDown, .table_title .headerSortDown{
	background:#f7f7f7 url(../images/small_desc.gif) center right no-repeat!important;
}
.estimate_title .headerSortUp,.table_title .headerSortUp{
	background:#f7f7f7 url(../images/small_asc.gif) center right no-repeat!important;
}
.estimate_tr_border td {
	height: 22px;
	line-height:22px;
	vertical-align: top;
	/*padding-top:5px;*/
	border-bottom:1px solid #e2e2e2;
}
.estimate_tr_border:hover > td {
	background:#f3fafd;
}
.red td {
	color:#D31717 !important;
}
.estimate_title td,.estimate_title th  {
	color:#4B4B4B;
	font-weight:400;
	font-size:11px;
	border-bottom:1px solid #e2e2e2;
	line-height:30px;
	height:30px;
}
.special_holiday {
	font-weight:bold;
	color:#f78d21 !important;	
}
.special_holiday_applied {
	color:#f78d21 !important;
	font-weight:bold;
	text-decoration:line-through;
}
.assign_to{
	font-weight:bold;
}
.estimate_title_total td {
	padding-top:5px;
	font-size:14px;
}
.estimate_subtitle_total td {
	padding-top:5px;
	font-size:12px;
}
.estimate_tr_bottom_border td {
	height: 22px;
	line-height:22px;
	border-bottom:1px solid #e2e2e2;
	vertical-align:top;
}
.tr_bottom_border td {
	border-bottom:1px solid #e2e2e2;
}
.estimate_tr_bottom_top_border td {
	height: 22px;
	line-height:22px;
	border-top:1px solid #EA653A;
	vertical-align:top;
}
.estimate_title_date td {
	/*color:#ea653a;*/
	color:#358ee0;
	font-size:13px;
}
.estimate_resources_title td {
	color:#EA653A;
	font-weight:bold;
}
.estimate_total {
	font-size:16px;
	font-weight:bold;
	float:right;
	margin:10px 10px 0 0;
} 
.estimate_tr td {
	font-size:12px;
	height: 22px;
	line-height:22px;
	vertical-align: top;
}
.table_value1, .table_value2	{
	color:#333333;
	font-size:12px;
	height: 22px;
	line-height:22px;
	vertical-align: top;
}
.table_value3	{
	color:#333333;
	font-size:12px;
	height: 28px;
	background:#bebebe;
}
.table_value4	{
	color:#333333;
	font-size:12px;
	height: 28px;
	background:#767676;
}
.total_leave {
	color:#194ee5;
	font-size:14px;
	font-weight:bold;
}
.table_value2 {
	background:#D7D7D7;
}

.table_border	{
	background:#ddd;
}
.table_border td{
	background:#fff;
	width:100px;
	position:relative;
	text-align:right;
	vertical-align:top;
}
.table_border td i{
	font-weight:bold;
	font-style:normal;
	font-size:14px;
	color:#4f4f4f;
}
.table_border_home	{
	background:#d7d7d7;	
}
.table_border_home td{
	background:#fff;
	height:10px;
}
.error{
	clear: both;
	color: #FF0000;
	float: left;
}
label .error {
	float: left;
}
.records	{
	border: 1px solid #525252;
}
.records td	{
	vertical-align:middle;
}
.Tip	{
	display: none;
	height: auto;
	left: 0;
	position: relative;
	top: -6px;
	width: 130%;
	z-index:100
}
.tips{
	position:relative;
}
.toolTip	{
	background-color: #A6DC4C;
	border:1px solid #80b527;;
	color: #000000 !important;
	font-size: 12px !important;
	font-weight: normal !important;
	height: auto;
	width: auto;
	max-width: 110px;
	padding: 2px 5px;
	position: absolute;
	text-align: left;
	top: 22px;
}
.toolTip_topArrow	{
	width: 22px;
	height: 23px;
	background: url(../images/top-arrow.png) no-repeat;
	left: 10px;
	top: 18px;
	position: absolute;
	z-index:100
}
.toolTip_topArrow_rem_normal	{
	width: 22px;
	height: 23px;
	left: 10px;
	top: 26px;
	position: absolute;
	z-index:100;
	background: url(../images/top-arrow_rem_normal.png) no-repeat;
}
.toolTip_rem_normal{
	color: #000 !important;
	font-size: 12px !important;
	font-weight: normal !important;
	height: auto;
	width: auto;
	min-width:150px !important;
	width: 130%;
	padding: 2px 5px;
	position: absolute;
	text-align: left;
	top:30px;
	background-color: #e5e6f0;
	border:1px solid #bbb;
}
.h_day:hover > .Tip, 
.e_day:hover > .Tip, 
.r_h_day .hday_wrap:hover > .Tip, 
.reminder_normal a:hover >.Tip	{
	display:block;
}
.Tip_prospect	{
	display: none;
	height: auto;
	left: 40px;
	position: relative;
	top: -10px;
	width: 150%;
	z-index:100
}
.toolTip_topArrow_prospect	{
	width: 22px;
	height: 23px;
	left: 10px;
	top: 11px;
	position: absolute;
	background: url(../images/top-arrow_prospect.png) no-repeat;
	z-index:100;
}
.toolTip_prospect{
	border-radius: 10px;
	color:#333333 !important;
	font-size: 12px !important;
	font-weight: normal !important;
	height: auto;
	width: auto;
	width: 170%;
	padding: 8px;
	position: absolute;
	text-align: left;
	top: 26px;
	background:#ffffe1;
	border: 1px solid #939393;
}
.show_tip:hover > .Tip_prospect {
	display:block;
}
.calender_header	{
	background:url(../images/calendar-head-pix.png) repeat-x;
}
#index_copyright, #index_copyright a {
	font-size:10px;
	color:#000;
	text-decoration:none;
}
#add_reminder{
	width:400px;
	background:#ecf2f7;
	min-height:240px;
	height:auto;
	position:fixed;
	left:37%;
	top:20%;
	border:1px solid #ddd;
	display:none;
} 
#add_task_block, #edit_task_block, 
#client_edit_task_block{
	width:400px;
	background:#eee;
	min-height:320px;
	height:auto;
	position:fixed;
	left:37%;
	top:20%;
	border:1px solid #ddd;
	display:none;
	z-index:100;
} 
#client_edit_task_block{
	min-height:250px !important;
}
#view_reminder, #new_view_reminder, #list_view_reminder	{
	width:400px;
	background:#eee;
	min-height:250px;
	height:auto;
	position:fixed;
	left:37%;
	top:20%;
	border:1px solid #ddd;
	display:none;
	z-index:100;
}
#show_employee_popup	{
	width:400px;
	background:#eee;
	min-height:250px;
	height:auto;
	position:fixed;
	left:37%;
	top:20%;
	border:1px solid #ddd;
	display:none;
	z-index:100;
}
#view_early_logout, #view_early_lunchin	{
	width:300px;
	background:#eee;
	min-height:200px;
	height:auto;
	position:fixed;
	left:37%;
	top:30%;
	border:1px solid #ddd;
	display:none;
	z-index:100;
}
#cancel_leave_notification, #cancel_leave_notification_1	{
	width:300px;
	background:#eee;
	min-height:150px;
	height:auto;
	position:fixed;
	left:37%;
	top:30%;
	border:1px solid #ddd;
	display:none;
	z-index:100;
}
#click_here_to_cancel_leave {
	cursor:pointer;
}
#create_project	{
	border:1px solid #ddd;
	background:#f0f0f0; 
	padding-top:10px; 
	width:400px;	
	height:auto;
	margin:100px 200px;
	overflow:hidden;
}
#view_image_popup	{
	width:450px;
	background:#eee;
	height:300px;
	position:fixed;
	left:33%;
	top:30%;
	border:1px solid #ddd;
	display:none;
	z-index:100;

}
#image_container {
	width:450px;
	height:300px;
	float:left;
	background-repeat:no-repeat;
	background-position:center;
}
/*#image_container img {
	width:100%;
	height:207px;
}*/
#view_early_logout textarea, #view_early_lunchin textarea 	{
	width:100%;
	max-width:288px;
	max-height:50px;
	min-height:50px;	
	min-width:288px;
}
#employee_notification	{
	width:100%;
	color:#dddddd;
	height:auto;
	float:left;
}
#external-events {
	margin:0 5px;
}
#employee_notification	.salutation{
	color:#996600;
	width:100%;
	height:auto;
	margin:5px 0;
}
#employee_notification ul {
	margin:0;
	padding:0;
	list-style:none;
}
#employee_notification ul li {
	line-height:20px;
}
#close_login_popup	{
	width: 20px;
	height: 20px;
	background:url(../icons/close.png) no-repeat;
	display:block;
	cursor: pointer;
	float:right;
	margin: -3px -5px;
}
#close_popup, #close_popup_view, #new_close_popup, #list_close_popup_view, 
#close_img_view,#close_rem_popup_view, 
#close_lin_popup_view, #close_task_popup,
#close_edit_task_popup, #close_t_popup,
 #close_leave_notification, #close_leave_notification_1	{
	width: 16px;
	height: 16px;
	background:url(../icons/close.png) no-repeat;
	display:block;
	cursor: pointer;
	float:right;
	position:absolute;
	z-index:100;
	right:0px;
}
/*.department_title	div{
	width:230px;
	height:25px;
	line-height:25px;
	float:left;
	color: #2e2e2e;
	font-size: 14px;
	padding:0 10px;
	text-transform:uppercase;
	cursor:pointer;
	margin-bottom:1px;
	background:#cfd79d url(../images/dept_bg_right.jpg) right center no-repeat;
}*/
#login_button	{
	width:77px;
	height:38px;
	background:url(../icons/start.png) no-repeat;
	cursor: pointer;
	border:none;
	display:block;
	margin:0 auto;
}
#login_active	{
	width:77px;
	height:38px;
	background:url(../icons/start_active.png) no-repeat;
	border:none;
	display:block;
	margin:0 auto;
}
#break_disabled	{
	width:77px;
	height:38px;
	background:url(../icons/pause_inactive.png) no-repeat;
	border:none;
	display:block;
	margin:0 auto;
}
#logout_button	{	
	width:77px;
	height:38px;
	background:url(../icons/stop.png) no-repeat;
	cursor: pointer;
	border:none;
	display:block;
	margin:0 auto;
}
#logout_active	{
	width:77px;
	height:38px;
	background:url(../icons/stop_active.png) no-repeat;
	border:none;
	display:block;
	margin:0 auto;
}
#logout_inactive	{
	width:77px;
	height:38px;
	background:url(../icons/stop_inactive.png) no-repeat;
	border:none;
	display:block;
	margin:0 auto;
}
#lunchin_button, #m_break_in, #e_break_in	{
	width:77px;
	height:38px;
	background:url(../icons/resume.png) no-repeat center;
	cursor: pointer;
	border:none;
	display:block;
	margin:0 auto;
}
#lunchout_button, #m_break_out, #e_break_out	{	
	width:77px;
	height:38px;
	background:url(../icons/pause.png) no-repeat center;
	cursor: pointer;
	border:none;
	display:block;
	margin:0 auto;
}
.sub_title	{
	font-size:14px;
	font-weight:bold;
	color: #555555;
	padding:5px 0;
	cursor:pointer;
}
.error_title	{
	color: #996600;
	padding:8px;
	background:#F7F7F7;
	/*background:url(../images/tab-hover.jpg) repeat-x;*/
	text-align:center;
	line-height: 13px;
	font-weight:bold;
}
.error_title_link {
	color: #f78d21;
	font-size: 13px;
	padding:8px;
	text-align:center;
	line-height: 13px;
}
.error_title_link a	{
	color: #f78d21 !important;
}
.error_title_link a:hover	{
	cursor: pointer;
	text-decoration:underline;
}
.error_table	{
	border: 1px solid #E0E0E0;
}
.table_top_border {
	border-top: 1px solid #535353;
}
.mandatory {
	color:#C77D00 !important;
	font-size:14px !important;
}
.salary_raise, .next_contact, .interview_date	{
	width: 90px;
}
#calendar {
		width: 100%;
		margin-top:10px;
		float:left;
}
#mth_list, #mth_list form, #mth_list, #mth_list form select {
	vertical-align:top;
}
#month, #year	{
		height:24px;
		width:90px;
	}
#GO	{
	background:url(../icons/go.png) no-repeat;
	border:none;
	width:34px;
	height:24px;
	cursor: pointer;
}
.remove_item {
	width: auto;
	height: auto;
	min-height: 16px;
	color: #FF0000;
	background: url(../icons/delete.png) no-repeat right;
	padding: 2px 20px 2px 0;
	display:none;
}
.remove_item_task {
	width: 16px;	
	height: 16px;
	background: url(../icons/delete.png) no-repeat;
	float:right;
}
/*Admin style End*/

/*Ajax Login*/
#ajax_login_backround {
	position:fixed;
	background:#000000;
	width:100%;
	height:100%;
	top:0;
	opacity:0.6;
	z-index:10;
}
#ajax_login {
	width:270px;
	background:#333333;
	height:auto;
	position:fixed;
	left:40%;
	top:30%;
	border: 3px groove #000;
	padding:5px;
	z-index:100;
}
#ajax_login .username {
	color:#ffc500;
}
#ajax_login .username select,#ajax_login .username input {
	color:#ffc500;
	background:#5b5b5b;
}
#ajax_login .Button {
	color:#ffc500;
	background:#333333;
}
.loader_cl {
	background:url(../icons/approve_cl.png) no-repeat;
	width: 16px;
	height: 16px;
	display:block;
	float:right;
	padding-left:10px;
}
.loader_el {
	background:url(../icons/approve_el.png) no-repeat;
	width: 16px;
	height: 16px;
	display:block;
	float:right;
	padding-left:10px;
}
.loader_co {
	background:url(../icons/approve_co.png) no-repeat;
	width: 16px;
	height: 16px;
	display:block;
	float:right;
	padding-left:10px;
}
.loader_pril {
	background:url(../icons/approve_pril.png) no-repeat;
	width: 16px;
	height: 16px;
	display:block;
	float:right;
	padding-left:10px;
}
.loader_prob {
	background:url(../icons/approve_prob.png) no-repeat;
	width: 16px;
	height: 16px;
	display:block;
	float:right;
	padding-left:10px;
}
.loader_sl {
	background:url(../icons/approve_sl.png) no-repeat;
	width: 16px;
	height: 16px;
	display:block;
	float:right;
	padding-left:10px;
}
.loader_lop {
	background:url(../icons/approve_lop.png) no-repeat;
	width: 16px;
	height: 16px;
	display:block;
	float:right;
	padding-left:10px;
}
.approve_cl {
	background:url(../icons/approve_cl.png) no-repeat;
	width: 16px;
	height: 16px;
	display:block;
	float:right;
	padding-left:10px;
}
.approve_el {
	background:url(../icons/approve_el.png) no-repeat;
	width: 16px;
	height: 16px;
	display:block;
	float:right;
	padding-left:10px;
}
.approve_sl {
	background:url(../icons/approve_sl.png) no-repeat;
	width: 16px;
	height: 16px;
	display:block;
	float:right;
	padding-left:10px;
}
.approve_co {
	background:url(../icons/approve_co.png) no-repeat;
	width: 16px;
	height: 16px;
	display:block;
	float:right;
	padding-left:10px;
}
.approve_pril {
	background:url(../icons/approve_pril.png) no-repeat;
	width: 16px;
	height: 16px;
	display:block;
	float:right;
	padding-left:10px;
}
.approve_prob {
	background:url(../icons/approve_prob.png) no-repeat;
	width: 16px;
	height: 16px;
	display:block;
	float:right;
	padding-left:10px;
}
.approve_lop {
	background:url(../icons/approve_lop.png) no-repeat;
	width: 16px;
	height: 16px;
	display:block;
	float:right;
	padding-left:10px;
}
.reject_cl {
	background:url(../icons/approve_cl.png) no-repeat;
	width: 16px;
	height: 16px;
	display:block;
	float:right;
	padding-left:10px;
}
.reject_el {
	background:url(../icons/approve_el.png) no-repeat;
	width: 16px;
	height: 16px;
	display:block;
	float:right;
	padding-left:10px;
}
.reject_sl {
	background:url(../icons/approve_sl.png) no-repeat;
	width: 16px;
	height: 16px;
	display:block;
	float:right;
	padding-left:10px;
}
.reject_co {
	background:url(../icons/approve_co.png) no-repeat;
	width: 16px;
	height: 16px;
	display:block;
	float:right;
	padding-left:10px;
}
.reject_pril {
	background:url(../icons/approve_pril.png) no-repeat;
	width: 16px;
	height: 16px;
	display:block;
	float:right;
	padding-left:10px;
}
.reject_prob {
	background:url(../icons/approve_prob.png) no-repeat;
	width: 16px;
	height: 16px;
	display:block;
	float:right;
	padding-left:10px;
}
.reject_lop {
	background:url(../icons/approve_lop.png) no-repeat;
	width: 16px;
	height: 16px;
	display:block;
	float:right;
	padding-left:10px;
}
.download_caption {
	color: #999;
	position: absolute;
	margin-top: 5px;
	text-align: center;
	width: 166px;
}
.remove_leave_block {
	width:13px;
	height:13px;
	float:right; 
	margin-left:-3px;
	background:url(../icons/remove_leave.png) no-repeat;
}
.remove_event {	
	float:left; 
	margin:0;	
}
.remove_files {
	width:13px;
	height:13px;
	float:right; 
	background:url(../icons/remove_leave.png) no-repeat;
}
.remove_files:hover  {
	width:13px;
	height:13px;
	float:right; 
	background:url(../icons/remove_leave_hover.png) no-repeat;
}

.active_event, .inactive_event:hover {
	width: 13px;
	height: 13px;
	float:left; 
	margin:0 5px 0 0;
	background:url(../icons/activate.png) no-repeat;
}
.active_event:hover, .inactive_event {
	width: 13px;
	height: 13px;
	float:left; 
	margin:0 5px 0 0;
	background:url(../icons/inactivate.png) no-repeat;
}
.remove_leave_block:hover {
	cursor:pointer;
	background:url(../icons/remove_leave_hover.png) no-repeat;
}
.add_leave_block {
	width:13px;
	height:13px;
	float:right; 
	background:url(../icons/add_leave.png)  no-repeat;
}
.add_file_block {
	width:13px;
	height:13px;
	clear:both;
	float:left; 
	background:url(../icons/add_leave.png)  no-repeat;
	margin-left:335px;
}
.remove_file_block_class  {
	width:13px;
	height:13px;
	float:left; 
	margin-left:10px;
	display:none;
	background:url(../icons/remove_leave.png) no-repeat;
}
.add_leave_block:hover {
	cursor:pointer;
	background:url(../icons/add_leave_hover.png)  no-repeat;
}
.employeetime{
	width:45px;
	height:20px;
	display:block;
	color:#fff;
}
.admintime{
	color:#996600;
	float:right;
	font-size:10px !important;
	padding-right:10px;
	margin-top:-13px;
}
.half_leave {
	width: 8px;
	height: 16px;
	margin-left: -10px;
	background: #fff;
}
.half_leave1 {
	width: 16px;
	height: 7px;
	margin-left: -10px;
	background: #fff;
}
.half_leave2 {
	width: 16px;
	height: 7px;
	margin-left: -10px;
	background: #fff;
}
#select_options {
	width:300px;
	float:right;
	height:auto;
	margin-top:-32px;
}
/*#select_options select {
	width:100px;
}*/
#file_list_download {
	list-style:none;
	margin:0;
	padding:0;
	height:auto;
	margin-top:40px;
}
#file_list_download li {
	float:left;
	width:20%;
	line-height:40px;
}
#file_list_download li a{
	margin-top:-20px;
	color:#333333;
	font-size:14px;
}
#file_list_download li a:hover{
	color:#000000;
	font-size:14px;
	text-decoration:underline;
}
.message_attachment {
	width:570px;
	height:auto;
	clear:both;
	float:left;
	margin-top:5px;
}
.client_attachment {
	width:780px;
	height:auto;
	clear:both;
	float:left;
	margin:5px 0 10px 0;
}
.message_attachment a, .client_attachment a{
	color:#cba21f;
	text-transform:capitalize;
	text-decoration:underline;
}
.hunting_message_attachment {
	width:475px;
	height:auto;
	clear:both;
	float:left;
	margin-top:5px;
}
.hunting_message_attachment a{
	color:#cba21f;
	text-transform:capitalize;
	text-decoration:underline;
}
/*Ajax Login End*/
#comment{
	width:100%;
}
#comment, #comments li, #comment ul{
	padding:0;
	margin:0;
}
#comment, #comment li ul{
	list-style:none;
	width:100%;
}
#comment li ul li{
	width: 50%;
	float:left;
	margin-bottom:4px;
}
#comment li ul li textarea {
	width:91%;
}
#comment li{
	float:left;
	width:50%;
	height:auto;
}
#files{
	width:800px;
}
#event_files {
	padding:0;
	margin:0;
}
#event_files li {
	float:left;
	line-height:28px;	
	margin:0;
	padding:0;
	width:400px;
}
#files, #files li, #files ul{
	padding:0;
	margin:0;
}
#files input {
	width:95%;
}
#files, #files li ul{
	list-style:none;
	width:100%;
}
#files li ul li{
	width: 50%;
	float:left;
}
#files li{
	float:left;
	width:50%;
	height:auto;
	margin-bottom:4px;
}
.add_more {
	width: auto;
	height: auto;
	min-height: 16px;
	color:#009933;
	background: url(../icons/add_leave.png) no-repeat right;
	padding: 2px 20px 2px 0;
	cursor:pointer;
}
#RemoveFile, #RemoveComment, #RemoveTsk, #RemoveSoftware, #RemoveFileEdit{
	display:none;
	margin-left:10px;
}
#Tsk_container input{
	margin-top:5px;
}
.save_block {
	width: 16px;
	height: 16px;
	background: url(../icons/save.png) no-repeat right;
	margin-top:-2px;
	float:right;
	display:none;
	cursor:pointer;
}
.save_block_va_est {
	width: 16px;
	height: 16px;
	background: url(../icons/save.png) no-repeat right;
	margin:7px;
	cursor:pointer;
	float:left;
}
.event_photos, thumb_event_photos {
	width:100%;
	height:auto;
	list-style:none;
	margin:0;
	padding:0;
	color:#EA653A;
	font-size:13px;
	text-align:center;
	line-height:25px;
	float:left;
}
.thumb_event_photos {
	width:100%;
	height:auto;
	list-style:none;
	margin:0;
	padding:0;
	color:#EA653A;
	font-size:13px;
	text-align:center;
	line-height:25px;
	padding-left:10px;
}
.event_photos li{
	width:192px;
	height:105px;
	float:left;
	margin:10px;
}
.thumb_event_photos li{
	width:50px;
	height:30px;
	float:left;
	margin:10px;
	list-style:none;
}
.thumb_event_photos img {
	width:60px;
	height:40px;
	cursor: pointer;
}
.event_photos img {
	width:100%;
	cursor:pointer;
	height:100%;
}
.event_date {
	font-weight:bold;
	font-size:16px;
	color:#669900;
}
.field_style {
	width: 785px;
	height:auto;
	border:1px solid #E0E0E0; 
	margin-bottom:10px;
	border-radius:10px 10px 10px 10px;
	background:#eee;
}
.thumb_field_style {
	width: 184px;
	height:auto;
	min-height:100px;
	border:4px solid #E0E0E0; 
	float:left;
	margin:0 5px 10px 5px;
	text-align:center;
	position:relative;
	background:#F2F2F2;
}
.thumb_event_title {
	width:93%;
	height:auto;
	clear:both;
	float:left;
	margin:8px 8px 0 8px ;
	line-height:20px;
	text-align:center;
}
.thumb_event_added_by{
	width:166px;
	height:10px;
	line-height:10px;
	position:absolute;
	bottom:-5px;
	text-align:right;
	color:#EA653A;
	font-size:10px;
	right:15px;
}
#search {
	background: #FFFFFF url(../icons/magnifier.png) no-repeat right;
	padding-right:16px;
	width:180px;
	height:30px;
}
#sho_log_date, #task_date_cal {
	height:19px;
	padding-right:16px;
	width:115px;
	color:#fff;
}
.bl_bg {
	background:#62a8d1!important;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	}
.sub_head {
	text-align:center;
	font-weight:bold;
	line-height:25px;
}
#rem_files, #rem_files_edit	{
	margin:0;
	padding:0;
	float:left;		
	width:100%;
	height:auto;	
	list-style:none;
}
#rem_files li,	#rem_files_edit li{
	margin:0;
	padding:0;
	line-height:25px;
	float:left;
	width:100%;
	height:auto;
}
#delete_additional_contact, #client_how_hear_us_other_value{
	display:none;
}
#delete_additional_contact {
	margin-left:10px;
}
.comment_date_pending {
	font-weight:bold;
	color:#FF0000;
	cursor:pointer;
	margin-top:10px;
}
.comment_date_completed {
	font-weight:bold;
	color:#009900;
	cursor:pointer;
	margin-top:10px;
}
.external-event {
	color:#000;
	margin:5px;
	cursor:default;
	padding:3px;
	font-size:12px;
}
#add_task_repeat {
	margin:5px 10px 0;
}
#add_task_repeat input{
	width:98%;
	max-width:98%;
	min-width:98%;
	padding:2px 5px;
	border:1px solid #D5D5D5;
/*	padding-right:40px;*/
}
/*#add_task_repeat #add_button{
	position:absolute;
	width:40px;
	height:40px;
	border-radius:0px 10px 10px 0px;
	bottom:13px;
	right:10px;
	border:none;
}*/
#employee_notification h4, .total_time {
	font-size:16px;
	padding:0;
	margin:0;
	color:#666666;
}
#show_days, #show_monts_day {
	display:none;
}
.prospect_head {
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
	height:22px;
	padding-left:10px;	
	background:#b4b2b2;
	cursor:pointer;
}
.prospect_footer {
	color:#FF3000;
	font-weight:bold;
	font-size:14px;
	height:22px;	
	cursor:pointer;
}
.prospect_head {
	border-bottom:1px solid #525252;
}
<!--below block of css used for the admin side listing sort option-->
.header{
	background:#DBDBDB url(../images/small.gif) right center no-repeat !important;
	cursor:pointer;
}
.headerSortUp{
	background:#DBDBDB url(../images/small_asc.gif) right center no-repeat  !important;
	cursor:pointer;
}
.headerSortDown{
	background:#DBDBDB url(../images/small_desc.gif) right center no-repeat  !important; 
	cursor:pointer;
}
#comments {
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
	margin-top:10px;
}
#comments li{
	float:left;
	width:50%;								
	height:100px;
}
.comment_description {
	text-align:justify;
}
.comment_added_by {
	padding-top:10px;								
}
.comment_added_by_name {
	color:#3495ed;
}
.comment_added_by_date{
	float:right;								
	color:#666666;
}
#show_comment_add_date {
	color:#3495ED;
	float:left;		
}
#project_module {
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
#project_module li {
	width:21.19%;
	height:50px;
	display:block;
	float:left;
	margin:16px;
	padding:0;
}
.project_title {
	height:23px;
	color:#302a2a;
	font-size:15px;
	text-align:center;
}
.project_title img{
	padding-left:5px;
}
#client_main_tel, #vendor_main_tel {
	float:left;
	width:153px;
}
#client_main_tel_extension, #vendor_main_tel_extension {
	float:left;
	width:40px;
	margin-left:5px;
}
.response_title {
	font-size:14px;
	margin:0;
	padding:0;
	margin-bottom:4px;
}
.legend_title {
	font-size:16px;
	color:#302a2a;
	text-align:left;
}
.leg_title {
	font-size:16px;
	text-align:left;
	background:#f7f7f7;
	padding:7px;
	float:left;
	width:100%;
}
.download_legent,.download_legent a {
	font-size:12px;
	font-weight:bold;
	color:#55addb;
	text-align:left;
}
.download_legent_hover:hover {
	text-decoration:underline;
}
.response_comment, .response_comment li{
	margin:0;
	padding:0;
	float:left;
	list-style:none;
	width:100%;
}
.response_comment_employee {
	color:#535353;
	font-size:12px;
	float:right;
	text-align:right;
	bottom:3px;
	right:3px;
	font-weight:bold;
}
.response_comment_employee span{
	font-size:11px !important;
	font-weight:normal;
	font-style:italic;
}
.response_comment_wrapper {
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:5px;
	border-radius:10px !important;
}
.response_comment li{
	width:100%;
	height:auto;
	float:left;
	margin:2px 0;
	padding:5px 0 5px 0;
	border-top: 1px dotted #B7B7B7;
	list-style:none;
	position:relative;
	color:#666666;
}
.border_bottonm {
	border-bottom: 1px solid #e0e0e0;
}
.add_comment {
	color:#EA653A;
	font-size:11px;
	float:right;
	cursor:pointer;
	margin-right:20px;
}
.add_resp_msg_block {
	display:none;
}
#open_project_template {
	width:20px;
	height:20px;
	border:none;
	cursor:pointer;
	background:url(../icons/project_mgmt.png) no-repeat;
}
#vertical_text{
	-moz-transform: rotate(+90deg) translate(0, 100%);
  -moz-transform-origin: 0% 100%;
  -o-transform: rotate(+90deg) translate(0, 100%);
  -o-transform-origin: 0% 100%;
  -webkit-transform: rotate(+90deg) translate(0, 100%);
  -webkit-transform-origin: 0% 100%;
  transform: rotate(+90deg) translate(0, 100%);
  transform-origin: 0% 100%;
	writing-mode: bt-rl;
	filter: flipV flipH;
	float: right;
	position: relative;
	color:#EA653A !important;
	font-size:30px !important;
	margin-right:-250px;
	text-shadow: 10px 10px 10px #888;
	}
.est_sub_add_block, #show_add_category_block {
	display:none;
}
.add_category {
	width:18px;
	height:18px;
	display:block;
	float:right;
	margin-right:10px;
	cursor:pointer;
	background:url(../icons/add_category.png)
}
.position {
	margin:-20px 35px !important;
}
.add_client_module {
	width:18px;
	height:18px;
	display:block;
	float:left;
	margin-left:40px;
	background:url(../icons/add_category.png)
}
.task_description,
.task_estimated_hrs,
.task_reason,
.task_supervisor_comment {
	color:#a5a5a5;
}
.message_owner_name {
	color:#000000;
	width:20%;
	font-size:13px;
	font-weight:bold;
	vertical-align:top
}
.message_posted_date {
	color:#666666;
	width:13%;
	font-size:12px;
	vertical-align:top;
	text-align:right;
}
#change_mgmt_item  {
	float:left;
	list-style:none;
	margin-left:20px;
}
#change_mgmt_item li	{
	width:100%;
	float:left;
	padding-top:10px;
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
	position:relative;
}
#change_mgmt_item li label	{
	cursor:pointer;
	font-weight:bold;
	font-size:13px;
}
.change_mgmt_item  {
	float:left;
	list-style:none;
	margin-left:20px;
}
.change_mgmt_item li	{
	width:100%;
	float:left;
	padding-top:10px;
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
	position:relative;
	margin:0;
	padding:0;
	margin-top:10px;
	text-align:left;
}
.change_mgmt_item li label	{
	cursor:pointer;
	font-weight:bold;
	font-size:13px;
	float:left;
}
.change_mgmt_title_red {
	color:#FF0000;
}
.change_mgmt_title_green {
	color:#019913;
}
#change_mgmt_item li span	{
	color:#666666;
	font-weight:normal;
	font-size:11px;
}
#change_mgmt_item li:hover >.sub_option	{
	display:block;
}
.change_mgmt_item li span	{
	color:#666666;
	font-weight:normal;
	font-size:11px;
}
.change_mgmt_item li:hover >.sub_option	{
	display:block;
}
.sub_option {
	width:50px;
	list-style:none;
	float:left;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:-50px;
	display:none;
}
.edit {
	width:80px !important;
	left:-68px !important;
}
.sub_option li{
	width:25px !important;
	height:15px;
	float:left;
	margin:0;
	padding:0;
}
.change_mgmt_item .delete {
	width:200px !important;
}
.change_mgmt_item .status, .change_status_block {
	font-weight:normal !important;
	width:150px;
	height:25px;
	padding-top:5px;
	text-align:center;
	border:1px solid #E0E0E0;
	background:#f5f5f5;
	clear:both;
	float:left;
}
.show{
	display:none;
}
.change_mgmt_details {
	width:665px;
	height:auto;
	color:#000000;
	font-style:normal;
	font-weight:normal;
	font-size:12px;
	margin-top:10px;
}
.comment_message {
	color:#000000 !important;
	font-weight:normal;
	padding-right:10px;
	width:500px;
}
.seperator {
	vertical-align:top;
	width:10px !important;
}
.upload_file_buttion {
	float:left;
	cursor:pointer;
}
#message_file_block_wrapper,  .comment_file_block {
	display:none;
}
#jobs_wrapper	{		
	padding:0;
	margin:0;
	width:100%;
	height:auto;
}
#jobs_wrapper .title,#jobs_wrapper .details  {
	clear:both;
	float:left;
	list-style:none;
}
#jobs_wrapper .details  {
	border-bottom:1px solid #e2e2e2;
	margin:0;
	padding-bottom:5px;
	width:100%;
	height:auto;
}
#jobs_wrapper .title {
	font-size:14px;
	font-weight:bold;
	color:#55addb;
	text-decoration:underline;
	margin:20px 0 0 0;
}
#add_block_button {
	float:right;
	color:#000;
	background:#F7F7F7;
	display:block;
	text-align:center;
	line-height:23px;
	font-size:12px;
	width:125px;
	height:23px;
	cursor:pointer;
	border:1px solid #E0E0E0;
}
#add_block_button:hover, .add_block_button_active {	
	color:#EA653A !important;
	background:#fff;
}
#add_block {
	display:none;
}
.pagination_footer {
	width:780px;
	height:auto;
	list-style:none; 
}
.separator {
	float:right;
}
.right_top_menu {
	float:right;
	width:80px;
	height:20px;
	margin-top:-25px;
}
.view_all {
	float:right;
	margin-top:5px;
	cursor:pointer;
}
.vend_location{
	font-weight:normal !important;
	color:#000000 !important;
}
#note_icon {
	float:right;
	cursor:pointer;
}
#note_block, #Other_wrapper {
	display:none;
}
.task_date {
	font-size:16px;
	text-align:left;
	font-weight:bold;
	color:#f78d21;
}
#recent_updates{
	width:98%;
	height:380px;
}
#hr_updates {
	width:98%;
	height:82%;
}
#recent_updates ul li a {
	cursor:pointer;
}

#recent_updates ul, #hr_updates ul  {
	margin:0;
	padding:0;
	list-style:none;
	margin-left:5px !important;
}
#leave_request, .db_count {
	color:#FF0000!important;
	text-decoration:blink;
	font-weight:bold;
}
#recent_updates ul li, #hr_updates ul li {
	width:100%;
	padding:6px;
	margin:3px 0;
	background:#e6e6e6;
}
#buyer_prospect_row {
	display:none;
}
.exceed_bargraph {
	height:13px;
	margin-top:2px;
	float:left;
	background:#ca5952;
	/*border-radius:5px 0 0 5px;*/
	text-align:center;
}
.completed_bargraph {
	height:13px;
	margin-top:2px;
	float:left;
	background:#edc140;
	/*border-radius:5px 0 0 5px;*/
	text-align:center;
}
.notestimated {
	width:130px;
	height:15px;
	margin-top:6px;
	float:left;
	background:#FFFFFF;
	border:1px dashed #f78d21;
	font-size:10px;
	line-height:15px;
	color:#f78d21;
	/*border-radius:5px 0 0 5px;*/
	text-align:center;
}
.pending_bargraph, .completed_bargraph, .exceed_bargraph {
	font-size:8px;
	line-height:13px;
}
.pending_bargraph {
	height:13px;
	margin-top:2px;
	float:left;
	background:#59a84b;
	/*border-radius:0 5px 5px 0;*/
	text-align:center;
}
#login_popup {
	width:160px;
	background:#fff;
	position:absolute;
	margin-left:22px;
	z-index:1000;
}
#login_popup ul {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:155px;
}
#login_popup ul li {
	width:155px;
	float:left;
	line-height:20px;
	text-align:left;
	padding-left:5px;
}
#login_popup ul li:hover {
	width:155px;
	background:#316ac5;
	color:#FFFFFF;
	cursor:default;
	width:100%;
}
.fieldset_wrapper {
	border:1px solid #E0E0E0;
	background:#f2f2f2;
	margin:10px 0;
	padding-top:10px;
	width: 97%;
	float:left;
}
.new_wrapper {
	width: 100%;
	float:left;
	border-top:1px solid #E0E0E0; 	
}
.b_0 {
	border:none!important;;
}
.new_wrapper_b {
	width: 100%;
	float:left;
	margin-top:10px; 
	padding-top:10px;
	border-bottom:1px solid #E0E0E0; 	
}
.fieldset_wrapper_600 {
	border:1px solid #E0E0E0; 
	background:#f7f7f7; 
	margin-top:10px; 
	padding-top:10px; 
	width: 600px; 
	float:left; 	
}
.fieldset_side_wrapper {
	border:1px solid #E0E0E0; 
	background:#f7f7f7; 
	margin-bottom:10px; 
	padding-top:10px; 
	width: 230px; float:left; 
}
.fieldset_time_track {
	border:1px solid #E0E0E0; 
	background:#f7f7f7; 
	margin:10px 0 0 18px;
	width:180px; 
	float:left; 
}
.dashboard_project_wrapper {
	height:auto;
	margin:0;
	padding:10px 10px 7px;
	overflow:hidden;
	background:#E8E8E8;
}
.dashboard_project_wrapper .title, .dashboard_project_wrapper .details  {
	clear:both;
	float:left;
	list-style:none;
	margin:0 0 3px;
	padding:5px 10px;
	width:97%;
}
.dashboard_project_wrapper .title {
	list-style:none;
	color:#666666;
	background:#fff;
}
.border_0 {
	border:none !important;
}
.dashboard_project_wrapper .title a,
.dashboard_project_wrapper .title {
	font-size:12px;
	font-weight:bold;
}
.dashboard_tasks {
	list-style:none;
	padding:0 0 0 10px;
}
.dashboard_tasks li {
	margin:5px 0;
}
.dashboard_tasks li a.red {
	color:#FF0000 !important;
	background:none!important;
}
.dashboard_tasks li a.green {
	color:#019913 !important;
}
.dashboard_tasks li a span, .dashboard_tasks li span, .assigned_to {
	color:#8e8e8e !important;
	font-size:9px !important
}
#dashboard_reminder_wrapper {
	margin:5px 0 0 30px;
	padding:0;
	list-style:none;
}
#dashboard_reminder_wrapper li{
	list-style:url(../icons/reminder_dash.png);
	color:#C77D00 !important;
	font-size:12px;
	padding:0;
	border-bottom: none;
	margin-bottom:2px;
}
#dashboard_reminder_wrapper li a{
	color:#5B5B5B !important;
	font-size:12px;
	font-weight:normal;
}
#dashboard_reminder_wrapper li span{
	color:#8e8e8e !important;
	font-size:9px;
}
#dashboard_reminder_wrapper li a:hover{
	text-decoration:underline;
}
#no_ie {
	width:600px;
	height:auto;
	margin-top:200px;
	text-align:center;
	margin:100px auto;
	overflow:hidden;
}
#no_ie ul{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}
#no_ie ul li{
	float:left;
}
#no_ie h1{
	color:#FF0000;
	font-size:30px;
}
.resources_file_block {
	display:none;
}
a.upload_new {
  width: 20px;
  height: 20px;
  margin: 10px 0px 5px; 
  display: block;
  text-decoration: none;
  background: url(../icons/add.png) no-repeat;
}
a.refresh {
  width: 25px;
  height: 25px;
  margin: 10px 0px 5px; 
  display: block;
  text-decoration: none;
  background: url(../icons/refresh.png) no-repeat;
	cursor: pointer;
	float:right;
	margin:-30px 10px 0 0;
}
.hidden {
	display: none;
}
#file_grid_loading {
	width: 300px;
	height: 100px;
	background: url(../images/loading.gif) center no-repeat;
	margin:0 auto;
}
.response_title {
	font-size: 13px;
	color: #000 !important;
	font-weight: bold !important;
}
.response_title_small {
	font-size: 11px;
	color: #000 !important;
	font-weight: bold !important;
}
.cursor {
	cursor: pointer;
}
.update_info {
	color: #666666;
}
.file_desc {
	width: auto;
	height: auto;
	display: block;
	margin-top: 10px;
}
.reminder_label {
	width: 110px;
	padding-left: 5px;
}
.reminder_field {
	padding:1px 0;
}
.rem_details_label {
	width: 110px;
	padding: 5px;
}
.c_pointer {
	cursor:pointer;
}
.db_day {
	display:block;
}
.side_db_title {
	position:relative;
	top:10px;
	left:10px;
	color:#669900;
	font-weight:bold;
	font-size:14px;
}
.Save {
	width:28px;
	height:28px;
	float:right;
	background:url(../icons/save_comment.png);
	border:none;
	cursor:pointer;
}
#add_commnet_block {
	width:500px;
	height:auto;
	position:fixed;
	left:34%;
	top:30%;
	background:#F2F2F2;
	z-index:100;
	display:none;
	padding-bottom:10px;
	border:3px solid #E8E8E8;
}
#message_button {
	margin-top:5px;
	float:right;
}
#client_clarification {
	width:470px;
	max-height:162px;
	height:auto;
	float:left;
	margin:20px 15px 0;
	overflow-y:scroll;
}
#client_clarification p{
	padding:0;
	margin:0;
}
#client_clarification .added_by{
	color:#8e8e8e;
	font-size:9px !important;
	clear:both;
	float:right;
}
#msg_wrp {
	width:470px;
	height:auto;
	float:left;
	margin:10px 15px 0;
}
#msg_wrp textarea{
	width:470px;
	max-height:100px;
	height:auto;
}
#client_clarification ul{
	width:440px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	list-style:none;
}
#client_clarification ul li{
	width:440px;
	height:auto;
	margin:0 0 10px;
	padding:0 0 5px;
	float:left;
	border-bottom:1px dashed #C5C5C5;
}
#view_comment_block {
	width:630px;
	height:265px;
	position:fixed;
	left:25%;
	top:30%;
	background:#F7F7F7;
	border: 1px solid #E0E0E0;
	z-index:100;
	display:none;
}
.add_commnet_block_close {
	width:16px;
	height:16px;
	background:url(../icons/close.png);
	position:absolute;
	top:2px;
	right:2px;
	cursor:pointer;
}
#show_block{
	width:590px;
	height:200px;
	margin:10px;
	padding:10px;
	overflow-y:scroll;
	background:#fff;
	border:1px solid #E0E0E0;
	color:#939393;
}
#delete_button {
	position:absolute;
	right:10px;
	bottom:4px;
}
#delete_button .Button {
	font-size:11px;
	height:23px;
	width:47px;
}
.delete_team:hover {
	color:#FF0000;
	text-decoration:line-through;
}
#view_leaves {
	float:right;
}
#calendar_wrapper {
	width:100%;
	height:auto;	
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	overflow:hidden;
	border-right:none;
	border-bottom:none;
}
#calendar_wrapper li{
	width:33.333%;	
	height:260px;
	float:left;
	list-style:none;
	display:block;
	list-style:none;
	border-top:none;
	border-left:none;
}
#calendar_wrapper li ul {
	width:100%;	
	height:250px;
	float:left;
	list-style:none;
	padding:0;
	margin:0 0 1px 0;
}
#calendar_wrapper .details{
	width:100%;	
	height:227px;
	float:left;
	list-style:none;
	padding:0;
	margin:0;
	padding:0 1%;	
	border:none;
}
#calendar_wrapper .title{
	width:100%;	
	height:25px !important;
	line-height:25px;
	float:left;
	list-style:none;
	padding:0;
	margin:0;	
	font-size:14px;
	text-align:center;
}
.task_details {
	width:100% !important;	
	height:auto !important;
	float:left;
	list-style:none;
	padding:0;
	background:#e6e6e6;
}
.task_details .head{
	width: 98% !important;
	height: 20px !important;
	line-height: 22px;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	background:#e6e6e6;
	border: none !important;
	border-radius: 5px;
	padding: 0 1%;
	color:#000  !important;
	font-size:11px;
	font-weight:normal;
}
.task_details .footer{
	width: 98% !important;
	height: 13px !important;
	line-height:10px !important;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	background:#e6e6e6;
	border: none !important;
	border-radius: 5px;
	text-align: right;
	padding: 0 1%;
	color:#3C7596;
	font-weight:bold;
}
.task_details .red{
	color:#D31717 !important;
}
.task_details .description{
	width:98% !important;
	height:auto !important;
	margin:0 1% !important;		
	float:left;
	list-style:none;
	line-height:1.5em;
	background:#e6e6e6;
	font-size:11px;
	border:none !important;
	color:#444 !important;
/*	border-radius:0 0 5px 5px;*/
}
#calendar_date_head {
	font-weight:bold;
	font-size:14px;
	text-align:center;
}
#extra_button {
	position:absolute;
	width:150px;
	height:30px;
	margin:22px 0 0 129px;
}
#extra_button a, #employee_extra_button a{
	float:left;
	margin-right:1px;
}
#employee_extra_button {
	position:absolute;
	width:150px;
	height:30px;
	margin:10px 0 0 129px;
}
.disabled {
	color:#4c4c4c !important;
	background:#fff !important;
	border:1px solid #cac8bb !important;
}
.client_legent {
	font-weight:bold;
	font-size:10px;
	color:#00449B;
	line-height:2em;
	padding-top:20px;
}
.client_legent_border{
	border-bottom:1px solid #d7d7d7;
	padding-top:10px;
}
.day_field_style{
	background: none repeat scroll 0 0 #EEEEEE;
	border: 1px solid #d7d7d7;
	border-radius: 10px 10px 10px 10px;
	float: left;
	height: auto;
	margin: 15px 12px 0 0;
	height: 210px;
	position: relative;
	width: 380px;
}
.margin_r_0 {
	margin-right:0px!important;
}
.day_field_style legend {
	font-size:14px;
	font-weight:bold;
	text-align:left;
	color:#669900;
}
.monthly {
	width: 505px !important;
}
.frameBody {
  font-size:12px;
  margin:0;
  width:100%;
  height:100%;		
}
.frameBody p {
  border:1px #bbb solid;
  padding:2px;
}
.rte-zone {
	width:233px;
 	margin:0;
  padding:0;
  border:1px #d7d7d7 solid;
  clear:both;
  height:145px !important;
  display:block;
	overflow-y:scroll;
	background:#fff;
}
.rte-zone-big {
	width:502px;
 	margin:0;
  padding:0;
  border:1px #d7d7d7 solid;
  clear:both;
  height:145px !important;
  display:block;
	overflow-y:scroll;
	background:#fff;
}
.rte-zone-hunting {
	width:648px;
 	margin:0 0 10px;
  padding:0;
  border:1px #d7d7d7 solid;
  clear:both;
  height:145px !important;
  display:block;
	overflow-y:scroll;
	background:#fff;
}
.rte-toolbar{ overflow:hidden; }
.rte-toolbar a, .rte-toolbar a img {
	border:0;
}
.rte-toolbar p {
  float:left;
  margin:0;
  padding-right:5px;
}
#drop_down {
	float:right;
}
#drop_down ul.dropdown-menu li.active{
	background:#f4f9fc;
}
#drop_down_block {
	width:200px;
	height:300px;
	position:absolute;
	right:-1px;
	top:22px;
	background:#f0f0f0;
	border:1px solid #E0E0E0;
	overflow-y:scroll;
	display:none;
	z-index:1000;
}
#drop_down_block ul, #drop_down_block li{
	margin:0;
	padding:0;
	float:left;
	width:165px;
	list-style:none;
}
#drop_down_block ul{
	margin:0 0 0 10px;
}
#drop_down_block li{
	min-height:30px;
	line-height:30px;
	text-align:left;		
	border-bottom:1px dashed #ccc;				
}
#drop_down_block li a{							
	color:#333333;
	font-size:12px;
	font-weight:normal;
	display:block;
}
#drop_down_block li a:hover,#drop_down_block li a.active {
	color:#EA653A !important
}
#drop_down:hover > #drop_down_block {
	display:block;						
}
.client_reminder{
	background: none repeat scroll 0 0 #EEEEEE;
	border: 1px solid #d7d7d7;
	float: left;
	height: auto;
	margin:15px 0 0;
	height: auto;
	position: relative;
	width: 768px;
}
.client_reminder legend {
	font-size:14px;
	font-weight:bold;
	text-align:left;
	color:#669900;
}
.w_0 a{
	width:auto!important;
	font-size:11px!important;
}
#export_task {
	width:35px;
	height:25px;
	float:left;
	display:block;
	position:relative;
	margin-right:1px;
}
#export_task #export_task_show {
	width:35px;
	height:25px;
	float:left;
	display:block;
	background:url(../icons/export_button.png) no-repeat;
}
#export_task_block {
	width:185px;
	height:auto;
	position:absolute;
	left:-1px;
	top:25px;
	background:#eee;
	border:1px solid #E0E0E0;
	display:none;
	z-index:100;
}
#export_task_block ul, #drop_down_block li{
	margin:0;
	padding:0;
	float:left;
	width:165px;
	list-style:none;
}
#export_task_block ul{
	margin:10px 10px 5px;

}
#export_task_block li{
	min-height:30px;
	line-height:30px;
	text-align:center;					
}
#export_task_block li select{
	width:165px;
	float:left;
}
#export_task_close {
	width:13px;
	height:13px;
	right:-155px;
	top:20px;
	position:absolute;
	z-index:700;
	display:none;
	background:url(../icons/remove_leave.png) no-repeat;
}
/*#export_task:hover > #export_task_block {
	display:block;						
}*/
#csv_download {
	width:35px;
	height:35px;
	border:0;
	cursor:pointer;
	background:url(../icons/csv_download.png) no-repeat;
}
.no_task_client {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
.no_task_client li{
	width:216px;
	height:30px;
	line-height:30px;
	margin:0;
	padding:0;
	float:left;
	border-bottom:1px solid #e2e2e2;
}

.to_do_list_item{
	width:100%;
	height:auto;
	float:left;
	padding:0;
	list-style:none;
	margin:0 0 25px;
}
.to_do_list_item_completed ul{
	width:100%;
	height:auto;
	float:left;
	padding:0;
	list-style:none;
	margin:0;
}
.to_do_list_item li{
	width:100%;
	min-height:30px;
	height:auto;
	line-height:30px;
	float:left;
	list-style:none;
	color:#000;
	font-weight:normal;
	font-size:12px;
	padding:0;
	/*margin:0 0 0 30px;*/
}
.to_do_list_item li span, 
.to_do_list_item_completed li span {
	color:#666666  !important;
	font-size:9px !important
}
.to_do_list_item .to_do_edit_block {
	line-height:1.5em;
	margin:0;
	display:none;
}
.h_95 {
	height:95px !important;
}

.to_do_list_item_completed {
	width:100%;
	height:auto;
	float:left;
	margin-left:30px;
}
.to_do_list_item_completed li{
	width:100%;
	min-height:30px;
	height:auto;
	line-height:30px;
	float:left;
	list-style:none;
	color:#8f8f8f;
	font-weight:normal;
	font-size:12px;
	padding:0;
	margin:0;
}
.delete_to_do {
	width:14px;
	height:14px;
	float:left;
	margin-top:6px;
	background:url(../icons/trash.png) no-repeat;
}
.delete_to_do_inactive {
	width:14px;
	height:14px;
	float:left;
	margin-top:6px;
	background:url(../icons/trash_inactive.png) no-repeat !important;
}
.edit_to_do {
	width:14px;
	height:14px;
	float:left;
	margin:6px 6px 0;
	background:url(../icons/pencil.png) no-repeat;
}
.edit_to_do_inactive {
	width:14px;
	height:14px;
	float:left;
	margin:6px 6px 0;
	background:url(../icons/todo_view.png) no-repeat !important;
}

#ajax_to_do_list {
	width:100%;
	height:auto;
	margin:0 0 10px;
	overflow:hidden;
}
#ajax_to_do_list .client_name {
	font-size:14px;
	float:left;
	width:100%;
	color:#55addb;
	margin:10px 0 0;
	padding-bottom:2px;
	border-bottom:1px dashed #B3B3B3;
}
.add_box_border {
	margin-left:70px;
}
#add_to_do_list .client_name {
	background:#e0e0e0;
	font-size:14px;
	padding:8px 8px 8px 15px;
	margin:7px 0;
	color:#2d2d2d;
}
#add_to_do_list {
	width:226px;
	height:auto;
	float:left;
}
.todo_cal {
	width:200px !important;
}
.admin_todo_cal {
	width:150px !important;
}
#add_to_do_list .Label{
	width:80px !important;
}

#add_to_do_list .field{
	width:135px !important;
}
#add_to_do_list select{
	width:132px !important;
}
#add_to_do_list input[type='text']{
	width:130px !important;
}
#add_to_do_list textarea{
	width:130px !important;
	height:80px;
}
.edit_to_do_list_name {
	display:none;
}
.estimate_scroll {
	width:760px;
	height:80px;
	float:left;
	overflow-y:scroll;
}
.task_day {
	font-size:10px;
	color:#666666;
}
/*NEW Style 02272013*/
#right_wrapper {
	width:15%;
	height:100%;
	position:fixed;
	right:5px;
	top:100px;
	padding-top:10px;
	color:#838383;
	background:#fff;
	/*background:#f2f2f2;
	border-left:8px solid #e8e8e8;
	z-index:110;*/
}
#hr_updates_wrapper {
	width:100%;
	height:32%;
	float:left;
}
#hr_updates_wrapper h2{
	background:#368ee0;
	font-size:12px;
	padding:9px 8px 11px 16px;
	margin:0 0 2px 0;
	color:#fff;
}
#recent_updates {
	width:228px;
	height:70%;
	float:left;
	overflow:hidden;
	position:relative;
}
#recent_updates_wrapper {
	width:100%;
	height:30%;
	float:left;
}
#internet_usage_wrapper {
	width:100%;
	height:50%;
	float:left;
}
#internet_usage {
	width:98%;
	height:75%;
	float:left;
	overflow:hidden;
	position:relative;
}
#internet_usage_wrapper h2{
	background:#ffa11b;
	font-size:12px;
	padding:9px 8px 11px 16px;
	margin:5px 0;
	color:#fff;
}
#recent_updates {
	width:98%;
	height:75%;
	float:left;
	overflow:hidden;
	position:relative;
}
#recent_updates_wrapper h2{
	background:#368ee0;
	font-size:12px;
	padding:9px 8px 11px 16px;
	margin:7px 0;
	color:#fff;
}
#who_is_online_wrapper {
	width:100%;
	height:33%;
	float:left;
}
#who_is_online_wrapper h2{
	background:#368ee0;
	font-size:14px;
	padding:9px 8px 11px 16px;
	margin:7px 0;
	color:#fff;
}
#who_is_online {
	width:98%;
	height:81%;
	float:left;
	overflow:hidden; 
	position:relative;
}
#who_is_online ul {
	width:100%;
	height:auto;
	margin:0;
	padding:6px 0 0 0;
	float:left;
	list-style:none;
}
#who_is_online li {
	width:95%;
	height:35px;
	line-height:35px;
	margin:0;
	padding:0 5px;
	float:left;
	background:#494949;
	margin:5px 0 0;
	cursor:pointer;
}
#who_is_online li img {
	width:20px;
	margin:5px 5px 0 0;
	float:left;
}
#who_is_online li.online span{
	width:8px;
	height:6px; 
	float:right;
	margin:15px 0;
	background:url(../images/online.png) no-repeat;
}
#login_wr {
	text-align:right;
	vertical-align:bottom;
}
#logtime_wrapper{
	width:398px;
	height:46px;
	color:#6c797f;
	float:right;
	background:#e0e0e0;
	font-weight:bold;
}
#lunch_log{
	width:207px;
	height:46px;
}
.box {
	border:4px solid #358ee0;
	border-top:0;
}
.head {
	height:35px;
	color:#000;
	font-size:12px;
	font-weight:400;
	text-transform:uppercase;
	text-align:center;
	background:#358ee0;
}
#psi_calendar {
	padding:5px;
}
#task_list, #ip_list, #ip_list_add {
	margin:0;
	padding:0;
	float:left;
	list-style:none;
}
#ip_list input{	
	border:1px solid #bdbdbd;
	font-weight:bold;
	font-size:14px;
	float:right;
}
#task_list li, #ip_list li, #ip_list_add li{
	margin:0;
	padding:3px;
	font-weight:bold;
	float:left;
}
.center {
	text-align:center;
}
#ajax_dashboard {
	text-align:center;
}
.sub_menu_line {
	border-bottom:1px solid #ebebeb;
}
#log_page {
	width:420px;
	height:325px;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
#log_page li{	
	width:420px;
	height:86px;
	float:left;
	margin:0;
	padding:0;
	border:1px solid #eaeaea;
	margin-bottom:30px;
}
#it_icon, #va_icon, #emp_icom {
	width:86px;
}
#it_icon span{
	width:86px;
	height:86px;
	float:left;
	background:url(../images/it.png) no-repeat center;
}
#va_icon span{
	width:86px;
	height:86px;
	float:left;
	background:url(../images/va.png) no-repeat center;
}
#emp_icom span{
	width:86px;
	height:86px;
	float:left;
	background:url(../images/emp.png) no-repeat center;
}
.dept_name {
	color:#404040l;
	font-size:22px;
	font-family:Calibri;
	font-weight:bold;
	text-align:left;
}
#log_page .count td{
	font-size:14px;
	color:#838383;
	text-align:left;
	width:33%;
}
.emp_count {
	font-size:14px;
	color:#838383;
	text-align:left;
}
#log_page .count span, #log_page .emp_count span{
	font-family:'Conv_EUROSTI',Sans-Serif;
	font-size:14px;
	color:#f78d21;
	text-align:left;
}
#login_wrapper {
	width:531px;
	height:auto;
	margin:0 auto;
	position:relative;
	font-size:14px;
}
#login_wrapper .top{
	float: left;
	height: 106px;
	margin: 0 8px;
	width: 515px;
	background:#efefef url(../images/login_head.png) no-repeat center center;
}
#login_wrapper .field_submit{
		width:50%;
}
#login_wrapper .field_submit2{
	width:50%;
	text-align:left;
	font-size:11px;
	padding-top:4px;
}
#login_wrapper .field_submit input{
	width:72px;
	height:30px;
	background:#1e3b4d;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	border:none;
	margin:15px 50px 0 0;
	border-radius:3px;
	float:right;
}
#login_wrapper a{
		color:#1c83cc;
		font-size:14px;
	}
#login_wrapper .bottom {
	width:515px;
	height:60px;
	float:left;
	color:#949494;
	line-height:1.8em;
	margin:0 8px;
	background:#efefef;
}
#login_wrapper .log_bg {	
	width:531px;
	height:95px;
	float:left;
	padding:30px 0;
	background:url(../images/login_bg_2.jpg) repeat-y;	
}
#login_wrapper .log_bg input {
		border-radius: 5px;
    font-size: 14px;
    height: 25px;
    padding: 5px;
    width: 310px;
		float:right;
		margin:0 0 16px;
}
#login_wrapper .label_login {
	font-size:14px;
	color:#fff;	
	line-height: 34px;
  vertical-align: top;
}
#login_wrapper .label_remember{
	height:20px;
	font-size:12px;
	color:#949494;
	padding-top:10px;
}

#login_error{
	width:531px;
	height:25px;
	position:absolute;
	left:0;
	top:-60px;
}
#login_error div{
	width:531px;
	height:25px;
	line-height:25px;
	float:left;
	background:#F9EDBE;
	border:1px solid #F0C36D;
	color:#FF0000;
	text-align:center;
}
.margin_top {
	margin-top:10px;
}
#left_wrapper {
	width:15%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	color:#444444;
	background:#eeeeee;
	z-index:1100;
}
#left_wrapper b, #right_wrapper b{
	font-weight:400;
	font-size:11px;
}
#right_wrapper .dashboard_tasks li a, #right_wrapper .dashboard_tasks .rem_title a {
	font-weight:normal !important;
}
#time_taken {
	width:98%;
	height:72%;	
	float:left;
	margin-top:10px;
}
#right_wrapper td{
	padding:8px 0;
	vertical-align:top;
}
#right_wrapper ul {
	margin:0;	
}
#right_wrapper .li_cls {
	width:100%;
	float:left;
	list-style:none;
	border-top:1px dotted #B7B7B7;
}
#right_wrapper .category_name {
	width:60%;
	padding:5px 0;
	float:left;
}
#right_wrapper .category_time {
	font-weight:bold;
	width:28%;
	float:left;
	padding:5px 0;
}
#right_wrapper .check {
	width:11%;
	padding:5px 0;
	float:left;
}
#right_wrapper .category_total_caption {
	padding-top:5px;
	color:#666;
	font-weight:bold;
	width:64%;
	padding:5px;
	float:left;
	font-size:14px;
}
#right_wrapper .category_total {
	padding-top:5px;
	color:#666;
	font-weight:bold;
	width:30%;
	float:left;
	font-size:14px;
}
#right_wrapper #sub_total {
	width:230px;
	float:left;
	margin:5px 0 0;
	padding:0;
	list-style:none;
	border-top:1px solid #ccc;
}
#todo_wrapper {
	width:100%;
	height:25%;
	float:left;
}
#todo_wrapper h2{
	background:#CC9933;
	font-size:14px;
	padding:9px 8px 11px 16px;
	margin:7px 0;
	color:#fff;
}
#my_task_wrapper {
	width:100%;
	height:auto;
	float:left;
}
#my_task_wrapper h2{
	background:#669999;
	font-size:14px;
	padding:9px 8px 11px 16px;
	margin:0 0 2px 0;
	color:#fff;
}
#my_task {
	width:100%;
	height:100%;
}
#todo {
	width:100%;
	height:68%;
}
/*#my_task_wrapper ul li a b, #todo_wrapper ul li b {
	color:#f78d21 !important;
}*/
#my_task_wrapper ul, #todo_wrapper ul  {
	margin:0;
	padding:0;
	list-style:none;
}
#my_task_wrapper ul li.task_title, #todo_wrapper ul li.task_title {
	width:100%;
	padding:3px;
}
#right_wrapper .task_title, #right_wrapper .task_title > a{
	font-size:10px;
}
#right_wrapper .task_title > a{
	font-size:12px;
	font-weight:500;
	color:#337ab7!important;
}
#mytasks {
	width:230px;
	color:#dddddd;
	height:auto;
	float:left;
	margin-top:10px;
}
#left_wrapper a {
	color:#444;
}
#mytasks h4{
	font-size:12px;
	padding:0;
	margin:0;
	color:#666666;
}
.cat {
	width:48%;
	height:auto;
	float:left;
	margin:15px 0 0;
	padding:0;
	list-style:none;
}
.cat li{
	float:left;
	margin:0;
	padding:0;
	height:30px;
	padding:3px 2% 0;
	border-bottom:1px solid #e2e2e2;
}
.cat .lab_0 {
	width:70%;
	white-space:nowrap;
	overflow:hidden;
}
.cat .lab_1 {
	width:65%;
}
.cat .lab_10 {
	width:60%;
}
.cat .val_0 {
	width:28%;
}
.cat .val_1 {
	width:25%;
}
.cat .val_10 {
	width:40%;
}
.cat .val_0 input {
	width:60px;
}
.cat .lab_0 input {
	width:280px;
}

.cat .w_260 input {
	width:260px;
}
.cat .lab_10 input {
	width:99%;
}
.cat a {
	width:14px;
	height:14px;
	margin-left:10px;
}
.m_20 {
	margin-right:4%;
}
.cat .l_t {
	background:#f7f7f7;
	font-size:11px;
	line-height:20px;
	color:#4B4B4B;
	border:n
}
.cat .l_f {
	height:35px;
	line-height:23px;
	background:#f7f7f7;
	border:none;
}
.cat .s_c {
	width:400px;
	text-align:right;
	padding-right:10px;
}
.w_100 {
	width:138px;
}
.w_300 {
	width:290px;
	margin-right:10px;
}
.w_400 {
	width:60%;
}
#leave_legents {
	height:20px;
	float:right;
}
#access_denied {
	width:751px;
	height:316px;
	margin:200px auto;
	background:url(../images/access_denied.png) no-repeat;
}
.completed {
	color:#389400;
}
.completed ul {
	list-style:none;	
}
.upcomming, .past_due, .completed {	
	font-size:16px!important;	
}
.past_due {
	color:#ca5952!important;
}
.upcomming {
	color:#f2bb46!important;
}
.completed {
	color:#59a84b!important;
}
.todo_department_title	{
	width:100%;
	float:left;
	color: #f78d21;
	font-size: 14px;
	font-weight: bold;
	padding:0;
	margin:0;
	text-transform: capitalize;
	text-align:center;
	text-decoration:underline;
}
.m_top {
	margin-top:50px;
}
#todo_view_all {
	width:50px;
	padding-top:8px;
	float:left;
	display:block;
	color:#1aa013;
	text-decoration:underline;
	font-weight:bold;
	cursor:pointer;
}
.strick_out {
	/*color:#CC3300!important ;*/
	text-decoration:line-through;
}
.strick_out span{
	text-decoration:none!important;
}
.assigned_to, .tsk_date {
	color:#8e8e8e !important;
	font-size:9px !important
}
.assigned_to:hover {
	text-decoration:underline;
}
.emp_tasks {
	background:#E8E8E8;
}
.emp_tasks .day_name{
	height:30px;
	background:#cccccc;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	line-height:30px;	
}
#ajax_dashboard .head{
	height:26px;
	background:#cccccc;
	color:#555555;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	line-height:2px;
	padding-left:10px;
}
.emp_tasks .tsk_title{
	height:25px;
	color:#6a6a6a;
	font-size:14px;
	font-weight:bold;
	line-height:25px;
	margin-top:5px;
}
.emp_tasks .emp_task_wrapper{
	width:92%;
	height:auto;
	list-style:none;
	background:#fff;
	margin:0 4% 4%;
	padding:0;
	float:left;
}
.emp_tasks h3 {
	font-size:14px;
	color:#6a6a6a;
	margin:10px;
}
.emp_tasks .task_title{
	width:92%;
	margin:0;
	padding:2% 4%;
	float:left;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	line-height:2em;
	border-bottom:2px solid #E8E8E8;
}
.emp_tasks .task_title > a{
	font-size:11px;
	font-weight:bold;
	color:#666666;
}
.emp_tasks .emp_all_tasks {
	width:100%;
	font-weight:normal;
	margin:0;
	padding:0;
	float:left;
	list-style:none;
}
.emp_tasks .emp_all_tasks span{
	color:#8e8e8e !important;
	font-size:9px !important
}
.emp_tasks .emp_all_tasks li{
	width:100%;
	font-weight:normal;
	margin:0;
	padding:0;
	float:left;
}
.emp_tasks .emp_task_details {
	color:#cc6600;
	font-size:12px;
}
.emp_today {
	background:#f78d21!important;
}
.emp_today .day_name {
	background:#a45300!important;
	color:#fff;
	font-size:20px;
}
.emp_today h3 {
	color:#fff!important;
}
.emp_today .emp_task_wrapper {
	background:#ffd9b2;
}
.emp_today .task_title {
	color:#783d00!important;
}
.emp_today .emp_task_details {
	color:#ff6600!important;
}
.emp_today .task_title {
	border:none!important;
	background:url(../images/bg_line.png) center bottom no-repeat;
}
.new_style {
	background:#fff;
	margin:10px!important;
	padding:5px 10px!important;
}
.print_icon {
	width:20px;
	height:20px;
	float:right;
	background:url(../icons/print.png) no-repeat;
}
.index_cal {
	border-color:#76a64f;
}
.index_cal .head{
		color:#fff!important;
		background:#76a64f;
}
.index_inet {
	border-color:#34b9c9;
}
.index_inet .head{
		color:#fff!important;
		background:#34b9c9;
}
.index_tsk {
	border-color:#df7f2a;
}
.index_tsk .head{
		color:#fff!important;
		background:#df7f2a;
}
.index_join {
	border-color:#9c48a1;
}
.index_join .head{
		color:#fff!important;
		background:#9c48a1;
}
.m_10 {
	margin:0 1% 1% !important;
	width:98% !important ;
}
#ajax_dashboard  table{
	background:#E8E8E8;
}
.lock_screen_bg {
	width: 100%;
	height: 100%;
	position:relative;
	position: fixed;
	top:0;
	left:0;
	z-index:1200;
}

.lock_screen{
	background: none repeat scroll 0 0 #333333;
	height: 100%;
  left: 0;
  opacity: 0.5;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.pop_screen_bg {
	height: 382px;
	margin:200px auto 0;
  width: 500px;
	position:relative;
	z-index:1000;
	background: none repeat scroll 0 0 rgba(51, 51, 51, 0.3);
}
.pop_screen {
	width: 480px;
	height: 360px;
	float:left;
	margin:10px;  
	background:#E8E8E8;
}
.birth_day_wish {
	padding:10px;
}
#thanks_for_remiding_me {
	width:319px;
	height:65px;
	position:absolute;
	bottom:27px;
	left:90px;
	border:0;
	cursor:pointer;
	background:url(../images/thanks_button.jpg) no-repeat;
}
#reset_pwd {
	width:155px;
	height:65px;
	margin:30px 157px;
	border:0;
	cursor:pointer;
	background:url(../images/resetpwd_button.jpg) no-repeat;
}
#task_con {
	width:480px;
	height:330px;
	float:left;
	position:absolute;
	overflow-y:scroll;
}
.apply_reave_warp {
	width: 94.5%;
	border:4px solid #e4e4e4; 
	margin-bottom:10px; 
	background:#eee; 
}
#cmp_join_fmlr {
	padding:0;
	margin:3px 0 3px 3px;
	float:left;
	list-style:none;
}
#cmp_join_fmlr li {
	padding:0;
	margin:0;
	float:left;
	width:42px;
	height:52px;
}
#cmp_join_fmlr li img {
	width:36px;
	height:47px;
	margin:2px;
	border:1px solid #d7d7d7;
}
.w_70 {
	width:75%;
	text-align:center;
}
.w_120 {
	width:80px;
}
#ip_graph {
	padding:0;
	float:left;
	width:100%;
	height:auto;
	list-style:none;
}
#ip_graph li {
	margin:0;
	padding:0;
	float:left;
	width:49.8%;
	height:auto;
	text-align:center;
}
#ip_graph li img{
	width:100%!important;
	height:auto;
}
.border_l {
	border-left:1px solid #000;
}
.border_t {
	border-top:1px solid #000;
}

#app_leave_wr {
	width:71%;
}
.client_clarification {
	width:850px;
	height:auto;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
.client_clarification li{
	width:850px;
	height:auto;
	float:left;
	margin:0 0 10px 0;
	padding:0;
	text-align:left;
}
.message_radio {
	width:35px;
	height:auto;
	float:left;
}
.message_block {
	width:420px;
	height:auto;
	color:##666666;
	margin:0 10px 0 0;
	float:left;
}
.add_message_block {
	width:375px;
	height:auto;
	float:left;
}
.add_message_block textarea {
	width:373px;
	height:60px;
}
.add_message_block input {
	float:right;
	margin-top:5px;
}
#task_graph {
	padding:0;
	float:left;
	width:100%;
	height:auto;
	list-style:none;
}
#task_graph li {
	margin:0;
	padding:0;
	float:left;
	width:435px;
	height:auto;
	text-align:center;
}

.team_menu td {	
	background:#f0f0f0;
	border-right:5px solid #fff;
}
.team_menu a {
	font-size:12px;
	color:#525252;
	padding:6px 8px;
	display:block;
}
.orange a i{
	color:#e46c0a!important;	
}
.silver a i{
	color:#A5A5A5!important;	
}
.blue a i{
	color:#0070c0!important;	
}
.platinum a i{
	color:#cdccca!important;	
}
.red a i{
	color:#ff0000!important;
}
.copper a i{
	color:#C87533!important;
}
.green a i{
	color:#00b050!important;
}
.brass a i{
	color:#B5A642!important;
}
.purple a i{
	color:#7030a0!important;
}
.gold a i{
	color:#D4A411!important;
}
.marketing a i{
	color:#000!important;
}
#ajax_dashboard table {
	background:none!important;
}
/*#ajax_dashboard {
	border:1px solid #ababab;	
	padding:5px;
}*/
.team_client_name {
	height:24px;
	font-size:14px;
	color:#302a2a;
	line-height:24px;
	padding:10px 0 5px;
}
.item-list b, #content b, #content strong{
	font-weight:400;
	font-size:12px;	
}
.department_title, .team_client_name a{
	font-size:14px;
	color:#302a2a;	
}
.department_title	{
	padding-bottom:10px;
}
.client_heading td{
	height:30px!Important;
	color:#4B4B4B;
	/*border-bottom:1px solid #e2e2e2;*/
	background:#f7f7f7;
}
.db_sub_head td {
	height:30px;
	border-bottom:1px solid #e2e2e2!important;
}
.p_10 {
	padding-left:10px;
}
.table_bg {
	background:#f7f7f7;
}
.table_bg select, .t_display_none select {
	width:95%;
	height:20px;
}
.table_bg input, .t_display_none input {
	width:74px;
	height:20px;	
}
.h_2 td{
	/*height:20px!important;*/
	border-bottom:none!important;
}
.h_20 input {
	height:20px;
	width:86%;	
}
.time_h20 input {
	height:20px;
	width:90%;
	padding-left:24px;
	font-size:12px!important;
	background:url(../icons/db_time.png) left no-repeat !important;	
}
.h_35 {
	height:24px;
}
.border_0 td {
	border:0!important;
}
/*New Team Page*/
.team_title {
	width:100%;
	height:35px;
	line-height:35px;
	float:left;
	font-size:14px;
	background:#f7f7f7;
	padding-left:10px;
}
.main_title {
	font-size:16px;
	color:#302a2a;
	border-bottom:1px solid #e2e2e2;
	margin-bottom:8px;
}
.noborder {
	border:none!important;	
}
.main_title .sub{
	width:200px;
	height:20px;
	float:right;
	font-weight:normal;
	text-align:right;
	padding-right:10px;
}
.team_wrapper {
	width:100%;
	height:auto;
	float:left;
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}
.team_wrapper li{
	width:15.55%;
	min-height:100px;
	float:left;
	margin:0 1% 1% 0;
	padding:20px 0 0;
	/*border:1px solid #dbdbdb;	*/
	position:relative;
}
.mr_0 {
	margin-right:0!important;
}
.team_wrapper li .emp_name {	
	color: #368ee0;
	float: left;
	font-family: calibri;
	font-size: 12px;
	padding: 6px 0 0;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}
.team_wrapper li .emp_des {	
	float: left;
	font-size: 9px;
	padding: 0 0 6px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;

}
.team_wrapper li .other_emp {
	color: #2d2d2d;
	float: left; 
	height: auto;
	line-height: 1.5em;
	margin: 15px 5%;
	width: 90%;
}
.team_wrapper li .cell {
	width: 100%;
	float: left;
	height: auto;
	text-align: center;
	line-height: 1.5em;
	background: #fff;
	display: none;
	position: absolute;
	left: 0;
	bottom:0;
	padding: 3px 0;
}
.team_wrapper li:hover > a .cell {
	display:block;	
}
.team_wrapper li .other_emp a{
	clear:both;
	float:left;
	color:#10a0e3;
	font-size:10px;
	margin-top:10px;
	text-decoration:underline;
}
.team_wrapper li .profile_img{
	width:110px;
	height:115px;
	margin:0 auto;
	text-align:center;
	background:#d7d7d7;	
	/*border-radius:60%;*/
	border:1px solid #c5c5c5;
}
.team_wrapper li .profile_img img{
	width:auto;
	height:108px;
	margin-top:5px;
	/*border-radius:0 0 47% 47%;
	border-radius:48%;*/
}
.send_group_email {
	width:20px;
	height:20px;
	float:right;
	display:block;
	margin:8px 0;
}
.wrp_buttom {
	text-align:right;
	border-top:1px solid #ccc;
	padding-top:10px;
}
.wrp_buttom_n {
	text-align:right;
	padding-top:10px;
}
.db_save {
	width:23px!important;
	height:23px!important;
	border:none;
	cursor:pointer;
	background:url(../icons/db_save.png) no-repeat;
}
.display_none, .c_display_none, .t_display_none {
	display:none;
}
.db_pending {
	width:37px;
	height:13px;
	margin-left:5px;
	padding:0 19px;
	position:relative;
	z-index:100;
	background:url(../images/pending.jpg) no-repeat center;
}
.db_completed {
	width:16px;
	height:16px;
	margin-left:15px;
	padding:0 9px;
	background:url(../icons/db_completed.png) center no-repeat;
}
.w_20 input{
	width:95%;
	height:20px;
}
.fl_r_10 {
	float:right;
	margin:5px!important;
}
.on_date {
	font-size:10px;
	color:#666666;
}
.hide_blk {
	display:none;
}
.l_box {
	width:4px;
	height:24px;
	display:block;
	float:left;
	margin:0 4px 0 0;
}
.it_bg	{
	background:#fff!important;
	border:1px solid #ccc;
}
.orange_bg	{
	background:#e46c0a!important;	
}
.blue_bg{
	background:#0070c0!important;	
}
.red_bg{
	background:#ff0000!important;	
}
.green_bg {
	background:#00b050!important;	
}
.purple_bg {
	background:#7030a0!important;	
}
.marketing_bg {
	background:#000!important;	
}
#emp_task {
	text-align:center;
	padding:9px;;
}
#emp_task_emp {
	float:right;
	padding:0;
	margin:-40px 0 0;
	position:relative;
	top:30px;
}
#birthday_wishes {
	width:241px;
	height:64px;
	position:absolute;
	top:42px;
	right:8px;
	background:url(../images/birth_day.png) no-repeat;
}
#emp_points {
	width:84px;
	height:47px;
	position:absolute;
	top:1px;
	right:70px;
}

#you_have_pending_hours {
	width:187px;
	height:71px;
	position:absolute;
	top:36px;
	right:28px;
	background:url(../images/you_have_pending_hours.png) no-repeat;
}
#desk_notification {
	width:16px;
	height:16px;
	float:right;
	cursor:pointer;
	background:url(../icons/desktop_info.png) no-repeat;
}
.hot_c {
	background:#D0E4CE;	
}
.hot_c td {
	border-bottom:1px dotted #084E08;
}
.warm_c {
	background:#F9F9D5;	
}
.warm_c td {
	border-bottom:1px dotted #BD9A00;
}
.cold_c {
	background:#CEEEF8;	
}
.cold_c td {
	border-bottom:1px dotted #3398B8;
}
#psi_calendar ol{
	margin:0 0 0 4px;
	padding:0 0 0 18px;
	float:left;
}
#psi_calendar ol li{
	margin:0;
	padding:0 0 4px 0;
	clear:both;
	float:left;
	text-align:left;
	font-size:11px;
	color:#434343;
}
.w_68 {
	width:68%;
	min-width:775px;
}
@media (min-width: 900px) and (max-width: 1199px) {
	#internet_usage .w_120 {
		width:29%;
	}
}
@media (min-width: 1200px) and (max-width: 1399px) {
	#internet_usage .w_120 {
		width:35%;
	}
}
@media (min-width: 1400px) {
	#internet_usage .w_120 {
		width:44%;
	}
	#calendar_wrapper li{
		width:24.88%;	
	}
}
@media (max-width: 1100px) {
	#left_wrapper {
		display:none;
	}
	#right_wrapper {
		display:none;
	}
	#side_menu {
		position:inherit;	
	}
	.w_68 {
		width:80%;
	}
}
.rh_class {
	background:#F0E098;
}
.rem_container hr{
	background: #ddd;
	border-color: #d0d0d0;
	border-style: dotted;
	margin: 0;
}
.rem_list_view {
	width:16px;
	height:16px;
	background:url(../icons/list-blue-icon.png) no-repeat;
	position:absolute;
	bottom:0;
	right:0;
	cursor:pointer;
}
#list_reminder_details {
	overflow-y:scroll;
	padding:15px;
	height:300px;
}
#list_reminder_details .client_name{
	width:97%;
	float:left;
	padding-left:10px;	
	margin:0;
	list-style:none!important;
	line-height:30px;
	font-size:15px;
}

#list_reminder_details  ul{
	width:98%;	
}
#list_reminder_details  ul li{
	width:87%;
	list-style:square;
	color:#4c4c4c;
	line-height:1.6em;
	margin-bottom:5px;
}
.p_desc table{
	width:98%!important;
}
.p_desc td{
	width:auto!important;
}
.download_ts {
	width:20px;
	height:20px;
	float:right;
	cursor:pointer;
	background:url(../icons/print.png) no-repeat;
}
.extra_notes {
	height:13px;
	padding-left:5px;
	color:#ff0000;
	font-size:10px;
	line-height:20px;
}
.g_menu {
	width:100%;
	border-bottom:1px solid #EBEBEB;
}
.g_menu, .g_menu li, 
.g_all_result, .g_all_result li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
.g_menu li {
	margin-right:5px;
	border-bottom:3px solid #fff;
}
.g_menu li a {
	padding:10px;
	display:block;
	color:#777;
	text-decoration:none;
	font-size:13px;
}
.g_menu li.active, .g_menu li:hover {
	border-bottom:3px solid #358ee0 ;
}
.g_menu li.active a, .g_menu li:hover > a {
	color:#358ee0 ;
}
.g_sub_title {
	float:right!important;
	text-align:right;
	font-size:16px;
	color:#909090;
	line-height:36px;
	font-weight:bold;
}
.g_sub_title:hover {
	border:none!important;
}
.g_about_res {
	width:100%;
	height:22px;
	float:left;
	margin:10px;	
	color:#777;
	font-size:13px;
}
.g_all_result {
	width:100%;	
}
.g_all_result li{
	width:100%;
	margin-bottom:15px!important;
}
.g_all_result img {
	max-width:100% !important;
	width:auto!important;
}
.g_all_result br {
	line-height:8px!important;
}
.g_head {
	text-align:left;
	font-size:15px;
	line-height:20px;
	color:#337ab7;
	font-weight:bold;
	padding:0;
	margin:0;
}
.g_head a{
	font-size:15px;
	line-height:20px;
	color:#337ab7;
	font-weight:bold;
	text-decoration:none;
}
.g_added_by {
	text-align:left;
	font-size:13px;
	line-height:20px;
	font-weight:normal;
	padding:0;
	margin:0;
}
.g_added_by a{
	font-size:13px;
	line-height:20px;
	font-weight:normal;
}
.g_all_result p{
	color:#545454;
	font-size:13px;
	line-height:1.6em;
	margin:0 0 8px;
}
.small {
	font-size:14px;
}
.m_l_20 {
	margin-left:50px;
}
.g_add_new {	
	padding:5px 15px;
	float:right;
	background:#4584EE;
	border:1px solid #4285F4;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	margin:0 20px 0 0;
	border-radius:2px;
}
.g_add_category {
	width:60%;
	height:30px;
	font-size:14px;
	margin-bottom:20px;
}
.g_label {
	font-size:13px;
	color:#777;
	width:20%;
	text-align:left;
	padding-bottom:10px;
}
.g_field {
	width:80%;
	text-align:left;
}
.g_field input {
	width:99%;
	height:20px;
	margin-bottom:10px;
}

.leave_app td, .leave_app td span {
	font-size:11px;
	text-align:left;
}
.leave_t {
	font-size:14px!important;
	text-align:center;
}
.l_name {
	width:300px;
	float:left;
	text-align:left;
	font-size:16px!important;
	padding-left:20px;
	border-bottom:1px dotted #000;
}
.l_date_to, .l_date_from {
	width:110px;
	float:left;
	text-align:left;
	font-size:16px!important;
	padding-left:20px;
	border-bottom:1px dotted #000;
}
.l_bg {
	background:#efefef!important;
	border:none!important;
}
.l_no_d {
	width:30px;
	float:left;
	text-align:left;
	font-size:16px!important;
	padding-left:20px;
	border-bottom:1px dotted #000;
}
.text {
	font-size:14px;
	float:left;
	text-align:left;
}
.leave_app {	
	padding:20px 10px;	
}
.leave_type {
	padding:5px 0;
	text-align:left;
	font-size:14px;
	width:120px;
}
.leave_count input {
	width:40px;
}
.reason {
	padding:4 0;
	vertical-align:top;														
}
.reason textarea {
	width:100%;
	height:119px;
}
#no_ofdays {
	width:40px;
}
.error_b {
	border:1px solid #FF0000!important;
}
.change_order {
	cursor:move;
	list-style:none;
	margin:0;
	padding:0;
}
.change_order li{
	margin:0;
	padding:0 0 0 10px;
	background:url(../images/move.png) no-repeat left center;
}
.info {
	width:15px;
	height:15px;
	float:left;
	margin-right:8px;
	background:url(../icons/info.png) no-repeat;
	position:relative;
}
.info .tooltip_new{
	width:160px;
	height:auto;
	padding:3px;
	background:#ffe565;
	border:1px solid #f3d62b;
	color:#000;
	font-size:12px;
	display:none;
	position:absolute;
	left:10px;
	bottom:13px;
}
.info:hover > .tooltip_new{
	display:block;
}
#send_time_track {
	width:27px;
	height:24px;
	position:fixed;
	top:5px;
	right:5px;
	cursor:pointer;
	background:url(../icons/send_time_track_small.png) no-repeat;
}
#opacity_bg {
	width:100%;
	height:100%;
	position:fixed;
	z-index:1500;
	display:none;
	background:url(../icons/ajax-loader.gif) center center no-repeat rgba(0, 0, 0, 0.7);
}
.mistake_desc img {
	width:80%!important;
	max-width:80%!important;
}
.deputy_name {
	float:right;
	line-height:10px;
	/*max-width:100px;*/
	width:auto;
}
/*@media screen and (max-width: 1510px) { 
	#left_wrapper {
		display:none;
	}
	#right_wrapper {
		display:none;
	}
	#side_menu {
		position:inherit;	
	}
}
@media screen and (max-height: 700px) { 
	#side_menu {
		position:inherit;	
	}
}
.flag_r {
	border-top:1px solid #FF0000;
	background: url(../images/red.png) right top no-repeat;
}
.flag_b {
	border-top:1px solid #0000FF;
	background: url(../images/blue.png) right top no-repeat;
}
.flag_g {
	border-top:1px solid #09C100;
	background: url(../images/green.png) right top no-repeat;
}
*/
.red_c {
	width:25px;
	height:20px;
	background:#d15b47;
	font-size:12px;
	color:#fff;
	
	float:left;
	display:block;
	text-align:center;
	line-height:20px;
	font-weight:bold;
	margin-right:6px;
}
.blue_c {
	width:25px;
	height:20px;
	background:#3a87ad;
	font-size:12px;
	color:#fff;
	
	float:left;
	display:block;
	text-align:center;
	line-height:20px;
	font-weight:bold;
	margin-right:6px;
}
.green_c {
	width:25px;
	height:20px;
	background:#82af6f;
	font-size:12px;
	color:#fff;
	
	float:left;
	display:block;
	text-align:center;
	line-height:20px;
	font-weight:bold;
	margin-right:6px;
}
.mh_red {
	color:#d15b47;
}
.mh_blue {
	color:#3a87ad;
}
.mh_green {
	color:#82af6f;
}
.mistake_head {
	text-align:left;
	font-size:15px;
	font-weight:normal;
	padding-left:15px;
	background:url(../images/plus.png) left center no-repeat;
	float:left;
	width:100%;
	margin-bottom:0;
	cursor:pointer;
}
.mist_wrapper {
	width: 100%;
	float:left;
	padding-top:10px;
}
.w_96 {
	width:96%!important;
	margin-left:3%!important;
}
.db_cl {
	float:left;
	position:relative;
	width:1px;
	height:1px;
	display:block;
}
.db_pointer{
	position:absolute;
	top:-130px;
	left:0;
	width:1px;
	height:1px;
	display:block;
}
.thump_dp {
	width:30px;
	height:30px;
	float:right;
	clear:both;
}
.thump_dp img{
		width:100%;
		height:auto;
		float:left;
		border-radius:50%;
		border:1px solid #bbb;
		background:#fff;
}
#servertime {
	width:206px;
	height:66px;
	line-height:66px;
	position:absolute;
	top:33px;
	right:8px;
	font-size:40px;
	color:#a1a1a1;
	text-align:center;
	font-family:'Digital';
}
.overview_task {
	width:91%;
	margin:0 0 10px 16px;
	}
.overview_task li{
	border-bottom:1px dotted #c7c7c7;
	margin-bottom:5px;	
}
/* Event style */
.event_category {
		width:100%;
		float:left;
		margin:0;
		padding:0;
		list-style:none;
	}
	.event_category li {
		width:50%;
		float:left;	
		text-align:center;
		position:relative;	
	}	
	.event_category a {
		display:block;
	}
	.event_title {
		width:100%;
		float:left;
		color:#767474;
		font-size:20px;		
		text-align:center;
	}
	.event_category li img {
		width:80%;
		max-height:287px;	
		float:left;	
		display:block;   
		margin:10px 10%;    
	}
	.event_added_date {
		width:80%;
		float:left;
		margin:10px 10%;	
		color: #808080;
		font-size: 14px;
		font-weight: normal;		
	}	
	.event_added_by {
		width:100%;
		float:left;
		margin-top:20px;		
		color:#368EE0; 
	}
	.event_details {
		width:98%;
		float:left;
		margin:10px 1%;
		line-height:20px;
		color: #555;
		font-size: 14px;
		padding: 8px 15px;
		border-top:2px solid #358EE0;
	}
	.rem_event {
		position:absolute;
		top:15px;
		right:60px;
	}
	.photo_wrapper {
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0;
		list-style:none;
	}
	.photo_wrapper li {	
		width:33.333333333333%;	
		float:left;
		margin:0;
		padding:0;
		text-align:center;
	}
	.thumb_pics {
		width:260px;
		height:225px;
		display:block;    
		margin:5%; 
		overflow:hidden;  
	}
	.thumb_pics img {
		width:100%;
		height:100%;
		float:left;
	}
	.download_document {
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0;
		list-style:none;
	}
	.download_document li {
		width:33.33333333333%;
		float:left;
		text-align:center;	
		position:relative;	
	}
	.doc_download {
		height:40px;
		line-height:40px;
		overflow:hidden;
		margin:0 10px 10px;
		padding:0 10px;
		display:block;
		background:#368EE0;
		color:#fff;
		font-size:14px;
	}
	.download_document .fa-download {
		font-size:100px;
		margin-right:10px;
		color:#e3e3e3;
		padding-top:20%;
	}
	.download_icon {
		position:absolute;
		top:12px;
		right:20px;
	}
	.download_thumb {
		display:block;
		height:200px;
		margin:0 10px;
		border:1px solid #ccc;
	}
.deputy_name {
	color:#fff!important;	
}
.reminder_db_wr{
text-align:left;	
	}
.reminder_db_wr .to_do_list_item li{
	margin:0;
	}
.marks_card {
	width:100%;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}
.marks_card li {
	float:left;	
	padding:10px 5% 10px 0;
	border-top:1px solid #ccc;
}
.m_description {
	width:60%;
	float:left;
	padding-right:2%;
}
.m_date, .m_points {
	width:20%;
	float:left;	
}
.heading {
	padding:10px 0;
	font-weight:bold;
	border-top:none!important;
}
.total {
	padding:10px 0;
	font-weight:bold;
	border-top:1px solid #ccc;
}
.comp_name {
	width:100%;
	clear:both;
	float:left;
	border-top:1px solid #ddd;
	color:#368ee0;
	font-size:12px;
	text-align:right;	
}

.bgorange	{
	height:25px;
	padding-left:8px;
	font-weight:bold;
	color:#fff;
	background:#e46c0a!important;	
}
.bgblue	{
	height:25px;
	padding-left:8px;
	font-weight:bold;
	color:#fff;
	background:#0070c0!important;	
}
.bgred	{
	height:25px;
	padding-left:8px;
	font-weight:bold;
	color:#fff;
	background:#ff0000!important;
}
.bggreen{
	height:25px;
	padding-left:8px;
	font-weight:bold;
	color:#fff;
	background:#00b050!important;
}
.bgpurple{
	height:25px;
	padding-left:8px;
	font-weight:bold;
	color:#fff;
	background:#7030a0!important;
}
.bgmarketing{
	height:25px;
	padding-left:8px;
	font-weight:bold;
	color:#fff;
	background:#000!important;
}
.curser_pointer {
	cursor:pointer;
}
.eee {
	color:#eee !important;
}
.green {
 	color:#69aa46 !important;
}
#todo_tasks li {
	background:none;	
}
.todo_txt_wr{
	margin: 0!important;
  padding: 10px!important;
  position: fixed;
  left: 0;
  bottom: 0;
  border: none;
  height: 55px;
	width: 15%;
}
.emp_todo_wrapper {
	width:100%;
	height:auto;
	float:left;
	margin:15px 0;
	padding:0;
	list-style:none;
}
.emp_todo_wrapper > li {
	width:48%;
	height:350px;
	float:left;
	padding:0;
	margin:.6%;
	border: 1px solid #e5e5e5;
	position:relative;
	display: inline-block;
}
.emp_todo_wrapper > li h2 {
	background:#f5f5f5;;
	font-size:14px;
	padding:9px 8px 11px 16px;
	margin:0;
	color:#333;	
}
.todo_txt_newwr {
	width:100%;
	height:56px;
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px!important;
	margin:0!important;
}
.red_col {
	color:#F00!important;
	font-size:14px;
}
.green_col {
	color:#093!important;
	font-size:14px;
}
/*.item-list li{
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	line-height:1.6em;
}*/
#todo_tasks li label {
	font-size: 10px !important;
	width: 75%!important;
	margin-bottom: 5px !important;
}
h4.smaller a{
	font-size: 17px;
	color: #4383B4;
	padding-left: 3px;
}
.search_cl {
	width:100%;	
}
.search_cl .nav-search-input{
	height: 30px;
	width: 100%;
	background: #ecf2f7;
	border: none;
	color: #8090a0;
}
.relative td{
	position:relative;	
}
.relative .dropdown-menu-left {
	width:70px!important;
}
.relative .dropdown-menu-left .active{
	background: #f4f9fc!important;
}
