/*
* {
	margin: 0;
	padding: 0;
}
*/
html {
	height: 100%;
	z-index: 0;
/*    overflow-y: scroll;*/
}
body {
	margin: 0px;
    background-attachment: fixed;
    background-color: #F1F2F5;
	background-image: url("../img/bg_main.png");
    background-position: center top;
    background-repeat: repeat, no-repeat;
    background-size: auto auto, cover;
    color: #555555;
    font-family: tahoma,arial,lucida grande,helvetica,sans-serif;
    font-size: 12px;
    height: 100%;
    line-height: 16px;
    overflow-y: scroll;
    position: relative;
}
p {
    display: block;
    margin-bottom: 10px;
    margin-top: 1px;
}
ul li {
    list-style: none outside none;
}
h2 {
	padding:10px 0;
}
.clear {
	clear:both;
}
img {
border: 0;
}
label {
cursor: pointer;
}
a {
color: #39587C;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
input[type="text"], input[type="password"], textarea {
border: 1px solid #d4d4d4;
font: 11px tahoma, arial, lucida grande, helvetica, sans-serif;
line-height: normal;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: #ececec 0px 1px 2px inset;
-moz-box-shadow: #ececec 0px 1px 2px inset;
box-shadow: #ececec 0px 1px 2px inset;
padding: 4px;
}

select {
    font-family: "tahoma","Lucida Grande","Helvetica","sans-serif";
    font-size: 11px;
    padding: 3px 5px;
	margin-right:5px;
}
option {
    padding-left: 5px;
}

::-webkit-input-placeholder {
color: #939393;
}
:-moz-placeholder {
color: #939393;
}

button {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#BBBBBB), to(#888888));
	background: -webkit-linear-gradient(#BBBBBB, #888888);
	background: -moz-linear-gradient(#BBBBBB, #888888);
	background: -ms-linear-gradient(#BBBBBB, #888888);
	background: -o-linear-gradient(#BBBBBB, #888888);
	background: linear-gradient(#BBBBBB, #888888);
	background-color: #BBBBBB;
	-pie-background: linear-gradient(#BBBBBB, #888888);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #DDDDDD 0px 1px 0px inset;
	-moz-box-shadow: #DDDDDD 0px 1px 0px inset;
	box-shadow: #DDDDDD 0px 1px 0px inset;
	color: #ffffff;
	cursor: pointer;
	font: bold 11px tahoma, arial, lucida grande, helvetica, sans-serif;
	line-height: 14px;
	margin-bottom:-1px;
	outline-style: none;
	padding: 4px 15px;
	text-shadow: 0 1px 1px #777777;
	border:1px solid #777777;
}
button::-moz-focus-inner {
    border: 0;
    margin: 0;
    padding: 0!important;
}
button:focus {
    outline: 0;
}
button:hover {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#bbbbbb), to(#777777));
	background: -webkit-linear-gradient(#bbbbbb, #777777);
	background: -moz-linear-gradient(#bbbbbb, #777777);
	background: -ms-linear-gradient(#bbbbbb, #777777);
	background: -o-linear-gradient(#bbbbbb, #777777);
	background: linear-gradient(#bbbbbb, #777777);
	-pie-background: linear-gradient(#bbbbbb, #777777);
	background-color: #888888;
	cursor: pointer;
	outline: 0;
}
button:active {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#aaaaaa), to(#656565));
	background: -webkit-linear-gradient(#aaaaaa, #656565);
	background: -moz-linear-gradient(#aaaaaa, #656565);
	background: -ms-linear-gradient(#aaaaaa, #656565);
	background: -o-linear-gradient(#aaaaaa, #656565);
	background: linear-gradient(#aaaaaa, #656565);
	-pie-background: linear-gradient(#aaaaaa, #656565);
	background-color: #656565;
	cursor: pointer;
	outline: 0;
}
button.disabled, button.disabled:hover, button.disabled:active, button.disabled:focus {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eeeeee), to(#dddddd));
	background: -webkit-linear-gradient(#eeeeee, #dddddd);
	background: -moz-linear-gradient(#eeeeee, #dddddd);
	background: -ms-linear-gradient(#eeeeee, #dddddd);
	background: -o-linear-gradient(#eeeeee, #dddddd);
	background: linear-gradient(#eeeeee, #dddddd);
	background-color: #eeeeee;
	-pie-background: linear-gradient(#eeeeee, #dddddd);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #ffffff 0px 1px 0px inset;
	-moz-box-shadow: #ffffff 0px 1px 0px inset;
	box-shadow: #ffffff 0px 1px 0px inset;
	color: #39587C;
	cursor: pointer;
	font: bold 11px tahoma, arial, lucida grande, helvetica, sans-serif;
	line-height: 14px;
	margin-bottom:-1px;
	outline-style: none;
	padding: 5px 15px;
	text-shadow: 0 1px 1px #eeeeee;
	border:1px solid #cccccc !important;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
.right {
    float: right;
}
.inline-block {
    display: inline-block;
}
#topbar {
    height: 42px;
    left: 0;
    /*line-height: 35px;*/
    position: fixed;
    /*position: relative;*/
    width: 100%;
    z-index: 7000;
    /*text-align: center;*/
}

#topbar .mode { /*width*/
    left: 0;
    position: absolute;
    top: 0;
    width: 947px;
    border: 0px solid #0f0;
}

#topbar .mode .loading {
    left: 170px;
    position: absolute;
    top: 12px;
	opacity:0.7;
}
#topbar #contentContainer {
	/*position: absolute;*/
	margin: 0 auto;
    background: url("../img/top_bg.png") repeat-x scroll 0 2px #CCCCCC;
    border: 1px solid #898989;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 0 3px #999999, 0 0 2px #FFFFFF inset;
    height: 40px;
    margin-top: -3px;
    padding-top: 2px;
    width: 950px;
}
#topbar .sideicon {
    height: 36px;
    width: 50px;
}
#topbar .sideicon.right {
float: right;
position: relative;
}
#topbar .sideicon .loading {
    float: left;
    height: 36px;
    width: 50px;
}
#topbar .sideicon .loading .img {
    background-repeat: no-repeat;
    height: 23px;
    margin: 0 0 0 20px;
    width: 23px;
    opacity:0.7;
}
#contentContainer {
margin: 0 auto;
}
#topbar .logo {
    float: left;
    width: 191px;
}
.logo .img {
    background: url("../img/logo.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 28px;
    margin-left: 14px;
    margin-top: 11px;
    width: 87px;
	opacity:0.6;
}
.logo .img:active {
	margin-top: 13px;
}

.player .profileImg {
    background: url("../img/top_sep.png") no-repeat scroll 0 8px transparent;
	padding-left:15px;
	height:40px;
}
.player .profileImg  a {
	display:block;
	height: 39px;
}
.player .profileImg i img {
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 2px #333333;
    float: left;
    height: 32px;
    margin: 4px 0 0;
    width: 32px;
}

.player .profileImg span {
    background: url("../img/iconsSpr.png") repeat scroll -5px -171px transparent;
    display: block;
    float: left;
    height: 6px;
    margin: 17px 10px 0;
    width: 9px;
}

.player .control_icon .play, .player .control_icon .pause {
    height: 34px;
    margin: 3px 0 0 1px;
    position: absolute;
    width: 34px;
}
.player .control_icon .play .img {
    background: url("../img/playerBu.png") no-repeat scroll -36px -2px transparent;
    height: 34px;
    width: 33px;
}
.player .control_icon .play .img:hover {
    background: url("../img/playerBu.png") no-repeat scroll -36px -37px transparent;;
}
.player .control_icon .play .img:active {
    background: url("../img/playerBu.png") no-repeat scroll -36px -72px transparent;
}
.player .control_icon .pause .img {
    background: url("../img/playerBu.png") no-repeat scroll -1px -2px transparent;
    height: 34px;
    width: 34px;
}
.player .control_icon .pause .img:hover {
    background: url("../img/playerBu.png") no-repeat scroll -1px -37px transparent;
}
.player .control_icon .pause .img:active {
    background: url("../img/playerBu.png") no-repeat scroll -1px -72px transparent;
}
.player .next .img {
	background: url("../img/playerBu.png") no-repeat scroll -102px -3px transparent;
    height: 30px;
    margin-top: 5px;
    width: 30px;
}
.player .prev {
    background: url("../img/top_sep.png") no-repeat scroll 0 8px transparent;
    margin-left: 8px;
    margin-right: 0;
    padding-left: 15px;
    width: 31px;
}
.player .next {
	margin-left: 2px;
    margin-right: 13px;
    width: 30px;
}
.player .control_icon {
	width:27px;
	margin-right:6px;
}
.player .prev .img {
	background: url("../img/playerBu.png") no-repeat scroll -70px -3px transparent;
    height: 30px;
    margin-top: 5px;
    width: 30px;
}
.player .icon {
	cursor: pointer;
	float: left;
	height: 40px;
}
.player .prev .img:hover {
    background: url("../img/playerBu.png") no-repeat scroll -70px -38px transparent;
}
.player .prev .img:active {
    background: url("../img/playerBu.png") no-repeat scroll -70px -73px transparent;
}
.player .next .img:hover {
    background: url("../img/playerBu.png") no-repeat scroll -102px -38px transparent;
}
.player .next .img:active {
    background: url("../img/playerBu.png") no-repeat scroll -102px -73px transparent;
}

#topbar .player {
	color: #f4f4f4;
}

#topbar .player .playerInfo {
	background: url("../img/top_sep.png") no-repeat scroll 0 8px transparent;
	padding: 3px 10px 0 15px;
	height: 37px;
	float:left;
	width: 370px;
}

#topbar .player .player_progress_bar {
	margin: 7px 5px 0;
	width: 295px; /* 355 */
}

#topbar .player .title {
	display: block;
    color: #555555;
    font-size: 11px;
    line-height: 13px;
    overflow: hidden;
    text-shadow: 0 1px 1px #EEEEEE;
    white-space: nowrap;
    width: 377px;
}
#topbar .player .title a:link, #topbar .player .title a:visited {
	color:#555555;
    text-decoration: none;
}
#topbar .player .title a:hover, #topbar .player .title a:active {
    text-decoration: underline;
}
#topbar .player .time {
    line-height: 13px;
    margin-top: -2px;
    text-shadow: 0 1px 1px #333333;
	font-size:11px;
}
#topbar .player .time1 {
    text-shadow: 0 1px 1px #333333;
	font-size:11px;
	float: left;
	line-height: 20px;
}#topbar .player .time2 {
    text-shadow: 0 1px 1px #333333;
	font-size:11px;
	float: right;
	line-height: 20px;
}


.volume {
    background: url("../img/top_sep.png") no-repeat scroll 0 8px transparent;
    height: 26px;
    padding: 16px 15px 0;
}
.volume .volIcon {
    float: left;
    margin: -1px 3px 0 0;
}
.volume .volIcon a {
	background:url("../img/iconsSpr.png") repeat scroll -4px -179px transparent;
	width:13px;
	height:11px;
	display:block;
}

.volume .disabled a{
	background:url("../img/iconsSpr.png") repeat scroll -18px -179px transparent;
	width:13px;
	height:11px;
	display:block;
}

#upPage {
	position:fixed;
	bottom:0;
}
#upPage a {
	display: block;
	width: 20px;
	height: 20000px;
	left: 0px;
	top: 0px;
	padding: 0px;
	opacity: 0.2;
	background: #000000;
	color: #fff;
	border-right: 1px solid #ffffff;
}
#upPage a:hover {
	opacity: 0.3;
}
#content {/*width*/
    height: 100%;
    line-height: 16px;
    margin: 0 auto;
    min-height: 100%;
    width: 954px;
}
#content .content-general {
	border: 0 none currentcolor;
	height: 100%;
	min-height: 100%;
	width: 100%;
}
#content .sidebar {
	float: left;
	height: 100%;
	min-height: 100%;
	width: 220px;
}
#content .sidebar .fixed {
    background: rgba(255, 255, 255, 0.3);
    border-left: 1px solid #D8D8D8;
    box-shadow: -1px 0 2px #E1E1E1 inset, 0 0 3px #DADADA;
    height: 100%;
    padding: 51px 10px 0;
    position: fixed;
    width: 181px;
}
.scrollpadding {
	padding-right: 0;
}
#content #cnt {/*width*/
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    height: 100%;
    margin-left: 202px;
    min-height: 100%;
    width: 750px;
}

#content .content_top, #content .content_main {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #DADADA;
    border-right: 1px solid #DADADA;
    box-shadow: 0 3px 3px #E1E1E1;
}
#content .content_top {/*width*/
    width: 732px;
    padding: 50px 10px 8px 7px;
    padding: 39px 0 0 0;
    border-bottom: 1px solid #DDDDDD;
    box-shadow: 0 3px 3px #fff;
}
#content .content_main {/*width*/
    width: 729px;
    padding: 50px 10px 10px;
}
#content .content_main .content_main2 {/*width*/
    min-height: 300px;
}

#content .content-left .banner-box {
	margin: 20px 0;
}
.staticInfo {
	color: #777777;
    margin-top: 100px;
    text-align: center;
}
.styleSite {
	margin:10px;
    position: relative;
}
.styleSite .caption {
	font-size: 17px;
	color: #64799D;
	line-height: 30px;
	font-weight: normal;
	margin: 1px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.styleSite .description{
	color:#777777;
	margin-bottom:20px;
}
.styleSite .login {
	float:left;
	width:290px;
	border-right:1px solid #d4d4d4;
}
.mainPageForm {
	width:210px!important;
	margin:0px!important;
	padding:0px!important;
}
.mainPageForm input[type="text"], .mainPageForm input[type="password"], .mainPageForm textarea {
	width:200px!important;
}
.registrationNow {
	float:left; padding:38px 0 0 50px; width:250px;
}
.registrationNow .btn {
	line-height:60px;
}
.registrationNow .btn a {
	text-decoration:none;
	font-size:21px;
	color:#555555;
	text-shadow:0 1px 0 #eeeeee;
	padding:10px 20px;
	background: #dddddd;
	background: linear-gradient(#dddddd, #cccccc);
	background: -moz-linear-gradient(#dddddd, #cccccc);
	background: -ms-linear-gradient(#dddddd, #cccccc);
	background: -o-linear-gradient(#dddddd, #cccccc);
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dddddd),to(#cccccc));
	background: -webkit-linear-gradient(#dddddd, #cccccc);
	-pie-background: linear-gradient(#dddddd, #cccccc);
	box-shadow: 0 1px 15px #bbbbbb inset;
	border-radius:3px;
}
.registrationNow .btn a:hover {
	box-shadow: 0 1px 15px #999999 inset;
}
.registrationNow  .aboutReg {color:#999999;}
.styleSite .else {
	background:#ffffff;
	color:#d4d4d4;
	position:absolute;
	margin: 80px 0 0 280px;
	padding: 5px 0;
}

#player {
	left: -5000px;
	position: absolute;
}

.sidebar .item, .sidebar .snolink {
	border:1px solid #eeeeee;
	display: block;
	margin: 1px 0 1px 0;
	padding: 5px 9px;
}
.sidebar .item, .sidebar .snolink, .sidebar .snolink a {
	color: #39587c;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	position: relative;
	white-space: nowrap;
}
.sidebar .snolink {
    /*cursor: default;*/
}

.item-inline {
    display: inline-block !important;
}
.sidebar .item:hover, .sidebar .item.hover, .sidebar .snolink:hover {
	background: #dddddd;
	background: linear-gradient(#eeeeee, #dddddd);
	background: -moz-linear-gradient(#eeeeee, #dddddd);
	background: -ms-linear-gradient(#eeeeee, #dddddd);
	background: -o-linear-gradient(#eeeeee, #dddddd);
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eeeeee),to(#dddddd));
	background: -webkit-linear-gradient(#eeeeee, #dddddd);
	border:1px solid #dddddd;
	-pie-background: linear-gradient(#eeeeee, #dddddd);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	box-shadow: 0 1px 0 #ffffff inset;
}
.sidebar .snolink a:hover, .sidebar .snolink a:active, .sidebar .snolink:hover a {
	text-decoration: none;
}
.sidebar .item.selected, .sidebar .item.selected:hover, .sidebar .item.selected.hover, .snolink.selected, .snolink.selected:hover {
	background: url("../img/top_bg.png") repeat-x scroll 0 0 #CCCCCC;
	border:1px solid #999999;
	color: #555555;
	cursor: pointer;
	text-shadow: 0 1px 0 #DDDDDD;
	box-shadow: 0 1px 0 #eeeeee inset, 0 1px 0 #FFFFFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.sidebar .snolink.selected a {
	color: #555;
}
.sidebar .snolink.selected a:link, .sidebar .snolink.selected a:visited,
.sidebar .snolink.selected a:hover, .sidebar .snolink.selected a:active {
	text-decoration: none;
}

.sidebar .title {
	color:#999999;
	cursor: default;
	font-size: 11px;
	font-weight: normal;
	height: 26px;
	margin-top: 0px;
	position: relative;
	text-shadow: 0 1px 0 #ffffff;
}
.sidebar .title .text {
	/*cursor: pointer;*/
	left: 0;
	padding: 5px 0;
	position: absolute;
}
.separator {
	border-top: 1px #dfe1e4 solid;
	border-bottom: 1px #fafafa solid;
	margin: 6px 0 5px;
}
.sidebar .title .text_right {
	cursor: pointer;
	float: right;
	padding: 5px 0;
}
.sidebar .title .activeText{
	color:#999999;
	margin-left: 10px;
}
.sidebar .item .text {

}
	.sidebar .empty {
	color: #9e9e9e;
	font-size: 11px;
	text-align: center;
}

.userPlaylists {
	margin-top:5px;
}
.userPlaylists ul li {
	font-size:11px;
	margin-bottom:1px;
	padding:5px 10px;
	border-radius:3px;
	cursor:pointer;
	color:#777777;
	white-space:nowrap;
	overflow:hidden;
	text-shadow: 0 1px 0 #eee;
}
.userPlaylists ul li a {
}
.userPlaylists ul li:hover {
	background: #dedede;
	color:#555555;
}
.userPlaylists ul li:hover .playlistButtons {
	display:block;
}
.currentPlaylist {
	color:#555555!important;
	background: #dedede!important;
}
.userPlaylists .addPlaylist{
	text-align:center;
}
.userPlaylists .addNewPlaylist {
	color:#39587C;
	text-decoration:none;
}
.addPLTBody  .addNewPlaylist {
	cursor:pointer;
	color:#39587C;
	text-decoration:none;
	padding: 29px 0 !important;
    text-align: center;
}
.userPlaylists .addNewPlaylist{
	display:block;
}
.userPlaylists .addNewPlaylist i {
	float:left;
	width:16px;
	height:16px;
	display:inline-block;
	background: url("../img/iconsSpr.png") no-repeat scroll 0 -38px transparent;
}
.userPlaylists .addNewPlaylist b {
	float:left;
	font-weight:bold;
}
.userPlaylists .addPlaylist:hover .addNewPlaylist{
	opacity: 1;
}
.userPlaylists .playlistButtons {
    display: none;
    margin-left: 133px;
    margin-top: -10px;
    position: absolute;
    width: 52px;
}
.userPlaylists .playlistButtons a {
	display:block;
	float:left;
	width:14px;
	height:15px;
}
.userPlaylists .playlistButtons .openMiniPlayer {
background: url("../img/iconsSpr.png") no-repeat scroll -39px -101px transparent;
}
.userPlaylists .playlistButtons .openMiniPlayer:hover {
background: url("../img/iconsSpr.png") no-repeat scroll -39px -120px transparent;
}
.userPlaylists .playlistButtons .editPleylist {
background: url("../img/iconsSpr.png") no-repeat scroll -2px -101px transparent;
}
.userPlaylists .playlistButtons .editPleylist:hover {
background: url("../img/iconsSpr.png") no-repeat scroll -20px -101px transparent;
}
.userPlaylists .playlistButtons .deletePleylist {
background: url("../img/iconsSpr.png") no-repeat scroll -2px -120px transparent;
}
.userPlaylists .playlistButtons .deletePleylist:hover {
background: url("../img/iconsSpr.png") no-repeat scroll -20px -120px transparent;
}


#aboutSite {
    background: none repeat scroll 0 0 #EEEEEE;
    bottom: 0;
    color: #777777;
    left: 50%;
    line-height: 25px;
    margin-left: -466px;
    padding: 0 0px;
    position: fixed;
    text-shadow: 0 1px 0 #FFFFFF;
    width: 181px;
    z-index: 25;
}
#aboutSite .copyright {
	float: left;
	margin-left: 0;
}
#aboutSite .about_right {
	float: right;
	margin-right: 6px;
}
#aboutSite a:link, #aboutSite a:visited {
    color:#777777;
    text-decoration: none;
}
#aboutSite a:hover, #aboutSite a:active {
    text-decoration: underline;
}
.tabs {
    background: -moz-linear-gradient(center top , #FFFFFF 0%, #F5F5F5 100%) repeat scroll 0 0 transparent;
    border-bottom: 0px solid #dddddd;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}
.tabs li {
    background: #ffffff;
    float: left;
    list-style-type: none;
    margin-right: 0;
}
.tab, .tabs li span.nolink {
    background: #eeeeee;
    background: linear-gradient(#EEEEEE, #DDDDDD);
    background: -moz-linear-gradient(#EEEEEE, #DDDDDD);
    background: -ms-linear-gradient(#EEEEEE, #DDDDDD);
    background: -o-linear-gradient(#EEEEEE, #DDDDDD);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEEEEE),to(#DDDDDD));
    background: -webkit-linear-gradient(#EEEEEE, #DDDDDD);
    -pie-background: linear-gradient(#EEEEEE, #DDDDDD);
    color: #39587C;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 10px;
	display: block;
	font-size: 11px;
	line-height: 1.19em;
	max-width: 330px;
	text-shadow: 0 1px 0 #EEEEEE;
	box-shadow: 0 1px 0 #FFFFFF inset;
	border-color: #cccccc;
	border-style: solid solid solid none;
	border-width: 1px 1px 1px 0px;
}
.l, .tabs li span.l {
	border-radius: 3px 0 0 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 0;
	border-style: solid solid solid solid;
    border-width: 1px 1px 1px 1px;
}
.r {
	border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
	border-radius: 0 3px 3px 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 3px;
	border-top-left-radius: 0;
	border-top-right-radius: 3px;
}
.tabs li span.nolink {
	font-weight: normal;
}
.tab:hover {
    text-decoration: none;
    background:#DDDDDD;
    background: linear-gradient(#e5e5e5, #d1d1d1);
    background: -moz-linear-gradient(#e5e5e5, #d1d1d1);
    background: -ms-linear-gradient(#e5e5e5, #d1d1d1);
    background: -o-linear-gradient(#e5e5e5, #d1d1d1);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e5e5e5),to(#d1d1d1));
    background: -webkit-linear-gradient(#e5e5e5, #d1d1d1);
    -pie-background: linear-gradient(#e5e5e5, #d1d1d1);
}
.tab:active {
	text-decoration: none;
    background:#c5c5c5;
    background: linear-gradient(#e3e3e3, #c5c5c5);
    background: -moz-linear-gradient(#e3e3e3, #c5c5c5);
    background: -ms-linear-gradient(#e3e3e3, #c5c5c5);
    background: -o-linear-gradient(#e3e3e3, #c5c5c5);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e3e3e3),to(#c5c5c5));
    background: -webkit-linear-gradient(#e3e3e3, #c5c5c5);
    -pie-background: linear-gradient(#e3e3e3, #c5c5c5);
}
.selected {
    background: url("../img/top_bg.png") repeat-x scroll 0 0 #CCCCCC;
    color: #555555;
    cursor: default;
    text-shadow: 0 1px 0 #dddddd;
	max-width: 230px;
	border-color: #999999;
	box-shadow: 0 0 3px #aaa inset;
}
.selected:hover {
    background: url("../img/top_bg.png") repeat-x scroll 0 0 #CCCCCC;
    color: #555555;
    cursor: default;
    text-shadow: 0 1px 0 #dddddd;
	max-width: 230px;
	border-color: #999999;
	box-shadow: 0 0 3px #aaa inset;
}
.rl {
	border-style: solid;
    border-width: 1px;
	border-radius: 3px 3px 3px 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.ct {
	border-style: solid;
    border-width: 1px 0 1px 0;
}
.box {
    display: none;
}
.box.visible {
    display: block;
}
.sort_list {
	border-bottom: 1px solid #ddd;
	display: block;
	font-size: 0;
	padding: 5px 4px;
}
.sort_list li {
	display: inline;
	display: inline-block;
	display: -moz-inline-stack;
	font-size: 11px;
	list-style-type: none;
	margin: 2px 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.sort_list li a {
    color: #777777;
    display: block;
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 4px;
    text-decoration: none;
}
.sort_list li.active, .sort_list li.active:hover {
	background: #39587C;
}
.sort_list li.active a, .sort_list li.active:hover a {
	color: #ffffff;
}
.sort_list li:hover {
	background: #cccccc;
}
.sort_list li:hover a {
	color: #ffffff;
}


.information_sorting {
	border-bottom: 1px solid #f3f3f3;
	color: #777777;
	font-size: 11px;
	padding: 10px 10px 10px;
}
.information_sorting a {
	color: #777777;
	text-decoration: none;
}
.information_sorting .sorting {
	display: block;
	float: right;
}
.information_sorting .sorting a {
	color: #777777;
	float: right;
	margin-left: 0;
	text-decoration: none;
}
.information_sorting .sorting a.left {
	float: left;
	padding-right: 20px;
}
.information_sorting .sorting .active {
	font-weight: bold;
}
.form {
	margin: 0 auto;
	padding: 10px;
	width: 260px;
}
.form .level {
	color: #555555;
	padding: 6px 0;
}
.form .levDescr {
	color: #888888;
	font-size: 10px;
	padding-top: 1px;
}
.form .levDescr.error {
	color: #cd0f0f;
	padding-top: 1px;
}
.form .level .levTitle {
	margin-bottom: 5px;
}
.form .level .levTitle .note {
	color: #cd0f0f;
	float: right;
	font-size: 10px;
	padding-right: 2px;
}
.form .level span.note {
	color: #d31010;
	font-size: 10px;
	margin-left: 6px;
}
.form .level input[type="text"], .form .level input[type="password"], .form .level textarea {
	width: 250px;
}
.form .level input[type="text"]:focus, .form .level input[type="password"]:focus, .form .level textarea:focus {
	border:1px solid #cccccc;
	box-shadow: 0 0 3px #ffcc00;
}

.form .level .save-info {
	color: #0f8816;
	font-size: 11px;
	padding-left: 9px;
}
.result-success, .result-error {
	display: inline;
	font-size: 11px;
	/*padding-left: 6px!important;*/
}
.result-success {
color: #1e8f38;
}
.result-error {
color: #cd0f0f!important;
}
.form h1 {
color: #333333;
font-size: 17px;
font-weight: normal;
padding: 2px 0 5px 0;
}

.centeredempty {
color: #999999;
font-size: 13px;
line-height: 20px;
padding: 40px;
text-align: center;
}
.search-form {
    float: right;
    padding: 2px 0 0 0;
}
.search-form2 {
    padding: 0px 0 2px 0;
}
#search_input {
    background: url("../img/search_i.png") no-repeat scroll 8px 4px #ffffff;
    border-radius: 15px 15px 15px 15px;
    padding: 3px 3px 3px 26px;
    margin: 2px 0 3px 0;
    width: 150px;
}
.rui-slider {
    border-bottom: 1px solid #EEEEEE;
    border-radius: 4px 4px 4px 4px;
    border-top: 1px solid #888888;
    cursor: pointer;
    float: left;
    height: 6px;
    padding: 0 1px;
    position: relative;
    vertical-align: middle;
    width: 104px;
}
.rui-slider .handle {
    background: url(../img/slider_h.png) no-repeat;
    cursor: pointer;
    height: 14px;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    top: -4px;
    width: 14px;
    display:none;
    z-index:5;
}
.rui-slider:hover .handle {
	display:block;
}
.rui-slider .level {
    background: none repeat scroll 0 0 #3E97DB;
    border-radius: 10px 10px 10px 10px;
    height: 6px;
    left: 0;
    position: relative;
    top: 0;
    width: 50%;
}

/*playermp3*/
.currentTime {
    float: left;
    margin-left: 10px;
    margin-right: 8px;
    margin-top: -2px;
	font-size:11px;
}

.duration {
    float: left;
    margin-left: 8px;
    margin-right: 10px;
    margin-top: -2px;
	font-size:11px;
}
/*playermp3*/


/*seek*/
.progress {
	float:left;
}
.trackseekProgress {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-top: solid 1px #444444;
	border-bottom: solid 1px #999999;
	cursor: pointer;
	width: 310px;
	height: 7px;
	padding: 0 2px;
	margin-top: 12px;
	position: relative;
	vertical-align: middle;
	background: #555555;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#555555), to(#777777));
	background: -webkit-linear-gradient(#555555, #777777);
	background: -moz-linear-gradient(#555555, #777777);
	background: -ms-linear-gradient(#555555, #777777);
	background: -o-linear-gradient(#555555, #777777);
	background: linear-gradient(#555555, #777777);
	-pie-background: linear-gradient(#555555, #777777);
}
.trackseekProgress .handle {
	background: url(../img/slider_h.png) no-repeat;
	cursor: pointer;
	height: 14px;
	left: 50%;
	margin-left: -5px;
	position: absolute;
	top: -4px;
	width: 14px;
	display:none;
}
.trackseekProgress:hover .handle {
	display:block;
}
.trackseekProgress .trackSeek {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-top:-3px;
	width: 50%;
	height: 4px;
	background: #888888;
	background: linear-gradient(#777777, #999999);
	background: -moz-linear-gradient(#777777, #999999);
	background: -ms-linear-gradient(#969696, #a5a5a5);
	background: -o-linear-gradient(#fafafa, #dfdfdf);
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fafafa),to(#dfdfdf));
	background: -webkit-linear-gradient(#fafafa, #dfdfdf);
	-pie-background: linear-gradient(#fafafa, #dfdfdf);
}


.trackseekProgress .trackPlay {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: relative;
	left: 0;
	top: 1px;
	width: 50%;
	height: 4px;
	background: #fafafa;
	background: linear-gradient(#fafafa, #dfdfdf);
	background: -moz-linear-gradient(#fafafa, #dfdfdf);
	background: -ms-linear-gradient(#fafafa, #dfdfdf);
	background: -o-linear-gradient(#fafafa, #dfdfdf);
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fafafa),to(#dfdfdf));
	background: -webkit-linear-gradient(#fafafa, #dfdfdf);
	-pie-background: linear-gradient(#fafafa, #dfdfdf);
}

/*seek end*/





#tiptip_holder {
display: none;
left: 0;
opacity: 0.8;
position: absolute;
top: 0;
z-index: 99999;
}
#tiptip_holder.tip_top {
padding-bottom: 5px;
}
#tiptip_holder.tip_bottom {
padding-top: 5px;
}
#tiptip_holder.tip_right {
padding-left: 5px;
}
#tiptip_holder.tip_left {
padding-right: 5px;
}
#tiptip_content {
border: 0;
border-radius: 3px;
color: #ffffff;
font-size: 11px;
padding: 4px 8px;
text-shadow: 0 0 2px #000;
}
#tiptip_arrow, #tiptip_arrow_inner {
border: solid 6px transparent;
width: 0;
height: 0;
position: absolute;
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
border-top-color: #191919;
border-top-color: rgba(25, 25, 25, 0.8);
margin-left: -6px;
margin-top: -7px;
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
border-bottom-color: #191919;
border-bottom-color: rgba(25, 25, 25, 0.8);
margin-left: -6px;
margin-top: -5px;
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
border-right-color: #191919;
border-right-color: rgba(25, 25, 25, 0.8);
margin-left: -5px;
margin-top: -6px;
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
border-left-color: #191919;
border-left-color: rgba(25, 25, 25, 0.8);
margin-left: -7px;
margin-top: -6px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#tiptip_content {
background-color: rgba(45, 45, 45, 0.88);
padding: 4px 8px 5px 8px;
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
border-bottom-color: rgba(45, 45, 45, 0.88);
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
border-top-color: rgba(20, 20, 20, 0.8);
}
}




.dir {
    float: left;
}



.x-tracks {
    margin: 5px -10px 0 -10px;
}
#stationList {
	/*margin: 5px -10px 0 -10px;*/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
    border-top: 1px solid #EEEEEE;
}
#stationList li.x-track {
    cursor: pointer;
    display: block;
    height: 50px;
    padding: 0 0 0 0;
	border-bottom:1px solid #EEEEEE;
	/*width: 749px;*/
    width: 100%;
    /*overflow: hidden;*/
    /*overflow-x: hidden;*/
    position: relative;
}
.single-track #stationList li.x-track {
    background: #eeeeee;
	background: linear-gradient(#eeeeee, #dddddd);
	background: -moz-linear-gradient(#eeeeee, #dddddd);
	background: -ms-linear-gradient(#eeeeee, #dddddd);
	background: -o-linear-gradient(#eeeeee, #dddddd);
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eeeeee),to(#dddddd));
	background: -webkit-linear-gradient(#eeeeee, #dddddd);
	-pie-background: linear-gradient(#eeeeee, #dddddd);
}

#stationList .stationPlaying {
	background:#e9e9e9;
}


#stationList .stationLogo {
    height: 30px;
    margin: 10px -3px 7px 1px;
    width: 30px;
}
#stationList .stationLogo a {
    background: none repeat scroll 0 0 #F1F1F1;
    float: left;
    height: 30px;
    overflow: hidden;
    width: 40px;
	border-radius: 3px 3px 3px 3px;
}
.activeStation .stationLogo a {
	box-shadow: 0 1px 1px #333333!important;
}
#stationList .stationLogo a.mini {
    border-radius: 2px 2px 2px 2px;
    height: 23px;
    margin: 0 4px 4px 0;
    width: 23px;
}
#stationList .stationLogo img {
    height: 30px;
	border-radius: 3px 3px 3px 3px;
    width: 40px;
}
#stationList .x-track-container {
    font-family: Verdana;
    font-size: 12px;
    margin: 0 0 0 48px;
    /*width: 100%;*/
	overflow: hidden;
    position: relative;
    /*left: 47px;*/
    float: none;
}
#stationList .x-track-container .wrapper {
    display: block;
    height: 40px;
    line-height: 22px;
    max-width: 702px;
    width: auto;
    margin-top: 6px;
}
#stationList .x-track-container .wrapper p {
	margin: 0px;
	padding: 0px;
	line-height: 20px;
}
#stationList .x-track-container .stationName {
	color:#39587C;
    font-family: Tahoma;
	font-weight:bold;
	white-space: nowrap;
	text-shadow: 0 1px 0 #ffffff;
}
.activeStation .x-track-container .stationName {
    color: #39587C !important;
    text-shadow: 0 1px 0 #EEEEEE  !important;
}
#stationList .x-track-container .stationName:link, #stationList .x-track-container .stationName:visited {
    text-decoration: none;
}
#stationList .x-track-container .stationName:hover, #stationList .x-track-container .stationName:active {
    text-decoration: underline;
}
#stationList .x-track-container .stationError {
    color: #F0A1A1 !important;
    font-size: 11px;
}
#stationList .x-track-container .online, #stationList .x-track-container .date {
    color: #AAAAAA;
    display: inline-block;
}

#stationList .x-track-container .trackTitle {
    /*width: 450px;*/
    max-width: 90%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#stationList .x-track-container .trackName {
    display: block;
    font-size: 11px;
	color:#aaaaaa;
    color: #555555;
	text-shadow: 0 1px 0 #ffffff;
	position: relative;
	top: -2px;
    max-width: 350px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.activeStation .x-track-container .trackName {
    color: #FFFFFF  !important;
    text-shadow: 0 1px 0 #999999 !important;
}
#stationList .x-track-container .trackName a:link, #stationList .x-track-container .trackName a:visited {
    text-decoration: none;
    color: #555;
}
#stationList .x-track-container .trackName a:hover, #stationList .x-track-container .trackName a:active {
    text-decoration: none;
    color: #555;
}
#stationList li.x-track.activeStation {
    background: #AAAAAA;
	background: linear-gradient(#DDDDDD, #AAAAAA);
	background: -moz-linear-gradient(#DDDDDD, #AAAAAA);
	background: -ms-linear-gradient(#DDDDDD, #AAAAAA);
	background: -o-linear-gradient(#DDDDDD, #AAAAAA);
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#DDDDDD),to(#AAAAAA));
	background: -webkit-linear-gradient(#DDDDDD, #AAAAAA);
	-pie-background: linear-gradient(#DDDDDD, #AAAAAA);
}
#stationList li.x-track:hover {
    background: #eeeeee;
	background: linear-gradient(#eeeeee, #dddddd);
	background: -moz-linear-gradient(#eeeeee, #dddddd);
	background: -ms-linear-gradient(#eeeeee, #dddddd);
	background: -o-linear-gradient(#eeeeee, #dddddd);
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eeeeee),to(#dddddd));
	background: -webkit-linear-gradient(#eeeeee, #dddddd);
	-pie-background: linear-gradient(#eeeeee, #dddddd);
}
#stationList li.load-more, #stationList li.load-more:hover {
    background: transparent;
	-pie-background: transparent;
    cursor: default;
    border-bottom: 0;
}
#stationList .activeStation:hover {
	background: #AAAAAA!important;
	background: linear-gradient(#DDDDDD, #AAAAAA)!important;
	background: -moz-linear-gradient(#DDDDDD, #AAAAAA)!important;
	background: -ms-linear-gradient(#DDDDDD, #AAAAAA)!important;
	background: -o-linear-gradient(#DDDDDD, #AAAAAA)!important;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#aaaaaa),to(#AAAAAA))!important;
	background: -webkit-linear-gradient(#DDDDDD, #AAAAAA)!important;
	-pie-background: linear-gradient(#DDDDDD, #AAAAAA)!important;
}
#stationList .dir {
    float: left;
    max-width: 702px;
}
#stationList .text {
	color:#999999;
}
#stationList .trackOptions {
    position: absolute;
    right: 8px;
    bottom: 3px;
}
.trackOptions:hover {
	opacity: 1;
}
#stationList li.activeStation .trackOptions, #stationList li.x-playing .trackOptions {
	display:block;
}
#stationList li.x-track:hover .trackOptions {
	display:block;
}
#stationList .trackOptions {
	display:none;
}
.single-track #stationList .trackOptions {
	display: inline-block !important;
}
#stationList .optionActive {
	display:block;
}
.trackOptions .optionPosition{
	width: 350px;
    float: right;
}

.trackOptions .OptionsButtons{
	float: right;
}

.trackOptions .OptionsButtons a img {
    margin-left: 11px;
    margin-top: 5px;
}
.activeStation .trackOptions .OptionsButtons a {
    color: #222222 !important;
    opacity: 0.7 !important;
    text-shadow: 0 1px 1px #CCCCCC;
}
.activeStation .trackOptions .OptionsButtons a:hover {
	opacity: 1!important;
}
.trackOptions .OptionsButtons div {
	display: inline-block;
}
.trackOptions .OptionsButtons div > a:link,
.trackOptions .OptionsButtons div > a:visited {
	float: left;
    display: block;
	color: #555555;
	text-decoration: none;
    height: 16px;
	margin-right: 8px;
	opacity: 0.5;
	text-shadow: 0 1px 0 #ffffff;
}
.trackOptions .OptionsButtons div > a:hover,
.trackOptions .OptionsButtons div > a:active {
	opacity: 1;
}
.trackOptions .OptionsButtons b {
	float: left;
	margin-left: 5px;
    height: 16px;
	font-weight: normal;
}

.trackOptions .OptionsButtons i {
	float: left;
	width: 16px;
	height: 15px;
	display: inline-block;
	/*background-position: center bottom;*/
	text-align: center;
	padding-top: 1px;
}
/*
.trackOptions .OptionsButtons .trackComments i {
	background: url("../img/iconsSpr.png") no-repeat scroll -4px -82px transparent;
}
*/
.trackOptions .OptionsButtons .trackDownload i {
    /*background: url("../img/iconsSpr.png") repeat scroll -5px -153px transparent;*/
}

.trackOptions .OptionsButtons .trackLyrics i {
	/*background: url("../img/iconsSpr.png") no-repeat scroll -4px -67px transparent;*/
}
.trackOptions .OptionsButtons .trackLink i {
	/*background: url("../img/iconsSpr.png") no-repeat scroll -4px -53px transparent;*/
}

.trackOptions .OptionsButtons .remPlaylist i {
	/*background: url("../img/iconsSpr.png") repeat scroll -20px -38px transparent;*/
}
.trackOptions .OptionsButtons .addPlaylist i {
	/*background: url("../img/iconsSpr.png") repeat scroll -4px -38px transparent; // use fa-plus */
	position: relative;
	top: 1px;
}
.activeStation .trackOptions .OptionsButtons .remPlaylist i {
	background: url("../img/iconsSpr.png") repeat scroll -20px -38px transparent!important;
}
.activeStation .trackOptions .OptionsButtons .trackLyrics i {
	background: url("../img/iconsSpr.png") repeat scroll -4px -67px transparent!important;
}
.activeStation .trackOptions .OptionsButtons .trackLink i {
	background: url("../img/iconsSpr.png") repeat scroll -4px -53px transparent!important;
}
.activeStation .trackOptions .OptionsButtons .trackComments i {
	background: url("../img/iconsSpr.png") repeat scroll -4px -82px transparent!important;
}
.activeStation .trackOptions .OptionsButtons .addPlaylist i {
	background: url("../img/iconsSpr.png") repeat scroll -3px -38px transparent!important;
}
.trackOptions .OptionsButtons .trackComments:hover {
	opacity:1;
}
.trackOptions .OptionsButtons .trackDownload:hover {
	opacity:1;
}
.trackOptions .OptionsButtons .trackLink:hover {
	opacity:1;
}
.trackOptions .OptionsButtons .trackLyrics:hover {
	opacity:1;
}
.trackOptions .OptionsButtons .addPlaylist:hover {
	opacity:1;
}
.trackOptions .OptionsButtons .remPlaylist:hover {
	opacity:1;
}

#stationList .playerButton {
    position: absolute;
    height: 50px;
    margin: 0px 0 0 0;
    width: 47px;
    overflow: hidden;
}
#stationList .playerButton a {
    display: block;
    position: absolute;
	width: 15px;
	height: 17px;
    background: url("../img/iconsSpr.png") repeat scroll 0 -2px transparent;
	opacity: 0.2;

    margin: 16px 16px;
    overflow: hidden;
}
.x-playing .x-play {
    opacity: 1 !important;
}
.single-track #stationList .playerButton a {
	opacity: 1;
}
#stationList .playerButtonPause {
    position: absolute;
    height: 50px;
    margin: 0px;
    width: 47px;
}
#stationList .playerButtonPause a {
    display: block;
    position: absolute;
	width:15px;
	height:17px;
    background: url("../img/iconsSpr.png") repeat scroll -3px -19px transparent;

    margin: 16px 16px;
    overflow: hidden;
}
#stationList li.x-track:hover .playerButton a, #stationList li.x-track.x-playing .playerButton a {
	opacity: 1;
}

.activeStation .playerButton a {
    opacity: 1 !important;
	background: url("../img/iconsSpr.png") repeat scroll 0 -2px transparent!important;
}

.currentSong {
    background: none repeat scroll 0 0 #D3D3D3;
    border-top: 1px solid #999999;
    color: #777777;
    height: 22px;
    margin-top: -4px;
    padding: 5px 0 0 15px;
    text-align: left;
    text-shadow: 0 1px 0 #EEEEEE;
}
.currentSongName {
    position:absolute;
    white-space: nowrap;
    width: 624px;
    overflow: hidden;
}
#audioList li {
    cursor: pointer;
    display: block;
    height: 32px;
    padding: 0 0 0 5px;
	border-bottom:1px solid #eeeeee;
	width:634px;
}
#audioList li:hover {
    background: none repeat scroll 0 0 #eeeeee;
}
#audioList li:hover .playerButton a {
	opacity:0.7;
}
#audioList li:hover .trackOptions a {
	display:block;
}
#audioList .playerButton {
    height: 20px;
    margin: 6px 0 0 0;
    width: 20px;
}
#audioList .playerButton a {
    display: block;
	width:15px;
	height:17px;
    background: url("../img/iconsSpr.png") repeat scroll 0 -2px transparent;
	opacity:0.2;
}
#audioList .playerButtonPause {
    height: 20px;
    margin: 6px 0 0 0;
    width: 20px;
}
#audioList .playerButtonPause a {
    display: block;
	width:15px;
	height:17px;
    background: url("../img/iconsSpr.png") repeat scroll 0 -19px transparent;
}
#audioList .trackName {
    color: #67829E;
    margin: 8px 0 0 5px;
    padding: 0 5px;
    width: 500px;
	white-space:nowrap;
	overflow:hidden;
}
#audioList .trackTime {
    color: #999999;
    margin: 8px 0 0 0;
    padding: 0 5px;
    width: 50px;
	text-align:right;
	text-shadow:0 1px 0 #ffffff;
}
#audioList .trackOptions {
	float:right;
    margin: 5px 0;
    padding: 0 5px;
    width: 20px;
}
#audioList .trackOptions a {
    display: block;
	width:16px;
	height:17px;
    background: url("../img/iconsSpr.png") repeat scroll 0 -36px transparent;
	opacity:0.5;
	display:none;
}
#audioList .trackOptionsActive a {
	display:block;
}
#audioList .trackOptions a:hover {
	opacity:1
}
.activeAudio {
	background:#eeeeee;
}


/*userPage*/
.leftUBlock {width: 135px; padding:15px; float:left;}
 .photo {width:120px; height:120px;padding:5px; border:1px solid #a6a6a6; box-shadow: 0 1px 2px #999;}
 .photo img {width:120px;}
.editProfileLink {
    background: #000000;
    color: #FFFFFF;
    display: block;
    margin-left: 6px;
    margin-top: -42px;
    opacity: 0.5;
    padding: 2px 3px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #000000;
    width: 114px;
}
.editProfileLink:hover {
    opacity: 0.8;
	text-decoration: none;
}
.editProfileLink a {
	color:#ffffff;
}
.rightUBlock {float:left; width:465px; margin-top:12px;}
.rightUBlock .userName {color:#484848; font-size:15px; font-weight:bold; float:left; line-height:25px;}
.rightUBlock .statuse {color:#818181;float:right; margin-top:6px;}
.statuseNow {
	padding:0;
	margin-top:25px;
	font:italic 13px/18px Georgia,"Times New Roman",serif;
}
.userInfo {margin-top:15px;}
.userInfo span {display:block; float:left;}
.userInfo p {height:18px;}
.userInfo .staticText {color:#484848; width:150px;}
.allComments {margin-top:15px; padding:0 10px;}
.comments {margin-top:10px;}
.comment {padding:5px; border-top:1px solid #eaeaea;}
.comment .userAvatar {float:left; margin-left:-5px;}
.comment .userAvatar img {width:50px; height:50px; border-radius:3px;}
.comment .userNameComm {margin-left:55px;font-weight:bold;}
.comment .commText {margin-left:55px; margin-top:5px; color:#777777;}
.comment .commDetails {margin-left:55px; color:#777777; margin-bottom:10px; margin-top:15px; height:20px;}
.comment .commDetails .time {width:150px; float:left;}
.comment .commDetails .reply {width:100px; float:left;}
/*.comment .commDetails .commRating {text-align:right; font-weight:bold; margin-right:20px;}
.comment .commDetails .commRating a {position:absolute; margin-left:15px;}
userPage*/


/*commentADD*/
.commentNum {color:#777;}
.commentAdd {margin:20px 0 31px 25px}
.commentAdd  .commUserAvatar {float:left; margin-left:-5px;}
.commentAdd  .commUserAvatar  img {width:30px; height:30px; border-radius:3px;}
.commentAdd .commMassage {margin-left:35px; color:#777777;}
.commentAdd .addButton {margin-left:35px; margin-top: 10px;}
.commentAdd .addButton span {color:#999; margin-left:30px; line-height: 23px;}
.commentAdd .commMassage textarea {width:410px; height:40px; resize: vertical;}
/*commentADD*/


/*stationPage*/
#station {
    font-size: 11px;
    padding: 10px 10px 5px;
}
#station .img {
    float: left;
}
#station .img img {
	border-radius:5px;
    width:100px;
}
#station .stationstat img{
	border-radius: 0;
}
#station .stationstat {
    color:#777777;
	font-weight:bold;
}
#station .stationstat .radioStat {
     width:10px!important;
}
 #station .trackLink  {
	font:italic 13px/18px Georgia,"Times New Roman",serif;
	color:#777777;
 }
#station .in {
    margin-left: 110px;
}
#station .meta {
    overflow: hidden;
    padding-bottom: 10px;
}
#station p {
    font-size: 12px;
    line-height: 1.5;
	color:#777777;
}
#station .tags {
    padding-top: 10px;
}
#station .tags a {
    background: none repeat scroll 0 0 #ECECEC;
    border: 1px solid #E2E2E2;
    color: #777777;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    padding: 0 5px;
    text-decoration: none;
}
#station .tags a {
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 1px #E0E0E0 inset;
}
#station .tags a:hover {
    background: none repeat scroll 0 0 #E2E2E2;
    color: #444444;
}
#station .title {
    color: #555555;
    font-size: 12px;
    font-weight: bold;
}
/*stationPage*/


/*StationTracklist*/

#list {width: 619px; margin-top:20px;}
#list .data {width:100%; padding:8px 0 8px 20px;}
#list .data:hover {background: #EEEEEE;}
#list .time {color:#999999;float:left; width:7%;}
#list .songTitle {float:left;width:84%;}
#list .songTitle p {padding: 0;}
#list .searchSong {float:left;}
#list .searchBtn {display: none;}
#list .searchBtn a {color:#3D6EA8; padding: 2px 5px;}
#list .searchBtn a:hover {color:#ffffff;background:#3D6EA8; border-radius: 3px;text-decoration: none;}
#list .data:hover .searchBtn {display: block;}
#list .artist {font-weight:bold;color:#3D6EA8; float:left; margin-right:10px;}
#list .song {color:#777777; float:left;}




#list .songSearch {display:none; position: absolute;width: 170px;margin-left: -132px;background:#ffffff; border:1px solid #999999;box-shadow:0 0 5px #999999;padding:5px;}
#list .songSearch ul {margin-top:10px;}
#list .songSearch li {margin-left:-5px; margin-right:-5px; padding: 0 10px; line-height:30px;}
#list .searchSites img {margin-bottom: -3px;margin-right: 10px;}
#list .searchSites li:hover {background:#ebebeb;}
#list .searchSites li a:hover {text-decoration:none;}
#list .closeSongSearch {float:right;}
#list .closeSongSearch img {margin-right: 3px;margin-top: 3px;opacity: 0.5;}
#list .closeSongSearch img:hover {opacity:1;}
#list .searchBtn:hover .songSearch {display:block;}
#list .closeSongSearch a {
    background: url("../img/iconsSpr.png") no-repeat scroll -20px -38px transparent;
    display: block;
    height: 15px;
    width: 15px;
}
#list .searchSites {margin-left:0px;padding-left:0;}
#list .searchSites a {display: block; height:30px;}




.plDay {
	margin:20px 0 0 20px;
}
.plDay a {
    border-bottom: 1px dotted #39587C;
    margin-right: 10px;
    padding: 0;
}
.plDay a:hover {
	text-decoration:none;
}
.plDay .active {
    border-bottom: 0 none;
    color: #555555;
    cursor: default;
    font-weight: bold;
}
.plDay .active:hover {
	cursor:default;
}
#yesterday {
	padding: 50px 20px 10px;
	margin: -30px 0 -10px;
	font-weight:bold;
	color:#3E97DB;
}



/*StationTracklist*/





/**/
.comment .commDetails .commRating {text-align:right; font-weight:bold; float:right; min-width:60px;}
.comment .commDetails .commRating a {display:block; opacity:0.5; float:left; margin-right:5px;}
.comment .commDetails {margin-left:55px; color:#999999; margin-bottom:10px; margin-top:15px; height:20px;}
.comment .commText {margin-left:55px; color:#555555;}
/**/

/**/
.comment  .commDetails .changeRating {display:none; float:left; margin-top:3px;}
.comment:hover .changeRating {display:block;}
.comment .commDetails .commRating a:hover {opacity:1.0;}
.comment .commDetails .commRating .directionplus {
    background: url("../img/iconsSpr.png") repeat scroll -18px -141px transparent;
    height: 10px;
    width: 10px;
}
.comment .commDetails .commRating .directionminus {
    background: url("../img/iconsSpr.png") repeat scroll -3px -141px transparent;
    height: 10px;
    width: 10px;
}
.comment .commDelete {display:none;}
.comment:hover .commDelete  {display:block;}
.comment .commDelete .comDel{
	display:block;
	margin-top:-12px;
	float:right;
	background: url("../img/iconsSpr.png") repeat scroll -21px -41px transparent;
    height: 11px;
    width: 11px;
	opacity:0.5;
}
.comment .commDelete .comDel:hover {opacity:1.0;}


.userPlaylists ul li a {
    display: block;
    text-decoration: none;
}
/**/

.gray {
	background: #eeeeee;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eeeeee), to(#dddddd));
	background: -webkit-linear-gradient(#eeeeee, #dddddd);
	background: -moz-linear-gradient(#eeeeee, #dddddd);
	background: -ms-linear-gradient(#eeeeee, #dddddd);
	background: -o-linear-gradient(#eeeeee, #dddddd);
	background: linear-gradient(#eeeeee, #dddddd);
	-pie-background: linear-gradient(#eeeeee, #dddddd);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #ffffff 0px 1px 0px inset;
	-moz-box-shadow: #ffffff 0px 1px 0px inset;
	box-shadow: #ffffff 0px 1px 0px inset;
	color: #39587C;
	cursor: pointer;
	font: bold 11px tahoma, arial, lucida grande, helvetica, sans-serif;
	line-height: 14px;
	margin-bottom:-1px;
	outline-style: none;
	padding: 5px 15px;
	text-shadow: 0 1px 1px #eeeeee;
	border:1px solid #cccccc !important;
}

.gray:hover {
	background: #DDDDDD;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e5e5e5), to(#d1d1d1));
	background: -webkit-linear-gradient(#e5e5e5, #d1d1d1);
	background: -moz-linear-gradient(#e5e5e5, #d1d1d1);
	background: -ms-linear-gradient(#e5e5e5, #d1d1d1);
	background: -o-linear-gradient(#e5e5e5, #d1d1d1);
	background: linear-gradient(#e5e5e5, #d1d1d1);
}
.gray:active {
	background: #c5c5c5;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e3e3e3), to(#c5c5c5));
	background: -webkit-linear-gradient(#e3e3e3, #c5c5c5);
	background: -moz-linear-gradient(#e3e3e3, #c5c5c5);
	background: -ms-linear-gradient(#e3e3e3, #c5c5c5);
	background: -o-linear-gradient(#e3e3e3, #c5c5c5);
	background: linear-gradient(#e3e3e3, #c5c5c5);
}
.popupWindow {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #777777;
    box-shadow: 0 0 5px #333333;
    padding: 0;
}
.popupWindow .popupTitle {
	padding: 10px;
	background:#777777;
	border-top:1px solid #888888;
	color:#eeeeee;
	font-weight:bold;
}
.popupWindow .popupCloseButton {
	background: url("../img/iconsSpr.png") no-repeat scroll -36px -39px transparent;
	float:right;
	height: 14px;
    width: 14px;
	margin:10px 10px 0 0;
	cursor:pointer;
	opacity: 0.6;
}
.popupWindow .popupCloseButton:hover {
	opacity:1;
}
.popupWindow .popupBody {
	padding:15px;
}
.popupWindow .popupControl {
	padding:15px;
	background: #f5f5f5;
	border-top:1px solid #dddddd;
	height:24px;
}
.popupWindow .popupControl .flRight {
	float:right;
}
.popupWindow .popupControl .centered {
	margin: 0 auto;
    text-align: center;
}
.popupWindow #infoDesc {
    max-width: 300px;
    margin: 0 0 15px 0;
}


.addPLWindow {
	width:180px;
	background: #ffffff;
	border:1px solid #999999;
	box-shadow: 0 0 3px #cccccc;
	padding:0;
	border-radius:3px;
	z-index:1000!important;

}
#pllist {
    margin-left: -31px !important;
    margin-top: -8px;
    width: 200px !important;
	min-width: 200px !important;
    box-shadow: 0px 0px 5px 0px #c3c3c3;
}

.plInfo {
	color: #999999;
    text-align: center;
    text-shadow: 0 1px 0 #FFFFFF;
	font-size:11px;
	margin:5px 0;
}

.addPLWindow .addPLTitle {
	background:#999999;
	color:#ffffff;
	padding:8px;
	font-weight:bold;
}
.addPLWindow .addPLPluseButton {
	float:right;
	background: url("../img/iconsSpr.png") no-repeat scroll -36px -39px transparent;
	height: 14px;
    width: 14px;
	margin:8px 5px 0 0;
	opacity:0.6;
	cursor:pointer;
}
.addPLWindow .addPLPluseButton:hover{
	opacity:1.0;
}
.addPLWindow .addPLTBody {
	padding:0;
}
.addPLWindow .addPLTBody a {
	display:block;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:0 1px 0 #ffffff;
}
.addPLWindow .addPLTBody a:hover {
	background:#eeeeee;
}

.nothing-found {
    text-align:center;
    color:#555555;
    margin-top:50px
}

.sliderDescr {color:#39587C; font-size:24px; text-align:center; line-height:40px;}
#portfolio img{margin-left:-4px;}

.popup-editphoto {padding-left:80px;}

.bTitle {padding: 10px; font-weight:bold; color:#39587C;}
.mostPop {margin-left:10px; height:120px;}
.mostPopular {margin-top:10px; margin-left:-17px; height:120px;}
.mostPopular li{float:left; margin-left:29px;}
.mostPopular li img {width:100px; height:100px; border-radius:3px; box-shadow:0 0 3px #333333;}
.weekPopular {
	background: #F5F5F5;
	padding:10px 0;
	height:50px;
	margin-bottom:20px;
}
.stationcl:hover {cursor:pointer;}


.teaser {
	float: left;
	height: 40px;
	line-height: 100%;
	margin-left: 10px;
	width: 190px;
	z-index: 0;
}

.teaser a {
	color: #414141;
	float: left;
	height: 40px;
	position: relative;
	text-decoration: none;
	width: 200px;
}

.teaser img {
	border-radius: 3px 3px 3px 3px;
	float: left;
	width: 50px;
}
.teaser h3.clips {
	color: #39587C;
}

.teaser h3 {
	font-size: 11px;
	margin: 0px 0 0 60px;
	overflow:hidden;
	height:32px;
	line-height:16px;
}
.teaser p {
	color: #777777;
	font-size: 74%;
	font-weight: bold;
	left: 60px;
	line-height: 100%;
	margin: 0;
	position: absolute;
	top: 36px;
	z-index: 2;
}


.savesearch {
    background: url("../img/iconsSpr.png") repeat scroll -5px -156px transparent;
    display: block;
    height: 11px;
    margin-left: 193px;
    margin-top: -26px;
    position: absolute;
    width: 11px;
	opacity:0.6
}
.savesearch:hover {
	opacity:1;
}




.pGen {
		padding: 0 10px;
		margin-bottom:100px;
	}
	.pGen .caption {
		color:#39587c;
		font-weight:bold;
		line-height:30px;
	}
	.pGen .pageTitle {
		color:#333333;
		font-size:16px;
		margin-bottom:20px;
	}
	.pGen .colorOption {
		height:130px;
	}
	.pGen .colorOption ul li {
    float: left;
    margin: 10px 15px;
	}
	.pGen .colorOption ul li a img{
		border:5px solid #ececec;
		border-radius:3px;
		width:110px;
	}
	.pGen .colorOption ul li a img:hover{
		border:5px solid #00a8ff;
	}
	.pGen .colorOption ul li img:active {
		border:5px solid #0080c3!important;
	}
	.pGen .colorOption ul li .active img{
		border:5px solid #00a8ff;
	}
	.pGen .level {
		margin-left:10px;
	}
	.pGen .level ul {
		height:60px;
	}
	.pGen .level ul li {
		float:left;
		margin-right:20px;
	}
	.pGen .levTitle {
		color:#777777;
		line-height:30px;
	}
	.pGen .inpTitle {
		color:#555555;
		line-height:20px;
	}
	.changeStation .list {
		float:left;
		width:280px;
		height:350px;
		overflow:auto;
		border:1px solid #cccccc;
	}
	.changeStation .list p {
		padding: 4px 10px;
	}
	.changeStation .list p:hover {
		background:#eeeeee;
	}
	.changeStation .list p label {
		margin-left:5px;
	}
	.changeStation .fastSel {
		margin-left:20px;
		float:left;
	}
	.changeStation .playerGen a {
		font-weight:normal!important;
	}
	.selectAll {
		background:#d9ebe0;
	}
	.selectAll:hover {
		background:#c2e2ce!important;
	}



/****************************************************************************/


.content_main h1 {
    font-size: 16px;
    margin: 15px 0 15px 5px;
}

.content_main h3 {
    font-size: 14px;
    margin: 5px 0 10px 0;
}

a:link, a:visited {
    color: #555;
    text-decoration: underline;
}
a:hover, a:active {
    /* color: #3E97DB; */
    color: #000;
    text-decoration: underline;
}

.smart_image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-color: #eee;
    display: table;
    /*border: 1px solid #39587C;*/
}
.smart_image a {
	display: block;
    height: 100%;
    text-decoration: none;
    overflow: hidden;
}
.smart_image a.smart_link:link, .smart_image a.smart_link:visited {
	display: table-cell;
	vertical-align: middle;
    height: 100%;
    text-decoration: none;
    text-align:center;
    opacity: 0;
    background: transparent;
}
.smart_image a.smart_link:hover, .smart_image a.smart_link:active {
    opacity: 0.9;
    background-color: #39587C;
    color: #fff;
    font-weight: bold;
}
.float_right {
	float: right;
}
.float_left {
	float: left;
}
.square_100 {
    width: 100px;
    height: 100px;
}
.square_120 {
    width: 120px;
    height: 120px;
}
.round_40 {
    width: 40px;
    height: 40px;
	border-radius: 20px;
}
.round_100 {
    width: 100px;
    height: 100px;
	border-radius: 50px;
}
.round_120 {
    width: 120px;
    height: 120px;
	border-radius: 60px;
}
.round_150 {
    width: 150px;
    height: 150px;
	border-radius: 75px;
}
.marginized {
	margin: 9px;
}

.artist_image {
	float: left;
	margin: 0 10px 4px 0;
	border: 1px solid #ddd;
}
.artist_info {
	font-family: Verdana;
	font-weight: normal;
}
.artist_info .name, .full_info .name {
	display: block;
	/*color: #69aa29;*/
	color: #555;
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 10px 0;
}
.artist_info a:link, .artist_info a:visited {
	text-decoration: underline;
}

.view_all_songs:link, .view_all_songs:visited, .show_full_info:link, .show_full_info:visited {
    display: inline-block;
    font-family: Arial;
    font-weight: bold;
    text-decoration: underline;
    /*
    background: url("data:image/gif;base64,R0lGODlhAwAFAIABAG2xKv///yH5BAEAAAEALAAAAAADAAUAAAIFRAKWi1cAOw==") no-repeat 0 7px;
    padding: 2px 2px 2px 7px;
    color: #69aa29;
    */
    padding: 1px 2px 1px 16px;
    margin: 6px 3px 0px 0;
    color: #555;
}
.view_all_songs:link, .view_all_songs:visited {
    background: url("../img/iconsSpr.png") no-repeat -4px -67px;
}
.show_full_info:link, .show_full_info:visited {
    background: url("../img/iconsSpr.png") no-repeat -4px -53px;
}
.view_all_songs:hover, .view_all_songs:active, .show_full_info:hover, .show_full_info:active {
	color: #39587C;
	text-decoration: underline;
}
.show_full_info {
    display: block;
}

.full_info {
	display: block;
	margin-top: 10px;
}

.artists {
	width: auto;
	border-spacing: 0;
}
.artists td {
	width: 20%;
}
.artist_block, .artist_block_link {
	display: block;
	width: 126px;
	height:83px;
	background-color: #fff;
	background-position: 0 50%;
}
.artist_block h3 {
    font-size: 12px;
    margin: 0;
}
a.artist_link:link, a.artist_link:visited {
	display: block;
	background: #000;
	color: #fff;
	position: relative;
	top: -22px;
	opacity: 0.9;
	padding: 3px;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
}
a.artist_link:hover, a.artist_link:active {
	text-decoration: none;
}







/*************************************************************/

.x-track {
    padding: 5px 1px;
    border-bottom: 0px solid #ddd;
}

.x-track a.pl-artist:link, .x-track a.pl-artist:visited {
    color: #555;
    text-decoration: none;
    font-weight: bold;
}
.x-track a.pl-track:link, .x-track a.pl-track:visited {
    color: #555;
    text-decoration: none;
}

.x-track:hover a.pl-artist:hover, .x-playing a.pl-artist:hover {
    text-decoration: underline;
}
.x-track:hover a.pl-track:hover, .x-playing a.pl-track:hover {
    text-decoration: underline;
}

.x-track:hover, .x-playing {
    background-color: #ddd;
    color: #555;
}

.x-track:hover .x-icon-play, .x-playing .x-icon-play {
    background-position: 0 -71px;
}

.x-track:hover .x-icon-pause, .x-playing .x-icon-pause {
    background-position: 0 -131px;
}

.x-track:hover .x-icon-pladd, .x-playing .x-icon-pladd {
    background-position: 0 -226px;
}

/*********************** X-TRACK-SINGLE ***********************/

.x-track-single {
    padding: 5px 1px;
    border-bottom: 0px solid #111111;
    background-color: #ddd;
    color: #000;
}

.x-track-single:hover a:link, .x-track-single a:link, .x-track-single a:visited, .x-playing a:link {
    /*color: #000;*/
}

.x-track-single:hover, .x-playing {
    background-color: #ddd;
    /*color: #000;*/
}

.x-track-single:hover .x-icon-play, .x-track-single .x-icon-play, .x-playing .x-icon-play {
    background-position: 0 -71px;
}

.x-track-single:hover .x-icon-pause, .x-track-single .x-icon-pause, .x-playing .x-icon-pause {
    background-position: 0 -131px;
}

.x-track-single:hover .x-icon-pladd, .x-track-single .x-icon-pladd, .x-playing .x-icon-pladd {
    background-position: 0 -226px;
}

/*************************************************************/

.x-track .ic-block, .pl-head .plic-block {
	position: absolute;
	top: 0;
	right: 0;
    display: none;
    padding: 0 2px;
    background-color: #efefef;
    /*display: inline-block;*/
}

.x-track .ic-block {
    width: 200px;
}

.x-track:hover .ic-block, .pl-head:hover .plic-block {
    display: block;
}

.ic-block a:link, .ic-block a:hover {
    text-decoration: none;
}

.x-track-single {
	margin:0 0 12px 0;
}

/*************************************************************/

.x-icons:link, a.x-icons:visited {
    background-image: url("../img/icons.png");
    background-repeat: no-repeat;
    height: 16px;
    min-width: 16px;
    outline: medium none;
    text-decoration: none;
    display: inline-block;
}

.x-icons:hover {text-decoration: none !important;}

.x-icon-play {
    background-position: 0 -71px; /* -91px; */
}

.x-icon-link {
    background-position: 0 -190px;
}
.x-icon-link-single {
    background-image: url("../img/icons.png");
    background-repeat: no-repeat;
    height: 16px;
    min-width: 16px;
    background-position: 0 -186px;
    padding: 0 0 3px 18px;
	width: 100%;
}

.x-icon-play:hover {
    background-position: 0 -111px !important;
}

.x-icon-pause {
    background-position: 0 -151px;
}

.x-icon-pause:hover {
    background-position: 0 -172px !important;
}

.x-icon-pladd {
    background-position: 0 -246px;
}
/*
.x-icon-tw {
    background-position: 0 -381px;
}
.x-icon-vk {
    background-position: 0 -399px;
}
.x-icon-fb {
    background-position: 0 -418px;
}
*/

.x-icon-vk {
    background-image: url("../img/vkontakte.png") !important;
    margin-left: 3px !important;
}
.x-icon-fb {
    background-image: url("../img/facebook.png") !important;
    margin-left: 3px !important;
}
.x-icon-tw {
    background-image: url("../img/twitter.png") !important;
    margin-left: 3px !important;
}


.x-icon-download {
    background-position: 0 -42px;
    padding: 2px 2px 2px 18px;
}
.x-icon-download-big {
    background-image: url("../img/download.gif");
    width: 234px;
    height: 60px;
}
.x-icon-pladd:hover {
    background-position: 0 -267px !important;
}

.x-icon-lyrics {
    background-position: 0 -290px;
}
.x-icon-lyrics-single:link, .x-icon-lyrics-single:visited {
    background-image: url("../img/icons.png");
    background-repeat: no-repeat;
    height: 16px;
    min-width: 16px;
    outline: medium none;
    display: inline-block;
    background-position: 0 -287px;
    margin: 4px 0 0 0;
    padding: 2px 2px 2px 18px;
    text-decoration: none;
}

.x-icon-expand {
    background-position: 0 -344px;
    padding-left: 14px;
}

.x-icon-expand:hover {
    background-position: 0 -362px;
    padding-left: 14px;
}

.x-plname:link {
	background: url("../img/iconsSpr.png") -15px -137px;
}
.x-plname strong {
	display: block;
	background-color: #efefef;
}
.x-icon-collapse:link {
	background: url("../img/iconsSpr.png") 0px -137px;
    padding-left: 14px;
}
.x-icon-collapse:hover {
    padding-left: 14px;
}

a.x-icon-edit:link, a.x-icon-edit:visited {
   	background: url("../img/iconsSpr.png") 0px -100px !important;
}
a.x-icon-edit:hover, a.x-icon-edit:active {
    background-position: -18px -100px !important;
}

a.x-icon-del:link, a.x-icon-del:visited {
   	background: url("../img/iconsSpr.png") 0px -119px !important;
}
a.x-icon-del:hover, a.x-icon-del:active {
    background-position: -18px -119px !important;
}

a.x-icon-open:link, a.x-icon-open:visited {
   	background: url("../img/iconsSpr.png") -37px -100px !important;
}
a.x-icon-open:hover, a.x-icon-open:active {
	background-position: -37px -119px !important;
}

.hide {
    display: none;
}

/*********************************************************************/

.pladdcont {
    display: inline-block;
    position: relative;
}

.pagerfanta {
    margin-top: 10px;
}

.pagerfanta a,
.pagerfanta span {
    display: inline-block;
    color: orange;
    margin-right: .2em;
    padding: .25em .35em;
}

.pagerfanta a {
    text-decoration: none;
}

.pagerfanta a:hover {
    background: #ddd;
}

.pagerfanta .dots {
    border-width: 0;
}

.pagerfanta .current {
    background: #222;
    font-weight: bold;
}

.pagerfanta .disabled {
    border-color: #555;
    color: #555;
}

.pagerfanta a,
.pagerfanta span {
    color: #3E97DB;
}

.pagerfanta a:hover {
    background: #ddd;
}

.pagerfanta .current {
    color: #111;
    background: #ddd;
}

.pagerfanta .disabled {
    color: #555;
}

#topSongs tr td {
	width: 33%;
	vertical-align: top;
	overflow: hidden;
}
.top_song {
	position: relative;
	padding-right: 10px;

}
.top_song a {
	background: url("data:image/gif;base64,R0lGODlhAwAFAIABAG2xKv///yH5BAEAAAEALAAAAAADAAUAAAIFRAKWi1cAOw==") no-repeat 0 4px;
	padding-left: 6px;
	display: block;
	white-space: nowrap;
}

.clear {
	float: none;
	clear: both;
}

.top_song2 {
	display: block;
	width: 33%;
	float: left;
}
.top_song2 a {
	background: url("data:image/gif;base64,R0lGODlhAwAFAIABAG2xKv///yH5BAEAAAEALAAAAAADAAUAAAIFRAKWi1cAOw==") no-repeat 0 7px;
	padding: 2px 2px 2px 6px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 10px 0 2px;
	height: 16px;
}

.clear_content strong {
    font-weight: normal;
}

strong.normal {
    font-weight: normal;
}
.greeting {
    display: block;
	margin: 0px 0 20px 0;
	color: #777777;
}

.top_songs {
	margin: 0 0 15px 0;
}

.permanent_link {
	width: 50%;
	background-color: transparent;
	border: 1px solid #444;
	padding: 3px;
	color: #111;
	position: relative;
	top: 0px;
}
#share42 a {opacity: 0.7}
#share42 a:hover {opacity: 1}

.single_track_bar, .single_track_bar * {
	font-size: 14px !important;
}
.single_track_bar p {
	margin: 10px 0 5px 0;
}

/****************************************************/

.popupWindowH {
    background-color: #000;
    position: fixed;

    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

    opacity: 0.2;

    z-index: 100500;
}
.popupWindow {
    position: fixed;
}

.clearfix { display: block !important; }

/****************************************************/

.player_progress_bar {
    border-bottom: 1px solid #EEEEEE;
    border-radius: 4px 4px 4px 4px;
    border-top: 1px solid #888888;
    cursor: pointer;
    float: left;
    height: 6px;
    padding: 0 1px;
    position: relative;
    vertical-align: middle;
}
.player_progress_bar .jp-progress {
	width: 100%;
}
.player_progress_bar .jp-seek-bar {
    background: none repeat scroll 0 0 #aaa;
    border-radius: 10px 10px 10px 10px;
    height: 6px;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}
.player_progress_bar .jp-play-bar {
    background: none repeat scroll 0 0 #3E97DB;
    border-radius: 10px 10px 10px 10px;
    height: 5px;
    left: 1px;
    position: relative;
    top: 0;
    width: 100%;
}
.player_progress_bar:hover .handle {
	display:block;
}

/****************************************************/

input[type="text"], input[type="password"], textarea {
    border: 1px solid #D4D4D4;
    border-radius: 3px;
    box-shadow: #ECECEC 0px 1px 2px inset;
    font: 11px "tahoma", "arial", "lucida grande", "helvetica", sans-serif;
    padding: 4px;
}

.form input[type="text"]:focus, .form input[type="password"]:focus, .form textarea:focus,
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
    border: 1px solid #CCCCCC;
    box-shadow: 0px 0px 3px #FFCC00;
}

.form input[type="text"], .form input[type="password"], .form textarea {
    width: 220px;
}


.form input[type="submit"]:focus {
    outline: 0px none currentColor;
}


button, .form input[type="submit"] {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#BBBBBB), to(#888888));
	background: -webkit-linear-gradient(#BBBBBB, #888888);
	background: -moz-linear-gradient(#BBBBBB, #888888);
	background: -ms-linear-gradient(#BBBBBB, #888888);
	background: -o-linear-gradient(#BBBBBB, #888888);
	background: linear-gradient(#BBBBBB, #888888);
	background-color: #BBBBBB;
	-pie-background: linear-gradient(#BBBBBB, #888888);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #DDDDDD 0px 1px 0px inset;
	-moz-box-shadow: #DDDDDD 0px 1px 0px inset;
	box-shadow: #DDDDDD 0px 1px 0px inset;
	color: #ffffff;
	cursor: pointer;
	font: bold 11px tahoma, arial, lucida grande, helvetica, sans-serif;
	line-height: 14px;
	margin-bottom:-1px;
	outline-style: none;
	padding: 4px 15px;
	text-shadow: 0 1px 1px #777777;
	border:1px solid #777777;
}
button::-moz-focus-inner, .form input[type="submit"]::-moz-focus-inner {
    border: 0;
    margin: 0;
    padding: 0!important;
}
button:focus, .form input[type="submit"]:focus {
    outline: 0;
}
button:hover, .form input[type="submit"]:hover {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#bbbbbb), to(#777777));
	background: -webkit-linear-gradient(#bbbbbb, #777777);
	background: -moz-linear-gradient(#bbbbbb, #777777);
	background: -ms-linear-gradient(#bbbbbb, #777777);
	background: -o-linear-gradient(#bbbbbb, #777777);
	background: linear-gradient(#bbbbbb, #777777);
	-pie-background: linear-gradient(#bbbbbb, #777777);
	background-color: #888888;
	cursor: pointer;
	outline: 0;
}
button:active, .form input[type="submit"]:active {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#aaaaaa), to(#656565));
	background: -webkit-linear-gradient(#aaaaaa, #656565);
	background: -moz-linear-gradient(#aaaaaa, #656565);
	background: -ms-linear-gradient(#aaaaaa, #656565);
	background: -o-linear-gradient(#aaaaaa, #656565);
	background: linear-gradient(#aaaaaa, #656565);
	-pie-background: linear-gradient(#aaaaaa, #656565);
	background-color: #656565;
	cursor: pointer;
	outline: 0;
}
button.disabled, button.disabled:hover, button.disabled:active, button.disabled:focus {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eeeeee), to(#dddddd));
	background: -webkit-linear-gradient(#eeeeee, #dddddd);
	background: -moz-linear-gradient(#eeeeee, #dddddd);
	background: -ms-linear-gradient(#eeeeee, #dddddd);
	background: -o-linear-gradient(#eeeeee, #dddddd);
	background: linear-gradient(#eeeeee, #dddddd);
	background-color: #eeeeee;
	-pie-background: linear-gradient(#eeeeee, #dddddd);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #ffffff 0px 1px 0px inset;
	-moz-box-shadow: #ffffff 0px 1px 0px inset;
	box-shadow: #ffffff 0px 1px 0px inset;
	color: #39587C;
	cursor: pointer;
	font: bold 11px tahoma, arial, lucida grande, helvetica, sans-serif;
	line-height: 14px;
	margin-bottom:-1px;
	outline-style: none;
	padding: 5px 15px;
	text-shadow: 0 1px 1px #eeeeee;
	border:1px solid #cccccc !important;
}



/************** PLAYLIST STYLE *****************/

#content .pl {
	padding: 2px;
}
.pl .caption {
    margin-left: 0px;
    display: block;
}
.pl .caption .wrapper {
	margin: 2px 0 0 0;
}
.pl .caption .wrapper p {
	margin: 0px;
	font-size: 10px;
	line-height: 14px;
    height: 32px;
	overflow: hidden;
}
#content .pl .x-track {
	list-style: none;
	line-height: auto;
	padding: 2px 1px;
	height: auto;
	height: 32px;
}
.pl .x-track .dir {
	/*float: left;*/
}
.pl .caption {
	position: relative;
    margin-left: 17px;
    clear: both;
    float: none;
}
.pl .playerButton a {
	position: absolute;
	width: 16px;
	height: 16px;
	margin: 2px 0;
	border: 0px solid #f00;
	float: left;
    color: #555555;
	background: url("../img/iconsSpr.png") 0px -3px;
    cursor: pointer;
    opacity: 0.2;
}
.pl .pl-body li:hover .playerButton a {
	opacity:1;
}
.pl .playerButtonPause {
	position: absolute;
	width: 16px;
	height: 16px;
	background: #0f0;
	margin: 3px 0;
	float: left;
    background: url("../img/iconsSpr.png") -1px -22px;
    cursor: pointer;
}
.pl .caption .wrapper {
	/*clear: both;*/
}
.pl .caption .wrapper p {
	display: block;
	width: 100%;
}
#content .pl .trackOptions {
	top: 3px;
	margin-top: -5px;
	margin-left: 3px;
	display: none;

	position: absolute;
	right: 0px;
	top: 25px;
	background-color: #ddd;
	padding: 0px 3px;
    border: 1px solid #777;
    border-radius: 3px;
	/*display: inline-block !important;*/
}
#content .pl li:hover .trackOptions {
	display: inline-block !important;
}
#content .pl li:hover .playerButton {
	opacity: 1!important;
}
#content .pl .trackOptions .optionPosition {
	position: relative;
	margin: 0px;
	width: auto;
}
#content .pl .trackOptions .optionPosition a {
	margin: 0px;
	padding: 0px;
	width: 17px;
	height: 15px;
}

a#newPlaylist:link {
}

.pl {
    border: 1px solid #dfdfdf;
    margin-bottom: 5px;
    padding: 5px;
    border-radius: 3px;
    cursor: move;
}
.pl-head {
    padding-bottom: 1px;
    position: relative;
    top: 1px;
}
.pl-body {
    min-height: 100px;
}
.pl-body .x-track {
    cursor: move;
}
.x-plname:link, .x-plname:visited, .x-plname:hover, .x-plname:active {
	color: #555;
	text-decoration: none;

	position: relative;
	width: 90%;
	overflow: hidden;
	border: 0px dashed #f00;
	white-space: nowrap;
}

#sidebar_playlists_empty {
	border: 0px dashed #f00;
	margin-bottom: 500px;
	position: relative;
	height: 500px;
	overflow: hidden;
}
#page_scrollpadding {
	/*height: 100%;*/
}
#part_menu {
	padding: 0px 3px 1px 3px;
}

.vk_link_block {
	border: 0px solid #fff;
	padding: 2px 6px 3px 0px;
	background-image: url(../img/vk.png);
	background-repeat: no-repeat;
	position: relative;
	top: -5px;
}
.vk_link_block a:link, .vk_link_block a:visited {
	font-weight: bold;
	padding: 3px 4px 3px 24px;
	color: #135895;
	text-decoration: none;
}
.vk_link_block a:hover, .vk_link_block a:active {
	color: #135895;
	text-decoration: none;
}

#share42 {
    padding: 6px 6px 0;
    border-radius: 4px 0px 0px 4px ;
    background: #F6F6F6;
    border: 1px solid #D4D4D4;
    border-right: 0px solid #D4D4D4;
    box-shadow: 0 0 5px #DDD;
    text-align: center;
    width: 50px;
}
#share42 a {opacity: 0.6}
#share42 a:hover {opacity: 1}

.ad_content_top {
	margin: 0 auto;
	padding: 8px 5px 0px 5px;
	text-align: center;
}
.ad_content_bottom {
	margin: 0 auto;
	padding: 0px 5px 8px 5px;
	text-align: center;
}

iframe {
    border-bottom-style: inset;
    border-bottom-width: 0px;
    border-left-style: inset;
    border-left-width: 0px;
    border-right-style: inset;
    border-right-width: 0px;
    border-top-style: inset;
    border-top-width: 0px;
    float: none;
    clear: both;
}

h1 sup {
	font-weight: normal;
}
ul {
	padding-left: 10px;
	margin: 1px 0 10px 0;
}
/*
ul li {
    list-style-position: inside;
    list-style-type: disc;
}
*/

.vip_ok {
	border: 1px solid #999;
	background-color: #6AC955;
	padding: 8px 10px;
	color: #333;
	font-weight: bold;
}
.vip_expire {
	border: 1px solid #DE2127;
	background-color: #ED5045;
	padding: 8px 10px;
	color: #fff;
	font-weight: bold;
}
.vip_never {
	border: 1px solid #ccc;
	background-color: #ddd;
	padding: 8px 10px;
	color: #333;
	font-weight: bold;
}

.notice abbr {
	border-bottom: 0;
}
a.bad_user_data:link, a.bad_user_data:visited, a.bad_user_data:hover, a.bad_user_data:active {
	text-decoration: line-through;
	color: #f00;
	padding: 0 0 0 5px;
	font-weight: bold;
}

#pllist, .popupWindow {
    position: absolute;
    min-width: 300px;
    z-index: 100501;
}
.popupWindow {
    min-height: 100px;
}
ul.search_queries {
	padding: 5px 0 0 5px;
}
ul.search_queries li {
	display: block;
	width: 100%;
}
ul.search_queries li a {
	display: block;
    background: url("data:image/gif;base64,R0lGODlhAwAFAIABAG2xKv///yH5BAEAAAEALAAAAAADAAUAAAIFRAKWi1cAOw==") no-repeat 0 8px;
    padding: 2px 2px 2px 7px;
}
#latest_queries {
	padding: 20px 10px 30px 10px;
}
.topic {
	display: block;
	padding: 5px 0 5px 0;
	font-weight: bold;
}
.about_right a img {
    opacity:0.0; -moz-opacity:0.0; filter:alpha(opacity=0);
}
.about_right a:hover img {
    opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}
.pl_msg {
    color: #444;
    font: normal normal 400 11px/16px Tahoma;
    text-align: center;
}
.short_info {
    font-size: 11px;
    position: relative;
    display: block;
    margin-left: 135px;

    overflow: hidden; /* Обрезаем содержимое */
    text-overflow: ellipsis; /* Многоточие */
    height: 65px;
}

.short_info::after {
    content: ''; /* Выводим элемент */
    position: absolute; /* Абсолютное позиционирование */
    left: 0;
    bottom: 0; /* Положение элемента */
    width: 100%; /* Ширина градиента*/
    height: 20px; /* Высота родителя */
    /* Градиент */
    background: -moz-linear-gradient(top, rgba(255,255,255, 0.2), #fff 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255, 0.2), #fff 100%);
    background: -o-linear-gradient(top, rgba(255,255,255, 0.2), #fff 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255, 0.2), #fff 100%);
    background: linear-gradient(to bottom, rgba(255,255,255, 0.2), #fff 100%);
}


.similar_artists {
    margin: 10px 0 10px 0;
}

.topb {width:57px; height:10px; float:right; clear:left; background:url("../img/advsp.png") -101px 0 no-repeat;}
.plab {width:3px; height:inherit; float:right; background:url("../img/advsp.png") -84px 0 repeat-y;}
.botb {width:57px; height:10px; float:right; clear:both; background:url("../img/advsp.png") -101px -5px no-repeat;}

.slick-box {
    position: relative;
    height: 90px;
    border: 1px solid #efefef;
    background: #fff;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
}

.slick-box:before, .slick-box:after {
    content: '';
    z-index: -1;
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 70%;
    max-width: 300px; /* avoid rotation causing ugly appearance at large container widths */
    height: 55%;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    transform: skew(-15deg) rotate(-6deg);
}

.slick-box:after {
    left: auto;
    right: 10px;
    transform: skew(15deg) rotate(6deg);
}

.artist-block {
    margin: 0 0 21px 0;
}

.artist-image {
    background-repeat: no-repeat;
    background-size: cover;
    width: 130px;
    height: 130px;
    float: left;
}

.artist-info, .artist-links {
    font-size: 12px;
    display: block;
    margin-left: 140px;
    position: relative;
}

.artist-info {
    overflow: hidden; /* Обрезаем содержимое */
    text-overflow: ellipsis; /* Многоточие */
    height: auto;
    max-height: 100px;
    margin-right: 15px;
    margin-bottom: 5px;
    text-align: justify;
}

.artist-info::after {
    content: ''; /* Выводим элемент */
    position: absolute; /* Абсолютное позиционирование */
    left: 0;
    bottom: 0; /* Положение элемента */
    width: 100%; /* Ширина градиента*/
    height: 15px; /* Высота родителя */
    /* Градиент */
    background: -moz-linear-gradient(top, rgba(255,255,255, 0.2), #fff 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255, 0.2), #fff 100%);
    background: -o-linear-gradient(top, rgba(255,255,255, 0.2), #fff 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255, 0.2), #fff 100%);
    background: linear-gradient(to bottom, rgba(255,255,255, 0.2), #fff 100%);
}

.fancybox-wrap {
    margin: 10px auto !important;
	/*
    top: 0 !important;
    */
}

.load-more-link:link, .load-more-link:visited {
    display: block;
    width: 100%;
    text-align: center;
    padding: 20px 0;
    text-decoration: none;
    font-size: 20px;
    background: #eee;
}

.load-more-link:hover, .load-more-link:active {
    text-decoration: none;
    background: #ddd;
}

#jp_container_1 {
    position: relative;
    top: 0;
}


.tabs li span.nolink {
    white-space: nowrap;
}
.welcome_prefix {
    display: inline-block;
}
.user_name {
    display: inline-block;
    margin: 0 0 10px 0;
    float: none;
    text-overflow: ellipsis;
    font-weight: bold;
    white-space: nowrap;
}
.snolink {
    height: 16px;
    overflow: hidden;
}
.noview {
    position: absolute;
    left: -10000px;
}
.fa {
    font-size: 14px !important;
    width: 18px;
}
.sidebar .fa {
	margin-right: 2px;
	margin-top: 1px;
}
.sidebar .fa.fablock {
    display: block;
    float: left;
}
.display_block {
	display: block;
	width: 100%;
}
hr {
    border-top: 1px #dfe1e4 solid;
    border-bottom: 0px #fafafa solid;
    margin: 15px 0;
    float: none;
    clear: both;
}
.smartlink_track {
	position: relative;
	width: 45%;
}
.smartlink_track div.info {
    margin-left: 66px;
    margin-top: 10px;
}
.smartlink_track p {
	margin: 4px 0;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.smartlink_track p.track {
    //
}
.smartlink_track p.track a:link, .smartlink_track p.track a:visited {
	font-weight: bold;
	color: #39587C;
	text-decoration: none;
}
.smartlink_track p.track a:hover, .smartlink_track p.track a:active {
	text-decoration: underline;
}
.smartlink_track p.artist {
	//
}
.smartlink_track p.artist a {
    color: #555555;
	text-decoration: none;
}
.smart_album .artist {
	display: block;
	font-weight: normal;
	margin-top: 5px;
}
.nowrap {
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
}
.ui-slider-handle {
	border: 0;
	outline: 0;
}
.ajax-load-block {
    background: url(../img/pl-ajax-loader.gif) 50% 50% no-repeat;
    height: 50px;
}
.caption-margin-right {
	margin-right: 130px;
}
#trackname {
    text-align: center;
}


/*********************************************************************/
/*************************** BOOTSTRAP CSS ***************************/
/*********************************************************************/

.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none !important;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #428bca;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #999;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px solid;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
.margin-right-8 {
	margin-right: 8px !important;
}
.margin-right-0 {
	margin-right: 0 !important;
}
.padding-right-8 {
	padding-right: 8px !important;
}
.padding-right-0 {
	padding-right: 0 !important;
}

/*********************************************************************/
/*********************** BOOTSTRAP CSS CHANGES ***********************/
/*********************************************************************/

.dropdown-menu > li > a {
	padding: 3px 7px;
	font-size: 12px;
}
.dropdown-menu > li > a i {
	padding-top: 2px;
}
.dropdown-menu > li > a b {
	margin-left: 5px;
	font-weight: normal;
	float: none !important;
}
.dropdown-menu.label-right::before { 
    border-bottom: 8px solid rgba(0, 0, 0, 0.149);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
    display: inline-block;
    right: 7px;
    position: absolute;
    top: -8px;
}
.dropdown-menu.label-right::after { 
    border-bottom: 7px solid #FFFFFF;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    right: 8px;
    position: absolute;
    top: -7px;
}
/*********************************************************************/


iframe.fancybox-iframe {
    overflow:hidden;
}