html, body    { background:rgb(5, 100, 33); height: 100%; margin:0; padding:0; 
                color: rgb(204,242,242); font-family: Comic Sans MS; font-size:18px; }
.auth         { color: yellow; font-weight:bold; }
.error        { background:red; color:white; }
.mnuico       { height:24px; width:24px;}
.headimg      { height:80px;}
.btnlogout    { background:red; color:white;}
.trhead       { background:#101010; color:gold;}
.hl           { color:orange;}
a[href$=".js"]   {background:url(../_img/ico/js.gif)  transparent center left no-repeat; padding-left: 18px;}
a[href$=".pdf"] {background:url(../_img/ico/pdf.gif) transparent center left no-repeat; padding-left: 18px;}
a[href$=".zip"] {background:url(../_img/ico/zip.gif) transparent center left no-repeat; padding-left: 18px;}
a[href$=".odt"] {background:url(../_img/ico/odt.gif) transparent center left no-repeat; padding-left: 18px;}
a[href$=".csv"] {background:url(../_img/ico/csv.gif) transparent center left no-repeat; padding-left: 18px;}
a[href$=".sql"] {background:url(../_img/ico/sql.gif) transparent center left no-repeat; padding-left: 18px;}
a[href$=".svg"] {background:url(../_img/ico/svg.gif) transparent center left no-repeat; padding-left: 18px;}

#head         { background-image:url('../_img/bg.gif'); background-repeat:no-repeat;
                background-position-x:90%; background-position-y:10px; height:80px; text-align:center; }
#head H1      { font-size:36px; display:inline; }
#head H2      { font-size:16px; display:inline; }
#menu         { position: absolute; top:80px; width:20%; font-size: 1,5VW; }
#menu ul      { margin-left: 5px; list-style-image:url('../_img/menu.gif'); padding-left:25px; }
#menu li      { cursor:pointer; font-size:90%; }
#menu li  .act{ list-style-image:url('../_img/menuact.gif'); }
#menu li:hover{ font-weight:bold;  list-style-image:url('../_img/menusel.gif'); }
#content      { position: absolute; top:100px; left:230px; right:10px; }
#conthead     { font-size:32px; }
#foot         { position: fixed; left:10px; right:10px;  bottom: 0; color:white;
                border-top: 3px rgb(20,81,170) solid; font-size: 0.8em; text-align: center; }
a             { color: rgb(204,242,242); text-decoration: none; }
#highlight    { color: black; }
#highlight a  { background:white; color:black; }

#tabcsv       { }
#tabcsv .head { background:black; color:yellow; }
#tabcsv .even { background:#C0C0FF; color:black; }
#tabcsv  .odd { background:#8080FF; color:black; }

#tabsql       { }
#tabsql .head { background:black; color:white; }
#tabsql .even { background:#C0C0C0; color:black; }
#tabsql  .odd { background:#808080; color:black; }
#tabsql :hover{ background:#E0E0E0; color:black; }

#tabsmain     { padding:15px; border-color:white;                                    border-width:1px; border-style:solid; border-bottom-left-radius:5px;border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;                     border-top-right-radius:5px;                               -moz-border-radius-topright:5px}
.tab_noact    { padding:5px; padding-right:8px; padding-left:8px;border-color:white; border-width:1px; border-style:solid; margin-right:5px;float:left; border-bottom-style:none; position:relative; top:1px; padding-bottom:4px; background:darkgray; border-top-left-radius:5px;border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px}
.tab_activ    { padding:5px; padding-right:8px; padding-left:8px;border-color:white; border-width:1px; border-style:solid; margin-right:5px;float:left; border-bottom-style:none; position:relative; top:1px; cursor:default;                          border-top-left-radius:5px;border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px}

.confirm     {border-color:#03F; border-width:1px; border-style:dashed; padding:15px; background-color:#e00000}

svg                  { background:silver; }