@CHARSET "UTF-8";
/*组件样式 ：按钮，表单，panel，弹出窗口等组件*/

/* 按钮 */
input.button,button.button{min-width:80px;font-weight:bold; padding:0 10px; height:31px; line-height:31px; color:#fffcf2; font-size:14px; background:url(../images/btn.png) repeat-x; line-height:31px; font-size:14px; font-family:"微软雅黑"; border:none; margin-right:10px;  cursor:pointer;}
.search{font-weight:bold; padding:0 10px; width:78px; height:56px; line-height:56px; color:#fffcf2; background:url(../images/search.png) repeat-x; font-size:16px; font-family:"微软雅黑"; border:none; margin-left:10px;  cursor:pointer;  text-align:center;float:left;}

/* icon links 带图标链接按钮 */
.label-text{font-size:14px; margin-right:15px;}
.label-input{ width:185px; height:22px; padding:3px; font-size:14px;}
.label-option{width:255px; height:30px; padding:3px; font-size:14px;}
/* 按钮 */
.tab{}
.tab a{border: 1px solid #427AC7;
    border-radius: 2px 2px 2px 2px;
    /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);*/
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 29px;
    margin-right:6px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 15px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px #427AC7;
    background-color: #f9ebd4;
    border-color: #e8c080;
    color: #be5f16;
    text-shadow: 0 1px #FFFFFF;	}

.tab a:hover{
    border: 1px solid #427AC7;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 29px;
    margin-right:6px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 15px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px #427AC7;
    background-color: #b90105;
    border-color: #9e0205;
    color: #f0f0f0;
    text-shadow: 0 1px #9e0205;	
}

.tab a.current{
    border: 1px solid #427AC7;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 29px;
    margin-right:6px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 15px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px #427AC7;
    background-color: #b90105;
    border-color: #9e0205;
    color: #f0f0f0;
    text-shadow: 0 1px #9e0205;	
}
/*
.btn{
    border: 1px solid #DDC89A;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 31px;
    line-height: 30px;
	margin-right:6px;
    overflow: hidden;
    padding: 0 15px;
	cursor:pointer;
	text-align:center;
    text-decoration: none;
    background-color: #F2D89D;
    border-color: #e1cb96;
    color: #a37327;
    background-image: -moz-linear-gradient(top, #FAEEC7, #F2D89D);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF9E7),
		to(#F9EBD4) );
	background-image: -webkit-linear-gradient(top, #FFF9E7, #F9EBD4);
	background-image: -o-linear-gradient(top, #FFF9E7, #F9EBD4);
	background-image: linear-gradient(to bottom, #FFF9E7, #F9EBD4);
	background-repeat: repeat-x;
}
.btn:hover{
	background-color:#f8e8b2;
	background-image: -moz-linear-gradient(top, #FAEEC7, #f8e8b2);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8e8b2),
		to(#eca632) );
	background-image: -webkit-linear-gradient(top, #FFF9E7, #f8e8b2);
	background-image: -o-linear-gradient(top, #FFF9E7, #f8e8b2);
	background-image: linear-gradient(to bottom, #FFF9E7, #f8e8b2);
	text-shadow: 0 1px #FFFFFF;	
}	
*/
/* ico link */
a.ico-link{ padding-left:22px; font-size:12px; color:#545454; background-image:url(../images/ico.png);background-repeat: no-repeat}

.ico-help{
	display: inline-block;
	width:22px;
	margin:0 20px;
	height:22px;
	background: url(../images/ico-help.png) center no-repeat;	
}

/* 文本输入框 */
.text-input{
    padding: 5px;
	height:18px;
    width: 250px;
    font-family: '微软雅黑','宋体';
    color: #555;
}
.text-input-large{
    padding: 5px;
	height:18px;
    width: 250px;
    font-family: '微软雅黑','宋体';
    color: #555;
}


/* 下拉框 */
.select-input{width:160px; height:30px; padding:5px;}
.search-wrapper{
	padding: 0 0 0 5px;
	overflow:hidden;
	border:solid 1px #ccc;
	border-radius: 2px 2px 2px 2px;
	 
}
.search-wrapper .search-input{
    float: left;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    outline: medium none;
    padding: 5px;
    width: 247px;
    padding:5px;
}
.search-wrapper .search-btn{
	display: block;
	float:left;
	width:24px;
	height:20px;
	background: url(../images/ico/ico-search-24.png) center no-repeat;	
	padding:5px 0;
}


/*box*/
.box{border: 1px solid #DDC89A;}
.box .box-header{ 
	background-color: #FAEEC7;
    border-bottom: 1px solid #DDC89A;
    color: #8D5601;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    padding-left: 15px;
    font-weight:bold;
}
.box .box-body{overflow-y:auto;}

/* 弹出框 */

.dialog{
    border:#decfa0 solid 1px; 
    background:#fff;
    min-width:450px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.dialog .dialog-header {
    color:#8D5601; 
    background:#fff9e7 url(../images/dialog-header-bg.png) center repeat-x;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 0 6px 18px;
    border-bottom:solid 1px #decfa0;
}
.dialog .dialog-close {
    border: 1px solid transparent;
    cursor: pointer;
    height: 18px;
    outline: medium none;
    overflow: hidden;
    position: absolute;
    right: 6px;
    text-decoration: none;
    top: 6px;
    vertical-align: middle;
    width: 18px;
}
.dialog .dialog-close .close-x {
    background: url("../images/close.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 13px;
    margin: 2.5px;
    text-indent: -9999px;
    width: 13px;
}
.dialog .dialog-close:hover {
    background: none repeat scroll 0 0 white;
    border: 1px solid #CED5E0;
}
.dialog-mask {
    background-color: #ddd;
    opacity: 0.3;
    filter:alpha(opacity=30);
}
.dialog-body{
	min-height:100px;
	max-height:500px;
	overflow-y:auto;
	overflow-x:hidden;	
}
.dialog .dialog-footer{
	padding:6px 10px 6px 0;
	text-align:right;
	background-color: #fff;
	border-top:solid 5px #decfa0;	
}

/* 表单 */
.form{
	padding:10px;	
	font-size:14px;
}
.form .form-table{
	width:100%;	
}
.form .form-table span.required{
	padding:10px;
	color:red;
}

.form .form-table td{
	padding:3px 5px;	
}

.form .form-table td.label{
	width:160px;
	text-align: right;
	 color:#555555;
}
.form .form-table td.hui{ text-align:left; color:#9b9b9b;}
.form .form-table .valid-text{
	vertical-align: baseline;
}
.form .form-table .valid-text .label{
	padding:3px 5px;
}

.property-panel{
	padding:10px 20px;	
}
.property-panel .property-item{
	list-style-type: none;
	overflow:hidden;
	line-height:2.5em;
}
.property-panel .property-item .property-name{
	display: inline-block;
	width:90px;
	float:left;
	font-weight:bold;	
	color:#8D5601;
}
.property-panel .property-item .property-value{
	display: inline-block;
	float:left;
}

/* slider */
/* slider root */
.slider {
  background:#877855;
  width:94px;
  height:8px;
  cursor:pointer;
  position: relative;
  float:left;
}
/* input field */
.range {
    font-size:12px;
    border:0;
    background:none;
    width: 30px;
    margin:-5px 0 10px 0;
    float:left;
    color:#555;
    text-align:center;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}

/* input field while focused */
.range:focus {
    background-color:#000;
}

/* cute little CSS3 selector */
.range[readonly]:focus {
    background-color:transparent;
}
 
/* drag handle */
.handle {
  background:#fff;
  height:18px;
  position:absolute;
  top:-5px;
  width:12px;
  border-radius: 2px 2px 2px 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border:solid 1px #877855;
}

/* toolbar */
.toolbar{ margin:0 0 10px 0px;
}

/*表格*/
.list-table{ line-height:35px; margin-top:5px;border-collapse:collapse; text-align:center;}
.list-table .title{ background:#faeec7; color:#8d5601; text-align:center;}
.list-table th,.list-table td{border:solid 1px #DDC89A}
.list-table .row.odd{ background:#fffdf7; }
.list-table .row.even{ background:#fff8e2;}
.list-table .row:hover{ background-color:#faf4b5; cursor:pointer;}
.list-table .row .column{
	vertical-align: middle;
	padding:2px 5px;
}
.list-table .row .check,.list-table .check-all{
	text-align:center;
	width:34px;
}
.list-table .row.active{ background-color:#faf4b5;}
.list-table .check .checkbox,.list-table .check-all .checkbox{
	width:20px;
	height:20px;
	margin:0 auto;
	background: url(../images/checkbox.gif) left no-repeat;	
}
.list-table .active .check .checkbox,.list-table .active .check-all .checkbox{
	background-position: -20px 0;
}

/* label-table */
.label-table{
	border-collapse:collapse;
}
.label-table caption{
	background: none repeat scroll 0 0 #FAEEC7;
    color: #8D5601;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    padding-left: 13px;	
    text-align:left;
    border:solid 1px #E0BF8D;
    border-bottom:none;
}
.label-table td{
	border:solid 1px #F2D89D;
	padding:5px;	
}
.label-table td.label-table-label{
	background-color: #FFF9E7;
	font-weight:bold;
	width:100px;
	font-size:14px;
	/* color:#e84100; */
	color:#543b00;
	text-align:center;
	vertical-align: middle;
}
