li{
	margin: 10px 0;
}
a{
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
  display: inline-block;
}
a:visited{
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}
a:hover{
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #BBB;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}
#interfaceTable {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#interfaceTable td, #interfaceTable th {
    border: 1px solid #ddd;
    padding: 8px;
}
#interfaceTable th highlight{
    background-color: #005522;
}
#interfaceTable highlight{
    background-color: #005522;
}
#interfaceTable highlight th{
    background-color: #005522;
}
#highlight th{
    background-color: #005522;
}
#highlight {
    background-color: #005522;
}
highlight{
    background-color: #005522;
}
.highlight{
    background-color: #005522;
}
others{background-color: #006633;}



/** #interfaceTable tr:nth-child(even){background-color: #f2f2f2;}
 #interfaceTable tr:hover {background-color: #ddd;}**/

#interfaceTable th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #4CAF50;
    color: white;
}
#interfaceTable caption{
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #006633;
    color: white;    
    font-weight: bolder;
}
#newlink{
    color: white;    
}
.errBox {
	padding:10px;
	background-color:#F3F4E9;
	color: #f88;
	border:1px solid #CCCCCC;
	margin-bottom:5px;
	font-size:16px;
        font-weight: bold;
	text-align:left;
}
#errBox {
	padding:10px;
	background-color:#F3F4E9;
	color: #F88;
	border:1px solid #CCCCCC;
	margin-bottom:5px;
	font-size:16px;
	text-align:left;
}

#title {
	padding:10px;
	background-color:#F3F4E9;
	color: #888888;
	border:1px solid #CCCCCC;
	margin-bottom:5px;
	font-size:25px;
	text-align:center;    
}
.textarea {
	font-family:arial,helvetica,verdana,sans-serif;
	font-size:12px;
	color: #888888;
	width:100%;
	height:125px;
	border:1px solid #CCCCCC;
	overflow:auto;
	scrollbar-track-color: #CCCCCC;
	scrollbar-face-color: white;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: white;
	scrollbar-darkshadow-color: white;
	scrollbar-shadow-color: white;
	scrollbar-arrow-color: #888888;
}
#textarea {
	font-family:arial,helvetica,verdana,sans-serif;
	font-size:12px;
	color: #888888;
	width:100%;
	height:125px;
	border:1px solid #CCCCCC;
	overflow:auto;
	scrollbar-track-color: #CCCCCC;
	scrollbar-face-color: white;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: white;
	scrollbar-darkshadow-color: white;
	scrollbar-shadow-color: white;
	scrollbar-arrow-color: #888888;
}
#menuul
{
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
}
ul
{
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
}
input[type=text] {
    width: 130px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

/* When the input field gets focus, change its width to 100% */
input[type=text]:focus {
    width: 390px;
}

.tabcontainer
{
        float: left;
        width: 100%;
        border: 0px solid #000000;
        padding-top: 10px;
}
.tabnavcontainer ul
{
        background-color: #5F707A;
        border-bottom:1px solid #DFDFDF;
        border-top:1px solid #DFDFDF;
        margin:0pt;
        padding:4pt;
        width: auto;
}
.tabnavcontainer ul li
{
        display: inline;
        /*text-align: center;*/
}
.tabnavcontainer ul li a:hover
{
        background-color:#CCCCCC;
        color:#FFFFFF;
}
.tabnavcontainer ul li a
{
        border-right:1px solid #DFDFDF;
        background-color: #BBBBBB;
        font-weight: bold;
        color:#FFFFFF;
        /*float:left;*/
        min-height: 60px;
        padding-top: 10px;
        /*padding:10px;*/
        text-decoration:none;
}
.tabnavcontainer ul li a.tabcurrent
{
        border-right:1px solid #f00;
        background-color: #f00;
        font-weight: bold;
        color:#fff;
        /*float:left;*/
        min-height: 60px;
        /*padding:10px; this creates a strange */
        text-decoration:none;
}
#tabcontent
{
        min-height: 200px;
        padding-top: 80px;
        padding-left: 10px;
}
#preloader
{
        position: absolute;
        top: 150px;
        left: 100px;
        z-index: 100;
        padding: 5px;
        text-align: center;
        background-color: #FFFFFF;
        border: 1px solid #000000;
}