/**
 * ****************************************************************************
 *  - TDMSound By TDM   - TEAM DEV MODULE FOR XOOPS
 *  - Licence PRO Copyright (c)  (http://www.tdmxoops.net)
 *
 * Cette licence, contient des limitations!!!
 *
 * 1. Vous devez posséder une permission d'exécuter le logiciel, pour n'importe quel usage.
 * 2. Vous ne devez pas l' étudier,
 * 3. Vous ne devez pas le redistribuer ni en faire des copies,
 * 4. Vous n'avez pas la liberté de l'améliorer et de rendre publiques les modifications
 *
 * @license     TDMFR PRO license
 * @author		TDMFR ; TEAM DEV MODULE 
 *
 * ****************************************************************************
 */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav {  list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs a:hover { opacity: .30; filter:Alpha(Opacity=30); }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { opacity: .30; filter:Alpha(Opacity=30); padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { border-top: 1px solid #cccccc; display: block; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/* modifier toute les tabs */
.ui-tabs .ui-tabs-nav li a 
{

background-color: #e9e9e9;
border: 1px solid #cccccc;
color: #666666;
font-size: small;
margin-right: 5px;
font-weight: normal;
line-height: 14px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
text-decoration: none;
}

/* deco tabs 
tbs0 = fichier album ou top fichier
tbs1 = playlist
tbs2 = en ecoute
tbs3 = commentaire  */

#tbs3 {
background-color: #3d93e2;

}
/* + -----------------------------------------------------
	Boite de Scrolling horizontal
+ ----------------------------------------------------- */
/* element parent */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 700px;	 
	height:200px;
	float:left;
}
 
/* 
	element parent pour les element a defiler, il faut absolument un grande largeur
*/
#thumbs {	
	position:absolute;
	width:20000em;	

}
 
div.prev {
	display:block;
	padding-top:60px;
	cursor:pointer;
	float:left;
}
div.next {
	display:block;
	padding-top:60px;
	cursor:pointer;
	float:left;
}

/* + -----------------------------------------------------
	Boite de Scrolling vertical
+ ----------------------------------------------------- */
/* root element for scrollable */ 
/* element parent */
div.scrollable2 {  
	position:relative;
	overflow:hidden;
	width: 600px;	 
	height:200px;
	float:left;
}
 
/* 
	element parent pour les element a defiler, il faut absolument un grande largeur
*/
#thumbs2 {	
	position:absolute;
	height:20000em;	

}
 
div.prev2 {
	display:block;
	padding-top:60px;
	cursor:pointer;
	float:left;
}
div.next2 {
	display:block;
	padding-top:60px;
	cursor:pointer;
	float:left;
}

/* + -----------------------------------------------------
	deco
+ ----------------------------------------------------- */

.soundSelect { 
display: block;
float: right;
margin-top: 0pt;
margin-right: 10px;
background-color: #e9e9e9;
border: 1px solid #cccccc;
text-decoration: none;
font-weight: normal;
color: #565656;
padding: 5px;
}

.soundSelect select { 
font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
font-size: 90%;
border: 1px solid #cccccc;
background-color: #FFF;
text-decoration: none;
font-weight: normal;
color: #565656;
padding: 5px;
}

#gallery_album  {
float:left; 
margin:10px;
padding-top: 10px;
width: 130px;
height: 180px;
background: url(../images/picture-frame.png) no-repeat;
display: block;
text-align: center;
}

#gallery_album  a:hover {
color: #386893
}

#gallery_album .sound_img  {
height: 110px;
width: 110px;
border: 1px solid #000;
}

#gallery_album  .soundTitle a{
font-size: 0.9em;
color: #3d93e2;
margin-left: 5px;
}

#gallery_album  .soundInfo a {
font-size: 0.8em;
color: #3d93e2;
font-weight: normal;
margin-left: 5px;
}


#gallery_album  .soundPlayer {
float: right;
font-size: 0.8em;
color: #CCC;
font-weight: normal;
margin-right: 5px;
}

.gallery_title  {
background: rgb(250, 250, 250);
display: block;
text-align: center;
border: 1px solid rgb(229, 229, 229);
}

.gallery_title .sound_img  {
float:left;
height: 70px;
width: 70px;
background: url(../images/picture.png) no-repeat;
padding: 5px;
margin: 5px;
}

.gallery_title  a:hover {
color: #386893
}

.gallery_title  .soundTitle a{
font-size: 1.4em;
color: #f88b0a;
margin-left: 5px;
}

.gallery_title  .soundInfo {
font-size: 0.9em;
color: #3d93e2;
font-weight: normal;
margin-left: 5px;
}

.gallery_title  .soundGenre {
font-size: 0.9em;
font-weight: normal;
margin-left: 5px;
}

.gallery_title  .soundInfo a {
color: #3d93e2;
}

.gallery_title  .soundFull {
font-size: 0.8em;
color: #3d93e2;
font-weight: normal;
margin-right: 5px;
margin-top: 5px;
vertical-align: top;
}

.gallery_title  .soundNote{
text-align:center;
font-size: 20px;
color: #f88b0a;
font-weight: normal;
margin-bottom: 5px;
margin-left: 50px;
margin-right: 50px;
margin-top: 5px;
vertical-align: top;
}

/* + -----------------------------------------------------
	Players
+ ----------------------------------------------------- */

.playcontrol #divloadratio 
{

display: block;
left: 0pt;
height: 9px;
width: 0px;
background-color: #000;
background-position: left top;
position: absolute;
top: 1px;
z-index: 7;

}

.playcontrol .sound_img  {
float:left;
height: 70px;
width: 70px;
background: url(../images/picture.png) no-repeat;
padding: 5px;
margin: 5px;
}

.playcontrol #divplayratio 

{

display: block;

left: 0pt;

height: 9px;

width: 0px;

background-color: transparent;

background-image: url(../images/decos/fill_blue.png);

background-repeat: repeat-x;

background-attachment: scroll;

background-position: left top;

position: absolute;

top: 1px;

z-index: 8;

}


.playcontrol #divratio 
{

position: relative;

width: 190px;

height: 11px;

display: block;

}

.gallery_lecteur
{
border: 1px solid rgb(229, 229, 229);
}


br.clear
{
clear: both;
visibility: hidden;
}