/* site.css */

body, td { background-color: #660000; color: white;
 font-weight: bold; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; }

.row { width: 100%; clear:both; }
.col { float: right; clear:left; height: 100%; padding-left: 7px; padding-top: 7px; }

/* ul is in use as menu */
ul {list-style: none; margin-left: 0;padding-left: 0; font-size: 8pt; }
a { color: white; text-decoration:none; }
a:hover { text-decoration: underline; }
a img { border: 0; width: 180px; height: 120px; margin-bottom: 6px;}
a img.hoster { width: 75%; height: auto;}

#outer { height: 230%; width: 100%; }
#left     { width: 19%; float:left; background-color: #990000;}
#midright { width: 59%; overflow-y: auto; overflow-x: hidden; }
#right    { width: 18%; padding-right: 4px;}
#top {}
#middle { height: 78%; }
#bottom   {  }

#top img { width: 100%; }

.centered { width: 100%; display:block; margin: 0 auto 0; text-align: center;}
.vscroll { overflow-y:auto; overflow-x:hidden; }
.pushed { color: #333; } /* to signal a button was pushed */

.info { font-size:7pt; text-align: center; padding: 5px;  }
.remark { font-size:7pt; font-style:italic; text-align: center; padding: 5px; }
.proud { font-size: x-large; color: #66FF00; }
.milestone { text-decoration:blink; } 
.fineprint { font-size: 8pt; font-weight: normal; }

dt { text-align: center; }
dd { margin-left: 0;}
dd { padding-left:0;}

/* every 'menu' has its own style hook */

/* page: home */

.home { text-align: center; }
.home p { margin-bottom: 1em; }
.home img { width: 335px; height:223px; margin: 0; padding: 0;}
/* page: find */

.find input,
 .find select,
 .find textarea { background-color: #990000; color: white; width: 85%;}

/* page: upload */

.upload ul { list-style: disc; font-weight: normal; font-size: 9pt; font-style: italic; }
.upload li { text-indent: -6px;}
/* -- not limited to the upload page,
.upload input,
 .upload select,
 .upload textarea { background-color: #990000; color: white; width: 85%; display: block; }
*/
 .upload .other * { background-color: #335EA8; }

/* all these controls should look like this */
input,
select,
textarea { background-color: #990000; color: white; width: 85%; display: block; }

/* page: results */

.result a { font-size: smaller; text-decoration: underline; }
table.results { width: 572px; border: 1px solid black; background-color: #990000; }
table.results td { text-align: left; border: 1px solid black; background-color: #990000;
 height: 12px; font-size:9px; font-weight: normal; padding:0;}
table.results td.preview { width: 335px; height:200px; }
table.results a { font-size: 9px; }
table.results a img { width: 335px; height:223px; margin: 0; padding: 0;}
tr.data td { background-color: #cc0000; }
.results .col1 { width: 121px; }
.results .col2 { width: 82px; }
.results .col3 { width: 108px; }
.results .col4 { width: 208px; }
.results .col5 { width: 52px; }

/* page: admin */

.admin input,
.admin select,
.admin textarea { width: auto; display: inline;}
.admin td { background-color: #990000; }
.admin .selected * { background-color: #660000; color: white;}
/* tab menu implementation */
.menu a       { color: white; text-decoration: none; margin:0; padding:0 8px 0; 
  border: 1px solid #aaa;        background-color: #cc0000; }
.menu a:hover { background-color: #990000; }
.menu a.current {
 border-bottom: 1px solid #990000; background-color: #990000; }
.tabsheet { margin:0; padding: 5px; 
 border-top: 1px solid #990000;    background-color: #990000; height:86%; overflow:auto; }

/* page: contact */

.contact td { vertical-align: top; }