@import "wiki.css";
@import "skin.css";
/* СТИЛИ ТЕКСТА */
#loginbox{
	position: absolute;
	background: #fff;
	border:1px solid #444;
	z-index: 90;
	padding:10px;
}
#loginbox dl dt{
	float:left;
	width:60px;
}
#loginbox dl{
	margin:0;
	padding:0;
}
#loginbox button{
	border:1px solid #136B79;
	background-color: #1F4F5D;
	color:#E7EEAA;
}
#loginbox a{font-size:11px;color:#0000EE}
#overlay{
	background: #136B79;
	position: absolute;
	z-index: 80;
	width:500px;
	height:500px;
	opacity:0.7;
}
a{
	color:#E7EEB9;
}
#statuscontainer{
    font-size:14px;
	height:2em;
	top:0;
	left:249px;
	position:absolute;
	width:auto;
	margin:0 auto;
	z-index:100;
}
#loadIndicator{
	position:absolute;
	background-color:#f00;
	color:#fff;
	left:0;
	top:0;
	z-index:101;
	padding:10px;
	text-align:center;
}
#error, .error{	  color:#f00; background-color:#FCD6D4;}
#status, .status{ color:#15571F; background-color:#D4FED4;}
#status, .status, #error, .error {
	font-weight:bold;
	text-align:center;
	/*border:1px solid #000;*/
	padding:2px 10px 2px;
	margin:1px;
	border:1px solid #000;	
}

body{margin:0px; background: #084e5d;font-family: Arial;font-size:12px;}
input, button, select {font-family:Arial;}
img{border: 0px solid black; behavior: url(../../skins/cjclub/png.htc);}
#main{ width: 1134px; background: url(../../skins/cjclub/images/wpix.gif); margin:0 auto; position: relative;}

#top0{background: url(../../skins/cjclub/images/lt.gif) no-repeat #fff; width: 100%;}
#top1{background: url(../../skins/cjclub/images/rt.gif) no-repeat right top; width: 100%; height: 93px;}
#top_img{position:relative; left: 125px;background: url(../../skins/cjclub/images/top1.gif) no-repeat;width:559px; height:8px;}
#tb{ padding: 15px 0px 0px 30px; width: 1109px;}

#topmenu .left, #topmenu .right{
	width:29px;
	height:52px;
	background-repeat: no-repeat;
}
#topmenu .content,#topmenu .left,#topmenu .right { float:left;}
#topmenu .content{background: url(../../skins/cjclub/images/menul_accented.jpg) no-repeat; height:52px;}
#topmenu .right { background: url(../../skins/cjclub/images/menur.jpg)}
#topmenu ul.menu{ 
	list-style-type: none; 
	margin:15px 0 0;
	padding:0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;}
#topmenu ul.menu li:FIRST-CHILD{border-left-style:none;}
#topmenu ul.menu li.accented a{
	color:#fff;
	font-size:14px;
	position:relative;
	top:-0.2em;
	left:-0.5em;
}
#topmenu ul.menu li {
	border-left: 1px solid #E2E2E2;
	float:left;
	padding:6px 25px;
}
#topmenu ul.menu li a {
	text-decoration: none;
	color:#0C5158;
}
#topmenu ul li:hover{ background-color: #E6E6E6;}
#topmenu ul li.accented:hover{ background-color: transparent;color:#34fdff;}
#topmenu ul li.accented:hover a{ color:#34fdff;}
#topmenu .submenu{ 
	position: absolute; 
	top:51px;
    background: url(../../skins/cjclub/images/submenubg.png) repeat-x;
    border:1px solid #C8C8C8;
    border-top-style:none;
    background-color:#E7E7E7;
    z-index: 255;
    display:block;
}
#topmenu #submenu{left:279px;}
#topmenu #topsubmenu{left:100px;}
#topmenu .submenu ul{
	list-style-type: none; 
	margin:0;
	padding:6px 0 0;
	z-index: 255;    
}
#topmenu .submenu ul li{
	border-left-style:none;
	float:none;
	padding:5px;
}
#topmenu .submenu ul li:hover a{ color:#767676}
#topmenu .submenu ul li a{ font-size:12px; color:#084E5D; text-decoration:none; /*display:block; float:left; */padding: 4px 5px;}
#submenulauncher {
	cursor:pointer;
	display: block;
	position:absolute;
	left:297px;
	top:38px;
}

.filter .date select{display:inline;}


/*.menu{ padding: 10px 23px; margin-top: 10px; border-left: 1px solid #E2E2E2; display: block; float:left;}*/
#m1{ padding: 10px 20px; margin: 10px 0px 0px 30px; display: block; float:left;}
#rclose{ margin-left: 30px;}
#m2{ padding: 10px 10px 10px 0px; margin-top: 10px; display: block; float:left;}
#m3{ padding: 10px 0px 10px 10px; margin-top: 10px; display: block; float:left;  border-left: 1px solid #E2E2E2;}
.in1{ margin: 15px 8px; display: block; float:left;}

.backhref{
	color:#fff;
	font-size:11px;
	padding-left:12px;
	margin-bottom:10px;
	display:block;
}
#mail{ margin-top: 17px;}

#runline{ background: url(../../skins/cjclub/images/bezline_bg.gif) repeat-x #494949; height:24px; padding: 0px 30px 0 130px;}
#runlinein{ background: url(../../skins/cjclub/images/line_bg.gif) repeat-x;}
#lrunline{ background: url(../../skins/cjclub/images/llinebg.gif) no-repeat;}
#rrunline{background: url(../../skins/cjclub/images/rlinebg.gif) no-repeat right; width: 970px; font: 10px Arial; color: #FFF; padding: 5px;}
#rrunline div, #rrunline p {display:inline}
#rrunline .wiki p{margin:0;padding:0;display:inline}

#logo div.inner span {display:none}
.news{
	width:337px;
	margin:0 auto;
}
.news .top{ height:32px;}
.newswhite .news .top{ background-image: url(../../skins/cjclub/images/newsbox_top.png);}
.newswhite p{padding:0;margin:0}
.news .top div{
	color:#fff;
	font-weight: bold;
	font-size: 11px;
	padding:13px 20px 0;
}
.news .top a{color:#fff}
.newswhite .news .bottom{ background-image: url(../../skins/cjclub/images/newsbox_bottom.png);height:14px;}

.newsgreen .news .top{ background-image: url(../../skins/cjclub/images/news_top.png);}
.newsgreen .news .bottom{ background-image: url(../../skins/cjclub/images/news_bottom.png);height:14px;}
.newsgreen .news .body{background-image: url(../../skins/cjclub/images/news_bg.png);}

.news .top, .news .bottom{
	background-repeat: no-repeat;
	width:337px;
}
.news .body{
	background-image: url(../../skins/cjclub/images/newsbox_bg.png);
	background-repeat: repeat-y;
	width:337px;
}
.news .body div{
	padding:5px 10px;
	color:#fff;
}
#midheader{
	zoom:1;
	display:table;
}

#loginpanel{ 
	position:absolute;
	right:30px;
	top:13px;
}
#loginpanel .title { 
	color:#545454; font-weight: bold; text-align: right;
	margin:0 0 3px;
}
#loginpanel .inputs input {
	border:1px solid #ABABAB;
	color:#545454;
	font-size:12px;
	width:93px;
	padding:0 3px;
}
#loginpanel .inputs {
	margin:0 0 5px;
}
#loginpanel .remember {
	color:#545454;
	font-size:11px;
	margin-right:34px;
}
#loginpanel .info{
	margin:5px 0 10px;
	color:#333;
	text-align: right;
}
#loginpanel button.gray{
	background: url(../../skins/cjclub/images/graybtn.gif) #B6B6B8;
	color:#fff;
}
#loginpanel button{
	border-style:none;
	padding:0;
	background-color: #497E85;
	color:#FDFDAE;
	width:91px;
	height:19px;
	text-align: center;
	background: url(../../skins/cjclub/images/enterbtn.gif) no-repeat #497E85;
	font-weight: bold;
	font-size:13px;
	cursor:pointer;
}
#down_bg a, #loginpanel a{
	color:#0A606A;
}
#loginpanel .links a{
	padding: 0 5px 0 0;
	font-size:11px;
}
#loginpanel label{ cursor:pointer;}


/* member info */
#foruser{  display:table; zoom:1;}
#foruser_bg{ background: url(images/usersbg.gif) right no-repeat; height: 66px; padding: 15px 0px 0px 45px; font: 11px Arial; color: #6D6D6D;}
#futext{ padding: 10px 0px 2px 50px;}

.inptext{ font: 11px Arial; color: #6D6D6D; width: 100px; height: 15px; float: left; padding: 0px 3px; margin-left: 5px;}
#enter{ margin:0;padding:0}
#reg{ margin-left: 5px; font: bold 11px Arial; color: #3C4A58;}
#zp{ margin-left: 47px; font: bold 11px Arial; color: #58361C;}

.song{margin-bottom:1px; padding-bottom:1px;display:table;zoom:1;}

.song .inner{ 
	width: 210px;
	font-size:11px; 
	color: #6D6D6D;
	border-bottom: 1px solid #E5E5E5;
	padding-left: 10px;
	float:left
}
.song .buttons{float:left;margin-left:-5px;} 
.song .inner a{color: #6D6D6D; text-decoration: none;}
.song .inner a strong{ color: #3C4A58;}

.song .trackinfotooltip{width:170px;border:1px solid #E7E7E7;z-index:500;}
.rico{ 
	margin: 3px 2px 2px 2px;; float:left; display: block;
	position:relative;
}
.rico.info{cursor:pointer;}
.genre{
	font-size:9px;
	color:#fff;
	height:15px;
	min-width:71px;
	padding:2px 0 0 0;
	text-align:center;
	display:block;
}
.rico.genre{
	background: url(../../skins/cjclub/images/genre.png) no-repeat;
}
.song .inner a.genre{color:#3C4A58;}
.lico{margin: 3px; float:left; display: block;}

#middlehr{
	background-repeat: repeat-x;
}

#lbox{ 
	background:#084E5D url(../../skins/cjclub/images/left_big_bg.gif) bottom repeat-x; 
	width: 354px;
}
#lbox div.inner{
	background-image:url(../../skins/cjclub/images/left_big_bg_top.gif);
	background-position: top;
	background-repeat: repeat-x;
	width: 354px;
	min-height:200px;
	_height:200px;
	padding-top:35px;
}
.lbox_name{ padding: 15px 0px 10px 0px; font:bold 16px Arial; color:#E7EEB9; background: 0px 35px url(../../skins/cjclub/images/stati.gif) no-repeat; width: 248px; text-align:right;
	margin-top:-35px;
}
#maincontent h1{
	font:normal 24px Arial; color:#E5EFB8;
	margin:0 0 5px 10px;
	padding:0;
}
.filter{ 
	padding:0; 
	margin:10px 32px;
}
.filter .cont{ 
	font-size: 11px; 
	color: #E1E1E1; 
	background-color:#03404E; 
	padding:0 16px;
	zoom:1;
}
.filter .top{background-image: url(../../skins/cjclub/images/box_top.png);}
.filter .top, .filter .bottom{
	background-repeat:no-repeat;
	width:290px;
	height:14px;
}
.filter .bottom{background-image: url(../../skins/cjclub/images/box_bottom.png);}
.filter .title{ padding: 5px 50px 10px 5px; font: bold 14px Arial; color: #FFFDDD;margin:0}
.filter label{
	display:block;
	border-top:1px solid #2A5460;
	margin:0 0 6px;
	padding-top:9px;
}
.filter form{padding:0; margin:0}
.filter input, .filter select{
	margin-bottom:9px;
	clear:all;
	font-size:11px;
	font-family: Arial;
	display:block;
}
.labeled button, .filter button, .buttons button{
	color:#FFFDDD;
	border-style:none;
	background-color: #03404E;
	font-weight: bold;
	display:block;
	float:none;
	font-size:12px;
	font-family: Arial;
	width:140px;
	height:26px;
	background-image: url(../../skins/cjclub/images/btnfilter.png);
	cursor:pointer;
	margin-right:4px;
	vertical-align: middle;
}
.filter button{float:left;}
.buttons button{background-color: #136B79;display:inline}

table.compact { width:100%; border-collapse:collapse; border-spacing:0px; border-style:none; } 
table.compact td { border-collapse:collapse; padding:0px;vertical-align: top; } 

#rights{padding: 73px 0px 7px 50px; font-size:11px; color: #FFF;}

#maincontent{
	color:#fff;
	padding:0 15px 80px;
}

#leftbottom{
	background:#296071 url(../../skins/cjclub/images/left_botom_bg.png) repeat-x;
}

.norecords{
	background-color: #03404E;
	font-size:18px;
	text-align: center;
	color:#E7EEB9;
	border:2px solid #fff;
	/* margin:78px 0 0 0; */
	padding:20px;
}
.norecords2{
	background-color: #03404E;
	font-size:18px;
	text-align: center;
	color:#E7EEB9;
	border:2px solid #fff;
	margin:78px 0 0 0;
	padding:20px;
}

#rbbg{ background:#136B79 url(../../skins/cjclub/images/rbbg3.gif) repeat-x; width: 780px;overflow:hidden;}
#m_b{ padding: 15px 300px 15px 70px; color: #FFF;}
#m_b a{font: 11px Arial; color: #FFF; text-decoration: none;}
#pages{ font:12px Arial; color: #FFF; padding: 0px 0px 30px 70px;}
.pager{ font:12px Arial; color: #FFF; padding: 5px 17px 5px 11px;}
.pager a{color: #FFF; text-decoration:none; margin: 0px 3px;}
.pager span{font:bold 12px Arial; padding: 2px 4px; color: #084E5D; background: url(../../skins/cjclub/images/act_str.gif) no-repeat; text-decoration: none;}
#pages_box{ padding-left: 23px;}

/* трек */
div.track, div.track div.top,div.track div.inner{width: 730px;}

div.track, div.track div{float:left}
div.track .trackinfotooltip{margin:23px 0 0 -5px;left:0;} 
div.track .info{cursor:pointer} 
div.track{ 
	background:url(../../skins/cjclub/images/bgsb.gif) repeat-y;
	margin-bottom: 30px;
}
div.track div.top{background: url(../../skins/cjclub/images/tsb.gif) no-repeat;}
div.track div.inner{ 
	background: url(../../skins/cjclub/images/dsb.gif) no-repeat bottom left;
	font-size:11px; 
	color: #FFFFA8; 
}
div.track div.inner strong{ color: #FFF; font:bold 13px Arial;}
div.track .light_box{ background: #118393; margin-left:3px; width:724px;} /*115768*/

/*Укороченный трек*/
.shrinktracks div.track, 
.shrinktracks div.track div.top,
.shrinktracks div.track div.inner{width: 625px;}
.shrinktracks div.track .light_box{width: 619px;}

.shrinktracks div.track {background-image: url(../../skins/cjclub/images/bgsb_s.gif)}
.shrinktracks div.track div.inner{background-image: url(../../skins/cjclub/images/dsb_s.gif)}
.shrinktracks div.track div.top{background-image: url(../../skins/cjclub/images/tsb_s.gif)}

div.track .placetop{ padding: 5px 0 0 10px; width:130px;}
div.track .toparrow {position:relative; top:2px;}
div.track .toparrow .digits{position:relative; top:-5px;font-size:10px;}
div.track .toparrow .digits.down{color:#2DA7B4}
div.track .mark{padding: 5px 0px 5px 0px;}
div.track .date{
	padding: 5px 20px 5px 0px;
	float:right;
}
div.track .meta{ padding: 0px 10px;}
div.track .meta div{float:none}
div.track .meta a{ color: #FFF;}
div.track .meta .author a{
	font:normal 12px Arial;
	font-weight:bold;
	color:#fff;
}
div.track .meta .author{
	display:block;
	margin-bottom:5px;
}
div.track .meta {width:100%;margin-right:-110px;}
div.track .meta.edited {}
div.track .meta .name{ 
	display:block; margin-bottom:5px; 
}
div.track .meta .name, div.track .meta .name a{
	color: #FFF !important; font:normal 14px Arial; font-weight:bold;
	text-decoration: none;
}
div.track .meta .name span{
	font-size:11px; 
}
div.track .meta .name a:hover{ text-decoration: none;}
div.track .meta .style a{color:#FFFFA8;font-size:11px;text-decoration: none;}
div.track .meta .album{margin-top:3px;}
div.track .meta .album, div.track .meta .album a{
	color:#f8ed8d;
	font-size:12px;
}

div.track .editbox{ padding: 1px 10px; }
div.track .time_mp3{ 
	padding: 10px; 
	border-left: 1px solid #86BFC7; 
	border-right: 1px solid #86BFC7; 
	margin: 5px 0px;
	margin-left:-65px;
	width:45px;
	text-align: right;
}
div.track .song_icons{ padding: 5px 0px 0px 25px;}

div.track .scale{ 
	background: url(../../skins/cjclub/images/marks_box.gif) 15px 0px no-repeat; 
	color: #0D4A54; 
	padding: 10px 0px 0px 35px; 
	height: 70px; 
	width: 675px;
}
.shrinktracks div.track .scale{width:570px}
div.track .scale .mark1{width: 138px; margin: 0px;height:50px;}
div.track .scale .mark2{width: 138px; margin: 0px; padding-left: 24px; }
div.track .scale .mark3{width: 240px; margin: 0 0 0 26px; padding:0;}
div.track .scale .markcontrol{
	cursor:pointer;
}
div.track .scale .marklabel{ padding: 0px 0px 22px 0px;}
div.track .scale .buttonsbox{ 
	width: 75px;
	margin-left:25px;
	height:48px;
}
.markbyscalnotice{
	color:#BE2A2E;
	font-size:9px;
	margin-left:20px;
}
.shrinktracks div.track .scale .buttonsbox{
	position:relative; 
	margin:0;
	top:-60px;
	left:490px;
}
div.track .scale .markcontrol{ position: relative; z-index: 10; width: 100%;}
div.track .scale .marker { 
	background:url(../../skins/cjclub/images/marker.gif) no-repeat;/*#3D7886*/ 
	width:17px;
	height:17px;
	cursor:pointer;
}
div.track .scale .marker .center{
	background-color: #3D7886;
	width:5px;
	position:relative;
	left:5px;
	top:1px;
	height:15px;
	overflow: hidden;
}
div.track .controls{ padding: 7px 10px; color:#f00;}
div.track .controls .left{ background: url(../../skins/cjclub/images/mml.gif) no-repeat; width:11px; height:21px;}
div.track .controls .right{ background: url(../../skins/cjclub/images/mmr.gif) no-repeat; width:11px; height:21px;}
div.track .controls .box{ 
	position:relative;
	background: url(../../skins/cjclub/images/mmbg.gif) repeat-x;
	height: 21px;
}
/*
div.track.active .controls .box a{color:#fff}
div.track .controls .box a{ text-decoration:none; color: #70939C; font: 11px Arial; margin: 0px 15px; padding: 4px 0px; display:block; float:left;}
div.track.active .controls .box a.active{ color:#FFFFA8;}
div.track .controls .box a.active{ color:#6F9479;}
*/
div.track .controls .box a.active{ color:#FFFFA8;}
div.track .controls .box a{ text-decoration:none; color: #fff; font: 11px Arial; margin: 0px 15px; padding: 4px 0px; display:block; float:left;}
/*
dark track = 014758
light track = 118393
*/
/* /трек */

.filter .list a{font: bold 12px Arial; color: #FFFFDD; border-bottom: 1px solid #1D5360; width: 100%; padding: 4px 0px ; display: block; text-decoration: none;}
.filter .list a.active{color:#FFFFA8;}
.kol_stat div{ float:right; font: 11px Arial; margin-top: -15px; color: #FFF;}
.letterfilter{cursor:pointer}
.letterfilter a{ color:#fff; text-decoration: none; }
.letterfilter a:hover{ color:#FFFA9C; text-decoration: underline;}
.letterfilter .current{
	color:#FFFA9C; 
	font-size:14px;
	font-weight:bold;
}


/*
GARBAGE
*/

#down_bg{
	width:100%;
	padding:0 0 30px;
	background:#fff url(../../skins/cjclub/images/down_bg2.gif) no-repeat;
}
.down_boxes{ 
	margin: 30px 0px 0px 30px;float:left;
	border: 1px solid #D6D6D6; width: 200px; height: 70px;
	color:#484848;
}
/*avtor*/
#serch_box{ padding: 17px 29px;}
#serch1{ background: url(../../skins/cjclub/images/serch_ltc.gif) no-repeat #03404E;}
#serch2{ background: url(../../skins/cjclub/images/serch_rtc.gif) top right no-repeat;}
#serch3{ background: url(../../skins/cjclub/images/serch_rdc.gif) bottom right no-repeat;}
#serch4{ background: url(../../skins/cjclub/images/serch_ldc.gif)  bottom left no-repeat; padding: 10px; width: 275px; font: 11px Arial; color:#E1E1E1;}
#serch4 input, #serch4 select{margin: 3px 0px; padding: 0px 3px;}
#serch{ padding: 5px 0px 10px 5px; font: bold 14px Arial; color: #FFFDDD; border-bottom: 1px solid #1D5360; width: 266px;}
#alfavit{ font: 10px Arial; width: 100%; padding: 6px 0px; border-bottom: 1px solid #1D5360;}
#alfavit a { font:bold 11px Arial; color: #FFF; text-decoration:none; }
#alfavit #alf_act{ font:bold 14px arial; color: #FFFAC0; text-decoration:underline;}
#lat{ padding: 6px 5px; width: 100%; }
#ru{ padding: 6px 5px; width: 100%;}
#num{ padding: 6px 5px; width: 100%;}
#num a{font:bold 14px Arial;}
#name_style{padding: 6px 0px; border-bottom: 1px solid #1D5360; width: 100%;}
#name_style div{ padding-left: 5px;}
#name_style select{ width: 120px; height: 20px;}
#s_s_g{padding: 6px 0px; border-bottom: 1px solid #1D5360; width: 100%;}
#s_s_g div{ padding-left: 5px;}
#s_s_g input{height: 18px; width: 110px;}
#s_s_g select{ width: 120px; }
#stat{ width: 270px; padding-bottom: 10px;}
#avtor_but{ padding: 12px 0px; border-bottom: 1px solid #1D5360; width: 100%;}
#avtor_but a{ display:block; float: left; padding-left: 10px;}
.avtor_news2{ padding: 6px 20px;}
#avtor_rights{padding: 53px 0px 10px 50px; font: 11px Arial; color: #FFF;}
#tracks_box{}


.authorbox{ padding: 0px 0 120px 10px;}
.authorbox div{float:left}
.authorbox .top{background-image: url(../../skins/cjclub/images/author_top.png);}
.authorbox .bottom{background-image: url(../../skins/cjclub/images/author_bottom.png);}	
.authorbox .top, .authorbox .bottom{
	width:705px;
	height:10px;
	overflow:hidden;
	background-repeat: no-repeat;
}
.authorbox .cont{ 
	background: url(../../skins/cjclub/images/author_bg.png) repeat-y; 
	height:70px; 
	padding: 15px 0px 15px 20px; 
	width: 705px;
}
.bottom_line{ padding: 5px 0px 9px 0px; border-bottom: 1px solid #346C79; }
.avtor_isp{ width: 280px; border-right: 1px solid #FFF;}
.avtor_isp .name a{ font:bold 18px Arial; color:#FFF; text-decoration:none;}
.avtor_isp .name {float:none;}
.avtor_isp div{ padding-top:1px; font:bold 12px Arial; color:#D6D7DC;}
.avtor_isp .styles a{ font:11px Arial; color:#C3DBA1; text-decoration:underline;}

.avtor_ico{
	padding: 20px 80px 15px 30px;
	border-right: 1px solid #1B5A69;
	margin-left:10px;
}
.author_tracks{
	background: url(../../skins/cjclub/images/avtor_ico2.gif) center left no-repeat;
}
.author_blog{
	background: url(../../skins/cjclub/images/avtor_ico3.gif) center left no-repeat;
}
.avtor_ico img{vertical-align:middle; position:relative; z-index:10;}

.avtor_ico a{ vertical-align:middle; font: 11px Arial; position: relative; top: -4px;}
#avtor_info{color: #FFFFA8;}
#avtor_blog{ color: #FFF;}
#avtor_treki{color: #FCFD76;}
#avtor_stat{ padding: 3px 0px 0px 10px; font: 12px Arial; color: #FFF;}
#avtor_stat span{ font: bold 18px Arial; color: #FFFFBE;}
#avtor_stat p {font: 10px Arial; padding: 0px; padding-top: 5px; margin: 0px;}
#iscustvo{ padding: 5px 25px;}

.glava{font: bold 18px Arial; color: #FFF; padding: 20px 0px 20px 70px;}
#avtor_sb{ background: url(../../skins/cjclub/images/bgsb.gif) repeat-y; width: 730px;}
#avtor_track{padding-left: 25px;}
#avtor_down_bg{padding-top: 78px;}
#avtor_menu_for_songs{ padding: 7px 10px;}
#avtor_menu_for_songs a{ margin: 0px 5px; float: left; display:block;}
#avtor_zhanr{ float:right; padding-right: 80px; }
#avtor_song_name{ padding: 0px 10px; width: 410px;}
#avtor_song_name a{ color: #FFF; font: 12px Arial; display:block; padding: 3px 0px;}
#avtor_song_name strong{ color: #FFF; font:bold 13px Arial;}
#avtor_tracks_box{ padding-left: 25px;}
/*avtor*/

/*article*/
.isc_data{ float: right; font: 10px Arial; color: #FFF;}
.article{ padding:0;margin:4px 0 8px;}
.article_top{background: url(../../skins/cjclub/images/article_top.gif) no-repeat;}
.article_bottom{background: url(../../skins/cjclub/images/article_bottom.gif) no-repeat;}
.article_top, .article_bottom{
	width:728px;
	height:10px;
	overflow:hidden;
}
.article .body{
	width:728px;
	background-color: #1F4F5D;
}
.article .body .cont{
	padding: 0px 35px;
}

.article .title{padding: 5px 0px; border-bottom: 1px solid #346C79; width: 658px;zoom:1;display:table;}
.article .title img{ margin-left: -15px; float:left; position: relative; z-index:10;}
.article .sign{padding: 10px 0px; width: 658px;zoom:1;display:table;}
.article .sign{
	font: 10px Arial; 
	Color: #FFF;
}
.article .sign a{
	Color: #FFF;
	text-decoration:underline;
}
.article .sign .author{float:left}
.article .sign .more{ 
	float:right;
}

.stat_name{ color: #FFF; font:bold 16px Arial; float: left; margin: -3px 0px 0px -15px; padding: 0px; list-style: inside; position: relative; z-index: 20;}
.stat_name span{ color: #E7EEB9;}
.stat_name a{ color: #E7EEB9;text-decoration: none}
.stat_name a:hover{ text-decoration: underline;}

.isc1{ background: url(../../skins/cjclub/images/isc_ltc.gif) no-repeat #084E5D;}
.isc2{ background: url(../../skins/cjclub/images/isc_rtc.gif) right top no-repeat;}
.isc3{ background: url(../../skins/cjclub/images/isc_rdc.gif) right bottom no-repeat;}
.isc4{ background: url(../../skins/cjclub/images/isc_ldc.gif) left bottom no-repeat; padding: 10px 35px; width: 658px}
.text{ font: 12px Arial; color:#FFF; padding: 5px 0px; border-bottom: 1px solid #346C79; width: 658px;}

#user_schet{ width: 145px; padding-top: 8px;float:left;}
#user_schet div{font:11px Arial; padding: 3px 0px;}
#user{border-bottom: 1px solid #C4C4C4; width: 100%;}
#money{ padding: 21px 20px 0px 0px;float:left;}
#exitbutton{position:relative; top:20px;left:-5px;}

#exit{display: block; margin-top: 18px;}
#data_public{ fint: 11px Arial; color: #FFF; padding: 10px 5px; border-bottom: 1px solid #1D5360; width: 260px;}
#data_public img{ padding: 0px 3px; position: relative; top: 3px;}
#data_public input{ width: 60px; margin-right: 10px; height: 18px;}
#art_but{ padding: 20px 0px 5px 5px;}
#lbox2{ padding: 5px 29px;}
#lbox_div1{ background: url(../../skins/cjclub/images/lb2_ltc.gif) no-repeat #03404E;}
#lbox_div2{ background: url(../../skins/cjclub/images/lb2_rtc.gif) top right no-repeat;}
#lbox_div3{ background: url(../../skins/cjclub/images/serch_rdc.gif) bottom right no-repeat;}
#lbox_div4{ background: url(../../skins/cjclub/images/serch_ldc.gif)  bottom left no-repeat; padding: 10px 15px; width: 265px; font: 11px Arial; color:#E1E1E1;}
#lbox_div4 input, #lbox_div4 select{margin: 3px 0px; padding: 0px 3px;}
#last_stat{ border: 0px solid black;}
#article_rights{padding: 46px 0px 10px 50px; font: 11px Arial; color: #FFF;}
#art_m_b{ padding: 20px 300px 20px 70px; color: #FFF;}
#art_m_b a{font: 11px Arial; color: #FFF; text-decoration: none;}
#last_isc3{ background: url(../../skins/cjclub/images/iscd_rdc.gif) right bottom no-repeat;}
#last_isc4{ background: url(../../skins/cjclub/images/iscd_ldc.gif) left bottom no-repeat; padding: 10px 35px; width: 658px}
#art_down_bg{padding-top: 2px;}

/*article*/

/*index_page*/
#box_new_tracks{ 
	background: url(../../skins/cjclub/images/firm_bg.jpg) no-repeat bottom left; 
	min-height:385px;
	width:345;
	padding: 10px 0px 56px 15px; 
	position: relative; 
	z-index:10;
}
#box_new_tracks div{float:none;display:block}
.new_track{ padding: 2px 0px 0px 0px; border-bottom: 1px solid #266471; width: 325px;}
.name_new_track, .name_new_track a{ font: 11px Arial; color:#FFF; text-decoration:none; padding-left: 5px;}
.name_new_track strong{ font:bold 11px Arial; color:#FFFFAB;}	
.ns_links_box{ padding: 3px 0px 7px 22px; border-bottom: 1px solid #054655; width: 303px; height:20px;}
.ns_links_box a{ float:left; display:block;}
.ns_ico{ padding-right: 5px;}
.ns_but{ margin: 5px 0px 0px 7px; }
.ns_but.info{
	cursor:pointer;
	position:relative;
	dispaly:block;
}
.trackinfotooltip{
	padding:5px 15px;
	background-color: #fff;
	color:#000;
	font-size:11px;
	display:block;
	position:absolute;
	left:0;
	z-index:200;
}
.ns_links_box .trackinfotooltip{
	width:300px;
}
.ns_but.genre{
	background: url(../../skins/cjclub/images/ns_zhanr.png) no-repeat;
}
#forum_box{ 
	background: url(../../skins/cjclub/images/forum_bg.gif) repeat-x; 
	margin-top: -11px;
	width: 100%; 
	padding-top: 46px; 
	height: 38px;
}
#forum_box .title{
	font:bold 16px Arial; 
	color:#E7EEB9; 
	width:248px;
	height:29px;
	background: url(../../skins/cjclub/images/forumtitle.png) no-repeat;
	text-align:right;
}
#forum_tems{ padding: 15px 0px 17px 50px;}
#forum_tems a{display:block; float:left; padding-top: 10px; font: 11px Arial; color: #FFF;}
#arhiv_box{ padding: 10px 0px 5px 0px; width: 752px;}
#arhiv_box a{ display:block; float: right; width: 124px; height: 24px; font: 10px Arial; color:#FFF; background: url(../../skins/cjclub/images/arhiv.gif) no-repeat; padding: 10px 0px 0px 60px;}
#rbbg2{ background: url(../../skins/cjclub/images/rbbg2.jpg) repeat-x; height: 837px; width: 780px;}
#rb_menu{ padding: 15px 0px 15px 70px;}
#ip_m_b a{font: 11px Arial; color: #FFF; text-decoration: none;}
#ip_m_b{ padding: 10px 0px; color: #FFF; border-bottom: 1px solid #88CAD3; width: 680px;}
#ip_iscustvo{ padding: 3px 25px;}
#first_isc1{ background: url(../../skins/cjclub/images/isct_ltc.gif) no-repeat #084E5D;}
#first_isc2{ background: url(../../skins/cjclub/images/isct_rtc.gif) right top no-repeat;}

/*index_page*/

.labeled{
	background-color: #03404E;
	padding:10px;
	margin:0 0 5px;
}
.labeled .formelement{
	padding:0 0 5px;
}
.labeled label{
	font-size:14px;
	color:#FFFFA8;
}
.labeled hr{
	border-style:none;
	color:#2A5460;
	background-color: #2A5460;
}
hr{
	border-style:none;
	color:#E5EFB8;
	height:1px;
	background-color: #E5EFB8;
	margin:10px 0;
}
.labeled textarea{width:100%}
.labeled .green{
	border-style:none;
}
#mine{
	position:absolute;
	width:108px;
	height:52px;
	background: url(../../skins/cjclub/images/minebutton.png) no-repeat;
	top:23px;
}
#mine a{
	position:relative;
	top:21px;
	left:40px;
	color:#FDFDAE;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	background-color: #4B8992;
}

table.crud { width:100%; border-collapse:collapse; border-spacing:0px; border-style:none; } 
table.crud td { 
	border-collapse:collapse;
	background-color:#03404E;
	border-bottom:1px solid #1D5360;
}
table#content table.crud td{padding:10px;} 
table.crud thead{
	font-size:14px;
	font-weight:bold;
}
table.crud thead td{
	border-bottom:1px solid #fff;
}
table.crud td a{color:#fff;}

h1{
	margin:0;
}
fieldset.green{
    border-style:none;
    background-color:#084E5D;
    padding:9px;
}
fieldset.green label{ display:inline; }
.radiogroup input{
	float:left;
}
a.dotted{
	text-decoration:none;
	border-bottom-style:dotted;
	border-bottom-width: 1px;
}

#progressbar{
    margin:10px 0;
}
.spacebar{
    background:#D4D4D4 url(../../skins/cjclub/images/progressbar_empty.png) no-repeat;
    height:17px;
    width:316px;
}
.spacebarfilled{
    background:#6CBB59 url(../../skins/cjclub/images/progressbar_filled.png) no-repeat;
    height:17px;
    width:316px;
}
#uploadstatus dl dt, #uploadstatus dl dd{
    font-weight:normal;
    font-size:10px;
}
#uploadstatus dl dt{ float:left; }

.red {
	color:#ff7373;
	font-weight: bold;
}
#search{
	position:absolute;
	right:22px;
}
#search form{padding:0;margin:0;}
#search input{
	color:#9C9C9C;
	font-size: 12px;
	font-style: italic;
	font-family: Arial;
	width:180px;
}
#search button{
	background: none;
	border-style:none;
	padding:0;
	margin:0;
	position:relative;
	top:3px;
	cursor: pointer;
}
.labeled .textinput{
	width:300px;
}
.comment .quotetop{
	float:none;
	margin:0 0 0 10px;
}
.comment .quotemain{
	float:none;
	border:1px dotted #249BA8;
	background-color:#1491A3;
	width:92%;
	padding:5px;
	margin:0 0 0 10px;
}

.album button{
	color:#FFFDDD;
	border:1px solid #356671;
	background-color: #03404E;
}
img.usertype{
	vertical-align:middle;
	font-size:11px;
	margin-left:1em;
}
.authorbox img.usertype{
	position: relative;
	top:-4px;
}
.ads{
	border-top:1px solid #8AB0B9;
	font-size:10px;
	padding:5px;
	color:#fff;
}
fieldset .descr{
	font-size:11px;
	color:#eee;
	display:block;
	margin-left:27px;
}
#googleSearchUnitIframe{
	padding:10px;
	background-color:#136B78;
}
.article .rating{
	float:right;
	display:table;
	width:109px;
}
.article .rating .overall{
	background:#136B79 url(../../skins/cjclub/images/blograting.gif) no-repeat;
	width: 48px;
	height:20px;
	font-size:14px;
	font-weight:bold;
	text-align: center;
	vertical-align: baseline;
	float:left;
}
.article .rating .overall span{
	padding:2px 0 0;
	display:block;
}
.article .rating .plusone{
	display:table;
	background-color:#32980E;
	width: 30px;
	height:20px;
	margin:0;
	margin-left:1px;
	padding:0;
}
.markarrow{
	position: relative;
	height:6px;
	left:3px;
	width:122px;
}
.mark3 .markarrow{width: 224px; }
.markarrow div{
	position: absolute;
	height:6px;
	width:9px;
	background: #B62835 url(../../skins/cjclub/images/markarrow.gif) no-repeat right top;
}
.song_icons a{
	text-decoration: none;
	color:#fff;
	font-size:9px;position:relative;
}
.song_icons a span{
	position:absolute;
	top:23px;
	left:10px;
}
.labelswitch label,.labelswitch input{
	display:inline;
	border-style:none;
}
.labelswitch label{ cursor:pointer}
.labeltrack{
	margin-top:-10px;
	position:relative;
	top:10px;
}

.embed{width:100%; text-align: center;}
.embed textarea{ width:300px; height:90px }

#cjradio{
	height:52px;
	left:840px;
	position:absolute;
	top:24px;
}

/* ============================ Redesign albums ============================ */
div h3{margin:0;}
.albumsButton{
	background:#03404e;
	color:#fff;
	border:1px solid #356671;
}
div.box1_albom	{float:left;
				clear:both;
				background-image:url(../../skins/cjclub/images/albumshow/box_bg.gif);
				background-repeat:repeat-y;								
				}
div.box2_albom_01	{float:left;
					clear:both;
					background-image:url(../../skins/cjclub/images/albumshow/box_top_bg.gif);
					background-repeat:no-repeat;
					background-position:top;							
					}
div.box3_albom_02	{float:left;
					clear:both;
					background-image:url(../../skins/cjclub/images/albumshow/box_bottom_bg.gif);
					background-repeat:no-repeat;
					background-position:bottom;
					width:730px;
					min-height:100px;
					max-height:none;
					position:relative;									
					padding:9px 0px 10px 6px;										
					}
					
div.box3_albom_02  img#foto1 	{background-image:url(../../skins/cjclub/images/albumshow/box_img_bg_01.png);
								background-repeat:no-repeat;
								width:150px;
								height:150px;
								padding:4px 76px 4px 4px; // padding:4px 78px 4px 4px;
								position:absolute;
								top:12px;
								left:12px										
								}
								
div.box3_albom_02 div.box_block_infa_dj	{float:right;
										clear:both;	
										width:455px;
										color:#fff;
										font-size:12px;
										min-height:30px;
										max-height:none;
										color:#fff;
										padding:0px 8px 0px 261px;
										font-size:12px;
										font-family:Arial, Helvetica, sans-serif;																						
										}
										
										
div.box3_albom_02 div.infa_td_big 		{float:left;
										width:455px;
										min-height:30px;
										max-height:none;
										}	
																									
div.box3_albom_02 div.box_block_infa_dj div.infa_td_big h3	{color:#fff;
															font-size:24px;
															font-weight:normal;
															float:left;
															font-family:Arial, Helvetica, sans-serif;																						
															}	
div.box3_albom_02 div.box_block_infa_dj div.infa_td_big h3 strong	{color:#fff;
																	font-size:10px;
																	display:inline;
																	float:none;
																	position:relative;
																	top:-8px;																
																	}	
																
div.box3_albom_02 div.all_width 	{float:left;									
									background-color:#118393;
									background-image:url(../../skins/cjclub/images/albumshow/box_table_01_top_01.gif);
									background-repeat:repeat-x;
									background-position:top;
									margin-bottom:3px;																					
									}
div.box3_albom_02 div.all_width_01 	{min-height:50px;
									max-height:none;
									float:left;
									background-image:url(../../skins/cjclub/images/albumshow/box_table_01_bottom_01.gif);
									background-repeat:repeat-x;
									background-position:bottom;									
									width:467px;
									padding:10px 0px 2px 257px;																						
									}
									
div.box3_albom_02 div.all_width_01 h3 	{color:#ffffa8;
										font-size:14px;
										font-family:Arial, Helvetica, sans-serif;																							
										}
div.box3_albom_02 div.all_width_01 span	{color:#ffffa8;
										font-size:12px;
										font-family:Arial, Helvetica, sans-serif;																							
										}										
																		
div.box3_albom_02 div.all_width_01 td.infa_td_big	{color:#fff;
													font-size:12px;
													font-family:Arial, Helvetica, sans-serif;
													width:285px;
													padding:0px 20px 8px 0px;																						
													}
div.box3_albom_02 div.all_width_01 td.small	{color:#fff;
											font-size:12px;
											width:160px;
											padding:0px 0px 8px 0px;																									
											}
											
											
div.box3_albom_02 div.box3_01_albom_00	{float:right;width:464px;
										margin-right:10px;
										margin-bottom:22px;																					
										}
div.box3_albom_02 div.box3_01_albom_00 h3	{float:left;
											color:#f8ed8d;
											margin:0px 0px 5px 0px;											
											font-family:Arial, Helvetica, sans-serif;
											font-size:14px;
											padding-left:5px;																				
											}																					
div.box3_albom_02 div.box3_01_albom_01	{float:right;
										background-color:#118393;
										background-repeat:no-repeat;
										background-image:url(../../skins/cjclub/images/albumshow/box_table_02_top.gif);
										background-position:top;																					
										}	
div.box3_albom_02 div.box3_01_albom_02	{float:left;
										background-repeat:no-repeat;
										background-position:bottom;
										background-image:url(../../skins/cjclub/images/albumshow/box_table_02_bottom.gif);
										width:464px;
										min-height:100px;
										max-height:none;
										}	
div.box3_albom_02 div.box3_01_albom_02	{float:left;
										background-repeat:no-repeat;
										background-position:bottom;
										background-image:url(../../skins/cjclub/images/albumshow/box_table_02_bottom.gif);
										width:464px;
										min-height:100px;
										max-height:none;
										padding:5px 0px 5px 0px;
										}
div.box3_albom_02 div.box3_01_albom_02 p	{float:left;
											width:454px;
											padding:5px 5px 0px 7px;
											font-family:Arial, Helvetica, sans-serif;
											font-size:12px;
											color:#fff;
											margin:0;
											margin-bottom:5px;
											}	
											
											
div.box3_albom_02 div.box3_02_albom_01	{float:left;
										width:717px;
										margin:0px 0px 11px 4px; // margin:0px 0px 11px 4px;
										background-color:#118393;
										background-repeat:no-repeat;
										background-image:url(../../skins/cjclub/images/albumshow/box_table_03_top.gif);
										background-position:left top;																															
										}
div.box3_albom_02 div.box3_02_albom_011	{float:left;
										width:717px;
										padding-bottom:5px;
										background-repeat:no-repeat;
										background-image:url(../../skins/cjclub/images/albumshow/box_table_03_bottm.gif);
										background-position:left bottom;																															
										}
																				
div.box3_albom_02 table.box3_02_albom_02	{float:left;
											width:717px;
											vertical-align:middle;																															
											}
div.box3_albom_02 table.box3_02_albom_02 tr.head td	{color:#f8ed8d;
													font-family:Arial, Helvetica, sans-serif;
													font-size:12px;
													padding:12px 0px 12px 0px;}
div.box3_albom_02 table.box3_02_albom_02 tr.head td.td_head_01	{padding-left:5px}													

div.box3_albom_02 table.box3_02_albom_02 tr.head td a {float:left;font-size:11px;color:#f8ed8d;}
div.box3_albom_02 table.box3_02_albom_02 tr.head td strong{color:#fff;font-size:13px;float:left;}
div.box3_albom_02 table.box3_02_albom_02 tr.head td span{padding:1px 0px 0px 0px;float:left;font-size:11px;color:#f8ed8d;}																																
div.box3_albom_02 table.box3_02_albom_02 tr.head td img			{margin:0px 4px;}

div.box3_albom_02 table.box3_02_albom_02 tr.head td a.arrow_block		{margin:0px 0px 0px -12px}	

div.box3_albom_02 table.box3_02_albom_02 div.td_01		{width:440px;
														float:left;}	
div.box3_albom_02 table.box3_02_albom_02 div.td_01 a		{color:#fff;}	
div.box3_albom_02 table.box3_02_albom_02 div.td_01 strong 	{color:#fff;}	
div.box3_albom_02 table.box3_02_albom_02 div.td_01 span		{color:#f8ed8d;}
														
div.box3_albom_02 table.box3_02_albom_02 div.td_02		{width:110px;
														float:left}	
div.box3_albom_02 table.box3_02_albom_02 div.td_03		{width:78px;
														float:left}	
div.box3_albom_02 table.box3_02_albom_02 div.td_04		{width:88px;
														float:left}	
														
div.box3_albom_02 table.box3_02_albom_03	{float:left;
											width:717px;
											vertical-align:middle;																															
											}
div.box3_albom_02 table.box3_02_albom_03 td	{padding:0px 10px;																															
											}												
											
div.box3_albom_02 table.box3_02_albom_03 a	{color:#fff;
											font-size:11px;																															
											}
div.box3_albom_02 table.box3_02_albom_03 h4 	{display:inline;
												}											
div.box3_albom_02 table.box3_02_albom_03 h4 a	{color:#fff;
												font-size:14px;
												}
div.box3_albom_02 table.box3_02_albom_03 span a	{color:#f8ed8d;}

div.box3_albom_02 table.box3_02_albom_03 button	{color:#fff;
												font-family:tahoma;
												font-size:10px;
												cursor:hand;
												background-color:transparent;
												background-image:url(../../skins/cjclub/images/albumshow/box_table_03_botton_01.gif);
												width:97px;
												height:16px;
												padding:0px 0px 2px 0px;
												border:none;
												}	

div.box3_albom_02 table.box3_02_albom_03 p	{color:#f8ed8d;
											width:76px;
											font-family:Arial, Helvetica, sans-serif;
											float:left;
											text-align:center;
											background-image:url(../../skins/cjclub/images/albumshow/box_table_03_bg.gif);
											background-repeat:repeat-y;
											padding:12px 0px 12px 0px;}		

.shrinktracks2{float:inherit;margin:0 10px;}																																																																																																																																																																																																																						
.shrinktracks2 div.track, 
.shrinktracks2 div.track div.top,
.shrinktracks2 div.track div.inner{width: 705px;}
.shrinktracks2 div.track .light_box{width: 699px;}

.shrinktracks2 div.track {background-image: url(../../skins/cjclub/images/bgsb_s2.gif)}
.shrinktracks2 div.track div.inner{background-image: url(../../skins/cjclub/images/dsb_s2.gif);}
.shrinktracks2 div.track div.top{background-image: url(../../skins/cjclub/images/tsb_s2.gif)}