body {
  height:100%;
	margin: 0;
	padding: 0;
	padding-top:10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 57%; /* = font-size:9px;*/
	/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, 
	but moz and ie pc change almost not at all. seems 76% is as small as you can go 
	and stay the same across browsers. poop.*/
	background-color: #333333;
}

/*main DIV that contains everything*/
#global {
  min-height:100%;
	position: relative;
	margin: 0 auto;
	padding: 12px 12px 12px 12px;
	width: 960px;
	background-color: #F4F4F4;
}

/*first DIV. Contains swisselectronicmusic, hour, login*/
#header_zone{
  position: relative;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	/*intra-space*/
	padding-left:5px;
	padding-right:5px;
	padding-top: 1px;
	padding-bottom: 3px;  
}

/*second DIV. Contains logo and advertise*/
#logo_zone{
  /*intra-space*/
  padding-top: 15px;
	padding-bottom: 15px; 
	padding-left: 3px;
	padding-right: 3px;
}

/*third DIV. Contains main rubriques and current location*/
#navigation_zone{
  border-top: 1px solid black;
	border-bottom: 1px solid black;
	/*intra-space*/
	padding-left:5px;
	padding-right:5px;
	padding-top: 1px;
	padding-bottom: 3px; 
}

/*fourth DIV. Contains the page itself*/
div#page_zone{
  width:960px;
  /*intra-space*/
  /*padding-top: 0.8em; remove: the boxes can do it*/
	padding-bottom: 50px;/*to have white space at the end of the page*/
  padding-left: 3px;/*These two lines are causing issues on ie with nifty-cube*/
  padding-right: 3px;
	overflow:auto;/*To avoid problems due to float*/
	overflow:hidden;
}

div.page_zone-1-1{
  float: left;
	padding: 0;
	
	width:954px;
}



div.page_zone-1-2{
  float: left;
  padding 0;
  width:469px;
}
div.page_zone-2-2{
  float: left;
	margin: 0;
  margin-left:16px;
  padding: 0;
	width:469px;
}


/*left part of the main page. sum with right part must be div#page_zone*/
div#page_zone-left{
	float: left;
	padding: 0;
	width:819px;
}

/*right part of the main page sum with left part must be div#page_zone*/
div#page_zone-right{
	float: left;
	margin: 0;
	margin-left: 15px;
	
	padding: 0;
	width:120px;
}

div#page_zone-right-small-space{
  float: left;
  margin: 0;
  margin-left: 5px;
  
  padding: 0;
  width:130px;
}

/*This is mandatory if one wants to put a new full left-zone after a
left-zone that have been separated*/
div.page_zone-left-1-1{
  float: left;
  margin: 0;
  padding: 0;
  width: 819px;
}

/*fisrt part of 1/2 of the page_zone-left. Sum with the other part must be page_zone-left*/
div.page_zone-left-1-2{
  float: left;
  margin: 0;
  padding: 0;
  width: 402px;
}

/*second part of 1/2 of the page_zone-left. Sum with the other part must be page_zone-left*/
div.page_zone-left-2-2{
  float: left;
  margin: 0;
  margin-left:15px;
  padding: 0;
  width: 402px;
}

/*this version is as a 1/3 where the first is 1/3+2/3*/
div.page_zone-left-1-2-v2{
  float: left;
  margin: 0;
  padding: 0;
  width: 584px;
}
/*this version is as a 1/3 where the first is 1/3+2/3*/
div.page_zone-left-2-2-v2{
  float: left;
  margin: 0;
  margin-left:15px;
  padding: 0;
  width: 220px;
}


/*fisrt part of 1/3 of the page_zone-left. Sum with the other part must be page_zone-left*/
div.page_zone-left-1-3{
  float: left;
  margin: 0;
  padding: 0;
  width: 263px;
}

/*second part of 1/3 of the page_zone-left. Sum with the other part must be page_zone-left*/
div.page_zone-left-2-3{
  float: left;
  margin: 0;
  margin-left:15px;
  padding: 0;
  width: 263px;
}

/*third part of 1/3 of the page_zone-left. Sum with the other part must be page_zone-left*/
div.page_zone-left-3-3{
  float: left;
  margin: 0;
  margin-left:15px;
  padding: 0;
  width: 263px;
}

div.page_zone-left-1-7{
  float: left;
  padding: 0;
  
  width:117px;
}
div.page_zone-left-2-7, div.page_zone-left-3-7, div.page_zone-left-4-7, div.page_zone-left-5-7, div.page_zone-left-6-7, div.page_zone-left-7-7{
  float: left;
  margin: 0;
  margin-left:5px;
  padding: 0;
  width:112px;
}

/*last div of the 'page'*/
div#footer_zone{
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	/*intra-space*/
	padding-left:5px;
	padding-right:5px;
	padding-top: 1px;
	padding-bottom: 3px;  
}

/*last div of everything. contains the credits*/
div#credits_zone{
  position: relative;
	margin: 0 auto;
	/*intra-space*/
	padding: 0;
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 20px;
	width: 960px;
	color:white;
}
div#credits_zone a {
  color: white;
  text-decoration: underline;
}


/********************* boxes ************************/
div.arounded{
  padding:1px;
  
  background-color: #f4f4f4;	
}
div.brounded{
	padding:6px;
  background-color: #9A9A9A;
}

div.rounded {
  color:#222222;
  /*background: #999999;*/
  background: #9A9A9A;
  padding:10px;
  padding-top:5px;/*needed, otherwise the text is hidden*/
  padding-bottom:0;/*don't put anything here, otherwhise the nifty same-height is not working!!*/
  
  margin-top:15px;
}
div.inrounded {
	padding-bottom:10px;
}
div.rounded h2{
  color: #F4F4F4;
  font-size:1.4em;
  border-bottom:1px solid #F4F4F4;
  margin-bottom: 10px;
}
div.rounded h2.margin_bottom_small {
	margin-bottom: 5px;
}
div.rounded h2.navigation_highlight{
  color: #FD0002;
}

/********************* end boxes ************************/

/********************* login and search *****************/
input#global_search{
  font-family: verdana, arial, helvetica, sans-serif;
  /*background-image: url(../images/loupe.png);
  background-position: 1px 1px;
  background-repeat: no-repeat;*/
  font-size:1em;
  width:80px;
  height:10px;
  padding:0;
  margin:0;
}
/********************* end login and search *****************/

/********************* navigation ********************/
div#navigation_zone a{
  font-size: 1.2em;
}
ul.sub_navigation, ul{
  list-style-type:none;
  padding:0;
  margin: 0;
}

/********************* end navigation ********************/
.highlighted{
  color: #FD0002;
}
.small_title {
	color:#F4F4F4; 
	font-weight:bold
}

/********************* table *************************/

table.table_image_text{
  /*padding:0px;
  margin:0px;*/
}
/********************* end table *************************/


/********************* calendar ********************/
div#calendar div#calendar_navigator h2{
  font-size:1.2em;
  text-align: center;  
  border-bottom:0;
  margin-bottom:0px;
  padding-bottom:0px;
  color: #F4F4F4;
}

div#calendar div.rounded h2{
  font-size:1em;
}
div#calendar div.rounded h2.current_day{
  color: #FD0002;
}
div.event_summary{
  padding-bottom: 8px;
}

/**** inside google window ****/
div.calendar_place_summary{
  position:relative;
  top:-8px;
}
div.calendar_place_summary h2{
  border-bottom:1px solid black;
  text-align:left;
  margin-bottom: 10px;
  color:black;
}
div.map_zoom{
  border-bottom:1px solid gray;
}

/*bug in google window: padding on the left, not on the right...*/
div.calendar_place{
  margin-right:15px;
}
div.calendar_place h3{
  color: black;
}
table.calendar_table{
  border-collapse: collapse;
  border-spacing: 0px;
  margin-bottom:9px;
}
div.calendar_title{
	padding-bottom:5px;
	border-bottom:1px solid #F4F4F4;
	margin-bottom:5px;
	font-weight: bold;
}
table.calendar_table td{
 	text-align: center;
}
table.calendar_table td.day{
  text-align: left;
  color: white;
}

table.calendar_table td.current_day a{
  color: #FD0002;	
}
table.calendar_table td.out_of_month_day a{
	color: #E1E1E1;
}
table.calendar_table td.out_of_month_day a:hover{
	color: #FD0002;
}
/**** end inside google window ****/

/********************* end calendar ********************/

/********************* gwindow **************************/
div.addressMap h3{
	color: black;
}
/********************* end gwindow **************************/

/********************* player **************************/
div#playerLayout .mp3_selected{
  color: #FD0002;
}
div#playlist_layout{
  margin-top:15px;
  overflow:auto;
  height:120px;

  padding-top:10px;
  padding-bottom:10px;
  padding-left:10px;
  text-align: left;
}

div#playlist_layout a{
  color:black
}
div#playlist_layout a:hover{
  color: #FD0002;
}
div#playlist_layout .mp3_selected a{
  color: #FD0002;
}

/********************* end player **********************/

/********************* mp3 *****************************/
div.mp3-list{
	width: 100%;
  height: 250px;
  overflow: auto;
}
span.mp3_count{
  color: #F4F4F4;
}
div.mp3_vote, span.mp3_artist, span.mp3_count{
	/*line-height: 2;*/
}
/********************* end mp3 *************************/

/********************* search music and video *****************/

/********************* search music and video *****************/
a.edit_profile{
  font-size: 0.8em;
  font-weight: bold;
}
.last_login{
	font-size: 0.8em;
}
.last_login input{
  height: 1.2em;
  font-size: 0.9em; 
  color: black;
}
.created_at{
	font-size: 1em;
	color: #F4F4F4;
}
input.input_search {
  color: #9A9A9A;
}
/********************* form ****************************/
.form_error{
  color: #FD0002;
  font-size:1.2em;
  font-weight: bold;	
}
textarea{
  font-family: verdana, arial, helvetica, sans-serif;  
  font-size:1.2em;
}


/********************* artist ****************************/
.artist_summary_picture{
  width:80px;	
}
.artist_summary_bio{
	width: 200px;
	
}
.artist_summary_event{
  width: 199px;
}
.artist_summary_mp3{
  width: 170px;
}
.artist_summary_video{
  width: 170px;
}
div.border_left_80{
  border-left: 1px solid black;
  padding-left: 10px;
  margin-left: 10px;
  height:80px;
}

/********************* style ****************************/
ul.style {
  list-style-type:disc;
  padding:10px;
  margin-bottom:10px;
  margin-left:5px;
}

/********************* image ***************************/
div.image {
	padding-right:10px;
}
div.description {
	padding-right:10px;
}
img.home_image{
  padding-top:5px;/*needed, otherwise the text is hidden*/
  padding-bottom:0;/*don't put anything here, otherwhise the nifty same-height is not working!!*/
  margin-top:10px;
}

/********************* terms ***************************/
div.terms {
	color: #333333;
	font-size: 12px;
}
div.terms ul {
  list-style-type:disc;
  padding:5px;
  margin: 5px;
  margin-left: 10px;
}
div.terms h2 {
  font-size:1.4em;
  border-bottom:1px solid #333333;
  margin-bottom: 10px;
}

/********************* about ***************************/
div.about
{
  font-size:1.2em;
}

/********************* edit ****************************/
table.edit_list {
	border-collapse:collapse;
}
table.edit_list td {
  padding: 5px;
  padding-bottom: 15px;
}

span.move_down {
  position : relative;
  top: 3px;	
}

span.move_up {
  position: relative;
  top: -3px;	
}
span.move_down {
  position: relative;
  top: 3px;
}
/*********************typography************************/
img {
  border:0px;
}
a {
	text-decoration: none;
	font-weight: bold;
	color: #222222;
}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	color: #FD0002;
}
a.navigation_highlight{
  color: #FD0002;
}

hr.separator{
  color: black;
  height: 1px;
  border:0;
  background-color: black;
}
h2 {
  margin-top:0;
  margin-bottom:5px;
  padding-bottom:1px;
}
h3 {
  margin-top:0;
  margin-bottom:5px;
  padding-bottom:1px;
  color: #F4F4F4;
}
h4{
  margin-top:0;
  margin-bottom:5px;
  padding-bottom:1px;
}

form h3{
  margin:0;
  margin-bottom:3px;
  font-size:1.2em;
}

/*input, textarea, select{
  background-color: #F4F4F4;
  border 0px;
}*/
p{
  margin-top: 0;
}



/*********************end typography************************/