/* types */

body { color: white;
       background-color: black;
       font-family: Arial, Helvetica, sans-serif;
     }

a:link    { color: white; }
a:visited { color: white; }
a:hover   { background-color: #444455; }
a:active  { background-color: #777799; }

img       { padding: 2px;
            transition: all .4s ease-in-out;
            transform: none; 
            position: relative;
          }
img:hover { transform: scale(1.7, 1.7) rotate(5deg);
            z-index: 10;
          }

table.xmenu { border-style: solid;
              border-width: 2px;
              border-color: gray;
              border-radius: 10px;
              box-shadow: 8px 8px 8px #444444;
              padding: 2px;
              margin-left: auto;
              margin-right: auto;
              text-align: center;
              background: black;
              width:50%;
            }

td.xmenu       { transition: all .4s ease-in-out;
                 transform: none;
               }
td.xmenu:hover { transform: scale(1.4, 1.4); }

table.xform { border-style: solid;
              border-width: 2px;
              border-color: #cccccc;
              border-radius: 20px;
              box-shadow: 8px 8px 8px #444444;
              padding: 2px;
              margin-left: auto;
              margin-right: auto;
              text-align: center;
              background: #7777bb; 
            }

pre { width: 100%; overflow: auto; }

/* classes */

img.notrans       { transform:none; }
img.notrans:hover { transform:none; }

div.banner {
  background: url(IMG/banner.jpg);
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  height: 80px;
  background-position: center; 
  background-repeat: no-repeat;
  background-size: 90%;
}

.waitall   { clear: both;     }
.waitleft  { clear: left;     }
.waitright { clear: right;    }

/* no scroll bar */

::-webkit-scrollbar { 
   display: none; 
}