﻿/* globel */
body, th, td, tr, div, span { font-family:verdana,arial,helvetica,sans-serif; font-size: 11px; }
* {
	margin: 0;
	padding: 0;
}
input {
	margin: 0;
}
h4 {
	font-size: 1em;
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
}
img {
	border: none;
}
/* layout */
body {
	padding: 10px 0;
	background: #fff;
}
#head {
	margin: 0 12pt 10px;
	height: 69px;
	width: 964px;
	+width: 959px;
	background: url(images/banner_back.gif) #fff repeat-x;
}
#content {
	width: 964px;
	+width: 959px;
	padding: 0 15px;
}
/* head */
#logo {
	position: absolute;
	padding-left: 10px;
	height: 69px;
	width: 605px;
	background: url(images/banner_left.gif) no-repeat;
	font: bold 14pt verdana;
	color: #fff;
	line-height: 69px;
}
#head #login {
	position: relative;
	float: right;
	margin: 0;
	padding: 48px 10px 5px 0;
	height: 16px;
	width: auto;
	min-width: 139px;
	background: url(images/banner_right.gif) no-repeat top right;
	font-size: 10pt;
	white-space: nowrap;
}

#head #login span {
	position: absolute;
	right: 0;
	padding: 0 10px 5px 0;
	font-size: 10pt;
}
#LANG_BTN {
	position: absolute;
	padding: 12px 10pt; 
	top: 50px;
	left: 600px;
	text-transform: uppercase;
}
.LangMenu {
	font-weight: bold;
	font-size: 10pt;
	color: #807F83;
}
a.LangMenu {
	font-weight: normal;
}
#LANG_BTN input {
	margin-right: 6px;
}
/* content */
#menu_wrap {
	position: absolute;
	left: 15px;
	overflow: hidden;
	width: 210px;
}
#main_wrap {
	float: right;
	width: 100%;
	margin-left: -211px;
}
#main {
	padding: 0 0px 0 24px;
	+padding: 0 0px 0 19px;
	margin-left: 210px;
}
#content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#content {
	display: inline-block;
	display: block;
}
.pt #menu_wrap {
	width: 250px;
}
.pt #main {
	margin-left: 250px;
}
.wizard #menu_wrap {
	width: 0;
}
.wizard #main_wrap {
	margin-left: 0;
}
.wizard #main {
	margin-left: 0;
	padding-left:0;
}
/* menu */
#menu ul {
	margin-top: 15px;
}
#menu li {
	height: 38px;
	background: url(images/gradient.gif) repeat-x bottom;
	border: solid #c6c2cd;
	border-width: 2px 1px 0;
	list-style: none;
}
#menu #home {
	border-width: 1px 1px 0;
}
#menu #help {
	border-width: 2px 1px 1px;
}
#menu span {
	display: block;
	margin: 7px 8px;
	height: 25px;
}
#menu a {
	display: block;
	padding-left: 38px;
	+padding-left: 33px;
	color: #000;
	line-height: 24px;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
	white-space: nowrap;
}
#home span {
	background: url(images/menuicons.gif) no-repeat 0 0;
}
#stxx span {
	background: url(images/menuicons.gif) no-repeat 0 -25px;
}
#bbc_ span {
	background: url(images/menuicons.gif) no-repeat 0 -50px;
}
#tbox span {
	background: url(images/menuicons.gif) no-repeat 0 -75px;
}
#hnw_ span {
	background: url(images/menuicons.gif) no-repeat 0 -100px;
}
#help span {
	background: url(images/menuicons.gif) no-repeat 0 -125px;
}

#menu .Menu2ItemOver,
#menu .Menu2Item {
	padding: 5px 6px;
	height: 14px;
	background: #fff;
	border-width: 0 1px;
}
#menu .Menu2ItemOver a,
#menu .Menu2Item a {
	margin: 0;
	padding: 0;
	line-height: 14px;
	font-size: 11px;
}
#menu .Menu2ItemOver a {
	color: #7962aa;
}
#menu .Menu2ItemOver a:hover,
#menu .Menu2Item a:hover {
	color: #731472;
	text-decoration: underline;
}
/* task */
.tasks {
	font-size:12px;
}
.tasks h1 {
	margin: 18px 0 16px;
	color: #731472;
	font-size: 17px;
	font-weight: bold;
}
.tasks a {
	color: #807f83;
	text-decoration: underline;
}
.tasks a:hover {
	color: #731472;
}
.task {
	margin-top: 3px;
	margin-left: 15px;
	padding-left: 10px;
	vertical-align:middle;
	list-style: url(images/task__md.gif) disc outside;
}
/* nav bar */
#NAV_MENU {
	padding: 5px 0 10px;
}
#nav_l {
margin-top: -16px;
}
#nav_r {
	text-align: right;
	margin-bottom: 3px;
}
.PageMessage p {
	padding: 3px 21px 6px;
	line-height: 14px;
}
.PageMessage .PMType0 {
	background: url(images/ll00__md.gif) no-repeat -3px 4px;
}
.PageMessage .PMType1 {
	background: url(images/ll04__md.gif) no-repeat -3px 4px;
}
.PageMessage .PMType2 {
	background: url(images/ll07__md.gif) no-repeat -3px 4px;
}
.contentcontainer {
	margin: 6px 0;
}
.contentitem {
	display: inline-block;
	display: block;
	min-height: 50px;
	margin: 0px 0;
	padding: 10px;
	background: url(images/gradient.gif) repeat-x bottom;
	border: 1px solid #c6c2cd;
}
.contentitem:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
}
#contentbody {
	border: none;
}
.contentcontainer hr {
	visibility: hidden;
	margin: 5px 0;
	+margin: 0;
}
.icon {
	width: 100px;
	height:50px;
}
.icon span,
.icon a{
	display: block;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	outline: none;
}
.icon img {
	display: block;
	margin-left: 32px;
}
#stxx__ {
	background: url(images/icons.gif) no-repeat 0 -950px;
}
#cpln__ {
	background: url(images/icons.gif) no-repeat 0 -350px;
}
#cpln__.chks {
	background: url(images/icons.gif) no-repeat 0 -400px;
}
#cpln__.chkf {
	background: url(images/icons.gif) no-repeat 0 -450px;
}
#cint__ {
	background: url(images/icons.gif) no-repeat 0 -200px;
}
#cint__.chks {
	background: url(images/icons.gif) no-repeat 0 -250px;
}
#cint__.chkf {
	background: url(images/icons.gif) no-repeat 0 -300px;
}
#chk___ {
	background: url(images/icons.gif) no-repeat 0 -150px;
}
#bbc___ {
	background: url(images/icons.gif) no-repeat 0 0;
}
#bbc___.chks {
	background: url(images/icons.gif) no-repeat 0 -50px;
}
#bbc___.chkf {
	background: url(images/icons.gif) no-repeat 0 -100px;
}
#tbox__ {
	background: url(images/icons.gif) no-repeat 0 -1000px;
}
#hnw___ {
	background: url(images/icons.gif) no-repeat 0 -550px;
}
#intf__ {
	background: url(images/icons.gif) no-repeat 0 -650px;
}
#dev___ {
	background: url(images/icons.gif) no-repeat 0 -500px;
}
#maxx__ {
	background: url(images/icons.gif) no-repeat 0 -700px;
}
#warn__ {
	background: url(images/icons.gif) no-repeat 0 -1200px;
}
#serv__ {
	background: url(images/icons.gif) no-repeat 0 -850px;
}
#secu__ {
	background: url(images/icons.gif) no-repeat 0 -800px;
}
#usrs__ {
	background: url(images/icons.gif) no-repeat 0 -1150px;
}
#user__ {
	background: url(images/icons.gif) no-repeat 0 -1100px;
}
#remo__ {
	background: url(images/remo__xl.gif) no-repeat;
}
#ids___ {
	background: url(images/icons.gif) no-repeat 0 -600px;
}
#router__ {
	background: url(images/icons.gif) no-repeat 0 -750px;
}
#tr069__ {
	background: url(images/icons.gif) no-repeat 0 -1050px;
}
#snmp__ {
	background: url(images/icons.gif) no-repeat 0 -900px;
}
#qos__ {
	background: url(images/icons.gif) no-repeat 0 -750px;
}
#webf__ {
	background: url(images/webf__xl.gif) no-repeat;
}
.data {
	margin-left: 100px;
	margin-top: -50px;
}
.data p {
	margin: 0 0 15px;
}
.data li p {
	margin: 15px 0;
}
.data ul {
	margin-left: -10px;
	padding: 4px 0 0 50px;
}
.data li {
	margin: 10px 0 0 -10px;
	padding-left: 10px;
	line-height: 1.2em;
	list-style: disc outside;
	vertical-align: middle;
}
.data a {
	color: #807f83;
	font-weight: bold;
}
.data a:hover {
	/*color: #7962aa;*/
}
.itemtitle  { 
	color: #731472;
	font-size: 18px;
	font-weight: bold;
}
.blocktitle { font-size: 13px; color:#000; font-weight: bold; }
.blocktitle a { color: #731471;font-weight: bold; }
li p.homeline {
	margin: 0;
	line-height: 1.6em;
}
#if_wlan,
#if_lan {
	margin:5px 0 0 -40px;
	padding-left: 40px;
	min-height: 40px;
	list-style: none;
	line-height: 40px;
}
#if_lan {
	background: url(images/ieth__la.gif) no-repeat;
}
#if_wlan {
	background: url(images/wifi__la.gif) no-repeat;
}
.toolitem {
	float: left;
	width: 49%;
	height: 78px;
	margin: 1px;
	position: relative;
}
.toolitem .data p {
	margin: 0 0 5px;
}
span.itemName {
	display:-moz-inline-stack;
	display: inline-block;
	margin-right: 20px;
	width: 146px;
}
.item {
	width: 250px;
	white-space: nowrap;
}
/* wizard */
.wizard .datatable .itemName {
	width: 30%;
}
.wizard .item {
	width: 60%;
}
.wizard .datatable {
}
.wizardFrontCompletePanel p {
	margin: 10px 0;
}
h1.wanWiz {
	background: url(images/setupIcon.gif) no-repeat right;
	line-height: 40px;
}
#wizconfirm {
	overflow: auto;
	margin: 0 auto;
	height: 200px;
	width: 80%;
	border: thin solid;
}
#wizconfirm p {
	margin: 0;
}
#wizconfirm ul {
	margin: 10px 10em;
}
#wizconfirm .itemName {
	width: 40%;
}
.wizardSummaryText span {
	font-family: Fixedsys, Courier New, Courier;
}
#wizConn {
	width: 80%;
	height: 150px;
	margin: 0 auto;
}
#connect_status {
	margin: 1em auto;
	width: 60em;
	height: 8em;
	background: #fff;
	border: 1px solid #000;
}
#checking_icons {
	margin: 0 auto;
	width: auto;

}
#weeksch table {
	width: auto;
}
#weeksch table th,
#weeksch table td {
	text-align: center;
	border: 1px solid #000;
}
#weeksch table td.sel {
	background: #b00;
}
/*login*/
#login {
	margin: 75px auto;
	width: 492px;
	background: #eee;
}
#message p,
#login p,
#login h1 {
	padding: 5px;
}
#login h1,
#message {
	text-align: center;
}
#login input{
	margin: 0 10px;
	padding: 0 6px;
}
#login .btns{
	text-align: center;
}
#login .textbox {
	width: 20em;
}
#login,
#message {
	font-size: 1.25em;
}
#message {
	margin: 40px 0;
}
table.datatable {
	width: auto;
}
table.datatable td {
	padding-top: 7px;
	padding-bottom: 7px;
	+padding-top: 2px;
	+padding-bottom: 2px;
	vertical-align: top;
	line-height: 13px;
}
.datatable {
	margin: 9px 0 5px;
}
table.datatable .item span {
	line-height: 13px;
	vertical-align: top;
}
div.datatable p {
	margin: 7px 0;
	vertical-align: middle;
}
.datatable p.homeline {
	margin: 7px 40px;
}
table.datatable p {
	margin: 0 0 12px;
	vertical-align: top;
}
.datatable .itemName {
	width: 150px;
}
table.datatable .itemName {
	width: 175px;
}
p.homeline .itemName {
	width: 172px;
}
.datatable .snmp {
	width: 220px;
}
.datatable .LAN_SET {
	width: 250px;
}
#apply_form {
	margin-top: 7px;
	text-align: right;
}
.data p.btns {
	margin: 15px 0 0;
}
.btns input {
	padding: 0 6px;
}
.logtable {
	margin-top: 7px;
	padding-top: 3px;
}
#wait_msg span {
	color: #f00;
}
#conn_rpt em {
	vertical-align: top;
	line-height: 40px;
}
#conn_rpt span {
	margin-left:40px;
}
.hwintftable span {
	float: left;
	line-height: 18px;
	height: 40px;
}
.hwintftable span.eptype {
	padding-right: 40px;
	text-align: center;
	background: url(images/net_l_r.gif) no-repeat right top;
}

.hwintftable span.eptype_first {
	padding-right: 40px;
	text-align: center;
	background: url(images/net_l_r_d.gif) no-repeat right top;
}
.hwintftable span.eptype_middle {
	padding-right: 40px;
	text-align: center;
	background: url(images/net_t_d_r.gif) no-repeat right top;
}
.hwintftable span.eptype_last {
	padding-right: 40px;
	text-align: center;
	background: url(images/net_t_r.gif) no-repeat right top;
}

.hwintftable span.eptype_1 {
	padding-left: 20px;
	background: url(images/ieth__md.gif) no-repeat 0 50%;
}

div.hwintftable p {
	display: inline-block;
	display: block;
	margin: 0;
	padding-left: 40px;
	min-height: 40px;
	background: url(images/net_t_d_r.gif) no-repeat;
}
.hwintftable p.lastNode {
	background: url(images/net_t_r.gif) no-repeat;
}
.hwintftable p.middleNode {
	background: url(images/net_t_d.gif) no-repeat;
}
.hwintftable p.empty {
	background:transparent;
}
.hwintftable p:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*table*/
.listtable,
.edittable {
	width: 95%;
	margin: 3px;
	border-top:1px solid #000;
	border-bottom: 1px solid #000;
}
.edittable th {
	border-bottom: 1px solid #000;
	text-align: left;
}
.listtable tr,
.edittable tr {
	height: 2em;
	line-height: 1.2em;
}
table.edittable p {
	margin: 0;
}
table.edittable a {
	font-weight: normal;
}
table.edittable i {
	display: block;
	margin: 10px auto;
	text-align: center;
	font-weight: normal;
}
.listtable {
	text-align: center;
}
.listtable thead {
	border-bottom: 1px solid #000;
}
.listtable td {
	background: #efefef;
	border: 1px solid #000;
}
.chbox {
	text-align: center;
}
.ieth {
	display: block;
	padding-left: 20px;
	background: url(images/ieth__md.gif) no-repeat;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
}
.wifi {
	display: block;
	padding-left: 20px;
	background: url(images/wifi__md.gif) no-repeat;
	height: 20px;
	vertical-align: middle;
}
#clone_mac .itemName {
	width: 45%;
}
#clone_mac .item {
	font-weight: bold;
}
/* Msg */
#do_prog p {
width: 70%;
}
#BTN,
#STS {
	text-align: center;
}
#MSG {
	display:-moz-inline-stack;
	display: inline-block;
	height: 1em;
	width: 2px;
	background-color:#A0A0FF;
	color:#FFF;
}
/* hide */
.mainpage .data ul,
.mainpage1 .data ul {
	padding: 0 0 0 50px;
}
.mainpage1 .data ul li span.itemName {
vertical-align: middle;
width: 150px;
}
.mainpage .data ul li span {
vertical-align: middle;
line-height: 1.2em;
}
.mainpage .data ul li span.itemName {
width: 150px;
}
.mainpage .data ul li {
	line-height: 1.5em;
}
.mainpage1 .data ul li {
	line-height: 1.9em;
	margin: 5px 0 0 -10px;
}
.fw_desc {
margin: -1.9em 5px 0 170px;
padding: 0 6em 0 0;
line-height: 1.1em;
}
.fw_show a {
font-weight: normal;
}
.fw_desc p.fw_show {
margin: 0 -15em 9px 27em;
}
.cntst {
display:-moz-inline-stack;
display: inline-block;
line-height: 2em;
vertical-align: middle;
width: 19em;
}
#u_w_dhcp_list,
#u_dhcp_list {
	position: relative;
	margin: -25px 0 0 169px;
	line-height: 1.4em;
	z-index: 6;
	left: 7px;
	top: 0px;



}
.dmz{
	margin-left: -10px;
	padding-left: 70px;
}
#prog {
	height: 1em;
}
 .blocktitle a {
color: #721472;
}
#tools_main .blocktitle  {
margin: 0 0 15px;
}
#tools_main p  {
margin: 11px 0 12px;
+margin: 0 0 15px;
}
#Internet_stat p.inet_info {
	margin-left: 40px;
}
#Internet_stat p.inet_info span{
	margin: 0;
	line-height: 40px;
	vertical-align: top;
}
.desp {
	margin: 1em 16em 0 10em;
}
.desp h2, 
.desp p {
	margin-bottom: 1.5em;
}
.atm_btn {
	position: absolute;
	top: 11px;
	left: 549px;
}
.atm_btn input {
	padding: 0;
}
#toolsmain1 {
	margin: 43px -1px 0;
}
#toolsmain1 .state {
position: absolute;
bottom: 20px;
margin: 0;
}
