/* STILI PRINCIPALI FISSI */
html,body{margin: 0;padding:0; height:100%; background: #f7c772;}
body{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 65%;text-align: center}
div#container      { position:relative; width:80%; height:100%; margin: 0 auto; text-align:left; }
body>div#container { height:auto; min-height:100%; }

.intestazioni {
	font-family: Helvetica;
	font-size: 76%;
}

div#container_sound      { position:relative; width:95%; height:100%; margin: 0 auto; text-align:left; }

div#logo{
float:left;
 
padding:1em 0 0 10px;
text-align: left;
}

div#subscribe_menu{
float:right; 
padding:1em 5px;
margin-top: 10px;
text-align: right;
/*stili per il testo*/
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: capitalize;
color: #c7401e;
text-decoration: none;
}

div#subscribe_menu A{
text-decoration: underline;
color: #c7401e;
}

div#search_engine{
clear:both;
text-align: center;
/*stili per il testo*/
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #0000FF;
text-align: center;
} 


/* STILI PER LA INDEX PAGE */

div#contenuti{
margin: 5px;
padding: 5px;
float: left;
clear: left;
/*stili per il testo*/
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #0000FF;
text-align: left;
border: #edb265 1px solid;
width: 590px;
background-color: #fbe498;
background-image: url(immagini/GRAFICA2_ANGOLOBASSO_CONTENUTI.jpg);
background-position: bottom right;
background-repeat: no-repeat;
min-height: 60px;
}


.categorie{
padding: 5px;
float: left;
clear: left;
/*stili per il testo*/
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #0000FF;
text-align: left;
border: #edb265 1px solid;
background-color: #fbe498;
min-height: 60px;
width: 100%;
}

.pub_cha{
padding:3px;
width:160px;
float:right;
height: 20px;
clear: left;
/*stili per il testo*/
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #0000FF;
text-align: left;
border: #edb265 1px solid;
background-color: #fbe498;
}



div#cont_sx{
margin: 5px;
padding:5px;
float: left;
clear: left;
/*stili per il testo*/
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #0000FF;
text-align: left;
width: 590px;
}

div#cont_dx{
float:right;
text-align: center;
width: 240px;
/*stili per il testo*/
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #0000FF;
text-align: center;

}

/* FINE STILI PER LA INDEX PAGE */ 

/* STILE PER IL FOOTER */

div#footer{
clear:both;
background-color:#fbe498;
width:100%;
padding: 0.5em 0;
text-align: center;
margin-top: 5px;
border: #edb265 1px solid;


}

/* FINE STILE PER IL FOOTER */


/*INIZIO STILI PER LA PAGINA DI REGISTRAZIONE */

div#registrati{
clear:both;
padding:0.5em 5px;
border-bottom:  #edb265 1px solid;
text-align: left;
font-weight: bold;
font-variant: normal;
font-size: 180%;

}

div#register_sx_up{
float: left;
clear: left;
width: 30%;
margin-top: 2em;



}
div#register_sx_down{
float: left;
clear: left;
width: 250px;
margin-top: 2.3em;
border: #CCCCCC;



}

div#register_dx{
float: right;
width: 65%;
padding:1em 5px;
margin-top: 2em;


}

div#error_div{

border: #FF0000 2px solid;
background-color: #fbe498;
font-weight: bold;
color: #FF0000;
text-align: center;
font-size: 150%;
height: 30px;
padding: 10px;

}

div#ok_div{

border: #00FF33 2px solid;
background-color: #fbe498;
font-weight: bold;
color: #00FF33;
text-align: center;
font-size: 150%;
height: 30px;
padding: 10px;

}

/*STILI PER MAILBOX*/
div#mail_container A:link {

text-decoration: none;
color: #000000;

}

div#mail_container A:visited {

text-decoration: none;
color: #000000;

}

div#mail_container A:hover {

text-decoration: none;
color: #000000;

}

.header_mail{

border-top: #4E4E4E 1px solid;
border-left: #4E4E4E 1px solid;
border-bottom: #4E4E4E 1px solid;
height: 20px;
background-color: #edb265;
padding-left: 3px;


}
.header_mail_check{

border-top: #4E4E4E 1px solid;
height: 20px;
width: 30px;
border-bottom: #4E4E4E 1px solid;
background-color: #edb265;

}



/*STILE PER LA VISUALIZZAZIONE SOUND*/

div#cont_sound_sx{
float: left;
clear:left;
margin-right: 5px;
margin-top: 10px;
width : 590px;

}

div#cont_sound_dx{
float: right;
clear:right;
margin-right: 5px;
width : 370px;
margin-top: 10px;

}

div#cont_player{

margin: 5px;
clear: both;
width:100%;
}

div#sound_action{

margin: 5px;
float: left;
clear: both;
width:100%;
border: #edb265 1px solid;
background-color: #fbe498;
background-image: url(immagini/GRAFICA2_ANGOLOBASSO_CONTENUTI.jpg);
background-position: bottom right;
background-repeat: no-repeat;

}

div#stats_comments{

margin: 5px;
border: #edb265 1px solid;
float: left;
clear: both;
width:100%;


}

div#avatar_tab{
margin: 5px;
width:350px;
float: right;
clear: both;
padding: 3px;
border: #edb265 1px solid;
background-color: #fbe498;
background-image: url(immagini/GRAFICA2_ANGOLOBASSO_CONTENUTI.jpg);
background-position: bottom right;
background-repeat: no-repeat;

}

div#others_from{
margin: 5px;
width:350px;
border:#edb265 1px solid;
float: right;
clear: both;
display:none;
overflow-y: scroll;
min-height: 100px;
max-height: 350px;
height : expression((this.height<300) ? 350 : true);
}

div#related_sound{
margin: 5px;
width:350px;
border:#edb265 1px solid;
float: right;
clear: both;
display:none;
overflow-y: scroll;
min-height: 100px;
max-height: 350px;
height : expression((this.height<300) ? 350 : true);


}

div#suggested_sound{
margin: 5px;
width:350px;
border:#edb265 1px solid;
float: right;
clear: both;
display:block;
min-height: 100px;
max-height: 350px;
height : expression((this.height<300) ? 350 : true);

}

.title_font{

font-size: 14px;
font-weight: bolder;


}


.titolino{
color: #c7401e;

}

.buttons{
border: #c7401e 1px solid;
color: #c7401e;
background-color: #f98d06;
font-weight: bold;
}