/*CSS design by www.studioinformatico.net*/

/*due colonne colore diverso*/
html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 14px;text-align: center}
div#container{width: 95%; margin: 0 auto; text-align: left; background-color: #3350DA; background: url(mini.jpg) repeat-y top right; border-left: 1px solid #3350DA; border-right: 1px solid #3350DA; border-bottom: 1px solid #3350DA; }

/*stili generici, su header e footer*/
div#header{background-color: #3350AA; color: #ff0; height:50px;}
h1,h2{margin: 0;padding:0}
h1{padding-left:0.5em;font: bold 2.0em/50px arial,sans-serif;color:#FFFFFF;}
h2{color: #3350DA;font-size: 16px;}
div#footer a{font-size: 10px; color: #FFF;font-weight: bold;text-decoration: none}
div#footer a:hover{ color: #fff;text-decoration: underline}

/*stili specifici per il layout*/
div#navigation{font-size: 11px; position:top; background-color: #3350DA; padding: 4px; text-align: center;}
div#content{ padding: 1em;background-color: #fff; }
div#footer{ font-size: 10px; clear:left; text-align:center; padding: 3px; background-color: #2894FF; color: #FFF; height: 10px;}

/*stili per la navigazione*/
div#navigation ul{margin: 1em 0 1em 1em;padding: 0; list-style-type: none;}
div#navigation li{margin: 0;padding: 0}
div#navigation a{color:#FFF;font: normal bold 1.2em/1.6em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #033;text-decoration: underline}
div#navigation a#activelink{color: #033;text-decoration: none}

.centered { text-align: center;}
.righted { text-align: right;}
.lefted { text-align: left;}
img {border: medium none white;}
.white { color: white;}
.main_title { font-size: 18px; font-weight: bold; }
.notice { font-size: 10px; text-align: center; width: 300px; margin-left: auto; margin-right: auto;}

TH { padding: 2px; text-align: center; vertical-align: baseline; border: 1px solid #9999CC; }
TH.elem1 { padding: 2px; text-align: left; vertical-align: baseline; border: 1px solid #9999CC; }
TD { text-align: center; padding: 2px; vertical-align: middle; }
TR { }
TR.login { text-align: left; padding: 1px; vertical-align: middle; width: 100%;}
TD.cell1 { font-size: 13px; padding: 2px; border: 1px solid #9999CC; vertical-align: middle; text-align: left;}
TD.cell2 { font-size: 13px; padding: 2px; border: 1px solid #9999CC; vertical-align: middle; text-align: center;}
TD.row2 { font-size: 10px; padding: 2px; border: 1px solid #9999CC; vertical-align: middle; text-align: center;}
TD.cell3 { font-size: 8px; padding: 0px; border: 1px solid #9999CC; vertical-align: middle; text-align: left;}
TABLE   { empty-cells: show; border-collapse: collapse;  width: 100%;}
TABLE.login_table { empty-cells: show; border-collapse: collapse;  margin-left: auto; margin-right: auto; width: 250px; }
TABLE.operators { empty-cells: show; border: 1px solid #9999CC; margin-left: auto; margin-right: auto; width: 250px; }
TABLE.ricerca   { empty-cells: show; border: 1px solid #9999CC;  width: 90%; margin-left: auto; margin-right: auto;}
TABLE.resid   { empty-cells: show; border: 1px solid #9999CC;  width: 60%; margin-left: auto; margin-right: auto;}
TABLE.log   { empty-cells: show; border: 1px solid #9999CC;  width: 80%; margin-left: auto; margin-right: auto;}
TABLE.defines  { background-color: #F9F9F7; empty-cells: show; border: 1px solid #9999CC;  width: 600px; margin-left: auto; margin-right: auto;}
TD.defines{ text-align: center; font-size: 10px; border: 1px solid #9999CC; }
TD.param { text-align: center; width: 500px; }
TR.row1 { border: 1px solid #9999CC;}
td a { font-size: 13px; text-decoration: none; color: #0033CC;}
td a:VISITED { }
td a:HOVER { color: black; text-decoration: underline;}

legend.composer { border:1px solid #000000; background-color:#CDCDCD; color:#cc0000; padding:3px; margin: 5px;}
label.composer { color:#cc0000; }
fieldset.composer { width: 600px; margin-left: auto; margin-right: auto;}
fieldset.login_table {border:none;}
form.composer { border: none; background-color:#FFFFFF; color:#000000; padding:3px; margin-left: auto; margin-right: auto; width: 100%;}
table.upload { background-color: #FFFFFF; table-layout: auto; margin-left: auto; margin-right: auto; empty-cells: show; text-align: left; border-spacing: 1px; color : #000000; border: 1px solid #D1D1CD; width: 90%; }

tr.upload { }
td.upload { border: 1px solid #D1D1CD; background-color: #FFFFFF; color : #000000; text-align: left;}
table.gestione{ background-color: #FFFFFF; table-layout: auto; margin-left: auto; margin-right: auto; empty-cells: show; text-align: left; border-spacing: 1px; font: normal 16px arial,sans-serif; color:#000000; border: 1px solid #D1D1CD; width: 500px; }
tr.gestione{ }
td.gestione{ padding-left: 10px; background-color: #FFFFFF; color:#000000; font: bold 16px arial,sans-serif; text-align: left; border-bottom: 1px solid #D1D1CD;}

a { font: bold 14px arial,sans-serif; color: #0080C0; text-decoration: none;}
a:HOVER { color: #000; text-decoration: underline; }

#content .tabtitolo { 
	font: bold 14px arial,sans-serif; 
	text-align: left;
	color: #000;
}

#content ._blank {
	
}

#footer .foot {
	font: bold 1em/10px arial,sans-serif;
}

#footer a._blank {
	font-size: 10px;
}

#content a.help {
	text-decoration: none; 
	color: red;
}
#content a:HOVER.help {
	font-weight: bolder;
}

div.guida {
	width: 400px; 
	margin: 0 auto; 
	text-align: center;
	font: normal 16px arial,sans-serif; 
}

div.my_title_guida {
	width: 400px; 
	margin: 0 auto; 
	text-align: center;
	font: bold 20px arial,sans-serif; 
	color:#0033CC;
}

input.btn {
	color: #000;
	font-size: 11px;
	font-weight: bold;
	background-color: #ECE9D8;
}

textarea {
	color: #000;
	font-size: 11px;
	font-weight:normal;
}

select {
	color: #000;
	font-size: 10px;
	font-weight:normal;
} 
	
img.imgsrc {
	border: 0px none white;
	width: 120px;
	height: 60px;
	}
	
img.imgsrc135 {
	border: 0px none white;
	width: 135px;
	height: 85px;
	}