body {
	padding: 0px;
	margin: 0px;
}
div.news { border-bottom: 1px solid #ccc; height: 40px;}


header h1 {
	margin-left: 5%; 
	color: #fefefe;
	font-weight: normal;
}

table,tr,td{
    padding: 0;
}
td {
    font-family:"Verdana";
    font-size: 16px;
}
form {
    font-family:"Verdana";
    font-size: 16px;
}
body {
    font-family:"Verdana";
    font-size: 16px;
    background: #f03226
}
.style1 {
    font-family:Arial;
    color: #FFFFFF;
    font-size: 18px;
    padding-right: 50;
    text-align: left;
    font-weight: bold;
    line-height: 24px;
}
.style2 {
    font-size: 16px;
    font-family:Arial;
    font-weight: bold;
    padding-right: 50;
    text-align: left;
    color: #FFFFFF;
}

tr{
    vertical-align: top;
}
#first-td img {
    margin:27px 20px 0 10px;
    cursor: pointer;
}
#second-td {
    padding-top: 25px;
}
#third-td img {
    float:right;
    opacity: 0.3;
    filter\0: alpha(opacity=30);
    margin-right: 14px;
}

div.main_center_text {
    background: #fff;
}

div.center_text {
	font-size: 16px;
    text-align: center;
    /*margin: 24px 22px 22px 22px;*/
    padding: 30px;
    font-family: "Arial", "Helvetica", "Geneva", "Swiss", "SunSans-Regular", "sans-serif";
    max-width: 650px;
    color: black;
    background: #fff;
	
}



#con
{
	Width:100%;	
	margin: 0px;	
	padding: 0px;
	color:#36444B;
}

#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;
	/*overflow: hidden;*/
	border-bottom: 2px #999 solid;
	background: #666;
	height:22px;
	background-color: #424242;
	line-height: 22px;
}
#menu a:hover 
{
	color: #abdd2f;
}

#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;
}

#main
{
	font-size: 16px;
	/*overflow: hidden;*/
	text-align: left;
	padding: 0;
	margin: 0;		/* Firefox 1.5 BUG */
}
div.con1
{
	width: auto !important;
}
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;
}
h1.et
{
	height: 24px;
	line-height: 24px;
	text-align: left;
	font-size: 24px;
	color: #4ACBD6;
	padding: 1px 1px 1px 15px;
	font-family: Arial;
}
h2
{
	color: #222;

}

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.br
{
	height:0.6em;
	/*overflow: hidden;*/ /*IE6 bug*/
	clear: both;
}

div.cl
{
	margin: 0 25px;
	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:disbaled,
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
{

	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;
}

#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;
	max-width: 100%;
	/*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.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: 16px;
}
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: 110px;
}
input.XL
{
	width: 132px;
}
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: 16px;
	 text-align: left; 
	 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: 16px;
	font-weight: bold;
}
span.S
{
	width: 40%;
}
span.M
{
	width: 50%;
}
span.L
{
	width: 60%;
}
span.XL
{
	width: 70%;
}
textarea {
	font-size: 16px;
	overflow:auto;
	border-style:dashed; 
	font-family :Arial,Helvetica; 
	background-color: rgb(250,250,250); 
	color: #36444b;
}
p {
	text-align: justify;
	line-height: 25px;
	margin: 15px 0px;
	padding: 3px 0;
	clear: both;
}
li {
	line-height: 21px;
	margin: 9px 0px;
}

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: 16px !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;
}
table.week th
{
	font-family: "Arial";
	font-weight: normal;
	padding: 0;
	width: 40px;
	background: #ddd;
	font-size: 16px;
	line-height: 23px;
}
table.cale th
{
	border: 1px solid #999;
	font-family: "Arial";
	font-weight: normal;
	font-size: 16px;
	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: #005564;
}

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: #555;
}
a[href]:visited{
	color: #555;
}

/* for wlThroughput.htm */
#t_tx{
	font-weight: bold;
	color: #0099FF;
    font-size: 16px;
    padding-right: 10px;
}
#t_rx{
	font-weight: bold;
	color: #9900FF;
    font-size: 16px;
    padding-right: 10px;
}
td.title{
    padding-right: 80px;
    font-size: 14px;
}
span.T_optional{
	color: #C11C66 !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;
}


footer {
	padding: 8px;
	min-height: 100px;
	color: #eee;
	font-size: 14px;
	font-weight: normal;
}


.comments_form {
	width: 100%;
    max-width: 650px;
    min-height: 590px;
    margin: 30px 0px 20px 0px;
}

.ask_helpful .helpful_q { margin: 20px 0px; line-height: 35px; text-align: center;}
.ask_helpful { text-align: center; font-size: 30px; }
.ask_helpful input, .ask_helpful .helpful_result { width: 140px; height: 50px; margin: 0px 15px; font-size: 30px; }
.ask_helpful .helpful_result {display: inline-block; text-align: center;}



@media only screen and (max-width: 800px) {

    header h1 {

        font-size: 1.5em;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }
    div.center_text {
        padding: 20px;
    }

}

@media only screen and (max-width: 700px) {

    header h1 {

        font-size: 1.3em;
        margin-top: 0.4em;
        margin-bottom: 0.4em;
    }
    div.center_text {
        padding: 16px;
    }

}

@media only screen and (max-width: 600px) {

    header h1 {

        font-size: 1.2em;
        margin-top: 0.3em;
        margin-bottom: 0.3em;

    }

    #main {
        font-size: 14px;
    }

    div.center_text {
        font-size: 14px;
        padding: 12px;
    }

    .ask_helpful .helpful_q {
        font-size: 24px;
        margin: 12px 0px;
        line-height: 25px;
    }

    .ask_helpful input, .ask_helpful .helpful_result {
        font-size: 22px;
        width: 75px;
        height: 34px;
    }
}

@media only screen and (max-width: 450px) {

    .comments_form {
        min-height: 670px;
    }
}

@media only screen and (max-width: 400px) {

    header h1 {

        font-size: 1em;
        margin-top: 0.25em;
        margin-bottom: 0.25em;
    }
    #main {
        font-size: 13px;
    }

    div.center_text {
        font-size: 13px;
        padding: 7px;
    }

    .ask_helpful .helpful_q {
        font-size: 19px;
        margin: 8px 0px;
        line-height: 15px;
    }

    .ask_helpful input, .ask_helpful .helpful_result {
        font-size: 17px;
        width: 55px;
        height: 25px;
    }

}