/******************
  * Commons  *
*******************/
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}

h2 {
	font-size: 16px;
	font-weight: normal;
	color:#666666;
}

h3 {
	text-transform:uppercase;
	font-weight: normal;
	font-size: 13px;
}

h3#left-menu-title a {
	font-size: 28px;
	color: #A52500;
	line-height: 35px;
}

h4 {
  text-transform:uppercase;
	font-size: 13px;
	font-weight: bold;
	color:#a52500;
}

h5 {
	font-size: 11px;
	color:#666666;
	font-weight:normal;
}

h6 {
	font-size: 12px;
	color:#666666;
	font-weight:bold;
	margin: 5px 0 3px;
}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*Paragraphs & text*/

#hot-today {

}

#left-menu-links {
  margin-top: 20px;
}

p {
	margin:0;
	padding:0;
	font-size: 12px;
	color:#666666;
}

p.redtext {
  color:#A52500;
}

p.paragraph {
  line-height:15px;
}

p.right {
  text-align:right;
}

.small-blue {
  font-size:11px;
  color:#027ABB;
}

.red-color {
  color:#A52500;
}

p.medium {
  font-size:12px; 
  font-weight:bold;
}

p.big {
  font-size:14px; 
  font-weight:bold;
}

div.styled-paragraph p {
	line-height:15px;
}

div#bio-short {
	margin: 10px;
}

div#bio-full {
	margin: 10px;
}

address {
	font-style:normal;
	margin:0;
	padding:0 5px;
	font-size: 15px;
	color:#666666;
}
a.rss-feed {
  text-transform: none;
}
a.rss-feed img {
  margin-right: 4px;  
}

a.rss-feed *,
a.credit-link * {
   vertical-align : middle;
}


ul#credits li {
  margin-bottom: 30px;
} 

ul#credits li img {
  margin: 10px;
} 


/*Links*/
a {
	margin: 0;
	padding:0;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	color:#A52500;
}
a:hover{text-decoration:underline;}
a.big-link{	font-size:14px;}
a.very-big-link {	
  font-size:16px;
	font-weight: bold;
}

a.medium-link{font-size:12px;font-weight:normal;}
a.small-link{font-size:11px; font-weight:normal;}
a.small-bold{font-size:12px; font-weight:bold;}
a.medium-bold{font-size:14px; font-weight:bold;}

a.left-menu {
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

#header-radio a.header-playbut img {
  position: absolute;
  top: -38px;
  left: 22px;
}

h4 a.header-playbut{height: 14px; margin:0px 4px 0px 7px; float: right;}
h4 a.header-playbut img {
  height: 18px; 
  margin: -3px 0 0 0 !important;
  padding:0;}
a.header-links{color:#A52500;font-weight:normal;font-size:17px;}
a.grey-link{color:#666666;}
a.small-link-und{font-size:11px; font-weight:normal;text-decoration:underline;}

.singles span span.group-name a.group-label-radio,
.band span span.group-name a.group-label-radio,
.list-box span span.group-name a.group-label-radio {
  color: #000;
}

span.group-label-radio{
  font-weight: bold;
  font-size: 11px;
  margin: 15px;
}

a.header-box-links{color:#000;font-weight:normal; font-size:13px;}
a.header-box-links:hover{text-decoration:none;}
a.header-box-redlinks{color:#A52500;font-weight:normal; font-size:14px;font-variant:normal;}
a.header-box-normal{}
a.header-box-normal{font-weight:normal;text-decoration:none;}
a.current:hover{text-decoration:none;}


/*5px to the left*/
.align-5pix{
  padding-top:10px;
  padding-left:5px;
}

/*list*/
ul, ul.standard {
  margin:0;
  padding:0;
}
li {
  list-style: none;
  margin: 0;
  padding:0;
  border: 0;
}

.list-box ul.standard li {
  list-style: none;
  margin: 5px;
  padding:0;
  border: 0;
}

li.movable {
  cursor: move;
}

/*images*/
img { 
  border: none;
  margin:0; 
  padding:0;
}

img .no-image { 
  border: 1px solid grey;
}



/*definitions*/
dl{font-size:12px; color:#666;}
dt{
}
dd{}



/******************
  * Main blocks  *
*******************/
body {
	height:100%;
	margin: 0;
  background: #2a3c51 url(/images/background/fond_sans.gif) no-repeat;
	background-position: 50% -0px;
	font-family: Helvetica,Arial,sans-serif;
}

/*
body#home {
  background: #000 url(/images/background/1year_MX3_4.gif) no-repeat;
	background-position: 50% -20px;	
} 
*/

div#global{
	min-height:100%;
	position: relative;
	margin: 0 auto;
	padding: 10px 0;
	width: 960px;
}

div#header{
	position: relative;
	margin: 0;
	padding: 0;
	height:258px;
	background: url(/images/background/header2.png) no-repeat;
}

div#center{
	width:960px;
	padding-bottom: 108px; 
	overflow: auto;/*To avoid problems due to float*/
	background: #FFF url(/images/background/left-arrow-back.gif) no-repeat;
}

div#center-left{
	float: left;
	margin: 0px 0px 0px 40px;
	padding: 0;
	width:295px;
	background: #FFF;
}

div#center-middle{
	float: left;
	margin: 0 15px 0 15px;
	padding: 0;
	width:460px;
	background: #FFF;
}
div#center-middle-2{
	float: left;
	margin: 0;
	padding: 0;
	width:480px;
	background: #FFF;
}
div#center-middle-leftcol,
div#center-middle-leftcol-2{
	float:left;
	width:225px;
}
div#center-middle-rightcol,
div#center-middle-rightcol-2{
	float:right;
	width:225px;
}
div#center-right{
	float: left;
	margin: 0 10px 0 0px;
	padding: 0;
	width:125px;
	background: #FFF;
}

/*Footer*/
div#center-footer{
	left:0;
	height: 68px;
	width:100%;
	background: #FFF;
}
div#center-footer a.ssr-logo{
	margin-left: 40px;
	}
div#center-footer a:hover{
	text-decoration:none;
}
/*Credits*/
div#credits{
	margin:10px 0 0 0;
	height:30px;
	width:100%;
	color:#FFF;
	font-size:11px;
}
div#credits a{
	color:#FFF;
	font-weight:normal;
	font-size:11px;
}

/***************
  * HEADER  *
****************/
/* Header commons */
div#header{

}
div#header-radio,
div#header-new,
div#header-faq{
	font-size: 14px;
	line-height: 18px;
}
div#header-radio ul,
div#header-new ul,
div#header-faq ul{
	margin: 0;
	padding: 0;
}

div#header-faq a,
div#header-new a,
div#header-radio a,
div#header-connect a{
	color:#000;
	font-weight: normal;
	font-family: inherit;
}
/*Div header-menu*/
div#header-menu{
	position: absolute;
	top:0;
	left:240px;
}
div#header-menu li{
	float:left;
}
div#header-menu li a{
	display: block;
}
div#header-menu li a.home{
	margin-top: 80px;
	width: 64px;
	height: 43px;
	background: url(/images/menu/menu_24.gif) no-repeat 0 0;
}
div#header-menu li a.space{
	margin-top: 80px;
	width: 117px;
	height: 43px;
	background: url(/images/menu/menu_25.gif) no-repeat 0 0;
}
div#header-menu li a.groups{
	margin-top: 61px;
	width: 97px;
	height: 62px;
	background: url(/images/menu/menu_20.gif) no-repeat 0 0;
}
div#header-menu li a.singles{
	margin-top: 61px;
	width: 90px;
	height: 62px;
	background: url(/images/menu/menu_21.gif) no-repeat 0 0;
}
div#header-menu li a.playlists{
	margin-top: 41px;
	width: 104px;
	height: 39px;
	background: url(/images/menu/menu_14.gif) no-repeat 0 0;
}
div#header-menu li a.radios{
	margin-top: 41px;
	width: 85px;
	height: 39px;
	background: url(/images/menu/menu_15.gif) no-repeat 0 0;
}

/*Div header-radio MX3 et header FAQ*/
div#header-radio,
div#header-faq{
	position: absolute;
	bottom: 12px;
	left:250px;
	margin: 0;
	padding: 0 0 10px 0;
}

div#header-radio ul li,
div#header-faq ul li{
	padding: 0 0 0 12px;
	list-style: none;
}

a.launch-grey {
	display:block;
	width: 150px;
	margin: 0 0 0 10px;
	padding: 10px 0 0 0;
	font-weight: normal;
	font-size: 15px;
	text-transform:uppercase;
}

/*Div header-new*/
div#header-new{
	position: absolute;
	bottom: 12px;
	left:400px;
	margin: 0;
	padding: 0;
	background: url(/images/header/header-new.gif) no-repeat 22px 0;
}
div#header-new ul{
	margin: 0 0 0 53px;
	padding: 0 0 10px 0;
}
div#header-new ul li{
	padding: 0 0 0 17px;
	list-style: none;
}

/*Div header-faq*/
div#header-faq{
	left:571px;
	font-size: 14px; 

}
div#header-faq ul{
	background: url(/images/background/red-lines-header.gif) repeat-y 0 0;
}

/* Div backstageradio general */
.backstage {
	position:relative;
	left:660px;
	width: 150px;
	height: 255px;
	overflow: hidden;
	vertical-align: bottom;
}

.backstage a {
	position: absolute;
	bottom: 0;
	right: 3px;
	border-left: 5px solid #FED404;
	margin-left: 5px;
	padding-left: 9px;
	margin-bottom: 27px;
	line-height: 18px;
	vertical-align: middle;
	color: #000;
	text-transform: uppercase;
}
.badge {
	position:relative;
	top: -10px;
	left: 650px;
	width: 190px;
	height: 235px;
	overflow: hidden;
	vertical-align: bottom;
}



/*Div header-connect*/
div#header-connect{
  width: 135px;
	position: absolute;
	padding:25px 0 0 0;
	top: 20px;
	left:824px;
}

div#header-connect p {
	color:#000;
	line-height:15px;
}

div#header-connect p a{
	color:#000;
}
div#header-connect p.lang a{
	font-weight: normal;
	font-size:11px;
}

div#header-connect p.connexion a {
	display: block;
	margin: 10px 0 10px 0;
	font-size: 11px;
	color: #A52500;
}

div#header-connect p.black-links a {
	font-size: 11px;
	text-transform: uppercase;
	color: #666;
	margin-top: 20px;
}

div#header-connect p.search {
	margin: 8px 0 0 0;
	font-size: 14px;
	padding: 0 0 1px 0;
}

div#header-connect p#compil {
  margin-top: 8px;
}

div#header-connect p#compil a {
  color: #A52500;
}

div #header-connect p#advanced-search-link {
  margin-top: 2px;
}

div#header-connect form{
	margin:0;
	padding:0;
}

div#header-connect input{
	width:105px;
}
div#header-connect input.submit{
	height:18px;
}

div#header-connect p#advanced-search-link a {
	font-size: 10px !important;
}


/*Repair font display for safari*/
div#header-new ul li a,
div#header-radio ul li a,
div#header-faq ul li a,
div#header-connect ul li a,
div#header-connect p.connexion a,
div#header-connect p.black-links a,
div#header-connect p.lang a{
	font-family: Helvetica,Arial,sans-serif;
}

div#header-connect p.connexion a {
  font-weight: bold;
  font-size: 14px;
}

td.compilation h2 a {
  font-weight: bold;
  font-size: 20px;  
}

td.compilation a {
  line-height: 25px;
  font-size: 16px;
}

.invisible {
  display: none;
}

.single_icons {
  position: absolute;
  bottom: 5px;
  right: 5px;
}

.cube_icon {
  position: absolute;
  bottom: -10px;
  right: 35px;  
}

.big_single_icon {
  position: absolute;
  bottom: 8px;
  left: 92px;
}

.big_cube_icon {
  position: absolute;
  bottom: 0px;
  right: 15px;  
}

.big_cube_icon img {
  margin-left: 10px;
}

.big_cube_icon * {
  vertical-align: middle;
}

div#iphone span.title {
  color: #A52500;
  font-size: 24px;
  text-transform: uppercase;
}

div#iphone h1 {
  padding: 20px 0 20px 0;
  font-size: 20px;
  color: #444;
}

div#iphone p {
  font-size: 16px;
  color: #444;
}

div#iphone div#copyright {
  margin-top: 50px;
  font-size: 11px;
  color: #444;
}

div#iphone img {
  text-align: center;
  margin: 30px 0;
}


/* Advertisement */
#advertisement { 
	margin: 0 auto;
	margin: 0; 
	padding: 0; 
	position: relative;
	text-align: right;
}