body {
	font-family:Tahoma, Arial;
	font-size:12px;
	behavior:url('/ref.htc');
	color:#28353c;
	background:#e2f5fb;
	padding:0px; margin:0px;
	
}

.selection {
	color:#9e115c;
}

.bg {
	background:url(../images/bg.gif) top left repeat-x #ffffff;
}

.kar {
	width:900px;
	padding-top:5px;
	text-align:left;
}

.page {margin-left:7px; margin-right:6px;}

.footer_bg {background:url(../images/footer_bg.gif) top left repeat-x; height:100px; padding-top:50px;}

.pad5 {margin-bottom:5px;}
.pad10 {margin-bottom:10px;}
.pad20 {margin-bottom:20px;}

h1 {font-size:26px; color:#28353c; padding:0px; margin:0px 0px 20px 0px; font-weight:normal; line-height:28px;}
h3 {font-size:19px; line-height:20px;}

p {padding:5px 0px 5px 0px; margin:0px 0px 0px 0px;}

form {display:inline; margin:0px; padding:0px;}
table {padding:0px; margin:0px;}
a {color:#42afd7; text-decoration:underline}
a:hover {text-decoration:none;}

.small, a.small, .small a {font-size:11px !important;}
.gray, a.gray {color:#808080 !important;}
.red, a.red {color:#9e115c !important;}
.black, a.black {color:#28353c !important}

.clear {clear:both; width:100%;}

img {
	border:none;
	behavior:url('/images/pngbehavior.htc');
	vertical-align:middle;
	padding:0px;
	margin:0px;
	}

.free {
	width:77px;
	height:79px;
	cursor:pointer;
	background:url('../images/icon_free.png') top left no-repeat;
}

* html .free {
	background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icon_free.png', sizingMethod='scale')
}


.free_small {
	width:44px;
	height:45px;
	cursor:pointer;
	background:url('../images/icon_free_small.png') top left no-repeat;
}

* html .free_small {
	background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icon_free_small.png', sizingMethod='scale')
}

.kbps {
	width:71px;
	height:39px;
	cursor:pointer;
	background:url('../images/icon_kbps.png') top left no-repeat;
}

* html .kbps {
	background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icon_kbps.png', sizingMethod='scale')
}

#myalt, #track_hint {
	position:absolute;
	font-size:11px;
	background:#f1f9fb;
	border-top:1px solid #d4dfe2;
	border-left:1px solid #d4dfe2;
	border-right:2px solid #d4dfe2;
	border-bottom:2px solid #d4dfe2;
	padding:10px;
	z-index:999;
}

#myalt p, #track_hint p {padding:0px; margin:0px 0px 5px 0px}

.radio {vertical-align:middle}
.check {vertical-align:middle}
label {vertical-align:middle}

.message {padding:15px; background:url(../images/footer_bg.gif) center left repeat-x; margin:0px 7px 20px 7px; color:#9e115c; font-size:17px; text-align:center; border:1px solid #d4dfe2;}

.chain a, .chain .active { padding:1px 4px 2px 4px; font-size:11px; font-weight:bold; background-color:#f1f1f1; color:#000000; text-decoration:none}
.chain a:hover {background-color:#7f7f7f; color:#FFFFFF}
.chain .active {background-color:#0f6b87; color:#FFFFFF}

/* HEADER */

.top_panel {
	position:relative;
	height:22px;
	padding-left:57px;
}

.top_panel img {
	float:left;
	margin-right:7px;
	vertical-align:middle;
	margin-top:2px;
}
.top_panel a {float:left; margin-top:3px; color:#0f6b87; font-size:11px;}

.top_panel .top_dev {height:22px; width:2px; background:url(../images/devider_top.gif) top left repeat-y; margin-left:10px; margin-right:10px; float:left;}

.top_panel .signup {
	position:absolute;
	left:513px;
	top:3px;
	font-size:12px;
	font-weight:bold;
	margin:0px;
}

.top_panel .forgot {
	position:absolute;
	left:669px;
	top:3px;
	font-size:12px;
	margin:0px;
}

.top_panel .welcome {
	position:absolute;
	left:596px;
	top:3px;
	font-size:12px;
	margin:0px;
}

.header {
	width:900px;
	height:193px;
	background:url(../images/header.jpg) top left no-repeat;
	position:relative;
	margin-bottom:10px;
}

.logo {
	position:absolute;
	left:42px;
	top:70px;
}

.mm {
	width:450px;
	height:57px;
	position:absolute;
	top:0px;
	left:40px;
}

.mm .item {
	float:left;
	margin-right:1px;
	height:57px;
	background:url(../images/mm_bg.gif) top left repeat-x;
}

.mm .item_l {
	height:57px;
	float:left;
	background:url(../images/mm_left.gif) top left no-repeat;
}

.mm a {
	display:block;
	float:left;
	height:30px;
	padding:27px 12px 0px 12px;
	color:#ffffff;
	font-weight:bold;
	background:url(../images/mm_right.gif) top right no-repeat;
}

.menu {
	position:absolute;
	left:303px;
	top:85px;
	width:588px;
}

.menu a {display:block; float:left; padding-left:7px; background:url(../images/arrow.gif) 0px 4px no-repeat; font-size:11px; margin-right:14px; font-weight:bold;}

.login {
	position:absolute;
	right:38px;
	top:19px;
}

.login input {vertical-align:middle; color:#808080; margin-left:5px;}
.login span {font-size:14px; color:#305965; vertical-align:middle}
.account {width:200px;}
.search {
	position:absolute;
	left:60px;
	top:138px;
	width: 779px;
}

.search input, .search a {vertical-align:middle;}

.search input {margin-left:10px;}

.search .inp {width:570px; background:#ffffff !important}

.search a {color:#9ac7d7; vertical-align:middle; font-size:11px; margin-left:10px;}

.buttons {
	padding-left:54px;
	height:90px;
	position:relative;
}

.buttons .btn {
	display:block;
	float:left;
	color:#204c58;
	font-size:14px;
	text-decoration:none;
	padding-right:35px;
	background:url(../images/icon_devider.gif) bottom right no-repeat;
	margin-right:30px;
}

.buttons .btn img {float:left; margin-right:10px;}
.buttons .btn div {float:left; margin-top:13px; cursor:pointer;}
.buttons .btn span.big {
	font-size:18px;
	display:block;
	line-height:20px;
	font-weight:bold;
}

.buttons .latests {padding-right:0px; margin-right:10px; background:none;}
.buttons .text {
	float:left;
	margin-top:5px;
	height:57px;
	background:url(../images/btn_lat_bg.gif) top left repeat-x;
}
.buttons .text_l {background:url(../images/btn_lat_left.gif) top left no-repeat;}
.buttons .text_r {background:url(../images/btn_lat_right.gif) top right no-repeat; padding:12px 10px 0px 10px; height:45px;}
.buttons .text_r .txt {float:left; margin-top:3px; white-space:nowrap;}
.buttons .text_r span.number { display:block; font-size:32px; line-height:32px; color:#9e115c; float:left; margin-right:8px;}

/* end of HEADER */

/* BLOCKS */
.content {
	float:left;
	width:541px;
}
.right_panel {
	float:right;
	width:309px;
}


.bl_tlt {background:url(../images/bl_tlt_bg.png) top left repeat-x; position:relative;}
.bl_tlt_left {background:url(../images/bl_tlt_left.png) top left no-repeat;}
.bl_tlt_right {background:url(../images/bl_tlt_right.png) top right no-repeat; padding:15px 30px 0px 30px;}
.bl_tlt .title {font-size:26px; min-height:27px; line-height:28px; padding:0px 0px 10px 0px; background:url(../images/line.png) bottom left repeat-x;}
* html .bl_tlt .title {height:27px;}
.bl_tlt_more {background:url(../images/bl_tlt_more.png) top right no-repeat; position:relative; padding:15px 110px 15px 30px;}
.bl_tlt .more {font-weight:bold; color:#ffffff; position:absolute; right:16px; top:19px;}

.bl {width:100%; background:url(../images/bl_bg.gif) top left repeat-y;}
.bl_bottom {background:url(../images/bl_bottom.png) bottom left no-repeat; padding:20px 30px 30px 30px;}

.bl_big {width:100%; background:url(../images/bl_big_bg.gif) top left repeat-y;}
.bl_big_bottom {background:url(../images/bl_big_bottom.png) bottom left no-repeat; padding:20px 30px 30px 30px;}

.bl_small {background:url(../images/bl_small_bg.png) top left repeat-y; width: 100%;}
.bl_small_bottom {background:url(../images/bl_small_bottom.png) bottom left no-repeat; padding:20px 15px 30px 15px;}

.grayblock {background:#e6e6e6; color:#222222; width:480px; position:relative;}
.grayblock .cont {padding:20px;}
.grayblock .block_tl {position:absolute; top:0px; left:0px;}
.grayblock .block_tr {position:absolute; top:0px; right:0px;}
.grayblock .block_bl {position:absolute; bottom:0px; left:0px;}
.grayblock .block_br {position:absolute; bottom:0px; right:0px;}

/* end of  BLOCKS */

/* new_releases */

.new_releases a {
	display:block;
	text-decoration:none;
	float:left;
	position:relative;
	padding:10px;
	background:#e1f1f6;
	margin-right:5px;
}
.new_releases a:hover {background:#8dcee2}

.new_releases a img {
	width:132px;
	height:132px;
	border:4px solid #ffffff;
}

.new_releases a .info {
	width:116px;
	cursor:pointer;
	padding:0px 6px 6px 18px;
	background:url(../images/arrow.gif) 8px 5px no-repeat #ffffff;
}

.new_releases a .info .alb_name {
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	color:#000000;
	margin-bottom:4px;
}

.new_releases a .info .art_name {
	font-size:10px;
	color:#42afd7;
	font-weight:bold;
}


/* end of  new_releases */


/* CONTENT */
.artist_img {
	float:left;
	border:3px solid #dedede;
}
.album_info {
	float:right;
	width:270px;
}
.album_info .name { display:block; clear:none; padding:0px; margin:0px 0px 10px 0px; color:#166f8a; font-size:20px; font-weight:normal;}
.album_info .info {padding-bottom:10px;}

.bl_tlt .free {
	position:absolute;
	right:-26px;
	top:9px;
}

.album_info .info .kbps {float:right; margin-left:10px;}

.album_info .info p { display:block; padding:0px 0px 0px 10px; margin:0px 0px 10px; background:url(../images/arrow.gif) 0px 5px no-repeat;}

.album_info .price {
	padding:10px 0px 10px 10px;
	font-size:20px;
	line-height:21px;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}

.album_buttons {padding-left:0px; height:auto; width:100%; margin-bottom:10px; margin-top:20px;}
.album_buttons .btn img {float:left; margin-right:10px;}
.album_buttons .btn {padding-right:25px; margin-right:25px; font-size:12px; color:#63bdde; text-decoration:underline;}
.album_buttons .btn span.big {font-size:18px; font-weight:normal;}
.album_buttons .btn div {float:left; margin-top:4px; cursor:pointer;}
.album_buttons .latests {padding-right:0px; margin-right:0px; background:none;}

.tell {
	width:475px;
	height:59px;
	background:url(../images/tell_your.png) top left no-repeat;
	position:relative;
}
.tell a {	
	position:absolute;
	top:7px;
	left:108px;
	color:#FFFFFF;
}

.tbl td {
	padding:7px 8px 7px 12px;
	border-bottom:1px solid #e5e5e5;
}
.tbl .tbltlt td {padding:0px !important; border:none; font-weight:bold; background:url(../images/tbl_devider.gif) center 
left repeat-y #e6e6e6;}

.tbl .tbltlt td a {color:#28353c}

.tbl .tbltlt td img {vertical-align:middle}

.tbl .tbltlt td div {padding:9px 8px 5px 10px; margin-bottom:4px;}
.tbl .tbltlt td div.sellall {padding:4px 8px 0px 12px;}
.tbl .tbltlt td.left div {background:url(../images/bl2_tl.gif) top left no-repeat #e6e6e6;}
.tbl .tbltlt td.right div {background:url(../images/bl2_tr.gif) top right no-repeat #e6e6e6;}
.tbl .tbltlt td.left {background:url(../images/bl2_bl.gif) bottom left no-repeat #e6e6e6;}
.tbl .tbltlt td.right {background:url(../images/bl2_br.gif) bottom right no-repeat #e6e6e6;}
.tbl .dark {font-size:11px; color:#0f6b87}
.tbl .check {padding:3px 0px 3px 0px; border-left:1px solid #f0f0f0}

.tbl .img {
	display:block;
	width:47px;
	padding:2px;
	background:#dedede;
}
.tbl .img img {border:1px solid #ffffff; width:45px;}

.artists-list td {vertical-align:top; padding:0px 15px 10px 0px; border:none;}
.artists-list a {
	display:block;
	padding-left:9px;
	background:url(../images/arrow.gif) 0px 4px no-repeat;
	font-weight:bold;
}

.artist_info {float:left; width:400px; margin-left:20px;}
.artist_info .name { display:block; clear:none; padding:0px; margin:0px 0px 10px 0px; color:#166f8a; font-size:20px; font-weight:normal;}



.album {width: 100%;}
.album .img {
	padding:3px;
	background:#dedede;
	float:left;
	margin-right:10px;
	margin-left:10px;
}
.album .img img {border:1px solid #ffffff;}
.album .info {float:left; color:#808080; margin-right:10px;}

.bl_small .album .info {width:165px;}

.bl .album .info {width:142px;}

.album .info .art_name {font-size:13px; font-weight:bold; color:#314148;}
.album .info .alb_name {font-size:12px}
.album .info p {padding:0px; margin:5px 0px 0px 0px;}
.album .clear {height:15px; border-bottom:1px solid #ececec; margin-bottom:15px; width:100%;}


/* PAGER */

.pager a, .pager b {
	display:block; 
	float:left;
	margin-left:2px;
	margin-right:2px;
	margin-top:15px; margin-bottom:25px;
	padding:2px 4px 2px 4px;
	text-decoration:none;
	color:#444444;
	font-size:11px;
	text-decoration:underline;
}

.pager a:hover {background:#EEEEEE; color:#444444; text-decoration:none}
.pager .active, .pager b {background:#42afd7; color:#ffffff; text-decoration:none;}

/* end of pager */


/* ALPHABET */
table.alphabet {margin-bottom:20px;}

table.alphabet tr td {
	padding:0px 0px 0px 0px;
	text-align:left;
}

table.alphabet tr td a {
	display:block;
	width:15px;
	text-align:center;
	height:23px;
	font-size:18px;
	text-transform:uppercase;
	background:#F2F2F2;
	border:1px solid #DFDFDF;
	color:#204c58;
	text-decoration:none;
	padding:4px 8px 4px 8px;
	margin-right:15px;
	margin-bottom:15px;
}

table.genres tr td a {
	display:inline !important;
	margin-right:5px;
	font-size:14px;
	text-transform:none;
}

table.alphabet tr td a:hover,
table.alphabet tr td a.active:hover
{
	background:#204c58;
	color:#FFFFFF;
	border:1px solid #204c58;
}

table.alphabet tr td a.active, table.alphabet tr td a.active:hover 
{
	background:#42afd7;
	border:1px solid #42afd7;
	color:#FFFFFF
}
/* end of ALPHABET */

/* GENRE TOP ARTISTS */
.genre-top-artists {
	float:left;
	width:100px;
	margin-left:20px;
	padding-left:20px;
	border-left:1px solid #EEEEEE;
	padding-bottom:20px;
}

.genre-top-artists h2 {font-size:17px; font-weight:normal; line-height:19px; padding:0px; margin:0px 0px 10px 0px;}

.genre-top-artists a {display:block; padding-left:10px; background:url(../images/arrow.gif) 0px 4px no-repeat; font-size:11px; margin-bottom:8px;}

/* end of GENRE TOP ARTISTS */


/* GENRES LIST */
.genres_list {
	padding-bottom:20px;
}
.genres_list_content {
	border:1px solid #EEEEEE;
	padding:10px;
}

.genres_list h2 {font-size:22px; font-weight:normal; line-height:19px; padding:0px; margin:0px 0px 20px 0px;}

.genres_list a {display:block; color:#9e115c; font-weight:bold; padding-left:10px; background:url(../images/arrow.gif) 0px 4px no-repeat; font-size:11px; margin-bottom:5px;}

/* end of GENRES LIST */


/* CHARTS LIST */

.charts-list {margin-top:30px; margin-left:40px;}

.charts-list h2 {font-size:26px; font-weight:normal; line-height:28px; padding:0px; margin:0px 0px 20px 0px;}

.charts-list a {display:block; padding-left:15px; background:url(../images/arrow.gif) 0px 8px no-repeat; font-size:17px; margin-bottom:12px; color:#9e115c}

/* end of CHARTS LIST */

/* ACCOUNT MENU */
.account_menu a {
	display:block;
	padding:0px 0px 0px 8px;
	margin-bottom:17px;
	background:url(../images/arrow.gif) 0px 7px no-repeat;
	font-size:17px;
	line-height:20px;
	text-decoration:none;
}

.account_menu a:hover {color:#0f6b87}

.account_menu a.active, .account_menu a.active:hover {color:#9e115c}

/* end of ACCOUNT MENU */

/* CALENDAR */
.calen .sort {text-align:center; margin-bottom:20px; margin-top:10px; color:#999999;}
.calen .sort a.active {color:#9e115c; font-weight:bold;}

.calen .period .prev {
	float:left;
	font-size:18px;
	text-align:left;
	width:200px;
	margin-right:20px;
}

.calen .period .next {
	float:right;
	font-size:18px;
	text-align:right;
	width:200px;
	margin-left:20px;
}

/* end of Calendar */

.letters-chain {
	padding:5px 0px 0px 5px;
	border:1px solid #DDDDDD;
	background:#EEEEEE;
}

.letters-chain a, .letters-chain b {
	display:block;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	font-size:12px;
	padding:3px 5px 3px 5px;
	color:#000000;
	background:#f9f9f9;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #DDDDDD;
}

.letters-chain b.active {
	background:#42afd7;
	color:#FFFFFF;
}

/* end of CONTENT */

/* FOOTER */
.footer {
	text-align:left;
	width:840px;
	height:100px;
	background:url(../images/footer.png) top left no-repeat;
	position:relative;
}

.footer_menu {
	position:absolute;
	right:30px;
	top:25px;
	width:615px;
	height:23px;
}

.footer_menu .item {
	float:right;
	padding-top:9px;
	background:url(../images/arrow_ver.gif) top center no-repeat;
}

.footer_menu .item a {
	font-size:11px;
	color:#c2dde5;
	text-decoration:none;
	display:block;
	padding-left:14px;
	padding-right:14px;
	border-left:1px solid #c2dde5;
}

.footer_menu .item a:hover {color:#ffffff}

.footer_menu .item a.left {border:none;}

.footer .copyright {
	position:absolute;
	left:30px;
	top:25px;
	padding-left:20px;
	color:#9ac7d7;
	font-size:11px;
	background:url(../images/icon_arrows.gif) top left no-repeat;
}

/* end of FOOTER */
