body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background: #D3D3DD;
	color: #000;
	margin: 1em 0 1em 0 ;
}

h1 {
	font-size: 16px;
	font-weight: bold;
}

/* Les onglets. C'est long... */
#tabs {
	width: 100%;
	display: block; 
	
}

#tabs > table {
	border-collapse: collapse;
	width: 100%;
 	height: 20px; 
	font-size: 11px;
	color: black;
	text-decoration: none;
}
#tabs td {
	height: 17px;
	width: 3%;
	margin: 1px 0 0 0;
	padding: 0 0 1px 0;
}

#tabs a, #tabs div {
	text-decoration: none;
	height: 100%;
	display: block;  
	text-align: center;
	padding: 2px 0 0 0;
	margin: 0;
	cursor: default;
}

td.tab_selected {
	border-left: 1px solid #FFF;
	border-top: 1px solid #FFF;
	border-right: 1px solid #889; 
	border-bottom: 1px solid #d3d3dd;
}	
td.tab_selected div {
	background: #d3d3dd;
}

td.tab_normal {
	border-bottom: 1px solid #FFF;
	border-top: 2px solid #d3d3dd;
	border-left: 1px solid #889;
}
td.tab_normal a {
	background: #c1c1cc;
	color: black;
	border-top: 1px solid #FFF;
}

td.tab_inactive {
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #889; 
	border-top: 2px solid #d3d3dd;
}
td.tab_inactive div {
	background: #c1c1cc;
	color: #889;
	border-top: 1px solid #FFF;
}

#tabs td:first-child {
	border-left: none;
}

/* La liste Séries/Albums*/
#list {
	font-size: 10px;
	border-top: 1px solid #889;
	border-left: 1px solid #889;
	border-right: 2px solid #FFF;
	border-bottom: 1px solid #FFF;
	margin: 2px;
	padding: 0;
}

#list table {
	background: #e5e5f7;
	border: 1px solid #d3d3dd;
	cursor: default;
	empty-cells: show;
	width: 100%;
	border-collapse: collapse;
}
#list tr {
	margin: 0 0 0 3em;
	padding: 0;
}
tr.serie {
	margin-top: 3px;
}
tr.serie td {
	font-weight: bold;
	padding: 0;
}
tr.album {
	width: 100%;
	padding: 0;
}

tr.album td {
	text-indent: 2em;
	margin: 0px;
	padding: 0px;
	border: none;
}


/*tr.album:hover td {
	background: #336699;
	color: white;
}*/
tr.album:hover a {
	background: #336699;
	color: white;
}

tr.album a {
	display: block;
	color: black;
	text-decoration: none;
	cursor: default;
}



/* Album infos : */

#albuminfo {
	margin: 2px;
	padding: 0;
	border-top: 1px solid #889;
	border-left: 1px solid #889;
	border-right: 2px solid #FFF;
	border-bottom: 1px solid #FFF;
}

#albuminfo table {
	font-size: 11px;
	background: #d3d3dd;
	border-spacing: 4px;
	border-left: 1px solid #FFF;
	border-right: 1px solid #889;
	border-bottom: 1px solid #889;
	border-top: 1px solid #FFF;
	width: 100%;
	cursor: default;
	empty-cells: show;
}

#albuminfo  th {
	text-align: left;
	padding: 0 2em 0 0;
	width: 50px;
}

#albuminfo td {
	display: block;
	color: black;
	background: #e5e5f7;
	padding: 1px 1em 1px 2px;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-left: 1px solid #889;
	border-top: 1px solid #889;
	cursor: text;
	width: 75%;
}



/* Tracklist : */

#tracklist {
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-left: 1px solid #889;
	border-top: 1px solid #889;
	cursor: default;
	margin: 2px;
}	

#tracklist table {
	border-spacing: 0px;
	border: 1px solid #d3d3dd;
	empty-cells: show;
	width: 100%;
}

#tracklist tr:first-child {
	border: 1px solid #d3d3dd;
}

#tracklist th {
	color: black;
	background: #d3d3dd;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #889;
	border-bottom: 1px solid #889;
	padding: 3px 1em 2px 4px ;
	
}
#tracklist th:hover {
	color: black;
	background: #e5e5f7;
}
#tracklist th:active {
	color: black;
	background: #c1c1cc;
	border-top: 1px solid #889;
	border-left: 1px solid #889;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

#tracklist td {
	color: black;
	background: #e5e5f7;
	font-size: 10px;
	border: none;
	border-top: 1px solid #d3d3dd; 
	padding: 3px 1em 2px 4px;
}