l* { margin: 0 }

ul, li {
	padding: 0;
	list-style: none}

body, a { color: #4b4f58 }

a { text-decoration: none }
a:hover, a.invA, .invA a { text-decoration: underline }
a.invA:hover, .invA a:hover { text-decoration: none }

.tLeft { text-align: left }
.tCenter { text-align: center }
.tRight { text-align: right }
.tUppercase { text-transform: uppercase }

.clear,
.lclear,
.rclear {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 0;
	line-height: 0;
	font: 0 monospace;
	clear: both;
	float: none}
.lclear { clear: left }
.rclear { clear: right }

form {
	display: block;
	padding: 0}

input,
select { font-size: 100% }

body {
	padding: 20px 0;
	background: #e7e7e7;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif}

/* submit */

.submit { float: left }
.submit input { padding: 1px 6px; margin: 0 }
.submit, .submit input {
	display: block;
	border: 0;
	background: #36a2b1;
	font-weight: bold;
	color: white;
	cursor: pointer}

.IESUBMIT,
.submit:after,
.submit:before {
	position: relative;
	display: block;
	height: 1px;
	font: 0/0 monospace;
	content: '';
	border-left: 1px solid #3f434a;
	border-right: 1px solid #3f434a}

.rightColumn .IESUBMIT,
.rightColumn .submit:after,
.rightColumn .submit:before {
	position: relative;
	display: block;
	height: 1px;
	font: 0/0 monospace;
	content: '';
	border-left: 1px solid white;
	border-right: 1px solid white}

/* header | page */

.page,
.header {
	width: 726px;
	margin: 0 auto;
	border: 1px solid #ddd}

.pageWrapper,
.headerWrapper {
	z-index: 19;
	position: relative;
	border: 9px solid white;
	color: #a3acc1;
	background: #3f434a}

.pageWrapper:before,
.headerWrapper:before {
	z-index: 20;
	position: relative;
	display: block;
	font: 0/0 monospace;
	height: 20px;
	margin: -10px;
	content: url(images/container/tl.png);
	background: url(images/container/tr.png) no-repeat 100% 0}

.pageWrapper:after,
.headerWrapper:after {
	z-index: 20;
	position: relative;
	display: block;
	font: 0/0 monospace;
	height: 20px;
	margin: -10px;
	content: url(images/container/bl.png);
	background: url(images/container/br.png) no-repeat 100% 0}

/* header -> h1 */

.header h1 a:hover { text-decoration: none }
.header h1, .header h1 a { color: white }
.header h1 a .yellow { color: #ffd24b }
.header h1 a .cyan { color: #83f7ff }

.header h1,
.header .h1shadow {
	position: absolute;
	font-size: 300%;
	font-weight: normal}

.header h1 {
	z-index: 1250;
	top: 30px;
	left: 29px;
	padding: 0}

.header .h1shadow {
	z-index: 1200;
	top: 31px;
	left: 30px;
	color: black}

.header .h1shadow p {
	margin-top: -5px;
	padding: 0;
	font-size: 40%;
	font-style: italic;
	color: #b0b2b6}

/* header -> search form */

.header form.search {
	position: absolute;
	top: 41px;
	right: 38px}

.header form.search .txt,
.header form.search select {
	margin-left: 5px;
	float: left}

.header form.search .submit { border-left: 5px solid #3f434a }

/* header -> letters */

.header .letters {
	position: relative;
	margin: 10em 0 0 6px;
	text-align: center;
	width: 530px;
	height: 43px;
	background: #6e717a url(images/header/letters.png) no-repeat
	}

.header .letters div {
	position: absolute;
	font-weight: bold;
	top: 1px;
	left: 1px;
	width: 100%;
	text-align: center;
	padding-top: 1.25em;
	}

.header .letters div.up {
	top: 0;
	left: 0;
	}

.header .letters a,
.header .letters b {
	font-size: 120%;
	font-weight: bold;
	color: black;
	padding-left: 1px;
	margin-top: 20px;
	}

.header .letters a { color: white }
.header .letters a:hover {
	color: #292a2e;
	background: white;
	text-decoration: none}

/* header -> by genre */

.header a.byGenre:hover { text-decoration: none }
.header a.byGenre {
	position: absolute;
	top: 11.25em;
	right: 38px;
	text-decoration: underline;
	font-weight: bold;
	color: #ffd24b}

/* header -> banner */

.header .banner {
	background: #60c8d5 url(images/header/banner.jpg) no-repeat;
	color: white}

.header .bannerWrapper {
	height: 180px;
	padding: 56px 0 0 130px;
	overflow: hidden;
	position: relative}

.header .banner a.star:hover { text-decoration: none }
.header .banner .star {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 85px;
	height: 55px;
	padding-top: 30px;
	color: black;
	text-align: center;
	text-transform: uppercase;
	line-height: 120%;
	font-weight: bold;
	font-size: 145%}

.header .banner .star b {
	display: block;
	font-size: 165%}

.header .banner .shadow,
.header .banner h2 {
	position: absolute;
	z-index: 500;
	padding: 1px;
	font-size: 300%;
	font-weight: normal;
	color: #32929b}

.header .banner h2 b { color: #fff84d }
.header .banner h2 {
	z-index: 510;
	position: relative;
	padding: 0;
	color: white}

.header .banner h3 {
	padding: 0;
	font-weight: normal;
	font-size: 150%;
	color: black}

.header .banner p {
	width: 205px;
	padding: 10px 0 0 0}

.header .banner .yellow {
	float: left;
	background: url(images/header/lnk.gif) no-repeat 0 12px;
	padding-top: 12px;
	height: 24px;
	line-height: 24px}

.header .banner .yellow a {
	display: block;
	height: 24px;
	padding: 0 10px;
	line-height: 24px;
	background: url(images/header/lnk.gif) no-repeat 100% -24px;
	color: black;
	font-weight: bold}

/* page */

.page { margin-top: 12px }
.pageWrapper { background: #3f434a url(images/rightcolumn.gif) repeat-y 218px 0 }

.page .leftColumn {
	clear: left;
	float: left;
	width: 170px;
	padding: 18px 18px 0 30px}

.page .rightColumn {
	float: left;
	width: 480px;
	background: white}

.page .rcCornersTop {
	clear: left;
	height: 18px;
	font: 0/0 monospace;
	background: url(images/rightcolumn.gif) no-repeat -520px 0}

.page .rcCornersBottom {
	clear: left;
	height: 18px;
	font: 0/0 monospace;
	border-left: 218px solid #3f434a;
	background: url(images/rightcolumn.gif) no-repeat -520px -18px}

/* page -> headers */

.page h2 {
	clear: left;
	position: relative;
	padding: 5px 0 5px 20px;
	color: white;
	font-size: 125%;
	background: url(images/play.png) no-repeat}

.page .rightColumn h2 a:hover { text-decoration: none }
.page .rightColumn h2 a {
	text-decoration: underline;
	color: #ef8900}

.page .rightColumn h2 {
	margin-left: 30px;
	color: #ef8900}

/* easyList */

.easyList { padding: 15px 6px }
.easyList li a { color: #f5ca4b }
.easyList li {
	font-size: 8pt;
	padding: 0 0 5px 12px;
	background: url(images/marker.gif) no-repeat left 4px;
}

/* smallCover */

ul.smallCover {
	position: relative;
	padding-top: 10px}

ul.smallCover li {
	position: relative;
	padding: 0 0 0 64px;
	min-height: 66px;
	font-size: 8pt}

ul.smallCover p { padding: 1px 0 10px 0 }

ul.smallCover a { color: #90edfa }
ul.smallCover a.album {
	font-weight: bold;
	color: #f5ca4b}

ul.smallCover a.cover {
	position: absolute;
	left: 0;
	top: 0}

ul.smallCover a.cover:hover img { border-color: white }
ul.smallCover a.cover img {
	height: 50px;
	padding: 1px;
	border: 2px solid #75787f}

/* right column -> small cover */

.rightColumn ul.smallCover {
	padding: 12px 0 0 32px;
}

.rightColumn ul.smallCover li {
	float: left;
	width: 146px;
	height: 66px;
}

.rightColumn ul.smallCover a { color: #282828 }
.rightColumn ul.smallCover a.album { color: #1ba9bd }
.rightColumn ul.smallCover a.cover:hover img { border-color: #1ba9bd }
.rightColumn ul.smallCover a.cover img { border: 2px solid #999 }

/* pList */

.rightColumn h2.pList { margin-bottom: 22px }
.rightColumn ul.pList { padding: 0 0 0 22px }
.rightColumn ul.pList li {
	float: left;
	width: 125px;
	height: 85px;
	padding-right: 10px;
	overflow: hidden;
	color: #494955}

.rightColumn ul.pList li p {
	padding-bottom: 0px;
	line-height: 110%}

.rightColumn ul.pList a.dl {
	display: block;
	position: absolute;
	width: 54px;
	top: 58px;
	left: 0;
	text-align: center;
	color: #26639b}

/* bigCover */

ul.bigCover {
	position: relative;
	padding: 10px 0 0 10px;
	/*width: 460px*/}

ul.bigCover li {
	float: left;
	position: relative;
	overflow: hidden;
	width: 33.2%;
	height: 55px;
	padding-top: 120px;
	text-align: center;
	line-height: 110%}

ul.bigCover li div {
	margin-top: -120px;
	padding-bottom: 5px;
	position: relative;
	right: 50%;
	float: right}

ul.bigCover li div a {
	display: block;
	position: relative;
	z-index: 100;
	right: -50%}

ul.bigCover li div a img,
ul.bigCover li div a {
	border: 1px solid #e4e4e4;
	padding: 0;
	line-height: 0;
	font-size: 0}

ul.bigCover li div a:hover { border-color: #afdfe5 }
ul.bigCover li div a:hover img { border-color: #1ba9bd }
ul.bigCover li div a img {
	position: relative;
	z-index: -1;
	height: 105px;
	border: 1px solid #bbb;
	padding: 3px;
	background: white}

ul.bigCover p {
	padding: 0 10px 2px 10px;
	display: block;
	clear: left}

ul.bigCover a { color: #282828 }
ul.bigCover a.album {
	color: #1ba9bd;
	font-weight: bold}

/* abc */

.abc { padding: 0 0 0 20px }
.abc ul {
	position: relative;
	padding: 10px 0 20px 10px;
	font-size: 11px;
	float: left;
	width: 135px}

.abc ul a:hover {
	color: white;
	background: #445;
	text-decoration: none}

.abc ul li {
	padding: 2px 0 0 0;
	overflow: hidden}

/* ul searchResult */

.searchResult { padding: 0 32px 32px 32px }
.searchResult h3 {
	padding: 10px 0 3px 0;
	color: #494955;
	font-size: 9pt }

.searchResult a { color: #089 }
.searchResult a.lt { color: #494955 }
.searchResult li {
	padding-top: 2px;
	font-size: 12px }

/* bpInfo */

.bpInfoCover {
	position: relative;
	z-index: 50000;
	margin: 10px 0 10px 28px;
	float: left;
	border: 1px solid #e4e4e4;
	font-size: 0;
	line-height: 0;
	font-family: monospace;
}

.bpInfoCover img {
	display: block;
	position: relative;
	z-index: -1;
	background: white;
	padding: 3px;
	border: 1px solid #bbb;
}

.bpInfo a { color: #089 }
.bpInfo {
	position: relative;
	z-index: 51000;
	padding: 0px 0 23px 14px;
	float: left;
	font-size: 12px;
	color: #494955;
	width:45%;
}

.bpInfo span {
	padding-right: 4px;
	float: left}

.bpInfo ul { float: left }
.bpInfo li { padding-bottom: 2px }
.bpInfo a.dl { font-weight: bold; color: #3e7bb3 }

.bpInfo h3 b,
.bpInfo h4 b { font-weight: bold }

.bpInfo h3,
.bpInfo h4 {
	padding: 5px 0 7px 0;
	font-size: 14px;
	font-weight: normal;
}

.bpInfo h4 {
	padding-top: 0;
	font-size: 12px;
}

.bpInfo p { padding-bottom: 8px }
.bpInfo p.gt {
	font-weight: bold;
	padding: 8px 0 0 0;
}

/* comments */

h2.comments { margin-bottom: 15px; padding-right: 30px }
h3.comments {
		font-size: 12px;
		color: #494955;
		padding: 8px 0 5px 31px}

form.comments {
	color: #494955;
	padding: 0 21px 35px 26px}

form.comments div.left { width: 285px }
form.comments div.right {
	float: right;
	width: 145px}

form.comments span {
	display: block;
	padding: 0 0 2px 5px}

form.comments img { margin-bottom: 5px }
form.comments input.def,
form.comments textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	display: block;
	margin: 1px 0 5px 0;
	padding: 2px 3px}

form.comments textarea {
	width: 270px;
	height: 138px;
	margin: 0;
	line-height: 17px}

form.comments div.right input { width: 129px }
form.comments div.left input.def {
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 5px}

form.comments div.submit { margin-top: 3px }
form.comments div.submit span { padding: 0; margin: 0 }

div.comments { padding: 0 32px 0 0; color: #494955 }
div.comments div { padding: 0 0 16px 0 }
div.comments p { padding: 2px 0 0 31px }

div.comments h4 {
	position: relative;
	left: -3px;
	color: #008698;
	font-size: 12px;
	padding: 0}

div.comments span {
	font-weight: normal;
	padding-left: 5px;
	color: #99a}

div.comments span.ind {
	zoom: 1;
	position: relative;
	display: block;
	float: left;
	width: 30px;
	padding: 0 5px 0 0;
	text-align: right;
	color: #99a}

/* tracks */

table.tracks {
	clear: both;
	padding: 0;
	border-collapse: collapse;
	border: 0;
	margin: 0 22px 22px 22px;
	color: #494955;
}

table.tracks th {
	text-align: left;
	padding: 6px 8px;
	width: 100%;
	font-weight: normal;
}

table.tracks td {
	text-align: center;
	white-space: nowrap;
	padding: 6px 8px;
}

table.tracks tr a { color: #089 }
table.tracks a.dl { color: #3e7bb3 }
table.tracks tr.inv td,
table.tracks tr.inv th { background: #e4e4ee }

table.tracks thead span {
	display: block;
	font-size: 95%;
	color: #99a;
}

table.tracks thead th,
table.tracks thead td {
	vertical-align: bottom;
	white-space: normal;
}

table.tracks tr .download {
	display: block;
	margin: 1px 5px 0 0;
	width: 10px;
	height: 13px;
	float: left;
	font: 0 monospace;
	background: url(images/download.gif) no-repeat 0 1px;
}

table.tracks tr.foot td,
table.tracks tr.foot th {
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
}

/* captcha */

.captchaPos {
	position: relative;
	z-index: 99999;
	width: 510px;
	height: 0;
	font: 0 monospace;
	margin: 0 auto;
	padding: 0;
}

#captchaError { display: none }

#captcha {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: absolute;
	z-index: 100000;
	top: 150px;
	width: 510px;
	display: none;
	height: 600px;
}

#captcha table {
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	width: 100%;
	color: #444;
}

#captcha table td { margin: 0; padding: 0 }

#captcha table td.left { width: 24px }
#captcha table td.right { width: 31px }
#captcha table tr.top td { height: 30px }
#captcha table tr.bottom td { height: 40px }

#captcha table tr.top td.left { background: transparent url(images/captcha/tl.png) no-repeat }
#captcha table tr.top td.center { background: transparent url(images/captcha/t.png) repeat-x }
#captcha table tr.top td.right { background: transparent url(images/captcha/tr.png) no-repeat }
#captcha table tr.mid td.left { background: transparent url(images/captcha/l.png) repeat-y }
#captcha table tr.mid td.right { background: transparent url(images/captcha/r.png) repeat-y }
#captcha table tr.bottom td.left { background: transparent url(images/captcha/bl.png) no-repeat }
#captcha table tr.bottom td.center { background: transparent url(images/captcha/b.png) repeat-x }
#captcha table tr.bottom td.right { background: transparent url(images/captcha/br.png) no-repeat }

#captcha h3 {
	padding: 0 0 15px 0;
	font-size: 14px;
	color: #333;
}

#captcha table tr.mid td.center {
	padding: 0 10px;
	background: white;
}

#captcha .bt_close {
	position: relative;
	width: 100%;
	top: 34px;
	text-align: right;
}

#captcha .bt_close a img { border: none }
#captcha .bt_close a {
	margin-right: 25px;
	dont-size: 0;
	text-decoration: none;
}

#captcha td table { width: auto }

#captchaError h2 { color: red }
#captcha h2 {
	font-size: 14px;
	padding-bottom: 5px;
}

#captcha td table th,
#captcha td table td {
	padding-top: 10px;
	text-align: left;
}

#captcha td table th {
	font-weight: normal;
	padding-right: 10px;
	text-align: right;
	white-space: nowrap;
}


/* footer */

.footer a { color: #333 }
.footer {
	clear: left;
	padding-top: 10px;
	text-align: right;
	color: #888;
	width: 670px;
	margin: 0 auto}
a.let
{

color:yellow;
}
div.let
{
MARGIN-RIGHT: 3px; 
PADDING-TOP: 6px;
PADDING-left: 60px;
}
.my {
	padding: 12px;
	list-style: none;
	}
.num
{
position: absolute;
width: 10px; 
display: inline;

}
.out
{
padding-left: 20px; 
display: inline;

}
 em.search_r
{
	background-color: #FFFF99;
	text-decoration: none;
}
.my{margin-left:0px;padding-top:0px;margin-top:0px}