html, body   { background:rgb(120,137,145); 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; }
a[href^="http://"]  { background: url('../_img/extlink.gif') transparent center left  no-repeat;  padding-left: 22px;}
a[href^="https://"] { background: url('../_img/extlink.gif') transparent center left  no-repeat;  padding-left: 22px;}

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/bghead.gif'); background-repeat:no-repeat;
             background-position:right; height:100px; 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: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; }

.trhead         { background:black;}

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

#rss2        { }
#rss2 .head { background:black; color:yellow; }
#rss2 .even { background:#FFFFD0; color:black; }
#rss2  .odd  { background:#FFFFC0; 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; }
.sda {background:yellow; color:black;}
.scl {background:lime;   color:black;}
tt {background:black; color:white; }
.confirm     {border-color:#03F; border-width:1px; border-style:dashed; padding:15px; background-color:#e00000}
.src                {background:black; color:white; font-family:Courier-New;}
svg                  { background:silver; }
#mtop                  { position: absolute; top:75px; left:220px; margin: 5px; font-size:16px; }
#mtop ul ,#mtop li { display: inline; }
#mtop li               {}
#mtop li:hover     { color:red; }
.mtop_il             { background: url(../_img/mtop_il.png);              height:23px; }
.mtop_ic             { background: url(../_img/mtop_ic.png);              height:23px; }
.mtop_ir             { background: url(../_img/mtop_ir.png)  no-repeat;   height:23px; }
.mtop_al             { background: url(../_img/mtop_al.png);              height:23px; }
.mtop_ac             { background: url(../_img/mtop_ac.png); color:black; height:23px; }
.mtop_ar             { background: url(../_img/mtop_ar.png)  no-repeat;   height:23px; }