html,body {
	margin:0px;
	padding:0px;
	background-color:#f9f9f9;
	width:100%;
	/*height:100%;*/
	font-family:arial;
}

img {
	border:0px;
}

a {
	color: #438bc5;
}

p {
	font-size:12px;
}

input {
    outline:none;
}

header {
	width:100%;
	min-width:1000px;
	height:80px;
	background-color:#f1f1f1;
	border-bottom:1px solid #e8e8e8;
}

header:after {
	display:block;
	content:'';
	clear:both;
}

header nav:after {
	clear:none;
}

select option[disabled] {
    display: none;
}

.body {
	width:80%;
	min-width:1000px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

section.body {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding-top:30px;
	padding-left:20px;
	padding-right:20px;
	background-color:#ffffff;
}

.logo {
	float:left;
	display:block;
}

nav {
	display:block;
	padding-top:18px;
}

nav:after {
	display:block;
	content:'';
	clear:both;
}

nav a {
	display:block;
	height:27px;
	line-height:27px;
	float:left;
	padding-left:8px;
	padding-right:8px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: #f9f9f9;
	background-image: -webkit-linear-gradient(top,#f9f9f9,#f1f1f1);
	background-image: -moz-linear-gradient(top,#f9f9f9,#f1f1f1);
	background-image: -ms-linear-gradient(top,#f9f9f9,#f1f1f1);
	background-image: -o-linear-gradient(top,#f9f9f9,#f1f1f1);
	background-image: linear-gradient(top,#f9f9f9,#f1f1f1);
	color: #444;
	border: 1px solid rgba(0,0,0,0.1);
	border: 1px solid #e0e0e0;
	text-decoration:none;
	margin-left: -1px;
	font-size: 11px;
	font-weight: bold;
}

nav a:first-child {
	margin-left:0px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

nav a:last-child {
	-ms-border-radius: 2px;
	border-radius: 2px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

nav a.current {
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	background-color: #9a2a25;
	background-image: -webkit-linear-gradient(top,#b3322b,#9a2a25);
	background-image: -moz-linear-gradient(top,#b3322b,#9a2a25);
	background-image: -ms-linear-gradient(top,#b3322b,#9a2a25);
	background-image: -o-linear-gradient(top,#b3322b,#9a2a25);
	background-image: linear-gradient(top,#b3322b,#9a2a25);
	border: 1px solid #661c18;
	color: #ffffff;
}

nav a.current:hover {
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	background-color: #9a2a25;
	background-image: -webkit-linear-gradient(top,#b3322b,#9a2a25);
	background-image: -moz-linear-gradient(top,#b3322b,#9a2a25);
	background-image: -ms-linear-gradient(top,#b3322b,#9a2a25);
	background-image: -o-linear-gradient(top,#b3322b,#9a2a25);
	background-image: linear-gradient(top,#b3322b,#9a2a25);
	border: 1px solid #661c18;
	color: #ffffff;
}

nav a:hover{
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	background-color: #eee;
	background-image: -webkit-linear-gradient(top,#eee,#e0e0e0);
	background-image: -moz-linear-gradient(top,#eee,#e0e0e0);
	background-image: -ms-linear-gradient(top,#eee,#e0e0e0);
	background-image: -o-linear-gradient(top,#eee,#e0e0e0);
	background-image: linear-gradient(top,#eee,#e0e0e0);
	border: 1px solid #ccc;
	color: #333;
}

nav a:active{
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	background: #f8f8f8;
	color: #333;
}

.profile {
	display:block;
	position:absolute;
	right:0px;
	top:50px;
	padding-top:5px;
	width:400px;
	
}

.profile:after {
	display:block;
	content:'';
	clear:both;
}

.profile .user {
	display:block;
	color:#666;
	font-size:11px;
	text-decoration:none;
	text-align:right;
	margin-left:20px;
	padding-top:2px;
	height:33px;
	position:absolute;
	top:-30px;
	right:0px;
}

.profile .user:after {
	display:block;
	content:'';
	clear:both;
}

.profile .user img {
	display:block;
	float:right;
	margin-left:10px;
	margin-top:-6px;
	width:29px;
	height:29px;
	border:1px solid #d3d3d3;
	border-radius:2px;
}

.profile .icon {
	float:right;
}

.icon {
	display:block;
	font-size:11px;
	color:#000;
	border:1px solid #c7c7c7;
	background-color:#ffffff;
	padding:1px 3px;
	border-radius:2px;
	position:relative;
	margin-left:35px;
}

.icon b {
	color:#9a2a25;
}

/*.icon:after {
	display:block;
	content:'';
	width:5px;
	height:5px;
	position:absolute;
	left:-3px;
	top:5px;
	z-index:10;
	background:#f1f1f1;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}*/

.rating:before {
	display:block;
	content:'';
	width:16px;
	height:16px;
	position:absolute;
	left:-23px;
	top:0px;
	/*background:url('../i/ico_star.png') 0 0 no-repeat;*/
	background:url('../i/icons/svg/ico_rating.svg') 0px 0px no-repeat;
	background-size:16px 16px;
}

.download:before {
	display:block;
	content:'';
	width:16px;
	height:16px;
	position:absolute;
	left:-23px;
	top:0px;
	/*background:url('../i/ico_down.png') 0 0 no-repeat;*/
	background:url('../i/icons/svg/ico_download.svg') 0px 0px no-repeat;
	background-size:16px 16px;
}

.upload:before {
	display:block;
	content:'';
	width:16px;
	height:16px;
	position:absolute;
	left:-23px;
	top:0px;
	/*background:url('../i/ico_up.png') 0 0 no-repeat;*/
	background:url('../i/icons/svg/ico_upload.svg') 0px 0px no-repeat;
	background-size:16px 16px;
}

.msg:before {
	display:block;
	content:'';
	width:16px;
	height:16px;
	position:absolute;
	left:-23px;
	top:0px;
	background:url('../i/ico_msg.png') 0 0 no-repeat;
}


.letters {
	margin:0px;
}

.letters nav {
	padding-top:5px;
}

.letters nav:after {
	display:block;
	content:'';
	clear:both;
}

.opts {
	float:right;
	width:254px;
	margin-top:-43px;
	font-size:10px;
	padding-left:10px;
}

.opts form {
	float:left;
}

.opts select {
	height:30px;
	border:1px solid #d9d9d9;
	border-top:1px solid #c0c0c0;
	border-radius:2px;
	background:#f1f1f1;
	padding-left:5px;
	margin-left:10px;
	outline:none;
}

.opts select[name=ordfield] {
	width:160px;
}

.opts .input {
	width:120px;
}

.opts:after {
	display:block;
	content:'';
	clear:both;
}

.block_search {
	position:relative;
	margin-bottom:20px;
}

.block_search:after {
	display:block;
	content:'';
	clear:both;
}

a.adv_search {
	font-size:12px;
	float:right;
	text-decoration:none;
	margin-top:5px;
}

a.adv_search:hover {
	text-decoration:none;
}

.search {
	display:block;
	position:absolute;
	right:0px;
	top:5px;
	margin:0px;
	padding:0px;
	margin-top:0px;
	font-size:11px;
	height:70px;
}

.search:after {
	display:block;
	content:'';
	clear:both;
}

.search label.main {
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	padding-right:30px;
	/*background:url('/i/ico_search.png') 10px 10px no-repeat;*/
	background:url('../i/icons/svg/ico_search.svg') 5px 5px no-repeat;
	background-size:20px 20px;
}


.search label {
	display:none;
	/*float:left;*/
	height:30px;
	line-height:30px;
	padding-right:10px;
}

.search input[type=text],.search select {
	height:25px;
	border:1px solid #d9d9d9;
	border-top:1px solid #c0c0c0;
	width:320px;
	border-radius:2px;
	background:#f1f1f1;
	padding-left:5px;
	display:block;
	margin-bottom:5px;
	z-index:0;
	outline: none;
	font-size:15px;
	font-weight:bold;
	color:#9a2a25;
}

.search select option {
	background-color:#ffffff;
	font-weight:bold;
}

.search select {
	display:none;
	width:267px;
	height:30px;
	float:left;
	margin-left:30px;
}

.search input[type=checkbox] {
	display:none;
	margin-top:8px;
	float:left;
	margin-left:10px;
}


.search input[type=text]:hover,.search select:hover {
	display:block;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	background-color:#f5f5f5;
	border:1px solid #c0c0c0;
}

.search input[type=text]:focus,.search select:focus {
	display:block;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	background-color:#f5f5f5;
	border:1px solid #9a2a25;
}

.search input[type=submit] {
	display:none;
	position:relative;
	z-index:0;
	height:31px;
	float:left;
	width:50px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	background-color: #9a2a25;
	/*background-image: -webkit-linear-gradient(top,#b3322b,#9a2a25);
	background-image: -moz-linear-gradient(top,#b3322b,#9a2a25);
	background-image: -ms-linear-gradient(top,#b3322b,#9a2a25);
	background-image: -o-linear-gradient(top,#b3322b,#9a2a25);
	background-image: linear-gradient(top,#b3322b,#9a2a25);*/
	border: 1px solid #80231f;
	margin-left:10px;
	border-radius:2px;
	color: #ffffff;
	-webkit-transition: display 1s ease;
	>outline: none;
}

.search input[type=submit]:focus {
	outline:none;
}

.search:hover input,.search:hover select,.search:hover label {
	display:block;
}

.search:focus input,.search:focus select,.search:focus la label {
	display:block;
}

.search input[type=submit]:hover {
	background-color:#80231f;
	border-top:1px solid #b3322b;
}

.pretitle {
	width:800px;
	margin-left:auto;
	margin-right:auto;
}

.pretitle table tbody tr td {
	background-color:#ffffff;
	border:0px;
	vertical-align:top;
}

.pretitle:after {
	display:block;
	content:'';
	clear:both;
}

.pretitle legend {
	display:block;
	margin-bottom:20px;
}

.pretitle input[type=text] {
	height:25px;
	border:1px solid #d9d9d9;
	border-top:1px solid #c0c0c0;
	border-radius:2px;
	background:#f1f1f1;
	padding-left:5px;
	display:inline-block;
	margin-bottom:5px;
	margin-left:3px;
	/*float:left;*/
	z-index:0;
}

.pretitle input[name=s_string] {
	width:300px;
}
.pretitle input[name=s_year] {
	width:76px;
}

.pretitle select {
	height:29px;
	border:1px solid #d9d9d9;
	border-top:1px solid #c0c0c0;
	border-radius:2px;
	background:#f1f1f1;
	padding-left:5px;
	display:inline-block;
	margin-bottom:5px;
	/*float:left;*/
	z-index:0;
}


.pretitle input[type=checkbox] {
	/*display:inline-block;
	margin-top:8px;
	float:left;
	margin-left:10px;*/
}

.pretitle label {
	display:block;
	font-size:12px;
	padding-top:3px;
	padding-bottom:3px;
}

.pretitle input[type=text]:hover,.pretitle select:hover {
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	background-color:#f5f5f5;
	border:1px solid #c0c0c0;
}

.pretitle input[type=text]:focus,.pretitle select:focus {
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	background-color:#f5f5f5;
	border:1px solid #9a2a25;
}

.pretitle input[type=submit] {
	position:relative;
	z-index:0;
	height:31px;
	float:left;
	width:50px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	background-color: #9a2a25;
	/*background-image: -webkit-linear-gradient(top,#b3322b,#9a2a25);
	background-image: -moz-linear-gradient(top,#b3322b,#9a2a25);
	background-image: -ms-linear-gradient(top,#b3322b,#9a2a25);
	background-image: -o-linear-gradient(top,#b3322b,#9a2a25);
	background-image: linear-gradient(top,#b3322b,#9a2a25);*/
	border: 1px solid #80231f;
	margin-left:10px;
	border-radius:2px;
	color: #ffffff;
	-webkit-transition: display 1s ease;
}



.inp-text {
	height:20px;
	border:1px solid #d9d9d9;
	border-top:1px solid #c0c0c0;
	width:300px;
	border-radius:2px;
	background:#f1f1f1;
	padding-left:5px;
	z-index:0;
	display:inline-block;
	margin-right:10px;
}


.inp-text:hover {
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	background-color:#f5f5f5;
	border:1px solid #c0c0c0;
}

.inp-text:focus {
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	background-color:#f5f5f5;
	border:1px solid #9a2a25;
}



.find {
	background:#9a2a25 url('../i/icons/svg/ico_find.svg') 50% 50% no-repeat;
	background-size:18px 18px;
}

.notice {
	border-bottom:1px solid #dedede;
	padding-bottom:20px;
	font-size:12px;
}

h1 {
	margin:0px;
	padding:0px;
	margin-bottom:15px;
	margin-top:15px;
	font-size:18px;
	color:#000;
}

table {
	/*border-collapse:collapse;*/
	border-spacing:0;
}

table.white_tb {
	width:100%;
}

table.white_tb .select {
	background-color:#ffffff;
}

table.white_tb tbody tr td {
	background-color:#f8f8f8;
}

table.white_tb tbody tr:hover td {
	background-color:#f8f8f8;
}


.stat,.albums {
	width:100%;
}

td {
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	/*border-right:1px solid #e0e0e0;*/
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:12px;
	position:relative;
	backgroung-color:#ffffff;
}

tbody td a {
	color:#438bc5;
	font-size:12px;
}

td:first-child {
	border-left:0px;
}
td:last-child {
	border-right:0px;
}

td.alb_uinfo {
	text-align:right;
	min-width:65px;
}


thead {
	font-size:12px;
	font-weight:bold;
}

tbody tr:nth-child(even) {
	background-color:#f8f8f8;
}

.even {
	background-color:#f8f8f8;
}


/*tbody tr:nth-child(even) td {
	background-color:#f8f8f8;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
}*/

.img_border {
    display:block;
    width:300px;
    height:300px;
    position:relative;
}


.ui-autocomplete {
    background-color: rgba(255,255,255,1);
    border: 2px solid #d5d5d5;
    border-top: 0px;
    margin: 0px;
    z-index: 1500 !important;
    padding: 20px;
    list-style: none;
    display: block;
    top: 20px;
    width: 180px;
    font-size:13px;
}

iframe#player {
    position:absolute;
    width:0px;
    height:0px;
    top:0px;
    left:-1000px;
}

.ui-autocomplete li {
    white-space:nowrap;
    overflow:hidden;
    font-size:11px;
}

.ui-autocomplete span {
    padding-left:10px;
}

.ui-autocomplete a {
    text-decoration:none;
    font-weight:500;
    font-size:15px;
    font-weight:bold;
    /*color: #438bc5;*/
    color: #9a2a25;
}

.ui-autocomplete li.ui-autocomplete-category {
    display: block;
    font-weight: bold;
    margin-top: 0px;
    font-size:15px;
}

.ui-menu-item {
    border:1px solid transparent;
    font-family:arial;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #999999;
    background: none;
    font-weight: normal;
    color: #212121;
}

.current_album {
	font-weight:bold;
}

.alert {
    display:inline-block;
    color:red;
    font-weight:bold;
    padding-left:1px;
    font-size:14px;
}

.tb_clean>tbody>tr>td {
    padding:0px;
    width:500px;
}

tbody tr:hover {
	background-color:#f4f1e7;
}



tbody tr.inactive:hover {
	background-color:inherit;
}


.albums tbody td:first-child a {
	display:block;
}

.albums tbody td:first-child .deleted_link {
	display:inline;
}

.albums tbody td:first-child a.logo {
	float:left;
	margin-right:10px;
	position:relative;
}

.albums a.logo .big_preview {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:40px;
	height:40px;
	z-index:100;
	opacity:0;
	transition: all 0.3s ease;
}

.albums a.logo:hover .big_preview {
	display:block;
	left:0px;
	opacity:1;
	width:200px;
	height:200px;
	transition: all 0.3s ease;
	transition-delay: 0.4s;
}


.albums tbody td:first-child a.alb_name {
	font-weight:bold;
	font-size:18px;
	color:#9a2a25;
	text-decoration:none;
}

.albums tbody span.alb_name {
	font-size:16px;
}

.al-btn {
	margin-top:-20px;
}

.no-und {
	text-decoration:none;
}


.alb_data {
	color:#a0a0a0;
}

.green {
	color:#458c31;
}

.i-download {
	width:16px;
	height:16px;
	background:url('/i/icons/svg/ico_download.svg');
	z-index:100;
}

.btn:hover .i-download{
	background:url('/i/icons/svg/ico_download_hover.svg');
	fill:#ffffff;
}

.i-play {
	width:16px;
	height:16px;
	background:url('/i/icons/svg/ico_mplay.svg');
	z-index:100;
}

.i-pause {
	width:16px;
	height:16px;
	background:url('/i/icons/svg/ico_mpause.svg');
	z-index:100;
}

.i-play-next,.i-play-prev {
	position:relative;
	z-index: 100;
	display: inline-block;
        -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 15px;
	height: 13px;
	color: #868686;
}

.i-play-next:before {
    content: "";
    display: block;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 transparent;
    border-color: transparent transparent transparent #868686;
    border-image: none;
    border-style: solid;
    border-width: 6px 0 6px 11px;
    left: 0px;
    top: 3px;
    position: relative;
}

.i-play-next:after {
    content: "";
    display: block;
    left: 12px;
    top: 3px;
    position: absolute;
    width: 3px;
    height: 12px;
    background-color: #868686;
}

.i-play-prev:before {
    content: "";
    display: block;
    left: 0px;
    top: 3px;
    position: absolute;
    width: 3px;
    height: 12px;
    background-color: #868686;
}

.i-play-prev:after {
    content: "";
    display: block;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 transparent;
    border-color: transparent #868686 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 6px 11px 6px 0;
    left: 4px;
    top: 3px;
    position: absolute;}

.fp_play_next:hover .i-play-next:before {
    content: "";
    display: block;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 transparent;
    border-color: transparent transparent transparent #ffffff;
    border-image: none;
    border-style: solid;
    border-width: 6px 0 6px 11px;
    left: 0px;
    top: 3px;
    position: relative;
}

.fp_play_next:hover .i-play-next:after {
    content: "";
    display: block;
    left: 12px;
    top: 3px;
    position: absolute;
    width: 3px;
    height: 12px;
    background-color: #ffffff;
}

.fp_play_prev:hover .i-play-prev:before {
    content: "";
    display: block;
    left: 0px;
    top: 3px;
    position: absolute;
    width: 3px;
    height: 12px;
    background-color: #ffffff;
}

.fp_play_prev:hover .i-play-prev:after {
    content: "";
    display: block;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 transparent;
    border-color: transparent #ffffff transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 6px 11px 6px 0;
    left: 4px;
    top: 3px;
    position: absolute;}


.btn:hover .i-play {
	background:url('/i/icons/svg/ico_mplay_hover.svg');
}

.btn:hover .i-pause {
	width:16px;
	height:16px;
	background:url('/i/icons/svg/ico_mpause_hover.svg');
	z-index:100;
}


.i-ape2flac {
	width:16px;
	height:16px;
	background:url('/i/ico_ape2flac.png');
	z-index:100;
}

.btn:hover .i-ape2flac{
	background:url('/i/ico_ape2flac_hover.png');
}


.i-delete {
	width:16px;
	height:16px;
	background:url('/i/ico_delete.png');
	z-index:100;
}

.btn:hover .i-delete{
	background:url('/i/ico_delete_hover.png');
}

.i-edit {
	width:16px;
	height:16px;
	background:url('/i/icons/svg/ico_edit.svg');
	z-index:100;
}

.btn:hover .i-edit{
	background:url('/i/icons/svg/ico_edit_hover.svg');
}

.i-zip {
	width:16px;
	height:16px;
	background:url('/i/ico_zip.png');
	z-index:100;
}

.btn:hover .i-zip{
	background:url('/i/ico_zip_hover.png');
}



.u_data {
	text-decoration:none;
	color:#000000;
}

.u_data:hover {
	color:#438bc5;
}


.u_data:hover {
	text-decoration:underline;
}

tbody tr td.site_stat {
	width:270px;
	background-color:#ffffff;
	vertical-align:top;
	line-height:18px;
}

.albums tbody td:first-child a.logo img {
	/*border: 1px solid #d3d3d3;*/
	border: 1px solid #000000;
	border-radius: 2px;
}

.albums tbody td:first-child ul {
	display:block;
	margin:0px;
	padding:0px;
	list-style:none;
}

.albums tbody td:first-child ul:after {
	display:block;
	content:'';
	clear:both;
}

.albums tbody td:first-child ul li {
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	padding-left:30px;
	color:#808080;
	font-size:11px;
	line-height:16px;
}

.albums tbody td:last-child ul {
	display:block;
	float:right;
	margin:0px;
	margin-left:-10px;
	padding:0px;
	list-style:none;
}

.albums tbody td:last-child ul:after {
	display:block;
	content:'';
	clear:both;
}


.albums tbody td:last-child ul li {
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	padding-left:30px;
	color:#808080;
	font-size:11px;
	line-height:16px;
}


.i-views {
	/*background:url('../i/ico_eye.png') 10px 50% no-repeat;*/
	background:url('../i/icons/svg/ico_views.svg') 10px 50% no-repeat;
	background-size:16px 16px;
}

.i-comments {
	background:url('../i/ico_comments.png') 10px 50% no-repeat;
}

.i-downloads{
	background:url('../i/icons/svg/ico_download.svg') 10px 50% no-repeat;
	background-size:14px 14px;
}

.i-ok{
	background:url('../i/icons/svg/ico_ok.svg') 10px 50% no-repeat;
	background-size:16px 16px;
}

.i-fail{
	background:url('../i/ico_fail.png') 10px 50% no-repeat;
}


.i-orig {
	background:url('/img/disc.jpg') 100% 0px no-repeat;
	padding-right:15px;
}


.albums tbody td.i-ok {
	padding-left:30px;
}

.albums tbody td.i-fail {
	padding-left:30px;
}

.f-r {
	display:block;
	float:right;
}

.f-l {
	display:block;
	float:left;
}

.r-m5 {
	margin-right:5px;
}

.btn {
	display:block;
	padding:8px 8px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: white;
	background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
	color: #444;
	border: 1px solid #e0e0e0;
	border-radius:2px;
	text-decoration:none;
	margin-left: -1px;
	font-size: 12px;
	font-weight: bold;
}

.btn:hover,.btn-active {
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	background-color: #9a2a25;
	background-image: -webkit-linear-gradient(top,#b3322b,#9a2a25);
	background-image: -moz-linear-gradient(top,#b3322b,#9a2a25);
	background-image: -ms-linear-gradient(top,#b3322b,#9a2a25);
	background-image: -o-linear-gradient(top,#b3322b,#9a2a25);
	background-image: linear-gradient(top,#b3322b,#9a2a25);
	border: 1px solid #661c18;
	color: #ffffff;
}

.white_tb input.btn {
    padding-bottom:inherit;
    height:inherit;
}

input.btn {
	display:inline-block;
	height:24px;
	padding-bottom:1px;
}

select.select {
	height:24px;
	background-color: #f5f5f5;
	border: 1px solid #e0e0e0;
	border-radius:2px;
}

.pager nav {
	padding-top:15px;
	padding-bottom:15px;
}

footer{
	display:block;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding-top:30px;
	padding-left:20px;
	padding-right:20px;
	background-color:#ffffff;
}

.m20 {
	margin-right:20px;
}

h1.album{
	/*background-color:#f0f0f0;*/
	background-color:#9a2a25;
	color:#ffffff;
	font-size:20px;
	padding-left:10px;
	padding-right:10px;
	margin-right:20px;
	display:block;
	width:100%;
	height:35px;
	position:relative;
}


h1.album {
	text-align:right;
}
h1.album span {
	display:inline-block;
	/*
	width:690px;
	position:absolute;
	right:0px;
	top:0px;
	*/
	min-width:690px;
	max-width:1200px;
	padding-top:5px;
	padding-bottom:5px;
}

h1.album a {
	color: #fff;
}


.tb {
	display:table;
}

table.main {
	width:100%;
}

table.main tbody tr:hover td {
	background-color:transparent;
}

table.main tbody tr:hover td.tbody {
	background-color:#ffffff;
}


table.main a {
	font-size:14px;
	text-decoration:none;
}


.album {
	width:100%;
	display:table-row;
}

/*.album:after {
	display:block;
	clear:both;
	content:'';
}*/

.album .list {
	display:table-cell;
	vertical-align:top;
	min-width:299px;
	width:100%;
	font-size:14px;
	border-right:1px solid #e0e0e0;
}

.album .list .sticky {
	position: sticky;
	top: 0px;
}

.album .list a {
	display:block;
	color: #438bc5;
	font-size:16px;
	line-height:16px;
	font-weight:normal;
	padding-bottom:1px;
	text-decoration:none;
}

.album .al_list {
	display:none;
}

.view_list,.view_list ul {
    list-style:none;
    padding:0px;
    margin:0px;
    list-style: none;
    display: block;
    margin: 0px;
    padding: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
}

.tree_plus ul {
    display: none;
}

.view_list li {
    display: block;
    margin: 0px;
    line-height: 16px;
    padding: 0px;
    padding-left:20px;
    position:relative;
}

.view_list li>a.small-icon {
    color:transparent;
    overflow:unset;
}

.view_list li:hover>a.small-icon {
    color:#ffffff;
}

.view_list a.small-icon {
    position:absolute !important;
    top:20px;
    right:0px;
    z-index:100;
}

.short_popup {
    display:block;
    position:absolute;
    right:0px;
    top:0px;
    width:600px;
    height:230px;
    border:1px solid #e0e0e0;
    background-color:#fff;
    z-index:200;
}

.short_popup iframe {
    border:0px;
    width:590px;
    height:190px;
}

a.inh {
    color:inherit;
}


.view_list li.tree_minus {
    background:url('/i/icons/svg/ico_ab.svg') 0 0 no-repeat;
    background-size:20px 20px;
}

.view_list li.tree_plus {
    background:url('/i/icons/svg/ico_ar.svg') 0 0 no-repeat;
    background-size:20px 20px;
}


.view_list li a {
    display:block;
    color:#333333;
    color:#9a9a9a;
    font-weight:bold;
    text-decoration:none;
    overflow:hidden;
    font-size:14px;
    border-bottom:1px solid transparent;
    margin-bottom:6px;
}

.view_list li a.current_album {
    background: #13d816;
    background: -moz-linear-gradient(top, #13d816 0%, #11c114 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#13d816), color-stop(100%,#11c114));
    background: -webkit-linear-gradient(top, #13d816 0%,#11c114 100%);
    background: -o-linear-gradient(top, #13d816 0%,#11c114 100%);
    background: -ms-linear-gradient(top, #13d816 0%,#11c114 100%);
    background: linear-gradient(top, #13d816 0%,#11c114 100%);
    padding-top:5px;
    padding-bottom:5px;
    margin-left:-10px;
    padding-left:10px;
    color:#ffffff;
}

.view_list li a.current_a {
    color:#9a2a25 !important;
    font-weight:bold;
}

.view_list li a.current_a:hover {
    color:#ffffff !important;
}


b.tree_title {
    font-weight:bold;
    color: #438bc5;
    font-size:16px;
    /*color:#9a9a9a;*/
    padding-bottom:4px;
    margin-bottom: 5px;
    display:inline-block;
    position:relative;
    cursor:pointer;
    border-bottom: 1px solid transparent
}

b.tree_title:hover {
    text-decoration: none;
    border-bottom: 1px dashed #333;
}


span.bold {
    font-weight:bold;
}
small.more_albums {
        display:block;
	color:#000000;
	font-weight:bold;
	font-size:14px;
	position:absolute;
	padding-left:5px;
	left:0px;
	top:0px;
}

.album .list a {
    padding-left:0px;
    position:relative;
}

.album .list a:hover {
    background-color:#438bc5;
    color:#ffffff;
}



.album_info {
	width:600px;
	display:table-cell;
	vertical-align:top;
}

.album_info img {
	display:block;
}

.album_info table {
	width:700px;
}

.album_info td {
	vertical-align:top;
}

.album_info td.td-download {
    width:10px;
    padding-right:7px;
}

.album_info td.td-download a{
    font-size:18px;
}

td.cover,td.cover:hover {
	background-color:#ffffff !important;
	border-right:0px;
	width:300px;
}

.album_info td:nth-child(even) {
	border-left:0px;
}

.album_text {
	padding:20px;
	font-size:16px;
}

.album_text p {
	padding:0px;
	margin:3px 0px;
}

.album_text pre {
	font-size:12px;
}

#logfile {
	display:none;
}

.comments {
	padding:0px 20px;
	font-size:12px;
}

.comments img {
	border:1px solid #d3d3d3;
	border-radius:2px;
	display:block;
	float:left;
	margin-right:10px;
	width:29px;
	height:29px;
}

.comments form textarea {
	display:block;
	width:610px;
	height:25px;
	border-color: #b9b9b9;
	border-top-color: #a0a0a0;
	-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,.15);
	-ms-box-shadow: inset 0px 1px 2px rgba(0,0,0,.15);
	-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,.15);
	box-shadow: inset 0px 1px 2px rgba(0,0,0,.15);
	font-family:arial;
	position:relative;
	z-index:1;
}

.add_comment {
	position:relative;
}

.add_comment:before {
	display:block;
	content:'';
	position: absolute;
	left:30px;
	top:10px;
	width:0px;
	height:0px;
	border:5px solid transparent;
	border-right:5px solid #b9b9b9;
}

.comments form textarea:focus {
	height:60px;
}

.comment {
	margin-top:15px;
	font-size:12px;
	border-bottom:1px solid #e0e0e0;
	padding-bottom:5px;
}

.comment .nick {
	font-weight:bold;
	padding-bottom:5px;
	display:block;
	float:left;
}

.comment i {
	display:block;
	font-style:normal;
	float:left;
	color:#999;
	font-size:11px;
	padding-left:30px;
	padding-bottom:5px;
}

.comment span {
	display:block;
	width:600px;
	font-family:arial;
	font-size:12px;
	position:relative;
	margin-left:40px;
	margin-top:-13px;
}

.comment:after {
	display:block;
	content:'';
	clear:both;
}

.msg_info {
	display:inline;
}

.msg_info:after {
	display:block;
	content:'';
	clear:both;
} 

.auth_window {
	width:450px;
	margin-left:auto;
	margin-right:auto;
	margin-top:200px;
	padding:20px;
	background-color:#ffffff;
	border:1px solid #ccc;
	border-radius:2px;
	box-shadow:1px 1px 5px rgba(0,0,0,0.1);
}

.auth_window:before {
    display:block;
    content:'';
    background:url('/i/logo.svg') 50% 0px no-repeat;
    background-size:250px 100px;
    width:100%;
    height:100px;
    margin:auto;
    top:50px;
    left:0px;
    position:absolute;
}

.reg {
	width:650px;
	margin-top:200px;
}

.auth_window tbody tr td  {
	background-color:#ffffff;
	border:0px;
}

.auth_window input[type=text].social {
	width:120px;
	padding-left:30px;
}

.i-icq { background:url('/img/icq.gif') 5px 5px no-repeat; }
.i-aim { background:url('/img/aim.gif') 5px 5px no-repeat; }
.i-msn { background:url('/img/msn.gif') 5px 5px no-repeat; }
.i-yahoo { background:url('/img/yahoo.gif') 5px 5px no-repeat; }
.i-skype { background:url('/img/skype.gif') 5px 5px no-repeat; }
.i-mirc { background:url('/img/mirc.gif') 5px 5px no-repeat; }

.auth_window input[type=email],.auth_window input[type=text],.auth_window input[type=password],.auth_window select {
	height:27px;
	border:1px solid #d9d9d9;
	border-top:1px solid #c0c0c0;
	width:300px;
	border-radius:2px;
	background-color:#f1f1f1;
	padding-left:5px;
	display:block;
	float:left;
	z-index:0;
}

.auth_window input[type=checkbox] {
	margin-top:8px;
	/*display:block;
	float:left;
	clear:left;*/
	display:inline-block;
	margin-left:10px;
}


.auth_window input[type=text]:hover,.auth_window input[type=password]:hover {
	display:block;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	background-color:#f5f5f5;
	border:1px solid #c0c0c0;
}

.auth_window input[type=text]:focus,.auth_window input[type=password]:focus {
	display:block;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	background-color:#f5f5f5;
	border:1px solid #9a2a25;
}

.auth_window input[type=submit] {
	display:block;
	position:relative;
	z-index:0;
	height:31px;
	float:left;
	width:50px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	background-color: #9a2a25;
	background-image: -webkit-linear-gradient(top,#b3322b,#9a2a25);
	background-image: -moz-linear-gradient(top,#b3322b,#9a2a25);
	background-image: -ms-linear-gradient(top,#b3322b,#9a2a25);
	background-image: -o-linear-gradient(top,#b3322b,#9a2a25);
	background-image: linear-gradient(top,#b3322b,#9a2a25);
	border: 1px solid #80231f;
	margin-left:0px;
	border-radius:2px;
	color: #ffffff;
	-webkit-transition: display 1s ease;
}

.reg  input[type=submit] {
	width:auto;
}

.auth_window input[type=submit]:hover {
	background-color:#80231f;
	background-image: -webkit-linear-gradient(top,#992925,#80231f);
	background-image: -moz-linear-gradient(top,#992925,#80231f);
	background-image: -ms-linear-gradient(top,#992925,#80231f);
	background-image: -o-linear-gradient(top,#992925,#80231f);
	background-image: linear-gradient(top,#992925,#80231f);
	border-top:1px solid #b3322b;
}


.reply-icon a,.post-icon a {
	display:block;
	padding:3px 5px;
	width:80px;
	text-align:center;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: #f5f5f5;
	background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
	color: #444;
	border: 1px solid #e0e0e0;
	border-radius:2px;
	border-radius:0px;
	text-decoration:none;
	margin-left: 0px;
	margin-top:10px;
	margin-bottom:10px;
	font-size: 11px;
	font-weight: bold;
	clear:both;
}

.reply-icon a:hover,.post-icon a:hover {
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	background-color: #438bc5;
	background-image: -webkit-linear-gradient(top,#438bc5,#3d7db3);
	background-image: -moz-linear-gradient(top,#438bc5,#3d7db3);
	background-image: -ms-linear-gradient(top,#438bc5,#3d7db3);
	background-image: -o-linear-gradient(top,#438bc5,#3d7db3);
	background-image: linear-gradient(top,#438bc5,#3d7db3);
	border: 1px solid #325e92;
	color: #ffffff;
}

.btn_blue {
	display:block;
	padding:3px 5px;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: #f5f5f5;
	background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
	color: #444;
	border: 1px solid #e0e0e0;
	border-radius:2px;
	border-radius:0px;
	text-decoration:none;
	margin-left: 0px;
	margin-right: 2px;
	margin-top:0px;
	margin-bottom:0px;
	font-size: 11px;
	font-weight: bold;
}

.btn_blue:hover {
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	background-color: #438bc5;
	background-image: -webkit-linear-gradient(top,#438bc5,#3d7db3);
	background-image: -moz-linear-gradient(top,#438bc5,#3d7db3);
	background-image: -ms-linear-gradient(top,#438bc5,#3d7db3);
	background-image: -o-linear-gradient(top,#438bc5,#3d7db3);
	background-image: linear-gradient(top,#438bc5,#3d7db3);
	border: 1px solid #325e92;
	color: #ffffff;
}

.fl-l {
	float:left;
}

.fl-r {
	float:right;
	clear:right;
}

.buttons:after {
	content:'';
	display:block;
	clear:both;
}

.ttitle td {
	font-size:14px;
	font-weight:bold;
}

.urating {
	display:inline-block;
	white-space:nowrap;
	/*width:50px;*/
	width:auto;
	height:11px;
	padding-left:10px;
	padding-right:10px;
	font-family:arial;
	font-size:10px;
	line-height:11px;
	text-align:center;
	border-radius:2px;
	border-width:1px;
	border-style:solid;
	border-color:#000;
	margin-left:10px;
}

.urating a {
	font-size:10px;
	color:inherit;
}

.urating a:hover {
	font-size:10px;
	color:inherit;
}


.silver {
	border-color:#d9d9d9;
	border-top-color:#c0c0c0;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 50%, rgba(234,235,234,1) 50%, rgba(245,246,246,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(50%,rgba(234,235,234,1)), color-stop(100%,rgba(245,246,246,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 50%,rgba(234,235,234,1) 50%,rgba(245,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 50%,rgba(234,235,234,1) 50%,rgba(245,246,246,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 50%,rgba(234,235,234,1) 50%,rgba(245,246,246,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 50%,rgba(234,235,234,1) 50%,rgba(245,246,246,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
	color:#666666;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.bronze {
	border-color:#cc5c37;
	border-top-color:#aa4d2e;
	background: rgb(204,92,55); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(204,92,55,1) 0%, rgba(204,92,55,1) 50%, rgba(170,77,46,1) 50%, rgba(190,86,51,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,92,55,1)), color-stop(50%,rgba(204,92,55,1)), color-stop(50%,rgba(170,77,46,1)), color-stop(100%,rgba(190,86,51,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(204,92,55,1) 0%,rgba(204,92,55,1) 50%,rgba(170,77,46,1) 50%,rgba(190,86,51,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(204,92,55,1) 0%,rgba(204,92,55,1) 50%,rgba(170,77,46,1) 50%,rgba(190,86,51,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(204,92,55,1) 0%,rgba(204,92,55,1) 50%,rgba(170,77,46,1) 50%,rgba(190,86,51,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(204,92,55,1) 0%,rgba(204,92,55,1) 50%,rgba(170,77,46,1) 50%,rgba(190,86,51,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc5c37', endColorstr='#be5633',GradientType=0 ); /* IE6-9 */
	color:#ffffff;
	text-shadow: -1px -1px 0 #cc5c37, 1px -1px 0 #cc5c37, -1px 1px 0 #cc5c37, 1px 1px 0 #cc5c37;
}

.gold {
	border-color:#f1c113;
	border-top-color:#d9a901;
	color:#756733;
	background: rgb(255,232,78); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,232,78,1) 0%, rgba(255,232,78,1) 49%, rgba(241,192,20,1) 49%, rgba(245,207,40,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,232,78,1)), color-stop(49%,rgba(255,232,78,1)), color-stop(49%,rgba(241,192,20,1)), color-stop(100%,rgba(245,207,40,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,232,78,1) 0%,rgba(255,232,78,1) 49%,rgba(241,192,20,1) 49%,rgba(245,207,40,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,232,78,1) 0%,rgba(255,232,78,1) 49%,rgba(241,192,20,1) 49%,rgba(245,207,40,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,232,78,1) 0%,rgba(255,232,78,1) 49%,rgba(241,192,20,1) 49%,rgba(245,207,40,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,232,78,1) 0%,rgba(255,232,78,1) 49%,rgba(241,192,20,1) 49%,rgba(245,207,40,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe84e', endColorstr='#f5cf28',GradientType=0 ); /* IE6-9 */
	text-shadow: -1px -1px 0 #ffe84e, 1px -1px 0 #ffe84e, -1px 1px 0 #ffe84e, 1px 1px 0 #ffe84e;
}

.green {
	width:64px;
	border-color:#39702b;
	border-top-color:#39702b;
	color:#ffffff;
	background: rgb(103,202,75); /* Old browsers */
	background: linear-gradient(to bottom, rgba(72, 141, 53) 1%,rgba(72, 141, 53) 50%,rgb(72, 141, 53) 50%,rgba(72, 141, 53) 100%);
	/*
	background: linear-gradient(to bottom,  rgba(103,202,75,1) 1%,rgba(103,202,75,1) 50%,rgba(69,140,49,1) 50%,rgba(90,184,65,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67ca4b', endColorstr='#5ab841',GradientType=0 ); */
	/*text-shadow: -1px -1px 0 #ffe84e, 1px -1px 0 #ffe84e, -1px 1px 0 #ffe84e, 1px 1px 0 #ffe84e;*/
}

.red {
	width:44px;
	border-color:#842521;
	color:#ffffff;
	background: rgb(160, 63, 57);
	/*background: -moz-linear-gradient(top,  rgba(204,57,49,1) 0%, rgba(204,57,49,1) 50%, rgba(154,42,37,1) 50%, rgba(204,57,49,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,57,49,1)), color-stop(50%,rgba(204,57,49,1)), color-stop(50%,rgba(154,42,37,1)), color-stop(100%,rgba(204,57,49,1))); 
	background: -webkit-linear-gradient(top,  rgba(204,57,49,1) 0%,rgba(204,57,49,1) 50%,rgba(154,42,37,1) 50%,rgba(204,57,49,1) 100%); 
	background: -o-linear-gradient(top,  rgba(204,57,49,1) 0%,rgba(204,57,49,1) 50%,rgba(154,42,37,1) 50%,rgba(204,57,49,1) 100%);
	background: -ms-linear-gradient(top,  rgba(204,57,49,1) 0%,rgba(204,57,49,1) 50%,rgba(154,42,37,1) 50%,rgba(204,57,49,1) 100%);
	background: linear-gradient(to bottom,  rgba(204,57,49,1) 0%,rgba(204,57,49,1) 50%,rgba(154,42,37,1) 50%,rgba(204,57,49,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f31a0e', endColorstr='#f31a0e',GradientType=0 );*/
	/*text-shadow: -1px -1px 0 #ffe84e, 1px -1px 0 #ffe84e, -1px 1px 0 #ffe84e, 1px 1px 0 #ffe84e;*/
}


@media (min-width: 800px) and (max-width: 1169px) {
	.search {
		position:relative;
	}

	.search input[type=text], .search select {
		float:left;
		margin-right:10px;
	}
}

.login_albums {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:30px;
	background-color:#ffffff;
	padding-left:20px;
	padding-right:20px;
	padding-top:30px;
	padding-bottom:30px;
	border:1px solid #ccc;
}


tbody tr.checked_existed {
	background-color: #FFF7F7;
}

fieldset {
	border:1px solid #e0e0e0;
}


.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-default {
border-color: #ddd;
}

.panel-default>.panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}

.panel-body {
padding: 15px;
}

.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
}


.progress {
overflow: hidden;
height: 20px;
margin-bottom: 20px;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.progress-bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #428bca;
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
-webkit-transition: width .6s ease;
transition: width .6s ease;
}

.progress-bar-success {
background-color: #5cb85c;
}

#id_albumChecked {
    display:block;
    position:relative;
    float:left;
    width:0px;
    overflow:hidden;
}

.album_yes:before {
    display:block;
    content:'не установлено';
    float:left;
    position:relative;
    top:0px;
    left:0px;
    width:150px;
    line-height:32px;
    font-weight:bold;
}

.album_failed:before {
    display:block;
    content:'на замену';
    float:left;
    position:relative;
    top:0px;
    color:#ff0000;
    font-weight:bold;
    left:0px;
    width:150px;
    line-height:32px;
}

/* Player styles */
.html5player {
        display:inline-block;
        margin-right:0px;
        /*background:url('/i/ico_play.png') 0 0 no-repeat;*/
        width: 30px;
        height: 30px;
        border-radius: 50%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 1px solid #ddd;
        background-color: #fff;
}

.html5player_b {
        display:inline-block;
        margin-right:0px;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 1px solid #ddd;
        background-color: #fff;
}

.song_title {
        position:relative;
        display:inline-block;
        top:-10px;
        padding-left:10px;
        font-style:normal;
}

#music_box {
    width:330px;
    height:50px;
}

#music_box b {
    font-size:14px;
    top:10px;
    width:500px;
    min-width:100%;
    position:absolute;
    margin-left:20px;
}

#play {
    background:none 50% 50% no-repeat;
    background-color:#ffffff;
    /*border: 1px solid #ddd;*/
    border-radius:50%;
    padding:0px;
    left:0px;
}

.html5player:hover,.html5player_b:hover,.track_even:hover .html5player {
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    box-shadow: 0 0 2px rgba(0,0,0,.1) inset!important;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.1) inset!important;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.1) inset!important;
    border-color: #bbb;
}


#mp3s div #time {
    left:560px;
    top:33px;
    font-size:12px;
}



#mp3s div {
        position:relative;
}

#mp3s div span {
        display:block;
        position:absolute;
        /*left:0px;
        height:33px;
        bottom:0px;*/
        left:189px;
        height:14px;
        bottom:18px;
        width:0;
        z-index:10;
        background-color: rgba(255,198,169,0.3);
}

#mp3s div span.playing {
    z-index:20;
    background-color:rgba(154,42,37,1);
    height:14px;
}

#mp3s div span.rewind {
    z-index:15;
    background-color:rgba(154,42,37,0.8);
    height:14px;
    transition:none;
}

#play_prev {
    margin-left:10px;
}

.pl_next:before {
    content: "";
    display: block;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 transparent;
    border-color: transparent transparent transparent #666;
    border-image: none;
    border-style: solid;
    border-width: 6px 0 6px 11px;
    left: 15px;
    top: 15px;
    position: relative;
}

.pl_next:after {
    content: "";
    display: block;
    left: 25px;
    top: 15px;
    position: absolute;
    width: 3px;
    height: 12px;
    background-color: #666;
}

.pl_prev:before {
    content: "";
    display: block;
    left: 13px;
    top: 15px;
    position: absolute;
    width: 3px;
    height: 12px;
    background-color: #666;
}

.pl_prev:after {
    content: "";
    display: block;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 transparent;
    border-color: transparent #666 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 6px 11px 6px 0;
    left: 16px;
    top: 15px;
    position: absolute;}

.pl_play:after {
    content: "";
    display: block;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 transparent;
    border-color: transparent transparent transparent #666;
    border-image: none;
    border-style: solid;
    border-width: 4px 0 4px 7px;
    left: 12px;
    top: 10px;
    position: relative;
}

.pl_pause:after {
    content: "";
    display: block;
    left: 15px;
    top: 10px;
    position: absolute;
    width: 2px;
    height: 8px;
    background-color: #666;
}

.pl_pause:before {
    content: "";
    display: block;
    left: 11px;
    top: 10px;
    position: absolute;
    width: 2px;
    height: 8px;
    background-color: #666;
}

.pl_play_b:after {
    content: "";
    display: block;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 transparent;
    border-color: transparent transparent transparent #666;
    border-image: none;
    border-style: solid;
    border-width: 6px 0 6px 11px;
    left: 18px;
    top: 15px;
    position: relative;
}

.pl_pause_b:after {
    content: "";
    display: block;
    left: 22px;
    top: 15px;
    position: absolute;
    width: 3px;
    height: 12px;
    background-color: #666;
}

.pl_pause_b:before {
    content: "";
    display: block;
    left: 17px;
    top: 15px;
    position: absolute;
    width: 3px;
    height: 12px;
    background-color: #666;
}

.song_title {
	font-style:normal;
	position:relative;
	z-index:100;
}


.tracks {
	margin:15px;
	margin-top:15px;
	margin-left:0px;
	font-weight:normal;
}

.disk_title {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #ffffff;
}

.track_odd {
	padding-top:7px;
	padding-bottom:7px;
	padding-left:15px;
	padding-right:15px;
	/*background-color:#dbdbdb;*/
	border-top:1px solid #d0d0d0;
}

.track_even {
	padding-top:7px;
	padding-bottom:7px;
	padding-left:15px;
	padding-right:15px;
	border-top:1px solid #d0d0d0;
}

.track_even:hover {
	background-color:#dbdbdb;
	cursor:pointer;
}

.track_more {
	padding-top:7px;
	padding-bottom:7px;
	padding-left:15px;
	padding-right:15px;
	text-align:right;
}


.tracks h3 {
	margin-right:15px;
	font-size: 20px;
	font-weight:normal;
	height: 32px;
	line-height: 32px;
	margin: 0 0 0px;
	padding: 0 0 0 0px;
	text-transform: uppercase;
}

.tracks a {
	color:#153C53;
	z-index:100;
	position:relative;
}

.mp3_play {
    display:block;
    position:absolute;
    top:120px;
    left:115px;
    margin-right: 0px;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #ddd;
    background-color: rgba(255,255,255,0.5);
    transition:all 0.5s ease;
}

.mp3_play:after {
    content: "";
    display: block;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 transparent;
    border-color: transparent transparent transparent #333;
    border-image: none;
    border-style: solid;
    border-width: 12px 0 12px 22px;
    left: 23px;
    top: 19px;
    position: relative;
}


.mp3_play:hover:after {
    border-color: transparent transparent transparent #000;
    transition:backgroundColor 0.5s ease;
}

.mp3_pause {
    display:block;
    position:absolute;
    top:120px;
    left:115px;
    margin-right: 0px;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #ddd;
    background-color: rgba(255,255,255,0.5);
    transition:all 0.5s ease;
}

.mp3_play:hover,.mp3_pause:hover {
    background-color: rgba(200,200,200,0.5);
    transition:all 0.5s ease;
}


.mp3_pause:hover:after,.mp3_pause:hover:before {
    background-color: #000;
    transition:backgroundColor 0.5s ease;
}

.mp3_pause:before {
    content: ""	;
    display: block;
    left: 23px;
    top: 19px;
    position: absolute;
    width: 6px;
    height: 24px;
    background-color: #333;
}

.mp3_pause:after {
    content: "";
    display: block;
    left: 32px;
    top: 19px;
    position: absolute;
    width: 6px;
    height: 24px;
    background-color: #333;
}

span.badge {
    background-color:#dbefff;
    border-radius:4px;
    display:inline-block;
    padding:1px 4px 0px 4px;
}


.fp_download {
    margin:0px;
    padding:0px;
    float:left;
}

.btn-download {
    padding:0px 10px;
}

.fp_download>ul {
    bottom:30px;
    border: 1px solid #bbb;
    width:180px;
}

.album_info .tmeter td {
    border-left: 1px solid #e0e0e0;
}

.album_info .tmeter td:first-child {
    border-left: 0;
}


.tmeter td {
    text-align: left;
	max-width: 420px;
	overflow-x: hidden;
}

.tmeter td[colspan="6"] {
    text-align: right;
}



.tmeter tr:first-child td {
    font-weight: bold;
}

.link_sort {
	position: absolute;
	top: 8px;
	left: 20px;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
}

.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	padding-bottom: 20px;
}
.pagination .page-link,
.pagination .page-current {
	display: inline-block;
	padding: 10px 0px !important;
	text-decoration: none;
	color: #438bc5;
	min-width: 30px;
	text-align: center;
}
.pagination .page-current {
	background-color: #438bc5;
	color: white;
}
.pagination .page-link:hover {
	background-color: #438bc5;
}