*{
	box-sizing: content-box;
	font-family: arial, verdana, sans-serif;
	-webkit-text-size-adjust: 100%;
}
html, body{
	height: 100%;
}
body{
	font-size: 12px;
	background-color: #dcdee0;
	overflow: hidden;
}
div.body-wrap{
	height: 100%;
	overflow: auto;
}
caption, th, td {
    text-align: left;
}
li{
	display: inline-block;
	list-style-type: none;
}
/****/
div.module{
	display: inline-block;
	width: 100%;
	/*font-size: 12px;*/
}
div.widget-container{
	/*height: 22px;*/
	margin-bottom: 5px;
	line-height: 22px;
}
#log-module-container-widget .panel-wrap div.widget-container {
	display: flex;
	align-items: center;
} 
#webServer-module-container-widget .panel-wrap div.widget-container, #webServer-module-container-widget .web-server-mac {
	display: flex;
	align-items: center;
}
#log-module-container-widget .panel-wrap div.widget-container div.tooltip-icon-container span.tooltip-icon {
	margin-top: 0px;
}
#webServer-module-container-widget .panel-wrap div.widget-container div.tooltip-icon-container span.tooltip-icon {
	margin-top: 0px;
}
.backup-container div.widget-container {
		display: flex;
		align-items: center;
	}
.backup-container	div.tooltip-icon-container span.tooltip-icon {
		margin-top: 0px;
}
#web-server-add-pc-mac {
	margin-left: 10px;
}


/*div.widget-container.disabled{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}*/
div.widget-container.label-empty div.widget-fieldlabel-wrap{
	display: none;
}
div.widget-fieldlabel-wrap{
	width: 280px;
	margin-right: 5px;
	text-align: right;
	color: black;
}
div.widget-container div.widget-wrap{
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
div.widget-container span.text-wrap,
div.widget-container span.combobox-wrap{
	position: static;
	display: block;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}
div.widget-container div.widget-wrap input[type="text"],
div.widget-container div.widget-wrap input[type="password"]{
	display: block;
	width: 100%;
	height: 22px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
div.widget-container div.widget-wrap input[type="password"]{
	text-indent: 0;
}

span.text-wrap span,
span.text-wrap input{
	/*height: 18px;*/
}
div.widget-container span.text-wrap input{
	height: 18px;
	padding: 1px 3px;
	line-height: 18px;
	border: 1px solid #a7a9ac;
	/*box-sizing: border-box;*/
}
div.password-wrap-outer.allow-visible div.allow-visible-wrapper {
	display: inline-block;
}
div.password-wrap-outer.allow-visible div.allow-visible-wrapper span.icon.allow-visible-btn {
	display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 4px;
    margin-left: 4px;
    vertical-align: -2px;
    background: url(../img/icons.png) no-repeat -30px -59px;
    cursor: pointer;
}
div.password-wrap-outer.allow-visible div.allow-visible-wrapper span.icon.allow-visible-btn.visible {
	background-position: -30px -72px;
}

/* error */
div.text-container.error span.text-wrap input,
div.combobox-container.error  span.combobox-wrap input.combobox-text{
	border: 1px solid #c11c66;
}
input.checkbox-checkbox, 
input.radio-radio{
	display: none;
}
/* checkbox ***************************************************/
div.widget-container.checkbox-group-container li.checkbox-list{
	line-height: 22px;
}
label.checkbox-label span.icon{
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-right: 4px;
	vertical-align: -2px;
	background: url(../img/icons.png) no-repeat -30px -59px;
	cursor: pointer;
}
label.checkbox-label span.text{
	cursor: pointer;
}
label.checkbox-label.checked span.icon{
	background-position: -30px -72px;
}
div.checkbox-group-wrap{
	display: inline-block;
}
/*li.checkbox-list.disabled label.checkbox-label span.icon{
	background-position: -15px -54px;
}
li.checkbox-list.disabled label.checkbox-label.checked span.icon{
	background-position: -15px -67px;
}*/
/* radio ******************************************************/
div.radio-group-container, 
div.checkbox-group-container{
    /*height: auto;*/
}
label.radio-label span.icon{
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-right: 4px;
	vertical-align: -2px;
	background: url(../img/icons.png) no-repeat -45px -59px;
}
label.radio-label.checked span.icon{
	background-position: -45px -72px;
}
li.radio-list{
	display: block;
	margin-bottom: 5px;
}
div.radio-group-container.margin-right-radio-15 ul.radio-group-list-wrap {
	margin-right: 15px;
}
/*li.radio-list.disabled label.radio-label span.icon{
	background-position: -13px 0px;
}
li.radio-list.disabled label.radio-label.checked span.icon{
	background-position: -13px -13px;
}*/

/* autoMail **********/
div.inline-container.radio-fieldset-container div.widget-container.radio-group-container {
	margin-bottom: 0;
	margin-right: 0;
}
div.inline-container.radio-fieldset-container div.widget-container.radio-group-container div.widget-wrap-outer{
	margin-top: 4px;
}
div.inline-container.radio-fieldset-container div.widget-container.fieldset-container {
	vertical-align: middle;
	margin-left: -10px;
}
div.inline-flex-container {
	display: inline-flex;
}
#configuration-backup {
	margin-left: 10px;
}

/* combobox ***************************************************/
div.combobox-container div.widget-wrap.combobox-wrap{
	padding-right: 17px;
}
div.combobox-container div.combobox-wrap input.combobox-text{
	height: 22px;
	margin-right: 16px;
	padding: 1px 3px;
	line-height: 18px;
	border: 1px solid #a7a9ac;
	text-indent: 0;
}
div.combobox-container div.combobox-wrap a.combobox-switch{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 20px;
	border: 1px solid #a7a9ac;
	border-left: none;
	border-top-right-radius: 3px;
	background: url(../img/icons.png) no-repeat -1px -2px;
}
div.combobox-container div.combobox-wrap a.combobox-switch:hover{
	background-position: -18px -2px;
}
div.combobox-list-wrap{
	top: 1px;
	width: 100%;
	box-shadow: 0 0 4px #888;
	filter: alpha(opacity=100);
	background-color: rgb(255,255,255);
}
li.combobox-list{
	width: 100%;
	border: 1px solid white;
}
li.combobox-list.selected{
	background-color: #d3d3d3;
	border: 1px dotted #b3abaa;
}
ul.combobox-list li.combobox-list.disabled label.combobox-label{
	cursor: not-allowed;
	color: #888
}
li.combobox-list:hover{
	background-color: #e0e0e0;
	border: 1px dotted #bfb8b8;
}
li.combobox-list label.combobox-label{
	/*height: 15px;*/
	padding: 2px;
	line-height: 15px;
}
div.combobox-container.readonly div.combobox-wrap input.combobox-text{
	border-color: #E5E5E5;
}
div.combobox-container.readonly div.combobox-wrap a.combobox-switch{
	border-color: #E5E5E5;
	background-position: -18px -2px;
	cursor: default;
}
/*  IE  box-shadow ***********/
/*
div.combobox-container div.combobox-wrap div.combobox-list-wrap{
	background: transparent;
	top: 20px;
}
div.combobox-list-wrap div.combobox-list-content-wrap{
	background-color: #fff;
}
div.combobox-list-wrap div.position-top-left, div.combobox-list-wrap div.position-bottom-left{
	position: absolute;
	width: 8px;
	height: 7px;
}
div.combobox-list-wrap div.position-bottom-left{
	bottom: 8px;
	left: 9px;
	background: url(../img/ie-06.png) no-repeat 0px -32px;
	margin-left: -10px;
}
div.combobox-list-wrap div.position-top-left{
	top: 9px;
	left: 7px;
	background: url(../img/ie-06.png) no-repeat 0px -18px;
	margin-left: -10px;
}
div.combobox-list-wrap div.position-top-center{
	margin: 0 3px 0 5px;
	height: 14px;
	background: url(../img/ie-03.png) no-repeat right bottom;
}
div.combobox-list-wrap div.position-bottom-center{
	margin: 0 3px 0 17px;
	height: 14px;
	background: url(../img/ie-03.png) no-repeat right top;
	margin-left: 6px;
}
div.combobox-list-wrap div.position-center-left{
	padding-left: 11px;
	background: url(../img/ie-04.png) no-repeat left top;
	margin-left: -6px;
}
div.combobox-list-wrap div.position-center-right{
	width: 100%;
	padding-right: 11px;
	background: url(../img/ie-04.png) no-repeat right top;
}
div.combobox-list-content-wrap{
	width: 100%;
}*/

/*multi combobox*/
ul.combobox-list li.combobox-list label.combobox-label span.icon{
	width: 13px;
	height: 13px;
	margin-right: 4px;
	vertical-align: -3px;
	background: url(../img/icons.png) no-repeat -30px -59px;
}
ul.combobox-list li.combobox-list label.combobox-label span.text{
	display: inline-block;
	line-height: 15px;
	vertical-align: middle;
}
ul.combobox-list li.combobox-list.selected label.combobox-label span.icon{
	background-position: -30px -72px;
}	
ul.combobox-list li.combobox-list label.combobox-label input.combobox-checkbox{
	display: none;
}	

/* slider ***************************************************/
div.widget-container div.widget-wrap.slider-content-left{
	position: relative;
	padding-left: 6px;
	background: url(../img/slider-bg.png) no-repeat 0 -24px;
}
div.widget-container div.widget-wrap.slider-content-right{
	width: 193px;
	padding-right: 6px;
	background: url(../img/slider-bg.png) no-repeat right -46px;
}
div.widget-container div.widget-wrap.slider-content{
	height: 18px;
	background: url(../img/slider-bg.png) repeat-x center -2px;
}
div.widget-container div.slider-content div.slider-value{
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
}
div.widget-container div.slider-content div.slider-value  div.slider-value-inner{
	position: absolute;
	top: 1px;
	right: -7px;
	width: 12px;
	height: 15px;
	cursor: pointer;
	/*margin-left: 14px;*/
	background: url(../img/icons.png) no-repeat -1px -42px;
}
div.widget-container div.slider-content div.slider-value  div.slider-value-inner:hover{
	background-position: -15px -42px;
}
/*div.widget-container div.slider-content div.slider-value  div.slider-value-inner.drag{
	background-position: -28px -30px;
}*/
div.slider-text{
	display: inline-block;
}
/* file **********************************************************/
div.file-container div.file-wrap label.file-text{
	height: 18px;
	width: 232px;
	padding: 1px 3px;
	line-height: 18px;
	border: 1px solid #a7a9ac;
}
div.button-container.file-button-container{
	margin-left: 3px;
}
div.file-button-container div.widget-fieldlabel-wrap {
	display: none;
}
div.file-button-container div.button-container{
	margin-bottom: 0;
}
/* progressbar*********************************************/
div.progressbar-wrap-outer div.progressbar-wrap{
	margin-top: 6px;
}
div.progressbar-container div.progressbar-text{
	display: inline-block;
	width: 40px;
}
div.progressbar-container div.progressbar-content{
	background-color: #a7a9ac;
	border-radius: 4px;
	overflow: hidden;
}
div.progressbar-container div.progressbar-content div.progressbar-value{
	height: 10px;
	background-color: #005564;
	border-radius: 4px;
}

div[step] div.progressbar-content{
	border-radius: 0;
	border: 1px solid #9d9d9d;
	background: transparent;
	width: 192px!important;
}
div[step] div.progressbar-content div.progressbar-value{
	/*background-color: transparent;*/
	background: transparent url(../img/stepProgressbar.png) -3px -2px;
	border-radius: 0;
}

/* button ************************************************/
span.button-button-before{
	display: none;
}
div.button-container a.button-button{
	display: inline-block;
	height: 16px;
	padding: 2px 6px;
	min-width: 61px;
	text-align: center;
	background-color: #a7a9ac;
	border: 1px solid #bbbbbb;
	border-radius: 3px;
	color: #ffffff;
}
div.button-container a.button-button:hover{
	border-color: #9d9d9d;
}
div.button-container a.button-button span.button-text{
	display: inline-block;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
}
div.button-container.clicked a.button-button{
	background-color: #d6d6d6;
	background: linear-gradient(top , #c7c7c7, #e0e0e0);
	background: -moz-linear-gradient(top , #c7c7c7, #e0e0e0);
	background: -webkit-linear-gradient(top , #c7c7c7, #e0e0e0);
}
div.submit-button{
	padding: 10px 5px;
	text-align: right;
}

div.page-submit-button{
	padding-right: 45px;
}
/* fieldset *******************************************************/
div.widget-container.fieldset-container{
	margin-bottom: 0;
}
div.widget-container.fieldset-container.visible{
	position: relative;
	width: 870px;
	margin-top: 15px;
	margin-bottom: 20px;
}
div.widget-container.fieldset-container.visible.expand{
	padding: 10px;
	border: 1px solid #b5b8c8;	
}
div.widget-container.fieldset-container.visible > div.legend:first-child{
	position: absolute;
	top: -10px;
	left: 5px;
	margin: 0 5px;
	padding: 0 3px;
	line-height: 20px;
	cursor: pointer;
	background-color: #ffffff;
}
div.widget-container.fieldset-container.visible > div.legend:first-child div.fieldset-img{
	position: relative;
	top: -1px;
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 3px;
	background-image: url(../img/icons.png);
	vertical-align: middle;
}
div.widget-container.fieldset-container.visible.expand > div.legend:first-child div.fieldset-img{
	background-position: -67px -86px;
}
div.widget-container.fieldset-container.visible.expand > div.legend:first-child div.fieldset-img:hover{
	background-position: -82px -86px;
}
div.widget-container.fieldset-container.visible.collapse > div.legend:first-child div.fieldset-img{
	background-position: -97px -86px;
}
div.widget-container.fieldset-container.visible.collapse > div.legend:first-child div.fieldset-img:hover{
	background-position: -112px -86px;
}
div.widget-container.fieldset-container.visible > div.legend:first-child div.fieldset-text{
	display: inline-block;
}
div.widget-container.fieldset-container.visible.expand > div.legend:first-child + div.fieldset-content{
	display: block;
}
div.widget-container.fieldset-container.visible.collapse{
	height: 0px;
	padding: 0 10px;
	border-top: 1px solid #b5b8c8;
}
div.widget-container.fieldset-container.visible.collapse > div.legend:first-child + div.fieldset-content{
	display: none;
}
div.widget-container.fieldset-container.visible.fieldset-speed-test {
	margin: 20px auto;
	width: 500px;
	padding: 15px 0;
}
/* unflexible */
div.widget-container.fieldset-container.visible.unflexible > div.legend:first-child{
	left: 23px;
}
div.widget-container.fieldset-container.visible.unflexible > div.legend:first-child div.fieldset-img{
	display: none;
}
div.widget-container.fieldset-container.visible.collapse.unflexible{	
	height: auto;
	padding: 10px;
	border: 1px solid #b5b8c8;
}
div.widget-container.fieldset-container.visible.collapse.unflexible > div.legend:first-child + div.fieldset-content{
	display: block;
}

/* inner fieldset*/
div.widget-container.fieldset-container.visible.unflexible.fieldset-grid{
	width: 860px;
	padding: 10px 5px 5px;
	border: none;
	border-top: 1px solid #b5b8c8;
}

/*label *********************************************************/

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: 0;
	/*height: auto;*/
}
div.radio-group-container ul.radio-group-list-wrap li.radio-list label.radio-label.margin-left-20 {
	margin-left: 20px;
}
/* tooltip ********************************************************/
div.widget-container.disabled div.tooltip-container{	
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}
div.tooltip-container{
	display: inline-block;
	height: 22px;
	margin: 0 0 0 15px;
}
div.tooltip-container div.text-wrap{
	position: relative;
}
div.tooltip-icon-container span.tooltip-icon{
	display: inline-block;
    height: 15px;
    left: 170px;
    top: 3px;
    width: 15px;
    margin-top: 4px;
	border: none;
    background: url(../img/icons.png) no-repeat -77px -59px;
    cursor: pointer;
}
div.tip-text-container{
	position: absolute;
	top: 16px;
	left: 16px;
	display: none;
	width: 500px;
	z-index: 100;
}
div.tip-text-container div.tip-text-box{
	display: inline-block;
	max-width: 500px;
	padding: 2px;
	line-height: 16px;
	background: #005564;
	border: 1px solid #868686;
	border-radius: 3px;
	color: #ffffff;
	box-shadow: 0 0 2px #888;
}
div.tip-text-container p{
	padding: 3px;
	width: 100%;
	white-space: normal;
}
div.tip-text-container.show{
	display: block;
}
div.widget-container div.widget-tips div.tips-content{
	text-indent: 5px
}
/* error tips*************************************************************/
div.widget-error-tips{
	position: relative;
	display: inline-block;
	height: 22px;
	vertical-align: middle;
}
div.widget-error-tips div.widget-error-tips-wrap.hover{
	display: block;
	/*visibility: visible;*/
	/*opacity: 1;*/
	/*filter: alpha(opacity=100);*/
	box-shadow: 2px 2px 0 #d0d0d0;
}
div.widget-error-tips span.widget-error-tips-delta{
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 4px;
	background: url(../img/icons.png) no-repeat -60px -59px;
}
div.msg-wrap div.widget-error-tips div.widget-error-tips-wrap {
	max-width: 300px;
}
div.widget-error-tips div.widget-error-tips-wrap{
	position: absolute;
	display: none;
	/*visibility: hidden;*/
	/*opacity: 0;*/
	/*filter: alpha(opacity=0);*/
	padding: 5px 10px 5px 25px;
	width: 500px;
	border: 1px solid #c11c66;
	border-radius: 3px;
	z-index: 9999;
	background-color: #ffffff;
}
div.widget-error-tips div.widget-error-tips-wrap span.widget-error-tips-delta{
	position: absolute;
	top: 5px;
	left: 0;
}

/* notice bar*******************************************************/
div.widget-container.notice-wrap{
	margin: 0 auto;
	padding: 0;
	width: 960px;
	background-color: #ffffff;
	border: 1px solid #c1c2c4;
	border-top: none;
	border-bottom: none;
}
div.widget-container.notice-bar-container{
	/*width: 100%;*/
	margin: 20px;
	padding: 10px 30px 10px 10px;
	background-color: #4acbd6;
	border: 1px solid #4acbd6;
	border-radius: 3px;
}
div.notice-bar-container div.notice-text-wrap{
	display: inline-block;
}
div.notice-bar-container div.notice-buttons-wrap{
	float: right;
}

/* disable ***********************************************************/
div.widget-container.disabled,
div.widget-container.disabled label,
div.widget-container.disabled input,
div.widget-container.disabled .widget-separator,
li.radio-list.disabled,
li.checkbox-list.disabled{
	color: #B3B3B3;
}
div.widget-container.text-container.disabled span.text-wrap input,
div.widget-container.combobox-container.disabled input.combobox-text{
	border: 1px solid #E5E5E5;
	background-color: #ffffff;
}
div.widget-container.combobox-container.disabled div.combobox-wrap a.combobox-switch{
	border-color: #E5E5E5;
	background-position: -18px -2px;
}
li.radio-list.disabled span.icon,
li.checkbox-list.disabled span.icon{
	opacity: 0.3;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
}
div.widget-container.button-container.disabled a.button-button,
div.widget-container.button-container.disabled a.button-button:hover{
	border-color: #d8d8d8;
	background-color: #e5e5e5;
	cursor: default;
}
/* panel ***********************************************************/
div.panel-header{
	position: relative;
	padding: 5px 0 2px 0;
	border-bottom: 1px solid #aaa;
}
div.panel-header h3{
    padding-bottom: 1px;
    line-height: 15px;
	color: #333333;
    /*font-family: arial,verdana,sans-serif;*/
    font-size: 13px;
    font-weight: bold;
}
div.panel-header-btn-container span.panel-header-btn-collapse{
	position: absolute;
	right: 0;
	bottom: 4px;
	width: 15px;
	height: 15px;
	background-image: url(../img/icons.png);
	background-position: -1px -24px;
	cursor: pointer;
}
div.panel-header-btn-container span.panel-header-btn-collapse:hover{
	background-position: -16px -24px;
}
div.panel-header-btn-container span.panel-header-btn-collapse.collapsed{
	background-position: -31px -24px;
}
div.panel-header-btn-container span.panel-header-btn-collapse.collapsed:hover{
	background-position: -46px -24px;
}
div.panel-container{
	width: 918px;
	/*height: auto;*/
	margin: 0 20px 5px;
}
div.panel-short div.panel-container{
	display: inline-block;
	width: 450px;
}
div.panel-container div.panel-tbar-container, 
div.panel-container div.panel-fbar-container{
	display: none;
	border: none;
	background-color: #ffffff;
}
div.panel-content{
	/*padding: 10px 0;*/
}
div.panel-content div.panel-content-container{
	padding: 10px 0 10px 15px;
}

/**for half width panel**/
div.half-panel{
	display: inline-block;
	width: 450px;
	margin: 0 0 0 20px;
}
div.half-panel-device-info, 
div.half-panel-wireless-sq, 
div.half-panel-lan-info, 
div.half-panel-wan-info{
	float: left;
}
div.half-panel-wireless-info, 
div.half-panel-radio-info{
	float: right;
	margin: 0 22px 0 0;
}
div.half-panel-location,
div.half-panel-time,
div.half-panel-miscellaneous,
div.half-panel-ddns,
div.half-panel-snmp,
div.half-panel-rssi-led{
	margin: 0 0 0 15px;
}

div.half-panel-device-info,
div.half-panel-wireless-info{
	height: 260px;
}

div.half-panel-ping div.main-form,
div.half-panel-ddns div.main-form {
	height: 194px;
}
div.half-panel-snmp div.main-form {
	height: 297px;
}
div.half-panel-ssh-server div.main-form,
div.half-panel-rssi-led div.main-form {
	height: 81px;
}
div.half-panel-device div.main-form,
div.half-panel-location div.main-form {
	height: 54px;
}
div.half-panel-user-account div.main-form,
div.half-panel-time div.main-form {
	height: 189px;
}
/*div.half-panel div.panel-header-btn-container{
	display: none;
}*/
div.clear-float{
	clear: both;
}

/* msg-panel */
div.msg-panel-dst{
	width: 800px;
	height: 350px;
}
div.msg-panel-open-log{
	width: 820px;
	height: 460px;
}
div.msg-panel-auto-mail{
	width: 600px;
	height: 320px;
}
div.msg-panel-speed-test{
	width: 800px;
	height: 300px;
}
/* msg ********************************************************/
div.msg-container{
	/*height: auto;*/
	box-shadow: 0 0 4px #888888;
}
div.msg-container h3.msg-title{
	background-color: #36444b;
	cursor: move;
	user-select: none;
	zoom: 1;
}
div.msg-container h3.msg-title span.msg-title-container{
	display: inline-block;
	padding: 0 8px;
	line-height: 31px;
	height: 31px;
	color: #fff;
}
div.msg-container a.msg-close{
	float: right;
	width: 15px;
	height: 15px;
	margin: 8px;
	background: url(../img/icons.png) no-repeat -72px -1px;
}
div.msg-container a.msg-close:hover{
	background-position: -87px -1px;
}
div.msg-container div.msg-wrap{	
	border: 1px solid #a9a9a9;
}
div.msg-container div.msg-btn-wrap {
	text-align: center;
}
div.msg-container  div.widget-content.msg-content-container{
	background-color: #ffffff;
}
div.msg-container div.msg-content-container,
div.msg-container div.msg-btn-container{
	padding: 13px;
	background-color: #f7f7f7;
	border: 1px solid #bcb1b0;
	/*border-width: 0 1px;*/
	border: none;
}
div.msg-container div.msg-btn-container{
	padding: 10px;
	/*border-width: 0 1px 1px;*/
}
div.widget-content.msg-content-container{
	overflow-y: auto;
	overflow-x: hidden;
}
div.padding-progress-msg-50 div.widget-content.msg-content-container {
	padding: 13px 50px;
}
/*for IE*/
/*div.position-top-center,
div.position-bottom-center{
	height: 14px;
	margin: 0 14px;
	_font-size: 0;
}
div.position-top-left,
div.position-top-right,
div.position-bottom-left,
div.position-bottom-right{
	position: absolute;
	width: 14px;
	height: 11px;
	_font-size: 0;
}
div.position-top-left{
	top: 9px;
	left: -1px;
	background: url(../img/ie-06.png) no-repeat 0 -56px;
	_width: 5px;
	_background: url(../img/ie-06.png) no-repeat 0 -56px;
}
div.position-top-center{
	top: -14px;
	left: 0;
	background: url(../img/ie-01.png) no-repeat right bottom;
	_background: url(../img/ie-01.png) no-repeat 0 -14px;
}
div.position-bottom-center{
	bottom: -5px;
	left: 0;
	background: url(../img/ie-01.png) no-repeat 0 0;
	_background: url(../img/ie-01.png) no-repeat 0 0;
}
div.position-center-left{
	padding-left: 5px;
	background: url(../img/ie-02.png) no-repeat left top;
}
div.position-center-right{
	padding-right: 5px;
	background: url(../img/ie-02.png) no-repeat right top;
}*/
/* datepicker********************************************/
div.datepicker-widget{
	position: absolute;
	top: 0;
	right: 0;
	width: 17px;
	vertical-align: middle;
	cursor: pointer;
}
div.textbox-datepicker div.widget-wrap.text-wrap{
    padding-right: 17px;
}
div.widget-container.datepicker-container{
	margin: 0;
}
div.datepicker-widget div.date-picker{
	width: 16px;
	height: 20px;
	border: 1px solid #a7a9ac;
	border-left: none;
	border-top-right-radius: 3px;
	background: url(../img/icons.png) no-repeat -36px -2px;
}
div.datepicker-widget:hover div.date-picker{
	background-position: -53px -2px;
}
/*mask , loading ***************************************************************/
div.mask{
	width: 100%;
	height: 100%;
	background-color: #cccccc;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
}
div.loading-container{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: url(../img/Spinner.gif) no-repeat center;
}
div.loading-spinner-icon {
	width: 99px;
	height: 99px;
	background: url(../img/Spinner.gif) no-repeat center;
	margin: 20px auto 0;
}
div.loading-text {
	padding: 0 20px;
}
/**** first-loading ******/
.first-loading {
	z-index: 99999;
    position: absolute;
    text-align: center;
    width: 400px;
    height: 250px;
    top: 50%;
    left: 50%;
    margin-left: -35px;
    margin-top: -200px;
    margin-left: -200px;
    color: #000;
    background-color: #f7f7f7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.20);
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.20);
    -ms-box-shadow: 2px 2px 3px rgba(0,0,0,0.20);
    -o-box-shadow: 2px 2px 3px rgba(0,0,0,0.20);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.20);
}
/* footer ****************************************************/
div.footer{
	width: 100%;
	min-width: 960px;
	margin: 10px 0;
	color: #505050;
	text-align: center;
}
/* grid ***************************************************************************/
div.grid-panel{
	width: 890px;
}
div.grid-panel div.widget-container{
	/*height: auto;*/
}
/*bar*/
div.grid-panel-tbar-container{
	border: 1px solid #d8d8d8;
	border-bottom: none;
	background-color: #e6e6e6;
}
div.grid-panel-tbar-container div.operation-container{
	height: 22px;
	padding: 1px;
	padding: 2px;
}
div.grid-panel-tbar-container div.operation-container a.operation-btn{
	display: inline-block;
	margin-right: 5px;
	padding: 2px;
	height: 16px;
	line-height: 16px;
	color: #333333;
	/*font-size: 11px;*/
	vertical-align: middle;
	border: 1px solid #e6e6e6;
}
div.grid-panel-tbar-container div.operation-container a.operation-btn:hover{
	border: 1px solid #9d9d9d;
	border-radius: 3px;
	background-color: #f3f3f3;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e9e9e9));
	background-image: -webkit-linear-gradient(top, #fbfbfb, #e9e9e9);
	background-image: -moz-linear-gradient(top, #fbfbfb, #e9e9e9);
	background-image: -o-linear-gradient(top, #fbfbfb, #e9e9e9);
	background-image: -ms-linear-gradient(top, #fbfbfb, #e9e9e9);
	background-image: linear-gradient(top, #fbfbfb, #e9e9e9);
}
div.grid-panel-tbar-container div.operation-container a.operation-btn span.icon{
	display: inline-block;
	height: 16px;
	width: 16px;
	margin-right: 5px;
	vertical-align: top;
}
div.grid-panel-tbar-container div.operation-container a.operation-btn span.text{
	line-height: 16px;
	vertical-align: middle;
}
div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-add span.icon{
	background: url(../img/icons.png) no-repeat -47px -41px;
}
div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-edit span.icon{
	background: url(../img/icons.png) no-repeat -65px -41px;
}
div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-delete span.icon{
	background: url(../img/icons.png) no-repeat -29px -41px;
}
div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-refresh span.icon{
	background: url(../img/icons.png) no-repeat -95px -58px;
}
div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-import span.icon{
	background: url(../img/icons.png) no-repeat -83px -41px;
}
div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-clear span.icon{
	width: 12px;
	background: url(../img/icons.png) no-repeat -102px -41px;
}
div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-unlock span.icon{
	width: 12px;
	background: url(../img/icons.png) no-repeat -115px -41px;
}
div.grid-panel-tbar-container div.operation-container a.operation-btn.disabled,
div.grid-panel-tbar-container div.operation-container a.operation-btn.disabled:hover{
	border-color: transparent;
	background-image: none;
	background: transparent;
	opacity: 0.3;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
}
/* edit*/
tr.editor-container{
	background-color: #ebe6e6;
	height: 30px;
}
tr.editor-container td.grid-content-td div.widget-container{
	margin: 0;
}
tr.editor-container div.widget-fieldlabel-wrap{
	display: none;
}
tr.editor-container div.button-button a.button-button{
	width: 88px;
	padding: 2px;
	border: 1px solid #bbbbbb;
}
tr.editor-container div.button-button a.button-button:hover{
	width: 88px;
	padding: 2px;
	border: 1px solid #9d9d9d;
	background-color: #a7a9ac;
}
tr.editor-container div.button-button{
	position: absolute;
	top: 30px;
	left: 410px;
	height: 24px;
	padding: 4px;
	background-color: #ebe6e6;
	border: 1px solid #d0d0d0;
	border-top: none;
}
tr.editor-container div.button-button.btn-submit{
	position: absolute;
	left: 345px;
	border-right: none;
	border-bottom-left-radius: 3px;
}
tr.editor-container div.button-button.btn-cancel{
	position: absolute;
	left: 444px;
	border-left: none;
	border-bottom-right-radius: 3px;
}
a.grid-content-btn{
	display: inline-block;
}
a.grid-content-btn-status span.text{
	color: #000000;
	cursor: text;
}
tr.editor-container div.text-container span.text-wrap input{
	width: 98%;
}
tr.editor-container div.combobox-container div.combobox-wrap input.combobox-text{
	
}
td.grid-content-td-settings-column a.grid-content-btn span.text{
	display: none;
}
td.grid-content-td-settings-column a.grid-content-btn span.icon{
	display: inline-block;
	height: 16px;
	width: 16px;
	margin-right: 5px;
}
td.grid-content-td-row-numberer {
    background-color: #f6f6f6;
    border-right: 1px solid #c6c6c6;
}
td.grid-content-td-settings-column a.grid-content-btn.btn-edit span.icon{
	background: url(../img/icons.png) no-repeat -100px -74px;
}
td.grid-content-td-settings-column a.grid-content-btn.btn-delete span.icon{
	background: url(../img/icons.png) no-repeat -34px -95px;
}
/* eidtor error */
tr.editor-container td.grid-content-td div.widget-container.error div.text-wrap{
	padding-right: 20px;
}
tr.editor-container td.grid-content-td div.widget-container.error div.widget-wrap-outer{
	position: relative;
}
tr.editor-container td.grid-content-td div.widget-container.error div.widget-error-tips{
	position: absolute;
	right: -5px;
	top: 0;
}
tr.editor-container td.grid-content-td div.widget-container.combobox-container.error div.widget-error-tips{
	right: -22px;
}

/*grid*/
td{
	border-bottom: 1px solid #ededed;
}
div.grid-content-container{
	padding-bottom: 30px;
}
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: auto;*/
	line-height: 15px;
}
div.grid-container{
	/*font-size: 11px;*/
}
div.grid-header-container{
	border: 1px solid #c5c5c5;
	background-color: #dbdcdc;
}
div.grid-header-container tr.grid-header-tr th{
	border-right: 1px solid #c5c5c5;	
}
div.grid-header-container tr.grid-header-tr th, 
tr.editor-container td.grid-content-td,
div.grid-tool-container td.grid-tool-td{
	padding: 3px 6px 4px;
}
div.grid-header-checkbox.checkcolumn div.widget-wrap {
	width: auto;
}
th.grid-header-other.sort-asc span{
	padding-right: 16px;
	background: no-repeat right 6px;
    background-image: url(../img/sort_asc.gif);
}
th.grid-header-other.sort-desc span{
	padding-right: 16px;
	background: no-repeat right 6px;
    background-image: url(../img/sort_desc.gif);
}
div.grid-content-container-outer{
	border: 1px solid #d0d0d0;
	border-top: none;
	border-bottom: none;
}
tr.grid-content-tr{
	line-height: 15px;
	border-top: 1px solid #fafafa;
	border-bottom: 1px solid #ededed;
}
tr.grid-content-tr.row-selected, tr.grid-content-tr.row-selected:hover{
	background: #d0d0d0;
}
tr.grid-content-tr:hover{
	background-color: #efefef;
}
tr.grid-content-tr td.grid-content-td{
	/*height: auto;*/
	padding: 2px 6px 4px;
	line-height: 16px;
	word-wrap: word-break;
	word-break: break-all;
}
tr.grid-content-tr td.grid-content-td div.content{
}
td.grid-content-td-check-column span.content{
	display: none;
}
tr.editor-container td.grid-content-td div.widget-container.checkbox-container{
	text-align: center;
}
/* paging */
div.grid-panel-fbar-container{
	/*padding: 2px 6px;*/
	line-height: 16px;
	border: 1px solid #d0d0d0;
	border-top: none;
	background-color: #e6e6e6;
}
div.grid-panel-fbar-container div.paging-container{
	margin: 0;
	padding: 2px 6px;
}
div.paging-wrap{
	text-align: right;
}
div.paging-wrap a{
	display: inline-block;
	padding: 2px 5px;
	color: #000000;
}
div.grid-panel div.paging-container a.paging-btn.disabled{
	cursor: default;
}
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-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{
	display: inline-block;
    height: 16px;
    width: 16px;
}
div.grid-panel div.paging-container div.num-buttons-container{
	display: inline-block;
	vertical-align: top;
}
/*div.grid-panel div.operation-container a.operation-btn:hover span.text, 
div.grid-panel div.operation-container button.button-button:hover span.text, */
div.grid-panel div.paging-container a.paging-btn:hover, 
div.grid-panel div.paging-container a.paging-btn.current{
	color: #4acbd6;
}
div.grid-panel div.paging-container a.paging-btn{
    margin-left: 14px;
    line-height: 16px;
	color: #005564;
}
div.grid-panel div.paging-container a.paging-btn.pageing-btn-prev span.icon{
	background: url(../img/icons.png) no-repeat 0px -88px;
}
div.grid-panel div.paging-container a.paging-btn.pageing-btn-next span.icon{
	background: url(../img/icons.png) no-repeat -32px -88px;
}
div.grid-panel div.paging-container a.paging-btn.pageing-btn-prev.disabled span.icon{
	background: url(../img/icons.png) no-repeat -16px -88px;
}
div.grid-panel div.paging-container a.paging-btn.pageing-btn-next.disabled span.icon{
	background: url(../img/icons.png) no-repeat -48px -88px;
}
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.widget-container div.widget-fieldlabel-wrap{
    margin-top: 0;
}
div.widget-container div.widget-wrap{
	padding: 0;
}
/* combined style*/
div.fieldset-container div.grid-panel{
	width: 860px;
}
div.widget-container.fieldset-container.fieldset-grid{

}

/* for different width of label and input ***********************************************/
div.input-width-200 span.text-wrap input{
	width: 200px;
}

/** header ***********************************************************/
div.header-cnt{
	height: 121px;
	/*background: url(../img/header_bg.jpg) repeat-x left top;*/
	background-color: #36444B;
}
div.header{
	position: relative;
	height: 82px;
	width: 960px;
	margin: 0 auto;
}
div.header div.logo{
	display: inline-block;
	width: 255px;
	height: 82px;
	background: url(../img/logo.png) no-repeat left center;
}
div.header div.logo span.text{
	display: none;
}
div.info-cnt{
	position: relative;
	display: inline-block;
	width: 700px;
	height: 82px;
	vertical-align: top;
}
div.info-cnt ul.info{
	position: absolute;
	top: 10px;
	right: 0;
	width: 600px;
	text-align: right;
}
div.info-cnt ul.info li{
	margin-left: 15px;
	vertical-align: top;
	cursor: pointer;
	color: #aaaaa8;
}
div.info-cnt ul.info a.button-button{
	padding: 0;
	min-width: 0;
	text-align: right;
	color: #aaaaa8;
	border: none;
	background-color: transparent;
}
div.mode-cnt{
	position: absolute;
	bottom: 10px;
	right: 0;
	width: 100%;
	height: 30px;
	text-align: right;
}
div.mode-cnt li.combobox-list{
	text-align: left;
}
div.mode-cnt div.widget-fieldlabel-wrap{
	height: 27px;
	line-height: 27px;
	color: #aaaaaa;
}
div.mode-cnt div.mode-combo{
	display: inline-block;
	margin-left: 6px;
	vertical-align: top;
}
div.mode-cnt div.widget-container.combobox-container div.widget-wrap-outer{
	width: 186px;
}
div.mode-cnt div.combobox-container div.combobox-wrap div.combobox-list-wrap{
	top: 1px;
}
div.mode-cnt div.combobox-container div.combobox-wrap input.combobox-text{
	height: 27px; 
	line-height: 23px;
	color: #ffffff;
	border: 1px solid #a7a9ac;
	border-right: none;
	background-image: none;
	/*background-color: #202020;*/
	background-color: #36444b;
	vertical-align: middle;
}
div.mode-cnt div.combobox-container div.combobox-wrap a.combobox-switch, 
div.mode-cnt div.combobox-container div.combobox-wrap a.combobox-switch:hover{
	height: 25px; 
	width: 25px;
	border: 1px solid #a7a9ac;
	border-radius: 0;
	background: url(../img/icons.png) no-repeat -2px -60px;
}
div.pharos-des{
	width: 400px;
	margin-top: 10px;
}
img.about-img-pharos, img.about-img-tp{
	margin: 10px;
}
img.about-img-tp{
	margin-right: 30px;
}
div.copyright{
	display: inline-block;
	width: 250px;
	line-height: 22px;
	vertical-align: top;
}
div.horizontal-line{
	padding-top: 10px;
	border-top: 1px solid #c9c9c9;
}
div.width-para-login{
	display: inline-block;
	width: 460px;
	margin-left: 50px;
	vertical-align: middle;
}
div.widget-container.fieldset-container.visible.width-para-600{
	width: 620px;
	margin: 15px auto 20px;
}
div.width-padding-30 div.widget-content.msg-content-container{
	padding: 20px 30px 10px;
}
div.login-button-container{
	text-align: right;
}
div.login-agree-term{
	display: inline-block;
	margin: 0;
	vertical-align: top;
}
div.login-button-lift{
	display: inline-block;
	width: 337px;
	/*margin-top: -27px;*/
}
div.login-footer-container label.checkbox-label span.icon,
div.login-footer-container div.container.widget-container.checkbox-container {
	margin-right: 0px
}

div.login-footer-container .fieldset-content {
	display: flex;
	justify-content: space-between;
}
div.login-button-container div.widget-fieldlabel-wrap{
	width: 0px;
}
div.login-button-container div.button-container a.button-button{
	background-color: #337783;
}
div.inline-container.login-button-container div.container.widget-container{
	margin-left: 10px;
	margin-right: 0;
}
div.fieldset-container.tool-msg-fieldset{
	height: 290px;
}

div.login-error-display{
	margin-left: 165px;
	margin-bottom: 10px;
	color: red;
}
div.widget-container.login-error-display div.widget-wrap,
div.widget-container.login-error-logged-content div.widget-wrap{
	width: auto;
}
div.login-error-logged{
	width: 600px;
	text-align: center;
}
div.login-error-logged-content{
	margin: 10px 0 20px;
	font-size: 20px;
	font-weight: bold;
}
div.login-error-logged-button div.container.widget-container.button-container{
	margin: 20px 50px 20px 40px;
}
/** navigator*****************************************************/
div.navigator-container{
	width: 100%;
	margin: 0 auto;
	background-color: #005564;
}
div.navigator-container div.navigator-wrap-outer{
	display: block;
	width: 960px;
	margin: 0 auto;
}
ul.navigator-ul li.navigator-li span.sub-navigator-text{
	display: inline-block;
    height: 39px;
    width: 140px;
    margin: 0;
    padding: 0;
	font-size: 17px;
    line-height: 39px;
	font-weight: bolder;
    text-align: center;
    color: #ffffff;
	cursor: pointer;
}
ul.navigator-ul li.navigator-li.selected span.sub-navigator-text{
	background-color: #ffffff;
	color: #005564;
}
/** content *******************************************************/
div.content-wrap{
	width: 960px;
	margin: 0 auto;
    padding: 20px 0 20px;
    background-color: #ffffff;
    border: 1px solid #c1c2c4;
    border-top: none;
}
div.inline-container div.container.widget-container{
	display: inline-block;
	margin-right: 5px;
}
/* ordered style for pharos*******************************************************/

/* checkbox, width relays on column number*/
div.width-input-200 div.checkbox-column-4 li.checkbox-list{	/*checkbox*/
	width: 93px;
}

/* checkbox input-93 ***********************/
div.width-input-checkbox-83 div.checkbox-container div.widget-wrap{
	width: 93px;
}
div.width-input-checkbox-182 div.checkbox-container div.widget-wrap{
	width: 182px;
}
div.width-input-200.checkbox-container li.checkbox-list{
	width: 200px;
}

/* width:  input-200 ***********************/
/* textfield, displayfield width-8px */

div.width-input-250 div.widget-wrap{
	width: 250px;
}

div.width-input-400 div.widget-wrap{
	width: 400px;
}

div.width-input-200 div.widget-wrap{
	width: 200px;
}

div.width-input-220 div.widget-wrap{
	width: 220px;
}

/* system rssiLed input-30 ***********************/
div.width-input-30 div.widget-wrap{
	width: 30px;
}
div.width-input-30.widget-container.width-fixed {
	width: 53px;
}

/* network security input-40 ***********************/
div.width-input-40 div.widget-wrap{
	width: 40px;
}

/* network security input-60 ***********************/
div.width-input-60 div.widget-wrap{
	width: 60px;
}

/* network security input-80 ***********************/
div.width-input-80 div.widget-wrap{
	width: 80px;
}
div.width-input-80.width-fixed.error div.widget-wrap.combobox-wrap{
	width: 57px;
}

/* page management input-100 ***********************/

div.width-input-100 div.widget-wrap{
	width: 100px;
}
div.width-input-100.width-fixed.error div.widget-wrap.combobox-wrap{
	width: 77px;
}

/* network security input-120 ***********************/
div.width-input-120 div.widget-wrap{
	width: 120px;
}
div.width-input-120.width-fixed.error div.widget-wrap.combobox-wrap{
	width: 97px;
}

/* page management input-130 ***********************/
div.width-input-130 div.widget-wrap{
	width: 130px;
}

/* page management input-140 ***********************/
div.width-input-140 div.widget-wrap{
	width: 140px;
}

/* page management input-150 ***********************/
div.width-input-150 div.widget-wrap{
	width: 150px;
}

/* input width: input-160***********************/
div.width-input-160 div.widget-wrap{
	width: 160px;
}

/* input width: input-180***********************/
div.width-input-180 div.widget-wrap{
	width: 180px;
}

div.width-input-empty div.widget-wrap {
	width: 0px;
}

/* reset other width******************************************/

div.button-container div.widget-wrap.button-wrap,
div.tooltip-container div.widget-wrap.text-wrap,
div.checkbox-container div.widget-wrap{
	width: auto;
}

/* label align : left ***********************/
div.label-align-left div.widget-fieldlabel-wrap,
div.label-align-left.widget-fieldlabel-wrap{
	text-align: left;
}
/* label width ***********************/
div.widget-container.width-label-auto div.widget-fieldlabel-wrap{
	width: auto;
}

div.width-label-16 div.widget-fieldlabel-wrap,
div.inline-container .inline-label.width-label-16 div.widget-fieldlabel-wrap{
	width: 16px;
}

div.width-label-100 div.widget-fieldlabel-wrap,
div.inline-container .width-label-100 div.widget-fieldlabel-wrap,
div.inline-container.width-label-100 div.widget-fieldlabel-wrap{
	width: 100px;
}
div.width-label-120 div.widget-fieldlabel-wrap,
div.inline-container .width-label-120 div.widget-fieldlabel-wrap,
div.inline-container.width-label-120 div.widget-fieldlabel-wrap{
	width: 120px;
}
div.width-label-136 div.widget-fieldlabel-wrap,
div.inline-container .width-label-136 div.widget-fieldlabel-wrap,
div.inline-container.width-label-136 div.widget-fieldlabel-wrap{
	width: 136px;
}
div.width-label-140 div.widget-fieldlabel-wrap,
div.inline-container .width-label-140 div.widget-fieldlabel-wrap,
div.inline-container.width-label-140 div.widget-fieldlabel-wrap{
	width: 140px;
}
div.width-label-160 div.widget-fieldlabel-wrap{
	width: 160px;
}
div.width-label-185 div.widget-fieldlabel-wrap{
	width: 185px;
}
div.width-label-200 div.widget-fieldlabel-wrap{
	width: 200px;
}
div.width-label-215 div.widget-fieldlabel-wrap{
	width: 215px;
}
div.width-label-240 div.widget-fieldlabel-wrap{
	width: 240px;
}
div.width-label-350 div.widget-fieldlabel-wrap{
	width: 350px;
}
div.width-label-120 div.widget-fieldlabel-wrap,
div.text-container.width-label-120  div.widget-fieldlabel-wrap{
	width: 120px;
}
div.width-label-269 div.widget-fieldlabel-wrap{
	width: 269px;
}
div.text-container.width-label-269 div.widget-fieldlabel-wrap{
	width: 269px;
}

/* other width*****/
div.margin-left-50{
	margin-left: 50px;
}
div.width-label-203 div.widget-fieldlabel-wrap{
	width: 203px;
}
div.margin-left-105{
	margin-left: 105px;
	text-align: left;
}
div.margin-left-105 div.widget-fieldlabel-wrap{
	text-align: left;
}

/* button ************************/
div.container.button-container.width-button-64 div.widget-wrap a.button-button{
	width: 50px;
	min-width: 50px;
}
div.container.button-container.width-button-100 div.widget-wrap a.button-button{
	width: 86px;
}
div.container.button-container.width-button-150 div.widget-wrap a.button-button{
	width: 136px;
}


/* quick setup  ---  */
div.qs-core{
    position: relative;

    min-height: 520px;
}
div.qs-core div.qs-core-view{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;

    background-color: #fff;
}
div.qs-core-view div.widget-fieldlabel-wrap{
	width: 360px;
}
div.qs-opmode .widget-fieldlabel-wrap,
div.qs-wantype .widget-fieldlabel-wrap{
    width: 100% !important;

    text-align: left;
}
div.qs-opmode .radio-list .widget-wrap{
    display: inline-block;
    width: 200px;
}
div.qs-opmode .radio-list .radio-content-wrap{
    display: inline-block;

    width: 650px;
}
/* wireless ***/
div.wirelss-wep-container{
	display: inline-block;
	/*overflow: hidden;*/
}
div.wirelss-wep-container.key-part{
	width: 320px;
	text-align: right;
}
div.wirelss-wep-container.key-part label.radio-label span.text{
	position: relative;
	left: -60px;
}
div.wirelss-wep-container.text-part{
	width: 200px;
}
div.wirelss-wep-container.type-part{
	width: 250px;
}
div.wirelss-wep-container.type-part.width-label-60 div.widget-fieldlabel-wrap{
	width: 60px;
}
div#client-wep-key-selected, div#wl-ap-wep-key-selected{
	margin-right: 35px;
}
/* WAN type */
.qs-wantype{
    padding-left: 100px;
}
.qs-wantype .wantype-radio{
    margin-left: 55px;
}
/* button */
div.qs-core .btn-step{
    position: absolute;
    bottom: 0;

    width: 46%;
}
.btn-step.btn-back{
    left: 0;

    text-align: right;
}
.btn-step.btn-next{
    right: 0;

    text-align: left;
}
.btn-step.btn-next .button-wrap-outer{
    display: block;
}
div.qs-client-wireless .qs-clientsurvey-btn,
div.qs-client-wireless .lock-to-ap{
    position: absolute;
    top: 0;
    right: 0;

    width: 38%;

    text-align: left;
}
div.qs-client-wireless .lock-to-ap{
    top: 27px;
}
div.qs-client-wireless .qs-clientsurvey-btn .button-wrap-outer,
div.qs-client-wireless .lock-to-ap .widget-fieldlabel-wrap{
    display: block;
}
div.qs-client-wireless .qs-survey-btn{
    margin-top: 15px;

    text-align: center;
}
div.qs-client-wireless .btn-survey-back,
div.qs-client-wireless .btn-survey-refresh,
div.qs-client-wireless .btn-survey-connect,
div.qs-client-wireless .btn-survey-lock{
    display: inline-block;

    width: 10%;
}
div.qs-apwireless-msg div.msg-content-container,
div.qs-clientwireless-msg div.msg-content-container{
    max-width: 480px;
}
div.qs-apwireless div.ap-encryption-tip,
div.qs-client-wireless div.client-encryption-tip,
div.qs-apwireless-client div.apclient-encryption-tip{
	margin-left: 366px;
}
div.qs-region-switch div.qs-region-checkbox .checkbox-group-wrap-outer{
    position: absolute;
    left: 14px;
}
div.qs-region-switch div.region-btn-accept,
div.qs-region-switch div.region-btn-cancel{
    display: inline-block;

    width: 47%;
    margin-top: 45px;
}
div.qs-region-switch div.region-btn-accept{
    text-align: right;
}
div.qs-region-switch div.region-btn-cancel{
    text-align: left;
}
div.qs-finish span.blank{
    display: block;

    width: 100%;
    height: 10px;
}
div#mac-filter-grid-panel tr.editor-container div.combobox-container div.combobox-wrap input.combobox-text{
    width: 100%;
}
/* tool style******/
div.container.widget-container.text-container.tool-ping-width{
	width: 460px;
}
div.tool-survey-wrap{
	min-height: 400px;
	width: 900px;
}
div.tool-survey-wrap div.grid-panel{
	width: 890px;
}
div.tool-survey-spinner{
	min-height: 150px;
	padding-top: 250px;
	text-align: center;
	font-size: 20px;
	background: url(../img/Spinner.gif) no-repeat center;
}
div.no-spinner-bg{
	min-height: 400px;
	padding-top: 0;
	font-size: 14px;
	background-image: none;
	text-align: left;
}
div.survey-btn-content{
	margin-top: -27px;
	text-align: right;
}

/* monitor ***********/
div.navigator-container.monitor-nav{
	line-height: 16px;
	background-color: #ffffff;
	text-align: center;
}
div.navigator-container.monitor-nav div.navigator-wrap-outer{
	width: 100%;
}
div.monitor-nav ul.navigator-ul li.navigator-li span.sub-navigator-text{
	width: auto;
	height: auto;
	padding: 0 20px 0 0;
	background-color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	color: #4acbd6;
}
div.monitor-nav ul.navigator-ul li.navigator-li.selected span.sub-navigator-text{
	text-decoration: underline;
}
div.throughput-chart-wrapper{
	position: relative;
	height: 300px;
	font-size: 0px;
}
div.status-chart-combo div.combobox-container{
	width: 410px;
	margin-top: 10px;
	text-align: center;
}
div.status-monitor-combo-right{
	padding-left: 65px;
}
div.status-chart{
	display: inline-block;
	width: 50%;
	text-align: center;
	font-size: 12px;
}
div.status-chart.status-chart-first{
	position: absolute;
	top: 0;
	left: 0;
	margin-left: -35px;
	padding-right: 40px;
}
div.status-chart.status-chart-second{
	position: absolute;
	top: 0;
	left: 450px;
}
div.chart-before{
	margin-top: 10px;
	text-align: center;
}
div.line-info{
	display: inline-block;
	margin-right: 20px;
}
div.half-wan-left-container{
	display: inline-block;
	width: 55%;
}
div.half-wan-right-container{
	display: inline-block;
	width: 45%;
}
div.status-wan-btn-wrap{
	text-align: right;
}
div.status-chart.status-chart-first div.chart-canvas div.zr-element,
div.status-chart.status-chart-first div.chart-canvas canvas{
	margin-left: -20px;
}
div.status-chart.status-chart-second div.chart-canvas div.zr-element,
div.status-chart.status-chart-second div.chart-canvas canvas{
	margin-left: -40px;
}
/*div.chart-area{
	margin-left: -35px;
}*/
/* separator ********/
div.inline-container .width-separator-5.widget-container.displaylabel-container {
	margin-right: 0;
	width: 5px;
	text-align: right;
}
div.inline-container div.container.widget-container.margin-left-20 {
	margin-left: 20px;
}
div.widget-container.displaylabel-container.width-fixed-content-45 div.widget-wrap-outer {
	width: 45px;
}
/* status **********/
div#monitor-module-container-widget{
	position: relative;
}
div#monitor-module-container-widget div.widget-container.checkbox-container{
	text-align: right;
}
div#monitor-module-container-widget div.fieldset-container div.grid-panel{
	width: 100%;
}
div.radio-client-wrapper{
	margin-top: 50px;
}
a#wl-sq-info-rssi-value-separated-label-toggle,
a#wl-sq-info-rssi-value-combined-label-toggle{
	cursor: pointer;
	color: #4acbd6;
}
/* wireless *********/
div.tool-spectrum-analysis-panel, div.wl-spectrum-analysis-panel{
	width: 960px;
	height: 583px;
}
div.scan-range-min-max div.widget-fieldlabel-wrap{
	width: 10px;
}
div.wl-region-change-msg{
	width: 498px;
}
div.wl-region-checkbox div.widget-fieldlabel-wrap,
div.wl-region-switch-button-group div.widget-fieldlabel-wrap,
div.wl-basic-trans-power-value-ap div.widget-fieldlabel-wrap{
	width: 0px;
}
div.wl-region-switch-button-group{
	text-align: center;
}
div.wl-region-switch-button-group div.region-btn-accept,
div.wl-region-switch-button-group div.region-btn-cancel,
div.transmit-power-slider, div.wl-basic-trans-power-value-ap{
	display: inline-block;
}
div.wl-basic-trans-power-value-ap div.text-wrap input{
	width: 42px;
}
div.wl-spectrum-analysis-confirm span.msg-title-container,
div.tool-spectrum-analysis-confirm span.msg-title-container{
	height: 31px;
}
div.wl-spectrum-analysis-confirm div.msg-btn-container,
div.tool-spectrum-analysis-confirm div.msg-btn-container{
	text-align: center;
}
div.button-container.btn-msg-no, div.button-container.btn-msg-ok{
	margin-bottom: 0;
}
div.button-container.btn-msg-no,
div.button-container.btn-msg-ok,
div.button-container.btn-msg-cancel{
	margin-left: 5px;
}
div#wl-basic-spectrum-analysis-btn a.button-button{
	width: 148px;
}
div#spectrum-button-start div.button-wrap-outer,
div#spectrum-button-stop div.button-wrap-outer{
	float: right;
	margin-top: 20px;
	margin-bottom: 10px;
}
div#basic-settings-alert div.msg-btn-wrap{
	text-align: center;
}
div.wirelss-wep-container.width-input-140 div.widget-wrap{
    width: 140px;
}
div.wirelss-wep-container.width-input-80 div.widget-wrap{
    width: 80px;
}
div.scan-range-min-max.width-input-50 div.widget-wrap{
    width: 50px;
}
div.scan-range-min-max div.displaylabel-container div.widget-wrap.text-wrap{
	width: auto;
}
div#mac-filter-grid-panel{
    width: 892px;
}
div#no-stations-text, div#no-dhcp-clients-text{
	text-align: center;
}
/* management ****************/
div#openLog-grid div.grid-content-container-outer {
	height: 400px;
	overflow-y: scroll;
}
div#openLog-grid-panel {
	width: 810px;
}
div.web-server-mac.inline-container div.container.widget-container{
	margin-right: 0;
} 

/* chart **********/
div.chart-container div.line-info span.line-color{
	display: inline-block;
    width: 16px;
    vertical-align: top;
    margin-top: 10px;
    margin-right: 5px;
}
div.chart-container div.line-info span.line-color.RX{
	border-top: 1px solid #4acbd6;
}
div.chart-container div.line-info span.line-color.TX{
	border-top: 1px solid #c11c66;
}
div.chart-container div.line-info span.line-color.peak{
	border-top: 1px solid #4acbd6;
}
div.chart-container div.line-info span.line-color.current{
	border-top: 1px solid #c11c66;
}
div.chart-container div.line-info span.line-color.average{
	border-top: 1px solid #ffcb00;
}
div.chart-scale{
	text-align: left;
}
div.chart-scale span{
	margin-left: 20px;
}
.red {
	color: #FF0000
}

/********Login********/
#login-panel .widget-error-tips-wrap{
	right: -110px;
}

div.login-form{
	margin-bottom: 20px;
}
div.login-logo-container{
	display: inline-block;
	vertical-align: middle;
}
/********Chart********/
.chart-area {
	position: relative;
}

/** status **/
div#stations-grid .grid-content-container,
div#interfaces-grid .grid-content-container,
div#arp-table-grid .grid-content-container,
div#routes-grid .grid-content-container,
div#dhcp-clients-grid .grid-content-container{
	min-height: 100px;
	max-height: 300px;
}
div#stations-grid div.grid-content-container td div.content{
	/*overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;*/
	word-wrap: break-word;
	word-break: break-all;
}
div#stations-grid a.stations-grid-ip-address, div#stations-grid a.stations-grid-mac-address,
div#stations-grid a.signal-noise-column, div#stations-mac-display div.stations-last-ip div.widget-wrap-outer{
	color: #4acbd6;
	cursor: pointer;
}
div#stations-grid tr.grid-header-tr{
	user-select: none;
}

/**********AntennaAlignment**************/
#tool-antenna-alignment-panel div.msg-content-container{
	width: 760px;
	padding-bottom: 90px
}

#antenna-alignment-beep-checkbox div.tip-text-container{
	left: -50px;
	top: 25px;
}

#antenna-alignment-signal-strength{
	width: 100px;
}

#antenna-alignment-max-signal{
	width: 70px;
}
#antenna-alignment-max-signal div.widget-wrap.text-wrap{
	width: 35px;
}
#antenna-alignment-max-signal-slider div.widget-wrap.slider-content-right{
	width: auto!important;
}
div#wan6-address1 ul.radio-group-list-wrap{
 	margin-right: -120px;
}
div#wan6-address2 ul.radio-group-list-wrap{
 	margin-right: -120px;
}
div#lan6-address1 ul.radio-group-list-wrap:first-child{
 	margin-right: -90px;
}
div#lan6-address2 ul.radio-group-list-wrap:first-child{
 	margin-right: -90px;
}
div#lan6-dhcp6s ul.radio-group-list-wrap{
 	margin-right: -60px;
}

/** Status/Stations **/
div.stations-mac-display-msg div.widget-container.fieldset-container{
	width: 900px;
	height: 511px;
	padding-top: 17px;
}
div.stations-mac-display-msg div.data-block{
	display: inline-block;
	vertical-align: top;
}
div.stations-mac-display-msg div.data-block-1{
	width: 516px;
}
div.stations-mac-display-msg div.data-block-2 div.title span.negotiated-rate,
div.stations-mac-display-msg div.data-block-2 div.content span.rate{
	width: 90px;
	text-align: center;
	line-height: 25px;
}
div.stations-mac-display-msg div.data-block-2 div.title span.last-signal,
div.stations-mac-display-msg div.data-block-2 div.content span.signal{
	width: 93px;
	text-align: center;
	line-height: 25px;
}
div#stations-mac-display-btn{
	text-align: right;
    margin-top: 40px;
    margin-right: 20px;
}
/** end of Status/Stations **/

/** Wireless/Basic Wireless Settings/PharosSelect **/
div#wl-frequency-edit-msg div.widget-content.msg-content-container{
	padding: 20px 45px 20px 45px;
}
div#wl-frequency-edit-msg div.widget-container.fieldset-container{
	width: 836px;
	height: 452px;
}
div.wl-frequency-edit-msg-select-wrapper{
	height: 365px;
	margin-bottom: 24px;
	overflow-y: auto;
}
div#wl-frequency-edit-msg ul.checkbox-group-list-wrap li.checkbox-list{
	width: 170px;
}
div#wl-frequency-edit-msg ul.checkbox-group-list-wrap li.checkbox-list:last-child{
	width: 105px;
}
div#wl-frequency-edit-msg div.button-wrapper{
	text-align: right;
}
div#dfs_eu_warn{
	margin-left: 286px;
	padding: 5px;
	width: 395px;
	color: #666;
	background-color: #F9F9F9;
	border-radius: 5px;
}
div#notification-confirm-loader{
	padding: 10px 50px;
	width: 450px;
}
div#notification_mode_select{
	margin: 20px 0;
}
div#notification_mode_select div.widget-fieldlabel-wrap{
	text-align: left;
}
/** end of Wireless/Basic Wireless Settings/PharosSelect **/


/** configuration */
div.configuration-pwd-msg .backup-pwd-container {
	margin: 20px 40px 100px;
}


/** password */
/* widget:  password */
:root {
		--s-color-password-level-bg: #c9c9ca;
  --s-color-password-level-text: #FFFFFF;
  --s-color-password-level-low-bg: #EE385C;
  --s-color-password-level-mid-bg: #FFCB00;
  --s-color-password-level-high-bg: #00A870;
}
 
div.password-container div.password-level{
	position: relative;
	top: 0;
	left: 0;
	white-space: nowrap;
}
div.password-container div.password-level span.level{
	display: inline-block;
	width: 33%;
	height: 13px;
	line-height: 12px;

	background-color: var(--s-color-password-level-bg);
	color: var(--s-color-password-level-text);
	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: var(--s-color-password-level-low-bg);
}
div.password-container div.widget-wrap div.password-level.level-2 span.level.middle{
	background-color: var(--s-color-password-level-mid-bg);
}
div.password-container div.widget-wrap div.password-level.level-3 span.level.high{
	background-color: var(--s-color-password-level-high-bg);
}
#multi-ssid-createmsg {
	max-width: 500px;
}