body {
	font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size: 12px;
}
.demo-container {
	border: 1px solid #009BE3;
	padding:0 20px;
	/*font-family: "Myriad Pro Regular","Trebuchet MS";*/
}

.demo-container a, .demo-container a:link, .demo-container a:visited, .demo-container a:hover, .demo-container a:focus, .demo-container a:active {
	color: #009BE3;
}

.demo-container ul {
	list-style-type:none;
	padding:0;
	margin:1em 0;
	width:100%;
	overflow:hidden;
}

.demo-container ul span {
	color: #A0A600;
}

.demo-container li {
	float:left;
	margin-right:1em;
}

.demo-container p span.track-name {
	color: #CC0090;
}

@font-face {
  font-family: 'fontello';
  src: url("/font/fontello.eot?22950407");
  src: url("/font/fontello.eot?22950407#iefix") format('embedded-opentype'), url("/font/fontello.woff?22950407") format('woff'), url("/font/fontello.ttf?22950407") format('truetype'), url("/font/fontello.svg?22950407#fontello") format('svg');
  font-weight: normal;
  font-style: normal;
}
/*[class*="iconp-"] {
  font-family: 'fontello';
  font-style: normal;
  font-size: 16px;
  speak: none;
}
.iconp-home:after { content: "\25b6"; } 
.iconp-cog:after { content: "\2389"; } 
.iconp-cw:after { content: "\27f3"; } 
.iconp-location:after { content: "\2629"; } 



.nav {
  list-style: none;
}
.ui-widget-content {
border: 1px solid #aaaaaa;
background: none;
color: #222222;
}
.nav li {
  position: relative;
  display: inline-block;
  margin-right: -4px; 
}

.nav li:before {
  content: "";
  display: block;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #fff;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  z-index: -1;
}

.nav a {
	text-decoration:none;
  display: block;
  background-color: #f7f7f7;
 
  color: #a7a7a7; 
  margin: 16px;
  width: 50px;
  height: 50px;
  position: relative;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  box-shadow: 0px 3px 8px #aaa, inset 0px 2px 3px #fff;
}

.ss {
  content: "";
  display: block;
  background: #fff;
  border-top: 2px solid #ddd;
  position: absolute;
  top: -2px;
  left: -2px;
  bottom: -2px;
  right: -2px;
  z-index: -1;
  border-radius: 50%;
  box-shadow: inset 0px 8px 48px #ddd;
}

.nav a:hover {
  text-decoration: none;
  color: #555;
  background: #f5f5f5;
}
.checkbox{
	position:relative;
	top:2px;	
}*/
@font-face {
  font-family: 'fontello';
  src: url("http://wix.themusicase.com/font/fontello.eot?22950407");
  src: url("http://wix.themusicase.com/font/fontello.eot?22950407#iefix") format('embedded-opentype'), url("http://wix.themusicase.com/font/fontello.woff?22950407") format('woff'), url("/font/fontello.ttf?22950407") format('truetype'), url("/font/fontello.svg?22950407#fontello") format('svg');
  font-weight: normal;
  font-style: normal;
}
[class*="iconp-"] {
  font-family: 'fontello';
  font-style: normal;
  font-size: 11px;
  speak: none;
}
.iconp-home:after { content: "\25b6"; } 
.iconp-cog:after { content: "\2389"; } 
.iconp-cw:after { content: "\25a0"; font-size:13px; position:relative; top:1px; } 
.iconp-location:after { content: "\2629"; } 

#player{
	width:160px;
	height:100px;
	text-align:center;
}
.powered a{
	color:#E01B6A;
	text-decoration:none;
}
.powered{
 font-size:11px;	
	font-family:Arial;
	background-color:#ddd;
	display:inline-block;
	width:110px;
	color:#E01B6A;
	padding:5px;
	margin-top:1px;
	-webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 2px;
box-shadow: rgba(0,0,0,0.3) 0 1px 2px;
background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eeeeee));
background: -webkit-linear-gradient(top, #fafafa, #eeeeee);
background: -moz-linear-gradient(top, #fafafa, #eeeeee);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#eeeeee');
}
ul{
	margin:0;
	padding:0;
}
.nav {
	width:130px;
	margin:0 auto;
  list-style: none;
	background-color:#9E2E5B;
	padding-top:3px;
	padding-bottom:3px;
	border-radius:4px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
  -khtml-border-radius:4px;

	font-size: 11px;
display: block;
-khtml-box-shadow: rgba(0,0,0,0.3) 0 1px 2px;
-ms-box-shadow: rgba(0,0,0,0.3) 0 1px 2px;
-o-box-shadow: rgba(0,0,0,0.3) 0 1px 2px;
-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 2px;
-webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 2px;
box-shadow: rgba(0,0,0,0.3) 0 1px 2px;
background: -webkit-gradient(linear, left top, left bottom, from(#C43F74), to(#9E2E5B));
background: -webkit-linear-gradient(top, #C43F74, #9E2E5B);
background: -moz-linear-gradient(top, #C43F74, #9E2E5B);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C43F74', endColorstr='#9E2E5B');
}

.nav li {
  position: relative;
  display: inline-block;
	width:50px;
}

.nav li:before {
  content: "";
  display: block;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #fff;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  z-index: -1;
}

.nav a,.ui-widget-content .nav a {
	text-decoration:none;
  display: block;
  background-color: #f7f7f7;
 margin:0 auto;
  color: #a7a7a7; /*font color */

  width: 30px;
  height: 30px;
  position: relative;
  text-align: center;
  line-height: 32px;
  border-radius: 50%;
 
}



.nav a:hover {
  text-decoration: none;
  color: #555;
  background: #f5f5f5;
}

#upgrade{	
	border:1px solid #aaa;
	padding:10px 10px;
	border-radius:4px;
	/*font-size:12px;*/
	font-family:Arial, Helvetica, sans-serif;		
}

.logo{
	
	width:60px;
	padding:10px 10px;	
	float:left;
  border-right: 1px solid #f0f0f0;
}
.left{
/*border-left:1px solid #f0f0f0;*/
 padding-left:20px;	
}
.right{
	float:right;	
}
.rr{
	text-align:right;
	width:500px;
	color:#3a3a3a;
  /*font-size: 14px;*/
}
.rr_text{
	text-align:justify;
	margin-top:10px;	
}
.rr ul{
	/*list-style:none;*/
	margin-top:10px;
	margin-bottom:10px;	
	float:right;
	text-align:left;
	color:#3a3a3a;
}
.ui-widget-content a {
color: #1a1919/*{fcContent}*/;
}
.mybutton {

	background-color:#28a1e1;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-size:14px;
	font-weight:normal;
	padding:6px 24px;
	text-decoration:none;
}.mybutton:hover {

	background-color:#4197ee;
}.mybutton:active {
	position:relative;
	top:1px;
}

.grey{
color:#9e9e9e;
}

.upgrade_btn {
font-family: "helvetica";
color: #a41aa4 !important;
font-size: 14px;
text-decoration: none !important;
}

.btn {
display: inline-block;
padding: 4px 14px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-repeat: repeat-x;
border: 1px solid #bbbbbb;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color: #a2a2a2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

#accordion h3{
  font-family: "Arial";
}

span.star{
  color: #A722A7;
    font-size: 24px;
    position: relative;
    top: 6px;
}