.filterBox {
	clear:				both;
	background-color:	#222;
	padding:			2px	4px 2px 4px;
	
	color:				#fff;
	text-align:			left;
	font-weight:		normal;
	font-size:			1em;
}

.tuneBox, .personBox {
	border:				1px solid #aaa;
	border-bottom:		none;
}
.tuneData {
	padding:			1px 3px;
	font-size:			1em;
}

.title, .name {
	font-size:			1.5em;
	font-weight:		bold;
	color:				#222;
	clear:				both;
	padding:			4px	4px 4px 4px;
}
.infoBox {
	float:				left;
	width:				145px;
	padding:			2px	4px 2px 4px;
	border-right:		1px dotted #aaa;
	margin-bottom:		4px;
}
.tuneDescription {
	font-size:			1.1em;
	line-height:		130%;
	padding:			2px	4px 2px 8px;
	margin-left:		160px;
	min-height:			130px;
}
.tuneDescription > img {
	margin:				2px	6px	6px 2px;
	padding:			2px;
	border:				1px dotted #aaa;
	float:				left;
}

.composer {
	padding:			0px	0px	2px 0px;
}
.arranger {
	padding:			0px	0px	2px 0px;
}
.voicing {
	padding:			0px	0px	2px 0px;
}
.popularity {
	padding:			0px	0px	2px 0px;
	display:			none;
}
.price {
	font-size:			1.5em;
	font-weight:		bold;
	text-align:			right;
	padding:			10px	0px	2px 0px;
}
.smpid {
}
.actionBox {
	clear:				both;
	background-color:	#ddd;
	padding:			2px	4px 1px 4px;
	
	text-align:			center;
	font-weight:		bold;
	font-size:			1.2em;
}

dl {
	width:				200px;
	margin:				10px 0px 10px 0px;
	background:			#aaa url(images/box_bottom-200.gif) no-repeat bottom left;
	background-color:	#ccc;
	color:				#000;
	font-size:			small;
}
dt {
	font-size:			1.2em;
	margin:				0;
	padding:			5px;
	border-bottom:		1px solid #fff;
	background:			#aaa url(images/box_top-200.gif) no-repeat top left;
	color:				#fff;
	background-color:	#222;
}
dd {
	font-size:			small;
	line-height:		130%;
	margin:				0;
	padding:			1px	10px 4px 10px;
	background:			url(images/arrow.gif) no-repeat 0 3px;
}
dl>div {
	padding:			2px	5px 2px 5px;
}
dd>a, dd>a:link, dd>a:visited {
	color:				#000;	
	text-decoration:	none;
}
dd>a:hover {
	color:				#fff;
	text-decoration:	none;                     
	border-bottom:		1px solid #fff;
	background-color:	#222;
}


/*	Chart action box	*/
.infoBox > dl {
	width:				140px;
	margin:				10px 0px 10px 0px;
	background:			#aaa url(images/box_bottom-140.gif) no-repeat bottom left;
	background-color:	#ccc;
	color:				#000;
	font-size:			small;
}
.infoBox > dt {
	font-size:			1.2em;
	margin:				0;
	padding:			5px;
	border-bottom:		1px solid #fff;
	background:			#aaa url(images/box_top-140.gif) no-repeat top left;
	color:				#fff;
	background-color:	#222;
}
.infoBox > dd {
	font-size:			small;
	line-height:		130%;
	margin:				0;
	padding:			1px	10px 4px 10px;
	background:			url(images/arrow.gif) no-repeat 0 3px;
}
.infoBox > dl>div {
	padding:			2px	5px 2px 5px;
}
.infoBox > dd>a, .infoBox > dd>a:link, .infoBox > dd>a:visited {
	color:				#000;	
	text-decoration:	none;
}
.infoBox > dd>a:hover {
	color:				#fff;
	text-decoration:	none;                     
	border-bottom:		1px solid #fff;
	background-color:	#222;
}

h3 {
	border-bottom:		1px dotted #777;
}

/*	Table elements	*/
th {
	text-align:			right;
}

/*	Form elements	*/
input {
	border:				1px solid #aaa;
}
input.textbox {
	width:				200px;
}
input.textboxTiny {
	width:				40px;
}
input.textboxShort {
	width:				100px;
}
input.textboxLong {
	width:				350px;
}

ul.rowItems {
	list-style-type:	none;
	padding:			0px 0px 0px 0px;
}
ul.rowItems > li {
	display:			inline;
	width:				125px;
	margin:				0px 15px 0px 0px;
}

textarea.textareaLarge {
	width:				350px;
	height:				125px;
	border:				1px solid #aaa;
}