@charset "utf-8";
@media all{

html{
	min-height:100%;
	height:auto;
}

body{
	background:#f1f1f1; /* #EDEBE3; #221A1F;  */ 
	color:#333;
	/*padding:0.6em 20px 3em 20px;*/
	padding-bottom:3em;
	margin:0; 
}
	
body, div, h2, h3, h4{ /* redundant rules for bad browsers  */  
    font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:   x-small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:small;
	color:#333;
}

*{
	margin:0;
	padding:0;
}

.about_info{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size  :10pt;
}

.about_info a{
	color:#11306A;
	text-decoration:none;
}
	
a img{
	border:none;
	text-decoration:none;
}

small{
	white-space:nowrap;
}
	
.logo{
	margin-bottom:20px;
}
	
.common-logo{
	height:40px;
}


#common-logo{
	max-height:60px;
	margin-top:0.6em;
	height:expression_r(this.height > 200 ? "200px" : (this.height+"px"));	
}	


ul.tabmenu{
	margin:0;
	clear:both;
	display:block;
	vertical-align:bottom;
	font-size:10pt;
	padding:5px 0 0 5px;
}
	
div.tabmenu{
	position:relative;
	height:3em;
	width:45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}
ul.tabmenu li{
	float:left;
	display:block;
	overflow:hidden;
}

ul.tabmenu li a{
	text-decoration:none;
	color:#444444;
	display:block;
	padding:3px 8px;
	margin:0 2px;
	line-height:1.3em;
	border:1px solid transparent;
	border-bottom:none;
	font-size:85%;
}

ul.tabmenu li.active a{
	font-weight:bold;
	color:#000000;
	background:#f5f5f5;
	border:1px solid #AAAAAA;
	border-bottom:none;
}

ul.tabmenu li a:hover{
	color:#444444;
	border-color:#444444;
}

ul.l1{
	margin:0;
	padding:0;
	position:absolute;
	bottom: -0.4px; /*-1px;*/
	width:60em;
}

ul.l1 li{
	display:inline;
	list-style:none;
}
ul.l1 a,ul.l1 span,ul.l1 a.current{
	width:8em;
	display:block;
	float:left;
	padding:4px 0;
	margin:1px 2px 0 3px;
	text-align:center;
	font-family:tahoma, verdana, sans-serif;
	font-size:0.9em;
	text-decoration:none;
	color:#333;
	border:1px solid #4977DB;
}

ul.l1 a{
	background:#2D3A54;
	border:1px solid #6D88BD;
	color:#ffffff;
	border-bottom:none;
}

ul.l1 li a{
	background:#2D3A54;
	border:1px solid #6D88BD;
	color:#ffffff;
	border-bottom:none;
}

ul.l1 li.tabmenu-item-logout a{
	margin-left:30px;
}

ul.l1 span,ul.l1 a.current,ul.l1 a.active,ul.l1 a.current:hover{
	border:1px solid #4977DB;
	border-bottom:none;
	background:#2E509A;
	color:#ffffff;
	padding-bottom:6px;
	margin-top:0;
}
	
ul.l1 li a.selected {
	color:#ffffff;
	background:#2E509A;
	bottom: -0.3px;
}
	
ul.l1 a:hover {
	margin-top:0;
	border-color:#2E509A;
	background:#2E509A;
	padding-bottom:5px;
	color:#ffffff;
}

ul.l2{
	clear:both;
	position:absolute;
	margin:0;
	padding:0;
	bottom:-1.4em;
	left:1px;
	width:68em;/*width:65em;*/
   	overflow:hidden;
}

ul.l2 li{
	display:inline;
	list-style:none;
}

ul.l2 a,ul.l2 span{
	width:auto;
	display:block;
	float:left;
	padding:0 10px;	
	margin:0;
	border:none;
	border-right:1px dotted #AAA;
	background:none;
}
	
ul.l2 li a{
	color:#A7C1ED;
	font-family:tahoma, verdana, sans-serif;
	font-size:0.9em;	
	text-decoration:none;
}

ul.l2 a.selected{
	color:#ffffff;
}

ul.l2 li a:hover{
	color:#F2F4F7;
	background:transparent;
	padding:0 10px;
	border:none;
	border-right:1px dotted #AAA;
	text-decoration:underline;
}

ul.l2 li a:active{
	color:#000;
	background:transparent;
}
	
ul.l2 li:last-child a{border:none;}

ul.l3				
{
	clear:both;
	position:absolute;
	margin:0;
	padding:0;
	bottom:-4.4em;
	left:1px;
	/*width:65em;  a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	width:68em;
}

ul.l3 li{
	display:inline;
	list-style:none;
}

ul.l3  li a, ul.l3  li span{
	width:auto;
	float:left;
	display:block;
	padding:5px 10px;
	margin:0;
	color:#8B8B8B;
	border:none;
	font-family:tahoma, verdana, sans-serif;
}

ul.l3 li a.selected{
	color:#1E448B;
	font-weight:bold;
	text-decoration:underline;
	background:transparent;
}

ul.l3 li a:active{
	color:#1E448B;
	font-weight:bold;
	background:transparent;
}
	
ul.l3 li a:hover{
	text-decoration:underline;
	color:#000000;
}

ul.l4{
   clear:both;
   position:absolute;
   margin:0;
   padding:0;
   bottom:-6.4em;
   left:1px;
   width:60em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

ul.l4 li{
   display:inline;
   list-style:none;
}

ul.l4  li a, ul.l4  li span{
   width:auto;
   float:left;
   display:block;
   padding:5px 10px;
   margin:0;
   color:#1E4444;
   border:none;
   font-family:tahoma, verdana, sans-serif;
   font-size:8pt;
}

ul.l4 li a.selected
{
   color:#1E448B;
   font-weight:bold;
   text-decoration:underline;
   background:transparent;
}

ul.l4 li a:active{
   color:#1E448B;
   font-weight:bold;
   background:transparent;
}
   
ul.l4 li a:hover
{
   text-decoration:underline;
   color:#000000;
}

/* active menu start */
.floating-menu0 li a.selected{
	color: #000000 !important;
	background-color: #a3b8e2 !important;
}

ul.floating-menu0 li,
ul.floating-menu1 li,
ul.floating-menu2 li{
   display: block;
   position: relative;
   float: left;
}

li.menuHover:hover ul.floating-menu2 { 
	display: block !important;
	position: absolute;
}

li ul.floating-menu0 {
	display: none;
	top: 24px; 
	left:0; 
}

.floating-menu0 li a:link, .floating-menu0 li a:visited { 
	display:block;
	text-decoration:none; 
	width:120px;
	height:15px; 
	padding-left:5px;
	text-align:left;
	margin-left: 1px;
	margin-right: 0.3px;
	margin-top: -1px;
	white-space: nowrap;
	background-color: #a3b8e2;
}

.floating-menu0 li a:hover {
	color: #ffffff !important;
	background-color: #6889ce !important;
}
.floating-menu0 a {
	color: #000000 !important;
	background-color: #a3b8e2;
	border-color: #ffffff !important;
	border-bottom: 1px solid #a3b8e2 !important;
}
.arrow-icon {
	background:#a3b8e2 url('../resources/cbi/arrow.gif') no-repeat right !important;
}
/* active menu end */

abbr,
acronym{
	font-style:normal;
	font-variant:normal;
}

abbr[title],
acronym[title]{
	border-bottom:1px dotted;
	cursor:help;
}

a:link abbr[title],
a:visited abbr[title],
a:link acronym[title],
a:visited acronym[title]{
	cursor:pointer;
}

code{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	white-space:pre;
}

#maincontent ul{
	margin-left:3em;
}

.warning{
	color:red;
	background-color:transparent;
	font-weight:bold;
}

.clear{clear:both;}

.skiplink,
.navigation,
.hidden{
	position:absolute;
	left:-1000px;
	top:-1000px;
	width:0px;
	height:0px;
	overflow:hidden;
	display:inline;
}

div.hostinfo{
	float:left;
	margin:0;
	padding:0;
	width:auto;
	font-size:80%;
	padding:0.5em;
}

#modemenu{
	width:auto;
	background:#000000;
	color:#ffffff;
	list-style:none;
	margin-right:1px;
}

#modemenu li{
	float:right;
	list-style:none;
}

#savemenu{
	float:right;
	margin-right:2em;
}

/*textarea*/
#syslog{
	width:98%;
	min-height:500px;
	border:3px solid #cccccc;
	padding:5px;
	margin-top:0.5em;
	font-family:monospace;
}

#unsaved{
	position:absolute;
}

#maincontainer{
	clear:both;
	width:96%;
	margin:0 auto;
}

#maincontent{
	padding:1.5em;
	padding-top:1em;	
	border-top:1px solid #ffffff;
 	background:url('altai.gif') repeat-x top left;
	background-position:0 -204px;
	background-color:#ffffff;
	min-height:300px;
}

#main{
	border-top:1px solid #4977DB;
	border-left:1px solid #dadada;
	border-right:1px solid #dadada;
	border-bottom:2px solid #dadada;
	clear:both;
	background:#2E509A;	
	padding-top:2em;	
}

#maincontent h2{
	color:#1249be;
    background-color:#E8ECF1;
	font-weight:bold;
	font-size:13.5pt;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	text-align:center;
	padding-bottom:2px;
	border-bottom:1px solid #AABFD7;	
}

#maincontent h3{
	margin:0.5em 0 1.1em 0;
	font-size:125%;
	font-weight:bold;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#27408B;
}

#maincontent h4{	
	color:#1249BE;
	font-weight:bold;
	font-size:14px; 
	font-family:Arial; 
	text-align:left;
	margin-bottom:5px;
	margin-top:0em;
	padding:2px 0px;
	border-bottom:2px solid #1249BE !important
}

#maincontent p{
	margin-bottom:1em;
}

#wrapper{
	margin-left:auto;
	margin-right:auto;
	width:76em;

}

#toprightinfo{
	float:right; 
	font-size:0.76em; 
	position:absolute; 
	right:20px;
	top:30px;
}

#toprightinfo p{
	margin:2px;
	text-align:right;
	color:#999999;
}

#rightinfo{
	position:absolute;
	right:0;
	top:5px;
	font-size:0.76em; 
	margin:2px;
}

#rightinfo p{
	margin:0;
	text-align:right;
}

#rightinfo p.reboot a{
 color:#84002E;
 font-weight:bold;
 font-size:1.5em;
 text-decoration:none;
}

#rightinfo p.reboot a:hover{
	text-decoration:underline;	
}

#rightinfo p.alarm a{
 color:#B80028;
 text-decoration:none;
}

#rightinfo p.alarm a:hover{
	text-decoration:underline;
}

.logout{
	color:#000000;
	font-weight:bold;
	text-decoration:underline;
	font-size:1em; 
}
	
.cbi-section{
	margin-bottom:0.5em;
	/*margin-top:0.5em;*/
	padding:0.25em 0.5em;
	border:none;
	background-color:#ffffff;
	color:#000000;
	clear:left;
}

.cbi-section legend, div #cbi-section-title{
	font-size:100%;
	font-weight:bold;
	height:1em;
	/*padding:0.5em 0.25em;*/
	background-color:transparent;
	color:#555555;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}

.cbi-section h2{
	margin:0em 0 0.5em -0.5em !important;
}

.cbi-section h3{
	text-decoration:none !important;
	font-weight:bold !important;
	color:#555555 !important;
	margin:0.25em !important;
	font-size:100% !important;
}

.cbi-section-descr{
	margin-bottom:0.5em;
	font-size:95%;
	display:inline;
}

.cbi-section-descr input{
	float:right;
}

div.cbi-layout{
	width:75%;
	margin:auto;
}

div.cbi-columnlayout{
	width:100%; 
	float:left;
}

div.cbi-columnlayout-middle{
	width:99%; 	
	margin:2px 2px 0px 0px; 
	padding:0px; 
	text-align:left;
}
	
div.cbi-columnlayout-left{
	float:left;
	width:49%; 	
	margin:2px 2px 0px 0px; 
	padding:0px; 
	text-align:left;
}

div.cbi-columnlayout-right{
	float:right; 
	margin:2px 0px 2px 0px;
	text-align:left;
	width:49%; 
}

div .cbi-columnlayout-left div.cbi-value-field, 
div .cbi-columnlayout-right div.cbi-value-field{
	width:61% !important;
}
	
.cbi-title-ref{
	color:inherit;
	text-decoration:none;
	padding-right:18px;
	background:url('../resources/cbi/link.gif') no-repeat scroll right center;
	background-color:inherit;
}
	
.cbi-column-right{
   width:100%;
   margin:0;
}

#cbi-footer{
	clear:both;
	width:100%;
	padding:0px;
	height:60px;
}

.cbi-footer input,
.cbi-footer a{	
	float:right;	
	margin-right:1em;
	margin-top:1em;
	margin-bottom:1em;
}

.cbi-column-right .head{
  font-size:9.5pt;
  font-weight:bold;
  color:#1249be;
  background-color:#E8ECF1;
  font-family:Tahoma,Arial,Helvetica;
  margin-top:5px;
  padding-bottom:2px;
  text-align:center;
  border-right:3px solid #AABFD7;
}

.cbi-column-right .change{
   text-align:center;
}

.cbi-column-right .term{
   font-weight:bold;
   font-size:0.86em;
}

.cbi-column-right p{
   font-size:0.84em;
   text-align:left;
}

.cbi-unit{
   text-align:left;
   font-size:0.85em;
   color:#161616;
   font-family:Tahoma,Arial,Helvetica; 
   min-height:1em;
}

ul.cbi-apply{font-size:90%;}

input[type=submit],
input[type=reset],
input[type=image],
input[type=button]{
	cursor:pointer;
}

select,
input,
textarea{
	background:#eeeeee;
	color:#000000;
	border-width:1px;
	border-color:#000000;
}

input[type=image]{border:none;}

input:focus,
input:hover,
select:focus,
select:hover,
textarea:focus,
textarea:hover{
	background-color:#ffffff;
	color:#000000;
}

select,
input[type=text],
input[type=password]{
	width:78%;
}

td input[type=text],
td input[type=password]{
	width:72%;
}

td select{
	width:73%; /*display wireless mode fullname on ff brower */
}

input.cbi-input-user{
	/*background:url('../resources/cbi/user.gif') no-repeat scroll 1px center;*/
	background-color:inherit;
	color:#000000;
	/*text-indent:17px;*/
}

input.cbi-input-password{
	/*background:url('../resources/cbi/key.gif') no-repeat scroll 1px center;*/
	background-color:inherit;
	color:#000000;
}

input.cbi-input-add,
input.cbi-button-add,
input.cbi-input-fieldadd,
input.cbi-button-fieldadd,
input.cbi-input-reset,
input.cbi-button-reset,
input.cbi-input-save,
input.cbi-button-save,
input.cbi-input-apply,
input.cbi-button-apply,
input.cbi-input-link,
input.cbi-button-link,
input.cbi-button-back,
input.cbi-button-upload,
input.cbi-input-apply-install{
	border-right:#7b9ebd 1px solid; 
	padding-right:8px;
	border-top:#7b9ebd 1px solid; 
	padding-left:8px; 
	font-size:0.9em;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); 
	border-left:#7b9ebd 1px solid; 
	cursor:hand; 
	color:black; 
	padding-top:4px; 
	padding-bottom:4px;
	border-bottom:#7b9ebd 1px solid;
}

input.cbi-input-button{
	font-size:12px;
	padding:4px 8px;
	border:1px solid #7B9EBD;
	cursor:hand;
}

input.cbi-input-button-disabled,
input.cbi-input-button-disabled a{	
	font-size:12px;
	padding:4px 8px;
	border:1px solid gray;
	color:gray;
	background-color:inherit;
	cursor:not-allowed;
}

.cbi-input-invalid{
	background-image:url('../resources/cbi/reset.gif');
	background-repeat:no-repeat;
	background-position:right;
	color:#FF0000 !important;
	border-color:#FF0000;
}
	
.cbi-input-listbox{
   background-color: #ffffff;
   text-align: left;
   vertical-align:top;
   border-style: solid;
   overflow:auto;
   width:78%;
   height:100px;   
   border-width:1px;
   border-color:#000000;  
}

.cbi-input-listbox-item{
   font-weight: normal;
   text-align:left;
   margin-left:1px;
   vertical-align: middle;
   overflow:hidden;
   text-overflow:ellipsis; 
}

div.cbi-section-remove input{
	border-bottom:none;
}

textarea{
	width:98%;
	margin-left:-1px;
	margin-bottom:0.5em;
}

form > div > input[type=submit],
form > div > input[type=button],
form > div > input[type=reset]{
	float:right;
	margin-left:0.5em;
}

table td,
table th{
	color:#000000;
}

table.smalltext{
	background:#f5f5f5;
	color:#000000;
	border-top:1px solid #666666;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	font-size:90%;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
}

table.smalltext tr:hover td{
	background-color:#bbddee;
	color:#000000;
}

table.smalltext tr th{
	padding:0 0.25em;
	border-left:1px solid #666666;
	text-align:left;
}

table.smalltext tr td{
	padding:0 0.25em;
	border-top:1px solid #666666;
	border-left:1px solid #666666;
}

table.cbi-section-table .cbi-rowstyle-1,
table.cbi-section-table .cbi-rowstyle-1>*{
	background-color:#eeeeff;
	color:#000000;
	/*word-wrap:break-word;
	word-break:break-all;*/
}
	
.cbi-section .cbi-rowstyle-1 h3{
	background-color:#eeeeff;
	color:#555555;
}

.cbi-rowstyle-2{
	color:#000000;
	/*word-wrap:break-word;
	word-break:break-all;*/
}

div.cbi-value{
	clear:left; 
	text-align:left;
	vertical-align:middle;
	padding:0.25em;
	border-style:none;
	width:100%;
}

div.cbi-value:hover{
	background:#f8f8f8;
	color:#000000;
}

.cbi-value-title{
	float:left;
	text-align:right;
	width:40%;
	line-height:1.8em;
	margin-left: -1em;
	margin-right:1em;
	font-weight:bold;
	color:#161616;
	font-family:Arial;
	font-size:12px; 
	min-height:2em;
	display:inline;
}
	
div .cbi-value-field{
	width:380px;
	margin-left:40%;
	padding:0.25em 0;
}
	
div.cbi-home-field{
	width:307px;
	margin-left:40%;
	padding:0.25em 0;
}

.cbi-value-description{
	font-size:90%;
	display:inline; 
	color:#999999 !important;
}
	
div.cbi-ip-description{
	float:left;
	font-size:90%;
	display:inline;
	color:#999999;
	width:72%;
}

div.cbi-section-create{
	clear:left;
	white-space:nowrap;
	vertical-align:top;
}

div.cbi-tblsection-create{
	border-bottom:none;
}

div.cbi-section-create .cbi-button{
	margin:0.25em;
}

input.cbi-section-create-name{
	margin-right:-0.25em;
	width: 100px;
}

div.cbi-map-descr{
	margin-bottom:3em;
}

div.cbi-optionals{
	padding:0.25em;
}

div.cbi-section-remove{
	float:right;
}

.cbi-section-node{
	clear:both;
	border-style:none;
	padding-bottom:0;
	padding-top:0.5em;
}

.cbi-section-node table div{
	padding-bottom:0;
	border-style:none;
	/*white-space :nowrap ;*/
}

table.cbi-section-table{
	width:100%;
	font-size:95%;
	font-family :Tahoma,Arial,Helvetica;
	border-style:none;
	margin-top:5px;
	border:0;
}

table.cbi-groupsection-table{
	width:100%;
	font-size:95%;
	font-family :Tahoma,Arial,Helvetica;
	border-style:none;
	margin-top:5px;
	border:0;
}

.cbi-section-table-fristcell-title{width:auto;}

table.cbi-section-table th,
table.cbi-section-table td,
table.cbi-groupsection-table td{
	text-align:center;
	font-family :Tahoma,Arial,Helvetica;
}
	
table.cbi-section-table td{	
  font-size :9pt;
  font-weight :normal;
}

tr.cbi-section-table-descr th{
	font-weight:normal;
	font-size:90%;
	font-family :Tahoma,Arial,Helvetica;
}
	
tr.cbi-section-table-titles th{
	font-size :9.5pt;
	font-weight :bold;
	color :#1249be;
	background-color :#EFEFF7;	 
	font-family :Tahoma,Arial,Helvetica;
	text-align :center;		
	border-bottom :1px solid #ADBED6;
}
	
.cbi-section-table-header{
	font-size :9.5pt;
    font-weight :bold;
    color :#1249be;  
    font-family :Tahoma,Arial,Helvetica;
    text-decoration :none;
}

th.cbi-section-table-cell a:hover{
    text-decoration:underline;
    color:#1249be;
}
	
.cbi-section-table-cell {
	text-align :center;
}
	
.cbi-section-table-folder{
	text-align:left;
	background-image:url('../resources/cbi/link.gif');
}

.cbi-section-table-file{
	text-align :left;
	background-image :url('../resources/cbi/add.gif');
}

td.cbi-section-table-optionals{
	text-align:left !important;
	padding-top:1em;
}

div.cbi-error{
	font-size:95%;
	font-weight:bold;
	color:#ff0000;
	background-color:#ffffff;
}

div.cbi-value-error-description{
	float:left;
	font-size:95%;
	font-weight:bold;
	color:#ff0000;
	background-color:#ffffff;
	width:72%;
}

td.cbi-value-error{border-color:red;}

.cbi-value-error input,
.cbi-value-error select{
	color:red;
	background-color:#ffcccc;
}

.cbi-value-error div{color:red;}

div.cbi-value-warning{
   color:red;
}

.cbi-section-error{
	color:red;
	background-color:white;
	font-size:95%;
	border:1px dotted red;
	margin:3px;
	padding:3px;
	clear:both;
}

ul.cbi-tabmenu{
	/*padding:3px 0;*/
	padding-top:6px;
	padding-bottom:1px;
	margin-left:0 !important;
	margin-bottom:-1px;
	list-style-type:none;
	margin-right:6px;
	height:1.4em;
}

ul.cbi-tabmenu li.cbi-tab,
ul.cbi-tabmenu li.cbi-tab-disabled{
	display:inline;
	margin:0;
	position:relative;
}

ul.cbi-tabmenu li.cbi-tab a,
ul.cbi-tabmenu li.cbi-tab-disabled a{
	text-decoration:none;
	padding:3px 7px;
	margin-right:3px;
	border:1px outset #000000;
	border-bottom:none;
	background-color:#EEEEEE;
	color:#BBBBBB;
}

ul.cbi-tabmenu li.cbi-tab-highlighted a{
	color:#000000;
	background-color:#FFEEAA;
}

ul.cbi-tabmenu li a:hover{
	color:#000000;
}

ul.cbi-tabmenu li.cbi-tab a{
	position:relative;
	top:1px;
	padding-top:4px;
	color:#000000;
	background-color:#FFFFFF;
}

div.cbi-tabmenu{display:inline;}

div.cbi-refresh{
    display:inline;
    float:right;
}

div.cbi-tab-descr{
	/*background-image:url(/luci-static/resources/cbi/help.gif);*/
	background-position:0.25em 50%;
	background-repeat:no-repeat;
	border-bottom:1px solid #CCCCCC;
	margin:0.25em 0.25em 2em;
	padding:0.5em 0.5em 0.5em 2em;
}

.right{text-align:right;}

.luci{
	position:fixed;
	bottom:0;
	left:0;
	text-align:right;
}

.luci a:link,
.luci a:visited{
	background-color:transparent;
	color:#666666;
	text-decoration:none;
	font-size:70%;
}

.inline{display:inline;}

#error500{
	white-space:normal;
	border:1px dotted #ff0000;
	background-color:#ffffff;
	color:#000000;
	padding:0.5em;
}

.errorbox{
	border:1px solid #FF0000;
	background-color:#FFCCCC;
	padding:5px;
	margin-bottom:5px;
}

.uci-change-list{font-family:monospace;}

.uci-change-list ins,
.uci-change-legend-label ins{
	text-decoration:none;
	border:1px solid #00FF00;
	background-color:#CCFFCC;
	display:block;
	padding:2px;
}

.uci-change-list del,
.uci-change-legend-label del{
	text-decoration:none;
	border:1px solid #FF0000;
	background-color:#FFCCCC;
	display:block;
	font-style:normal;
	padding:2px;
}

.uci-change-list var,
.uci-change-legend-label var{
	text-decoration:none;
	border:1px solid #CCCCCC;
	background-color:#EEEEEE;
	display:block;
	font-style:normal;
	padding:2px;
	word-wrap:break-word; 	/* For Bug #5622,IE5.5 + proprietary attributes */
	width:825px;
	overflow:auto; /*for firefox*/
}

.uci-change-list var ins,
.uci-change-list var del{
	/*display:inline;*/
	border:none;
	white-space:pre;
	font-style:normal;
	padding:0px;
}

.uci-change-legend{
	padding:5px;
}

.uci-change-legend-label{
	width:150px;
	float:left;
	font-size:80%;
}

.uci-change-legend-label>ins,
.uci-change-legend-label>del,
.uci-change-legend-label>var{
	float:left;
	margin-right:4px;
	width:10px;
	height:10px;
	display:block;
}

.uci-change-legend-label var ins,
.uci-change-legend-label var del{
	line-height:6px;
	border:none;
}

/* for ip address control */
div.ip{
	float:left;
    border:none;
    font-size:12px;
    width:82.5%; /*width:80%;*/
}

div.fld{
    float:left;
    width:20%;
    border-right:#7b9ebd 1px solid; 
	border-top:#7b9ebd 1px solid; 
	border-left:#7b9ebd 1px solid; 
	border-bottom:#7b9ebd 1px solid
}

div.fld input{
    border:none;
    width:100%;
}

div.fldDot{
    float:left;
    width:4%;
    font-weight :bold;
}
/* end for ip address control */

.smallredprompt{
	font-size:9pt;
  	color:#ff0000;
  	font-family :Tahoma,Arial,Helvetica
}

.textstyle{
	font-style:oblique;
	color:#ff0000;
	font-size :9pt;
}

.normalblack{
  font-size:10pt;
  font-weight:bold;
  color:#161616;
  font-family:Arial,Helvetica;
}

.dependemptytips{
	font-style:oblique;
	text-align:center;
	font-size:10pt;
}

.text_title{
	text-align:center;
	color:#000000;
	font-size:9pt;
	font-weight:bold;
	background-color:#E8ECF1;
	font-family:Tahoma,Arial,Helvetica;
	padding-bottom:2px;
	border-bottom:1px solid #AABFD7;
}

.text-align:center{
	background-color:#ffffff;
	text-align:center;
}

.signal_bar{
	border: 1px solid #80C31C !important;
	background-color: #ffffff;
	padding: 1px;
	width: 100px;
	text-align: left;
	position:relative;
}

.signal_bar_rate{
	background-color: #BCDD5A;
	height: 1.1em;
	margin: 0;
	padding: 0;
}

.signal_bar_rate_text{ 
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 2px;
	text-align: center;
	width: 100px;
	white-space: nowrap;
	font-size: 0.84em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

#dynlistItem{
	align:right;
	white-space:nowrap;
	width:98%;
	vertical-align:middle;
	/*padding-left:12px;*/
}

td input[type=ipaddr]{width:52px;}

.hr{
	filter:alpha(opacity=100,finishopacity=0,style=3);
	color:#987cb9; 
}

.cbi-input-list_text{width:3em;}

.cbi-input-textarea{width:78%;}

.cbi-qvalue{
	clear:left; 
	text-align:middle;
	padding:0.25em;
	border-style:none;
	width:7em;
	display:inline;
}
	
.cbi-qvalue-title{
	text-align:middle;
	width:auto;
	line-height:1.8em;
	font-weight:bold;
	color:#161616;
	font-family:Tahoma,Arial,Helvetica; 
	min-height:2em;
}

div.cbi-qvalue-field{
	width:auto;
	padding:0.25em 0;
}

.cert-install{text-align:left;}
	
.cbi-groupvalue-field{
	/*padding:0.25em 0 !important;*/
	margin-left:40%;
	width: 253px !important;
}
	
.cbi-groupvalue-table{
	border-spacing:0px !important;
}

.cbi-groupvalue-helpicon{
	margin-left: 10px;
	vertical-align:top;
}
	
.cbi-value-helpicon{
	vertical-align:bottom;
}
	
.content_update-text{
	border:1px solid black; 
	width: 100%;
	height:200px;
	background-color:#ffffff;
	resize:none;
}

.styletitle{background-color:#FFFF00;}

.awrt_df_graph{
	width:99%;
	height:700px;
	border:1px solid #000000;
	background-color:#FFFFFF;
	margin-top:0.5em;
}

.underline-inhalt{
	text-decoration:underline;
	color:blue;
	cursor:hand;
}
	
.none-underline-inhalt{
	text-decoration:none;
	cursor:default;
}

.cbi-word-break{
	word-break:break-all !important;
	word-wrap:break-word !important;
}
	
.cbi-flort-word-break{
	word-break:break-all !important;
	word-wrap:break-word !important;
	text-align:left;
	display:inline-block;
	margin-left:0% !important;
}

.checkbox-show{color:#333 !important;}

.view-value-title{
	line-height:1.8em;
	margin-right:1.8em;
	min-height:2em;
	white-space:nowrap;
	color:#161616 !important;
	vertical-align:top;
}
	
.view-value-field{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:9pt;
	padding:0.25em 0;
	color:#333;
	word-break:break-all !important;
	word-wrap:break-word !important;
	vertical-align: top;
}
	
.view-itemlist-title{
	font-size:14px;
	color:#333333;
	white-space:nowrap;
}
	
.view-title-bar{
	width:100%;
	clear:left;
	display:inline;
	color:#0000FF;
	font-weight:bold;
}

.title-bar-left{
	font-family:Arial;
	float:left;
	font-size:14px;
	color:#EE7621;
}
	
.title-bar-right{
	text-align:right;
	font-weight:normal;
	text-decoration:underline;
	color:#0000FF;
}
	
#overview-content{
	font-family:Arial !important;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	color:#333333;
	background-color:ghostwhite;
	padding:7px 3px;
	border:solid 1px gainsboro;
	width:100%;
	height:100%;
}

.win-bar-title{
	font-size:14px;
	color:#EE7621;
	padding-bottom:3px;
	text-align:center;
}

.horizontal-dotted-line{
	border-top:1px dashed #999999;
	height:1px;
	overflow:hidden;
	margin-bottom:3px;
	margin-top:3px;
}

.overview-left-table{
	border:2px solid #1249BE;
	border-radius:7px;
	width:100%;
}

.cbi-section-border{
	border:thin solid gray;
}

.cbi-element-grayout-on .cbi-input-text, 
.cbi-element-grayout-on .cbi-input-select, 
.cbi-element-grayout-on div.cbi-value-field, 
.cbi-element-grayout-on div input[type=ipaddr], 
.cbi-element-grayout-on div input[type=text], 
.cbi-element-grayout-on div textarea{
	color:gray; border-color:gainsboro;
}

.input-grayout{
	color:gray; border-color:gainsboro;
}
	
.cbi-element-grayout-on img.cbi-image-button{
	display:none;
}

.cbi-element-grayout-off .cbi-input-text,
.cbi-element-grayout-off .cbi-input-select,
.cbi-element-grayout-off div.cbi-value-field,
.cbi-element-grayout-off div input[type=ipaddr],
.cbi-element-grayout-off div input[type=text], 
.cbi-element-grayout-off div textarea{
	color:#161616;
	border-color:#000000;
}

.cbi-field-icon{
	width:16px;
	height:16px;
}

#cbi-apply-uci-apply-img{
	width:32px;
	height:32px;
	vertical-align:middle;
}

.cbi-groupsection-table-row-th{
	white-space:nowrap;
}

.cbi-groupsection-table-row-th h3{
	text-align:left;
}

.cbi-section-node table div.fld{
	border-right: #7b9ebd 1px solid;
	border-top: #7b9ebd 1px solid;
	border-left: #7b9ebd 1px solid;
	border-bottom: #7b9ebd 1px solid;
}

.cbi-section-node table div.fld input{
	width:100%;
}

.cbi-section-node table div.ip{
	width:100%;
}
	
.object-wordnowrap{white-space:nowrap;}

.overview-more{
	color:#0000FF !important;
	font-weight:normal;
}

.hover-tip{
	position:relative;
	text-decoration:none;
	width:121px;
	text-align:center;
	height:21px;
	line-height:21px;
}

.hover-tip span {
	display:none;
}

.hover-tip:hover span {
	display:block;
	position:absolute;
	top:30px;
	left:60px;
	width:130px;
	border:1px solid #ff0000; 
	background:#fff;
	color:#000;
	padding:5px;
	text-align:left;
}

.overview-network-type{
	font-weight:bold;
	color:#1249BE !important;
	font-size: 12px;
}
	
#top-right-navigation {
	position: absolute;
	right:0px;
	top:-20px
}

.cbi-row-head-title {
	font-weight:bold !important;
	white-space:nowrap !important;
	color: #333 !important;
}

.pwidget
{
  width:100%;
  margin:auto;
}

.progressbar
{
  padding:1px;
  background-color:white;
  border:1px solid black;
  margin:auto;
  height:2em;
}

.indicator
{
  width:0px;
  background-color:#BCDD5A;
  height:2em;
  margin:0;
}

.progressnum
{
   text-align:center;
   margin:2px;
   width:100%;
   white-space:nowrap;
   font-size:0.84em;
   font-weight:bold;
   font-family:Arial, Helvetica, sans-serif;
}
	
#progress-desc {
	color: #000000;
	font-size: 13px;
}
	
#progress-img {
	vertical-align:middle;
}

div.signal-level-indicator ul
{
	list-style:none;
	margin-right: 0px !important;
	margin-left: 0px !important;
	padding: 0px;
	width: 50%;
	text-align:center;
}
div.signal-level-indicator, 
div.signal-level-indicator ul li
{
	float:left;
	margin-bottom: -5px;
}
div.signal-level-indicator
{
    margin-left:1px; 
	margin-right:1px;
	width:68px;
}
.signal-level-text-item
{
	margin-top:52px;
}
#signal-level-description
{
	margin-top: 5px;
	font-size: 90%;
	color: #999999 !important;
}

.highlight-blue-text {
	color:rgb(0, 191, 255);
	font-weight:bold;
}

#notify-container {
	position: relative;
	left: 0;
	top: 0;
	color: #E44D26 !important;
	font-size: 100%;
	font-weight: 700;
	text-align: center;
	width: 100%;
	z-index: 100;
	padding: 5px 0;
	background-color: #ffffe1;
}

div.cbi-section-special-option {
	float: right;
}

input.wireless_led_input {
	width: 37px;
}


.text_blue{
	font-weight:bold !important;
	color:rgb(0, 191, 255) !important;
}

.cbi-section-table-row-left td, .cbi-section-table-row-left th{
   text-align: left !important;
}

.float-right { 
   float:right;
}

h3.text-blue {
	color: #1249be !important;
   background-color: #eeeeff !important;
   font-family: Arial, 'Microsoft Yahei', Simsun, sans-serif !important;
}

.layout-slider {
	width: 75%;
	/*margin-left: 15px;*/
}

.cbi-submit-right {
	float: right;
	margin-left: -60px;
	margin-top: 5px;
	position: relative;
}

.cbi-help-info {
	position:relative;
}

.cbi-help-info img{
	cursor: pointer;
	margin-bottom: -2px;
}

.cbi-help-info span{
    display: none;
    position: absolute;
    left: 5px;
    color: #595959;
    text-align: left;
    padding: 3px 5px;
    border: 1px solid #A8A8A8;
    white-space: nowrap;
    z-index: 10000;
}

.gradient{
    background: #fff;
    background: -moz-linear-gradient(top,  #fff 0%, #DBDBDB 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#DBDBDB));
    background: -webkit-linear-gradient(top,  #fff 0%,#DBDBDB 100%);
    background: -o-linear-gradient(top,  #fff 0%,#DBDBDB 100%);
    background: -ms-linear-gradient(top,  #fff 0%,#DBDBDB 100%);
    background: linear-gradient(to bottom,  #fff 0%,#DBDBDB 100%);
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); 
}

.round {
    border: 1px solid #dedede;
    -moz-border-radius: 4px;      /* Gecko browsers */
    -webkit-border-radius: 4px;   /* Webkit browsers */
    border-radius:4px;            /* W3C syntax */
}

#empty-data-tips{
	display: none;
    width: 90%;
    height: 300px;
    border: 1px solid #000000;
    padding: 5%;
    background-color: #FFFFFF;
    text-align: center;
    line-height: 250px;
    margin-top: -16px;
}

.emb {
	width: 90%;
    height: 300px;
    border: 1px solid #000000;
    padding: 5%;
    background-color: #FFFFFF;
}

.emb-hidden {
	width: 90%;
    height: 0;
    border: 0;
    padding: 0;
}

.field-disable {
	color: gray;
    border-color: gainsboro;
    cursor: not-allowed;
}

}/*@media end*/