/*
Sensation Music main stylesheet

TABLE OF CONTENTS
1. RESETS ...........................  8
2. STRUCTURAL STYLING ...............	31
*/

/* =RESETS
-------------------------------------------------------------------------------------*/
@font-face {
	font-family: 'SkodaSans';
	src: url('/fonts/skodasansrg.eot');
	src:url(/fonts/skodasansrgt.ttf) format('truetype');
	font-weight: normal;
	font-style: normal;
}
html {
	width:100%;
	overflow-x:hidden;
}
body {
  background-color:#363d45;
}
a {outline:none}
h1, h2, h3, h4, h5, h6, p {
	margin:0;
	padding:0;
}
.clear {
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
}
a img {
	border:none;
}
/* =END
-------------------------------------------------------------------------------------*/

* {
zoom:1;								/* =TRICK: IE bug fix (needs to be sent to separate IE file)  */
}

/* =STRUCTURAL STYLING
-------------------------------------------------------------------------------------*/
body {
	height:100%;
	width:100%;
	padding:0;
	margin:0;

	background:#363d45;
}
.page {
	width:962px;
	margin:0 auto;
}
.container {
	margin:0 auto;
	width:872px;
}
.header {
    /*
    height:28px;
	padding:52px 0 50px 0;
    */
	height:90px;
	padding:0px 0 50px 0;
	position:relative;
}
.navigation {
	height:36px;
	margin-bottom:4px;
	background:url(/img/navi_bar_bg.png) no-repeat 0 0;
}
.marquee {
   height:20px;
   background:#222127;
   margin:0px 0 0;
   padding:9px 0 0;
   font:11px/11px Arial, Helvetica, sans-serif;
   font:#fff;
}
.marquee a {
  color:#fff;
}
div.begun {position:absolute;left:100%;white-space: nowrap;margin-left:0;}
div.begun a,div.begun span {display:inline-block; color:#fff;}
div.begun span.sep {display:inline-block; margin-right:10px;}


.userNav {
	height:38px;
	background:url(/img/user_nav_bg.png) repeat-x 0 0;
}
.mainPart {
	background:url(/img/sidebar_bg.png) no-repeat top right;
	padding:0;
	margin:4px 0 0;
	position:relative;
}
.wall_bg .mainPart,
.user_bg .mainPart {
	background:url(/img/sidebar_bg_trans.png) no-repeat top right;
}
.content {
	width:618px;
	float:left;
}
.sidebar {
	width:250px;
	float:right;
}
.footer {
	padding:30px 0;
}
/* =END
-------------------------------------------------------------------------------------*/

/* =HEADINGS
-------------------------------------------------------------------------------------*/
.header h1 {

	width:370px;
    height:90px;
	font:28px/28px Arial, Helvetica, sans-serif;
	background:url(/img/logo.gif) no-repeat 0 100%;
    margin-left:0px;
	position:relative;
	text-indent:-9999px;
	top:40px;
	/*
	width:447px;
	height:37px;
	background:url(/img/sm_uc.png) 0 0 no-repeat;
	*/
}
.header h1 a {
  width:100%;
  height:28px;
  /*margin-top:-28px;*/
  display:block;
	position:absolute;
	top:0;
	right:0;
}
.cbHeader h2 {
	/* padding:31px 0 20px 0;
	height:24px;
	text-indent:-9999px;
	font:24px/24px Arial, Helvetica, sans-serif;
    */
    height:50px;
    background:url(/img/top_block_bg.png) no-repeat;
    font:24px/50px SkodaSans, Arial, Helvetica, sans-serif;
    color:#fff;
    width:598px;
    padding-left:10px;
    text-transform:uppercase;
}
.focus h2,
.tnFocus h2 {
    font:15px SkodaSans;
	width:80px;
	float:left;
	_display:inline;
    text-transform:uppercase;
    font-weight:bold;
    text-shadow:-1px 1px 1px #cfd1d6;
}
.u-panel h2 {
	margin:21px 0 0 0;
}
.news .focus h2 {
	margin:15px 0 0 11px;
}
.tnFocus h2 {
	margin:25px 0 5px;
}
.tnFocus .date {
	margin:0 0 5px 0;
	float:left;
	width:60px;
}
.news .focus .lead {
	margin-bottom:5px;
}
.music .focus h2.mixes {
	width:100px;
	margin:15px 0 10px 11px;
	background-position:0 -67px;
}
.sideBlock h2 {
    /*
	height:42px;
	width:225px;
	margin-left:7px;
	font:42px/42px Arial, Helvetica, sans-serif;
	text-indent:-9999px;

	background:url(/img/headings_sprite.png) no-repeat;
    */
    color:#fff;
    background:url(/img/sh_bg.png) no-repeat 0 0;
    height:46px;
    width:230px;
    font:24px/40px 'SkodaSans', 'Times New Roman', sans-serif;
    text-transform:uppercase;
    margin-left:2px;
    padding:0 0 0 6px;
}
.reg_form h2 {
	padding:26px 0 10px 0;
	width:608px;
	height:50px;
	text-indent:-9999px;

	font:24px/24px Arial, Helvetica, sans-serif;
	background:#222127 url(/img/regBlockHeader_bg.png) no-repeat 0 0;
}
.user_inf_edit  h2,
.mixPage h2,
.blog h2,
.blogItem h2,
.faq h2,
.facesRoot h2,
.bestUsers h2,
.mix_upload h2,
.events_edit h2,
.photo_r h2,
.evListH,
.photo_item h2,
.photo_preview h2,
h2.my_photo,
.messages h2,
.blog_top h2,
.pt_heading {
    padding:0 0 10px 0;
    height:50px;
    background:#ABB0BC url(/img/top_block_bg.png) no-repeat;
    font:24px/50px SkodaSans, Arial, Helvetica, sans-serif;
    color:#fff;
    width:598px;
    padding-left:10px;
    text-transform:uppercase;
}
.user_inf_edit  h2 {
    background:#222127 url(/img/top_block_bg.png) no-repeat;
}


.pt_heading {
	padding-bottom:0;
}

.user_profile h2 {
    padding:0 0 10px 0;
    height:50px;
    background:#222127 url(/img/top_block_bg.png) no-repeat;
    font:24px/50px SkodaSans, Arial, Helvetica, sans-serif;
    color:#fff;
    width:598px;
    padding-left:10px;
    text-transform:uppercase;
}
h2.my_photo {
	background:url(/img/my_photo.png) no-repeat 0 0;
	padding-bottom:0;
}
/*.mix_upload h2 {
	background:#222127 url(/img/mix_edit_heading.png) no-repeat 0 0;
	text-indent:-9999px;
	padding-bottom:0;
}
.en .mix_upload h2 {
	background:#222127 url(/img/en_mix_edit_heading.png) no-repeat 0 0;
}
*/
.mix_upload h2.tracks {
	background:#222127 url(/img/mix_edit_heading.png) no-repeat 0 0;
}
.en .mix_upload h2.tracks {
	background:#222127 url(/img/en_mix_edit_heading.png) no-repeat 0 0;
}
.facesRoot h2{
	background:#222127 url(/img/faces_heading.png) no-repeat 0 0;
	text-indent:-9999px;
	padding-bottom:0;
}
.en .facesRoot h2 {
	background:#222127 url(/img/en_faces_heading.png) no-repeat 0 0;
}
.bestUsers h2 {
    background:#D5D5D9 url(/img/top_block_bg.png) no-repeat;
}
.blogItem h2,
.mixPage h2.dBlogs,
.photo_r h2,
.evListH,
.mixPage h2,
.messages h2 {
	background:#222127 url(/img/top_block_bg.png) no-repeat;
}
.newsItem h2,
.otherNews h2 {
    padding:0 0 10px 0;
    height:50px;
    background:#222127 url(/img/top_block_bg.png) no-repeat;
    font:24px/50px SkodaSans, Arial, Helvetica, sans-serif;
    color:#fff;
    width:598px;
    padding-left:10px;
    text-transform:uppercase;
}

.niItem h2 {background:none; padding:10px 0; 	width:auto; height:auto;
text-indent:0;
}

.newsItem .evListH {
	text-indent:25px;
}
.blogSort h3.incom {
	background:url(/img/mes_incom.png) no-repeat 0 0;
	width:139px;
	height:48px;
	margin-right:55px;
}
.blogSort h3.outcom {
	background:url(/img/mes_outcom.png) no-repeat 0 0;
	width:139px;
	height:48px;
	margin-right:55px;
}
h2.wall {
    padding:0 0 10px 0;
    height:50px;
    background:url(/img/top_block_bg.png) no-repeat;
    font:24px/24px SkodaSans, Arial, Helvetica, sans-serif;
    color:#fff;
    width:598px;
    padding-left:10px;
    text-transform:uppercase;
}
#upFile h3 {
	float:left;
	margin:0 20px 0 0;
	padding-bottom:10px;
}
.albums_edit h3 {
	margin:0 20px 0 0;
	padding-bottom:10px;
}
h3.myBlog {
	display:inline-block;
	padding:0 30px 10px 0px;
	color:#fff;
	font:24px/24px SkodaSans, Arial, Helvetica, sans-serif;
	position:relative;
}
h3.myFeedback,
 h3.myFeedbacken,
 h3.myFeedbackru {
	display:inline-block;
	padding:20px 30px 10px 0px;
	color:#fff;
	font:24px/24px SkodaSans, Arial, Helvetica, sans-serif;
	position:relative;
}
.en h3.myFeedback {
	background:#222127 url(/img/en_feedback_bg.png) no-repeat 0 0;
}
h3.myPhoto {
	display:inline-block;
	padding:0 30px 20px 10px;
	color:#fff;
	font:24px/50px SkodaSans, Arial, Helvetica, sans-serif;
	position:relative;
}
h3.charts {
	font:13px/13px Arial, Helvetica, sans-serif;
	width:80px;
	text-indent:-9999px;
	background:url(/img/s_headings_sprite.png) no-repeat 0 -87px;
	width:40px;
	float:left;
}
en. h3.charts {
	background:url(/img/en_s_headings_sprite.png) no-repeat 0 -87px;
}
.subFocus h3 {
	width:80px;
}
.blogSort h3,
.blogSort h2.events_h{
    height:22px;
    padding:0;
    text-transform: uppercase;
    text-indent:6px;
    letter-spacing:-1px;
    font:22px/22px SkodaSans;
    color:#fff;
	float:left;
	width:70px;
}
.news .focus h3 {
	margin:3px 0 0 11px;
	width:233px;
}
.users h3.newb,
.users h3.res  {
	margin:18px 0 5px 0;
    font:14px SkodaSans;
    font-weight:bold;
    text-transform:uppercase;
    text-shadow:-1px 1px 1px #cfd1d6;
}
.user_inf_edit h3 {
  text-indent:-9999px;
  background:url(/img/uie_heading.png) no-repeat 27px 50%;
  width:227px;
  height:25px;
  padding:10px 0 20px;
}
.form_block h3 {
	background:url(/img/reg_s_headings.png) no-repeat;
	width:315px;
	height:17px;
	margin-bottom:35px;
	font:18px/18px Arial, Helvetica, sans-serif;
	text-indent:-9999px;
	padding:0;
}
.en .form_block h3 {
	background:url(/img/en_reg_s_headings.png) no-repeat;
}
h3.blogRoot {
	width:121px;
	height:22px;
    padding-top:20px;
    text-transform: uppercase;
    text-indent:14px;
    letter-spacing:-1px;
    font:22px/22px SkodaSans;
    color:#fff;
	float:left;
	margin-left:-15px;
}
.user_inf_edit h3.acc_type,
h3.acc_type {
	background-position:0 0;
	margin-left:10px;

}
.form_block h3.acc_info {
	background-position:0 -21px;
}
.form_block h3.pers {
	background-position:0 -40px;
}
.form_block h3.rcode {
	background-position:0 -58px;
}
.usp_n,
.usp_a,
.usp_m {
	background:url(/img/user_page_root_h.png) no-repeat;
	width:63px;
	height:16px;
	text-indent:-9999px;
	padding:0;
}
.usp_n,
.usp_a,
.usp_m {
	background:url(/img/en_user_page_root_h.png) no-repeat;
}
.usp_n {
	background-position:0 -2px;
}
.usp_a {
	background-position:0 -18px;
}
.usp_m {
	background-position:0 -34px;
}
.form_block h4 {
	margin-bottom:13px;
}
#genres h4 {
	margin:15px 0 0 4px;
	padding-bottom:15px;
}
/* =END
-------------------------------------------------------------------------------------*/
#auth_form {
	position:absolute;
	width:243px;
	margin-top:15px;
	height:33px;
	_height:25px;
	padding:12px 0 0 15px;
	_padding-bottom:4px;
	background:url(/img/login_bg.png) repeat-x 0 0;
	z-index:5;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
#auth_form form {
	margin:0;
	padding:0;
}
	.formError{
		position:absolute;
		width:90px;
		top:30px;
		left:98px;
	}
	.formCheck {
		float:left;
		margin:0;
		padding:0;
		margin-bottom:0px;
	}
	.formCheck input {
		padding:0;
		border:none;
		margin:0 5px 0 0;
		vertical-align:text-top;
		height:12px;
	}
	.formCheck label {
		margin-top:-4px;
		font-size:11px;
	}
	.loginSub {
		float:left;
		padding-right:5px;
	}
	.loginSub input {
		border:none;
		background:url(/img/login_enter.png) no-repeat 0 0;
		width:75px;
		height:18px;
	}
	.en .loginSub input {
		background:url(/img/en_login_enter.png) no-repeat 0 0;
	}
	.loginSub input.login_submit {
		background:url(/img/login_send.png) no-repeat 0 0;
	}
	.en .loginSub input.login_submit {
		background:url(/img/en_login_send.png) no-repeat 0 0;
	}
	.inp {
		background:#fff;
		padding:0 3px;
		margin:0 10px 1px 0;
		width:65px;
		_width:45px;
		float:left;
		height:16px;
         border-radius:3px;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;

	}
	#formPassRe .inp {
		width:125px;
	}
	.inp input {
		width:100%;
		height:14px;
		border:none;
		_height:10px;
		_font-size:10px;
		_line-height:10px;
		_border:1px solid #fff;
		outline:none;
	}
	html>body .inp input {
		*width:100%;
		*height:10px;
		*font-size:10px;
		*line-height:10px;
		*border:1px solid #fff;
	}
	#passremail {
		width:125px;
	}
form.search {
	float:right;
	margin:8px 7px 0 0;
	width:235px;
	height:20px;
	background:url(/img/search_bg.png) no-repeat 0 0;
	_display:inline;				/* =TRICK: IE bug fix (needs to be sent to separate IE file)  */
}
.search .s,
.search .subm {
	float:left;
}
.search .s {
	width:195px;
	height:14px;
	margin:2px 0 0 8px;
	_display:inline;
}
.search .s input {
	height:16px;
	width:177px;
	background:none;
	border:none;			
	padding-bottom:0;
}
.search .subm {
	height:16px;
	width:16px;
	margin:0 7px 0 0;
	padding:0;
	float:right;
	_display:inline;
}
.search .subm input {
	margin:2px 0 0 0px;
	padding:0;
	/* background:#242424 url(/img/icons_sprite.gif) no-repeat 100% -67px; */
	border:none;
	width:16px;
	height:16px;
	font-size:10px;
	background:url(/img/go_search.png) 100% 0 no-repeat;
	
}
		.u_menu {
			position:absolute;
			top:65px;
			right:8px;
			width:250px;
		}
		.um_enter {
			position:absolute;
			padding:2px 20px 0 25px;
			height:20px;
			display:inline-block;
			background:url(/img/icons_sprite.gif) no-repeat 0 -118px;
		}
		.um_reg {
			position:absolute;
			left:45px;
			height:18px;
			display:inline-block;
			width:100px;
			padding:2px 0 0 40px;
			background:url(/img/icons_sprite.gif) no-repeat 20px -92px;
			}
		.um_eng {
			position:absolute;
			left:155px;
			height:18px;
			display:inline-block;
			width:55px;
			padding:2px 0 0 50px;
			background:url(/img/icons_sprite.gif) no-repeat -83px -92px;
		}
		.um_lswitch {
			position:absolute;
			margin-top:1px;
			right:0;
			height:18px;
			padding:0 0 0 12px;
			background:#242424 url(/img/icons_sprite.gif) no-repeat 0 -69px;
		}
			.um_lswitch a {
				display:inline-block;
				padding:2px 12px 0 0;
				height:16px;
				background:#242424 url(/img/icons_sprite.gif) no-repeat 100% -69px;
			}

		.navigation ul {
			margin:0;
			padding:0;
			list-style:none;
			width:600px;
			float:left;
		}
			.navigation ul li {
				display:inline;
			}
      .navigation ul li a,
      .navigation ul li span {
				padding:11px 12px 10px;
				display:inline-block;
			}
			.navigation ul li a:hover,
      .navigation ul li span,
			.navigation ul li a.active {
			   background:url(/img/navi_bar_bg.png) no-repeat 0 -36px;
      }
      .navigation .inactive {
        background:none;
      }
		.userNav ul {
			margin:0 0 0 11px;
			padding:0;
			list-style:none;
		}
		.userNav ul li {
			float:left;
		}
		.userNav ul li span,
		.userNav ul li a:hover {
			background:url(/img/user_nav_bg.png) repeat-x 0 100%;
		}
		.userNav ul li a,
		.userNav ul li span {
			display:inline-block;
			padding:15px 9px 13px;
		}
	.topBanner {
		height:77px;
		margin:8px auto 0;

		background:#c1c1c1;
	}
		.comments {
			padding:0px 0 0px 17px;
			background:url(/img/icons_sprite.gif) no-repeat 0 0;
		}
		.contBanner {
			padding:5px 0 0 5px;
			background:#222127;
		}
		.radioPlayer {
			padding:5px 0 0 5px;
			background:#222127;
		}
		.reg_form {
			padding:5px 0 0 5px;
			background:#222127;
		}
		.registration {
			padding:5px 0 0 5px;
			background:#222127;
			min-height:500px;
		}
		.topNews {
			padding:5px 0 8px 5px;
			min-height:410px;
			background:#222127;
		}
		.otherNews {
			margin-top:8px;
			padding:5px 0 8px 5px;
			background:#222127;
		}
		.newsItem {
			background:#222127;
			padding:5px 0 0 5px;
			/*min-height:680px;*/
		}
		.user_inf_edit {
			padding:5px 0 75px 5px;
			background:#222127;
			min-height:1045px;
		}
		.allMixes {
		  padding:5px 0 0 5px;
			background:#222127;
			/*min-height:800px;*/
    }
    .mixPage {
 			background:#222127;
			padding:5px 0 10px 5px;
			min-height:680px;
		}
		.blog {
			background:#222127;
			padding:5px 0 40px 15px;
			min-height:500px;
		}
		.user_bg .b