/**********************************************************************************************

Title: DanceDB
Declaration: 0.4/0.5

***********************************************************************************************

/* 2. Block Element Model
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.b-header-wrapper { 
	width:975px;margin:0 auto;
	height:50px; 
}
	.b-header {
		margin:130px 0px 0px 0px;
		width:750px;
		height:50px;
	}
	
/* Buttons */
	
.b-box-control {
	padding: 5px;
	height: 30px;
	background-color:#f2f2f2;
	border-top: 1px solid #ccc;
}	
	.b-box-control__button-wrapper {
		 text-align: center;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		display: inline-block;
		*display: inline;
		position:relative;
		zoom: 1;
	}
	.b-box-control__button-wrapper_blue {
		border: 1px solid #006F9F;
  		background: #006F9F;
	}
	.b-box-control__button-wrapper_gray {
		border: 1px solid #b3b3b3;
  		background: #e0e0e0;
	}
		.b-box-control__button {
			border:1px solid;
			background: none;
			margin: 0px;
			cursor: pointer;
			white-space: nowrap;
			outline: none;
			padding: 4px 14px 4px;
			*padding: 5px 15px 3px;
			font-family: tahoma, verdana, arial, sans-serif, Lucida Sans;
			overflow: visible;
		}
		.b-box-control__button::-moz-focus-inner {
  			border:0;
		}
			.b-box-control__button_blue {
				border-top-color: #006F9F;
				border-bottom-color: #34A0CF;
				border-left-color: #34A0CF;
				border-right-color: #34A0CF;
				color: #FFF;
				text-shadow:0 1px 0 #006F9F;
				*border: 0;
				background: url('/static/images/decorations/button_bg.png') #006F9F repeat-x top;
				background-position: 0px -16px;
				*background-position: 0px -16px;
			}
			.b-box-control__button_blue:hover {
				background-position: 0px -8px;
			}
			.b-box-control__button_blue:active {
				background: #006F9F;
				border: 1px solid #006F9F;
				position:relative;
  			}
			.b-box-control__button_gray {
				border-top-color: #ffffff;
				border-bottom-color: #e5e5e5;
				border-left-color: #e7e7e7;
				border-right-color: #e7e7e7;
				color: #444;
				text-shadow:0 1px 0 #ffffff;
				*border: 0;
				background: url('http://dancedb.ru/static/images/decorations/button_bg.png') #dddddd repeat-x top;
				background-position: 0px -54px;
			}
			.b-box-control__button_gray:hover {
				background-position: 0px -46px;
			}
			.b-box-control__button_gray:active {
				 background: #dcdcdc;
				 border: 1px solid #dcdcdc;
				 position:relative;
			}
			
			
.b-navigation { margin-left:20px; padding-top:6px; }
.b-navigation__ul {  list-style:none;margin:0;padding:0;float:left;width:100%; }
.b-navigation__li {
        float:left;position:relative;background:#515151;back\ground:none;
        font-weight:normal;z-index:10; }
.b-navigation__a { color:#fff !important;text-decoration:none !important;display:block;padding:4px 23px;text-align:left;z-index:10; 
  
}
.b-navigation__div { float:left;width:160px;display:block; }
.b-navigation__ul__ul { list-style:none;font-weight:normal;display:none;position:absolute;background:#006f9f;padding:0px 0px;margin-top:0px;font-size:0.85em;width:320px;height:auto; }
.b-navigation .b-navigation__li:hover .b-navigation__ul__ul {display:block;}
.b-navigation .b-navigation__li.jshover .b-navigation__ul__ul {display:none;width:138px;left:118px;lef\t:133px;}
.b-navigation__a__a { color:#fff !important;padding-bottom:5px;background:none;height:auto; color:#fff;text-decoration:none !important;display:block;padding:4px 12px;text-align:left;z-index:10;}
.b-navigation__li:hover,
.b-navigation__div:hover,
.b-navigation__li.jshover {background:#34A0CF url('http://dancedb.ru/static/images/decorations/menu-hover.png') repeat-x; }
.b-navigation .searchForm {margin-top:13px;margin-left:10px;}

.b-download-help-button {
	float:left;
}
.b-download-help-button__a:link, .b-download-help-button__a:visited { 
	border-bottom:1px dotted #09F;
	color:#09F;
	text-decoration:none;
}
.b-download-help-button__a:hover { 
	border-bottom:1px dotted red;
	color:red;
	text-decoration:none;
}
.b-download-help-panel {
	width:100%;
	float:left;
}
.b-download-how-to-depositfiles {
	width:500px;
	margin:10px auto;
}
.b-video-navigation__left {
	float:left;
	margin-left:15px;
	width:50px;
	height:315px;
}
.b-video-navigation__right {
	float:left;
	width:50px;
	height:315px;
}
.b-video-navigation__left__a {
	display:block;
	background:url('http://dancedb.ru/static/images/decorations/arrow-l.png');
	width:20px;
	height:39px;
	margin:0 auto;
	margin-top:120px;
}
.b-video-navigation__left__a:hover {
	background:url('http://dancedb.ru/static/images/decorations/arrow-l-act.png');
	width:20px;
	height:39px;
}
.b-video-navigation__right__a {
	display:block;
	background:url('http://dancedb.ru/static/images/decorations/arrow-r.png');
	width:20px;
	height:39px;
	margin:0 auto;
	margin-top:120px;
}
.b-video-navigation__right__a:hover {
	background:url('http://dancedb.ru/static/images/decorations/arrow-r-act.png');
	width:20px;
	height:39px;
}


	.db-header {
	
	width: 100%;
	height:332px;
	display: table;
	
}
		.db-content {
	
	width: 100%;
	height:581px;
	display: table;
}


.b-download-button, .b-download-button:link, a.b-download-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006f9f), color-stop(1, #339fce) );
	background:-moz-linear-gradient( center top, #006f9f 5%, #339fce 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\'#006f9f\', endColorstr=\'#339fce\');
	background-color:#006f9f;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #339fce;
	display:inline-block;
	color:#ffffff;
	font-size:1.25em;
	padding:5px;
	text-decoration:none;
}.b-download-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #339fce), color-stop(1, #006f9f) );
	background:-moz-linear-gradient( center top, #339fce 5%, #006f9f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\'#339fce\', endColorstr=\'#006f9f\');
	background-color:#339fce;
}.b-download-button:active {
	position:relative;
	top:1px;
}


.b-core-ui-select {
    position: relative;
    width: 80%;
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    cursor: pointer;
    background-color: whiteSmoke;
    background-image: -ms-linear-gradient(top, white, #E6E6E6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
    background-image: -webkit-linear-gradient(top, white, #E6E6E6);
    background-image: -o-linear-gradient(top, white, #E6E6E6);
    background-image: linear-gradient(top, white, #E6E6E6);
    background-image: -moz-linear-gradient(top, white, #E6E6E6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-color: #E6E6E6 #E6E6E6 #BFBFBF;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.b-core-ui-select__select {
    position: static;
    width: 80%;
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
}

.b-core-ui-select__select_state_hide {
    position: absolute;
    left: -9999px;
    opacity: 1;
}

.b-core-ui-select:HOVER {
    color: #333333;
    background-color: #e6e6e6;
    background-position: 0 -15px;
    transition: background-position 0.1s linear;
}

.b-core-ui-select.focus {
    background-color: #e6e6e6;
    background-image: none;
    outline: 0;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.b-core-ui-select.disabled,
.b-core-ui-select.disabled:ACTIVE{
    opacity: .5;
    color: #333333;
    background-color: #e6e6e6;
    background-position: 0 -15px;
    transition: background-position 0.1s linear;
}

.b-core-ui-select__button {
    position: absolute;
    right: 15px;
    top: 10px;
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid black;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: "";
    margin-top: 8px;
    margin-left: 2px;
}

.b-core-ui-select__dropdown {
    display: none;
    position: absolute;
    top: 0;
    padding: 10px;
    max-height: 200px;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 0 0 4px 4px;
    background-color: whiteSmoke;
    background-image: -ms-linear-gradient(top, white, #E6E6E6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
    background-image: -webkit-linear-gradient(top, white, #E6E6E6);
    background-image: -o-linear-gradient(top, white, #E6E6E6);
    background-image: linear-gradient(top, white, #E6E6E6);
    background-image: -moz-linear-gradient(top, white, #E6E6E6);
    background-repeat: repeat-x;
}

.b-core-ui-select__dropdown.hide {
    display: none;
}

.b-core-ui-select__dropdown.show {
    display: block;
}

.b-core-ui-select__dropdown__wrap {
    max-height: 200px;
    overflow: auto;
	outline: none;
}


.j-scroll-pane .b-core-ui-select__dropdown__item {
    margin-right: 20px;
}

.b-core-ui-select__dropdown__list {
    margin: 0!important;
}

.b-core-ui-select__dropdown__item {
    padding: 5px 10px;
    min-height: 18px;
    list-style-type: none;
    cursor: pointer;
}


.b-core-ui-select__dropdown__label {
    padding: 10px;
    min-height: 18px;
    font-style: italic;
    list-style-type: none;
    border-bottom: 1px solid #ccc;
}

.b-core-ui-select__dropdown__item.disabled,
.b-core-ui-select__dropdown__item.disabled:HOVER {
    color: #ccc;
    background: none;
}

.b-core-ui-select__dropdown__item.selected,
.b-core-ui-select__dropdown__item.selected:HOVER {
    background: #999;
    color: #fff;
}

.b-core-ui-select__dropdown__item:HOVER {
    background: #ccc;
}


	/**********************************************************************************************

Title: DanceDB
Declaration: 0.4/0.5

***********************************************************************************************

/* 2. Block Element Model
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.b-header-wrapper { 
	width:975px;margin:0 auto;
	height:50px; 
}
	.b-header {
		margin:130px 0px 0px 0px;
		width:750px;
		height:50px;
	}
	
/* Buttons */
	
.b-box-control {
	padding: 5px;
	height: 30px;
	background-color:#f2f2f2;
	border-top: 1px solid #ccc;
}	
	.b-box-control__button-wrapper {
		 text-align: center;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		display: inline-block;
		*display: inline;
		position:relative;
		zoom: 1;
	}
	.b-box-control__button-wrapper_blue {
		border: 1px solid #006F9F;
  		background: #006F9F;
	}
	.b-box-control__button-wrapper_gray {
		border: 1px solid #b3b3b3;
  		background: #e0e0e0;
	}
		.b-box-control__button {
			border:1px solid;
			background: none;
			margin: 0px;
			cursor: pointer;
			white-space: nowrap;
			outline: none;
			padding: 4px 14px 4px;
			*padding: 5px 15px 3px;
			font-family: tahoma, verdana, arial, sans-serif, Lucida Sans;
			overflow: visible;
		}
		.b-box-control__button::-moz-focus-inner {
  			border:0;
		}
			.b-box-control__button_blue {
				border-top-color: #006F9F;
				border-bottom-color: #34A0CF;
				border-left-color: #34A0CF;
				border-right-color: #34A0CF;
				color: #FFF;
				text-shadow:0 1px 0 #006F9F;
				*border: 0;
				background: url('/static/images/decorations/button_bg.png') #006F9F repeat-x top;
				background-position: 0px -16px;
				*background-position: 0px -16px;
			}
			.b-box-control__button_blue:hover {
				background-position: 0px -8px;
			}
			.b-box-control__button_blue:active {
				background: #006F9F;
				border: 1px solid #006F9F;
				position:relative;
  			}
			.b-box-control__button_gray {
				border-top-color: #ffffff;
				border-bottom-color: #e5e5e5;
				border-left-color: #e7e7e7;
				border-right-color: #e7e7e7;
				color: #444;
				text-shadow:0 1px 0 #ffffff;
				*border: 0;
				background: url('http://dancedb.ru/static/images/decorations/button_bg.png') #dddddd repeat-x top;
				background-position: 0px -54px;
			}
			.b-box-control__button_gray:hover {
				background-position: 0px -46px;
			}
			.b-box-control__button_gray:active {
				 background: #dcdcdc;
				 border: 1px solid #dcdcdc;
				 position:relative;
			}
			
			
.b-navigation { margin-left:20px; padding-top:6px; }
.b-navigation__ul {  list-style:none;margin:0;padding:0;float:left;width:100%; }
.b-navigation__li {
        float:left;position:relative;background:#515151;back\ground:none;
        font-weight:normal;z-index:10; }
.b-navigation__a { color:#fff !important;text-decoration:none !important;display:block;padding:4px 23px;text-align:left;z-index:10; 
  
}
.b-navigation__div { float:left;width:160px;display:block; }
.b-navigation__ul__ul { list-style:none;font-weight:normal;display:none;position:absolute;background:#006f9f;padding:0px 0px;margin-top:0px;font-size:0.85em;width:320px;height:auto; }
.b-navigation .b-navigation__li:hover .b-navigation__ul__ul {display:block;}
.b-navigation .b-navigation__li.jshover .b-navigation__ul__ul {display:none;width:138px;left:118px;lef\t:133px;}
.b-navigation__a__a { color:#fff !important;padding-bottom:5px;background:none;height:auto; color:#fff;text-decoration:none !important;display:block;padding:4px 12px;text-align:left;z-index:10;}
.b-navigation__li:hover,
.b-navigation__div:hover,
.b-navigation__li.jshover {background:#34A0CF url('http://dancedb.ru/static/images/decorations/menu-hover.png') repeat-x; }
.b-navigation .searchForm {margin-top:13px;margin-left:10px;}

.b-download-help-button {
	float:left;
}
.b-download-help-button__a:link, .b-download-help-button__a:visited { 
	border-bottom:1px dotted #09F;
	color:#09F;
	text-decoration:none;
}
.b-download-help-button__a:hover { 
	border-bottom:1px dotted red;
	color:red;
	text-decoration:none;
}
.b-download-help-panel {
	width:100%;
	float:left;
}
.b-download-how-to-depositfiles {
	width:500px;
	margin:10px auto;
}
.b-video-navigation__left {
	float:left;
	margin-left:15px;
	width:50px;
	height:315px;
}
.b-video-navigation__right {
	float:left;
	width:50px;
	height:315px;
}
.b-video-navigation__left__a {
	display:block;
	background:url('http://dancedb.ru/static/images/decorations/arrow-l.png');
	width:20px;
	height:39px;
	margin:0 auto;
	margin-top:120px;
}
.b-video-navigation__left__a:hover {
	background:url('http://dancedb.ru/static/images/decorations/arrow-l-act.png');
	width:20px;
	height:39px;
}
.b-video-navigation__right__a {
	display:block;
	background:url('http://dancedb.ru/static/images/decorations/arrow-r.png');
	width:20px;
	height:39px;
	margin:0 auto;
	margin-top:120px;
}
.b-video-navigation__right__a:hover {
	background:url('http://dancedb.ru/static/images/decorations/arrow-r-act.png');
	width:20px;
	height:39px;
}


	.db-header {
	
	width: 100%;
	height:332px;
	display: table;
	
}
		.db-content {
	
	width: 100%;
	height:581px;
	display: table;
}


.b-download-button, .b-download-button:link, a.b-download-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006f9f), color-stop(1, #339fce) );
	background:-moz-linear-gradient( center top, #006f9f 5%, #339fce 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\'#006f9f\', endColorstr=\'#339fce\');
	background-color:#006f9f;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #339fce;
	display:inline-block;
	color:#ffffff;
	font-size:1.25em;
	padding:5px;
	text-decoration:none;
}.b-download-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #339fce), color-stop(1, #006f9f) );
	background:-moz-linear-gradient( center top, #339fce 5%, #006f9f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\'#339fce\', endColorstr=\'#006f9f\');
	background-color:#339fce;
}.b-download-button:active {
	position:relative;
	top:1px;
}


.b-core-ui-select {
    position: relative;
    width: 80%;
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    cursor: pointer;
    background-color: whiteSmoke;
    background-image: -ms-linear-gradient(top, white, #E6E6E6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
    background-image: -webkit-linear-gradient(top, white, #E6E6E6);
    background-image: -o-linear-gradient(top, white, #E6E6E6);
    background-image: linear-gradient(top, white, #E6E6E6);
    background-image: -moz-linear-gradient(top, white, #E6E6E6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-color: #E6E6E6 #E6E6E6 #BFBFBF;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.b-core-ui-select__select {
    position: static;
    width: 80%;
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
}

.b-core-ui-select__select_state_hide {
    position: absolute;
    left: -9999px;
    opacity: 1;
}

.b-core-ui-select:HOVER {
    color: #333333;
    background-color: #e6e6e6;
    background-position: 0 -15px;
    transition: background-position 0.1s linear;
}

.b-core-ui-select.focus {
    background-color: #e6e6e6;
    background-image: none;
    outline: 0;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.b-core-ui-select.disabled,
.b-core-ui-select.disabled:ACTIVE{
    opacity: .5;
    color: #333333;
    background-color: #e6e6e6;
    background-position: 0 -15px;
    transition: background-position 0.1s linear;
}

.b-core-ui-select__button {
    position: absolute;
    right: 15px;
    top: 10px;
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid black;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: "";
    margin-top: 8px;
    margin-left: 2px;
}

.b-core-ui-select__dropdown {
    display: none;
    position: absolute;
    top: 0;
    padding: 10px;
    max-height: 200px;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 0 0 4px 4px;
    background-color: whiteSmoke;
    background-image: -ms-linear-gradient(top, white, #E6E6E6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
    background-image: -webkit-linear-gradient(top, white, #E6E6E6);
    background-image: -o-linear-gradient(top, white, #E6E6E6);
    background-image: linear-gradient(top, white, #E6E6E6);
    background-image: -moz-linear-gradient(top, white, #E6E6E6);
    background-repeat: repeat-x;
}

.b-core-ui-select__dropdown.hide {
    display: none;
}

.b-core-ui-select__dropdown.show {
    display: block;
}

.b-core-ui-select__dropdown__wrap {
    max-height: 200px;
    overflow: auto;
	outline: none;
}


.j-scroll-pane .b-core-ui-select__dropdown__item {
    margin-right: 20px;
}

.b-core-ui-select__dropdown__list {
    margin: 0!important;
}

.b-core-ui-select__dropdown__item {
    padding: 5px 10px;
    min-height: 18px;
    list-style-type: none;
    cursor: pointer;
}


.b-core-ui-select__dropdown__label {
    padding: 10px;
    min-height: 18px;
    font-style: italic;
    list-style-type: none;
    border-bottom: 1px solid #ccc;
}

.b-core-ui-select__dropdown__item.disabled,
.b-core-ui-select__dropdown__item.disabled:HOVER {
    color: #ccc;
    background: none;
}

.b-core-ui-select__dropdown__item.selected,
.b-core-ui-select__dropdown__item.selected:HOVER {
    background: #999;
    color: #fff;
}

.b-core-ui-select__dropdown__item:HOVER {
    background: #ccc;
}


	/* 0.1 Main page elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/

img {
	max-width: 100% !important; 
	height: auto; 
}
iframe {
	max-width: 100% !important;
}

/* 1. Page structure
-----------------------------------------------------------------------------------------------
===============================================================================================*/

#wrapper { margin:0 auto;  }
#mainContent { width:750px; margin-top:45px; float:right; background:none; }
#sidebar { float:left; width:210px; margin-top:50px; }
.indexPage h2 { margin:5px 0px 10px 10px; }
#mainBody {
margin:0 auto;width:975px;background:#fff;
}


/* 2. Global page elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.clear{clear:both;}
.left{float:left;}
.right{float:right;}

/* 3. Classes
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/* 3.1 Class "menu"
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.searchForm #searchQuery {
	width:250px;
	
	margin-left:10px;
	font-size:1.1em;
}
.searchForm .searchSend {
	height:20px;
	width:50px;
	border:0px;
	background:none;
	color:#fff;
	font-weight:bold;
	font-size:0.9em;
}
/* 3.2 Class "Rounded corners"
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.r1, .r2, .r3, .r4, .r5, .r6, .r7, .r8, .r9, .r10 {
	display: block;
	height: 1px;
	overflow: hidden;
	font-size:1px;
}

.r10 { margin: 0 10px; }
.r9 { margin: 0 9px; }
.r8 { margin: 0 8px; }
.r7 { margin: 0 7px; }
.r6 { margin: 0 6px; }
.r5 { margin: 0 5px; }
.r4 { margin: 0 4px; }
.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }

#rounded-box-3, #rounded-box-5, #rounded-box-10 { margin:1em; }
.inner-box, .rounded-box-5 b { background-color: #fff; }
#rounded-box-3 .inner-box { padding: 1em;}
#rounded-box-5 .inner-box { padding: 0.7em 1em;}
.rounded-box-10 .inner-box { padding: 0.4em 1em;}

/* 3.2 Class "CrossFade"
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#crossFade {
    width: 50%;
    height: 170px;
    float:left;
    margin:10px;
}

/* 3.3 Class "Simple Movie List"
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.movieWrapper {
	width:100%;
	margin-top:20px;
}
	/* ����� ������ */
	.simpleMovieLesson {
		width:450px;background:#fff;padding:0px;margin:0 auto;height:400px;overflow:hidden;
	}
	.movieWrapper .movieList {
		/* ������������ ������� ����� float-�������, ����� ��� �������� ��� ��������� ������������ */
		margin: -3em 0 0 -2em;
		
		/* ������������ �� ������ */
		text-align: center;
	}
	
	.movieList .simpleMovie {
	
		/* ������� ������������� � �������� ins,
		������� ��� ����������� ��� ������������� �� ������� �������� Internet Explorer */
		text-decoration: none;
		
		/* ��������� ������� ��� Firefox 2 */
		display: -moz-inline-box;
		
		/* � ��� ��� ��������� */
		display: inline-block;
		
		vertical-align: top;
		
		/* ������� ������������ �� ������ */
		text-align: left;
		
		/* ������� ����� ������� */
		margin: 3em 0 0 2em;
		
		/* ��� IE, ������������� ����� */
		/float:left;
	}
	
	.simpleMovie .r {
	/* ���� ���� �������������, �� �������� padding, border, background � position �� ��������� relative
	����� �������� � ����� �������� -- ��� ��������� �������� ���������� �������������� ������ ��������� */
	
	/* ������ ����������� ������ �� ������ */
	width:14em;
	/* ����������� ������ � �������� ����� ������������� �������������� �� ������ �������� */
	float: left;
	text-align:center;
	}

	.thumb {
		text-decoration:none;
		}
	.thumb img {  
		background: white;
	  	padding: 6px;
	  	border: solid 1px #ccc;
	  }
	.thumb img:hover {
		border: solid 1px #4B819B;
	}
	 .simpleMovie .movieName { text-align:center; }
	 .movieWrapper .movieDiscription { text-align:left; }
	 .articleDiscription { text-align:left; }
	 
/* 3.4 Class "Vertical Movie List"
-----------------------------------------------------------------------------------------------
===============================================================================================*/
	
	.movieVertical {
		width:100%;
		margin-top:30px;
	}
	.articleList {
		padding-top:10px;
	}
	.articleList .movieVertical {
		margin-top:5px;
	}
	.movieVertical td { vertical-align:top; padding:5px; padding-bottom:1em; }
	.movieVertical .movieBox { width:160px; text-align:center; }
	.movieVertical .movieTdDescription {  }
	.movieVertical .movieCount { width:100px; text-align:center; }
	.movieVertical .articleBox { width:240px; }
	.movieVertical .simpleMovie { margin-top:5px; }
	
/* 3.5 Class "Message Box"
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.alert {
padding:10px;
margin-bottom:10px;
padding-left:40px;
background-repeat:no-repeat;
background-position:10px 10px;
position:relative;
z-index:0;
}
.alert b {
display:block;
padding-bottom:3px;
}
.alert .closealert {
display:block;
position:absolute;
top:7px;
right:7px;
width:19px;
height:19px;
}
.alert .closealert:hover {
background-position:bottom left;
}


.alert.red {
border:1px solid #ff8b8b;
background-color:#ffd9d9;
background-image:url('http://static.dancedb.ru/images/decorations/alerticon_red.gif');
}
.alert.red .closealert {
background-image:url('http://static.dancedb.ru/images/decorations/alertclose_red.gif');
}

.alert.green {
border:1px solid #75cc77;
background-color:#c4ffc5;
background-image:url('http://static.dancedb.ru/images/decorations/alerticon_green.gif');
}
.alert.green .closealert {
background-image:url('http://static.dancedb.ru/images/decorations/alertclose_green.gif');
}

.alert.yellow {
background-color:#fffaa2;
border:1px solid #ffd464;
background-image:url('http://static.dancedb.ru/images/decorations/alerticon_yellow.gif');
}
.alert.yellow .closealert {
background-image:url('http://static.dancedb.ru/images/decorations/alertclose_yellow.gif');
}

/* 3.6 Class "Popup"
-----------------------------------------------------------------------------------------------
===============================================================================================*/
  .hidden {
    display: none;
  }

  .user-actions {
    margin: 10px 0 0 200px;
    width: 400px;
  }

  .user-actions p {
    border: 1px solid #999999;
    padding: 10px;
  }

  .user-actions p.bug a {
    color: red;
  }

  .user-actions p.reference a {
    color: green;
  }


  .user-actions a {
    text-decoration: none;
    border-bottom: 1px dashed;
  }

  /* Pop-up message and fading background */
  #opaco {
     background-color: #000000;
     left: 0;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";/* IE8 */
     filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 70); /* IE5+ */
     filter: alpha(opacity=70);/* IE4- */
     moz-opacity: 0; /* Mozilla */
     -khtml-opacity: 0; /* Safari */
     opacity: 0;  /* general CSS3 */
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 9999;
   }

  #popup {
     background-color: #FFFFFF;
     position: fixed;
     left:0;
     top:0;
     /*width:300px;*/
     min-width: 300px;
     z-index: 9999;
  }

  #popup h3 {
    margin-bottom: 10px;
  }

  #popup textarea {
    display: block;
    width: auto;
    margin-bottom: 10px;
  }

  #popup p {
    margin: 10px;
    line-height: 1.3em;
    font-size: 1.1em;
    color: #444444;
  }

  #popup .close-btn {
    margin: 10px;
  }

  div.bug {
    
  }

  div.reference {
    border: 5px solid #6ebd6e;
    padding:10px;
  }
  #popup_bug { padding:2px; }
  .rightButton { padding:5px; padding-right:5px; text-align:right; font-weight:bold; }
  
  div.block { margin-left: 62px; } 
  
/* 3.7 Class "Article"
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.articlePhoto { margin-right:10px; margin-bottom:10px; float:left; }
.articleList .r { width:auto; }
.articleFulltext h2 { margin:10px 0px; }
.articleFulltext .simpleMovie { margin-left:0px; }

/* 3.8 Table for standart image - text
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.styleCard {
	width:100%;
}
	.styleCard h2 { 
		margin-bottom:5px;
	}
	.styleCard .imagePosition {
		width:120px;
		margin:5px;
		margin-left:0px;
		float:left;
	}
	.styleCard .textDescription {
		padding:5px;
	}
	
/* 3.9 Search engine
-----------------------------------------------------------------------------------------------
===============================================================================================*/
	
.searchEngineSimple { margin-top:10px; }
.searchEngineSimple cite { color:#008000; font-style:normal; }
.searchEngineSimple #searchSimple { width:400px; }
.searchEngineSimple .searchResult { width:100%; margin:10px 0px; }
	.searchResult a { font-size:1.15em; }
.searchEngineSimple .searchSumm { background:#f0f7f9; }
.searchEngineSimple .indexPages { text-align:center; font-size:0.9em; }

.searchEngineSimple h3 { font-weight:normal; }
.searchEngineSimple em { font-weight:bold; font-style:normal; }

/* 3.10 UI Pagination
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.uiPagination { margin:0px 10px 0px 0px; width:100%; }
.uiPaginationListing {margin-top:10px;}
	.uiPaginationListing li {display: inline;margin-right:10px;}
		.uiPaginationListing li a{padding:3px 5px;border:1px solid #ccc;text-decoration: none;}
		.uiPaginationListing li a:hover{background:#34A0CF;border:1px solid #ccc;color:#fff;}
	.uiPaginationListing .uiPaginationCurrentPage a{background:#34A0CF;color:#fff;}

/* 3.11 Styles for interview
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.interviewFullContent h2 { margin-bottom:5px; }

/* 3.12 Styles for social networks
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#vkshare { margin:10px; }

/* 3.13 Feedback page
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.feedbackForm textarea {
	width:98%;
	height:100px;
}

.feedbackForm .activeButton {
	background:#006f9f;
	color:#fff;
	padding:2px 5px;
	cursor:pointer;
	margin:5px auto;
}
.feedbackForm .activeButton:hover {
	background:#34A0CF;
}


/* 3.14 Standart grid
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.standartGrid {
	width:100%;
}
	.standartGrid td {
		padding:5px;
		border:1px solid black;
	}
	.standartGrid .label {
		width:20%;
	}
	.standartGrid .labelHeader {
		background:#3d5b74;
		color:#fff;
	}
	
	
/* 3.15 Star Rating at video
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.movieWrapper .starRate {
	margin:0 auto;
	width:95px;
	height:18px;
}
.movieWrapper .starRate a {
	cursor:hand;
	cursor:pointer;
	width:19px;
	height:18px;
	float:left;
	display:block;
}
.rateValue0, .rateValue1 {
	background:url(http://static.dancedb.ru/images/decorations/rate/1.png);
}
.rateValue2 {
	background:url(http://static.dancedb.ru/images/decorations/rate/2.png);
}
.rateValue3 {
	background:url(http://static.dancedb.ru/images/decorations/rate/3.png);
}
.rateValue4 {
	background:url(http://static.dancedb.ru/images/decorations/rate/4.png);
}
.rateValue5 {
	background:url(http://static.dancedb.ru/images/decorations/rate/5.png);
}

/* 3.17 Wiki edit
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.editForAll {
	border-top:1px solid #aaaaaa;
	width:100%;
	text-align:right;
}

/* 3.17 Music albums decoration
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.musicAlbums {
	width:100%;
}
	.musicAlbums .simpleAlbum {
		width:90%;
	}
		.simpleAlbum .musicName {
			font-weight:bold;
			text-align:center;
		}
		.simpleAlbum .musicSrc {
			float:left;
			margin:5px;
		}
			.musicSrc .musicDownload {
				width:100%;
				text-align:center;
			}
				.musicDownload a {
					line-height:200%;
				}
				
/* 3.18 Bottom of menu
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.additionalNav {
	width:100%;
	background:#3d5b74;
	padding:5px 0px;
	font-size:0.8em;
}
.additionalNav a { margin-left:5px; color:#fff; padding:5px; }

/* 3.19 Notices
-----------------------------------------------------------------------------------------------
===============================================================================================*/

 /* boxes */
.error,.notice,.success,.green {
padding:0.4em;
background:#fff;
border-style: solid; 
border-width: 1px 1px 1px 10px; 
}
.error {
color:#8a1f11;
border-color:#ff0000; 
}
.green {
padding:0.4em;
border-color:green;
}
.notice {
padding:0.4em;
color:#514721;
border-color:#ffcc00;
}
.success {
color:#000;
border-color:#00539f;
}
.error a {color:#8a1f11;}
/*.notice a {color:#514721;}*/
.success a {color:#264409;}


/* 3.20 Download icons
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.movieWrapper .button, .simpleMovieLesson .button { width:100%; text-align:center; margin-top:5px; }
.button:link, .button a { font-size:0.85em; padding:5px; text-decoration:none; background:#006f9f; color:#fff; font-weight:bold; }
.button a:hover { background:#34A0CF; }


/* 3.21 Main page
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.standartPage {  width:100%; background:#fff; }
.additionalWrapper { padding:0px; background:#fff; }
	.standartPage .styleName { float:left; width:120px; margin:10px 10px; font-size:1em; line-height:100%; height:150px; text-align:center; }
	.standartPage .styleName a {  }

/* 3.22 Movie filter
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.movieFilter { width:100%; height:30px; }
.simpleFilter a, .simpleFilter b { padding:0px 10px 0px 5px; margin-right:10px; border-right:1px solid #ccc; float:left; }
.additionalFilter { float:left; }

/* 3.23 AdverSite Settings
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.adverSiteCube { width:255px; height:255px; float:right; background:#fff; }
.adverSiteLinear { width:728px; height:auto; }

/* 4.1 Social Profile
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.profileNavigation { list-style:none; width:490px; border-bottom:1px solid #006f9f; float:left; }
.profileNavigation a {
	float:left;
	padding:5px 20px;
	text-decoration:none;
	font-weight:bold;
}
.profileActive a, .profileActive:link { 
	font-size:0.85em; padding:5 10px; text-decoration:none; background:#006f9f; 
	color:#fff; font-weight:bold;
}

.mailBoxNavigation { margin-bottom:10px; width:100%; }

/* 4.2 Alert Box
-----------------------------------------------------------------------------------------------
===============================================================================================*/

#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #fff;
	background: #006f9f;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(images/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(images/info.gif);
}

#popup_content.confirm {
	background-image: url(images/important.gif);
}

#popup_content.prompt {
	background-image: url(images/help.gif);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}


/* Advanced login to site
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.loginToSitePanel { width:100%; }
.loginToSitePanel td { vertical-align:top; width:50%; }

/* Autocomplete results
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}






.uiAlert {
	padding:10px;
	margin-bottom:10px;
	padding-left:40px;
	background-repeat:no-repeat;
	background-position:10px 10px;
	position:relative;
}
	.uiAlert b {
		display:block;
		padding-bottom:3px;
	}
	.uiAlert .uiClosealert {
		display:block;
		position:absolute;
		top:7px;
		right:7px;
		width:19px;
		height:19px;
	}
		.uiAlert .uiClosealert:hover {
			background-position:bottom left;
		}
	.uiAlert.uiRed {
		border:1px solid #ff8b8b;
		background-color:#ffd9d9;
		background-image:url(data:image/gif;base64,R0lGODlhFQAVAMQAAP/ExP9CQv+IiP+6uv9HR/9fX/+Ghv+urv9KSv9hYf+srP+8vP9TU//Cwv9PT/9oaP9NTf9vb/9MTP9xcf+5uf9ERP9qav9sbP/Z2f////9BQQAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAVABUAAAWIICaOi5EwGpMYy+iOwKTNND0Br3gQdT8Th5ci4CsGFDBEcYnAYS60TKYopVkwi5p0qq3SBoLeNuqlCRK+8bhXcFC33J6kslwX3Wl4UYIWV+00BWFdcYAaAgOEfnEaAxgPZG80DyIASks+TSNDmDVHLzudGkA5GA0RmBENpSMDBgUQGhAFBhQ5IQA7);
	}
		.uiAlert.uiRed .uiClosealert {
			background:url(data:image/gif;base64,R0lGODlhEwAmAJEAAP////8AAP+LiwAAACH5BAAAAAAALAAAAAATACYAAAJKlI+py+0PYwMgUUeryY9zmF3SF4Vad5EMqSri8UryTNd0gOf6zvf+DwwKhz/KzlhEBjJBJlNoIi6V0NDQSe09pwBgNisNi8dkYAEAOw==);
		}
	.uiAlert.uiGreen {
		border:1px solid #75cc77;
		background-color:#c4ffc5;
		background-image:url(data:image/gif;base64,R0lGODlhFQAVAMQAALH1snnYe5vqnZ3qnqjwqljGWlbFWEG6Q3vZfTy4PkO7Rarxq17JYEu/TUa9SGbOaGXNZ0e+Sq/0sES8R2LLZKfwqF/KYT24QMT/xf///zq3PQAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAVABUAAAWBICaOS1A0WlMEy+iOwKPNNP0ArzgcdT8fg5cg4SsmBDBFcanAYSjLqAWziPYyGRoBYaVhszNEoav51gyRGva6rk0u6nZZXkvHs2bfZMzO+wxcPn4+CARLYEsEGAxkPQwiAEqNGk0jQ41HLztdQDkYEhBREBKeIwQBBg4aDgYBFTkhADs=);
	}
		.uiAlert.uiGreen .uiClosealert {
			background:url(data:image/gif;base64,R0lGODlhEwAmAJEAAP///3XMdwB3AwAAACH5BAAAAAAALAAAAAATACYAAAJKjI+py+0PYwMgUUeryY9zmF3SF4Vad5EMqSri8UryTNe0gOf6zvf+DwwKhz/KzlhECjJBJlNoIi6V0NDQSe09pwBgNisNi8dkYAEAOw==);
		}
	.uiAlert.uiYellow {
		background-color:#fffaa2;
		border:1px solid #ffd464;
		background-image:url(data:image/gif;base64,R0lGODlhFQAVAMQAAP/wkv+1Mv/mgv/CR//DSP/VZv+3Nf/si/+4N//lgP/UZP/tjP+5Of/vkf/GTv+6Ov+8Pv/JU/+6O//KVP/IUf/riv/HT/+1M//6ov////+0MAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAVABUAAAV7ICaOi0JAGkQoy+iOwKTNND0BrygYdT8bglci4CsGEjCEL8P0IXAYSpGZKVowi6KGqj0UtNxigQBuFgeScrXIuKi1mjQcziDPtYPv1OwrHN5FBxgOe2s9DiIASnc0TyNDjBpHLzt3QDkYDRFwEQ2YIwcKAw8aDwMKFTkhADs=);
	}
		.uiAlert.uiYellow .uiClosealert {
			background:url(data:image/gif;base64,R0lGODlhEwAmAJEAAP/////Kbv9+AAAAACH5BAAAAAAALAAAAAATACYAAAJKjI+py+0PYwMgUUeryY9zmF3SF4Vad5EMqSri8UryTNe0gOf6zvf+DwwKhz/KzlhECjJBJlNoIi6V0NDQSe09pwBgNisNi8dkYAEAOw==);
		}

/* editProfile
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.editProfileBasic { width:535px; }
		.editProfileBasic td { padding:5px; }
		.editProfileBasic .styleCheck { float:left; width:150px; }
		.editProfileBasic .label { vertical-align:top; color:#666666; font-weight:bold; text-align:right; width:120px; font-size:0.9em; }
		#city select, #countryList { width:200px; }
		
/* profile
-----------------------------------------------------------------------------------------------
===============================================================================================*/

		.profileAdditionalNavigation { list-style:none; }
		.profileAdditionalNavigation a {
			padding:5px;
			float:left;
			text-decoration:none;
		}
		.profileAdditionalNavigation a:hover {
			text-decoration:underline;
		}
		.deleteMessage { float:right; }
		.deleteMessage a { text-decoration:none; padding:5px;}
		.deleteMessage a:hover { background:#ff0000; color:#fff; }
		#postWallList hr { color:#f2f2f2; border:none; }
		#profileInformation, #profileWall { margin:10px; overflow:hidden; width:480px; }
		.profileInformation { width:100%; }
		.profileInformation td { padding:5px; }
		.profileInformation hr { color:#f2f2f2; }
		.profileInformation .label { vertical-align:top; color:#666666; font-weight:bold; text-align:right; width:50px; font-size:0.9em; }

/* friends
-----------------------------------------------------------------------------------------------
===============================================================================================*/
		
		
.friendList { width:100%; }
		.friendList td { padding:5px 5px; }
		.friendList .userPic { width:15%; }
		.friendList .sender { width:25%; padding:5px;vertical-align:middle;font-size:0.85em; }
		.friendList .userControl { width:60%; padding:5px;vertical-align:middle; }
		.friendList .userControl a { float:left; margin:5px; }

/* message
-----------------------------------------------------------------------------------------------
===============================================================================================*/
		
	
		
		.messageList { width:100%; }
		.messageList td { padding:5px 5px; }
		.messageList .controlCheckBox { width:5%; padding:5px;vertical-align:middle; }
		.messageList .userPic { width:10%; }
		.messageList .sender { width:20%; padding:5px;vertical-align:middle;font-size:0.85em; }
		.messageList .userMessage { width:65%; padding:5px;vertical-align:top; }
	 	.userMessage a { text-decoration:none;color:#000; }
		.messageList .newMessage td { background:#CFECF9; }
		.writeMessage .label { vertical-align:top; color:#666666; font-weight:bold; font-size:0.9em; }
		.writeMessage {
			width:500px;
			margin:0 auto;
		}
		.writeMessage td { padding:5px; }
		.writeMessage textarea { width:100%; }
		.controlSlidePanel td { padding:5px; }
		.controlSlidePanel .selectColumn { }
		.controlSlidePanel .actionColumn { }
		.controlSlidePanel .paginationColumn { }

/* register
-----------------------------------------------------------------------------------------------
===============================================================================================*/
		
		.registerProfile td { padding:5px; }
		.registerProfile .label { vertical-align:top; color:#666666; font-weight:bold; text-align:right; width:50px; font-size:0.9em; }
		
/* peopleSearch
-----------------------------------------------------------------------------------------------
===============================================================================================*/
		
.peopleSearch { width:500px; float:left; }
		.peopleSearch table { width:200px; margin:0 auto; }
		.peopleSearch td { padding:5px; }
		.peopleSearch .label { width:25%; color:#666666; font-weight:bold; }
		
/* forum
-----------------------------------------------------------------------------------------------
===============================================================================================*/
		
		
.forumWrapper { width:710px; margin-left:10px; }
		.forumPanel { width:100%; }
		.forumPanel td, .forumPanel th { padding:5px; border:1px solid #ccc; }
		.forumPanel .forumDescription { width:40%; vertical-align:top;  }
		.forumPanel .forumLastMessageList { width:40%; vertical-align:top;  }
		.forumPanel .forumTopicCount { width:10%; text-align:center; vertical-align:middle; }
		.forumPanel .forumMessageCount { width:10%; text-align:center; vertical-align:middle; }
				
		.topicPanel { width:100%; }
		.topicPanel td, .topicPanel th { padding:5px; border:1px solid #ccc; }
		.topicDescription { width:40%; vertical-align:top; }
		.topicLastMessageList { width:40%; vertical-align:top; }
		.topicMessageCount { width:10%; text-align:center; vertical-align:middle; }
		.topicShowCount { width:10%; text-align:center; vertical-align:middle; }
				
		.forumPagination { margin:10px; }
		.topicAddWrapper { width:500px; margin:0 auto; }
		.topicAddPanel { width:100%; }
		.topicAddPanel td { padding:5px; }
		.topicAddPanel textarea { height:100px; }
		.topicAddPanel input, .topicAddPanel textarea { width:90%; }
				
		/* ���� ����� � ������� */
		a.forumTopicPanelUserName { text-decoration:none; color:#000; }
									
		.forumMessageWrapper { width:710px; padding:10px;; }
		.forumMessageBody { width:100%; border:1px solid #ccc; }
		.forumMessageBody td { vertical-align:top; }
		.forumMessageProfileAvatar { text-align:center; width:200px; padding:10px 0px;  background:#EEE; }
		.forumMessageProfileAvatar div { width:100%; }
		.forumMessageDescription { margin-left:10px; overflow:hidden; border-left:1px solid #ccc; background:#fff; }
		.forumMessageDescription .forumMessageSendTime { color:#aaa; font-size:0.8em; }
		.forumMessageDescription .forumMessageTitle { font-weight:bold; text-align:center; }
		.forumMessageDescription .forumMessageContent { padding:10px; }
				
		/* ���������� ��������� */
		.forumMessageLabel { width:150px; vertical-align:top; }
		.forumMessageSubmit { text-align:center; }
		.forumMessageSubmit input { width:200px; }
				
		/* ������ ���������� ��������� */
		.messageAddWrapper { width:500px; margin:0 auto; }
		.messageAddPanel { width:100%; }
		.messageAddPanel td { padding:5px; }
		.messageAddPanel .forumMessageLabel { width:100px; vertical-align:top; }
		.messageAddPanel .forumMessageSubmit input { width:200px; }
		.messageAddPanel textarea { height:100px; }
		.messageAddPanel input, .messageAddPanel textarea { width:90%; }
		
		
/* Twitter
-----------------------------------------------------------------------------------------------
===============================================================================================*/


		#twitter-ticker {
	width:200px;
	height:300px;
	color:#666;
	border-radius:6px;
	text-align:left;

}

#tweet-container {
	height:250px;
	width:auto;
	overflow:hidden;
}

#twitIcon {
	position:absolute;
	top:-25px;
	left:-10px;
	width:50px;
	height:50px;
}

#top-bar {
	height:35px;
	border-bottom:1px solid white;
	position:relative;
	margin-bottom:8px;	
	background:#34a0cf;
	-moz-border-radius:5px;
	border-radius:5px;
}

.tweet {
	padding:5px;
	margin:8px 8px 0 8px;
	border:1px solid #f0f0f0;
	width:auto;
	overflow:hidden;
}

.tweet:first-child {
	margin-top:0;
}

.tweet .avatar, .tweet .user, .tweet .time {
	float:left;
}

.tweet .time {
	display:block;
	width:70%;
	color:#aaa;
	white-space:nowrap;
}


.tweet .avatar img {
	width:36px;
	height:36px;
	border:1px solid #eee;
	margin:0 5px 5px 0;
}

.tweet .txt {
	clear:both;
}

.tweet .user{
	font-weight:bold;
}

.searchRequestButton { float:right; position:relative; margin-top:-25px; display:block; width:28px; height:28px; background-position:left top; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAA8CAMAAABCfyqQAAADImlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyQjM0MENFMjczNEQxMUUwOEJCNjk0MjUxMkUyNkQ0RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozOEFFMzgwQzczNEQxMUUwOEJCNjk0MjUxMkUyNkQ0RCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJCMzQwQ0UwNzM0RDExRTA4QkI2OTQyNTEyRTI2RDREIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJCMzQwQ0UxNzM0RDExRTA4QkI2OTQyNTEyRTI2RDREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+wP7T4AAAARFQTFRFhoaGv8PC/v7++/v7y87N9PT0z8/P5efntra2+Pj4ys7NvsPC09XV2dva/f39m5ub1tnYnZ2d6Onpq6ur6urq5ebmioqKwsbFzc3NjIyMwMTD5OTk09PTys3MsrKyvsLC+Pn5h4eHw8fGwcXE8fLx+fn5mpqau7u78vLyj4+P4uTk3+Hhw8PD293dxcnI8fHx/Pz84uPjpKSk6+vr6Ojo0tXU4+PjqqqqwcTDycnJjY2N2t3d7O3tv7+/4eHhz9LR4+Xk19fX7/Dwnp6e6uvrmZmZxsnIiYmJkZGRoqKizMzMysrKvsLB0dHR29vb9/j48PHx5+jo3d/fx8fH9PX1yczL4+blztHQ8/T0k5OT////NlfWcgAAAFt0Uk5T////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AJz6uLwAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAABCUlEQVQ4y+3TxW5DQQwFUPtBG2ZmTsrMkDYpM8P9/w/pYhavkv266yJVvbJ0pJF17SH8UDS5+JLa7/qgG2Lm8N6yhqNtDkUTLXZiEq1XfgLQcHhFYocdCwBcrkp85AXTLJYknnDUPJ/PS7wvtRoAcMQbyrSJm2oHsdk2PyhoD5nDzHWeVhN6e2+fRebYU5lt1lMl+GydP/y3korYE39D//h7uFa5c30wEyci6nc1PDyneKC2S2Nb+Z+ndABgkKRniWVKWgCQoZ7EW+qb5qIp8ZgC5vliUeJSc2YAANe0pUxbo14Z9k6ONhUMrpKpKTWhq8vcZ3r+m8psC54qwReI1v23UkkH/9yBfQEqux+5ySGuAAAAAABJRU5ErkJggg==); }
.searchRequestButton:hover { background-position:left bottom; }
.searchAction { float:left;background:url(http://static.dancedb.ru/images/decorations/search_02.png);width:31px;height:33px; }
.searchAction:hover { cursor:pointer; }
#searchBlock { float:left;margin-left:90px;margin-top:20px;width:460px; }


/* inlineNavigation
-----------------------------------------------------------------------------------------------
===============================================================================================*/

#inlineNavigation {
	float: right;
	padding: 0;
	width: 600px;
	height: 48px;
	background:url('http://static.dancedb.ru/images/decorations/1-bg.png') no-repeat 0 -39px;
	position: relative;
	z-index: 1;
}
#inlineNavigation ul { list-style:none; }

* html #inlineNavigation {
	background: url('http://static.dancedb.ru/images/decorations/1-bg.png') no-repeat 0 -39px;
}
	* html .middleContent {
		z-index: 3000;
	}
	*:first-child+html .middleContent {
		z-index: 3000;
	}	
	#inlineNavigation ul {
		width: 570px;
		height: 48px;
		line-height: 48px;
		margin: 0;
		padding: 0;
		float: left;
	}
	
	#inlineNavigation ul ul {
		height: auto;
	}
	
	#inlineNavigation ul {
		margin: 0;
		padding: 0;
	}
		#inlineNavigation li {
			float: left;
			height: 48px;
		}
		#inlineNavigation li.singleColumn {
			position: relative;
		}
			#inlineNavigation li a {
				color: #fff;
				font-size: 14px;
				text-decoration: none;
				text-shadow: 0 1px 0 #666;
				cursor: pointer;
				padding: 0 0 0 10px;
				float: left;
				outline: none;
				overflow: hidden;
				max-height: 48px;
			}
				* html #inlineNavigation li a {
					height: 48px;
					overflow: hidden;
					padding-right: 10px;
					position: relative;
				}
				*:first-child+html #inlineNavigation li a {
					height: 48px;
					overflow: hidden;
					padding-right: 10px;
					position: relative;
				}				
			#inlineNavigation li.first a {
				padding: 0 0 0 24px;
			}		
				* html #inlineNavigation li.first a {
					padding: 0 10px 0 24px;
				}	
				*:first-child+html #inlineNavigation li.first a {
					padding: 0 10px 0 24px;
				}								
			#inlineNavigation li a span {
				height: 48px;
				padding: 0;
				padding-right: 10px;
				float: right;
			}
				* html #inlineNavigation li a span {
					position: absolute;
					right: 0;
					top: 0;
				}
				*:first-child+html #inlineNavigation li a span {
					position: absolute;
					right: 0;
					top: 0;
				}
				#inlineNavigation li a:hover {
					background: transparent url('http://static.dancedb.ru/images/decorations/1-bg.png') no-repeat -300px -88px;
				}	
				#inlineNavigation li.first a:hover {
					padding-left: 24px;
					background: transparent url('http://static.dancedb.ru/images/decorations/1-bg.png') no-repeat 0 -88px;
				}		
					* html #inlineNavigation li.first a:hover {
						padding-left: 24px;
						background: transparent url('http://static.dancedb.ru/images/decorations/1-bg.png') no-repeat 0 -88px;
					}							
				#inlineNavigation li a:hover span {
					background: transparent url('http://static.dancedb.ru/images/decorations/1-bg.png') no-repeat right -88px;
				}	
					#inlineNavigation li.selected {
						background: transparent url('http://static.dancedb.ru/images/decorations/1-bg.png') no-repeat -300px -88px;
					}

					#inlineNavigation li a:active {
						background: transparent url('http://static.dancedb.ru/images/decorations/1-bg.png') no-repeat -300px -137px;
					}
						* html #inlineNavigation li.selected {
							background: transparent;
						}					
					#inlineNavigation li.first a:active {
						padding-left: 24px;
						background: transparent url('http://static.dancedb.ru/images/decorations/1-bg.png') no-repeat 0 -137px;
					}
					#inlineNavigation li.first.selected {
						background: transparent url('http://static.dancedb.ru/images/decorations/1-bg.png') no-repeat 0 -88px;
					}
						* html #inlineNavigation li.first a:active {
							padding-left: 24px;
							background: transparent url('http://static.dancedb.ru/images/decorations/1-bg.png') no-repeat 0 -137px;
						}
					#inlineNavigation li.selected span {
						background: transparent url('http://static.dancedb.ru/images/decorations/1-bg.png') no-repeat right -88px;
					}

					#inlineNavigation li a:active span {
						background: transparent url('http://static.dancedb.ru/images/decorations/1-bg.png') no-repeat right -137px;
					}
						* html #inlineNavigation li.selected span {
							background: transparent;
						}

#header div.middleContent div#inlineNavigation div.searchfield {
	width: 165px;
	float: left;
	height: 48px;
	background: transparent url('http://static.dancedb.ru/images/decorations/1-bg.png') no-repeat -586px -137px;
	padding-left: 20px;
}

	* html #header div.middleContent div#inlineNavigation div.searchfield {
		/* position: relative; */
		background: transparent url('http://static.dancedb.ru/images/decorations/1-bg.png') no-repeat -586px -88px;
	}
	#header div.middleContent div#inlineNavigation div.searchfield input {
		border: none;
		background: #fff;
		width: 140px;
		color: #666666;
		font-size: 12px;
		margin-right: 10px;
		margin-left: 5px;
		font-family: Arial, Helvetica, sans-serif;
		-webkit-font-smoothing: antialiased;
		outline: none;
		height: 17px;
		margin-top: 16px;
		padding: 0;
		background: white;
		position: absolute;
	}
	
		html.rtl #header div.middleContent div#inlineNavigation div.searchfield input {
			margin-right: 23px;
		}

		html[dir=rtl] #header div.middleContent div#inlineNavigation div.searchfield input {
			margin-right: 23px;
		}		
	
#inlineNavigation li .sub {
	position: absolute;
	z-index: 9999;
	top: 47px;
	display: none;
	padding: 10px 0 0 0;
}

@-webkit-keyframes fadein {
	0%{ opacity: 0;}
	100%{ opacity: 1;}
}

#inlineNavigation li:hover .sub {
	display: block;
	-webkit-animation-name: fadein;
	-webkit-animation-duration: .3s;
	-webkit-animation-iteration-count: once;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: ease-out;
}

	#inlineNavigation li .sub .menu {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		border: 1px solid #08a4df;
		-webkit-box-shadow: 0 0 10px #08a4df;
		-moz-box-shadow: 0 0 10px #08a4df;
		box-shadow: 0 0 10px #777;
		background: #fff;
		padding: 24px 22px 22px 10px;
		overflow: hidden;
	} 
	* html #inlineNavigation li .sub .menu {
		padding-left: 0;
	}
	*:first-child+html #inlineNavigation li .sub .menu {
		
	}
		#inlineNavigation li .sub .menu .otherFeatures {
			margin: 0;
			padding: 24px 0 0 0;
			clear: both;
			text-align: right;
			line-height: 14px;
		}
		* html #inlineNavigation li .sub .menu .otherFeatures {
			padding: 20px 0 0 0;
		}
		*:first-child+html #inlineNavigation li .sub .menu .otherFeatures {
			padding: 10px 0 0 0;
		}
			#inlineNavigation li .sub .menu .otherFeatures a {
				text-shadow: none;
				float: none;
				font-weight: normal;
				height: auto;
				margin: 0;
				padding: 0;
				line-height: 14px;
				color: #00aff0;
				text-decoration: none;
			}
			#inlineNavigation li .sub .menu .otherFeatures a:hover {
				text-decoration: underline;
				background: none;
			}
		#inlineNavigation li .sub .menu ul {
			display: block;
			float: left;
			width: 150px;
			margin-left: 10px;
		}
			#inlineNavigation li .sub .menu ul li {
				background: none;
				float: none;
				line-height: 0.9em;
				margin: 0;
				margin-bottom: 10px;
				padding: 0;
				height: auto;
			}
			#inlineNavigation li .sub .menu ul li.title {
				font-size: 1.2em;
				color: #969696;
				padding:0 0 4px 0;
			}
				#inlineNavigation li .sub .menu ul li.title a {
					font-size: 24px;
					color: #969696;
					font-weight: normal;
				}
			#inlineNavigation li .sub .menu ul li.separator {
				padding: 0 0 18px 0;
				margin: 0 0 18px 0;
				border-bottom: 1px solid #e7e7e7;
			}
				#inlineNavigation li .sub .menu ul li a {
					background: none;
					float: none;
					color: #009fd9;
					text-shadow: none;
					text-decoration: none;
					padding: 4px 0;
					margin: 0;
					font-size: 14px;
					
				}
				* html.rtl #inlineNavigation .sub .menu ul li a {
					display: inline-block;
					line-height: 19px;
					height: 19px;
					padding: 0 0 4px 0;
				}
				*:first-child+html.rtl #inlineNavigation .sub .menu ul li a {
					display: inline-block;
					line-height: 19px;
					height: 19px;
					padding: 0;
				}
				#inlineNavigation li .sub .menu ul li a:hover {
					background: none;
					text-decoration: underline;
					padding: 4px 0;
				}
				* html.rtl #inlineNavigation li .sub .menu ul li a:hover {
					padding: 0 0 4px 0;
				}
				*:first-child+html.rtl #inlineNavigation .sub .menu ul li a:hover {
					padding: 0;
				}
				#inlineNavigation li .sub .menu ul li.sublink a {
					font-weight: normal;
				}
#inlineNavigation li.singleColumn .sub {
	left: 50%;
	margin-left: -98px;
	top: 47px;
	width: 196px;
}
html.rtl #inlineNavigation li.singleColumn .sub {
	left: auto;
	right: 50%;
	margin-left: 0;
	margin-right: -98px;
}
* html.rtl #inlineNavigation li.singleColumn .sub {
	left: auto;
	right: 50%;
	margin-left: 0;
	margin-right: -98px;
}
#inlineNavigation li.fourColumns .sub {
	left: 0;
	top: 47px;
}
* html #inlineNavigation li.fourColumns .sub {
	width: 675px;
	top: 47px;
}
*:first-child+html #inlineNavigation li.fourColumns .sub {
	width: 675px;
	top: 47px;
}
#inlineNavigation li .pointer {
	height: 11px;
	width: 100%;
	position: relative;
	top: 47px;
	left: 50%;
	margin-left: -50%;
	display: none;
	z-index: 10000;
	background: url('http://static.dancedb.ru/images/decorations/1-bg.png') no-repeat center 5px;
	font: 1px/1px monospace;
}
html.rtl #inlineNavigation li .pointer {
	left: auto;
	right: 50%;
	margin-left: 0;
	margin-right: -50%;
}
* html #inlineNavigation li .pointer {
	top: 47px;
	left: -50%;
	width: 25px;
	height: 11px;
	float: left;
	margin: 0 -10px 0 -13px;
	padding: 0;
	background: url('http://static.dancedb.ru/images/decorations/1-bg.png') no-repeat center 5px;
}
* html.rtl #inlineNavigation li .pointer {
	left: auto;
	right: -50%;
	float: right;
}
*:first-child+html #inlineNavigation li .pointer {
	top: 47px;
	float: left;
	width: 100%;
	height: 0;
	left: -50%;
	margin: 0 -50%;
	padding: 11px 0 0 100%;
}
#inlineNavigation li:hover .pointer {
	display: block;
	-webkit-animation-name: fadein;
	-webkit-animation-duration: .3s;
	-webkit-animation-iteration-count: once;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: ease-out;
}

/* 3.20 ��������� ��� ������������� ������������������ ����
-----------------------------------------------------------------------------------------------
===============================================================================================*/
				
				.standartPage { background:none; }
				.additionalWrapper { background:none; }
a:focus {
	outline: none;
}


.navigationUse { margin-top:10px; list-style:none; }
.navigationUse li { margin-left:10px; font-size:1em; margin-bottom:10px; }
.fullLine { background:#ccc;height:1px;margin:10px; }

/* ����� ��������� �����
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/* �������������� ���� */
.mainMenuAdditional {
	width:100%;height:110px;
	
}
.mainMenuAdditionalContent {
	width:900px;margin:0 auto;
	border-top:1px solid #ccc;
}
.searchBlockInputBg {
	float:left;background:url(http://static.dancedb.ru/images/decorations/search_01.png);width:421px;height:33px;
}
.searchBlockInput {
	border:none;background:#dadada;margin:7px 0px 0px 15px;width:350px;
}
.newSidebarActive {
	border:1px solid #34a0cf;background:#fff;width:100%;
}
.navMenuPlace {
	float:left;display:block;height:25px;width:145px;
}
.mainIndexStyleList {
	width:100%;float:left;margin-bottom:10px;
}
.db-headerIns {
	width:975px;
	margin:0 auto;
}
.db-logo {
	float:left;width:270px;margin-left:150px;
}
.moreNav {
	font-size:0.9em;	
	margin:10px auto;
	width:100%;
	height:40px;
	color:#fff;
}
.moreNav__div {
	float:left;
}
.moreNav__a__a {
	display:block;
	padding:5px;
	margin:5px;
	text-decoration:none;
	color:#fff;
}
/* ������� � ������ */
.styleSubsection {
width:100%;text-align:center;margin-top:10px;font-weight:bold;
}

/* sendUp */

.shadow {width: 850px; box-shadow: #333 0 0 15px; margin: 0 auto}
#sendUpWrapper { z-index: 9999; width: 100px; height: 100%; position: fixed; left: 0; top: 0; }
#sendUpZone { width: 100px; height: 100%; background: url(http://static.dancedb.ru/images/decorations/sendUpBg.png); opacity: 0; filter: alpha(opacity=0); }
#sendUpZone p { color: #fff; font-family: tahoma, verdana, arial; font-size: 12px; text-shadow: #000 1px 1px 1px; filter: Shadow(Color=black, Direction=130, Strength=1); position: fixed; line-height: 25px; text-align: center; left: 37px; top: 10px; background: #003366; width: 63px; height: 27px; }
#sendUpButton { opacity: 0; filter: alpha(opacity=0); width: 27px; height: 27px; cursor: pointer; position: fixed; left: 10px; top: 10px; background:#003366 url(http://static.dancedb.ru/images/decorations/goUp.png) no-repeat; }

.how-to-view, .how-to-view:link { text-decoration:none;border-bottom:1px dotted #09F; }
#howToShowFlv { float:left;display:none;margin:10px auto; }



#hMn { list-style:none; }
	#hMn li { float:left; display:block;font-size:1em; padding:5px 12px; }
	#hMn li a { color:#fff; text-decoration:none; }
	#hMn li a:hover { color:#fff; text-decoration:underline; }
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

/*==================================================
 * Effect 8
 * ===============================================*/
 @media only screen and (min-width : 1224px) {
.effect8
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}


   .hShadow { -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8); }
    
}   



  .actionButton {
        
        -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
        -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
        box-shadow:inset 0px 1px 0px 0px #54a3f7;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0087c5), color-stop(1, #0061a7));
        background:-moz-linear-gradient(top, #0087c5 5%, #0061a7 100%);
        background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
        background:-o-linear-gradient(top, #0087c5 5%, #0061a7 100%);
        background:-ms-linear-gradient(top, #0087c5 5%, #0061a7 100%);
        background:linear-gradient(to bottom, #0087c5 5%, #0061a7 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0087c5', endColorstr='#0061a7',GradientType=0);
        
        background-color:#007dc1;
        
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;
        
        border:1px solid #124d77;
        
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:13px;
        font-weight:normal;
        padding:6px 24px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #154682;
        
    }
    .actionButton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #0087c5));
        background:-moz-linear-gradient(top, #0061a7 5%, #0087c5 100%);
        background:-webkit-linear-gradient(top, #0061a7 5%, #0087c5 100%);
        background:-o-linear-gradient(top, #0061a7 5%, #0087c5 100%);
        background:-ms-linear-gradient(top, #0061a7 5%, #0087c5 100%);
        background:linear-gradient(to bottom, #0061a7 5%, #0087c5 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#0087c5',GradientType=0);
        
        background-color:#0061a7;
    }
    .actionButton:active {
        position:relative;
        top:1px;
    }
    .actionButton:link, .actionButton:visited {
    	color:#fff;
    	text-decoration:none;
    }
    
    
    
    .ajaxButton {
        
        -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
        -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
        box-shadow:inset 0px 1px 0px 0px #ffffff;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
        background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
        
        background-color:#ffffff;
        
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;
        
        border:1px solid #dcdcdc;
        
        display:inline-block;
        color:#666666;
        font-family:arial;
        font-size:13px;
        padding:6px 24px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #ffffff;
        
    }
    .ajaxButton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
        background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
        
        background-color:#f6f6f6;
    }
    .ajaxButton:active {
        position:relative;
        top:1px;
    }

    .ajaxButton:link, .ajaxButton:visited {
    	color:#666666;
    	text-decoration:none;
    }
    
  
    
    
    
@media (min-width:481px) and (max-width: 600px) {
	#hmfull { display:none; }
	#hmsm { display:block; }
	#smallMenu { display:block; }
	.searchString { width:350px; }
	.altNavChain li { display:block; float:left; width:100%;  }
	.altNavChainWrapper { overflow:hidden; }	
	.uxfooter3010 { width:270px !important; }
}
@media (min-width:361px) and (max-width: 480px) {
	#hmfull { display:none; }
	#hmsm { display:block; }
	#smallMenu { display:block; }
	.searchString { width:250px; }
	.altNavChain li { display:block; float:left; width:100%;  }
	.altNavChainWrapper { overflow:hidden; }	
	.viapromo { font-size:2em !important; }
	.viasubpromo { font-size:1em !important; }
	.viasubpromo-2 { font-size:0.75em !important; }
}
@media (max-width: 360px) {
	#hmfull { display:none; }
	#hmsm { display:block; }
	#smallMenu { display:block; }
	.searchString { display:none; }
	.altNavChain li { display:block; float:left; width:100%;  }
	.altNavChainWrapper { overflow:hidden; }
	.topstyle .series{ margin-bottom:25px; }
	#vk_comments { width:270px !important; overflow:hidden !important; }
	.viapromo { font-size:2em !important; }
	.viasubpromo { font-size:1em !important; }
	.viasubpromo-2 { font-size:0.75em !important; }
	.additionalWrapper { padding:0px; }
}
	 		

@font-face {
    font-family: "OpenSansRegular";
    src: url("/static/fonts/OpenSansRegular/OpenSansRegular.eot");
    src: url("/static/fonts/OpenSansRegular/OpenSansRegular.eot?#iefix")format("embedded-opentype"),
    url("/static/fonts/OpenSansRegular/OpenSansRegular.woff") format("woff"),
    url("/static/fonts/OpenSansRegular/OpenSansRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}




body { font: 0.814em/150% "OpenSansRegular",Verdana,Tahoma,sans-serif; line-height:150%; }
body { font-size:1em; }


* { font-family:"OpenSansRegular",Verdana,Tahoma,sans-serif; font-size:1em; }
body { font: 0.814em/150% "OpenSansRegular",Verdana,Tahoma,sans-serif; font-size:1em; line-height:150%; }

h1, h2, h3, h4, h5 { font-family:"OpenSansRegular",Tahoma,sans-serif; color:#000; font-weight:normal; }
h1 { font-size:2em; line-height:1em; margin:0 0 1em; }
	h2 { font-size:1.8em; font-weight:normal; line-height:1.5em; margin:0 0 1em; }
	h3 { font-size:1.4em; line-height:1.5em; margin:0 0 1em; }
	h4 { font-size:1.3em; line-height:1.5em; margin:0 0 1em; }
	h5 { font-size:1.2em; line-height:1.5em; margin:0 0 1em; }
	
ul {
	list-style: square;
	list-style-position: inside;
}

img { border:0px; }

a:link{color:#09F;}
a:visited{color:#09F;}
a:hover{color:red;}



p { margin:0 0 10px 0; }

embed, object { z-index:1; }

input, select, button, textarea { border: 1px solid #000; font: 0.814em Verdana, 'Arial', sans-serif; }

textarea {
	border:1px solid #bbb;
	padding:5px;
}
    
    
    
    

 .topstyle{
  
  
  opcaity:0.6;
  border-bottom-left-radius:16px;
  -moz-border-radius-bottomleft:16px;
  -webkit-border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  -moz-border-radius-bottomright:16px;
  -webkit-border-bottom-right-radius:16px;
  z-index:30;
}
 
 .topstyle .series{
  float:left;
  width:220px;
  height:34px;
  margin:0 15px 11px 0;
  border-top-right-radius:8px;
  -moz-border-radius-topright:8px;
  -webkit-border-top-right-radius:8px;
  border-bottom-right-radius:8px;
  -moz-border-radius-bottomright:8px;
  -webkit-border-bottom-right-radius:8px;
}
 .topstyle .series:hover{
  background:url(/static/images/decorations/sthover.png) 50% 50% repeat-x;
}
 .topstyle .series .img{
  float:left;
  width:30px;
  height:30px;
  padding:2px;
  margin:0 2px 0 0;
  background:#6c6c6c;
  
}
 .topstyle a:hover .series .img{
  background:#0387b4;
  
}
 .topstyle .series .arrow{
  float:left;
  width:6px;
  height:5px;
  margin:13px 3px 10px 0;
  background:url(/static/images/decorations/styletoparrow.png) 0 0 no-repeat;
}
.topstyle a:hover .series .arrow{
  background:url(/static/images/decorations/styletoparrow.png) 0 -5px no-repeat;
  
}
.topstyle a .series .en{
  float:left;
  width:170px;
  height:16px;
  margin:5px 0 0 0;
  color:#fff;
  text-shadow:0 1px 0 #1f1e20;
}
.topstyle a .series .ru{
  float:left;
  width:170px;
  height:20px;
  margin:0;
  color:#b7b7b3;
  font-size:11px;
  text-shadow:0 1px 0 #1f1e20;
}
    
    
#wrapper {
  margin: 0px;
  margin:0 auto;
  width:100%;
}


.menu {
	float:left;
	margin:0;padding:0;
  list-style:none;
}
.menu li {
	float:left;
}
.menu a {
	display:block;
	background-color: #3E454D;
	padding:20px 15px 15px 15px;
	height:55px;
	transition: background-color .5s;
  -moz-transition: background-color .5s;
  -o-transition: background-color .5s;
  -webkit-transition: background-color .5s;
	box-shadow: inset 1px 0 0 0 #272B31, inset 2px 0 0 0 #434A52;
  -moz-box-shadow: inset 1px 0 0 0 #272B31, inset 2px 0 0 0 #434A52;
  -webkit-box-shadow: inset 1px 0 0 0 #272B31, inset 2px 0 0 0 #434A52;
}
.menu  a.home {
  background: #016395 url(/static/images/decorations/uxhome.png) center no-repeat;
  width: 50px;
  box-shadow:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
}
.menu a:hover { background-color: #353B41 !important;  }

    
.menu a { font-family:"OpenSansCondensedBold",Tahoma,sans-serif; color:#fff; text-align:center; font-size:1.3em; }
.menu a:hover { text-decoration:none; }


	#hMn { list-style:none; margin:0; padding:0; 
					
					
    
    
    
					}
	#hMn li { margin:0; padding:0 10px; }
	#hMn li a { padding:15px 10px 31px; color:#fff; display:block; float:left; 
		
	}
	#hMn li a:hover { text-decoration:none; }
	#hMn li a:hover, #hMn a.active  { 
	
	/*color:#fff; color:#AAA;  text-decoration:none; color:#aed5e8;*/
	
	
	background: #143b68;
	background:#1f1e20;
	 border-top-left-radius:6px;
  -moz-border-radius-topleft:6px;
  -webkit-border-top-left-radius:6px;
  border-top-right-radius:6px;
  -moz-border-radius-topright:6px;
  -webkit-border-top-right-radius:6px;
  
  
	background: #474747;
background: -moz-linear-gradient(top,  #474747 0%, #1f1e20 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474747), color-stop(100%,#1f1e20));
background: -webkit-linear-gradient(top,  #474747 0%,#1f1e20 100%);
background: -o-linear-gradient(top,  #474747 0%,#1f1e20 100%);
background: -ms-linear-gradient(top,  #474747 0%,#1f1e20 100%);
background: linear-gradient(to bottom,  #474747 0%,#1f1e20 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#474747\', endColorstr=\'#1f1e20\',GradientType=0 );


	
	}
	



	

	p { margin:0 0 18px; }
	ul { margin:1em 0; }
	
	
	a, a:link { text-decoration:none; }
	a:hover { text-decoration:underline; }
	
	.unicateBg {
	 
background:#666;
background:#007ab8;
background:#000;
background:#3E454D;

			}
			
			
			
.uxlist { margin:10px 0; width:100%; float:left; }
				
				.uxelement { width:134px; float:left; margin-right:72px; height:200px; }
				.five { }
				.uname { text-align:center; }
				.five { margin-right:0; }
				
				.simpleList { margin:10px 0; float:left; }
				.simpleListElement { width:100%; float:left; height:180px; margin:10px 0; }
				.simpleLabel { width:134px; float:left;  text-align:center; }
				.simpleDescription { width:700px; float:left;  padding-left:70px; }

				
				.uxfooter3010 { width:210px; margin-left:10px;margin-right:20px; margin-bottom:20px; }
.uxfooter3010 ul { list-style:none; }
.uxfooter3010 i { margin-right:10px; }
.uxfooter3010 a { color:#fff; }
.uxfooter3010 li { margin:10px 0; }
	 		
@font-face {
    font-family: "SourceSansProRegular";
    src: url("/static/fonts/SourceSansProRegular/SourceSansProRegular.eot");
    src: url("/static/fonts/SourceSansProRegular/SourceSansProRegular.eot?#iefix")format("embedded-opentype"),
    url("/static/fonts/SourceSansProRegular/SourceSansProRegular.woff") format("woff"),
    url("/static/fonts/SourceSansProRegular/SourceSansProRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "OpenSansRegular";
    src: url("/static/fonts/OpenSansRegular/OpenSansRegular.eot");
    src: url("/static/fonts/OpenSansRegular/OpenSansRegular.eot?#iefix")format("embedded-opentype"),
    url("/static/fonts/OpenSansRegular/OpenSansRegular.woff") format("woff"),
    url("/static/fonts/OpenSansRegular/OpenSansRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "OpenSansCondensedLight";
    src: url("/static/fonts/OpenSansCondensedLight/OpenSansCondensedLight.eot");
    src: url("/static/fonts/OpenSansCondensedLight/OpenSansCondensedLight.eot?#iefix")format("embedded-opentype"),
    url("/static/fonts/OpenSansCondensedLight/OpenSansCondensedLight.woff") format("woff"),
    url("/static/fonts/OpenSansCondensedLight/OpenSansCondensedLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "OpenSansCondensedLightItalic"; */
@font-face {
    font-family: "OpenSansCondensedLightItalic";
    src: url("/static/fonts/OpenSansCondensedLightItalic/OpenSansCondensedLightItalic.eot");
    src: url("/static/fonts/OpenSansCondensedLightItalic/OpenSansCondensedLightItalic.eot?#iefix")format("embedded-opentype"),
    url("/static/fonts/OpenSansCondensedLightItalic/OpenSansCondensedLightItalic.woff") format("woff"),
    url("/static/fonts/OpenSansCondensedLightItalic/OpenSansCondensedLightItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "OpenSansCondensedBold"; */
@font-face {
    font-family: "OpenSansCondensedBold";
    src: url("/static/fonts/OpenSansCondensedBold/OpenSansCondensedBold.eot");
    src: url("/static/fonts/OpenSansCondensedBold/OpenSansCondensedBold.eot?#iefix")format("embedded-opentype"),
    url("/static/fonts/OpenSansCondensedBold/OpenSansCondensedBold.woff") format("woff"),
    url("/static/fonts/OpenSansCondensedBold/OpenSansCondensedBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
 



body { font: 0.814em/150% "OpenSansRegular",Verdana,Tahoma,sans-serif; line-height:150%; }
body { font-size:1em; }

h1, h2, h3, h4, h5 { font-family:"SourceSansProRegular",Tahoma,sans-serif; color:#000; font-weight:normal; }
h1 { font-size:2em; line-height:1em; margin:0 0 1em; }
	h2 { font-size:1.8em; font-weight:normal; line-height:1.5em; margin:0 0 1em; }
	h3 { font-size:1.4em; line-height:1.5em; margin:0 0 1em; }
	h4 { font-size:1.3em; line-height:1.5em; margin:0 0 1em; }
	h5 { font-size:1.2em; line-height:1.5em; margin:0 0 1em; }
	
ul {
	list-style: square;
	list-style-position: inside;
}

img { border:0px; }

a:link{color:#09F;}
a:visited{color:#09F;}
a:hover{color:red;}



p { margin:0 0 10px 0; }

embed, object { z-index:1; }

input, select, button, textarea { border: 1px solid #000; font: 0.814em Verdana, 'Arial', sans-serif; }

textarea {
	border:1px solid #bbb;
	padding:5px;
}
    
    
    
    

 .topstyle{
  
  
  opcaity:0.6;
  border-bottom-left-radius:16px;
  -moz-border-radius-bottomleft:16px;
  -webkit-border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  -moz-border-radius-bottomright:16px;
  -webkit-border-bottom-right-radius:16px;
  z-index:30;
}
 
 .topstyle .series{
  float:left;
  width:220px;
  height:34px;
  margin:0 15px 11px 0;
  border-top-right-radius:8px;
  -moz-border-radius-topright:8px;
  -webkit-border-top-right-radius:8px;
  border-bottom-right-radius:8px;
  -moz-border-radius-bottomright:8px;
  -webkit-border-bottom-right-radius:8px;
}
 .topstyle .series:hover{
  background:url(/static/images/decorations/sthover.png) 50% 50% repeat-x;
}
 .topstyle .series .img{
  float:left;
  width:30px;
  height:30px;
  padding:2px;
  margin:0 2px 0 0;
  background:#6c6c6c;
  
}
 .topstyle a:hover .series .img{
  background:#0387b4;
  
}
 .topstyle .series .arrow{
  float:left;
  width:6px;
  height:5px;
  margin:13px 3px 10px 0;
  background:url(/static/images/decorations/styletoparrow.png) 0 0 no-repeat;
}
.topstyle a:hover .series .arrow{
  background:url(/static/images/decorations/styletoparrow.png) 0 -5px no-repeat;
  
}
.topstyle a .series .en{
  float:left;
  width:170px;
  height:16px;
  margin:5px 0 0 0;
  color:#fff;
  text-shadow:0 1px 0 #1f1e20;
}
.topstyle a .series .ru{
  float:left;
  width:170px;
  height:20px;
  margin:0;
  color:#b7b7b3;
  font-size:11px;
  text-shadow:0 1px 0 #1f1e20;
}
    
    
#wrapper {
  margin: 0px;
  margin:0 auto;
  width:100%;
}


.menu {
	float:left;
	margin:0;padding:0;
  list-style:none;
}
.menu li {
	float:left;
}
.menu a {
	display:block;
	background-color: #3E454D;
	padding:20px 15px 15px 15px;
	height:55px;
	transition: background-color .5s;
  -moz-transition: background-color .5s;
  -o-transition: background-color .5s;
  -webkit-transition: background-color .5s;
	box-shadow: inset 1px 0 0 0 #272B31, inset 2px 0 0 0 #434A52;
  -moz-box-shadow: inset 1px 0 0 0 #272B31, inset 2px 0 0 0 #434A52;
  -webkit-box-shadow: inset 1px 0 0 0 #272B31, inset 2px 0 0 0 #434A52;
}
.menu  a.home {
  background: #016395 url(/static/images/decorations/uxhome.png) center no-repeat;
  width: 50px;
  box-shadow:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
}
.menu a:hover { background-color: #353B41 !important;  }

    
.menu a { font-family:"OpenSansCondensedBold",Tahoma,sans-serif; color:#fff; text-align:center; font-size:1.3em; }
.menu a:hover { text-decoration:none; }


	#hMn { list-style:none; margin:0; padding:0; 
					
					
    
    
    
					}
	#hMn li { margin:0; padding:0 10px; }
	#hMn li a { padding:15px 10px 31px; color:#fff; display:block; float:left; 
		
	}
	#hMn li a:hover { text-decoration:none; }
	#hMn li a:hover, #hMn a.active  { 
	
	/*color:#fff; color:#AAA;  text-decoration:none; color:#aed5e8;*/
	
	
	background: #143b68;
	background:#1f1e20;
	 border-top-left-radius:6px;
  -moz-border-radius-topleft:6px;
  -webkit-border-top-left-radius:6px;
  border-top-right-radius:6px;
  -moz-border-radius-topright:6px;
  -webkit-border-top-right-radius:6px;
  
  
	background: #474747;
background: -moz-linear-gradient(top,  #474747 0%, #1f1e20 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474747), color-stop(100%,#1f1e20));
background: -webkit-linear-gradient(top,  #474747 0%,#1f1e20 100%);
background: -o-linear-gradient(top,  #474747 0%,#1f1e20 100%);
background: -ms-linear-gradient(top,  #474747 0%,#1f1e20 100%);
background: linear-gradient(to bottom,  #474747 0%,#1f1e20 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#474747\', endColorstr=\'#1f1e20\',GradientType=0 );


	
	}
	



	

	p { margin:0 0 18px; }
	ul { margin:1em 0; }
	
	
	a, a:link { text-decoration:none; }
	a:hover { text-decoration:underline; }
	
	.unicateBg {
	 
background:#666;
background:#007ab8;
background:#000;
background:#3E454D;

			}
			
			
			
.uxlist { margin:10px 0; width:100%; float:left; }
				
				.uxelement { width:134px; float:left; margin-right:72px; height:200px; }
				.five { }
				.uname { text-align:center; }
				.five { margin-right:0; }
				
				.simpleList { margin:10px 0; float:left; }
				.simpleListElement { width:100%; float:left; height:180px; margin:10px 0; }
				.simpleLabel { width:134px; float:left;  text-align:center; }
				.simpleDescription { width:700px; float:left;  padding-left:70px; }

				
				.uxfooter3010 { width:210px; margin-left:10px;margin-right:20px; margin-bottom:20px; }
.uxfooter3010 ul { list-style:none; }
.uxfooter3010 i { margin-right:10px; }
.uxfooter3010 a { color:#fff; }
.uxfooter3010 li { margin:10px 0; }