


@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: 11px;
  speak: none;
}
.iconp-home:after { content: "\e800"; } 
.iconp-cog:after { content: "\e805"; } 
.iconp-cw:after { content: "\e804"; font-size:9px; position:relative;  } 

#player{
	margin:0 auto;
	width:160px;	
	text-align:center;
}
.powered a{
	color:#555555;
	text-decoration:none;
}
.powered a:hover{
	color:#555555;
}
.pad{
	padding:2px;	
}
.powered{
 font-size:11px;	
	font-family:Arial;
	/*background-color:#ddd;*/		
	padding:5px;	
	margin:0 auto;
	text-align:center;
	color:#555555;
	/*-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;
}
.left{
border-left:1px solid #f0f0f0;
 padding-left:20px;	
}
.right{
	float:right;	
}
.rr{
	text-align:right;
	width:500px;
	color:#3a3a3a;
}
.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-family:arial;
	font-size:12px;
	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);
}