@font-face {
    font-family: 'ProximaLight';
    src: url('fonts/proximanova-light-webfont.eot');
    src: url('fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-light-webfont.woff') format('woff'),
         url('fonts/proximanova-light-webfont.ttf') format('truetype'),
         url('fonts/proximanova-regular-webfont.svg#ProximaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaRegular';
    src: url('fonts/proximanova-regular-webfont.eot');
    src: url('fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-regular-webfont.woff') format('woff'),
         url('fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('fonts/proximanova-regular-webfont.svg#ProximaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaSemiBold';
    src: url('fonts/proximanova-semibold-webfont.eot');
    src: url('fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-semibold-webfont.woff') format('woff'),
         url('fonts/proximanova-semibold-webfont.ttf') format('truetype'),
         url('fonts/proximanova-semibold-webfont.svg#ProximaBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ProximaBold';
    src: url('fonts/proximanova-bold-webfont.eot');
    src: url('fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-bold-webfont.woff') format('woff'),
         url('fonts/proximanova-bold-webfont.ttf') format('truetype'),
         url('fonts/proximanova-bold-webfont.svg#ProximaBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
h7,
p,
div,
ul,
li,
form,
blockquote,
fieldset,
ol { display:block; margin:0; padding:0; font:100 14px/18px 'ProximaRegular', Arial, Helvetica, sans-serif; color:#000; list-style:none; outline:none; border:none;
	transition:background-color 0.2s ease, border 0.2s ease; }
a { text-decoration:none; outline:none; color:#000; text-decoration:none;
	transition:background-color 0.2s ease, color 0.2s ease, border 0.2s ease; }
input[type="submit"] { transition:background-color 0.2s ease, color 0.2s ease; }
a:link { outline:none; }
a:visited { outline:none; }
a:active { outline:none; }
a:hover { text-decoration:none; }
.clear { clear:both !important; height:0px !important; margin:0px !important; padding:0px !important; line-height:0px !important; border:none !important; }
.bold { font-weight:bold; }
.showoff { display:none !important; }
.noborder { border:none; }
.underline { text-decoration:underline; }
.left { float:left; }
.right { float:right; }
.block { display:block; }
.overflow { overflow:hidden; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.nt { display:block; text-indent:-9999px; overflow:hidden; }
a img { border:none !important; outline:none !important;
	transition:border 0.2s ease; }

html,body { background-color:#fff; }

#tvStationsBlock {display: none;}
/* #player */
#player{ position:fixed; left:0; top:0; width:100%; z-index:1000;
	box-shadow:0 0 2px #000; }

#player .up { position:relative; overflow:visible; background:#00294a; z-index:1002; }
#player .up .width { overflow:visible; height:30px; }
#player .up .logo { overflow:hidden; position:absolute; left:0; top:0; padding:6px 0 0 15px; }
#player .up .logo a { overflow:hidden; display:block; float:left; color:#fff; }
#player .up .logo span { display:block; float:left; color:#fff; margin-left:7px; }
#player .up .logo a span { float:right; background:url(../i/sprite.png) no-repeat -19px -856px; width:6px; height:6px; margin:5px 0 0 10px; }
#player .up .menu { overflow:visible; position:absolute; right:0; top:0; height:30px; }
#player .up .menu li.login,
#player .up .menu li.login > a { transition:none; }
#player .up .menu > li { display:none; position:relative; float:left; padding:0 15px 0 20px; }
#player .up .menu > li > span { position:absolute; display:block; background:url(../i/sprite.png) no-repeat 0 -19px; right:-5px; top:13px; width:5px; height:5px; }
#player .up .menu > li > a { font-size:12px; line-height:30px; color:#FFF; }
#player .up .menu > li > a:hover { color:#ccc; }
#player .up .menu > li.login { display:block; padding:0; }
#player .up .menu > li.login > a { display:block; padding:0 20px; color:#7fc7e9; }
#player .up .menu > li.login > div { display:none; position:absolute; background:#a7abad; right:0; top:30px; width:180px; 
	border-radius:5px 0 10px 10px; }
#player .up .menu > li.login > div .text { padding:10px; font-size:12px; line-height:14px; color:#fff; }
#player .up .menu > li.login > div .text > a { font-family:'ProximaBold', Arial, Helvetica, sans-serif; color:#00294a; }
#player .up .menu > li.login > div .text > a:hover { color:#001d35; }
#player .up .menu > li.login > div > form .textbox {  padding:2px 10px; }
#player .up .menu > li.login > div > form .textbox input { display:block; width:150px; margin:0; padding:5px; font:normal 12px/14px 'ProximaRegular', Arial, Helvetica, sans-serif; border:none; outline:none; }
#player .up .menu > li.login > div > form .button { overflow:hidden; padding:5px 10px 10px 10px; }
#player .up .menu > li.login > div > form .button input { display:block; float:right; background:#0089CC; width:90px; margin:0; padding:7px 0; font:normal 12px/14px 'ProximaRegular', Arial, Helvetica, sans-serif; color:#FFF; cursor:pointer; border:none; outline:none;
	 border-radius:4px; }
#player .up .menu > li.login > div > form .button input:hover { background:#00294a; }
#player .up .menu > li.login > div > .fconnect { display:none; padding:0 10px 20px 10px; font-size:11px; line-height:18px; color:#fff; }
#player .up .menu > li.login > div > .fconnect input { display:block; background:#2f4a84; width:160px; margin:0; padding:7px 0; font:normal 12px/14px 'ProximaRegular', Arial, Helvetica, sans-serif; color:#FFF; cursor:pointer; border:none; outline:none;
	 border-radius:4px; }
#player .up .menu > li.login > div > .fconnect input:hover { background:#1D3568; }
#player .up .menu > li.login > div > .forgot { background:#00294a; padding:3px 10px; text-align:right;
	border-radius:0 0 5px 5px; }
#player .up .menu > li.login > div > .forgot a { font-size:12px; line-height:14px; color:#FFF; }
#player .up .menu > li.login > div > .forgot a:hover { color:#ddd; }
#player .up .menu > li.login.hover > a,
#player .up .menu > li.login:hover > a { background:#a7abad; height:27px; margin:3px 0 0 0; padding:0 20px; line-height:25px; color:#FFF;
	border-radius:4px 4px 0 0; }
#player .up .menu > li.login.hover > div,
#player .up .menu > li.login:hover > div { display:block; }

#player .up .menu > li.login .menu-member { width:150px; padding:10px 0;
	border-radius:5px 0 5px 5px;
	box-shadow:0 5px 5px rgba(0, 0, 0, 0.5); }
#player .up .menu > li.login .menu-member .thumb { display:none; }
#player .up .menu > li.login .menu-member .thumb a,
#player .up .menu > li.login .menu-member .thumb img { display:block; width:138px; height:138px; border:solid 1px #fff; } 
#player .up .menu > li.login .menu-member .thumb a { margin:5px 5px 10px 5px; }
#player .up .menu > li.login .menu-member .menu-item { margin:0 5px; }
#player .up .menu > li.login .menu-member .menu-item a { display:block; padding:2px 5px; color:#FFF; font-size:13px; border:solid 1px #c3c6c7; border-width:1px 0; }
#player .up .menu > li.login .menu-member .menu-item + .menu-item a { border-width:0 0 1px 0; }
#player .up .menu > li.login .menu-member .menu-item a:hover { background:#00294a; }

#player .down { position:relative; background:#001d35; z-index:1001; }
#player .down .width { height:70px; }

#player .down .selector { float:left; background:#00294a url(../i/sprite.png) no-repeat 105px -30px; border-top:solid 1px #001d35; }
#player .down .selector:hover { background-color:#00335C; }
#player .down .selector.open { background-position:-60px -30px; }
#player .down .selector a { position:relative; display:block; width:140px; height:69px; }
#player .down .selector a span { position:absolute; background:url(../i/sprite.png) no-repeat 0 0; left:18px; top:26px; width:84px; height:17px; z-index:1002; }
/*#player .down .selector a span { background:url(../i/logo-ipower-106x28.png) no-repeat left top; left:5px; top:17px; width:106px; height:28px; }*/
#player .down .selector a span.bgpatch { background:#00294a; left:30px; top:15px; width:80px; height:40px; z-index:1001;
	transition:background-color 0.2s ease; }
#player .down .selector:hover a span.bgpatch { background:#00335C; }

#player .down .controls { position:relative; float:left; width:270px; height:70px; }
#player .down .controls .dislike { position:absolute; background:url(../i/btn-dislike.png) no-repeat 0 0; left:20px; top:20px; }
#player .down .controls .like { position:absolute; background:url(../i/btn-like.png) no-repeat 0 0; left:126px; top:20px; }
#player .down .controls .dislike.voted { background-position:0 -70px; }
#player .down .controls .dislike:hover { background-position:0 -70px; }
#player .down .controls .like.voted { background-position:0 -70px; }
#player .down .controls .like:hover { background-position:0 -70px; }
#player .down .controls .dislike a,
#player .down .controls .like a { width:34px; height:34px; }
#player .down .controls .play { position:absolute; background:url(../i/sprite.png) no-repeat 0 -162px; left:65px; top:10px; }
#player .down .controls .play.stop { background-position:-51px -162px; }
#player .down .controls .play:hover { opacity:0.9; }
#player .down .controls .play a { width:50px; height:50px; }
#player .down .controls .volume { position:absolute; background:url(../i/sprite.png) no-repeat 0 -213px; left:175px; top:27px; width:51px; height:11px; padding:6px 0 0 22px; }
#player .down .controls .volume .bar { position:relative; background:#a4a8aa; height:3px; }
#player .down .controls .volume .bar .set { position:absolute; background:#fff; left:0; top:0; height:3px;  }
#player .down .controls .volume .bar a { position:absolute; background:url(../i/sprite.png) no-repeat -150px -215px; top:-3px; width:9px; height:9px; cursor:pointer; }
#player .down .controls .volume .bar a:hover { background-position:-150px -215px; }

#player .down.podcast .dislike { background-image:url(../i/sprite.png); background-position:-571px -108px; left:20px; top:20px; width:30px; height:30px; }
#player .down.podcast .dislike:hover { background-position:-522px -108px; }
#player .down.podcast .like { background-image:url(../i/sprite.png); background-position:-570px -133px; left:126px; top:20px; width:30px; height:30px; }
#player .down.podcast .like:hover { background-position:-521px -133px; }
#player .down.podcast .screen .actions .action.buy,
#player .down.podcast .screen .actions .action.favorite { display:none; }

#player .down .screen { float:left; position:relative; background:#00294a; width:530px; height:59px; padding:5px 0; border-top:solid 1px #001d35; }
#player .down .screen .playing { overflow:hidden; position:absolute; left:5px; top:5px; width:295px; }
#player .down .screen .playing .playing-albumcover { float:left; width:60px; height:60px; }
#player .down .screen .playing .playing-albumcover a,
#player .down .screen .playing .playing-albumcover img { display:block; width:60px; height:60px; }
#player .down .screen .playing .playing-song { float:left; overflow:hidden; width:230px; padding:0 0 0 5px; }
#player .down .screen .playing .playing-song .song  { white-space: nowrap; }
#player .down .screen .playing .playing-song .song a { font-size:14px; line-height:14px; color:#FFF; }
#player .down .screen .playing .playing-song .artist a { font-size:12px; line-height:14px; color:#FFF; }
#player .down .screen .playing .playing-song .duration {  margin-top:10px; font-size:11px; line-height:11px; color:#a4a8aa; }
#player .down .screen .playing .playing-albumcover:hover + .playing-song .song a,
#player .down .screen .playing .playing-song a:hover { color:#a4a8aa; }
#player .down .screen .playing.coming { display:none; }

#player .down .screen .actions { overflow:hidden; position:absolute; right:5px; top:5px; }
#player .down .screen .actions .action { float:left; background-image:url(../i/sprite.png); background-repeat:no-repeat; }
#player .down .screen .actions .action a { display:block; width: 45px; height:23px; padding-top:40px; text-align:center; font-size:11px; line-height:14px; color:#a4a8aa; }
#player .down .screen .actions .action a:hover { color:#fff; }
#player .down .screen .actions .action.next { background-position:7px -263px; }
#player .down .screen .actions .action.next:hover { background-position:7px -363px; }
#player .down .screen .actions .action.prev { background-position:-308px -263px; }
#player .down .screen .actions .action.prev:hover { background-position:-308px -363px; }
#player .down .screen .actions .action.favorite { background-position:-37px -263px; display:none; }
#player .down .screen .actions .action.favorite:hover { background-position:-37px -363px; }
#player .down .screen .actions .action.favorite.voted { background-position:-262px -263px; }
#player .down .screen .actions .action.favorite.voted:hover { background-position:-262px -363px; }
#player .down .screen .actions .action.lyrics { background-position:-82px -263px; }
#player .down .screen .actions .action.lyrics:hover { background-position:-82px -363px; }
#player .down .screen .actions .action.buy { background-position:-127px -263px; }
#player .down .screen .actions .action.buy:hover { background-position:-127px -363px; }
#player .down .screen .actions .action.share { background-position:-172px -263px; }
#player .down .screen .actions .action.share:hover { background-position:-172px -363px;  }

#player .down .screen .timeline { display:none; position:relative; background:#fff; height:3px; margin-top:63px; clear:both; }
#player .down .screen .timeline .played { position:absolute; background:#a4a8aa; left:0; top:0; height:3px; }


.song a b{font-size:11px;color:#fff;font-weight: normal}

.progresBar {
height:9px;
width:100px;
margin-top:0px;
background-color: #a4a8aa;
border:1px solid #FFF;
z-index: 999; float:left;
margin-right: 5px;
cursor: pointer;
}
#progresBarSlider {background-color:#001D35;height:100%;width: 0px;}

#progressTrackElapsed {float:left;font-size:11px;width:35px; line-height:11px; color:#a4a8aa;text-align: center;padding-right:8px;}
#progressTotalTrackTime {float:left;font-size:11px; line-height:11px; color:#a4a8aa;text-align: left;}
.playerTools {display: none;margin-top:5px;}

/* #radios */
#radios { display:none; overflow:hidden; height:auto;
	background:#e1e6e9;
	background:-moz-linear-gradient(top,  #ffffff 0%, #e1e6e9 99%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(99%,#e1e6e9));
	background:-webkit-linear-gradient(top,  #ffffff 0%,#e1e6e9 99%);
	background:-o-linear-gradient(top,  #ffffff 0%,#e1e6e9 99%);
	background:-ms-linear-gradient(top,  #ffffff 0%,#e1e6e9 99%);
	background:linear-gradient(to bottom,  #ffffff 0%,#e1e6e9 99%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e6e9',GradientType=0 ); }
#radios .width { overflow:hidden; padding:20px 0; }

#radios .width .stations { overflow:hidden; margin:0 -20px 20px 0; }
#radios .width .stations .title { padding-bottom:10px; font:normal 26px/26px 'ProximaSemiBold', Arial, Helvetica, sans-serif; color:#00294A; }
#radios .width .stations .title .subline { display:none; font:normal 16px/16px 'Proximalight', Arial, Helvetica, sans-serif; color:#00294A; }

#radios .width .stations .station { position:relative; float:left; background:#FFF; width:280px; margin:0 20px 20px 0; padding:9px; cursor:pointer; border:solid 1px #a4a8aa; }
#radios .width .stations .station:hover { border-color:#00294a; }
#radios .width .stations .station .station-cover { float:left; }
#radios .width .stations .station .station-cover a,
#radios .width .stations .station .station-cover img { display:block; width:120px; height:120px; }
#radios .width .stations .station .station-song { float:left; width:150px; margin-left:10px; }
#radios .width .stations .station .station-song .station-song-name { font:normal 13px/16px 'ProximaBold', Arial, Helvetica, sans-serif; }
#radios .width .stations .station .station-song .station-song-artist { font:normal 13px/16px 'ProximaRegular', Arial, Helvetica, sans-serif;  }

#radios .width .stations .station .station-play { position:absolute; background:url(../i/sprite.png) no-repeat -26px -464px; left:140px; bottom:10px; width:25px; height:25px; }
#radios .width .stations .station:hover .station-play { background-position:-52px -464px; }
#radios .width .stations .station.playing { border-color:#00294a; }
#radios .width .stations .station.playing .station-play { background-position:0 -464px; }

#radios .width .stations .station .station-name { position:absolute; /*background-image:url(../i/sprite.png); background-repeat:no-repeat;*/ right:10px; bottom:10px; width:80px; height:40px; }
#radios .width .stations .station .tv-station-name { position:absolute; /*background-image:url(../i/sprite.png); background-repeat:no-repeat;*/ right:10px; bottom:25px; width:80px; height:40px; }
#radios .width .stations .station.tv,
#radios .width .stations .station.tv .station-name { display:none; }
/*
#radios .width .stations .station.powerfm .station-name { background-position:-516px -28px; width:72px; height:40px; }
#radios .width .stations .station.powerturk .station-name { background-position:-513px -130px; width:75px; height:32px; }
#radios .width .stations .station.powerxl .station-name { background-position:-510px -237px; width:81px; height:25px; }
#radios .width .stations .station.radyofenomen .station-name { background-position:-512px -334px; width:77px; height:27px; }
#radios .width .stations .station.powergarage .station-name { background-position:-517px -430px; width:69px; height:43px; }
#radios .width .stations .station.powerlove .station-name { background-position:-518px -531px; width:67px; height:34px; }
*/

#radios .width .podcasts { overflow:hidden;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #d0d6d8}
#radios .width .podcasts .title { padding-bottom:10px; font:normal 26px/26px 'ProximaSemiBold', Arial, Helvetica, sans-serif; color:#00294A; }
#radios .width .podcasts .title .subline { display:none; font:normal 16px/16px 'ProximaLight', Arial, Helvetica, sans-serif; color:#00294A; }
#radios .width .podcasts .podcast { float:left; width:140px;}
#radios .width .podcasts .podcast + .podcast { margin-left:20px; }
#radios .width .podcasts .podcast .podcast-cover a { display:block; }
#radios .width .podcasts .podcast .podcast-cover a img { width:138px; height:138px; border:solid 1px #ccc !important; }
#radios .width .podcasts .podcast .podcast-name { padding-top:5px; }
#radios .width .podcasts .podcast .podcast-name a { font:normal 13px/14px 'ProximaBold', Arial, Helvetica, sans-serif; color:#00294A; }
#radios .width .podcasts .podcast .podcast-programmers a { font:normal 12px/12px 'ProximaRegular', Arial, Helvetica, sans-serif; color:#990000; }
#radios .width .podcasts .podcast .podcast-station a { font:normal 12px/12px 'ProximaRegular', Arial, Helvetica, sans-serif; color:#00294A; }
#radios .width .podcasts .podcast:hover a { color:#a4a8aa; }

#radios .width .djset { overflow:hidden;}
#radios .width .djset .title { padding-bottom:10px; font:normal 26px/26px 'ProximaSemiBold', Arial, Helvetica, sans-serif; color:#00294A; }
#radios .width .djset .title .subline { display:none; font:normal 16px/16px 'ProximaLight', Arial, Helvetica, sans-serif; color:#00294A; }
#radios .width .djset .djcast { float:left; width:140px; height:185px; }
#radios .width .djset .djcast + .podcast { margin-left:20px; }
#radios .width .djset .djcast .podcast-cover a { display:block; }
#radios .width .djset .djcast .podcast-cover a img { width:138px; height:138px; border:solid 1px #ccc !important; }
#radios .width .djset .djcast .podcast-name { padding-top:5px; }
#radios .width .djset .djcast .podcast-name a { font:normal 13px/14px 'ProximaBold', Arial, Helvetica, sans-serif; color:#00294A; }
#radios .width .djset .djcast .podcast-station a { font:normal 12px/12px 'ProximaRegular', Arial, Helvetica, sans-serif; color:#00294A; }
#radios .width .djset .djcast:hover a { color:#a4a8aa; }

#radios .width .videocast { overflow:hidden;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #d0d6d8}
#radios .width .videocast .owl-carousel .owl-item img{width: auto !important}
#radios .width .videocast { overflow:hidden;}
#radios .width .videocast .title { padding-bottom:10px; font:normal 26px/26px 'ProximaSemiBold', Arial, Helvetica, sans-serif; color:#00294A; }
#radios .width .videocast .title .subline { display:none; font:normal 16px/16px 'ProximaLight', Arial, Helvetica, sans-serif; color:#00294A; }
#radios .width .videocast .title .goToCategory{cursor: pointer}
#radios .width .videocast .title .goToCategory:hover{text-decoration: underline !important;}
#radios .width .videocast .makeMeScrollable .video {  background-color:#000000;text-align: center}
#radios .width .videocast .makeMeScrollable .video .video-cover { position: relative; }
#radios .width .videocast .makeMeScrollable .video .video-cover .band{ z-index: 1;padding-top:5px;height: 40px;background:rgba(131,131,131,0.5);width:100%;position: absolute;color: #fff;bottom:0px;  }
#radios .width .videocast .makeMeScrollable .video .video-cover .band .info-container{float:left;}
#radios .width .videocast .makeMeScrollable .video .video-cover .band .play-icon{float:right;margin-right: 5px;cursor: pointer}
#radios .width .videocast .makeMeScrollable .video .video-cover a { display:block; }
#radios .width .videocast .makeMeScrollable .video .video-cover a img{ margin:0 auto; }
#radios .width .videocast .makeMeScrollable .video .video-name a { text-align: initial;font:normal 13px 'ProximaBold', Arial, Helvetica, sans-serif; color:#fff;margin-left:5px }
#radios .width .videocast .makeMeScrollable .video .video-station a { text-align: initial;font:normal 12px 'ProximaRegular', Arial, Helvetica, sans-serif; color:#fff; margin-left:5px}


/* #content */
#content .width { overflow:hidden; min-height:500px; padding:30px 0 40px 0; }
#content .toplists { float:left; width:620px; }
#content .toplists .title { padding-bottom:20px; font:normal 30px/30px 'ProximaRegular', Arial, Helvetica, sans-serif; color:#006b9f; }
#content .toplists .lists { overflow:hidden; }
#content .toplists .lists .list { float:left; width:140px; }
#content .toplists .lists .list + .list { margin-left:20px; }
#content .toplists .lists .list .list-name { background:#7fc7e9; text-align:center; }
#content .toplists .lists .list .list-name a { display:block; font:normal 11px/30px 'ProximaRegular', Arial, Helvetica, sans-serif; color:#006b9f; }
#content .toplists .lists .list .list-name a:hover { color:#004E74; }
#content .toplists .lists .list .list-song { margin-bottom:1px; }
#content .toplists .lists .list .list-song a { display:block; background:#7fc7e9; }
#content .toplists .lists .list .list-song a > img { display:block; width:140px; height:140px; }
#content .toplists .lists .list .list-song a span { display:block; padding:5px 10px 0 10px; font:normal 11px/14px 'ProximaBold', Arial, Helvetica, sans-serif; color:#fff; }
#content .toplists .lists .list .list-song a span + span { padding:0 10px 5px 10px; font:normal 11px/14px 'ProximaRegular', Arial, Helvetica, sans-serif; }
#content .toplists .lists .list .list-song-one { margin-bottom:5px; }
#content .toplists .lists .list .list-song a:hover { background:#004E74; }
#content .toplists .lists .list .list-all { margin-top:4px; }
#content .toplists .lists .list .list-all a { display:block; background:#006b9f; padding:5px 0; font:normal 12px/12px 'ProximaBold', Arial, Helvetica, sans-serif; color:#fff; text-align:center; }

#content .apps { float:left; width:300px; margin:50px 0 0 20px; }
#content .apps .title { background:#30beda; padding:10px; font:normal 30px/30px 'ProximaBold', Arial, Helvetica, sans-serif; color:#FFF; border:solid 1px #fff; border-width:0 1px 1px 0; }
#content .apps .title .subline { font:normal 20px/20px 'ProximaRegular', Arial, Helvetica, sans-serif; color:#FFF; }
#content .apps .app { float:left; background-color:#30beda; background-image:url(../i/sprite.png); background-repeat:no-repeat; border:solid 1px #fff; border-width:0 1px 1px 0; }
#content .apps .app a { display:block; width:149px; height:28px; padding:92px 0 0 0; text-align:center; color:#FFF; }
#content .apps .app:hover { background-color:#1F9CB4; }
#content .apps .app.tablet { background-position:1px -511px; }
#content .apps .app.mobil { background-position:-147px -511px; }
#content .apps .app.smarttv { background-position:4px -635px; }
#content .apps .app.webapp { background-position:-148px -636px; }
#content .apps .app.yandexapp { background-image: url('/i/YandexPower.png');background-position: 45px 9px;background-size: 60px; }

/* VIDEO DETAIL STYLE */
#content .width .videoDetailContainer .titleWithSearchBar{margin-bottom:30px;float:left;width:100%}
#content .width .videoDetailContainer .titleWithSearchBar .search .form-group{position:relative}
#content .width .videoDetailContainer .titleWithSearchBar  .form-group .error{display:none;position:absolute;background-color:#f11a39;color:#fff;top:40px; padding:5px;border-radius: 5px;}
#content .width .videoDetailContainer .titleWithSearchBar  .form-group .error:before{position: absolute;top: -10px;content: "";width: 0px;height: 0px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #f11a39;left: 15px;}
#content .width .videoDetailContainer .titleWithSearchBar .search input[name="search"]{font-size:14px;width:100%;height:24px;border-bottom: 1px solid #a5a5a5;border-right: none;border-top: none;border-left: none;outline: none;padding: 0px 30px 0px 2px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;border-top-right-radius: 3px;}
#content .width .videoDetailContainer .titleWithSearchBar .search button{outline: none;cursor: pointer;position: absolute;right: 0px;top: 0px;border: none;background: transparent;}
#content .width .videoDetailContainer .titleWithSearchBar .search button img{width:16px}

#content .width .searchContainer .titleWithSearchBar{margin-bottom:30px;float:left;width:100%}
#content .width .searchContainer .titleWithSearchBar .title{font: bold 30px/24px 'ProximaBold', Arial, Helvetica, sans-serif;color:#020202;float:left;}
#content .width .searchContainer .titleWithSearchBar .search{float: right}
#content .width .searchContainer .titleWithSearchBar .search .form-group{position:relative}
#content .width .searchContainer .titleWithSearchBar .search .form-group .error{display:none;position:absolute;background-color:#f11a39;color:#fff;top:40px; padding:5px;border-radius: 5px;}
#content .width .searchContainer .titleWithSearchBar .search .form-group .error:before{position: absolute;top: -10px;content: "";width: 0px;height: 0px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #f11a39;left: 15px;}
#content .width .searchContainer .titleWithSearchBar .search input[name="search"]{font-size:14px;width:156px;height:24px;border-bottom: 1px solid #a5a5a5;border-right: none;border-top: none;border-left: none;outline: none;padding: 0px 30px 0px 2px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;border-top-right-radius: 3px;}
#content .width .searchContainer .titleWithSearchBar .search button{outline: none;cursor: pointer;position: absolute;right: 0px;top: 0px;border: none;background: transparent;}
#content .width .searchContainer .titleWithSearchBar .search button img{width:16px}

#content .width .searchContainer .categoriesList{margin-top:15px;text-align: center}
#content .width .searchContainer .categoriesList .categoryBox{margin-right:10px;float:left;cursor:pointer}
#content .width .searchContainer .categoriesList .categoryBox img{width:150px;}

#content .width .allCategoriesListContainer .categoryBox{margin-right:10px;float:left;cursor:pointer}
#content .width .allCategoriesListContainer .categoryBox img{width:150px;}
#content .width .allCategoriesListContainer .titleWithSearchBar{margin-bottom:30px;float:left;width:100%}
#content .width .allCategoriesListContainer .titleWithSearchBar .title{font: bold 30px/24px 'ProximaBold', Arial, Helvetica, sans-serif;color:#020202;float:left;}
#content .width .allCategoriesListContainer .titleWithSearchBar .search{float: right}
#content .width .allCategoriesListContainer .titleWithSearchBar .search .form-group{position:relative}
#content .width .allCategoriesListContainer .titleWithSearchBar .search .form-group .error{display:none;position:absolute;background-color:#f11a39;color:#fff;top:40px; padding:5px;border-radius: 5px;}
#content .width .allCategoriesListContainer .titleWithSearchBar .search .form-group .error:before{position: absolute;top: -10px;content: "";width: 0px;height: 0px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #f11a39;left: 15px;}
#content .width .allCategoriesListContainer .titleWithSearchBar .search input[name="search"]{font-size:14px;width:156px;height:24px;border-bottom: 1px solid #a5a5a5;border-right: none;border-top: none;border-left: none;outline: none;padding: 0px 30px 0px 2px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;border-top-right-radius: 3px;}
#content .width .allCategoriesListContainer .titleWithSearchBar .search button{outline: none;cursor: pointer;position: absolute;right: 0px;top: 0px;border: none;background: transparent;}
#content .width .allCategoriesListContainer .titleWithSearchBar .search button img{width:16px}

#content .width .categoriesListContainer .titleWithSearchBar{margin-bottom:30px;float:left;width:100%}
#content .width .categoriesListContainer .titleWithSearchBar .title{font: bold 30px/24px 'ProximaBold', Arial, Helvetica, sans-serif;color:#020202;float:left;}
#content .width .categoriesListContainer .titleWithSearchBar .date{float: right}

#content .width .videoDetailContainer .videoContainer .jwplayer{float:left }
#content .width .videoDetailContainer .videoContainer .relatedVideos{float:left;background-color:#fff;height:360px;width:290px;padding-left:10px;}
#content .width .videoDetailContainer .videoContainer .relatedVideos .title{height: 35px;font:normal 20px/25px 'ProximaRegular', Arial, Helvetica, sans-serif;}
#content .width .videoDetailContainer .videoContainer .relatedVideos .list{overflow-y: scroll;height: 325px;}
#content .width .videoDetailContainer .videoContainer .relatedVideos .row{cursor:pointer;width:100%;height: 70px;margin-bottom:7px;padding-bottom:7px;border-bottom:1px solid #E2E2E2}
#content .width .videoDetailContainer .videoContainer .relatedVideos .row:last-child{margin-bottom:0px;padding-bottom:0px;border-bottom:none}
#content .width .videoDetailContainer .videoContainer .relatedVideos .row .vid_image{background-color:#000;text-align: center;position:relative;float:left;margin-right:5px;width:124px;height:70px;}
#content .width .videoDetailContainer .videoContainer .relatedVideos .row .vid_image .band{padding: 3px;position: absolute;right: 0px;bottom: 0px;background: rgba(51,51,51,0.7);color: #fff;font-size: 11px;}
#content .width .videoDetailContainer .videoContainer .relatedVideos .row .vid_image img{height:70px;}
#content .width .videoDetailContainer .videoContainer .relatedVideos .row .info .vid_title{font:bold 14px/14px 'ProximaBold', Arial, Helvetica, sans-serif;color:#333;margin-bottom:3px;}
#content .width .videoDetailContainer .videoContainer .relatedVideos .row .info .vid_date{color:#333;font:normal 12px/12px 'ProximaRegular', Arial, Helvetica, sans-serif;margin-bottom:3px;}
#content .width .videoDetailContainer .videoContainer .relatedVideos .row .info .vid_views{color:#333;font:normal 11px/12px 'ProximaRegular', Arial, Helvetica, sans-serif}

.hide{display:none}
.show{display:block}

#content .width .videoDetailContainer .videoInfo{    box-shadow: 0 1px 2px rgba(0,0,0,.1);-moz-box-sizing: border-box;box-sizing: border-box;overflow: auto;margin-top:10px;background-color: #fcfcfc;border:1px solid #ddd;margin-bottom:20px;padding: 10px}
#content .width .videoDetailContainer .videoInfo .title{font: bold 24px/24px 'ProximaBold', Arial, Helvetica, sans-serif;color:#020202;float:left;margin-bottom: 10px;}
#content .width .videoDetailContainer .videoInfo .leftSide{float:left;margin-right:10px}
#content .width .videoDetailContainer .videoInfo .leftSide img.categoryImage{width:90px;cursor:pointer}
#content .width .videoDetailContainer .videoInfo .rigthSide{float:left}
#content .width .videoDetailContainer .videoInfo .rigthSide .viewCount{color:#a2a2a2;font-size: 15px;margin-bottom: 5px;}
#content .width .videoDetailContainer .videoInfo .rigthSide .date , .category , .channel{color:#777777;font-size: 13px;}
#content .width .videoDetailContainer .videoInfo .rigthSide .date span , .category span , .channel span{ font: bold 13px/13px 'ProximaBold', Arial, Helvetica, sans-serif}
#content .width .videoDetailContainer .videoInfo .rigthSide .actions{float:left;margin-bottom:10px;font: normal 12px/12px 'ProximaRegular', Arial, Helvetica, sans-serif}
#content .width .videoDetailContainer .videoInfo .rigthSide .actions img{vertical-align: middle}
#content .width .videoDetailContainer .videoInfo .rigthSide .actions span{margin-left: 5px;margin-top:5px;float: right;color:#a2a2a2}
#content .width .videoDetailContainer .videoInfo .rigthSide .actions .dislike img{margin-top: 5px}
#content .width .videoDetailContainer .videoInfo .rigthSide .actions div{cursor:pointer;float:left;margin-right: 15px;}
#content .width .videoDetailContainer .videoInfo .rigthSide .actions div.share{margin-left: 10px}
#content .width .videoDetailContainer .videoInfo .rigthSide .category span.link{cursor:pointer;font: normal 13px/13px 'ProximaRegular', Arial, Helvetica, sans-serif !important}
#content .width .videoDetailContainer .videoInfo .rigthSide .category span.link:hover{text-decoration: underline;}

#content .width .videoDetailContainer .sameCategoryOtherVideosListContainer{overflow: auto;text-align: center;margin-top:10px;}
#content .width .videoDetailContainer .sameCategoryOtherVideosListContainer .top{float: left;width:100%;}
#content .width .videoDetailContainer .sameCategoryOtherVideosListContainer .top .sameCategoryOtherVideosTitle{float:left;color:#295d8e;font:bold 20px/32px 'ProximaBold', Arial, Helvetica, sans-serif;margin-bottom: 15px;text-align: left}
#content .width .videoDetailContainer .sameCategoryOtherVideosListContainer .top .sameCategoryOtherVideosTitle .goToVideocastCategories:hover{text-decoration: underline;cursor:pointer}
#content .width .videoDetailContainer .sameCategoryOtherVideosListContainer .top .selectDate , 
#content .width .categoriesListContainer .titleWithSearchBar .selectDate{float: right}
#content .width .videoDetailContainer .sameCategoryOtherVideosListContainer .top .selectDate select ,
#content .width .categoriesListContainer .titleWithSearchBar .selectDate select{
    -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   -moz-appearance: none;
   
   background-image: url(/i/selectbox_arrow.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 150px;
}
#content .width .categoriesListContainer .titleWithSearchBar .title .goToVideoCast:hover{text-decoration: underline;cursor:pointer}
#content .width .videoDetailContainer .sameCategoryOtherVideosListContainer .top .selectDate select:focus , 
#content .width .categoriesListContainer .titleWithSearchBar .selectDate , select:focus{outline: none}
#content .width .videoDetailContainer .sameCategoryOtherVideosListContainer .top .selectDate .month , .year ,
#content .width .categoriesListContainer .titleWithSearchBar .selectDate .month , .year{float:left;margin-left:5px}
#content .width .videoDetailContainer .sameCategoryOtherVideosListContainer .list{float:left;width: 100%}
#content .width .videoDetailContainer .sameCategoryOtherVideosListContainer  .resetRightMargin{margin-right:0px !important}
#content .width .videoDetailContainer .sameCategoryOtherVideosListContainer .box{cursor:pointer;width:228px;text-align: center;float:left;margin-right: 9px; margin-bottom:10px;}
#content .width .videoDetailContainer .sameCategoryOtherVideosListContainer .box .Image{background-color:#000;position:relative}
#content .width .videoDetailContainer .sameCategoryOtherVideosListContainer .box .band{padding:3px;position:absolute;right:0px;bottom:0px;background:rgba(51,51,51,0.7);color:#fff;font-size:12px}
#content .width .videoDetailContainer .sameCategoryOtherVideosListContainer .box .artistTitle{font:bold 14px/14px 'ProximaBold', Arial, Helvetica, sans-serif;color: #333;margin-top:3px;text-align:left;}
#content .width .videoDetailContainer .sameCategoryOtherVideosListContainer .box .date{font-size:12px;text-align: left}
#content .width .videoDetailContainer .sameCategoryOtherVideosListContainer .loader{display: none}
#content .width .videoDetailContainer .sameCategoryOtherVideosListContainer .loader img , 
#content .width .categoriesListContainer .loader img{width:50px;margin-top:30px;}
#content .width .categoriesListContainer .loader{text-align: center;display: none}

#content .width .searchContainer .resetRightMargin{margin-right:0px !important}
#content .width .searchContainer .box{cursor:pointer;width:228px;text-align: center;float:left;margin-right: 9px; margin-bottom:10px;}
#content .width .searchContainer .box .Image{background-color:#000;position:relative}
#content .width .searchContainer .box .band{padding:3px;position:absolute;right:0px;bottom:0px;background:rgba(51,51,51,0.7);color:#fff;font-size:12px}
#content .width .searchContainer .box .artistTitle{font:bold 14px/14px 'ProximaBold', Arial, Helvetica, sans-serif;color: #333;margin-top:3px;text-align:left;}
#content .width .searchContainer .box .date{font-size:12px;text-align: left}
#content .width .searchContainer .box .category{    color: #777777;font-size: 13px;text-align: left}
#content .width .searchContainer .box .category:hover{text-decoration: underline}

#content .width .categoriesListContainer .list{float: left;width: 100%}
#content .width .categoriesListContainer .resetRightMargin{margin-right:0px !important}
#content .width .categoriesListContainer .list .box{cursor:pointer;width:228px;text-align: center;float:left;margin-right: 9px; margin-bottom:10px;}
#content .width .categoriesListContainer .list .box .Image{background-color:#000;position:relative}
#content .width .categoriesListContainer .list .box .band{padding:3px;position:absolute;right:0px;bottom:0px;background:rgba(51,51,51,0.7);color:#fff;font-size:12px}
#content .width .categoriesListContainer .list .box .artistTitle{font:bold 14px/14px 'ProximaBold', Arial, Helvetica, sans-serif;color: #333;margin-top:3px;text-align:left;}
#content .width .categoriesListContainer .list .box .date{font-size:12px;text-align: left}
#content .width .categoriesListContainer .list .box .category{    color: #777777;font-size: 13px;text-align: left}

#page_counter{display: none}
.notYet{margin-top: 30px;color: #31708f;background-color: #d9edf7;border-color: #bce8f1;padding: 15px;border: 1px solid transparent;border-radius: 4px;}

/* #footer */
#footer .up { background:#4b5962; }
#footer .up .width { overflow:hidden; padding:20px 0; }
#footer .up .menu { overflow:hidden; float:left; }
#footer .up .menu .footerRadiosContainer{float:left;}
#footer .up .menu .footerRadiosContainer .footer_radio_title{margin-bottom:10px; font:normal 18px/18px 'ProximaBold', Arial, Helvetica, sans-serif; color:#FFF;}
#footer .up .menu ul { float:left; margin-right:40px; }
#footer .up .menu ul li { font:normal 13px/13px 'ProximaRegular', Arial, Helvetica, sans-serif; color:#FFF; }
#footer .up .menu ul li a { color:#FFF; }
#footer .up .menu ul li a:hover { color:#ccc; }
#footer .up .menu ul li a[alt="powerTurkTV"] { display:none; }

#footer .up .social { float:right; }
#footer .up .social .title { margin-bottom:10px; font:normal 18px/18px 'ProximaBold', Arial, Helvetica, sans-serif; color:#FFF; }
#footer .up .social ul { overflow:hidden; }
#footer .up .social ul li { float:left; background-color:#37464f; background-image:url(../i/sprite.png); background-repeat:no-repeat;
	border-radius:5px; }
#footer .up .social ul li + li { margin-left:5px; }
#footer .up .social ul li a { width:40px; height:40px; }
#footer .up .social ul li.twitter { background-position:-7px -768px; }
#footer .up .social ul li.facebook { background-position:-51px -768px; }
#footer .up .social ul li.youtube { background-position:-97px -768px; }
#footer .up .social ul li.googleplus { background-position:-141px -768px; }
#footer .up .social ul li.pinterest { background-position:-188px -768px; }
#footer .up .social ul li.instagram { background-position:-236px -768px; }
#footer .up .social ul li.twitter:hover { background-color:#00ACEE; }
#footer .up .social ul li.facebook:hover { background-color:#2F4A84; }
#footer .up .social ul li.youtube:hover { background-color:#CC181E; }
#footer .up .social ul li.googleplus:hover { background-color:#D34836; }
#footer .up .social ul li.pinterest:hover { background-color:#CB2027; }
#footer .up .social ul li.instagram:hover { background-color:#935f4a; }

#footer .down { background:#37464f; }
#footer .down .width { position:relative; overflow:hidden; padding:10px 0; }
#footer .logo { float:left; background:url(../i/sprite.png) no-repeat 0 0; width:84px; height:18px; }
#footer .copyright { float:right; color:#FFF; }


/* station */
#content .left { overflow:hidden; float:left; width:640px; min-height:100px; }
#content .left #djsetcategory-detail{ width: auto;float: none;}
#content .left #djsetcategory-detail .topchart{height: inherit;margin-bottom: 15px}
#content .left .station-col { float:left; width:140px; min-height:400px; margin-right:20px; }
#content .left .station-col .station-logo { width:138px; min-height:138px; margin-bottom:20px; border:solid 1px #e1e6e9;
	background:#ffffff;
	background:-moz-linear-gradient(top,  #ffffff 0%, #f0f2f4 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f2f4));
	background:-webkit-linear-gradient(top,  #ffffff 0%,#f0f2f4 100%);
	background:-o-linear-gradient(top,  #ffffff 0%,#f0f2f4 100%);
	background:-ms-linear-gradient(top,  #ffffff 0%,#f0f2f4 100%);
	background:linear-gradient(to bottom,  #ffffff 0%,#f0f2f4 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f2f4',GradientType=0 ); }
#content .left .station-col .station-logo a,
#content .left .station-col .station-logo img { display:block; width:138px; }
#content .left .station-col .station-info { width:120px; min-height:400px; padding:10px;
	background:#e1e6e9;
	background:-moz-linear-gradient(top,  #e1e6e9 0%, #ffffff 99%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e6e9), color-stop(99%,#ffffff));
	background:-webkit-linear-gradient(top,  #e1e6e9 0%,#ffffff 99%);
	background:-o-linear-gradient(top,  #e1e6e9 0%,#ffffff 99%);
	background:-ms-linear-gradient(top,  #e1e6e9 0%,#ffffff 99%);
	background:linear-gradient(to bottom,  #e1e6e9 0%,#ffffff 99%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e6e9', endColorstr='#ffffff',GradientType=0 ); }
#content .left .station-col .station-info .station-podcast { font-size:13px; line-height:16px; }
#content .left .station-col .station-info .title { padding-bottom:5px; font:normal 18px/18px 'ProximaRegular', Arial, Helvetica, sans-serif; }
#content .left .station-col .station-info .data,
#content .left .station-col .station-info .data a { font:normal 12px/14px 'ProximaRegular', Arial, Helvetica, sans-serif; }
#content .left .station-col .station-info .social { overflow:hidden; margin:0 0 10px 0; padding:10px 0; border-bottom:solid 1px #fff; }
#content .left .station-col .station-info .social li { float:left; background-color:#37464f; background-image:url(../i/sprite.png); background-repeat:no-repeat;
	border-radius:5px; }
#content .left .station-col .station-info .social li + li { margin-left:5px; }
#content .left .station-col .station-info .social li a { width:30px; height:30px; }
#content .left .station-col .station-info .social li.twitter { background-color:#00acee; background-position:-12px -772px; }
#content .left .station-col .station-info .social li.facebook { background-color:#2f4a84; background-position:-53px -770px; }
#content .left .station-col .station-info .social li.youtube { background-color:#cc181e; background-position:-97px -768px; }
#content .left .station-col .station-info .social li.googleplus { background-color:#d34836; background-position:-147px -772px; }
#content .left .station-col .station-info .social li.pinterest { background-color:#cb2027; background-position:-188px -768px; }
#content .left .station-col .station-info .social li.instagramLogo {
    background-image:url(../i/instagramLogo.png);
    background-color:transparent; 
}

#content .left .station-content { float:left; width:461px; }
#content .left .station-content .name { font:normal 26px/26px 'ProximaSemiBold', Arial, Helvetica, sans-serif; }
#content .left .station-content .description { margin:10px 0; }
#content .left .station-content .description .artist { font:normal 16px/18px 'ProximaSemiBold', Arial, Helvetica, sans-serif; }
#content .left .station-content .description .album { font:normal 16px/18px 'ProximaRegular', Arial, Helvetica, sans-serif; }
#content .left .station-content .play { background:#008fd5 url(../i/sprite.png) no-repeat -2px -844px; width:150px;
	border-radius:20px; }
#content .left .station-content .play a { display:block; height:21px; padding:9px 0 0 17px; font:normal 16px/16px 'ProximaRegular', Arial, Helvetica, sans-serif; color:#fff; text-align:center; }
#content .left .station-content .play:hover { background-color:#09F; }
#content .left .station-content .tabs > ul { overflow:hidden; margin:25px 0 20px 0; border-bottom:solid 1px #008fd5; }
#content .left .station-content .tabs > ul li { float:left; }
#content .left .station-content .tabs > ul li a { display:block; height:25px; padding:0 15px; font:normal 16px/16px 'ProximaRegular', Arial, Helvetica, sans-serif; color:#a7abad; }
#content .left .station-content .tabs > ul li.ui-tabs-active a { height:23px; color:#000; border-bottom:solid 2px #008fd5; }
#content .left .station-content .tabs > ul li a:hover { color:#00294a; }

#content .left .station-content .song-list { padding-top:10px; border-top:solid 1px #e1e6e9; }
#content .left .station-content .song-list .song { overflow:hidden; position:relative; margin-bottom:10px; padding-bottom:10px; border-bottom:solid 1px #e1e6e9; }
#content .left .station-content .song-list .song .cover { float:left; width:62px; height:62px; }
#content .left .station-content .song-list .song .cover a,
#content .left .station-content .song-list .song .cover img { display:block; width:60px; height:60px; border:solid 1px #e1e6e9; }
#content .left .station-content .song-list .song .info { float:left; width:188px; margin:0 0 0 10px; }
#content .left .station-content .song-list .song .info .name { font:normal 14px/16px 'ProximaRegular', Arial, Helvetica, sans-serif; }
#content .left .station-content .song-list .song .info .artist a { font:normal 14px/16px 'ProximaRegular', Arial, Helvetica, sans-serif; color:#a4a8aa; }
#content .left .station-content .song-list .song .info .artist a:hover { color:#000; }
#content .left .station-content .song-list .song .info .date { margin-top:5px; font:normal 12px/14px 'ProximaRegular', Arial, Helvetica, sans-serif; color:#a4a8aa; }

#content .left .station-content .song-list .song .actions { overflow:hidden; position:absolute; right:0; top:0; }
#content .left .station-content .song-list .song .actions .action { float:left; background-image:url(../i/sprite.png); background-repeat:no-repeat; }
#content .left .station-content .song-list .song .actions .action a { display:block; width: 45px; height:23px; padding-top:40px; text-align:center; font-size:11px; line-height:14px; color:#a4a8aa; }
#content .left .station-content .song-list .song .actions .action a:hover { color:#000; }
#content .left .station-content .song-list .song .actions .action.next { background-position:7px -263px; }
#content .left .station-content .song-list .song .actions .action.next:hover { background-position:7px -951px; }
#content .left .station-content .song-list .song .actions .action.favorite { background-position:-37px -263px; display:none;}
#content .left .station-content .song-list .song .actions .action.favorite:hover { background-position:-37px -951px; }
#content .left .station-content .song-list .song .actions .action.notfavorite { background-position:-261px -263px; }
#content .left .station-content .song-list .song .actions .action.notfavorite:hover { background-position:-261px -951px; }
#content .left .station-content .song-list .song .actions .action.lyrics { background-position:-82px -263px; }
#content .left .station-content .song-list .song .actions .action.lyrics:hover { background-position:-82px -951px; }
#content .left .station-content .song-list .song .actions .action.buy { background-position:-127px -263px; }
#content .left .station-content .song-list .song .actions .action.buy:hover { background-position:-127px -951px; }
#content .left .station-content .song-list .song .actions .action.share { background-position:-172px -263px; }
#content .left .station-content .song-list .song .actions .action.share:hover { background-position:-172px -951px;  }
#content .left .station-content .song-list .song .actions .action.listen { background-position:-217px -263px; }
#content .left .station-content .song-list .song .actions .action.listen:hover { background-position:-217px -951px;  }
#content .left .station-content .song-list .song .actions .action.liked { background-position:8px -1103px; }
#content .left .station-content .song-list .song .actions .action.liked:hover { background-position:-83px -1102px;  }
#content .left .station-content .song-list .song .actions .action.liked:hover a { color:#14d700; }
#content .left .station-content .song-list .song .actions .action.disliked { background-position:8px -1032px; }
#content .left .station-content .song-list .song .actions .action.disliked:hover { background-position:-83px -1031px;  }
#content .left .station-content .song-list .song .actions .action.disliked:hover a { color:#ee3224; }

#content .left .station-content #topchart_list.song-list .song .actions .action.listen { display:none; }
#content .left .station-content #topchart_list.song-list .song .number { float:left; width:28px; height:20px; padding:18px 0 0 12px; font:normal 22px/22px 'ProximaBold', Arial, Helvetica, sans-serif; }
#content .left .station-content #topchart_list.song-list .song .position1 { position:absolute; background:url(../i/sprite.png) no-repeat -580px -469px; left:112px; top:42px; width:20px; height:20px; }
#content .left .station-content #topchart_list.song-list .song .position2 { position:absolute; background:url(../i/sprite.png) no-repeat -538px -469px; left:112px; top:42px; width:20px; height:20px; }
#content .left .station-content #topchart_list.song-list .song .position3 { position:absolute; background:url(../i/sprite.png) no-repeat -559px -469px; left:112px; top:42px; width:20px; height:20px; }
#content .left .station-content #topchart_list.song-list .song .position4 { position:absolute; background:url(../i/sprite.png) no-repeat -517px -469px; left:112px; top:42px; width:20px; height:20px; }

#content .left .station-content .song-list .song.liked .actions .action.liked { background-position:-83px -1102px;  }
#content .left .station-content .song-list .song.liked .actions .action.liked a { color:#14d700; }
#content .left .station-content .song-list .song.disliked .actions .action.disliked { background-position:-83px -1031px;  }
#content .left .station-content .song-list .song.disliked .actions .action.disliked a { color:#ee3224; }

#content .left .station-content .topchart-list { overflow:hidden; margin-right:-16px; }
#content .left .station-content .topchart-list .topchart { float:left; width:137px; height:200px; margin:0 15px 0 0; }
#content .left .station-content .topchart-list .topchart a.topchart-image { display:block; }
#content .left .station-content .topchart-list .topchart a.topchart-image img { display:block; width:135px; height:135px; border:solid 1px #e1e6e9 !important; }
#content .left .station-content .topchart-list .topchart a.topchart-name { display:block; padding:5px 5px 0 0; font:normal 13px/16px 'ProximaSemiBold', Arial, Helvetica, sans-serif; color:#00294a; }
#content .left .station-content .topchart-list .topchart a.topchart-image:hover img { border-color:#00294a !important; }

#content .left .station-content .days { overflow:hidden; }
#content .left .station-content .days > ul { overflow:hidden; padding-bottom:1px; border-bottom:solid 1px #00294a; }
#content .left .station-content .days > ul > li { float:left; background:#a7abad; width:65px; margin-top:3px; }
#content .left .station-content .days > ul > li + li { margin-left:1px; }
#content .left .station-content .days > ul > li a { display:block; padding:2px 0; color:#fff; font-size:12px; line-height:18px; text-align:center; }
#content .left .station-content .days > ul > li:hover { background:#008fd5; }
#content .left .station-content .days > ul > li.ui-state-active { background:#00294a; margin-top:0; padding-top:3px; }

#content .right { float:left; width:300px; }
#content .right .label { display:none; height:20px; font:normal 12px/14px 'ProximaRegular', Arial, Helvetica, sans-serif; color:#a4a8aa; text-align:center; }


.form { position:relative; background:#e5e5e5; width:350px; margin:20px auto 0 auto;
	border-radius:15px; }
.form .title { background:#00294A; padding:15px 0; font:normal 20px/24px 'ProximaSemiBold', Arial, Helvetica, sans-serif; color:#FFF; text-align:center;
	 border-radius:5px 5px 0 0; }
.form form { padding:10px 0 0 0; }
.form .form-line { position:relative; overflow:hidden; padding:10px 15px; }
.form .form-line .form-label { font:normal 14px/24px 'ProximaSemiBold', Arial, Helvetica, sans-serif; color:#00294A; }
.form .form-line .form-label a { color:#0089CC; }
.form .form-line .form-label a:hover { color:#00294a; }
.form .form-line.form-type-password .form-item,
.form .form-line.form-type-textbox .form-item { background:#fff; padding:0 5px; }
.form .form-line .form-item input[type="password"],
.form .form-line .form-item input[type="text"] { display:block; width:100%; margin:0; padding:0; font:normal 16px/36px 'ProximaSemiBold', Arial, Helvetica, sans-serif; border:none; outline:none; }
.form .form-line.form-type-image { display:none; }

.form .form-line.form-type-textbox .form-validation,
.form .form-line.form-type-password .form-validation { position:absolute; background:#C00; right:18px; bottom:8px; padding:5px; font-size:12px; line-height:14px; color:#fff; }

.form .form-line.form-type-link { background:#c8c8c8;
	border-radius:0 0 5px 5px; }
.form .form-line.form-type-link .form-label { text-align:center; }
.form .form-line.form-type-link .form-label a { color:#00294A; font:normal 13px/20px 'ProximaSemiBold', Arial, Helvetica, sans-serif; }

.form .form-line.form-type-checkbox { padding:10px; }
.form .form-line.form-type-checkbox .form-label { margin-left:20px; line-height:16px; }
.form .form-line.form-type-checkbox .form-item { position:absolute; left:10px; top:10px; }
.form .form-line.form-type-checkbox .form-validation { background:#C00; margin-top:5px; padding:5px; font-size:12px; line-height:14px; color:#fff; }

.form .form-line.form-type-submit { padding-bottom:20px; }
.form .form-line.form-type-submit input { display:block; float:right; background:#0089CC; width:200px; margin:0; padding:7px 0; font:normal 16px/19px 'ProximaSemiBold', Arial, Helvetica, sans-serif; color:#FFF; cursor:pointer; border:none; outline:none;
	 border-radius:5px; }
.form .form-line.form-type-submit input:hover { background:#00294a; }
.form .form-line.form-type-fconnect { display:none; padding-bottom:20px; }
.form .form-line.form-type-fconnect .form-label { padding:0 0 5px 0; font-size:12px; line-height:16px; color:#fff; }
.form .form-line.form-type-fconnect input { display:block; background:#2f4a84; margin:0; padding:7px 0; font:normal 16px/19px 'ProximaRegular', Arial, Helvetica, sans-serif; color:#FFF; cursor:pointer; border:none; outline:none;
	 border-radius:5px; }
.form .form-line.form-type-fconnect + .text { padding:0 15px 20px 15px; }
.form .form-line.form-type-fconnect + .text a { color:#0089CC; font-family:'ProximaSemiBold', Arial, Helvetica, sans-serif; }


.shareup { background:#fff; width:440px;
	border-radius:2px; }
.shareup > .title { padding:20px; font:normal 20px/20px 'ProximaSemi', Arial, Helvetica, sans-serif; }
.shareup .services { overflow:hidden; padding:0 20px 20px 20px; }
.shareup .services .service { float:left; margin-bottom:20px;
	border-radius:2px; }
.shareup .services .service a { display:block; width:155px; margin-left:40px; padding:10px 0; color:#FFF; text-align:center; }
.shareup .services .service + .service { margin-left:10px; }
.shareup .services .service.facebook { background:#2F4A84 url(../i/sprite.png) no-repeat -51px -768px; }
.shareup .services .service.facebook a { background:#2F4A84; }
.shareup .services .service.facebook a:hover { background:#1C3261; }
.shareup .services .service.twitter { background:#00ACEE url(../i/sprite.png) no-repeat -7px -768px; }
.shareup .services .service.twitter a { background:#00ACEE; }
.shareup .services .service.twitter a:hover { background-color:#0092CA; }
.shareup .services .service.url { float:none; background:#CFCECE; width:360px; margin:0; padding:20px; font:normal 12px/14px 'ProximaBold', Arial, Helvetica, sans-serif; clear:both; 
	box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.2);
	border-radius:5px; }
.shareup .services .service.url input { display:block; background:#FFF; width:350px; margin:5px 0 0 0; padding:5px; font:normal 16px/18px 'ProximaRegular', Arial, Helvetica, sans-serif; border:none; }

.modal { transition:opacity 0.5s ease; }
.modal.passive { overflow:hidden; height:0 !important;
	opacity:0; }
.modal.active { position:fixed; left:0; top:0; width:100%; height:100%; z-index:1001;
	opacity:1; }
.modal.active .curtain { position:fixed; background:#000; background:rgba(0,0,0,0.7); left:0; top:0; width:100%; height:100%; z-index:1005; }
.modal.active .form { position:fixed; left:50%; top:50%; margin:-221px 0 0 -200px; z-index:1006; }
.modal.active .shareup { position:fixed; left:50%; top:50%; margin:-221px 0 0 -220px; z-index:1006; }
.modal.active .lightbox { position:fixed; overflow:hidden; left:50%; top:50%; margin:-201px 0 0 -350px; z-index:1006; 
	border-radius:10px; }

#tab3 .form .title { display:none; }

.notifications-modal { position:fixed; left:50%; top:-120px; width:300px; margin-left:170px; z-index:1003;
	transition:top 0.5s ease; }
.notifications-modal.active { top:110px; }
.notifications-modal .notifications { display:none; position:relative; background:#000; background:rgba(0,0,0,0.8);
	box-shadow:0 0 30px rgba(0,0,0,0.5); 
	border-radius:5px; }
.notifications-modal .notifications + .notifications { margin-top:10px; }
.notifications-modal .notifications .notification { padding:6px 20px 6px 10px; font:normal 14px/16px 'ProximaRegular', Arial, Helvetica, sans-serif; color:#fff; }
.notifications-modal .notifications .notification + .notification { padding:0 20px 6px 10px; }
.notifications-modal .notifications .notifications-close { display:block; position:absolute; background:#000; right:5px; top:5px; width:18px; height:18px; text-align:center; color:#fff; font-size:12px; line-height:17px;
	border-radius:5px; }
.notifications-modal .notifications.green { background:#090; }
.notifications-modal .notifications.green .notification { color:#FFF; }
.notifications-modal .notifications.green .notifications-close { background:#0C0; color:#FFF; }
.notifications-modal .notifications.red { background:#C00; }
.notifications-modal .notifications.red .notification { color:#FFF; }
.notifications-modal .notifications.red .notifications-close { background:#900; color:#FFF; }
.notifications-modal .notifications.yellow { background:#FC3; }
.notifications-modal .notifications.yellow .notification { color:#600; }
.notifications-modal .notifications.yellow .notifications-close { background:#FF3; color:#600; }

.makeMeScrollable { overflow:hidden; width:940px;}



	

/* responsive */
.width { position:relative; width:940px; margin:0 auto; }
#bakbi {display:none;}
#powerLogo{z-index:1002;position:relative;margin-top:17px;margin-left:8px;}
@media screen and (max-width: 479px) {
    
    /* videocast ortak */
    #content .width .searchContainer .titleWithSearchBar .title ,
    #content .width .videoDetailContainer .titleWithSearchBar .title , 
    #content .width .allCategoriesListContainer .titleWithSearchBar .title{width: 100%}
    #content .width .searchContainer .titleWithSearchBar .search ,
    #content .width .videoDetailContainer .titleWithSearchBar .search ,
    #content .width .allCategoriesListContainer .titleWithSearchBar .search{width: 100%;}
    #content .width .searchContainer .titleWithSearchBar .search button
    #content .width .videoDetailContainer .titleWithSearchBar .search button ,
    #content .width .allCategoriesListContainer .titleWithSearchBar .search button{top:15px}
    #content .width .searchContainer .titleWithSearchBar .search input[name="search"] ,
    #content .width .videoDetailContainer .titleWithSearchBar .search input[name="search"] ,
    #content .width .allCategoriesListContainer .titleWithSearchBar .search input[name="search"]{width:100%;margin-top:15px;}
    #content .width .searchContainer .titleWithSearchBar .search button , 
    #content .width .videoDetailContainer .titleWithSearchBar .search button ,
    #content .width .allCategoriesListContainer .titleWithSearchBar .search button{top:15px}
    
    /*videocast search detail*/
    #content .width .searchContainer .categoriesList .categoryBox img{width:140px}
    
    /* videodetail */
    #content .width .videoDetailContainer #powerappVideoPlayer{height:169px !important;width:100% !important}
    #content .width .videoDetailContainer .relatedVideos{padding-left:0px !important;margin-top:15px}
    #content .width .videoDetailContainer .videoInfo .leftSide .categoryImage{display:none !important}
    #content .width .videoDetailContainer .sameCategoryOtherVideosListContainer .top .selectDate{margin-bottom: 15px;width: 100%;background-color: #f1f1f1;padding: 10px;}
    #content .width .videoDetailContainer .sameCategoryOtherVideosListContainer .top .selectDate .month ,
    #content .width .videoDetailContainer .sameCategoryOtherVideosListContainer .top .selectDate .year{float: none !important;margin:0px !important}
    #content .width .videoDetailContainer .sameCategoryOtherVideosListContainer .top .selectDate select{width:100px}
    
    /* kategori detay */
    #content .width .categoriesListContainer .titleWithSearchBar .selectDate{background-color: #f1f1f1; padding:5px;margin-top:15px;width:100%;text-align: center}
    #content .width .categoriesListContainer .titleWithSearchBar .selectDate .month ,
    #content .width .categoriesListContainer .titleWithSearchBar .selectDate .year{float:none}
    #content .width .categoriesListContainer .titleWithSearchBar .selectDate select{width:100px}
    
    /* kategori */
    #content .width .allCategoriesListContainer .categoryBox img{width:140px}
    
    #radios .width .videocast .videocastList .video{margin-left:0px;margin-bottom: 20px;}
    #radios .width .videocast .videocastList .video:last-child{margin-bottom: 0px;}

    .volume{display: none;}
    #radios .width .stations .title { display:none; }
    #content .toplists,
    #content .apps,
    .screen,
    .up { display:none; }
    #bakbi {display: block;}
    .width { width:300px; }
    .controls { float:right !important; width:180px !important; }
    #powerLogo{margin-left:15px;}

    #player {  }
    #player .down .width { width:100%; height:auto !important; }
    #player .down .selector { float:left; background:none; padding:5px 0; border:none; }
    #player .down .selector a { width:84px; height:17px; margin:0 auto; }
    #player .down .selector a span { left:0; top:0; }
    #player .down .selector a span.bgpatch { display:none; }
    #player .down .selector:hover { background:none; }
    #player .up .logo a{ }
    #content .width { padding:0; min-height:0; }

    #footer  { display:none; }
    #footer .logo { float:none; }
    #footer .copyright { float:none; margin-top:10px; }
    #radios .width .stations .station { margin-bottom:10px; }
    #content .left { float:none; }
}

/*ia*/
.page_title { font:bold 26px/26px ProximaSemiBold, Arial, Helvetica, sans-serif; color:#00294A; }
.page_content { padding-top:10px; }
#adsSkipTextContainer { cursor:pointer;text-decoration: underline; display:none;z-index: 999; position:absolute; top:38px; left:110px; font-size:11px; line-height:11px; color:#a4a8aa; }


.jp-no-solution{text-align: center;padding:5px;font-size:.9em;background-color:#3a2a45;border-top:2px solid #554461;border-left:2px solid #554461;border-right:2px solid #180a1f;border-bottom:2px solid #180a1f;color:#FFF;display:none;}
.jp-no-solution a{color:#FFF}
.jp-no-solution span{font-size:1em;display:block;text-align:center;font-weight:700}