* {margin: 0; padding: 0;}
html {height: 100%}
body {font: 12px/18px Arial, Tahoma, Verdana, sans-serif; height: 100%; background: #f1f1f1;}
a {color: #0e6db1; outline: none; text-decoration: underline;}
a:hover {text-decoration: none;}
p {padding: 0 0 18px}
img {border: none;}
input {vertical-align: middle; padding: 2px 3px;}
.ib {display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top;}
.cb {clear: both; _font-size: 1px;}
.float-r {float: right;}
.float-l {float: left;}
.center {text-align: center;}
h1 {font-size: 18px; color: #5d5d5d; margin: 0 0 5px 0; font-weight: normal; text-align: center;}
h2 {color: #126848; font-size: 15px; margin: 0 0 2px 0; font-size: bold;}
h3 {color: #126848; font-size: 15px; margin: 0 0 5px 0; font-size: bold;}
#wrapper {width: 100%; min-width: 1000px; min-height: 100%; height: auto !important; height: 100%;}

/* Header
-----------------------------------------------------------------------------*/
#header {height: 202px; background: url(../imgs/header-bg.png) repeat-x 0 0;}
.top-user {line-height: 26px; color: #ffffff; margin: 0 10px; _margin: 0 5px; position: absolute;}
.top-user a {color: #ffffff; text-decoration: none;}
.top-user a:hover {text-decoration: underline;}
.tu-l {left: 0;}
.tu-r {right: 0;}
.logo {background: url(../imgs/logo.png) no-repeat 0 0; width: 464px; height: 122px; position: absolute; margin-top: 37px; left: 0;}
.top-alpha {background: url(../imgs/top-alpha.png) repeat-x 0 -80px; float: right; margin-top: 54px;}
	.top-alpha .inner {background: url(../imgs/top-alpha.png) no-repeat 0 0; padding: 20px 10px 20px 15px;}
	.top-alpha .letters {line-height: 20px; text-align: center;}
	.top-alpha .letters a {color: #ffffff; font-weight: bold; padding: 0 4px; margin-left:-3px; margin-right: 2px; text-decoration: none; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top;}
	.top-alpha .letters a:hover, .top-alpha .letters a.active {background: #ffffff; color: #ef0288;}
.top-menu {background: url(../imgs/top-menu-ends.png) no-repeat 0 0; position: absolute; margin: 161px 0 0 0; width: 100%; left: 0;}
.top-menu .inner {background: url(../imgs/top-menu-ends.png) no-repeat 100% -37px; height: 37px; text-align: center;}
.top-menu a {background: url(../imgs/top-menu-separator.png) no-repeat 100% 0; line-height: 37px; height: 37px; padding: 0 15px 0 10px; color: #ffffff; font-size: 13px; font-weight: bold; text-decoration: none; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top;}
.top-menu a.last {background: none;}
.top-menu a.active, .top-menu a:hover {color: #007a9f;}

/* Middle
-----------------------------------------------------------------------------*/
#middle {width: 100%; padding: 0 0 84px; height: 1%;}
#middle:after {content: '.'; display: block; clear: both; visibility: hidden; height: 0;}
#container {width: 100%; float: left; overflow: hidden;}
#content {padding: 0 0 0 314px;}
.search {background: url(../imgs/search-bg.png) repeat-x 0 -53px; margin-bottom: 9px;}
	.search .inner {background: url(../imgs/search-bg.png) no-repeat 0 0; height: 53px; padding-left: 3%;}
	.search fieldset {border: 0 none;}
	.search input {float: left; margin-top: 15px; padding: 3px;}
	.search input.text {width: 60%;}
	.search input.submit {width: 10%; margin: 15px 0 0 1%; padding: 3px; font-size: 12px;}
	.search .select {width: 20%; margin: 15px 0 0 1%; float: left; padding: 3px;}

#catalog {width: 100%; background: #ffffff; border-collapse: collapse;}
	#catalog .title {background: url(../imgs/catalog-head-bg.png) repeat-x 0 0; height: 31px; color: #ffffff; padding-bottom: 4px; #height: 25px; height: 25px\0/;}
	#catalog td {padding: 0 4px; border: 2px solid #ffffff; #border: 1px solid #ffffff;}
	#catalog td a {color: #0856A6;}
	#catalog td a:hover {color: #F26D00;}
	#catalog .gray {background: #eaeaea;}
.pagination {text-align: center; margin: 20px 0;}
	.pagination a, .pagination span {font-weight: bold; text-decoration: none; margin: 0 -3px 0 5px;
	display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; padding: 0 5px;}
	.pagination .n {background: url(../imgs/pagination-bg.png) repeat-x 0 0; border: 1px solid #eeeeee; line-height: 18px;}
	.pagination .active, .pagination .n:hover {background: url(../imgs/pagination-bg.png) repeat-x 0 -18px; border: 1px solid #df7c1e;}
	.pagination .n:hover {color: #0E6DB1;}

.round-box {background: #eeeeee url(../imgs/round-box-left.png) repeat-y 0 0; margin: 9px 20px 0 0;}
.round-box .inner {background: url(../imgs/round-box-right.png) repeat-y 100% 0; padding: 0 32px;}
.round-box .b-top {background: url(../imgs/round-box-top.png) repeat-x 0 0;}
.round-box .b-bottom {background: url(../imgs/round-box-bottom.png) repeat-x 0 0;}
.round-box .b-top span, .round-box .b-bottom span {background: url(../imgs/round-box-corners.png) no-repeat 0 0; width: 20px; height: 20px; display: block;}
.round-box .b-top .top-left {background-position: 0 0;}
.round-box .b-top .top-right {background-position: -20px 0;}
.round-box .b-bottom .bottom-left {background-position: 0 -19px;}
.round-box .b-bottom .bottom-right {background-position: -20px -19px;}
.round-box .blue-top {background: url(../imgs/round-box-blue-center.png) repeat-x 0 0; height: 37px;}
.round-box .blue-top .top-left {background: url(../imgs/round-box-blue-left.png) no-repeat 0 0; height: 37px; width: 32px;}
.round-box .blue-top .top-right {background: url(../imgs/round-box-blue-right.png) no-repeat 0 0; height: 37px; width: 15px;}
.round-box .blue-top h1 {padding: 7px 0 0 20px; font-size: 14px; color: #ffffff; font-weight: bold;}
.lyrics {text-align: center; font-size: 14px;}

.single {background: #ffffff; border: 2px solid #CCCCCC; padding: 20px 20px 10px; width: 500px; margin: 0 auto;}
.single a {font-weight: bold;}
.single h1 {color: #333333; margin: 0 0 10px 0;}
.single table {background: #ffffff; width: 100%; border-collapse: collapse;}
.single table td {border: 2px solid #ffffff; padding: 10px;}
.single table .gray td {background: #EAEAEA;}
.single .artist {background: #ffffff; padding: 1px; border: 1px solid #CCCCCC;}
.single .first {width: 35%;}
.single .download {vertical-align: top;}
.single .download a {font-size: 14px;}

/* Sidebar
-----------------------------------------------------------------------------*/
.sidebar {float: left; width: 294px; margin-left: -100%; position: relative;}
.sidebar .block {background: #f8f9fa url(../imgs/block-bg.png) repeat-y 0 0; margin: 3px 0 5px 20px; _position: relative;}
.sidebar .block .inner {background: url(../imgs/block-bg.png) repeat-y 100% 0; _position: relative;}
.sidebar .block .header {background: url(../imgs/block-header-in.png) no-repeat 100% 0; _position: relative;}
.sidebar .block .header-in {background: url(../imgs/block-header.png) no-repeat 0 0; _position: relative;}
.sidebar .green-block .header {background: url(../imgs/block-header-in-green.png) no-repeat 100% 0; _position: relative;}
.sidebar .green-block .header-in {background: url(../imgs/block-header-green.png) no-repeat 0 0; _position: relative;}
.sidebar .block .footer {background: url(../imgs/block-footer-in.png) no-repeat 100% 0; _position: relative;}
.sidebar .block .footer-in {background: url(../imgs/block-footer.png) no-repeat 0 0; height: 17px; _position: relative;}
.sidebar .block h3 {font-size: 14px; padding: 10px 0 0 45px; line-height: 28px; color: #ffffff;}
.sidebar .menu {padding: 20px 40px;}
.sidebar .menu a {display: block; border-bottom: 1px solid #eaeaea; text-decoration: none; padding: 2px 5px 2px 20px; font-size: 14px;}
.sidebar .menu a:hover {background: #eaeaea; text-decoration: none;}
.sidebar .menu a.active {color: #d70376;}

.sidebar .login {color: #414141; padding: 15px 40px 15px 35px;}
.sidebar .login fieldset {border: 0 none;}
.sidebar .login label {display: block; margin-top: 3px;}
.sidebar .login input {width: 98%;}
.sidebar .login input.submit {background: #5fa3c0; border: 1px solid #f7d7d7; float: right; margin-top: 10px; width: auto; color: #ffffff; font-weight: bold; padding: 4px 12px; #padding: 1px 2px;}
.auth-button {background: #5fa3c0; border: 1px solid #f7d7d7; float: right; margin-top: 10px; width: auto; color: #ffffff; font-weight: bold; padding: 4px 12px; #padding: 1px 2px;}

.sidebar #calendar {padding: 15px 40px 15px 35px; color: #414141;}
.sidebar #calendar table {width: 100%;}
.sidebar .calendar-head {font-weight: bold; text-align: center;}
.sidebar .calendar-head td {white-space: nowrap;}
.sidebar .calendar-head a {color: #414141;}
.sidebar .calendar-days .wk {color: #CC0000;}
.sidebar .calendar-days a {color: #009933; font-weight: bold;}
.sidebar .calendar-days td {border-top: 1px solid #eaeaea;}
.sidebar .calendar-days .last td {border-bottom: 0 none;}

.sidebar .refreshments {padding: 15px 30px 15px 25px;}
.sidebar .refreshments .text {padding: 0;}
.sidebar .refreshments .text p {text-indent: 0;}

/* Footer
-----------------------------------------------------------------------------*/
#footer {margin: -84px auto 0; min-width: 1000px; height: 84px; line-height: 77px; background: url(../imgs/footer-bg.png) repeat-x 0 0; font-size: 11px; color: #666666; text-align: right; padding: 0 10px;}
	#footer .b-links a {background: url(../imgs/footer-icons.png) no-repeat 0 0; font-size: 10px; font-weight: bold; padding-left: 20px; margin: 35px 20px 0 0; height: 16px; line-height: 16px;}
	#footer .b-links .vk {background-position: 0 0;}
	#footer .b-links .fb {background-position: 0 -60px;}
	#footer .b-links .bm {background-position: 0 -120px;}
	#footer .b-links .rs {background-position: 0 -180px;}
#footer #fleft {text-align: center; padding: 0 15px 0 5px; width: 220px;}
#footer #fleft a {font-size: 12px;}

/*Extra Styles*/
.catalog-transp {background-color: transparent !important;}
.catalog-transp td {border: 2px solid transparent !important;}

/*Subcriptions*/
.news-s form table {width: 500px; margin: 0 auto;}
.news-s form table td {text-align: left;}

.add_track {background: url(../imgs/block-header-in-green.png) 50% -11px no-repeat; display: block; margin: 0 auto; padding: 4px 5px; color: #ffffff; font-weight: bold; width: 100px; border: 1px solid #149676; border-width: 0 1px; text-decoration: none;}
.add_track:hover {text-decoration: underline;}
.upload-new table {width: 50%; margin: 0 auto;}
.upload-new table td {vertical-align: top;}
.upload-new input, .upload-new textarea {width: 100%;}
.upload-new textarea {padding: 2px 3px; height: 400px;}
.upload-new .submit {width: auto; padding: 0 20px; margin-top:10px;}