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

/**** add by cx start *********************************************************************************************/
/** 滚动条部分样式 只兼容chrome **/
*{
	scrollbar-arrow-color: #ffffff;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-highlight-color: #ffffff;
    scrollbar-shadow-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-face-color: #9BDCEB;
    scrollbar-track-color: #ffffff;
}
::-webkit-scrollbar {				/*滚动条整体部分，其中的属性有width,height,background,border（就和一个块级元素一样）等。*/
    width: 13px;
    border: 1px solid #ffffff;
}
::-webkit-scrollbar-button {		/*滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。*/
    height: 3px;
    background-color: #ffffff;
}
::-webkit-scrollbar-track {			/*外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。*/
    background-color: #ffffff;
    width: 9px;
}
::-webkit-scrollbar-track-piece {	/*内层轨道，滚动条中间部分（除去）。*/
    background-color: #ffffff;
}
::-webkit-scrollbar-thumb {			/*滚动条里面可以拖动的那部分*/
    background: #9BDCEB;
    border-radius: 35px;
    border: 3px solid #ffffff;
}
::-webkit-scrollbar-thumb:hover {	/*滚动条里面可以拖动的那部分*/
    background: #9BDCEB;
}
::-webkit-scrollbar-corner {		/*边角*/
    background: #ffffff;
}
::-webkit-scrollbar-resizer {		/*定义右下角拖动块的样式*/
    background: rgb(200,200,200);
}

/*index部分*/
div.top{
	position: relative;
	height: 100%;
	min-width:1000px;
}
div.top-bg{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;

	height: 100%;
	width: 100%;
}
div.top-bg div.top-bg-l{
	width: 75%;
	height: 100%;
	display: inline-block;
	background-color: #f2f2f2;
}
div.top-bg div.top-bg-r{
	width: 20%;
	height: 100%;
	display: inline-block;
	background-color: #ffffff;
}

div.top-header{
	width: 100%;
	height: 90px;
	background-color: #10abe1;
}

div.top-main div.top-content,
div.top-main div.top-footer-wrap,
div.top-header div.top-header-wrap{
	width: 980px;
	margin: 0 auto;
}
div.top-header div.top-header-wrap{
	/*padding-top: 48px;*/
}
div.top-header div.top-header-wrap h1,
div.top-header div.top-header-wrap div{
	display: inline-block;
	vertical-align: bottom;
}
div.top-header div.top-header-wrap h1{
	background: url(../img/tp-link.png) no-repeat left center;
	color: #ffffff;
	width: 230px;

	height: 16px;
	padding: 62px 0 12px 10px;

	padding-left: 10px;
}
div.top-header div.top-header-wrap div.top-nav ul li{
	display: inline-block;
	/*width: 125px;*/
	height: 20px;
	margin-bottom: 11px;
	border-left: 1px #F4F4F4 solid;

	margin-left: -1px;
	padding-right: 1px;
}
div.top-header div.top-header-wrap div.top-nav ul li.selected,
div.top-header div.top-header-wrap div.top-nav ul li.selected + li,
div.top-header div.top-header-wrap div.top-nav ul li:hover,
div.top-header div.top-header-wrap div.top-nav ul li:hover + li{
	border-left: 1px #10abe1 solid;
}

div.top-header div.top-header-wrap div.top-nav ul li.fst{
	border-left: none;
	margin-left: 0;
}

div.top-header div.top-header-wrap div.top-nav ul li a.nav{
	color: #ffffff;
	font-size: 16px;

	display: inline-block;
	height: 42px;
	line-height: 42px;
	min-width: 160px;

	margin-top: -11px;

	text-align: center;

	border-radius: 5px 5px 0 0;
	background-color: #10abe1;
}
div.top-header div.top-header-wrap div.top-nav ul li a.nav:hover{
	background-color: #4dc7ef;
}
div.top-header div.top-header-wrap div.top-nav ul li.selected a.nav{
	background-color: #ffffff;
	color: #4d4d4d;
}
div.top-header div.top-control div.lan-select-container{
	margin-left: 83px;
	margin-right: 21px;

	margin-bottom: 10px;
	width: 142px;
}
div.top-header div.top-control div.lan-select-container div.widget-wrap{
	border: 1px solid #00a2aa;
}
div.top-header div.top-control div.lan-select-container div.widget-wrap input.combobox-text{
	color: #10abe1;
	padding: 0 0 0 4px;
	width: 110px;
}
div.top-header div.top-control div.lan-select-container div.widget-wrap a.combobox-switch{
	background-color: #f0f0f0;
	width: 22px;
	height: 20px;
}
div.top-header div.top-control div.lan-select-container div.widget-wrap a.combobox-switch span.icon{
	background-position: -233px -17px;
	width: 18px;
	height:18px;
	margin: 1px 2px;
}
div.top-header div.top-control div.lan-select-container div.widget-wrap div.combobox-list-wrap{
	top: 27px;
}
div.top-header div.top-control a.top-control-btn{
	border-radius: 4px;
	display: inline-block;
	width: 46px;
	height: 46px;

	margin-right: 3px;
	margin-bottom: 10px;
}
div.top-header div.top-control a.top-control-btn:hover{
	background-color: #4dc7ef;
}
div.top-header div.top-control a.top-control-btn span{
	display: block;
	margin: 0 auto;
}
div.top-header div.top-control a.top-control-btn span.icon{
	height: 20px;
	width: 20px;
	background: url(../img/icons-01.png) no-repeat -80px -224px;

	margin-top: 6px;
	margin-bottom: 2px;
}
div.top-header div.top-control a.top-control-btn#top-control-logout span.icon{
	background-position: -80px -224px;
}
div.top-header div.top-control a.top-control-btn#top-control-reboot span.icon{
	background-position: -116px -224px;
}
div.top-header div.top-control a.top-control-btn#top-control-led span.icon.on{
	background-position: -178px -398px;
}
div.top-header div.top-control a.top-control-btn#top-control-led span.icon.off{
	background-position: -152px -398px;
}
div.top-header div.top-control a.top-control-btn#top-control-led span.icon{
	background-position: -152px -398px;
}
div.top-header div.top-control a.top-control-btn span.text{
	color: #ffffff;
	font-size: 10px;
	text-align: center;

	-webkit-text-size-adjust: none;
}

div.top-main{
	overflow-x: hidden;
	overflow-y: auto;

	height: calc(100% - 90px);
}
div.top-main div.top-content{
	position: relative;
	min-height: 100%;
}
div.top-footer{
	background-color: #e6e6e6;
	clear: both;
}
div.top-footer div.top-footer-wrap{
	padding: 26px 0;
}
div.top-footer div.top-footer-wrap span#hardware-version-title{
	margin-left: 30px;
}
div.top-footer div.top-footer-wrap span.help-faq{
	margin-left: 288px;
}
div.top-footer div.top-footer-wrap a.btn-faq{
	color: #4d4d4d;
	text-decoration: underline;
}

div.menu-container{
	float: left;
}
div.menu-container ul.menu-tree{
	padding: 18px 0 8px 0;
}
div.menu-container ul.menu-tree li.fst{
	margin: 8px 16px 0 0;
}
div.menu-container ul.menu-tree li.fst a.fst{
	display: inline-block;
	width: 204px;
	height: 50px;
	line-height: 50px;

	border-left: 4px solid #ffffff;
	background-color: #ffffff;
}
div.menu-container ul.menu-tree li.fst a.fst.selected{
	border-left: 4px solid #10abe1;
}
div.menu-container ul.menu-tree li.fst a.fst span.text{
	color: #4d4d4d;
	font-size: 14px;
}
div.menu-container ul.menu-tree li.fst a.fst span.icon{
	background: url(../img/icons-01.png) no-repeat -7px -7px;
	display: inline-block;
	width: 22px;
	height: 22px;

	margin: 0 14px;
}
div.menu-container ul.menu-tree li.fst a.fst:hover span.icon,
div.menu-container ul.menu-tree li.fst a.fst.selected span.icon{
	background-position: -43px -7px;
}
div.menu-container ul.menu-tree li.fst a.fst:hover span.text,
div.menu-container ul.menu-tree li.fst a.fst.selected span.text{
	color: #10abe1;
}
div.menu-container ul.sec{
	margin-left: 4px;
	padding-top: 8px;
	background-color: #ebebeb;
}
div.menu-container ul.sec li.sec a.sec{
	display: inline-block;
	height: 42px;
	line-height: 42px;
	color: #4d4d4d;

	width: 150px;
	padding-left: 50px;
}
div.menu-container ul.sec li.sec a.sec span.text{
	display: list-item;
	list-style: none;
}
div.menu-container ul.sec li.sec a.sec:hover{
	color: #10abe1;
}
div.menu-container ul.sec li.sec a.sec.selected{
	background-color: #54c7e2;
	color: #ffffff;
}
div.function-container{
	margin-left: 224px;
	background-color: #ffffff;

	padding: 32px 50px;
}

div.menu-container ul.menu-tree li#menu-advanced-status-li.fst a.fst span.icon{
	background-position: -7px -7px;
}
div.menu-container ul.menu-tree li#menu-advanced-status-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-status-li.fst.selected a.fst span.icon{
	background-position: -43px -7px;
}
div.menu-container ul.menu-tree li#menu-advanced-network-li.fst a.fst span.icon{
	background-position: -7px -43px;
}
div.menu-container ul.menu-tree li#menu-advanced-network-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-network-li.fst.selected a.fst span.icon{
	background-position: -43px -43px;
}
div.menu-container ul.menu-tree li#menu-advanced-wireless-li.fst a.fst span.icon{
	background-position: -7px -79px;
}
div.menu-container ul.menu-tree li#menu-advanced-wireless-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-wireless-li.fst.selected a.fst span.icon{
	background-position: -43px -79px;
}
div.menu-container ul.menu-tree li#menu-advanced-guest-network-li.fst a.fst span.icon{
	width: 24px;
	background-position: -6px -115px;
}
div.menu-container ul.menu-tree li#menu-advanced-guest-network-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-guest-network-li.fst.selected a.fst span.icon{
	background-position: -42px -115px;
}
div.menu-container ul.menu-tree li#menu-advanced-nat-forwarding-li.fst a.fst span.icon{
	background-position: -7px -151px;
}
div.menu-container ul.menu-tree li#menu-advanced-nat-forwarding-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-nat-forwarding-li.fst.selected a.fst span.icon{
	background-position: -43px -151px;
}
div.menu-container ul.menu-tree li#menu-advanced-usb-settings-li.fst a.fst span.icon{
	background-position: -7px -187px;
}
div.menu-container ul.menu-tree li#menu-advanced-usb-settings-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-usb-settings-li.fst.selected a.fst span.icon{
	background-position: -43px -187px;
}
/*div.menu-container ul.menu-tree li#menu-advanced-qos-li.fst a.fst span.icon{
	background-position: -7px -151px;
}
div.menu-container ul.menu-tree li#menu-advanced-qos-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-qos-li.fst.selected a.fst span.icon{
	background-position: -43px -151px;
}*/
div.menu-container ul.menu-tree li#menu-advanced-parental-control-li.fst a.fst span.icon{
	width: 23px;
	background-position: -6px -224px;
}
div.menu-container ul.menu-tree li#menu-advanced-parental-control-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-parental-control-li.fst.selected a.fst span.icon{
	background-position: -42px -224px;
}

div.menu-container ul.menu-tree li#menu-advanced-streamboost-li.fst a.fst span.icon{
	background-position: -7px -259px;
}
div.menu-container ul.menu-tree li#menu-advanced-streamboost-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-streamboost-li.fst.selected a.fst span.icon{
	background-position: -43px -259px;
}

div.menu-container ul.menu-tree li#menu-advanced-security-li.fst a.fst span.icon{
	background-position: -7px -295px;
}
div.menu-container ul.menu-tree li#menu-advanced-security-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-security-li.fst.selected a.fst span.icon{
	background-position: -43px -295px;
}
div.menu-container ul.menu-tree li#menu-advanced-system-tools-li.fst a.fst span.icon{
	background-position: -7px -331px;
}
div.menu-container ul.menu-tree li#menu-advanced-system-tools-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-advanced-system-tools-li.fst.selected a.fst span.icon{
	background-position: -43px -331px;
}


/****/
div.menu-container ul.menu-tree li#menu-basic-basic-li.fst a.fst span.icon{
	background-position: -7px -7px;
}
div.menu-container ul.menu-tree li#menu-basic-basic-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-basic-basic-li.fst.selected a.fst span.icon{
	background-position: -43px -7px;
}

div.menu-container ul.menu-tree li#menu-basic-wireless-li.fst a.fst span.icon{
	background-position: -7px -79px;
}
div.menu-container ul.menu-tree li#menu-basic-wireless-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-basic-wireless-li.fst.selected a.fst span.icon{
	background-position: -43px -79px;
}

div.menu-container ul.menu-tree li#menu-basic-network-li.fst a.fst span.icon{
	background-position: -7px -43px;
}
div.menu-container ul.menu-tree li#menu-basic-network-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-basic-network-li.fst.selected a.fst span.icon{
	background-position: -43px -43px;
}

div.menu-container ul.menu-tree li#menu-basic-system-tools-li.fst a.fst span.icon{
	background-position: -7px -332px;
}
div.menu-container ul.menu-tree li#menu-basic-system-tools-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-basic-system-tools-li.fst.selected a.fst span.icon{
	background-position: -43px -332px;
}

/*div.menu-container ul.menu-tree li#menu-basic-qos-li.fst a.fst span.icon{
	background-position: -7px -151px;
}
div.menu-container ul.menu-tree li#menu-basic-qos-li.fst:hover a.fst span.icon,
div.menu-container ul.menu-tree li#menu-basic-qos-li.fst.selected a.fst span.icon{
	background-position: -43px -151px;
}*/

/**login**/
body#login-body{
    position: inherit;
    height: 100%;
}
body#login-body div#login-main{
	display: none;
}
body#login-body div.top{
    position: inherit;
}
body#login-body div.top-main div.top-content{
	width: 420px;
}
body#login-body div.top-footer{
    position: absolute;
    width: 100%;
    bottom: 0;
    min-width:1000px;
}
body#login-body div.top-footer div.top-footer-wrap{
    text-align: right;
}
body#login-body div.top-footer div.top-footer-wrap span.help-faq{
    float: none;
}
body#login-body form#form-login{
	margin-top: 94px;
}
body#login-body form#form-login div.login-field{
	margin: 5px 0;
}
body#login-body div.top-header div.top-control div.lan-select-container{
	margin: 0 0 20px 594px;
}
label#login-username-label span.icon,
label#login-password-label span.icon{
    background: url(../img/icons-01.png) no-repeat -148px -4px;
    display: inline-block;
    width: 27px;
    height: 27px;
    margin-right: 14px;
    margin-bottom: 2px;
}
label#login-username-label span.icon{
    background-position: -148px -4px;
}
label#login-password-label span.icon{
    background-position: -184px -4px;
}
label#login-username-label span.icon.disable{
    background: url(../img/icons-03.png) no-repeat -467px -372px;
    background-position: -467px -372px;
}

label#login-password-label span.icon.disable{
    background: url(../img/icons-03.png) no-repeat -467px -405px;
    background-position: -467px -405px;
}

body#login-body div.text-container.login-text div.widget-wrap{
	border-radius: 5px;
	background-color: #ffffff;
}
body#login-body div.checkbox-group-container.login-show-characters{
	margin: 0 0 0 37px;
}
body#login-body div.button-container.login-btn{
	margin-left: 45px;
}
body#login-body div.button-container.login-btn button.button-button{
	width: 184px;
}
body#login-body div.conflict-situation{
	display: none;
}
body#login-body div.conflict-situation h4{
	margin-top: 36px;
}
body#login-body div.conflict-situation h4.title span.icon{
	background: url(../img/icons-01.png) no-repeat -218px -110px;
	display: inline-block;
	width: 32px;
	height: 32px;
}
body#login-body div.conflict-situation h4.title span.text{
	font-size: 21px;
	margin-left: 18px;
}
body#login-body div.conflict-situation div.content{
	margin: 18px 0 40px 54px;
}
body#login-body div.conflict-situation div.content span,
body#login-body div.conflict-situation div.content a{
	line-height: 24px;
}
body#login-body h4.forget-password-title{
	font-size: 21px;
	margin: 0 0 18px 0;
}
body#login-body div.forget-password-situation{
	margin-bottom: 54px;
}
body#login-body div.btn-confirm.button-container{
	text-align: left;
}
body#login-body button#btn-receive-code{
	width: 106px;
}
body#login-body button#btn-forget-password-confirm{
	width: 294px;
}
/*quicksetup*/
div#quick-setup-wizard{
	padding-top: 27px;
}
div#quick-setup-wizard span.region_setting{
	margin-left: -15px;
}
div#quick-setup-wizard span.mode_setting{
	margin-left: -40px;
}
div#quick-setup-wizard span.wireless_setting{
	margin-left: -35px;
}
div#quick-setup-wizard span.quickSetup_summary{
	margin-left: -22px;
}


div#quicksetup-form form{
	padding: 1px;
}
div#quicksetup-form p.emphasize{
	color: #191919;
}
div#quicksetup-form p a.summary{
	vertical-align: inherit;
}
h4.quicksetup-title,
div#quicksetup-form h3.title,
div#quicksetup-form h4.title{
	font-size: 21px;
	color: #191919;
}
h4.quicksetup-title#quicksetup-reset-user-title{
	margin-bottom: 32px;
}
h4.quicksetup-title span.icon{
	background: url(../img/icons-03.png) no-repeat -521px -98px;
	display: inline-block;
	height: 52px;
	width: 52px;
}
div#test-internet-success-container h4.quicksetup-title span.icon{
	background-position: -521px -98px;
}
div#test-internet-failed-container h4.quicksetup-title span.icon{
	background-position: -521px -152px;
}
h4.quicksetup-title span.text{
	margin-left: 10px;
}
div#quicksetup-form h4.display-wireless-title{
	color: #0094bc;
	margin-bottom: 16px;
}
div#quicksetup-form div.status-reconnect-button-container{
	text-align: right;
}
div#quicksetup-form div.progressbar-container{
	height: 20px;
}
div#quicksetup-form div#quicksetup-summary div.display-wireless-enable-summary,
div#quicksetup-form div#quicksetup-summary.wired h4.display-wireless-title{
	display: none;
}
div#quicksetup-form div.display-wireless-container-summary{
	margin-top: 32px;
}
div#quicksetup-form div#quicksetup-summary h4.display-wireless-title,
div#quicksetup-form div#quicksetup-summary.wired div.display-wireless-enable-summary{
	display: block;
}
div#quicksetup-form a.test-internet.link span.text{
	color: #f7931e;
	text-decoration: underline;
}
div#quicksetup-form a.test-internet.link span.icon{
	background: url(../img/icons-02.png) no-repeat -318px -58px;
	display: inline-block;
	height: 10px;
	width: 6px;
}
div.test-internet p.note{
	margin-left: 70px;
}
div.auto-detect-progressbar-wrap{
	display: inline-block;
	margin-left: 8px;
}
div.quicksetup-info-summary{
/*	padding: 10px;
	border: 1px solid #d9d9d9;*/
	//margin-bottom: 30px;
	margin-left: 100px;
}
p.connection-error-p{
	margin: 30px 0;
}
div.pw-error-btn-wrap{
	margin-top: 30px;
	text-align: right;
}
div.widget-container.inline-block.go-basic-btn{
	margin-right: 10px;
}

h4.ap-router-title{
	text-align: center;
	//padding: 15px 0;
	//border: 1px solid #d9d9d9;
	//background-color: #FAFAFA;
}
div.ap-router-part-left, div.ap-router-part-right{
	display: table-cell;
	border: 1px solid #d9d9d9;
	width: 303px;
	padding: 10px;
}
div.ap-router-part-left{
	border-top: none;
}
div.ap-router-part-right{
	border-left: none;
	border-top: none;
}

div.quickset-general{
	display: table-cell;
	//border: 1px solid #d9d9d9;
	width: 626px;
	//padding: 10px;
	border-top: none;
}	

div.wireless-info-2g, div.wireless-info-5g{
	//display: table-cell;
	//border: 1px solid #d9d9d9;
	width: 385px;
	padding: 0;
}
div.wireless-info-2g div.wireless-info-2g-inner, div.wireless-info-5g div.wireless-info-5g-inner{
//	padding: 10px;
}
div.wireless-info-5g{
	border-left: none;
}

h4.quicksetup-title-2g, h4.quicksetup-title-5g{
	text-align: left;
	//padding: 15px 0;
	//border-bottom: 1px solid #d9d9d9;
	//background-color: #FAFAFA;
	font-size: 100%;
	font-weight: normal;
    color: #10ABE1;
}
/////////////
p.quickset-textarea-p{
	min-height: 30px;
	line-height: 30px;
	margin: 5px 0;
	vertical-align: middle;
}
p.quickset-textarea-p label.xs{
	display: inline-block;
	width: 78px;
	line-height: 22px;
}
p.quickset-textarea-p label.m{
	display: inline-block;
	width: 160px;
	line-height: 22px;
}

p.quickset-textarea-p label.l{
	display: inline-block;
	width: 200px;
	line-height: 22px;
}
p.quickset-textarea-p span{
	display: inline-block;
	width: 200px;
	margin-left: 9px;
	word-wrap: break-word;
	line-height: 22px;
}
p.quickset-textarea-p span.input-readonly-m{
	width: 200px;
}
p.quickset-textarea-p span.input-readonly-s{
	width: 118px;
}

/*** add by cx end **********************************************************************************************/

div.advanced-block, div.basic-block{
	padding: 0 0 10px 0;
	cursor: pointer;
}
span.advanced-icon, span.advanced-text, span.basic-icon, span.basic-text{
	display: inline-block;
}
span.advanced-icon{
	width: 20px;
	height: 20px;
	background: #ffffff url(../img/icons-01.png) no-repeat -152px  -116px;
}
span.basic-icon{
	width: 20px;
	height: 20px;
	background: #ffffff url(../img/icons-01.png) no-repeat -188px  -116px;
}

/**** add by szz start *********************************************************************************************/
/** internet****/
div.mode-change{
	position: absolute;
	top: 3px;
	right: 10px;
}
div.mode-change span.first-mode, div.mode-change span.second-mode{
	display: inline-block;
	cursor: pointer;
	padding: 2px 3px;
}
div.mode-change span.mode-select{
	color: #0094BC;
}
div.widget-container.custom-mac-value{
	margin-left: 13px;
}
div.mode-change span.disabled{
	cursor: default;
	color: #b2b2b2;
}

/***  streamboost  ****/
div.sb-network-map{
	width: 706px;
	min-height: 500px;
	position: relative;
/*	background: url(../img/streamboost_map_1.png) no-repeat left top;	*/
}
div.sb-network-map div.line-speed{
	width: 215px;
	border-top: 1px solid #d9d9d9;
	position: absolute;
	top: 110px;
	left: 206px;
}
div.sb-network-map div.line-vertical{
	height: 28px;
	border-left: 1px solid #d9d9d9;
	position: absolute;
	top: 164px;
	left: 472px;
}
div.sb-network-map div.line-content{
	width: 385px;
	height: 30px;
	border: 1px solid #d9d9d9;
	border-bottom: none;
	position: absolute;
	top: 192px;
	left: 166px;	
}
div.sb-network-map div.line-box-left, div.sb-network-map div.line-box-right{
	width: 340px;
	height: 130px;
	border: 1px solid #d9d9d9;
	position: absolute;
	top: 223px;
	left: 0px;
	border-radius: 4px;
}
div.sb-network-map div.line-box-right{
	left: 370px;	
}
div.sb-network-map span.text{
	position: absolute;
	bottom: -20px;
	display: inline-block;
	width: 100%;
	text-align: center;
}
div.sb-network-map span.num{
	position: absolute;
	top: -12px;
	right: -17px;
	display: none;
	padding-top: 2px;
	width: 20px;
	height: 18px;
	border: 1px solid #f7931e;
	background-color: #f7931e;
	border-radius: 20px;
	color: #fff;
	text-align: center;
}
div.sb-map-internet-up span.speed-up-icon, div.sb-map-internet-down span.speed-down-icon{
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 5px;
	background: url(../img/icons-02.png) no-repeat -2px -2px;
}
div.sb-map-internet-down span.speed-down-icon{
	background: url(../img/icons-02.png) no-repeat -2px -20px;	
}

div.sb-map-internet, div.sb-map-internet-up, div.sb-map-internet-down, div.sb-map-router, div.sb-map-windows, div.sb-map-android, div.sb-map-ios, div.sb-map-unix, div.sb-map-linux, div.sb-map-macos, div.sb-map-otheros{
	position: absolute;
	height: 62px;
	cursor: pointer;
	top: 255px;
}
div.sb-map-internet-up, div.sb-map-internet-down{
	height: 30px;
	top: 83px;
	left: 286px;
}
 div.sb-map-internet-down{
 	top: 116px;
 }
div.sb-map-internet{
	width: 72px;
	height: 70px;
	top: 60px;
	left: 120px;
	background: url(../img/icons-03.png) no-repeat -9px -10px;
}
 div.sb-map-router{
 	top: 50px;
 	left: 430px;
 	width: 100px;
 	height: 81px;
	background: url(../img/icons-03.png) no-repeat -571px -4px;
 }
 div.sb-map-windows{
 	width: 63px;
 	left: 25px;
	background: url(../img/icons-03.png) no-repeat -13px -302px;
 }
 div.sb-map-windows.item-slt{
	background: url(../img/icons-03.png) no-repeat -13px -374px;
 }
 div.sb-map-android{
 	width: 56px;
 	left: 138px;
	background: url(../img/icons-03.png) no-repeat -89px -302px;
 }
 div.sb-map-android.item-slt{
	background: url(../img/icons-03.png) no-repeat -89px -374px;
 }
 div.sb-map-ios{
 	width: 50px;
 	left: 243px;
	background: url(../img/icons-03.png) no-repeat -164px -302px;
 }
 div.sb-map-ios.item-slt{
	background: url(../img/icons-03.png) no-repeat -164px -374px;
 }
 div.sb-map-unix{
 	width: 62px;
 	left: 395px;
	background: url(../img/icons-03.png) no-repeat -230px -302px;
 }
 div.sb-map-unix.item-slt{
	background: url(../img/icons-03.png) no-repeat -230px -374px;
 }
 div.sb-map-linux{
 	width: 52px;
 	left: 506px;
	background: url(../img/icons-03.png) no-repeat -307px -302px;
 }
 div.sb-map-linux.item-slt{
	background: url(../img/icons-03.png) no-repeat -307px -374px;
 }
 div.sb-map-otheros{
 	width: 62px;
 	left: 603px;
	background: url(../img/icons-03.png) no-repeat -374px -302px;
 }
 div.sb-map-otheros.item-slt{
	background: url(../img/icons-03.png) no-repeat -374px -374px;
 }
 .inlineBlock{
 	display: inline-block;
 }
div.router-return-icon{
	background: url(../img/icons-01.png) no-repeat -151px -151px;
	width: 21px;
	height: 18px;
	position: absolute;
	top: -2px;
	left: 60px;
	cursor: pointer;
}
div.device-return-icon{
	background: url(../img/icons-01.png) no-repeat -151px -151px;
	width: 21px;
	height: 18px;
	position: absolute;
	top: -2px;
	left: 60px;
	cursor: pointer;
}
div.policy-optimal, div.policy-nominal, div.policy-best{
 	position: absolute;
 	top: 20px;
 	right: 8px;
	width: 15px;
	height: 15px;
	border-radius: 15px;
	margin-right: 10px;
	border: none;
}
div.policy-optimal{
	background-color: #8CBC39;
}
div.policy-nominal{
	background-color: #54C7E2;
}
div.policy-best{
	background-color: #F9B61E;
}
span.test-bandwidth{
	text-decoration: underline;
	color: #F9B61E;
	cursor: pointer;
}
span.stick-top, span.priority-up, span.priority-down{
	display: inline-block;
	margin-right: 10px;
	cursor: pointer;
	color: #8CBC39;
}
span.stick-top-text, span.priority-up-text, span.priority-down-text{
	display: none;
}
div.sb-device-grid div.grid-content-td-wrap, div.sb-router-grid  div.grid-content-td-wrap{
	position: relative;
	padding: 3px 0;
	height: 52px;
}
.pro300{
 	width: 310px;
 }
div.progressbar-container.pro300 div.progressbar-content{
 	border: none;
 }
 div.progressbar-container.colorBlue div.progressbar-content div.progressbar-value{
 	background-color: #9EE6F2;
 }
.pro300 div.progressbar-value{
 	border-radius: 8px;
 }
div.h20{
	margin: 0;
}
div.h20 div.widget-wrap input.text-text{
	height: 20px;
	padding: 0;
	border: none;
	color: #599E00;
}
div.colorBlue div.widget-wrap input.text-text{
	color: #0094BC;
}
img.device-icons, img.router-icons{
	width: 40px;
	height: 40px;
	position: absolute;
	top: 10px;
	left: 8px;
}
div.router-name{
	position: absolute;
	top: 23px;
	left: 53px;
}

/*by szz 公用*/
div.part-seperate, p.part-seperate{
	margin-top: 20px;
}
.hidden{
	display: none;
}

/** status ***/
div.status-panel{
	display: inline-block;
	vertical-align: top;
	width: 320px;
	position: relative;
	margin-bottom: 20px;
}
div.status-panel-main{
	border: 1px solid #d8d8d8;
	border-top: none;
	background-color: #ffffff;
	padding: 10px 0px 20px 22px;
}
div.status-panel h4.status{
	margin: 0px;
	padding: 10px 0 10px 18px;
	font-size: 12px;
	color: #3d3d3d;
	background-color: #F2F2F2;
	border: 1px solid #d8d8d8;
	border-bottom: none;
}
div.status-panel h4.status span.status-icon{
	display: inline-block;
	width: 22px;
	height: 22px;
	background-image: url(../img/icons-01.png);
	margin-right: 6px;
}
div.status-panel h4.status span.status-icon-internet{
	background-position: -7px -43px;
}
div.status-panel h4.status span.status-icon-wireless{
	background-position: -7px -79px;
}
div.status-panel h4.status span.status-icon-lan{
	background-position: -78px -294px;
}
div.status-panel h4.status span.status-icon-guest{
	background-position: -7px -187px;
}
div.status-panel h4.status span.status-icon-usb{
	background-position: -7px -115px;
}
div.status-panel h4.status span.status-icon-performance{
	background-position: -7px -7px;
}
div.status-panel h4.status span.status-icon-access{
	background-position: -80px -330px;
}
div.usb-panel div.status-panel-main{
	padding-left: 0px;
}
div.usb-panel div.usb-form-usb, div.usb-panel div.usb-form-printer{
	display: inline-block;
	width: 155px;
	height: 160px;
	vertical-align: top;
}
div.usb-panel span.icon-usb-storage{
	display: inline-block;
	height: 59px;
	width: 29px;
	background: url(../img/icons-03.png) no-repeat -391px -88px;
	margin: 5px 0px 5px 60px;
}
div.usb-panel p.usb-text-usb, div.usb-panel p.usb-text-printer{
	margin-bottom: 20px;
	padding-left: 62px;
}
div.usb-panel p.usb-text-printer{
	padding-left: 50px;
}
div.usb-panel p.usb-form-line{
	padding-left: 30px;
	position: relative;
}
div.usb-panel p.usb-form-line span.usb-storage-dot{
	position: absolute;
	top: 9px;
	left: 12px;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background-color: #96CC56;
}
div.usb-panel p.usb-form-line div.widget-container{
	margin: 0;
}
div.usb-panel span.icon-usb-printer{
	display: inline-block;
	height: 54px;
	width: 56px;
	background: url(../img/icons-03.png) no-repeat -376px -160px;
	margin: 10px 0px 5px 40px;
}
div.usb-panel  div.status-panel-main, div.performance-panel  div.status-panel-main{
	height: 160px;
}
p.performance-line{
	margin-top: 30px;
}
div.access-panel{
	width: 652px;
	border: 1px solid #d8d8d8;
}
div.access-panel h4.status{
	border: none;
}
div.access-panel-left{
	display: inline-block;
	width: 288px;
	border: none;
	padding: 0;
	margin: 30px 0 0 40px;
	border-right: 1px solid #d8d8d8;
	vertical-align: top;
}
div.access-panel-right{
	display: inline-block;
	width: 278px;
	border: none;
	padding: 0;
	margin: 30px 0 20px 40px;
	vertical-align: top;
	max-height: 240px;
}
div.icon-access-wire, div.icon-access-wireless{
	position: relative;
	display: inline-block;
	width: 40px;
	height: 36px;
	background: url(../img/icons-03.png) no-repeat -459px -100px;
}
div.icon-access-wireless{
	background: url(../img/icons-03.png) no-repeat -456px -171px;
}
span.access-wire-clients-num, span.access-wireless-clients-num{
	position: absolute;
	top: -12px;
	right: -18px;
	width: 20px;
	height: 18px;
	text-align: center;
	padding-top: 2px;
	color: #fff;
	background: url(../img/icons-01.png) no-repeat -152px -332px;
}
p.access_client_name{
	display: inline-block;
	vertical-align: top;
	margin: 8px 0 0 30px;
}
div.progressbar-container.performance-memory-usage div.progressbar-content div.progressbar-value{
	background-color: #54C7E2;
}
div.status-panel h4.status span.conn-status{
	display: inline-block;
	width: 26px;
	height: 16px;
	margin-left: 5px;
	background: url(../img/icons-01.png) no-repeat -185px -152px;
}
div.status-panel h4.status span.conn-status.not-secure{
	background: url(../img/icons-01.png) no-repeat -152px -190px;
}
div.status-panel h4.status span.conn-status.not-open{
	background: url(../img/icons-01.png) no-repeat -186px -152px;
}
div.status-panel h4.status span.conn-status.conn-internet-connected{
	background: url(../img/icons-02.png) no-repeat -18px -1px;
	width: 18px;
	height: 16px;
}
div.status-panel h4.status span.conn-status.conn-internet-disconnected{
	background: url(../img/icons-02.png) no-repeat -37px -1px;
}
div.status-panel h4.status span.conn-status.conn-internet-poor-connected{
	background: url(../img/icons-02.png) no-repeat -161px -1px;
}
div.status-panel h4.status span.conn-status.hidden{
	display: none;
}
p.status-textarea-read{
	min-height: 30px;
	line-height: 30px;
	margin: 5px 0;
	vertical-align: middle;
}
p.status-textarea-read label.xs{
	display: inline-block;
	width: 110px;
	line-height: 22px;
}
p.status-textarea-read span{
	display: inline-block;
	width: 170px;
	margin-left: 10px;
	word-wrap: break-word;
	line-height: 22px;
}
/*********** simple version */
div.access-client-list{
	margin-top: 20px;
	height: 165px;
	overflow-x: hidden;
	overflow-y: auto;
}
div.access-client-list p.access-client-list-p{
	width: 180px;
	padding: 8px 0;
	border-bottom: 1px solid #d9d9d9;
	cursor: pointer;
	position: relative;
}
span.access-client-list-icon{
	position: absolute;
	top: 11px;
	right: 0;
	width: 10px;
	height: 8px;
	background: url(../img/icons-02.png) no-repeat -240px -41px;	
}
div.access-client-list p.selected-list-p{
	width: 180px;
	padding: 8px 0;
	border-bottom: 1px solid #d9d9d9;
	cursor: pointer;
	color: #0094BC;
}
div.access-client-list p.selected-list-p span.access-client-list-icon{
	background: url(../img/icons-02.png) no-repeat -238px -24px;
}
div.access-client-list div.access-client-detail{
	background-color: #f2f2f2;
	width: 260px;
	margin: 10px 0;
}
p.cfg_status{
	line-height: 26px;
}
label.label_status_s{
	display: inline-block;
	width: 115px;
	margin-left: 10px;
}
div.text-container.read-only div.widget-wrap input.text-text.usb-input-blue{
	color: #0094BC;
	text-align: right;
}
/********* end simple version */









div.internet-panel, div.lan-panel, div.usb-panel{
	margin-right: 10px;
}
div.status-panel div.mode-change{
	top: 12px;
	right: 6px;
}
div.internet-panel div.status-panel-main, div.wireless-panel div.status-panel-main{
	height: 238px;
}
div.text-container div.widget-wrap span.text-wrap input.usb-storage-input{
	width: 20px;
	padding: 0px;
	text-align: left;
	text-indent: 0;
}
div.textarea-container.read-only div.widget-wrap textarea.textarea-text.printer-textarea{
	padding: 2px 0;
}

/**/

	div.map_wrap{
		top: 0;
		left: 0;
		width: 715px;
		min-height: 380px;
		position: relative;
		/*font-weight: bold;*/
	}
	div.map-internet,div.map-root-ap{
		position: absolute;
		top: 35px;
		left: 115px;
		width: 74px;
		padding-top: 80px;
		text-align: center;
		cursor: pointer;
	}
	div.map-internet-connect{
	}
	div.map-router{
		position: absolute;
		top: 25px;
		left: 345px;
		width: 84px;
		padding-top: 90px;
		padding-right: 17px;
		text-align: center;
		cursor: pointer;
	}
	div.map-router-connect{
	}
	div.map-router-tip{
		position: absolute;
		top: 10px;
	right: -75px;
	height: 40px;
		font-weight: normal;
	}
div.map-router-tip div.map-router-wrap{
	display: inline-block;
	width: 45px;
	height: 40px;
	font-size: 10px;
	text-align: center;
}
div.map-router-tip div.map-router-wrap 	div.map-router-24g-img{
	display: inline-block;
	width: 26px;
	height: 18px;
	margin-bottom: 3px;
	background: url(../img/icons-03.png) no-repeat -12px -165px;
}

div.map-router-tip div.map-router-wrap 	div.map-router-24g-img.selected{
	background: url(../img/icons-03.png) no-repeat -49px -165px;
}

div.map-router-tip div.map-router-wrap 	div.map-router-24g-img.not-open{
	background: url(../img/icons-03.png) no-repeat -14px -232px;
}
div.map-router-tip div.map-router-wrap 	div.map-router-24g-img.not-open.selected{
	background: url(../img/icons-03.png) no-repeat -51px -200px;
}

div.map-router-tip div.map-router-wrap 	div.map-router-24g-img.not-secure{
	background: url(../img/icons-03.png) no-repeat -14px -200px;
}
div.map-router-tip div.map-router-wrap 	div.map-router-24g-img.not-secure.selected{
	background: url(../img/icons-03.png) no-repeat -51px -200px;
}

div.map-router-tip div.map-router-wrap 	div.map-router-24g-img.multissidOn{
	background: url(../img/icons-03.png) no-repeat -538px -242px;
}

div.map-router-tip div.map-router-wrap 	div.map-router-24g-img.multissidOn.selected{
	background: url(../img/icons-03.png) no-repeat -51px -200px;
}

div.map-router-tip div.map-router-bar{
	position: absolute;
	left: 44px;
	top: 2px;
	width: 1px;
	height: 14px;
	background-color: #ADB1A3;
}
	div.map-wireless{
		position: absolute;
		top: 30px;
		left: 20px;
		width: 120px;
		height: 20px;
		padding-top: 65px;
		padding-right: 17px;
		text-align: center;
		cursor: pointer;
	}
	div.map-wireless span.map-icon-num{

	}

	div.map-wire{
		position: absolute;
		top: 30px;
		left: 160px;
		width: 120px;
		height: 20px;
		padding-top: 65px;
		padding-right: 17px;
		text-align: center;
		cursor: pointer;
	}
	div.map-wire-connect{

	}
	div.map-wire span.map-icon-num{
		top: -10px;
		right: -22px;
	}
	div.map-printer{
		position: absolute;
		top: 30px;
		left: 15px;
		width: 120px;
		height: 20px;
		padding-top: 65px;
		text-align: center;
		cursor: pointer;
	}
	div.map-printer-connect{
	}
	div.map-usb{
		position: absolute;
		top: 30px;
		left: 150px;
		width: 120px;
		height: 20px;
		padding-top: 65px;
		text-align: center;
		cursor: pointer;
	}
	div.map-usb-connect{
	}
	div.map-usb span.map-icon-num{
		top: -10px;
		right: -20px;
	}

div.map-line-horizontal{
	position: absolute;
	top: 75px;
	left: 200px;
	width: 135px;
	height: 1px;
	border: none;
	border-top: 1px solid #d9d9d9;
}
div.map-line-vertical{
	position: absolute;
	top: 144px;
	left: 380px;
	height: 45px;
	width: 1px;
	border: none;
	border-left: 1px solid #d9d9d9;
}
div.map-line-branch{
	position: absolute;
	top: 164px;
	left: 192px;
	width: 298px;
	height: 25px;
	border: 1px solid #d9d9d9;
	border-bottom: none;
}
div.map-wrap-left, div.map-wrap-right,div.map-wrap-center{
	position: absolute;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	width: 283px;
	height: 132px;
	top: 190px;
	left: 40px;
}
div.map-wrap-right{
	left: 360px;
}

div.map-wrap-center{
	left: 240px;
}

div.map-wrap-single{
	position: absolute;
	top: 180px;
	left: 305px;
}



div.map-icon-internet{
	position: absolute;
	top: 0;
	left: 0;
	width: 71px;
	height: 71px;
	background: url(../img/icons-03.png) no-repeat -9px -10px;
}
div.map-icon-internet.selected{
	background: url(../img/icons-03.png) no-repeat -9px -82px;
}
div.map-icon-internet-conn{
	background: url(../img/icons-03.png) no-repeat -9px -10px;  // LEO_TODO
}
div.map-icon-internet-conn.selected{
	background: url(../img/icons-03.png) no-repeat -9px -82px;
}
div.map-icon-internet-disconn{
	background: url(../img/icons-03.png) no-repeat -9px -154px;
}
div.map-icon-internet-disconn.selected{
	background: url(../img/icons-03.png) no-repeat -9px -226px;
}

span.map-icon-internet-status{
	background: url(../img/icons-03.png) no-repeat -52px -268px;
	position: absolute;
	width: 21px;
	height: 21px;
	right: 0;
	bottom: 0;
}

span.map-icon-internet-conn{
	background: url(../img/icons-03.png) no-repeat -14px -268px;
}


div.map-icon-root-ap{
	position: absolute;
	top: 0;
	left: 0;
	width: 71px;
	height: 71px;
	background: url(../img/icons-03.png) no-repeat -373px -224px;
}
div.map-icon-root-ap.selected{
	background: url(../img/icons-03.png) no-repeat -454px -224px;
}
div.map-icon-root-ap-conn{
	background: url(../img/icons-03.png) no-repeat -9px -10px; // LEO_TODO
}
div.map-icon-root-ap-conn.selected{
	background: url(../img/icons-03.png) no-repeat -9px -82px;
}
div.map-icon-root-ap-disconn{
	background: url(../img/icons-03.png) no-repeat -9px -154px;
}
div.map-icon-root-ap-disconn.selected{
	background: url(../img/icons-03.png) no-repeat -9px -226px;
}

span.map-icon-root-ap-status{
	background: url(../img/icons-03.png) no-repeat -52px -268px;
	position: absolute;
	width: 21px;
	height: 21px;
	right: 0;
	bottom: 0;
}

span.map-icon-root-ap-conn{
	background: url(../img/icons-03.png) no-repeat -14px -268px;
}
span.map-icon-root-ap-connecting{
	background: url(../img/loading2.gif) no-repeat, -0px -0px;
}

div.map-icon-router{
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 80px;
	background: url(../img/icons-03.png) no-repeat -283px -5px;
}
div.map-icon-router-conn{
	background: url(../img/icons-03.png) no-repeat -427px -5px;
}
div.map-icon-wireless{
	position: absolute;
	top: 0;
	left: 28px;
	width: 59px;
	height: 54px;
	background: url(../img/icons-03.png) no-repeat -94px -17px;
}
div.map-icon-wireless-conn{
	background: url(../img/icons-03.png) no-repeat -94px -91px;
}
div.map-icon-wire{
	position: absolute;
	top: 0;
	left: 30px;
	width: 52px;
	height: 51px;
	background: url(../img/icons-03.png) no-repeat -90px -164px;
}
div.map-icon-wire-conn{
	background: url(../img/icons-03.png) no-repeat -90px -236px;
}
div.map-icon-printer{
	position: absolute;
	top: 0;
	left: 30px;
	width: 61px;
	height: 54px;
	background: url(../img/icons-03.png) no-repeat -230px -90px;
}
div.map-icon-printer-conn{
	background: url(../img/icons-03.png) no-repeat -230px -162px;
}
div.map-icon-usb{
	position: absolute;
	top: 3px;
	left: 30px;
	width: 53px;
	height: 49px;
	background: url(../img/icons-03.png) no-repeat -163px -21px;
}
div.map-icon-usb-conn{
	background: url(../img/icons-03.png) no-repeat -163px -93px;
}
span.map-icon-num{
	position: absolute;
	top: -10px;
	right: -15px;
	width: 20px;
	height: 18px;
	text-align: center;
	padding-top: 2px;
	color: #fff;
	font-weight: normal;
	background: url(../img/icons-01.png) no-repeat -152px -332px;
}
div.map-panel{
	background-color: #FAFAFA;
	position: relative;
}



span.map-panel-icon-internet, span.map-panel-icon-router,  span.map-panel-icon-wireless, span.map-panel-icon-wire, span.map-panel-icon-printer, span.map-panel-icon-usb{
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-right: 5px;
	margin-bottom: 4px;
}
span.map-panel-icon-internet{
	background: url(../img/icons-01.png) no-repeat -79px -7px;
}
span.map-panel-icon-router{
	background: url(../img/icons-01.png) no-repeat -79px -400px;
}
span.map-panel-icon-wireless{
	background: url(../img/icons-01.png) no-repeat -79px -43px;
}
span.map-panel-icon-wire{
	background: url(../img/icons-01.png) no-repeat -79px -115px;
}
span.map-panel-icon-printer{
	background: url(../img/icons-01.png) no-repeat -79px -186px;
}
span.map-panel-icon-usb{
	background: url(../img/icons-01.png) no-repeat -79px -79px;
}

span.map-panel-icon-text{
    vertical-align: top;
}

div.map-form-left, div.map-form-right{
	display: inline-block;
	width: 292px;
	padding: 10px 0 10px 0;
}
h5.map-form-title{
	color: #599E00;
	line-height: 30px;
}

p.note-no-label{
	margin: 10px 0;
}

/**** add by szz end *********************************************************************************************/


/**** add by ycf start *********************************************************************************************/
div#log_filter_form{
    margin-bottom:10px;
}
div#log_list{
   margin-bottom:10px;
}
div#log_btn_cnt{
   margin-bottom: 40px;
}

div#localGrid{
	margin-top:40px;
}

label#filter{
	color:#3E3A39;
}

.hour_padding{
margin-left: 36px;
}

div.week_padding{
	margin-right: 20px;
}

div.key_pos{
	position:absolute;
	bottom:-60px;
	right:120px;
}

div.key_reset{
    position:static;
}

div.ssid_tip{
	width:200px;
}

/**** add by ycf end *********************************************************************************************/

div.hidden, span.hidden{
	display: none;
}

/** basic  page **/
div.basic-map-wrap{
	width: 600px;
	height: 150px;
	position: relative;
}
div.basic-wireless-2g, div.basic-wireless-5g{
	position: absolute;
	width: 45px;
	height: 35px;
	text-align: center;
	cursor: pointer;
}
div.basic-wireless-2g div.icon, div.basic-wireless-5g div.icon{
	display: inline-block;
	width: 26px;
	height: 16px;
	margin-bottom: 5px;
	background: url(../img/icons-01.png) no-repeat -185px -152px;
}
div.basic-wireless-2g{
	top: 30px;
	left: 50px;
}
div.basic-wireless-5g{
	top: 110px;
	left: 50px;
}
div.basic-router{
	position: absolute;
	width: 80px;
	height: 90px;
	top: 30px;
	left: 150px;
	text-align: center;
	cursor: pointer;
}
div.basic-router div.icon{
	width: 80px;
	height: 80px;
	margin-bottom: 5px;
	background: url(../img/icons-03.png) no-repeat -283px -5px;
}
div.basic-status-2g, div.basic-status-5g{
	position: absolute;
	height: 1px;
	width: 150px;
	background-color: #ccc;
	left: 280px;	
}
div.basic-status-2g{
	top: 40px;
}
div.basic-status-5g{
	top: 120px;
}
div.basic-status-2g.connected div.icon, div.basic-status-5g.connected div.icon{
	position: absolute;
	width: 23px;
	height: 21px;
	background: url(../img/icons-03.png) no-repeat -14px -268px;
	top: -10px;
	left: 60px;
}
div.basic-status-2g.disconnected div.icon, div.basic-status-5g.disconnected div.icon{
	background: url(../img/icons-03.png) no-repeat -52px -268px;
	position: absolute;
	width: 23px;
	height: 21px;
	top: -10px;
	left: 60px;
}
div.basic-router-2g, div.basic-router-5g{
	position: absolute;
	width: 100px;
	height: 35px;
	text-align: center;
	cursor: pointer;
}
div.basic-router-2g div.icon, div.basic-router-5g div.icon{
	width: 26px;
	height: 16px;
	margin-bottom: 5px;
	background: url(../img/icons-01.png) no-repeat -185px -152px;
}
div.basic-router-2g{
	top: 30px;
	left: 500px;
}
div.basic-router-5g{
	top: 110px;
	left: 500px;
}
p.status-note{
	margin: 20px 0 20px 10px;
}

div.map-panel{
	background-color: #FAFAFA;
	position: relative;
	margin-bottom: 30px;
}
div.map-panel h4.map-panel-title{
	height: 35px;
	line-height: 35px;
	background-color: #96CC56;
	padding-left: 15px;
	color: #fff;
	font-size: 14px;
}
div.map-panel div.map-panel-cnt{
	min-height: 233px;
	padding: 10px 45px 15px;
}

div.map-panel div.map-panel-cnt-grid{
	min-height: 233px;
	padding: 10px 20px 15px;
}

div.map-panel div.map-panel-cnt div.panel-container{
	margin-bottom: 0;
}
div.map-form-left, div.map-form-right{
	display: inline-block;
	width: 292px;
	padding: 10px 0 10px 0;
}
h5.map-form-title{
	color: #599E00;
	line-height: 30px;
}
/**  quick setup ****************************************************/
span.singal-low, span.singal-middle, span.singal-high{
	display: inline-block;
	width: 30px;
	height: 25px;
	background: url(../img/icons-03.png) no-repeat -192px -226px;
}
span.singal-middle{
	background: url(../img/icons-03.png) no-repeat -254px -226px;
}
span.singal-high{
	background: url(../img/icons-03.png) no-repeat -316px -226px;
}
span.ssid-secured, span.ssid-unsecured{
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-left: 12px;
}
span.ssid-secured{
	background: url(../img/icons-01.png) no-repeat -113px -367px;
}
span.ssid-unsecured{
	background: url(../img/icons-01.png) no-repeat -127px -367px;
}
div.region-tips-wrap{
	margin: 10px 0 50px 0;
}
span.region-status-tips{
	display: inline-block;
	margin: 10px 20px 10px 0;
}

div.grid-container div.grid-content-container table tr.grid-content-tr td.grid-content-td span.error{
	color: #e00000;
}
/*div.panel-content-container*/
/*div.panel-header + div.panel-content > div.panel-content-container
{
    padding-left:28px;
}

div.panel-content-container.grid-no-padding{
    margin-left: -28px;
}
*/
div.panel-header + div.panel-content 
{
    padding-left:28px;
}

div.panel-content.grid-no-padding{
    margin-left: -28px;
}

div.function-setting-div{
    padding-left:28px;
}