body { position: relative; z-index: 0; background: #FFFFFF; font-size: 12px; font-family: Verdana, Arial; }
body.TopBody  { background: #FFFFFF; }
body.leftBody { background: #F5F5DC; }
form { margin: 0px; }
select { font-family: Verdana; }
select.enableSel,.portSel,.QoSSel { width:80; }
select.speedSel { width:100; }
select.LLDPSel  { width:250; }
tr.trLineOn  { background: #c5ceda; text-align: center; cursor:  default;}
tr.trLineOff { background: #EEEEEE; text-align: center; cursor:  default;}
td   { font-size: 12px; font-family: Verdana, Arial; }
.tdPageTitle   { color: #2F4F4F; font-weight: bold; font-size: 20px; text-align: center; }
.tdTopButton   { text-align: right; height: 20px; vertical-align: middle;}
.tdTopHead     { background: #DADADA; text-align: center; font-weight: bold;} 
.tdTopHeadEdit { background: #778899; text-align: center; font-weight: bold; color: #FFFFFF;} 

.tdLeftHead    
{ 
background: #C5CEDA; 
text-align: left; 
font-weight: bold;
width: 150px;
text-align:right;
} 
.tdLeftHeadigs    
{ 
background: #C5CEDA; 
font-weight: bold;
text-align:right;
} 
.tdBody        { background: #F0F0F0; } 
.tdBottomEdit  { background: #DDDDDD;} 
.tabLogout  { position: absolute; visibility: hidden; z-index: 2; background: rgb(255,255,255); width: 212; border: solid; border-width: 1; border-color: rgb(19,99,147); cursor: pointer;}
.tabContent { width: 90%; }
.tabSimple  { position: relative; left:12;}
.ButtonSmall{
border:1px solid;
    border-color:#4F6887 #4F6887 #01253F #4F6887;
    padding:2px 3px 3px 3px;
    font:bold 11px verdana,sans-serif;
    color:#FFFFFF; 
	 background: url("images/bg_button.gif");
    text-decoration:none;
    margin:0px;
	width:100px; 
	height:24px;
	cursor: pointer;
	}
	
.btnText         { 
border:1px solid;
    border-color:#4F6887 #4F6887 #01253F #4F6887;
    padding:2px 3px 3px 3px;
    font:bold 11px verdana,sans-serif;
    color:#FFFFFF; 
	 background: url('bg_button.gif');
    text-decoration:none;
    margin:0px;
	height:24px;
	cursor: pointer;}
.btnTextLong     { border:1px solid;
    border-color:#4F6887 #4F6887 #01253F #4F6887;
    padding:3px 3px 3px 3px;
    font:bold 11px verdana,sans-serif;
    color:#FFFFFF; 
	 background: url('bg_button.gif');
    text-decoration:none;
    margin:0px;
	width:120px; 
	height:24px;
	cursor: pointer; }
.btnAll     { border:1px solid;
    border-color:#4F6887 #4F6887 #01253F #4F6887;
    padding:2px 3px 3px 3px;
    font:bold 11px verdana,sans-serif;
    color:#FFFFFF; 
	 background: url('bg_button.gif');
    text-decoration:none;
    margin:0px;
	width:50px; 
	height:24px;
	cursor: pointer; }
th { color: #000000; font-weight: bold; font-size: 16px; font-family: Verdana, Arial; text-align: left;} 
th.thLoginHead { color: #FFFFFF; background: #778899; font-weight: bold; font-size: 18px; font-family: Verdana, Arial; text-align: center;} 
input.flatIP{ background: rgb(255,255,255); font-size: 12px; font-family: Verdana, Arial; text-align: right; 
          width: 33; border: solid; border-width:1; border-color:steelblue;} 
input.flatL { background: rgb(255,255,255); font-size: 12px; font-family: Verdana, Arial; text-align: left; 
          width: 140; border: solid; border-width:1; border-color:steelblue;} 
input.flatR { background: rgb(255,255,255); font-size: 12px; font-family: Verdana, Arial; text-align: right; 
          width: 140; border: solid; border-width:1; border-color:steelblue;} 
input.longL { background: rgb(255,255,255); font-size: 12px; font-family: Verdana, Arial; text-align: left; 
          width: 220; border: solid; border-width:1; border-color:steelblue;} 
input.shortR { background: rgb(255,255,255); font-size: 12px; font-family: Verdana, Arial; text-align: right; 
          width: 50; border: solid; border-width:1; border-color:steelblue;} 
input.shortL { background: rgb(255,255,255); font-size: 12px; font-family: Verdana, Arial; text-align: left; 
          width: 50; border: solid; border-width:1; border-color:steelblue;} 
input.flatBrowse { font-size: 12px; font-family: Verdana, Arial; }