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:inherit;
	bottom:0px;
	left:0px;
	height:60px;
	width:100%;
}