html, body     { background:rgb(60,69,72); 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;}
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          { text-align:center; }
#head H1       { font-size:36px; display:inline; }
#head H2       { font-size:16px; display:inline; }
#menu          { position: absolute; top:80px; width:225px; }
#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:120px; 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; }
#tabsql .num   { text-align:right;}
#content H1    { display:inline;}
#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; }