@charset "utf-8";
/* CSS Document */
body{
background: #258dc8;
background: -moz-linear-gradient(top, #258dc8 0%, rgba(0,199,139,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,148,103,1)), color-stop(100%, rgba(0,199,139,1)));
background: -webkit-linear-gradient(top, #258dc8 0%, rgba(0,199,139,1) 100%);
background: -o-linear-gradient(top, #258dc8 0%, rgba(0,199,139,1) 100%);
background: -ms-linear-gradient(top, #258dc8 0%, rgba(0,199,139,1) 100%);
background: linear-gradient(to bottom, #258dc8 0%, rgba(0,199,139,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#00c78b', GradientType=0 );
}
a:hover img{
	opacity: 0.5;
}
div.widget-container div.widget-fieldlabel-wrap.ts{
	width: 60px;
}
div.text-container input.text-text.tl{
	width: 188px;
}
div.text-container input.text-text.txl{
	width: 389px;
}
div.combobox-container div.combobox-wrap input.combobox-text.txl{
	width: 389px;
}

button.securityBtn{
	width: 200px;
	text-align: left;
}
a.btn-region{
	text-decoration: underline;
	color: #10ABE1;
}
a.btn-personal,a.btn-enterprise,a.btn-wep {
  text-decoration: underline;
  color: #10ABE1;
}

div.button-container.submit button.button-button{
	background-position: -27px -186px;
}
div.button-container.submit button.button-button:hover{
	background-position: -142px -186px;
	color: #FFFFFF;
}
div.button-container.submit button.button-button:disabled{
	background-position: -27px -186px;
	color: gray;
}
div.button-container button.button-button{
	background-color: transparent;
	border-color: transparent;
	width: 103px;
	width: 104px\9;
	height: 31px;
	background: url("../images/widget-all.png") no-repeat -27px -186px;
}
div.button-container button.button-button:hover{
	background-color: transparent;
	border-color: transparent;
	background-position: -143px -187px;
	background-position: -142px -186px\9;
	
	color: #FFFFFF;
}
button#test-conn.button-button.test-conn{
	width: 200px;
	margin-left:20px;
	background: url("../images/widget-all.png") no-repeat -25px -606px;
}
button#test-conn.button-button.test-conn:hover{
	background-position: -271px -606px;
}
div.success_img{
	position: absolute;
	width: 30px;
	height: 30px;
	top:0px;
	margin-left:185px;
	background: url("../images/widget-all.png") no-repeat -26px -24px;
}

div.tip-container{
	background-color: #FFFFFF;
	border: 2px solid #e1e1e1;
    border-radius: 5px 5px 5px 5px;
    /*box-shadow: 0 0 5px #AAAAAA;*/
    display: none;
    left: 0;
    top: 0;
	z-index: 1000;
}
div.tip-container div.tip-wrap{
	border: 1px none;
}
div.tip-container div.tip-wrap a.tip-close{
	background: url("../images/widget-all.png") no-repeat scroll -152px -55px transparent;
    border-radius: 50% 50% 50% 50%;
    cursor: pointer;
    display: block;
    height: 16px;
	position: absolute;
    right: 5px;
    top: 5px;
	width: 16px;
    z-index: 996;
}



/**  basic menu **/
div.bgPage{
	display: none;
	position: relative;
	margin: 10px 20px 0px 20px;
	/*width:100%;*/
	min-height: 600px;
	/*height:100%;*/
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	border: 1px solid #e1e1e1;
	background-color: #fcfcfc;
	border-radius: 5px;
}
div.basic-content-area{
	position: relative;
	top: 50px;
	left: 0px;
	width: 779px;
	margin: 0 auto;
	z-index: 1;
}
div.basic-content-area p.text{
    font-weight: bold;
    font-size: 19px;
    margin-top: -42px;
    color: #258dc8;
}
#p-router-label{
	    margin-top: -26px;
}
.basic-menu-cnt{
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-right: 1px solid #eee;
}
div.basic-menu-cnt ul.basic-menu-list li{
	padding-left: 48px;
	height: 34px;
	width: 152px;
	line-height: 34px;
	border-bottom: 1px solid #eee;
	cursor: pointer;
}
div.basic-menu-cnt ul.basic-menu-list li a{
	font-size: 14px;
}
div.basic-menu-cnt ul.basic-menu-list li.basic-menu-network{
	background-position: 10px 0px;
}
div.basic-menu-cnt ul.basic-menu-list li.basic-menu-internet{
	background-position: 10px -35px;
}
div.basic-menu-cnt ul.basic-menu-list li.basic-menu-wireless{
	background-position: 10px -72px;
}
div.basic-menu-cnt ul.basic-menu-list li.basic-menu-usb{
	background-position: 10px -180px;
}
div.basic-menu-cnt ul.basic-menu-list li.basic-menu-qos{
	background-position: 10px -250px;
}
div.basic-menu-cnt ul.basic-menu-list li.basic-menu-parent{
	background-position: 10px -216px;
}
div.basic-menu-cnt ul.basic-menu-list li.basic-menu-guest{
	background-position: 10px -108px;
}
div#ground_layer{
	position: absolute;
	top: 0;
	left: 0px;
	width: 779px;
	height: 100%;
}
div#map_item_top{
	position: absolute;
	top: 14px;
	left: 218px;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	width: 158px;
	height: 45px;
	text-align: center;
	padding-top: 115px;
	cursor: pointer;
	background-color: #fff;
	/* background: url(../images/basic_images/map_internet_disconn.png) no-repeat center 22px; */
}
div#map_item_top_left div#map_internet_tips{
	border: medium none;
    cursor: default;
	padding: 0 12px 8px 12px;
	font-size: 10px;
    text-align: left;
    width: 290px;
}
div#map_item_top_left{
	position: absolute;
	top: 14px;
	left: 400px;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	width: 158px;
	height: 45px;
	text-align: center;
	padding-top: 115px;
	cursor: pointer;
	background-color: #fff;
	/* background: url(../images/basic_images/map_internet_disconn.png) no-repeat center 22px; */
}
div#map_item_top_left div#map_internet_tips{
	border: medium none;
    cursor: default;
	padding: 0 12px 8px 12px;
	font-size: 10px;
    text-align: left;
    width: 290px;
}
/*div#map_internet:hover{
	background: url(../images/basic_images/map_internet_slt.png) no-repeat center 22px;
}*/
div#map_item_bottom{
	position: absolute;
	top: 534px;
	left: 215px;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	width: 158px;
	height: 45px;
	text-align: center;
	padding-top: 115px;
	cursor: pointer;
	background-color: #fff;
	/* background: url(../images/basic_images/map_internet_disconn.png) no-repeat center 22px; */
}
div#map_item_bottom_left{
	position: absolute;
	top: 534px;
	left: 406px;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	width: 158px;
	height: 45px;
	text-align: center;
	padding-top: 115px;
	cursor: pointer;
	background-color: #fff;
	/* background: url(../images/basic_images/map_internet_disconn.png) no-repeat center 22px; */
}
div#map_item div#map_internet_tips{
	border: medium none;
    cursor: default;
	padding: 0 12px 8px 12px;
	font-size: 10px;
    text-align: left;

    width: 290px;
}
div.triangle{
	position: absolute;
	top: 70px;
	left: 10px;
}
div#map_internet div.triangle{
	background-position: -122px -496px;
}
div#map_wireless div.triangle{
	position: absolute;
	top: 10px;
	left: 55px;
	height: 46px;
	width: 46px;
}

div#map_wire_part{
	position: absolute;
	top: 174px;
	left: 43px;
	*border: 1px solid #e1e1e1;
	border-radius: 5px;
	width: 158px;
	height: 358px;	
}
div#map_top_left{
	position: absolute;
	top: 0;
	left: 0;
	width: 158px;
	height: 45px;
	text-align: center;
	padding-top: 115px;
	cursor: pointer;
	border: 1px solid #e1e1e1;
    border-radius: 5px;
	background-color: #fff;
	/*background: url(../images/basic_images/map_wireless_client.png) no-repeat center 22px;*/
}
div#map_top_left div#map_wireless_client_tips{
	border: medium none;

    cursor: default;
	padding: 0 12px 8px 12px;
	font-size: 10px;
    text-align: left;

    width: 260px;
}
/*div#map_wireless_client:hover{
	background: url(../images/basic_images/map_wireless_client_slt.png) no-repeat center 22px;
}*/

div#map_bottom_left{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 158px;
	height: 45px;
	text-align: center;
	padding-top: 115px;
	cursor: pointer;
	border: 1px solid #e1e1e1;
    border-radius: 5px;
	background-color: #fff;
	/*background: url(../images/basic_images/map_wire_client.png) no-repeat center 22px;*/
}
div#map_bottom_left div#map_wire_client_tips{
	border: medium none;

    cursor: default;
	padding: 0 12px 8px 12px;
	font-size: 10px;
    text-align: left;

    width: 260px;
}
/*div#map_wire_client:hover{
	background: url(../images/basic_images/map_wire_client_slt.png) no-repeat center 22px;
}*/

div#map_device_part{
	position: absolute;
	top: 174px;
	left: 574px;
	*border: 1px solid #e1e1e1;
	border-radius: 5px;
	width: 158px;
	height: 358px;
}
div#map_top_right{
	position: absolute;
	top: 0;
	left: 0;
	width: 158px;
	height: 45px;
	text-align: center;
	padding-top: 115px;
	cursor: pointer;
	border: 1px solid #e1e1e1;
    border-radius: 5px;
	background-color: #fff;
	/*background: url(../images/basic_images/map_printer.png) no-repeat center 22px;*/
}
div#map_top_right div#map_printer_tips{
	border: medium none;

    cursor: default;
	padding: 0 12px 8px 12px;
	font-size: 10px;
    text-align: left;

    width: 200px;
}
/*div#map_printer:hover{
	background: url(../images/basic_images/map_printer_slt.png) no-repeat center 22px;
}*/

div#map_bottom_right{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 158px;
	height: 45px;
	text-align: center;
	padding-top: 115px;
	cursor: pointer;
	border: 1px solid #e1e1e1;
    border-radius: 5px;
	background-color: #fff;
	/*background: url(../images/basic_images/map_usb.png) no-repeat center 22px;*/
}
div#map_bottom_right div#map_usb_tips{
	border: medium none;

    cursor: default;
	padding: 0 12px 8px 12px;
	font-size: 10px;
    text-align: left;

    width: 200px;
}
/*div#map_usb:hover{
	background: url(../images/basic_images/map_usb_slt.png) no-repeat center 22px;
}*/

div.progressbar-container div.progressbar-wrap{
	width: 120px;
}
div.progressbar-container div.progressbar-content{
	float: left;
}
div.progressbar-container div.progressbar-text{
	float: right;
}

div.progressbar-container.usb-progress-bar div.progressbar-text{
	float: none;
	position: absolute;
	left: 85px;
}

div#map_central_part{
	position: absolute;
	top: 282px;
	left: 308px;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	width: 158px;
	height: 185px;
	background-color: #fff;
}
div#map_router{
	position: absolute;
	top: 0;
	left: 0;
	width: 158px;
	height: 30px;
	text-align: center;
	padding-top: 97px;
	/*cursor: pointer;*/
	/*background: url(../images/basic_images/map_router.png) no-repeat center 22px;*/
}
div#map_router_tips {
    color: #258dc8;
    font-weight: bold;
    margin-top: 20px;
}
div#map_wireless{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 158px;
	height: 30px;
	text-align: center;
	padding-top: 58px;
	cursor: pointer;
	/*background: url(../images/basic_images/map_wireless.png) no-repeat center top;*/
}
div#map_wireless div#map_wireless_tips{
	border: medium none;

    cursor: default;
	padding: 0 12px 8px 12px;
	font-size: 10px;
    text-align: left;

    width: 290px;
}
/*div#map_wireless:hover{
	background: url(../images/basic_images/map_wireless_slt.png) no-repeat center top;	
}*/

div#map_link_top{
	position: absolute;
	top: 175px;
	left: 320px;
	width: 2px;
	height: 108px;
	background-color: #fff;
}
div#map_link_top_left{
	position: absolute;
	top: 175px;
	left: 455px;
	width: 2px;
	height: 108px;
	background-color: #fff;
}
div#map_link_bottom {
    position: absolute;
    top: 469px;
    left: 320px;
    width: 2px;
    height: 66px;
    /* background: url(../images/basic_images/map_link_v.gif) repeat-y left top; */
    background-color: #fff;
}
div#map_link_bottom_left {
    position: absolute;
    top: 469px;
    left: 455px;
    width: 2px;
    height: 66px;
    /* background: url(../images/basic_images/map_link_v.gif) repeat-y left top; */
    background-color: #fff;
}
div#map_link_left, div#map_link_right{
	position: absolute;
	top: 300px;
	left: 202px;
	width: 106px;
	height: 2px;
	/*line-height: 0px;*/
	overflow: hidden;
	/*background: url(../images/basic_images/map_link_h.gif) repeat-y left top;*/
	background-color: #fff;
}
div#map_link_left_2, div#map_link_right_2{
	position: absolute;
	top: 400px;
	left: 202px;
	width: 106px;
	height: 2px;
	/*line-height: 0px;*/
	overflow: hidden;
	/*background: url(../images/basic_images/map_link_h.gif) repeat-y left top;*/
	background-color: #fff;
}
div#map_link_right{
	left: 468px;
}
div#map_link_right_2{
	left: 468px;
}
hr#usb_split_line{
	overflow: hidden;
	border:1px dotted;
}

p#p-usb-warning{
	color:#4D4D4D;
	font-family:Verdana,Geneva,sans-serif;
	font-size:10px;
	margin-top:15px;
	margin-bottom:10px;
}

p.wan-conn-type-head{
	width: 500px;
	color: #0094BC;
	font-size: 14px;
	text-align: center;
}
p.tips_line{
	line-height: 10px;
	font-size: 12px;
}
p.tips_line label{
	display: inline-block;
	width: 130px;
	text-align: right;
	font-weight: bold;
	margin-right: 5px;
}
div.close-tips{
	position: absolute;
	width: 16px;
	height: 16px;
	cursor: pointer;
	background: url("../images/widget-all.png") no-repeat scroll -152px -55px transparent;
	top: 5px;
	right: 5px;
	cursor: pointer;
}
table.tips_table th{
	background-color: #96cc42;
	padding: 6px 10px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}
table.tips_table td{
	padding: 6px 15px;
	background-color: #fafafa;
	font-size: 12px;
}
table.tips_table tr.odd td{
	background-color: #f0f0f0;
}
h3.tips_h3{
	color: #fff;
	background-color: #96cc42;
	font-size: 12px;
	padding: 5px 10px;
	margin-top: 15px;
}
p.tips_line label.wireless{
	width: 80px;
}

td.td_title {
	width: 30px;
}


/*div.grid-container div.grid-header-container table tr.grid-header-tr,
div.grid-container div.grid-content-container table tr{
	font-size: 12px;
}*/
div.grid-container{
	border: medium none;
}

div.grid-container div.grid-header-container{
	width: 460px;
	margin-top: 16px;
	margin-left: 10px;
	margin-right: 10px;
}

div.grid-container div.grid-header-container table th.grid-header{
	border-right: 0px solid #d9d9d9;
	font-size: 12px;
}

div.grid-container div.grid-content-container{
	margin-left: 10px;
	margin-right: 10px;
}
div.grid-container div.grid-content-container table.grid-content-bg{
	display: none;
}
div.grid-container div.grid-content-container table td.grid-content-td span.content{
	font-size: 10px;
}
div.panel-container.grid-panel{
	min-height: 105px;
}

/* Quick Setup */
div#quick-setup-wizard div.process-flow-wrap{
	width: 800px;
}

div#quick-setup-wizard div.form-step{
	width: 670px;
	/*height: 340px;*/
}

div.quicksetup_internet_form{
	width: 670px;
	/*float: left;*/
	margin-left: 30px;
	/*margin-top: 30px;*/
}

div.quicksetup_wireless_2g_form{
	width: 670px;
	/*float: left;*/
	margin-left: 30px;
	margin-top: 30px;
}

div.quicksetup_wireless_5g_form{
	width: 670px;
	/*float: left;*/
	margin-left: 30px;
	margin-top: 30px;
}

form.quicksetup_config_form{
	left: 0px;
	height: 100%;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

.internet-sub-mask{
	margin: 0;
	padding: 0;
	background-color: transparent;
}
.developed {
    font-family: 'Tahoma', sans-serif;
    font-size: 13px;
    color: #00ad79;
    font-weight: bold;
}