@charset "utf-8";
/* CSS Document */

/*reset部分*/
html{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #4d4d4d;
}
body{
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	
	cursor: default;
	
	overflow-y: hidden;
	overflow-x: auto;
}
input,
button{
	font-family: Verdana, Geneva, sans-serif;
	color: #4d4d4d;
}
label,
span,
a{
	vertical-align: middle;
}
noscript h2{
	text-align: center;
	color: #10abe1;
	font-size: 14px;
	font-weight: bold;
	margin-top: 40px;
}

/************widget 扩展******************/
div.widget-container{
	margin: 5px 0;
}
div.widget-container.inline-block{
	margin: 0;
}
/*div.widget-container.inline{
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
}
div.widget-container.form-inner{
	margin-left: 27px;
}*/
div.widget-container div.widget-wrap{
	border: 1px solid transparent;
}
div.widget-container div.widget-wrap-outer{
	position: relative;
}
div.widget-container.disabled div.widget-fieldlabel-wrap{
	color: #b2b2b2;
}
div.widget-container.disabled div.widget-tips{
	color: #b2b2b2;
	vertical-align: middle;
}
div.widget-container div.widget-tips{
	/*margin-left: 9px;
	height: 90px;
	margin-top: -30px;*/
}
div.widget-container div.widget-tips div.tips-content{
	margin-left: 9px;
}

div.widget-container div.widget-error-tips{
	position: absolute;
	margin-left: -3px;
	margin-top: 36px;
	z-index: 98;
	display: none;
}
div.widget-container div.widget-error-tips span.widget-error-tips-delta{
	display: block;
	background: url(../img/icons-02.png) no-repeat -329px -58px;
	width: 13px;
	height: 8px;

	position: absolute;
	left: 88px;
	top: -7px;
}
div.widget-container div.widget-error-tips div.widget-error-tips-wrap{
	/*box-shadow: 1px 1px 8px #898989;*/
	background-color: #DD4040;
	border-radius: 3px;
	padding: 10px 12px;
	color:white;

	min-width: 166px;
	max-width: 350px;
}
div.widget-container div.widget-error-tips div.widget-error-tips-wrap div.error-tips-content{
	white-space: nowrap;
	width: 100%;
}

/*div.widget-container.error div.widget-tips{
	color: #e00000;
}*/
/*div.widget-container div.widget-tips div.content{
	height: 30px;
	display: table-cell;
	vertical-align: middle;
	white-space: normal;
	width: 100%;
}*/
div.widget-container div.widget-wrap input{
	background: transparent;
	color: #1a1a1a;
}
div.widget-container.page-container{
	position: static;
}
/*panel*/
div.panel-container{
	position: relative;
	margin-bottom: 40px;
}
div.panel-container div.panel-header{
	border-bottom: 1px solid #cccccc;
}
div.panel-container div.panel-header h3.panel-title{
	font-size: 16px;
	color: #1a1a1a;
	margin-bottom: 8px;
}
div.panel-container div.panel-content{
	padding-top: 11px;
}

/*textbox*/
div.textbox-container{

}
div.text-container div.widget-wrap{
	background-color: #f5f5f5;
	border: 1px solid #e6e6e6;
	position: relative;
}
div.text-container div.widget-wrap span.text-wrap{
	display: inline-block;
}
div.text-container.read-only div.widget-wrap,
div.text-container.read-only.valid div.widget-wrap,
div.text-container.read-only.focus div.widget-wrap,
div.text-container.read-only div.widget-wrap:hover{
	background: transparent;
	border: 1px solid transparent;
}
div.text-container.read-only div.widget-wrap input.text-text{
	border-color: transparent;
	color: #4d4d4d;
}
div.text-container.disabled div.widget-wrap input.text-text{
	color: #b3b3b3;
}
div.text-container div.widget-wrap span.text-hint{
	position: absolute;
	left: 0;
	top: 0;
	margin: 1px;
}
div.text-container div.widget-wrap input.text-hint{
	border: 0px none;
	color: #b3b3b3;
}
div.text-container div.widget-wrap input.text-hint,
div.text-container div.widget-wrap input.text-text{
	padding: 2px 8px;
}
/*div.text-container div.widget-wrap:hover,*/
div.text-container.focus div.widget-wrap,
/*div.combobox-container div.widget-wrap:hover,*/
div.combobox-container.focus div.widget-wrap{
	border-color: #10abe1;
}
div.text-container.error div.widget-wrap,
div.combobox-container.error div.widget-wrap{
	border-color: #dd4040;
}
div.text-container.disabled div.widget-wrap,
div.combobox-container.disabled div.widget-wrap{
	border-color: #e6e6e6;
}

/*password*/
div.password-container div.widget-wrap span.allow-visible-btn{
	display: inline-block;
	background: url(../img/icons-02.png) no-repeat -252px -54px;
	width: 18px;
	height: 18px;

	cursor: pointer;

	margin-right: 2px;
}
div.password-container div.widget-wrap span.allow-visible-btn.visible{
	background-position: -296px -54px;
}
div.text-container.password-container.level{
	margin-bottom: 22px;
}
div.password-container div.password-level{
	position: absolute;
	top: 34px;
	left: -1px;
}
div.password-container div.password-level span.level{
	display: inline-block;
	width: 61px;
	height: 13px;
	line-height: 12px;

	background-color: #c9c9ca;
	color: #ffffff;
	font-size: 10px;
	text-align: center;
	margin-right: 1px;
}
div.password-container div.widget-wrap div.password-level span.level.high{
	margin-right: 0;
}
div.password-container div.widget-wrap div.password-level.level-1 span.level.low{
	background-color: #dd4040;
}
div.password-container div.widget-wrap div.password-level.level-2 span.level.middle{
	background-color: #f7931f;
}
div.password-container div.widget-wrap div.password-level.level-3 span.level.high{
	background-color: #10abe1;
}

/*textarea*/
div.textarea-container{

}
div.textarea-container div.textarea-wrap{
	border: 1px dashed #b2b2b2;
	overflow-x: hidden;
	overflow-y: auto;
}
div.textarea-container div.textarea-wrap textarea.textarea-text{
	text-indent: inherit;
	padding: 4px 0 4px 8px;
	line-height: 18px;
}
div.textarea-container.read-only div.widget-wrap,
div.textarea-container.read-only.valid div.widget-wrap,
div.textarea-container.read-only.focus div.widget-wrap,
div.textarea-container.read-only div.widget-wrap:hover{
	background: transparent;
	border: 1px solid transparent;
}
div.textarea-container.read-only div.widget-wrap textarea.textarea-text{
	background: transparent;
	color: #4d4d4d;
	padding-left: 12px;

	word-wrap: break-word;

	overflow: auto;
}

/*combobox*/
div.combobox-container div.widget-wrap{
	background-color: #f5f5f5;
	border: 1px solid #e6e6e6;
}
/*div.combobox-container.selected div.widget-wrap{
	border-color: #10abe1;
}*/
div.combobox-container div.combobox-wrap div.combobox-list-wrap div.combobox-list-content-wrap{
	max-height: 210px;
}
div.combobox-container div.widget-wrap input.combobox-text{
	padding: 2px 8px;
	cursor: default;
}
div.combobox-container.none-items div.widget-wrap input.combobox-text,
div.combobox-container.disabled div.widget-wrap input.combobox-text{
	color: #b3b3b3;
}
div.combobox-container div.combobox-wrap div.combobox-list-wrap{
	top: 34px;
	left: -1px;
	box-shadow: 1px 1px 5px #898989;
	max-height: 240px;
	overflow-x: hidden;
	overflow-y: auto;  
}
div.combobox-container div.combobox-wrap ul.combobox-list li label.combobox-label{
	height: 30px;
	line-height: 30px;
	padding-left: 14px;

	white-space: nowrap;
}

div.combobox-container div.combobox-wrap ul.combobox-list li:hover label.combobox-label{
	background-color: #58c4dd;
	color: #ffffff;
}
div.combobox-container div.combobox-wrap ul.combobox-list li.selected label.combobox-label{
	color: #10abe1;
}
div.combobox-container div.combobox-wrap ul.combobox-list li.selected:hover label.combobox-label{
	background-color: #58c4dd;
	color: #ffffff;
}
div.combobox-container div.combobox-wrap ul.combobox-list li.disabled label.combobox-label{
	color: #b3b3b3;
}
div.combobox-container div.combobox-wrap ul.combobox-list li.disabled:hover label.combobox-label{
	background-color: transparent;
	cursor: default;
}
div.combobox-container div.widget-wrap a.combobox-switch{
	width: 26px;
	height: 26px;
	border: 0px none;
}
div.combobox-container.disabled div.widget-wrap a.combobox-switch,
div.combobox-container.none-items div.widget-wrap a.combobox-switch{
	cursor: default;
}
div.combobox-container div.widget-wrap a.combobox-switch span.icon{
	display: block;
	background: url(../img/icons-02.png) no-repeat -220px -5px;
	height: 8px;
	width: 10px;
	margin: 10px auto;
}
div.combobox-container.disabled div.widget-wrap a.combobox-switch span.icon,
div.combobox-container.none-items div.widget-wrap a.combobox-switch span.icon{
	background-position: -514px -61px;
}

/*button*/
div.button-container button.button-button{
	height: inherit;
	min-width: 80px;
	padding: 6px 6px 7px 6px;

	border-radius: 3px;
	border: 0px none;

	background-color: #54c7e2;
	color: #ffffff;
}
div.button-container button.button-button span.text{
	font-size: 12px;
}
div.button-container.clicked button.button-button,
div.button-container button.button-button:hover{
	background-color: #61bcd1;
}
div.button-container.field-buttons{
	margin: 8px 0;
}
div.button-container.submit{
	text-align: right;
}
/*div.button-container.submit.form-submit{
	margin-top: 26px;
}*/
div.wizard-container div.wizard-btn button.button-button,
div.msg-btn-container div.button-container button.button-button,
div.button-container.submit button.button-button{
	background-color: #96cc56;
	padding: 8px 6px 9px 6px;
	min-width: 90px;
}
div.wizard-container div.wizard-btn button.button-button span.text,
div.msg-btn-container div.button-container button.button-button span.text,
div.button-container.submit button.button-button span.text{
	font-size: 14px;
}
div.wizard-container div.wizard-btn.clicked button.button-button,
div.wizard-container div.wizard-btn button.button-button:hover,
div.msg-btn-container div.button-container.clicked button.button-button,
div.msg-btn-container div.button-container button.button-button:hover,
div.button-container.submit.clicked button.button-button,
div.button-container.submit button.button-button:hover{
	background-color: #7eb73d;
}
div.widget-container.button-container.disabled.clicked button.button-button,
div.widget-container.button-container.disabled button.button-button,
div.widget-container.button-container.disabled button.button-button:hover{
	background-color: #b2b2b2;
	cursor: default;
}
div.button-container.gap{
	margin-right: 10px;
}

/*button-group*/
div.button-group-container{
	height: 30px;
}
div.button-group-container div.button-group-wrap{
	margin-left: -1px;
}
div.button-group-container ul.button-group-container li{
	margin-left: -1px;
}
div.button-group-container ul.button-group-container li button.button-group-button{
	padding: 2px 6px;
	border: 1px solid #96cc56;
	color: #6da500;
}
div.button-group-container ul.button-group-container li button.button-group-button.fst{
	border-radius: 5px 0 0 5px;
}
div.button-group-container ul.button-group-container li button.button-group-button.lst{
	border-radius: 0 5px 5px 0;
}
div.button-group-container ul.button-group-container li button.button-group-button.selected{
	background-color: #96cc56;
	color: #ffffff;
}
div.button-group-container.on-off-container{
	margin-bottom: 16px;
}
div.button-group-container.on-off-container ul.button-group-container li button.button-group-button{
	width: 45px;
	text-transform: uppercase;
}
div.button-group-container.disabled ul.button-group-container li button.button-group-button{
	border: 1px solid #cccccc;
	color: #b2b2b2;
	cursor: default;
}
div.button-group-container.disabled ul.button-group-container li button.button-group-button.selected{
	background-color: #cccccc;
	color: #ffffff;
}

/*switch-button*/
div.switch-button-container{
	margin-bottom: 16px;
}
div.switch-button-container a.switch-button-btn{
	display: inline-block;
}
div.switch-button-container span.switch-button-btn-wrap{
	display: inline-block;
	width: 55px;
	height: 24px;

	border-radius: 4px;

	position: relative;
}

div.switch-button-container a.switch-button-btn.on span.switch-button-btn-wrap{
	background-color: #96cc56;
	border: 1px solid #96cc56;
}
div.switch-button-container a.switch-button-btn.off span.switch-button-btn-wrap{
	background-color: #a5a5a5;
	border: 1px solid #a5a5a5;
}
div.switch-button-container a.switch-button-btn span.switch-button-btn-wrap span.switch-button-text-wrap{
	display: inline-block;
}
div.switch-button-container a.switch-button-btn span.switch-button-btn-wrap span.switch-button-text-wrap span.switch-button-text{
	color: #ffffff;

    line-height: 24px;
    text-align: center;
    width: 32px;

    display: none;
}
div.switch-button-container a.switch-button-btn.on span.switch-button-btn-wrap span.switch-button-text-wrap span.switch-button-text.on{
	display: block;
}
div.switch-button-container a.switch-button-btn span.switch-button-btn-wrap span.switch-button-text-wrap span.switch-button-text.off{
	display: block;
	margin-left: 23px;
}
div.switch-button-container a.switch-button-btn.on span.switch-button-btn-wrap span.switch-button-text-wrap span.switch-button-text.off{
	display: none;
}
div.switch-button-container a.switch-button-btn span.switch-button-btn-wrap span.switch-button-btn-slider{
	position: absolute;
	top: 0;
	left: 0;

	display: inline-block;
	width: 22px;
	height: 100%;

	background-color: #ffffff;

	border-radius: 3px;
}
/*div.switch-button-container.on a.switch-button-btn.on span.switch-button-btn-wrap span.switch-button-btn-slider{
	border-radius: 0 2px 2px 0;
}*/
div.switch-button-container a.switch-button-btn.disabled{
	cursor: default;
}
div.switch-button-container a.switch-button-btn.disabled span.switch-button-btn-wrap{
	background-color: #cccccc;
	border: 1px solid #cccccc;
}
div.switch-button-container a.switch-button-btn.disabled span.switch-button-btn-wrap span.switch-button-btn-slider{
	background-color: #f2f2f2;
}
div.switch-button-container div.loading-wrap{
	margin: auto 12px;
	display: inline-block;
	min-width: 20px;
}
div.switch-button-container div.loading-wrap-outer{
	display: none;
}
div.switch-button-container div.loading-wrap-outer span.loading{
	display: inline-block;
	background: url(../img/waiting.gif) no-repeat top left;
	width: 20px;
	height: 20px;
}

/*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{
	vertical-align: top;
}
div.radio-group-container div.widget-fieldlabel-wrap,
div.checkbox-group-container div.widget-fieldlabel-wrap{
	vertical-align: top;
	margin-top: 7px;
}
div.radio-group-container label.radio-label input.radio-radio,
div.checkbox-group-container label.checkbox-label input.checkbox-checkbox{
	display: none;
}
div.radio-group-container label.radio-label input.radio-radio + span.icon,
div.checkbox-group-container label.checkbox-label input.checkbox-checkbox + span.icon{
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(../img/icons-02.png) no-repeat -21px -21px;
	margin-right: 8px;
}
div.radio-group-container label.radio-label.checked span.text,
div.radio-group-container label.radio-label:hover span.text,
div.checkbox-group-container label.checkbox-label.checked span.text,
div.checkbox-group-container label.checkbox-label:hover span.text{
	color: #599e00;
}
div.radio-group-container label.radio-label input.radio-radio + span.icon{
	background-position: -21px -21px;
}
div.radio-group-container label.radio-label:hover input.radio-radio + span.icon{
	background-position: -39px -21px;
}
div.radio-group-container label.radio-label.checked input.radio-radio + span.icon{
	background-position: -57px -21px;
}
div.radio-group-container label.radio-label.checked:hover input.radio-radio + span.icon{
	background-position: -75px -21px;
}
div.radio-group-container label.radio-label.disabled input.radio-radio + span.icon,
div.radio-group-container label.radio-label.disabled:hover input.radio-radio + span.icon{
	background-position: -93px -21px;
}
div.radio-group-container label.radio-label.checked.disabled input.radio-radio + span.icon,
div.radio-group-container label.radio-label.checked.disabled:hover input.radio-radio + span.icon{
	background-position: -111px -21px;
}
div.radio-group-container label.radio-label.disabled span.text,
div.radio-group-container label.radio-label.disabled:hover span.text,
div.radio-group-container label.radio-label.disabled.checked span.text,
div.radio-group-container label.radio-label.disabled.checked:hover span.text,
div.checkbox-group-container label.checkbox-label.disabled span.text,
div.checkbox-group-container label.checkbox-label.disabled:hover span.text,
div.checkbox-group-container label.checkbox-label.disabled.checked span.text,
div.checkbox-group-container label.checkbox-label.disabled.checked:hover span.text{
	color: #b3b3b3;
}
div.radio-content-wrap div.widget-container{
	margin: 0;
}
div.checkbox-group-container label.checkbox-label input.checkbox-checkbox + span.icon{
	width: 13px;
	height: 13px;
	margin-right: 6px;
	background-position: -128px -21px;
}
div.checkbox-group-container label.checkbox-label:hover input.checkbox-checkbox + span.icon{
	background-position: -146px -21px;
}
div.checkbox-group-container label.checkbox-label.checked input.checkbox-checkbox + span.icon{
	background-position: -164px -21px;
}
div.checkbox-group-container label.checkbox-label.checked:hover input.checkbox-checkbox + span.icon{
	background-position: -183px -21px;
}
div.checkbox-group-container label.checkbox-label.disabled input.checkbox-checkbox + span.icon,
div.checkbox-group-container label.checkbox-label.disabled:hover input.checkbox-checkbox + span.icon{
	background-position: -201px -21px;
}
div.checkbox-group-container label.checkbox-label.disabled.checked input.checkbox-checkbox + span.icon,
div.checkbox-group-container label.checkbox-label.disabled.checked:hover input.checkbox-checkbox + span.icon{
	background-position: -218px -21px;
}

div.radio-group-container div.widget-tips-wrap,
div.checkbox-group-container div.widget-tips-wrap{
	display: table;
	height: 30px;
	margin-left: 9px;
}
div.radio-group-container div.widget-tips-wrap  div.tips-content,
div.checkbox-group-container div.widget-tips-wrap div.tips-content{
	display: table-cell;
	vertical-align: middle;
}
/*form*/
.form-panel{
	/*padding-left: 27px;*/
}
.form-panel.no-padding{
	padding-left: 0;
}
.form-panel div.form-prompt{
}
.form-panel div.form-prompt div.bg{
	background-color: #54c7e2;
	opacity: 0.7;

	border-radius: 5px;
}
.form-panel div.form-prompt div.content{
	margin: 28px 24px;
}
.form-panel div.form-prompt span.icon{
	background: url(../img/icons-01.png) no-repeat -216px 0;
	width: 38px;
	height: 38px;
	margin-right: 5px;
}
.form-panel div.form-prompt.successed span.icon{
	background-position: -216px -72px;
}
.form-panel div.form-prompt.failed span.icon{
	background-position: -216px 0;
}
.form-panel div.form-prompt span.text{
	color: #ffffff;
	font-size: 16px;
}
.form-panel  div.button-container.form-submit{
	margin-top: 24px;
}
.form-panel  div.button-container.form-submit div.form-submit-wrap{
	display: inline-block;
}
.form-panel div.button-container.form-submit span.loading{
	background: url(../img/waiting.gif) no-repeat top left;
	width: 20px;
	height: 20px;
	margin: 13px -27px 8px 0;
	display: none;
}
.form-panel span.form-error-tips{
	color: #e00000;
	margin-right: 12px;
	display: inline-block;
	max-width: 550px;
}

/*grid*/
div.grid-container{
	/*border-right: 1px solid #d9d9d9;*/
}
div.grid-container div.grid-header-container{
	background-color: #fafafa;
}
div.grid-container div.grid-header-container table tr.grid-header-tr,
div.grid-container div.grid-content-container table tr.grid-content-tr{
	border-top: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	/*border-bottom: 1px solid #d9d9d9;*/
}
div.grid-container div.grid-header-container table tr.grid-header-tr{
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	color: #1a1a1a;
}
div.grid-container div.grid-content-container table tr.grid-content-tr{
	height: 42px;
}
div.grid-container div.grid-content-container{
	border-top: 0px none;
	/*float: left;
	top: 1px;
	left: 0;*/
	margin-top: -1px;
	margin-bottom: -1px;
	/*width: calc(100% + 1px);*/
}
div.grid-container div.grid-content-container-outer{
	background-color: #ffffff;
	border-bottom: 1px solid #d9d9d9;
	/*border-right: 1px solid #d9d9d9;
	display: inline-block;*/
}
div.grid-container.allow-scroll div.grid-content-container{
	margin-top: 0;
}
div.grid-container.allow-scroll div.grid-content-container table{
	margin-top: -1px;
}
div.grid-container.allow-scroll div.grid-content-container-outer{
	border-right: 1px solid #d9d9d9;
}
div.grid-container div.grid-header-container table th.grid-header,
div.grid-container div.grid-content-container table td.grid-content-td{
	height: 42px;
	line-height: inherit;
	border: 0px none;
	border-right: 1px solid #d9d9d9;
	word-wrap: break-word;
}

div.grid-container.allow-scroll div.grid-content-container table td.grid-content-td.lst{
	border-right: 0px none;
}
/*div.grid-container div.grid-header-container table th.grid-header.lst,
div.grid-container div.grid-content-container table td.grid-content-td.lst{
	border-right: 0px none;
}*/

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{
	line-height: 16px;
	height: inherit;
}
div.grid-container div.grid-content-container tr.grid-content-tr.disabled td.grid-content-td{
	color: #b3b3b3;
}
div.grid-container div.grid-content-container tr.grid-content-tr td.grid-content-td-check-column span.content,
div.grid-container div.grid-content-container tr.grid-content-tr.disabled td.grid-content-td-check-column div.checkbox-group-container{
	display: none;
}
div.grid-container div.grid-content-container tr.grid-content-tr.disabled td.grid-content-td-check-column span.content,
div.grid-container div.grid-content-container tr.grid-content-tr td.grid-content-td-check-column div.checkbox-group-container{
	display: inline;
}


/*grid的控件组*/
div.grid-container td.grid-content-td div.checkbox-group-container ul.checkbox-group-list-wrap li.checkbox-list label.checkbox-label{
	height: inherit;
}
div.grid-container th.grid-header div.checkbox-group-container label.checkbox-label input.checkbox-checkbox + span.icon,
div.grid-container td.grid-content-td div.checkbox-group-container label.checkbox-label input.checkbox-checkbox + span.icon{
	margin-right: 0;
	cursor: pointer;
}
/*div.grid-container td.grid-content-td div.grid-header-checkbox.selected label.checkbox-label input.checkbox-checkbox + span.icon,
div.grid-container td.grid-content-td div.grid-content-container table tr.grid-content-tr.selected label.checkbox-label input.checkbox-checkbox + span.icon{
	background-position: -182px -489px;
}*/

div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn{
	margin: 6px;
	display: inline-block;
}
div.grid-container div.grid-content-container tr.grid-content-tr.disabled a.grid-content-btn{
	cursor: default;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn span.text{
	display: none;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn span.icon{
	background: url(../img/icons-02.png) no-repeat -54px -36px;
	display: inline-block;
	width: 18px;
	height: 18px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-edit span.icon{
	background-position: -54px -36px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-edit:hover span.icon{
	background-position: -90px -54px;
}
div.grid-container div.grid-content-container tr.grid-content-tr.disabled a.grid-content-btn.btn-edit span.icon{
	background-position: -72px -36px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-delete span.icon{
	background-position: -90px -36px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-delete:hover span.icon{
	background-position: -126px -54px;
}
div.grid-container div.grid-content-container tr.grid-content-tr.disabled a.grid-content-btn.btn-delete span.icon{
	background-position: -108px -36px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-status span.icon{
	height: 22px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-status.enabled span.icon{
	background-position: -468px 1px;
	width: 16px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-status.enabled:hover span.icon{
	background-position: -468px -47px;
}
div.grid-container div.grid-content-container tr.grid-content-tr.disabled a.grid-content-btn.btn-status.enabled span.icon{
	background-position: -468px -23px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-status.disabled span.icon{
	background-position: -486px 1px;
	width: 20px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-status.disabled:hover span.icon{
	background-position: -486px -47px;
}
div.grid-container div.grid-content-container tr.grid-content-tr.disabled a.grid-content-btn.btn-status.disabled span.icon{
	background-position: -486px -23px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-reset span.icon{
	background-position: -162px -36px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-reset:hover span.icon{
	background-position: -144px -54px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-block span.icon{
	background-position: -126px -36px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-block:hover span.icon{
	background-position: -234px -54px;
}
div.grid-container div.grid-content-container tr.grid-content-tr.disabled a.grid-content-btn.btn-block span.icon{
	background-position: -446px -37px;
}
div.grid-container div.grid-content-container tr.grid-content-tr.disabled a.grid-content-btn.btn-block:hover span.icon{
	background-position: -446px -37px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-bind span.icon{
	background-position: -198px -36px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-bind:hover span.icon{
	background-position: -162px -54px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-bind.disabled span.icon{
	background-position: -216px -36px;
	cursor: default;
}
div.grid-container div.grid-content-container tr.grid-content-tr.disabled a.choose{
	cursor: default;
	color: #b3b3b3;
}

div.grid-panel div.panel-content{
	padding: 0;
}
div.grid-panel div.operation-container{
	text-align: right;
	margin-bottom: 8px;
	position: relative;
	height: 19px;
}
div.grid-panel div.operation-container div.widget-container{
	margin: 0;
}
div.grid-panel div.operation-container div.widget-wrap{
	height: inherit;
	padding: 0;
}
div.grid-panel div.operation-container div.widget-container div.widget-fieldlabel-wrap{
	width: inherit;
}
div.grid-panel div.operation-container div.widget-container.left{
	float: left;
}
div.grid-panel div.operation-container div.widget-wrap input{
	line-height: inherit;
	height: inherit;
	padding: 0;
}
div.grid-panel div.operation-container a.operation-btn{
	margin: 0 8px;
	padding-right: 2px;
	display: inline-block;
}
div.grid-panel div.operation-container a.operation-btn.fst{
	margin-left: 0;
}
div.grid-panel div.operation-container a.operation-btn.lst{
	margin-right: 0;
}
div.grid-panel div.operation-container a.operation-btn span.icon{
	background: url(../img/icons-02.png) no-repeat -198px -432px;
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 4px;
}
div.grid-panel div.operation-container a.operation-btn.btn-add span.icon{
	background-position: -72px 0px;
}
div.grid-panel div.operation-container a.operation-btn.btn-add:hover span.icon{
	background-position: 0px -54px;
}
div.grid-panel div.operation-container a.operation-btn.btn-delete span.icon,
div.grid-panel div.operation-container a.operation-btn.btn-delete-all span.icon{
	background-position: -90px 0px;
}
div.grid-panel div.operation-container a.operation-btn.btn-delete:hover span.icon,
div.grid-panel div.operation-container a.operation-btn.btn-delete-all:hover span.icon{
	background-position: -18px -54px;
}
div.grid-panel div.operation-container a.operation-btn.btn-refresh span.icon{
	background-position: -108px 0px;
}
div.grid-panel div.operation-container a.operation-btn.btn-refresh:hover span.icon{
	background-position: -36px -54px;
}
/*div.grid-panel div.operation-container a.operation-btn.btn-block span.icon{
	background-position: -144px 0px;
}
div.grid-panel div.operation-container a.operation-btn.btn-block:hover span.icon{
	background-position: -72px -54px;
}*/
div.grid-panel div.operation-container a.operation-btn span.text{
	/*padding-bottom: 2px;*/
}
div.grid-panel div.operation-container a.operation-btn span.text,
div.grid-panel div.operation-container button.button-button span.text{
	color: #599e00;
}
div.grid-panel div.operation-container a.operation-btn:hover span.text,
div.grid-panel div.operation-container button.button-button:hover span.text{
	color: #96cc56;
}
div.grid-panel div.operation-container a.operation-btn.btn-delete-all span.text,
div.grid-panel div.operation-container a.operation-btn.btn-delete span.text{
	color: #e00000;
}
div.grid-panel div.operation-container a.operation-btn.btn-delete-all:hover span.text,
div.grid-panel div.operation-container a.operation-btn.btn-delete:hover span.text{
	color: #dd6b6b;
}

div.grid-panel div.operation-container div.button-container{
	margin-left: 8px;
}
div.grid-panel div.operation-container button.button-button{
	min-width: inherit;
}
div.grid-panel div.operation-container div.button-container.disabled button.button-button{
	background-color: transparent;
}
div.grid-panel div.operation-container div.button-container.disabled button.button-button span.text{
	color: #b2b2b2;
}
div.grid-panel div.operation-container button.button-button span.icon{
	background: url(../img/icons-02.png) no-repeat -126px 0px;
	margin-right: 4px;
	width: 18px;
	height: 18px;
}
div.grid-panel div.operation-container button.button-button span.icon.btn-refresh{
	background-position: -108px 0px;
}
div.grid-panel div.operation-container button.button-button:hover span.icon.btn-refresh{
	background-position: -36px -54px;
}
div.grid-panel div.operation-container div.button-container.disabled button.button-button span.icon.btn-refresh{
	background-position: -296px -4px;
}
div.grid-panel div.operation-container button.button-button span.icon.btn-reset-all{
	background-position: -126px 0px;
}
div.grid-panel div.operation-container button.button-button:hover span.icon.btn-reset-all{
	background-position: -54px -54px;
}
div.grid-panel div.operation-container button.button-button span.icon.btn-block{
	background-position: -144px 0px;
}
div.grid-panel div.operation-container button.button-button:hover span.icon.btn-block{
	background-position: -72px -54px;
}
div.grid-panel div.operation-container button.button-button span.icon.btn-safely-remove{
	background-position: -342px -55px;
}
div.grid-panel div.operation-container button.button-button:hover span.icon.btn-safely-remove{
	background-position: -360px -55px;
}

div.grid-panel div.operation-container button,
div.grid-panel div.operation-container button:hover{
	background-color: transparent;
	margin: 0;
	padding: 0;
	color: #4d4d4d;
	border-radius: 0;
}
div.grid-panel div.operation-container button span.text{
	font-size: 12px;
}
div.grid-panel div.operation-container div.grid-prompt span.icon{
	background: url(../img/icons-01.png) no-repeat -152px -224px;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 7px;
}
div.grid-panel div.operation-container div.grid-prompt.successed span.icon{
	background-image: none;
}
div.grid-panel div.operation-container div.grid-prompt.failed span.icon{
	background-position: -152px -224px;
}
div.grid-panel div.operation-container div.grid-prompt span.text-successed{
	display: none;
}
div.grid-panel div.operation-container div.grid-prompt.failed span.text-successed,
div.grid-panel div.operation-container div.grid-prompt.successed span.text-failed{
	display: none;
}
div.grid-panel div.operation-container div.gird-prompt-progressbar{
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 100%;
	display: none;
}
/*div.grid-panel div.operation-container div.gird-prompt-progressbar div.progressbar-text{
	position: absolute;
	right: 0;
	margin-right: -30px;
	color: #595757;
	bottom: 9px;
}*/
div.grid-panel div.operation-container div.gird-prompt-progressbar div.widget-wrap{
	border: 0px none;
	width: inherit;
}
div.grid-panel div.operation-container div.gird-prompt-progressbar div.progressbar-content{
	/*border: 1px solid #b2b2b2;*/
	background-color: #cccccc;
	height: 4px;

	/*padding: 1px;*/
	display: block;
	width: 100%;
	overflow: hidden;
}
div.grid-panel div.operation-container div.gird-prompt-progressbar div.progressbar-value{
	position: relative;
	height: inherit;
	max-width: 672px;
	left: 0;
	width: 0px;
}

div.grid-panel div.paging-container{
	text-align: right;
	margin: 10px 0;
}
div.grid-panel div.paging-container.disabled{
	display: none;
}
div.grid-panel div.paging-container a.paging-btn{
	color: #4d4d4d;
	margin-left: 14px;
}
div.grid-panel div.paging-container a.paging-btn:hover,
div.grid-panel div.paging-container a.paging-btn.current{
	color: #599e00;
}
div.grid-panel div.paging-container a.paging-btn.disabled{
	cursor: default;
}
div.grid-panel div.paging-container span.dots{
	display: none;
	margin-left: 14px;
}
div.grid-panel div.paging-container span.dots.more{
	display: inline-block;
}
/*div.grid-panel div.paging-container a.paging-btn.pageing-btn-prev.disabled,
div.grid-panel div.paging-container a.paging-btn.pageing-btn-next.disabled{
	display: none;
}*/
div.grid-panel div.paging-container a.paging-btn.pageing-btn-prev span.icon,
div.grid-panel div.paging-container a.paging-btn.pageing-btn-next span.icon{
	background: url(../img/icons-01.png) no-repeat -150px -78px;
	display: inline-block;
	width: 23px;
	height: 23px;
}
div.grid-panel div.paging-container a.paging-btn.pageing-btn-next span.icon{
	background-position: -186px -78px;
}
div.grid-panel div.paging-container a.paging-btn.pageing-btn-prev.disabled  span.icon{
	background-position: -216px -168px;
}
div.grid-panel div.paging-container a.paging-btn.pageing-btn-next.disabled  span.icon{
	background-position: -216px -144px;
}
div.grid-panel div.paging-container a.paging-btn.pageing-btn-prev span.text,
div.grid-panel div.paging-container a.paging-btn.pageing-btn-next span.text{
	display: none;
}

div.grid-container div.grid-content-container table tr.grid-content-tr.disabled{
	border: 1px solid #D9D9D9;
}
div.grid-container div.grid-content-container table tr.grid-content-tr.editing{
	border-top: 1px solid #96cc56; 
	border-left: 1px solid #96cc56;
}
div.grid-container div.grid-content-container table tr.grid-content-tr.editing td.grid-content-td.lst{
	border-right: 1px solid #96cc56;
}
div.grid-container div.grid-content-container table tr.grid-content-tr.error{
	border-top: 1px solid #dd4040; 
	border-left: 1px solid #dd4040;
	/*border-bottom: 1px solid #dd4040;*/
}
div.grid-container div.grid-content-container table tr.grid-content-tr.error td.grid-content-td.lst{
	border-right: 1px solid #dd4040;
}
div.grid-container div.grid-content-container table tr.editor-container{ 
	border-left: 1px solid #96cc56;
	border-right: 1px solid #96cc56;
	border-bottom: 1px solid #96cc56;
}
div.grid-container div.grid-content-container table tr.editor-container.error{ 
	border-left: 1px solid #dd4040;
	border-right: 1px solid #dd4040;
	border-bottom: 1px solid #dd4040;
}
div.grid-panel div.editor-content-container{
	text-align: left;
	padding: 22px 0 0 48px;
}
div.grid-panel div.editor-buttons-container{
	text-align: right;
	margin-bottom: 22px;
	padding-right: 38px;
	margin-top: 16px;
}
div.grid-panel div.editor-buttons-container div.button-container.submit{
	display: inline-block;
	margin: 0 9px
}
div.grid-panel div.editor-buttons-container span.form-error-tips{
	width: 340px;
}
div.warning h4.title span.icon{
	display: inline-block;
	width: 32px;
	height: 32px;
	/*margin-right: 16px;*/
	background: url(../img/icons-01.png) no-repeat -218px -110px;

	position: absolute;
}
div.warning h4.title span.text{
	display: inline-block;
	line-height: 24px;

    margin: 3px 0 0 48px;
}
div.warning h4.title span.text.title{
	color: #1a1a1a;
	font-size: 16px;
}
div.msg-container div.grid-panel{
	margin-bottom: 0;
}

/*file*/
div.file-container{

}
div.file-container div.widget-wrap.file-wrap{
	border: 0px none;
	background-color: transparent;
}
div.file-container div.file-button-container{
	margin-left: 13px;
	margin-right: -13px\9\0;
}
div.file-container div.file-wrap-outer div.file-button-container button.button-button{
	min-width: 62px\9\0;
}

/*msg*/
div.msg-container{
	box-shadow: 1px 1px 8px #898989;
	background-color: #ffffff;
	border-radius: 5px;

	padding: 9px;
}
div.msg-container div.msg-wrap a.msg-close{
	background: url(../img/icons-02.png) no-repeat -54px 0px;
	width: 18px;
	height: 18px;
	border-radius: 50%;

	cursor: pointer;
}
div.msg-container div.msg-wrap a.msg-close:hover{
	background-position: -36px 0px;
}
div.msg-container div.msg-content-wrap{
	margin: 32px 30px 48px 32px;
}
div.msg-container div.msg-content-wrap h3.msg-title{
	font-size: 14px;
	color: #1A1A1A;
	margin-bottom: 16px;
}
div.msg-container div.msg-btn-container{
	text-align: right;
	margin-right: 24px;
	margin-bottom: 19px;
}
div.msg-container  div.msg-btn-container div.button-container{
	margin-left: 6px;
	margin-right: 6px;
}

div.msg-container.user-defined div.msg-content-wrap{
	margin-bottom: 22px;
}
div.msg-container.user-defined div.msg-content{
	margin-bottom: 48px;
}
div.msg-container.user-defined div.msg-btn-container{
	margin-right: 0px;
}

/*timepicker*/
div.timepicker-container{

}
div.timepicker-container div.timepicker-wrap a.timepicker-switch{
	border-radius: 50%;
	display: inline-block;
}
div.timepicker-container div.timepicker-wrap a.timepicker-switch span.icon{
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../img/icons-02.png) no-repeat -18px -36px;
}
div.timepicker-container div.timepicker-wrap a.timepicker-switch:hover span.icon{
	background-position: -108px -54px;
}
div.timepicker-container div.timepicker-wrap a.timepicker-switch.disabled span.icon{
	background-position: -36px -36px;
	cursor: default;
}
div.timepicker-container div.timepicker-wrap a.timepicker-switch span.text{
	display: none;
}
div.timepicker-msg-container div.timepicker-msg-container-wrap{
	position: relative;
}
div.timepicker-msg-container div.msg-content-wrap{
	margin-bottom: 22px;
}
div.timepicker-msg-container div.timepicker-msg-container-wrap div.timepicker-view-only-cover{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
div.timepicker-msg-container table.timepicker td{
	border: 1px solid #e5e6e6;
}
div.timepicker-msg-container table.timepicker div.timepicker-picker{
	border: 1px solid #ffffff;
	width: 82px;
	height: 17px;
	cursor: pointer;
}
div.timepicker-msg-container table.timepicker div.row-picker{
	height: 17px;
	width: 42px;
}
div.timepicker-msg-container table.timepicker div.timepicker-picker.hover,
div.timepicker-msg-container table.timepicker div.timepicker-picker:hover{
	/*background-color: #ECF4D3;*/
}
div.timepicker-msg-container table.timepicker div.timepicker-picker.selected{
	background-color: #a0d468;
}
div.timepicker-msg-container div.x-axis-wrap{
	top: -489px;
}
div.timepicker-msg-container div.x-axis span{
	display: block;
	height: 20px;
	font-size: 11px;
}
div.timepicker-msg-container div.legend-container{
	margin-top: 10px;
    padding-left: 42px;
}
div.timepicker-msg-container div.legend-container span.icon{
	background-color: #a0d468;
	display: inline-block;
    height: 16px;
    margin-right: 8px;
    width: 16px;
}
div.timepicker-msg-container div.msg-btn-container{
	margin-right: -6px;
}
div.timepicker-msg-container div.timepicker-select-wrap{
	border: 2px dashed #b2b2b2;
	position: absolute;
}
	
/*foldertree*/
div.foldertree-container{
	margin: 10px;
	max-height: 418px;
    overflow-y: auto;
}
div.foldertree-container div.router{
	margin-bottom: 4px;
}
div.foldertree-container div.router span.icon{
	background: url(../img/icons-02.png) transparent no-repeat -319px -1px;
	width: 40px;
	height: 36px;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 14px;
}
div.foldertree-container div.foldertree-root{
	margin-left: 15px;
}
div.foldertree-container a.foldertree-root span.icon{

}
div.foldertree-container a.foldertree-text{
	color: #4d4d4d;
}
/*div.foldertree-container a.foldertree-text.selected + ul.foldertree-wrap a.foldertree-text,*/
div.foldertree-container a.foldertree-text.selected{
	color: #599e00;
}
div.foldertree-container a.foldertree-text span.icon{
	background: url(../img/icons-02.png) transparent no-repeat -274px -35px;
	display: inline-block;
	height: 18px;
	width: 20px;
	margin:0 7px 0 5px;
}
/*div.foldertree-container a.foldertree-text.selected + ul.foldertree-wrap a.foldertree-text span.icon,*/
div.foldertree-container a.foldertree-text.selected span.icon{
	background-position: -295px -35px;
}
div.foldertree-container a.foldertree-text.foldertree-root{
	display: inline-block;
	vertical-align: top;
	margin: 14px 0 4px 0;
}
div.foldertree-container a.foldertree-text.foldertree-root span.icon{
	background-position: -278px -1px;
	height: 28px;
	width: 14px;
	margin-right: 11px;
}
div.foldertree-container div.foldertree-root span.foldertree-root.foldertree-has-branch.opened{
	background: url(../img/icons-02.png) transparent no-repeat -434px 4px;
	width: 33px;
	height: 36px;
	margin-right: 3px;
	vertical-align: top;
	cursor: default;
}
div.foldertree-container ul.foldertree-wrap{
	margin-left: 37px;
}
div.foldertree-container ul.foldertree-wrap.foldertree-branch-wrap{
	background: url(../img/icons-02.png) transparent repeat-y -544px 1px;
	padding-left: 27px;
	margin: 0;
}
div.foldertree-container li.foldertree-branch.lst ul.foldertree-wrap.foldertree-branch-wrap{
	background-image: none;
}
div.foldertree-container ul.foldertree-wrap li.foldertree-branch{
	/*height: 24px;*/
}

div.foldertree-container ul.foldertree-wrap li.foldertree-branch div.foldertree-root{
	
}

div.foldertree-container ul.foldertree-wrap li.foldertree-branch span.foldertree-icon{
	background: url(../img/icons-02.png) transparent no-repeat -361px -1px;
	height: 24px;
	width: 24px;
}
div.foldertree-container ul.foldertree-wrap li.foldertree-branch span.foldertree-icon.foldertree-has-branch{
	background-position: -409px -1px;
}
div.foldertree-container ul.foldertree-wrap li.foldertree-branch span.foldertree-icon.foldertree-has-branch.opened{
	background-position: -385px -1px;
}
div.foldertree-container ul.foldertree-wrap li.foldertree-branch.lst span.foldertree-icon{
	background-position: -361px -29px;
}
div.foldertree-container ul.foldertree-wrap li.foldertree-branch.lst span.foldertree-icon.foldertree-has-branch{
	background-position: -409px -29px;
}
div.foldertree-container ul.foldertree-wrap li.foldertree-branch.lst span.foldertree-icon.foldertree-has-branch.opened{
	background-position: -385px -29px;
}

/*status*/
div.status-container div.status-wrap span.icon{
	background: url(../img/icons-02.png) no-repeat -19px -1px;
	display: inline-block;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	margin: 0 5px 0 6px;
}
div.status-container div.status-wrap span.text{
	line-height: 24px;
}
div.status-container div.status-wrap span.text.scan-result{
	font-size: 14px;
	color: #0094bc;
}
div.status-container.normal div.status-wrap span.icon{
	background-image: none;
}
div.status-container.loading div.status-wrap span.icon{
	background: url(../img/waiting.gif) no-repeat left top;
	width: 20px;
	height: 20px;
}
div.status-container.success div.status-wrap span.icon{
	background-position: -19px -1px;
}
div.status-container.failed div.status-wrap span.icon{
	background-position: -37px -1px;
}

/*wizard*/
div.wizard-container div.form-buttons-container{
	text-align: right;
}
div.wizard-container div.form-buttons-container div.wizard-btn{
	display: inline-block;
	margin-left: 15px;
}
div.wizard-container div.process-flow span.bar{
	height: 3px;
	width: 132px;
}
div.wizard-container div.process-flow div.process-flow-step{
	height: 12px;
	height: 12px;
}
div.wizard-container div.process-flow div.process-flow-step span.icon{
	height: 12px;
	width: 12px;
	border-radius: 50%;
}
div.wizard-container div.process-flow div.process-flow-step span.icon,
div.wizard-container div.process-flow span.bar{
	background-color: #cccccc;
}
div.wizard-container div.process-flow div.process-flow-step.processed span.icon,
div.wizard-container div.process-flow span.bar span.bar-inner{
	background-color: #96cc56;
}
div.wizard-container div.process-flow div.process-flow-step.current span.icon{
	background: url(../img/icons-01.png) no-repeat -234px -304px;
	width: 22px;
	height: 22px;
	left: -5px;
	top: -5px;
}
div.wizard-container div.process-flow div.process-flow-step.current.lst span.icon{
	background-position: -234px -328px;
}
div.wizard-container div.process-flow div.process-flow-step span.text{
	color: #b2b2b2;
}
div.wizard-container div.process-flow div.process-flow-step span.text.up{
	margin-top: -32px;
}
div.wizard-container div.process-flow div.process-flow-step span.text.down{
	margin-top: 26px
}
div.wizard-container div.process-flow div.process-flow-step.processed span.text,
div.wizard-container div.process-flow div.process-flow-step.current span.text{
	color: #599e00;
}
div.wizard-container div.form-container{
	margin: 24px 150px;
}
div.wizard-container div.form-container div.form-buttons-container{
	margin-top: 40px;
}

/*progressbaar*/
div.progressbar-container{
	display: inline-block;
	padding: 0;
}
div.progressbar-container div.progressbar-content{
	/*border: 1px solid #96cc56;*/
	border: 0px none;
	background-color: #eeefef;
	height: 100%;
}
div.progressbar-container div.progressbar-content div.progressbar-value{
	background-color: #96cc56;
}
div.slider-container div.slider-text,
div.progressbar-container div.progressbar-text{
	display: inline-block;
	width: 50px;
	text-align: right;
}

/*slider*/
div.slider-container div.slider-content{
	border: 0px none;

	background-color: #cccccc;
	height: 6px;
	
	margin: 10px 0;
	position: relative;
	padding-right: 11px;
}

div.slider-container div.slider-content div.widget-value{
	position: absolute;
	left: 0;
	top: 0;
	
	background-color: #54c7e2;

	height: 100%;
	width: 50px;

	padding-left: 10px;
}
div.slider-container div.slider-content div.widget-value-inner{
	background: url(../img/icons-01.png) no-repeat -226px -44px;

	margin: -6px -4px 0 0;
	height: 18px;
	width: 16px;

	position: absolute;
	right: 0;
	top: 0;

	cursor: pointer;
}

/*keyword*/
div.keyword-container{
	margin: 20px 0;
}
div.keyword-container div.widget-wrap{
	display: block;
}
div.keyword-container div.keyword-btn-container{
	margin-bottom: 14px;
}
div.keyword-container div.keyword-container-div{
	/*overflow-y: auto;
	overflow-x: hidden;
	max-height: 160px;*/
}
/*div.keyword-container div.widget-wrap table{
	width: 100%;
}*/
div.keyword-container div.widget-wrap table td{
	text-align: left;
	min-width: 223px;
	vertical-align: middle;
}
div.keyword-container div.widget-wrap table td div.widget-container{
	vertical-align: middle;
	margin: 5px 0;
}
div.keyword-container a.keyword-btn{
	display: inline-block;
}
div.keyword-container a.keyword-btn.disabled{
	cursor: default;
}
div.keyword-container span.keyword-overflow-warning{
	margin-left: 48px;
	color: #e00000;
}
div.keyword-container a.keyword-btn span.icon{
	background: url(../img/icons-02.png) no-repeat -72px 0px;
	display: inline-block;
	width: 18px;
	height: 18px;
}
div.keyword-container div.keyword-btn-container a.keyword-btn.keyword-add-btn span.icon{
	background-position: -72px 0px;
	margin-right: 6px;
}
div.keyword-container div.keyword-btn-container:hover a.keyword-btn.keyword-add-btn span.icon{
	background-position: 0px -54px;
}
div.keyword-container div.keyword-btn-container.disabled a.keyword-btn.keyword-add-btn span.icon{
	background-position: -405px -55px;
}
div.keyword-container div.keyword-btn-container a.keyword-btn.keyword-add-btn span.text{
	color: #599e00;
}
div.keyword-container div.keyword-btn-container a.keyword-btn.keyword-add-btn:hover span.text{
	color: #96cc56;
}
div.keyword-container div.keyword-btn-container.disabled a.keyword-btn.keyword-add-btn span.text{
	color: #b2b2b2;
}
div.keyword-container.empty div.keyword-btn-container a.keyword-btn.keyword-add-btn{
	font-size: 14px;
	display: block;
	border: 1px solid #cccccc;
	height: 80px;
	width: 100%;
}
div.keyword-container.empty div.keyword-btn-container a.keyword-btn.keyword-add-btn span.keyword-add-btn-wrap{
	text-align: center;
	line-height: 80px;
	display: block;
}
div.keyword-container.empty div.keyword-btn-container a.keyword-btn.keyword-add-btn span.icon{
	background-position: -506px 1px;
    height: 26px;
    width: 26px;
}
div.keyword-container.empty div.keyword-btn-container a.keyword-btn.keyword-add-btn:hover span.icon{
	background-position: -506px -31px;
}
div.keyword-container a.keyword-btn.keyword-remove-btn{
	display: inline-block;
}
div.keyword-container a.keyword-btn.keyword-remove-btn span.icon{
	background-position: -144px -36px;
	margin: 0 4px;
}
div.keyword-container a.keyword-btn.keyword-remove-btn:hover span.icon{
	background-position: -90px 0px;
}
div.keyword-container a.keyword-btn.keyword-remove-btn span.text{
	display: none;
}
div.widget-container.keyword-container div.widget-tips{
	margin: 0
}

/*help*/
div.help-container{
	position: absolute;
	right: 0;
	top: 0;
}
div.help-container div.help-btn-container{
	position: absolute;
	right: 6px;
	top: 24px;
}
div.help-container div.help-btn-container a.btn-help{
	background: url(../img/icons-01.png) no-repeat -148px -40px;
	display: block;
	width: 27px;
	height: 27px;
}
div.help-container div.help-btn-container a.btn-help.clicked,
div.help-container div.help-btn-container a.btn-help:hover{
	background-position: -184px -40px;
}
div.help-container div.help-content-container{
	background-color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 1px 1px 8px #898989;
    
    position: absolute;
    right: 0px;
    top: 64px;
    

    padding: 28px 12px 48px 12px;

    z-index: 399;

    display: none;
}
div.help-container div.help-content-container span.help-content-delta{
	background: url(../img/icons-02.png) no-repeat -383px -55px;
	display: block;
	width: 16px;
	height: 10px;

	position: absolute;
	right: 11px;
    top: -10px;
}
div.help-container div.help-content-container div.help-content h4.title{
	font-size: 16px;
	color: #191919;
	vertical-align: middle;
	margin: 72px 0 10px 0;
	
	border-bottom: 1px solid #cccccc;
	padding-bottom: 8px;
}
div.help-container div.help-content-container div.help-content > h4.title:first-child{
	margin-top: 0px;
}
div.help-container div.help-content-container div.help-content-container-wrap{
	overflow-x: hidden;
	overflow-y: auto;

	width: 384px;
}
div.help-container div.help-content-container div.help-content{
	line-height: 20px;
	margin: 0 12px;
}
div.help-container div.help-content-container div.help-content h5.title{
	font-size: 14px;
}
div.help-container div.help-content-container div.help-content div.title-container,
div.help-container div.help-content-container div.help-content div.name-container,
div.help-container div.help-content-container div.help-content div.note-container,
div.help-container div.help-content-container div.help-content div.step-container,
div.help-container div.help-content-container div.help-content div.paragraph-container{
	margin-left: 8px;
}
div.help-container div.help-content-container div.help-content div.title-container{
	margin-top: 24px;
}
div.help-container div.help-content-container div.help-content h4.title + div.title-container{
	margin-top: 0;
}
div.help-container div.help-content-container div.help-content div.title-container div.content-wrap p{
	margin-bottom: 24px;
}

div.help-container div.help-content-container div.help-content div.title-container h5.title{
	color: #191919;
	font-size: 16px;
	padding: 20px 0 8px 0;
}
div.help-container div.help-content-container div.help-content div.step-container h5.title{
	color: #191919;
	padding: 4px 0;
}
div.help-container div.help-content-container div.help-content div.name-container h5.title{
	border-bottom: 1px solid #e6e6e6;
	padding: 8px 8px 8px 0;
	vertical-align: middle;
	cursor: pointer;
	display: inline-block;
	width: 331px;
}
div.help-container div.help-content-container div.help-content div.name-container h5.title span.arrow{
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url(../img/icons-02.png) no-repeat -238px -40px;
	float: right;
	margin: 6px 0;
}
div.help-container div.help-content-container div.help-content div.name-container span.connector{
	display: none;
}
div.help-container div.help-content-container div.help-content div.name-container.sub-container span.connector{
	display: inline;
}
div.help-container div.help-content-container div.help-content div.name-container.sub-container{
	text-indent: 1.5em;
}
div.help-container div.help-content-container div.help-content div.name-container.sub-container div.name-container.sub-container{
	text-indent: 2.5em;
}
div.help-container div.help-content-container div.help-content div.name-container.sub-container div.name-container.sub-container div.name-container.sub-container,
div.help-container div.help-content-container div.help-content div.name-container.sub-container div.name-container.sub-container div.name-container.sub-container{
	text-indent: 3.5em;
}
div.help-container div.help-content-container div.help-content div.name-container.sub-container h5.title{
	border-bottom: 0px none;
	color: #10abe1;
	cursor: default;
	padding: 0;
	display: inline;
}
div.help-container div.help-content-container div.help-content div.name-container.sub-container div.name-container.sub-container h5.title,
div.help-container div.help-content-container div.help-content div.name-container.sub-container div.name-container.sub-container div.name-container.sub-container h5.title{
	font-size: 12px;
}
div.help-container div.help-content-container div.help-content div.name-container.sub-container div.name-container.sub-container div.name-container.sub-container h5.title,
div.help-container div.help-content-container div.help-content div.name-container.sub-container div.name-container.sub-container div.name-container.sub-container div.name-container.sub-container h5.title{
	color: #4d4d4d;
}
div.help-container div.help-content-container div.help-content div.name-container.sub-container h5.title span.arrow{
	display: none;
}
div.help-container div.help-content-container div.help-content div.name-container h5.title.opened{
	color: #10abe1;
}
div.help-container div.help-content-container div.help-content div.name-container h5.title.opened span.arrow{
	background-position: -530px -60px;
}
div.help-container div.help-content-container div.help-content div.name-container div.content-wrap{
	display: none;
	margin-bottom: 24px;
}
div.help-container div.help-content-container div.help-content div.name-container.sub-container div.content-wrap,
div.help-container div.help-content-container div.help-content div.name-container.sub-container div.content-wrap p{
	display: inline;
	vertical-align: middle;
}
div.help-container div.help-content-container div.help-content div.name-container div.content-wrap p,
div.help-container div.help-content-container div.help-content div.note-container ol li,
div.help-container div.help-content-container div.help-content div.step-container ol li{
	margin: 8px 0;
}
div.help-container div.help-content-container div.help-content div.note-container,
div.help-container div.help-content-container div.help-content div.step-container{
	margin: 18px 0 32px 8px;
}
div.help-container div.help-content-container div.help-content div.paragraph-container p.paragraph{
	margin: 18px 0;
}
div.help-container div.help-content-container div.help-content div.note-container h5.title{
	color: #10abe1;
}
/*
div.help-container div.help-content-container div.help-content h5.title{
	color: #0094bc;
	display: inline;
	vertical-align: middle;
}
div.help-container div.help-content-container div.help-content div.paragraph-container{
	margin: 12px 0;
}
div.help-container div.help-content-container div.help-content div.sub-container{
	text-indent: 30px;
}
div.help-container div.help-content-container div.help-content div.sub-container div.sub-container{
	text-indent: 60px;
}
div.help-container div.help-content-container div.help-content div.sub-container div.sub-container div.sub-container h5.title,
div.help-container div.help-content-container div.help-content div.sub-container div.sub-container h5.title{
	color: #191919;
}
div.help-container div.help-content-container div.help-content div.sub-container div.sub-container div.sub-container{
	text-indent: 90px;
}
*/

/*控件的size*/
div.widget-container div.widget-fieldlabel-wrap.xxxs{
	width: 46px;
}
div.widget-container div.widget-fieldlabel-wrap.xxs{
	width: 78px;
}
div.widget-container div.widget-fieldlabel-wrap.xss{
	width: 88px;
}
div.widget-container div.widget-fieldlabel-wrap.xs{
	width: 110px;
}
div.widget-container div.widget-fieldlabel-wrap.s{
	width: 144px;
}
div.widget-container div.widget-fieldlabel-wrap.m{
	width: 174px;
}
div.widget-container div.widget-fieldlabel-wrap.l{
	width: 214px;
}
div.widget-container div.widget-fieldlabel-wrap.xl{
	width: 254px;
}

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;
}

div.widget-container div.widget-tips.xs div.tips-content{
	width: 120px;
}
div.widget-container div.widget-tips.s div.tips-content{
	width: 180px;
}
div.widget-container div.widget-tips.m div.tips-content{
	width: 240px;
}
div.widget-container div.widget-tips.l div.tips-content{
	width: 280px;
}
div.widget-container div.widget-tips.xl div.tips-content{
	width: 336px;
}

/*div.widget-container div.widget-error-tips.xs{
	width: 166px;
}
div.widget-container div.widget-error-tips.s{
	width: 206px;
}
div.widget-container div.widget-error-tips.m{
	width: 256px;
}
div.widget-container div.widget-error-tips.l{
	width: 306px;
}
div.widget-container div.widget-error-tips.xl{
	widows: 350px;
}*/

div.text-container input.text-text.xs{
	width: 35px;
}
div.text-container input.text-text.xsp{
	width: 45px;
}
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,
div.text-container label.file-text.text-text.l,
div.textarea-container textarea.textarea-text.l{
	width: 164px;
}
div.text-container input.text-text.xl{
	width: 212px;
}
div.text-container input.text-text.xxl{
	width: 268px;
}
div.text-container input.text-text.xxxl{
	width: 328px;
}
div.text-container input.text-text.xxxxl{
	width: 400px;
}

div.password-container div.allow-visible input.password-text.l,
div.password-container div.allow-visible input.password-hint.l{
	width: 144px;
}

div.password-container div.password-level.l{
	width: 184px;
}
div.password-container div.password-level.l span.level{
	width: 61px;
}
div.password-container div.password-level.l span.level.low{
	width: 60px;
}

div.textarea-container textarea.textarea-text.xxxl{
	width: 668px;
	height: 100px;
}

div.time-container div.time-wrap input.time-text{
	width: 24px;
}

div.combobox-container div.combobox-wrap input.combobox-text.xxs{
	width: 24px;
}
div.combobox-container div.combobox-wrap input.combobox-text.xs{
	width: 32px;
}
div.combobox-container div.combobox-wrap input.combobox-text.s{
	width: 42px;
}
div.combobox-container div.combobox-wrap input.combobox-text.m{
	width: 82px;
}
div.combobox-container div.combobox-wrap input.combobox-text.l{
	width: 138px;
}
div.combobox-container div.combobox-wrap input.combobox-text.xl{
	width: 186px;
}
div.combobox-container div.combobox-wrap input.combobox-text.xxl{
	width: 289px;
}
div.combobox-container div.combobox-wrap input.combobox-text.xxxl{
	width: 359px;
}
div.combobox-container div.combobox-wrap input.combobox-text.xxxxl{
	width: 369px;
}

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-group-container div.button-group-wrap button.button-group-button.xs{
	width: 70px;
}
div.button-group-container div.button-group-wrap button.button-group-button.s{
	width: 80px;
}
div.button-group-container div.button-group-wrap button.button-group-button.m{
	width: 100px;
}
div.button-group-container div.button-group-wrap button.button-group-button.l{
	width: 132px;
}
div.button-group-container div.button-group-wrap button.button-group-button.xl{
	width: 150px;
}
div.button-group-container div.button-group-wrap button.button-group-button.xxl{
	width: 180px;
}

div.widget-container.checkbox-group-container div.widget-fieldlabel-wrap.xs,
div.widget-container.radio-group-container div.widget-fieldlabel-wrap.xs{
	width: 84px;
}
div.widget-container.checkbox-group-container div.widget-fieldlabel-wrap.s,
div.widget-container.radio-group-container div.widget-fieldlabel-wrap.s{
	width: 134px;
}
div.widget-container.checkbox-group-container div.widget-fieldlabel-wrap.m,
div.widget-container.radio-group-container div.widget-fieldlabel-wrap.m{
	width: 164px;
}
div.widget-container.checkbox-group-container div.widget-fieldlabel-wrap.l,
div.widget-container.radio-group-container div.widget-fieldlabel-wrap.l{
	width: 204px;
}
div.widget-container.checkbox-group-container div.widget-fieldlabel-wrap.xl,
div.widget-container.radio-group-container div.widget-fieldlabel-wrap.xl{
	width: 244px;
}
div.msg-container.m{
	width: 400px;
}
div.msg-container.l{
	width: 524px;
}
div.msg-container.xl{
	width: 715px;
}
div.msg-container.xxl{
	width: 820px;
}

/**全局样式**/
div.clear{
	clear: both;
}
.selectable{
	-moz-user-select: text;
	-webkit-user-select: text;
	-ms-user-select: text;
	
	cursor: text;
}
.upper-case{
	text-transform: uppercase;
}
.hidden,
div.hidden{
	display: none;
}
div.inline{
	display: inline;
}
.inline-block,
div.inline-block{
	display: inline-block;
}
div.part-separate,
p.part-separate{
	margin-top: 20px;
}
div.no-margin{
	margin: 0;
}
div.mask{
	opacity: 0.3;
	background-color: #b2b2b2;
}
/*p.notice,*/
p.note{
	margin: 20px 0;
	line-height: 21px;
	vertical-align: baseline;
}
/*p.notice span,*/
p.note span{
	vertical-align: baseline;
}
p.note.first-line{
	margin-top: 0;
}
p.note strong{
	color: #0094bc;
}

/*p.notice span.title,*/
div.steps h5{
	font-size: 14px;
}
/*p.notice span.title{
	color: #e00000;
}*/
div.steps h5,
p.note span.title{
	color: #191919;
}
p.note span.note-title{
	color: #0094bc;
}
p.note span.text/*,
p.notice span.text*/{
	margin-left: 3px;
}
/*div.notice,*/
div.steps{
	margin: 40px 0;
}
/*div.notice p,*/
div.steps p{
	margin: 20px 0;
	padding-left: 50px;
	position: relative;
	line-height: 21px;
}
div.steps p span.step{
	position: absolute;
	left: 0;
	top: 0;
	color: #0094bc;
}
/*div.notice h5.title{
	font-size: 14px;
	color: red;
}
div.notice p{
	padding-left: 0;
}*/
a.link{
	display: inline-block;
	color: #0094bc;
	vertical-align: inherit;
}
a.choose{
	color: #599e00;
}
div.widget-tips.after-button,
div.widget-tips.after-checkbox{
	left: 452px;
}
div.loading-container{
	
}
div.loading-container div.loading-container-wrap{
	position: absolute;

	display: table;

	top: 0;
	left: 0;

	height: 100%;
	width: 100%;

	z-index: 999;
}
div.loading-container div.loading-container-inner{
	vertical-align: middle;  
	display: table-cell;
	  
	*position: absolute;  
	*top: 50%;
}
div.loading-container div.loading-waiting-icon{
	*position: relative;
	*top: -50%;

	background: url(../img/loading.gif) no-repeat top center;
	height: 100px;
	width: 100px;
	margin: 0 auto 100px;
}

div.signal{
	height: 23px;
	width: 29px;
	margin: 0 auto;
	background: url(../img/icons-03.png) no-repeat -162px -255px;
	color: transparent;
	font-size: 0px;
}
div.signallv0{
	background-position: -162px -255px;
}
div.signallv1{
	background-position: -193px -255px;
}
div.signallv2{
	background-position: -224px -255px;
}
div.signallv3{
	background-position: -255px -255px;
}
div.signallv4{
	background-position: -286px -255px;
}
div.signallv5{
	background-position: -317px -255px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	div.button-container button.button-button{
		padding: 7px 6px 6px 6px;
	}
	div.wizard-container div.wizard-btn button.button-button,
	div.msg-btn-container div.button-container button.button-button, 
	div.button-container.submit button.button-button{
		padding: 9px 6px 8px 6px;
	}
}

div.grid-container div.grid-content-container table td.grid-content-td.grid-content-td-mac span.content,
div.grid-container div.grid-content-container table td.grid-content-td.grid-content-td-macaddr span.content,
div.grid-container div.grid-content-container table td.grid-content-td.grid-content-td-ip span.content,
div.grid-container div.grid-content-container table td.grid-content-td.grid-content-td-ipaddr span.content,
div.grid-container div.grid-content-container table td.grid-content-td.grid-content-td-remote_ip span.content,
div.grid-container div.grid-content-container table td.grid-content-td.grid-content-td-target span.content,
div.grid-container div.grid-content-container table td.grid-content-td.grid-content-td-dest span.content,
div.grid-container div.grid-content-container table td.grid-content-td.grid-content-td-netmask span.content,
div.grid-container div.grid-content-container table td.grid-content-td.grid-content-td-mask span.content,
div.grid-container div.grid-content-container table td.grid-content-td.grid-content-td-gateway span.content,
div.grid-container div.grid-content-container table td.grid-content-td.grid-content-td-name span.content,
div.grid-container div.grid-content-container table td.grid-content-td.grid-content-td-username span.content,
div.grid-container div.grid-content-container table td.grid-content-td.grid-content-td-hostname span.content,
div.grid-container div.grid-content-container table td.grid-content-td.grid-content-td-volumn span.content,
p.status-textarea-read span, div.access-client-detail p.cfg_status span.cfg_value{
-moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    cursor: text;
}