@charset "utf-8";
/* CSS Document */
 
img {border: none;}
ul{list-style: none; padding: 0; }
li{list-style: none;  }
body,html{  font-family:Arial; width:100%;   margin: 0; padding: 0; min-width:960px; }
body {
	font-size: 12px;
}
table {
	font-size: 12px;
}
p{ margin:5px;}

.dropdown_style{ background:#FFF; color:red; border:1px;}
.text_overflow_180{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:180px;}
.text_overflow_150{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:350px;}
.text_overflow_450{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:450px;}
/* cell */
.breakwords{ word-wrap: break-word;
word-break: normal;}
.fontsize-s{}
.fontbold { font-weight:bold; font-size:12px;}
.width-p100{ width:99%}
.width-p95{ width:95%}
.width-p100-big{ width:95%; height:30px; font-size:24px; margin-top:5px;}
.listbox-big{ height:30px; font-size:24px; margin-top:5px;}
.width-p80{ width:90%}
.margin-y{ margin-bottom:10px;}
.red{ color:#CD0A0A; font-size:12px; }
.red a{  text-decoration:underline;  color:#CD0A0A; }
.red a:hover{ text-decoration:none; color:#CD0A0A; }
.gray{ color:#999;}
.float_right{ float:right;}
.float_left{ float:left;}
.font_big{ font-size:14px;}
.font_big18{ font-size:18px;}
.button{ height:22px;}
.button_sub{ height:22px; font-size:11px;}
.mouse_hover{ cursor:pointer;}
.gray_bg{ background-color:#ccc;}
.mouse_over{ cursor:pointer;}
.addbutton{ margin-right:10px;}


.glink a{  text-decoration:none;  color:#0076AE;}
.glink a:hover, a:focus{ text-decoration:underline; color:#0076AE}

.null_style{ background-color: #E6E6E6; width:100%; text-align:center;}

.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-icon-info { background-position: -16px -144px; }

.search_div{width: 100%; background: #F5F5F5; border: #ddd 1px solid; line-height:35px; }
.saerch_form{margin:0px 0px 0px 15px;}
/* clearboth */
.clearboth {
	 clear:both;
}

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }

/* positioning */
.month_pre{background-position: -98px -16px;}
.month_next{background-position: -35px -16px;}

/* admin head */
.logininfo{ float:right; font-weight:normal; padding:4px 10px 0px 0px; white-space:nowrap; line-height:33px;  }
.logininfo a{ color:#395a90; }
.logininfo a:hover{ text-decoration:none;}

.admin_topbar{ background:#CCC  repeat-x; height:40px;  }
.admin_logo{background:url(images/admin_logo.gif) no-repeat; width:102px; height:25px; float:left; margin-top:7px; margin-left:5px; margin-right:20px;}
.nav_normal{  }
.nav_normal a{  width:100px; float:left; text-align:center; margin-top:5px; margin-left:5px; height:34px; line-height:34px; text-decoration:none; color:#000;  }
.nav_normal a:hover{ background:#ccc; border-top:1px solid #999; border-left:1px solid #999; border-right:1px solid #999; height:33px; line-height:33px;}
.nav_select{ background:#7C7C7C!important;  color:#F5F5F5!important; display:block; height:40px!important; line-height:40px!important;}
.nav_select a:hover{ height:40px!important; line-height:40px!important;}

.nav_normal_sub{ margin-top:10px; padding-left:30px; padding-bottom:7px; font-size:12px; border-bottom:1px solid #999; margin-bottom:5px;}
.nav_normal_sub a{ color:#395a90; margin-right:10px;} 
.nav_normal_sub a:hover{ text-decoration:none;}
.nav_select_sub{ font-weight:bold;  font-size:12px; text-decoration:none!important; color:#000!important;}

/* head */
.topbar{ background:#626262; height:40px;  }
.logo{background:url(images/logo.gif) no-repeat; width:102px; height:25px; float:left; margin-top:7px; margin-left:5px; margin-right:20px;}
.logo a { text-decoration:none;}
.logourl{ width:102px; height:25px; display:block; }
.nav_normal2{  }
.nav_normal2 a{  width:100px; float:left; text-align:center;  height:40px; line-height:40px; text-decoration:none; color:#E4E4E4;  }
.nav_normal2 a:hover{ background:#737373; color:#E4E4E4; }

.logininfo2{ float:right; font-weight:normal; color:#F5F5F5; margin:10px 15px auto auto; font-size:12px;}
.logininfo2 a{ color:#F5F5F5; }
.logininfo2 a:hover{ text-decoration:underline;}

.pagemargin { margin:0px auto 0px auto; width:99%;}
.subnav { width:98%; padding-left:20px; margin:15px auto auto 0px;}
.subnav_item ul{ }
.subnav_item li{ float:left;  }
.subnav_item li a { width:130px; display:block; height:26px; color:#999999; text-decoration:none;}
.subnav_item li a:hover { text-decoration: underline;}
.subonhover a{ color: #333 !important; font-weight:bold; font-size:13px;}


/* foot */
.foot{ background: url(images/foot_bg.jpg) repeat-x; border-top:1px solid #ccc;  bottom:0px;  height:36px; }
.wss_title { margin:0px auto auto auto; width:460px; color:#666;}
.wss_logo{ width:0px; height:27px;  }
.wss_ver{ margin-left:5px; margin-top:12px;}
.wss_ver a{ color:#666; text-decoration:none; }
.wss_ver a:hover{ text-decoration:underline;}

/********login*******/
.login_table{  padding:15px; width:300px; margin:auto auto;}
.login_input{ width:300px; height:30px; font-size:25px; border:solid 1px #ccc;}
.login_title{ font-size:30px; font-weight:bold;}
.ping_logo{ background:url(images/ping_logo.jpg) no-repeat; width:352px; height:160px; margin:auto auto;}

/********Filter Table*******/
.filter_table
{
	width:99%;

	border:#b1b5b9 1px solid;
	background:#FFF;
	margin-left:7px;
	}
.filter_table tbody td{padding:5px; border-bottom:#b1b5b9 1px solid; background-color:#F6F6F6;} 
.filter_table thead, .filter_table tfoot{ background:#e5e6e8; height:30px; text-align:left;}

.filter_table thead th{ border-bottom:#b1b5b9 1px solid; padding-left:10px; height:30px; text-align:left;}
.filter_table tfoot td{ padding-left:10px; height:30px; text-align:left;}
.filter_table a{  text-decoration:underline;  color:#395a90; font-size:12px;}
.filter_table a:hover{ text-decoration:none; color:#395a90}
.hideTr{ display:none;}

/********out of date*******/
.timeout_div{ border-bottom:1px solid #FAE4C0; height:30px; line-height:30px;}
.timeout_color a{ color:#C09853;}
.timeout_talbe{ border-top:1px solid #ccc; }
.rowood td a{ color:#395a90;text-decoration:underline;  padding-right:10px; }
.rowood td a:visited{ color:#395a90;text-decoration:underline; }
.rowood td a:hover{ color:#395a90;text-decoration:none; }
.oodtd{ height:30px; border-bottom: 1px dashed #ccc;}

/********Main Table*******/
.toptable{ width:100%; background:#000;}
.toptable tr th {  white-space:nowrap;}
.trhover_1{ background:#E9E9E9; line-height:26px; height:26px; border-right:1px solid #ccc;  border-bottom:1px solid #ccc;}

.maintable{ width:100%; border-collapse:separate;}
.maintable tr td{  line-height:26px; height:26px; white-space:nowrap; border-right:1px solid #ccc;  border-bottom:1px solid #ccc; text-align:center; }
.maintable a{  text-decoration:none;  color:#0076AE; font-weight:bold; font-size:12px;}
.maintable a:hover{ text-decoration:underline; }
.maintable a:visited{  text-decoration:none;   font-weight: normal;}


.even{ background:#E8ECF0;  } 
.trhover{ color:#000; background:#D6E5F2; }
.trhover div { }
.trhover span {}
.trhover a{ }
.trhover a:visited{ }
.trhover a:hover, .trhover span a:hover, .trhover div a:hover { }

/********list*******/
.rowcon{ width:99%; }
.rowcon td a{  padding-right:10px; }
.rowcon td a:visited{ }
.rowcon td a:hover{ }

/********input task*******/
.input_task_table
{ width:90%;}
.input_task_table_home
{ width:99%;}
.input_task_title{ font-size:12px; font-weight:bold;   width:99%; margin-top:14px;  overflow:hidden; line-height:150%;}
.input_task_submit{ display:block;  margin-top:5px; margin-right:10px;}
.input_task_submit a{ color:#395a90;text-decoration:underline;  }
.input_task_submit a:visited{ color:#395a90;text-decoration:underline; }
.input_task_submit a:hover{ color:#395a90;text-decoration:none; }
.input_task_right_bg{ background:#F3F3F3;}
.input_task_bottom_bg{ background:#ddd;}

/********view task*******/
.view_task_status {margin-left:5px; width:120px;}
.pat_task_bg { background:#FFFFE0; width:99%; border:1px solid #E6DB55; padding:5px;}
.info_task_bg { background:#F5F5F5; width:100%; border:1px solid #E6E6E6; }
.info_task_title { font-weight:bold; }

/********task log*******/
.task_log_div
{ background:#CADCEE; padding:5px; width:100%;}
.log_task_overflow{ overflow-y:auto; overflow-x: hidden; height:225px;}
.task_log_table
{ background:#E8EEF7; width:100%; margin-top:3px;}
.log_week_title{ font-size:14px; font-weight:bold; text-align:center;}
.log_week_table{ width:134px;  background:#FFF;}
.log_week_table_text{ width:133px; height:40px; border:1px #ccc solid;}
.log_week_table_text_n{ width:133px; }
.log_week_table_text1{ width:77px; }
.log_week_table_text2{ width:52px; }
.log_week_title_bg{background:#fff url(images/log_week_title.gif) no-repeat; width:132px; height:20px; text-align:center; color:#FFF; }
.log_weekend_title_bg{background:#fff url(images/log_weekend_title.gif) no-repeat; width:132px; height:20px; text-align:center;  color:#FFF; }

.remark_bg{ background: #F3F3F3; padding:8px;}
.remark_bg a{  text-decoration:underline;  color:#395a90; }
.remark_bg a:hover{ text-decoration:none; color:#395a90}
/********task list*******/
.task_title{text-align:left!important; padding-left:1px!important; }
.task_title5{text-align:left!important; padding-left:5px!important; }
.week_style{ }
.week_style_padtd{}
.weekend_style{ background: #F5F5F5; }
.weekbig_style{   line-height:26px; height:26px; border-right:1px solid #ccc;  border-bottom:1px solid #ccc; }
.weekbig_font_style{ font-size:14px; text-align:center;}
.task_weeklog_div { padding-left:220px;}
.task_weeklog_left{ width:320px; }
.task_weeklog_left a{ font-weight:normal; cursor:pointer;}
.task_weeklog_left a:hover{ text-decoration:underline; }
.task_weeklog_right {  width:3px;}
.task_weeklog_right a{ }
.icon_margen{margin-top:4px;}


/********Main Table Div*******/
.condition{ width:100%; background:#F5F5F5; border-bottom:#ccc 1px solid;}
.condition span{ margin:0px 5px; padding:5px 0px; display:block;}
.taskdiv{ width:99%; border-top:1px #ccc solid; border-left:1px #ccc solid;  margin-left:7px;}
.tasktab{ width:99%; border:1px #ccc solid;  background:#E1E1E1; margin-left:7px; }

.tasktab_height{  height:54px;}

.tasktab_bl{ width:100%; background:#D0D7DF;}
.tasktab_br{ width:1500px; max-width:1500px; }


.tbody_bl{ width:45%;  overflow: hidden;   float:left;}
.tbody_br{width:55%;   overflow-x:auto; overflow-y: hidden; background:#FFF;  *padding-bottom:16px; }

.status_title{  font-size:12px; line-height:20px; height:20px; margin-right:5px;}
.status_view{ width:150px; font-size:12px; line-height:20px; height:20px;}
.tasktab_view{ width:99%; border-top:1px #ccc solid;  border-left:1px #ccc solid;  }


/********announcement*******/
.anc_div{ margin:0px 0px 0px 0; background:#D9EDF7; padding:5px 5px 5px 20px;  color:#3A87AD; }
.anc_div a{  text-decoration:none;  color:#3A87AD; }
.anc_div a:hover{ text-decoration:underline; color:#395a90}

/********about*******/
.about_div{ padding:6px; }
.about_bg{ background:url(images/about_bg.jpg); width:401px; height:137px;}
.about_bottom{ background: url(images/about_bottom.gif) repeat-x #D4D0C8; width:396px; height:40px; padding:10px; text-align:right;}
.about_text{ height:50px;  width:396px;}
.about_text a{  text-decoration:none;  color:#395a90; }
.about_text a:hover{ text-decoration:underline; color:#395a90}

/********feature*******/
.feature01{ padding:10px 10px 20px 80px; background:url(images/feature01.gif) no-repeat;  width:80%; line-height:200%; }
.feature02{ padding:10px 10px 20px 80px; background:url(images/feature02.gif) no-repeat;  width:80%; line-height:200%; }

/********update*******/
.update_bg { background:#FBFAF3;  border:1px solid #FCEFA1; margin:25px auto; padding: 25px 0px;  text-align:center; width:65%;}

/********comment*******/
.comment_list {  border-bottom:1px dashed #cccccc; padding:5px 0px 10px 0px; }

/********tab*******/
.outline { width:300px;}
.tab ul, .tab ol{  margin:0px 0px 5px 0px; }
.tab_b{ }
.menu  {overflow:hidden; }
.menu li{ display:block; float:left; display: list-item; text-align:center; width:135px; background-color:#ffffff;line-height:40px; border-bottom:1px #cccccc solid; }
.menu li a{ display:block; color:#666666; outline:none;}
.menu_d{border-bottom:1px #FFFFFF solid;background-color:#FFFFFF; }
.tab ul li.onhover
{
background: #FFFFFF;
border-bottom:0px #FFFFFF solid;
border-right:1px #cccccc solid; border-top:1px #cccccc solid; border-left:1px #cccccc solid;
}
.tab ul li.onhover a
{
font-weight:bold;
color:#000000;
text-decoration:none;
}

/********file*******/
.icon_folder{ background:url(images/folder-horizontal.png) no-repeat; padding-left:20px; height:18px; display:block; float:left;}
.icon_file{ background:url(images/document-text.png) no-repeat; padding-left:20px;  display:block; float:left; }
.icon_word{ background:url(images/wordico.gif) no-repeat; padding-left:17px; height:18px;  margin-left:5px;}
.icon_atc{ background:url(images/iconatt.gif) no-repeat; padding-left:17px; height:18px;  margin-left:5px;}
.icon_download{ background:url(images/arrow-270-medium.png) no-repeat; padding-left:17px; height:18px; display:block; float:left; margin-left:10px;}
.file_lastupdate{display:block; float:right;}
.file_create_a{display:block; float:left; margin-right:10px;}
.file_input { width:96%;  height:30px; font-size:24px; margin-top:5px;  }

.file_input_div{ border-bottom: 1px solid #999;}
.file_margin{ margin:5px;}
.file_text_bg{ background:#F3F3F3;}
.file_text_div{ background:#fff; width:830px; border:1px solid #CCCCCC; margin:20px auto 20px auto; padding:55px;}
.file_textarea_div{  width:98%;  margin:0px auto 20px auto; }

/********setting*******/
.set_menu_bg{background:#eee;}
.set_menu_hr{ width:100%; border:1px dashed #ccc;}

.set_menu_onfocus a{ text-decoration:none; color:#fff; background: #999999; display:block; padding:3px; width:100%; }
.set_menu_onfocus a:hover{ text-decoration:none;  color:#333; background:#ccc; }

.set_menu_nofocus a{ text-decoration:none; color:#333; display:block; padding:3px; width:100%; }
.set_menu_nofocus a:hover{ text-decoration:none;  color:#333; background:#ccc; }

/********sort*******/
.sort_asc{ background:url(images/arrow_up.gif)  no-repeat right; padding-right:10px;}
.sort_desc{ background:url(images/arrow_down.gif)  no-repeat right; padding-right:10px;}

/********user rank*******/
.rank_talbe{ border:1px #CCCCCC solid; color:#666666; border-collapse:collapse; }
.iconer{ background-image: url(images/info.gif); background-repeat: no-repeat;  background-position: 0 0; height:16px; width:16px;}
.iconok{ background-image: url(images/info.gif); background-repeat: no-repeat;  background-position: 0 -16px; height:16px; width:16px;}

/********user home*******/
.userinfo{ margin-left:10px; width:200px;} 
.iconhome{ background-image: url(images/ui-icons_454545_256x240.png); background-repeat: no-repeat;  background-position: 0 -113px; height:16px; width:16px; margin:3px;}
.taskform {padding:0px; margin:0px;}
.structure { padding-top:5px; }
.newtaskdiv { padding-top:8px; padding-right:10px;}
.pagetitle { padding-top:20px; padding-left:20px;}
.input_user{ width:386px; height:26px;}
.input_user_are{ width:386px; }
.input_td_padding{ padding-top:13px;}
.gray2{ color: #666666; }