/* reset css */
input {
	padding: 0px;
	margin: 0px;
	outline: none;
}
/* end of reset css */

html, body {
	color: #4D4D4D;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 12px;
}
body{
	margin: 0;
	padding: 20px 40px 25px 40px;
	background-color: #FFFFFF;
}

a{color:#10ABE1; /*text-decoration: underline;*/}
a.simpleLink{vertical-align: baseline;}

.autoLine{white-space: normal;}
.forceAutoLine{
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all;
}
.valignMiddle{vertical-align: middle;}
.notice-disabled{color: gray;}
/* tip colors, when change notice's color, change TD.emp too. */
.notice{color: #0094BC;}
.warnning{}
.error{color: #E00000;}
/* end of tip colors */

TABLE{	Width:100%;	margin: 0px;	padding: 0px;}
TABLE.guage{	background-color:rgb(150,204,66);}
TABLE.proper{ width:690px;}
TD   { FONT-SIZE: 12px; height: 24px; text-align: left; white-space:nowrap; vertical-align: middle;}   
TD.h1 {	FONT-SIZE: 16px; COLOR: WHITE; background-color:#10ABE1; FONT-WEIGHT: bold; padding-left: 15; } 
TD.h2 {	FONT-SIZE: 16px; height: 30px; FONT-WEIGHT: bold; white-space:normal;}
TD.h3 {	FONT-SIZE: 14px; height: 30px; white-space:normal;}
TD.h4 { FONT-SIZE: 16px; COLOR: WHITE; background-color:rgb(220,220,220); FONT-WEIGHT: bold; text-align: center;width:20%;}
TD.h5 { FONT-SIZE: 16px; COLOR: WHITE; background-color:rgb(102,186,51); FONT-WEIGHT: bold; text-align: center;width:20%;}
TD.info { padding-left: 25; }   
TD.info1 { padding-left: 35; }  
TD.info2 { padding-left: 90; }
TD.clk { padding-left: 25; Width:5%}  
TD.mbtn {padding-left: 30%}  
TD.blue {	background-image:url(../images/blue.png); background-position:0% 10%; height: 30px;} 
TD.titleBlue {	FONT-SIZE: 14px; COLOR: #10ABE1; FONT-WEIGHT: bold; background-image:url(../images/blue.png); background-position:0% 10%; height: 30px;} 
TD.Item {	FONT-WEIGHT: bold;	padding-right: 30;	width: 23%;}
TD.Itemsta {	FONT-WEIGHT: bold;	padding-right: 20;	width: 10%;}
TD.itemtarget {	FONT-WEIGHT: bold;	padding-right: 30;	width: 27.2%;} 
TD.Item2{
	text-align:			left;
	vertical-align:		middle;
	padding:			5px;
	width:				100%;
}
TD.radioItem{vertical-align: top;}
TD.radioItem div{padding-top:7px;}
TD.emp {FONT-WEIGHT: bold; color: #0094BC; font-size: 13px;}
TD.ListTC1 {text-align: right;	padding-right: 20; FONT-WEIGHT: bold; font-size: 12px;} 
TD.ListTC2 {text-align: left;	FONT-WEIGHT: bold; padding-left: 20; font-size: 12px;} 
TD.ListC1 {text-align: right;	padding-right: 20; } 
TD.ListC2 {text-align: left; FONT-WEIGHT:bold; padding-left: 20; } 
TD.ListB {text-align: left; FONT-WEIGHT:bold;white-space:nowrap;} 
TD.Listm {text-align: center;} 
TD.Listr {text-align: right; padding-right: 5;} 
TD.ItemAlignTop{
	padding-top: 5px;
	vertical-align: top;
}

TEXTAREA.same{	overflow:auto; border:1; border-style:dashed; font-family :Arial,Helvetica; FONT-SIZE: 12px; background-color: rgb(250,250,250); }

select  {vertical-align: middle; height: 22px;	color: black;} 
select.list { width: 120px;}
select.listL { width: 150px;}
select.listS { width: 80px;}
select.listLL{width:230px;}
select.listLLL{width:300px;}

input  {vertical-align: middle;} 
input.text {line-height: 20px;	height: 22px;	color: black;	padding-right: 3px;	padding-left: 3px;}
input.textS {line-height: 20px;	height: 22px;	color: black;	padding-right: 3px;	padding-left: 3px; width:140px;}
input.text, input.textS{
	color: #4D4D4D;
	font-family: Verdana,Geneva,sans-serif;
	vertical-align: middle;
	border: 1px solid #999999;
}
input.radio{vertical-align: middle;} 
input, button {
	color: #4D4D4D;
	font-family: Verdana,Geneva,sans-serif;
}
input.button, input.buttonL, input.buttonLL, input.buttonBig, input.buttonBigL{
	background: url("../images/widget-all.png") no-repeat -26px -143px;
	cursor: pointer;
	height: 30px;
	vertical-align: middle;
	border: 0px;
}
input.button:hover{
	background-position: -116px -143px;
	color: #FFFFFF;
}
input.button{
	width: 78px;
	background-position: -26px -143px;
}

input.button:disabled{
	width: 78px;
	background-position: -26px -143px;
}
input.buttonBig:hover{
	background-position: -142px -186px;
	color: #FFFFFF;
}
input.buttonBig,
input.buttonBig:disabled{
	width: 104px;
	background-position: -26px -186px;
}
input.buttonL:hover{
	background-position: -204px -228px;
	color: #FFFFFF;
}
input.buttonL,
input.buttonL:disabled {
	width: 165px;
	background-position: -26px -228px;
}
/* for IE8 which has no doctype */
input.buttonhover{background-position: -116px -143px;		color: #FFFFFF;}
input.buttonBighover{background-position: -142px -186px;	color: #FFFFFF;}
input.buttonLhover{background-position: -204px -228px;	color: #FFFFFF;}

a.disabled,
TD[type="h1"]:disabled,
TD[type="emp"]:disabled,
input[type="submit"]:disabled,
input[type="text"]:disabled, 
input[type="button"]:disabled, 
input[type="buttonL"]:disabled, 
input[type="buttonLL"]:disabled, 
input[type="buttonBig"]:disabled, 
input[type="buttonBigL"]:disabled {
	color:gray;
}

/* USB up button */
button.button{
	background: url("../images/widget-all.png") no-repeat -26px -143px;
	cursor: pointer;
	height: 30px;
	vertical-align: middle;
	border: 0px;
	width: 78px;
}
button.button i{
	background: url("../images/widget-all.png") no-repeat -531px -117px;
	display: inline-block;
	width: 23px;
	height: 18px;
}
button.button span{
	display: none;
}
button.buttonHover{
	background-position: -116px -143px;
	color: #FFFFFF;
}
button.buttonHover i{
	display: none;
}
button.buttonHover span{
	display: inline;
}
button.button:disabled{
	background: url("../images/widget-all.png") no-repeat -26px -143px;
	color: gray;
}
/* end of USB up button */

span.tip{
	font-size: 14px;
}

/* for widget */
div.radioItem{
	padding-left: 23px;
}
div.title_label div.widget-wrap label.checkbox-label span.text,
div.title_label div.widget-wrap label.radio-label span.text{
	font-weight: bold;
}

/* file */
div.file-container{
	height: 29px;
	overflow: hidden;
	position: relative;
	vertical-align: top;
	width: 310px;
}
div.file-container input.file-text{
	position: absolute;
	top: 5px;
	width: 230px;
}
div.file-container input.file-button{
	position: absolute;
	top: 0px;
	right: 0px;
}
div.file-container input.file-value{
	position: absolute;
	font-size: 110px;
	top: 0px;
	right: 0px;
	filter:alpha(opacity:0);
	opacity: 0;
	cursor: pointer;
}

/* signal strength */
table.SignalTable TD{
	height: 35px;
	text-align: center;
}
div.signal{
	margin: 0 auto;
	width: 30px;
	height: 23px;
	background: url("../images/widget-all.png") no-repeat -15px -113px;
}
div.strength0{
	background-position: -15px -113px;
}
div.strength1{
	background-position: -63px -113px;
}
div.strength2{
	background-position: -111px -113px;
}
div.strength3{
	background-position: -159px -113px;
}
div.strength4{
	background-position: -207px -113px;
}
div.strength5{
	background-position: -255px -113px;
}
