a						{ text-decoration: none; }
img 				{ border-width:0; margin:0; padding:0; vertical-align:middle; }
form 				{ margin: 0; }
small       { font-size: 11px; }
textarea, input { font-family: Arial, Verdana, Tahoma, Helvetica; font-size:10pt }

a:link, a:visited { color: #15485b; }
a:hover, a:active, .o	{ color: #a0b2bb; }

.left    { float:left; }
.middle  { margin-left:auto; margin-right:auto; }
.right   { float:right; }
.justify { text-align: justify; }
.center  { text-align: center; }
.txtright{ text-align: right; }
.clear   { clear:both; }
.none    { display:none; }
.strong  { font-weight:bold; }
.red     { color:#FF0000; }
.green   { color:green; }

h1, h2, h3, h4, h5, h6 { margin:0; }
h5 { font-size: 16px }
body {
  font-family: "Trebuchet MS", Tahoma, Helvetica, Arial; 
  font-size: 10pt;
  margin-top:0;
  background: url(/media/background.jpg) no-repeat top center;
}




/******** template.html ********/
#page {
  width:990px;
  margin-left:auto;
  margin-right:auto;
}

#header {
  background: url(/media/header_en.png) no-repeat bottom center;
  height:122px;
  margin-bottom:20px;
  font-weight:bold;
  text-align:right;
  color:#fff;
}

  #header a { color:#a0b2bb; }
  #header a:hover, a:active, .o	{ color: #fff; }


#footer {
  padding:1px;
  font-weight:bold;
  text-align:center;
}


#menu_top {
  float:left;
  width:600px;
  margin:0 0 10px 40px;
  text-align:left;
}

  #menu_top ul {
    list-style:none;
    height:30px;
    margin:0;
    padding:0;
  }
  
  #menu_top li {
    float:left;
  }

  #menu_top li a {
    display:block;
    float:left;
    text-decoration:none;
    text-align:center;
    font-size:11px;
    cursor:pointer;
    background:url(/media/onglet_off.png);
    width:120px;
    height:22px;
    padding-top:8px;
  }

  #menu_top li.current a {
    color:#fff;
  }

  #menu_top li a:hover {
    background: url(/media/onglet_on.png);
  }








.block, .rounded, .rounded .sb-inner {
  background-color:#ccc;
}



.rounded2 {
  margin-bottom:10px;
}

.rounded2 h4 {
  background: url(/media/drop-box-660-top.png) no-repeat top left;
  padding:12px 10px 7px 50px;
  margin:0;
  color:#fff;
  font-size:16px;
}
  .rounded2 h4 a { color:#a0b2bb; }
  .rounded2 h4 a:hover, a:active, .o	{ color: #fff; }
  

.rounded2 .main {
  background: url(/media/drop-box-660-bottom.png) no-repeat bottom left;
  padding:5px 10px 10px 10px;
}

.black h4 { background: url(/media/drop-box-660-black.png) no-repeat top left; }
.black .main { background: url(/media/drop-box-660-black.png) no-repeat bottom left; color:#fff; }


.rounded3 {
  margin-bottom:20px;
}

.rounded3 h4 {
  background: url(/media/drop-box-310.png) no-repeat top right;
  padding:12px 5px 7px 50px;
  margin:0;
  font-size:16px;
  color:#fff;
  text-align:left;
}

.rounded3 .main {
  background: url(/media/drop-box-310.png) no-repeat bottom right;
  padding:4px 10px 5px 10px;
  margin-bottom:20px;
}



#left_column {
  width:660px;
  float:left;
  margin:10px 10px 10px 0;
}

  #left_column .block {
    padding:10px;
    margin-bottom:20px;
  }


#right_column {
  width:310px;
  float:left;
  margin:10px 0;
}

  #right_column .block {
    padding:10px;
    margin-bottom:20px;
  }
  
.ad {
  margin-bottom:20px;
  text-align:center;
}
  


/******** DIV SLIDER ********/
#slider_container {
  position:relative; 
  overflow:hidden;
  float:left;
  margin:0; /* important to fix it to 0 */
}

#slider_content {
  position: relative; 
  width:10000px;  
}


a.prev_arrow {
  background:transparent url(/media/arrow_prev.png) no-repeat scroll left top;
  display:block;
  height:20px;
  width:30px;
}

a.next_arrow {
  background:transparent url(/media/arrow_next.png) no-repeat scroll left top;
  display:block;
  height:20px;
  width:30px;
}

a.next_arrow:hover, a.prev_arrow:hover {
  background-position:100% -20px;
}





/********* PAGER *********/
.pager {
	clear: both;
	font: 18px "Trebuchet MS", Arial, Tahoma, sans-serif;
	line-height: 1.4em;
	font-weight: bold;
}
	.pager ul {
		list-style : none;
	}

	.pager li {
		padding: 2px 0 1px 0;
		float: left;
		border:1px solid #ccc;
		background-color:#f5f5f5;
		margin-right:3px
	}

	.pager li a {
		padding: 3px 5px 2px 5px;
		background: inherit;
		text-decoration: none;
	}

	.pager li a:hover {
		background-color: #71AE2D;
		color: #fff;
	}

	.pager .nolink{
		padding: 2px 5px 1px 5px;
		color:#000;
	}

	.pager .nolink2{
		padding: 3px 5px;
		color:#000;
	}

	.pager .current{
		padding: 3px 5px;
		background-color: #71AE2D;
		color: #fff;
	}



/********** FORM : LABEL **********/
.label input, .label textarea, .label select{
	margin-bottom:5px;
}

.label label {
  display: inline;
  float: left;
  width: 120px;
  text-align: right;
  margin-right:5px;
  font-weight:bold;
}

.label .noclass {
  display: inline;
  float: none;
  width: auto;
  text-align: left;
  margin-right:0px;
  font-weight:normal;
}



/***** home.html *****/
.stats_left {
  float:left;
  text-align:right;
  width:50px;
  font-weight:bold;
  margin-right:5px;
}


/***** account.html *****/
.signup label {
  width: 150px;
  margin-right:10px;
}

.signup .nostyle, .studio_save .nostyle {
  display: inline;
  font-weight: normal;
  float: none;
  width: auto;
  text-align: left;
  margin-right:0px;
}




/***** studio_save.html *****/
.studio_save label {
  font-weight: bold;
  width: 120px;
  margin-right:10px;
}




/***** detail.html *****/
#player #player_inside {
  height:800px;
  width:600px;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
  margin-bottom:20px
}

#buzz .buzz_block {
  position:relative;
  margin-bottom:10px;
}

#list_buzz {
  list-style : none;
  padding:0;
  margin:0;
}

  #list_buzz img {
    margin-right:8px;
  }

  #list_buzz li {
    font-weight:bold;
    padding:2px;
    margin:0;
  }

#sendfriend .label label {
  width:100px;
}

#sendfriend textarea {
  width:179px;
}


#buzz_button a {
  float:left;
  margin-left:20px;
  margin-bottom:30px;
}

.bt_sendmail {
  background-image:url(/media/bt_sendmail.png);
  font-weight:bold;
  padding-left:20px;
  text-align:center;
  width:162px;
  height:21px;
}

.bt_blank {
  background-image:url(/media/bt_blank.png);
  font-weight:bold;
  text-align:center;
  width:182px;
  height:21px;
}

.bt_facebook {
  background-image:url(/media/bt_facebook.png);
  font-weight:bold;
  padding-left:25px;
  text-align:center;
  width:158px;
  height:20px;
  color:#fff;
}