/*
 * MusicMash2 stylesheet.
 */
  
body { 
	padding:		0; 
	margin:			0; 
	position:		relative;
	
	font:			0.7em Tahoma, sans-serif; 
	line-height:		1.5em;
	background:		#fff;
	color:			#454545;
}

hr {
	clear:				both;
	float:				none;
	margin:				0;
	height:				1px;
	border:				0;
	overflow:			hidden;
	visibility:			hidden;
	
	font-size:			1px;
	line-height:		0;
}

a:link,
a:active {
	color:			#e0691a;
}

a:hover,
a:visited {
	color:			#6c757a;
}

a:link img,
a:active img {
	color:			#6c757a;
}

a:hover img,
a:visited img {
	color:			#e0691a;
}

a img.clean {
	border:			0;
}

div#container { 
	position:		relative;
	min-width:		780px;
	max-width:		1280px;
	margin:			0 auto 0 0;
	padding:		0;
}

div#header { 
	height:			44px;
	margin:			3px 0;
	padding:		10px 0 8px 6px;
	border-bottom:	1px solid #ccc;
	
	background:		#eee;
	color:			#808080;
}

div#header h1 {
	float:			left;
	width:			280px;
	margin:			0;
	padding:		0;
}

div#header h1 img {
	border: 		none;
}

div#header .info {
	float:			right;
	margin:			0;
	padding:		5px 7px 4px 35px;
}


div#searchType { 
	position:		relative;
	clear:			both;
	height:			30px; 
	margin:			0;
	
	font-size:		1.1em;
	color:			#fff;
	background:		#ff9148;
}

div#searchType .title  {
	padding:		7px 0 0 11px;
	
	font-size:		0.9em;
	color:			#fff;
}

div#searchType ul { 
	position:		absolute;
	left:			215px;
	top:			0px;
	margin:			0;
	padding :		0;
	list-style:		none;
}

div#searchType li { 
	margin:			0; 
	padding:		7px 12px 5px 12px;
	color:			#FFEADC;
	background:		#FF9148;
	float:			left; 
}
	
div#searchType li.active { 
	padding:		7px 10px 6px 10px;

	background:		#E0691A url(bar.gif) no-repeat center top; 
	color:			#fff;
	font-weight:		bold; 
	cursor:			default;
}
	
div#searchType li a { 
	font-weight:		bold;
	color:			#fff; 
	text-decoration:	none;
} 
	
div#searchType li a:hover { 
	color:			#E0691A; 
}

div#searchType li.active a:hover { 
	color:			#fff; 
} 

div#navigation {
	float:			left;
	min-width:		200px;
	margin:			12px 12px 0 12px;
	
	font-weight:		bold;
}

div#navigation ul {
	display:		inline;
	margin:			0 0 0 3px;
	padding:		0;

	list-style:		none;
}

div#navigation li {
	display:		inline;
	margin:			0;
	padding:		0;
}

div#navigation a {
	color:			#e0691a;
}

div#searchBox input.submit {
	width:			65px;
	margin:			0 15px 1px 0;
	padding:		4px 0;
	border:			0;	

	background:		#E0691A url(submit.gif) no-repeat;
	color:			#FFF;
	font:			bold 1em Arial, Sans-Serif;
}

div#searchBox a {
	color:			#808080;
}

div#searchBox label {
	padding-right:		3px;

	font-weight:		bold;
}

div#searchBox .grey {
	color:			#808080;
	background:		inherit;
	font-weight:		normal;
}

div#searchBox input.search { 
	width:			292px; 
	border:			0;
	padding:		4px;
	
	background:		#fff url(input.gif) no-repeat;
	color:			#e0691a;
	font-weight:		bold;
}

div#searchBox { 
	float: 			right;
	width:			573px;
	margin:			5px 10px;
	padding:		8px 16px 10px 10px;
	
	background:		#fff url(searchbg.gif) no-repeat right; 
	color:			#808080;
	text-align:		right;
}


div.subheader {
	margin:			0px 0 10px 0;
	border-bottom:		1px solid #eee;
	padding:		5px 0 5px 0;
	background:		#a4a4a4;
	color:			#fff;
}

div#content {
	padding:		10px;
	clear:			both;
}

div#content dt {
	font-weight: 	bold;
}

div#content dd {
	margin-left:	0;
}

div#content .infotext {
	font-size:		0.8em;
}

div#content h1 {
	margin:			0;
	padding:		7px 0 0 8px;
	
	font:			normal 2.1em Arial, Sans-Serif;
	letter-spacing:		-1px;
}

div#content h2 {
	margin:			0 0 5px 0;
	padding:		0;
	
	font:			bold 1.5em Arial, Sans-Serif;
	letter-spacing:		-1px;
	color:			#000;
}

div#content h2.em {
	font-size:			2.4em;
}

div#content p {
	margin:			0 0 5px 0;
}

div#content img {
	margin:			0 9px 3px 0;
}

div#content .left {
	float:			left;
}

div#content .right {
	float:			right;
}

div#content .centre {
	text-align:		center;
}

div#content img.close {
	float:			none;
	margin:			0;
}

div#content div.rating {
	width:			60px;
}

div#content div.rating img {
	border:			0;
	padding:		0;
	margin:			0;
	vertical-align:		middle;
}

div#main div.paging {
	margin:			0px auto;
	width:			640px;

	text-align:		center;
}

div#main div.paging span {
	padding:		1px 2px;
	margin:			1px 0;
	
	color:			#333;
}

div#main div.paging span.inactive {
	cursor:			default;
	color:			#333;
}

div#main div.paging span.current {
	cursor:			default;
	font-weight:		bold;
}

div#main div.paging a:link,
div#main div.paging a:visited {
	color:			#e0691a;
	text-decoration:	none;
}
div#main div.paging span.current,
div#main div.paging a:hover,
div#main div.paging a:active {
	color:			#000;
}
div#content table.results  span.disambiguation {
	color:			#f00;
	font-weight:		bold;
	font-size:		1.1em;
	cursor:			help;
}

div#content table.results {
	margin:			16px auto;
	width:			90%;

	text-align:		left;
}

div#content table.results tr {
	height:			1.8em;
}

div#content table.results tr.head {
	background:		#6c757a  url(corner.gif) no-repeat top right;
	color:			#fff;
}

div#content table.results tr.body {
	background:		#f5f5f5;
	color:			#414141;
}

div#content table.results tr.body a {
	font-weight:		bold;
}

div#content table.results td {
	padding:		2px 4px;
}

div#content table.results th {
	padding:		2px 4px;
}

div#content div#main {
	float:			left;
	width:			65%;
	min-height:		380px;
	margin:			0 0 10px 0;
}

div#content div.wait {
	margin:			14px auto;
	width:			380px;
	padding:		12px;
	
	border:			3px solid #a9c0ce;
	font:			bold 1em Tahoma, Arial, Sans-Serif;
	background:		#f5f5f5;
	color:			#414141;
}

div#content div.wait h2 {
	color:			#414141;
}

div#content div.wait img {
	display:		block;
	margin:			1.4em auto;
}

div.loadingContainer {
	margin:			18px auto;
	width:			380px;
	padding:		12px;
}

div.loadingContainer p {
	margin-bottom:	8px;
	
	font:			bold 1em Tahoma, Arial, sans-serif;
	color:			#414141;
	text-align:		center;
	letter-spacing: 1px;
}

div#content div#main h3 {
	clear:			both;
	background:		#a9c0ce url(corner.gif) no-repeat top right;
	color:			#fff;
	padding:		7px 0 7px 5px;
	font:			bold 1em Tahoma, Arial, Sans-Serif;
	margin:			0;
}

div#content div#main div.section {
	margin:			4px 0 10px 0;
	color:			#000;
	background:		#fff;
	padding:		3px 0;
}

div#artistDirectory {
	margin-top:		8px;
}

div#artistDirectory ul {
	list-style-image:	url(arrow.gif);
	list-style-position:	inside;
	margin:			0 0 6px 0;
	padding :		0;
}

div#artistDirectory ul li {
	margin-bottom:		8px;
}

div#artistDirectory ul ul {
	list-style:		none;
	margin:			0;
	padding: 		0;
}

div#artistDirectory ul ul li {
	display:		inline;
	
	font-weight:		normal;
}



div#artistDirectory span.title {
	margin-left:		-12px;
}

div#artistDirectory a {
	color:			#414141;
}

div#artistDirectory span.title a {
	font-weight:		bold;
}
			
div#artistDirectory ul.first {
	float:			left;
	width:			44%;
	margin-left:		22px;
}

div#artistDirectory ul.second {
	float:			left;
	width:			42%;
	padding:		0 0 0 40px;

	background:		#FFF url(dotted.gif) repeat-y;
	color:			#414141;

}
		
div#infobar {
	float:			right;
	width:			34.6%;
}

div#infobar div.info {
	margin:			0 0 10px 0;
}

div#infobar div.info h3 {
	background:		#6c757a  url(corner.gif) no-repeat top right;
	color:			#fff;
	padding:		7px 0 7px 5px;
	font:			bold 1em Tahoma, Arial, Sans-Serif;
	margin:			0 0 3px 0;
}

div#infobar div.info div.container {
	clear:			both;
	
	background:		#f5f5f5;
	color:			#414141;
	padding:		8px;;	
	margin:			0 0 3px 0;
}

div#infobar div.info div.container img {
	display:		block;
	float:			left;
	margin-bottom:		4px;
	
}

div#infobar div.info div.container h4 {
	margin:			0;
	padding:		0;
}

div#infobar div.info div.container h4 a {
	color:			#414141;
}
	
div#footer { 
	clear:			both;
	text-align:		center;
	padding:		10px 0 10px 0;
	margin:			0;
	border-top:		1px solid #ccc;
	line-height:		1.8em;
}

div#footer a {
	color:			#808080;
	background:		#fff;
}

div#tabs ul.navigation {
	clear: 			both;
	margin:			0 0 0 auto;
	padding:		0.5em 0 0 0;
	width: 			34em;
	height:			1.6em;
	
	background:		#a9C0ce url(corner.gif) no-repeat top right;
	font:			bold 1em Tahoma, Arial, sans-serif;
	
	list-style:		none;
}

div#tabs ul.navigation li {
	display:		inline;
	margin:			0;
	padding:		0;
}

div#tabs ul.navigation li a {
	/*padding:			6px 15px 5px;*/
	padding:			0.5em 1.7em;
	margin:				0 2px 0 0;
	
	text-decoration:	none;
	color:				#fff;
}

div#tabs ul.navigation li a.active {
	background:			#6c757a;
}

div#tabs ul.navigation li a:link,
div#tabs ul.navigation li a:visited {

}

div#tabs ul.navigation li a:hover,
div#tabs ul.navigation li a:active {
	background:			#6c757a;
}

div#tabs div.tab {
	display: 			none;
	border-top:			1px solid #414141;
}

div#tabs div.active {
	display:			block;
}

div#itemContents div.album {
	float: 				left;
	width:				250px;
	height:				180px;
}

div#itemContents div.album img {
	float:				left;

	border:				0;
}

div#itemContents div.album h5 {
	margin:				0.2em 0 0.4em;
	
	font-size:			1.1em;
}

div#itemContents div.album h5 a:link,
div#itemContents div.album h5 a:active {
	color:			#414141;
}

div#itemContents div.album h5 a:hover,
div#itemContents div.album h5 a:visited {
	color:			#6c757a;
}

div#itemContents div.album h5 span.date {
	margin-left:		0.4em;
	font-size:			0.8em;
}

div#itemContents div.album ul {
	float:				right;
	width:				120px;
	margin:				0;
	padding:			0;
	
	list-style:			none;
}

div#itemContents div#sortBy {
	margin-bottom:		12px;
	padding-right:		4px;
	text-align:			right;
}

div#popup {
	margin:				12px 0;
	text-align:			center;
}

div#popup p,
div#popup object {
	margin:				0 auto;
}

div#videoContainer p.status {
	text-align:			right;
}