@charset "windows-1251";
/* CSS Document */
html {
	overflow-y:scroll;
}
body {
	background: url("/extra/images/n.gif") no-repeat;
	background-attachment: fixed;
}
body,td,th {
	margin:0;
	padding:0;
	font: normal normal normal 12px/17px Tahoma, Geneva, sans-serif;
	color:#000;
}
acronym {
	border-bottom:1px dotted;
	cursor:help;
}
form {
	margin:0;
	padding:0;
}

div.b {width:160px; height:600px; float:left;}
div.left-b, div.right-b {
	z-index: 10; position: fixed; top: 25px; right: 50%; width:185px; overflow:hidden;
	_height:1%;
	//position: absolute;
	//top: expression(eval(document.documentElement.scrollTop) + 25 + 'px');
}

div.left-b {margin:0 250px 0 0;}
div.right-b {margin:0 -439px 0 0;}

div.left-b .top {width:71px; height:12px; float:right; background:url("/extra/images/advsp.png") -101px 0 no-repeat; font-size:1px;}
div.left-b .bot {width:71px; height:12px; float:right; background:url("/extra/images/advsp.png") -101px -5px no-repeat; font-size:1px;}
div.left-b .pla {width:13px; height:600px; float:left; margin:0 0 0 8px; background:url(/extra/images/advsp.png) -84px 0 repeat-y;}

div.right-b .top {width:71px; height:12px; background:url("/extra/images/advsp.png") 0 0 no-repeat; font-size:1px;}
div.right-b .bot {width:71px; height:12px; background:url("/extra/images/advsp.png") 0 -5px no-repeat; clear:both; font-size:1px;}
div.right-b .pla {width:13px; height:600px; float:left; margin:0 8px 0 0; background:url(/extra/images/advsp.png) -71px 0 repeat-y;}

.string {
	display:block;
	width:364px;
	float:left;
	z-index:9999;
	vertical-align:middle;
	font:normal normal normal 12px Tahoma, Geneva, sans-serif;
	border:1px solid #7F9DB9;
	background:url("/extra/images/sprite.gif") -102px center no-repeat;
	padding:0 2px 0 21px;
	height:23px;
	line-height:23px;
	z-index:1;
}
span.submit {
	display:block;
	float:right;
	width:70px;
	z-index:9999;
	vertical-align:middle;
	background:#669ABC;
	border:1px solid #00578f;
	text-shadow:1px 1px 1px #00578f;
	cursor:pointer;
	height:23px;
	z-index:1;
}
button.submit  {
	font:normal normal normal 12px Tahoma, Geneva, sans-serif;
	color:#fff;
	background:#669ABC;
	width:70px;
	height:23px;
	line-height:23px;
	vertical-align:middle;
	display:block;
	padding:0px 2px 2px 2px;
	margin:0;
	border-top:1px solid #8cbcdb;
	border-bottom:1px solid #528cb2;
	border-left:1px solid #528cb2;
	border-right:1px solid #528cb2;
	z-index:1;
	text-shadow:1px 1px 1px #00578f;
}
.submit:hover {
	background:#79a9c8;
}
button.submit:active {
	border-top:1px solid #528cb2;
	border-bottom:1px solid #8cbcdb;
	text-shadow:none;
}
a:link {color: #00578f;}
a:visited {color: #00578f;}
a:hover {color: #006fb7;}
a:active {color: #00578f;}

a.nogoto, a.nogoto:link, a.nogoto:visited, a.nogoto:active, a.nogoto:hover{
	text-decoration:none;
	border-bottom:1px dashed;
}
div.main {
	width:508px;
	margin:20px auto;
	position:relative;
}
div.main div.in-main {
	margin:0 20px;
	position:relative;
}
div.block {
	_height : 1%;
	overflow:hidden;
	margin:10px 0;
	z-index:1;
	position:relative;
}
div.form p {
	overflow:hidden;
}
div.form hr, hr.form {
  background:#eee;
  color: #eee; /* цвет линии в IE */
}

div.form label {
	display:block;
	float:left;
	width:60px;
	text-align:left;
}
div.form input {
	width:200px;
}
div.form i {
	display:block;
	margin: 3px 0 0 60px;
	padding:0 0 1px 0;
	font:normal normal normal 10px Tahoma, Geneva, sans-serif;
	color:#999999;
}
div.form i.label {
	margin: 0;
	font:inherit;
	color:#000000;
	display:block;
	float:left;
	width:60px;
	text-align:left;
}
div.form button {
	margin: 0 0 0 60px;
}
div.form input.noinput {
	width:auto;
}
div.form label.nolabel {
	width:auto;
	margin:0 20px 0 0;
}
div.logo {
	width:234px;
	float:left;
	color:#999999;
	position:relative;
}
div.logo a {
	position:relative;
}
div.logo div.logoblock {
	width:47px;
	float:left;
}
div.logo div.logoblock img {
	display:block;
	position:relative;
}
div.menu {
	display:block;
	clear:both;
	_height : 1%;
	overflow:hidden;
	z-index:1;
}
div.menu div.in {
	width:25%;
}
div.menu ul {
	margin:0;
	padding:0;
	list-style:none;
	width:400%;
	//margin-right:-400%;
}
div.menu li {
	margin:0;
	padding:0;
	display:block;
	position:relative;
	float:left;
	width:25%;
	font-size:11px;
	text-align:center;
}
div.menu a, div.menu li a:link, div.menu li a:visited {
	outline:none;
	color:#666666;
	/*text-decoration:none;*/
}
div.menu li a:link, div.menu li a:visited {
	padding:4px 0 6px 0;
	display:block;
	text-align:center;
	background:#eeeeee;
	border-left:1px #f3f3f3 solid;
	border-top:1px #f3f3f3 solid;
	border-right:1px #d6d6d6 solid;
	border-bottom:1px #d6d6d6 solid;

}
div.menu li a:hover, div.menu li a.selected {
	background:#e5e5e5;
	border-left:1px #eeeeee solid;
	border-top:1px #eeeeee solid;
	border-right:1px #c6c6c6 solid;
	border-bottom:1px #c6c6c6 solid;
}
div.menu li a:active {
	background:#e5e5e5;
	border:1px #e5e5e5 solid;
}
div.user {
	height:37px;
	margin:5px 0 0 0;
	float:right;
	color:#999999;
	text-align:right;
	font:normal normal normal 11px Tahoma, Geneva, sans-serif;
}
div.user a, div.user a:link, div.user a:visited, div.user a:active {
	color:#669ABC;
}
div.user a:hover {
	color:#87AFCB;
}
div.user div.info {
	margin:5px 0 0 0;
}
div.avatar {
	width:37px;
	float:right;
	margin:3px 0 0 5px;
}
div.avatar img {
	max-width:32px;
}
a.logo {
	text-decoration:none;
	display:block;
}
strong.logo {
	font:normal normal bold 20px Arial, Helvetica, sans-serif; 
	letter-spacing:-1px;
	text-decoration:underline;
	color:#000000;
}
ul.news {
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}
p.news {
	margin:0;
	padding:0;
	color:#999;
}
ul.news li {
	margin:0 0 7px 0;
	padding:0 0 0 0;
	color:#999;
	list-style:none;
}
ul.news li i, p.news i {
	display:block;
	font-style:normal;
	font-size:10px;
	line-height:100%;
}
ul.news li span, p.news span {
	color:#000;
}
div.binfo {
	font:normal normal normal 11px/15px Tahoma, Geneva, sans-serif; 
	float:left;
}

div.binfo a {
	margin:0 7px 0 0;
}

div.counter {
	float:right;
	text-align:right;
}

hr {
  margin: 7px 0;
  height: 1px;
  border: none;
  background:#CCC;
  color: #CCC; /* цвет линии в IE */
}

* html hr {margin: 0; /* для IE6 */}
*+html hr {margin: 0; /* для IE7 */}

div.pagesNew {
	font:normal normal normal 11px/21px Tahoma, Geneva, sans-serif;
}
div.pagesNew .pageSelected {
	margin:0 1px 0 0;
	padding:3px 5px;
	background-color:#f4f4f4;
	border:1px solid #cccccc;
}
div.pagesNew a, div.pagesNew a:link, div.pagesNew a:visited, div.pagesNew a:active {
	margin:0 1px 0 0;
	padding:3px 5px;
	border:1px solid #f4f4f4;
}
div.pagesNew a:hover {
	background-color:#f4f4f4;
	border:1px solid #cccccc;
}

ul.audio, ul.audio li {
	font:normal normal normal 11px/13px Tahoma, Geneva, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
}
ul.audio li {
	border-top:1px solid #EFEFEF;
	padding:7px 0 5px 0;
	overflow:hidden;
	_height:1%;
}
ul.audio li i.t {
	margin: 0 0 0 5px;
	color:#999;
}
ul.audio li a.dl {
	margin: 0 0 0 5px;
}


ul.audio li div.act {
	float:left;
	width:25px;
}
ul.audio li div.act a {
	filter: alpha(opacity=60); /* IE 5.5+*/
	-moz-opacity: 0.60; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 0.60; /* Konqueror 3.1+, Safari 1.1 */
	opacity: 0.60; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}
ul.audio li div.act a:hover {
	filter: alpha(opacity=100); /* IE 5.5+*/
	-moz-opacity: 1; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 1; /* Konqueror 3.1+, Safari 1.1 */
	opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}
ul.audio li div.act a.play {
	display:block;
	width:17px;
	height:16px;
	background:url("/extra/images/sprite.gif") 0px 0px repeat-x;
	cursor:pointer;
}
ul.audio li div.act a.noplay {
	display:block;
	width:17px;
	height:16px;
	cursor:default;
}
ul.audio li div.act a.pause {
	display:block;
	width:17px;
	height:16px;
	background:url("/extra/images/sprite.gif") -17px 0px repeat-x;
	cursor:pointer;
}
ul.audio li div.act a.down {
	display:block;
	float:right;
	width:17px;
	height:16px;
	background:url("/extra/images/sprite.gif") -34px 0px repeat-x;
	cursor:pointer;
}
ul.audio li div.atitle {
	float:left;
	width:418px;
}
ul.audio li div.atitle div.ititle {
	float:left;
	width:385px;
}
ul.audio li div.atitle div.time {
	width:33px;
	text-align:right;
	float:left;
	color:#999999;
}
ul.audio li div.atitle div.auw {
	height:6px;
	padding:3px 0 0 0;
	clear:both;
}


	.playbar {
		width:300px;
		height:5px;
		float:left;
		cursor:pointer;
		border-top:1px solid #CFDAE9;
	}
	.playbar .load {
		position:relative;
		width:0px;
		height:1px;
		margin:-1px 0 0 0;
		border-top:1px solid #8FA8C9;
		//font-size:1px;
	}
	.playbar .marker {
		position:relative;
		width:15px;
		height:5px;
		margin:-1px 0 0 0;
		background:#8FA8C9;
		cursor:pointer;
		//font-size:1px;
		//margin:-2px 0 0 0;
	}
	.soundbar {
		width:50px;
		height:3px;
		float:right;
		cursor:pointer;
		border-top:1px solid #8FA8C9;
	}
	.soundbar .marker {
		position:relative;
		width:7px;
		height:4px;
		background:#8FA8C9;
		cursor:pointer;
		//font-size:1px;
	}
	
div.charts {
	width:225px;
	margin:0 9px 0 0;
	float:left;
}
div.charts div.div {
	float:left;
	width:185px;
}
div.charts img {
	float:left;
	margin:0 7px 3px 0;
}
div.charts h3 {
	margin: 0 0 0 0;
	color:#999999;
}
div.charts h3 a, div.charts h3 a:link, div.charts h3 a:visited, div.charts h3 a:active {
	color:#cb4040;
}
div.charts h3 a:hover {
	color:#ffffff;
	background:#cb4040;
	text-decoration:none;
}
div.charts p {
	font: normal normal normal 11px/14px Tahoma, Geneva, sans-serif;
	margin:7px 0 0 0;
}
div.charts a, div.charts a:link, div.charts a:visited, div.charts a:active {
	color:#3b79a1;
}
div.charts p a:hover {
	color:#ffffff;
	background:#3b79a1;
	text-decoration:none;
}
div.twocharts {
	clear:both;
	overflow:hidden;
	margin:15px 0;
}
ol.charts {
	overflow:hidden;
	color:#999999;
	font: normal normal normal 11px/14px Tahoma, Geneva, sans-serif;
}
ol.charts li {
	margin:7px 0 0 0;
}
ol.charts a, ol.charts a:link, ol.charts a:visited, ol.charts a:active {
	color:#3b79a1;
}
ol.charts a:hover {
	color:#ffffff;
	background:#3b79a1;
	text-decoration:none;
}
ol.charts li i {
	display:block;
	float:right;
	width:80px;
	text-align:left;
	font-style:normal;
	color:#cccccc;
}
ol.charts li b {
	display:block;
	float:right;
	text-align:left;
	width:30px;
	font-weight:normal;
}
ol.charts li b.up, ol.charts li b.new {
	color:#009966;
}
ol.charts li b.down {
	color:#ad0000;
}
ol.charts li b.up em, ol.charts li b.new em {
	display:block;
	float:left;
	width:5px;
	height:7px;
	margin:3px 5px 0 0;
	background:url("/extra/images/bullet.gif") left no-repeat;
}
ol.charts li b.down em {
	display:block;
	float:left;
	width:5px;
	height:7px;
	margin:3px 5px 0 0;
	background:url("/extra/images/bullet.gif") right no-repeat;
}
div.attention {
	padding:3px 25px 5px 30px;
	border:1px solid #ffa5a5;
	background: url("/extra/images/attention.png") 7px 5px no-repeat;
	font: normal normal normal 11px/13px Tahoma, Geneva, sans-serif;
	color:#999999;
}
ul.lyrics {
	margin:10px 0;
	padding:0;
	list-style:none;
}
ul.lyrics li {
	margin:0;
	padding:8px 0 10px 0;
	border-top:1px solid #eeeeee;
	font: normal normal normal 11px/13px Tahoma, Geneva, sans-serif;
}
ul.lyrics li i {
	display:block;
	float:left;
	width:17px;
	height:16px;
	margin:0 7px 0 0;
	background:url("/extra/images/sprite.gif") -51px 0px no-repeat;
}
ul.lyrics li a.plus {
	display:block;
	float:right;
	width:17px;
	height:16px;
	background:url("/extra/images/sprite.gif") -68px 0px no-repeat;
	filter: alpha(opacity=60); /* IE 5.5+*/
	-moz-opacity: 0.60; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 0.60; /* Konqueror 3.1+, Safari 1.1 */
	opacity: 0.60; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}
ul.lyrics li a.plus:hover {
	filter: alpha(opacity=100); /* IE 5.5+*/
	-moz-opacity: 1; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 1; /* Konqueror 3.1+, Safari 1.1 */
	opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}
img.iliru {
	filter: alpha(opacity=40); /* IE 5.5+*/
	-moz-opacity: 0.40; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 0.40; /* Konqueror 3.1+, Safari 1.1 */
	opacity: 0.40; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}
table.share a {
	filter: alpha(opacity=80); /* IE 5.5+*/
	-moz-opacity: 0.80; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 0.80; /* Konqueror 3.1+, Safari 1.1 */
	opacity: 0.80; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}
table.share a:hover {
	filter: alpha(opacity=100); /* IE 5.5+*/
	-moz-opacity: 1; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 1; /* Konqueror 3.1+, Safari 1.1 */
	opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}

div.letters { background:#f7f7f7; border:1px solid #dae1e8; padding:2px 5px 3px 5px; text-align:center; line-height:20px;}
div.letters a { padding:1px 3px 3px 3px; color:#56789c; margin:0 1px; /*text-decoration:none;*/ font-weight:bold; font-size:11px;}
div.letters a:hover { background:#45688e; color:#f7f7f7;}
ul.artists, ul.artists li { margin:0; padding:0; list-style:none;}
ul.artists li { display:block; width:230px; float:left; margin:0 4px 0 0; padding:3px 0 5px 0; border-bottom:1px solid #f4f4f4;}
ul.artists li a { padding:1px 0 2px 0;}
ul.artists li a:hover {background:#45688e; color:#f7f7f7;}