@charset "utf-8";
html, body {
	height:100%;
	overflow:visible;
}
body {
	font: 62.5%/1.4  宋体,Arial, Helvetica, sans-serif;
	background:#fff url(../images/mainbg.gif) top repeat;
	margin: 0;
	padding: 0;
	color: #000;
	overflow:hidden;
	position:relative;
}
/* ~~ 元素/标签选择器 ~~ */
ul, ol, dl { /* 由于浏览器之间的差异，最佳做法是在列表中将填充和边距都设置为零。为了保持一致，您可以在此处指定需要的数值，也可以在列表所包含的列表项（LI、DT 和 DD）中指定需要的数值。请注意，除非编写一个更为具体的选择器，否则您在此处进行的设置将会层叠到 .nav 列表。 */
	padding: 0;
	margin: 0;
	list-style:none
}
h1, h2, h3, h4, h5, h6,p {
	margin: 0;	 /* 删除上边距可以解决边距会超出其包含的 div 的问题。剩余的下边距可以使 div 与后面的任何元素保持一定距离。 */
	padding-left: 10px; /* 向 div 内的元素侧边（而不是 div 自身）添加填充可避免使用任何方框模型数学。此外，也可将具有侧边填充的嵌套 div 用作替代方法。 */
}
h1 {
	font-size:16px;
	color:#2d5597
}
h2 {
	font-size:14px;
	color:#2d5597;
	margin:4px;
	padding:0;
	line-height:25px
}
h3 {
	font-size:12px;
	font-weight:bold;
	color:#2d5597;
	line-height:20px
}
a img { /* 此选择器将删除某些浏览器中显示在图像周围的默认蓝色边框（当该图像包含在链接中时） */
	border: none;
}
/* ~~ 站点链接的样式必须保持此顺序，包括用于创建悬停效果的选择器组在内。 ~~ */
/*a:link {
	color:#0448b7;
	text-decoration: underline; /* 除非将链接设置成极为独特的外观样式，否则最好提供下划线，以便可从视觉上快速识别 
}*/
a{ color:#0c4173; text-decoration:none;}
a:hover{ color:#D51510; text-decoration: none;}
a:visited {
	color: #0448b7;
	text-decoration: underline;
}

a:hover, a:active, a:focus { /* 此组选择器将为键盘导航者提供与鼠标使用者相同的悬停体验。 */
 text-decoration: none;
}

a.cancel{ background:none; color: #666666;text-decoration:underline;}
a.cancel:hover{ background:none; color:#D51510;text-decoration:none;}

.btn{ border:1px solid #b2bac5; height:23px; line-height:23px; background:url(../images/btnbg.gif) top repeat-x; color:#1397f1; font-size:12px; padding:0 15px; margin-right:10px;cursor:pointer}
.btn:hover{ background:url(../images/btnbg.gif) bottom repeat-x; border:1px splid #1397f1;}

a.imgbtn{display:block; cursor:pointer; float:left; background:url(../images/imgbtn.png) top right no-repeat; padding-right:10px;color:#1397f1;height:27px;line-height:27px;text-decoration:none}
a.imgbtn span{ float:left; background:url(../images/imgbtn.png) top left no-repeat;padding-left:10px;}
a.imgbtn span img{ margin-right:10px}
a.imgbtn:hover{background:url(../images/imgbtn.png) bottom right no-repeat;}
a.imgbtn:hover span{background:url(../images/imgbtn.png) bottom left no-repeat;border:1px splid #1397f1;}

a.myworkbtn{display:block; cursor:pointer;width:83px; /*float:left;*/ background:url(../images/imgbtn.png) top right no-repeat; padding-right:10px;color:#1397f1;height:27px;line-height:27px;text-decoration:none}
a.myworkbtn span{ float:left; background:url(../images/imgbtn.png) top left no-repeat;padding-left:10px;}
a.myworkbtn span img{ margin-right:10px}
a.myworkbtn:hover{background:url(../images/imgbtn.png) bottom right no-repeat;}
a.myworkbtn:hover span{background:url(../images/imgbtn.png) bottom left no-repeat;border:1px splid #1397f1;}

input[type="text"],input[type="password"]{height:18px; line-height:18px; border:1px solid #CCCCCC; padding:0; font-size:12px; }
select{border:1px solid #CCCCCC; padding:0;}
textarea{border:1px solid #CCCCCC; padding:0;font-size:12px; }
input.borderRed{border:1px solid red;}
/* ~~ 此容器包含所有其它 div，并依百分比设定其宽度 ~~ */
.container {
	width: 100%;
	/*max-width: 1260px;*//* 可能需要最大宽度，以防止此布局在大型显示器上过宽。这将使行长度更便于阅读。IE6 不遵循此声明。 */
	min-width: 780px;/* 可能需要最小宽度，以防止此布局过窄。这将使侧面列中的行长度更便于阅读。IE6 不遵循此声明。 */
	font-size:12px;
	height:100%;
	position:absolute;
	overflow:hidden;
	/*margin-top:-17px;*/
}
.container12 {
	width: 100%;
	/*max-width: 1260px;*//* 可能需要最大宽度，以防止此布局在大型显示器上过宽。这将使行长度更便于阅读。IE6 不遵循此声明。 */
	min-width: 780px;/* 可能需要最小宽度，以防止此布局过窄。这将使侧面列中的行长度更便于阅读。IE6 不遵循此声明。 */
	font-size:12px;
	height:100%;
	position:absolute;
	/*margin-top:-17px;*/
}
/* ~~ 标题未指定宽度。它将扩展到布局的完整宽度。标题包含一个图像占位符，该占位符应替换为您自己的链接徽标 ~~ */
.header {
	border-bottom:1px solid #2960b8;
	background:#e0e7ec url(../images/hdbg4.jpg) right top no-repeat;
	width:100%;
	float:left;
}
.sidebar1 {
	float: left;
	width: 12%;
	padding-bottom: 10px;/*border-top:1px solid #fff;*/
	overflow:auto;	
	height:85%;
}
.content {
	padding:0;
	width: 87%;
	float: left;
	height:100%;
	/*border-left:1px solid #2960b8;*/
	/*border-top:1px solid #fff;*/
	overflow:hidden;
}

.contentFullScreen {
	padding:0;
	width:98.6%;
	float: left;
	height:100%;
	border-left:1px solid #2960b8;
	/*border-top:1px solid #fff;*/
	overflow:hidden;
}

.content1 {
	padding:0;
	width: 98.9%;
	float: left;
	height:100%;
	/*border-left:1px solid #2960b8;*/
	/*border-top:1px solid #fff;*/
	overflow:hidden;
}
/* ~~ 此分组的选择器为 .content 区域中的列表提供了空间 ~~ */
.content ul, .content ol {
	padding: 0 15px 15px 40px; /* 此填充反映上述标题和段落规则中的右填充。填充放置于下方可用于间隔列表中其它元素，置于左侧可用于创建缩进。您可以根据需要进行调整。 */
}

.contentFullScreen ul, .contentFullScreen ol {
	padding: 0 15px 15px 40px; /* 此填充反映上述标题和段落规则中的右填充。填充放置于下方可用于间隔列表中其它元素，置于左侧可用于创建缩进。您可以根据需要进行调整。 */
}
/* ~~ 导航列表样式（如果选择使用预先创建的 Spry 等弹出菜单，则可以删除此样式） ~~ */
ul.nav {
	list-style: none; /* 这将删除列表标记 */
	/*border-top: 1px solid #666;*/ /* 这将为链接创建上边框 – 使用下边框将所有其它项放置在 LI 中 */
	margin-bottom: 15px; /* 这将在下面内容的导航之间创建间距 */
}
ul.nav li {
/*border-bottom: 1px solid #666;*/ /* 这将创建按钮间隔 */
}
ul.nav a, ul.nav a:visited { /* 对这些选择器进行分组可确保链接即使在访问之后也能保持其按钮外观 */
	padding: 0px 5px 0px 35px;
	line-height:20px;
	display: block; /* 这将为链接赋予块属性，使其填满包含它的整个 LI。这样，整个区域都可以响应鼠标单击操作。 */
	text-decoration: none;
	color: #000;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* 这将更改鼠标和键盘导航的背景和文本颜色 */
	background: #ddeef7;
	color: #15428b;
}
/* ~~ 脚注 ~~ */
.footer {
	padding: 10px 0;
	background: #2d5597;
	position: absolute;/* 这可以使 IE6 hasLayout 以正确方式进行清除 */
	clear: both; /* 此清除属性强制 .container 了解列的结束位置以及包含列的位置 */
	bottom:0;
	width:100%;
	left:0;
	text-align:right;
	color:#fff;
	font-size:12px;
}
.footer a, .footer a:visited {
	color:#fff;
	text-decoration:none
}
.footer a:hover, .footer a:active, .footer a:focus {
	text-decoration:underline
}
/* ~~ 其它浮动/清除类 ~~ */
.fltrt {  /* 此类可用于在页面中使元素向右浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 此类可用于在页面中使元素向左浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 如果从 #container 中删除或移出了 #footer，则可以将此类放置在 <br /> 或空 div 中，作为 #container 内最后一个浮动 div 之后的最终元素 */
	clear:both;
	height:0;
	font-size: 12px;
	line-height: 0px;
}
/*Header part*/
a.logo {
	margin:5px 10px;
	float:left
}
.header li {
	float:left;
	line-height:30px
}
.hdmid {
	float:right;
	width:85%
}
.hdmid ul a {
	text-decoration:none;
	/*font-weight:bold;*/
	color:#000;
}
.hdmid ul a:link {
	color:#000;
}
.hdmid ul a:hover, .hdmid ul a.current {
	color:red;
}
#issuemenu {
	position:absolute;
	width:70px;
	height:auto;
	z-index:1;
	left: 190px;
	top: 65px;	
}
#reportmenu {
	position:absolute;
	width:150px;
	height:auto;
	z-index:1;
	left: 405px;
	top: 65px;
}
#adminmenu {
	position:absolute;
	width:150px;
	height:auto;
	z-index:1;
	left: 565px;
	top: 65px;
}
.submenu{border:1px solid #0084de;background:#fff;}
.submenu li{ float:left; display:inline; width:100%; border-bottom:1px solid #0084de; line-height:20px; text-indent:5px}
.submenu li a{color:#0084de; text-decoration:none;}




.hdmid h1 {
	font-family:"微软雅黑";
	line-height:40px;
	margin:0;
	padding:0;
	color:#2d5597
}

.userinfo {
	float:right;
	/*width:26%;*/
	text-align:right
}
.userinfo li {
	margin-right:10px;
}
/*Leftside part*/
.sidebar1 h2 {
	margin-bottom:5px
}
.taskbox h3 span {
	color:#ff0000;
	font-size:11px
}
/*Content part*/
.expand {
	width:10px;
	float:left;
	height:75%;
	background:#efefef url(../images/arrow-collapse.png) 0 40% no-repeat;
	padding-bottom:100px;
	border-right:1px solid #2960B8;
}
.expand1 {
	width:10px;
	float:left;
	height:100%;
	background:#efefef url(../images/arrow-expand.png) 0 45% no-repeat;
	padding-bottom:100px
}
.main {
	float:right;
	width:100%;
	padding-bottom:100px;	
	height:84%;
	overflow-x:hidden;
	overflow-y:auto;
	position:relative;
}

.mainFullScreen {
    float:right;
	width:100%;
	padding-bottom:100px
}

.crumbs {
	width:100%;
	background: url(../images/crumbsbg.jpg) top repeat-x;
	height:28px;
	line-height:28px
}
.function {
	background:url(../images/add_back.jpg) repeat-x;
	height:40px;
}
.createbtn {
	float:right;
	margin:10px 0px 0 0;
	text-align:right;
}
.function ul {
	margin-top:14px;
	float:left;
	margin-left:0;
	padding:0;
	width:30%
}
.function li {
	float:left;
	margin-left:5px;
	height:24px;
	line-height:24px;
	background:#eee;
	padding:0 15px;
	border:1px solid #ccc;
	font-weight:bold
}
.function li.current {
	background:#15428b;
	border:1px solid #15428b
}
.function li.current a {
	color:#fff
}
.function li a {
	text-decoration:none;
	color:#15428b
}
.gridtable {
	background:#fff;
	border-bottom:1px solid #d4ecf6;
}
.gridtable th {
	background:#eee;
	color:#282828;
	font-weight:normal;
	height:19px;
	border-right:1px solid #fff;
	text-align:center
}
.installtable {
	border:1px solid #aaa;
}
.installtable thead th, .installtable tbody th {
	background:#ccc;
	text-align:left;
	font-weight:bold
}
.installtable tfoot th {
	background:#e1e1e1;
}
.map {
	margin:0 30px;
	border:1px solid #ccc;
}
/*.gridtable thead th{ background:#ccc;border-right:1px solid #fff;}*/
.gridtable tbody th, .gridtable tbody td {
	text-align:left; /*padding-left:10px*/
}
.gridtable tbody th {
	background:#ddd;
	height:30px;
	line-height:30px;
	font-weight:bold;
	border-right:0;
}
.gridtable td {
	vertical-align:top;
	text-align:center;
	line-height:26px;
	text-align:center;
}
.gridtable td * {
/* padding:6px 11px;*/
}
.gridtable tr.query input {
	width:100%;
	padding:0;
	margin:0;
}
.gridtable tr.alt td {
	background:#eee;  /*这行将给所有的tr加上背景色*/
}
.gridtable tr.over td {
	background:#ffffc5;  /*这个将是鼠标高亮行的背景色*/
}
.page {
	text-align:center;
	height:30px;
	line-height:30px;
	text-indent:10px;
	color:#4e4e4e;
}
.page a {
	border:1px solid #aaa;
	border-top:1px solid #aaa;
	color:#4e4e4e;
	text-decoration:none;
	padding:3px 6px 1px 6px;
	cursor:pointer;
}
.page a:hover {
	border:1px solid #666;
	color:#ffffff;
	background:#666;
	text-decoration:none;
	padding:3px 6px 1px 6px;
	cursor:pointer;
}
/*form*/
.formwrap {
	float:left;
	width:100%;
	padding:10px 0;
	background:white;
}
.form {
	clear:both;
	padding-top:10px;	
	padding-bottom:10px;
	font-size:12px;
}
.formwrap label {
	width:90px;
	float:left;
	margin-right:10px;
	font-size:12px;
	color:#333;
}
.formwrap p {
	margin:5px 0;
	padding-left:40px;
	padding-top:5px
}
.buttons 
{
    padding-top:10px;
    padding-left:30%;
    /*
	padding:10px 0;
	text-align:center
    */
}
/*
.formwrap input[type=text], .formwrap select, .formwrap textarea {
	width:80%;
}*/

.formwrap input, .formwrap select, .formwrap textarea {
	width:60%;
}

.formwrap input.short, .formwrap select.short, .formwrap input[type=file] {
	width:200px
}
.version {
	float:left;
	width:100%;
	margin-bottom:5px
}
.version div {
	float:left;
	width:50%
}
.version textarea {
	float:left;
	width:75%
}
.version textarea.long {
	width:82.5%
}
.version img, .version a {
	float:left;
	margin-right:5px;
	text-decoration:none;
	color:#2960b8
}
.version .gridtable {
	clear:both;
	width:80%;
	margin-left:140px
}
.version .gridtable a {
	float:none
}
.version input[type=text] {
	float:left
}
.issuestatus li {
	float:left;
	width:18%;
	background:url(../images/statusbg.gif) repeat-x;
	height:54px;
}
.issuestatus li span {
	background:url(../images/status-default.png) left top no-repeat;
	float:left;
	margin-top:5px;
	float:left;
	padding:35px 0 20px 0;
	display:block;
	color:#888;
}
.issuestatus li.current span {
	background:url(../images/status-current.png) left top no-repeat;
	color:#056fc3;
	font-weight:bold;
}
.issuestatus li.finished {
	background:url(../images/status-bg-finished.png) repeat-x;
}
.issuestatus li.finished span {
	background:url(../images/status-finished.png) left top no-repeat;
	color:#000;
	font-weight:bold
}
.issuestatus li.last {
	width:3%
}
.issuestatus li.last span {
	float:right;
	margin-right:-5px;
}
.issuestatus li.first span {
	margin-left:-5px
}
/*issue Form*/
.issueform {
	width:99%;
	float:left;
	padding-left:1%;
	margin-bottom:20px;	
}
.issueformwrap {
	float:left;
	width:100%;
	margin-bottom:5px
}
.issueformwrap div {
	float:left;
	width:49%
}

.issueformwrapnofloat
{
    float:left;
	width:100%;
	margin-bottom:5px
}

.issueformwrapnofloat label
{
    width:115px;
	float:left;
	padding:0 5px 0 24px
}
.issueformwrap div input[type=text],.issueformwrap div select{ width:200px; }
.issueformwrap label {
	width:115px;
	float:left;
	padding:0 5px 0 24px
}
.issueformwrap span {
	width:60%;
	float:left;
}
.issueformwrap span input[type=text]{width:99%}
.issueformwrap span textarea {
	width:100%;
	height:60px;
}
.issueformwrap div.versionbox {
	width:65%
}
.issueformwrap div.versionbox p {
	/*height:25px;*/
	padding:0;
	margin:0;
}
.issueformwrap div.versionbox div {
	width:33%;
	float:left
}
.issueformwrap div.versionbox div textarea {
	width:90%;
	height:60px
}
.issueformwrap div.function, .issueformwrap div.buttons {
	width:100%;
}
.issueformwrap div.createbtn {
	float:right
}
.issueformwrap b {
	margin-left:24px
}
.issueformwrap ul{ float:left; border:1px solid #ccc; height:60px; width:229px; padding:5px 10px; overflow-x:hidden; overflow-y:auto}
/*Footer Part*/
.footer p {
	margin-right:10px
}
/*Footer Part*/
.footer p {
	margin-right:10px
}

.other_hang
{
    /*background:#eee*/;
}

/* Login Page CSS*/
.login{ background:url(../images/loginbg1440.jpg) left top repeat-x;}
.loginwrap{width:1002px; margin:0 auto}
.loginlogo{ padding:20px}
.loginbox {
	position: absolute;
	width: 351px;
	height: 315px;
	z-index: 1;
	left: 55%;
	top: 270px;
	background: url(../images/loginboxbg.png) top left no-repeat;
	background-size: cover;
}
.loginbox  h1{font-size:18px; font-family:"微软雅黑"; font-weight:bold; margin:15px 20px}
.loginform{margin-left:20px; font-size:13px; font-weight:bold}
.loginform label{width:60px; float:left; height:24px; line-height:24px}
.loginform p{margin-bottom:10px}
.loginbtn{margin-left:58px; cursor: pointer;
    cursor:hand;}
.forgetpassword{padding-left:60px; font-weight:normal;}
.forgetpassword a{ margin-left:10px}
.textbox{width:200px; border:1px solid #b4bbc5; height:24px; line-height:24px; background:url(../images/textboxbg.gif) top repeat-x}

/*用于错误时提醒*/
.borderRed{border:1px solid red;}
.red{color:Red;}


#apDiv1 {
	position:absolute;
	width:866px;
	z-index:1;
	background:#f5f5f5;
	border:1px solid #ccc;
	padding-bottom:10px;
	left: 174px;
	top: 90px;
}
#apDiv2 h2 {
	width:95.5%
}
#apDiv2 {
	position:absolute;
	width:200px;
	z-index:1;
	border:1px solid #ccc;
	padding-bottom:10px;
	background:#fff;
	left: 1050px;
	top: 357px;
}
#apDiv3, #apDiv4 {
	position:absolute;
	width:683px;
	z-index:1;
	left: 212px;
	top: 171px;
	background:#fff;
	border:1px solid #ccc;
	padding-bottom:10px;
}
#apDiv5, #apDiv10 {
	position:absolute;
	width:459px;
	z-index:99;
	left: 592px;
	top: 167px;
	background:#fff;
	border:1px solid #ccc;
	padding-bottom:10px;
}

#columnPanel{text-align:center;background:#fff;font-size:12px;}
#columnPanel table{margin:0 auto 10px auto; width:400px}
#columnPanel td{ height:35px;text-align:left;width:133px;}
#columnPanel label{margin-left:5px;}

.dialogPanel {text-align:left;background:#fff;font-size:12px;}
/*#columnPanel input[type='button']{float:right;margin-right:20px;}*/

.taskStatus{background:yellow}

.popupdiv
{
    margin:10px 10px 10px 10px
    }
.popupdiv select
{
     width:200px;
    }
    
 .popupdiv label
{
     width:100px;
    }
    
.popupdiv input[type="text"]
{
     width:200px;
    }