html{
	/*min-height: 100%;*/
	/*border-left:1px solid #4ACBD6;*/
	background-color: #FFFFFF;
}
body 
{
	font-size: 12px;
	text-align:center;		/*ugly IE6 hack*/
	margin: 44px 32px 32px 32px;
	font-family: "Arial", "Helvetica", "Geneva", "Swiss", "SunSans-Regular", "sans-serif";
	min-width: 700px;
	color: black;
}
/* IE6, IE7 BUG */
form
{
	margin: 0;
}
#con
{
	Width:100%;	
	margin: 0px;	
	padding: 0px;
	color:#36444B;
}
#ban
{
	height: 90px;
	background: #09C url("../img/top_bg.jpg") repeat-x;
}
#menu		
{
	width: 180px;
	float: left;
	padding: 20px 0 10px 0;
}
#menu li			
{
	list-style-type: none;
	white-space: nowrap;
}
#menu ul
{
	margin: 0;
	padding: 0;
}
#menu  a			
{
	font-weight: bold;
	text-decoration: none;
	color: white;
	display:block;
	width: 155px;
	padding-left: 25px;
	white-space: nowrap;
	overflow: hidden;
	border-bottom: 2px #999 solid;
	/* border-top: 0px #999 solid; */
	background: #666;
	height:22px;
	background-color: #424242;
	line-height: 22px;
}
#menu a:hover 
{
	color: #abdd2f;
}
/* not use class for ie effecient
#menu a.hover 
{
	color: #be3;
}
*/
/*#menu  a.sel
{
	background: #66ba33;
}*/
#menu li.ml2 a
{
	width: 150px;
	background: #606060;
}
#menu li.ml1 a.sel
{
	color: #abdd2f;
}
#menu li.ml1 a.plus.sel
{
	color: #ffffff;
	background: #66ba33;
}
#menu li.ml1 a.plus.sel:hover
{
	color: #abdd2f;
}
#menu li.ml2 a.sel
{
	color: #abdd2f;
}

#menu li.ml3 a
{
	padding-left: 40px;
	width: 140px;
}
#menu li.ml3 a.sel
{
	background: #666;
	color: #0cf;
}
/*
.ml1  ul	
{
	display: none;
}
*/
/*
.ml1:hover ul
{
	display: block;
}
*/
#main
{
	font-size: 12px;
	overflow: hidden;
	text-align: center;
	padding: 0;
	margin: 0;		/* Firefox 1.5 BUG */
}
div.con1
{
	width: auto !important;
	/*width: 100% !important;;*//*this will fix IE6 bug, but not very important, not adding now*/
}
div.con2, div.hcon
{
}
div.thead, div.tbody
{
	overflow: auto;
}
div.thead table
{
	margin: 1px 0 0 1px;
}
div.tbody table
{
	margin: 0 0 0 1px;
}
div.tbody table.bdr
{
	border-top: none;
}
p.et
{
	height: 24px;
	line-height: 24px;
	text-align: left;
	font-size: 16px;
	color: #4ACBD6;
	padding: 1px 1px 1px 15px;
	font-family: Arial;
}
p.ct
{
	display: none;
}
p.st
{
	padding-left: 15px;
	font-size: 16px;
	color: #005564;
	height: 30px;
	white-space:normal;
	font-family: Arial;
}
p.tail
{
	text-align: center;
}
p.bl
{

	height: 31px;
	background-image: url("../img/td-blue.png");
}
p.br
{
	height:0.6em;
	overflow: hidden; /*IE6 bug*/
	clear: both;
}
div.cln
{
	background-image: url("../img/col_show.gif") !important;
}
div.cl
{
	margin: 0 25px;
	background: url("../img/col_hide.gif") no-repeat right;
	height: 18px;
	cursor: pointer;
}
div.cl p
{
	height: 16px;
	overflow: hidden;
	display: block;
	border-bottom: 2px solid #cccccc;
	margin: 0 49px 0 0;
	padding: 0;
}
div.cln p
{
	border-bottom: none !important;
	border-top:  2px solid #cccccc;
}
b.item
{
	width: 36% !important;
	padding-right: 16px;
	float: left;
	text-align: right;
	cursor: default;
	font-weight:inherit;
}
#refresh,
input.button
{
	height: 22px;
	padding: 0;
	margin: 0 5px;
	cursor: pointer;
	background-color:#FFFFFF;
	border-radius:5px;
	display:inline-block;
	border-width:1px;
	border-color:#ccc;
}
#refresh:hover,
input.button:hover
{
	background-color:#4ACBD6;
}
#refresh:disabled,
input[type="text"]:disabled, 
input.button:disabled
{
	color:gray;
	opacity:0.5;
	filter:alpha(opacity=50);
}
#refresh[disabled]:hover,
input[type="button"][disabled]:hover
{		
	color:gray;
	background-color:#FFFFFF;
}
input.text
{
	/*
	border-width: 1px;
	font-family: "Courier New", "monospace";
	*/
	box-sizing:border-box;
	height: 22px;	
	color: #36444b;	
	padding-right: 3px;	
	padding-left: 3px;
}
/* help make the #con higher than menu & main*/
#bot
{
	height: 0px;
	overflow: hidden;
	clear: both;
}
#bottom
{
	clear: both;
	background: #999;
	height: 20px;
}
#cover
{
	position: absolute;
	background: #fff;
	top: 0;
	left: 0;
	height: 1000px;
}
span.load
{
	position: absolute;
	background: url("../img/check.gif") no-repeat;
	padding-left: 16px;
	height: 16px;
}
#preload
{
	width: 0;
	height: 0;
	overflow: hidden;
}
#preload div, #preload span
{
	position: static;
}
.gitem
{
	float: left;
	width: 29%;
	text-align: right;
}
.gbar
{
	padding: 0;
	margin-left: 5px; 
	float: left;
	height: 14px; 
	background: #4ACBD6; 
	border: 2px solid #aaa;
	overflow: hidden;
}
div.hcon p
{
	padding: 5px 0;
}
div.hcon ul
{
	margin: 0;
	padding-left: 30px;
}
img
{
	border: none;
	/*for img button, no img button now*/
	/*vertical-align: text-bottom;*/
}
i
{
	font-style: normal;
	color: #C11C66;
}
table
{
	empty-cells: show;
	margin: 0 auto;
	line-height: 18px;
	border-collapse: collapse;
/*	table-layout: fixed;*/
}
table.bdr
{
	border-top: 1px solid #999;
}
table.tc, td.tc, th.tc
{
	text-align: center;
}
table.bdr td, table.bdr th
{
	border: 1px solid #ccc;
	border-top: none;
}
table.S
{
	width: 99%;
}
table.M
{
	width: 99%;
}
table.L
{
	width: 99%;
}
table.XL
{
	width: 99%;
}
table.XXL
{
	width: 99%;
}
table.XXXL
{
	width: 99%;
}
td, th
{
	padding: 3px 5px;
	font-size: 12px;
}
th
{
	text-align: center;
}
select
{
	font-family: "Arial";
	margin: 0 2px;
	border-width: 1px;
	
	vertical-align: middle; height: 22px;	color: black;
}
input
{
	margin: 0 2px;
	padding: 0 3px;
}
input[type=radio]
{
	vertical-align: middle;
}
input[type=checkbox]
{
	vertical-align: middle;
}
input.S
{
	width: 60px;
}
input.M
{
	width:90px;
}
input.T_refresh,
input.L
{
	width: 120px;
}
input.XL
{
	width: 132px;
}
input.XXL
{
	width: 162px;
}
input.T_addnew,
input.T_ensel,
input.T_delsel
{
	width:155px;
}
input.T_dissel{
	width:178px;
}
input#t_setting.button.L
{
	width:200px;
}
b.T_wanmac, b.T_pcmac
{
	width:22% !important;
	min-width:160px !important;
}
input#defmac,
input#clonemac
{
	width:320px;
}
input#GetPCTime.button.XL,
input#GetTime.button.XL
{
	width:150px;
}
input#t_list.button
{
	width:220px;
}
select.S
{
	width: 80px;
}
select.M
{
	width: 110px;
}
select.L
{
	width: 140px;
}
select.XL
{
	width: 180px;
}
div
{
	text-align:left;
	margin: 0 auto;
}
div.bdr
{
	width: auto !important;
}
div.scroll
{
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
div.scrollx
{
	overflow-x: scroll;
	padding: 1px 0 0 1px;
}
div.S
{
	width: 57%;
}
div.M
{
	width: 63%;
}
div.L
{
	 FONT-SIZE: 12px;
	 text-align: left; 
	 white-space:nowrap; 
	 vertical-align: middle;
}
div.XL
{
	width: 85%;
}
div.XXL
{
	width: 98%;
}
div.con2 div.S
{
	width: 42%;
}
div.con2 div.M
{
	width: 54%;
}
div.con2 div.L
{
	width: 67%;
}
div.con2 div.XL
{
	width: 79%;
}
div.con2 div.XXL
{
	width: 92%;
}
b, span
{
	cursor: default;
	line-height: 18px;
	padding-left: 1px;
}
b.S
{
	width: 10%;
}
b.M
{
	width: 15%;
}
b.L
{
	width: 22%;
}
b.XL
{
	width: 30%;
}
b.XXL
{
	width: 40%;
}
span.a
{
	text-decoration: underline;
	cursor: pointer;
	color: blue;
}
span.emp
{
	color: #005564;
	font-size: 13px;
	font-weight: bold;
}
span.S
{
	width: 40%;
}
span.M
{
	width: 50%;
}
span.L
{
	width: 60%;
}
span.XL
{
	width: 70%;
}
textarea
{
	font-size: 12px;
	overflow: hidden;
	overflow:auto;
	border-style:dashed; 
	font-family :Arial,Helvetica; 
	background-color: rgb(250,250,250); 
	color: #36444b;
}
p
{
	margin: 0;
	padding: 3px 0;
	padding-left: 6%;
	padding-right: 6%;
	clear: both;
/*	line-height: 18px;*/
}
p.L1
{
	padding-left: 1%;
}
p.L2
{
	padding-left: 7%;
}
p.L3
{
	padding-left: 13%;
}
p.L4
{
	padding-left: 19%;
}
p.L5
{
	padding-left: 25%;
}
p.center
{
	text-align: center;
}
.ts
{
	font-size: 12px !important;
}
.tc
{
	text-align: center;
}
.tl
{
	text-align: left;
}
.tr
{
	text-align: right;
}
.gray
{
	color: grey !important;
}
.nd	
{
	display: none !important;
}
.nv	
{
	visibility: hidden !important;
}
.bd
{
	font-weight: bold !important;
}
.nb
{
	font-weight: normal !important;
}
.ml
{
	margin-left: 20px !important;
}
.fl
{
	float: left;
}
.clr
{
	clear: both;
}
.lbk{
	white-space:normal;
}
table.week th
{
	font-family: "Arial";
	font-weight: normal;
	padding: 0;
	width: 40px;
	background: #ddd;
	font-size: 12px;
	line-height: 23px;
}
table.cale th
{
	border: 1px solid #999;
	font-family: "Arial";
	/*background: #cef;*/
	font-weight: normal;
	font-size: 12px;
	text-align: center;
	padding: 0;
	background: #4acbd6;
	width: 31px;
}
table.cale td
{
	border: 1px solid #999;
	padding: 0;
	height: 22px;
	width: 31px;
}
table.cale span
{
	float: left;
	height: 20px;
	padding-left: 14px;
	margin: 1px 0 1px 1px;
	background: #ccc;
}
table.cale span.sel
{
	/*background: #0052a4;*/
	background: #005564;
}
/*for localization*/
/*
.T
{
	color: gold !important;
}*/

input:focus,textarea:focus,select:focus{
	outline-color: #4ACBD6;
}

table#lan_table ,
table#wan_table ,
table#dhcpcfg,
table#ipsItemTab,
table#macTbl,
table.bdr,
table#log_tbl,
table.normal-border{
	border-collapse: collapse;
	border:0;
}
table#lan_table th,
table#wan_table th,
table#dhcpcfg th,
table#ipsItemTab th,
table#macTbl th,
table.bdr th,
table#log_tbl th,
table.normal-border th {
	border: 1px solid #CCCCCC;
}
table#lan_table th.empty-td,
table#wan_table th.empty-td,
table#dhcpcfg th.empty-td,
table#ipsItemTab  th.empty-td,
table#macTbl th.empty-td,
table.bdr th.empty-td,
table#log_tbl th.empty-td,
table.normal-border th.empty-td {
	border: none;
}

a[href]{
	color: #4ACBD6;
}
a[href]:visited{
	color: #250D71;
}

/* for wlThroughput.htm */
#t_tx{
	font-weight: bold;
	color: #0099FF;
    font-size: 12px;
    padding-right: 10px;
}
#t_rx{
	font-weight: bold;
	color: #9900FF;
    font-size: 12px;
    padding-right: 10px;
}
td.title{
    padding-right: 80px;
    font-size: 14px;
}
span.T_optional{
	color: #C11C66 !important;
}
input#genNew{
	width: 136px;
}#macList{
	width: 172px;
}
#SecurityType{
	width: 242px !important;
}
/*for feedback*/
#feedbackControlContainer span.note{
         color: #C11C66;
}
#feedbackControlContainer .hidden{
         display:none;
}
#feedbackControlContainer #t_require1{
         margin-left:15%;
}
#feedbackControlContainer input.note, textarea.note{
         border: 0;
         border: 1px solid #C11C66;
}
#feedbackControlContainer #t_statement_head{
}
#feedbackControlContainer #blue-style{
         color:#4acbd6;
         cursor:pointer;
}
#feedbackControlContainer ul{
}
#feedbackControlContainer ul li{
         margin-left: 20px;
    margin-top: 5px;
    padding-right: 100px;
    line-height: 16px;
}