/*可根据项目复杂度，决定是否将项目配置样式、项目公用样式、项目定制样式分开处理.比如可以把项目配置样式和项目公用样式放在"项目public.css里面"*/
/********************************
 *项目配置样式*
 *通过实践,若发现某些项目配置样式大量频繁出现，可考虑将其加入public.css配置样式
 *修改日志：2015-6-18  更新为wpcmsV2.5 扁平风格样式
 ********************************/
body,.drop-txt,.input-txt,.btn{
	font-size:14px;font-family:"微软雅黑";
}
/* input-txt，dropdownlist，checkbox基本样式 */
.input-txt {
	width:132px;
	padding:2px 3px;
	border:1px solid #C2C2C4;
	background:#fff;
}
.drop-txt
{
    border:1px solid #C2C2C4;
	width: 140px;
	height:25px;
}
.ckb-txt{
   margin-right: 3px; 
}

/* input-txt和drop-txt等的通用宽度：标准、超短、超长，特殊的可以写页面上 */
.w1{width:132px;}
.w2 {width:30px;}
.w3 {width:320px;}
/*以下3项正在被w1，w2，w3取代*/
.input-txt1 {width:132px;}
.input-txt2 {width:30px;}
.input-txt3 {width:320px;}

/* btn */
.btn {
	padding:0;
	border:0;
	width:100px;
	height:24px;
	border-radius:3px;
	background:#589dea;
	blr: expression(this.onFocus=this.blur());/*消除ie虚线框*/
    color:#fff;
}
.btn:hover{ background:#3578c2;}

.lte-ie8 .btn {
	_cursor:pointer;
}
.btn1 {
	background:#589dea;
	color:#fff;
}
input.aspNetDisabled {
    padding:0;
	border:0;
	width:100px;
	height:24px;
    font-family:"微软雅黑";
	border-radius:3px;
	background:#d5d5d5;
	blr: expression(this.onFocus=this.blur());/*消除ie虚线框*/
    color:#999;
}
/* edit-table */
.edit-table {
	width:100%;
}
.edit-table th,
.edit-table td {
	padding:0.5em;/*偶数字号，么问题*/
}
.edit-table th,
.edit-table tr.title,
.edit-table td.title {
	text-align:right;
	font-weight:normal;
}
.edit-table td {
    height:24px;
}
.edit-table .required {
	font-style:normal;
	font-weight:normal;
	color:#f00;
	margin-right:0.5em;
}
/* list-table */
.list-table {
	width:100%;
	border:none;
}
.list-table label {
	vertical-align:middle;
	padding-left:6px;
}
.lte-ie8 .list-table label {
	_padding-left:4px;
}
.list-table input,
.list-table select {
	/*20150917表格部分字体由14px改为12px的宋体*/
	vertical-align:middle;
	font-size: 12px;
	font-family: "宋体";
}
.list-table th,
.list-table td {
	padding:4px;/*0.3em导致浏览器之间的差异，shit*/
}
.list-table .tr-even,
.list-table tr:nth-child(2n+1){
	background-color: #F6FBFF;
}
.list-table th,
.list-table tr.title,
.list-table td.title {
    background:url(../images/table-default-bg.png) repeat-x;
	text-align:right;
	font-weight:normal;
	color:#1F1F1F;
	border: none;
	/* border-top:1px solid #B7B2A0; */
	/* border-bottom:1px solid #B7B2A0; */
	text-align:left;
	font-weight: bold;
    height:28px;
}
.list-table td {
	height:28px;
	border: none;
}
.list-table tr.bottomLineSolid {
	border-bottom:1px solid #ECECEC;
}
.lte-ie8 .list-table tr.bottomLineSolid {
	*border-bottom:none;
}
.lte-ie8 .list-table tr.bottomLineSolid td {
	*border-bottom:1px solid #ECECEC;
}
.lte-ie8 .list-table tr.bottomLineSolid td td {
	*border-bottom:none;
}
.list-table tr:hover,
.list-table tr.hover {
	background:#ecf4ff;
}
.list-table tr.bottomLineDashed {
	border-bottom:1px dashed #ECECEC;
}
.lte-ie8 .list-table tr.bottomLineDashed {
	*border-bottom:none;
}
.lte-ie8 .list-table tr.bottomLineDashed td {
	*border-bottom:1px dashed #ECECEC;
}
.lte-ie8 .list-table tr.bottomLineDashed td td {
	*border-bottom:none;
}
.list-table tr.highlight {
	background:url(../images/highlight.png) #EDF1DE;
}
.list-table .required {
	font-style:normal;
	font-weight:normal;
	color:#FF0000;
	margin-right:0.5em;
}
/* 增加User后台选中样式 */
.list-table .active,.list-table .active:hover
{
	background-color:#ecf4ff;
}

/********************************
 *项目公用样式*
 *通过实践，若发现某些样式规则大量频繁出现，可考虑将其加入public.css公用样式
 ********************************/
/*覆盖系统生成的html属性样式、处理<!DOCTYPE html>前出现<script>的字体大小问题*/
.list-table, .list-table table {
	/*20150917表格部分字体由14px改为12px的宋体*/
    border:0;
    font-size:12px;
    font-family: "宋体";
    border: none;
}

/********************************
 *项目定制样式*
 通过实践，若发现某些样式规则大量频繁出现，可考虑将其加入项目公用样式
 ********************************/

.breadcrumb a {
	color:#fff;
	text-decoration:none;
}
.pagination a {
	text-decoration:none;
	padding:3px;/*0.25em*/
	display:inline-block;
	font-weight:bold;
	vertical-align:middle;
}
/*.pagination span {*/
.pagination span.pagefont {
	color:#f00;
	font-weight:bold;
}
.pagination span.current {
	padding:3px;/*0.25em*/
	display:inline-block;
	vertical-align:middle;
}
.func-box {
}
.func-box .hd {
	height:30px;
	line-height:30px;
	padding:0 20px;
	overflow:hidden;
	background:#ededed;
	color:#000;
}
.func-box .hd .user-service {
	position:absolute;
	right:12px;
	top:0;
}
.func-box .hd .user-service a.help {
	display:inline-block;
	width:17px;
	height:17px;
	overflow:hidden;
	line-height:100px;
	background:url(../images/help.gif) no-repeat;
	margin-top:8px;
	white-space:nowrap;
}
.func-box .function-hd {
	padding:10px 12px 10px 0;
    overflow:hidden;
    zoom:1;
}
.func-box .function-hd .current{ border-bottom:2px solid #3494ff; color:#3494ff;}
.func-box .function-hd .line{ padding:0 10px 0 15px; color:#d0d0d0;}
.func-box .function-hd .action-field {
}
 .ft {
	height:20px;
	padding:20px;
}
/*.hidden用于隐藏管理列表中的ID列*/
.hidden{ display:none ;}

.list-table tr{
    border-bottom:1px solid #ddd;
}
.bd {
    padding:0 20px;
}

/* 2015-7-9 */
/* 我的工作台 */
.workbench{ height:91px; padding-top:10px; margin-bottom:10px; background:url(../images/workbench-line.jpg) left bottom repeat-x;}
.workbench a{ float:left; width:100px; margin-right:30px; font:14px/30px 微软雅黑; color:#589dea; text-align:center;}
.workbench a:hover{ text-decoration:none;}
.workbench a.active{ color:#3c5066;} 
.workbench .check,.workbench .publish,.workbench .draft,.workbench .rubbish,.workbench .timing,.workbench .sitesearch,.workbench .overdue{ display:block; width:48px; height:49px; margin:0 auto;}
.workbench .check{ background:url(../images/workbench.png) left top no-repeat;}
.workbench .publish{ background:url(../images/workbench.png) left -49px no-repeat;}
.workbench .draft{ background:url(../images/workbench.png) left -98px no-repeat;}
.workbench .rubbish{ background:url(../images/workbench.png) left -147px no-repeat;}
.workbench .timing{ background:url(../images/workbench.png) left -208px no-repeat;}
.workbench .sitesearch{ background:url(../images/workbench.png) left -319px no-repeat;}
.workbench .overdue{ background:url(../images/workbench.png) left -257px no-repeat;}
.workbench a.active .check{ background:url(../images/workbench.png) -48px top no-repeat;}
.workbench a.active .publish{ background:url(../images/workbench.png) -48px -49px no-repeat;}
.workbench a.active .draft{ background:url(../images/workbench.png) -48px -98px no-repeat;}
.workbench a.active .rubbish{ background:url(../images/workbench.png) -48px -147px no-repeat;}
.workbench a.active .timing{ background:url(../images/workbench.png) -48px -208px no-repeat;}
.workbench a.active .sitesearch{ background:url(../images/workbench.png) -48px -319px no-repeat;}
.workbench a.active .overdue{ background:url(../images/workbench.png) -48px -257px no-repeat;}
.workbench .arrow{ display:none; width:22px; height:12px; margin:0 auto; background:url(../images/workbench.png) left -196px no-repeat;}
.workbench a.active .arrow{ display:block;}

/*2015-7-9 hezl 增加弹出层页头颜色*/
.func-box .b
{
	background: #27a9e3;
	color: #fff;
}

/* 2015-7-17 */
.lgrey{ color:#999;}
.blue{ color:#589dea;}
.fn-mr20{margin-right: 20px;}

/* more-edit */
.more-edit{ padding:0 10px; margin: 0px 0px -16px 0; border:1px solid #d5d5d5; background:#f0f0ee;}
/* 小图片默认通用样式 */
.pic-div img,img.pic-div{ width:118px; height:98px; margin-right:20px; border:1px solid #d5d5d5;}

/* 2015-8-19 */
/*.mb80{ margin-bottom:80px;}  写的不好的样式，已废弃*/
/*.edit-func-box .ft02{ position:fixed; left:0; right:0; bottom:0; background:#fff;}*/
.no-record{ padding:170px 0 50px 0; background:url(../images/no-record.png) center 50px no-repeat; font:26px/65px 微软雅黑; color:#999; text-align:center;}
.td-a a{  color:#589dea; }
.td-a .aspNetDisabled {color:#999;}
/*更多设置*/
.more-edit-fn {
    position:relative;
    line-height:36px;
}
.more-edit-fn-btn {
   position: absolute;
    right: 0;
    top: 0;
    padding-left: 20px;
    background: url(../images/icon.png) left -144px no-repeat;
    font-weight: bold;
    color: #589dea;
}
.more-edit-data {
    position:absolute;
    right: 38px;
    display:none;
    padding: 20px 30px;
    background-color: rgb(244, 250, 255);
    box-shadow: 0px 0px 30px #686868;
    z-index: 1;
}
.more-edit-data .close {
	position: absolute;
	right: 10px;
	top: 10px;
	font-weight: bold;
	color: #589dea;
	z-index:1;
}
.more-edit-data .arrow {
    position: absolute;
    right: 20px;
    top: -7px;
    width: 13px;
    height: 8px;
    background: url(../images/icon.png) left -180px no-repeat;
}
input[disabled="disabled"],
select[diabled="disabled"],
a[disabled="disabled"]{color:gray;}
input[disabled="disabled"],input[disabled="disabled"]:hover{background-color:#ddd;}

.help-tip
{
	display: block;
	float: right;
	top: 18px;
	text-align: center;
	background-color: #B5B5B5;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	font-size: 12px;
	line-height: 24px;
	cursor: default;
}
.help-tip:hover
{
	background-color: #589dea;
}
.help-tip:before
{
	content: '?';
	font-weight: bold;
	color: #fff;
}
.help-tip:hover p
{
	display: block;
	transform-origin: 100% 0%;
	-webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;
}
.help-tip p
{
	display: none;
	text-align: left;
	background-color: #3c5066;
	padding: 12px;
	width: 190px;
	position: absolute;
	border-radius: 3px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	color: #FFF;
	font-size: 13px;
	line-height: 1.4;
}
.help-tip p:before
{
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-bottom-color: #3c5066;
	left: 6px;
	top: -12px;
}
.help-tip p:after
{
	width: 100%;
	height: 40px;
	content: '';
	position: absolute;
	top: -40px;
}