@charset "UTF-8";
/* CSS Document */

/*////////////////*/
/* SISTEMA FISCO */
/*//////////////*/


* {margin: 0; padding: 0;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

body {font-family:Arial, Helvetica, sans-serif; background: #3568a9 url(images/sfuma-login.png) left top repeat-x;}

strong { font-weight:bold}

em{ font-style:italic;}

img {}

a {}

a img {border: none;}

a:link, a:visited {color: #8e1a0b; text-decoration: none}
a:hover {color:#4f0300; text-decoration:underline}

a:active, a:focus { outline: medium none;}

h1{ font-size:18px; font-weight:bold; text-transform:uppercase; margin:0 0 10px 0; color:#333;}
h2{ font-size:16px; font-weight:bold; color:#333;}
h3{ font-size:14px; font-weight:bold; color:#333;}
h4{ font-size:11px; font-weight:bold; color:#333;}
h5{}
h6{}


ol, ul { list-style: none outside none;}

table {border-collapse: separate; border-spacing: 0;}

caption, th, td {}

hr{}

/* HEADER */
#wrapper_login { display:block; width:300px; height:280px; position:absolute; left:50%; top:50%; margin:-130px 0 0 -150px;}
#header span { background:url(images/logo_mysis.png) center top no-repeat; display:block; text-align:center; width:58px; height:65px; margin:0 auto; text-indent:-9999px;}

#wrapper { width:790px; margin:0 auto;}
#wrapper #header { margin-top:35px;}

ul#menu { position:absolute; left:-32px; top:35px; z-index:99}
ul#menu li a { text-indent:-9999px; display:block; margin-bottom:5px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}

ul#menu li a:hover { background-position: left top;}
ul#menu li a.selezione { background-position: left top;}
a#area-riservata { background:url(images/tasto-area-riservata.png) 100% top no-repeat; width:32px; height:120px;}
a#grafici { background:url(images/tasto-grafici.png) 100% top no-repeat; width:32px; height:120px;}
a#utility { background:url(images/tasto-utility.png) 100% top no-repeat; width:32px; height:120px;}
a#invio-file { background:url(images/tasto-invio-file.png) 100% top no-repeat; width:32px; height:120px;}



#box_content { margin-top:15px; margin-bottom:15px; background:#FFF; display:block; position:relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;  box-shadow: 0px 0px 10px #3179d2; height:100%; min-height:560px;}
div#accordion {padding:25px 15px;}
div#accordion h3 { background:#fff1e5; padding:15px 15px 12px 15px; cursor:pointer; text-transform:uppercase; color:#8e8680; border-top: dotted 1px #666;}
div#accordion h3.first { border:none;}


/* ELENCO UTILITY */
div#accordion2 {padding:0px 0px 15px 0px;}
div#accordion2 h3 { background:#fff1e5; padding:15px 15px 12px 15px; cursor:pointer; text-transform:uppercase; color:#8e8680; border-top: dotted 1px #666;}
div#accordion2 h3.first { border:none;}

/* tabelle utility */
div.utility { font-size:12px;text-align:left;}
div.utility table .center { font-size:12px;text-align:left;}
div.utility table td { text-align:left;}
div.utility table .center { text-align:center; /*width:140px;*/}
div.utility table .col_fissa { }
div.utility table th {border-bottom: 1px solid #85888C; }
div.utility span.note { padding-left:10px; display:block;}




/* LOGIN */
#login { margin:0 auto; display:block; width:auto; text-align:center; }
#login form { margin:0 auto; margin-top:20px;}
#login form div {color:#FFF; font-size:12px;}
a.bookmark { clear:both; width:120px; color:#95cdff; font-size:12px; padding:10px 0 11px 25px; display:block; background:url(images/icona-bookmark.png) left center no-repeat; margin:0 auto; text-align:left; }

#passwdTxt { margin:15px 0 5px 15px; color:#95cdff; font-size:12px; text-align:left; cursor:pointer;}
#passwdFormBox{ text-align:left; padding: 0 0 0 15px; display:none;}
#passwdFormBox form{ margin:0; padding:0;}
#passwdFormBox input#emailRp { width:190px; margin-bottom:2px;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
#passwdFormBox #submitEmailRp { margin:3px 0 0 3px;}

/* messaggio */
#passwdBox .messaggio { font-size:12px; text-align:center; color:#ffffff; height:51px; line-height:20px; padding-top:25px;}

/* via spunta "originale" 
input[type='radio'], 
input[type='checkbox'] {
 position: absolute;
 clip: rect(1px, 1px, 1px, 1px);
}
/* nuova spunta per controllo disattivato 
input[type='radio'] + label,
input[type='checkbox'] + label {
 margin: 0;
 padding: 2px 0 0px 15px;
 cursor: pointer;
 background: url('images/start.png') left center no-repeat;
}
input[type='radio']:checked + label { 
 background-image: url('images/radiobutton.png');
}

input[type='checkbox']:checked + label {
 background-image: url('images/checkbox.png');
}

/* pulsanti login*/
input#UtnUsername, input#UtnPassword { width:270px; margin-bottom:2px;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
button#accedi { width:160px; margin-bottom:2px;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}





/* AREA RISERVATA */
/* login */
.area-riservata { margin:0; padding:0;}
.area-riservata h1 { margin: 0 0 30px 0;}
.area-riservata form { font-size:13px; padding:0 40px 0px 40px;}
.area-riservata form table td { padding:5px 0; }

.area-riservata form table input {background-color: #F2F2F2; font-size: 13px; padding:6px;}
.area-riservata form li.error{ color:#F00; padding:5px 0; list-style:inside;}
.area-riservata form ul{ padding:15px 0 15px 15px; background:#ffeded; margin-bottom:30px; }

/* pagina riservata */
div.utente { text-align:left; background:#f1f1f1;padding:10px 15px; font-size:12px; height:15px; color:#686868; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
div.utente span.logout { float:right; }

div.utente span.logout a{ color: #9e9e9e; display:block;letter-spacing:0.025em; background:url(images/logout-ico.png) right top no-repeat; padding:3px 22px 3px 0;margin:0;  height:12px;}
div.utente span.logout a:hover{ color: #686868; background-position:right 100%; text-decoration:none;}

.area-riservata ul { font-size:13px;}
.area-riservata ul li {border:dotted #333; border-width:1px 0 0 0; padding:20px 10px 0 10px; margin:0 0 12px 0; clear:both; display:block; }
.area-riservata ul li span.link-area { float:left; margin: 0;color: #333; font-size:11px; margin-left: 30px;}
.area-riservata ul li span.link-area img { margin:0 10px -10px 0;}
.area-riservata ul li span.data { padding:7px; color:#666; float:left;}
.area-riservata ul li span.descrizione { display:block; padding:7px 0 0 0; margin-left:160px;}
.area-riservata ul li a.download { float:right; margin:-6px 0 0 0; padding:0;}
.area-riservata ul li a.mail { float:right; margin:-6px 0 0 10px; padding:0;}

/* CSS TABELLE GRAFICI */
/*demo styles*/
table { border-collapse: collapse; margin-left:0px; }
table.accessHide { position: absolute; left: -999999px; }
td, th {text-align: center; border: 1px solid #ddd;  height: 1em; padding: 4px;}
td.hover { color: orange; }
td.input { padding: 0; }
td input, td input:focus { border: 1px solid orange; outline: none; padding: 2px; margin: 1px; width: 20px; }
caption {margin: 0 0 .5em; font-size: 1.3em;  text-align: left;   }
.visualize .visualize-title { font-weight:bold;}
.visualize { margin: 0; font-size:90%; }
.editableNote { background: #FEFBE2; border: 1px solid #8CC264; padding: 10px; margin: 1.5em 0; font-size: 1.2em; }
/*sample alternate styling for info block on Pie Chart */
.visualize-pie .visualize-info {left: 0px; padding: 0; background: none; border:0; margin-bottom:20px; }
.visualize-pie ul.visualize-title { font-weight: bold; border: 0; }
.visualize-pie ul.visualize-key li { float: none; }
/*option configurator thingy*/
.chartConfiguratorThingy { border: 1px solid #ddd; padding: 10px; overflow: auto; display: none; }
.chartConfiguratorThingy h2 { font-size: 1.4em; color: #666; }
fieldset { margin: 5px 5px 5px 0; width: 45%; float: left; }
legend { font-size: 1.2em; }
.dependencies { padding: 15px; }
label { width: 80px; display: inline-block; }







/* TABS */
.etabs { margin: 0; padding: 0; }
.tab { width:94px; white-space:nowrap; display: inline-block; zoom:1; *display:inline; background:#c1c1c1; border:0; border-bottom: none; padding-top: 5px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px;}
.tab a { font-size: 12px; text-transform:uppercase; line-height: 2em; display: block; padding: 0 8px; text-align:center; outline: none;color:#444444; }
.tab a:hover { text-decoration: none; color:#000; }
.tab.active { background: #e8e8e8; position: relative; border-color: #666; }

.tab-container .panel-container { background: #e8e8e8; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; min-height:220px; /*height:428px*/ }
.tab-container { background: url(images/fondo-tabs-base.png) bottom left repeat-x; float:right; width:290px; height:492px; margin-left:20px; margin-right:15px; font-size:70%; margin-top:30px;}
.panel-container { margin-bottom: 15px; }

/* tab grande */
.tab-container2 { width:730px; margin-left:30px; margin-top:30px;}
.tab-container2 .panel-container { /*padding-top:20px;*/ padding-top:0; width:730px; height:360px; border:#B3B3B3 solid 1px; border-width:2px 0 0 0;}
.etabs2 .tab { display: inline-block; zoom:1; *display:inline; background: #F2F2F2; border:0; border-bottom: none; padding-top: 5px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.etabs2 .tab a:hover { text-decoration: none; color:#000; }
.etabs2 .tab.active { background: #B3B3B3; position: relative; border-color: #666; }
#tabs-uno, #tabs-due, #tabs-tre, #tabs-quattro { height:360px; position:relative;}
.tab-container2 .panel-container iframe { width: 100%; height:360px; padding:0; margin:0;}

/* contenitore iframe */
/*div.tabe { -webkit-overflow-scrolling: touch; }*/



.panel-container div div.news { background:#FFF; height:98px; padding:8px; color:#F00; text-align: left; font-size:12px;}
.panel-container div div.news hr { background:none; border:none; border-top:dotted 1px #BBBBBB; margin:8px 0;}


.panel-container table { width:100%; clear:both; margin-bottom:15px; }
.panel-container table td, .panel-container table th { border:0; color:#4c4f54; text-align:left;}
.panel-container table td { text-align:right;}
.panel-container table caption { margin:0;}

.panel-container table tr.pari { background-color:#FFF;}/* righe chiare*/
.panel-container table tr { background-color:#dedede;}/* righe scure */


.panel-container h2 { text-transform:uppercase; text-align:center; color:#6c7075; font-size:12px; padding:0 0 3px 0; border-bottom:#85888c solid 1px;}

#tabs-1,#tabs-2 { height:100%; }
#tabs-1 table { margin:20px 0 35px 0;}
#tabs-2 .visualize,#tabs-3 .visualize { margin-bottom:90px;}



/* BOX1*/
.box1 { width:390px; float:left; margin:35px 0 35px 65px; font-size:80%; }
form.select_year { margin:50px 0;}
form.select_year label { font-size:12px; width:110px; text-align:right; color: #333; padding-top:12px; }

/* SELECT SOTTO GRAFICI */
/* all form DIVs have position property set to relative so we can easily position newly created SPAN */
form.select_year div{position:relative; float:left; width:195px; height:38px } 

/* setting the width and height of the SELECT element to match the replacing graphics */
form.select_year select {
		position: absolute;
		right:0;
		bottom:0;
		z-index:10;
		width:80px !important;
		height:38px !important;
		line-height:26px;
}

/* dynamically created SPAN, placed below the SELECT */
form.select_year span{
	position:absolute;
	bottom:0;
	right:0;
	width:80px;
	height:38px;
	line-height:38px;
	text-indent:10px;
	cursor:default;
	z-index:1;
	-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
	color:#FFF;
	font-size:16px;
	}

form.select_year span.anno_riferimento { background: url(images/tasto_anno_riferimento.png) left top repeat-x; width:55px;}
	
/* first variation (LABEL is above the SELECT) */	
form.select_year div.variation1 label{display:block;line-height:35px;}

/* second variation (LABEL is placed on the left of the SELECT) */	
form.select_year div.variation2 label{float:left;width:100px;line-height:35px;}
form.select_year div.variation2 span.select{left:100px;}

/* tasti colori*/
form.select_year span.select {background:url(images/bg_select.png) no-repeat right top;}

/* tasto solo */
form.select_year span.select2 {background:url(images/bg_select2.png) no-repeat right top;}
form.select_year label.solo { }

#copyright {text-align: center; font-size: 12px; color: #FFFFFF; padding:0; margin:0; display:block; height:40px; clear:both; }
#copyright a { color:#FFFFFF;}

div.clear { display:block; clear:both;}

/* FORM INVIO MAIL */
#sendMailBox { text-align:center; padding:20px 20px 0;}
#sendMailForm { text-align:center; margin:0 0 18px 0;}
#sendMailForm input { background-color: #EBEBEB; width:100%; margin:0 auto 0px auto; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
#sendMailForm input.tasto { margin-top:10px;}
#sendMailForm input.campo { padding:7px 8px; border:solid 0px #DADADA; margin-bottom:10px; text-align:left;}
#sendMailForm textarea#campotxt { background-color: #EBEBEB; text-align:left; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; height:33%;}
#popup_panel #popup_ok { background: #5D5D5D; color:#FFFFFF;} 

/* AREA UPLOAD*/

#menu_file_upload {position:relative; top:10px; margin-left:20px; font-size:14px; z-index:9999;}
#menu_file_upload a {color:#0D5698;}
#menu_file_upload a.selezionato {font-weight:bold; color:#0D5698;}

#uplFileBox { text-align:center;}

.step { text-align:left; background-color: #F5F5F5; margin:12px 0 38px 0; padding:20px; border:2px solid #E7E7E7; position:relative; }
.step h1 strong { position:absolute; top:-15px; font-size:13px; color:#B8B8B8; font-weight:normal; background-color: #FFF; border:2px solid #E7E7E7; padding:4px 8px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.step h2 { font-size:14px; line-height:18px; color: #424242; margin-bottom:10px; }
.step h2 em { text-decoration:underline; font-style:normal; color:#CC0000}
.step input[type="submit"] { font-size:15px;}
#uploadFiles label { font-size:11px; padding-left:5px; width:100%; height:10px; color:#6C6C6C; text-transform: uppercase;}
#uploadFiles .select_step1 { float:left; margin-right:10px;}
#uploadFiles .select_step1 select {border: 1px solid #CCCCCC; padding:8px 12px; font-size:14px; text-align:left; min-width:135px; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; }
#uploadFiles .carica_file { margin-top:20px; clear:both;}

table.fils_upload { width:100%; margin:20px 0 10px 0; font-size:13px; background-color: #FFF; border: none;}
table.fils_upload th { color: #747474; padding:3px 5px; background-color:#CDCDCD; font-weight:bold; /*white-space:nowrap;*/ font-size:11px; height:auto; }/* riga intestazione */
table.fils_upload td { padding:7px; /*white-space:nowrap;*/ font-size:14px; }/* altre righe */
table.fils_upload .separe { height:10px; border:none; padding:0;}
table.fils_upload .nr { width:5%; text-align: center;}
table.fils_upload .anno { width:15%; text-align:left;}
table.fils_upload .mese { width:15%; text-align:left;}
table.fils_upload .tipologia { width:18%; text-align:left;}
table.fils_upload .file { width:42%; text-align:left;}
table.fils_upload .cancella { width:5%; text-align:center;}

table.fils_archivio { width:100%; margin:0 0 10px 0; font-size:13px; background-color: #FFF; border: none;}
table.fils_archivio th { color: #747474; padding:3px 5px; background-color:#CDCDCD; font-weight:bold; /*white-space:nowrap;*/ font-size:11px; height:auto; }/* riga intestazione */
table.fils_archivio td { padding:7px; /*white-space:nowrap;*/ font-size:13px; }/* altre righe */
table.fils_archivio .separe { height:10px; border:none; padding:0;}
table.fils_archivio .dimensione { width:5%; text-align: center;}
table.fils_archivio .datainvio { width:13%; text-align: center;}
table.fils_archivio .anno { width:10%; text-align:center; white-space:nowrap;}
table.fils_archivio .mese { width:10%; text-align:left; white-space:nowrap;}
table.fils_archivio .tipologia { width:15%; text-align:left; white-space:nowrap;}
table.fils_archivio .file { width:42%; text-align:left;}
table.fils_archivio .ricevuto { width:5%; text-align:center;}

/* messaggio */
#uplFileBox .messaggio { font-size:14px; line-height:20px; text-align:center;}



@media only screen and (max-width: 850px) {
#header span { margin: 0 0 0 16px}
ul#menu { position:absolute; right:0px; top:-30px; z-index:99; text-align:right; margin-right:15px;}
ul#menu li { float:right; margin-left:3px;}
ul#menu li a { text-indent: inherit; padding:9px 15px 7px 18px; font-size:12px; background:#0d5698; color: #FFF; text-transform:uppercase; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}

ul#menu li a:hover { background:#FFFFFF; color:#0d5698; text-decoration:none;}
ul#menu li a.selezione { background:#F1F1F1; color:#0d5698;}
a#area-riservata { background: none; width: auto; height: auto;}
a#grafici { background: none; width: auto; height: auto;}
a#utility { background: none; width: auto; height: auto;}
a#invio-file { background: none; width: auto; height: auto;}
}