.button a {display: inline-block; zoom: 1; *display: inline; color: #E4240E; font: bold 18px PT Sans Narrow; padding: 8px 30px; border: 1px solid #E4240F; border-radius: 6px; text-decoration: none;}
.button a:hover {background: #FF3F2A; border-color: #FF3F2A; color: #fff;}
.button a:active {background: #E4240F; border-color: #E4240F; color: #fff;}

.button input[type=submit] {display: inline-block; zoom: 1; *display: inline; color: #E4240E; font: bold 18px PT Sans Narrow; border: 1px solid #E4240F; border-radius: 6px; text-decoration: none; width: 170px; height: 36px; background: #fff;}
.button input[type=submit]:hover {background: #FF3F2A; border-color: #FF3F2A; color: #fff;}
.button input[type=submit]:active {background: #E4240F; border-color: #E4240F; color: #fff; padding: 0;}

#easyTooltip{
   padding:5px;
   border:1px solid #ccc;
   background:#f1f1f1;
}

#header .centered {height: 280px;}
#header .top {height: 40px; background: #000;}
#header .top .centered {height: 40px;}
#header .top a {font: bold 16px/35px PT Sans Narrow; color: #fff; text-decoration: none; display: block; height: 40px;}
#header .top a:hover {color: #E4240F;}
#header .top a:active {color: #FF3F2A;}
#header .top .navi dl > dt > a {height: 36px; border-top: 4px solid #000; line-height: 30px;}
#header .top .navi dl > dt > a:hover {border-color: #E4240F;}
#header .top .navi dl > dt > a.active {border-color: #E4240F; color: #E4240F;}
#header .top dl {margin: 0 0 0 -25px;}
#header .top dl dt {float: left; margin: 0 0 0 25px; height: 40px;}
#header .top .search-button a {height: 40px; background: url(/img/search-icon-white.png) no-repeat 15px center #E4240F; border: none; line-height: 35px; padding-left: 40px; padding-right: 20px;}
#header .top .search-button a:hover {background: url(/img/search-icon-white.png) no-repeat 15px center #FF3F2A; color: #fff;}
#header .top .search-button a:active {background: url(/img/search-icon-white.png) no-repeat 15px center #E74C3C;}
#header .top .enter-icon {background: url(/img/enter-icon.png) left center no-repeat; padding-left: 30px;}
#header .bottom {height: 240px; position: relative;}
#header .bottom .centered {height: 190px; position: relative;}
.pattern {background: url(/img/pattern1.png) no-repeat; width: 100%; height: 16px; position: absolute; left: 0;}
.pattern.up {top: 0;}
.pattern.down {bottom: 0;}
#header .bottom .title {font: normal 16px PT Sans; color: #E4240E; text-transform: uppercase; margin-bottom: 10px;}
#header .bottom .lang a {width: 36px; height: 36px; background: #E4240F; border-radius: 20px; display: inline-block; zoom: 1; *display: inline; text-decoration: none; color: #fff; font: bold 14px/36px PT Sans Narrow; text-transform: uppercase; margin-right: 5px; text-align: center;}
#header .bottom .lang a:hover {background: #FF3F2A;}
#header .bottom .lang a:active {background: #E74C3C;}
#header .bottom .left {width: 300px;}
#header .bottom .logo {margin-bottom: 10px;}
#header .bottom .center {width: 422px; margin-left: 60px;}
#header .bottom .center .pattern2 {background: url(/img/pattern2.jpg) no-repeat; width: 101px; height: 100px; position: absolute; top: 34px; left: -52px; z-index: 1;}
#header .bottom .center .pattern3 {background: url(/img/pattern3.png) no-repeat; width: 89px; height: 200px; position: absolute; top: -29px; right: -28px; z-index: 1;}
#header .bottom .center .player-stream {z-index: 100; width: 420px;}
#header .bottom .navigation dl dt {margin-bottom: 5px; text-align: right;}
#header .bottom .navigation a {font: normal 14px PT Sans Narrow; text-decoration: none;}
#header .bottom .navigation a:hover {text-decoration: underline;}

#header .b-search {position: absolute; left: 0; top: 40px; height: 80px; background: #fff; border-radius:0 0 5px 5px; box-shadow:0px 2px 6px rgba(0,0,0,0.22); width: 1000px; z-index: 200; display: none;}
#header .b-search input[type=text] {width: 675px; padding: 0 5px; border: none; font: bold 26px PT Sans; color: #7F7F7F;}
#header .b-search input[type=submit] {width: 90px; height: 80px; background: url(/img/search-icon-white-big.png) no-repeat center center #E4240F; border: none;}
#header .b-search input[type=submit]:hover {background: url(/img/search-icon-white-big.png) no-repeat center center #FF3F2A;}
#header .b-search input[type=submit]:active {background: url(/img/search-icon-white-big.png) no-repeat center center #E74C3C;}
#header .b-search .close {background: url(/img/close-big.png) no-repeat -35px 10px; display: block; padding-top: 40px; text-align:  center; color: #000; height: 40px; opacity: 1;}
#header .b-search .close:hover {background-position: 31px -36px;}



.ios7-switch {display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent;}
.ios7-switch input {opacity: 0; position: absolute;}
.ios7-switch input + span {position: relative; display: inline-block; width: 1.65em; height: 1em; background: white; box-shadow: inset 0 0 0 0.0625em #e9e9e9; border-radius: 0.5em; vertical-align: -0.15em; transition: all 0.40s cubic-bezier(.17,.67,.43,.98);}
.ios7-switch:active input + span, .ios7-switch input + span:active {box-shadow: inset 0 0 0 0.73em #e9e9e9;}
.ios7-switch input + span:after {position: absolute; display: block; content: ''; width: 0.875em; height: 0.875em; border-radius: 0.4375em; top: 0.0625em; left: 0.0625em; background: white;box-shadow: inset 0 0 0 0.03em rgba(0,0,0,0.1), 0 0 0.05em rgba(0,0,0,0.05), 0 0.1em 0.2em rgba(0,0,0,0.2); transition: all 0.25s ease-out;}
.ios7-switch:active input + span:after, .ios7-switch input + span:active:after {width: 1.15em;}
.ios7-switch input:checked + span {box-shadow: inset 0 0 0 0.73em #4cd964;}
.ios7-switch input:checked + span:after {left: 0.7125em;}
.ios7-switch:active input:checked + span:after, .ios7-switch input:checked + span:active:after {left: 0.4375em;}
.ios7-switch input:focus + span:after {box-shadow: inset 0 0 0 0.03em rgba(0,0,0,0.15), 0 0 0.05em rgba(0,0,0,0.08), 0 0.1em 0.2em rgba(0,0,0,0.3); background: #fff;}
.ios7-switch input:focus + span {box-shadow: inset 0 0 0 0.0625em #dadada;}
.ios7-switch input:focus:checked + span {box-shadow: inset 0 0 0 0.73em #33be4b;}
.ios7-switch:hover input:focus + span:after {box-shadow: inset 0 0 0 0.03em rgba(0,0,0,0.1), 0 0 0.05em rgba(0,0,0,0.05), 0 0.1em 0.2em rgba(0,0,0,0.2); background: #fff;}
.ios7-switch:hover input:focus + span {box-shadow: inset 0 0 0 0.0625em #e9e9e9;}
.ios7-switch:hover input:focus:checked + span {box-shadow: inset 0 0 0 0.73em #4cd964;}


.search {width: 700px; height: 40px; margin-bottom: 30px;}
.search.inner input[type=text] {width: 507px;}
.search input[type=text] {width: 588px; height: 38px; border: 1px solid #F9CFCA; border-radius: 5px 0 0 5px; padding: 0 10px; font: italic 16px PT Sans; color: #7F7F7F; float: left;}
.search input[type=text]:focus {border-color: #FF3F2A;}
.search input[type=submit] {width: 100px; height: 40px; background: url(/img/search-icon-white.png) no-repeat 15px center #E4240F; border: none; line-height: 35px; padding-left: 40px; font: bold 16px/35px PT Sans Narrow; color: #fff; border-radius: 0 5px 5px 0; float: left;}
.search input[type=submit]:hover {background: url(/img/search-icon-white.png) no-repeat 15px center #FF3F2A; color: #fff;}
.search input[type=submit]:active {background: url(/img/search-icon-white.png) no-repeat 15px center #E74C3C;}

.alphabet {border: 1px solid #F9CFCA; border-radius: 6px;}
.alphabet .title {margin-top: -13px;}
.alphabet .title p {margin-bottom: 0; background: #fff; padding: 3px 10px; display: inline-block; zoom: 1; *display: inline;}
.alphabet a {display: inline-block; zoom: 1; *display: inline; vertical-align: top; font: normal 16px PT Sans Narrow; text-decoration: none; margin-right: 6px;}
.alphabet a:hover {text-decoration: underline;}

.two-layout .left {width: 340px; float: left;}
.two-layout .right {width: 340px; float: right;}

.col165 dl {margin: 0 0 0 -10px;}
.col165 dl dt {width: 165px; margin: 0 0 10px 10px; float: left;}

.insta dl {margin: 0 0 0 -10px;}
.insta dl dt {width: 227px; float: left; margin: 0 0 0 10px;}
.insta dl dt img{width: 227px; height: 227px;}

.pattern4 {background: url(/img/pattern4.jpg); padding-top: 30px; padding-bottom: 30px;}

.insta-icon h2 {display: inline-block; zoom: 1; *display: inline; padding-left: 30px; background: url(/img/insta-icon.png) no-repeat left center; margin-bottom: 20px;}

#footer {height: 95px; width: 1000px;}
#footer .centered {height: 95px;}
#footer .logo {margin-right: 150px;}
#footer .logo .title {font: normal 12px PT Sans; color: #E4240E; margin-bottom: 0; margin-top: 10px;}
#footer .gp {text-align: center;}
#footer .gp a {font: normal 12px PT Sans Narrow; color: #008ACD; text-decoration: none;}

/**/

.player {height: 110px; overflow: hidden;  box-shadow:0px 2px 6px rgba(0,0,0,0.22);}
.player .jp-controls .jp-play {width: 40px; height: 40px; background: url(/img/control.png) no-repeat; border: none; position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px;}
.player .jp-controls .jp-play:hover {background-color: none;}
.player .jp-controls .jp-pause {width: 40px; height: 40px; background: url(/img/control.png) no-repeat 0 -60px; border: none; position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px;}
.player .jp-controls .jp-pause:hover {background-color: none;}
.player .jp-gui {background: #fff; margin-top: 0;}
.player .jp-jplayer, .jp-audio {width: 340px; margin: 0;}
.player .jp-controls {width: 110px; height: 110px; display: block; position: relative;}
.player .jp-progress {left: 125px; width: 200px; height: 6px; background-color: #808080; border-radius: 0; top: 55px;}
.player .jp-play-bar {height: 6px; background-color: #E4240D; border-radius: 0;}
.player .jp-time-holder {right: 15px; top: 62px; width: 200px;}
.player .jp-time-holder .jp-current-time {float: left; text-shadow: none; color: #505050; font-size: 12px;}
.player .jp-time-holder .jp-duration {float: right; text-shadow: none; color: #505050; font-size: 12px;}
.player .jp-type-single {position: relative;}
.player .jp-title {position: absolute; top: 5px; left: 125px; text-align: left; z-index: 1;}
.player .jp-title p {color: #505050; margin-bottom: 0; font: normal 18px PT Sans Narrow;}
.player .jp-title .artist {max-width: 143px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.player .jp-title .track {color: #E4240D; max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.player .jp-mute {width: 21px; height: 18px; background: url(/img/vol-icon.png) no-repeat; top: 85px; right: -165px;}
.player .jp-unmute {width: 21px; height: 18px; background: url(/img/vol-icon.png) no-repeat 0 -114px; top: 85px; right: -165px;}
.player .jp-volume-bar {top: 90px; right: 15px; background-color: #ccc;}
.player .jp-volume-bar-value {background: #e4240f;}
.player .tag {font: normal 18px PT Sans Narrow; color: #000; position: absolute; right: 15px; top: 5px;}
.player .group-button {position: absolute; left: 125px; bottom: 5px;}
.player .group-button a {display: inline-block; zoom: 1; *display: inline; vertical-align: top; border: 1px solid #BFBFBF; border-radius: 6px; background: url(/img/player-icon.png) no-repeat; height: 16px; margin-right: 2px; text-decoration: none; color: #999; font-size: 12px; line-height: 15px;}
.player .group-button a:hover {border-color: #E4240F; color: #E4240F;}
.player .group-button a:active {background-color: #FF3F2A; border-color: #FF3F2A; color: #fff;}
.player .group-button .add {background-position: 4px 3px; width: 23px;}
.player .group-button .add:hover {background-position: 4px -27px;}
.player .group-button .add:active {background-position: 4px -57px; background-color: #FF3F2A; border-color: #FF3F2A;}
.player .group-button .add.active {background-position: 4px -57px; background-color: #FF3F2A; border-color: #FF3F2A;}
.player .group-button .like {background-position: 5px -87px;}
.player .group-button .like:hover {background-position: 5px -117px;}
.player .group-button .like:active {background-position: 5px -117px;}
.player .group-button .like.active {background-position: 5px -117px;}
.player .group-button .comm {background-position: 5px -178px;}
.player .group-button .comm:hover {background-position: 5px -210px;}
.player .group-button .comm:active {background-position: 5px -242px;}
.player .group-button .comm.active {background-position: 5px -242px;}
.player .group-button .in {padding-left: 22px; padding-right: 4px;}

.player.stream > {background: #fff; width: 420px; z-index: 100;}
.player.stream > .jp-jplayer {width: 420px;}
.player.stream > .jp-audio {width: 420px;}
.player.stream .jp-mute {right: -240px;}
.player.stream .jp-unmute {right: -240px;}
.player.stream .jp-progress {width: 280px;}
.player.stream .jp-title .track {max-width: 280px;}
.player.stream .jp-title .artist {max-width: 280px;}
.player.stream .tag {display: none;}
.player.stream .jp-time-holder {width: 280px;}

.popup {width: 1000px;}
.popup .modal-dialog {width: 460px; *margin: 0 auto;}
.popup .modal-body {padding: 30px;}
.popup .close {width: 18px; height: 18px; background: url(/img/close-popup.png) no-repeat; opacity: 1; position: absolute; right: 30px; top: 20px; display: block;}
.popup .close:hover {background-position: 0 -36px;}
.popup .b-border {border-bottom: 1px solid #F9CFCA;}
.popup .helper {font: normal 16px PT Sans; color: #000; margin-bottom: 5px;}

.popup.enter input[type=text], .popup.enter input[type=password] {width: 388px; height: 38px; border: 1px solid #F9CFCA; border-radius: 5px; font: bold 18px/38px PT Sans; padding: 0 5px;}
.popup.enter input[type=text]:focus, .popup.enter input[type=password]:focus {border-color: #FF3F2A;}
.popup.enter .er {color: #E4240E; font-style: italic; margin-bottom: 0; display: none;}
.popup.enter .pass {position: absolute; right: 0; top: 0; font-size: 16px;}
.popup.enter .soc a {display: inline-block; zoom: 1; *display: inline; width: 190px; height: 36px; background: url(/img/soc-popup.png) no-repeat;}
.popup.enter .soc .fb {background-position: 0 0;}
.popup.enter .soc .vk {background-position: 0 -56px;}
.popup.enter .button a {width: 100px;}
.popup.enter .modal-body {background: url(/img/enter-popup-bg.jpg) no-repeat right 70px;}
.popup.enter input[type="text"].w190 {width: 178px;}

.popup.reg .modal-body {background: url(/img/popup-reg-bg.jpg) no-repeat bottom center;}

/**/

.player.w620 > .jp-jplayer {width: 620px;}
.player.w620 > .jp-audio {width: 620px;}
.player.w620 .jp-time-holder {width: 480px;}
.player.w620 .jp-mute {right: -440px;}
.player.w620 .jp-unmute {right: -440px;}
.player.w620 .jp-progress {width: 480px;}
.player.w620 .jp-title .track {max-width: 480px;}
.player.w620 .album {top:0px; left: 150px; max-width: 255px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute;}

.breadcrumbs a {font: normal 12px PT Sans; color: #7F7F7F; display: inline-block; zoom: 1; *display: inline; vertical-align: top;}
.breadcrumbs span {font: normal 12px PT Sans; color: #7F7F7F; display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin: 0 2px;}

.paginator a {display: inline-block; zoom: 1; *display: inline; width: 30px; height: 30px; border: 1px solid #E4240E; border-radius: 5px; margin-right: 5px; font: normal 16px/28px PT Sans Narrow; text-align: center; text-decoration: none;}
.paginator a:hover {background: #FF3F2A; color: #fff; border-color: #FF3F2A;}
.paginator a:active {background: #E4240E; color: #fff; border-color: #E4240E;}
.paginator a.active {background: #E4240E; color: #fff; border-color: #E4240E;}

.help-info dl dt {font: normal 16px PT Sans; margin-bottom: 10px;}
.help-info span {display: inline-block; zoom: 1; *display: inline; vertical-align: top; border: 1px solid #E4240F; border-radius: 6px; background: url(/img/player-icon.png) no-repeat; height: 20px; width: 25px; margin-right: 10px;}
.help-info .h1 {background-position: 6px -25px;}
.help-info .h2 {background-position: 6px -115px;}
.help-info .h3 {background-position: 6px -208px;}

.tag-list a {display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin: 0 7px 10px 0; border: 1px solid #E6E6E6; border-radius: 5px; padding: 0 5px; font: normal 18px PT Sans Narrow; color: #505050;}
.tag-list a:hover {color: #FF3F2A; text-decoration: none;}

.styler-font {font-family: PT Sans;}

/**/

.insta-gallery dl {overflow: hidden; margin: 0 0 0 -3px}
.insta-gallery dl dt {float: left; width: 98px; height: 98px; margin: 0 0 3px 3px}
.insta-gallery dl dt img {display: block;}

.news-page p {font: normal 16px PT Sans;}

/**/

.navi .icon {background: url(/img/playlist-icon.png) no-repeat; padding-left: 25px;}
.navi .icon.favor {background-position: 0 -23px;}
.navi .icon.playl {background-position: -35px 10px;}
.navi .close {width: 16px; height: 16px !important; background: url(/img/close-small.png) no-repeat; opacity: 1; display: block; border: none !important; margin-top: 12px;}
.navi .close:hover {background-position: 0 -36px; }
.navi .close:active {background-position: 0 -72px;}

.navi .user {border: none !important;}
.navi .user img {max-width: 40px; height: 40px; margin-right: 10px;}

/**/

.search-filter dl {overflow: hidden; margin: 0 0 0 -20px;}
.search-filter dl dt {width: 140px; margin: 0 0 0 20px; float: left; text-align: center;}
.search-filter .button a {width: 138px; padding-left: 0; padding-right: 0; text-align: center;}
.search-filter .button a.active {background: #FF3F2A; border-color: #FF3F2A; color: #fff;}

.songs-text table tr .col1 {width: 330px;}
.songs-text table tr .col2 {width: 125px;}
.songs-text table tr .col3 {width: 125px;}
.songs-text table tr td {font-size: 16px; font-family: PT Sans Narrow;}
.songs-text table tr th {font: italic 18px PT Sans; color: #505050; border-bottom: 1px solid #F9CFCA;}

.share p {font-family: PT Sans;}

.text-song p {font: normal 16px PT Sans;}

.comments dl dt {margin-bottom: 20px;}
.comments p {font: normal 16px PT Sans; color: #505050;}
.comments .name {color: #999999;}
.comments .form  {position: relative;}
.comments .form .mark {position: absolute; left: 200px; top: -30px; background: url(/img/mark.jpg) no-repeat; width: 200px; height: 199px; z-index: 1;}
.comments .form .left {width: 430px; position: relative; z-index: 10;}
.comments .form .right {width: 170px;}
.comments .form textarea {width: 408px; height: 83px; border: 1px solid #F9CFCA; border-radius: 5px; resize: none; padding: 5px 10px; font: normal 16px PT Sans;}
.comments .form p {font: normal 12px PT Sans;}

/**/

.profile .col1 {width: 100px; font: normal 16px PT Sans; color: #000; text-align: right;}
.profile input[type=password] {width: 336px; height: 40px; border: 1px solid #E6E6E6; border-radius: 5px; padding: 0 5px; font: bold 18px/40px PT Sans; color: #000;}
.profile input[type=password]:focus {border-color: #E4240F;}
.profile input[type=password].mute {border-color: #F9CFCA;}
.profile input[type=password].mute:focus {border-color: #E4240F;}
.profile input[type=text] {width: 336px; height: 40px; border: 1px solid #E6E6E6; border-radius: 5px; padding: 0 5px; font: bold 18px/40px PT Sans; color: #000;}
.profile input[type=text]:focus {border-color: #E4240F;}
.profile input[type=text].mute {border-color: #F9CFCA;}
.profile input[type=text].mute:focus {border-color: #E4240F;}
.profile table tr td {vertical-align: middle; padding-top: 0px; padding-bottom: 30px;}
.profile .pas {display: none;}
.profile .button a {width: 138px; padding-left: 0; padding-right: 0; text-align: center;}


.file {overflow:hidden; background: url(/img/file.jpg) no-repeat; width: 140px; height: 40px; display: block; text-align: center; margin: 20px auto 0 auto;}
.file:hover {background-position: 0 -60px;}
.file input {opacity:0; filter:alpha(opacity:0); font-size:199px; cursor:pointer; padding:0px; margin:0px; border:none; margin-left:-450px; color: #E4240E;}