﻿body {
  font-family: arial, sans-serif;
  font-size: 10px; 
  color: black;
  margin-top: 2px;
  }

a:hover { text-decoration: none; color: Blue; }    
a:link { text-decoration: none; color: #0066cc; }    
a:visited {text-decoration: none; color: #0066cc; }

body, td, th {
  font-size: 83%;
  }
h2 {
  font-size:100%;
  font-weight:bold;
  margin-bottom:2px;}
p {
  margin-top:0px;
  }
h1.hosting {
  font-size:150%;
}
table.hostingTable {
  margin: 0px;
  border:1px solid #b0b0b0;
  background-color:white;
}
table.songTable {
  margin-bottom:1px;
  margin-top:1px;
  border:1px solid #b0b0b0;
  background-color:white;
}
td.songTable {
  font-family: Verdana, sans-serif;  
  font-size: 10px; 
  margin-bottom:1px;
  margin-top:1px;
  background-color:white;
  border-bottom:1px solid #b0b0b0;
  vertical-align: middle;
}
span.songTable2 {
  font-family: Verdana, sans-serif;  
  font-size: 14px; 
  margin-bottom:1px;
  margin-top:1px;
}
td.songTableLast {
  font-family: Verdana, sans-serif;  
  font-size: 10px; 
  margin-bottom:1px;
  margin-top:1px;
  background-color:white;
}
tr.songTable3:hover { background-color: green; }
tr.songTable3 { height: 35px;}  



.genres {background-color: White; width:70px; text-align: left; padding: 0px;}
.genres ul {margin: 0 auto; padding: 0px; font-family: Verdana; font-size: x-small;}
.genres ul li {list-style-type: none; float: right; width:70px; }
.genres ul li a {display: block; float: left; width:70px; color: #b0b0b0; padding: 2px 2px 2px 5px; background-color: White;}
.genres ul li#here a {background-color: #D8D3C4; color: #222222; } 
.genres ul li a:hover {background-color: #686868; color: #FFFFFF; }

.genres1 {background-color: White; width:35px; text-align: center; padding: 0px;}
.genres1 ul {margin: 0 auto; padding: 0px; font-family: Verdana; font-size: x-small;}
.genres1 ul li {list-style-type: none; float: right; width:35px; }
.genres1 ul li a {display: block; width:35px; color: #b0b0b0; padding: 2px 2px 2px 5px; background-color: White; }
.genres1 ul li#here a {background-color: #D8D3C4; color: #222222; } 
.genres1 ul li a:hover {background-color: #686868; color: #FFFFFF; }

.genres2 {background-color: White; text-align: left;}
.genres2 ul {margin: 0px; padding: 0px; font-family: Verdana; font-size: x-small;}
.genres2 ul li {list-style-type: none; float: right; width:280px; border-bottom:1px solid #b0b0b0; height:39px;}
.genres2 ul li a {display: block; float: left; width:280px; color: Gray; padding: 5px 5px 5px 15px; text-decoration: default; background-color: White;}
.genres2 ul li a:hover {background-color: #6495ED; color: #FFFFFF; }





