@charset "utf-8";
/* CSS Document */
body{ background:#f1eee5; margin:0; padding:0;}
.inner_body{ margin:0 auto; width:800px;}
#tabs{
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#tabs li{
  float: left;
  margin: 0 .5em 0 0;
}

#tabs a{
  position: relative;
  background: #ddd;
  background-image: linear-gradient(to bottom, #fff, #ddd);  
  padding: .7em 3.5em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  border-radius: 5px 0 0 0;
  box-shadow: 0 2px 2px rgba(0,0,0,.4);
}

#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after{
  background: #fff;
}

#tabs a:focus{
  outline: 0;
}

#tabs a::after{
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;
  right: -.5em;  
  bottom: 0;
  width: 1em;
  background: #ddd;
  background-image: linear-gradient(to bottom, #fff, #ddd);  
  box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  transform: skew(10deg);
  border-radius: 0 5px 0 0;  
}

#tabs #current a,
#tabs #current a::after{
  background: #fff;
  z-index: 3;
}

#content
{
    background: #fff;
    /*padding: 2em;*/
    /*height: 220px;*/
	height: auto;
    position: relative;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
	color:#fff;
	overflow:hidden;
	padding-bottom:20px;
}
.heading_jobs h1{ 
	font-size:36px;
	color:#666;
	font-family: 'Oswald',sans-serif;
	padding-top:30px;
	}
ul.jobs_head{ list-style:none; margin-bottom:25px; display:block; overflow:hidden; background:#000; padding:10px 10px 10px 20px; margin-top:-1px;}
ul.jobs_head li{ 
	float:left; 
    color: #FEA800;
    font-family: 'Oswald',sans-serif;
    font-size: 15px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
}
#body h4 {}
.w_60{ width:60px;}
.w_40{ width:40px;}
.w_100{ width:100px !important;}
.w_80{ width:80px !important;}
.w_300{ width:300px !important;}
.w_400{ width:400px !important;}
.w_380{ width:380px !important;}
.w_283{ width:283px !important;}
.w_150{ width:150px !important;}
.w_130{ width:130px !important;}
.w_200{ width:200px !important;}
.w_120{ width:120px !important;}
.w_230{ width:230px;}
.text_cet{ text-align:left !important;}
ul.jobs_row{ list-style:none; margin-bottom:5px;  display:block; overflow:hidden; margin-top:5px; padding-left:20px;}
ul.jobs_row li{ 
	float:left;
	font-family:"Open Sans", Oswald, Arial;
	font-size:13px;
	line-height:21px;
	font-weight: 300;
	color:#000;
	display:block;
	word-wrap:break-word;}
.word_w_des{ 
	display:block;
	word-wrap:break-word;
	}
.new_job_tab1{ 
	margin-top:30px;
	display:block;
	overflow:hidden;
	margin-left:20px;
	margin-right:20px;}
.fleft{ float:left !important;}
.fright{ float:right !important;}
input.left_input{ width:358px; display:block; overflow:hidden; float:left; border: 1px #999 solid; border-radius:4px; background:#fff; height:25px; padding-left:10px;}
input.right_input{width:358px; display:block; overflow:hidden;  float:left; border: 1px #999 solid; border-radius:4px; background:#fff; height:25px; margin-top:10px; padding-left:10px;}
textarea.description{display:block; overflow:hidden;  float:left; border: 1px #999 solid; border-radius:4px; background:#fff; height:150px; margin-top:10px; width:354px; padding-left:10px; padding-top:5px;}
.w_850{ width:850px !important;}
.set_job{ 
	font-family: 'Oswald',sans-serif;
    font-size: 18px;
	color: #FEA800;}
.ma_bot_20{ margin-bottom:20px !important;}
span{ display:block; overflow:hidden;}
p{ display:block; overflow:hidden;}
.margin_20{ margin:20px !important;}
.w_848{ width:848px !important;}
.submit_button{ width:100px; float:right; border-radius:4px; color:#fff; background:#212121; border:none; margin-top:20px; margin-bottom:20px; height:30px; font-family: 'Oswald',sans-serif;
    font-size: 15px;}
input.search_input{ float:right; border-radius:4px; background:#000; color:#fff; font-family:"Open Sans", Oswald, Arial; height:30px; margin-top:-30px; font-size:15px;}

.chat_name{ color:#333; font-size:12px; float:left; margin-right:10px; line-height:18px;/* font-weight:bold;*/ font-family:"open sans", oswald;}
.chat_on{ margin-right:20px; margin-top:5px;}
.chat_span{}
.chat_span p{ float:left; margin:5px 0 5px 0;}
.pro_img{ border:1px solid #999;}
.new_job_tab2{ 
	padding-top:30px;
	display:block;
	overflow:hidden;
	padding-left:37px;
	padding-right:37px;
	background:#dad8d8;
	border-top:3px solid #000;
	border-right:3px solid #000;
	border-left:3px solid #000;
	
	}
.step_button{ padding:40px 0; width:800px; margin:0 auto;}	
.ma_left_15{ margin-left:35px;}
.ma_left_10{ margin-left:10px;}
.step_button button{ width:42px; height:42px; color:#2a2a2a; background:none; float:left; margin-bottom:20px; cursor:pointer; border:none;}
button.step_button_active{ width:140px; height:40px; color:#fff; border-radius:5px; border:1px #999 solid; background:#2a2a2a; float:left; margin-bottom:20px;}
.tabs_autoscroll{ height:310px; overflow:auto;}
.reminder_btn{ background:none; border:none; width:25px;}
.right_input_button{ margin-top:10px; height:29px; background:#FEA800; border-radius:5px; border:1px solid #999; font-weight:bold; font-family:'Oswald',sans-serif;}
.m_lr_23{ margin-left:23px; margin-right:23px;}
.set_target{ margin:15px 3px 0; display:block; float:left;}
.step_button button.selected{ opacity:0.5 !important; filter:Alpha(opacity=50) !important;}
.w_50{ width:50px !important;}
/* ==== extuder_left_custom ==== */
.extuder_left_custom{
	top:50px;
	position:fixed;
	left:-220px;
	}
.extuder_left_custom1,
.extuder_left_custom2,
.extuder_left_custom3{
	height:500px;
	width:217px;
	background:#fff;
	border-top-right-radius:12px;
	border-bottom-right-radius:10px;
	position:absolute;
	left:0;
	z-index:4;
	border-top:3px solid #222;
	border-right:3px solid #222;
	border-bottom:3px solid #222;
	}
.extuder_left_custom1 .extuder_heading{
	height:134px;
	width:40px;
	background:url(../../images/jobmanager/todaysmatter.png);
	position:absolute;
	margin:0px 0 0 220px;
	color:#fff;
	cursor:pointer;
	}
.extuder_left_custom2 .extuder_heading{
	height:134px;
	width:40px;
	background:url(../../images/jobmanager/mymeetings.png);
	position:absolute;
	margin:136px 0 0 220px;
	color:#fff;
	cursor:pointer;
	}
.extuder_left_custom3 .extuder_heading{
	height:104px;
	width:40px;
	background:url(../../images/jobmanager/todolist.png);
	position:absolute;
	margin:272px 0 0 220px;
	color:#fff;
	cursor:pointer;
	}
/* ==== extuder_left_custom end ==== */
.m_left_10{ margin-left:10px;}
.spacer{ clear:both;}
#jobmanager_details p, #jobmanager_details h3{ margin:0; font-size:13px; float:left;}
#jobmanager_details h3{ color:#000; width:120px;}
#jobmanager_details p{ width:500px;}
#jobmanager_details span{ display:block; margin:0px 0 15px;}
.jobmanager_details_popup{ display:none;}
/* hierarchy 
.common_child{ float:left; background:url(../../images/jobmanager/hk_bg.png) no-repeat top center;}
.common_parent{ display:table; margin:0 auto;}
.hierarchy{  color:#333; text-align:center;}
.tree-box{ border:1px solid #999; background:#ccc; padding:3px; font-family:Arial, Helvetica, sans-serif; margin:6px 3px 0; font-size:12px;}
.action-buttons a{ font-size:18px; margin:0 3px; color:#a0c506;}*/
.common_child{ float:left; background:url(../../images/jobmanager/hk_bg.png) no-repeat top center;}
.common_parent{ display:table; margin:0 auto;}
.hierarchy{  color:#333; text-align:center;}
.tree-box{ border:1px solid #999; background:#ccc; padding:3px; font-family:Arial, Helvetica, sans-serif; margin:6px 3px 0; font-size:12px;}
.action-buttons a{ font-size:18px; margin:0 3px; color:#a0c506;}
.showdiv-inrow{ position:relative; background:#dcddde; padding:10px; clear:both; color:#333; margin:10px 0; border-radius:4px; display:none; width:95.2%;}