body {
	margin: 0 0 0 15px;
	padding: 0;
	font-family: Georgia, serif;
	font-size: small;
	background: #fff;
	}
	
#title {
	position: relative;
	margin:0; padding:0; 
	top: 27px;
	left: 18px;
	width: 300px;
	z-index:99;
	}
	
h1 {
	display:inline;
	font-family: Georgia, serif;
	color: #3f3f3f;
	margin: 0;
	padding: 0;
	font-size: 95px;
	letter-spacing: -2px;
	font-weight: bold;
	}

h2 { 
	font:30px "Lucida Grande","Lucida Sans Unicode",Tahoma, Helvetica, Verdana, sans-serif;
	color:#FFFFFF; 
	letter-spacing: -3px;
	word-spacing: 3px;
	line-height: 30px;
	margin:0; padding:0;}

a { text-decoration:none; color:#ec008c; }
a:hover { color:#3f3f3f; }

a img { border:none; }

#wrap {
	width: 920px;
	margin: 0 auto;
	padding:0;
	font-size: 95%;
	}
	
#header {
	position: relative;
	width: 920px;}
#header:after { /* self-clear float */
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }
	
#dashboard {
	float: right;
	width: 220px;
	margin: 0;
	padding: 10px 0 0 0;
	font-family: Georgia, serif;
	line-height: 90%;
	background: #EEE;
	border-bottom: #BBB 1px solid;

	}

#dashboard div { margin:0 0 10px 20px;  }
	
#dashboard p { margin:10px 0; padding:5px 0; }
	
form { 
	margin:0;
	padding:0;
	}

input { margin-top:3px; font-family: Georgia, serif; }

div.sep {
	height: 8px;
	background: #00CCFF;
	margin: 10px 0 2px 0;
	padding:0;
	content:".";
	line-height: 1px;
	border-top: 3px solid #6cdaff;
	}


#helpbox, 
#aboutbox, 
#statbox { 
	width: 920px;
	background: #6cdaff url(../images/boxbg.gif) top repeat-x;
	margin:-2px 0 3px 0;
	padding: 0;
	} 
	
	#helpbox div,
	#aboutbox div,
	#statbox div {
		height:auto;
		padding:0px 15px 10px 15px;
		margin:0;
		color: #3f3f3f;
		}

	#helpbox p,
	#aboutbox p,
	#statbox p {
		line-height:135%;
		margin:10px 0 0 0;
		padding:0;
		text-align:justify;
		}
	
#sep2 {
	height: 1px;
	background: #FFF;
	margin: 0;
	padding:0;
	clear:both;
	content:".";
	line-height: 1px;
	}

#leftbox{
	width: 64px;
	height:64px;
	float:left;
	background:#3f3f3f url(../images/temp6.gif) top center no-repeat;
	border-bottom: 1px solid #BBB;
	}

#load {
	background:#3f3f3f url(../images/temp6a.gif) top center no-repeat;
	height: 64px;
	width: 64px;
	display:block;
	margin:0;
	padding:0;
	text-align:center;
	}

#load span {
line-height: 64px;
vertical-align: baseline;

	}
	
#rightbox{
	float: right;
	margin:0;
	width: 853px;
	height: 64px;
	padding:0;
	}
	
#rightbox:after,
#leftbox:after{	
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
	
dl#morefrom {
	font-family: Georgia, serif;
	margin: 6px 0 0 25px;
	padding: 0;
	}
	
	dl#morefrom dt {
		font-weight:lighter;
		letter-spacing: 1px;
		margin-bottom: 5px;
		}
		
	dl#morefrom dd {
		float: left;
		font-size:26px;
		margin:0 15px 0 0;
		padding:0;
		}
		
	dl#morefrom dd.last { margin:0; }
	
#TopTen {
	float:left;
	font-size:26px;
	border-right: 1px solid #BBB;
	border-left: 1px solid white;
	text-align:center;
	border-bottom: #BBB 1px solid;
	background: #ebebeb url(../images/morefrom-bg.gif) repeat-x bottom left;
	width: 150px;
	height: 64px;
	}
	
#TopTen div { margin-top:2px;

	}
	
#StatusBar{
	float: left;
	border-left: 1px solid white;
	border-bottom: #BBB 1px solid;
	background: #ebebeb url(../images/morefrom-bg.gif) repeat-x bottom left;
	width: 379px;
	padding:6px 0 0 0;
	height: 58px;
	overflow:auto;
	}

#StatusBar div{ margin:0 0 0 20px; }

#CriteriaList { 
	padding:0;
	margin:0;
	background: #ebebeb  url(../images/morefrom-bg.gif) bottom left repeat-x;
	border-bottom: #BBB 1px solid; border-right: 1px solid #BBB; float:left;
	height: 64px;
	width: 320px;
	}

#response { clear:both; margin-top: 1px; }



table { border-left:1px solid #ebebeb; width:100%; }
	
	table span { float:right; margin-top:5px; }
	
	th {
		font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		border-right: 1px solid #C1DAD7;
		border-bottom: 1px solid #C1DAD7;
		border-top: 1px solid #C1DAD7;
		letter-spacing: 2px;
		text-transform: uppercase;
		text-align: center;
		padding: 6px 0 4px 0;
		margin:0;
		background: #CAE8EA url(../images/bg_header3.jpg) center repeat-x;
		cursor:pointer;
		}
		
	th span { margin: 5px 5px 0 0; }
	
	#thID{ width: 4%; }
	#thArtist { width: 33%; }
	#thAlbum { width: 53%; }
	#thRank { width: 6% }
	
	td {
		border-right: 1px solid #ebebeb;
		border-bottom: 1px solid #ebebeb;
		background: #fff;
		padding: 8px 6px 8px 7px;
		color: #4f6b72;
		}
	
	td.alt {
		background: #F5F5F5 url(../images/tdaltbg.gif);
		}
	
	td a { color:#4f6b72 ; }
	
	td a:hover { text-decoration:underline; }
	
	
	
	#thBackup { width: 10%; }
	
	td.tdID { text-align: right; }

a.CriteriaLink { background: transparent url(../images/rounded_left.gif) no-repeat left; }
a.CriteriaLink span{ background: transparent url(../images/rounded_right.gif) no-repeat right; padding: 0 10px; }

#reset { background: url(../images/off2.gif) no-repeat 0 -4px; line-height:110%; }
#reset:hover { background: url(../images/off2.gif) no-repeat 0 -30px; }

span.CIR { visibility:hidden; }

#stats { 
	display:block;
	color:#2f2f2f;
	font-size:160%;
	margin:-2px 0 2px 0;
	}
	
#stats span{ color:#ec008c; }
	
.smaller { font-size: 11px; padding:0; margin:0; }

span.spacing1 { letter-spacing: 1px; color:#666666; }

#footer { color:#999999; }
#footer span { color:#666666; }