body{
    scrollbar-base-color: #003300;
    scrollbar-track-color: #003300;
    scrollbar-face-color: #008000;
    scrollbar-shadow-color: #000000;
    scrollbar-darkshadow-color: #000000;
    scrollbar-highlight-color: #000000;
    scrollbar-3dlight-color: #000000;
    scrollbar-arrow-color: #000000;
    
    background: url('../img/parts/back.gif');
    margin: 0px;
}

td{
 font-size:10pt;
}

a{ 
 text-decoration:none;
 color: #666666;
}

a:hover{ 
 text-decoration:underline;
 color: #00AA00;
}

.displaytable{ width: 500px; }

.tblhead{
 height: 6px;
 background: url('../img/parts/top.gif') no-repeat;
 font-size: 0px;
}

.tblbody{
 text-align: left;
 background: url('../img/parts/body.gif') #FFF repeat-y;
 font-size: 10pt;
 padding: 4px;
 line-height: 130%;
}

.tblfoot{
 height: 6px;
 background: url('../img/parts/btm.gif') no-repeat;
 font-size: 0px;
}

.menu{
 height: auto;
 width: 180px;
 padding-top : 8px;
 padding-left: 8px;
}

.genre{
 background-color:#000000;
 color:#00FF00;
 font-size:10pt;
 padding: 1px;
 border: #00FF00 solid 1px;
 line-height: 200%;
}

.genre a{
 color: #00FF00;
 text-decoration: none;
 padding-right: 5px;
}

.genre a:hover{
 background-color: #00FF00;
 text-decoration: none;
 color: #000000;
 padding-right: 5px;
}


.box{
 border: 3px double #00FF00;
 background-color: #000000;
 color: #00FF00;
 margin-bottom: 2px;
 width: 155px;
}

.btn{
 border: 2px outset #00FF00;
 background-color: #000000;
 color: #00FF00;
}

.main{
 padding: 8px;
 text-align: center;
 height: 100%;
 overflow-y: scroll;
 overflow: auto;
}

.right{
 width: 30px;
 height: 100%;
 background: url('../img/parts/rightback.gif');
}

.selected{
 margin-left: -10px;
 color: #000;
 background: #0F0;
 font-size:10pt;
 padding: 1px;
 border: #000 solid 1px;
 line-height: 200%;
}

.selected a{
 color: #000;
 text-decoration: none;
 padding-right: 5px;
}

.selected a:hover{
 background-color: #000;
 text-decoration: none;
 color: #000;
 padding-right: 5px;
}