body {

	font-family:Tahoma, Arial;

	font-size:12px;

	color:#000000;

	background:url(/images/bg.gif) left top repeat-x #FFFFFF;

	margin:0px;

	padding:0px;

	height:100%;

}



.message {

	display:block;

	text-align:center;

	font-size:18px;

	color:#ff5f00;

	padding:15px;

	margin:0px 10px 10px 10px;

	background:url(/images/tmenu_hover.gif) bottom left repeat-x #FEFEFE;



}



textarea {

	font-family:Tahoma, Arial;

	font-size:12px;

}



.s_high {color:#ff5f00 !important}



h1 {font-size:22px; font-weight:bold; padding:0px; margin:10px 0px 10px 0px}

h3 {font-size:20px; font-weight:normal; padding:0px; margin:10px 0px 10px 0px}

form {display:inline;}



p {

	padding:0px;

	margin:0px 0px 12px 0px;

}



a {color:#ff5f00; text-decoration:underline}

a:hover {text-decoration:none;}



.orange, .orange a, a.orange {color:#ff5f00 !important}

.gray, .gray a, a.gray {color:#616161 !important}

.gray2, .gray2 a, a.gray2 {color:#a9a9a9 !important}

.white, .white a, a.white {color:#FFFFFF !important}

.black, .black a, a.black {color:#000000 !important}



.big {font-size:14px !important;}

.big1 {font-size:18px !important;}

.big2 {font-size:22px !important;}

.small, .small a { font-size:11px !important;}



.dev1 {height:10px; clear:both}

.dev2 {height:20px; clear:both}

.dev3 {height:25px; clear:both}



.pad0 {margin-bottom:4px;}

.pad1 {margin-bottom:10px;}

.pad2 {margin-bottom:20px;}



.no_bg {background:none !important}

.no_bord { border:none !important}

.no_pad {padding:0px !important}



.line {height:2px; margin-bottom:10px; margin-top:10px; background:url(/images/dots.gif) left top repeat-x; clear:both; opacity:0.4; filter:alpha(opacity=40); -moz-opacity:0.4;}



.op05 {opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.5;}



.sep {clear:both; height:1px; width:100%;}



a.noline {text-decoration:none}

a.noline:hover {text-decoration:underline}



.left_td {padding-left:15px !important;}

.right_td {padding-right:15px !important;}



body > .sep {height:auto !important}



* html .sep {height:auto !important}





img {

	border:none;

	padding:0px;

	margin:0px;

	}



.kar {

	position:static;

	background:url(/images/header_bg.jpg) top left no-repeat;

	top:0px;

	left:0px;

	min-width:960px;

	height:100%;

}



body >.kar {

	position:absolute;

	min-height:100%;

	height:auto !important;

	min-width:960px;

	width:100%;

}



.content {

	position:relative;

	margin:0px;

	padding:0px 10px 0px 10px;

	}



* html .content {

	height:expression(document.compatMode=='CSS1Compat'? document.documentElement.clientHeight - 240 - 60 + "px" : body.clientHeight - 240 - 60 + "px");

}





.header {

	position:relative;

	top:0px;

	left:0px;

	height:240px;

	}



.header .top {

	position:relative;

	top:1px;

	height:30px;

	font-size:11px;

	color:#cccccc;

	text-align:right;

	word-spacing:3px;

}



.header .top a {

	font-size:11px;

	text-decoration:none;

	color:#616161;

	word-spacing:0px !important;

	}



.header .top a:hover {color:#000000}



.header .topmenu {

	position:relative;

	float:left;

	padding-left:143px;

	height:30px;

}



.header .topmenu a.item {

	display:block;

	height:23px;

	padding:7px 10px 0px 10px;

	float:left;

	font-weight:bold;

	border-right:1px solid #d3d3d3;

}





.header .topmenu a.item:hover {

	background:url(/images/tmenu_hover.gif) right top repeat-x;

}



.header .topmenu a.item:active {

	background:none;



}





.header .flags {

	float:left;

	height:30px;

	margin-left:20px;

	margin-right:20px;

	word-spacing:1px;

}

.header .flags a { display:block; float:left; margin:4px 3px 0px 0px;}

.header .flags a:hover {margin-top:5px;}



.header .rightmenu {

	float:right;

	padding-right:10px;

	padding-top:7px;

}



.header #logo {

	position:absolute;

	top:44px;

	left:154px;

}



.header .righttext {

	position:absolute;

	display:block;

	width:600px;

	top:105px;

	right:10px;

	text-align:right;

	font-size:13px;

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	color:#FFFFFF;

	font-weight:bold;

}



.header div#stats {

	position:absolute;

	top:30px;

	right:0px;

	background:url(/images/stats_bg.png) right top no-repeat;

	width:310px;

	height:40px;

	padding:30px 20px 0px 0px;

	text-align:right;

	font-size:11px;

	color:#ffb68b;

}



* html .kar .header #stats {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/stats_bg.png', sizingMethod=scale)}



.header div#stats h1.stats {

	position:absolute;

	font-size:17px;

	margin:0px;

	padding:0px;

	color:#FFFFFF;

	right:20px;

	top:8px;

}



.header .links {

	position:absolute;

	left:160px;

	top:87px;

	color:#ffb98f;

	word-spacing:5px;

	font-size:10px;

}



.header .links a {color:#ffffff; float:left; margin-right:15px; padding-right:15px; border-right:1px solid #ffcbac; font-family:Arial, Helvetica, sans-serif; word-spacing:normal !important; text-decoration:none; font-size:12px; font-weight:bold}



.header .links a:hover {color:#000000}



.header .links a .big {font-size:16px; line-height:16px;}



#account {

	position:absolute;

	left:10px;

	top:160px;

	width:280px;

	height:31px;

	padding-top:19px;

	z-index:999

}

#account h1.login {

	position:absolute;

	top:-4px;

	left:0px;

	font-size:17px;

	margin:0px;

	padding:0px;

	color:#9b9b9b;

	letter-spacing: -1px;

	font-weight: bold;

}



#account .login_inp {

	float:left;

	margin-right:5px;

}



#account .login_inp .inp {

	width:95px;

	height:16px;

	background:url(/images/loginp_bg.gif) right no-repeat;

	border:none;

	padding:2px 2px 0px 5px;

	font-size:11px;

	color:#616161;

}





#account .btn  {

	position:absolute;

	z-index:999;

	bottom:13px;

	right:0px;

}

#account .logout {position:absolute; z-index:999; left:0px; bottom:5px;}

#account .info {padding-left:80px; font-size:11px; line-height:14px;}



.search {

	position:absolute;

	top:150px;

	left:0px;

	width:100%;

	height:70px;

}



.search .cont {padding:30px 10px 0px 320px; position:relative; height:40px;}

.search .cont .ab {width:100%; height:40px; position:relative; overflow:hidden}



.search .menu {

	position:absolute;

	top:0px;

	left:320px;

	height:23px;

	margin-bottom:10px;

	margin-left:-16px;

	z-index:999;

}



.search .menu div {

	display:block;

	font-size:11px;

	color:#979797;

	height:18px;

	font-weight:bold;

	text-decoration:underline;

	float:left;

	background:url(/images/search_dev.gif) top right no-repeat;

	padding:5px 17px 0px 17px;

	cursor:pointer;

}



.search .menu div.active  {color:#ff5f00; text-decoration:none}



.search .menu div:hover {text-decoration:none}



#music_search, #catalogue, #genres {position:absolute; left:0px; top:0px; height:40px; width:100%; background:#FFFFFF}



#music_search .search_inp_left {position:absolute; left:0px; top:0px; z-index:999}

#music_search .search_inp {

	border:none;

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:19px;

	padding:4px 0px 1px 5px;

	background:url(/images/search_inp_bg.gif) repeat-x;

}

#music_search .btn {position:absolute; right:-1px; top:0px; z-index:999}



#catalogue a {

	display:block;

	float:left;

	width:22px;

	height:19px;

	padding:3px 0px 0px 1px;

	margin-right:1px;

	background:url(/images/btn_alpha.gif);

	font-size:11px;

	color:#FFFFFF;

	font-weight:bold;

	text-decoration:none;

	text-align:center;

}



#catalogue a:hover {

	background-position:bottom;

}



#genres a {

	display:block;

	background:url(/images/gen_bg.gif) top left repeat-x;

	height:26px;

	padding:10px 10px 0px 10px;

	margin:4px 2px 0px 0px;

	float:left;

	font-size:11px;

	font-weight:bold;

	color:#000000;

	text-decoration:none;

}



#genres a:hover {

	background-position:bottom;

	background-color:#d65000;

	color:#FFFFFF

}



#genres .link, #genres .link:hover {

	color:#FFFFFF;

	background:url(/images/allgen_bg.png) top left repeat-x;

}



#genre_list {

	margin-bottom:0px;

}



#genre_list .cnt {

	padding:0px;

	width:100%;

}



#genre_list .cnt .item {

	float:left;

	width:50%;

}



#genre_list .cnt a {

	display:block;

	padding:4px 5px 4px 5px;

	font-size:11px;

	text-decoration:underline;

	font-weight:normal;

	color:#000000;

}



#genre_list .cnt a:hover {

	background:#999999;

	font-weight:bold;

	color:#FFFFFF;

	text-decoration:none;

}



.right_content {

	padding:0px 0px 0px 310px;

	margin:0px 0px 20px 0px;

}



.left_panel {

	position:relative;

	float:left;

	width:310px;

	margin:0px 0px 20px 0px;

}



.center_panel {

	position:relative;

	width:60%;

	float:left;

}



.center_panel_big {

	position:relative;

	width:100%;

	float:left;

}



.right_panel {

	position:relative;

	float:left;

	width:40%;

}



.big_pan {width:99.5%;}



.left_panel .cont {

position:relative;

margin-right:20px;

}



.center_panel .cont {

position:relative;

margin-right:10px;

}



.center_panel_big .cont {position:relative}



.right_panel .cont {

position:relative;

margin-left:10px;

}



.tl {position:absolute; left:0px; top:0px;}

.tr {position:absolute; right:0px; top:0px;}

.bl {position:absolute; left:0px; bottom:0px;}

.br {position:absolute; right:0px; bottom:0px;}



.block {position:relative; width:100%;}



.block_tlt {

	position:relative;

	height:42px;

	background:url(/images/block_tlt_bg.gif);

	margin:0px 4px 0px 4px;

}



.block_tlt .dots {

	position:absolute;

	left:2px;

	bottom:0px;

	width:100%;

	background:url(/images/dots.gif) left top repeat-x;

	height:7px;

	z-index:999;

}



.block_tlt h1.blocktlt {

	position:absolute;

	top:8px;

	left:10px;

	font-size:18px;

	color:#9b9b9b;

	z-index:999;

	padding: 0px;

	margin: 0px;

}



.block_cont {

	position:relative;

	border-left:1px solid #d3d3d3;

	border-right:1px solid #d3d3d3;

	background:#ffffff;

	padding:15px;

}



.block_bottom {

	position:relative;

	height:29px;

	background:#f3f3f3;

	border-bottom:#d3d3d3 solid 1px;

	margin:0px 4px 0px 4px;

	padding:10px 10px 0px 10px

}

.block_bottom h1.seemore {

	position:absolute;

	top:10px;

	right:50px;

	z-index:888;

	padding: 0px;

	margin: 0px;

	font-size: 17px;

	font-weight: bold;

	letter-spacing: -1px;

	color: #adadad;

}

.arrow, .arrow_up {display:block; background:url(/images/arrow_b.png) top left no-repeat; width:27px; height:27px; cursor:pointer}

.arrow_up {background-image:url(/images/arrow_b_up.png)}

.block_bottom .arrow, .block_bottom .arrow_up {position:absolute; right:10px; top:6px; z-index:999;}



.simple_bot { margin-left:0px; margin-right:0px; border:none }



* html .arrow {

background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/arrow_b.png', sizingMethod=scale)

}

* html .arrow_up {

background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/arrow_b_up.png', sizingMethod=scale)

}



.col {width:24.4%; position:relative; float:left; border-left:2px solid #ffffff; border-right:3px solid #ffffff; }



.title {height:40px; border-bottom:2px solid #e3e3e3; position:relative; margin-bottom:10px;}

span.seemore { float:right; margin-top:10px;}

span.seemore a {font-weight:bold; color:#aaaaaa; text-decoration:none}

span.seemore a:hover {color:#000000}



.title h1.page_tlt {

	position:absolute;

	left:0px;

	top:6px;

	padding: 0px;

	margin: 0px;

	letter-spacing: -1px;

	font-size: 23px;

	font-weight: bold;



}



.tt_small_cell {padding:10px; background:url(/images/cell_bg.gif) bottom left repeat-x #ffffff;}



.tt_small_cell {position:relative;}



.tt_small_cell .number {float:left; position:relative; color:#cccccc; width:25px; text-align:right; font-size:22px; font-weight:bold;}

.tt_small_cell .info  {margin-left:35px;}

.tt_small_cell .info p {margin-bottom:3px;}

.tt_small_cell a.track {font-size:14px; font-weight:bold; color:#000000; text-decoration:none}

.tt_small_cell a.artist {font-size:11px; color:#616161;}

.tt_small_cell a:hover {color:#ff5f00}





.free {width:52px; height:62px; background:url(/images/icon_free.png) no-repeat}

* html .free {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icon_free.png', sizingMethod=crop)}



.kbps {width:84px; height:55px; background:url(/images/icon_320.png) no-repeat}

* html .kbps {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icon_320.png', sizingMethod=crop)}







.cell {

	padding:10px 10px 10px 10px; margin-bottom:4px;

	background:url(/images/cell_bg.gif) repeat-x bottom #ffffff;

	border-bottom:1px solid #e3e3e3;

	border-left:1px solid #e3e3e3;

	border-top:1px solid #f2f2f2;

	border-right:1px solid #f2f2f2;

}

.cell .album {font-size:17px; line-height:17px; text-decoration:none; font-weight:bold}

.cell .artist { color:#000000; text-decoration:none; font-weight:bold;}

.cell a.pic {float:left; position:relative; margin-right:10px; padding:4px; background:#cccccc}

.cell a.pic:hover {background:#ff5f00}

.cell a:hover {text-decoration:underline}

.cell .info {margin-left:70px;}





.cell table {float:left; width:96%; position:relative; height:60px;}

.cell .right {

	margin:0px 0px 0px 10px;

	padding:3px 0px 3px 10px;

	border-left:1px solid #DDDDDD;

	text-align:center;

	font-size:11px;

	color:#999999;

	height:30px;

}

.cell .right div { text-align:center; margin-top:4px; color:#000000}

.cell .right a { font-size:11px; color:#000000; font-weight:bold; text-decoration:none;}

.cell .right a:hover { text-decoration:underline}



.cell .free {margin-left:10px; position:relative}

.cell .kbps {margin-left:10px; position:relative}







.ta .cell {height:98px; margin-bottom:7px; position:relative;}

.ta .album {font-size:14px; line-height:15px;}

.ta .artist {font-size:11px;}



.tc_small {position:relative;}

.tc_small a.pic {float:left; margin-right:10px; padding:4px; background:#cccccc}

.tc_small a.pic {position:relative;}

.tc_small a.pic:hover {background:#ff5f00}

.tc_small_cell {padding:5px 0px 5px 0px;}

.tc_small_cell .number {float:left; position:relative; color:#989898; width:14px; font-size:12px; font-weight:bold;}

.tc_small_cell .info {margin-left:17px;}

.tc_small p {margin-bottom:2px;}

.tc_small_cell a.album {font-weight:bold;}

.tc_small_cell a.artist {font-size:11px; color:#000000;}





.ta_small {width:100%; clear:both; padding-bottom:10px; padding-top:10px; border-bottom:1px solid #e8e8e8}

.ta_small a.pic{float:left; display:block; margin-right:10px; padding:4px; background:#cccccc}

.ta_small a.pic:hover {background:#ff5f00}

.ta_small a.big {color:#000000;}

.ta_small a.big:hover {color:#ff5f00;}

.ta_small p {margin-bottom:2px;}







.album p {margin-bottom:6px;}

.album .album_pic {float:left; position:relative;  margin-right:15px; padding-right:15px; border-right:1px solid #e4e4e4}

.album .album_pic img {border:4px solid #cccccc}



.album .album_pic .kbps {

	position:absolute;

	bottom:-7px;

	right:-5px;

}



.album .album_pic .free {

	position:absolute;

	top:-7px;

	left:-7px;

}



.album .album_title { font-size:18px; font-weight:bold; margin:10px 0px 15px 0px; padding:0px;}

.album_info .links {float:right; position:relative; padding-right:10px;}

.album_info .links p {margin-bottom:12px;}

.album_info .links img {vertical-align:middle}

.album_info .links a {font-size:18px; color:#000000; text-align:right}



.tbl td {padding:6px; border-bottom:1px solid #EEEEEE}

.tbltlt td {background:#f3f3f3; color:#A9A9A9; font-weight:bold; padding:10px 6px 10px 8px}

.tbltlt td a {color:#777777}



.art_cat td {

	padding:8px 15px 10px 15px !important;

}



.tbl .kbps {

	width:81px;

	height:32px;

	background-image:url(/images/icon_320_2.png);

}

* html .tbl .kbps {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icon_320_2.png', sizingMethod=crop)}







.tbl .free {

	width:40px;

	height:32px;

	background-image:url(/images/icon_free_2.png);

}

* html .tbl .free {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icon_free_2.png', sizingMethod=crop)}





.acc_menu .item {

	text-align:right;

	padding:0px 0px 10px 0px;

	border-bottom:1px solid #E0E0E0;

	margin:0px 0px 10px 0px;

}

.acc_menu .item a {font-size:18px; line-height:16px; text-decoration:none; font-weight:bold; color:#A1A1A1}

.acc_menu .item a:hover {color:#000000}



.acc_menu #active a {color:#ff5f00;}

.acc_menu #active a:hover {color:#ff5f00}







.pur_hours {

	position:relative;

	text-align:right;

	float:right;

	line-height:17px;

	font-size:11px;

	color:#a9a9a9;

}

.pur_hours a {color:#000000 !important; margin-left:3px; margin-right:3px;}





.pager {padding:0px 0px 0px 0px;}



.pager .pager_title {

	float:left;

	font-size:12px;

	margin-right:6px;

	color:#696969;

}

.pager a, .pager b {

	display:block;

	float:left;

	margin-left:2px;

	margin-right:2px;

	padding:3px 5px 3px 5px;

	text-decoration:none;

	background:#DDDDDD;

	color:#888888;

	font-weight:bold;

	font-size:11px;

}



.pager a:hover {background:#666666; color:#FFFFFF;}

.pager .active, .pager b {background-color:#ff5f00; color:#FFFFFF}





.cal {

	margin-bottom:15px;

}



.cal .links {

	margin-bottom:20px;

	text-align:center;

	font-size:12px;

}



.cal .links a {

	font-size:17px;

	margin-left:6px;

	margin-right:6px;



}



.cal .links a.active {

	color:#000000;

	text-decoration:none;

	font-weight:normal;

}



.cal .previous, .cal .next {

	float:left;

	width:100px;

	text-align:right;

	font-size:12px;

	color:#000000;

	line-height:18px;

}



.cal .previous a, .cal .next a {

	color:#000000;

	font-weight:bold;

	text-decoration:none;

}



.cal .previous a:hover, .cal .next a:hover {

	color:#ff5f00;

}



.cal .previous {float:left; text-align:right}

.cal .next {float:right; text-align:left}



.cal .period {text-align:center; font-size:22px; font-weight:bold; }



.new_line td {

	border-bottom:1px solid #ffc9a0;

}



.footer {

	position:relative;

	bottom:0px;

	left:0px;

	width:100%;

	height:60px;

	background:url(/images/footer_bg.gif) top left repeat-x;

	color:#fbb885;

	}



.footer .line {

	position:absolute;

	left:0px;

	top:20px;

}



.footer .cont {

	position:relative;

	padding:7px 0px 0px 10px;

	height:53px;

	word-spacing:3px;

	background:url(/images/footer_left.jpg) right top no-repeat;

}



.footer h1.copy {

	position:absolute;

	left:10px;

	top:38px;

	font-size:12px;

	font-weight:bold;

	color:#ffd0ad;

	padding:0px;

	margin:0px;

}



.footer a {

	color:#FFFFFF;

	font-size:11px;

	word-spacing:normal !important;

	font-weight:bold;

	text-decoration:none

}



.footer a:hover {

	text-decoration:none;

	color:#ffd7b9;

}



.kar > .content {padding-bottom:60px;}

.kar > .footer {

	position:relative;

	bottom:0px;

	left:0px;

	height:60px;

	width:100%;

}