﻿@charset "utf-8";
/* CSS Document */
ul, ol, li {
    margin: 0;
    padding: 0;
}
ol, ul {
    list-style: none outside none;
}
button{
	border: 0px none;
	background-color: transparent;

	cursor: pointer;


	/*这部分考虑是否全局定义？*/
}
.inline{
	display: inline-block;
}
.hidden{
	display: none;
	/*position: absolute;
	left: -9999px;
	top: -9999px;*/
}
input.hidden,
input[type=hidden]{
	display: none;
}
label,
span,
a{
/*	vertical-align: middle;*/
}
/*widget*/
div.mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*width: 9999px;
	height: 9999px;*/

	background-color: #efefef;
	opacity: 0.7;

	z-index: 998;
	display: none;
}
/*fieldset.widget-container,
div.widget-container{
	margin: 12px;
}*/

div.widget-container .widget-wrap{
	background-color: #ffffff;
	border-radius: 5px;
	padding: 1px;
	vertical-align: middle;
}
div.widget-container .widget-wrap:hover{
	/*border: 1px solid #999999;*/
}
div.widget-container.focus .widget-wrap{
	border: 1px solid #06C;
}
div.widget-container.disable .widget-wrap{
	border: 1px solid #cccccc;
	background-color: #eeeeee;
}
div.widget-container.error .widget-wrap{
	border: 1px solid #C00;
}

div.widget-container label.widget-fieldlabel{

	/*display: inline-block;

	padding: 0 2px 0 8px;

	text-align: right;*/
}
/*div.widget-container span.widget-separator{
	margin: 0 8px 0 2px;
}*/
div.widget-container span.widget-tips{
	/*padding-left: 16px;*/
	color: #999999;
}
div.widget-container.error span.widget-tips{
	color: #C00;
}

div.widget-container div.widget-fieldlabel-wrap{
	font-weight: bold;
	text-align: left;
	display: inline-block;
}
div.widget-container div.widget-fieldlabel-wrap.xs{
	width: 88px;
}
div.widget-container div.widget-fieldlabel-wrap.s{
	width: 138px;
}
div.widget-container div.widget-fieldlabel-wrap.m{
	width: 168px;
}
div.widget-container div.widget-fieldlabel-wrap.l{
	width: 208px;
}
div.widget-container div.widget-fieldlabel-wrap.xl{
	width: 248px;
}
div.widget-container div.widget-fieldlabel-wrap.xs{
	width: 80px;
}
div.widget-container.read-only div.widget-fieldlabel-wrap.s{
	width: 130px;
}
div.widget-container.read-only div.widget-fieldlabel-wrap.m{
	width: 160px;
}
div.widget-container.read-only div.widget-fieldlabel-wrap.l{
	width: 200px;
}
div.widget-container.read-only div.widget-fieldlabel-wrap.xl{
	width: 240px;
}

/********
text textarea
*********/
div.text-container,
div.textarea-container{
}
/*div.text-container label,
div.textarea-container label{
	padding: 0 8px;
}*/
div.text-container span.text-wrap,
div.textarea-container span.textarea-wrap{
	display: inline-block;
}
div.text-container.read-only span.text-wrap{
	border: 1px none;
}

div.text-container input.text-text,
div.textarea-container textarea.textarea-text{
	/*border: 1px solid #cccccc;*/
	border: 0px none;
	min-width: 153px;
	/*width: 152px;*/
	text-indent: 4px;
	vertical-align: middle;
}
div.text-container input.text-text{
	height: 22px;
	line-height: 22px;
}
div.text-container textarea.textarea-text{
}

div.text-container span.text-tips,
div.textarea-container span.textarea-tips{
	/*padding: 0 8px;*/
}

div.text-container.error span.text-wrap,
div.textarea-container.error span.textarea-wrap{
	/*border: 1px solid #C00;*/
}
div.text-container.error span.text-tips,
div.textarea-container.error span.textarea-tips{
	/*color: #C00;*/
}
div.text-container.focus span.text-wrap,
div.textarea-container.focus span.textarea-wrap{
	/*border: 1px solid #06C;*/
}
div.text-container.focus span.text-tips,
div.textarea-container.focus span.textarea-tips{
}
div.text-container input.text-text{
	height: 19px;
	line-height: 19px;
}
div.text-container.read-only input.text-text{
	height: 21px;
	line-height: 21px;
}
div.text-container input.text-text,
div.textarea-container textarea.textarea-text{
	min-width: 24px;
}
div.text-container input.text-text.xs{
	width: 28px;
}
div.text-container input.text-text.s{
	width: 68px;
}
div.text-container input.text-text.m{
	width: 108px;
}
div.text-container input.text-text.l{
	width: 158px;
}
div.text-container input.text-text.xl{
	width: 208px;
}
div.text-container input.text-text.xxl{
	width: 268px;
}

/********
checkbox radio
*********/
div.radio-group-container,
div.checkbox-group-container{
}
div.radio-group-container div.radio-group-wrap,
div.checkbox-group-container div.checkbox-group-wrap{
	display: inline-block;

	position: relative;

	vertical-align: middle;
}
/*div.radio-group-container label.radio-group-label,
div.checkbox-group-container label.checkbox-group-label{
	padding: 0 8px;
	vertical-align: top;
}*/
div.radio-group-container ul.radio-group-list-wrap,
div.checkbox-group-container ul.checkbox-group-list-wrap{
	display: inline-block;

	vertical-align: top;
	margin-right: 2px;
}
div.radio-group-container ul.radio-group-list-wrap li.radio-list,
div.checkbox-group-container ul.checkbox-group-list-wrap li.checkbox-list{
	margin: 2px 0;
	/*min-width: 158px;*/
}
div.radio-group-container ul.radio-group-list-wrap li.radio-list label.radio-label,
div.checkbox-group-container ul.checkbox-group-list-wrap li.checkbox-list label.checkbox-label{
	/*padding: 2px 8px;*/
	padding: 2px 0px;
	display: inline-block;

	/*height: 22px;*/
	line-height: 22px;
	
	cursor: pointer;
	/*min-width: 137px;*/
}

div.radio-group-container ul.radio-group-list-wrap li.radio-list label.radio-label input,
div.checkbox-group-container ul.checkbox-group-list-wrap li.checkbox-list label.checkbox-label input{
	vertical-align: middle;
	margin-right: 10px;
}
div.widget-container.checkbox-group-container div.widget-fieldlabel-wrap.xs,
div.widget-container.radio-group-container div.widget-fieldlabel-wrap.xs{
	width: 79px;
}
div.widget-container.checkbox-group-container div.widget-fieldlabel-wrap.s,
div.widget-container.radio-group-container div.widget-fieldlabel-wrap.s{
	width: 129px;
}
div.widget-container.checkbox-group-container div.widget-fieldlabel-wrap.m,
div.widget-container.radio-group-container div.widget-fieldlabel-wrap.m{
	width: 159px;
}
div.widget-container.checkbox-group-container div.widget-fieldlabel-wrap.l,
div.widget-container.radio-group-container div.widget-fieldlabel-wrap.l{
	width: 199px;
}
div.widget-container.checkbox-group-container div.widget-fieldlabel-wrap.xl,
div.widget-container.radio-group-container div.widget-fieldlabel-wrap.xl{
	width: 239px;
}

/**/
div.widget-container div.checkbox-group-wrap div.widget-wrap,
div.radio-group-container div.widget-wrap{
	border: 0px none;
	display: inline-block;
}
div.checkbox-group-container div.widget-fieldlabel-wrap,
div.radio-group-container div.widget-fieldlabel-wrap{
	vertical-align: top;
	margin-top: 2px;
}
div.checkbox-group-container label.checkbox-group-fieldlabel,
div.radio-group-container label.radio-group-fieldlabel{
	height: 24px;
	line-height: 24px;
}
div.radio-group-container div.widget-wrap input[type=radio]{
	display: none;
}
div.combobox-container.multiple div.combobox-wrap ul.combobox-list span.icon,
div.checkbox-group-container div.widget-wrap label.checkbox-label span.icon,
div.radio-group-container div.widget-wrap label.radio-label span.icon{
	background: url("../images/widget-all.png") no-repeat -179px -89px;
	display: inline-block;
	height: 15px;
	width: 15px;
}
div.radio-group-container div.widget-wrap label.radio-label span.icon{
	height: 15px;
	width: 15px;
	margin-right: 2px;
}
div.checkbox-group-container div.widget-wrap label.checkbox-label span.text,
div.radio-group-container div.widget-wrap label.radio-label span.text{
	padding-left: 8px;
	padding-right: 8px;
}
div.radio-group-container div.widget-wrap label.radio-label:hover span.icon{
	background-position: -208px -89px;
}
div.checkbox-group-container div.widget-wrap label.checkbox-label:hover span.text,
div.radio-group-container div.widget-wrap label.radio-label:hover span.text{
	color: #78af19;
}
div.radio-group-container div.widget-wrap label.radio-label.checked span.icon{
	background-position: -237px -89px;
}
div.radio-group-container div.widget-wrap label.radio-label.checked:hover span.icon{
	background-position: -266px -89px;
}
div.radio-group-container li.disabled div.widget-wrap label.radio-label span.icon{
	background-position: -323px -89px;
}
div.radio-group-container li.disabled div.widget-wrap label.radio-label.checked span.icon{
	background-position: -294px -89px;
}

/*checkbox*/
div.checkbox-group-container div.widget-wrap input[type=checkbox]{
	display: none;
}
div.combobox-container.multiple div.combobox-wrap ul.combobox-list span.icon,
div.checkbox-group-container div.widget-wrap label.checkbox-label span.icon{
	background-position: -367px -89px;
}
div.combobox-container.multiple div.combobox-wrap ul.combobox-list li.combobox-list:hover span.icon,
div.checkbox-group-container div.widget-wrap label.checkbox-label:hover span.icon{
	background-position: -398px -89px;
}
div.combobox-container.multiple div.combobox-wrap ul.combobox-list li.combobox-list.selected span.icon,
div.checkbox-group-container div.widget-wrap label.checkbox-label.checked span.icon{
	background-position: -430px -89px;
}
div.combobox-container.multiple div.combobox-wrap ul.combobox-list li.combobox-list.selected span.icon,
div.checkbox-group-container div.widget-wrap label.checkbox-label.checked:hover span.icon{
	background-position: -461px -89px;
}

div.radio-group-container ul.radio-group-list-wrap li.radio-list label.radio-label,
div.checkbox-group-container ul.checkbox-group-list-wrap li.checkbox-list label.checkbox-label{
	/*height: 18px;*/
	line-height: 18px;
}
div.checkbox-group-container.disabled div.checkbox-wrap{
	background-color: transparent;
}
div.checkbox-group-container.disabled div.checkbox-wrap label.checkbox-label span.icon{
	background-position: -524px -89px;
}
div.checkbox-group-container.disabled div.checkbox-wrap label.checkbox-label.checked span.icon{
	background-position: -493px -89px;
}

div.checkbox-group-container.disabled div.widget-wrap label.checkbox-label span.text,
div.radio-group-container li.disabled div.widget-wrap label.radio-label span.text,
div.checkbox-group-container.disabled div.widget-wrap label.checkbox-label:hover span.text,
div.radio-group-container li.disabled div.widget-wrap label.radio-label:hover span.text{
	color: gray;
}
/**/


/*msg*/
/*定位关系*/
div.msg-container{
	position: absolute;
	left: 0;
	top: 0;

	/*margin-top: 50%;
	margin-left: 50%;*/
}
/*div.msg-container{
	border: 1px solid #cccccc;
	background: #ffffff;

	box-shadow: 0 0 5px #000000;
}*/
div.msg-container div.msg-wrap{
	border: 1px solid #fefefe;
}
div.msg-container a.msg-close{
	display: block;


	width: 18px;
	height: 18px;
	float: right;
}
/*div.msg-container h3.msg-title{
	background: #7695B2;
	color: #ffffff;
	padding: 4px 10px;
}*/
div.msg-container div.msg-content-container{
	margin: 18px 32px;
}
/*div.msg-container div.msg-btn-container{
	text-align: center;
	margin: 8px 36px;
}*/
/*div.msg-container div.msg-btn-container button{
	border: 1px solid #aaa;
	background: #eee;
	cursor: pointer;
	padding: 3px 10px;
	margin: 0 5px;


	min-width: 64px;
}*/



/*progressbar*/
div.progressbar-container{
	margin-bottom: 36px;
}
/*
div.progressbar-container.progressbar-horizontal span.progressbar-tips,
div.progressbar-container.progressbar-horizontal label.progressbar-fieldlabel{
	vertical-align: top;
	margin: 3px 0;
}
*/
div.progressbar-container div.progressbar-wrap{	/*为了消除widget-wrap的hover效果*/
	position: relative;
	display: inline-block;

	min-width: 100px;
	vertical-align: middle;
}

div.progressbar-container div.progressbar-content{
	background-color: #ffffff;
	position: relative;
	border: 1px solid #cccccc;

	overflow: hidden;
	
	/**后来添加，可能要改*/
	margin: 0 auto;
}
div.progressbar-container.progressbar-horizontal div.progressbar-content{
	height: 10px;
}
div.progressbar-container.progressbar-vertical div.progressbar-content{
	width: 20px;
	border-radius: 0px;
	/*margin: 0 auto;*/
}

div.progressbar-container div.progressbar-value{
	background-color: #8eb7d3;
	position: absolute;
	left: 0;
	bottom: 0;
}
div.progressbar-container.progressbar-horizontal div.progressbar-value{
	border-radius: 5px;
	height: 100%;
}
div.progressbar-container.progressbar-vertical div.progressbar-value{
	width: 100%;
}
div.progressbar-container p.progressbar-text{
	text-align: center;
	margin: 12px auto;


	/**后来添加，可能要改*/
	position: absolute;
	bottom: -36px;
	width: 100%;
}
div.progressbar-container p.progressbar-text span{
	margin: 0 6px;
}



/*combobox*/
div.combobox-container{
	/*line-height: 24px;*/
}
/*div.combobox-container label.combobox-fieldlabel{
	padding: 0 8px;
}*/
div.combobox-container div.combobox-wrap{
	display: inline-block;
	position: relative;
	border: 1px solid #B3B3B3;
}
div.combobox-container div.combobox-wrap input.combobox-text{
	border: 0px none;
	vertical-align: middle;

	text-indent: 4px;
	line-height: 22px;
	height: 22px;
	/*min-width: 130px;*/
}
div.combobox-container div.combobox-wrap a.combobox-switch{
	display: inline-block;

	height: 20px;
	width: 22px;
	vertical-align: middle;

	border-left: 1px solid #cccccc;
}
div.combobox-container div.combobox-wrap div.combobox-list-wrap{
	position: absolute;
	top: 32px;
	left: 0;
	width: 100%;

	/*box-shadow: 0 0 5px #000000;
	border-radius: 3px;*/
	border: 1px solid #cccccc;

	
	background-color: #ffffff;
	/*opacity: 0.7;
	filter: alpha(opacity=70);*/

	z-index: 99;
	display: none;

	max-height: 200px;

	overflow-x: hidden;
	overflow-y:	auto;  
}
div.combobox-container div.combobox-wrap ul.combobox-list{
	/*opacity: 1;
	filter: alpha(opacity=100);*/
	/*border-bottom: 1px solid #fefefe;
	border: 1px solid #fefefe;*/
	border-top: 0px none;
}
/*div.combobox-container div.combobox-wrap ul.combobox-list li{
	border-top: 1px solid #fefefe;
}
div.combobox-container div.combobox-wrap ul.combobox-list li.selected,
div.combobox-container div.combobox-wrap ul.combobox-list li:hover{
	background-color: #343434;
}*/
div.combobox-container div.combobox-wrap ul.combobox-list li input.combobox-checkbox{
	margin-right: 10px;
	vertical-align: middle;
}
div.combobox-container.single div.combobox-wrap ul.combobox-list span.icon,
div.combobox-container.single div.combobox-wrap ul.combobox-list input.combobox-checkbox{
	display: none;
}
div.combobox-container div.combobox-wrap ul.combobox-list li label.combobox-label{
	display: block;
	padding: 8px;
	
	cursor: pointer;
}
/*div.combobox-container div.combobox-wrap ul.combobox-list li.selected label,
div.combobox-container div.combobox-wrap ul.combobox-list li:hover label{
	color: #ffffff;
}*/
div.combobox-container span.combobox-tips{
	/*padding: 0 8px;*/
}
div.combobox-container select.combobox-value-box{
	display: none;
}
div.combobox-container div.combobox-wrap input.combobox-text,
div.text-container input.text-text{
	height: 19px;
	line-height: 19px;
}


/*file*/
div.file-container{

}
div.file-container div.file-wrap{
	position: relative;

	display: inline-block;
}
div.file-container div.file-wrap input.file-input,
div.file-container div.file-wrap input.file-text{
	border: 0px none;
	text-indent: 4px;
}
div.file-container div.file-wrap input.file-text{
	height: 22px;
	line-height: 22px;

	min-width: 219px;
	/*border: 1px solid #cccccc;*/
}
div.file-container div.file-wrap button.file-button{
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;

	margin: 0 4px;
	padding: 0 4px 0 8px;

	width: 60px;

	/*border: 1px solid #aaaaaa;*/
	border: 0px none;
	border-left: 1px solid #cccccc;
	background-color: #ffffff;
}
div.file-container div.file-wrap input.file-input{
	position: absolute;
	left: 0;
	top: 0;

	width: 100%;
	height: 100%;

	line-height: 24px;

	opacity: 0;

	z-index: 1;
}


/*time*/
div.time-container{

}
div.time-container div.time-wrap{
	display: inline-block;

	position: relative;
}
div.time-container div.time-wrap input.time-text{
	width: 24px;
	border: 0px none;

	height: 22px;
	line-height: 22px;

	min-width: 0;
	max-height: 36px;

	text-indent: 4px;
	ime-mode: disabled;
}


div.time-container div.time-wrap a.time-switch{
	width: 16px;
}
div.time-container div.time-wrap div.time-list-wrap ul.time-list li label.time-label{
	padding: 8px 4px;
}
div.time-container span.time-separator{
	padding: 0 3px;
}

/*number*/
div.number-container{

}
div.number-container span.number-wrap{
	/*position: relative;*/
}
div.number-container span.number-wrap input.number-text{
	min-width: 100px;
	width: 105px;
}
div.number-container span.number-wrap span.number-switch-container{
	display: inline-block;
	/*position: absolute;

	right: 0;

	top: 1px;*/
}
div.number-container span.number-wrap .number-switch{
	display: inline-block;

	width: 23px;
	height: 22px;

	vertical-align: middle;
	/*height: 9px;

	border-radius: 5px;
	margin: 1px;*/
}
div.number-container span.number-wrap .number-switch-up{
	border-left: 1px solid #cccccc;
	/*border-bottom: 1px solid #cccccc;*/
}
div.number-container span.number-wrap .number-switch-down{
	border-left: 1px solid #cccccc;
	/*border-top: 1px solid #cccccc;*/
}
div.number-container span.number-wrap .number-switch:hover{
	border-left: 1px solid #999999;
}


/*button*/
div.button-container button.button-button{
	border: 1px solid #aaaaaa;
	background-color: #eeeeee;
	min-width: 64px;
	height: 25px;
}
div.button-container button.button-button:hover{
	border: 1px solid #999999;
}
div.button-container button.button-button.pressed{
	border: 1px solid #999999;
	background-color: #aaaaaa; 
	color: #ffffff;
}
div.button-container button.button-button span.button-icon{
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 5px;
}
div.button-container button.button-button span.button-text{
	line-height: 16px;
}
/*
div.button-container.inline{
	margin: 6px 0;
}*/
div.button-container.submit{
	margin: 28px 0px;
	text-align: right;
}
div.button-container button.button-button{
	border: 1px solid #B5B5B6;
	border-radius: 5px;
	height: 27px;
	min-width: 75px;
	vertical-align: middle;
	background: url(../images/button.png) repeat-x left -92px;
	background-color: #D9D9D9;
	cursor: pointer;
}
div.button-container button.button-button.s{

}
div.button-container button.button-button.m{

}
div.button-container button.button-button.l{
	width: 200px;
}
div.button-container button.button-pop{
	border: 1px solid #B5B5B6;
	border-radius: 5px;

	height: 25px;
	min-width: 75px;

	vertical-align: middle;
	background: url(../images/button.png) repeat-x left -92px;
	background-color: #D9D9D9;
	cursor: pointer;
}
div.button-container button.button-button:hover{
	border-color: #96CC42;
	background-position: left -120px;
	background-color: #CAEA83;
}
div.button-container.clicked button.button-button,
div.button-container button.button-button.selected{
	background-position: left -148px;
	background-color: #96CC42;
	color: #ffffff;
	border-color: #96CC42;
}
div.button-container.submit button.button-button{
	background-position: left top;
	font-size: 15px;
	min-width: 80px;
	height: 30px;
	min-width: 90px;
}
div.button-container.submit button.button-button:hover{
	background-position: left -30px;
}
div.button-container.submit.clicked button.button-button{
	background-position: left -60px;
}
div.button-container div.loading-info-container{
	display: inline;
}
div.button-container div.loading-info-container span.icon{
	background: url(../images/widgets.png) no-repeat -23px -504px;
	display: inline-block;
	width: 26px;
	height: 26px;
	border-radius: 50%;
}
div.button-container div.loading-info-container.loading span.icon,
div.button-container div.loading-info-container.unloading span.icon{
	background: url(../images/widgets.png) no-repeat -23px -504px;
}
div.button-container div.loading-info-container.loaded span.icon{
	background-position: -23px -504px;
}
div.button-container div.loading-info-container.unloaded span.icon{
	background-position: 0px -504px;
}

/*panel*/
div.panel-container{
	border: 1px solid #cccccc;
}
div.panel-container div.panel-wrap{
	border: 1px solid #fefefe;
}
div.panel-container div.panel-wrap h3.panel-title{
	background-color: #7695B2;
	/*padding: 6px 10px;*/
	color: #ffffff;
}
div.panel-container div.panel-wrap div.panel-header-btn-container{
	float: right;
}
div.panel-container div.panel-wrap div.panel-header-btn-container button{
	display: inline-block;
	width: 16px;
	height: 16px;
	color: #ffffff;
	border: 1px solid #cccccc;
	margin: 0 0 0 5px;
}


/*tip*/
div.tip-container{
	display: none;
	position: absolute;

	top: 200px;
	left: 500px;
}
div.tip-container div.tip-wrap{
	background-color: #ffffff;
	border: 1px solid #cccccc;

	padding: 3px 6px;
}

div.tip-container div.tip-wrap h4.tip-title{
	font-weight: bold;
}



/*grid*/
div.grid-container{
	border: 1px solid #cccccc;
}
div.grid-container table{
	width: 100%;
}
div.grid-container div.grid-header-container{
}
div.grid-container div.grid-header-container table tr.grid-header-tr{
	background-color: #999999;
}
div.grid-container div.grid-header-container table th.grid-header{
	border-right: 1px solid #cccccc;
}
div.grid-container div.grid-content-container{
	position: relative;
	z-index: 1;
}
div.grid-container div.grid-content-container table{
}
div.grid-container div.grid-content-container table.grid-content-bg{
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
}
div.grid-container div.checkbox-group-container div.widget-wrap{
	margin-right: 0;
}
div.grid-container div.grid-content-container table.grid-content-bg td.grid-content-td,
div.grid-container div.grid-header-container table th.grid-header span.content,
div.grid-container div.grid-content-container table td.grid-content-td span.content{
	height: 32px;
	line-height: 32px;
}
div.grid-container div.grid-content-container{
	overflow-x: hidden;
	overflow-y: auto;
}
div.grid-container div.grid-content-container  table  tr.grid-content-tr:nth-child(even){
	background-color: #dedede;
}
div.grid-container div.grid-content-container  table  tr.grid-content-tr:nth-child(odd){
}
div.grid-container div.grid-content-container  table  tr.grid-content-tr:hover{
	background-color: #e0e0e0;
}
div.grid-container div.grid-content-container  table  tr.grid-content-tr{
}
div.grid-container div.grid-content-container  table  td.grid-content-td{
	border-right: 1px solid #cccccc;
}
div.grid-container div.grid-content-container  table  td.grid-content-td:last-child{
	border-right: 0px none;
}

/***wizard部分****/
div.wizard-container{

}
div.wizard-container div.process-flow-container{
	margin: 10px auto;
}
div.wizard-container div.process-flow-wrap{
	padding: 40px;
	display: inline-block;
}
div.wizard-container div.process-flow-wrap div.process-flow-step{
	display: inline-block;
}
div.wizard-container div.process-flow-wrap span.bar{
	margin: 10px -5px;
	height: 3px;
	display: inline-block;
	width: 132px;
}
div.wizard-container div.process-flow-wrap div.process-flow-step span.icon{
	display: inline-block;
	height: 12px;
	width: 12px;
	border-radius: 50%;
	position: relative;

	/*cursor: pointer;*/
}
div.wizard-container div.process-flow-wrap div.process-flow-step span.text{
	position: absolute;
	white-space: nowrap;
}
div.wizard-container div.process-flow-wrap div.process-flow-step span.text.up{
	margin-top: -28px;
}
div.wizard-container div.process-flow-wrap div.process-flow-step span.text.down{
	margin-top: 32px
}
div.button-group-container div.button-group-wrap{
	display: inline-block;
	border: 0px none;
}
div.button-group-container div.button-group-wrap ul.button-group-container li{
	display: inline-block;
}
div.button-group-container div.button-group-wrap button.button-group-button{
	border-radius: inherit;
	margin: 0;
}
div.wizard-container div.process-flow-wrap span.bar{
	width: 130px;
	margin: 0 -12px;
}
div.wizard-container div.process-flow-wrap span.bar span.bar-inner{
	display: inline-block;
	width: 100%;
	height: 100%;
}
div.wizard-container div.process-flow-wrap span.bar,
div.wizard-container div.process-flow-wrap div.process-flow-step span.icon{
	background-color: #C9CACB;
}
div.wizard-container div.process-flow-wrap span.bar.processed span.bar-inner{
	background-color: #96CC42;
}
div.wizard-container div.process-flow-wrap div.process-flow-step span.icon{
	background: url(../images/widgets.png) no-repeat center -176px;
	width: 24px;
	height: 24px;
	color: #B3B3B3
}
div.wizard-container div.process-flow-wrap div.process-flow-step.current span.text,
div.wizard-container div.process-flow-wrap div.process-flow-step.processed span.text{
	color: #96CC42;
}
div.wizard-container div.process-flow-wrap div.process-flow-step.current span.icon{
	background-position: center -224px;
}
div.wizard-container div.process-flow-wrap div.process-flow-step.processed span.icon{
	background-position: center -200px;
}
div.wizard-container div.process-flow-wrap div.process-flow-step.current.lst span.icon{
	background-position: center -248px;
}
div.wizard-container div.form-container{
	margin: 0 58px;
}


/************widget 扩展******************/
/*fieldset.widget-container,
div.widget-container{
	margin: 6px 0px;
}*/

div.mask{
	background-color: #7f7f7f;
	opacity: 0.3;
}

div.page-container{
	margin: 0;
	padding: 20px 40px 25px 40px;
}
div.widget-container .widget-wrap{
	/*border: 1px solid #B3B3B3;*/
	border-radius: 0px;
	margin-right: 6px;
}
div.widget-container.focus .widget-wrap,
div.widget-container .widget-wrap:hover{
	border-color: #78AF19;
}
div.widget-container span.widget-tips{
	margin-left: 6px;
	display: inline-block;
}
div.widget-container.error span.widget-tips{
	color: #E00000;
}
div.widget-container span.widget-tips.m{
	max-width: 210px;
}
div.widget-container span.widget-tips.l{
	max-width: 320px;
}
/**控件错误状态**/
div.widget-container.error div.widget-wrap,
div.widget-container.error span.widget-wrap{
	border-color: #E00000;
}
div.widget-container span.widget-validate-icon{
	background: url(../images/widgets.png) no-repeat 100px -508px;

	display: none;
	width: 20px;
	height: 19px;
	border-radius: 50%;
}
div.widget-container.valid span.widget-validate-icon{
	background-position: -26px -508px;
}
div.widget-container.error span.widget-validate-icon{
	background-position: -2px -508px;
}
/**控件组禁用状态**/
div.widget-container.disabled .widget-wrap{
	border-color: #B3B3B3;
	background-color: #cccccc;
}
div.text-container.disabled input.text-text,
div.combobox-container.disabled input.combobox-text{
	background-color: transparent;
	color: #808080;
}

/*combobox部分*/
div.combobox-container div.combobox-wrap a.combobox-switch{
	background: url("../images/widget-all.png") no-repeat -400px -36px;
	border: 0px none;
	width: 19px;
	height: 19px;
}
div.combobox-container div.combobox-wrap a.combobox-switch:hover{
	background-position: -429px -36px;
}
div.combobox-container.disabled div.combobox-wrap a.combobox-switch:hover,
div.combobox-container.disabled div.combobox-wrap a.combobox-switch{
	background-position: -400px -36px;
}

div.combobox-container div.combobox-wrap div.combobox-list-wrap{
	border: 1px solid #D9D9D9;
	top: 22px;
	left: -1px;
}
div.combobox-container div.combobox-wrap ul.combobox-list li:hover{
	background-color: #E1F4BE;
}
div.combobox-container div.combobox-wrap ul.combobox-list li.selected{
	background-color: #96CC42;
}
div.combobox-container div.combobox-wrap ul.combobox-list li.selected label{
	color: #ffffff;
}
div.combobox-container div.combobox-wrap ul.combobox-list li.disabled{
	background-color: transparent;
}
div.combobox-container div.combobox-wrap ul.combobox-list li.disabled label{
	color: #b2b2b2;
}
div.combobox-container div.combobox-wrap ul.combobox-list label.combobox-label span.text{
	white-space: normal;
}
div.combobox-container.multiple div.combobox-wrap ul.combobox-list input.combobox-checkbox{
	display: none;
}
div.combobox-container.multiple div.combobox-wrap ul.combobox-list span.icon{
	margin-top: 1px;
	margin-right: 8px;
}
div.combobox-container.selected div.combobox-wrap input.combobox-text{
	background-color: #96CC42;
	color: #ffffff;
}
div.combobox-container div.combobox-wrap input.combobox-text.xs{
	width: 24px;
}
div.combobox-container div.combobox-wrap input.combobox-text.s{
	width: 49px;
}
div.combobox-container div.combobox-wrap input.combobox-text.m{
	width: 89px;
}
div.combobox-container div.combobox-wrap input.combobox-text.l{
	width: 139px;
}
div.combobox-container div.combobox-wrap input.combobox-text.xl{
	width: 189px;
}
div.combobox-container div.combobox-wrap input.combobox-text.xxl{
	width: 289px;
}
div.combobox-container div.combobox-wrap input.combobox-text.maxl{
	width: 409px;
}



/*hack部分*/
/*ff*/
@-moz-document url-prefix(){
	
}

/*chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0){

}
/*opera*/
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
}
