body{background-color:#000000; color:#DDD; text-align:center;}
a   {color:#0CF; text-decoration:none;}
a:hover { color: #ffffff; text-decoration:underline; } 

.main a { color:#00c; }

table{width:640px;}
td,th{padding:1px 8px;}
th   { background-color:#272d45; border:thin outset #607399; }

td table{ background-color:#445077;
          border:thin outset #90a0c0;
          font-size:90%;
          max-width:260px;
         text-align:center; }
th h2{ margin:8px 0px; }

.name{ background-color:#272d45; border:thin outset #607399;
         max-width:160px;
         padding:10px;
         text-align:left; }
td.ue  { background-color:#445077;
         border:thin outset #90a0c0;}
td.pr  { background:#353c61;
         border:thin outset #607399;
         max-width:220px; }
td.main{ background-color:#99a6c0;
         border:thin outset #d0d9e8;
         color:#0f0a1e; }
td.no  { background-color:#101926;
         border:thin inset #272d45;
         color:#272d45;
         font-size:80%; }

img.face{ width:70px; height:70px; float:left; }
img.i   { width:16px; height:16px; }

dd      { position:relative; right:20px; }

.small {font-size:small; margin-left:4px;}


@media screen and (max-width: 640px) {
 table{width:96%;}
 body{font-size:90%;}
}