/*******************************************
 本页是对布局风格进行设置
********************************************/

/* 类似Live Mail的左边布局背景 */
#GroupLeft { float: left; width: 250px; min-height: 500px; margin-top: 10px; }

/* 中间的分隔条 */
#GroupLeft_SeparatorBar { background-image: url(../Images/Table/VSeparatorBar.png); background-repeat: repeat-y; width: 12px; height: 400px; float: left; }

/* 类似Live Mail的右边布局背景 */
#GroupBody { margin-left: 265px; min-height: 500px; }

/*****某网站类似微软的垂直导航条 ***************/
#SidebarLeft { float: left; background-image: url(../Images/Tab/SidebarLeft.png); background-repeat: no-repeat; width: 180px; min-height: 440px; }
#SidebarLeftBody { margin-left: 185px; }
#SidebarLeftBody.clear-margin-left, .clear-margin-left { margin-left: 2px !important; }
#SidebarLeft_NoBG { float: left; width: 180px; min-height: 500px; }

/* 下面是IE6 Hack */
* html #SidebarLeft { float: left; background-image: url(../Images/Tab/SidebarLeft.png); background-repeat: no-repeat; width: 180px; height: 500px; }

/* 下面是IE6 Hack */
* html #SidebarLeft_NoBG { float: left; width: 180px; height: 500px; }
#SidebarLeft .TabMenu { height: 36px; line-height: 36px; text-align: center; font-weight: bold; color: #000; display: block; width: auto; }
#SidebarLeft .TabMenuSelected { height: 36px; line-height: 36px; text-align: center; font-weight: bold; display: block; width: auto; background-image: url(../Images/Tab/SidebarLeft_Selected.png); background-repeat: no-repeat; color: #ff9000; }
#SidebarLeft .TabMenuSelected a { color: #ff9000; }
#SidebarLeft .TabMenu a { color: #282828; }

/* 顶部的标题条 */
#SidebarLeft .SidebarLeftTopInfo, .SidebarLeftTopInfo { font-weight: bold; color: #2aa6b8; text-align: center; margin-top: 10px; height: 30px; line-height: 30px; vertical-align: middle; }

/* 中间的标题条 */
#SidebarLeft .SidebarLeftSector, .SidebarLeftSector { font-weight: bold; color: #585858; text-align: left; padding-left: 20px; background: url(../Images/Icons/dot01.gif) 7px 10px; background-repeat: no-repeat; line-height: 30px; height: 30px; vertical-align: middle; }

/* 中间的标题条 */
#SidebarLeft .SidebarLeftLineContent, .SidebarLeftLineContent { color: #585858; text-align: left; margin: 8px 0px 8px 10px; line-height: 18px; overflow: hidden; width: 150px; cursor: pointer; display: block; word-break: break-all; word-wrap: break-word; padding: 2px 2px 2px 8px; }
#SidebarLeft .SidebarLeftLineSelected, .SidebarLeftLineSelected { text-align: left; margin: 8px 0px 8px 10px; line-height: 18px; overflow: hidden; width: 150px; cursor: pointer; display: block; background-color: #FFFCD1; border: solid 1px #FDDF82; padding: 1px 1px 1px 7px; word-break: break-all; word-wrap: break-word; }
#SidebarLeft .SidebarLeftLineSelected a, .SidebarLeftLineSelected a { color: Black; }

.Tag { height: 25px; line-height: 24px; vertical-align: middle; width: 78px; background-image: url(../Images/Button/CurrentBg.png); background-repeat: no-repeat; text-indent: 10px; float: left; }
.Title { height: 20px; line-height: 20px; vertical-align: middle; text-indent: 15px; float: left; width: 400px; padding-top: 2px; margin-left: -5px; }

/***** 项目计划 导入导出 左侧垂直导航 start ****************/
#SidebarLeftImportExport { float: left; background-color: #fff; width: 170px; min-height: 500px; }
.ImportExportButton_Selected { background-image: url(../Images/Button/CurrentBG2.png); background-repeat: no-repeat; background-position: center center; color: #000; font-weight: bold; height: 25px; width: 112px; display: block; text-align: center; line-height: 25px; vertical-align: middle; margin-top: 5px; margin-bottom: 5px; }
.ImportExportButton { color: #000; height: 25px; width: 112px; display: block; text-align: center; line-height: 25px; vertical-align: middle; margin-top: 5px; margin-bottom: 5px; }

/***** 导入导出 左侧垂直导航 end ****************/

/* 另外一种左边Tab，右边内容的布局 */
#TabBarLeft { float: left; width: 130px; height: 430px; padding-top: 10px; text-align: right; border-right: solid 1px #CBD6DC; overflow: auto; }
#TabBarLeftBody { margin-left: 135px; }


/*******显示/隐藏的图标 **************/
.imgshow { float: right; cursor: pointer; height: 15px; width: 15px; background: url(../Images/icons/ShowDetails.png); background-repeat: no-repeat; margin-top: 8px; margin-right: 10px; }
.imghidden { float: right; cursor: pointer; height: 15px; width: 15px; background: url(../Images/icons/HideDetails.png); background-repeat: no-repeat; margin-top: 8px; margin-right: 10px; }

/* 流程页面上端放置按钮或者标题的区域 */
.PageTopBar { width: 98%; height: 32px; line-height: 32px; vertical-align: middle; overflow: hidden; }
.PageTopBar .Left { float: left; height: 32px; line-height: 32px; vertical-align: middle; }
.PageTopBar .Right { float: right; height: 32px; line-height: 32px; vertical-align: middle; }
.PageTopBar .Current { height: 25px; line-height: 24px; vertical-align: middle; width: 90px; background-image: url(../Images/Button/CurrentBg.png); background-repeat: no-repeat; text-indent: 10px; float: left; margin-left: 10px; margin-top: 2px; }

/*
* 显示当前项目、当前状态的CSS
* 去掉背景色和边框。
*/
.CurrentStatus { height: 25px; line-height: 25px; vertical-align: middle; margin: 0 auto; /* overflow: hidden; 这里去掉的原因：点击当前项目能够显示所有弹出框，这个弹出框是绝对定位，不能超出后隐藏。 */ /* border:solid 1px #ebcc4e;       background-color:#fdfcec;     */ border-left: solid 0px; margin-top: 5px; }
.CurrentStatus .Current { height: 25px; line-height: 24px; vertical-align: middle; width: 78px; background-image: url(../Images/Button/CurrentBg.png); background-repeat: no-repeat; float: left; text-indent: 10px; position: relative; }
.CurrentStatus .CurrentDropdown { text-indent: 6px; }
.CurrentStatus .Current .DropdownProjects { display: block; position: absolute; background: url(../Images/Icons/ShowDetails.png) no-repeat; width: 15px; height: 15px; right: 6px; top: 4px; cursor: pointer; }
.CurrentStatus .Current .ProjectTreeContainer { display: none; position: absolute; left: 0px; top: 24px; width: 500px; border: 1px solid #EBCC4D; background-color: white; z-index: 100; }
.CurrentStatus .Current .ProjectTreeContainer .conditions { background-color: #feffb9; padding: 3px; border-bottom: 1px solid #EBCC4D; }
.CurrentStatus .Current .ProjectTreeContainer .tree { min-height: 200px; max-height: 300px; overflow-x: hidden; overflow-y: auto; }
.CurrentStatus .Title { text-indent: 15px; float: left; width: auto; }

/**** 去掉浮动 ******/
.Clear { clear: both; }

/******** 分页 *************/
.Pager { margin-top: 20px; height: 25px; width: 300px; margin: 0 auto; }

/* 放置项目倒计时内容 */
#ToFinishedDays { position: absolute; right: 30px; top: 130px; height: 35px; line-height: 40px; vertical-align: middle; font-size: 130%; text-align: center; z-index: 20; /** 下面是修正IE6下Plan页面的Toolbar不能固定的问题 ****/ _top: expression(document.documentElement.scrollTop + 130); _position: absolute; /**** IE6 END ****/ }


/*-----------------------------------------------------------------------------------------------------------
    新这里设置一些布局样式（包括全局，页面顶栏，条件栏，固定栏，查询页面，里程碑，一些定制页面布局等）
-------------------------------------------------------------------------------------------------------------*/
/*content_body模块（含内容左右布局）*/
.content_body { padding: 5px 7px 7px 7px; overflow: hidden; }
.left_menu { width: 190px; overflow: hidden; float: left; }
.right_content { margin-left: 210px; }

/* 项目首页模块 */
.project_home { overflow: hidden; padding: 5px; }
.project_home .project_left { width: 75%; float: left; overflow: hidden; }
.project_home .project_right { width: 24.5%; float: right; overflow: hidden; }
.grey_container { overflow: hidden; margin-top: 20px; margin-bottom: 20px; border: 1px solid #ddd; border-radius: 5px; }
.grey_container h3 { height: 30px; line-height: 30px; background: url(../images/icons/header_left_bg.png) 4px center no-repeat; text-indent: 1em; font-weight: bold; padding: 2px 5px; color: #666; }
.grey_container h3 a { float: right; color: #09A3DC; padding-right: 8px; font-weight: normal; }
.grey_content { padding: 3px; overflow: hidden; }
.grey_content strong { height: 30px; line-height: 30px; padding-left: 14px; color: #0e90d2; display: block; }
.grey_noborder { border: none; }

.grey_footer { overflow: hidden; }
.grey_footer a { float: right; color: #09A3DC; padding-right: 15px; font-weight: normal; line-height: 40px; }
.grey_logo { position: absolute; top: 5px; right: 10px; overflow: hidden; }
.grey_logo img { max-width: 50px; _width: expression(this.width > 50 ? "50px" : this.width); }
.grey_word { position: absolute; top: 15px; right: 15px; overflow: hidden; font-weight: bold; }
.grey_header { font-weight: bold; background: #fff; position: absolute; top: -15px; left: 10px; font-size: 14px; padding: 5px 10px; }
.grey_header .grey_closed { margin-left: 5px; }

.sys_view { width: 373px; float: left; position: relative; margin-right: 13px; margin-top: 10px; overflow: inherit !important; }
.sys_view .grey_content .column_group dl dd { width: 264px; height: 24px; overflow: hidden; text-overflow: ellipsis; display: block; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-all; white-space: nowrap; }
.dd_technologies { width: 230px !important; }
.textout_omission { width: 287px; overflow: hidden; text-overflow: ellipsis; display: block; -webkit-box-orient: vertical; -webkit-line-clamp: 2 !important; word-break: break-all; white-space: nowrap; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .sys_view .grey_content .column_group dl dd { width: 264px; height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-all; white-space: normal; }
    .textout_omission { width: 287px; height: 50px !important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 !important; word-break: break-all; white-space: normal; }
}

/* progress模块（进度条） */
.progress_overview { background: #fff; margin-top: 5px; display: block; border: 1px solid #f5f5f5; border-radius: 4px; overflow: hidden; position: relative; }
.progress_overview .current_progress, .progress_overview .plan_progress, .progress_date { position: relative; height: 18px; line-height: 18px; display: block; overflow: hidden; }
.progress_overview { background: #f9f9f9; }
.progress_overview .current_progress { border-bottom: 1px solid #f0f0f0; margin-bottom: -1px; }
.progress_overview .bar_left { background: #FFB980; height: 18px; line-height: 18px; display: block; float: left; color: #333; text-align: left; text-indent: 0.5em; position: relative; }
.progress_overview .bar_left font { position: absolute; left: 2px; top: 0px; display: block; width: 110px; }
.progress_overview .bar_right { position: absolute; width: 105px; right: 1px; top: 0px; }
.plan_progress .bar_left { background: #B5E9F5; }
.progress_date { padding: 0px 5px; height: 48px; }
.progress_date .date_left, .progress_date .date_right { display: block; float: left; color: #333; text-align: center; height: 48px; overflow: hidden; }
.progress_date .date_right { float: right; }
.progress_date .date_left i, .progress_date .date_right i { display: block; font-size: 18px; }
.progress_date .date_left i { text-align: left; margin-left: 1px; }
.progress_date .date_right i { text-align: right; margin-right: 1px; }

/* milestoneæ 里程碑*/
/*竖着的里程碑*/
.milestone_vertical, .version_management { padding: 10px; overflow: hidden; }
.milestone_vertical .milestone_vertical_notpassed, .milestone_vertical .milestone_vertical_passed { padding-left: 30px; padding-top: 9px; background: url(../images/icons/milestone_vertical.png) 0px 0px no-repeat; height: 100px; overflow: hidden; }
.milestone_vertical .milestone_vertical_passed { background: url(../images/icons/milestone_vertical.png) 0px -111px no-repeat; }
.milestone_vertical dl dt, .version_management dl dt { font-size: 100%; overflow: hidden; padding: 0px 5px; font-weight: bold; }
.milestone_vertical dl dt img, .version_management dl dt img { vertical-align: middle; }

/*横着的里程碑*/
.milestone_horizontal { padding: 10px; overflow: hidden; min-height: 112px; }
.milestone_horizontal dl dt { margin-bottom: 35px; text-align: center; height: 32px; padding: 0px 5px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all; }
.milestone_horizontal dl dd { text-align: center; }
.milestone_short dl dd { text-align: left; margin-left: 10px; }
.milestone_horizontal dl dt img { vertical-align: middle; }



.milestone_horizontal_grey, .milestone_horizontal_hollowYellow, .milestone_horizontal_hollowRed, .milestone_horizontal_hollowGreen, .milestone_horizontal_green, .milestone_horizontal_yellow, .milestone_horizontal_red, .milestone_horizontal_orange, .milestone_horizontal_hollowOrange { width: 177px; overflow: hidden; float: left; background: url(../images/icons/mileston_horizontal.png) 0px 35px no-repeat; display: inline-block; text-align: center; margin-bottom: 30px; }
.milestone_horizontal_hollowYellow { background: url(../images/icons/mileston_horizontal.png) -97px 35px no-repeat; }
.milestone_horizontal_hollowRed { background: url(../images/icons/mileston_horizontal.png) -194px 35px no-repeat; }
.milestone_horizontal_hollowGreen { background: url(../images/icons/mileston_horizontal.png) -291px 35px no-repeat; }
.milestone_horizontal_green { background: url(../images/icons/mileston_horizontal.png) -388px 35px no-repeat; }
.milestone_horizontal_yellow { background: url(../images/icons/mileston_horizontal.png) -485px 35px no-repeat; }
.milestone_horizontal_red { background: url(../images/icons/mileston_horizontal.png) -583px 35px no-repeat; }
.milestone_horizontal_hollowOrange { background: url(../images/icons/mileston_horizontal.png) -680px 35px no-repeat; }
.milestone_horizontal_orange { background: url(../images/icons/mileston_horizontal.png) -777px 35px no-repeat; }

.milestone_short .milestone_horizontal_grey, .milestone_short .milestone_horizontal_hollowYellow, .milestone_short .milestone_horizontal_hollowRed, .milestone_short .milestone_horizontal_hollowGreen, .milestone_short .milestone_horizontal_green, .milestone_short .milestone_horizontal_yellow, .milestone_short .milestone_horizontal_red, .milestone_short .milestone_horizontal_orange, .milestone_short .milestone_horizontal_hollowOrange { width: 127px; background: url(../images/icons/mileston_horizontal.png) -25px 35px no-repeat; }
.milestone_short .milestone_horizontal_hollowYellow { background: url(../images/icons/mileston_horizontal.png) -122px 35px no-repeat; }
.milestone_short .milestone_horizontal_hollowRed { background: url(../images/icons/mileston_horizontal.png) -219px 35px no-repeat; }
.milestone_short .milestone_horizontal_hollowGreen { background: url(../images/icons/mileston_horizontal.png) -316px 35px no-repeat; }
.milestone_short .milestone_horizontal_green { background: url(../images/icons/mileston_horizontal.png) -412px 35px no-repeat; }
.milestone_short .milestone_horizontal_yellow { background: url(../images/icons/mileston_horizontal.png) -509px 35px no-repeat; }
.milestone_short .milestone_horizontal_red { background: url(../images/icons/mileston_horizontal.png) -606px 35px no-repeat; }
.milestone_short .milestone_horizontal_hollowOrange { background: url(../images/icons/mileston_horizontal.png) -703px 35px no-repeat; }
.milestone_short .milestone_horizontal_orange { background: url(../images/icons/mileston_horizontal.png) -800px 35px no-repeat; }


.left_navtab { width: 190px; border: 1px solid #E5E5E5; border-radius: 5px; overflow: hidden; border-bottom: none; }
.left_navtab, .left_navtab ul { width: 188px; overflow: hidden; }
.left_navtab h3 { height: 35px; line-height: 35px; color: #999; border-bottom: 1px solid #E5E5E5; overflow: hidden; font-size: 120%; text-indent: 1em; }
.left_navtab ul li { cursor: pointer; border-bottom: 1px solid #E5E5E5; overflow: hidden; display: block; }
.left_navtab ul li a { padding: 6px 14px; display: block; color: #0088C0; font-size: 100%; text-align: left; background: url(../Images/Icons/left_navtab_bg.png) right -61px no-repeat; }
.left_navtab ul a:hover { background: url(../Images/Icons/left_navtab_bg.png) right 0px no-repeat #E5E5E5; color: #0088C0; }
.left_navtab ul .selected, .left_navtab ul .selected a, .left_navtab ul .selected a:hover { background: url(../Images/Icons/left_navtab_bg.png) right -29px no-repeat #3994d2 !important; }
.left_navtab ul .selected a, .left_navtab ul .selected a:hover { color: #fff !important; font-weight: bold; }
.left_navtab ul li a.selected { color: #fff !important; font-weight: bold; }

/* content_body模块（不含内容左右布局） */
.column_body { overflow: hidden; padding: 5px; }
.left_column { min-width: 180px; max-width: 230px; position: relative; border: 1px solid #E5E5E5; border-radius: 5px; float: left; overflow: hidden; padding-top: 6px; min-height: 350px; margin-bottom: 50px; margin-top: 5px; }
.left_column h3 { text-overflow: ellipsis; width: 95%; white-space: nowrap; padding: 0px 5px; height: 30px; line-height: 22px; color: #999; font-size: 120%; text-align: center; border-bottom: 1px solid #E5E5E5; overflow: hidden; min-width: 180px; max-width: 330px; }
.right_column { margin-left: 190px; padding-left: 5px; margin-top: 5px; overflow: hidden; min-height: 300px; }
.left_column_content { overflow-x: auto; overflow-y: hidden; max-width: 330px; padding: 5px 10px; }
.left_column_calendar { width: 230px !important; border: none !important; margin-right: 10px; }
.left_column h4 { font-weight: bold; color: #585858; text-align: left; padding-left: 20px; background: url(../Images/Icons/dot01.gif) 7px 10px; background-repeat: no-repeat; line-height: 30px; height: 30px; vertical-align: middle; }

/*column_group*/
.column_group { overflow: hidden; }
.column_group_line { overflow: hidden; line-height: 24px; margin-top: 3px; }
.column_group_line dt { width: 80px; float: left; color: #5d5d5d; font-weight: bold; text-align: right; }
.column_group_line dd { margin-left: 85px; line-height: 24px; margin-right: 5px; }
.long_column dt { width: 96px; }
.long_column dd { margin-left: 100px; }

.wechat_column .column_group_line dt { width: 100px; }
.wechat_column .column_group_line dd { margin-left: 105px; }


/* classify模块（分类布局） */
.classify_container, .classify { width: 100%; overflow: hidden; }
.classify { padding-bottom: 8px; }
.classify h3 { height: 30px; line-height: 30px; overflow: hidden; font-size: 14px; font-weight: bold; }
.classify ul, .classify .classify_content { width: 95%; padding-left: 20px; overflow: hidden; border-bottom: 1px dotted #ccc; padding-bottom: 15px; margin-bottom: 5px; }
.classify ul input { vertical-align: middle; margin-right: 3px; margin-bottom: 3px; *margin-bottom: 2px; vertical-align: middle; }
.classify ul li { line-height: 24px; overflow: hidden; }
.classify ul li select { border: 1px solid #ccc; margin-left: 5px; }
.classify ul li table { display: inline-block; vertical-align: middle; *display: inline; }
.classify .classify_item { margin-bottom: 5px; overflow: hidden; margin-left: 10px; }
.classify .classify_item input[type="checkbox"], .classify .classify_item label { float: left; }
.classify .classify_item input[type="checkbox"] { margin-top: 2px; margin-right: 3px; }

/*模块配置*/
.isChildren, .isVendorManageChildren, .isWorkCoordinationChildren, .isBudgetCostChildren { margin-left: 26px !important; }

/* common_bar /condition_bar(公共栏，条件栏) */
.common_bar { text-align: center; height: 32px; line-height: 32px; margin: 3px 0px; line-height: 22px\0; }
.left_bar div, .right_bar div, .center_bar div { margin: 0px 5px; float: left; height: 32px; }
.left_bar { float: left; }
.right_bar { float: right; }
.common_bar .center_bar { display: inline-block; margin-top: 0px;}
.center_bar { text-align: center; margin: 5px;}
.center_bar div, .center_bar a { margin: 0px 15px; }
.center_bar strong { display: inline-block; text-overflow: ellipsis; overflow: hidden; width: 550px; white-space: nowrap; }
.left_bar input, .left_bar label, .left_bar img, .right_bar input, .right_bar label, .right_bar img, .center_bar input, .center_bar label, .center_bar img { vertical-align: middle; margin-right: 3px; }
.left_bar select, .right_bar select, .center_bar select { margin-top: 3px; *margin-bottom: 1px; }
.left_bar a img, .right_bar a img, .center_bar img { float: left; margin-top: 7px; }
.condition_bar { height: 32px; line-height: 32px; border: 1px solid #fff; background: #fff; padding: 3px 5px; text-align: center; margin: 3px 0px; }
.long_bar { height: auto !important; text-align: left; min-height: 32px; margin: 0px; padding: 0px; }
.long_bar div { height: auto !important; }
.summary_info { background: #FEFEE8; border: 1px solid #FEE27D; }
.summary_info div { font-weight: bold; margin: 0px 15px 0px 5px; }

/*mutiple_bar 多行条*/
.mutiple_bar { min-height: 30px; line-height: 30px; overflow: hidden; margin: 3px 0px; }
.mutiple_bar div { float: left; margin: 0px 5px; }

/*work_fixed_bar模块（固定栏，用于工作总览）*/
.work_fixed_bar { border: solid 1px #ccc; border-radius: 3px; background: #eee; position: fixed; bottom: 30px; width: 100%; z-index: 9999; right: 0px; }
.work_fixed_bar .fixed_right_content dd, .work_fixed_bar .fixed_left_content dd { height: 32px; line-height: 32px; padding: 0px 4px; overflow: hidden; float: left; }
.work_fixed_bar .fixed_left_content { float: left; height: 32px; }
.work_fixed_bar .fixed_right_content { float: right; height: 32px; }

/*project_select_bar模块*/
.project_select_bar, .project_left_content { overflow: hidden; height: 30px; }
.project_select_bar .project_left_content, .project_select_bar .project_right_content { float: left; overflow: hidden; display: inline-block; display: inline; zoom: 1; }
.project_left_content dt, .project_left_content dd { float: left; height: 30px; line-height: 30px; overflow: hidden; }
.project_left_content dt { width: 78px; font-size: 120%; text-align: center; background: url(../Images/Button/CurrentBg.png) center center no-repeat; }
.project_left_content dd { padding-left: 8px; }
.project_left_content dd a { color: #3994d2; }
.project_left_content dd input { vertical-align: middle; }

/* function_list模块（功能列表）*/
.function_list { overflow: hidden; }
.function_list dt { height: 24px; line-height: 24px; overflow: hidden; font-size: 120%; font-weight: bold; }
.function_list dd { font-size: 100%; padding-left: 2em; }

/* query分类模块（查询页面布局） */
.userids { display: none; }
.query_container { overflow: hidden; margin: 3px; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; border: 1px solid #ddd; }
.query_container h3 { height: 28px; line-height: 28px; background: #F7F7F7; padding: 0 8px; font-size: 110%; color: #333; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; position: relative; }
.query_container h3:hover { background: #eee; }
.query_container h3 span { position: absolute; right: 0; top: 0; cursor: pointer; padding: 8px 12px; display: inline-flex; }
.query_condition { overflow: hidden; padding: 10px 10px 0 10px; }
.query_condition a { color: #005AA0; font-size: 100%; }
.query_container .selected_condition, .query_container .query_list, .query_container .query_filter { overflow: hidden; border-bottom: 1px dotted #ccc; padding: 1px 1px; position: relative; position: relative; }
.query_container .selected_condition { border-bottom: none; padding-right: 130px; }
.query_container .selected_condition span.conditiontext, .query_container .query_list dt, .query_container .query_filter dt { float: left; font-size: 100%; height: 30px; line-height: 30px; width: 95px; text-align: right; }
.query_container .query_list dt { height: 23px; line-height: 23px; padding: 0 1px; }
.query_container .selected_condition span.conditiontext, .query_container .query_filter dt { font-weight: bold; }
.query_container .selected_condition span.conditioncontent { display: block; overflow: hidden; }
.query_container .selected_condition span.conditioncontent, .query_container .query_list dd, .query_container .query_filter dd { min-height: 25px; margin-left: 65px; padding-right: 40px; }
.query_container .selected_condition span.conditioncontent div { float: left; margin: 3px 5px; overflow: hidden; color: #666; padding: 3px 3px; cursor: pointer; border: 1px solid #ddd; }
.query_container .query_filter dd div { float: left; margin: 3px 5px; overflow: hidden; color: #666; padding: 3px 3px; cursor: pointer; }
.query_container .query_filter dd div:hover, .query_container .query_filter dd div.hover { padding: 2px 2px; border: 1px solid #fdda77; background: #fcf8dd; }
.query_container .selected_condition span.conditioncontent div:hover { border: 1px solid #ccc; }
.query_container .selected_condition span.conditioncontent div img, .query_container .query_filter dd div img, .query_container .query_list div img { margin-left: 5px; }
.query_container .selected_condition span.conditioncontent div span { color: #f00; }
.query_container .query_filter dd div strong, .query_container .query_list dd div a { color: #096eb3; }
.query_container .query_list dd div { color: #005AA0; padding: 0 3px; float: left; white-space: nowrap; overflow: hidden; height: 23px; line-height: 25px; }
.query_container .query_list dd div a { margin-right: 10px; display: inline-block; }
.query_container .query_list dd .selected a { background: #3cc3f5; color: #fff; padding: 0 3px; border-radius: 2px; height: 20px; line-height: 22px; margin-top: 3px; }
.query_container .query_list dd div a:hover { color: #f00; }
.query_container .query_list dd div input { margin-top: 2px; }
.query_container .query_list dd div input[type="text"], query_container .query_list dd div span { width: 200px; height: 18px; line-height: 18px; padding: 0px 5px; border: 1px solid #ccc; vertical-align: middle; float: left; }
.query_container .query_list dd div input[type="button"], .popup_button a { width: 50px; height: 21px; line-height: 21px; text-align: center; color: #336699; display: block; cursor: pointer; border-radius: 3px; border: 1px solid #ddd; background: #f7f7f7; }
.query_container .query_list dd div input[type="checkbox"] { margin-top: 7px; *margin-top: 3px; float: left; margin-right: 3px; }
.query_container .query_list .percentage { width: 70px !important; }
.query_container .query_list .datepickerrange { width: 150px !important; }
.query_container .query_list dd div em, .query_container .query_list dd div span { color: #999; text-align: center; overflow: hidden; padding-right: 3px; float: left; }
.multiple { position: absolute; width: 40px; height: 20px !important; line-height: 20px !important; top: 3px; right: 5px; background: url(../Images/icons/select_more_bg.gif) left center no-repeat #f7f7f7; color: #096eb3; text-align: right; padding-right: 5px; cursor: pointer; border-radius: 3px; border: 1px solid #ddd; }
.multiple:hover { border: 1px solid #ccc; }
.query_container .attr_select { border: 1px solid #fdda77; background: #fcf8dd; position: relative; z-index: 1; margin: -1px 0px; }
.display_attr, .hidden_attr { text-align: center; border-top: 1px solid #ddd; }
.display_attr span, .hidden_attr span { border: 1px solid #ddd; color: #333; cursor: pointer; height: 24px; line-height: 24px; overflow: hidden; background: url(../Images/more_info_bg.png) right 8px no-repeat #fff; padding: 0px 20px 0px 15px; display: inline-block; z-index: 999; text-align: center; margin-top: -1px; border-top: none; }
.hidden_attr span { background: url(../Images/more_info_bg.png) right -19px no-repeat #fff; }
.save_condition { position: absolute; right: 5px; top: 0px; }
.save_condition a { height: 26px; line-height: 26px; display: inline-block; overflow: hidden; text-align: center; margin: 3px 10px; border: none; cursor: pointer; }
.save_condition a:hover { color: dodgerblue; }

.popup_button { text-align: center; overflow: hidden; }
.popup_button a { margin: 5px; display: inline-block; }

/*项目查询过滤弹出框样式*/
.sortable { list-style-type: none; margin: 0px 5px; padding: 5px; border: 1px solid #eee; width: 175px; float: left; overflow: hidden; }
.sortable li { margin: 2px; padding: 5px; width: 161px; cursor: pointer; }
.sortable .ui-state-hide { background: #fbec88; color: #363636; }
.sortable .ui-state-default {#237ab5; background: #3994d2; color: #fff; }
.sortable .ui-state-disabled { opacity: .7; filter: alpha(opacity=50); }

/* baidu edit样式 */
.list-paddingleft-2 { padding-left: 30px; }

/*合同配置样式*/
.contract_allocation { overflow: hidden; position: relative; min-height: 30px; }
.contract_allocation .list { overflow: hidden; display: block; float: left; padding-right: 40px; }
.contract_allocation .edit { display: block; padding: 3px 5px; position: absolute; top: 2px; right: 5px; }
.contract_allocation .list span { height: 24px; line-height: 24px; overflow: hidden; float: left; display: inline-block; min-width: 78px; }
.contract_allocation .list span { vertical-align: middle; }
.contract_allocation .list span .name { float: none; display: inline; padding: 0px; }

/* input_select_space 模块 */
.input_select_space { overflow: hidden; }
.input_select_space label, .input_select_space select, .input_select_space input { float: left; margin-left: 8px; vertical-align: middle; height: 21px; line-height: 21px; overflow: hidden; }
.input_select_space label { margin-left: 2px; }
.input_select_space input[type="text"] { border: 1px solid #ccc; height: 19px; margin-left: 2px; }
.input_select_space table tr { float: left; }

/* bbs_list模块（论坛列表布局）*/
.bbs_list { overflow: hidden; }
.bbs_list dt { height: 24px; line-height: 26px; overflow: hidden; font-size: 120%; font-weight: bold; color: #999; padding-left: 1.5em; background: url(../Images/Icons/Online.png) left center no-repeat; font-weight: normal; font-size: 100%; margin-top: 10px; }
.bbs_list dt span { padding-left: 5px; }
.bbs_list dd { font-size: 100%; padding-left: 1.5em; padding-top: 5px; padding-bottom: 5px; color: #333; line-height: 24px; min-height: 40px; border-bottom: dotted 1px gray; }

/* project_status_bar模块 */
.project_status_bar { overflow: hidden; padding: 2px 5px; background: #fbfbfb; border: 1px solid #ddd; border-radius: 3px; }
.project_status_bar dt { width: 60px; float: left; height: 26px; line-height: 26px; }
.project_status_bar dd { margin-left: 60px; overflow: hidden; }
.project_status_bar dd div { float: left; padding: 5px; }
.project_status_bar dd div input { float: left; margin-right: 3px; margin-top: 2px; }

/* document模块（） */
.document { width: 970px; overflow: hidden; padding-left: 10px; }
.document h2 { width: 970px; height: 32px; overflow: hidden; margin: 12px 0px; text-align: center; height: 32px; line-height: 32px; color: #336699; font-size: 18px; }
.document h2 a { width: 58px; height: 32px; background: url(../Images/Button/GoBack.png) center center no-repeat; text-indent: 12px; color: #fff; font-size: 14px; font-weight: bold; display: inline-block; line-height: 30px; float: left; }
.document_content { width: 970px; height: 550px; overflow: hidden; }

.comment { width: 265px; overflow: hidden; padding: 5px 10px; border: 1px solid #ccc; background: #f3f8fe; position: fixed; right: 0px; top: 55px; overflow: hidden; z-index: 999; height: 540px; }
.comment .submit input:hover { opacity: 0.8; filter: alpha(opacity=80); }
.comment h3 { width: 265px; height: 24px; line-height: 24px; overflow: hidden; font-size: 14px; }
.comment ul { width: 265px; overflow-y: auto; overflow-x: hidden; max-height: 340px; margin: 10px 0px; min-height: 50px; }
.comment ul li { width: 225px; line-height: 20px; overflow: hidden; margin-top: 5px; padding-left: 20px; background: url(../Images/Icons/comment_messge.jpg) left 3px no-repeat; word-break: break-all; word-wrap: break-word; }
.comment ul li span { padding-left: 10px; color: #999; height: 20px; line-height: 20px; overflow: hidden; }
.comment ul li a { color: #333; overflow: hidden; line-height: 20px; }
.comment ul li a:hover { color: #3383b6; }
.comment ul li img { vertical-align: middle; cursor: pointer; }
.comment dl { width: 265px; overflow: hidden; }
.comment dl dt, .comment dl dd { float: left; }
.comment dl dt { margin: 8px 0px; }
.comment dl dd textarea { width: 245px; height: 75px; overflow: hidden; border: 1px solid #ccc; }
.comment .submit { width: 245px; overflow: hidden; margin-top: 10px; }
.comment .submit a { color: #3383b6; float: right; margin-top: 10px; padding-left: 30px; }
.comment .submit input { width: 50px; height: 25px; line-height: 25px; background: #288ed4; border-radius: 3px; border: none; color: #fff; text-align: center; cursor: pointer; font-weight: bold; float: right; }
.comment_hide { display: none; }

/*task_board模块（任务看板样式）*/
.task_board { width: 100%; overflow: hidden; overflow-x: auto; white-space: nowrap; }
.task_board h3 { height: 30px; line-height: 30px; background: #f9f9f7; position: relative; font-weight: bold; color: #666; font-size: 110%; border-radius: 5px 5px 0px 0px; border-bottom: solid 1px #e1e1e1; }
.task_board h3 img { float: left; margin: 6px 5px 0px 7px; }
.task_board .board_content { /*float: left;*/ width: 19.3%; margin: 2px; /*border-radius: 5px;*/ border: 1px solid #e5e5e5; display: inline-block; /*overflow: hidden;*/ }
.task_board .board_content .task_list { overflow: auto; height: 430px; margin-bottom: -1px; background: #f9f9f7; width: 100%; }
/*.task_board .board_content .task_list div{font-size:14px; overflow:hidden; border-bottom:1px solid #eee;}*/
.task_board .board_content .task_list div a { color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.task_board .board_content .task_list div a img { margin-top: 4px; float: left; margin-right: 2px; }
.task_board .board_content > h3 > .title { max-width: 110px; overflow: hidden; display: inline-flex; }
.task_board .board_content .task_list .open { color: #3994d2; overflow: visible; }
.task_board .board_content .task_list .open:hover { color: #37adfc; }
.task_board .board_content .task_list.ordering { position: relative; overflow: hidden; }
.task_board .board_content .task_list > .disable_sortable { z-index: 1; position: absolute; background-color: gray; opacity: 0.3; color: #fff; font-size: 30px; text-align: center; padding-top: 110px; }
.task_style { position: relative; padding: 3px 5px 3px 0px; height: 70px; border-bottom: solid 1px #e1e1e1; border-top: solid 1px #fff; background: #fff; min-height: 20px; line-height: 20px; cursor: pointer; }
.task_style.task-selected { background: #eee; }
.task_style.task_disable { /*cursor: not-allowed;*/ }

.task_list .task_style .tasks_title { padding: 2px 10px; font-size: 14px; overflow: hidden; }
.task_list .task_style .tasks_title > a.title { width: 88%; float: left; overflow: hidden !important; height: 18px; text-overflow: ellipsis; }
.task_list .task_style .tasks_title div a.fa { color: #808080; padding-left: 2px; /*line-height: 12px;*/ }
.task_list .task_style .tasks_title > .title_tools { float: right; }
.task_list .task_style .tasks_title > .title_tools > span { color: #808080; overflow: hidden; margin: 0px; font-size: 11px; }
.task_list .task_style .tasks_title > .title_tools > a.edit_info { display: block; text-align: center; width: 30px; }
.task_list .task_style .tasks_title > .subtitle { font-size: 12px; }
.task_list .task_style .tasks_title > .subtitle > div { color: #C1C1C1; float: left; overflow: hidden !important; white-space: nowrap; text-overflow: ellipsis; }
.task_list .task_style .tasks_content { padding: 2px 10px; font-size: 11px; }
.task_list .task_style .tasks_content p { color: #808080; overflow: hidden; margin: 0px; line-height: 18px; font-size: 11px; white-space: nowrap; }

.task_list .task_style .tasks_content .task_date { padding: 1px 0px; line-height: 18px; border-radius: 3px; -webkit-text-size-adjust: none; font-size: 11px; display: inline-block; overflow: visible; }
.task_list .task_style .tasks_content .task_info { width: 27px; height: 27px; }
.task_info_text { text-align: center; overflow: hidden; display: inline-block; zoom: 1; vertical-align: middle; background: #e7e7df; font-size: 16px; height: 30px; width: 30px; line-height: 30px; border-radius: 50%; color: #d84c31; text-shadow: transparent 0 0 0; }

.sortable-up { cursor: -moz-grabbing; cursor: -webkit-grabbing; cursor: grabbing; shadow: 3px #333; -webkit-box-shadow: none; box-shadow: none; -webkit-box-shadow: 0 0 3px #eee,inset 0 0 3px #fff; box-shadow: 0 0 3px #eee,inset 0 0 3px #fff; -webkit-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg); border: solid 1px #e1e1e1; }
.sortable-up a { cursor: -moz-grabbing; cursor: -webkit-grabbing; cursor: grabbing; }

.css_rdList { margin-left: -7px; }
.css_rdList label, .css_rdList input[type="radio"] { float: left; }
.css_rdList input[type="radio"] { margin: 7px 1px 0px 5px; }

/* messge模块（信息布局） */
.messge { overflow: hidden; padding: 5px 0px 0px 5px; border-bottom: 1px dashed #ccc; }
.messge h3 { line-height: 30px; font-size: 14px; overflow: hidden; }
.messge h3 span { color: #999; }
.messge ul { padding-left: 30px; overflow: hidden; }
.messge ul li { line-height: 20px; overflow: hidden; margin-top: 5px; padding-left: 20px; background: url(../Images/Icons/comment_messge.jpg) left 3px no-repeat; word-break: break-all; word-wrap: break-word; }
.messge ul li span { padding-left: 10px; color: #999; height: 20px; line-height: 20px; overflow: hidden; }
.messge ul li a { color: #333; overflow: hidden; line-height: 20px; }
.messge ul li a:hover { color: #3383b6; }
.messge ul li img { vertical-align: middle; cursor: pointer; }

/*选择报工条目*/
.Bgtm_List { overflow: hidden; padding: 10px 5px; }
.Bgtm_List label { float: left; font-size: 12px; margin: 0px 1px; }
.Bgtm_List span, .Xmgl_select span { display: inline-block; font-size: 12px; float: right; margin-left: 3px; }
.Bgtm_List label input, .Bgtm_List span input { margin-top: 2px; float: left; margin-right: 3px; }

.Xmgl_select span { float: left; margin: 2px 5px 0px 10px; }
.objects_tree { border: 1px solid #ddd; margin: 3px 5px; overflow: auto; height: 355px; }
.objects_tree ul li { padding: 2px 0px; }

/*role_container*/
.role_container { overflow: hidden; -webkit-user-select: none; user-select: none; }
.choose_role { margin-bottom: 5px; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.choose_role h4 { width: 220px; line-height: 16px; font-weight: normal; }
.choose_role h4 img { float: left; padding-right: 3px; padding-top: 3px; }
.choose_role .role_list { height: 100px; border: 1px solid #999; overflow: auto; }
.choose_role .role_list div { line-height: 21px; text-indent: 0.3em; cursor: pointer; }
.choose_role .role_list div:active { background: #ccc; }
.choose_role .role_list div.selected { background: #eee; }


/*icon图片*/
.tree-node span.workflowicon { background: url('../Images/Icons/workflow.png') no-repeat; }
.icon_up { background: url('../Images/Icons/up.gif') no-repeat; }
.icon_down { background: url('../Images/Icons/down.gif') no-repeat; }
.icon_insertAfter { background: url('../Images/Icons/Insert_After.gif') no-repeat; }
.icon_template { background: url('../Images/Icons/template.png') no-repeat !important; }
.folder_ico_close, .folder_ico_docu { margin-right: 2px !important; background-position: -110px 0; vertical-align: top !important; background-image: url("../../Scripts/lib/zTree/zTreeStyle/img/zTreeStandard.png") !important; }
.folder_ico_open { margin-right: 2px !important; background-position: -110px -16px; vertical-align: top !important; background-image: url("../../Scripts/lib/zTree/zTreeStyle/img/zTreeStandard.png") !important; }

/*样式覆盖*/
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 40% !important; }

/*路径图*/
.add_roadmap { position: absolute; left: 600px; top: 170px; z-index: 99; width: 80px; height: 30px; line-height: 30px; margin: 30px auto; text-align: center; padding-left: 30px; background: url('../Images/Icons/grey_clock.png') left center no-repeat; }
.add_roadmap a { font-size: 16px; color: #666; }

/*系统日历*/
.table_calendar { float: left; width: 16px; }
.table_calendar tabale { display: table; }
.table_calendar table tr { height: 25px; line-height: 25px; }

/*room_container 工位管理*/
.room_container { overflow: hidden; border: 1px solid #ddd; border-radius: 4px; }
.tool_horizontal { width: 20px; height: 10px; left: 260px; top: 8px; }
.tool_vertical { width: 10px; height: 20px; left: 290px; top: 5px; }
.tool_box { border-bottom: 1px solid #ddd; padding: 5px; }
.tool_box .tool_btn { height: 24px; line-height: 24px; overflow: hidden; }
.tool_box .tool_btn a { float: left; }
.tool_box .tool_btn a:hover { background: #eee; border-radius: 3px; }
.tool_box .tool_btn a img { float: left; padding: 5px; }


/*工位管理样式*/
.station_area .station_area_title { margin: 10px; font-weight: 600; }
.station_area .station_area_title > select { float: right; }

.station_info { border: 1px solid #fbc41b; color: #333; width: 190px; float: left; margin: 5px; background-color: #fbf7bc; }
.station_info > .station_content { height: 40px; width: auto; padding: 6px; }
.station_info > .station_content .station_content_icon { float: left; text-align: center; }
.station_info > .station_content .station_content_icon i { font-size: 26px; }
.station_info > .station_content > .station_content_info { float: right; text-align: right; width: 78%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.station_info > .info_footer { line-height: 20px; height: 20px; width: auto; padding: 8px; }
.station_info > .info_footer > .station_edit { float: right; }

.gray_panel .panel_content { margin: 0px auto; padding: 10px; }

.droppable_info_active { border: 1px solid #000000; background-color: #fffde6; }
.droppable_info_hover { background-color: #fbf7bc; }
.draggable_user .draggable_user_show { display: none; }
.draggable_user { cursor: move; }

.jbox_table { width: 90%; margin: 10px auto; }
.jbox_table tr td { padding: 5px; }
.jbox_table tr th { font-weight: normal; text-align: right; }


/*working_state工单流程*/
.working_state { overflow: hidden; }
.working_state .state_passed, .working_state .state_selected, .working_state .state_next, .working_state .right_arrow { width: 150px; overflow: hidden; background: url(../Images/Common/working_state_bg.png) 0px center no-repeat; float: left; }
.working_state .state_selected { background: url(../Images/Common/working_state_bg.png) -150px center no-repeat; }
.working_state .state_next { background: url(../Images/Common/working_state_bg.png) -300px center no-repeat; }
.working_state .right_arrow { width: 6px; height: 69px; background: url(../Images/Common/working_state_bg.png) -450px center no-repeat; }
.working_state div span { display: block; margin-bottom: 45px; line-height: 24px; text-align: center; }

/*comment_container*/
.comment_container { overflow: hidden; border-bottom: 1px dashed #ddd; border-top: 1px dashed #ddd; margin-top: -1px; }
.comment_container .user_head { width: 70px; float: left; }
.comment_container .user_head img { margin: 5px 0 0 23px; }
.comment_container .comment_content { margin-left: 70px; background: #fff; padding: 5px; }
.comment_container .comment_content h3 { line-height: 30px; }
.comment_container .comment_content .comment_date { line-height: 24px; color: #999; }
.comment_container .comment_content .comment_date a { margin: 3px; float: right; }
.comment_container .comment_content .content_info { line-height: 24px; }
.comment_container .comment_content .content_info em { color: #1461B5; cursor: pointer; font-style: normal; }

/*approval_step*/
.approval_step { overflow: hidden; }
.approval_list { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; margin-top: -1px; }
.approval_list .approval_head { width: 60px; float: left; }
.approval_list .approval_head img { margin: 5px 0 0 15px; }
.approval_list .approval_info { margin-left: 60px; }
.approval_list .approval_info p { line-height: 24px; color: #999; border-bottom: 1px dashed #ddd; }
.approval_list .approval_info p strong { margin-right: 5px; }
.approval_list .approval_info p span { margin: 0 5px; }
.approval_info .approval_opinion, .approval_operation, .approval_state { line-height: 21px; }
.approval_info .approval_opinion h3, .approval_operation h3, .approval_state h3 { font-weight: bold; text-align: right; margin: 0px; font-size: 12px; width: 65px; float: left; }
.approval_info .approval_opinion div, .approval_operation div, .approval_state div { margin-left: 65px; }

/*业务工单*/
/*附件文档*/
.annex_document li { line-height: 24px; overflow: hidden; }
.annex_document li span, .annex_document li a { display: block; float: left; margin-left: 4px; line-height: 24px; }
.annex_document li a img { margin-top: 5px; }

/*operation_record_list操作记录列表*/
.record_con { border: 1px solid #ddd; border-radius: 4px; padding: 5px; position: relative; margin: 15px 0; }
.record_con h2 { position: absolute; left: 8px; top: -15px; background: #fff; height: 30px; line-height: 30px; padding: 0 15px; font-size: 14px; font-weight: bold; }
.operation_record_list { overflow: hidden; margin-left: 10px; }
.operation_record_list span { margin-right: 10px; margin-top: 5px; display: block; float: left; min-width: 150px; line-height: 24px; }
.operation_record_list span.operator_name { min-width: 100px; }
.operation_record_list span.next_processing_person { min-width: 130px; }

/*project_phase*/
.project_phase { overflow: hidden; }
.project_phase .phase_list, .project_phase .step_arrow { overflow: hidden; float: left; height: 150px; }
.project_phase .phase_list { margin-bottom: 10px; min-width: 130px; }
.project_phase .phase_list h4 { min-width: 120px; overflow: hidden; background: #f0f0f1; border-radius: 6px; text-align: center; font-size: 110%; font-weight: normal; margin: 5px auto; line-height: 38px; }
.project_phase .passed h4 { background: #B5E9F5; }
.project_phase .phase_list h3 { min-width: 130px; overflow: hidden; background: #f0f0f1; border-radius: 6px; text-align: center; font-size: 110%; font-size: 14px; font-weight: normal; margin: 5px auto; line-height: 48px; }

.project_phase .phase_list div, .project_phase .phase_list span { line-height: 18px; overflow: hidden; text-align: left; }
.project_phase .phase_list span { color: #666; display: block; }
.project_phase .phase_list p { margin-top: 10px; margin-bottom: 5px; text-align: right; }
.project_phase .phase_list p a { margin-right: 5px; }
.project_phase .phase_list p a i { font-size: 13px; }
.project_phase .phase_list p img { padding: 0px 2px; }
.project_phase .step_arrow { width: 58px; height: 48px; overflow: hidden; margin: 5px; }
.project_phase .step_arrow i { margin-top: 17px; }
.project_phase .step_arrow img { margin-left: 12px; margin-top: 8px; }
.project_phase .add_phase a { height: 48px; line-height: 48px; margin: 5px 10px; color: #0CA4F8; display: block; font-size: 14px; }
.project_phase .phase_list, .project_phase .step_arrow, .project_phase .add_phase { overflow: hidden; float: left; height: 140px; }

.stage_situation .phase_list { min-width: 185px; }
.stage_situation .phase_list div { text-align: left !important; }

.ticket_phase { margin-left: 40px; margin-top: 10px; }
.ticket_phase .phase_list, .ticket_phase .step_arrow { height: 92px; margin-bottom: 0px; }
.ticket_phase .phase_list h3 { min-width: 120px; line-height: 30px; }
.ticket_phase .step_arrow img { margin-top: 2px; }






/*project_label项目标签*/
.project_label a { color: #333; margin: 5px; font-size: 110%; display: block; float: left; }
.project_label a:hover { color: #0CA4F8; }

/*email_nav 我的消息左边导航*/
.email_nav { overflow: hidden; border-radius: 4px; border: 1px solid #ddd; width: 190px; padding: 10px 0px; }
.email_nav ul li a { padding: 5px 10px; display: block; color: #333; font-size: 14px; }
.email_nav ul li a span { padding-right: 5px; }
.email_nav ul li a:hover { background: #eee; color: #336699; }
.leftBarSelected { background: #eee; color: #336699; }
.td_title { width: 80px; text-align: right; vertical-align: text-top; }

/*dynamic_flow*/
.dynamic_flow { overflow: hidden; text-align: center; }
.dynamic_flow .flow_state, .dynamic_flow .state_arrow { overflow: hidden; line-height: 36px; float: left; margin: 25px 0px; }
.dynamic_flow .flow_state { min-width: 120px; height: 36px; line-height: 36px; background: #f0f0f0; border-radius: 6px; text-align: center; font-size: 14px; padding: 5px 10px; overflow: hidden; }
.dynamic_flow .flow_state.passed { background: #b5e9f5; }
.dynamic_flow .flow_state.current { background: #FDB813; }
.dynamic_flow .state_arrow { width: 36px; height: 36px; overflow: hidden; margin: 30px 5px; color: #ddd; }


/*meeting_con*/
.meeting_con { overflow: hidden; padding: 10px; }
.meeting_con .meeting_list { padding: 5px; border: 1px solid #ddd; border-radius: 4px; width: 305px; height: 90px; margin-right: 10px; margin-bottom: 10px; float: left; }
.meeting_con .meeting_list:hover { background: #f1f1f1; transition: all 0.2s; }
.meeting_con .meeting_tags { float: left; text-align: left; height: 20px; line-height: 20px; margin-left: 7px; }
.meeting_con .meeting_function { float: right; text-align: right; height: 20px; line-height: 20px; }
.meeting_con .meeting_add { width: 25px !important; height: 25px !important; text-align: center; overflow: hidden; }


.meeting_group { overflow: hidden; padding: 5px; }
.meeting_group_line { overflow: hidden; line-height: 24px; margin-top: 3px; }
.meeting_group_line dl dt { overflow: hidden; line-height: 24px; margin-top: 3px; }
.meeting_group_line dt { width: 40px; float: left; color: #5d5d5d; font-weight: normal; text-align: right; }
.meeting_group_line dd { margin-left: 40px; line-height: 24px; }
.meeting_group_line dd input, .column_group_line dd select { vertical-align: middle !important; }
.meeting_group_line dd .error { margin-left: 5px; }


/*feedback_info*/
.feedback_info { width: 800px; margin: 10px; }
.feedback_list { padding: 10px 0px; }
.feedback_list .feedback_icon { width: 26px; height: 18px; float: left; margin-top: 5px; }
.feedback_list .feedback_icon i { font-size: 18px; color: #336699; }
.feedback_list .feedback_content { margin-left: 26px; }
.feedback_list .feedback_content h2 { line-height: 26px; font-size: 16px; }
.feedback_list .feedback_content h2 a { font-family: "Microsoft YaHei"; }
.feedback_content .feedback_overhead { line-height: 24px; position: relative; }
.feedback_content .feedback_overhead span, .feedback_content .feedback_overhead a, .feedback_comment .comment_overhead span, .feedback_comment p a { margin-right: 10px; }
.feedback_content .feedback_overhead span, .feedback_comment p span { color: #999; margin-right: 0px; }

.feedback_comment { border: 1px solid #ddd; border-radius: 6px; border-radius: 4px; margin: 5px 0px; display: none; }
.feedback_comment p { line-height: 24px; }
.feedback_comment h3 { color: #333; height: auto !important; line-height: 24px !important; word-break: break-all !important; font-weight: normal !important; }
.comment_list { overflow: hidden; padding: 10px 10px 0px 10px; }
.comment_caret:before { border-bottom: 7px solid rgba(0, 0, 0, 0.2); -moz-border-bottom-colors: rgba(0, 0, 0, 0.2); border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: inline-block; position: absolute; top: 23px; right: 705px; }
.comment_caret:after { border-bottom: 6px solid #FFF; -moz-border-bottom-colors: #FFF; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; display: inline-block; position: absolute; top: 24px; right: 706px; }

.reply_content { margin: 10px 0px; }
.reply_content input { height: 28px; line-height: 28px; font-family: "Microsoft YaHei"; }
.reply_btn { margin-top: 10px; text-align: right; }
.reply_btn button { margin-left: 5px; cursor: pointer; padding: 5px 10px; font-family: "Microsoft YaHei"; }
.reply_btn button.cancel_btn { background: none; color: #999; border: none; }
.reply_btn button.comment_btn { background: linear-gradient(to bottom,#1d7fe2,#0865c2); background: #1d7fe2\0; box-shadow: 0 1px 0 rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.2); border: 1px solid #0D6EB8; color: #fff; border-radius: 4px; text-shadow: 0 -1px 0 rgba(0,0,0,.5); }

.commont_input { background: #fbfbfb; padding: 10px; border-top: 1px solid #eee; margin-top: 10px; border-radius: 6px; }

/*drop_down*/
.drop_down { position: relative; cursor: pointer; width: 80px; }
.dropdown_btn { width: 80px; height: 25px; line-height: 25px; display: inline-block; background: url(../images/Button/button-bg.png) -170px -54px no-repeat; overflow: hidden; color: #333 !important; text-align: center; border: none; cursor: pointer; }
.dropdown_btn_click { background: url(../images/Button/button-bg.png) -170px -81px no-repeat; }

.dropdown_list { min-width: 85px; width: 83px\0; position: absolute; top: 28px; right: 0px; box-shadow: 1px 0 5px rgba(0, 0, 0, 0.3); margin: 0px; padding: 5px 0px; z-index: 99; background: #fff; border: 1px solid #eee\0; display: none; }
.dropdown_list li { line-height: initial; overflow: hidden; }
.dropdown_list li a:hover { background: #eee; }
.dropdown_list li a { color: #666; display: block; padding: 5px 10px 5px 8px; }

/*pull_down*/
.pull_down { position: relative; cursor: pointer; width: 90px; border: 1px solid #ddd; border-radius: 8px; }
.pull_down > a { width: 90px; height: 25px; line-height: 25px; display: inline-block; overflow: hidden; color: #333; text-align: center; border: none; cursor: pointer; }
.pull_down > a i { color: #999; }
.pulldown_list { min-width: 90px; position: absolute; top: 21px; left: -1px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-radius: 0px 0px 8px 8px; margin: 0px; padding: 5px 0px; z-index: 99; background: #fff; border: 1px solid #eee\0; display: none; }
.pulldown_list li { line-height: initial; overflow: hidden; }
.pulldown_list li a:hover { color: #0CA4F8; }
.pulldown_list li a { color: #666; display: block; padding: 5px 5px 5px 8px; }


/*todo_panel*/
#todo_panel { position: relative; width: 100%; min-height: 365px; padding-top: 5px; overflow: hidden; margin-top: -9px; }
#todo_panel .todo_type { width: 100%; margin-left: 5px; border-bottom: 1px solid #e4eaec; overflow: hidden; padding-top: 15px; }
#todo_panel .todo_type li { position: relative; margin: 0px 3px; float: left; background: #ffffff; z-index: 99; }
#todo_panel .todo_type li a { min-width: 55px; height: 24px; line-height: 24px; padding: 0 5px; color: #333; display: block; overflow: hidden; text-align: center; }
#todo_panel .todo_type li a span { display: block; font-size: 12px; line-height: 1px; margin-top: 16px; }
#todo_panel .todo_type li.selected a { background: #fff; padding: 0 5px; color: #0e90d2; padding-bottom: 1px; border-bottom: 2px solid #62A8EA; }
#todo_panel .todo_type li:hover a { color: #0e90d2; background: #fff; padding-bottom: 1px; border-bottom: 2px solid #62A8EA; }

#todo_panel .todo_type li sup { position: absolute; top: -10px; right: 4px; background: #F96868; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; color: #fff; padding: 2px 5px; line-height: 12px; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 24px; }
#todo_panel .todo_list { width: 99.6%; height: 300px; position: absolute; left: 0px; top: 55px; border-radius: 3px 3px 5px 5px; overflow-y: auto; overflow-x: hidden; z-index: 9; }
#todo_panel .todo_list > li { width: 100%; position: absolute; display: none; }
#todo_panel .todo_list > li.selected { display: block; }

#todo_panel .todo_filter { overflow: hidden; margin: 0px 5px; position: absolute; top: 12px; right: 138px; }
#todo_panel .todo_filter select { float: left; margin: 0px 2px; border-radius: 4px; height: 26px; }

.todo_list li table { width: 100%; overflow: hidden; }
.todo_list li table tr td { border-bottom: 1px dotted #C4C4AD; line-height: 24px; }
.todo_list li table tr td img { float: left; margin-top: 4px; margin-right: 3px; }

.todo_switch { position: absolute; top: 11px; right: 0px; border-radius: 5px; overflow: hidden; }
.todo_switch a { display: block; line-height: 24px; padding: 1px 10px; color: #0e90d2; float: left; background: #f1f1f1; }
.todo_switch a:hover { color: #333; }
.todo_switch a.selected { color: #fff; background: #0e90d2; }

.todo_search { height: 400px !important; }
.todo_search .todo_list, .todo_search .todo_list li { height: 362px !important; }
.todo_pagination { background: #efefef; border: 1px solid #ccc; margin: 5px !important; position: absolute; bottom: 8px; left: 2px; width:99%;}
.todo_pagination table { float:left; width:245px !important;}
.todo_pagination table td { border-bottom: none !important; }
.todo_pagination .pagination-info { float:right;}


.canlandert_type { position: absolute; top: 3px; right: 10px; overflow: hidden; }
.canlandert_type div { float: left; border-radius: 4px; width: 80px; height: 24px; line-height: 24px; text-align: center; vertical-align: middle; text-indent: 0px; margin-right: 5px; font-weight: normal; color: #333; }
.canlandert_type div.working_day { background-color: #fff; border: 1px solid #ddd; }
.canlandert_type div.on_holiday { background-color: #FFD500; border: 1px solid #FFD500; }
.canlandert_type div.rest_day { background-color: #1B8FFF; border: 1px solid #1B8FFF; }

ul.todo_tab li{float: left;padding:2px 5px;margin-left: -1px;background-color:#fff;border: 1px solid #ddd;line-height:1.8em; cursor:pointer }
ul.todo_tab li:hover{color:#0e90d2;}
ul.todo_tab li a{display:block;}
ul.todo_tab li.selected{background-color:#0e90d2;color:white;border: 1px solid #0e90d2;}
ul.todo_tab li:first-child{border-radius:4px 0px 0px 4px;}
ul.todo_tab li:last-child{border-radius:0px 4px 4px 0px;}

/*首页待办dropup*/
.dropup { float: left; width:115px; height: 30px;  line-height: 30px;text-align: center;position:absolute; right:300px; top:11px; z-index:999;}
.dropup a.drop_icon { color: #333;font-size:15px;}
.dropup .dropup_menu { display: none; position: relative; border: 1px solid #e4eaec; border-radius: 4px; }
.dropup .dropup_menu li > a {width:120px;padding:0px 10px;color: #333;}
.dropup .dropup_menu li > a:after { position: absolute; content: ""; display: inline-block; vertical-align: middle; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px dashed; top: 14px; right: 8px; }
.dropup .dropup_menu li { position: relative; height: 35px; line-height: 35px; text-align: left; background:#fff;}
.dropup .dropup_menu li:hover { background: #f3f7f9; }
.dropup .dropup_menu li .dropup_submenu { position: absolute; width: 95px; display: none; margin-left: -97px; margin-top: -35px; border: 1px solid #e4eaec; border-radius: 4px; z-index: 99999; }
.dropup .dropup_menu li .dropup_submenu li a:after { display: none; }
.dropup .dropup_menu li .dropup_submenu li a { width:75px;display:block;}

/*button_style小工具页面样式*/
.button_style { padding: 3px 3px; cursor: pointer; border-radius: 4px; }

.bottom_fixed { position: fixed; bottom: 0px; background: #eee; border-top: #ddd; overflow: hidden; z-index: 999; width: 100%; padding: 0px 5px; }
.bottom_fixed div { font-size: 14px; font-weight: bold; color: #fa2121; margin-right: 10px; float: left; line-height: 30px; }

/*滑块附件评论*/
.annex_comment { margin-left: 45px; height: 30px; line-height: 30px; }

/*设置候选值*/
.set_candidate { overflow: hidden; padding: 5px 20px; }
.set_candidate div, .set_candidate div input[type="text"], .set_candidate div a { float: left; }
.set_candidate div a { display: block; padding: 0px 5px; }
.set_candidate div { margin: 5px; height: 24px; line-height: 24px; }
.set_candidate div input[type="text"] { padding-left: 5px; width: 95px; }

/*state_history*/
.state_history { width: 100%; overflow: hidden; padding: 10px; }
.state_history .state_list { min-height: 80px; border-left: 2px solid #e8e8e8; position: relative; }
.state_list .state_icon { color: #ddd; position: absolute; left: -10px; top: -1px; overflow: hidden; font-size: 12px; }
.state_history .state_selected .state_icon { color: #4DCB80; font-size: 14px; left: -10px; }
.state_history .state_selected .state_icon i { width: 18px; text-align: center; }
.state_history .state_selected .state_content h3, .state_history .state_selected .state_content p { color: #4DCB80; }
.state_list .state_content { padding: 0px 10px 25px 20px; }
.state_list .state_content h3 { color: #666; height: 20px; line-height: 13px; }
.state_list .state_content p { line-height: 22px; color: #999; }

/*admin参数配置指南*/
.config_container { width: 100%; overflow: hidden; padding: 15px 15px 15px 30px; }
.config_container .config_header { line-height: 45px; font-size: 20px; }
.config_container .config_header span { font-size: 12px; }
.config_guide { padding: 20px 45px; }
.config_guide .state_list .state_content h3 { font-size: 130%; color: #333; margin-bottom: 3px; }
.config_guide .state_list .state_content p { width: 94%; color: #666; line-height: 26px; word-break: break-all; word-wrap: break-word; }
.config_guide .state_list .state_content p a { color: #0e90d2; margin: 0px 5px; }
.config_guide .state_list .state_content p span { color: #E56C22; }
.config_guide .state_list { border-left: 2px solid #ddd; }
.config_guide .state_list .state_icon { color: #999; }


/*tips_info说明提示信息*/
.tips_info { color: #f3a704; margin: 10px 0px; overflow: hidden; line-height: 24px; font-size: 110%; }
.tips_info span.fa-stack { width: 1.3em; height: 1.3em; line-height: 1.3em; margin-right: 2px; }
.tips_info i.fa-stack-2x { font-size: 1.2em; }
.tips_info i.fa-stack-1x { font-size: 0.6em; }

/*文字超出省略*/
.text_ellipsis { width: 98% !important; height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: block; word-break: break-all; word-wrap: break-word; white-space: nowrap \9; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .text_ellipsis { width: 98% !important; height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-all; word-wrap: break-word; white-space: normal; }
}

.text_ellipsis_docment { height: 26px !important; line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: block; word-break: break-all; word-wrap: break-word; white-space: nowrap; }
.document_list { padding-left: 15px; }
.document_list li { list-style: disc outside; color: #999; }
.document_list li { line-height: 24px; }
.document_list li a { line-height: 24px; }

/*version_history产品样式*/
.version_history { padding: 10px; margin-left: 100px; }
.version_history .version_list { min-height: 80px; border-left: 2px solid #e8e8e8; padding-bottom: 20px; }
.version_list .version_content { padding: 0px 10px 10px 20px; overflow: hidden; }
.version_list .version_content p { color: #888; line-height: 24px; }
.version_list .version_content p span { margin-right: 50px; }
.version_list .version_content dl, .version_list .version_content dl dt, .version_list .version_content dl dd { overflow: hidden; color: #888; line-height: 24px; }
.version_list .version_content dl dt { width: 60px; float: left; }
.version_list .version_content dl dd { margin-left: 65px; }
.version_list .big_version, .version_list .small_version { position: relative; }
.version_list .big_version .version_icon, .version_list .small_version .version_icon { color: #ddd; position: absolute; left: -15px; top: 0px; overflow: hidden; font-size: 16px; }
.version_list .small_version .version_icon { left: -10px; top: 5px; font-size: 12px; }
.version_list .big_version .version_content h4 { color: #666; line-height: 18px; font-size: 16px; position: absolute; left: -90px; top: 3px; width: 75px; word-break: break-all; }
.version_list .small_version .version_content h4 { color: #666; height: 15px; line-height: 14px; position: absolute; left: -75px; top: 5px; }
.version_selected .big_version .version_icon, .version_selected .small_version .version_icon { color: #0e90d2; }


/*选择人员弹出框选择公司样式*/
#divCompaniesContainer { width: 189px; position: relative; display: none; margin-bottom: 3px; }
#inputCompanyName { width: 95%; cursor: pointer; }
#divCompaniesContainer .divCompaniesContent { display: none; position: absolute; z-index: 110000; top: 26px; width: 189px; height: 150px; background: #fff; overflow: auto; border: 1px solid #ddd; border-radius: 3px; background: #fff; }

/*系统功能模块配置*/
.sys_functional_module, .sys_functional_module .sys_function_list { overflow: hidden; }
.sys_functional_module { margin: 10px; width: 930px; }
.sys_functional_module h3 { height: 35px; line-height: 35px; font-size: 16px; font-weight: bold; }
.sys_functional_module h3 span { margin-left: 10px; font-size: 12px; font-weight: normal; color: #999; }
.sys_functional_module .sys_function_list { margin-top: 20px; }
.sys_functional_module .sys_function_list div { margin: 15px 20px; float: left; overflow: hidden; }
.sys_functional_module .sys_function_list div a { width: 90px; color: #333; font-size: 14px; text-align: center; display: block; padding-top: 80px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.sys_functional_module div a span { background: #fff; display: block; }
.sys_functional_module div a:hover { color: #0d6fb8; }

/*模块列表*/
.sys_functional_module div.process_approval a { background: url(../Images/Icons/functionIcon_01.png) 9px 0px no-repeat; }
.sys_functional_module div.process_approval_disabled a { background: url(../Images/Icons/functionIcon_01.png) 9px -110px no-repeat; }
.sys_functional_module div.hours_system a { background: url(../Images/Icons/functionIcon_02.png) 9px 0px no-repeat; }
.sys_functional_module div.hours_system_disabled a { background: url(../images/Icons/functionIcon_02.png) 9px -110px no-repeat; }
.sys_functional_module div.demand_management a { background: url(../images/Icons/functionIcon_03.png) 9px 0px no-repeat; }
.sys_functional_module div.demand_management_disabled a { background: url(../images/Icons/functionIcon_03.png) 9px -110px no-repeat; }
.sys_functional_module div.test_management a { background: url(../images/Icons/functionIcon_04.png) 9px 0px no-repeat; }
.sys_functional_module div.test_management_disabled a { background: url(../images/Icons/functionIcon_04.png) 9px -110px no-repeat; }
.sys_functional_module div.defect_management a { background: url(../images/Icons/functionIcon_05.png) 9px 0px no-repeat; }
.sys_functional_module div.defect_management_disabled a { background: url(../images/Icons/functionIcon_05.png) 9px -110px no-repeat; }
.sys_functional_module div.audit_management a { background: url(../images/Icons/functionIcon_06.png) 9px 0px no-repeat; }
.sys_functional_module div.audit_management_disabled a { background: url(../images/Icons/functionIcon_06.png) 9px -110px no-repeat; }
.sys_functional_module div.review_management a { background: url(../images/Icons/functionIcon_07.png) 9px 0px no-repeat; }
.sys_functional_module div.review_management_disabled a { background: url(../images/Icons/functionIcon_07.png) 9px -110px no-repeat; }
.sys_functional_module div.agile_development a { background: url(../images/Icons/functionIcon_08.png) 9px 0px no-repeat; }
.sys_functional_module div.agile_development_disabled a { background: url(../images/Icons/functionIcon_08.png) 9px -110px no-repeat; }
.sys_functional_module div.contract_management a { background: url(../images/Icons/functionIcon_09.png) 9px 0px no-repeat; }
.sys_functional_module div.contract_management_disabled a { background: url(../images/Icons/functionIcon_09.png) 9px -110px no-repeat; }
.sys_functional_module div.supplier_management a { background: url(../images/Icons/functionIcon_10.png) 9px 0px no-repeat; }
.sys_functional_module div.supplier_management_disabled a { background: url(../images/Icons/functionIcon_10.png) 9px -110px no-repeat; }


.sys_functional_module div.customer_management a { background: url(../images/Icons/functionIcon_11.png) 9px 0px no-repeat; }
.sys_functional_module div.customer_management_disabled a { background: url(../images/Icons/functionIcon_11.png) 9px -110px no-repeat; }
.sys_functional_module div.assign_work a { background: url(../images/Icons/functionIcon_12.png) 9px 0px no-repeat; }
.sys_functional_module div.assign_work_disabled a { background: url(../images/Icons/functionIcon_12.png) 9px -110px no-repeat; }
.sys_functional_module div.asset_management a { background: url(../images/Icons/functionIcon_13.png) 9px 0px no-repeat; }
.sys_functional_module div.asset_management_disabled a { background: url(../images/Icons/functionIcon_13.png) 9px -110px no-repeat; }
.sys_functional_module div.meeting_management a { background: url(../images/Icons/functionIcon_14.png) 9px 0px no-repeat; }
.sys_functional_module div.meeting_management_disabled a { background: url(../images/Icons/functionIcon_14.png) 9px -110px no-repeat; }
.sys_functional_module div.address_list a { background: url(../images/Icons/functionIcon_15.png) 9px 0px no-repeat; }
.sys_functional_module div.address_list_disabled a { background: url(../images/Icons/functionIcon_15.png) 9px -110px no-repeat; }
.sys_functional_module div.system_announcement a { background: url(../images/Icons/functionIcon_16.png) 9px 0px no-repeat; }
.sys_functional_module div.system_announcement_disabled a { background: url(../images/Icons/functionIcon_16.png) 9px -110px no-repeat; }
.sys_functional_module div.performance_appraisal a { background: url(../images/Icons/functionIcon_17.png) 9px 0px no-repeat; }
.sys_functional_module div.performance_appraisal_disabled a { background: url(../images/Icons/functionIcon_17.png) 9px -110px no-repeat; }
.sys_functional_module div.project_management a { background: url(../images/Icons/functionIcon_18.png) 9px 0px no-repeat; }
.sys_functional_module div.project_management_disabled a { background: url(../images/Icons/functionIcon_18.png) 9px -110px no-repeat; }
.sys_functional_module div.product_management a { background: url(../images/Icons/functionIcon_19.png) 9px 0px no-repeat; }
.sys_functional_module div.product_management_disabled a { background: url(../images/Icons/functionIcon_19.png) 9px -110px no-repeat; }
.sys_functional_module div.budgeted_cost a { background: url(../images/Icons/functionIcon_20.png) 9px 0px no-repeat; }
.sys_functional_module div.budgeted_cost_disabled a { background: url(../images/Icons/functionIcon_20.png) 9px -110px no-repeat; }

.sys_functional_module div.project_forum a { background: url(../images/Icons/functionIcon_21.png) 9px 0px no-repeat; }
.sys_functional_module div.project_forum_disabled a { background: url(../images/Icons/functionIcon_21.png) 9px -110px no-repeat; }

.sys_functional_module div.business_requirement a { background: url(../images/Icons/functionIcon_22.png) 9px 0px no-repeat; }
.sys_functional_module div.business_requirement_disabled a { background: url(../images/Icons/functionIcon_22.png) 9px -110px no-repeat; }
.sys_functional_module div.presale_management a { background: url(../images/Icons/functionIcon_23.png) 9px 0px no-repeat; }
.sys_functional_module div.presale_management_disabled a { background: url(../images/Icons/functionIcon_23.png) 9px -110px no-repeat;  }