@import "pager.css";
@import "crop.css";
@import "comments.css";

* {margin:0; padding:0;}
body {
	margin:0;
	padding:0;
	text-align:left;
	position:relative;
	font-family:Helvetica, Arial, sans-serif;  font-size:75%; font-weight:normal;
	position:relative;
	background-color:#999;
}

a img, :link img, :visited img {
	border: 0;
	font-size:90%;
}
a { color:#626262;}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
span {padding:0;}

.clear {clear:both;height:0px; font-size:0px;}
.float-right{float:right;}
.float-left {float:left;}
.off-screen { text-indent:-9000px; position:absolute; top:0; left:0;}
.no-right-margin { margin-right:0;}
.margin-right {margin-right:8px;}
.no-right-padding { padding-right:0;}

/* headlines 
------------------------------ */
h1 {font-size:220%; line-height:100%; color:#626262; margin-bottom:10px; font-family:Trebuchet MS, sans-serif;}
h1 em {color: #F7616E; font-style:normal;}
h1 em:hover, h2 em:hover {color:#fe5e6a;}
h2 {font-size:150%; color:#626262; margin-bottom:10px;}
h2.promo {font-size:220%; margin-left:30px; margin-bottom:9px;}
h2 em {color: #F7616E; font-style:normal;}

h3 {font-size:120%; color:#626262; margin-bottom:10px;}
h3.promo {font-size:150%;}

.box#singer h3, .box#fan h3 {margin-bottom:25px;}
h3 a:link, h3 a:visited, h3 a:active {color:#60b2ff;}
h3 a:hover {color:#60b2ff;}

#juke-box h3.promo,#juke-box2 h3.promo { padding-left:10px; margin-bottom:15px;}
h3.promo em {color:#60b5fc; font-style:normal;}

h4 {font-size:120%; color:#60b5fc; margin-bottom:5px;}


p {font-size:95%; font-weight:normal; margin-bottom:8px; color:#666666;}
p.promo {font-size:110%; font-weight: bold; margin-bottom:11px; font-family:Trebuchet MS, sans-serif; }
p.news {font-size:95%; font-weight:normal; margin-bottom:8px; color:#666666; text-align:justify;}
img.news {padding: 0px 5px 3px 0px;}

/* framework 
------------------------------ */
#homepage {
	text-align:center;
	}
#wrapper {
	width:984px;
	text-align:left;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	}
#logo {float:left; display:inline; margin:10px 0 0 28px;}
#header {
	min-height:115px;
	background-color:#CC6699;
	background:transparent url(img/bg_header.jpg) 0 0 repeat-x;
	position:relative;
	}
	* html #header {
		height:115px;
		}
#nav-menu {background:#6cbafc url(img/menu-bg0.gif) 0 0 repeat-x; float:left; width:100%; height=35px; }
#content {padding:8px 0 0 8px; background:#FBEBFF /*url(img/bg_content.jpg)*/ 0 0 no-repeat; float:left; width:100%;}
/** html #content {padding:8px 8px 0 8px;}*/

.wrap-decor {background-color:#fbebff; position:relative;}
.wrap-decor .pr-1 { background:url(img/bg_wrapper_bottom_left.gif) left bottom no-repeat;}
* html .wrap-decor .pr-1 {height:3px;padding-bottom:0; font-size:0px; margin-top:-2px;}
*+html .wrap-decor .pr-1 {height:3px;padding-bottom:0; font-size:0px;}
.wrap-decor .pr-2 { background:url(img/bg_wrapper_bottom_right.gif) right bottom no-repeat;padding-bottom:4px; }
* html .wrap-decor .pr-2 {height:3px;padding-bottom:0; font-size:0px;}
*+html .wrap-decor .pr-2 {height:3px;padding-bottom:0; font-size:0px;}
.wrap-decor-top {background-color:#999; min-height:13px;}
.wrap-decor-top .pr-3 { background:url(img/bg_wrapper_top_left.gif) top left no-repeat;}
* html .wrap-decor-top .pr-3 {height:13px;padding-top:0; font-size:0px;}
*+html .wrap-decor-top .pr-3 {height:13px;padding-top:0; font-size:0px;}
.wrap-decor-top .pr-4 { background:url(img/bg_wrapper_top_right.gif) top right no-repeat; padding-top:13px;}
* html .wrap-decor-top .pr-4 {height:13px;padding-top:0; font-size:0px;}
*+html .wrap-decor-top .pr-4 {height:13px;padding-top:0; font-size:0px;}

/* flash
-------------------------------*/
.flash { margin:0 0 10px 0;}
* html .flash { margin:0 0 8px 0;}
/* boxes
-------------------------------*/
.box {margin:0;  border:2px solid #eedff2; background-color:#fff; float:left; width:100%;}
#info-box.box { margin-top:10px; }
#info-box1.box { margin-top:10px; padding-bottom:10px;}
.content {padding:10px 10px 0 10px;}
.no-left-padding {padding-left:0;}

/* columns
-------------------------------*/
#column-first {float:left; width:550px; margin:0 15px 13px 0;}
	* html #column-first {width:546px;}
	
#column-second, #column-third {float:left; width:190px; margin-right:15px;}
#column-third { margin:0 0 13px 0;}
* html #column-second, * html #column-third { width:189px;}
#column-second .box, #column-third .box {background:#fff url(img/bg_headline.jpg) 0 0 no-repeat;}

#column-fourth {float:left; margin:0 15px 13px 0; width:340px; overflow:visible;}
#column-fifth {float:left; width:607px; margin:0 0 13px 0;}
* html #column-fifth {width:608px;}
*+html #column-fifth {width:606px;}

#column-left {float:left; width:550px; margin:0 10px 13px 0;}
#column-right {float:left; width:400px; margin:0 10px 13px 0px;}


/* footer
-------------------------------*/
#footer {min-height:28px; background-color:#999; padding-top:10px;}
	* html #footer {height:28px;}
#top-banner {position:absolute; top:25px; right:20px; border:1px solid #d8e3e3;}
#top-banner img {width:468px; height:60px;}

/* lists uls
-------------------------------*/
ul {margin:0 0 8px 0;padding:0; list-style:none; font-size:95%;}

ul.promo {font-family: Trebuchet MS, sans-serif; font-size:120%; line-height:90%; font-weight: bold;}
ul.promo li {text-decoration:underline; margin-bottom:5px;}
ul.promo li a {text-decoration:underline;}
#juke-box ul.promo,#juke-box2 ul.promo { font-size:100%; line-height:120%;}
#juke-box ul.promo li,#juke-box2 ul.promo li {padding-left:10px; background:url(img/bg_link.gif) 0 50% no-repeat;}

#nav-menu, #footer ul {margin:0;padding:0; position:relative; list-style:none;}
#nav-menu, #footer ul li {display:inline;}

#nav-menu {background:#6dbbfc url(img/menu-bg0.gif) 0 0 repeat-x;}

#nav-menu1 {display:inline; float:left; padding:0px 0px 0px 0px;}
#nav-menu2 {display:inline; float:left; padding:10px 5px 10px 5px; background: url(img/menu-bg2.gif);}
#nav-menu3 {display:inline; float:right; padding:10px 0px 10px 5px; background: url(img/menu-bg2.gif);}
#nav-menu4 {display:inline; float:right; padding:0px 0px 0px 0px;}
#footer ul {text-align:center;}
* html #footer ul {margin-bottom:8px;}
#footer li {padding:0 11px 0 11px; border-left:1px solid #fff;}
#footer li.first {border-left:none;}



 
/* links
------------------------------ */

#nav-menu2 a:link, #nav-menu2 a:visited, #nav-menu2 a:active, #nav-menu3 a:link, #nav-menu3 a:visited, #nav-menu3 a:active{color:#595959; font-weight:bold; text-decoration:none; font-size:110%;}
#nav-menu a:hover, #footer li a:hover {color:#fe5e6a;}
#nav-menu a { padding-top: 10px; }
#nav-menu2 a { padding: 0 0 0 0; 0 0 ;}
#footer li a:link, #footer li a:visited, #footer li a:active {color:#fff; font-weight:bold; text-decoration:none;}


ul.promo li a:link, ul.promo li a:visited, ul.promo li a:hover, ul.promo li a:active {color:#6bbafc; font-weight:bold; text-decoration: underline;}
#juke-box ul.promo li a:link, #juke-box ul.promo li a:visited, #juke-box ul.promo li a:active,#juke-box2 ul.promo li a:link, #juke-box2 ul.promo li a:visited, #juke-box2 ul.promo li a:active {color:#1f1f1f; font-weight:bold; text-decoration: underline;}
#juke-box ul.promo li a:hover,#juke-box2 ul.promo li a:hover  { color:#6bbafc;}

.learn_more a:link, .learn_more a:visited, .learn_more a:active {color:#565656; text-decoration:none; line-height:20px; padding-left:8px; text-align:left;}
.learn_more a:hover {color:#fe5e6a;}

#column-second h3 a:link, #column-second h3 a:visited, #column-second h3 a:active, #column-third h3 a:link, #column-third h3 a:visited, #column-third h3 a:active {color:#60b2ff; padding-left:15px;}
#column-second h3 a:hover, #column-third h3 a:hover {color:#60b2ff;}
.box#singer h3 a { background:url(img/bg_link_singer.gif) 0 50% no-repeat;}
.box#fan h3 a { background:url(img/bg_link_fan.gif) 0 50% no-repeat;}

/* homepage form
------------------------------ */
input, select {font-size:80%; background-color:#dcbfe2;}
form#login-links { position:absolute; top:86px; right:20px;}
form#login-links input.text-input {width:107px; border:1px solid #c5abca; margin-right:5px; padding:3px 2px 2px 5px; color:#fff; filter: alpha(opacity=70);
opacity: 0.70;}
form#login-links input.submit-input {color:#595959; font-weight:bold; text-decoration:none; font-size:100%; border:solid 1px #c5abca; background-color: #fff transparent; padding:0px 5px 2px 5px; cursor: pointer;}
#login-links-after { position:absolute; top:86px; right:20px;}
#login-links-after a { text-decoration:none;}
#login-links-after a.exit { color: #1c92ff;}
#login-links-after a:hover { text-decoration:underline;}
/* widths - heights
------------------------------ */
.width-25percent {width:25%;}
.width-30percent {width:30%;}
.width-40percent {width:40%;}
.width-45percent {width:45%;}
.width-50percent {width:50%;}
.width-60percent {width:60%;}
.width-65percent {width:65%;}
.width-70percent {width:70%;}
.width-75percent {width:75%;}
.width-80percent {width:80%;}
.width-85percent {width:85%;}

.height-215px { min-height:194px;}
* html .height-215px {height:198px;}

/*specials
------------------------------ */
.learn_more {width:105px; margin-bottom:8px;}
.learn_more .pr-1 { background:url(img/bg_link_bottom_left.gif) left bottom no-repeat; padding:0;}
.learn_more .pr-2 { background:url(img/bg_link_bottom_right.gif) right bottom no-repeat; padding-bottom:2px;}
.learn_more .pr-3 { background:url(img/bg_link_top_left.gif) top left no-repeat;}
.learn_more .pr-4 { background:url(img/bg_link_top_right.gif) top right no-repeat;}
.learn_more p {margin:0;}
.learn_more span {padding:1px 5px 1px 10px; background:url(img/bg_link.gif) 50% 60% no-repeat;}
#info-box .learn_more { margin-top:12px; margin-left:20px;}

/*dl dt dd
------------------------------ */
#homepage dl { min-height:222px;}
* html #homepage dl { height:225px;}
*+html #homepage dl { height:225px;}
dt {font-size:105%; font-weight:bold; font-family: Trebuchet MS, sans-serif; padding-left:18px; color:#707070;}
dd {font-size:95%; padding:3px 0 10px 18px; color:#999;}
dt.dt-first { background:url(img/bg_dt_first.gif) 0 50% no-repeat;}
dt.dt-second { background:url(img/bg_dt_second.gif) 0 50% no-repeat;}
dt.dt-third { background:url(img/bg_dt_third.gif) 0 50% no-repeat;}

/*juke box
------------------------------ */
#juke-box {background:url(img/bg_jukebox.gif) 0 0 no-repeat; position:relative; float:left;}
#juke-box2 {position:relative; float:left;}
.cloud {float:left;}
.cloud .pr-1 { background:url(img/bg_jukebox_bottom_left.gif) left bottom no-repeat;}
.cloud .pr-2 { background:url(img/bg_jukebox_bottom_right.gif) right bottom no-repeat; padding-bottom:2px;}
.cloud .pr-3 { background:url(img/bg_jukebox_top_left.gif) top left no-repeat;}
.cloud .pr-4 { background:url(img/bg_jukebox_top_right.gif) top right no-repeat;}
#juke-box .content { padding:8px 8px 0 25px; min-height:170px; margin-left:122px; margin-top:20px;}
#juke-box2 .content { padding:8px 8px 0 25px; min-height:170px; margin-left:0px; margin-top:0px; }
* html #juke-box .content,* html #juke-box2 .content {height:158px; color:#1f1f1f;}
*+html #juke-box .content,*+html #juke-box2 .content {min-height:150px;}

/* biggest-gainer
------------------------------ */
#biggest-gainer .content { min-height:186px; padding-left:15px;}
* html #biggest-gainer .content { height:174px;}
*+html #biggest-gainer .content { min-height:167px;}
.shadow {
	background: url(img/bg_img_shadow.gif) bottom right no-repeat;
	display:inline;
	float:left;
	position: relative;
	margin:2px auto;
	}
 .shadow img {
	display: block;
	margin: -2px 2px 2px -2px;
	position: relative;
	
	}
#biggest-gainer ul { padding-top:10px;}
#biggest-gainer li {float:left; width:90px; text-align:center; margin:0 3px 10px 0;}
#biggest-gainer li a { display:block; color:#fe5e6a; font-size:100%; font-family:Verdana, Arial, Helvetica, sans-serif;  text-decoration: none;}

#lastartists  { }
#lastartists  a {text-decoration:none;}
#lastartists  a:hover {text-decoration:underline;}

#zagolovok {float:left; width:500px; padding:18px 0px 0px 40px; background:url(img/redstar.gif) 10px 12px no-repeat;font-size:150%;  color:#e82222; font-family:Trebuchet MS, sans-serif; text-decoration: underline;}
#goto {float:left; width:500px; padding:5px 0px 5px 170px; font-size:95%; font-weight:normal; margin-bottom:8px; color:#666666;} 

#goto a {color:#60b5fc;}

#leftcol { width: 550px; float: left; }
#rightcol { width: 403px; float: left; padding-left: 10px;}
#leftcol a:hover { text-decoration: none;}

#leftcol .module { width: 524px; padding: 15px 11px 10px 15px; background: #fff; border: 1px solid #e3d6e7; float: left; margin-bottom: 8px; display: inline;}
.module h3 { font-size: 13px; color: #49aafb;}

/* Artst
---------------------------*/
.profile { float: left; margin-right: 22px; text-align:center;width:227px;}
.profile-info { float: left; width: 275px;}
.profile-info h1 { font-size: 20px; color: #e40000;  padding-bottom: 23px;}

.raiting-box { background: #e6e6e6; width: 267px; padding: 10px 0 0px; overflow: hidden; }
.raiting-box ul {	padding: 0 28px 0 20px; float: left;}
.raiting-box ul li { float: left;}
.raiting-box span { float: right; text-align: center; color: #49aafb; padding-right: 22px; font: 13px Tahoma; font-weight: bold;}
.raiting-box strong { font-size: 30px; }

.small-menu {padding-top: 20px;}
.small-menu ul { float: left; padding-right: 7px;}
.small-menu ul li { padding: 5px 0;}
.small-menu ul li a { padding-left: 15px;}
.small-menu ul li a:hover { text-decoration: none;}
.i-add{ background: url(../img/i-add.gif) no-repeat left;}
.i-addcom{ background: url(../img/i-addcom.gif) no-repeat left;}
.i-send{ background: url(../img/i-send.gif)  no-repeat left;}
.i-fan{ background: url(../img/i-fan.gif) no-repeat left;}
.i-rait{ background: url(../img/i-rait.gif) no-repeat left;}
.i-plus{ background: url(../img/i-plus.gif) no-repeat left;}
.i-dollar{ background: url(../img/i-dollar2.gif) no-repeat left;}

a.i-plus {color:#e70000;}
a.i-plus:hover {color:#e70000;}

/* Playlist
-------------------------------*/
.player p { font-size: 13px;}
.player h4 { font-size: 12px; color: #666;}

.play-list { clear: both;}
.play-list ul, .play-list ol { padding: 0 0 0 30px;}
.play-list ul li, .play-list ol li { color: #666;  padding: 2px 0;}
.pl-play {background: url(../img/i-play3.gif) no-repeat left;padding-left:11px;}
.pl-del {background: url(../img/i-del.gif) no-repeat left; padding-left:11px;}
.pl-rename {background: url(../img/i-rename.gif) no-repeat left; padding-left:11px;}

/* My Page
---------------------------*/
.frame-block { width: 490px; overflow: auto; text-align: left; height: 160px; border: 1px solid #d7b2e6;}
.frame-block .preview-only {padding: 20px 10px 20px 15px;}
.comment-list { border: none;}

.frame-tabbed { width: 490px; overflow:auto; text-align: left; border: 1px solid #d7b2e6; float:left;}
.frame-tab {height: 160px; display:none}
div.frame-tab {overflow: scroll; overflow-y: scroll; overflow-x: hidden; padding: 20px 10px 20px 15px;}
textarea.frame-tab {width:100%; border:none;}
iframe.frame-tab {height: 200px;}
/* Tabbed
---------------------------*/
.tabbed {}
.tabbed li {
	float: left;
	height:20px;
	border-top:1px solid #D7B2E6;
	border-left:1px solid #D7B2E6;
	background-color:#F4EAF8;
	display: block;
	font-weight: bold;
	font-size: 11px;
	cursor: pointer;
	color: #666;
	margin-left:8px;
}
.tabbed li span { background: url(../img/tabs.gif) right top no-repeat; margin-right:-20px; float:left; position:relative; display: block; height:17px; padding-left:15px; padding-right:25px; padding-top:3px; }

.tabbed li.act { background-color:#FFF; z-index:15; height:20px;  position:relative}
.tabbed li.act span {background: url(../img/tabs.gif) right -20px no-repeat;}
/* Comment
---------------------------*/
.comment-list { border: none;}
.comment-list .title { background: #f1f2f2; padding: 4px;}
.comment-list li { list-style: none; padding-bottom: 5px; margin: 0;}
.comment-list p {line-height: 18px; margin:none; padding: 4px;  padding-bottom: 0;}
.comment-list a { padding: 0 5px 0 4px; color: #49aafb;}

.frame-block-com { width: 515px; overflow: scroll; text-align: left; overflow-y: scroll; overflow-x: hidden; height: 160px; margin-bottom: 10px;}

/* Button
-------------------------------*/
.but { display: block; float: left;  font-size: 11px; color: #565656; text-decoration: none; background: url(../img/butt_r.gif) no-repeat right; padding-right: 12px; outline: none;  font-weight: bold; cursor: pointer; }
.but span { display: block; line-height: 13px; background: url(../img/butt_l.gif) no-repeat; padding: 3px 5px 5px 10px; font-weight: bold;}



#column-first .inner .but{ margin: 15px 0 0 14px;}

/* Rightcol
-------------------------------*/
#rightcol .module { width: 370px; padding: 15px; background: #fff; border: 1px solid #e3d6e7; float: left; margin-bottom: 8px; display: inline;}
#rightcol .module table { width: 370px;}
#rightcol a:hover { text-decoration: none;}


/* Fan
-------------------------------*/
.fan li { float: left; width: 108px;  text-align: center; height: 140px;}
.fan li a { padding-bottom: 3px; color: #49aafb;}
.fan li img { margin: 3px 0;}

.frame-block-fan { width: 345px; overflow: scroll; text-align: left; overflow-y: scroll; overflow-x: hidden; height: 160px; border: 1px solid #d7b2e6; padding: 20px 10px 20px 15px; }
/*.frame-block-fan .tabbed { padding-left: 10px; }*/

/* Options
-------------------------------*/
.options li { list-style: disc; color: #666; margin-left: 15px; padding: 2px 0;}

.raiting-box-fan { width: 269px; padding: 10px 0 0px; overflow: hidden; }
.raiting-box-fan table { width: 269px;}
.profile-info-fan h1 { font-size: 20px; color: #e40000;  padding-bottom: 0;}

/* How Work
----------------------------*/
.intro { width: 917px; padding: 10px 18px 20px 30px; background: #fff; border: 1px solid #e3d6e7; float: left; display: inline; }
.empty { clear: both; height: 8px;}

.work a:hover { text-decoration: none;}

h2.head { font-size: 18px; }
h2.head a { background: url(../img/arrow_how.gif) no-repeat left; padding: 3px 0 3px 30px; color: #e40000; }

.butreg em { color: #49aafb; font-style:normal; }
.butreg { display: block; float: left;  font-size: 11px; color: #565656; text-decoration: none;   padding-right: 12px; outline: none;  font-weight: bold; cursor: pointer; }
.butreg span { display: block; line-height: 23px;  padding: 3px 5px 5px 10px; font-weight: bold;}

.work .butreg { background: url(../img/butt_r_q.gif) right  no-repeat; margin-left: 100px; display: inline;}
.work .butreg span { background: url(../img/butt_l_q.gif) no-repeat;}

.work .left { float: left; width: 400px; padding-right: 10px;}
.work .right { float: left; width: 405px; padding-left: 70px; min-height: 90px; display: inline;}

.item { width: 917px; margin-bottom: 13px;clear:both;}
	* html .item .right { height: 90px;}

.item h3 { color: #49aafb; font-size: 13px; margin: 0 0 8px;} 
.item ul { padding: 20px 0 25px;}
.item ul li { color: #49aafb; font-size: 13px; padding: 1px 0;  font-weight: bold;}

.button-w { text-align: center; padding-bottom: 15px;}

.n1{ background: url(../img/n1.gif) no-repeat left top;}
.n2{ background: url(../img/n2.gif) no-repeat left top;}
.n3{ background: url(../img/n3.gif) no-repeat left top;}
.n4{ background: url(../img/n4.gif) no-repeat left top;}
.n5{ background: url(../img/n5.gif) no-repeat left top;}

/* Registration
-----------------------------*/
.work h4 { text-align: center; padding: 20px 0 10px 0; color: #000; }
.registration { font-size: 11px; font-weight: normal; color: #666;  padding-bottom: 30px;}
.registration ul { padding: 30px 0 40px; }
.registration li { clear: both; padding: 2px 0; font-size: 11px; }
.registration li label { float: left; width: 100px;}
.registration input { padding: 1px; font-size: 11px; color: #666; background: #fff; width: 135px;}
.registration select { padding: 1px; font-size: 11px; color: #666; background: #fff; width: 135px;}
.registration select.bday {width:50px;}
.registration select.bmonth {width:100px;}
.registration select.byear {width:50px;}
.registration select.country {width:142px;}
.registration input.sex {width:50px;}
.registration li label.sex {float:none; width:auto;}
.registration li label.sex input {width:20px;}
.not input { padding: 1px; font-size: 11px; color: #666; background: #fff; width: 20px;}
.checkbox { width: 20px; }
.registration .but { margin-top: 25px; float: right; margin-right: 80px;}
.registration .but span { padding-left: 30px; padding-right: 20px;}
.registration a { color: #1c92ff;}
/* Basket
------------------------------*/
.basket h2 { padding-left: 10px;}
h3.head { font-size: 18px; padding-bottom: 12px;}
h3.head a { text-decoration: underline; padding-left: 40px;}
.file { background: url(../img/file.gif) no-repeat left; background-position: 0 0;}
.product { background: url(../img/product.gif) no-repeat left;}

.module table{ width: 100%; color: #666; margin-bottom: 20px;}
.module th { padding: 2px 10px; border-bottom: 1px solid #666;}
.module td { padding: 2px 10px; border-bottom: 1px solid #666; }
.basket td { vertical-align: top;}
/*.module td img { float: left; margin-right: 8px;}*/
.summa { float: right;  width: 100%; text-align: right; margin-top: -10px;}

.module select { background: #fff;}

.basket .but { background: url(../img/butt_r_w.gif) right no-repeat; float: right;}
.basket .but span { background: url(../img/butt_l_w.gif) no-repeat;}

.module h2 { font-size: 17px; color: #1c92ff;}

.boxin li { width: 82px; float: left; color: #666; font-size: 9px;  margin: 0 5px; display: inline; height: 153px;}
.boxin li a { color: #e40000; text-decoration: none; } 
.boxin li .pic { text-align: center;}

/*Shop 
------------------------*/
.shop h2.head { float: left;}
.shop .but { float: right;}
.i-basket { background: url(../img/i-basket.gif) no-repeat left; padding-left: 20px; background-position: 0 0px; }

.shop .but { background: url(../img/butt_r_w.gif) right no-repeat; float: right;}
.shop .but span { background: url(../img/butt_l_w.gif) no-repeat;}

.shop td { text-align: center; padding-top: 5px; padding-bottom: 5px;}
.shop a{ color: #1c92ff;}

.shop2 .but { float: right;}
.i-basket { background: url(../img/i-basket.gif) no-repeat left; padding-left: 20px; background-position: 0 0px; }

.shop2 .but { background: url(../img/butt_r_w.gif) right no-repeat; float: right;}
.shop2 .but span { background: url(../img/butt_l_w.gif) no-repeat;}

.shop2 td { text-align: center; padding-top: 5px; padding-bottom: 5px;}
.shop2 a{ color: #1c92ff;}


.navigation { text-align: center;}
.navigation li { display: inline; padding: 0 12px;}
.navigation li a { text-decoration: none;color: #1c92ff;}
.navigation ul li { color: #000; font-size: 100%; padding: 0 12px;  font-weight:normal}
.navigation  select {background: #fff;}

/* Filter */
.filter { width: 524px; background: url(../img/filter-bg.gif); float: left; margin-bottom: 10px;  color: #666; position:relative;}
.filter .top { background: url(../img/filter-top.gif) no-repeat top;  width: 524px; float: left; }
.filter .bottom { background: url(../img/filter-bottom.gif) no-repeat bottom; padding: 5px 0; width: 524px; float: left; }
.filter ul { margin: 0; padding: 0;}

.filter h5 { font: 12px Tahoma; font-weight: bold; padding-bottom: 9px;}
.filter .but{	position: absolute; right:11px; bottom:6px;}

.search { float: left; width: 382px; padding-left: 17px; font-size: 12px; }
.search label { float: left; width: 97px;}
.search input{ width: 206px; font-size: 11px; background: #fff; padding: 1px;}
.search select { width: 212px; font-size: 11px; padding: 1px;}
/*li.name { padding-bottom: 9px;}*/

.search-artist-shop input { width: 30px; background: #deeffe;}
.search-artist-shop img { margin-bottom: -5px;}
.search-artist-shop li { padding: 2px 0; }
.search-artist-shop ul {margin-top: -5px;}

.search-artist input { background: #fff; font-size: 11px; padding: 1px; width: 54px;}
.search-artist select { font-size: 11px; width: 123px; padding: 1px;}
.search-artist li { padding-bottom: 4px;}
li.name { padding: 5px 0;}

td.name-song { text-align: left; }
td.name-song em { font-style: normal; font-size: 9px;}
td.name-song ul { padding-top: 10px; font-size: 11px;}

.shop-r h2 {font-size:32px; color: #9b9b9b;}
.shop-r h2 em {color: #60b5fc; font-style:normal;}
.shop-r .but { float: right;}

.filter .but { background: url(../img/filter_r.gif) right no-repeat; }
.filter .but span { background: url(../img/filter_l.jpg);}

.chart-tabbed { width: 100%; float: left; border-bottom: 1px solid #d2a9e3; margin-bottom: 10px; font-size: 14px;}
.chart th { text-align: center;}
.rait { font-size: 18px; color: #000; width: 44px;}
.rait div { background: #f1f2f2; width: 39px;}
.rait .top { color: #58b703; font-size: 14px; font-weight: bold;}
.rait .bottom { color: #000; font-size: 14px; font-weight: bold;}

/* Table Data
-------------------------------*/
.box-table td { padding: 4px; font-size: 11px; border: none;}
.col1{ background: #e6e6e6;}


.howmark {cursor:pointer;}
.spotimg { height:35px;padding-left:70px;margin-left:50px; padding-top:15px;}




.setting-main {font-size:12px;  font-weight: bold;}

.registration li h4{text-align:left; text-indent:20px;}

#footcopy {text-align:center; color:#fff; margin-top:5px; font-size:10px;}
#footcopy a {text-decoration:none; color:#fff;}

.guests {font-size:11px;color:#9b9b9b;}
.guests a{color:#666;}


div#alltags {margin:15px; line-height:22px;}
div#alltags a{text-decoration:none;}
div#alltags a:hover{text-decoration:underline;}

.tags1 {font-size: 100%}
.tags2 {font-size: 140%}
.tags3 {font-size: 200%}
.tags4 {font-size: 250%}
.tags5 {font-size: 300%}

.simpleadv {background:#FFFFFF;}
.satop {background:url(../img/filter-top.gif) bottom no-repeat;}
.satop .iefix { float:left; height:31px; width:320px;}
.satop .simple {float:left; background:url(../img/f12.gif) no-repeat; width:69px; height:18px; text-align:center; padding-top:3px; margin-left:2px; margin-bottom:10px;}
.satop .simpleactive {float:left; background:url(../img/f11.gif) no-repeat; width:69px; height:18px; text-align:center; padding-top:3px; margin-left:2px; margin-bottom:10px; }
.satop .simple a,.satop .simpleactive a {color:#666666; text-decoration:none;}
.satop .adv {float:left; background:url(../img/f21.gif) no-repeat; width:100px; height:18px; text-align:left; padding-top:3px; margin-left:0px; margin-bottom:10px;padding-left:7px;}
.satop .advactive {float:left; background:url(../img/f22.gif) no-repeat; width:100px; height:18px; text-align:left; padding-top:3px; margin-left:0px; margin-bottom:10px; padding-left:7px; }
.satop .adv a,.satop .advactive a {color:#666666; text-decoration:none;}


a.songbg {background:url(../img/songbg.gif) no-repeat; padding-left:14px;}

div.profile-info a.radio {margin:0px;width:161px;height:37px;display:block; font-size:0px; background-image:url(/img/radio.gif);  background-repeat:no-repeat; background-position:0 0;}

.mark1 { color:red; }


.simpleadv2 {background:#FFFFFF;}
.simpleadv2 .satop {background:url(../img/filter-top2.gif) bottom no-repeat;}
.simpleadv2 .satop .iefix { float:left; height:22px; width:210px;}
.simpleadv2 .satop .simple {float:left; background:url(../img/f12.gif) no-repeat; width:69px; height:18px; text-align:center; padding-top:3px; margin-left:2px; margin-bottom:2px;}
.simpleadv2 .satop .simpleactive {float:left; background:url(../img/f11.gif) no-repeat; width:69px; height:18px; text-align:center; padding-top:3px; margin-left:2px; margin-bottom:2px; }
.simpleadv2 .satop .simple a,.satop .simpleactive a {color:#666666; text-decoration:none;}
.simpleadv2 .satop .adv {float:left; background:url(../img/f21a.gif) no-repeat right; width:69px; height:18px; text-align:left; padding-top:3px; margin-left:0px; margin-bottom:2px;padding-left:7px;}
.simpleadv2 .satop .advactive {float:left; background:url(../img/f22a.gif) no-repeat right; width:69px; height:18px; text-align:left; padding-top:3px; margin-left:0px; margin-bottom:2px; padding-left:7px;}
.simpleadv2 .satop .adv a,.satop .advactive a {color:#666666; text-decoration:none;}

div#allstyles {margin:15px; line-height:22px;}
div#allstyles a{text-decoration:none;}
div#allstyles a:hover{text-decoration:underline;}


.i-warning{background: url(../img/i-warning.gif)  no-repeat left;}