/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.jplayer.org
 *
 * Skin Name: Pink Flag
 *
 * Copyright (c) 2011 Happyworm Ltd
 * Dual licensed under the MIT and GPL licenses.
 *  - http://www.opensource.org/licenses/mit-license.php
 *  - http://www.gnu.org/copyleft/gpl.html
 *
 * Author: Silvia Benvenuti
 * Skin Version: 1.0 (jPlayer 2.1.0)
 * Date: 1st September 2011
 */
body {
	margin:0;
	padding:0;
}
* {
	outline:none;
}

.jp-accountmenu li#upgrade a:link, .jp-accountmenu li#upgrade a:visited,
.jp-accountmenu li#tipsrecall a:link, .jp-accountmenu li#tipsrecall a:visited {
text-shadow: #ffffff;
padding:0;
line-height:21px;
display:block;
background: #e7e7e7; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNjAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYTcwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-8 */
-webkit-border-radius: 3px;    
border-radius: 3px;
border:1px solid #d9d9d9;
height:20px;
text-transform:uppercase;
color:#ff7200;
font-size:10px;
font-weight:normal;
text-align:center;
letter-spacing:0px;
}
.jp-accountmenu li#tipsrecall a:link, .jp-accountmenu li#tipsrecall a:visited {
	/* color: #999999; */
}
.jp-accountmenu li#upgrade a:hover,
.jp-accountmenu li#tipsrecall a:hover {
background: #e7e7e7; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4NmYwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNDU2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-8 */
text-decoration:none;
border:1px solid #bbbbbb;
}
.jp-accountmenu li#upgrade a:active,
.jp-accountmenu li#tipsrecall a:active {
background: #e7e7e7; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1NTgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iI2Y3NmUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #e7e7e7 0%, #f0f0f0 54%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(54%,#f0f0f0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e7e7e7 0%,#f0f0f0 54%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e7e7e7 0%,#f0f0f0 54%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e7e7e7 0%,#f0f0f0 54%); /* IE10+ */
background: linear-gradient(to bottom,  #e7e7e7 0%,#f0f0f0 54%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-8 */
}

.jp-accountmenu li#upgrade a:link, .jp-accountmenu li#upgrade a:visited{
	color:#2ba122;
}

#jp_poster_0{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
/*.jp-thumbs img{
	opacity: 0.5;
	filter: alpha(opacity = 50);
}
.jp-thumbs .musician:hover{
	opacity: 1;
	filter: alpha(opacity = 100);
}*/
.qtip-white {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(tooltip.png) no-repeat top center;
	height:42px;
}
.jp-notify {
	width:52px;
	height:27px;
	float:right;
	margin:18px 2% 0 0;
	position:relative;
}
.jp-notify a:link, .jp-notify a:visited{
	width:52px;
	height:39px;
	/*text-indent:-999px;
	overflow:hidden;*/
	background:url(notify.png) no-repeat top left;
	display:block;
	color: #0099ff;
	font-weight: 100;
	text-align: center;
	line-height: 39px;
}
.jp-notify a:active{
	background:url(notify.png) no-repeat 0 -43px;
}
.jp-notify .activate  {
	width:8px;
	height:8px;
	position:absolute;
	top:3px;
	left:2px;
}
.jp-notify a.notifyDisable  {
	cursor: text;
    opacity: 0.5;
	filter: alpha(opacity = 50);
}
.jp-notify .activate a:link, .jp-notify .activate a:visited {
	width:8px;
	height:8px;
	display:block;
	text-indent:-999px;
	overflow:hidden;
	background:url(notify-button.png) no-repeat 0 0;
}

.jp-notify .on a:link, .jp-notify .on a:visited {
	background:url(notify-button.png) no-repeat 0 -35px;
}
/*********************** Notification Box *********************************/
.jp-musicianbox, .jp-musicianbox#activate  {
	width:auto;
	height:31px;
	float:right;
	margin:18px 2% 0 0;
	position:relative;
}
.jp-musicianbox a:link, .jp-musicianbox a:visited{
	width:auto;
	height:39px;
	overflow:hidden;
	background:url(musicianbox-left.png) no-repeat top left;
	display:block;
	color:#0099ff;
	text-decoration:none;
	font-size:11px;
	padding: 0 0 0 28px;
	line-height:39px;
	font-weight: 100;
	position:relative;
	right:0;
}
.jp-musicianbox a:active{
	background:url(musicianbox-left.png) no-repeat 0 -44px;
}
.jp-musicianbox a:link span, .jp-musicianbox a:visited span{
	width:auto;
	height:39px;
	overflow:hidden;
	background:url(musicianbox-right.png) no-repeat top right;
	display:block;
	padding: 0 50px 0 0;
	line-height:39px;
	font-weight: 100;
	min-width:89px;
	font-size:12px;
}
.jp-musicianbox a:active span{
	background:url(musicianbox-right.png) no-repeat 0 -44px;
}
.jp-musicianbox .jp-count {
    background: url("counter-center.png") no-repeat top center;
    color: #0099FF;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 23px;
    padding: 5px 2px 0 5px;
    z-index: 100;
	float:left;
	min-width:5px;
}
.jp-musicianbox .jp-count-left {
    background: url("counter-left.png") no-repeat top left;
    bottom: -6px;
    display: block;
    position: absolute;
    right: 13px;
    z-index: 100;
	width:auto;
	overflow:hidden;
	padding:0 0 0 2px;
}
.jp-musicianbox .jp-count-right {
    background: url("counter-left.png") no-repeat top right;
    display: block;
    z-index: 100;
	width:5px;
	float:left;
	overflow:hidden;
	height: 23px;
	text-indent:-999px;
}
.jp-musicianbox .activate  {
	width:8px;
	height:8px;
	position:absolute;
	top:2px;
	left:2px;
}
.jp-musicianbox .activate a:link, .jp-musicianbox .activate a:visited {
	width:8px;
	height:8px;
	display:block;
	text-indent:-999px;
	overflow:hidden;
	background:url(musicbox-button.png) no-repeat 0 0;
}
.jp-musicianbox .on a:link, .jp-musicianbox .on a:visited {
	background:url(musicbox-button.png) no-repeat 0 -41px;
}
/****************************Poster Image Size *************************/
.jp-jplayer #jp_poster_0 {
	width:100%;
}

.shareTooltip-outer {
	/*background:url(share-tipsy.png) 0 -78px no-repeat;
    font-size: 12px;
	padding:0 0 0 13px;
    top: -76px;
    position: absolute;
    z-index: 6000;
	display: none;	
	height: 88px;*/
	
	background: url(share-tipsy.png) 0 -78px no-repeat;
	font-size: 12px;
	padding: 0 0 0 10px;
	top: -46px;
	position: absolute;
	z-index: 6000;
	display: none;
	height: 33px;
}
.shareTooltip-inner {
	background:url(share-tipsy.png) top right no-repeat;
    color: #bad0db;
    padding: 6px 20px 6px 6px;
    text-align: center;

}
.shareTooltip-inner strong {
	font-weight: 100;
}
.shareTooltip-inner .songTitle {
	display: block;
	height: 22px;
}
.shareTooltip-inner a{
	margin-right: 7px;
}
.shareTooltip-outer .tipsy-arrow { 
	bottom: 12px;
	height:11px;
}
#share_mailto {
	margin-right: 0px;
}
/*.tipsy { padding: 0 0 6px 2px; font-size: 12px; font-weight: 100; position: absolute; z-index: 100000; background:url(tooltipbg-sprite.png) 0 -42px no-repeat; }
.tipsy-inner { padding: 10px 13px 10px 10px; color: #bad0db; font-weight: 100; text-align: center; background:url(tooltipbg-sprite.png) top right no-repeat;}
.tipsy-arrow { padding:0 9px; font-size: 12px; height:11px;position:absolute; z-index: 100000; background: url(tipsy.png) no-repeat 50% 0px; z-index: 1; bottom: 6px; left: 50%; margin-left: -9px;}*/

.tipsy { padding: 0 0 8px 2px; font-size: 12px; font-weight: 100; position: absolute; z-index: 100000; }
.tipsy-se {padding: 0 0 0 13px;}
.tipsy-inner { padding: 10px; color: #bad0db; font-weight: 100; text-align: center; background: #171a1e;
border: 1px solid #282d30;}
.tipsy-arrow { display: none; }

/* Global classes end */

/* limitaccess */
.jp-desc {
	min-width:185px;
	width:auto;
	height:auto;
	overflow:visible;
	float:left;
	position:relative;
}
.ie7.win .jp-desc {
max-width:370px;
}
.jp-limitaccess {
    background: none repeat scroll 0 0 #0dbbd5;
    height: 53px;
    left: 5px;
    position: absolute;
    top: -59px;
    width: 760px;
	border:2px solid #0dbbd5;
}
.jp-limitaccess p{
	color:#ffffff;
	font-size:14px;
	margin:7px;
	font-weight: 100;
	font-family:Helvetica, Arial, sans-serif;
	background:url(limited.png) no-repeat;
	padding:10px 0 0 21px;
}
.jp-limitaccess p a:link, .jp-limitaccess p a:visited{
	color:#ffffff;
	font-size:14px;
	text-decoration:underline;
	padding:0 6px 0 4px;
}
.jp-limitaccess p a:hover{
	text-decoration:none;
}
/********************************Fancy Scroll ************************/
.jp-trackinfo .scroll-pane {
	width: 445px;
	overflow:hidden;
	height: 150px;
	visibility: hidden;
}
.bottomshadow {
	position: absolute;
	top: 375px;
	left: -47px;
	z-index: 9999;
}
.jp-trackinfo .scroll-pane,
.jp-trackinfo .jScrollPaneContainer {
	position:absolute;
	bottom:24px;
	right:19px;
	height:151px;
	overflow:hidden;
	/*background:#171717 url(playlist-bg.jpg) repeat-x;*/
	background:#000;
	visibility: hidden;
	-webkit-box-shadow:  2px 1px 4px 1px rgba(0, 0, 0, 0.3);        
   box-shadow:  2px 1px 4px 1px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 2px 1px 4px 1px rgba(0, 0, 0, 0.3);
   border:1px solid #333333;
   z-index: 100;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 150px;
	padding: 0px;
}
.jScrollPaneDrag {
	position: absolute;
	background: url(scroll.png) 0 4px no-repeat;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDrag:hover {
	background: url(scroll.png) 0 -33px no-repeat;
}
.jp-trackdetail a.adminReview {
    float: left;
	visibility:hidden;
	position: absolute;
    bottom:16px;
	width: 62px;
}

/* -------------------------------------jscroll new version -------------------------------------------*/
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
	width: 100% !important;
	height: 100% !important;
}

.jspPane
{
	position: absolute;
	width: 100% !important;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 7px;
	height: 100%;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	position: relative;
	width: 5px;
}

.jspDrag
{
	background: #000;
	border-radius: 1px;
	cursor: pointer;
	left: 0;
	position: relative;
	top: 0;
}
.jspDrag:hover {
	background: #000;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

/*.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}*/

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
/* -------------------------------------jscroll new version -------------------------------------------*/
/*.jp-trackdetail a.adminReview:active{
	background: url(admin-review-sprite.png) no-repeat 0 -42px;
}*/
#share_facebook {
display:inline-block;
width:34px;
height:34px;
background: url(share-icons.png) 0 0 no-repeat;
}
#share_facebook:hover{
background: url(share-icons.png) 0 -36px no-repeat;
}
#share_mailto {
display:inline-block;
width:34px;
height:34px;
background: url(share-icons.png) -86px 0 no-repeat;
}
#share_mailto:hover{
background: url(share-icons.png) -86px -36px no-repeat;
}
#share_twitter {
display:inline-block;
width:34px;
height:34px;
background: url(share-icons.png) -43px 0 no-repeat;
}
#share_twitter:hover{
background: url(share-icons.png) -43px -36px no-repeat;
}
.horizontal_scroller{
	display: block;
	overflow: hidden;
	/*width: 105px;*/
	position: relative;
}
.scrollingtext {
	white-space: nowrap;
	position: absolute;
}

#userZone,
#userLogout {
	padding: 0px;
}

.jp-review{
	margin:6px 0 0 0;
	height: 8px;
}
.jp-review #review,#credits{
	display:none;
	float:left;
	width:60px;
}
.jp-review #review{
	margin:0 1px 0 0;
}
.jp-review #review a:link, .jp-review #review a:visited, .jp-review #credits a:link, .jp-review #credits a:visited {
	color:#0099FF;
	display:block;
	font-size:10px;
	font-weight:100;
	line-height:15px;
	width: 60px;
	height:14px;
	text-align:center;
	overflow:hidden;
	position:relative;
	text-decoration:none;
}
.gecko.mac .jp-review #review a:link, 
.gecko.mac .jp-review #review a:visited, 
.gecko.mac .jp-review #credits a:link, 
.gecko.mac .jp-review #credits a:visited {
	line-height:18px;
}
.jp-review #review a:link, .jp-review #review a:visited{
	background: url("reviewcredit.png") no-repeat scroll 0 0 transparent;
}
.jp-review #review a:active{
	background: url("reviewcredit.png") no-repeat scroll 0 -14px transparent;
}
.jp-review #credits a:link, .jp-review #credits a:visited{
	background: url("reviewcredit.png") no-repeat scroll 100% 0 transparent;
}
.jp-review #credits a:active{	
	background: url("reviewcredit.png") no-repeat scroll 100% -14px transparent;
}
.logout {
	position:absolute;
	right:30px;
	bottom:40px;
	height:auto;
	overflow:hidden;
	width: auto;
}
.logout ul {
	margin:0;
	padding:0;
	list-style:none;
}
.logout li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	line-height:25px;
	color: #656565;
}
.logout li a:link, .logout a:visited{
	text-shadow: 1px 1px 0 #ffffff;
    filter: dropshadow(color=#ffffff, offx=1, offy=1);
	color:#4d78bc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:0 6px;
	font-weight:700;
	text-decoration:none;
}
.logout li a:hover{
	text-decoration:underline;
}
.jp-playlist li strong, .jp-playlist-tmp li strong {
    display: block;
    height: 23px;
    position: absolute;
    right: 20px;
    top: 14px;
    width: 86px;
}
.song_video {
	background: url("song_video.png") no-repeat scroll 95% 50% transparent !important;
}
.song_sell {
	background: url("song_sell.png") no-repeat scroll 95% 50% transparent !important;
}
.song_download {
	background: url("song_download.png") no-repeat scroll 95% 50% transparent !important;
}
.song_video_sell {
	background: url("song_video_sell.png") no-repeat scroll 95% 50% transparent !important;
}
.song_video_download {
	background: url("song_video_download.png") no-repeat scroll 95% 50% transparent !important;
}
.song_sell_download {
	background: url("song_sell_download.png") no-repeat scroll 95% 50% transparent !important;
}
.song_video_sell_download {
	background: url("song_video_sell_download.png") no-repeat scroll 95% 50% transparent !important;
}

