body
{
	background-color: #e0e0e0;
}

font,th,td,p,li
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

th
{
	font-size: 13px; font-weight: bold;
	background-color:#44cc44;
}

tr.even
{
	background-color:#ffffff;
}

tr.odd
{
	background-color:#e0ffe0;
}

td
{
	font-size: 12px;
	text-align:center;
}

td.song
{
	text-align:left;
	font-weight:bold;
}

td.goldstars
{
	color:#ffbb00;
	font-weight:bold;
}

td.fivestars
{
	color:green;
	font-weight:bold;
}

td.threestars
{
	color:red;
}

td.nowrap
{
	white-space:nowrap;
}

td.nav
{
	text-align:center;
	background-color:#44cc44;
	border-top:  1px solid #c0d0c0;
	border-left: 1px solid #c0d0c0;
	border-right:1px solid #e0ffe0;
	border-bottom:1px solid #e0ffe0;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
}

div.choices
{
	text-align:center;
}

input.wide,select.wide
{
	width:100%;
}

a:link,a:active,a:visited
{
	text-decoration: none;
	font-weight:bold;
	color: black;
}

a:hover
{
	text-decoration: underline;
	color: #0000ff;
}

a.sortheader
{
	color:black;
	border-style:none;
	text-decoration:none;
}

img
{
	border:0px;
}


span.dots-zero, span.dots-one, span.dots-two, span.dots-three, span.dots-four, span.dots-five, span.dots-devils {
	display: block;
	width: 59px;
	height: 11px;
	margin-top: 3px;
	margin-left: 10px;
}
span.dots-zero span, span.dots-one span, span.dots-two span, span.dots-three span, span.dots-four span, span.dots-five span, span.dots-devils span, p.rating span {
	display: none;
}
span.dots-zero {
	background: url(images/dots-zero.png) no-repeat;
}
span.dots-one {
	background: url(images/dots-one.png) no-repeat;
}
span.dots-two {
	background: url(images/dots-two.png) no-repeat;
}
span.dots-three {
	background: url(images/dots-three.png) no-repeat;
}
span.dots-four {
	background: url(images/dots-four.png) no-repeat;
}
span.dots-five {
	background: url(images/dots-five.png) no-repeat;
}
span.dots-devils {
	background: url(images/dots-devils.png) no-repeat;
}
