* {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}

body {
	font: normal normal normal 1em Arial, Helvetica, sans-serif;
	background: #282828 url(/images/base/bg_body.jpg) repeat-x;
}

a {
	color: #F05327;
}

#holder {
	width: 924px;
	margin: auto;
	background: url(/images/base/bg_main.jpg) no-repeat;
	padding: 0 35px;
	overflow: auto;
}

#scene-select h1 {
	font-size: 1em;
	color: #fff;
	padding: 10px 0 0 25px;
}

#scene-select {
	height: 100px;
	margin-bottom: 15px;
	background: url(/images/base/top_select.png) no-repeat top left;
}

#scene-select ul {
	padding: 20px 0 0 25px;
}

.s-rock, .s-pop, .s-rap, .s-chanson, .s-electro {
	padding-left: 30px;
	
}

.s-rock {background: url(/images/base/ico_rock.png) no-repeat bottom left;}
.s-pop {background: url(/images/base/ico_pop.png) no-repeat bottom left;}
.s-rap {background: url(/images/base/ico_rap.png) no-repeat bottom left;}
.s-chanson {background: url(/images/base/ico_chanson.png) no-repeat bottom left;}
.s-electro {background: url(/images/base/ico_electro.png) no-repeat bottom left;}

#scene-select li{
	display: block;
	float: left;
	margin-right: 10px;
	height: 18px;
	padding-top: 20px;
}

#scene-select a {
	color: #fff;
	font-weight: bold;
	font-size: 0.9em;
}

#header {
	margin-bottom: 15px;
	overflow: auto;
}

#logo {
	margin-right: 35px;
	float: left;
}

#fake-player {
	width: 413px;
	height: 131px;
	float: left;
	background: url(/images/base/player_bg.png);
	margin-right: 30px;
	padding: 10px 0 0 0;
	text-align: center;
}


#play {display: block; padding-left: 13px;}


#run  {
	font-size: 0.8em;
	width: 300px;
	color: #fff !important;
	margin-bottom: 5px;
	padding-top: 5px;
	clear: left;
	text-align: center;
	margin:auto;
}

.compose {
	padding-top: 8px;
	font-size: 0.88em;
	padding-top: 16px;
}

#auth {
	width: 190px;
	background: url(/images/base/bg_auth.png) no-repeat;
	float: left;
	height: 110px;
	padding: 15px
}

#auth p {font-size: 0.7em; color:#fff;}

#auth a{
	color: #fff;
	font-size: 0.7em;
}

#auth label {
	font-size: 0.75em;
	color: #fff;
	float: left;
	width: 55px;
}

#auth input {
	width: 117px;
	margin-bottom: 10px;
}

.enter {
	margin-left: 55px;
}

#general {
	clear: left;
}

#main {
	width: 670px;
	float: left;
	margin-right: 30px;
}

#menu {
	background: url(/images/base/bg_menu.png) no-repeat;
	height: 63px;
	padding: 0 13px;
}

#menu li {
	display: block;
	float: left;
	margin-right: 25px;
	text-align: center;
}

#menu a {
	display: block;
	float: left;
	color: #fff;
	font-size: 0.88em;
	font-weight: bold;
	height: 48px;
	padding-top: 15px;
}

#menu a:hover {
	color: #000;
}

#menu-admin {
	background: url(/images/base/bg_menu_admin.jpg) no-repeat;
	height: 62px;
	padding: 0 30px;
	margin-top: -15px;
	position: relative;
	z-index:5;
}

#menu-admin li {
	display: block;
	float: left;
	margin-right: 27px;
	text-align: center;
}

#menu-admin a {
	display: block;
	float: left;
	color: #000;
	font-size: 0.88em;
	font-weight: bold;
	height: 48px;
}

#menu-admin a:hover {
	color: #000;
}

a.selected {
	background: url(/images/base/bg_selected.jpg) no-repeat bottom center;
	color: #000 !important; 
	text-decoration: none;
}

a.selected-a {
	background: url(/images/base/bg_selected_admin.jpg) no-repeat bottom center;
	color: #000 !important; 
	text-decoration: none;
}

#content {
	width: 670px;
	padding: 50px 0 0 0;
	background: #fff;
}

#content h1 {
	font-size: 1.9em;
	color: #FF7946;
	float: left;
	margin-right: 50px;
	margin-bottom: 50px;
}

.top20 {
	background: url(/images/base/bg_top20.jpg) no-repeat bottom center;
	padding: 0 70px 150px 70px;
	overflow: auto;
}

.top20 p {
	padding-top: 12px;
}

.track-wrap {
	height: 60px;
	border-bottom: 1px solid #ccc;
	clear: left;
	padding: 15px 20px;
}

.place {
	font-size: 1.25em;
	color: #666;
	float: left;
	width: 50px;
	padding-top: 20px;
}

.track {
	font-weight: bold;
	line-height: 140%;
	color: #666;
	float: left;
	width: 360px;
	font-size: 0.8em;
	white-space: nowrap;
	overflow: hidden;
	width: 250px;
}



.pre-track {
	position: absolute;
	z-index: 5;
	width: 50px;
	margin-left:200px;
	background: transparent url(/images/base/bm_21_grad.png) no-repeat top right;
	height: 30px;
}

.t-avatar a:hover ins.play-out{
	position: absolute;
	height: 58px;
	width: 58px;
	background: url(/images/base/play.png);
	z-index: 500;
	display: block;
	text-decoration: none;
	border: 1px solid #333;
	cursor: pointer;
}

.t-avatar a ins.play-out {
	display: none;
	text-decoration: none;
}

.t-avatar {
	float: left;
	margin-right: 10px;
}

.t-avatar img {width:60px; height:60px;}

.sub-info {
	clear: left;
	font-size: 0.7em;
	margin-left: 120px;
	margin-top: -17px;
	width: 250px;
	float: left;
	color: #666;
	overflow: hidden;
	height: 25px;
}

.sub-info-wrap {
	position: absolute;
	z-index: 5;
	width: 250px;
	background: transparent url(/images/base/bm_21_grad.png) no-repeat center right;
	height: 25px;
}

.sub-info li {
	display: inline;
	margin-right: 5px;
	border-right: 1px solid #ccc;
	padding-right: 5px;
	white-space: nowrap;
}

.sub-info img {
	margin-bottom: -5px;
	margin-right: 5px;
}

.sub-info a{
	position: relative;
	z-index: 10;
	height: 22px;
}

.track a:hover {
	color: #fff;
	background: #333;
	text-decoration: none;
}

.sub-info a:hover {
	color: #333;
	text-decoration: none;
}

.raiting {
	float: right;
	padding-top: 13px;
	width: 110px;
	margin-top: -60px;
}

.raiting {
	`margin-top: 0px;
	`height: 60px;
}


.raiting p {
	padding: 8px 0 0 8px;
	color: #666;
	font-weight: bold;
	text-align: center;
	clear: both;
	margin-top: 0;
	`padding-top: 0;
}

#text-main {
	background: #656565 url(/images/base/bg_main_text.jpg) no-repeat bottom center;
	padding: 0 70px 50px 200px;
}

#text-main h1 {
	font-size: 1em;
	color: #ccc;
	margin-bottom: 20px;
}

#text-main p {
	clear: left;
	font-size: 0.8em;
	color: #fff;
	line-height: 140%;
	margin-bottom: 1em;
}


#text-main ul, #text-main ol {margin-left: 30px;color: #fff;}
#text-main ol {list-style: decimal;}
#text-main li  {margin: 0 0 10px 30px;font-size:0.8em;color: #fff;list-style: decimal;}

.text {
	padding: 0 70px 50px 70px;
	background: url(/images/base/bg_text.png) no-repeat bottom center;
	min-height: 700px;
	overflow: hidden;
}

.text h1 {
	font-size: 1.5em !important;
	margin: 0px !important;
	padding: 0px !important;
}

.text h4 {
	font-weight: normal;
	color: #666;
	font-size: 0.75em;
	padding-bottom: 10px;
}

.text h2 {
	color: #333;
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 10px;
}

.text p {
	clear: left;
	font-size: 0.8em;
	line-height: 140%;
	margin-bottom: 1em;
	color: #333;
}

.text dt {
	color: #999;
	font-size: 0.75em;
	margin-bottom: 5px;	
}

.text dd {
	font-size :0.8em;
	margin-bottom: 20px;
}
.text ul, text ol, {margin-left: 30px;font-size:0.8em;color: #333;}
.text li  {margin: 0 0 10px 30px;font-size:0.8em;color: #333;list-style: decimal;}

.left {
	float: left !important;
	display: block;
	width: 400px;
}

.city {
	font-size: 0.7em !important;
	color: #666;
}

.sub-header {
	color: #FF7946 !important;
	margin: 20px 0 20px 0;
}

.avatar {
	float: right;
}

.person {
	text-align: center!important;
	width: 150px;
	float: left;
	padding: 0 12px;
	height: 230px;
	overflow: hidden;
}

.person img {
	margin-bottom: 1em;
	width: 100px;
	height: 100px;
	clear: left;
}

.opinion dl{padding: 3px; border: 1px solid #999;}

.opinion dt, .opinion dd {
	background: #F7F7F7;
	padding: 10px;
}

.opinion dd {border-bottom:1px solid #ccc;}

.opinion span {
	font-weight: bold;
	color: #333;
}

#track-list {
	clear: left;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: auto;
}

#track-list ol {
	padding: 0 0 20px 40px;
}

#track-list li {
	list-style: decimal;
	font-size: 0.88em;
	margin-bottom: 10px;
}

#user-name, #captcha, #comments textarea, #f-email {
	border: 1px solid #ccc;
	margin-bottom: 8px;
}

#captcha {
	width: 117px;
}

#captcha, #user-name, #f-email {
	height: 23px;
}

#comment-text, #user-name, #f-email {
	width: 300px;
}

#comment-send {
	margin-left: 100px;
}

#comments label {
	width: 100px;
	height: 23px;
	font-size: 0.75em;
	display: block;
	float: left;
}

#right-column {
	float: left;
	width: 220px;
}

#news {
	padding: 15px 0 20px 20px;
}

#news h1 {
	font-size: 0.88em !important;
	margin-bottom: 20px;
}

#news a {
	color: #fff;
}

#news dl{
	font-size: 0.75em;
}

#news dt {
	color: #333;
	padding-bottom: 5px
}

#news dd {
	padding-bottom: 15px;
}

#footer {
	clear: left;
	height: 100px;
	padding-top: 70px;
	font-size: 0.7em;
	color: #666;
}

#footer p {
	margin-bottom: 3px;
}

#counters, #copy {
	float: left;
}

#counters {
	width: 200px;
}		

#counters img {
	margin: 0 5px 5px 0;
}
		
		
		#netlight {
			font-size: 8pt;
			float: right;
		}

		#netlight img {
			margin-right: 10px;
			float: left;
		}

		#footer a {
			color: #666;
		}	
	
	
	
	
.color-lines	{
	width: 15px;
	padding: 3px;
	float: left;
}

.color-lines img {
	margin-bottom: 3px;
}


#let-navi {
	padding: 10px 0 30px 0;
	font-size: 1em;
	color: #666;
}	

.line {
	padding-bottom: 10px;
	color: #666;
	font-weight: bold;
}


.line a:hover {

	background: #282828;
	color: #fff;

}		

.c-list {
	float: left;
	padding: 10px 7px;
	width: 246px;
	height: 349px;
	background: url(/images/base/bg_composer_top.png) no-repeat;
} 	

.c-list ol{
	padding-left: 40px;
	margin-top: 20px;
	line-height: 180%;
	font-size: 0.88em;	
}

.c-list li {
	list-style: decimal;
	font-weight: bold;
	color: #666;
	margin-left: -40px; !important;
	padding-left: 30px !important;
	clear: left;
}

.c-list h4 {
	font-size: 0.88em !important;
	font-weight: bold !important;
	padding-left: 15px;
}	


#pages {
	font-size: 0.75em;
	color: #666;
	text-align: center;
	padding-top: 20px;
}

#user-admin form {
	clear: left;
	font-size: 0.8em;
	margin-top: 50px;
}

.field {clear:both; text-align:right;line-height:25px; margin-bottom: 15px;}
.field label {float:left;padding-right:10px;}
/*
#user-admin {float:left;}
#user-admin input, #user-admin texarea, #user-admin select {border: 1px solid #666;}
#user-admin h3 {font-size: 1em; color: #FF7946;margin-bottom:15px;}
#user-admin h2 {font-size: 1.3em; color: #FF7946;margin-bottom:15px;clear:left;margin-top:20px;}
#user-admin fieldset {border: 1px solid #ccc; padding: 10px; width: 400px; margin: auto;}
*/


.user-admin table {width: 100%;text-align: left;border-collapse: collapse;}
.user-admin td {vertical-align: middle;padding: 15px 0; font-size: 12px;}
.user-admin input {border: 1px solid #ccc;}
.user-admin button {border: 1px solid #ccc;}
.user-admin textarea {border: 1px solid #ccc; width: 300px;}
.user-admin span {color: red;}
.splitter {border-bottom: 1px solid #ccc;}
.help {font-size: 8pt !important;color: #676355;margin: 0;}
.t-header {font-size: 1.3em;color: #FF7946;}
.user-admin p {font-size: 12px;}


.track-navi table {width: 100%;font-size: 0.75em;border-collapse: collapse;}
.f-line {background: #EFEDED;}
.s-line {background: #F6F6F6;}
.track-navi th {padding: 5px 2px;border: 1px solid #ccc;}
.track-navi td {padding: 10px 5px;border: 1px solid #fff;}



.required {color: #f00; font-weight: bold;}
.error {color: red; margin:0 0 20px 70px; padding:10px; font-size: 0.8em; font-style: italic; border: 1px solid red; background: #f7f7f7; width: 500px;} 
.warning {color: yellow; margin:0 0 20px 70px; padding:10px; font-size: 0.8em; font-style: italic; border: 1px solid yellow; background: #f7f7f7; width: 500px;}
.notice {color: green; margin:0 0 20px 70px; padding:10px; font-size: 0.8em; font-style: italic; border: 1px solid green; background: #f7f7f7; width: 500px;}
.letter-list {padding-left:20px !important; list-style: disc !important;}
.letter-list li {margin-bottom: 10px;}

div.rating-cancel {display:none;!important}
div.rating-cancel a {display:none;!important}
#logo-tabs {margin-bottom:30px;}


/************************* AFISHA *******************************************/

#afisha {clear:left;}
#afisha .town-sort {font-size: 0.75em; font-weight: normal;clear:left;padding:20px 0;margin-bottom: 20px;}
#afisha .town-sort ul {padding-top:10px;}
#afisha .town-sort li {display: inline; margin-left: 10px;} 
#afishs .town-sort a {font-size: 0.75em !important;}
#afisha .town-sort a:hover {color: #fff; background: #000; text-decoration:none;}
#afisha img {max-width: 530px;margin-bottom: 10px;}

.afisha-block {margin-bottom: 40px; padding: 10px; border-left: 1px dashed #efefef;border-right: 1px dashed #efefef;border-top: 1px dashed #ccc;border-bottom: 1px dashed #ccc;}
.afisha-block h2 {font-size: 1.2em; color: #F05327;padding:0; margin-bottom: 10px;}
.afisha-block h3 {font-size: 1em; margin-bottom: 25px;}

/*************************EX-BAN********************************************/

.ex-ban {
	border-bottom: 1px dashed #ccc;
	margin-bottom: 20px;
}

.ex-ban img {
	margin-left: 20px;
}

.ex-ban textarea {
	border :1px solid #ccc;
}