/*
= IMPORTING STUFF AND SETTING DEFAULT STYLES
-------------------------------------------------------------------------------------- */
@import url("reset.css");

/*
= FONT EMBEDING
-------------------------------------------------------------------------------------- */
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?lihom8');
	src:url('../fonts/icomoon.eot?#iefixlihom8') format('embedded-opentype'),
		url('../fonts/icomoon.woff?lihom8') format('woff'),
		url('../fonts/icomoon.ttf?lihom8') format('truetype'),
		url('../fonts/icomoon.svg?lihom8#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
        }

/* Icon moon */
[class^="icon-"], [class*=" icon-"], .button-play {font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.icon-user:before {content: "\e61d";}
.icon-facebook:before {content: "\e61c";}
.icon-forward:before {content: "\e60c";}
.icon-home:before {content: "\e61a";}
.icon-pencil:before {content: "\e619";}
.icon-music:before {content: "\e603";}
.icon-location:before {content: "\e602";}
.icon-bubbles:before {content: "\e606";}
.icon-users:before {content: "\e607";}
.icon-search:before {content: "\e605";}
.icon-cog:before {content: "\e60a";}
.icon-list:before {content: "\e61b";}
.icon-menu:before {content: "\e615";}
.icon-star2:before {content: "\e609";}
.icon-star:before {content: "\e600";}
.icon-heart:before {content: "\e604";}
.icon-thumbs-up:before {content: "\e608";}
.icon-info:before {content: "\e616";}
.icon-play:before {content: "\e601";}
.icon-loop:before {content: "\e60b";}
.icon-newtab:before {content: "\e618";}
.icon-clock:before {content: "\e617";}
.icon-checkmark:before {content: "\e611";}
.icon-cross:before {content: "\e612";}
.icon-plus:before {content: "\e614";}
.icon-question:before {content: "\e60d";}
.icon-arrow-left:before {content: "\e610";}
.icon-arrow-down:before {content: "\e60e";}
.icon-arrow-up:before {content: "\e613";}
.button-play:before,
.icon-arrow-right:before {content: "\e60f";}
.icon-arrow-down2:before {content: "\e61e";}

/*
= COMMON
-------------------------------------------------------------------------------------- */
html,
body {height:100%;}
body {background:#fff;}
body.bodyclass-nowplaying {background:#222;}
body.bodyclass-forms,
body.bodyclass-privacy,
body.bodyclass-help,
body.bodyclass-new-station,
body.bodyclass-profile {background:#f5f5f5;}

body,
input,
textarea,
.now-playing-list li a h4,
.now-playing-list li a p,
header nav ul li a,
a.icon-facebook span {font-family:Arial, Helvetica, sans-serif;}
label {pointer-events: none;}

ins {background: transparent; text-decoration: none;}

*:focus {
    outline: 0;
}

.outer {
	position:relative;
	min-height:100%;
	padding:0 0 100px;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
        overflow: hidden;
	}
.bodyclass-landing .outer {padding-top: 65px;}
.wrapper {width:980px; margin:0 auto; z-index: 1000;}

a {color: #65a1dd; text-decoration: none;}
a:hover {text-decoration: underline;}

h1,
h2,
.widget h3,
p.info {
	margin-bottom:20px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-weight:300; line-height:30px;
	}
p.info {font-size: 14px;color: #666}

h1,
h2 {font-weight:300; font-size:24px;}
h1 a,
h2 a,
h3 a {text-decoration: none;color:#65a1dd;}
h1 a:hover,
h2 a:hover,
h3 a:hover {color: #444;text-decoration: none;}
h1 span {}
h1 span.normal,
h1 span.separator  {color: #bbb;}

body.bodyclass-nowplaying h1 {color:#fff;}
.centered h1{margin-bottom: 5px;padding-top:40px;text-align:center;font-weight:300;font-size: 24px;}
.centered h2{margin-bottom: 40px;text-align:center;}

.error {color: #fa0000;}
.notice {color: #009900;}

.stickyOuter {padding-top: 65px;}
.stickyHeader {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        border-top: 0;
        }

.red {color: #fa0000;}

.flash-fos_user_success {
        padding: 10px 0;
        color: #009900;
        }

/*
= HEADER
-------------------------------------------------------------------------------------- */
#top {
        background-color: #f5f5f5;
        padding: 5px 0 2px;
        z-index: 3000;
        color: #ccc;
        overflow: hidden;
        min-height: 16px;
        text-align: center;
        min-width: 980px;
        }
        #top.closed {margin-top: -26px;}
        #top .center {color: #f5f5f5; font-size: 13px; margin: 0 auto; position: relative; top: 3px;}
        #top ul.right {
                margin: 3px 20px 3px 3px;
                list-style-type:none;
                color: #666;
                text-align: left;
                width: 350px;
                }
                #top ul.right li {
                        float:right;
                        margin-left:8px;
                        }
                        #top ul.right li a {text-decoration:none; color: #65a1dd; padding:3px 0;}
                        #top ul.right li a:hover {text-decoration:none; color: #333}
                        #top ul.right li.settings a:hover {text-decoration: none;}
                        #top ul.right li.settings .icon-arrow-down {
                                position: relative;
                                top: 3px; color: #666;
                                }
                        #top ul.right li.settings a:hover .icon-arrow-down,
                        #top ul.right li.settings a:hover .icon-arrow-up {color: #333;}
                        #top ul.right li.settings ul {
                                display: none;
                                position: absolute;
                                top: 32px;
                                right: 0;
                                list-style-type: none;
                                border: 1px solid #ccc;
                                background: rgba(255, 255, 255, 0.9);
                                border-radius: 3px;
                                -webkit-border-radius: 3px;
                                -moz-border-radius: 3px;
                                margin: 0 10px 0 0;
                                width: 160px;
                                z-index: 3000;
                                }
                                #top ul.right li.settings ul li {
                                        margin: 0;
                                        width: 100%;
                                        display: block;
                                        }
                                #top ul.right li.settings ul li:last-child {
                                        border-bottom: none;
                                        }
                                        #top ul.right li.settings ul li a {
                                                color: #65a1dd;
                                                display: block;
                                                overflow: hidden;
                                                padding: 8px 12px;
                                                text-decoration: none;
                                                }
                                                #top ul.right li.settings a img {
                                                        position:absolute; margin-left: -25px; top:7px;
                                                        }
                                                #top.closed ul.right li.settings a img {top: -21px;}
                                                #top ul.right li.settings a .icon-user {
                                                        position:absolute; margin-left: -22px; top:6px;
                                                        line-height: 18px; font-size: 16px;color: #ccc;
                                                        }
                                                #top.closed ul.right li.settings a .icon-user {top: -21px;}
                                        #top ul.right li.settings ul li:hover {
                                                background: #65a1dd;
                                                }
                                        #top ul.right li.settings ul li a:hover {
                                                color: #fff;
                                                }

.header-options {float: left; margin-left: 10px; z-index: 3000; text-align: left; width: 350px;}
	.header-options .dropdown {
		float:left;
		margin-right:20px;
		}
		.header-options .dropdown .selected {
			display:block;
			height:25px;
			padding:0 10px;
			font-size:12px; color:#65a1dd;
			cursor:pointer;
			}
		.header-options .dropdown.country .selected {text-transform:uppercase; padding-left:25px; background-position:5px 2px; background-repeat:no-repeat;}
		.header-options .dropdown.country .selected:hover {color: #333;}
		.header-options .dropdown .selected .dropdown-icon {
			position:relative; top:3px;
			color:#666; font-size:16px;
			}
                .header-options .dropdown .selected:hover .dropdown-icon {color: #333;}
		.header-options .dropdown ul {
			position:absolute; top:32px; display:none;
			width:auto; margin:0;
			list-style:none; background:rgba(255, 255, 255, 0.9); border: #ccc 1px solid;
                        padding: 0; z-index: 3000;
			border-radius: 3px;
                        -webkit-border-radius: 3px;
                        -moz-border-radius: 3px;
			}
			.header-options .dropdown ul li {
				font-size:12px;
				}
                        .header-options .dropdown.country ul li {text-transform:uppercase;}
				.header-options .dropdown ul li a {
					display:block;
					padding:6px 10px;
					color:#666; text-decoration:none;
					background-position:12px 6px; background-repeat:no-repeat;
					}
				.header-options .dropdown ul li a:hover {background-color:#65a1dd;color: #fff;}
				.header-options .dropdown.country ul li a {padding:8px 20px 8px 35px;}

		.header-options .dropdown.country .selected.rs,
		.header-options .dropdown ul li.rs a {background-image:url(../images/flag-rs.png); background-size: 16px 16px;}
		.header-options .dropdown.country .selected.cr,
		.header-options .dropdown ul li.cr a {background-image:url(../images/flag-cr.png); background-size: 16px 16px;}
		.header-options .dropdown.country .selected.sl,
		.header-options .dropdown ul li.sl a {background-image:url(../images/flag-sl.png); background-size: 16px 16px;}
		.header-options .dropdown.country .selected.bh,
		.header-options .dropdown ul li.bh a {background-image:url(../images/flag-bh.png); background-size: 16px 16px;}
		.header-options .dropdown.country .selected.mk,
		.header-options .dropdown ul li.mk a {background-image:url(../images/flag-mk.png); background-size: 16px 16px;}
		.header-options .dropdown.country .selected.cg,
		.header-options .dropdown ul li.cg a {background-image:url(../images/flag-cg.png); background-size: 16px 16px;}


header {
        z-index:2000;
	padding:18px 0;
	background:#fff;
    border-bottom:#eee solid 1px
	}
        .bodyclass-landing header {padding: 15px 0; top: 0;position: fixed; top: 0; left: 0; width: 100%;}
        header .wrapper {position: relative;}
        header .new-year {background-image:url(../images/kapa-2015.png); display: block; width: 63px; height: 70px; position: absolute; top: -10px; left: -18px;}
        header .top-header {
                margin: 0 auto;
                padding: 0 15px;
                font-size: 32px;
                border: 1px solid #ccc;
                border-radius: 2px;
                color: #ccc;
                width: 35px;
                height: 18px;
                position: absolute;
                left: -49px;
                right: 0;
                top: -26px;
                background: #fff;
                cursor: pointer;
                }
                header .top-header:before {position: relative; left: 2px; top: -7px;}
                header .top-header.icon-arrow-down {top: -24px;}
	header .logo {
		float:left;
		width:120px; height:54px;
		text-indent:-9999px;
		background:url(../images/logo.png) 0 0 no-repeat;
		}
                .bodyclass-landing header .logo {
                        display:block;
                        float:none; margin: 0 auto;
                        width:160px; height:72px;
                        background:url(../images/logo-landing.png) 0 0 no-repeat;
                        }

	header .search {
		float:right; position:relative;
		margin-top:6px;
		}
		header .search input[type=text] {
			width:130px; height:35px;
			padding:0 20px 0 40px;
			font-size:14px; color:#999;
			background:#f5f5f5;
			border:0; border-radius:20px;
			border: 1px solid #eee;
			}
                header .search input:hover{
                        border: 1px solid #ddd;
			}
                header .search input:focus{
			background:#f1f1f1;
			}
		header .search .icon-search,
                header .search .icon-arrow-down {
			position:absolute; left:0; top:0;
			width:33px; height:100%;
			line-height:36px; text-align:center; color:#999;
			}
                header .search .icon-arrow-down {
                        width: auto;
                        left: 20px;
                        cursor: pointer;
                        font-size: 18px;
                        }
                header .search .icon-arrow-down:hover {color: #999;}
			header .search .icon-search > input {
				position:absolute; left:0; top:0;
				width:100%; height:100%;
				text-indent:-9999px;
				background:none;
				border:0;
				}

                header .filters {
                        border: 1px solid #ddd;
                        border-radius: 2px;
                        margin-left: 678px;
                        padding-bottom: 10px;
                        position: absolute;
                        top: 42px;
                        width: 300px;
                        z-index: 9999;
                        background: #fff;
                        display: none;
                        }
                        header .filters > div {
                                padding: 0 10px;
                                }
                        header .filters label,
                        header .filters input,
                        header .filters select {width: 100%; margin-bottom: 10px;}
                        header .filters label {display: block; color: #999;}
                        header .filters input,
                        header .filters select {
                                background: none repeat scroll 0 0 #f5f5f5;
                                border: 1px solid #eee;
                                border-radius: 5px;
                                height: 30px;
                                padding-left: 5px;
                                }
                        header .filters input {
                                background: none repeat scroll 0 0 #65a1dd;
                                border: none;
                                font-weight: bold;
                                color: #fff;
                                padding: 10px 0;
                                height: auto;
                                margin-top: 10px;
                                -webkit-appearance: none;
                                }
                        header .filters input:hover {opacity: 0.7;}
                        header .filters select.selected {width: 85%;}
                        header .filters .remove-filter {margin-left: 7px; cursor: pointer; font-size: 18px; color: #999;}

		.search-autocomplete {
			position:absolute; top:32px; right:0; z-index:1000; display:none;
			width:300px;border:#ddd solid 1px; border-radius: 2px;
			}
                        .search-autocomplete h3,
                        header .filters h3 {
                                background: #eee;
                                color: #999;
                                font-size: 12px;
                                font-weight: 400;
                                line-height: 29px;
                                margin: 0;
                                padding: 0 10px;
                                }
                        header .filters h3 {margin-bottom: 10px;}
			.search-autocomplete .radio-list {border-radius: 0; margin: 0;}
				.search-autocomplete .radio-list.list-view li {margin-bottom:0; background:#f5f5f5; border:0; border-bottom:#ddd solid 1px; border-radius: 0;padding: 10px}
				.search-autocomplete .radio-list.list-view li:last-child {border-bottom:0;}
                                .search-autocomplete .radio-list.list-view li a {text-decoration: none;}
				.search-autocomplete .radio-list.list-view figure img {width:70px; height:auto;}
				.search-autocomplete .radio-list.list-view li h4 {padding-top:7px; font-size:13px; padding-right:30px;}
				.search-autocomplete .radio-list li h5 {font-size:12px; line-height:18px; padding-right:30px; color:#333;}
                                .search-autocomplete .radio-list.list-view li.selected,
                                .search-autocomplete .radio-list.list-view li:hover {background:#65a1dd;cursor: pointer;}
                                .search-autocomplete .radio-list.list-view li.selected h4,
                                .search-autocomplete .radio-list.list-view li.selected h5,
                                .search-autocomplete .radio-list.list-view li:hover h5,
                                .search-autocomplete .radio-list.list-view li.selected h4 a,
                                .search-autocomplete .radio-list.list-view li.selected h5 a,
                                .search-autocomplete .radio-list.list-view li:hover h4,
                                .search-autocomplete .radio-list.list-view li:hover h5,
                                .search-autocomplete .radio-list.list-view li:hover h4 a,
                                .search-autocomplete .radio-list.list-view li:hover h5 a {color:#fff;}
                                .search-autocomplete .radio-list.list-view li:hover figure img {opacity: 1;filter: alpha(opacity=100);}


	header nav {
		position:relative; left:15%; top:5px;
		}
		header nav ul li {
			float:left; position:relative;
			width:80px;top: -5px;
			font-size:26px; text-align:center;
			}
		header nav ul li.icon-play {font-size:34px;}
		header nav ul li.icon-list {font-size:22px;}
		header nav ul li:before {
			position:absolute; left:0; top:0; z-index:1;
			width:100%;
			text-align:center; color:#999; line-height:40px;
			}
                        header nav ul li.active:before,
			header nav ul li.active:hover:before {color:#65a1dd;}
			header nav ul li:hover:before {color:#666;}
			header nav ul li a {
				display:block; position:relative; z-index:2;
				padding-top:38px;
				color:#999; text-decoration:none; font-size:12px;
				}
                                header nav ul li.active a,
                                header nav ul li.active a:hover {color:#65a1dd;text-decoration: none;}
				header nav ul li a:hover {color:#666;text-decoration: none;}

/*
= CONTENT
-------------------------------------------------------------------------------------- */
.ad-box-full {margin-bottom: 20px;}
.ad-box-full.bottom {margin-bottom: 0;}
.ad-box-bottom {padding-top: 0px;}
.main .ad-box, .mobile-ad-box{display: none; margin-bottom: 20px;}
.ad-box img,
.bodyclass-stations .mobile-ad-box img{display:block;}

section {padding:25px 0;}
	.main {float:left; width:640px;}
	aside {float:right; width:300px; padding-top:60px;}
        .bodyclass-home .main {
            width: 980px;
        }
        .bodyclass-home aside {
            display: none;
        }


.radio-list {list-style:none; margin:0 0 20px; border-top: 1px solid #eee;}
	.radio-list li {
		padding:20px 10px;
		background:#fff;
		box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
		}
        .radio-list li:hover {cursor: pointer;}
        .radio-list li .promotion,
        .radio-list li .new {
                color: #fff;
                font-size: 10px;
                font-weight: normal;
                padding: 1px 5px;
                margin-left: 5px;
                position: relative;
                top: -3px;
                z-index: 1;
                border-radius: 2px;
                }
        .radio-list li .promotion {background-color: #F88017;}
        .radio-list li .new {background-color: #4CC417;}
                        .radio-list li p .icon-thumbs-up,
                        .radio-list li p .icon-bubbles {margin-left: 10px;}
                        .radio-list li:hover figure img {opacity: 0.4;filter: alpha(opacity=40);}

	/* Thumb view list */
	.radio-list.thumb-view li {
		float:left;
		width:200px; min-height:250px;
		margin:10px 60px 10px 0;
                cursor: pointer;
		}
	.radio-list.thumb-view li:nth-child(4n) {margin-right:0;}
		.radio-list.thumb-view figure {margin-bottom:12px;}
                .radio-list.thumb-view .button-play {display: none;}

	/* List view list */
	.radio-list.list-view li {
		overflow:hidden; position:relative;
                border-bottom: 1px solid #eee;
		}
        .radio-list.list-view li:hover {
                cursor: pointer;
		}
        .radio-list.list-view li.native-ad:hover {
                cursor: default;
		}
	.radio-list.list-view li:nth-child(3n) {margin-right:0;}
        .radio-list li.native-ad {
            padding: 0;
        }
		.radio-list.list-view figure {margin-right:20px; float:left;}
			.radio-list.list-view figure img {width:135px; height:auto;}

		.radio-list li figure {text-align:center;position:relative;}
			.radio-list li figure img {display:block;}
		.radio-list li h4 {font-size:16px; color:#333; margin-bottom: 2px;}
		.radio-list.list-view li h4 {padding-top:5px;}
			.radio-list li h4 a {text-decoration:none; color:#333;}
		.radio-list li h5,
		.radio-list li h6,
		.radio-list li p {
			font-size:13px; color:#ddd; font-weight:normal; line-height:20px;
			}
			.radio-list li h5 a {text-decoration:none; color:#333;}
			.radio-list li h6 a {text-decoration:none; color:#65a1dd;}
			.radio-list li p a {text-decoration:none; color:#999;}

			.radio-list li a:hover {text-decoration:underline;}


	.button-play {
		position:absolute; top:50%; right:20px;
		width:78px; height:78px;
		margin-top:-39px;
		text-indent:-99999px;
		background:url(../images/button-play.png) 0 0 no-repeat;
		}
		.button-play:hover {background-position:0 -100px;}
                .button-play.inactive {cursor: default;opacity: 0.4;filter: alpha(opacity=40);}
                .button-play.inactive:hover {background-position: 0 0;}
        .button-play.big {
		width:100px; height:100px;
		margin-top:-50px;
		background:url(../images/button-play-big.png) 0 0 no-repeat;
		}
		.button-play.big:hover {background-position:0 -128px;}
                .button-play.big.inactive {cursor: default;opacity: 0.4;filter: alpha(opacity=40);}
                .button-play.big.inactive:hover {background-position: 0 0;}

	.map-outer {
		position:absolute; left:0; top:123px;
		height:100%; width:100%;
		padding:0 0 98px;
		background:#ccc;
		box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
		}
        .map-outer.up {top: 97px;}
                .map-outer .marker-window {
                        line-height:1.35;
                        overflow:hidden;
                        white-space:nowrap;
                        }
                        .map-outer .marker-window a {color: #333;text-decoration: none;margin-bottom: 2px;}
                        .map-outer .marker-window a.location {font-size: 14px; font-weight: bold;}
                        .map-outer .marker-window a:hover {text-decoration: underline;}

        .add-fav,
        .no-search-results {
		display:block; position:relative;
		margin-bottom:20px; padding:50px 0 20px;
		text-decoration:none; color:#666;
		background:#e0e0e0;
		}
                .bodyclass-nowplaying .no-search-results {background:#2e2e2e; color: #dedede;}
        .no-search-results {padding:35px 0 35px;}
		.add-fav:hover {color:#333; background:#dbdbdb;}
		.add-fav .icon-plus {
			position:absolute; left:50%; top:20px;
			width:24px; height:24px;
			margin-left:-12px;
			line-height:24px; font-size:20px; color:#e0e0e0; text-align:center;
			background:#adadad;
			border-radius:50%;
			}
			.add-fav:hover .icon-plus {background:#666;}
		.add-fav p,
                .no-search-results p {
			font-size:15px; text-align:center;
			}

	.station-single-top {
		position:relative;
		padding:15px; margin-bottom:15px;
		background:#222;
                border-radius:5px;
		}
		.station-single-top .thumb {float:left; margin-right:10px;}
		.station-single-top hgroup {padding:40px 130px 0 0; text-align:center;}
			.station-single-top h3 {margin-bottom:3px; font-size:14px; color:#fff; font-weight:normal;}
			.station-single-top p {color:#ccc; font-size:13px;}

        .prev-radio-profile:before {margin-left: 40px;}
        .next-radio-profile:before {margin-right: 40px;}
        .prev-radio-profile,
        .next-radio-profile {
                position: fixed;
                top: 40%;
                font-size: 56px;
                font-weight: bold;
                text-decoration: none;
                color: #ccc;
                border-radius: 100px;
                text-align: center;
                padding: 40px 20px;
                }
        .prev-radio-profile {
                left: -60px;
                }
        .next-radio-profile {
                right: -60px;
                }
        .prev-radio-profile:hover,
        .next-radio-profile:hover {
                background: #e2e2e2;
                text-decoration: none;
                }

	.station-stats {
		margin:0 0 15px;
		list-style:none;
		}
		.station-stats li {
			width:49%;
			}
			.station-stats li a {
				display:block;
				padding:12px;
				font-size:14px; color:#666; line-height:30px; text-decoration:none;
				background:#f5f5f5; border-radius: 2px;
				}
				.station-stats li a:hover {background:#eee;}
                                .station-stats li a.remove-from-favorites:hover {background:#f5f5f5;}
                                .station-stats li a.remove-from-favorites {cursor: default;}
                                        .station-stats li a.remove-from-favorites span:first-child {cursor: pointer;}
                                        .station-stats li a span.icon-star,
                                        .station-stats li a span.icon-thumbs-up,
                                        .station-stats li a span.icon-bubbles {
                                                float:left;
                                                margin-right:10px;
                                                font-size:26px; line-height:30px; color:#ccc;
                                                }
                                        .station-stats li a.add-to-favorites span.icon-star,
                                        .station-stats li a.remove-from-favorites span.icon-star,
                                        .station-stats li a.fb-share:hover span.icon-thumbs-up,
                                        .station-stats li a.facebook-comments:hover span.icon-bubbles {
                                            color: #65a1dd;
                                        }
                                        .station-stats li a span.icon-star.grey {color:#ccc;}
				.station-stats li a .stats {
					float:right; position:relative;
					font-size:12px; line-height:20px;
					padding:3px 10px; margin-top: 3px;
					background:#f5f5f5;
                                        color:#999;
					}
                                .player .station-stats {margin-bottom:0; border-bottom:#ddd solid 1px;}
                                .player .station-stats li {
                                        float:left;
                                        width:33.333%;
                                        border-right:#ddd solid 1px;
                                        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
                                        }
                                        .player .station-stats li a {height:30px; padding:10px; text-align: center;border:0;}
                                                .player .station-stats li a span.icon-star,
                                                .player .station-stats li a span.icon-thumbs-up,
                                                .player .station-stats li a span.icon-bubbles {font-size:25px; float: none;}
                                                .player .station-stats li a .stats {padding: 5px 5px; top: -6px; float: none;}
                                                .station-stats li a .stats:before {
                                                        content:"";
                                                        position:absolute; left:-6px; top:0;
                                                        width:6px; height:100%;
                                                        background:url(../images/stats-arrow.png) 0 50% no-repeat;
                                                        }

	.station-comments,
        .content {
		padding:15px;
		background:#fff;
                border-radius: 2px;
                }
	.station-comments {
		background:#f5f5f5;
                }
        .content {
		padding:20px;
		}
		.station-comments h3 {
			margin-bottom:20px;
			font-size:14px; color:#666; line-height:30px; font-weight:normal;
			}
			.station-comments h3 span {
				float:left;
				margin-right:12px;
				font-size:22px; line-height:30px; color:#ccc;
				}

        .dialog {display: none;text-align: center;}
        .dialog#dialog-fb-comments {overflow-x: hidden;}
                .dialog h3,
                .dialog h4 {
			font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
                        font-size: 28px;
                        font-weight: 100;
                        margin-bottom: 5px;
                        text-align: center;
                        }
                .dialog p.info {line-height: 22px;}
                .dialog a {outline: none;}
                .dialog h4 {
                        margin-bottom: 40px;
                        font-size: 18px;
                        }
                .dialog .icon-star,
                .dialog .icon-star2 {
                        font-size: 88px;
                        color: #65a1dd;
                        }
                .dialog .icon-star.removed {
                        color: #ddd;
                        }
                .dialog p {
                        margin: 15px;
                        text-align: center;
                        }
                .dialog p.info {margin-bottom: 30px;}
                .dialog .widget-list {float: left; margin-left: 10px; text-align: left;}
                .dialog .widget-list:first-child {margin-left: 0;}
                .dialog .widget-list li.title {
                        font-size:18px;
                        font-weight:100;
                        line-height:30px;
                        background-color:#fff;
                        border:none;
                        padding-top: 30px;
                        }
                .dialog .widget-list li.title.no-padding {padding-top: 0;}
                        .dialog .widget-list li a {padding: 2px 12px; width: 125px;}

        .radio-list.list-view li.pagination,
        .now-playing-list li.now-playing-paging {overflow: hidden; border-bottom: none; padding: 0;}
                .radio-list.list-view li.pagination a,
                .now-playing-list li.now-playing-paging a {display: block; width: 100%; text-align: center; padding: 20px 0;}
                .radio-list.list-view li.pagination a:hover,
                .now-playing-list li.now-playing-paging a:hover {text-decoration: none; background: #f1f1f1;}
                .now-playing-list li.now-playing-paging a:hover {background: #2e2e2e;}

        .radio-list.list-view li.pagination-full {overflow: hidden; border-bottom: none;cursor: default;padding-left: 0; padding-right: 0;}
                .radio-list.list-view li.pagination-full a,
                .radio-list.list-view li.pagination-full span.current {
                        text-decoration: none;
                        margin-left: 3px;
                        margin-right: 3px;
                        color: #65a1dd;
                        font-size: 14px;
                        padding: 8px 11px;
                        background: none repeat scroll 0 0 #fff;
                        float: left;
                        border-radius: 2px;
                        position: relative;
                        }
                .radio-list.list-view li.pagination-full a:hover{
                        background: none repeat scroll 0 0 #65a1dd;
                        color: #fff;
                        }
                .radio-list.list-view li.pagination-full span.current {
                        background: none repeat scroll 0 0 #eee;
                        color: #666;
                        }
                .radio-list.list-view li.pagination-full a.previous {
                        padding-left: 25px;
                        }
                .radio-list.list-view li.pagination-full a.next {
                        padding-right: 25px;
                        }
                        .radio-list.list-view li.pagination-full a .icon-arrow-left,
                        .radio-list.list-view li.pagination-full a .icon-arrow-right {
                                font-size: 22px;
                                position: absolute;
                                top: 6px;
                                }
                        .radio-list.list-view li.pagination-full a .icon-arrow-left {
                                left: 5px;
                                }
                        .radio-list.list-view li.pagination-full a .icon-arrow-right {
                                right: 5px;
                                }

        .track-tooltip:before{
                content: "";
                display: block;
                width: 0;
                border: 6px solid rgba(25, 25, 25, 0.92);
                border-color: rgba(25, 25, 25, 0.92) transparent transparent transparent;
                position: absolute;
                left: 50%;
                top: 100%;
                margin-left: -6px;
                margin-top: -1px;
                }
        .track-tooltip {
                position: absolute;
                text-align: center;
                display: none;
                width: 175px;
                min-height: 32px;
                text-align: center;
                margin-top: 10px;
                margin-left: 485px;
                background-color: rgba(25, 25, 25, 0.92);
                border: 1px solid rgba(255, 255, 255, 0.25);
                border-radius: 3px 3px 3px 3px;
                box-shadow: 0 0 3px #555;
                color: #fff;
                font-size: 13px;
                padding: 4px 8px;
                text-shadow: 0 0 2px #000;
                z-index: 9999;
                }
                .track-tooltip .listeners {
                        color: #ccc;
                        }

        .loader {
                display:none; position:absolute; right:4px; top:50%;
                width:24px; height:24px;
                margin-top:-12px;
                background:url(../images/ajax-loader.gif) no-repeat;
                }
                .track-tooltip .loader {
                        display:block; position:absolute; left:83px; top:50%;
                        width:24px; height:24px;
                        background:url(../images/ajax-loader-black.gif) no-repeat;
                        }
                .pagination .loader {right: 40%;}


	/* Aside
	------------------------ */
	.widget {margin-bottom:25px;}
        .widget.ad-box.bottom {margin-top:50px;}
	.widget.ad-box img {display:block;}
        .widget .fb-like-box {background: #fff;}

	.now-playing-list {margin: 0 0 20px; list-style:none;}
	.main .now-playing-list {border-top:#444 solid 1px;}
        aside .ad-box.fixed {
            position: fixed;
            top: 20px;
        }
        aside .ad-box.fixed-bottom {
           position: absolute;
        }
	aside .now-playing-list {background:#222;}
		.now-playing-list li {border-bottom:#444 solid 1px;}
		aside .now-playing-list li:last-child {border-bottom:0;}
			.now-playing-list li a {
				display:block; position:relative;
				padding:9px 40px 9px 12px;
				text-decoration:none;
				}
				.now-playing-list li a:hover {background-color:#65a1dd;}
				.now-playing-list li a:before {
					position:absolute; top:50%; right:0;
					width:40px; height:40px;
					margin-top:-20px;
					font-size:40px; color:#ccc; line-height:40px;
					}
					.now-playing-list li a:hover:before {color:#fff;}
				.main .now-playing-list li a {overflow:hidden;}
				.now-playing-list li img {float:left; width:80px; height:auto; margin-right:20px;}
				.now-playing-list li a h4 {
					overflow:hidden;
					font-size:12px; line-height:16px; color:#fff; text-overflow:ellipsis; white-space:nowrap;
					}
				.main .now-playing-list li a h4 {font-size:14px; line-height:20px; padding-top:8px;}
				.now-playing-list li a p {font-size:12px; line-height:15px; color:#ccc;}
				.main .now-playing-list li a p {font-size:13px; line-height:16px; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto;}
                                .now-playing-list li a:hover p {color:#fff;}


	.widget-list {margin:0; list-style:none; background-color:#e0e0e0;}
	.widget-list.blue {background-color:#e1ecf4;}
		.widget-list li {
			border-bottom:#f5f5f5 solid 1px;
			font-size:14px;
			}
			.widget-list li a {
				display:block;
				padding:9px 12px;
				color:#7f7f7f; text-decoration:none;
				}
			.widget-list.blue li a {color:#5a91d1;}
				.widget-list li a:hover {background-color:#ddd;}
				.widget-list.blue li a:hover {background-color:#dae7f0;}


	.toolbar-list {margin:0; list-style:none;}
		.toolbar-list li {
			position:relative;
                        margin-bottom: 1px;
			font-size:14px;
			}
                .toolbar-list .settings {display: none;}
			.toolbar-list a.title,
                        .toolbar-list .settings a,
                        .bodyclass-profile .toolbar-list .back a {
				display:block; position:relative;
				padding:15px 40px 12px 40px;
				color:#666; text-decoration:none;
				background:#e0e0e0;
				}
                        .bodyclass-profile .toolbar-list .back a {background: #fff; color: #65a1dd;}
                        .toolbar-list a.title {cursor: default;}
                        .toolbar-list .settings a {padding: 15px 10px 12px;}
                                .toolbar-list .settings a:hover {color:#333; background:#dbdbdb;}
                                .bodyclass-profile .toolbar-list .back a:hover {text-decoration: underline;}
				.toolbar-list a.title span,
                                .toolbar-list a.title img {
					position:absolute; left:10px; top:50%;
					margin-top:-10px;
					font-size:20px; line-height:20px; color:#bab8b0;
					}
			.toolbar-list .icon-cog {
				position:absolute; top:50%; right:10px;
				margin-top:-8px;
				font-size:16px; color:#bab8b0; text-decoration:none; line-height:16px;
                                cursor: pointer;
				}
				.toolbar-list .icon-cog:hover,
                                .toolbar-list .icon-cog.active {color:#666;}

		.widget .radio-list li {padding:15px;}
			.widget .radio-list.list-view figure img {width:90px; height:auto;}
			.widget .radio-list.list-view li h4 {padding-top:5px; font-size:14px; padding-right:30px;}
			.widget .radio-list li h5,
			.widget .radio-list li h6,
			.widget .radio-list li p {font-size:12px; line-height:18px; padding-right:30px;}
			.widget .radio-list .icon-arrow-right,
			.search-autocomplete .radio-list .icon-arrow-right {
				position:absolute; top:50%; right:0;
				height:50px;
				margin-top:-25px;
				text-align:center; font-size:50px; color:#ddd; text-decoration:none; line-height:50px;
				}
				.widget .radio-list .icon-arrow-right:hover,
				.search-autocomplete .radio-list {color:#ccc;}

                .white.widget,
		.blue.widget{padding: 25px 20px; font-size: 14px; line-height: 23px; background: #fff;position: relative;}
			.blue.widget{background: #e1ebf5;}
                        .white.widget .loader-widget,
                        .blue.widget .loader-widget {
                                background: url("../images/ajax-loader.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
                                display: none;
                                height: 24px;
                                margin-top: -12px;
                                position: absolute;
                                bottom: 31px;
                                left: 115px;
                                width: 24px;
                                }
			.white.widget p, .blue.widget p{margin-bottom: 7px;}
			.white.widget a, .blue.widget a{color: #65a1dd; text-decoration: none;}
				.white.widget a:hover, .blue.widget a:hover{text-decoration: underline;}

				.widget fieldset{}
					.widget fieldset textarea{
						resize: none;
						width: 100%; height: 87px;
						margin-bottom: 9px; padding: 10px;
						background: #ffffff;
						border: 1px solid #eee;
						-moz-box-sizing:border-box;
						-webkit-box-sizing:border-box;
						box-sizing:border-box;
						}
                                        .widget fieldset textarea:hover{
						border: 1px solid #ddd;
						}
                                        .widget fieldset textarea:focus{
						background: #f9f9f9;
						}
					.widget fieldset label {display: block; font-size: 12px; margin:0; color: #ccc;}
					.widget fieldset input[type="submit"]{
						padding: 10px 20px;
						font-size: 13px;
						background: #f5f5f5;
						border: 1px solid #eee;
                                                border-radius: 3px;
                                                -webkit-appearance: none;
						}
                                        .widget fieldset input[type="submit"]:hover{
						background: #f1f1f1;
                                                border: 1px solid #ddd;
						}
					.widget fieldset .my-eaddress{margin-bottom: 20px;}

                        .white.widget .admin {
                                text-align: left;
                                overflow: hidden;
                                }
                                .white.widget .admin h4 {
                                        margin-bottom: 5px;
                                        letter-spacing: 1px;
                                        font-weight: 200;
                                        border-bottom: 1px solid #e2e2e2;
                                        padding-bottom: 6px;
                                        margin-bottom: 8px;
                                        }
                                .white.widget .admin .icon-info {
                                        color: #999;
                                        cursor: pointer;
                                        }
                                .white.widget .admin ul {
                                        list-style-type: none;
                                        margin: 0;
                                        }
                                        .white.widget .admin ul li {
                                                overflow: hidden;
                                                padding: 10px 5px;
                                                }
                                                .white.widget .admin ul li p {
                                                        word-break: break-all;
                                                        position: relative;
                                                        }
                                                       .white.widget .admin ul li p .icon-pencil {
                                                                position: absolute;
                                                                top: 0;
                                                                right: 0;
                                                                color: #548ed5;
                                                                cursor: pointer;
                                                                }
                                .white.widget .admin .statisticLeft {
                                        float: left;
                                        }
                                .white.widget .admin .statisticRight {
                                        float: right;
                                        border-left: 1px solid #e2e2e2;
                                        width: 48%;
                                        padding-left: 8px;
                                        }
                                .white.widget .admin .count {
                                        font-size: 18px;
                                        font-weight: bold;
                                        }
                                .white.widget .admin .up {
                                        font-size: 11px;
                                        color: #009933;
                                        }
                                .white.widget .admin .down {
                                        font-size: 11px;
                                        color: #fa0000;
                                        }

                .ui-dialog-buttonpane .ajax-loader {
                    width:24px; height:24px;
                    background:url(../images/ajax-loader.gif) no-repeat;
                    position: absolute;
                    left: 154px;
                    bottom: 31px;
                }


		/* Landing page ******
			*******************************/
			.landing{}
				.country-list{margin: 0;}
					.country-list li{
						list-style:none;
						display:inline-block; vertical-align: top;
						width: 135px;
						margin: 0 13px 26px;
						}
						.country-list li a{
							display:block;
							height: 137px;
							padding: 95px 15px 0;
							font-size:12px; color:#404040; text-decoration: none; text-transform: uppercase; line-height: 16px;
							background-color: #f5f5f5; background-position: 50% 20px; background-repeat: no-repeat;
							-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;
                                                        border-radius: 2px;
							}
							.country-list li.serbia a{background-image: url(../images/serbia-flag.png);}
							.country-list li.bosnia a{background-image: url(../images/bosnia-flag.png);}
							.country-list li.croatia a{background-image: url(../images/croatia-flag.png);}
							.country-list li.slovenia a{background-image: url(../images/slovenia-flag.png);}
							.country-list li.montenegro a{background-image: url(../images/montenegro-flag.png);}
							.country-list li.macedonia a{background-image: url(../images/macedonia-flag.png);}
								.country-list li a:hover{text-decoration: none; color: #fff; background-color: #65a1dd;}

		/* Centered wrapper (landing, login, register) ******
			*******************************/
			.centered {max-width: 500px; margin:20px auto 40px;text-align:center;}
				.centered a, .dialog a{display:block; color: #65a1dd; line-height: 25px; text-decoration: none;}
					.centered a:hover, .dialog a:hover {text-decoration: underline;}
				.centered p{margin-bottom: 30px;}
				.button,
				.centered a.button,
                                .dialog a.button,
				.centered input[type=submit],
                                .main input[type=submit],
                                .main button[type=submit],
                                .ui-dialog input[type=submit],
				a.icon-facebook{
					display:inline-block;
					min-width: 250px;
					margin-bottom: 30px; padding: 20px;
					color: #ffffff; text-align: center; font-size: 14px; line-height: normal;
					background: #65a1dd;
					border:none; border-radius: 4px;
					-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing: border-box;
                                        -webkit-appearance: none;
					}
					.button:hover,
					.centered a.button:hover,
                                        .dialog a.button:hover,
					.centered input[type=submit]:hover,
                                        .main input[type=submit]:hover,
                                        .main button[type=submit]:hover,
					a.icon-facebook:hover {text-decoration: none; opacity:0.7;}
						a.icon-facebook{position: relative; padding-left: 55px; background: #39519b;}
							a.icon-facebook:before{position:absolute; top: 16px; left: 16px; font-size: 22px; color: #fff;}

				.centered fieldset,
                                .main fieldset {width: 250px; margin: 0 auto;}
						.centered fieldset.login{display:none;}
					.centered fieldset div,
                                        .main fieldset > div {margin-bottom: 7px;}
                                        .main fieldset > div {margin: 15px 0 15px 0;}
					.centered fieldset label,
                                        .main fieldset label {display: block; margin-bottom: 3px; text-align:left; font-size: 13px; color: #666;}
					.centered fieldset input,
                                        .main fieldset input,
                                        .ui-dialog fieldset input,
                                        .main fieldset select {
						width: 100%;                            
						padding: 8px;
						background: #ffffff;
						border: 1px solid #e7e7e7;
						-moz-box-sizing:border-box; box-sizing:border-box;
						}
                                        .main fieldset select {height: 30px;}
						.centered fieldset input[type=submit],
                                                .main fieldset input[type=submit] {margin-top: 13px;  -webkit-appearance: none;}
                                                .centered fieldset input[type=checkbox],
                                                .main fieldset input[type=checkbox] {float: left; width: 12px; margin-right: 5px;}
                                                .centered fieldset input:invalid,
                                                .main fieldset input:invalid,
                                                .centered fieldset textarea:invalid,
                                                .main fieldset textarea:invalid {
                                                        box-shadow: none;
                                                        }

                                .centered .error,
                                .main .error {
                                        color: #fa0000;
                                        font-size: 14px;
                                        padding: 10px 0;
                                        }
                                        .centered .error ul,
                                        .main .error ul {margin: 0; list-style: none;}

                                .main fieldset {width: 520px; margin: 0;}
                                        .main fieldset a {color: #65a1dd;text-decoration: none;}
                                        .main fieldset a:hover {text-decoration: underline;}
                                        .main fieldset label {width: 140px; float: left;padding-top: 9px;}
                                        .main .fos_user_change_password fieldset label {clear: both;}
                                        .main .fos_user_change_password fieldset div {overflow: hidden; margin-bottom: 10px;}
                                        .main fieldset input,
                                        .main fieldset select {width: 220px; float: left;}
                                        .main .fos_user_profile_edit fieldset input {display: none;}
                                        .main .fos_user_change_password fieldset input[type=submit] {margin: 0 0 0 140px; min-width: 220px; -webkit-appearance: none;}
                                        .main .fos_user_profile_edit fieldset .data {float: left;padding-top: 9px;}
                                        .main fieldset .edit,
                                        .main fieldset .edit-password {float: right;padding-top: 9px;}
                                        .main .fos_user_change_password fieldset .cancel {margin-left: 230px;}
                                        .main .fos_user_profile_edit fieldset .links {padding-top: 9px; float: right; display: none;}
                                                .main .fos_user_profile_edit fieldset .links .cancel {margin-left: 10px;}

                                        .main .new-station-form input[type="file"] {border: none;}
                                        .main .content input[type="checkbox"] {position: relative; top: -2px;}
                                        .main .addNewStationSend:disabled {cursor: default; opacity:0.7;}
                                        .main input[type=submit].addNewStationSend {min-width: 180px; padding: 15px;}
                                        .main .new-station-form button[type="submit"] {min-width: 220px;}
                                        .main .new-station-form h3 {margin-top: 30px;}
                                        .main .new-station-form button[type="submit"],
                                        .main .new-station-form .addGenre,
                                        .main .new-station-form .genre2,
                                        .main .new-station-form .genre3 {
                                            margin-left: 140px;
                                        }
                                        .main .new-station-form .icon-info {
                                                position: relative;
                                                top: 10px;
                                                left: 15px;
                                                }
                                        .main .new-station-form .icon-info:hover {text-decoration: none;}


		/* Help page ******
			*******************************/
			.content{}
				.content h3{
					margin-bottom: 8px;padding-bottom: 12px;
					font-size: 14px; font-weight: normal; color:#595959;
					border-bottom: 2px solid #f9f9f9;
				}
				.accordion{margin: 0 0 30px;}
					.accordion li{
						list-style:none;
						margin-bottom: 3px; padding-right:30px;
						font-size:13px; line-height: 23px;
						}
                                                .accordion li ol li {list-style: decimal;}
                                                .accordion li ul li {list-style: disc;}
						.accordion h4{
							margin:0; font-size:14px;
							color:#65a1dd; font-weight: normal;
							cursor: pointer;
						}
                                                .accordion h4:hover{
							text-decoration: underline;
						}
						.accordion article {display: none; padding:0 0 7px 10px; color: #000000;}

                /* Privacy policy page ****
			*******************************/
                        .content p {margin-bottom: 20px;}
                        .content a {color: #65a1dd;text-decoration: none;}
                        .content a:hover {text-decoration: underline;}

                /* Profile settings page ****
			*******************************/
                        .bodyclass-profile .main form {padding: 15px; background: #fff;}

/*
= FOOTER
-------------------------------------------------------------------------------------- */
footer {
	position:absolute; left:0; bottom:0; z-index:100;
	width:100%; background: #f5f5f5;
	}

	footer p {float: left; font-size:12px; line-height:25px; color:#999; margin-right: 10px;}
		footer p a {
			margin-right:10px;
			color:#999; text-decoration:none;
			}

	footer h4 {
		float:left;
		font-size:12px; line-height:25px; font-weight:normal;
		}
		footer h4 a {color:#65a1dd; text-decoration:none;}
			footer h4 a span {
				font-size: 13px; color:rgba(128, 128, 128, 0.5); margin-right:5px;
				}

	.footer-options {padding:20px 0;}
        .footer-options h4 a.help:hover {text-decoration: none;}
	.footer-options .dropdown {
		float:left; position:relative;
		margin-right:20px;
		}
		.footer-options .dropdown .selected {
			display:block;
			height:25px; width:100px;
			padding:0 10px;
			font-size:11px; color:#666; line-height:25px;
			background:#f5f5f5;
                        border:#eee solid 1px;
                        border-radius: 3px;
			cursor:pointer;
			box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
			}
                .footer-options .dropdown .selected:hover {border:#ddd solid 1px;}
		.footer-options .dropdown.lang .selected {text-transform:uppercase; width:200px; padding-left:25px; background-position:7px 50%; background-repeat:no-repeat;}


		.footer-options .dropdown .selected .dropdown-icon {
			position:absolute; top:5px; right:5px;
			color:#ddd; font-size:16px;
			}
		.footer-options .dropdown .selected .dropdown-icon:hover {
			color:#141414;
			}
		.footer-options .dropdown ul {
			position:absolute; left:0; bottom:25px; display:none;
			width:100%;
			margin:0;
			list-style:none;
			background:#f5f5f5;
                        border:#ddd solid 1px;
			}
			.footer-options .dropdown ul li {
				font-size:11px;
				}
                        .footer-options .dropdown.lang ul li {text-transform:uppercase;}
				.footer-options .dropdown ul li a {
					display:block;
					padding:6px 10px;
					color:#666; text-decoration:none;
					background-position:7px 50%; background-repeat:no-repeat;
					}
				.footer-options .dropdown ul li a:hover {background-color:#5691d4;color: #fff;}
				.footer-options .dropdown.lang ul li a {padding:6px 10px 6px 25px;}

		.footer-options .dropdown.lang .selected.rs,
		.footer-options .dropdown ul li.rs a {background-image:url(../images/flag-rs.png);}
		.footer-options .dropdown.lang .selected.cr,
		.footer-options .dropdown ul li.cr a {background-image:url(../images/flag-cr.png);}
		.footer-options .dropdown.lang .selected.sl,
		.footer-options .dropdown ul li.sl a {background-image:url(../images/flag-sl.png);}
		.footer-options .dropdown.lang .selected.bh,
		.footer-options .dropdown ul li.bh a {background-image:url(../images/flag-bh.png);}
		.footer-options .dropdown.lang .selected.mk,
		.footer-options .dropdown ul li.mk a {background-image:url(../images/flag-mk.png);}
		.footer-options .dropdown.lang .selected.cg,
		.footer-options .dropdown ul li.cg a {background-image:url(../images/flag-cg.png);}

                .bodyclass-landing footer .dropdown.lang{display:none;}

/*
= PLAYER
-------------------------------------------------------------------------------------- */
.no-overflow {overflow:hidden;}
.player {width:336px; height:655px; overflow:hidden;margin: 0 auto;}
	.player header {position:relative; overflow:hidden; width:auto; padding:5px;}
		.player header .logo {
                        float: none;
                        display: block;
			width:80px; height:36px;
			background:url(../images/logo-small.png) 0 50% no-repeat;
                        margin: 0 auto;
			}
	.player-content {
		padding:5px 10px 15px 10px;
		text-align:center;
		background:#222;
                position: relative;
		}
                .player-content figure {width: 180px; margin: 0 auto;}
		.player-content img {height: auto;width:auto; display:block; margin:0 auto 10px;}
                .player-content figure:hover img {opacity: 0.8;filter: alpha(opacity=80);}
		.player-content h2 {
			margin-bottom:-3px;
			color:#fff; font-size:16px; font-weight:700;
			}
		.player-content h3 {
			margin-bottom:8px;
			color:#fff; font-size:13px; font-weight:400;
			}
			.player-content h2 a {color:#fff; text-decoration:none;}
			.player-content h3 a {color:#ddd; text-decoration:none;}
                .player-content .previous,
                .player-content .next {
                        position: absolute;
                        top: 6px;
                        font-size: 28px;
                        font-weight: bold;
                        text-decoration: none;
                        color: #999;
                        z-index: 2;
                        padding: 6px;
                        border-radius:25px;
                        text-align: center;
                        border: 1px solid rgba(255, 255, 255, 0);
                        }
               .player-content .previous {
                        top: 85px;
                        left: 3px;
                        }
                .player-content .next {
                        top: 85px;
                        right: 3px;
                        }
                .player-content .previous:hover,
                .player-content .next:hover {
                        background: rgba(255, 255, 255, 0.1);
                        color: #fff;
                        }

        .player #my-video {margin:0; position: relative; left:-8px;}
                .player #my-video .downloadLink {display: block; height: 23px; width: 300px; margin-left: -50px; text-align: center;}
                .player #my-video iframe {margin-left: -115px;}
                .player #my-video.loader {
                        background: url("../images/ajax-loader-black.gif") no-repeat scroll 50% 50% transparent;
                        width: 200px;
                        height: 30px;
                        display: block;
                        }
                .player #my-video.player-backgr {
                        background: url("../images/player.gif") no-repeat scroll -17px -30px transparent;
                        margin-left: 4px;
                        width: 195px;
                        }
                .player #my-video audio {width: 200px; margin-left: -118px;}
                .player #my-video #my-player {margin-left: -117px;}
                .player #my-video object {margin-left: -110px;}
		.player .stream {text-align:center; position:relative;}
                        .player .track {margin-bottom: 4px;}
			.player .stream h4 {font-size:13px; font-weight:normal; color:#fff;margin-bottom: 2px;}
			.player .stream p {font-size:13px; color:#ccc;}
			.player .stream .refresh,
			.player .stream .info {
				position:absolute; bottom:45px;
				color:#ccc; font-size:13px; text-decoration:none;
                                border: 1px solid rgba(255, 255, 255, 0);
                                border-radius: 25px; padding: 10px;
				}
                        .player .stream .refresh:hover,
			.player .stream .info:hover {background: rgba(255, 255, 255, 0.1);}
			.player .stream .refresh {left:0;}
			.player .stream .info {right:0;}
                                             
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]  {width: 100% !important;}

@media screen and (max-width: 1128px) {
        .prev-next-btn {position: relative; width: 980px; height: 48px; margin: 0 auto;}
                .prev-next-btn .prev-radio-profile,
                .prev-next-btn .next-radio-profile {top:0; padding: 0; position: absolute;}
                .prev-next-btn .prev-radio-profile:before {margin-left: 0;}
                .prev-next-btn .next-radio-profile:before {margin-right: 0;}
                .prev-next-btn .prev-radio-profile {left: 15px;}
                .prev-next-btn .next-radio-profile {right: 15px;}
}

/*
= Print
-------------------------------------------------------------------------------------- */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; }
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}
