@charset "utf-8";
/* CSS Document */

/*reseté¨å*/
input,
button{
	font-family: Verdana, Geneva, sans-serif;
	color: #4D4D4D;
}
label,
span,
a{
	vertical-align: middle;
}

noscript h2{
	text-align: center;
	color: #10ABE1;
	font-size: 14px;
	font-weight: bold;
	margin-top: 40px;
}

/**å¬å±é¨åæ ·å¼**/
p.note{
	margin: 20px 0;
	line-height: 21px;
}

/*indexé¨å*/
div#top-wrapper,
div#login-container{
	width: 1000px;
	margin: 0 auto;
	
	background-color: #F4F4F4;
	box-shadow: 0 0 3px #555555;
}
div#login-wrap,
div#login-container{
	display: none;
}

div.top-header{
	height: 78px;
	background: url(../images/tp-link.png) no-repeat 10px #10ABE1;	
	position: relative;
}
div.top-header-wrap{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 35px;
}

h1#product-tag{
	color: #ffffff;
	margin: 0 0 6px 42px;
	width: 205px;
	display: inline-block;
}
span#product-tag,
div#top-nav,
div#top-control{
	display: inline-block;
	vertical-align: bottom;
}
div#top-control{
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0 30px 10px 0;
}
div#top-control div.lan-select-container.top-lan-select{
	margin: 0 24px 0 0;
	display: inline-block;
}
div#top-control div.lan-select-container.top-lan-select div.combobox-wrap{
	border: 1px solid #cccccc;
	border-radius: 5px;
}
div#top-control div.lan-select-container.top-lan-select div.combobox-wrap div.combobox-list-wrap{
	top: 26px;
}
div#top-control div.lan-select-container.top-lan-select input.combobox-text{
	color: #10ABE1;
	width: 120px;
	min-width: inherit;
}
div#top-control div.lan-select-container.top-lan-select a.combobox-switch{
	background: url(../images/widgets.png) no-repeat -1px -89px;
	width: 23px;
	height: 23px;
}
div#top-control div.lan-select-container,
div#top-control a.top-control-btn{
	vertical-align: bottom;
}
div#top-control a.top-control-btn{
	display: inline-block;
	height: 45px;
	width: 45px;

	border-radius: 5px;
	text-align: center;
}
div#top-control a.top-control-btn:hover{
	background-color: #4DC7EF;
}
div#top-control a.top-control-btn span.text{
	font-size: 10px;
	
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	display: block;
}
div#top-control a.top-control-btn span.icon{
	background: url(../images/icon-control.png) no-repeat left top;
	display: block;
	width: 22px;
	height: 22px;
	margin: 5px auto 2px auto;
}

div#top-control a.top-control-btn#top-control-logout span.icon{
	background-position: left top;
}
div#top-control a.top-control-btn#top-control-reboot span.icon{
	background-position: -22px top;
}

div#top-nav ul li{
	display: inline;
	padding-right: 1px;

	border-left: 1px #F4F4F4 solid;
	margin-left: -1px;
}
div#top-nav ul li.selected + li,
div#top-nav ul li.selected,
div#top-nav ul li:hover,
div#top-nav ul li:hover + li{
	border-left: 1px #10ABE1 solid;
}

div#top-nav ul li.fst{
	border-left: none;
	margin-left: 0;
}
div#top-nav ul li a{
	display: inline-block;
	color: #ffffff;
	
	text-align: center;
	line-height: 35px;
	height: 35px;
	width: 120px;
	
	font-size: 14px;
	
	/*margin: 0 -1px;*/

	border-radius: 6px 6px 0 0;
}
div#top-nav ul li:hover a{
	background-color: #4DC7EF;
}
div#top-nav ul li.selected a{
	background-color: #F4F4F4;
	color: #008FC2;
	font-weight: bold;
}
div.top-footer{
	padding: 16px 30px;
	position: relative;
}

div.top-footer p.help-faq{
	text-align: right;
}
div.top-footer p#product-info{
	position: absolute;
}
div.top-footer p.help-faq a.btn-faq{
	text-decoration: underline;
	color: #10ABE1;
	margin: 0 20px;
}

/********å­é¡µé¢å¸å±é¨å********/
div.content-container{
	margin: 14px 18px 0 18px;
	/*padding: 8px;*/
	
	background-color: #ffffff;
	/*box-shadow: 0 0 3px #D9D9D9;
	border-radius: 5px;
	*/
	position: relative;
	
	/*overflow: hidden;*/
}
div#quick-setup-wizard{
	padding: 24px 48px;
}
div#quick-setup-wizard div.process-flow-wrap{
	margin: 0 35px;
}
div#quick-setup-wizard div.form-step{
	/*height: 308px;*/
	margin-top: 32px;
}

div#quick-setup-wizard div.form-step h3{
	font-size: 18px;
	font-weight: bold;
}
div#quick-setup-wizard div.form-step h3,
div#quick-setup-wizard div.form-step p.note{
	margin: 30px 24px;
}
div#quick-setup-wizard div.form-step a.link{
	vertical-align: top;
	color: #10ABE1;
}
div#quick-setup-wizard div.buttons-container{
	margin: 0 84px;
	text-align: right;
}
div#quick-setup-wizard div.buttons-container div.submit{
	display: inline-block;
	margin-left: 12px;
}
/*div#quick-setup-wizard div.buttons-container button{
	min-width: 90px;
	height: 30px;
	line-height: 30px;
}*/

div#menu{
	border-right: 1px solid #D9D9D9;
	background-color: #fafafa;
	
	height: 100%;
	/*width: 192px;*/
	position: absolute;
}
div#func-basic,
div#func-advanced{
	/*margin: 0 0 48px 200px;*/
	margin-left: 200px;
}
ul.menu-tree li label{
	color: #666666;
}
div.menu-basic ul.menu-tree li label,
div.menu-advanced ul.menu-tree li.fst label.fst{
	display: inline-block;
}
div.menu-basic ul.menu-tree li,
div.menu-advanced ul.menu-tree li.fst{
	border-bottom: 1px solid #D9D9D9;
}
div.menu-advanced ul.menu-tree li.fst,
div.menu-basic ul.menu-tree li{
	background: url(../images/menu-icon.png) no-repeat 10px 0;
}
div.menu-advanced ul.menu-tree li.fst label.fst,
div.menu-basic ul.menu-tree li label{
	font-size: 14px;
	height: 43px;
	display: table-cell;
	/*line-height: 40px;*/
	cursor: pointer;
	padding-left: 48px;
	width: 152px;
}
div.menu-basic ul.menu-tree li a span{
	vertical-align: middle;
}

div.menu-basic ul.menu-tree li.selected,
div.menu-basic ul.menu-tree li.selected:hover,
div.menu-advanced ul.menu-tree li.fst.selected,
div.menu-advanced ul.menu-tree li.fst.selected:hover{
	background-color: #10ABE1;
}
div.menu-basic ul.menu-tree li:hover,
div.menu-advanced ul.menu-tree li.fst:hover{
	background-color: #D2F0F9;
}
div.menu-basic ul.menu-tree li.selected label,
div.menu-advanced ul.menu-tree li.fst.selected label.fst{
	color: #ffffff;
}
/*basic*/
div.menu-basic ul.menu-tree li#network_map_menu{
	background-position: 10px 2px;
}
div.menu-basic ul.menu-tree li#network_map_menu.selected{
	background-position: 10px -358px;
}
div.menu-basic ul.menu-tree li#internet_menu{
	background-position: 10px -34px;
}
div.menu-basic ul.menu-tree li#internet_menu.selected{
	background-position: 10px -394px;
}
div.menu-basic ul.menu-tree li#wireless_menu{
	background-position: 10px -70px;
}
div.menu-basic ul.menu-tree li#wireless_menu.selected{
	background-position: 10px -430px;
}
div.menu-basic ul.menu-tree li#usb_settings_menu{
	background-position: 10px -178px;
}
div.menu-basic ul.menu-tree li#usb_settings_menu.selected{
	background-position: 10px -538px;
}
div.menu-basic ul.menu-tree li#qos_menu{
	background-position: 10px -250px;
}
div.menu-basic ul.menu-tree li#qos_menu.selected{
	background-position: 10px -610px;
}
div.menu-basic ul.menu-tree li#parentalControl_menu{
	background-position: 10px -214px;
}
div.menu-basic ul.menu-tree li#parentalControl_menu.selected{
	background-position: 10px -574px;
}
div.menu-basic ul.menu-tree li#guestNetwork_menu{
	background-position: 10px -106px;
}
div.menu-basic ul.menu-tree li#guestNetwork_menu.selected{
	background-position: 10px -466px;
}
/*advanced*/
div.menu-advanced ul.menu-tree li.fst label.fst{
	background: url(../images/menu-advanced.png) no-repeat right 16px;
}
div.menu-advanced ul.menu-tree li.fst.selected label.fst.none-sec{
	background-position: right -39px;
}
div.menu-advanced ul.menu-tree li.fst.selected label.fst{
	background-position: right -10px;
}
div#menu-advanced ul.menu-tree li.fst ul{
	background-color: #ffffff;
	display: none;
}

div.menu-advanced ul.menu-tree li#status_menu{
	background-position: 10px 4px;
}
div.menu-advanced ul.menu-tree li#status_menu.selected{
	background-position: 10px -356px;
}
div.menu-advanced ul.menu-tree li#normal_network_menu{
	background-position: 10px -32px;
}
div.menu-advanced ul.menu-tree li#normal_network_menu.selected{
	background-position: 10px -392px;
}
div.menu-advanced ul.menu-tree li#wireless_menu,
div.menu-advanced ul.menu-tree li#wireless_24g_menu,
div.menu-advanced ul.menu-tree li#wireless_5g_menu{
	background-position: 10px -68px;
}
iv.menu-advanced ul.menu-tree li#wireless_menu.selected,
div.menu-advanced ul.menu-tree li#wireless_24g_menu.selected,
div.menu-advanced ul.menu-tree li#wireless_5g_menu.selected{
	background-position: 10px -428px;
}
div.menu-advanced ul.menu-tree li#guest_network_menu{
	background-position: 10px -104px;
}
div.menu-advanced ul.menu-tree li#guest_network_menu.selected{
	background-position: 10px -464px;
}
div.menu-advanced ul.menu-tree li#forwarding_menu{
	background-position: 10px -140px;
}
div.menu-advanced ul.menu-tree li#forwarding_menu.selected{
	background-position: 10px -500px;
}
div.menu-advanced ul.menu-tree li#usb_settings_menu{
	background-position: 10px -176px;
}
div.menu-advanced ul.menu-tree li#usb_settings_menu.selected{
	background-position: 10px -536px;
}
div.menu-advanced ul.menu-tree li#parental_control_menu{
	background-position: 10px -212px;
}
div.menu-advanced ul.menu-tree li#parental_control_menu.selected{
	background-position: 10px -572px;
}
div.menu-advanced ul.menu-tree li#bandwidth_control_menu{
	background-position: 10px -248px;
}
div.menu-advanced ul.menu-tree li#bandwidth_control_menu.selected{
	background-position: 10px -608px;
}
div.menu-advanced ul.menu-tree li#security_menu{
	background-position: 10px -284px;
}
div.menu-advanced ul.menu-tree li#security_menu.selected{
	background-position: 10px -644px;
}
div.menu-advanced ul.menu-tree li#system_tools_menu{
	background-position: 10px -320px;
}
div.menu-advanced ul.menu-tree li#system_tools_menu.selected{
	background-position: 10px -680px;
}
/*advancedäºçº§èå*/
div#menu-advanced ul.menu-tree li.fst ul{
	padding: 12px 0 0px 0;
}
div#menu-advanced ul.menu-tree li.sec a.sec{
	height: 33px;
	/*line-height: 33px;*/

	/*font-family: Arial, Helvetica, sans-serif;*/

	margin-left: 62px;
	/*padding-left: 14px;*/

	list-style: disc;
	display: list-item;
	
	background-color: #fdfdfd;
}
div.menu-advanced ul.menu-tree li.sec.selected label.sec,
div.menu-advanced ul.menu-tree li.sec label.sec:hover{
	color: #10ABE1;
}

/********åè½é¡µé¢å¸å±é¨å********/
div.func-container h2.func-title{
	background: url(../images/line.png) no-repeat left center;
	
	font-weight: bold;
	font-size: 18px;
	color: #10ABE1;
	
	margin-top: 30px;
	padding-left: 30px;
	line-height: 32px;
}
div.func-container h2.func-title span{
	background-color: #ffffff;
	padding: 0 12px;
	
	margin-left: 10px;
}
div.content-container div.help-container{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	background-color: #ffffff;
	z-index: 9;
}
div.content-container div.help-container div.help-content-container{
	/*border-left: 1px solid #eeeeee;*/
	box-shadow: 0 0 36px #D9D9D9;
	width: 100%;
	height: 100%;
	display: none;
}
div.func-container div.help-container div.help-content-container h3.title,
div.func-container div.help-container div.help-content-container h4.title,
div.func-container div.help-container div.help-content-container p strong,
div.func-container div.help-container div.help-content-container span.title{
	color: #10ABE1;
	font-weight: bold;
}
div.func-container div.help-container div.help-content-container h3.title{
	font-size: 16px;
	margin-left: 45px;
	padding-top: 34px;
	margin-bottom: 18px;
}
div.func-container div.help-container div.help-content-container p strong{
	font-weight: normal;
}
div.func-container div.help-container div.help-content-container h4.title,
div.func-container div.help-container div.help-content-container p{
	margin: 18px 32px 18px 45px;
	line-height: 22px;
	/*word-break: break-all;*/
}

div.help-container div.btn-help-container{
	position: absolute;
	right: 0;
	top: 23px;
}
div.help-container div.btn-help-container a.btn-help{
	float: right;
	background: url(../images/widgets.png) no-repeat -8px -375px;
	
	display: block;
	width: 33px;
	height: 29px;
}
div.func-container div.btn-help-container a.btn-help:hover{
	background-position: -8px -406px;
}
div.func-container div.btn-help-container a.btn-help.clicked{
	background-position: -8px -437px;
}
div.help-container div.btn-help-container a.btn-help.closed{
	background-position: -8px -282px;
}
div.func-container div.btn-help-container a.btn-help.closed:hover{
	background-position: -8px -313px;
}
div.func-container div.btn-help-container a.btn-help.closed.clicked{
	background-position: -8px -344px;
}
div.func-container div.setting-buttons{
	margin-left: 12px;
}

/************widget æ©å±******************/
fieldset.widget-container,
div.widget-container{
	margin: 6px 0px;
}

div.mask{
	background-color: #7f7f7f;
	opacity: 0.3;
}
div.opacity-hidden{
	opacity: 0;
}
div.page-container{
	margin: 0;
	padding: 20px 40px 25px 40px;
}
div.widget-container .widget-wrap{
	border: 1px solid #B3B3B3;
	border-radius: 0px;
	margin-right: 6px;
}
div.widget-container.focus .widget-wrap,
div.widget-container .widget-wrap:hover{
	border-color: #78AF19;
}
div.widget-container span.widget-tips{
	margin-left: 6px;
	display: inline-block;
}
div.widget-container.error span.widget-tips{
	color: #E00000;
}
div.widget-container span.widget-tips.m{
	max-width: 210px;
}
div.widget-container span.widget-tips.l{
	max-width: 320px;
}
/**æ§ä»¶éè¯¯ç???*/
div.widget-container.error div.widget-wrap,
div.widget-container.error span.widget-wrap{
	border-color: #E00000;
}
div.widget-container span.widget-validate-icon{
	background: url(../images/widgets.png) no-repeat 100px -508px;

	display: none;
	width: 20px;
	height: 19px;
	border-radius: 50%;
}
div.widget-container.valid span.widget-validate-icon{
	background-position: -26px -508px;
}
div.widget-container.error span.widget-validate-icon{
	background-position: -2px -508px;
}
/**æ§ä»¶ç»ç¦ç¨ç¶???*/
div.widget-container.disabled .widget-wrap{
	border-color: #B3B3B3;
	background-color: #cccccc;
}
div.text-container.disabled input.text-text,
div.combobox-container.disabled input.combobox-text{
	background-color: transparent;
	color: #808080;
}

/**panel**/
div.panel-container{
	/*margin: 24px 40px 12px 40px;*/
	border: 0px none;
	/*margin-bottom: 40px;*/
}
div.panel-container div.panel-wrap{
	border: 0px none;
}
div.msg-container h3.msg-title,
div.panel-container div.panel-wrap h3.panel-title{
	background-color: transparent;
	color: #10ABE1;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 13px;
	padding: 4px 0;
}
div.panel-container div.panel-wrap div.panel-header-btn-container{
	margin-top: 4px;
}
div.panel-container div.panel-wrap div.panel-header-btn-container button.panel-header-btn-collapse{
	background: url(../images/widgets.png) no-repeat -34px -1px;
	border: 0px none;
}
div.panel-container div.panel-wrap div.panel-header-btn-container button.panel-header-btn-collapse.collapsed{
	background-position: -34px -17px;
}
/*div.panel-container div.panel-wrap div.panel-content{
	padding-top: 12px;
}*/
fieldset.fieldset-container{
	border: 1px solid #D8D8D8;
	border-radius: 5px;
	padding: 2px 0 20px 15px;
	margin-bottom: 32px;
}
fieldset.fieldset-container legend.legend-title{
	font-size: 14px;
	font-weight: bold;
	/*margin:  0 15px;*/
	padding: 0 5px;
}
div.widget-container div.widget-fieldlabel-wrap{
	font-weight: bold;
	text-align: left;
	display: inline-block;
	/*padding-left: 8px;*/
}
div.widget-container div.widget-fieldlabel-wrap.xs{
	width: 88px;
}

div.widget-container div.widget-fieldlabel-wrap.s{
	width: 138px;
}
div.widget-container div.widget-fieldlabel-wrap.m{
	width: 168px;
}
div.widget-container div.widget-fieldlabel-wrap.l{
	width: 208px;
}
div.widget-container div.widget-fieldlabel-wrap.xl{
	width: 248px;
}

div.widget-container div.widget-fieldlabel-wrap.sl{
	width: 102px;
}
div.widget-container div.widget-fieldlabel-wrap.ls{
	width: 172px;
}
div.widget-container div.widget-fieldlabel-wrap.xs{
	width: 80px;
}
div.widget-container.read-only div.widget-fieldlabel-wrap.s{
	width: 130px;
}
div.widget-container.read-only div.widget-fieldlabel-wrap.m{
	width: 160px;
}
div.widget-container.read-only div.widget-fieldlabel-wrap.l{
	width: 200px;
}
div.widget-container.read-only div.widget-fieldlabel-wrap.xl{
	width: 240px;
}
div.widget-container.checkbox-group-container div.widget-fieldlabel-wrap.xs,
div.widget-container.radio-group-container div.widget-fieldlabel-wrap.xs{
	width: 79px;
}
div.widget-container.checkbox-group-container div.widget-fieldlabel-wrap.s,
div.widget-container.radio-group-container div.widget-fieldlabel-wrap.s{
	width: 129px;
}
div.widget-container.checkbox-group-container div.widget-fieldlabel-wrap.m,
div.widget-container.radio-group-container div.widget-fieldlabel-wrap.m{
	width: 159px;
}
div.widget-container.checkbox-group-container div.widget-fieldlabel-wrap.l,
div.widget-container.radio-group-container div.widget-fieldlabel-wrap.l{
	width: 199px;
}
div.widget-container.checkbox-group-container div.widget-fieldlabel-wrap.xl,
div.widget-container.radio-group-container div.widget-fieldlabel-wrap.xl{
	width: 239px;
}

div.combobox-container div.combobox-wrap input.combobox-text,
div.text-container input.text-text{
	height: 19px;
	line-height: 19px;
}
div.text-container.read-only input.text-text{
	height: 21px;
	line-height: 21px;
}
div.text-container input.text-text,
div.textarea-container textarea.textarea-text{
	min-width: 24px;
}
div.text-container input.text-text.xs{
	width: 28px;
}
div.text-container input.text-text.s{
	width: 68px;
}
div.text-container input.text-text.m{
	width: 108px;
}
div.text-container input.text-text.l{
	width: 158px;
}
div.text-container input.text-text.xl{
	width: 208px;
}

div.text-container input.text-text.xxl{
	width: 268px;
}

/*div.text-container span.text-tips,
div.textarea-container span.textarea-tips{
	display: inline-block;
	margin-left: 6px;
}
div.text-container span.text-tips.m,
div.textarea-container span.textarea-tips.m{
	max-width: 210px;
}
div.text-container span.text-tips.l,
div.textarea-container span.textarea-tips.l{
	max-width: 320px;
}*/

/*buttons*/
/*div.button-container{
	margin: 6px 12px;
}*/
div.button-container.inline{
	margin: 6px 0;
}
div.button-container.submit{
	/*display: block;*/
	margin: 28px 0px;
	text-align: right;
}
/*div.button-group-container div.button-group-wrap button.button-group-button,*/
div.button-container button.button-button{
	border: 1px solid #B5B5B6;
	border-radius: 5px;

	height: 27px;
	min-width: 75px;

	vertical-align: middle;
	background: url(../images/button.png) repeat-x left -92px;
	background-color: #D9D9D9;
	/*background-image: -moz-linear-gradient(center top, #FFFFFF, #D9D9D9);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#D9D9D9));*/
	/*width: 90px;
	line-height: 30px;*/
	cursor: pointer;
}
div.button-container button.button-button.s{

}
div.button-container button.button-button.m{

}
div.button-container button.button-button.l{
	width: 200px;
}
div.button-container button.button-pop{
	border: 1px solid #B5B5B6;
	border-radius: 5px;

	height: 25px;
	min-width: 75px;

	vertical-align: middle;
	background: url(../images/button.png) repeat-x left -92px;
	background-color: #D9D9D9;
	/*background-image: -moz-linear-gradient(center top, #FFFFFF, #D9D9D9);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#D9D9D9));*/
	/*width: 90px;
	line-height: 30px;*/
	cursor: pointer;
}
/*div.button-group-container div.button-group-wrap button.button-group-button:hover,*/
div.button-container button.button-button:hover{
	border-color: #96CC42;
	background-position: left -120px;
	background-color: #CAEA83;
	/*background-image: -moz-linear-gradient(center top, #E1F4CC, #CAEA83);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E1F4CC), to(#CAEA83));*/
}
/*div.button-group-container div.button-group-wrap button.button-group-button.selected,*/
div.button-container.clicked button.button-button,
div.button-container button.button-button.selected{
	background-position: left -148px;
	background-color: #96CC42;
	/*background-image: -moz-linear-gradient(center top, #B2D86F, #96CC42);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B2D86F), to(#96CC42));*/
	color: #ffffff;
	border-color: #96CC42;
}
div.button-container.submit button.button-button{
	background-position: left top;
	font-size: 14px;
	min-width: 80px;
	height: 30px;
	min-width: 90px;
}
div.button-container.submit button.button-button:hover{
	background-position: left -30px;
}
div.button-container.submit.clicked button.button-button{
	background-position: left -60px;
}
div.button-container div.loading-info-container{
	display: inline;
}
div.button-container div.loading-info-container span.icon{
	background: url(../images/widgets.png) no-repeat -23px -504px;
	display: inline-block;
	width: 26px;
	height: 26px;
	border-radius: 50%;
}
div.button-container div.loading-info-container.loading span.icon,
div.button-container div.loading-info-container.unloading span.icon{
	background: url(../images/widgets.png) no-repeat -23px -504px;
}
div.button-container div.loading-info-container.loaded span.icon{
	background-position: -23px -504px;
}
div.button-container div.loading-info-container.unloaded span.icon{
	background-position: 0px -504px;
}

/*button-group*/
div.widget-container.button-group-container.level{
	margin-left: 20px;
}
div.widget-container.button-group-container div.button-group-wrap:hover{
	border: 0px none;
}
div.button-group-container div.button-group-wrap ul.button-group-container li{
	margin-right: -1px
}
div.button-group-container div.button-group-wrap button.button-group-button{
	border-radius: inherit;
	height: 25px;
//	background-color: #f7f7f7;
//	border: 1px solid #bfbfbf;
	/*color: #ffffff;*/
}
div.button-group-container div.button-group-wrap button.button-group-button.fst{
	border-radius: 5px 0 0 5px;
	background: url(../images/widget-all.png) no-repeat -126px -326px;
}
div.button-group-container div.button-group-wrap button.button-group-button.lst{
	border-radius: 0 5px 5px 0;
	background: url(../images/widget-all.png) no-repeat -65px -326px;
}

div.button-group-container.disabled div.button-group-wrap button.button-group-button.fst{
	border-radius: 5px 0 0 5px;
	background: url(../images/widget-all.png) no-repeat -341px -326px;
}
div.button-group-container.disabled div.button-group-wrap button.button-group-button.lst{
	border-radius: 0 5px 5px 0;
	background: url(../images/widget-all.png) no-repeat -274px -326px;
}

div.button-group-container div.button-group-wrap button.button-group-button:hover{
//	background-color: #e1f4be;
}
div.button-group-container div.button-group-wrap button.button-group-button.selected{
//	background-color: #96CC42;
	border-color: #78af19;
	color: #ffffff;
}
div.button-group-container div.button-group-wrap li.selected + li button.button-group-button{
//	border-left: 1px solid #78af19;
}
div.button-group-container div.button-group-wrap button.button-group-button.s{
	width: 70px;
}
div.button-group-container div.button-group-wrap button.button-group-button.m{
	width: 80px;
}
div.button-group-container div.button-group-wrap button.button-group-button.lm{
	width: 101px;
}
div.button-group-container div.button-group-wrap button.button-group-button.l{
	width: 132px;
}
div.button-group-container div.button-group-wrap button.button-group-button.ll{
	width: 135px;
}
div.button-group-container div.button-group-wrap button.button-group-button.xl{
	width: 150px;
}
div.button-group-container div.button-group-wrap button.button-group-button.xxl{
	width: 180px;
}
/*on-off*/
div.button-group-container.on-off-container div.button-group-wrap button.button-group-button{
	height: 24px;
	width: 39px;
	font-size: 12px;

	text-transform: uppercase;
	padding: inherit;
}
div.button-group-container.on-off-container div.button-group-wrap button.button-group-button.fst.selected{
	background: url(../images/widget-all.png) no-repeat -26px -326px;
}
div.button-group-container.on-off-container div.button-group-wrap button.button-group-button.lst.selected{
	background: url(../images/widget-all.png) no-repeat -165px -326px;
	//background-color: #b2b2b2;
	//border-color: #bfbfbf;
}

div.button-group-container.on-off-container.disabled div.button-group-wrap button.button-group-button.fst.selected{
	background: url(../images/widget-all.png) no-repeat -235px -326px;
}
div.button-group-container.on-off-container.disabled div.button-group-wrap button.button-group-button.lst.selected{
	background: url(../images/widget-all.png) no-repeat -380px -326px;
}
/**ç¦ç¨ç???*/
div.widget-container.button-group-container.disabled .widget-wrap{
	background-color: transparent;
}
/*div.button-group-container.on-off-container div.button-group-wrap ul.button-group-container li{
	margin-right: 0px;
}
div.button-group-container.on-off-container div.button-group-wrap button.button-group-button{
	background: url(../images/on-off.png) no-repeat 0 -42px;
	height: 22px;
	width: inherit;
	font-size: 11px;
	border: 1px solid #C9CACB;
	color: #4D4D4D;
}
div.button-group-container.on-off-container div.button-group-wrap button.button-group-button:hover{
	background-position: right bottom;
}
div.button-group-container.on-off-container div.button-group-wrap button.button-group-button.selected{
	color: #ffffff;
}
div.button-group-container.on-off-container div.button-group-wrap button.button-group-button.fst{
	border-radius: 5px 0 0 5px;
}
div.button-group-container.on-off-container div.button-group-wrap button.button-group-button.fst.selected{
	background-position: right top;
}
div.button-group-container.on-off-container div.button-group-wrap button.button-group-button.lst{
	border-radius: 0 5px 5px 0;
	margin-left: -1px; 
}
div.button-group-container.on-off-container div.button-group-wrap button.button-group-button.lst.selected{
	background-position: left -21px;
}*/

/*comboboxé¨å*/
div.combobox-container div.combobox-wrap ul.combobox-list li label.combobox-label{
	padding: 8px;
}
div.combobox-container div.combobox-wrap a.combobox-switch{
	background: url(../images/widget-all.png) no-repeat -400px -36px;
	border: 0px none;
	width: 19px;
	height: 19px;
}
div.combobox-container div.combobox-wrap a.combobox-switch:hover{
	background-position: -429px -36px;
}
div.combobox-container.disabled div.combobox-wrap a.combobox-switch{
	background-position: -400px -36px;
}

div.combobox-container div.combobox-wrap div.combobox-list-wrap{
	border: 1px solid #D9D9D9;
	top: 22px;
	left: -1px;
}
div.combobox-container div.combobox-wrap ul.combobox-list li:hover{
	background-color: #E1F4BE;
}
div.combobox-container div.combobox-wrap ul.combobox-list li.selected{
	background-color: #96CC42;
}
div.combobox-container div.combobox-wrap ul.combobox-list li.selected label{
	color: #ffffff;
}
div.combobox-container div.combobox-wrap ul.combobox-list li.disabled{
	background-color: transparent;
}
div.combobox-container div.combobox-wrap ul.combobox-list li.disabled label{
	color: #b2b2b2;
}
div.combobox-container.multiple div.combobox-wrap ul.combobox-list input.combobox-checkbox{
	display: none;
}
div.combobox-container.multiple div.combobox-wrap ul.combobox-list span.icon{
	margin-top: 1px;
	margin-right: 8px;
}
div.combobox-container.selected div.combobox-wrap input.combobox-text{
	background-color: #96CC42;
	color: #ffffff;
}
div.combobox-container div.combobox-wrap input.combobox-text.xs{
	width: 24px;
}
div.combobox-container div.combobox-wrap input.combobox-text.s{
	width: 49px;
}
div.combobox-container div.combobox-wrap input.combobox-text.m{
	width: 89px;
}
div.combobox-container div.combobox-wrap input.combobox-text.l{
	width: 139px;
}
div.combobox-container div.combobox-wrap input.combobox-text.xl{
	width: 189px;
}
div.combobox-container div.combobox-wrap input.combobox-text.xxl{
	width: 289px;
}

/*radio*/
div.widget-container div.checkbox-group-container div.widget-wrap,
div.widget-container div.radio-group-container div.widget-wrap{
	border: 0px none;
	display: inline-block;
}
div.checkbox-group-container div.widget-fieldlabel-wrap,
div.radio-group-container div.widget-fieldlabel-wrap{
	vertical-align: top;
	margin-top: 2px;
}
div.checkbox-group-container label.checkbox-group-fieldlabel,
div.radio-group-container label.radio-group-fieldlabel{
	height: 24px;
	line-height: 24px;
}
div.radio-group-container div.widget-wrap input[type=radio]{
	display: none;
}
div.combobox-container.multiple div.combobox-wrap ul.combobox-list span.icon,
div.checkbox-group-container div.widget-wrap label.checkbox-label span.icon,
div.radio-group-container div.widget-wrap label.radio-label span.icon{
	background: url(../images/widget-all.png) no-repeat -180px -90px;
	display: inline-block;
	height: 14px;
	width: 15px;
	/*padding-left: 24px;*/
}
div.radio-group-container div.widget-wrap label.radio-label span.icon{
	height: 13px;
	width: 13px;
	margin-right: 2px;
}
div.checkbox-group-container div.widget-wrap label.checkbox-label span.text,
div.radio-group-container div.widget-wrap label.radio-label span.text{
	padding-left: 8px;
}
div.radio-group-container div.widget-wrap label.radio-label:hover span.icon{
	background-position: -209px -90px;
}
/*div.radio-group-container div.widget-wrap:hover,
div.checkbox-group-container div.widget-wrap:hover{
	background-color: #e1f4be;
}*/
div.checkbox-group-container div.widget-wrap label.checkbox-label:hover span.text,
div.radio-group-container div.widget-wrap label.radio-label:hover span.text{
	color: #78af19;
}
div.radio-group-container div.widget-wrap label.radio-label.checked span.icon{
	background-position: -238px -90px;
}
div.checkbox-group-container div.widget-wrap label.checkbox-label:hover span.text,
div.radio-group-container div.widget-wrap label.radio-label.checked span.text{
}
div.radio-group-container div.widget-wrap label.radio-label.checked:hover span.icon{
	background-position: -267px -90px;
}
div.radio-group-container div.widget-wrap label.radio-label.disabled span.icon,
div.radio-group-container div.widget-wrap label.radio-label.disabled:hover span.icon{
}
/*checkbox*/
div.checkbox-group-container div.widget-wrap input[type=checkbox]{
	display: none;
}
div.combobox-container.multiple div.combobox-wrap ul.combobox-list span.icon,
div.checkbox-group-container div.widget-wrap label.checkbox-label span.icon{
	background-position: -367px -89px;
}
div.combobox-container.multiple div.combobox-wrap ul.combobox-list li.combobox-list:hover span.icon,
div.checkbox-group-container div.widget-wrap label.checkbox-label:hover span.icon{
	background-position: -398px -89px;
}
div.combobox-container.multiple div.combobox-wrap ul.combobox-list li.combobox-list.selected span.icon,
div.checkbox-group-container div.widget-wrap label.checkbox-label.checked span.icon{
	background-position: -430px -89px;
}
div.combobox-container.multiple div.combobox-wrap ul.combobox-list li.combobox-list.selected span.icon,
div.checkbox-group-container div.widget-wrap label.checkbox-label.checked:hover span.icon{
	background-position: -461px -89px;
}
div.combobox-container.multiple div.combobox-wrap ul.combobox-list li.combobox-list.disabled span.icon,
div.combobox-container.multiple div.combobox-wrap ul.combobox-list li.combobox-list.disabled:hover span.icon,
div.checkbox-group-container div.widget-wrap label.checkbox-label.disabled span.icon,
div.checkbox-group-container div.widget-wrap label.checkbox-label.disabled:hover span.icon{

}

div.checkbox-group-container.disabled div.widget-wrap label.checkbox-label span.icon{
	background-position: -524px -89px;
}
div.checkbox-group-container.disabled div.widget-wrap label.checkbox-label.checked span.icon{
	background-position: -493px -89px;
}

div.radio-group-container ul.radio-group-list-wrap li.radio-list label.radio-label,
div.checkbox-group-container ul.checkbox-group-list-wrap li.checkbox-list label.checkbox-label{
	height: 18px;
	line-height: 18px;
}

/*wizard*/
div.wizard-container div.process-flow-wrap span.bar{
	width: 95px;
	margin: 0 -12px;
}
div.wizard-container div.process-flow-wrap span.bar span.bar-inner{
	display: inline-block;
	width: 100%;
	height: 100%;
}
div.wizard-container div.process-flow-wrap span.bar,
div.wizard-container div.process-flow-wrap div.process-flow-step span.icon{
	background-color: #C9CACB;
}
div.wizard-container div.process-flow-wrap span.bar.processed span.bar-inner{
	background-color: #96CC42;
}
div.wizard-container div.process-flow-wrap div.process-flow-step span.icon{
	background: url(../images/widget-all.png) no-repeat -28px -84px;
	width: 24px;
	height: 24px;
	color: #B3B3B3
}
div.wizard-container div.process-flow-wrap div.process-flow-step.current span.text,
div.wizard-container div.process-flow-wrap div.process-flow-step.processed span.text{
	color: #96CC42;
}
div.wizard-container div.process-flow-wrap div.process-flow-step.current span.icon{
	background-position: -98px -84px;
}
div.wizard-container div.process-flow-wrap div.process-flow-step.processed span.icon{
	background-position: -65px -84px;
}
div.wizard-container div.process-flow-wrap div.process-flow-step.current.lst span.icon{
	background-position: -135px -84px;
}
div.wizard-container div.form-container{
	margin: 0 0 0 58px;
}

/*grid*/
div.panel-container.grid-panel{
	margin-left: 0;
	margin-right: 0; 
}
div.grid-container{
	border: 1px solid #ECECEC;
	border-left: 0px none;
}
div.grid-container div.grid-header-container table tr.grid-header-tr div.grid-header-checkbox div.widget-wrap,
div.grid-container div.grid-header-container table tr.grid-header-tr{
	background-color: #96CC42;
	color: #ffffff;
}
/*div.grid-container div.grid-header-container table th.grid-header div.grid-header-checkbox{
	margin-right: 8px;
}*/
div.grid-container div.grid-header-container table th.grid-header,
div.grid-container div.grid-content-container table td.grid-content-td{
	border-right: 1px solid #d9d9d9;
}
div.grid-container div.grid-header-container table th.grid-header:last-child,
div.grid-container div.grid-content-container table td.grid-content-td:last-child{
	border-right: 0px none;
}
div.grid-container div.grid-content-container table td.grid-content-td div.widget-container .widget-wrap{
	margin-left: 6px;
}
div.grid-container div.grid-content-container{
	position: relative;
	z-index: 1;
}
div.grid-container div.grid-content-container table{
}
div.grid-container div.grid-content-container table.grid-content-bg{
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
}
div.grid-container div.grid-content-container table.grid-content-bg td.grid-content-td,
div.grid-container div.grid-header-container table th.grid-header span.content,
div.grid-container div.grid-content-container table td.grid-content-td span.content{
	height: 28px;
	line-height: 28px;
}
div.grid-container div.grid-content-container{
	overflow-x: hidden;
	overflow-y: auto;
	border-top: 0px none;
}
div.grid-container div.grid-header-container table tr.grid-header-tr,
div.grid-container div.grid-content-container table tr{
	border-left: 1px solid #ECECEC;
}
div.grid-container div.grid-content-container table tr{
	cursor: pointer;
}
div.grid-container div.grid-content-container table tr.grid-content-tr:nth-child(even){
	background-color: #F7F9F2;
}
div.grid-container div.grid-content-container table tr.grid-content-tr:nth-child(odd){
	background-color: #ffffff;
}
/*div.grid-container div.grid-content-container table tr.grid-content-tr.selected,*/
div.grid-container div.grid-content-container table tr.grid-content-tr:hover{
	background-color: #ECF4D3;
}
div.grid-container div.grid-content-container table tr.grid-content-tr.editing{
	border: 1px solid #96cc42;
	border-bottom: 1px solid #d9d9d9;
}
div.grid-container div.grid-content-container table td.grid-content-td a.grid-content-btn{
	color: #4D4D4D;
	text-decoration: underline;
	margin: 0 5px;
}
div.grid-container div.grid-content-container table td.grid-content-td a.grid-content-btn:hover{
	color: #78AF19;
}

/*gridæ©å±*/
div.grid-container div.grid-header-container table th.grid-header label.checkbox-label,
div.grid-container div.grid-content-container table td.grid-content-td label.checkbox-label{
	cursor: pointer;
}
div.grid-container div.grid-content-container table tr.grid-content-tr:hover div.checkbox-group-container div.widget-wrap label.checkbox-label span.icon{
	background-position: -398px -89px;
}
div.grid-container div.grid-header-container table th.grid-header div.checkbox-group-container.selected div.widget-wrap label.checkbox-label span.icon,
div.grid-container div.grid-content-container table tr.grid-content-tr.selected div.checkbox-group-container div.widget-wrap label.checkbox-label span.icon{
	background-position: -430px -89px;
}
div.grid-container div.grid-header-container table th.grid-header div.checkbox-group-container.selected div.widget-wrap label.checkbox-label:hover span.icon,
div.grid-container div.grid-content-container table tr.grid-content-tr.selected:hover div.checkbox-group-container div.widget-wrap label.checkbox-label span.icon{
	background-position: -461px -89px;
}
div.grid-panel div.operation-container{
	margin-bottom: 15px;
	height: 24px;
}
div.grid-panel div.operation-container div.widget-container{
	display: inline;
}
div.grid-panel div.operation-container div.search-container{
	margin: 0;
	float: right;
	clear: both;
}
div.search-container span.search-wrap{
	border-radius: 5px;
	position: relative;
}
div.grid-panel div.operation-container div.search-container input.search-text{
	height: 20px;
	color: #cccccc;
	width: 123px;
}
div.grid-panel div.operation-container div.search-container span.pos{
	display: inline-block;
	width: 23px;
	height: 2px;
}
div.grid-panel div.operation-container div.search-container a.search-switch{
	background: url(../images/grid.png) no-repeat -4px -49px;
	display: inline-block;
	height: 24px;
	width: 24px;

	border-radius: 0 5px 5px 0;

	position: absolute;
	right: 0;
	top: 0;
	margin: -1px;
}
div.grid-panel div.operation-container div.search-container.focus span.search-wrap{
	border: 1px solid #96CC42;
}
div.grid-panel div.operation-container div.search-container.focus span.search-wrap input.search-text{
	color: #4D4D4D;
}
/*div.grid-panel div.operation-container div.search-container.focus span.search-wrap a.search-switch{
	background-position: -36px -49px;
}*/
div.grid-panel div.operation-container div.search-container span.search-wrap a.search-switch:hover{
	/*background-position: -68px -49px;*/
	background-position: -36px -49px;
	background-color: #96CC42;
}
div.grid-panel div.operation-container div.button-container{
	margin: 0;
}
div.grid-panel div.operation-container div.button-container button.button-button{
	margin: 0 5px;
}
div.grid-panel div.paging-container div.button-container button.button-button.page-btn,
div.grid-panel div.operation-container div.button-container button.operation-btn{
	min-width: inherit;
	height: 24px;
	width: 24px;
	margin: 0 5px;
	padding: 0;
}
div.grid-panel div.paging-container div.button-container button.button-button.page-btn{
	background: none;
	border: 1px solid lightgrey;
	border-radius: 0px;
	height: 20px;
	width: 24px;
	line-height: 12px;
}
div.grid-panel div.paging-container div.button-container button.button-button.page-btn:hover{
	color: #10ABE1;
}
div.grid-panel div.paging-container div.button-container button.button-button.page-btn span.icon,
div.grid-panel div.operation-container div.button-container button.button-button span.icon{
	background: url(../images/grid.png) no-repeat -1px top;
	display: inline-block;
	height: 15px;
	width: 15px;
}
div.grid-panel div.operation-container div.button-container button.button-button.fst{
	margin-left: 0;
}

div.grid-panel div.operation-container div.button-container button.button-button.middle{
	margin-left: 340px;
}

div.grid-panel div.operation-container div.button-container button.button-button. span.icon{
	background-position: -1px top;
}
/*div.grid-panel div.operation-container div.button-container button.button-button.btn-add:hover span.icon{
	background-position: -65px top;
}*/
div.grid-panel div.operation-container div.button-container.clicked button.button-button.btn-add span.icon{
	background-position: -33px top;
}

div.grid-panel div.operation-container div.button-container button.button-button.btn-delete span.icon{
	background-position: -17px top;
}
/*div.grid-panel div.operation-container div.button-container button.button-button.btn-delete:hover span.icon{
	background-position: -81px top;
}*/
div.grid-panel div.operation-container div.button-container.clicked button.button-button.btn-delete span.icon{
	background-position: -49px top;
}

div.grid-panel div.operation-container div.button-container button.button-button.btn-enable span.icon{
	background-position: -1px -14px;
}
/*div.grid-panel div.operation-container div.button-container button.button-button.btn-enable:hover span.icon{
	background-position: -65px -15px;
}*/
div.grid-panel div.operation-container div.button-container.clicked button.button-button.btn-enable span.icon{
	background-position: -33px -14px;
}

div.grid-panel div.operation-container div.button-container button.button-button.btn-disable span.icon{
	background-position: -17px -14px;
}
/*div.grid-panel div.operation-container div.button-container button.button-button.btn-disable:hover span.icon{
	background-position: -81px -15px;
}*/
div.grid-panel div.operation-container div.button-container.clicked button.button-button.btn-disable span.icon{
	background-position: -49px -14px;
}
div.grid-panel div.paging-container{
	margin: 5px 0;
}
div.grid-panel div.paging-container div.total-page-container{
	margin-right: 30px;
}
/*div.grid-panel div.paging-container div.total-page-container span.total-page-num{
	margin: 0 4px;
}
div.grid-panel div.paging-container input.text-text{
	height: 20px;
}*/
div.grid-panel div.paging-container div.button-container{
	margin: 0;
}
div.grid-panel div.paging-container div.button-container button.button-button.prevoius-page-btn{
	margin-left: 0;
}
div.grid-panel div.paging-container div.button-container button.button-button.prevoius-page-btn span.icon{
	background-position: -1px -29px;
}
div.grid-panel div.paging-container div.button-container button.button-button.next-page-btn span.icon{
	background-position: -16px -29px;
}
div.grid-panel div.paging-container div.button-container.clicked button.button-button.prevoius-page-btn span.icon{
	background-position: -33px -29px;
}
div.grid-panel div.paging-container div.button-container.clicked button.button-button.next-page-btn span.icon{
	background-position: -48px -29px;
}
div.grid-panel div.paging-container div.widget-container{
	margin: 0 2px 0 8px;
}
div.grid-panel div.paging-container div.info-container{
	float: right;
	clear: both;
}
/*div.grid-panel div.paging-container div.widget-container.btn-ok-container{
	margin-right: 0;
}
div.grid-panel div.paging-container div.widget-container.btn-ok-container button.button-button{
	height: 24px;
	min-width: inherit;
	width: 58px;
}*/
div.grid-panel div.paging-container div.button-container.current.clicked button.button-button,
div.grid-panel div.paging-container div.button-container.current button.button-button{
	border: 1px solid transparent;
	background-image: none;
	background-color: transparent;
	color: #4D4D4D;
}

div.AutoLine-Grid div.grid-content-container table{
	table-layout: fixed;
}

div.AutoLine-Grid div.grid-content-container table td.grid-content-td-name{
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all;
}

/*editor*/
div.grid-container div.grid-content-container table tr.editor-container{
	background-color: #ffffff;

	border: 1px solid #96cc42;
	border-top: 0px none;

	cursor: default;
}
div.grid-container div.grid-content-container table tr.editor-container.shaking{
	background-color: #ecf4d3;
}
div.grid-container div.grid-content-container table tr.editor-container div.editor-content-container{
	text-align: left;
	padding: 4px 0 4px 100px;

}
div.grid-container div.grid-content-container table tr.editor-container div.editor-buttons-container{
	margin-bottom: 22px;
}
div.grid-panel div.editor-buttons-container div.button-container{
	display: inline-block;
	margin: 0 5px;
}

/*msg*/
div.msg-container{
	box-shadow: 0 1px 2px #b7b7b7;
	border-radius: 5px;
	background: #ffffff;
	overflow: hidden;

	padding: 32px 50px;
}
div.msg-container a.msg-close{
	background: url(../images/widgets.png) no-repeat -1px -482px;
	border-radius: 50%;
	width: 22px;
	height: 22px;

	position: absolute;
	top: 16px;
	right: 16px;
}
div.msg-container a.msg-close:hover{
	background-position: -25px -482px;
}
div.msg-container h3.msg-title{
	font-size: 16px;
}
div.msg-container div.msg-btn-container{
	text-align: right;
}
div.msg-container div.msg-btn-container div.button-container{
	margin-left: 6px;
}

/*timepicker*/
div.timepicker-msg-container table.timepicker thead th{
	height: 32px;
}
div.timepicker-msg-container table.timepicker td{
	border: 1px solid #BFBFBF;
}
div.timepicker-msg-container table.timepicker td.fst{
	border: 0px none;
}
div.timepicker-msg-container table.timepicker  div.row-picker,
div.timepicker-msg-container table.timepicker div.timepicker-picker{
	display: block;
	height: 18px;
	width: 80px;
}
div.timepicker-msg-container table.timepicker  div.row-picker{
	width: 22px;
}
div.timepicker-msg-container table.timepicker thead th.week-picker,
div.timepicker-msg-container table.timepicker  div.row-picker,
div.timepicker-msg-container table.timepicker div.timepicker-picker{
	cursor: pointer;
}
div.timepicker-msg-container table.timepicker div.timepicker-picker.hover,
div.timepicker-msg-container table.timepicker div.timepicker-picker:hover{
	background-color: #ECF4D3;
}
div.timepicker-msg-container table.timepicker div.timepicker-picker.selected{
	background-color: #96cc42;
}
div.timepicker-msg-container div.x-axis{
	position: relative;
	z-index: -1;
}
div.timepicker-msg-container div.x-axis-wrap{
	position: absolute;
	top: -465px;
}
div.timepicker-msg-container div.x-axis span{
	display: block;
	height: 19px;
}

/********åè½é¡µé¢ç»èè°æ´**********/
div.panel-container.status-container{
	display: inline-block;
	margin: 0;
	margin-right: 20px;
	vertical-align: top;
}
div.panel-container.status-container div.panel-wrap h3.panel-title{
	border-bottom: 0px none;
	color: #4c4c4c;
}
div.panel-container.status-container#device-list{
	display: block;
}
div.panel-container.status-container#wireless-24g,
div.panel-container.status-container#wireless-5g{
	margin-bottom: 40px;
}






/**by ycf**/
textarea.dig{
	width:660px;
	height:120px;
}



/******  wireless    by SZZ    *************/
div#wpa-personal-2g, div#wpa-enterprise-2g, div#wep-2g{
	display: none;
}
div#wpa-personal-5g, div#wpa-enterprise-5g, div#wep-5g{
	display: none;
}
.bold{
	font-weight: bold;
}
form .no-label-align{
	margin-left: 26px;
}
.no-label-l{
	margin-left: 208px;
}
/*
.add-btn{
	background-image: url(../images/grid.png);
	display: inline-block;
	height: 23px;
	width: 23px;

	border-radius: 5px;
	border: 1px solid #B5B5B6;
	vertical-align: middle;
	
}
.add-btn{
	background-position: -2px -2px;
}
*/

a.link{
color: #0000FF;
text-decoration: underline;
}

p.note-no-label{
	margin-left: 170px;
	line-height: 21px;
}

div.mac-clone-value{
	margin-top: -86px;
	padding-left: 300px;
}

/*by cx æ¨¡åé¨åæ·»å ç¹æ®*/
/*region*/
div#global-region-container div.region-display{
	border-right: 1px dotted #cccccc;
	display: inline-block;
	
	
	vertical-align: top;
	height: 100%;
	width: 200px;
	padding: 0 18px;
}
div#global-region-container div.region-display.lst{
	border: none;
}
div#global-region-container div.region-display ul{
	margin-bottom: 40px;
}
div#global-region-container div.region-display ul li{
	list-style: none;
	margin: 8px 0;
	
}
div#global-region-container div.region-display ul li a.region{
	color: #10ABE1;
}


/*  by éæ???basic->wireless / basic->guestnetwork çcss */

div.titleCnt {
    padding-top: 30px;
    margin-left: 20px;
    margin-bottom: 15px;
    width: 680px;
    background: url("../images/xuxian3.png") repeat-x 0px 30px;
}

span.pageTitle {
    font-weight: bold;
    font-size: 18px;
    color: RGB(16, 171, 255);
    background-color: white;
    margin-left: 30px;
    padding: 0px 10px;
}

table#autoWidth {
    margin-left:  60px;
    width : 670px;
}
tr.cfg_line {
    line-height: 20px;
    padding: 5px 0px;
    vertical-align: middle;
}

td.td_title {
    top: 0;
    width: 188px;
    text-indent: 0;
    font-size: 12px;
    font-weight: bold;
    text-align:left;
    height: 30px;
}

td.column2 {
    text-align: left;
    width: 220px;
    height: 30px;
}
td.column3 {
    text-align: left;
    height: 30px;
}

div.submitBtn {

}
div.cfg_line {
    margin: 5px 0;
    margin-top: -28px;
    margin-left:253px;
}


div.cfg_line ul.btn-group {
    position: static;
    display: inline;
    margin: 0;
}

ul.btn-group{
	position: absolute;
	margin: -32px 0 0 255px;
	vertical-align: middle;
}

ul.btn-group li{
	display: inline-block;
   /* display: -moz-inline-stack;zoom:1;display:inline; */
	margin: 0 -1px;
}

textarea,
select.normal,
input.text{
	border: 1px solid #999999;
	height: 22px;
}

input.textNormal{
	width: 143px;
	border: 1px solid #999999;
	height: 22px;
}

select.textShort,
input.textShort{
	/*width:113px;*/
	width: 104px;
	border: 1px solid #999999;
	height: 22px;
}

select.textTime{
	width: 45px;	
}

select.textLL{
	width: 210px;	
}
input.textXLLL{
	width: 300px;
}
input.textXLL{
	width: 230px;
}
input.textLL{
	width: 208px;
}

select.textL,
input.textL{
	width: 168px;
}

select.textXS,
input.textXS{
	width: 68px;
}

select.textXXS,
input.textXXS{
	width: 40px;
}

input.textXXXS{
width: 30px;
}

td.btn-save {
    text-align:right;
    padding-right: 110px;
}

td.btn-save button{
    font-size: 14px;
}

td.Item {
    height: 28px;
}

td.column3 label.warning {
    color : #E00000;
/   font-weight:bold;
}

td.column2 label.warning {
    color : #E00000;
//    font-weight: bold;
    white-space: normal;
}

td.column3 label.tips {
    color : #0094BC;
//    font-weight:bold;
}

td.warning{
    color : #0094BC;
    white-space : normal;
    text-align : left;
}
//input[type="text"]:hover {border-color: #96CC42}
//input[type="password"]:hover {border-color: #96CC42}
//input[disabled="disabled"]:hover {border-color: #999}

/*  end  ****by éæ???basic->wireless / basic->guestnetwork çcss *********/

