body 	{
	background:#21384D url(pattern.png) repeat top left;
	background-color: #21384D;
	font-size: 10pt;
	margin: 0px;
	color: #828282;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}

a {
	font-size: 10pt;
	text-decoration: none;
	cursor: hand;
	color: Maroon;
	font-weight: normal;
}
a:link,visited  { }
a:hover,active {
	background-color:#C00000 ;
	color: White;
}

/* per evitare il colore di sfondo alle immagini ancorate*/
a.imgNoBgColor:hover, a.imgNoBgColor:active {
background-color: transparent;
}


h3 {
	font-size: 16pt;
	text-decoration: none;
	color: Blue;
	font-weight: bold;
}

/*---------------------------------------------------------------------------------
  INPUT, SELECT, BUTTON
-----------------------------------------------------------------------------------*/
.loginBox{ 
border: #aec1d5 1px solid;
font-size: 11px;
padding:2px;
width: 80px;
}

.loginButton {
	padding: 0px 3px 0 3px;
	background-color: Maroon ;
	color: White;
	font-size: 10px; /*border: #aec1d5 1px solid; */
}

.confirmButton {
	padding: 0px 3px 0 3px;
	background-color: Maroon ;
	color: White;
	font-size: 14px; /*border: #aec1d5 1px solid; */
}

.selectList {
	padding: 0px 3px 0 3px;
	background-color: White;
	color: Maroon;
	font-size: 14px; /*border: #aec1d5 1px solid; */
}


/*---------------------------------------------------------------------------------
   STRUTTURA
-----------------------------------------------------------------------------------*/

div#container {
}

/* HEADER ------------------------------------------------*/
div#header {
	text-align: left;
	border: 0px solid #000;
	font-size: 28px;
	height: 140px; /* altezza logo*/
}

div#header p{
	text-align: left;
	color: #FFA500;
	font-size: 10px;
}

div#boxHeaderLeft{ 
	float: left;
	width:150px; /* larghezza logo*/
	padding-left: 20px;
}

div#boxHeaderRight { 
	float: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Blue;
	font-size: 12px;
	padding: 2px;
}

.titHeader{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #FF8C00;
	text-align: left;
}


/* MENU BAR  ------------------------------------------------*/
div#menuBar { 
	font-family: Arial, Helvetica, sans-serif;
	background: #162635;
	color: White;
	font-weight: bold;
	text-align:center;
	border:0px solid #000; 
	padding: 1em;
}

/* CORPO: LEFT  ------------------------------------------------*/
div#left{
	FLOAT: left;
	WIDTH: 15%;
	/*background-color: Black; */
	padding-top: 5px;
	padding-bottom: 5px; 
	/* HACK ---------------
	min-height: 40em;
	height: auto !important;
	height: 40em;
	/* --------------------*/
}

/* CORPO: CONTENT  ------------------------------------------------*/
div#content { 
	FLOAT: left;
	WIDTH:84%; 
	background:#fff; 
	padding-top: 5px;
	padding-bottom: 5px;
	color: Black;
	/* HACK ---------------
	min-height: 40em;
	height: auto !important;
	height: 40em;
	/* --------------------*/
}



div#boxContentNoScroll{
	width: 99%;
	height: 3em;
	background-color: #99B9F3;
	color: Black;
	padding: 1px;
	padding-top: 5px;
	vertical-align: middle;
}

div#boxContentScroll{
	width: 99%;
	height: 37em;
	padding: 1px;
	overflow: auto;
	color: Black;

}

/* CORPO RIGHT  ------------------------------------------------*/
div#right{
	float: left;
	width: 1%;
	/* background-color: Black;*/
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: -1px; 
	/* HACK ---------------
	min-height: 40em;
	height: auto !important;
	height: 40em;
	/* --------------------*/
}

/* FOOTER ------------------------------------------------*/
div#footer {
	clear: both;
	width: 100%;
	/* background-color: Black; */
	color: #FFA500;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 0px solid #000;
	padding: 0.5em 0;
	text-align: center;
}

div#footer a {
	color: #ffffff;
}

/* ALTRO ------------------------------------------------*/
/* aggiungere qui i padding per left content e right, anche separatamente*/
div#boxContentPadding {
	padding: 5px;
}


div#clearFloat{ 
	clear: both;
}


/*---------------------------------------------------------------------------------
   normalBox - Applicata al menu laterale dx
-----------------------------------------------------------------------------------
Struttura HTML
<div class="normalBoxSupSx">
 <div class="normalBoxSupDx">
  <div class="normalBoxInfDx">
   <div class="normalBoxInfSx">
	CONTENUTO uso di h4
   </div>
  </div>
 </div>
</div>
*/
.normalBoxSupSx{
	background-color: #EF8400;
	background-image: url(normalBoxSupSx.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
}
.normalBoxSupDx{
	background-image: url(normalBoxSupDx.png);
	background-position: right top;
	background-repeat: no-repeat;
}
.normalBoxInfDx{
	background-image: url(normalBoxInfDx.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}
.normalBoxInfSx{
	background-image: url(normalBoxInfSx.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}
.normalBoxInfSx h4{
	margin: 0;
	padding: 10px;
	font-size: 16px;
	text-align: center;

}

span#boxTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #5d5d5d;
}

span#boxElement {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5d5d5d;
}



/*---------------------------------------------------------------------------------
home.php
-----------------------------------------------------------------------------------*/
div#HOMEcontainer{
	width:560px;
	background-color: White;
	margin: 0 auto; /* centra in Browser non IE */
	text-align: left; /* HACK: ripristina l'allineamento impostato 'center' in 'body' */
	padding: 2px;
	border: 0px;
}

div#HOMEtxtNormal{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #5d5d5d;
	background-color: White;
	font-size: 11px;
	text-align: center;
}



/*---------------------------------------------------------------------------------
artista.php - brani.php - artisti.php
-----------------------------------------------------------------------------------*/
div#IAcontainer {
	width:560px;
	margin: 0 auto;     /* centra in Browser non IE */
	text-align: left;   /* HACK: ripristina l'allineamento impostato 'center' in 'body' */
}


div#IAtitolo {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #dddddd;;
	font-weight: bold;
	font-size: 18px;
	background-image: url(SX_Sfondo.jpg);
	width: 326px;
	height: 90px;
	line-height: 90px;
	text-align: center;
	float: left;
}
div#IAimmagine {
	width: 227px;
	height: 90px;
	float:left;
}

div#IAmenu {
	text-align: center; 
}


div#IA_gen{
	background-color: #D5D5D5;
	padding: 2px;
	border: 2px;
}


/* Contenitore brani -------------------*/
div#IA_hea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	background-color: #EAEB47;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
}

div#IA_con{
	background-color: #FEFF79;
	text-align: left;
}

a#IA_brano {
	font-size: 8pt;
}

div#IA_foo{
	background-color: #EAEB47;
	text-align: center;
}
/*-------------------------------*/




/* Contenitore tracklist  -------------------*/
div#IA_trackHea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	background-color: #FF5151;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
}

div#IA_trackCon{
	background-color: #FFB5B5;
	float: left;
	font-weight: bold;
	overflow: auto;
}

div#IA_trackSX{
	width: 200px;
	background-color: #FFB5B5;
	color: Black;
	font-weight: normal;
	float: left;
	text-align: center;
}

div#IA_trackDX{
	background-color: #FFB5B5;
	color: Black;
	font-weight: normal;
	width: 360px;
	float: left;
	text-align: left;
}
/*-------------------------------*/



/*---------------------------------------------------------------------------------
tabella artisti in artisti.php
-----------------------------------------------------------------------------------*/
div#IAtabCon {
	/*vuoto*/
}

div#IAtabHea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	background-color: Red;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
}

div#IAtabWCol1 {
	width: 230px;
	float: left;
	margin: 1px;
}
div#IAtabWCol2 {
	width: 50px;
	float: left;
	margin: 1px;
}
div#IAtabWCol3 {
	width: 60px;
	float: left;
	margin: 1px;
}
div#IAtabWCol4 {
	width:195px;
	float: left;
	margin: 1px;
}



div.IAtabInt {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: White;
	background-color: Black;
	font-size: 14px;
	font-weight: bolder;
	text-align: left;
	padding: 2px;
	margin: 1px;
}


div.IAtabTxtC1,
div.IAtabTxtC2,
div.IAtabTxtC3,
div.IAtabTxtC4 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	background-color: #D7D7D7;
	font-weight: normal;
	padding: 2px;
	height: 15px;
	margin: 1px;
	font-size: 12px;
	text-align: left;
	
}
div.IAtabTxtC2 { /*Ridefinizione per variazione*/
	text-align: center;
}

div.IAtabTxtC3 { /*Ridefinizione per variazione*/
	text-align: center;
}

div.IAtabTxtC4 { /*Ridefinizione per variazione*/
	font-size: 10px;
}


/*---------------------------------------------------------------------------------
tabella album in artista.php
-----------------------------------------------------------------------------------*/
div#IAtAlbCon {
	/*vuoto*/
}

div#IAtHeaAlb {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	background-color: #FF5151;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	padding-top: 4px;
}

div#IAtWAlbCol1 {
	width: 308px;
	float: left;
	margin: 1px;

}
div#IAtWAlbCol2 {
	width: 60px;
	float: left;
	margin: 1px;
}
div#IAtWAlbCol3 {
	width: 35px;
	float: left;
	margin: 1px;
}

div#IAtWAlbCol4 {
	width: 35px;
	float: left;
	margin: 1px;
}


div#IAtWAlbCol5 {
	width: 35px;
	float: left;
	margin: 1px;
}
div#IAtWAlbCol6 {
	width: 50px;
	float: left;
	margin: 1px;
}



div.IAtIntAlb {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: White;
	background-color: Black;
	font-size: 14px;
	font-weight: bolder;
	padding: 2px;
	margin: 1px;
}


div.IAAlbTxtC1,
div.IAAlbTxtC2,
div.IAAlbTxtC3,
div.IAAlbTxtC4,
div.IAAlbTxtC5,
div.IAAlbTxtC6 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	background-color: #FFB5B5;
	font-weight: normal;
	padding: 2px;
	height: 15px;
	margin: 1px;
	overflow: hidden;
	font-size: 12px;
	text-align: left;
}
div.IAAlbTxtC2 { /*Ridefinizione per variazione*/
	text-align: center;
}
div.IAAlbTxtC3 {  /*Ridefinizione per variazione*/
	text-align: center;
}
div.IAAlbTxtC4 {  /*Ridefinizione per variazione*/
	text-align: center;
}
div.IAAlbTxtC5 {  /*Ridefinizione per variazione*/
	text-align: center;
}
div.IAAlbTxtC6 {  /*Ridefinizione per variazione*/
	text-align: center;
}


/*---------------------------------------------------------------------------------
brano.php
-----------------------------------------------------------------------------------*/
div#BRcontainer {
	background-color: #FF8C00;
	padding: 2px;
	border: 0px;
	width: 100%;
	margin: 0 auto;     /* centra in Browser non IE */
	text-align: left;   /* HACK: ripristina l'allineamento impostato 'center' in 'body' */
	overflow: auto;
}


div#BRtitolo {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Aqua;
	background-color: Black;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
}

div#BRlabel {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #5A5A5A;
	color: White;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

span#BRvalue {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Yellow;
	font-size: 16px;
	font-weight: bold;
}



div#BRmenu{
	background-color: #DFDFDF;
	text-align: center;
}

div#BRbrano {
	background-color: #DFDFDF;
	text-align: left;
	padding: 10px;
}


/*---------------------------------------------------------------------------------
track_NEW e track_UPD
-----------------------------------------------------------------------------------*/
div#tlEditCont {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: White;
	font-size: 16px;
	font-weight: bold;
	background-color: Gray;
	text-align: left;
	padding: 2px;
}

div#tlEdit {
	color: Black;
	font-size: 12px;
	background-color: #F0A6F0;
	text-align: left;
	padding-top: 0px;
	padding-left: 5px;

}



/*---------------------------------------------------------------------------------
EDITAZIONE - Impostazione per EDIT e NEW
-----------------------------------------------------------------------------------*/
div#EDITcontainer {
	background-color: Gray;
	padding: 2px;
	width: 100%;
	text-align: left;
}


div#EDITtitolo {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Red;
	background-color: Black;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
}


div#EDITline{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #DCDCDC;
	color: Red;
	font-weight: bold;
	font-size: 14px;
	overflow: auto;
	padding: 5px;
}

div#EDITlabelV{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Blue;
	font-size: 12px;
	font-weight: bold;
}

span#EDITlabelH {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Blue;
	font-size: 12px;
	font-weight: bold;
}

div#EDITmessage {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #DCDCDC;
	color: Red;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}


/*---------------------------------------------------------------------------------
STAMPANTE
-----------------------------------------------------------------------------------*/
div#STAcontainer {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: White;
	color: Black;
	text-align: left;
	padding: 20px;
}

div#STAtit1{
	font-weight: bold;
	font-size: 16px;
	color: Black;
}

div#STAtit2{
	font-weight: bold;
	font-size: 12px;
	color: Black;
}

div#STAcorpo{
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: Black;
}

/*---------------------------------------------------------------------------------
ADMIN PAGE
-----------------------------------------------------------------------------------*/
div#ADMINcontainer {
	background-color: #D3D3D3;
	padding: 2px;
	width: 100%;
	text-align: left;
}


div#ADMINtitolo {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Silver;
	background-color: Black;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
}


div#ADMINh1{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: Gray;
	color: Black;
	font-weight: bold;
	font-size: 14px;
	overflow: auto;
	padding: 5px;
}

div#ADMINh2{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Blue;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
}

div#ADMINtxt{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 12px;
}

div#ADMINmessage {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #DCDCDC;
	color: Red;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}




/*---------------------------------------------------------------------------------
MENU ad icone

Struttura HTML
<div id="MEspaceH"></div>

<div>
	<div id="MEcontainer">
				<div  id="MEcontent"> PRIMO GRUPPO </div >
				
				<div id="MEcontent">
					<a href="">
						<img border="0" src="./images/m_Save.gif" alt="Vai al Brano" />
					</a>
				</div >
				
				.
				.
				. ripetere i MEcontent  con A e IMG	
				.
					
	</div >
	
	<div id="MEspaceO"></div>
	
	..
	..
	.. ripetere i MEcontainer con eventuali MEspace
	..
	
</div>	--> Chiusura del div principale

<div id="clearFloat"></div>     ---> azzeramento del float
<div id="spaceH"></div>

*/


div#MEcontainer {
	background-color: Black;
	padding: 2px;
	float: left;
}

div#MEcontent{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 14px;
	background-color: #FFA500;
	float: left;
}

div#MEspaceH{
	background-color: White;
	padding: 2px;
	width: 10px;
	float: left;
}

div#MEspaceV{
	background-color: White;
	height: 5px;
}