/*-----------------------------------------------------------------------------new_layout-----------------------------------------------------------------------------*/
/**  MasterPage 布局*/
#Header { height: 50px; padding-top: 3px; padding-bottom: 3px; }
#Header #Logo { float: left; padding-left: 10px; overflow: hidden; height: 48px; }
#Header #HeaderRight { float: right; width: 400px; }
#Content { /* margin: 0 0 40px 0;*/ padding: 0 0 40px 0; height: 100%; }
#Footer { clear: both; width: 100%; height: 32px; line-height: 32px; vertical-align: middle; background-image: url(../Images/Common/FooterBg.png); background-repeat: repeat-x; position: fixed !important; bottom: 0; z-index: 999; overflow: hidden; }

/* 网页内容布局*/
#MainBody { padding-left: 5px; padding-right: 5px; padding-top: 5px; }
#ColumnLeft { float: left; width: 70%; }
#ColumnRight { float: left; width: 29%; margin-left: 0.5%; }
#ColumnLeft_Narrow { float: left; width: 24%; }
#ColumnRight_Wide { float: left; width: 75%; margin-left: 0.5%; }

/* 类似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: 0px !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; }
/***** 垂直导航条 End ****************/

/***** 项目计划 导入导出 左侧垂直导航 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(documentElement.scrollTop + 130); _position: absolute; /**** IE6 END ****/ }

.LifecycleItem { float: left; width: 158px; display: block; height: 150px; }
.LifecycleItem_Passed { line-height: 42px; vertical-align: middle; text-align: center; background-image: url(../Images/Button/phase_bg_pass.gif); background-repeat: no-repeat; color: #336699; height: 42px; width: 158px; font-size: 120%; }
.LifecycleItem_On { line-height: 42px; vertical-align: middle; text-align: center; background-image: url(../Images/Button/phase_bg_on.gif); background-repeat: no-repeat; color: #336699; height: 42px; width: 158px; font-size: 120%; }
.LifecycleItem_NotPassed { line-height: 42px; vertical-align: middle; text-align: center; background-image: url(../Images/Button/phase_bg_off.gif); background-repeat: no-repeat; color: #888888; height: 42px; width: 158px; font-size: 120%; }
/* -----------------ProductRoadmap css-------------------------------------*/
.ProductRoadmap_Item { background-image: url(../Images/Button/Roadmap_Item.png); background-repeat: no-repeat; height: 70px; width: 260px; float: left; margin-top: 30px; }
.ProductRoadmap_PassedItem { background-image: url(../Images/Button/Roadmap_PassedItem.png); background-repeat: no-repeat; height: 70px; width: 260px; float: left; margin-top: 30px; }
.ProductRoadmap_Item .ProductRoadmap_Name { text-align: center; width: 260px; font-size: 120%; }
.ProductRoadmap_Item .ProductRoadmap_Date { text-align: center; width: 260px; margin-top: 30px; }
.ProductRoadmap_PassedItem .ProductRoadmap_Name { text-align: center; width: 260px; font-size: 120%; }
.ProductRoadmap_PassedItem .ProductRoadmap_Date { text-align: center; width: 260px; margin-top: 30px; }
.ProductRoadmap_End { background-image: url(../Images/Button/Roadmap_End.png); background-repeat: no-repeat; height: 70px; width: 58px; float: left; margin-top: 30px; }

/*里程碑 路线图 （从上往下）*/
.Milestone_Passed { background-image: url(../Images/Button/Milestone_Passed.png); background-repeat: no-repeat; height: 100px; width: 800px; margin-left: 100px; padding-left: 36px; }
.Milestone_NotPassed { background-image: url(../Images/Button/Milestone_NotPassed.png); background-repeat: no-repeat; height: 100px; width: 800px; margin-left: 100px; padding-left: 36px; }
.Milestone_SubTitle { height: 20px; line-height: 20px; width: 700px; vertical-align: middle; text-indent: 10px; }

/*个人首页-我要做... 下拉框*/
.MyTodoDropDown { height: 23px; line-height: 23px; vertical-align: middle; background-image: url(../Images/Icons/Descending.png); background-repeat: no-repeat; background-position: 55px 10px; border: solid 1px #cccccc; text-indent: 10px; width: 80px; cursor: pointer; color: #8B0016; font-size: 100%; }
.MyTodoContent { display: none; height: 155px; width: 80px; border: solid 1px #999; position: absolute; z-index: 9999; }

/*
* 分组风格，左边一个短竖条。用于简约风格的分组
*/
.SimpleGroup { float: left; height: 25px; line-height: 25px; font-size: 120%; font-weight: bold; vertical-align: middle; background-image: url(../Images/Icons/LeftBar.png); background-repeat: no-repeat; text-indent: 10px; }


/*这页主要是登录页Login的内容*/
#LoginContainerNew { width: 400px; height: 320px;position:absolute; left:50%; top:50%; margin:-125px 0 0 -200px; z-index:10; overflow:hidden;}
#LogoContainerNew { width: 400px; height: 50px;padding:8px 0px; position:relative; background:#fff;border-radius:7px 7px 0px 0px; box-shadow:1px 2px 3px #b3b2b2; overflow:hidden;}
#Login_LogoNew {overflow:hidden; margin-left:5px;}
.login_bgNew{  width: 400px; height: 320px;background:#fff;  border-radius:7px; opacity:0.9; filter:alpha(opacity=90);position:absolute; left:50%; top:50%;margin:-125px 0 0 -200px; z-index:1;}

#LoginFormNew { padding:15px 10px; overflow:hidden;}
#LoginFormNew div{ height:35px; line-height:35px; overflow:hidden; margin:2px 0px;}
#LoginFormNew div label{ width:70px; display:block; float:left; text-align:right; margin-right:10px;}
#LoginFormNew div input[type="text"],#LoginFormNew div input[type="password"]{ float:left; vertical-align:middle;height:32px; line-height:32px; width:250px; border-radius:4px; text-indent:1em;}
#btn_LoginNew{ margin-left:80px;}
#LoginFormNew div.password span{ display:block; float:left;}
#LoginFormNew div.password span.LoingForgetPWD{ margin-right:10px; margin-left:80px;}

#AdminText { color: Gray; margin-left: 10px; margin-top: 60px; }
#AdminText ul { padding-left: 40px; }

#NewsBg { background: url(../images/Login/NewsBg.jpg) no-repeat; width: 794px; height: 35px; margin-left: 100px; margin-top: 0px; text-align: left; }
#NewsBg span { height: 35px; text-indent: 20px; font-size: 120%; line-height: 32px; vertical-align: middle; color: White; float: left; }
#NewsBg ul { color: Gray; float: left; margin-left: 40px; }
#NewsBg ul li { list-style-type: none; float: left; height: 35px; text-indent: 20px; line-height: 35px; vertical-align: middle; background: url(../images/Login/GrayArrow.jpg) no-repeat 5px; margin-right: 20px; }
/*横条*/
.H_Bar { background: url(../images/Login/H_Bar.png) no-repeat; height: 25px; width: 900px; margin: 0 auto; }
/*footer*/
#footer { height: 30px; position:absolute; bottom:10px; left:50%; margin-left:-320px; margin-right:0px; font-weight:bold;}
.footerNav { width: 960px; margin: 0 auto; padding: 5px; }

/*日历*/
.DayinMonthCalendar_Date { line-height: 14px; text-align: right; padding-right: 5px; }
.DayinMonthCalendar_Content { height: 63px; }
.DayinMonthCalendar_Content ul li { line-height: 14px; font-size: 90%; padding-left: 10px; width: 100px; cursor: pointer; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: block; background: url(../images/Icons/dotb.gif) no-repeat 5px 8px; }
.DayinWeekCalendar_Content li { line-height: 14px; font-size: 90%; width: 130px; padding-left: 10px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: block; background: url(../images/Icons/dotb.gif) no-repeat 5px 8px; }
.DayinDayCalendar_Content { height: 40px; text-align: left; }
.DayinDayCalendar_Content li { font-size: 90%; width: 200px; padding-left: 10px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: block; background: url(../images/Icons/dotb.gif) no-repeat 5px 8px; }

/*项目论坛的所有CSS*/
#BBS_LeftColumn { float: left; width: 175px; margin-left: 3px; }
#BBS_RightColumn { margin-left: 180px; }
/* 
* 左边的灰色整块的Panel 
*/
.GrayBox_Top { background-image: url(../Images/BBS/BBS_LeftPanel_Top.png); background-repeat: no-repeat; width: 173px; height: 17px; }
.GrayBox_Middle { background-image: url(../Images/BBS/BBS_LeftPanel_Middle.png); background-repeat: repeat-y; width: 173px; min-height: 400px; }
.GrayBox_Footer { background-image: url(../Images/BBS/BBS_LeftPanel_Footer.png); background-repeat: no-repeat; width: 173px; height: 21px; }
.BBS_Forum_On { background-image: url(../Images/BBS/BBS_Button_On.png); background-repeat: no-repeat; width: 166px; height: 35px; line-height: 32px; vertical-align: middle; text-align: center; display: block; margin-left: 5px; font-size: 110%; font-weight: bold; }
.BBS_Forum_On a { color: White; }
.BBS_Forum_Off { background-image: url(../Images/BBS/BBS_Button_Off.png); background-repeat: no-repeat; width: 166px; height: 35px; line-height: 32px; vertical-align: middle; text-align: center; display: block; margin-left: 5px; font-size: 100%; }
.BBS_Forum_Off a { color: Black; }

/*
* BBS的ListView风格
*/
.BBS_Container { width: 100%; }
.BBS_Content { width: 100%; min-height: 250px; margin-bottom: 10px; }
.BBS_Header { width: 100%; background-color: #F5F5F5; height: 30px; line-height: 30px; vertical-align: middle; border-bottom: solid 1px #cccccc; border-top: solid 1px #cccccc; }
.BBS_Header div { float: left; font-weight: bold; color: black; min-height: 30px; }
.BBS_Body { width: 100%; min-height: 39px; border-bottom: dotted 1px #C4C4AD; }
.BBS_Body a { color: Black; }
.BBS_Body div { float: left; height: 39px; line-height: 39px; vertical-align: middle; display: inline-block; }
/*
* 显示Topic的内容
*/
.BBS_Topic_Header { background-image: url(../Images/BBS/Topic_Header.png); background-repeat: no-repeat; width: 740px; height: 40px; color: #336699; font-size: 140%; font-weight: bold; text-align: left; line-height: 40px; vertical-align: middle; text-indent: 25px; }
.BBS_Reply_Header { background-image: url(../Images/BBS/Reply_Header.png); background-repeat: no-repeat; width: 740px; height: 22px; }
.BBS_Topic_Middle { background-image: url(../Images/BBS/Topic_Middle.png); background-repeat: repeat-y; width: 740px; min-height: 50px; }
.BBS_User { width: 50px; height: 75px; float: left; vertical-align: bottom; margin-top: 5px; }
.BBS_UserName { text-align: center; }
.BBS_Topic { margin-left: 55px; }
.BBS_Topic_Content { margin-left: 25px; margin-right: 15px; }
.BBS_Topic_Content ul { list-style-type: disc; list-style-position: inside; }
.BBS_Topic_Content ol { list-style-type: decimal; list-style-position: inside; }
.BBS_Topic_Content li { list-style-position: inside; }
.BBS_Topic_Footer { background-image: url(../Images/BBS/Topic_Footer.png); background-repeat: no-repeat; width: 740px; height: 35px; line-height: 35px; vertical-align: middle; text-indent: 25px; color: Gray; }




/*-----------------------------------------------------------------------------new_layout-----------------------------------------------------------------------------*/
/* head */
.header { height: 50px; margin: 5px; }
.header .logo { float: left; display: inline-block; }
.header .switch_user { padding: 13px 30px; }
.header .switch_user input { border: 1px solid #ddd; border-radius: 3px; width: 80px; height: 20px; margin-right: 5px; }
.header .user_info { height: 50px; float: right; display: inline-block; font-size: 120%; position: relative; }
.header .user_info p { height: 24px; line-height: 24px; overflow: hidden; text-align: right; }
.header .user_info p strong, .header .user_info p a { margin: 0px 5px; }
.header .user_info p a { color: #428bca; }
.header .project_types .my_search { float: left; }
.header .project_types { margin-top: 2px; }
.header .project_types .my_search input[type="text"] { float: left; border: none; border-radius: 3px; height: 23px; line-height: 23px; border: 1px solid #ddd; padding-left: 10px; padding-right: 20px; }
.my_search { position: relative; overflow: hidden; }
.my_search a { position: absolute; top: 5px; right: 5px; }

/* news */
.news { height: 25px; line-height: 25px; margin-top: 15px; overflow: hidden; font-size: 120%; float: left; }
.news a, .news em, .news span a:hover, .content .successful_customer p a:hover { color: #428bca; transition: all 0.2s linear; }
.news em { padding-left: 10px; }
.news span a { float: right; color: #333; }
.news strong { color: #333; float: left; }
#news_scroll { width: 343px; display: inline-block; overflow: hidden; }
#news_scroll ul { overflow: hidden; float: left; padding: 0px 10px 0px 5px; }
#news_scroll ul li a { width: 340px; height: 25px; line-height: 25px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; }

@media screen and (max-width: 1024px) {
    #news_scroll { width: 230px;}
}



/* content */
.content_body .left_content { min-width: 130px; max-width: 330px; min-height: 330px; position: relative; border: 1px solid #E5E5E5; border-radius: 5px; float: left; padding-top: 6px; margin-bottom: 50px; }
.content_body .left_content h3 { 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; border-bottom: none; }
.content_body .right_content { margin-left: 130px; padding-left: 5px; margin-bottom: 35px; overflow: hidden; }


/* content_body模块（含内容左右布局） */
.content_body { padding: 5px 7px 37px 7px; min-height: 500px; }
.left_menu { width: 190px; overflow: hidden; float: left; }
.right_content { margin-left: 210px; }

.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 #00adee !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模块（不含内容左右布局） */
.left_column { min-width: 180px; max-width: 330px; 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 { 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; }
.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; }



/*left_menu*/
.menu_sidebar { overflow: hidden; }
.menu_sidebar .head_image { height: 70px; vertical-align: middle; padding: 0px 10px; box-shadow: 0px 2px 2px #ddd; margin-bottom: 5px; }
.menu_sidebar .head_image li { font-weight: bold; font-size: 110%; float: left; height: 50px; line-height: 50px; }
.menu_sidebar .head_image li span { padding-left: 10px; }
.menu_sidebar .menu_list { width: 100%; overflow: hidden; }
.menu_sidebar .menu_list h4 { font-weight: bold; height: 28px; line-height: 28px; font-size: 110%; margin: 0px 10px; color: #00adee; }
.menu_sidebar .menu_list h4 a { color: #00adee; }
.menu_sidebar .menu_list h4 a:hover { }
.menu_sidebar .menu_list h4 img { padding-right: 5px; float: left; padding-top: 6px; }
.menu_sidebar .menu_list h4 span { float: left; }
.menu_sidebar .menu_list h4 a img { padding-left: 7px; }
.menu_sidebar .menu_list ul li a { width: 100%; height: 30px; line-height: 30px; color: #1558a0;display: inline-block; text-align: center; }
.menu_sidebar .menu_list ul li:hover { background: #f1f1f1; transition: all 0.1s linear; }
.menu_sidebar .menu_list li.selected { background: #1558a0 !important; }
.menu_sidebar .menu_list li.selected a { color: #fff !important; }
.menu_sidebar .menu_list li.Current { background: #1558a0 !important; }
.menu_sidebar .menu_list li.Current a { color: #fff !important; }
.menu_sidebar .menu_list ul li:hover a { color: #2a6496; }

/*新版样式*/
/*right_content*/
.gray_panel { border-radius: 5px; border: 1px solid #e5e5e5; margin: 5px 0px; }
.gray_panel .panel_header { height: 30px; line-height: 30px; text-indent: 1em; position: relative; font-weight: bold; border-bottom: 1px solid #eee; color: #666; font-size: 110%; background: url(../images/Icons/header_left_bg.png) #fafafa left center no-repeat; border-radius: 5px 5px 0px 0px; }
.gray_panel .panel_header .header_right { float: right; padding-right: 10px; height: 30px; }
.right_functional_group { position: absolute; top: 3px; right: 2px; z-index: 9999; }
.right_functional_group img { cursor: pointer; padding: 2px; }
.right_functional_group img:hover { border-radius: 3px; }
.gray_panel .panel_content { overflow: hidden; padding: 5px; }
.gray_panel .panel_content .table_list { overflow-y: auto; overflow-x: hidden; height: 170px; margin-top: -1px; }
.gray_panel .panel_footer { overflow: hidden; height: 26px; line-height: 26px; }
.gray_panel .panel_footer a { float: right; height: 26px; line-height: 30px; color: #428bca; padding-right: 10px; }
.gray_panel .panel_footer a:hover { color: #2a6496; transition: all 0.1s linear; }

.add_module { overflow: hidden; border: 1px dotted #ccc; text-align: center; padding: 12px 10px; background: #f9f9f9; cursor: pointer; border-radius: 5px; }
.add_module p { width: 100%; color: #666; font-size: 120%; text-align: center; margin-top: 3px; }

.prompt_message { height: 30px; color: #666; font-size: 110%; text-align: center; line-height: 30px; margin: 20px 0px; }
.prompt_message span { display: inline-block; margin: 0 auto; background: url(../Images/Icons/prompt_message.png) left center no-repeat; padding-left: 30px; }
.prompt_message span img { padding-right: 10px; float: left; padding-top: 3px; }

/*table*/
.table { width: 100%; border-spacing: 0; border-collapse: collapse; table-layout: fixed; }
.table tr th, .table tr td { line-height: 24px; padding: 4px 6px; text-align: left; }
/*.table tr th{ background:#dbecfb;}*/
.table tr td a { color: #428bca; }
.table tr td a:hover { color: #2a6496; transition: all 0.2s linear; }
.table_bordered { border-top: 1px solid #ddd; }
.table tr th, .table tr td { border-bottom: 1px solid #ddd; text-align: left; }
.table tr th { }
.table tr th select { vertical-align: middle; border: 1px solid #ddd; border-radius: 3px; }
.table tr td img { }
.table_bordered tr th, .table_bordered tr td { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; text-align: center; }
.table_hover tbody tr:hover, .table tr.td_striped { background: #f6f6f6; transition: all 0.2s linear; }

/* progress_double模块 */
.progress_double { border: 1px solid #eee; background: #fff; display: block; overflow: hidden; }
.progress_double .bar_1, .progress_double .bar_2 { background: #19ace4; height: 13px; display: block; overflow: hidden; }
.progress_double .bar_2 { background: #FAA732 !important; }

.progress_double .percentage { text-align: center; position: relative; display: block; z-index: 100; height: 13px; line-height: 13px; overflow: hidden; font-size: 70%; }
.progress_double .percentage .bar_1, .progress_double .percentage .bar_2 { background: #3994d2; height: 13px; display: block; position: absolute; left: 0px; top: 0px; z-index: -1; }

.panel_content .nothing { width: 100%; height: 30px; color: #666; font-size: 120%; text-align: center; line-height: 30px; margin: 30px 0px; }
.panel_content .nothing span { display: inline-block; margin: 0 auto; }
.panel_content .nothing span img { padding-right: 10px; float: left; padding-top: 3px; }



/* dropdown模块 */
.dropdown_container { position: relative; display: inline-block; z-index: 10; }
.dropdown { background: #fff; border: 1px solid #ccc; padding-left: 5px; position: relative; overflow: hidden; z-index: 10; padding-right: 10px; }
.dropdown span, .dropdown .watermark { width: 100%; border: none; background: none; display: inline-block; height: 22px; line-height: 22px; vertical-align: middle; overflow: hidden; position: relative; }
.dropdown a { border-top: 4px solid #000; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; position: absolute; top: 10px; right: 5px; z-index: 0; height: 0px; width: 0px; }

.dropdown_container .list { background: #fff; border: 1px solid #ccc; position: absolute; top: 24px; left: 0; z-index: 999; display: none; }
.dropdown_container .list ul { margin: 4px 0px 4px 0; padding: 0 0 0 0; overflow-x: hidden; overflow-y: auto; max-height: 200px; }
.dropdown_container .list ul li { line-height: 22px; cursor: pointer; background: #fff; color: #333; padding-left: 5px; overflow: hidden; white-space: nowrap; }
.dropdown_container .list ul li:hover { background: #428bca; color: #fff; }
.hover .list { display: block; cursor: pointer; }

/*footer*/
.footer_new { position: fixed; bottom: 0px; width: 100%; overflow: hidden; z-index: 10000000; background: #f1f1f1; height: 30px; line-height: 30px; border-top: 1px solid #ddd; text-indent: 10px; }

/* messge模块 */
.messge { display: inline-block; *display: inline; zoom: 1; 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; }

/*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; }

/* common_bar /condition_bar(公共栏，条件栏) */
.common_bar { overflow: hidden; text-align: center; height: 30px; line-height: 30px; margin: 3px 0px; }
.left_bar div, .right_bar div, .center_bar div { margin: 0px 3px; float: left; }
.left_bar { float: left; }
.right_bar { float: right; }

.common_bar strong {height: 26px;line-height: 26px;display: inline-block;color: #336699;font-size: 140%;}
.common_bar strong font { color: #8B0000; font-weight: bold; font-size: 120%; height: 28px; line-height: 28px; }

.common_bar .center_bar { display: inline-block; margin-top: 0px; }
.center_bar { text-align: center; margin: 5px 0px; }
.center_bar div, .center_bar a { margin: 0px 15px; }
.center_bar strong { color: #333; font-size: 16px; font-weight: bold; }
.center_bar strong span { color: #00adee; margin: 0px 10px; }
.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: 28px; line-height: 28px; background: #fff; padding: 3px 5px; text-align: center; margin: 3px 0px; }
.bordered { border-bottom: 1px solid #eee; }
.noBordered { border: none !important; }

/*condition_bar_huada*/
.condition_bar_huada { position: relative; }
.condition_bar_huada .left_bar { padding-right: 130px; }
.condition_bar_huada .left_bar > div { width: 220px; }
.condition_bar_huada .left_bar > div .select { width: 100px; }
.condition_bar_huada .right_bar { position: absolute; top: 5px; right: 2px; }
.condition_bar_huada .right_bar .query_btn { width: 20px; margin-top: 2px; }
.condition_bar_huada .right_bar a.bar_hidden { background: url('../Images/Icons/more_info_bg.png') 78px 12px no-repeat; padding-right: 25px; display: inline-block; margin-left: 5px; }
.condition_bar_huada .right_bar a.bar_display { background: url('../Images/Icons/more_info_bg.png') 78px -16px no-repeat; }
.heightClass { height: 28px; }

/*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: 28px; line-height: 28px; padding: 0px 4px; overflow: hidden; float: left; }
.work_fixed_bar .fixed_left_content { float: left; height: 28px; }
.work_fixed_bar .fixed_right_content { float: right; height: 28px; }


/*task_board模块（任务看板样式）*/
.task_board { overflow: hidden; }
.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; 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_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: 85%; 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 > .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; }

/*日历图例*/
.calendar_legend { overflow: hidden; padding: 5px; }
.calendar_legend h3 { line-height: 30px; }
.calendar_legend .btn_list { overflow: hidden; }
.calendar_legend .btn_list div { border-radius: 4px; float: left; margin-right: 8px; width: 70px; line-height: 28px; text-align: center; }
.calendar_legend .btn_list div.gzr { background: #fff; border: 1px solid #ddd; }
.calendar_legend .btn_list div.sxr { background: #ddd; }
.calendar_legend .btn_list div.fj { background: Gold; }
.calendar_legend .btn_list div.txr { background: DodgerBlue; }

/* toolbar plan */
.ToolBarPlan { height: 28px; z-index: 9999; background-color: white; line-height: 28px; vertical-align: middle; width: 100%; overflow: hidden; padding-top: 4px; }
.ToolBarPlan .Condition { float: left; padding-left: 20px; height: 34px; line-height: 34px; vertical-align: middle; }
.ToolBarPlan .Condition ul li img { margin-top: 0.7em; *margin-top: 0; }
.ToolBarPlan a { padding: 3px 5px; border-radius: 3px; display: inline-block; }
.ToolBarPlan a:hover { border: 1px solid #a6cae3; padding: 2px 4px; border-radius: 3px; background: #e7f2f9; }
.ToolBarPlan ul { margin-left: 3px; }
.ToolBarPlan ul li { height: 24px; line-height: 24px; float: left; margin-right: 10px; }

/*  documents */
#documentManagementContainer { padding-bottom: 10px; }
#documentManagementContainer .disable { color: #D6D3D3 !important; cursor: default !important; text-decoration: none !important; }
#documentManagementContainer .navbar { margin: 5px 0px; }
#documentManagementContainer .navbar .nav { margin: 0 5px; color: #336699; display: inline-block; cursor: pointer; }
#documentManagementContainer .navbar .nav:hover { text-decoration: underline; }
#documentManagementContainer .navbar .breadcrumb span { margin: 0 5px; }
#documentManagementContainer .actions [data-action] { color: #336699; display: inline-block; margin: 5px 0px 5px 8px; cursor: pointer; }
#documentManagementContainer .actions [data-action]:hover { color: #0080FF; }

#documentManagementContainer .actions [data-action] .fa { margin-right: 2px; }
#documentManagementContainer .list { /*height: 420px;*/ overflow: auto; }
#documentManagementContainer .list .LV_Content:hover { background-color: #dfffff; }

/*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; }
.folder_ico_open { margin-right: 2px !important; background-position: -110px -16px; vertical-align: top !important; }