/**
 * Text colors:
 * Light gray: #797c80  
 * Black: #000000
 *
 */  
body{
  background-color:#121212;
  padding:0;
  margin:0;
}
body,th,td,div{
  color:#000000;
  font-family:Verdana;
  font-size:12px;
}
h1,h2,h3{
  padding:0px 0px 5px 0px;
  margin:0;
}
h1{ font-size:1.6em; font-family:Tahoma,Arial; }
h2{ font-size:1.2em; }
h3{ font-size:1.2em; }
img{ border-width:0px; }
a{ color:#0000FF; text-decoration:none; }
a:hover{ color:#FF0000; }
input.delbtn{ color:#ff0000; font-weight:bold; }
input.lineedit{ width:500px; padding:3px; font-size:12px; font-family:monospace;
          border-width:1px; border-color:#cccccc; border-style:solid; }
input.filterbox { width:200px; padding:5px 5px 5px 25px; font-size:12px; font-family:monospace;
          border-width:1px; border-color:#cccccc; border-style:solid; }
p.hdesc{ color:#797c80; padding:0px 0px 20px 0px; margin:0px; }

/* Firefox only! I love firefox ;-) */
select.item option{ background-position:0; background-repeat:no-repeat; padding:3px 0px 3px 23px; }
select.user option{ background-image:url("icons/user.png"); }
select.group option{ background-image:url("icons/group.png"); }
select.accesspath option{ background-image:url("icons/accesspath.png"); }


fieldset{
  margin:0 0 1em 0;
  padding:0.5em 0.5em 0.5em 0.5em;
  border:1px #cccccc solid;
}

fieldset ol{
  padding:1em 1em 0 1em;
  list-style:none;
}

fieldset li{
  padding-bottom:1em;
  float:left;
  clear:left;
  width:100%;
}

fieldset.formsubmit{
  float:none;
  width:auto;
  background-color:#d0e6ff;
}

fieldset label{
  position:relative;    
  float:left;
  width:10em;
  margin-right:1em;
  text-align:right;
}

fieldset label strong{
  display:block;
  color:#FF0000;
  font-size:0.8em;
  font-weight:normal;
}

div#main{
  width:90%;
  margin-left:auto;
  margin-right:auto;
}

div#header{
  text-align:center;
  margin-top:10px;
}

div#languages{
  text-align:right;
  margin-top:10px;
  font-size:11px;
}

div#topnav{
  background-color:#333;
  border-width:1px;
  border-color:#555;
  border-style:solid;
  padding-top:15px;
  padding-bottom:7px;
  margin-bottom:10px;
  margin-top:10px;
  text-align:center;
  font-size:11px;
  height:30px;
}

div#topnav a{
  color:#fff;
  text-decoration:none;
  padding:20px 12px 19px 12px;
}

div#topnav a:hover{
  color:#000;
  text-decoration:none;
  background-color:#D0F700;
}

div#topnav img{
  border:0;
  margin-right:3px;
}

div#contentarea{
  background-color:#ffffff;
  border-width:1px 1px 1px 1px;
  border-color:#cccccc;
  border-style:solid;
  margin-bottom:10px;
}

div#textarea{
  margin:10px 10px 0px 10px;
  padding:0px 0px 10px 0px;
}

div#bottomarea{
  text-align:center;
  font-size:11px;
}

table.datatable{
  border-collapse:collapse;
  width:100%;
  margin-bottom:50px;
}

.trbase{
  background-color:#ffffff;
}

.tralt{
  background-color:#f3f3f3;
}

table.datatable th{
  border:1px #ececec solid;
  background-color:#efefef;
  font-weight:bold;
  height:30px;
}

table.datatable td{
  border:1px #ececec solid;
  padding:2px;
}

table.datatable tfoot{
}

table.datatable select{
  width:100%;
  height:15em;
}

div.datatablesearch{
  padding:5px;
}

.errormsg {background:#FFCECE url(../images/cross_circle.png) no-repeat 8px center ;border:1px #DF8F8F solid;}
.okmsg {background:#D5FFCE url(../images/tick_circle.png) no-repeat 8px center ;border:1px #9ADF8F solid;}
.hintmsg {background:#DBE3FF url(../images/information.png) no-repeat 8px center;border:1px #A2B4EE solid;}
.errormsg, .okmsg, .hintmsg {color:#000;text-align:center;padding:8px 6px 8px 36px;margin:0 20px 5px 20px;position:relative;display:none;}