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

html,body{
	margin: 0;
	padding:0
	}

body{
	font-family: 'Noto Sans',verdana,arial,sans-serif;
	font-size: 12px;
	text-align: center}

/*tag generici------------------------------------*/
h1,h2{margin: 0;padding:0}
h1{padding-left:0.5em;font: bold 2.0em/50px 'Noto Sans',verdana,arial,sans-serif;color:#FFFFFF;}
h2{color: #1D507D;font-size: 16px;}
.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;}
a { font: bold 14px 'Noto Sans',verdana,arial,sans-serif; color: #1D507D; text-decoration: none;}
a:HOVER { color: #000; text-decoration: underline; }

/*popup al passaggio del mouse------------------------------------*/
a.info{
    position:relative;
    z-index:24;
    text-decoration:none;}
a.info:hover{z-index:25; background-color:#DCD7B8;}
a.info span{display: none}
a.info:hover span{ 
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #D1D1CD;
    background-color:#DCD7B8; color:#000;
    text-align: center}

/*container------------------------------------*/
div#container{
	width: 95%; 
	margin: 0 auto; 
	text-align: left; 
	background-color: #E878B1;
	border: 1px solid #E878B1; }

/*header------------------------------------*/
div#header{border: none; text-align: center;}

.data {
	
	color: #FFF;
	font-weight: bold;
	font-size: 16px;
}

/*navigation------------------------------------*/
div#navigation{font-size: 11px; background-color: #E878B1; padding: 4px; text-align: center; border-bottom: 1px solid #1D507D;}
div#navigation a{color:#000;font: bold 1.2em/1.6em 'Noto Sans',verdana,arial,sans-serif;text-decoration: none; padding-right: 4px; padding-left: 4px; padding-top: 2px; padding-bottom: 2px; border: 1px solid #000;}
div#navigation a:hover{color: #FFF; text-decoration: none; background-color: #E878B1;}
div#navigation a:active{color: #033; text-decoration: none;}

/*footer------------------------------------*/
div#footer{ font-size: 10px; clear:left; text-align:center; padding: 3px; background-color: #E878B1; color: #FFF; height: 10px;}
div#footer a{font-size: 10px; color: #FFF;font-weight: bold;text-decoration: none}
div#footer a:hover{ color: #fff;text-decoration: underline}

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

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

/*content------------------------------------*/
div#content{ padding: 1em;background-color: #fff; }

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

#content ._blank {
	
}

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

img.imgsrc {
	border: 0px none white;
	width: 120px;
	height: 60px;
	}
	
img.imgsrc135 {
	border: 0px none white;
	width: 135px;
	height: 85px;
	}
	
.error {
	font-size: 14px;
	font-weight:normal;
	color: #FF0033;
	background-color: #F9F9F9;
	display: block;
	width: 500px;
	margin-left: 0px;
}

.error a{
	font-size: 14px;
	font-weight:bold;
}

/*table------------------------------------*/
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: 300px; }
TABLE.operators { empty-cells: show; border: 1px solid #9999CC; margin-left: auto; margin-right: auto; width: 250px; background-color:#F9F9F9;}
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%; }
table.gestione{ 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: 500px; }
table.liste{ background-color: #FFFFFF; table-layout: auto; margin-left: auto; margin-right: auto; empty-cells: show; text-align: center; border-spacing: 1px;  color:#000000; border: 1px solid #D1D1CD; width: 100%; }

TH { padding: 2px; text-align: center; vertical-align: baseline; border: 1px solid #D1D1CD; background-color:#F9F9F9;}

TR { }
tr.upload { }
TR.login { text-align: left; padding: 1px; vertical-align: middle; width: 100%;}
TR.row1 { }

TD { font-size: 14px; text-align: center; padding: 2px; vertical-align: middle; border: 1px solid #D1D1CD;}
table.gestione TD { text-align: left; padding: 2px; vertical-align: middle; }
TD.cell1 { padding: 2px;  vertical-align: middle; text-align: left; }
TD.param { text-align: center; width: 500px; }
td a { text-decoration: none; color: #1D507D;}
td a:VISITED { }
td a:HOVER { color: black; text-decoration: underline;}
td.upload { background-color: rgba(215,87,153,0.57); color : #000000; text-align: left;}

.sopra { padding-left: 10px; background-color: #F9F9F9; color:#000000;  text-align: left; border-bottom: 2px solid #9999CC; }
.pari { padding-left: 10px; background-color: #F4F3EA ; color:#000000;  text-align: left; border-bottom: 2px solid #9999CC; }
.dispari { padding-left: 10px; background-color: #FFFFFF; color:#000000;  text-align: left; border-bottom: 2px solid #9999CC; }

.sopraHover { background: #F9F9F9; }
.pariHover { background: #FDDA99; }
.dispariHover { background: #FDDA99; }

/*form------------------------------------*/
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; background-color:#F9F9F9;}
fieldset.login_table {border:none;}
form.composer { border: none; background-color:#FFFFFF; color:#000000; padding:3px; margin-left: auto; margin-right: auto; width: 100%;}
form.contact { border: none; background-color:#F9F9F9; color:#000000; padding:3px; margin-left: auto; margin-right: auto; width: 100%;}

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

select {
	color: #000;
	font-size: 10px;
	font-weight:normal;
}

#tableDatePicker {
	display: inline-block;
	border: 1px solid black;
	width: auto;
	float: center;
}

#tableDatePicker td {
	border: 1px solid black;
}

#tableDatePicker th {
	border: 1px solid black;
	background-color: #999999;
}

TD.mese {
	font-size: 10px;
	padding: 0;
	margin: 0;
	
}

TABLE.mese {
	border: 1px solid #000;
}