@charset "UTF-8";
/* -------------------------------------------------------------- 
  
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


body { line-height: 1.5; background: #fff; margin:0;}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none;}
li {list-style: none;}



/* -------------------------------------------------------------- 
  
							  Global styles
   
-------------------------------------------------------------- */

body {
	background: #fff;
	color: #666;
	font-size: 75%;
	font-family: Tahoma, Geneva, sans-serif;
	}

h1 {
	font-size: 1.8em;
	}
h2 {
	font-size: 1.6em;
	}
h3 {
	font-size: 1.2em;
	}
h4 {
	font-size: 1em;
	}

hr.clear {
	clear: both;
	background: none;
	border: 0;
	height: 0;
	}

span.spinner {
	background:url(http://www.mz-img.com/imgs/spinner.gif) no-repeat center center;
	clear: both;
	display: block;
	height: 120px;
	margin: 0;
	padding: 0;
	width: 100%;
}

a.btnDelete {
	background:url(http://www.mz-img.com/imgs/btn-delete.png) no-repeat !important;
	float: left !important;
	height: 21px !important;
	margin: 0 5px !important;
	text-indent: -9999px !important;
	width: 21px !important;
	display: inline !important;
	overflow: hidden !important;
	}
a.btnValidate {
	background:url(http://www.mz-img.com/imgs/btn-validate.png) no-repeat !important;
	float: left !important;
	height: 21px !important;
	margin: 0 5px !important;
	overflow: hidden !important;
	text-indent: -9999px !important;
	width: 21px !important;
	display: inline !important;
	overflow: hidden !important;
	}
a.btnAdd {
	background:url(http://www.mz-img.com/imgs/btn-add.png) no-repeat;
	height: 21px;
	float: left;
	margin: 0 5px;
	overflow: hidden !important;
	text-indent: -9999px !important;
	width: 21px;
	display: inline !important;
	overflow: hidden !important;
	}
	a.btnAdd:hover, a.btnDelete:hover, a.btnValidate:hover {
		background-position: bottom !important;
		}


a.btnWelcome {
	background:url(http://www.mz-img.com/imgs/btn-welcome.png) no-repeat;
	height: 27px;
	display: block;
	margin: 10px 5px 0 5px;
	overflow: hidden !important;
	text-indent: -9999px !important;
	width: 950px;
	}
a.btnAddVideo {
	background:url(http://www.mz-img.com/imgs/btn-add-video.png) no-repeat;
	height: 21px;
	float: left;
	margin: 0 5px;
	overflow: hidden !important;
	text-indent: -9999px !important;
	width: 120px;
	display: inline !important;
	overflow: hidden !important;
	}
a.btnAddSong {
	background:url(http://www.mz-img.com/imgs/btn-add-song.png) no-repeat;
	height: 21px;
	float: left;
	margin: 0 5px;
	overflow: hidden !important;
	text-indent: -9999px !important;
	width: 130px;
	display: inline !important;
	overflow: hidden !important;
	}
a.btnAddEvent {
	background:url(http://www.mz-img.com/imgs/btn-add-event.png) no-repeat;
	height: 21px;
	float: left;
	margin: 0 5px;
	overflow: hidden !important;
	text-indent: -9999px !important;
	width: 140px;
	display: inline !important;
	overflow: hidden !important;
	}
a.btnAddNews {
	background:url(http://www.mz-img.com/imgs/btn-add-news.png) no-repeat;
	height: 21px;
	float: left;
	margin: 0 5px;
	overflow: hidden !important;
	text-indent: -9999px !important;
	width: 140px;
	display: inline !important;
	overflow: hidden !important;
	}
a.btnEditBan {
	background:url(http://www.mz-img.com/imgs/btn-edit-ban.png) no-repeat;
	height: 21px;
	display: block;
	margin: 5px auto;
	overflow: hidden ;
	text-indent: -9999px;
	width: 140px;
	}
a#eba {
	float: left;
	}
	a.btnAddVideo:hover, a.btnAddSong:hover, a.btnAddEvent:hover, a.btnEditBan:hover, a.btnWelcome:hover, a.btnAddNews:hover{
		background-position: center bottom !important;
		}


/* -------------------------------------------------------------- 
  
							 FORMS
   
-------------------------------------------------------------- */		
				
			form input[type="text"], form input.textInput{
				background: url(http://www.mz-img.com/imgs/input-text.png) no-repeat;
				border: 0;
				color: #666;
				display: block;
				height: 21px;
				line-height: 2.6em;
				padding: 0;
				text-indent: 2px;
				width: 250px;
				}
			form textarea{
				background: url(http://www.mz-img.com/imgs/input-textarea.png) no-repeat;
				border: 0;
				color: #666;
				display: block;
				font-family: Tahoma, Geneva, sans-serif;
				font-size: 0.9em;
				height: 180px;
				padding: 0;
				text-indent: 2px;
				width: 250px;
				}
			form input[type="submit"], form input.submitInput{
				background: url(http://www.mz-img.com/imgs/btn-valider.gif) no-repeat top;
				border: 0;
				display: block;
				height: 21px;
				margin: 0;
				padding: 0;
				overflow: hidden;
				text-indent: -9999px;
				width: 60px;
				}
				form input[type="submit"]:hover, form input.submitInput:hover{
					background-position: bottom;
					}
			form input[type="cancel"], form input.cancelInput{
				background: url(http://www.mz-img.com/imgs/btn-annuler.gif) no-repeat top;
				border: 0;
				display: block;
				height: 21px;
				margin: 0;
				padding: 0;
				overflow: hidden;
				text-indent: -9999px;
				width: 55px;
				}
				form input[type="cancel"]:hover, form input.cancelInput:hover{
					background-position: bottom;
					}
/* -------------------------------------------------------------- 
  
							  Header
   
-------------------------------------------------------------- */

div#top {
	background: transparent url(http://www.mz-img.com/imgs/bg-header.png) repeat-x top;
	height: 75px;
	margin: 0 0 7px 0;
	width: 100%;
	padding-bottom: 2px;
	}
	div#header {
		display: block;
		height: 44px;
		margin: 0 auto;
		width: 960px;
		}
		h1#logo {
			background:url(http://www.mz-img.com/imgs/logo.png) no-repeat;
			height: 44px;
			display: inline !important;
			overflow: hidden !important;
			float: left;
			margin: 0 auto;
			overflow: hidden;
			text-indent: -9999px;
			width: 150px;
			display: inline !important;
			overflow: hidden !important;
			}
			h1#logo a{
				display: block;
				height: 44px;
				margin: 0 auto;
				overflow: hidden;
				text-indent: -9999px;
				width: 150px;
				}
		ul#nav {
			background: url(http://www.mz-img.com/imgs/bg-nav.png) no-repeat;
			list-style: none;
			display: inline !important;
			overflow: hidden !important;
			float: left;
			margin-left: 90px;
			width: 390px;
			padding: 0 1px;
			height: 44px;
			}
			ul#nav li{
				display: inline !important;
				overflow: hidden !important;
				float: left;
				height: 44px;
				}
			ul#nav li a{
				background: url(http://www.mz-img.com/imgs/nav.png) no-repeat; 
				display: block;
				height: 47px;
				overflow: hidden;
				text-indent: -9999px;
				}
				ul#nav li#nav-home a{
					background-position: 0 top; 
					width: 80px;
					}
					ul#nav li#nav-home a:hover{
						background-position: 0 bottom;
						}
					ul#nav li#nav-home.active a{
						background-position: 0 bottom;
						}
				ul#nav li#nav-artists a{
					background-position: -80px top; 
					width: 90px;
					}
					ul#nav li#nav-artists a:hover{
						background-position: -80px bottom;
						}
					ul#nav li#nav-artists.active a{
						background-position: -80px bottom;
						}
				ul#nav li#nav-playlists a{
					background-position: -170px top; 
					width: 90px;
					}
					ul#nav li#nav-playlists a:hover{
						background-position: -170px bottom;
						}
					ul#nav li#nav-playlists.active a{
						background-position: -170px bottom;
						}
				ul#nav li#nav-account a{
					background-position: -260px top; 
					width: 129px;
					}
					ul#nav li#nav-account a:hover{
						background-position: -260px bottom;
						}
					ul#nav li#nav-account.active a{
						background-position: -260px bottom;
						}
		a#btnLogout {
			background:url(http://www.mz-img.com/imgs/btn-logout.png) no-repeat;
			float: right;
			height: 21px;
			margin: 10px 10px;
			overflow: hidden;
			text-indent: -9999px;
			width: 107px;
			display: inline !important;
			overflow: hidden !important;
			}
			a#btnLogout:hover {
				background-position: bottom;
				}
		form#searchForm {
			float: right;
			height: 35px;
			margin: 0;
			padding: 5px 0;
			position: relative;
			width: 200px;
			display: inline !important;
			overflow: hidden !important;
			}
			form#searchForm input[type="text"], form#formSearch input#inputSearch{
				background: url(http://www.mz-img.com/imgs/input-search.gif) no-repeat;
				border: 0;
				color: #666;
				display: inline !important;
overflow: hidden !important;
float: left;
				height: 25px;
				line-height: 2.6em;
				text-indent: 20px;
				margin: 0;
				padding: 0;
				width: 175px;
	display: inline !important;
	overflow: hidden !important;
				}
			form#searchForm input[type="submit"], form#formSearch input#inputSubmit{
				background: url(http://www.mz-img.com/imgs/btn-search.gif) no-repeat left;
				border: 0;
				display: inline !important;
overflow: hidden !important;
float: left;
				height: 25px;
				margin: 0;
				padding: 0;
				overflow: hidden;
				text-indent: -9999px;
				width: 25px;
	display: inline !important;
	overflow: hidden !important;
				}
			form#searchForm input[type="submit"]:hover, form#formSearch input#inputSubmit:hover{
				background-position: right;
				}

/********************************************/
/*    		Search Form Artists				*/
/********************************************/
form#searchFormArtist {
	float: left;
	height: 35px;
	margin: 0px 0px 0px 15px;
	padding: 5px 0;
	position: relative;
	width: 300px;
	display: inline !important;
	overflow: hidden !important;
}
form#searchFormArtist input[type="text"], form#searchFormArtist input#inputSearchArtist {
	background: url(http://www.mz-img.com/imgs/input-search.gif) no-repeat;
	border: 0;
	color: #666;
	display: inline !important;
	overflow: hidden !important;
	float: left;
	height: 25px;
	line-height: 2.6em;
	text-indent: 20px;
	margin: 0;
	padding: 0;
	width: 275px;
	display: inline !important;
	overflow: hidden !important;
}
form#searchFormArtist input[type="submit"], form#searchFormArtist input#inputSubmitArtist {
	background: url(http://www.mz-img.com/imgs/btn-search.gif) no-repeat left;
	border: 0;
	display: inline !important;
	overflow: hidden !important;
	float: left;
	height: 25px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-indent: -9999px;
	width: 25px;
	display: inline !important;
	overflow: hidden !important;
}
form#searchFormArtist input[type="submit"]:hover, form#searchFormArtist input#inputSubmitArtist:hover{
	background-position: right;
}

/********************************************/
/*    		Search suggestions				*/
/********************************************/

			div#searchSuggestions {
				background: #fff;
				display: block;
				font-size: 0.8em;
				position: absolute;
				width: 175px;
				z-index: 1001;
				}
			div#searchSuggestions2 {
				background: #fff;
				display: block;
				font-size: 0.8em;
				position: absolute;
				width: 275px;
				z-index: 1002;
				}
				a.suggestion {
					background: #fff;
					border-bottom: solid 1px #f0fcfe;
					clear: both;
					color: #999;
					display: block;
					height: 36px;
					margin: 3px 3px;
					text-decoration: none;
					width: 169px;
					}
				a.suggestion:hover {
					background: #75e8fc;
					color: #fff;
					}
				a.suggestion img{
					background: url(http://www.mz-img.com/imgs/bg-thumb.jpg) center no-repeat;
					display: inline !important;
overflow: hidden !important;
float: left;
					height: 34px;
					margin: 0 10px 0 0;
					width: 34px;
	display: inline !important;
	overflow: hidden !important;
					}
				a.suggestion span{
					display: inline !important;
overflow: hidden !important;
float: left;
					height: 34px;
					line-height: 2.6em;
					overflow: hidden;
					width: 119px;
	display: inline !important;
	overflow: hidden !important;
					}

/* -------------------------------------------------------------- 
  
							  Footer
   
-------------------------------------------------------------- */	

div#footerWrap {
	background: #75e8fc url(http://www.mz-img.com/imgs/bg-footer.png) repeat-x;
	font-size: 1em;
	margin: 0;
	text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
	width: 100%;
	z-index: 1010;
	}
	div#footer {
		color: #fff;
		margin: 0 auto;
		width: 960px;
		}
		ul.footerList {
			display: inline !important;
overflow: hidden !important;
float: left;
			margin: 15px 10px;
			display: inline;
			width: 300px;
	display: inline !important;
	overflow: hidden !important;
			}
			ul.footerList a{
				color: #fff !important;
				font-size: 1.1em;
				margin: 0 auto;
				text-decoration: none;
				}
			ul.footerList a:hover{
				color: #ff5700 !important;
				}
			ul.footerList li#footer-facebook a{
				background: url(http://www.mz-img.com/imgs/footer-facebook.png) no-repeat center center;
				display: block;
				height: 65px;
				margin: 0 0 10px;
				overflow: hidden;
				text-indent: -9999px;
				width: 285px;
				}
			ul.footerList li#footer-twitter a{
				background: url(http://www.mz-img.com/imgs/footer-twitter.png) no-repeat center center;
				display: block;
				height: 65px;
				margin: 10px 0;
				overflow: hidden;
				text-indent: -9999px;
				width: 285px;
				}

/* -------------------------------------------------------------- 
  
							Modal Div
   
-------------------------------------------------------------- */

div.modal {
	background: url(http://www.mz-img.com/imgs/login-panel.png) no-repeat left bottom;
	display: block;
	height: 185px;
	left: 100px;
	position: absolute;
	top: 100px;
	width: 635px;
	z-index: 5010;
}

/* -------------------------------------------------------------- 
  
							Login Form
   
-------------------------------------------------------------- */
a#btnClose {
	background:url(http://www.mz-img.com/imgs/btn-close.png) no-repeat;
	display: block;
	height: 30px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 0px;
	text-indent: -9999px;
	top: 0px;
	width: 30px;
	z-index: 5020;
	}
form#loginForm {
	display: inline !important;
overflow: hidden !important;
float: left;
	height: 160px;
	margin: 20px 5px 5px 5px;
	padding: 0;
	width: 355px;
	display: inline !important;
	overflow: hidden !important;
	}
	form#loginForm fieldset{
		background:url(http://www.mz-img.com/imgs/legend-login.png) no-repeat left top;
		border: 0;
		display: block;
		padding-top: 50px;
		margin: 0;
		height: 120px;
		width: 345px;
		}
		form#loginForm fieldset legend{
			border: 0;
			display: none;
			}
		form#loginForm fieldset label[for="email"]{
			background:url(http://www.mz-img.com/imgs/label-login.png) no-repeat;
			border: 0;
			display: inline !important;
overflow: hidden !important;
float: left;
			height: 25px;
			margin: 0;
			overflow: hidden;
			padding: 0;
			text-indent: -9999px;
			width: 125px;
	display: inline !important;
	overflow: hidden !important;
			}
		form#loginForm fieldset label[for="pwd"]{
			background:url(http://www.mz-img.com/imgs/label-pwd.png) no-repeat;
			border: 0;
			display: inline !important;
overflow: hidden !important;
float: left;
			height: 25px;
			margin: 0;
			margin-top: 10px;
			overflow: hidden;
			padding: 0;
			text-indent: -9999px;
			width: 125px;
	display: inline !important;
	overflow: hidden !important;
			}
		form#loginForm fieldset input[type="text"]{
			background:url(http://www.mz-img.com/imgs/input-text.png) no-repeat;
			border: 0;
			display: inline !important;
overflow: hidden !important;
float: left;
			height: 25px;
			margin: 0;
			padding: 0;
			text-indent: 5px;
			width: 220px;
	display: inline !important;
	overflow: hidden !important;
			}
		form#loginForm fieldset input[type="password"]{
			background:url(http://www.mz-img.com/imgs/input-text.png) no-repeat;
			border: 0;
			display: inline !important;
overflow: hidden !important;
float: left;
			height: 25px;
			margin: 0;
			margin-top: 10px;
			padding: 0;
			text-indent: 5px;
			width: 220px;
	display: inline !important;
	overflow: hidden !important;
			}
		form#loginForm fieldset input[type="submit"]{
			background:url(http://www.mz-img.com/imgs/btn-login.png) no-repeat;
			border: 0;
			float: right;
			height: 25px;
			margin: 10px 0 0 0 ;
			overflow:hidden;
			padding: 0;
			text-indent: -9999px;
			width: 90px;
	display: inline !important;
	overflow: hidden !important;
			}

div#registerInvite {
	display: inline;
	display: inline !important;
overflow: hidden !important;
float: left;
	height: 160px;
	margin: 20px 5px 5px 25px;
	overflow: hidden;
	padding: 0;
	width: 225px;
	}
	div#registerInvite h2{
		background:url(http://www.mz-img.com/imgs/title-not-member.png) no-repeat;
		clear: both;
		display: block;
		height: 45px;
		margin: 0;
		margin-left: 5px;
		overflow: hidden;
		padding: 0;
		text-indent: -9999px;
		width: 255px;
		}
	div#registerInvite p{
		color: #235e95;
		display: block;
		font-size: 0.9em;
		margin: 5px;
		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
		}
	div#registerInvite p{
		color: #235e95;
		display: block;
		margin: 5px;
		}
	div#registerInvite a#registerBtn{
		background:url(http://www.mz-img.com/imgs/btn-register.png) no-repeat;
		display: block;
		height: 55px;
		margin: 10px 0 0 0;
		overflow: hidden;
		text-indent: -9999px;
		width: 210px;
		}

/* -------------------------------------------------------------- 
  
							Ads
   
-------------------------------------------------------------- */

div#megabannerAd {
	background: #eee;
	display: block;
	height: 90px;
	margin: 155px auto 10px auto;
	overflow: hidden;
	width: 728px;
	border: 1px #fff solid;
}
	
div#blockAd {
	background: #eee;
	display: inline;
	float: left;
	height: 250px;
	margin: 10px;
	overflow: visible;
	width: 300px;
	display: inline !important;
	/*overflow: hidden !important;*/
}

/* -------------------------------------------------------------- 
  
							Main content
   
-------------------------------------------------------------- */

div#main {
	background: url(http://www.mz-img.com/imgs/bg-main.png) no-repeat center top;
	display: block;
	clear: both;
	font-size: 0.9em;
	padding: 0 5px;
	margin: 10px auto 0;
	width :960px;
	height: auto;
	}
	div#spotlight {
		background: url(http://www.mz-img.com/imgs/bg-spotlight.png) no-repeat center top;
		display: inline;
		float: left;
		height: 260px;
		margin: 5px 0 10px 0;
		overflow: hidden;
		width: 640px;
	display: inline !important;
	overflow: hidden !important;
		}
	div#miniPlayer {
		background: transparent;
		display: inline;
		float: left;
		height: 251px;
		margin: 10px;
		width: 300px;
		display: inline !important;
		/*overflow: hidden;
		overflow: hidden !important;*/
	}
		
	div#side {
		background: transparent;
		display: inline;
		float: left;
		width: 310px;
		display: inline !important;
		/*overflow: hidden;
		overflow: hidden !important;*/
	}
/* -------------------------------------------------------------- 
  
						Home Radios panel
   
-------------------------------------------------------------- */
div#radios {
		background: url(http://www.mz-img.com/imgs/panel-large-simple.png) no-repeat center top;
		display: inline;
		float: left;
		margin: 10px 0;
		overflow: hidden;
		width: 640px;
	display: inline !important;
	overflow: hidden !important;
		}
		div#radios h2{
			background: url(http://www.mz-img.com/imgs/title-radios.png) no-repeat;
			display: block;
			height: 30px;
			margin: 0 0 10px 10px;
			overflow: hidden;
			text-indent: -9999px;
			width: 620px;
			}
		ul#listRadios{
			display: block;
			margin: 10px;
			width: 620px;
			}
			div#radios ul#listRadios li{
				float: left;
				height: 80px;
				margin: 5px;
				width: 140px;
	display: inline !important;
	overflow: hidden !important;
				}
				div#radios ul#listRadios li a{
					clear: both;
					display: block;
					height: 80px;
					margin: 0;
					overflow: hidden;
					padding: 0;
					position: relative;
					text-decoration: none;
					text-indent: -9999px;
					width: 140px;
					font-size: 1.2em;
					}
				div#radios ul#listRadios li a:hover{
					background-position: center 5px !important;
					}
					
			div#radios ul#listRadios li#radio1 a{
				background: url(http://www.mz-img.com/imgs/btn-radio-rap.jpg) no-repeat center top;
				}				
			div#radios ul#listRadios li#radio2 a{
				background: url(http://www.mz-img.com/imgs/btn-radio-chaabi.jpg) no-repeat center top;
				}				
			div#radios ul#listRadios li#radio3 a{
				background: url(http://www.mz-img.com/imgs/btn-radio-charki.jpg) no-repeat center top;
				}				
			div#radios ul#listRadios li#radio4 a{
				background: url(http://www.mz-img.com/imgs/btn-radio-world-music.jpg) no-repeat center top;
				}
				
/* -------------------------------------------------------------- 
  
						New additions panel
   
-------------------------------------------------------------- */

	div#new {
		background: url(http://www.mz-img.com/imgs/panel-large-simple.png) no-repeat center top;
		display: inline;
		float: left;
		margin: 10px 0;
		margin-top: -100px;
		overflow: hidden;
		width: 640px;
		}
		div#new h2{
			background: url(http://www.mz-img.com/imgs/title-new.png) no-repeat;
			display: block;
			height: 30px;
			margin: 0 0 10px 10px;
			overflow: hidden;
			text-indent: -9999px;
			width: 620px;
			}
		ul#listNew{
			height: 190px;
			margin: 0 0 10px 10px;
			width: 620px;
			}
			ul#listNew li{
				display: inline;
				display: inline !important;
overflow: hidden !important;
float: left;
				height: 180px;
				margin: 5px;
				width: 140px;
				}
				ul#listNew li a{
					background:url(http://www.mz-img.com/imgs/thumb-frame-big.gif) no-repeat;
					clear: both;
					display: block;
					height: 180px;
					margin: 0;
					overflow: hidden;
					padding: 3px;
					position: relative;
					text-decoration: none;
					width: 140px;
					font-size: 0.9em;
					}
					ul#listNew li div.thumbWrap {
						clear: both;
						display: block;
						height: 174px;
						overflow: hidden;
						text-decoration: none;
						width: 134px;
						}
						ul#listNew li div.thumbWrap img{
							left: 0;
							top: 0;
							}
					ul#listNew li a span{
						background: url(http://www.mz-img.com/imgs/thumb-overlay.png) repeat; 
						bottom: 9px;
						color: #fff;
						height: 30px;
						text-indent: 2px;
						left: 3px;
						position: absolute;
						width: 134px;
						z-index: 101;
						}

/* -------------------------------------------------------------- 
  
						Top & Popular panels
   
-------------------------------------------------------------- */

	div#topPopular {
		background:url(http://www.mz-img.com/imgs/panel-large-dble.png) no-repeat center top;
		display: inline;
		display: inline !important;
overflow: hidden !important;
float: left;
		margin: 10px 0;
		padding: 0;
		overflow: hidden;
		width: 640px;
		}
		div#topArtists {
			display: inline;
			display: inline !important;
overflow: hidden !important;
float: left;
			margin: 0 10px;
			overflow: hidden;
			width: 300px;
			}
			div#topArtists h2{
				background: url(http://www.mz-img.com/imgs/title-top10.png) no-repeat;
				display: block;
				margin: 0 0 10px 0;
				overflow: hidden;
				text-indent: -9999px;
				width: 300px;
				}
			ol#listTop{
				width: 300px;
				margin: 0px 10px;
				}
				ol#listTop li{
					display: inline;
					display: inline !important;
overflow: hidden !important;
float: left;
					height: 50px;
					width: 280px;
					margin: 0 5px;
					}
					ol#listTop li a{
						clear: both;
						display: block;
						height: 45px;
						margin: 0;
						overflow: hidden;
						text-decoration: none;
						width: 280px;
						font-size: 0.9em;
						}
						ol#listTop li a span.topRanking{
							color: #00c3eb;
							display: inline !important;
overflow: hidden !important;
float: left;
							font-size: 3em;
							font-weight: bolder;
							height: 40px;
							margin: 2px 5px;
							overflow: hidden;
							text-decoration: none;
							width: 30px;
							}
						ol#listTop li a img{
							background:url(http://www.mz-img.com/imgs/thumb-frame-mini.gif) no-repeat;
							display: inline !important;
overflow: hidden !important;
float: left;
							height: 39px;
							padding: 3px;
							overflow: hidden;
							text-decoration: none;
							width: 39px;
							}
						ol#listTop li a span.artistName{
							color: #00c3eb;
							display: block;
							display: inline !important;
overflow: hidden !important;
float: left;
							font-weight: bolder;
							height: 15px;
							margin-left: 10px;
							margin-top: 15px;
							text-transform: uppercase;
							width: 160px;
							}
						ol#listTop li a span.trackTitle{
							color: #666;
							display: block;
							display: inline !important;
overflow: hidden !important;
float: left;
							height: 15px;
							margin-left: 10px;
							width: 160px;
							}
		div#popularArtists {
			display: inline;
			display: inline !important;
overflow: hidden !important;
float: left;
			margin: 0 10px;
			overflow: hidden;
			width: 300px;
			}
			div#popularArtists h2{
				background: url(http://www.mz-img.com/imgs/title-popular.png) no-repeat;
				display: block;
				margin: 0 0 10px 0;
				overflow: hidden;
				text-indent: -9999px;
				width: 300px;
				}
			ol#listPopular{
				width: 300px;
				margin: 0px 10px;
				}
				ol#listPopular li{
					display: inline;
					display: inline !important;
overflow: hidden !important;
float: left;
					height: 50px;
					width: 280px;
					margin: 0px 5px;
					}
					ol#listPopular li a{
						clear: both;
						display: block;
						height: 45px;
						margin: 0;
						overflow: hidden;
						text-decoration: none;
						width: 280px;
						font-size: 0.9em;
						}
						ol#listPopular li a span.topRanking{
							color: #ff5700;
							display: inline !important;
overflow: hidden !important;
float: left;
							font-size: 3em;
							font-weight: bolder;
							height: 40px;
							margin: 2px 5px;
							overflow: hidden;
							text-decoration: none;
							width: 30px;
							}
						ol#listPopular li a img{
							background:url(http://www.mz-img.com/imgs/thumb-frame-mini.gif) no-repeat;
							display: inline !important;
overflow: hidden !important;
float: left;
							height: 39px;
							padding: 3px;
							overflow: hidden;
							text-decoration: none;
							width: 39px;
							}
						ol#listPopular li a span.artistName{
							color: #00c3eb;
							display: block;
							display: inline !important;
overflow: hidden !important;
float: left;
							font-weight: bolder;
							height: 15px;
							margin-left: 10px;
							margin-top: 15px;
							text-transform: uppercase;
							width: 160px;
							}
						ol#listPopular li a span.trackTitle{
							color: #666;
							display: block;
							display: inline !important;
overflow: hidden !important;
float: left;
							height: 15px;
							margin-left: 10px;
							width: 160px;
							}
						

/* -------------------------------------------------------------- 
  
						  Spotlight Slideshow
   
-------------------------------------------------------------- */
div#spotlight {
	position: relative;
	}
	ul#sl-navigation {
		display: block;
		height: 250px;
		left: 10px;
		position: absolute;
		top: 5px;
		width: 120px;
		z-index: 100;
		}
		ul#sl-navigation li a{
			background: url(http://www.mz-img.com/imgs/nav-spotlight.png) no-repeat left top;
			background-position: right -50px;
			color: #222;
			display: block;
			font-size: 1.2em;
			height: 50px;
			line-height: 3em;
			margin: 0;
			padding: 0;
			overflow: hidden;
			text-indent: 10px;
			text-decoration: none;
			width: 150px;
			}
				ul#sl-navigation li a:hover, ul#sl-navigation li.active a{
					background-position: left -50px;
					cursor: pointer;
					}
				ul#sl-navigation li:first-child a{
					background-position: right top;
					}
					ul#sl-navigation li:first-child a:hover, ul#sl-navigation li:first-child.active a{
						background-position: left top;
						}
				ul#sl-navigation li:last-child a{
					background-position: right bottom;
					}
					ul#sl-navigation li:last-child a:hover, ul#sl-navigation li:last-child.active a{
						background-position: left bottom;
						}
	div#sl-slides {
		background:#F60;
		display: block;
		height: 250px;
		left: 0;
		position: absolute;
		top: 0;
		width: 620px;
		z-index: 1;
		}
		div.sl-slide {
			background: #eee;
			height: 250px;
			left: 10px;
			position: absolute;
			overflow: hidden;
			top: 5px;
			width: 620px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			}
		div.sl-slide > *{
			float: right;
			}

/* -------------------------------------------------------------- 
  
						Artists List
   
-------------------------------------------------------------- */

	div#artists {
		background: url(http://www.mz-img.com/imgs/panel-extended-simple.png) no-repeat center top;
		display: inline;
		display: inline !important;
overflow: hidden !important;
float: left;
		margin: 10px 0;
		overflow: hidden;
		width: 960px;
		}
		div#artists h2{
			background: url(http://www.mz-img.com/imgs/title-artists.png) no-repeat;
			display: inline !important;
overflow: hidden !important;
float: left;
			height: 30px;
			margin: 0 0 10px 10px;
			overflow: hidden;
			text-indent: -9999px;
			width: 300px;
			}
		a#viewByStyle{
			background: url(http://www.mz-img.com/imgs/btn-style.png) no-repeat;
			float: right;
			height: 21px;
			margin: 3px 2px 2px;
			overflow: hidden;
			text-indent: -9999px;
			width: 60px;
			}
		a#viewByAlphabet{
			background: url(http://www.mz-img.com/imgs/btn-abc.png) no-repeat;
			float: right;
			height: 21px;
			margin: 3px 12px 2px 2px;
			overflow: hidden;
			text-indent: -9999px;
			width: 60px;
			}
		a#viewByStyle:hover, a#viewByStyle.active, a#viewByAlphabet:hover, a#viewByAlphabet.active {
			background-position: bottom;
			}
		div#listHolder h4{
			display: block;
			margin: 10px;
			width: 900px;
			}
		ul#listNav{
			margin: 5px 10px 15px 10px;
			width: 940px;
			}
			ul#listNav li{
				background: url(http://www.mz-img.com/imgs/anchor-opening.gif) left center no-repeat;
				height: 22px;
				padding-left: 10px;
				display: inline !important;
overflow: hidden !important;
float: left;
				margin: 5px;
				}
				ul#listNav li a{
					background: url(http://www.mz-img.com/imgs/anchor-door.gif) right center no-repeat;
					display: block;
					color: #235e95;
					height: 22px;
					padding: 0 4px;
					font-size: 0.9em;
					line-height: 1.7em;
					text-decoration: none;
					text-transform: uppercase;
					}
					ul#listNav li a:hover{
						color: #ff5700;
						}
		ul#listArtists{
			margin: 0 0 10px 10px;
			width: 300px;
			}
			ul#listArtists li{
				margin: 0 0 20px 10px;
				}
			ul#listArtists h5{
				background: url(http://www.mz-img.com/imgs/title-shadow.png) no-repeat bottom;
				color: #ff5700;
				display: block;
				font-size: 1.4em;
				height: 25px;
				margin: 15px 0 5px 0;
				text-transform: uppercase;
				}
			ul#listArtists li ul.subListArtist{
				margin: 0 0 10px 10px;
				width: 900px;
				}
				ul.subListArtists li{
					background:#fafafa url(http://www.mz-img.com/imgs/bg-thumb.jpg) no-repeat 3px center;
					display: block;
					height: 45px;
					margin: 5px;
					padding: 0;
					overflow: hidden;
					text-decoration: none;
					width: 140px;
					}
					ul.subListArtists li a{
						color: #666;
						clear: both;
						display: block;
						height: 45px;
					 	line-height:2em;
						margin: 0;
						overflow: hidden;
						position: relative;
						text-decoration: none;
						vertical-align: middle;
						width: 100%;
						font-size: 0.9em;
						}
						ul.subListArtists li a:hover{
							background:#ff5700;
							color: #fff;
							}
						ul.subListArtists li a:hover img{
							color: 00c3eb;
							}
						ul.subListArtists li a img{
							color: 00c3eb;
							display: inline !important;
overflow: hidden !important;
float: left;
							height: 39px;
							margin: 3px;
							width: 39px;
							}
						ul.subListArtists li a span{
							font-weight: bold;
							display: inline !important;
overflow: hidden !important;
float: left;
							margin-left: 3px;
							width: 92px;
							}
			table#artistTable {
				width: 940px;
				}
				table#artistTable tr{
					width: 940px;
					}
					table#artistTable tr td{
						width: 300px;
						}

/* -------------------------------------------------------------- 
  
						Artists View
   
-------------------------------------------------------------- */
	div#artist {
		background: url(http://www.mz-img.com/imgs/panel-large-simple.png) no-repeat center top;
		display: inline;
		display: inline !important;
overflow: hidden !important;
float: left;
		margin: 10px 0;
		overflow: hidden;
		width: 640px;
		}
		div#artist h2{
			background: url(http://www.mz-img.com/imgs/title-profil-artiste.png) no-repeat;
			display: inline !important;
overflow: hidden !important;
float: left;
			height: 30px;
			margin: 0 0 0 10px;
			overflow: hidden;
			text-indent: -9999px;
			width: 300px;
			}
		a#goBack{
			background: url(http://www.mz-img.com/imgs/btn-retour.png) no-repeat;
			float: right;
			height: 21px;
			margin: 3px 13px 2px;
			overflow: hidden;
			text-indent: -9999px;
			width: 70px;
			}
			div#artist div#details{
				clear: both;
				display: block;
				margin: 0 20px;
				width: 600px;
				}
				div#artist div#details div.artistInfo{
					clear: both;
					display: block;
					width: 600px;
					}
				div#artist div#details h3{
					background: url(http://www.mz-img.com/imgs/bullet-light-blue.gif) no-repeat left 13px;
					color: #235e95;
					display: block;
					font-size: 1.2em;
					height: 25px;
					margin: 5px 0;
					text-indent: 8px;
					width: 600px;
					}
				div#artist div#details h3.artistName{
					background: url(http://www.mz-img.com/imgs/title-shadow.png) no-repeat left bottom;
					margin-bottom: 15px;
					text-indent: 0;
					text-transform: uppercase;
					}
				div#artist div#details div.thumbWrap{
					background:url(http://www.mz-img.com/imgs/thumb-frame-big.gif) no-repeat;
					display: inline !important;
overflow: hidden !important;
float: left;
					height: 180px;
					margin: 0;
					overflow: hidden;
					padding: 3px;
					position: relative;
					text-decoration: none;
					width: 140px;
				}
					div#artist div#details div.thumbWrap{
						height: 174px;
						margin: 0 5px 0 auto;
						width: 134px;
					}
				div#artist div#details div.artistBio{
					display: inline !important;
                    overflow: hidden !important;
                    float: left;
					margin-left: 10px;
				}
				div#artist div#details ul.songList{
					list-style: none;
				}
					div#artist div#details ul.songList > li.songListItem{
						background: none;
						height: 20px;
						margin: 5px 0;
						width: 600px;
						}
					.even{
						/*background: transparent url(http://www.mz-img.com/imgs/bg-even.png) repeat !important;*/
                        background-color: #EDFCFE !important;
					}
					div#artist div#details ul.songList > li:hover{
						color: #ff5700;
						}
						div#artist div#details ul.songList > li.songListItem a.addToPlaylist{
							background:url(http://www.mz-img.com/imgs/btn-add.png) no-repeat center top;
							float: right;
							height: 20px;
							overflow: hidden;
							text-indent: -9999px;
							width: 20px;
							}
							div#artist div#details ul.songList > li.songListItem a.addToPlaylist:hover{
								background-position: bottom;
								}
				div#artist div#details ul.videoList{
					list-style: none;
					}
					a.btnVideo{
						background: url(http://www.mz-img.com/imgs/btn-video.png) no-repeat center top;
						height: 32px;
						display: block;
						text-indent: -9999px;
						overflow: hidden;
						width: 82px;
						}
						div#artist div#details ul.videoList > li.videoListItem > a.btnVideo:hover{
							background-position: center bottom;
							}
					div#artist div#details div#videoHolder{
						display: block;
						width: auto;
						}
						div#artist div#details div#videoHolder div.holderTop{
							display: block;
							height: 0px;
							width: auto;
							}
						div#artist div#details div#videoHolder div.holderTop span.videoTitle{
							display: inline !important;
overflow: hidden !important;
float: left;
							}
						div#artist div#details div#videoHolder div.holderTop a.btnCloseVideo{
							background: url(http://www.mz-img.com/imgs/btn-fermer.png) top no-repeat;
							display: block;
							float: right;
							height: 21px;
							width: 70px;
							}
							div#artist div#details div#videoHolder div.holderTop a.btnCloseVideo:hover{
								background-position: bottom;
								}

/* -------------------------------------------------------------- 
  
						ADD SONG FORM
   
-------------------------------------------------------------- */
div.add-song {
	background: url(http://www.mz-img.com/imgs/panel-add-song.png) no-repeat;
	display: block;
	height: 195px;
	margin: 10px auto;
	padding: 5px; 
	position: relative;
	width: 460px;
	}
	div.add-song div.progress{
		background:url(http://www.mz-img.com/imgs/progress-bar.png) no-repeat center top;
		display: block;
		border: none;
		margin: 5px auto 10px auto;
		height: 20px;
		overflow: hidden;
		text-indent: -9999px;
		width: 250px;
		}
		div.add-song div.progress span.progress-bar{
			background:url(http://www.mz-img.com/imgs/progress-bar.png) no-repeat center bottom;
			display: block;
			border: none;
			margin: 0;
			height: 20px;
			overflow: hidden;
			text-indent: -9999px;
			width: 250px;
			}
	div.add-song a.browse-image{
		background: url(http://www.mz-img.com/imgs/btn-upload-song.png) no-repeat;
		display: block;
		border: none;
		margin: 10px auto 0;
		height: 25px;
		overflow: hidden;
		text-indent: -9999px;
		width: 345px;
		}
div.add-song form#addSongForm{
	display: block;
	height: 95px;
	margin: 25px auto 0 auto;
	padding: 5px; 
	position: relative;
	width: 450px;
	}
	div.add-song form#addSongForm input{
		background: url(http://www.mz-img.com/imgs/input-ca-name.png) no-repeat;
		display: inline !important;
overflow: hidden !important;
float: left;
		height: 20px;
		margin: 15px 0 15px;
		display: inline;
		overflow: hidden;
		width: 215px;
		}
	div.add-song form#addSongForm input#album, div.add-song form#addSongForm input#description{
		margin-left: 15px;
		}
/* -------------------------------------------------------------- 
  
						Member Profile
   
-------------------------------------------------------------- */

div#userArtists {
		background: url(http://www.mz-img.com/imgs/panel-extended-simple.png) no-repeat center top;
		display: inline;
		display: inline !important;
overflow: hidden !important;
float: left;
		margin: 10px 0;
		overflow: hidden;
		width: 960px;
		}
		div#userArtists h2{
			background: url(http://www.mz-img.com/imgs/title-mes-artistes.png) no-repeat;
			display: inline !important;
overflow: hidden !important;
float: left;
			height: 30px;
			margin: 0 0 10px 10px;
			overflow: hidden;
			text-indent: -9999px;
			width: 620px;
			}
		div#userArtists a#btnAddArtist{
			background: url(http://www.mz-img.com/imgs/btn-add-artist.png) no-repeat;
			float: right;
			height: 21px;
			margin: 3px 12px 2px;
			overflow: hidden;
			text-indent: -9999px;
			width: 117px;
			}
			div#userArtists a#btnAddArtist:hover{
				background-position: bottom;
				}
		ul#listUserArtists{
			margin: 0 0 10px 10px;
			width: 940px;
			}
			ul#listUserArtists li{
				background:url(http://www.mz-img.com/imgs/thumb-frame-big.gif) no-repeat;
				display: inline;
				display: inline !important;
overflow: hidden !important;
float: left;
				height: 210px;
				margin: 5px;
				width: 140px;
				}
					ul#listUserArtists li div.thumbWrap {
						clear: both;
						display: block;
						margin: 3px;
						height: 174px;
						overflow: hidden;
						position: relative;
						text-decoration: none;
						width: 134px;
						}
						ul#listUserArtists li div.thumbWrap img{
							left: 0;
							top: 0;
							}
					ul#listUserArtists li div.thumbWrap span{
						background: url(http://www.mz-img.com/imgs/thumb-overlay.png) repeat; 
						bottom: 0px;
						color: #fff;
						height: 30px;
						text-indent: 2px;
						left: 3px;
						position: absolute;
						width: 134px;
						z-index: 101;
						}
					a.btnEditArtist{
						background: url(http://www.mz-img.com/imgs/btn-edit-infos.png) no-repeat;
						display: inline !important;
overflow: hidden !important;
float: left;
						height: 16px;
						margin: 5px 1px;
						overflow: hidden;
						text-indent: -9999px;
						width: 16px;
						}
						a.btnEditArtist:hover{
							background-position: bottom;
							}
					a.btnEditVideos{
						background: url(http://www.mz-img.com/imgs/btn-edit-videos.png) no-repeat;
						display: inline !important;
overflow: hidden !important;
float: left;
						height: 16px;
						margin: 5px 1px;
						overflow: hidden;
						text-indent: -9999px;
						width: 51px;
						}
						a.btnEditVideos:hover{
							background-position: bottom;
							}
					a.btnEditSongs{
						background: url(http://www.mz-img.com/imgs/btn-edit-songs.png) no-repeat;
						display: inline !important;
overflow: hidden !important;
float: left;
						height: 16px;
						margin: 5px 1px;
						overflow: hidden;
						text-indent: -9999px;
						width: 66px;
						}
						a.btnEditSongs:hover{
							background-position: bottom;
							}

	div#userProfilePlaylists {
		background: url(http://www.mz-img.com/imgs/panel-extended-dble.png) no-repeat center top;
		display: inline;
		display: inline !important;
overflow: hidden !important;
float: left;
		margin: 10px 0;
		overflow: hidden;
		width: 960px;
		}
		div#userProfile, div#userPlaylists {
			display: inline;
			display: inline !important;
overflow: hidden !important;
float: left;
			margin: 0 10px;
			overflow: hidden;
			width: 460px;
			}
			div#userProfile h2{
				background: url(http://www.mz-img.com/imgs/title-profil.png) no-repeat;
				display: inline !important;
overflow: hidden !important;
float: left;
				height: 30px;
				margin: 0 0 10px 0;
				overflow: hidden;
				text-indent: -9999px;
				width: 300px;
				}
			div#userPlaylists h2{
				background: url(http://www.mz-img.com/imgs/title-playlists.png) no-repeat;
				display: inline !important;
overflow: hidden !important;
float: left;
				height: 30px;
				margin: 0 0 10px 0;
				overflow: hidden;
				text-indent: -9999px;
				width: 300px;
				}
			a#editProfile, a#addPlaylist{
				background: url(http://www.mz-img.com/imgs/btn-modifier.png) no-repeat;
				float: right;
				height: 21px;
				margin: 3px 2px 2px;
				overflow: hidden;
				text-indent: -9999px;
				width: 67px;
				}
			a#addPlaylist{
				background: url(http://www.mz-img.com/imgs/btn-modifier.png) no-repeat;
				}
				a#editProfile:hover, a#addPlaylist:hover{
					background-position: bottom;
					}
			table#userProfileInfos {
				display: block;
				margin: 5px;
				width: 400px;
				}
				table#userProfileInfos th{
					color: #235e95;
					width: 200px;
					}
				table#userProfileInfos td{
					width: 200px;
					}
					
		ul#videoList li, ul#songList, ul.eventList li, ul#listUserPlaylist li{
			display: block;
			height: 22px;
			margin: 2px 0;
			}
	div#artistFormHolder {
		width: 940px;
		margin: 0 auto;
		}
	div.holder {
		/*background-image: url(http://www.mz-img.com/imgs/login-panel.png);*/
		background-color: #fff !important;
		margin-top: 10px !important;
		padding: 10px 5px 0 5px;
		}
	
div.extended {
		background: url(http://www.mz-img.com/imgs/panel-extended-simple.png) no-repeat center top;
		display: inline;
		display: inline !important;
overflow: hidden !important;
float: left;
		margin: 10px 0;
		overflow: hidden;
		width: 960px;
		}
		div.extended h2{
			display: inline !important;
overflow: hidden !important;
float: left;
			height: 30px;
			margin: 0 0 10px 10px;
			overflow: hidden;
			width: 620px;
			}
			
/********************************************/

/*				ARTIST CREATION				*/

/********************************************/
div#ca-step-holder {
	background: url(http://www.mz-img.com/imgs/panel-extended-simple.png) no-repeat center top;
	display: block;
	margin: 0;
	width: 960px;
	}
	div#ca-step-holder h2{
		background: url(http://www.mz-img.com/imgs/title-create.png) no-repeat;
		display: block;
		height: 30px;
		margin: 0 0 10px 10px;
		overflow: hidden;
		text-indent: -9999px;
		width: 620px;
		}

div.ca-step {
	background-color: #fff;
	display: block;
	margin: 10px auto;
	position: relative;
	width: 460px;
	}

span.ca-spinner {
	background:#fff url(http://www.mz-img.com/imgs/spinner.gif) no-repeat center top;
	background-color: rgba(255, 255, 255, 0.85);
	clear: both;
	display: block;
	height: 120px;
	margin: 10px auto;
	padding: 0;
	width: 460px;
	}


/*		STEP 1		*/
div#ca-step1 {
	background: url(http://www.mz-img.com/imgs/panel-ca-step-1.png) no-repeat;
	display: block;
	height: 253px;
	margin: 10px auto;
	padding: 5px; 
	position: relative;
	width: 460px;
	}
	div#ca-step1 input#name{
		background: url(http://www.mz-img.com/imgs/input-ca-name.png) no-repeat;
		display: inline !important;
overflow: hidden !important;
float: left;
		height: 20px;
		margin: 45px 0 0;
		display: inline;
		overflow: hidden;
		width: 215px;
		}
	div#ca-step1 select#style{
		background: url(http://www.mz-img.com/imgs/input-ca-name.png) no-repeat;
		display: inline !important;
overflow: hidden !important;
float: left;
		border: none;
		margin: 45px 0 0 22px;
		height: 20px;
		display: inline;
		overflow: hidden;
		width: 215px;
		}
	div#ca-step1 textarea#biography{
		background: url(http://www.mz-img.com/imgs/input-ca-biography.png) no-repeat;
		display: inline !important;
overflow: hidden !important;
float: left;
		border: none;
		margin: 25px 0 0;
		height: 115px;
		display: inline;
		overflow: hidden;
		width: 450px;
		}
	div#ca-step1 input#submitArtist{
		background: url(http://www.mz-img.com/imgs/btn-ca-enregistrer.png) no-repeat;
		float: right;
		border: none;
		margin: 10px 10px 0;
		height: 25px;
		display: inline;
		overflow: hidden;
		width: 215px;
		}
		div#ca-step1 input#submitArtist:hover{
			background: url(http://www.mz-img.com/imgs/btn-ca-enregistrer.png) no-repeat;
			float: right;
			border: none;
			margin: 10px 10px 0;
			height: 25px;
			display: inline;
			overflow: hidden;
			width: 215px;
			}


/*		STEP 2		*/
div#ca-step2 {
	background: url(http://www.mz-img.com/imgs/panel-ca-step-2.png) no-repeat;
	display: block;
	height: 112px;
	margin: 10px auto;
	padding: 5px; 
	position: relative;
	width: 460px;
	}
	div#ca-step2 div.progress{
		background:url(http://www.mz-img.com/imgs/progress-bar.png) no-repeat center top;
		display: block;
		border: none;
		margin: 40px 10px 10px 5px;
		height: 20px;
		overflow: hidden;
		text-indent: -9999px;
		width: 250px;
		}
		div#ca-step2 div.progress span.progress-bar{
			background:url(http://www.mz-img.com/imgs/progress-bar.png) no-repeat center bottom;
			display: block;
			border: none;
			margin: 0;
			height: 20px;
			overflow: hidden;
			text-indent: -9999px;
			width: 250px;
			}
	div#ca-step2 a.browse-image{
		background: url(http://www.mz-img.com/imgs/btn-ca-add-photo.png) no-repeat;
		display: block;
		border: none;
		margin: 15px auto 0;
		height: 25px;
		overflow: hidden;
		text-indent: -9999px;
		width: 285px;
		}


/*		STEP 3		*/
div#ca-step3 {
	display: block;
	height: auto;
	margin: 10px auto;
	padding: 5px; 
	position: relative;
	width: 460px;
	}
div#ca-step3-top {
	background: url(http://www.mz-img.com/imgs/panel-ca-step-3-top.png) no-repeat;
	display: block;
	height: 53px;
	margin: 0 auto;
	padding: 5px; 
	position: relative;
	width: 460px;
	}
div#ca-step3-bottom {
	background: url(http://www.mz-img.com/imgs/panel-ca-step-3-bottom.png) no-repeat;
	display: block;
	height: 118px;
	margin: 10px auto 0 auto;
	padding: 5px; 
	position: relative;
	width: 460px;
	}


#ca-step3 form#cropPictureForm {
	dispaly: block;
	height: auto;
	margin: 75px auto 0;
	padding: 0;
	width: 220px;
	}
	#ca-step3 form#cropPictureForm input#submitCrop{
		background:url(http://www.mz-img.com/imgs/btn-ca-ajuster.png) no-repeat;
		display: inline;
		height: 25px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		text-indent: -9999px;
		width: 215px;
		}
	
#ca-step3 div#imgContainer {
	clear: both;
	position: relative;
	display: block;
	height: auto;
	margin: 10px 0 0;
	padding: 0;
	width: auto;
	}
#ca-step3 div#imgContainer img{
	position: relative;
	margin: 0;
	padding: 0;
	}
	#ca-step3 div#cropFrame {
		border:1px solid #F30;
		display: block;
		height: 172px;
		left: 0;
		position: absolute;
		top: 0;
		width: 132px;
		z-index : 101;
		}
		
/* -------------------------------------------------------------- 
  
						Radios / playlists page
   
-------------------------------------------------------------- */
div#userPlaylist {
	background: url(http://www.mz-img.com/imgs/panel-large-simple.png) no-repeat center top;
	display: inline;
	display: inline !important;
overflow: hidden !important;
float: left;
	margin: 10px 0;
	overflow: hidden;
	width: 640px;
	}
div#userPlaylist h2{
	background: url(http://www.mz-img.com/imgs/title-playlists.png) no-repeat;
	display: inline !important;
overflow: hidden !important;
float: left;
	height: 30px;
	margin: 0 0 10px 10px;
	overflow: hidden;
	text-indent: -9999px;
	width: 300px;
	}
div#userPlaylist span{
	margin: 0 0 10px 15px;
	}
	a#maRadio {
		margin: 10px;
		margin-left: 15px;
		}
		
/* -------------------------------------------------------------- 
  
							TOOLTIPS
   
-------------------------------------------------------------- */
div.tooltip {
	color: #ff5700;
	font-size:0.75em;
	line-height: 1.2em;
	width: 120px;
	}
div.tip-top{
	background: url(http://www.mz-img.com/imgs/tip-top.png) no-repeat;
	display: block;
	height: 3px;
	margin: 0;
	width: 120px;
	}
div.tip{
	background: url(http://www.mz-img.com/imgs/tip-content.png) repeat-y;
	display: block;
	padding-left: 10px;
	margin: 0;
	width: 120px;
	}
div.tip-bottom{
	background: url(http://www.mz-img.com/imgs/tip-bottom.png) no-repeat;
	display: block;
	height: 10px;
	margin: 0;
	width: 120px;
	}
	
/* -------------------------------------------------------------- 
  
							CONTACT
   
-------------------------------------------------------------- */	
form#contact-form{
	background:url(http://www.mz-img.com/imgs/panel-contact.png) no-repeat;
	display: block;
	height: 315px;
	margin: 25px auto 0 auto;
	padding: 0 5px;
	position: relative;
	width: 465px;
	}
	form#contact-form input{
		background: url(http://www.mz-img.com/imgs/input-ca-name.png) no-repeat;
		display: inline !important;
overflow: hidden !important;
float: left;
		height: 20px;
		margin: 15px 0 15px;
		display: inline;
		overflow: hidden;
		width: 215px;
		}
	form#contact-form input#contact-name{
		margin-top: 45px;
		}
	form#contact-form textarea{
		background: url(http://www.mz-img.com/imgs/input-message-contact.png) no-repeat;
		display: inline !important;
overflow: hidden !important;
float: left;
		height: 120px;
		margin: 15px 0 0;
		display: inline;
		overflow: hidden;
		width: 455px;
		}
		form#contact-form input#submit-contact{
			background: url(http://www.mz-img.com/imgs/btn-envoyer-message.png) no-repeat center top;
			display: block;
			border: none;
			margin: 10px auto 0;
			height: 25px;
			overflow: hidden;
			text-indent: -9999px;
			width: 210px;
			}
		form#contact-form input#submit-contact:hover{
			background-position: center bottom;
			cursor: pointer;
			}

/* -------------------------------------------------------------- 
  
							MISC CONTENT
   
-------------------------------------------------------------- */	
#main .misc-content {
	background: url(http://www.mz-img.com/imgs/panel-extended-simple.png) no-repeat center top;
	display: block;
	margin: 10px auto;
	width: 940px;
	}
.misc-content h2{
	color: #fff;
	font-size: 1.2em;
	padding: 2px 5px 0 5px;
}
	#legal h2 {
		background: url(http://www.mz-img.com/imgs/title-legal.png) no-repeat;
		display: inline !important;
overflow: hidden !important;
float: left;
		height: 30px;
		margin: 0 0 10px 10px;
		overflow: hidden;
		text-indent: -9999px;
		width: 940px;
		}
	#copyright h2 {
		background: url(http://www.mz-img.com/imgs/title-copyright.png) no-repeat;
		display: inline !important;
overflow: hidden !important;
float: left;
		height: 30px;
		margin: 0 0 10px 10px;
		overflow: hidden;
		text-indent: -9999px;
		width: 940px;
		}
	#confidentialite h2 {
		background: url(http://www.mz-img.com/imgs/title-confidentialite.png) no-repeat;
		display: inline !important;
overflow: hidden !important;
float: left;
		height: 30px;
		margin: 0 0 10px 10px;
		overflow: hidden;
		text-indent: -9999px;
		width: 940px;
		}
	#cgu h2 {
		background: url(http://www.mz-img.com/imgs/title-cgu.png) no-repeat;
		display: inline !important;
overflow: hidden !important;
float: left;
		height: 30px;
		margin: 0 0 10px 10px;
		overflow: hidden;
		text-indent: -9999px;
		width: 940px;
		}
		
#main .misc-content h3, h4{
	margin: 10px;
	}		
#main .misc-content p{
	margin: 10px;
	}
#main .misc-content ol{
	display: block;
	list-style: none;
	list-style: decimal inside !important;
	margin: 10px;
	}

	#main .misc-content ol li{
		padding-left: 6px;
		border-left: #ff9a00 solid 1px;
		display: block;
		list-style: decimal inside !important;
		margin: 6px;
		}
#main .misc-content ul{
	display: block;
	list-style: none;
	list-style: disc inside !important;
	margin: 10px;
	}
	#main .misc-content ul li{
		padding-left: 6px;
		border-left: #75e8fc solid 1px;
		display: block;
		list-style: decimal inside !important;
		margin: 6px;
		}





div#destruction {
	position: absolute;
	z-index: 1005;
	width: 100%;
	height: 100%;
	}
	div#destruction embed{
		margin: 0 auto;
		}
		
		
/***************************************

				EVENTS
				
***************************************/
div#event {
	float: left;
	margin: 10px;
	width: 300px;
	overflow: hidden;
	/*background: url(http://www.mz-img.com/imgs/panel-events.png) no-repeat top center;*/
	padding-top: 30px;
}
div#events {
	float: left;
	margin: 10px;
	width: 300px;
	overflow: hidden;
	background: url(http://www.mz-img.com/imgs/panel-events.png) no-repeat top center;
	padding-top: 30px;
}
a.nextMonth {
	float: right;
	margin: 10px;
	width: 20px;
	height: 21px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(http://www.mz-img.com/imgs/btn-next-month.png) no-repeat center center;
	}
a.prevMonth {
	float: left;
	margin: 10px;
	width: 20px;
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(http://www.mz-img.com/imgs/btn-prev-month.png) no-repeat center center;
	}


div#events table{
	width: 300px;
	display: block;
}
div#events table tr{
	width: 300px;
}
div#events table th{
	font-size: 1.3em;
	text-align: center;
	width: 45px;
	height: 25px;
}
div#events table td{
	background:url(http://www.mz-img.com/imgs/event-cell.png) no-repeat center center;
	text-align: center;
	font-size: 1em;
	line-height: 1.6em;
	width: 45px;
	height: 25px;
}
div#event div#container {
	height:200px;
	position:relative;
}
div#event .slide{
	height: 200px;
	position:absolute;
}
div#event .slide img{
	margin: 5px auto;
}


div#addEvent{
		background: url(http://www.mz-img.com/imgs/panel-extended-simple.png) no-repeat center top;
		display: inline;
		display: inline !important;
		overflow: hidden !important;
		float: left;
		margin: 10px 0;
		overflow: hidden;
		width: 960px;
	}

	div#addEvent h2{
		background: url(http://www.mz-img.com/imgs/title-add-event.png) no-repeat;
		display: inline !important;
		overflow: hidden !important;
		float: left;
		height: 30px;
		margin: 0 0 10px 10px;
		overflow: hidden;
		text-indent: -9999px;
		width: 920px;
		}
		
div#addBan{
		background: url(http://www.mz-img.com/imgs/panel-extended-simple.png) no-repeat center top;
		display: inline;
		display: inline !important;
		overflow: hidden !important;
		float: left;
		margin: 10px 0;
		overflow: hidden;
		width: 960px;
	}

	div#addBan h2{
		background: url(http://www.mz-img.com/imgs/title-add-ban.png) no-repeat;
		display: inline !important;
		overflow: hidden !important;
		float: left;
		height: 30px;
		margin: 0 0 10px 10px;
		overflow: hidden;
		text-indent: -9999px;
		width: 920px;
		}
		
div#discover {
	background: url(http://www.mz-img.com/imgs/btn-discover.png) no-repeat center center;
	float: right;
	height: 115px;
	padding: 10px;
	width: 300px;
	}
	div#discover a {
		height: 100px;
		margin: 20px 5px 0;
		text-indent: -9999px;
		overflow: hidden;
		width: 140px;
		float: left;
		}


div#nouveautesMz {
	background: url(http://www.mz-img.com/imgs/panel-large-simple.png) no-repeat center top;
	display: inline;
	float: left;
	margin: 10px 0;
	overflow: hidden;
	width: 640px;
	}
	div#nouveautesMz h2{
		background: url(http://www.mz-img.com/imgs/title-nouveautes.png) no-repeat;
		display: block;
		float: left;
		height: 30px;
		margin: 0 0 10px 10px;
		overflow: hidden;
		text-indent: -9999px;
		width: 600px;
		}
	span#nouveautesArtistes {
		background: url(http://www.mz-img.com/imgs/nouveautes-artistes.png) no-repeat;
		float: left;
		height: 643px;
		margin: 10px;
		overflow: hidden;
		text-indent: -9999px;
		width: 300px;
		display: inline;
		}
	span#nouveautesAuditeurs {
		background: url(http://www.mz-img.com/imgs/nouveautes-auditeurs.png) no-repeat;
		float: left;
		height: 614px;
		margin: 10px;
		overflow: hidden;
		text-indent: -9999px;
		width: 300px;
		display: inline;
		}
	
	
	div#sTip {
		background: url(http://www.mz-img.com/imgs/message-recherche.png) no-repeat;
		position: absolute;
		float: left;
		height: 120px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		text-indent: -9999px;
		width: 310px;
		display: block;
		z-index: 1100;
		}
		
	div#sTip a{
		background: url(http://www.mz-img.com/imgs/btn-masquer.png) no-repeat top;
		height: 24px;
		margin-top: 66px;
		overflow: hidden;
		text-indent: -9999px;
		width: 310px;
		display: block;
		}
	div#sTip a:hover{
		background-position: center -30px;
		}

/****	NEWS	****/
.post {
	padding-bottom: 10px;
	width: 90%;
}

.post .title {
	letter-spacing: -.5px;
	color: #1757AB;
}

.post .title a {
	color: #1757AB;
	border: none;
	text-decoration: none;
}

.post h4 {
	margin: 0px;
}

.chemin_fer {
	margin: 5px 10px;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
}

.chemin_fer a{
	color: #1757AB;
	font-style: normal;
}

.post .meta {
	margin-top: 0px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #ACAD8E;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
}

.post .meta a {
	color:#F60;
	text-decoration:none;
}

.links {
	display: block;
	width: 66px;
	padding: 2px 0px 2px 0px;
	background: #555;
	text-align: center;
	font-size: 10px;
	color: #FFFFFF;
}

.post .entry {
	text-align: justify;
	margin: 0 10px 25px 10px;
	padding: 5px 0px 0px 0px;
}

.post .entry img {
	margin-right: 5px;
}

/***************************************************************

						PAGINATION

***************************************************************/
#pagination{
	padding:0;
	margin:5px 0 5px 0;
}
#pagination a, #pagination strong{
	overflow:hidden;
	display:block;
	float:left;
	margin:0 5px 0 0;
	width:19px;
	height:17px;
	text-align: center;
	font-weight:bold;
	font-size:0.8em;
	line-height:1.8em;
	text-shadow: 0px 1px 0px #fff;
	text-indent:-1px;
	text-decoration:none;
	color:#000;
	background:url(../images/pagination.png) no-repeat;
}
#pagination strong{
	text-shadow: 0px 1px 0px #000;
	color:#fff;
}
#pagination a{
	background-position:-22px 0;
}
#pagination a:hover{
	background-position:-22px -20px;
}
#pagination .next a{
	text-indent:-9999px;
	background-position:-44px 0;
}
#pagination .next a:hover{
	background-position:-44px -20px;
}
#pagination .last a{
	text-indent:-9999px;
	background-position:-66px 0;
}
#pagination .last a:hover{
	background-position:-66px -20px;
}
#pagination .previous a{
	text-indent:-9999px;
	background-position:-88px 0;
}
#pagination .previous a:hover{
	background-position:-88px -20px;
}
#pagination .first a{
	text-indent:-9999px;
	background-position:-110px 0;
}
#pagination .first a:hover{
	background-position:-110px -20px;
}

/******************************************
		Bouton Signalisation Bugs
******************************************/

div#artist div#details a.signaler{
	background:url(http://www.mz-img.com/imgs/btn-signaler.png) no-repeat center top;
	float: right;
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
	width: 20px;
}
div#artist div#details a.signaler:hover{
	background-position: bottom;
}

/******************************************
				MoodalBox CSS
******************************************/
/**
 * SqueezeBox - Expandable Lightbox
 *
 * Allows to open various content as modal,
 * centered and animated box.
 *
 * @version		1.1 rc4
 *
 * @license		MIT-style license
 * @author		Harald Kirschner <mail [at] digitarald.de>
 * @copyright	Author
 */

#sbox-overlay {
	position: absolute;
	background-color: #000;
	left: 0px;
	top: 0px;
	zoom: 1;
}

#sbox-window {
	position: absolute;
	background-color: #fff;
	text-align: left;
	overflow: visible;
	padding: 10px;
	/* invalid values, but looks smoother! */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#sbox-btn-close {
	position: absolute;
	width: 30px;
	height: 30px;
	right: -15px;
	top: -15px;
	background: url(../images/squeezebox/closebox.png) no-repeat center;
	border: none;
}

.sbox-window-ie6 #sbox-btn-close {
	background-image: url(../images/squeezebox/closebox.gif);
}

.sbox-loading #sbox-content {
	background-image: url(../images/squeezebox/spinner.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#sbox-content {
	clear: both;
	overflow: auto;
	background-color: #fff;
	height: 100%;
	width: 100%;
}

.sbox-content-image#sbox-content {
	overflow: visible;
}

#sbox-image {
	display: block;
}

.sbox-content-image img {
	display: block;
	width: 100%;
	height: 100%;
}

.sbox-content-iframe#sbox-content {
	overflow: visible;
}

/* Hides scrollbars */
.body-overlayed {
	overflow: hidden;
}
/* Hides flash (Firefox problem) and selects (IE) */
.body-overlayed embed, .body-overlayed object, .body-overlayed select {
	visibility: hidden;
}
#sbox-window embed, #sbox-window object, #sbox-window select {
	visibility: visible;
}

/* Shadows */
.sbox-bg {
	position: absolute;
	width: 33px;
	height: 40px;
}

.sbox-bg-n {
	left: 0;
	top: -40px;
	width: 100%;
	background: url(../images/squeezebox/bg_n.png) repeat-x;
}
.sbox-bg-ne {
	right: -33px;
	top: -40px;
	background: url(../images/squeezebox/bg_ne.png) no-repeat;
}
.sbox-bg-e {
	right: -33px;
	top: 0;
	height: 100%;
	background: url(../images/squeezebox/bg_e.png) repeat-y;
}
.sbox-bg-se {
	right: -33px;
	bottom: -40px;
	background: url(../images/squeezebox/bg_se.png) no-repeat;
}
.sbox-bg-s {
	left: 0;
	bottom: -40px;
	width: 100%;
	background: url(../images/squeezebox/bg_s.png) repeat-x;
}
.sbox-bg-sw {
	left: -33px;
	bottom: -40px;
	background: url(../images/squeezebox/bg_sw.png) no-repeat;
}
.sbox-bg-w {
	left: -33px;
	top: 0;
	height: 100%;
	background: url(../images/squeezebox/bg_w.png) repeat-y;
}
.sbox-bg-nw {
	left: -33px;
	top: -40px;
	background: url(../images/squeezebox/bg_nw.png) no-repeat;
}