@charset "UTF-8";
/*绗竴濂�*/
html{width: 100%;overflow-x: hidden;overflow-y: auto;}
form{text-align: center;width:860px;margin:0 auto;}
fieldset{margin: 0;padding: 0;}
table { border-collapse: collapse;border-spacing: 0;}
.cfBody{width: 100%;font-size: 14px;font-family: "瀹嬩綋", sans-serif;}
/*琛ㄥ崟鏍囬*/
.cfTitle {font-size: 22px;text-align: center;margin-top: 10px;color:#000;font-family: "寰蒋闆呴粦";padding: 8px 5px;}
.cfFieldLabel {text-align: right;word-wrap: break-word;word-break: break-all;font-family: "寰蒋闆呴粦";}
.cfFieldInput {text-align: left;word-wrap: break-word;word-break: break-all;}
/*鏂囨湰妗� 榛樿鏍峰紡*/
.cfText,.cfRowSum,.cfTextArea,.cfColSum,.cfSelectOne,.cfLargeText,.cfSelectMultiple,.cfDateTime,.cfDate{
	border: 1px solid #ccc;
	border-top: 1px solid #b7b7b7;
	background: #f1fbfe;
	border-radius: 2px;
	padding-left: 5px;
}

/*鍗曡鏂囨湰*/
.cfText,.cfRowSum,.cfColSum {
	width: 90%;
	height: 30px;
	line-height: 30px;	
}

/*澶氳鏂囨湰*/
.cfTextArea, .cfLargeText {
	width: 90%;
	height: 80px;
}

/*涓嬫媺妗�*/
.cfSelectOne {
	width: 90%;
	height: 28px;
	line-height: 28px;
}

/*鍒楄〃妗�*/
.cfSelectMultiple {
	width: 90%;
}

/*鏃ユ湡鏃堕棿妗�*/
.cfDateTime {
	background-image: url(../images/widget/datetime.png);
	padding: 5px 0;
}
/*鏃ユ湡妗�*/
.cfDate {
	background-image: url(../images/widget/datetime.png);
	padding: 5px 0;
}
.cfDateTime, .cfDate {
	background-position: 98% 50%;
	background-repeat: no-repeat;
	width: 90%;
}
/*TAB鍒囨崲*/
.cfTab .cfTabHeader {
	background: url(../images/widget/tith4_graybg.gif) repeat-x;
	border: 1px solid #ddd;
	border-bottom: none;
	height: 38px;
	padding: 0;
	margin: 0;
}

.cfTab .cfTabHeader li{
	float: left;
	height: 37px;
	line-height: 36px;
	padding: 0 35px;
	margin: 0 10px;
	font-weight: 700;
	color: #444;
}
.cfTab .cfTabHeader li.selected{
	height: 36px;
	position: relative;
	top: -1px;
	border: 1px solid #ddd;
	border-top: 2px solid #000;
	border-bottom: none;
	text-decoration: none;
	background: #fff;
	color: #000;
}
.cfTab .cfTabBody {
	border: 1px solid #ddd;
	border-top: none;
	padding: 10px;
	text-align: left;
	height:auto !important;height:20px;min-height:20px
}
.cfTab .hide {
	display: none;
}


/*琛ㄦ牸锛屽姩鎬佽锛屽姩鎬佽〃鏍煎眳涓�*/
.cfTable, .cfDynRow, .cfDynTable {
	margin: 8px auto;
}
/*鍔ㄦ�佽〃鏍�*/
.cfDynTable td.first{
	font-weight: 700;
	background: #EDF2FF;
	text-align: center;
	color: #000;
	border-right: 1px solid #ddd;
}

/*琛ㄦ牸*/
.cfTable {
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
	font-size: 14px;
	border:1px solid #ddd;
}

.cfTable td {
	height: 40px;
	border-top:1px solid #f4f4f4;
	border-right:1px solid #f4f4f4;
	margin: 0;
	padding: 8px 5px;
	color: #666;

}
.cfTable td.first{
	font-size: 18px;
	font-weight: 700;
	background: #EDF2FF;
	text-align: center;
	color: #000;
	border-right: 1px solid #ddd;
}

.cfTable tr.topBorder td{
	border-top:1px solid #ddd;
}
.cfTable td.selected {
	background-color: #fffbc4;
	border: 2px solid #ffcc62;
}


.cfDynRow, .cfDynTable{
	border: 1px solid #ccc;
	text-align: left;
}

.cfDynRow table, .cfDynTable table{
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	font-size: 14px;
}

.cfDynRow thead tr th{
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#EFF1FF,endColorStr=#E4EFFF);/*ie娓愬彉*/
	background-image: -moz-linear-gradient(top, #EFF1FF, #E4EFFF);/*浠irefox涓轰唬琛ㄧ殑mozilla鍐呮牳鐨勬祻瑙堝櫒*/
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EFF1FF),to(#E4EFFF) ); /*浠hrome涓轰唬琛ㄧ殑webkit鍐呮牳鐨勬祻瑙堝櫒*/
	border-left: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	line-height: 34px;
	overflow: hidden;
	font-weight: 700;
	font-size: 14px;
	color: #333;
}
.cfDynRow tbody td, .cfDynTable tbody td, .cfDynRow tfoot td{
	border: none;
	border-right: 1px solid #d1d1d1;
	height: 40px;
	vertical-align: middle;
	padding: 0 5px;
}

.cfDynRowTrHover{
	background: #d9ebf5;
}
.cfDynTable tbody td{
	border: 1px solid #e8e8e8;
	height: 40px;
	margin: 0;
	padding: 4px;
}
.cfDynRow td.selected,.cfDynTable td.selected {
	background-color: #fffbc4;
	border: 2px solid #ffcc62;
	margin: -1px;
}
.cfAddTable, .cfDelTable {
	display: inline-block;
	width: 68px;
	height: 24px;
	background-image: url(../images/widget/dyntableaction.png);
	background-repeat: no-repeat;
	margin: 2px;
}

.cfAddTable {
	background-position: 0 0;
}

.cfDelTable {
	background-position: 0 -24px;	
}

.cfAddAndDelTd {
	text-align: center;
	background-color: #f8f8f8;
	padding: 0;
}

.cfAddRow,.cfDelRow,.cfChangeRow {
	border: none;
	cursor: pointer;
	margin: 0;
	overflow: visible;
	-moz-outline: 0 none;
	outline: 0 none;
	margin-right: 2px;
	padding-left: 15px;
	font-size: 12px;
}

.cfAddRow {
	background: url(../images/widget/add.png) no-repeat 0 2px;
}

.cfDelRow {	
	background: url(../images/widget/delete.png) no-repeat 0 2px;
}

.cfChangeRow {
	background: url(../images/widget/changerow.png) no-repeat 0 4px;
}

input.cfAddRow:active, input.cfDelRow:active,
	input.cfChangeRow:active {

}
.cfColSumBg {
	background-color: #f0f0f0;
}
.cfColSumTd {
	font-weight: bold;
	padding-left:5px;
}
/*鍔犵矖*/
.cfBold {
	font-weight: bold;
}

/*鏂滀綋*/
.cfItalic {
	font-style: italic;
}

/*涓嬪垝绾�*/
.cfUnderline {
	text-decoration: underline;
}
/*鑺�*/
.cfFieldSet {
	min-height: 150px;
	border: 1px solid #cfcfcf;
	margin-bottom: 30px;
}
.cfFieldSet legend {
	align: left;
}