html {
	margin: 0px;
	padding: 0px;
}

body {
 background-color: #3BBCED;
 margin: 0px  0px 120px 0px;
 font-family: Arial;
 color: #58595B;
 background-image: url(images/pattern.png); 
 background-position: top left;
 background-repeat: repeat;
}

a {
 color: #0092C8;
 text-decoration: none;
}

a.active {
 color: #000000;
 text-decoration: none;
}

img {
 border: none;
}

a.gamble  {
 position: relative;
 clear: both;
 width: 200px;  
 display: block;
 font-size: 12pt;
 color: #FFFFFF;
 padding: 8px;
 background-color: #BCBEC0;
 margin-left: auto;
 margin-right: auto;
 margin-top: 20px; 
 font-weight: bold;
 text-align: center;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;  
 


}

a.direct-request  {
 position: absolute;
 clear: both;
 width: 125px;  
 display: block;
 font-size: 12pt;
 color: #FFFFFF;
 padding: 8px;
 background-color: #BCBEC0; 
 bottom: 10px;
 right: 10px;
 font-weight: bold;
 text-align: center;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;  
}

a.gamble:hover, a.direct-request:hover {
 background-color: #0092C8;
 color: #FFFFFF;
}

a.register  {
 position: relative;
 width: 200px;  
 display: block;
 font-size: 12pt;
 color: #FFFFFF;
 padding: 8px;
 background-color: #BCBEC0;
 margin-left: auto;
 margin-right: auto;
 margin-top: 20px; 
 font-weight: bold;
 text-align: center;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;  
}

a.register:hover {
 background-color: #0092C8;
 color: #FFFFFF;
}

.container {
 position: relative;
 width: 1024px;
 height: auto;
 min-height: 1045px;
 margin-left: auto;
 margin-right: auto;
 display: block;
}

#ipad_add-to-homescreen {
 position: relative;
 width: auto;
 min-width: 1024px;
 line-height: 30px;
 background-image: url(images/ipad-background.png);
 background-repeat: repeat-x;
 margin-left: auto;
 margin-right: auto; 
}

#ipad_add-to-homescreen .inner {
	 color: #FFF;
 font-size: 11pt;
 font-weight: normal;
 line-height: 30px;
 background-image:url(images/ipad-icon.png);
 background-position:left;
 background-repeat:no-repeat;
 padding-left: 50px;
 width: 350px;
 margin-left: auto;
 margin-right: auto;
 text-shadow: #3c4044 0px -1px 1px;
}


#head {
 position: relative;
 top: 0px;
 left: 0px;
 width: auto;
 min-width: 1024px;
 height: 74px;
 background-color: #FFFFFF;
 border-bottom: 1px solid #0081AF;
 margin: 0px;
 padding: 0px;
}

#head .section {
 position: relative;
 width: 1000px;
 height: 75px;
 top: 0px;
 margin-left: auto;
 margin-right: auto;
 /*background-color: #FF0000;*/
}

#head .section .logo {
 position: relative;
	float: left; 
 top: 25px; 
 width: 138px;
 height: 26px;
 border: none;
 /*background-color: #0092C8;*/
}

#head .section .plusone {
	position:relative;
	float: left;
	width: 50px;
	height: 20px;
	margin-top: 25px;
	margin-left: 10px;	
}

#head .section .information {
 position: absolute;
 left: 450px;
 top: 15px;
 margin: 0px;
 padding: 0px;
 list-style: none;
}

#head .section .information li {
 position: relative;
 float: left;
 line-height: 50px;
 font-size: 9pt;
 margin-right: 15px;
}


#head .section .information li a {
 color: #58595B;
 text-decoration: none;
}

#head .section .information li .icon {
 float: left;
 margin-right: 5px;
 width: 25px;
 height: 25px;
 margin-top: 15px;
}

#head .section .slogan {
 position: absolute;
 top: 35px; 
 right: 510px;
}

#head .section .login {
 position: absolute;
 width: 355px;
 height: 50px; 
 /*padding: 5px;*/
 right: 0px;
 bottom: 1px;
 /*background-color: #9F9F9F;*/ /*#BCBEC0;*/
 padding: 0px;
 padding-bottom: 8px;
 color: #666666;
 font-size: 9pt;
}

#head .section .login a.go {
	position: relative;
	/*width: 100px;*/
 float: right;
	display: block;
	font-size: 13pt;
	color: #FFFFFF; /*#0092C8;*/
	padding: 12px;
	background-color: #919797;
	font-weight: normal;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	margin-right: 10px;
}

#head .section .login a.create {
 position: relative;
 /*width: 100px;*/
 float: right;
 display: block;
 font-size: 13pt;
 color: #FFFFFF; /*#0092C8;*/
 padding: 12px;
 background-color: #18a3d7;
 font-weight: normal;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px; 
}

#head .section .login form {
 margin: 0px;
}

#head .section .login label {
 font-size: 7pt;
 float: left;
}

#head .section .login label a {
 color: #FFFFFF;
 text-decoration: none;
}

#head .section .login input {
 position: relative;
 width: 135px;
 background-color: #FFFFFF;
 border: none;
 margin-right: 5px;
 margin-bottom: 3px;
 padding: 2px;
 color: #58595B;
font-size: 9pt; 
}

#head .section .login input[type=image] {
 float: right;
 background: none;
 border: none;
 width: 30px;
 margin: 0px;
}

 
 #menu {
 position: relative;
 width: 1000px;
 height: 30px;
 top: 0px;
 margin-left: auto;
 margin-right: auto;
 background-color: #0092C8;
}

#menu .highlight-top-right {
 float: right;
 color: #C2E3EF;
 line-height: 29px;
 font-size: 9pt;
 background-image: url(images/little-bird.png);
 background-repeat: no-repeat;
 background-position: left;
 padding-left: 30px;
 padding-right: 10px;
}

#menu .highlight-top-right:hover {
 color: #FFFFFF;
}

#menu UL {
 position: relative;
 float: left;
 margin: 0px;
 padding: 0px;
 list-style: none;
 margin-left: 10px;
}

#menu UL li {
 float: left;
 font-size: 10pt;
 margin-right: 40px;
}

#menu UL li a {
	text-decoration: none;
	color: #FFF;
	padding: 5px;
	display: block;
}

#menu UL li a .new {
	color:#05EDE8;
}

#menu UL li a:hover {
 text-decoration: none;
 /*font-family: Eras Medium ITC;*/
 color: #FFFFFF;
}

#menu UL li a:active {
 text-decoration: none;
 color: #FFFFFF;
}



#response {
 position: relative;
 width: 980px;
 padding: 10px;
 font-size: 10pt;
 margin-left: auto;
 margin-right: auto;
 background-color: #FFFFFF;
 color: red;
 margin-top: -10px;
 margin-bottom: 10px;
}

#content {
 position: relative;
 width: 1000px;
 height: auto;
 top: 15px;
 margin-left: auto;
 margin-right: auto;
 display: block;
}

#content .left {
 position: relative;
 float: left;
 margin: 0px;
 padding: 0px;
 width: 620px;
 height: auto;
 display: block;
 list-style: none;
}

#content .right {
 position: relative;
 float: right;
 margin: 0px;
 padding: 0px; 
 width: 365px;
 height: auto;
 display: block;
 list-style: none;
}

#datetime {
 position: relative;
 clear: both;
 top: 0px;
}

#datetime .facebook {
 position: relative;
 float: left;
 width: 175px;
 height: 38px;
 padding:0px;
}

#datetime .jclock {
 position: absolute;
 font-size: 14pt;
 color: #009FDB;
 margin:0px;
 padding: 0px;
 height: 25px;
 top: 10px;
 right: 10px; 
}

#datetime .date {
 position: absolute;
 font-size: 10pt;
 color:#999999;
 bottom: 10px;
 right: 10px;
}

#content .left li {
 position: relative;
 float: left;
 padding: 10px;
 font-size: 9pt;
 background-color: #FFFFFF;
 margin-bottom: 15px;
 display: block;
 width: 600px; 
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px; 
  border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

#content .left li.content {
 padding: 20px;
 width: 580px; 
}

#content .left li.content .image-float-left {
 float: left;
 margin-right: 20px;
 margin-bottom: 20px;
}

#content .left .search form {
 position: relative;
 margin: 0px;
 float: left;	 
}


#content .left .search form label {
 position: relative;	
 margin: 0px;
 padding: 0px;
 margin-right: 10px;
 float: left;
 height: 30px;
 line-height: 30px;
 font-size: 12pt;
 color: #0092C8;
 font-weight: bold;
}


#content .left .search form .query {
 position: relative;
 float: left;
 padding: 5px;
 font-family: Arial;
 font-size: 12pt;
 color: #58595B;
 width: 435px;
 border: 1px solid #BCBEC0;
 margin: 0px;
 margin-right: 5px;
}

#content .left .search form input[type=image] {
 position: relative;
 float: right;
}

#content .left #slider .search {
	position: absolute;
	width: 600px;
	height: 30px;
	bottom:5px;	
}

#content .left li #list_news UL { 
 position: relative; 
 width: 585px;
 list-style: none;
 margin: 0px; 
 padding: 0px;
} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */

#content .left li #list_news UL LI {
  position: relative;
  width: 595px;
  float: left;
  margin: 0px;
  padding: 0px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 8pt;
  border-bottom: 1px solid #EEEEEE;
} 

#content .left li #list_news UL LI.end {
 border-bottom: none;
   margin: 0px;
  padding: 0px;
}

#content .left li #list_news UL LI  a {
 position: relative;
  font-size: 9pt;
 color: #0092C8;
 text-decoration: none;
 margin: 0px;
 margin-top: 5px;
}

#content .left li #list_news UL LI  .text {
 position: relative;
 padding-top: 4px;
 padding-bottom: 4px;
}

#content .left li #list_news UL LI  strong, #content .left li #list_news UL LI  strong a {
 position: relative;
 font-size: 10pt;
 color: #0092C8;
 text-decoration: none;
 font-weight: bold;
 margin: 0px;
 margin-bottom: 10px;
 /*line-height: 15px;*/
}

#content .left li #list_news UL LI .added {
 color: #8F8F8F;
 line-height: 15px;
}

#content .left li #list_news UL LI  .thumb {
 position: relative;
 float: left;
 margin-right: 10px;
 width: 80px;
 height: 80px;
 z-index: 100;
}

#content form.account {
 position: relative;
 margin: 0px;
 margin-top: 20px;
}

#content form.account table td.label {
 width: 200px;
 text-align: left;
 padding-right: 10px;
 line-height: 30px;
}

#content form.account table td.field {
 text-align: left;
 line-height: 30px;
}

#content form.account table td.footer {
 font-size: 8pt;
}

input[type=text], input[type=password], select { /*#content form.account table td.field #content form.account table td.field */
position: relative;
 float: left;
 padding: 5px;
 font-family: Arial;
 font-size: 10pt;
 color: #58595B;
 width: 300px;
 border: 1px solid #BCBEC0;
 margin: 0px;
}

select {
	 width: 312px;
}

#content form.account input[type=image] {
 position: relative;
 float: right;
}
/*#content .left li #list_news UL LI  strong {
 color: #0092C8;
}*/

#content .right li {
 position: relative;
 float: left;
 padding: 10px;
 font-size: 9pt;
 background-color: #FFFFFF;
 margin-bottom: 15px;
 display: block;
 width: 345px; 
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

#content .right li.facebook {
 width: 365px; 
 padding: 0px;
}

#content .right li.new_dashboard {
 position: relative;
 padding: 10px;
 width: 345px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;	
 background-color: #317087;
}

#content .right li.tunein {
 position: relative;
 padding: 0px;
 width: 365px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

#content .right li.tunein a, #tunein {
	position: relative;
	display: block;
	font-size: 13pt;
	color: #18a3d7; /*#0092C8;*/
	padding: 12px;
	background-image: url(images/play-blue.png);
	background-repeat: no-repeat;
	background-position: 8px 8px;
	padding-left: 50px;
	font-weight: bold;
	background-color: #BCDEEB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#tunein {
	position: absolute;
	top: 15px;
	right: 0px;
	width: 183px;	
}

#content .right li.tunein a:hover, #tunein:hover {
 background-color: #18a3d7;
 background-image: url(images/play.png);
 background-repeat: no-repeat;
 background-position: 8px 8px; 
 color: #FFFFFF;
 border: none;
}

#content .right li.player_right {
 margin-bottom: 40px;
}

#content .right li.player_right .powered-by-netground {
 position: absolute;
 width: 176px;
 height: 26px;
 padding: 0px;
 background-color: transparent;
 background-image: none;
 bottom: -26px;
 right: 10px;
 z-index: 1000px
}

#content .right li.player_right .powered-by-netground:hover {
 background-color: transparent;
 background-image: none;	
}

#content .left li h1 {
 position: relative;
 margin: 0px;
 margin-bottom: 10px;
 font-size: 12pt;
 color: #0092C8;
}

#content .left li .added {
 color: #8F8F8F;
 line-height: 15px;
}

#content .right .promo {
	background-color: #3b5998;
	height: 90px;	
	color: #FFFFFF;
		font-size: 9pt;
		padding:20px;
 width: 325px; 
}

#content .right .promo h1 {
	font-size: 12pt;
	margin: 0px;	
	color: #FFF;
}

#content .right .promo a, #content .right .promo a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:underline;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
}

#content .right .promo .fb {
	font-size: 11pt;	
}

#content .right li h1 {
 position: relative;
 margin: 0px;
 margin-bottom: 10px;
 font-size: 10pt;
 color: #0092C8;
}

#content #facts {
 margin: 0px;
 list-style: square;
 background-color: #FF0000;
}

#content #facts li {
 margin: 0px;
 width: 100%;
  background-color: #FF0000;
}

#content .smashing_track {
 font-size: 10pt;
}

#content .smashing_track .cover {
 position: relative;
 float: left;
 margin-right: 10px;
}

#content .smashing_track span {
 position: relative;
 width: 245px;
}

#content .smashing_track span .week {
 color: #999999;
 margin-bottom: 5px;
 font-size: 8pt;
}

#content .smashing_track strong {
 color: #0092C8;
}

#footer {
 position: relative;
 clear: both;
 bottom: 0px;
 top: 15px;
 width: auto;
 min-width: 1024px;
 height: 100px;
 background-color: #0092C8; /*#2982A4;*/
 /* background-image: url(images/pattern_footer.png);
 background-position: left;
 background-repeat:repeat; */
}

#footer .section {
 position: relative;
 width: 1000px;
 height: 100px;
 margin-left: auto;
 margin-right: auto;
}

#footer .slogan-footer {
 position: absolute;
 right: 0px;
 bottom: 15px;	
}

#footer ul {
 position: relative;
 float: left;
 width: 90px;
 height: 70px;
 margin: 0px;
 padding: 0px;
 top: 12px;
 list-style: none;
 /*border-right: 1px dotted #FFFFFF;*/
 margin-right: 30px;
}

#footer ul.first {
 margin-left: 205px;
}

#footer ul.last {
 border-right: none;
}

#footer ul li {
 position: relative;
 float: left;
 width: 100px;
 display: block;
 font-size: 9pt;
 color: #FFFFFF;
}

#footer .copyright {
 position: absolute;
 width: 200px;
 padding: 0px;
 margin: 0px;
 bottom: 13px;
 left: 0px; 
 color: #a5ddf3; 
 font-size: 9pt;
 z-index: 100;
}

#footer ul li a {
 color: #a5ddf3; /*#6BC9ED;*/
 text-decoration: none;
}

#footer ul li a:hover {
 color: #FFFFFF;
 text-decoration: none;
}

#footer .license {
	position:absolute;
	left:0px;
	bottom: 11px;	
}

#footer ol.social_media {
 position: absolute;
 padding: 0px;
 margin: 0px;
 list-style: none;
 width: 200px;
 height: 33px;
 top: 14px;
 left: 0px;
 z-index: 100;
}

#footer ol.social_media li {
 position: relative;
 float: left;
 width: 32px;
 margin-right: 15px;
}

/* -- StudioPlayer ----------------------------------------- */

#StudioPlayer {
 position: relative;
 width: 336px;
 height: 100px;
 /*top: -4px;*/
 /*padding: 8px;
 	margin-bottom: 10px;
	border:1px solid #EEEEEE;
	background-color: #FFFFFF;*/
}

#StudioPlayer h1 {
 clear: both;
 margin: 0px;
}

#StudioPlayer strong {
 color: #0092C8;
}

#StudioPlayer strong.coming_up {
 clear: both;
 float: left;
 margin: 0px;
 color: #0092C8;
}

#StudioPlayer div.span {
 position: relative;
 width: 336px;
 /*border-bottom: 1px solid #EEEEEE;*/
}

#StudioPlayer #TrackCover {
 position: relative;
 float: left; 
 width: 100px;
 height: 100px;
 margin-right: 10px; 
 /*margin-bottom: 10px;*/
 border: 1px solid #EEEEEE;
}

#StudioPlayer #TrackInfo {
 position: relative;
 float: right;
 width: 224px; 
 height: 64px; 
 font-family: Arial; 
 /*font-weight: bold;*/
 }

#StudioPlayer #TrackInfo .loader {
 position: relative;
 width: 32px;
 height: 32px;
 margin-left: 96px;
 margin-top: 25px;
}

#StudioPlayer #TrackInfo .artist {
 font-size: 12pt;
 color: #333333;
 text-decoration: none;
 font-weight: normal;
}

#StudioPlayer #TrackInfo .title {
 font-size: 12pt;
 color: #0092C8; 
 text-decoration: none; 
}

#StudioPlayer #TrackInfo .label {
 font-size: 8pt;
 color: #999999;
 text-decoration: none; 
 font-weight:normal;
}

#StudioPlayer #TrackInfo .smashing_label {
 clear: both;
 top: 10px;
 position: relative;
 font-size: 8pt;
 background-color: #ff4e00;
 color: #FFFFFF;
 padding: 2px;
 padding-left: 4px;
 padding-right: 4px;
 font-weight: normal;
}

#StudioPlayer #TrackInfo .request_label {
 clear: both;
 top: 10px;
 position: relative;
 font-size: 8pt;
 background-color: #73268f;
 color: #FFFFFF;
 padding: 2px;
 padding-left: 4px;
 padding-right: 4px;
 font-weight: normal;
}

#StudioPlayer #StatusTimer {
 /*clear: both;*/
 position: relative;
  float: right;
 width: 224px; 
 margin-top: 15px; 
}

#StudioPlayer #StatusPosition {
 float:left; 
 width: 75px; 
 font-family: Arial; 
 font-size: 7pt; 
 color: #999999; 
 text-align:left; 
}

#StudioPlayer #StatusLeft {
 float:right; 
 width: 75px; 
 font-family: Arial; 
 font-size: 7pt; 
 color: #999999; 
 text-align:right;
}

#StudioPlayer #StatusBar {
 /*clear: both;*/
 position: relative;
 float: right;
 display: inline;
	background-color: #EEEEEE;
	width: 224px;
	height: 10px;
}

#StudioPlayer #StatusHandle {
background-color: #0092C8; /* #0092C8;*/ width:0%; height: 10px;
}

/*

#StudioPlaylist {
 position: relative;
 width: 336px;
 clear: both;
}

#StudioPlaylist td {
 padding-top: 3px;
 padding-bottom: 3px;
 font-size: 8pt;
 border-bottom: 1px solid #EEEEEE;
}

#StudioPlaylist td.loading {
 font-size: 8pt;
 color: #0092C8;
}

#StudioPlaylist td.packshot {
 width: 30px;
}

#StudioPlaylist td.song a.title {
 color: #000000;
}

#StudioPlaylist .smashing_label_small {
 font-size: 8pt;
 color: #ff4e00;
 font-weight: normal;
 margin-left: 5px;
}

#StudioPlaylist .request_label_small {
 font-size: 8pt;
 color: #73268f;
 font-weight: normal;
 margin-left: 5px;
}



#StudioPlaylist td.eta {
 width: 50px;
 text-align: right;
 color: #999999;
}
*/

/* -- / StudioPlayer --------------------------------------- */

/*JUITTER PLUGIN CSS*/

#juitterContainer{
 position: relative;
 height: 405px;
 overflow: hidden;
} /*Juitter container*/

#content .right li #juitterContainer UL { 
 position: relative; 
 list-style: none;
 margin: 0px; 
 padding: 0px;
} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */

#content .right li #juitterContainer UL LI {
  position: relative;
  float: left;
  margin: 0px;
  padding: 0px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  font-size: 8pt;
  border-bottom: 1px solid #EEEEEE;
} 

#content .right li #juitterContainer UL LI  a {
 color: #0092C8;
 text-decoration: none;
}

#content .right li #juitterContainer UL LI  strong {
 color: #0092C8;
}

/*#juitterContainer .twittList SPAN.time{color:#777; font-size: 8pt; }*/
/*#content .right li #juitterContainer UL LI #juitterContainer .twittList A{ color:#FF0000; } /*Links inside the tweets list */

/* Bellow the CSS for the avatar image  */

#juitterContainer .juitterAvatar{ float:left; margin-right:10px;width:48px;height:48px;}
/*#juitterContainer .jRM{ float:right; clear:both; } /*read it on twitter link*/
#juitterContainer .extLink{} /*CSS for the external links*/
#juitterContainer .hashLink{} /*CSS for the hash links*/

/*end of Juitter CSS*/


#content .left #slider {
 height: 240px;
}

#content .left #slider #sliderContent {
	z-index: 0;
    width: 600px; /* important to be same as image width or wider */
    position: absolute;
	margin-left: 0;
	border: none;
}

#content .left #slider #sliderContent .sliderImage {
    float: left;
    position: relative;
	display: none;
	border: none;
	padding: 0px;

}

#content .left #slider #sliderContent .sliderImage span {
    position: absolute;
	font-family: arial;
	font-size: 8pt;
	color: #fff;
	padding: 15px;
    width: 600px;
 color: #FFFFFF;
 background-image: url(images/bg_slidertext.png);
 background-repeat: repeat-x;
    /*filter: alpha(opacity=70);
    -moz-opacity: 0.5;
	-khtml-opacity: 0.5;
    opacity: 0.5;*/
    display: none;
	margin-bottom: 0px;
	*margin-bottom: 0px;
	
}

#content .left #slider #sliderContent .clear {
	clear: both;
}

#content .left #slider #sliderContent .sliderImage span H1 {
	font-family: arial;
    font-size: 15px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	margin-bottom: 1px;
	font-weight: bold;
}

#content .left #slider #sliderContent .sliderImage span a {
 color: #FFFFFF;
 text-decoration: none;
}

#content .left #slider #sliderContent .sliderImage span a:hover {
 text-decoration: underline;
}

#content .left #slider #sliderContent .top {
	bottom: 0;
    left: 0;
}

#content .left #slider #sliderContent .bottom {
	bottom: 0;
    left: 0;
}

#SongTable {
 width: 604px;
 font-size: 9pt;
}

#SongTable a {
 color: #0092C8;
}

#SongTable TD {
 padding: 5px;
 vertical-align: top;
}

#SongTable td.head {
 color: #CBCBCB;
 font-size: 8pt;
}

#SongTable .packshot {
 width: 50px;
}

#SongTable .time {
 width: 75px;
 font-size: 15pt;
 color: #999999;
}

#SongTable tr td.song {
 position: relative;
 /*width: 400px;*/
}

#SongTable .song .artist {
 color: #0092C8;
}

#SongTable .song .title {
 color: #58595B;
}

#SongTable .song .length {
 position: relative;
 float: left;
 color: #CBCBCB;
 font-size: 8pt;
 margin-top: 7px;
}

#SongTable tr td.song .options {
 position: absolute;
 right: 30px;
 margin-top: -20px;
 /*float: right;*/
 color: #CBCBCB;
 font-size: 8pt;

 /*margin-left: 3px;
 margin-top: 7px; */
}

#SongTable tr td.song .options a.request {
 background-image: url(images/play-small.png);
 background-position: left;
 background-repeat: no-repeat;
 padding-left: 18px;
 line-height: 18px;
}

#SongTable tr td.song .options a.bookmark {
 background-image: url(images/star-small.png);
 background-position: left;
 background-repeat: no-repeat;
 padding-left: 18px;
 line-height: 18px;
}

#SongTable tr td.song .options a.bookmark_remove {
 background-image: url(images/star-small.png);
 background-position: left;
 background-repeat: no-repeat;
 padding-left: 18px;
 line-height: 18px;
}

/*#SongTable .length {
 color: #999999;
 font-size: 8pt;
 width: 50px;
 text-align: right;
}*/

#SongTable TD {
 border-bottom: 1px solid #EEEEEE;
}

#SongTable TR.song_row:hover {
 background-color: #F7F7F7;
}
/*
#SongTable TR.odd {
 /*background-color: #d5eaf2;*/
}


#SongTable TR.even {
 /*background-color: #FFFFFF;*/
}

.filler {
 position: relative;
 clear: both;
 width: 1px;
 height: 1px;
 display: block;
}

.browse {
 position: relative;
 margin-left: auto;
 margin-right: auto;
}

.browse a {
 position: relative;
 float: left;
 width: 15px;
 line-height: 15px;
 display: block;
 font-size: 9pt;
 text-align: center;
 margin-right: 5px;
}

.browse a:hover {
 color: #FFFFFF;
 background-color: #0092C8;
}

#join_win input[type=submit] {
 position: relative;
 clear: both;
 cursor: pointer;
 margin-top: 20px;
}

#join_win {
 position: relative;
 clear: both;
}

#join_win strong {
 clear: both;
 display: block;
 font-size: 10pt;
 margin-bottom: 10px;
}

.addthis_toolbox {
 position: relative;
 clear: both;
}


#content .left #connections {
 position: relative;
 width: 550px;
 margin: 0px;
 padding: 0px;
}

#content .left #connections LI {
 position: relative;
 width: 550px;
 background-color: #e1eff4;
 margin: 0px;
 padding: 10px;
 margin-bottom: 10px;
}
#content .left #connections LI .icon {
 position: relative;
 float: left;
 margin-right: 10px;
}
#content .left #connections LI a {
 position: relative;
 float: right;
 line-height: 32px;
 text-align: right;
}

#login {
 position: relative;
 width: 550px;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 text-align: left; 
}

#login label {
 position: relative;
 float: left;
 clear: both;
 width: 100px;
 font-size: 9pt;
 font-weight: bold;
 text-align: right;
 display: inline-block;
 line-height: 25px;
 margin-right: 15px;
 margin-bottom: 10px;
}

#login label.remember {
 position: relative;
 width: 300px;
 font-weight: normal;
 margin-left: 115px; 
 font-size: 9pt;
 line-height: 20px;
 text-align: left;
}

#login input[type=text], #login input[type=password]{
 position: relative;
 width: 300px;
 line-height: 25px;
 height: 25px;
 border: 1px solid #b4b4b5;
 margin-bottom: 10px;
 padding: 0px 5px 0px 5px;
}

#login input[type=submit] {
 position: relative;
 margin-left: 115px;
 cursor: pointer;
}

#login .forgotten {
 position: relative;
 float: right;
 font-size: 8pt;
 line-height: 25px;
 margin-left: 5px;
}



#smalllogin form {
 position: relative;
 float:left;
 width: 159px;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 text-align: left; 
  background-color: #0092C8;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px; 
 padding: 5px;
 color: #FFFFFF;	
}

#smalllogin .sub {
 padding-top: 10px;
 margin-top: 10px;
 border-top: 1px dotted #CCC;
 font-size: 9pt;	
}

#smalllogin form bold {
color: #FFFFFF;	
}

#smalllogin form label {
 position: relative;
 width: 150px;
 text-align: left;
 font-weight: normal;
 font-size: 8pt;
 line-height:normal;
 margin: 0px;
}

/*#smalllogin label.remember {
 position: relative;
 width: 50px;
 font-size: 9pt;
 line-height: 20px;
 text-align: left;
}*/

#smalllogin form input[type=text], #smalllogin form input[type=password]{
 position: relative;
 clear:both;
 display:block;
 width: 147px;
 line-height: 20px;
 height: 20px;
 border: 1px solid #FFFFFF; /*b4b4b5*/
 margin-bottom: 0px;
 padding: 0px 3px 0px 3px;
}

#smalllogin form input[type=submit] {
 position: relative;
 margin-left: 0px;
 cursor: pointer;
}

#smalllogin form label .forgotten {
 position: relative;
 float: right;
 font-size: 8pt;
 color: #FFFFFF;
}

#smalllogin .register {
	 position: relative;
 float: right;
 width: 150px;
 border-left: 1px dotted #b4b4b5;
 padding: 0px;
 padding-left: 10px;
 margin: 0px 0px 0px 0px;
 text-align: left; 
}



#head .section .dashboard {
 position: absolute;
 width: 339px;
 height: 50px;
 /*padding: 5px;*/
 right: 0px;
 bottom: 1px;
 background-color: #0092C8;
 padding: 8px;
 padding-bottom: 8px;
 color: #FFFFFF;
}

#dashboard {
 position: relative;
 width: 345px;
 height: 50px;
 /*padding: 5px;*/
 right: 0px;
 bottom: 1px;
 padding: 8px;
 padding-bottom: 8px;
 color: #FFFFFF;	
}

#head .section .dashboard .avatar, #dashboard .avatar {
 float: left;
	border: 1px solid #FFFFFF;
 margin-right: 8px;
}

#head .section .dashboard strong.nickname, #dashboard strong.nickname {
 font-size: 11pt;
 color: #FFFFFF;
 line-height: 15px;
}

#head .section .dashboard div.credits, #dashboard div.credits{
 font-size: 8pt;
 font-weight: bold;
}

#head .section .dashboard div.credits span, #dashboard div.credits span {
 color: #FFB900;
}

#head .section .dashboard div.credits span a, #dashboard  div.credits span a{
 color: #FFB900;
 text-decoration: none;
}

#head .section .dashboard .timer, #dashboard  .timer{
 position: relative;
 font-size: 8pt;
 color: #FFFFFF;
 margin-top: 5px;
}

#head .section .dashboard ul.icons, #dashboard ul.icons {
 position: absolute;
 top: 12px;
 right: 12px;
 list-style: none;
 margin: 0px;
 padding: 0px;
 background-color:  transparent;
}

#head .section .dashboard ul.icons li, #dashboard ul.icons li{
 float: left;
 margin: 0px;
 padding: 0px; 
 margin-left: 10px;
 width: 29px;
 height:29px;
 background-color: transparent;
}

/*#head .section .dashboard .logout {
 position: absolute;
 top: 12px;
 right: 12px;
}*/

/**
 * navigation
 */