body {
 background-color: #3BBCED;
 margin: 0px  0px 150px 0px;
 font-family: Arial;
 color: #58595B;
}

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

img {
 border: none;
}

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;
}

#head {
 position: relative;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 74px;
 background-color: #FFFFFF;
 border-bottom: 1px solid #0081AF;
 margin: 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;
 top: 25px; 
 width: 138px;
 height: 26px;
 border: none;
 /*background-color: #0092C8;*/
}

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

#head .section .information li {
 position: relative;
 float: left;
 line-height: 25px;
 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;
}

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

#head .section .login {
 position: absolute;
 width: 335px;
 height: 35px; 
 /*padding: 5px;*/
 right: 0px;
 bottom: 1px;
 background-color: #9F9F9F; /*#BCBEC0;*/
 padding: 10px;
 padding-bottom: 8px;
 color: #FFFFFF;
}

#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;
}

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

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

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

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

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

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

#head .section .dashboard ul.icons li {
 float: left;
 margin-left: 10px;
}

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

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



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

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

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

#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: 20px;
 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: 355px;
 height: auto;
 display: block;
 list-style: none;
}

#content .left li {
 position: relative;
 float: left;
 padding: 10px;
 font-size: 9pt;
 background-color: #FFFFFF;
 margin-bottom: 20px;
 display: block;
 width: 600px; 
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-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 li.search form {
 margin: 0px;
}

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

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

#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  a, #content .left li #list_news UL LI  strong {
 position: relative;
 font-size: 9pt;
 color: #0092C8;
 text-decoration: none;
 font-weight: bold;
 margin: 0px;
 
}

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

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

#content form.account table td.label {
 width: 150px;
 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;
}

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

#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: 20px;
 display: block;
 width: 335px; 
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

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

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

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

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

#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: 50px;
 width: 100%;
 height: 150px;
 display: block;
 background-color: #2982A4;
}

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

#footer ul {
 position: relative;
 float: left;
 width: 200px;
 height: 110px;
 margin: 0px;
 padding: 0px;
 top: 20px;
 list-style: none;
 border-right: 1px dotted #FFFFFF;
 margin-right: 20px;
}

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

#footer ul li.copyright {
 color: #FFFFFF;
}

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

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

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

#StudioPlayer {
 position: relative;
 width: 336px;
 height: auto;
 min-height: 148px;
 /*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;
 height: 110px;
 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: 11pt;
 color: #333333;
 text-decoration: none;
}

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

#StudioPlayer #TrackInfo .label {
 font-size: 8pt;
 color: #999999;
 text-decoration: none; 
 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 td.eta {
 width: 50px;
 text-align: right;
 color: #999999;
}

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

/*JUITTER PLUGIN CSS*/

#juitterContainer{
 position: relative;
 height: 285px;
 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: 200px;
}

#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: px;
	*margin-bottom: -2px;
	
}

#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 .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: relative;
 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;
}

/*#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;
}