@charset "utf-8";
/* CSS Document */
/*reset部分*/
html{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #4D4D4D;
}
body{
	position: relative;
	-moz-user-select:none;
	-webkit-user-select:none;
	background-color: #FFFFFF;
}
label,
span,
a{
	vertical-align: middle;
}

/*index部分*/
div#top-wrapper,
div#login-container{
	width: 1000px;
	margin: 0 auto;
	background-color: #F4F4F4;
	box-shadow: 0 0 3px #555555;
}
/* top */
div.top-header{
	height: 78px;
	background: url(../images/tp-link.png) no-repeat 10px #10ABE1;
	position: relative;
}
h1#product-tag{
	color: #ffffff;
	margin: 0 0 6px 42px;
	width: 205px;
	display: inline-block;
}
span#product-tag,
div#top-nav,
div#top-control{
	display: inline-block;
	vertical-align: bottom;
}
div#top-nav ul li{
	display: inline;
	padding-right: 1px;
	border-left: 1px #F4F4F4 solid;
	margin-left: -1px;
}
div#top-nav ul li.selected + li,
div#top-nav ul li.selected,
div#top-nav ul li:hover,
div#top-nav ul li:hover + li{
	border-left: 1px #10ABE1 solid;
}
div#top-nav ul li.fst{
	border-left: none;
	margin-left: 0;
}
div#top-nav ul li a{
	display: inline-block;
	color: #ffffff;
	text-align: center;
	line-height: 35px;
	height: 35px;
	width: 120px;
	font-size: 14px;
}
div#top-nav ul li:hover a{
	background: url("../images/widget-all.png") no-repeat -169px -273px;
}
div#top-nav ul li.selected a{
	color: #008FC2;
	font-weight: bold;
	background: url("../images/widget-all.png") no-repeat -310px -273px;
}
span#product-tag,
div#top-nav,
div#top-control{
	display: inline-block;
	vertical-align: bottom;
}
div#top-control{
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0 30px 10px 0;
}
div#top-control div.lan-select-container,
div#top-control a.top-control-btn{
	vertical-align: bottom;
}
div#top-control a.top-control-btn{
	display: inline-block;
	height: 46px;
	width: 46px;
	text-align: center;
}
div#top-control a.top-control-btn#top-control-logout:hover{
	background: url("../images/widget-all.png") no-repeat -354px -117px;
}
div#top-control a.top-control-btn#top-control-reboot:hover{
	background: url("../images/widget-all.png") no-repeat -460px -117px;
}
div#top-control a.top-control-btn span.icon{
	background: url("../images/widget-all.png") no-repeat -422px -121px;
	display: block;
	width: 22px;
	height: 22px;
	margin: 5px auto 2px auto;
}
div#top-control a.top-control-btn#top-control-logout span.icon{
	background-position: -313px -123px;
}
div#top-control a.top-control-btn#top-control-reboot span.icon{
	background-position: -422px -121px;
}
div#top-control a.top-control-btn span.text{
	font-size: 10px;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	display: block;
}
/* main */
div.content-container{
	margin: 14px 18px 0 18px;
	background-color: #ffffff;
	box-shadow: 0 0 3px #D9D9D9;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
}
div.top-header-wrap{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 35px;
	z-index: 1001;
}
a#officialSite{
	height: 30px;
	width: 175px;
	display:inline-block;
	position: absolute;
	top: 29px;
	left: 34px;
	z-index: 1002;
}
/* menu */
div#menu{
	border-right: 1px solid #D9D9D9;
	background-color: #fafafa;
	height: 100%;
	position: absolute;
}
div#func-basic,
div#func-advanced{
	margin-left: 200px;
}
ul.menu-tree li label{
	color: #666666;
}
div.menu-basic ul.menu-tree li label,
div.menu-advanced ul.menu-tree li.fst label.fst{
	display: inline-block;
}
div.menu-basic ul.menu-tree li.fst,
div.menu-advanced ul.menu-tree li.fst{
	border-bottom: 1px solid #D9D9D9;
}
div.menu-advanced ul.menu-tree li.fst,
div.menu-basic ul.menu-tree li.fst{
	background: url(../images/menu-icon.png) no-repeat 10px 0;
}
div.menu-advanced ul.menu-tree li.fst label.fst,
div.menu-basic ul.menu-tree li.fst label.fst{
	font-size: 14px;
	height: 43px;
	display: table-cell;
	cursor: pointer;
	padding-left: 48px;
	width: 152px;
}
div.menu-basic ul.menu-tree li a span{
	vertical-align: middle;
}
div.menu-basic ul.menu-tree li.fst.selected,
div.menu-basic ul.menu-tree li.fst.selected:hover,
div.menu-advanced ul.menu-tree li.fst.selected,
div.menu-advanced ul.menu-tree li.fst.selected:hover{
	background-color: #10ABE1;
}
div.menu-basic ul.menu-tree li.fst:hover,
div.menu-advanced ul.menu-tree li.fst:hover{
	background-color: #D2F0F9;
}
div.menu-basic ul.menu-tree li.fst.selected label.fst,
div.menu-advanced ul.menu-tree li.fst.selected label.fst{
	color: #ffffff;
}
ul.menu-tree li label{
	position: relative;
}
ul.menu-tree li label span.icon{
	display: inline-block;
	height: 12px;
	width: 16px;
	position: absolute;
	right: 1px;
}
/*basic*/
div.menu-basic ul.menu-tree li#network_map_menu{
	background-position: -10px -21px;
}
div.menu-basic ul.menu-tree li#network_map_menu.selected{
	background-position: -10px -804px;
}
div.menu-basic ul.menu-tree li#internet_menu{
	background-position: -10px -63px;
}
div.menu-basic ul.menu-tree li#internet_menu.selected{
	background-position: -10px -846px;
}
div.menu-basic ul.menu-tree li#wireless_menu{
	background-position: -10px -147px;
}
div.menu-basic ul.menu-tree li#wireless_menu.selected{
	background-position: -10px -930px;
}
div.menu-basic ul.menu-tree li#usb_settings_menu{
	background-position: -10px -315px;
}
div.menu-basic ul.menu-tree li#usb_settings_menu.selected{
	background-position: -10px -1098px;
}
div.menu-basic ul.menu-tree li#guestNetwork_menu{
	background-position: -10px -231px;
}
div.menu-basic ul.menu-tree li#guestNetwork_menu.selected{
	background-position: -10px -1014px;
}
div.menu-basic ul.menu-tree li.fst:hover label span.icon,
div.menu-advanced ul.menu-tree li.fst:hover label span.icon{
	background: url("../images/widget-all.png") no-repeat -587px -37px;
}
div.menu-basic ul.menu-tree li.fst:hover label.none-sec span.icon,
div.menu-advanced ul.menu-tree li.fst:hover label.none-sec span.icon{
	background: none;
}
div.menu-basic ul.menu-tree li.fst.selected label.fst span.icon,
div.menu-advanced ul.menu-tree li.fst.selected label.fst span.icon{
	background: url("../images/widget-all.png") no-repeat -568px -38px;
}
div.menu-basic ul.menu-tree li.fst.selected label.none-sec span.icon,
div.menu-advanced ul.menu-tree li.fst.selected label.none-sec span.icon{
	background: none;
}

/*advanced*/
div#menu-advanced ul.menu-tree li.fst ul{
	background-color: #ffffff;
	display: none;
}
div.menu-advanced ul.menu-tree li#status_menu{
	background-position: -10px -21px;
}
div.menu-advanced ul.menu-tree li#status_menu.selected{
	background-position: -10px -804px;
}
div.menu-advanced ul.menu-tree li#normal_network_menu{
	background-position: -10px -63px;
}
div.menu-advanced ul.menu-tree li#normal_network_menu.selected{
	background-position: -10px -846px;
}
div.menu-advanced ul.menu-tree li#dual_band_selection_menu{
	background-position: -10px -105px;
}
div.menu-advanced ul.menu-tree li#dual_band_selection_menu.selected{
	background-position: -10px -888px;
}
div.menu-advanced ul.menu-tree li#wireless_menu,
div.menu-advanced ul.menu-tree li#wireless_24g_menu{
	background-position: -10px -147px;
}
div.menu-advanced ul.menu-tree li#wireless_menu.selected,
div.menu-advanced ul.menu-tree li#wireless_24g_menu.selected{
	background-position: -10px -930px;
}
div.menu-advanced ul.menu-tree li#wireless_5g_menu{
	background-position: -10px -189px;
}
div.menu-advanced ul.menu-tree li#wireless_5g_menu.selected{
	background-position: -10px -972px;
}
div.menu-advanced ul.menu-tree li#guest_network_menu{
	background-position: -10px -231px;
}
div.menu-advanced ul.menu-tree li#guest_network_menu.selected{
	background-position: -10px -1014px;
}
div.menu-advanced ul.menu-tree li#dhcp_menu{
	background-position: -10px -273px;
}
div.menu-advanced ul.menu-tree li#dhcp_menu.selected{
	background-position: -10px -1056px;
}
div.menu-advanced ul.menu-tree li#usb_settings_menu{
	background-position: -10px -315px;
}
div.menu-advanced ul.menu-tree li#usb_settings_menu.selected{
	background-position: -10px -1098px;
}
div.menu-advanced ul.menu-tree li#nat_boost_menu{
	background-position: -10px -1560px;
}
div.menu-advanced ul.menu-tree li#nat_boost_menu.selected{
	background-position: -10px -1605px;
}
div.menu-advanced ul.menu-tree li#forwarding_menu{
	background-position: -10px -357px;
}
div.menu-advanced ul.menu-tree li#forwarding_menu.selected{
	background-position: -10px -1140px;
}
div.menu-advanced ul.menu-tree li#security_menu{
	background-position: -10px -399px;
}
div.menu-advanced ul.menu-tree li#security_menu.selected{
	background-position: -10px -1182px;
}
div.menu-advanced ul.menu-tree li#parental_control_menu{
	background-position: -10px -441px;
}
div.menu-advanced ul.menu-tree li#parental_control_menu.selected{
	background-position: -10px -1224px;
}
div.menu-advanced ul.menu-tree li#access_control_menu{
	background-position: -10px -483px;
}
div.menu-advanced ul.menu-tree li#access_control_menu.selected{
	background-position: -10px -1266px;
}
div.menu-advanced ul.menu-tree li#advanced_routing_menu{
	background-position: -10px -525px;
}
div.menu-advanced ul.menu-tree li#advanced_routing_menu.selected{
	background-position: -10px -1308px;
}
div.menu-advanced ul.menu-tree li#bandwidth_control_menu{
	background-position: -10px -567px;
}
div.menu-advanced ul.menu-tree li#bandwidth_control_menu.selected{
	background-position: -10px -1350px;
}
div.menu-advanced ul.menu-tree li#ip_and_mac_binding_menu{
	background-position: -10px -609px;
}
div.menu-advanced ul.menu-tree li#ip_and_mac_binding_menu.selected{
	background-position: -10px -1392px;
}
div.menu-advanced ul.menu-tree li#dynamic_dns_menu{
	background-position: -10px -651px;
}
div.menu-advanced ul.menu-tree li#dynamic_dns_menu.selected{
	background-position: -10px -1434px;
}
div.menu-advanced ul.menu-tree li#ipv6_support_menu{
	background-position: -10px -693px;
}
div.menu-advanced ul.menu-tree li#ipv6_support_menu.selected{
	background-position: -10px -1476px;
}
div.menu-advanced ul.menu-tree li#system_tools_menu{
	background-position: -10px -735px;
}
div.menu-advanced ul.menu-tree li#system_tools_menu.selected{
	background-position: -10px -1518px;
}
/* 二级菜单 */
div#menu-advanced ul.menu-tree li.fst ul{
	padding: 12px 0 0px 0;
}
div.menu-basic ul.menu-tree li.sec label.sec,
div.menu-advanced ul.menu-tree li.sec label.sec{
	cursor: pointer;
	height: 33px;
	margin-left: 47px;
	list-style: disc;
	display: list-item;
}
div.menu-basic ul.menu-tree li.sec.selected label.sec,
div.menu-basic ul.menu-tree li.sec label.sec:hover,
div.menu-advanced ul.menu-tree li.sec.selected label.sec,
div.menu-advanced ul.menu-tree li.sec label.sec:hover{
	color: #10ABE1;
}
div#detail{
	margin-left: 200px;
}
/* footer */
div.top-footer{
	padding: 16px 30px;
	position: relative;
}
/* help */
div.content-container div.help-container{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	background-color: #ffffff;
	z-index: 9;
}
div.content-container div.help-container div.help-content-container{
	box-shadow: 0 0 36px #D9D9D9;
	width: 100%;
	height: 100%;
	display: none;
	border-left: 1px solid lightgrey;
}
div.help-container div.btn-help-container{
	position: absolute;
	right: 0px;
	top: 23px;
}
div.help-container div.btn-help-container a.btn-help{
	float: right;
	background: url("../images/widget-all.png") no-repeat -469px -34px;
	display: block;
	width: 31px;
	height: 29px;
}
div.help-container div.btn-help-container a.btn-help.closed{
	background-position: -253px -33px;
}

/* Shield Layer */
div#shadow{
	visibility:visible;
	position:absolute;
	text-align:center;
	z-index:1005;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:white;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(../images/quick_setup_images/waiting.gif);
	filter:alpha(opacity:50);
	opacity:0.5;
}