@CHARSET "UTF-8";
@import "header-footer.css";
@import "component.css";
@import "layout.css";
@import "menu.css";
@import "ico.css";
@import "common.css";

/* zujuan/mian.jsp */
.content{
	background-color: #fff;
}

/* tooltip */
.tooltip {
   display:none;
   background:#fff url(/media/img/tooltip/black_arrow.png);
   border:solid 1px #877855;
   font-size:12px;
   padding:2px 5px;
   color:#555;
 }
/* template list */
.template-list{}
.template-list .list-item{
	padding:35px 30px;
	list-style-type: none;
	float:left;	
	text-align:center;
	margin:22px 22px;
	border:solid 2px #DECFA0;
	cursor: pointer;
	position: relative;
	width:64px;
}
.template-list .list-item:hover{
	border:solid 2px #877855;		
}
.template-list span.item-text{
	color:#877855;
	width:124px;
	overflow:hidden;
	white-space:nowrap;
	font-weight:bold;
	display:inline-block;
	padding:3px 0;
	position: absolute;
	top:0;
	background-color: #DECFA0;
	left:0;
}
.template-list i.item-ico {font-weight:bold;font-size:14px;display:block;width:64px;height:64px;margin:auto;overflow:hidden;background:url(../images/template.png) center no-repeat}

.preview{
	position: relative;	
}
.preview .subject{
	position: absolute;
	top:3px;
	left:0;
	width:80px;
	height:33px;
	line-height:33px;
	text-align:center;
	font-size:14px;	
	font-weight:bold;
	color:#555;
}
.preview .question-count li{
	list-style-type: none;
	float:left;
	
	padding:2px 8px;
	background-color: #fff;	
	border:solid 1px #F2D89D;
	margin-right:5px;
	margin-top:5px;
	font-family:'微软雅黑';
	font-size:14px;
	color:#555;
}
.preview .question-count li .type-item{
	height:22px;	
	line-height:22px;
	padding:0 3px;
	overflow:hidden;
}
.preview .question-count li .type-count{
	color:#BA0000;	
}
.preview .question-count li .type-item .progress{
	width:70px;
	height:18px;
	border:solid 1px #F2D89D;
	
}
.preview .question-count li .type-item .progress .inner{
	background-color: #F2D89D;	
	width:30px;
	height:18px;
}
.preview .question-count{
	margin-left:80px;
	height:33px;
	background-color: #FFF9E7;
	padding-left:10px;
}

.button-preview{
	   background-color: #EE432E;
    background-image: -moz-linear-gradient(center top , #EE432E 0%, #C63929 50%, #B51700 50%, #891100 100%);
    border: 1px solid #951100;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 0 1px rgba(255, 115, 100, 0.4) inset, 0 1px 3px #555;
    color: #FFFFFF;
    padding: 3px 15px;
    text-align: center;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);
    width: 150px;
    
}
.button-preview:hover{
	text-decoration: none;
	background-color: #F37873;
    background-image: -moz-linear-gradient(center top , #F37873 0%, #DB504D 50%, #CB0500 50%, #A20601 100%);
}

.tab-view .view{
	overflow-y:auto;
}
.tab-view .left{
	width:80px;
}
.tab-view .left ul{
}
.tab-view .left ul li{
	list-style-type: none;
	text-align:center;
	margin:5px 0;
}
.tab-view .left ul li a{
	border-left:solid 4px #fff;
	display: block;
	height:70px;
	text-decoration: none;
	color:#555;	
}
.tab-view .left ul li a.tiku{
	background:url(../images/icon-cart.png) center no-repeat;	
}
.tab-view .left ul li a.paper{
	background:url(../images/icon-edit.png) center no-repeat;	
}
.tab-view .left ul li a.active{
	border-left:solid 4px #BA0000;
	background-color: #FFF9E7;
}
.tab-view .right{
	margin-left:80px;	
	background-color: #FFF9E7;	
	padding:5px 10px;
}
.tab-view .view .left-side{
	width:320px;
	float:left;	
	
	border: 1px solid #F2D89D;
	background-color: #fff;
}
.tab-view .view .left-side .left-side-header{
	color: #4E4A41;
    font-size: 14px;
    font-weight: bold;
    height: 31px;
    line-height: 31px;
    padding:3px 0;
    padding-left: 15px;
    border-bottom: 5px solid #F2D89D;
    position: relative;
}
.tab-view .view .hide-button{
	position: absolute;
	top:8px;
	right:11px;
}
.tab-view .view .hide-button a{
	display: block;
	width:20px;
	height:20px;
	line-height:20px;
	text-decoration: none;
	border:solid 1px #ddd;
	background-color: #f5f5f5;
	text-align:center;
	color:#aaa;
}
.tab-view .view .show-button{
	position: absolute;
	top:105px;
	left:90px;
	display: none;
}
.tab-view .view .show-button a{
	display: block;
	width:20px;
	height:20px;
	line-height:20px;
	text-decoration: none;
	border:solid 1px #ddd;
	background-color: #f5f5f5;
	text-align:center;
	color:#aaa;
}
.tab-view .view .left-side .left-side-body{
	overflow-y:auto;
}
.tab-view .view .left-side .category{
	margin-bottom:5px;
	padding:5px;
	clear:left;
	overflow:hidden;
}

.search-input.blank{
	color:#aaa;	
}

.tab-view .category-box .knowledge-tree{
	padding:5px;
	height:200px;
	overflow-y:auto;
}
.tab-view .category dl{
	padding:5px;
	clear:left;
	overflow:hidden;
	border:none;
}
.tab-view .category dt{
	font-size:14px;
	font-family:'微软雅黑';
	color:#BA0000;
	font-weight:bold;
	padding-left:7px;
}
.tab-view .category dd{
	float:left;	
}
.tab-view .category dd.search-item a{
	display: inline-block;
	height:22px;
	line-height:22px;
	padding:0 7px;
	color:#333;
	text-decoration: none;	
	background-color: #fff;
	border:solid 1px #fff;	
}
.tab-view .category dd.search-item a:hover{
	background-color: #FFFFCC;
    border: 1px solid #F2D89D;
}
.tab-view .category dd.search-item a.active{
	background-color: #FFFFCC;
    border: 1px solid #F2D89D;
}
.tab-view .view .right-side{
	margin-left:330px;
	
}
.tab-view .view .right-side .right-side-header{
	color: #4E4A41;
    font-size: 14px;
    font-weight: bold;
    height: 31px;
    line-height: 31px;
    padding:3px 0 3px 10px;
    border: 1px solid #F2D89D;
    border-bottom: 5px solid #F2D89D;
    background-color: #fff;
}
.tab-view .view .right-side .right-side-body{
	overflow-y:auto;
	overflow-x:hidden\9;
}

.tab-view .right-side .question-content .pagebar{
	overflow:hidden;
}
.tab-view .right-side .pagebar .page-info{
	font-size:14px;
	height:29px;
	padding: 0 10px;
	font-weight:bold;
	color:#555;
}

.question-content .question-list .question-box{
	margin-bottom:10px;
	background-color: #fff;	
	border:solid 2px #F2D89D;
}
.question-content .question-list .question-box .question-tag{
	padding:8px;
	border-bottom:solid 1px #F2D89D;
	overflow:hidden;
}
.question-content .question-list .question-box .question-tag.selected{
	background-color: #FFFFCC;
}
.question-content .question-list .question-box .question-tag .question-property{
	display: inline-block;
	padding:3px 8px;
	background-color: #EEEEEE;
    border:solid 1px #C5C5C5;
    border-radius: 2px 2px 2px 2px;
	margin-right:6px;
	text-shadow: 0 1px #FFFFFF;	
	float:left;
}
.question-content .question-list .question-box .question-tag .check{
	cursor: pointer;	
}
.question-content .question-list .question-box .question-tag .question-add{
	background: url("../images/addCart.png") no-repeat center;
    height: 27px;
    line-height:27px;
    margin: 0 auto;
    width:127px;
    float:right;
}
.question-content .question-list .question-box .question-tag .question-remove{
	background: url("../images/removeCart.png") no-repeat center;
    height: 27px;
    line-height:27px;
    margin: 0 auto;
    width:127px;
    float:right;
}
.question-content .question-list .question-box .label{
	color:#BA0000;
	font-weight:bold;	
}
.question-content .question-list .question-box .question-source{
	font-weight:bold;
	border-bottom:dashed 1px #ccc;
}
.question-content .question-list .question-box .question-box-body{
	padding:8px;	
	line-height:2em;
}
.question-content .question-list .question-box .question-box-body:hover{
	background-color: #FFFFCC;
}
.question-content .question-list .question-box .question-body{
	line-height:1.5em;	
	padding-top:5px;
}
.question-content .question-list .question-box .question-other{
	padding:5px 0;	
}

/* question paper */
.question-paper{
	background-color: #fff;
	border:solid 1px #F2D89D;
	padding:20px 50px;
	
}
.question-paper .paper-header{
	cursor:pointer;
}
.question-paper .paper-header:hover *{
	color:red;	
}
.question-paper .paper-title{
	width:99%;
	font-size:20px; 
	color:#464646; text-align:center; font-weight:normal; height:30px;
}
.question-paper .paper-sub-title{
	color:#636363; font-size:14px; font-weight:normal; text-align:center;
}
.question-paper .question-box{
	margin-bottom:8px;	
	border:solid 1px #fff;	
	line-height:2em;
	color:#515B65;
	padding:7px;
}
.question-paper .question-box.hover{
	border:solid 1px #F2D89D;	
}
.question-paper .question-box .box-toolbar{
	visibility:hidden;
	padding:2px 5px;
	top:0;
	right:0;
	text-align:right;
}
.question-paper .question-box.hover .box-toolbar{
	visibility: visible;
	background-color: #F2D89D;
}
.question-paper .question-box .box-toolbar a{
	margin:0 5px;	
}
.question-paper .big-name{
	font-size:16px;
	font-weight:bold;	
	padding:10px 5px;
	border:solid 1px #fff;
}
.question-paper .big-name a{
	display:none;	
}
.question-paper .big-name:hover{
	border:solid 1px #F2D89D;	
}
.question-paper .big-name:hover a{
	display: inline;
}
.question-paper .question-box .question-title{
	font-weight:bold;	
}
.question-paper .question-box .question-body{
	line-height:1.5em;	
}

/* paging */
.pager{width:auto;padding:0;}
.pager ul{width:auto;}
.pager li,.pager .btn{float:left;width:auto;}
.pager ul li a {height:20px;}

.pager div.short {display:none;}

/* 密封线 */
.seal-line{
	width:21px;
	height:100%;
	margin-right:3px;
	background: url(../images/seal-line.jpg) center no-repeat;
}