:root {
  --font: #333333;
  --buttonfont: #ffffff;
  --link: #333333;
  --link-hover:#009999;
  --link-visited: #666666; 
  --back: #ffffff;
  --content-back: #ffffff;
  --dark: #607D8B;
  --darklight: #6e98ac;
  --darkhover: #94c8e1;
  --soft-back: #f0f8ff;
  --input-border: #cccccc;
  --menu-selected: #ffdf81;
  --menu-hover:#aee6ff;
  --tab-border:#ebebeb;
  --tab:#6e98ac;
  --tab-selected:#fff;
  --tab-font:#fff;
  --tab-font-selected:inherit;
  --indent: 5px;
  --indentdbl: 10px;
  
}
* { box-sizing:border-box; }
body { margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:14px; color: #000000; background: var(--back); }
a { color:var(--link); text-decoration:none; }
a:hover { color:var(--link-hover); }
a:visited { color:var(--link-visited); }

.table { display:table; }
.table.mx { height:100%; width:100% }
.table.mxfull { height:100%; width:100%; position:absolute; left:0px; top:0px; }
.trow { display:table-row; }
.tcell { display:table-cell; vertical-align:top; text-align:left; padding:3px; }
.table.np .tcell { padding:0px; }
.tcell.mn { height:1px; }
.tcell.mw { width:1px; }
.tcell.np { padding:0px; }
.clearfix { clear:both; }
.left { float:left; }
.right { float: right; }

.tleft { text-align:left; }
.tright { text-align:right; }
.tcenter { text-align:center; }
.vup { vertical-align:top; }
.vmiddle { vertical-align: middle; }
.vbottom { vertical-align: bottom; }
.none { display: none;}
.block { display: block;}
.iblock { display: iblock;}
.inline { display: inline;}

.ww100 { width:100%; }
.hh100 { height:100%; }