<!--
html {
  padding: 0;
}
body {  
  font-family: Bitstream Vera Sans, Helvetica, Arial, sans-serif;
  background-color: #113355;
  /* background-color: #113366; */
  color: #000033;
  padding: 0;
}
a {  
  text-decoration: none; 
  white-space: nowrap;
}
/* a[href^="http://"]:after,
a[href^="https://"]:after {
    font-weight: bold;
    content: " [\2197]";
}
*/
A:link    { color: #006633; }
A:visited { color: #006600; }
A:active  { color: #cc0000; background: #ffcc00; }
a:hover {  
  color: #990000;
  text-decoration: underline; 
}
.small_chk { 
 width: 10px;
 height: 10px;
 border: 0px;
}
.small, .pt08 {  font-size: 8pt; }
.pt10 {  font-size: 10pt; }
.right { text-align: right; }
.left  { text-align: left; }
.center  { text-align: center; }
.right_small { 
  vertical-align:middle;
  text-align: right; 
  font-size: 8pt;
}
.right_middle { text-align: right; vertical-align:middle; }
.middle { vertical-align: middle; }
.top { vertical-align: top; }
.righttop { vertical-align: top; text-align: right; }
.rightborder { 
 text-align: right;
 border-right-color: black;
 border-right-width: thin;
 border-right-style: dotted;
}
.none {
 border: 0px;
 padding-left: 0px;
 padding-right: 0px;
 vertical-align: middle;
 background: #aaa;
}
input  {
 border: 1px solid #660000;
 vertical-align:middle;	
 text-align:left;
 padding-left:1px;
 padding-right:1px;
 background: #eeeef8;
 color : #330033;
}
button  {
  border: 0px solid #660000;
  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
  background: #aaa;
}
textarea  {
  border: 1px solid #660000;
  text-align: left;
  padding-left: 2px;
  padding-right: 2px;
  background: #eee;
  color : #330033;
}
select  {
  border: 1px solid #660000;
  vertical-align: middle;	
  text-align: left;
  padding-left:0px;
  padding-right:0px;
  background: #eeeef8;
  color : #330033;
}
table {
    border-collapse: collapse;
}
#maintable {
  margin-left: 10px;
  margin-right: 10px;
  border-left-color: black;
  border-left-width: thin;
  border-left-style: dotted;
  border-collapse: collapse;
}
td,tr {
  vertical-align: middle;
}
fieldset {
  border: 1px solid #000066;
  color: #000066;
}
.ol_bgclass {
  background: #666;
  margin: 0px;
  padding: 0px;
  padding-left: 2px;
  border-left: none;
}
.ol_fgclass {
  background: #666;
  margin: 0px;
  padding: 0px;
  padding-left: 0px;
  border-left: none;
}
img {
  border: 0px;
  padding: 0px;
  vertical-align: middle;
}
/* .tableborder -> der 'gefüllte' Rand der tabellen */
.tableborder {
  background: #aaa;
}
/* .tablehead -> 'befehlsteil im kopf der tabelle */
.tablehead {
  background: #ccc;
}
/* pagetitle is the title in the first line of the main table */
.pagetitle {
  color: #333333;
  font-weight: bold;
  vertical-align:middle;
  padding-left:8px;
}
.pagetitle:hover {
  color: #000000;
}
.subtitle {
  color: #333333;
  font-weight: bold;
  padding-left:12px;
}
.hidden_small {
  font-size: 10pt;  
  color: #333399;
  font-weight: normal;
}
.hidden_small_right {
  font-size: 10pt;  
  color: #333399;
  font-weight: normal;
  text-align: right;
}
.dvguser {
  font-weight: bold;
}
.blackbold {
  color: #000;
  font-weight: bold;
}
.black {
  color: #000;
  font-weight: normal;
}

/* cmd_background löst cmddark bzw cmdback ab. */
.cmd_background { /* obsolete */
  background: #aaa;	
}
.cmddark { /* obsolete */
  background: #aaa;	
}
.cmdback { /* obsolete */
  background: #aaa;	
}
.cmdinfo {
  background: #bbb;
}
.useroff {
  background: #c99;
}
.userdark {
  background: #ddd;
}
.userlight {
  background: #eee;
}
.userinfo {
  background: #eed;
}
.groupoff {
  background: #fcf;
}
.groupdark {
  background: #aaf;
}
.grouplight {
  background: #ccf;
}
.selected {
  background: #ffd;
}
.mark {
  background: #f9c;
}
.bbcsback {
  background: #bbd;
  padding-left:10px;
}
.bbcs {
  text-align: right;
  color: #300;
  padding-left:5px;
  background: #bbd;
}
.radiusback {
  background: #bcb;
  padding-left:10px;
}
.radius {
  text-align: right;
  color: #300;
  padding-left:5px;
  background: #bcb;
}
.dial {
  text-align: right;
  color: #300;
  padding-left:5px;
  background: #bbb;
}
.description {
  text-align: right;
  padding-left:5px;
  padding-right:5px;
  color: #300;
  background: #e0e0d0;
  vertical-align: top;
}
.description_small {
  text-align: right;
  padding-left:5px;
  padding-right:5px;
  color: #300;
  font-size: 8pt;
  background: #e0e0d0;
  vertical-align: top;
}
.description_left {
  text-align: left;
  padding-left:5px;
  padding-right:5px;
  color: #300;
  background: #e0e0d0;
  vertical-align: top;
}
.descriptionhead {
  text-align: right;
  padding-left:10px;
  padding-right:10px;
  color: #300;
  background: #e0e0d0;
}
.leftpadding {
  padding-left:14px;
}
.help:hover {
  background: #cf0;
}
.help {
  background: #eee;
  text-align: left;
  font-size: 10pt;
  padding-left:5px;
  padding-right:5px;
  color: #003;
  border-top-color: black;
  border-top-width: thin;
  border-top-style:dotted;
  vertical-align: top;
}
.padding_5 {
  padding-left:5px;
  padding-right:5px;
}
.padding_10 {
  padding-left:10px;
  padding-right:10px;
}
.value {
  background: #e0e0e0;
  text-align: left;
  padding-left:5px;
  padding-right:5px;
  color: #003;
  font-weight: normal; 
  vertical-align: middle;
}
.valuechanged {
  background: #fcc;
  text-align: left;
  color: #600;
}
.value_small {
  background: #e0e0e0;
  text-align: left;
  font-size: 8pt;
  padding-left:5px;
  padding-right:5px;
  color: #003;
  font-weight: normal; 
  vertical-align: top;
}
.backup { /* for Backup IP_net */
  background: #a0a0f0;
  text-align: left;
  font-size: 10pt;
  padding-left:5px;
  padding-right:5px;
  color: #003;
  font-weight: normal; 
  vertical-align: top;
}
.save  {
  border: 1px solid #003300;
  vertical-align:middle;	
  padding-left:5px;
  background: #ddffdd;
  color : #000066;
}
.delete  {
  border: 2px groove #330000;
  vertical-align:middle;	
  padding-left:5px;
  background: #ffdddd;
  color : #330000;
}
.info  {
  vertical-align:middle;	
  text-align:right;
  padding-left:5px;
  padding-right:5px;
  background: #e0e0e0;
  color : #000066;
}
.list  {
  border: 1px groove #003;
  vertical-align:middle;	
  text-align:left;
  padding-left:5px;
  background: #ddf;
  color : #006;
}
.lend  {
  padding-left:5px;
  padding-right:5px;
  background: #fc0;
}
.head { 
  font-weight: bold;
  color : #003;
}
.desc { 
  color : #003;
  text-align:right;
  background: #ccd;
  padding-left:5px;
}
.fg_black {
  color: #000;
  font-weight: bold;
  vertical-align:middle;
}
.black {
  color: #000;
}
.error {
  font-weight: bold; 
  color: #990000;
}
.error_small {
  font-weight: bold; 
  color: #990000;
  font-size: 8pt;
}
.own {
  font-size: 9pt;
}
.foreign {
  font-size: 9pt;
  background: #ffeecc;
}
.past {
  font-size: 9pt;
  background: #cbb;
}
.future {
  font-size: 9pt;
  background: #ffeecc;
}
.present {
  font-size: 9pt;
}
.bold {
  font-weight: bold; 
}
/* remarks */
.remark {
  vertical-align:top;
  font-size: 10pt;
  color: #963;
}
.remark_titel {
  font-weight: bold; 
}
.remark_background {
  background: #ccbbbb;
}
/* menu_bar -> Menu-bars on the top/bottom */ 
.menu_bar {
  display:block;
  position:fixed;
  background: #ccc;
  left:0px;
  z-index:1;
  padding:1px;
  padding-left:10px;
  font-size:14pt;
  right:0px;
}
/* menu_bar -> Menu-bars on the top/bottom */ 
.menu_bar_admin {
  display:block;
  position:fixed;
  background: #cdc;
  left:0px;
  z-index:1;
  padding:1px;
  padding-left:10px;
  font-size:14pt;
  right:0px;
}

.menu_bottom {
  position:fixed;
  top:auto;
  bottom:0px;
  left:0px;
  right:0px;
  z-index:1;
  padding-top:2px;
  padding-left:10px;

  background: #ccc;
  font-size:8pt;
}

.menu_bottom_admin {
  position:fixed;
  top:auto;
  bottom:0px;
  left:0px;
  right:0px;
  z-index:1;
  padding-top:2px;
  padding-left:10px;

  background: #cdc;
  font-size:8pt;
}

.content {
  display: block;
  position:relative;
  left: 0px;
  top: 20px;
}
.fixed {
  font-family: Courier New, monospace;
}
.over:hover {
  background:#efe;
}
.notactive {
  background:#fcc;
  text-decoration: line-through; 
}
.notactive:hover {
  background:#f66;
  text-decoration: line-through; 
}
#cust_box  {
  position:absolute;
  z-index:10;
  border: 1px solid #000066;
  border-top:none;
  background:#efe;
  padding:10px;
  display:none;
}
#cust_box ul  {
  padding:0 10px 0 10px;
  margin:0;
}
#cust_box li  {
  list-style:none;
  padding-left:0;
}
#change_host_box  {
  position:absolute;
  z-index:10;
  border: 1px solid #000066;
  border-top:none;
  background:#efe;
  padding:10px;
  display:none;
}
#change_host_box ul  {
  padding:0 10px 0 10px;
  margin:0;
}
#change_host_box li  {
  list-style:none;
  padding-left:0;
}
#change_device_box  {
  position:absolute;
  z-index:10;
  border: 1px solid #000066;
  border-top:none;
  background:#efe;
  padding:10px;
  display:none;
}
#change_device_box ul  {
  padding:0 10px 0 10px;
  margin:0;
}
#change_device_box li  {
  list-style:none;
  padding-left:0;
}
#change_location_box  {
  position:absolute;
  z-index:10;
  border: 1px solid #000066;
  border-top:none;
  background:#efe;
  padding:10px;
  display:none;
}
#change_location_box ul  {
  padding:0 10px 0 10px;
  margin:0;
}
#change_location_box li  {
  list-style:none;
  padding-left:0;
}
#location_box  {
  position:absolute;
  z-index:10;
  border: 1px solid #000066;
  border-top:none;
  background:#efe;
  padding:10px;
  display:none;
}
#location_box ul  {
  padding:0 10px 0 10px;
  margin:0;
}
#location_box li  {
  list-style:none;
  padding-left:0;
}
#loop_box  {
  position:absolute;
  z-index:10;
  border: 1px solid #000066;
  border-top:none;
  background:#efe;
  padding:10px;
  display:none;
}
#loop_box ul  {
  padding:0 10px 0 10px;
  margin:0;
}
#loop_box li  {
  list-style:none;
  padding-left:0;
}
.value_ok {
  background: #ddffdd;
}
.value_error {
  background: #ff9999;
}
.value_unknown {
  background: #ddddff;
}
.value_notchecked {
  background: #ffdd44;
}
.value_ajax {
  background: #ffcc99;
}
#changedevice {
  background: #df0;
}
#changedevice legend {
  background: #df0;
}
#changedevice table {
  margin-left: 0px;
  margin-right: 0px;
  border-left-style: none;
  border-width: 0px;
  border-collapse: collapse;
}

.ajax ul  {
  z-index:10;
  border: 1px solid #000066;
  padding:5px 5px 5px 5px;
  margin:0;
  background:#efe;
}
.ajax li  {
  list-style:none;
  padding-left:0;
}

.attr {
   font-family: monospace; 
   font-size: 12pt;
   font-weight: bolder;
   margin-left: 10px; 
    
}
.ripevalue {
   font-family: monospace;
   font-size: 12pt;
   font-weight: normal;
   margin-left: 10px; 
   margin-right: 10px; 
}
.red {
    color: #660000;    
}
.green {
    color: #006600;    
}
.blue {
    color: #00c;    
}
.monospace {
    font-family: monospace, courier;
}

/* Stuff for the autocomplete lists {{{ */
.hide {
    display:none;
}
.autocomplete {
    position: absolute;
    width: auto;
    background-color:#eef7ff;
    color:#03008f;
    border:1px solid gray;
    padding: 0px;
    margin:-1px 0 0;
    text-align:left;
    display:none; 
}
.autocomplete ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}   
                
.autocomplete ul li {
    list-style-type: none;
    display: block;
    margin: 0;
    padding:2px 4px;
    height: 1.1em;
}   
                                        
                                            
.autocomplete ul li.selected {
    background-color:highlight;
    cursor:pointer;
    color:HighlightText;
}   
/* }}} */
/* {{{  The new tabs stuff colors */
#submenu a,div.tab {
    color:#000;
    border:solid 1px gray;
    background-color:#e0e0d0;
}

#submenu a {
    background-color:#eee;
}

#submenu a.active {
    color:#000;
    border-bottom-color:#e0e0d0;
    background-color:#e0e0d0;
    z-index:5;
}

#submenu a:hover {
    color:#000;
}

#submenu a {
    color:#999;
    text-decoration:none;
    display:inline;
    margin:0 0 0 1ex;
    padding:2px 1ex;
}

div.tab {
    margin:2px 0ex 0px 0;
    padding:1ex 1ex 0;
}
/* flow */
#submenu li {
    display:inline;
    width:0;
    height:0;
}


* html .tab div.clear {
    clear:none;
    height:14em;
}

#submenu,#submenu * {
    margin:0;
    padding:0;
}

div.box,p.box,table.userlist {
    border:1px solid #ccc;
    background-color:#e6eef6;
    color:#000;
    margin:1em 0 30px;
    padding:0;
}

div.box h2 {
    margin-left:0.5em;
}
.inline,table.list label,p.box label,form#formaddrelatedtask label {
    display:inline !important;
}


/* }}} */

-->