/*
body { background-color: #333333;font-family: arial, verdana, sans-serif;}
h1 { color: #ccc; background-color: #333333; font-family: arial, verdana, sans-serif; font-variant: small-caps;}
h2 { text-indent: 30px;color: #444;background-color: #ccc;font-family: arial, verdana, sans-serif;font-variant: small-caps;}
h3 { text-indent: 30px;color: #444;background-color: #ccc;font-family: arial, verdana, sans-serif;font-variant: small-caps;}
a {text-decoration:none;}
a:link, a:visited {color: #ccc;}
a:hover {color: #fff;background-color: #333333;}

a.subletter:link {color:#fff;background-color: #333333;}
a.subletter:visited {color:#fff;background-color: #333333;}
a.subletter:hover {color:#fff;background-color: #333333;}

a.logout:link {color:#fff;background-color: #333333;}
a.logout:visited {color:#fff;background-color: #333333;}
a.logout:hover {color: #fff;background-color: #333333;}

#table_index {background-color: #505050;font-weight:bold;}
#letter {color: #CC4804;margin-top: 1px;background-color: #333333;}
#header {color: #CC4804;margin-top: 1px;background-color: #333333;width: 100%;}
*/
body { background-color: #fff;font-family: arial, verdana, sans-serif;}
h1 { color: #000; background-color: #eee; font-family: arial, verdana, sans-serif; font-variant: small-caps;}
h2 { text-indent: 30px;color: #444;background-color: #eee;font-family: arial, verdana, sans-serif;font-variant: small-caps;}
h3 { text-indent: 30px;color: #444;background-color: #eee;font-family: arial, verdana, sans-serif;font-variant: small-caps;}
a {text-decoration:none;}
a:link, a:visited {color: #000;}
a:hover {color: #000;background-color: #88f;}

a.subletter:link {color:#000;background-color: #eee;}
a.subletter:visited {color:#000;background-color: #eee;}
a.subletter:hover {color:#000;background-color: #eee;}

a.logout:link {color:#88f;background-color: #eee;}
a.logout:visited {color:#88f;background-color: #eee;}
a.logout:hover {color: #000;background-color: #88f;}

a.wikia_link:link {color:#88f;background-color: #eee;font-weight: normal;}
a.wikia_link:visited {color:#88f;background-color: #eee;font-weight: normal;}
a.wikia_link:hover {color: #88f;background-color: #eee;font-weight: bold;}

#table_index {background-color: #ccc;font-weight:bold;}
#letter {color: #CC4804;margin-top: 1px;background-color: #eee;}
#header {color: #ffffff;margin-top: 1px;background-color: #fff;width: 100%}

#link_index {color: #80C080;font-weight:normal;}
#submit {background-color: #EDD0A1;color: #333333;font-size: 14px;cursor: pointer;border-width: thick;border-style: none;border-color: #ccc;width: 120px;height: 20px;text-decoration: none;}
#submit:hover {background-color: #EDB55C;color: #333333;}

/*Was in php*/
#content {
	position: absolute;
	margin-top: 10px;
	color: #4040ff;
	margin: 10px auto;
	width: 400px;
	height: 300px;
}
	
.flowplayer {
	border:1px solid #88f;
	background-color: #eee;
	height: 30px;		
}

#basic-playlist{ 
	margin-bottom:90px;
	margin-top: 205px;
}

#basic-playlist .fp-playlist{
	/* the playlist root element */
	position:relative;
	bottom: 0px; /* truc qui fait bouger vers le bas les morceaux */
	margin-top: 60px;
	left:0;
	width:95%;
	text-align:left;
	text-color:#000;
	display: text;
}

/* the playlist root element */
#basic-playlist .fp-playlist a{
	/* playlist entry */
	display:inline-block;
	width: 398px; /* 378px; */
	height:16px;
	font-size: 14px;
	margin-top: 0px;
	margin-left: 0px;
	color: #000;
	border:1px solid #88f;
	border-top:none;
	left:-1px;
	background-color: #ccc;
	vertical-align: bottom;
}

/* playlist entry */
#basic-playlist .fp-playlist a:hover{
	border-color:#88f;
	background-color: #88f;
	color: #fff;
}

#basic-playlist .fp-playlist a.is-active{
	border-color:#88f;
	font-weight: bold;
	background-color: #444;
	color: #88f;
}

.is-paused#basic-playlist .fp-playlist a.is-active{
	border-color:#1c87b4
	background-color: #1c87b4;
	color: #4040ff;
}

/* next and prev buttons */
.is-mouseover#basic-playlist .fp-prev,
.is-mouseover#basic-playlist .fp-next{
	opacity:1;
}

#basic-playlist .fp-prev{
	position:absolute;
	top:-16px; /* going negative to move up */
	left:0px; /* negative move to left */
	background-position:0 -350px;
	font-size: 300%;
	color: #88f;
	padding: 4px;
	font-weight: bold;
	text-shadow: 0 0 1px #000;
	cursor: pointer;
	z-index: 12; /* make clickable */
	opacity: 0;
}
#basic-playlist .fp-prev:hover{
	color: #ff8;
}
#basic-playlist .fp-next{
	position:absolute;
	top:-16px; /* going negative to move up */
	right:0px; /* negative move to right */
	background-position:0 -400px;
	font-size: 300%;
	color: #88f;
	padding: 4px;
	font-weight: bold;
	text-shadow: 0 0 1px #000;
	cursor: pointer;
	z-index: 12; /* make clickable */
	opacity: 0;
}
#basic-playlist .fp-next:hover{
	color: #ff8;
}

#image {
  margin-left: 100px;
  border-top:none;
  border-left:none;
  border-right:none;
  border-bottom:none;
}

#trackinfo {
	color: #88f;
}

#trackinfo_full {
	position:absolute;
	background-color: #eee;
	font-weight:normal;
	font-size: 13px;
	margin-top: -320px;
	margin-left: 420px;
	width: 600px;
}

#tracktitle {
	margin-left: 5px;
	font-weight:bold;
	font-size: 14px;
	color: #88f;
}

#lyrics {
	margin-left: 5px;
}

#download {
	position:absolute;
	font-size: 14px;
	top:62px; /* going negative to move up */
	left:0px; /* negative move to left */ /* -15px */
	margin-left: 400px;
	border:1px solid #eee;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:none;
}

#dl {
}

#tarball {
	position:absolute;
	background-color: #eee;
	top:300px; /* going negative to move up */
	left:20px; /* negative move to left */
	border:1px solid #88f;
}

/* div.list { */
#list {
	position:absolute;
	margin-left:420px;
	top:-210px;
	padding-left:2px;
	width:50%;
}


#current_track {
	position:absolute;
	top:25px;
	left:40px;
	margin-left:40px;
	padding-left:2px;
	margin-left:20px;
	width:298px;
	background-color: #eee;
	color: #000;
	font-family: arial, verdana, sans-serif;
}

#station_list {
	/*position:absolute;
	top:-0px;
	margin-left:0px;
	background-color: #eee;*/
}
div.radio_box_list { 
	background-color: #eee;
	border:1px solid #009be3;
	color: #000;
	width:200px;
	height:90px;
	font-family: arial, verdana, sans-serif;
	font-size: 10px
}

div.radio_box_list_compact {
	background-color: #eee;
	border:1px solid #009be3;
	color: #000;
	width:243px;
	height:50px;
	font-family: arial, verdana, sans-serif;
	font-size: 10px
}

div.radio_name_list {
	font-size:small;
	font-family: arial, verdana, sans-serif;
	text-align: center;
	font-weight:bold;
	padding-left:2px;
	background-color: #cccccc;
}

div.radio_name_list_active {
	font-size:small;
	font-family: arial, verdana, sans-serif;
	text-align: center;
	font-weight:bold;
	padding-left:2px;
	background-color: #009be3;
	color: #eee;
}

div.radio_artist_list {
	font-size:small;
	font-family: arial, verdana, sans-serif;
	font-weight:bold;
	font-size:small;
	padding-left:2px;
}

div.radio_title_list {
	font-family: arial, verdana, sans-serif;
	font-style: italic;
	font-size:small;
	padding-left:2px;
}

div.radio_url_list {
	text-align: center;
}

div.radio_url {
}

div.radio_artist {
	font-weight:bold;
	font-size:small;
}

div.radio_title {
	font-style: italic;
	font-size:small;
}