@import "tabs.css";

    /*
    @import "print.css";
		@media screen{
		}
        Formattazione generica degli elementi XHTML
    */
    /* Fixes */
    * { margin: 0; padding: 0; }
    html, body { height:100%; }


    body {
				background: #FFFFFF;
        font-family: Verdana, Arial,Helvetica,sans-serif;
        font-size: 9px;
    }
    
    #body1{
    	width:100%;
    	height:100%;
    	overflow:hidden;
    	}

    #main {
        background: #FFFFFF;
        margin:0;
        position:relative;
        width:100%;
        overflow:hidden;
    }

    a img { border: none; }

    input { font-size: 9px; }

    table {
        font-size: 9px;
        empty-cells: show;
    }

    table a {
        text-decoration: none;
    }

    table caption { text-align: left; font-weight: bold;}

    th {
        font-size: 9px;
        overflow:hidden;
    }

    th a {
        text-decoration: none;
        color: #FFFFFF;
    }


    td {
        /* background-color: #FFFFFF; */
        border: none;
        padding: 0;
        overflow:hidden;
        /*padding-top: 1px;
        padding-bottom: 1px;*/
    }


    .button {
        border: 1px solid red;
        margin-right: 0px;
    }

    .radiobutton li{
        padding-top: -20px;
        list-style: none;
    }
    .radiobutton label{
        top: 15px;
    }

    /* TITOLO PRINCIPALE ('PERICLE') */
    #masthead {
        /* background:#E7E7E7 url(barrawikam.jpg) no-repeat scroll left 6px; */
        background:#E7E7E7;
        font-size:19pt;
        height:55px;
    }

    /* Titoli delle pagine */
    h2 {
        /* background: url('separatore.gif') no-repeat right top ; */
        background: #FFFFFF;
        height: 30px;
        padding-right: 30px;
        clear: both;

        font-size: 14pt;
        color: #666666;
    }
    h2 span {
        /* background: url('titoli.gif') no-repeat right top ; */
        padding-left:   20px;
        padding-right:  70px;
        padding-bottom: 20px;
    }
    h3 {
        margin-top: 4px;
        /* background-color: #59BDFF; */
        background-color: #BDBDBF;
        color: #000000;
        text-align: right;
        padding-right: 20px;
    }
    h4 {
        margin-top: 4px;
        padding-left: 15px;
        /*background-color: #666666;*/
        color: #999999;
    }
    h5 {
        margin-left: 5px;
    }


    .elenco_righe {
        color: #FFFFFF;
        width: 100%;
        border-collapse: collapse;
        border: 1px solid #CCCCCC;
    }
    .elenco_righe a {
        color: #666666;
    }
    .elenco_righe input {
        border:1px solid black;
        background-color: white;
        margin:0pt;
        padding:0pt;
    }
    .elenco_righe td {
        margin: 0px;
        padding: 0px 4px 0px 4px;
        background-color: white;
        color: black;
        border: 1px solid #CCCCCC;
        border-left: none;
        border-right: none;
    }
    .elenco_righe th {
        font-weight: bold;
        text-align: left;
        padding: 2px;
        color: white;
    }

    .elenco_plus {
        color: #666666;
        width: 100%;
    }
    .elenco_plus a {
        color: #666666;
    }
    .elenco_plus input {
        border:1px solid white;
        margin:0pt;
        padding:0pt;
    }
    .elenco_plus th {
        height: 15px;
        background: #999999;
        color: #FFFFFF;
        font-weight: bold;
    }
    .elenco_plus .even   { background-color: #E6E6F6; }
    .elenco_plus .odd    { background-color: #EFEFFF; }
    .elenco_plus .egual  { background-color: #FFFFFF; }

    .selezionato { border: 2px solid red; }

    /* Colorazione di righe alternate */
    .even { background-color: #DEDEFF; }
    .odd  { background-color: #EFEFFF; }
    
    .max           { width:  auto; }
    .centrato      { text-align:  center; }
    .importo       { width:  6em; text-align:  right; }
    .data, .codice { width:  7em; text-align: center; }
    .orario        { width:  3em; text-align: center; }
    .small_input   { width:  3em; text-align: center; }
    .medium_input  { width:  6em; text-align:   left; }
    .long_input    { width: 12em; text-align:   left; }
    .double_input  { width: 24em; text-align:   left; }
    .autoselect    { width: 100%; text-align:   left; }

    /*
    .tabbed    { background: url('separatore.gif') no-repeat right top ; }
    .tabbed a  { text-decoration: none; }
    .tabbed ul { list-style-type: none; }

    .tabbed li { display: inline;
                 background: url('tabbed.jpg') top right no-repeat;
                 padding: 0 35px 0 0;
                 margin: 0;

                 border: 1px dotted red;
               }
    .tabbed div { display: inline;
                  padding: 0 0 0;
                  margin: 0;
                  background: url('tabbed.jpg') top left no-repeat;

                 border: 1px dotted blue;
               }

    */

    #pratiche_mt    .Automezzi   a { color: red; font-weight: bold; }
    #impianti_mt    .Impianti    a { color: red; font-weight: bold; }
    #complessivi_mt .Complessivi a { color: red; font-weight: bold; }
    #dipendenti_mt  .Dipendenti  a { color: red; font-weight: bold; }
    #servizi_automezzi   .automezzi   a { color: red; font-weight: bold; }
    #servizi_impianti    .impianti    a { color: red; font-weight: bold; }
    #servizi_complessivi .complessivi a { color: red; font-weight: bold; }
    #servizi_dipendenti  .dipendenti  a { color: red; font-weight: bold; }

    #pianificazioni {
        /* font-size: 8pt; */
    }

    #bottoni {
        /*position: absolute;
        top: 200px;*/
        float: right;
        width: 150px;
        padding: 10px;
        background: #B3B3B3;
        border: 3px solid #999999;
        text-align: center;
    }

    #bottoni input{
        width: 100px;
        background: #B3B3B3;
        border: 2px solid #FFFFFF;
        color: #FFFFFF;
        font-weight: bold;
    }

    .bottone input{
        width: 100px;
        background: #B3B3B3;
        border: 2px solid #FFFFFF;
        color: #FFFFFF;
        font-weight: bold;
    }
    
    .botton{
        width: 100px;
        background: #B3B3B3;
        border: 2px solid #FFFFFF;
        color: #FFFFFF;
        font-weight: bold;
        cursor:hand;
        cursor:pointer;
    }
    
    

    .dati_preventivo {
      border: 1px solid white;
      font-weight: bold;
      color: #666666;
    }

    #corpo_preventivo {
        color: #666666;
        background: none;
        width: 100%;
    }
    #corpo_preventivo th {
        background: #999999;
        font-weight: bold;
        color: #FFFFFF;
    }
    #corpo_preventivo td {

    }
    #corpo_preventivo select {
        width: auto;
        margin: auto;
        margin: 0;
        padding: 0;
    }
    #corpo_preventivo input {
        width:90%;
        margin: auto;
        margin: 0;
        padding: 0;
        border: 1px solid white;
    }

    #corpo_preventivo a {
        color: #666666;
    }

    .scheda_new {
        background-color: #FFFFFF;
        list-style: none;
    }

    .scheda_new td {
        background-color: #B3B3B3;
        border: 1px outset;
        padding: 1px;
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .scheda_new th {
        background-color: #B3B3B3;
        color: white;
        font-weight: bold;
        border: 1px outset;
        padding: 1px;
        padding-top: 1px;
        padding-bottom: 1px;
    }

    #scheda_pratica select { width: 300px; }

    .scheda {
        display: block;
        margin-left: 0;
        /* margin-right: 20px; */
        margin-bottom: 10px;
        /* width: 50%;*/
        background-color: #FFFFFF;
        list-style: none;
        color: #ffffff;
        /*border: 3px solid #999999;*/
    }

    .scheda input, textarea, select{
        width:99%;
        margin-left: 2px;
        margin-right: 2px;
    }

    .scheda table {
        background: #FFFFFF;
        width: 100%;
        margin: 0;
    }

    .scheda td {
        background-color: #B3B3B3;
        border: 1px outset;
        padding: 1px;
        padding-top: 1px;
        padding-bottom: 1px;
        /*width:30em;*/
    }

    .scheda th {
    	padding-left: 10px;
    	font-weight: bold;
        background-color: #B3B3B3;
        border: 1px outset;
        padding: 1px;
        padding-top: 1px;
        padding-bottom: 1px;
        color: white;
        width:14em;
    }

    .elenco {
        /*display: block;*/
        /* margin-left: 0; */
        /*margin-right: 20px;*/
        /* margin-bottom: 10px; */
        /*width: 34em;*/
        background: none;
        width: 100%;
        /* font-size: 11pt; */
    }
    .elenco th {
        height: 15px;
        background: #999999;
        font-weight: bold;
        color: #FFFFFF;
        overflow:hidden;
    }
    .elenco td {
        height: 20px;
        background: #FFFFFF;
        color: #000000;
        border: 1px solid #999999;
        overflow:hidden;
    }
    
    .elenco select {
        width: auto;
        margin: auto;
        margin: 0;
        padding: 0;
    }
    .elenco input {
        width:98%;
        margin: auto;
        padding: 0;
    }

    .processo {
        float: left;
        border: 2px solid #999999;
        width: 99%;
        margin: auto;
        margin-bottom: 15px;
    }
    .processo table { margin: auto; }
    .processo input, select { font-size: 9px; }
    /* .processo .data { font-size: 9px; font-family: Lucida Console;} */

    /*
        Cruscotto
    */
    .cruscotto {
        display: block;
        width: 100%;
    }


    
    .D{
        float: left;
        width: 175px;
        height: auto;
        margin: 0px;
        overflow: hidden;
        border: none;
    } 
    
    .D ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; }
    .D li { cursor:pointer; cursor:hand; margin: 0px; padding: 0px; width: 150px; }

    
    .D0, .D1, .D2, .P, .L, .C {
        float: left; 
        width: 10px;
        height: 15px;
        margin: 2px 0px 2px 2px;
        overflow: hidden;
        border: 1px solid #000000;
        /* text-indent: -999em; */
    }
    
    .D0 { background: #FFFF00; }
    .D1 { background: #FFAA00; }
    .D2 { background: #FF0000; }
    .P  { background: #0000FF; }
    .L  { background: #80ff80; }
    .C  { background: #00FF00; }
    
    .context {
        width: 140px;
        min-height: 80px;
        height: auto;
        border:1px solid #ECECEC;
        background: #CECECE;
    }
    
.placeholder{
	background: #f0f0f0;
	border:1px dashed #ddd;
}

    

    /*
        Plan
    */
    #plan { font-size: 9px; table-layout: fixed; }
    #plan .nomi { width: 70em; }
    #plan .pianificazioni { font-size: 9px; width:500px; height: 5em; overflow: hidden; }
    #plan .soggetto { font-weight: bold; color: red; }
    /*
        Grafica specifica per la visualizzazione automezzi di MT
    */

    .elemento_cruscotto {
        font-size: 9px;
        /* margin-left: 20px; */
        clear: both;
    }
    .elemento_cruscotto .titolo {
        font-size: 12pt;
        font-weight: bold;
    }
    .elemento_cruscotto a {
        text-decoration: none;
        color: #000000;
    }

    .icona {
        float: left;
        width: 50px;
        height: 50px;
        margin: 5px;
        border: 1px solid #B3B3B3;
        overflow: hidden;
    }

    #elenco_automezzi_mt .icona {
        background: url(bus.jpg) no-repeat center;
    }

    #elenco_complessivi_mt .icona {
        background: url(ingranaggi.jpg) no-repeat center;
    }

    #elenco_impianti_mt .icona {
        background: url(impianto.jpg) no-repeat center;
    }

    #elenco_dipendenti_mt .icona {
        background: url(personale.jpg) no-repeat center;
    }

    #elenco_pratiche_mt .icona {
        background: url(foglio.jpg) no-repeat center;
    }

    /*
        Formattazione per i Menù nella pagina principale
    */


    .menu {
        /*float:   left;
        width:  150px;
        height: 400px;

        padding: 0;
        margin:  15px;
        margin-top: 0px;
        */

        vertical-align: top;
        background: #FFFFFF;
        color: #666666;
        /* border: 1px solid #999999; */

        /* font-family: Arial, Helvetica, sans-serif; */
        /* font-size:  11px; */
        /* font-weight: bold; */
    }

    .menu div   {
                  margin: auto;
    }
    .menu div div   { /* height: 25px; */
                  /* float: left; */
                  width:  150px;
                  text-align: center;
                  vertical-align: middle;
                  border: 1px solid #FFFFFF;
                  background: #999999;
                  margin: 2px;
                  padding: 2px;
                  font-weight: bold;
                  /* font-size: 8pt; */
    }

    .menu a       { color: #000000; text-decoration: none;  }
    .menu a:hover { color: #000000; background: #DDDDDD; }

    .menu h3      { background: none; color: #666666; padding: 0; margin: -1px; text-align: center; font-size: 10pt;}


    /* #menu_principale  { margin-right: 4px; } */
    .bottone_menu     { height: 25px; width: 750px; border: 1px solid #FFFFFF; background: #999999; margin: 8px; padding: 8px; font-weight: bold; font-size: 14pt;}
    .bottone_menu td  { vertical-align: middle; }
    .bottone_menu a   { color: #000000; text-decoration: none; margin-bottom: 25px; }
    .bottone_menu img { width: 25px; height: 25px; float: left; margin: 0; padding: 0; border: none; margin-right: 15px;}

    /*
        Riquadro per la segnalazione degli errori
    */
    #errore {
        margin: 10px;
        padding: 10px;
        border: 2px solid #FFFF00;
        background: #EE0000;
        color: #FFFF00;
        font-weight: bold;
    }

    #alert {
				margin: 10px;
        padding: 10px;
        border: 2px solid #FFFF00;
        background: #15f02e;
        color: #000000;
        font-weight: bold;
    }

    /*
        Box che contiene il logo di pericle
    */
    #logo {
        /* position: absolute; */
        float: left;
        top: 0;
        left: 0;
        width: 202px;
        height: 94px;
        background: url(logo.jpg) 0 0 no-repeat;
    }

    /*
        Box contenente Nome Utente, Settore ecc...
    */
    #status_box {
        position: absolute;
        top: 0;
        right: 0;
        float: right;
        margin: 15px;
        margin-left: auto;

        padding: 4px;
        font-weight: bold;
        color: #666666;
        background: #999999;
        border: 1px solid #666666;
    }

    /*
        Barra di Navigazione
    */
    #barra_navigazione {
    	background-color:#999999;
    	border: 1px solid #999999;
    	padding:0;
    	padding:0;
    } 

    /*
        Form di richiesta username/password per il login
    */

    #login h1  { height: 150px; background: url('intestazione_login.jpg') no-repeat center top; }
    #box_login {
        position: relative;
        top: 2em;

        width: 599px;
        height: 299px;
        margin: auto;
        border: none;
        background: url('box_login.jpg') no-repeat center top ;
    }
    #box_login form {
        position: relative;
        top: 300px;

        text-align: center;

        margin: auto;
        padding: 2px;
        width: 99%;
        background: #666666;
        color: #FFFFFF;
        margin-bottom: 0;
    }
    #box_login label {
        position: static;
        margin: auto;
        width: auto;
        font-weight: bold;
        font-size: 9px;
    }
    #box_login input {
/*        font-family: Verdana, Arial,Helvetica,sans-serif;*/
        font-size: 9px;
    }

    #box_login input {

    }
    
    .box{
				table-layout:fixed;
                                color:#FFFFFF;
			}
			.box .centro{
                                color:#000000;
				background-color:#999999;
				text-align:left;
				vertical-align:top;
			}
			.box .sx{
                                color:#FFFFFF;
				width:1px;
				background-image:url(sx.jpg);
				background-repeat:repeat-y;
			}
			.box .dx{
                                color:#FFFFFF;
				width:1px;
				background-image:url(dx.jpg);
				background-repeat:repeat-y;
			}
			.box .sxup{
				width:1px;
				height:1px;
				background-image:url(sxup.jpg);
				background-repeat:no-repeat;
			}
			.box .up{
				height:1px;
				background-image:url(up.jpg);
				background-repeat:repeat-x;
			}
			.box .dxup{
				width:4px;
				height:1px;
				background-image:url(dxup.jpg);
				background-repeat:no-repeat;
			}
			.box .sxdown{
				width:1px;
				height:4px;
				background-image:url(sxdown.jpg);
				background-repeat:no-repeat;
			}
			.box .down{
				height:18px;
				background-image:url(down.jpg);
				background-repeat:repeat-x;
			}
			.box .dxdown{
				width:4px;
				height:5px;
				background-image:url(dxdown.jpg);
				background-repeat:no-repeat;
			}
    .box_table{
				background-color:#FFFFFF;
				color:white;
			}
			.box_table th{
				padding:1px;
				background-color:#B2BBB8;
				color:white;
			}
			.box_table td{
				border:1px solid #B2BBB8;
				padding:1px;
			}
			.barra_sfumata{
				background-color:#999999; /* image:url(barra_sfumata.jpg);*/
				width:100%;
				padding:2px;
				background-position:right;
				color:#000000;
				font-size:12px;
				font-weight:normal;
			}
			.barra_sfumata_index{
				background-color:#999999;
                                height: 16px;
				width:98%;
				padding:4px 0px 0px 4px;
				background-position:right;
				color:#FFFFFF;
				font-size:12px;
				font-weight:normal;
			}
			.box_button{
				width:130px;
				background-color:#B2BBB8;
				color:white;
				font-weight:bold;
				padding:1px;
				margin:5px;
			}
			
			.scrollTable table
			{
				table-layout:fixed;
			}
			
			.scrollTable table
			{
				table-layout:fixed;
			}
			
			.scrollTable table
			{
				border-collapse: collapse;
				table-layout:fixed;
			}
			.scrollTable table td
			{
				vertical-align: top;
				text-align: left;
				margin: 0px;
				padding:0px;
				padding-bottom:1px;
				border: solid 1px #aaaaaa;
			}
			 .scrollTable table th
			{
				vertical-align: top;
				text-align: center;
				margin: 0px;
				padding: 0px;
				padding-bottom:1px;
				background-color:#999999;
				border: solid 1px #aaaaaa;
			}
			
			.div_tat_table{
					z-index:10005;
					margin:0;
					padding:0;
				}
				
			.plan_cella{
				background-color: #FFFFFF;
			}
			.plan_cella_sel{
				background-color: #EFEFFF;
				color:#21be37;
			}
			.plan_cella_sel a,
			.plan_cella_sel a:link,
			.plan_cella_sel a:hover,
			.plan_cella_sel a:visited{
				color:#21be37;
			}

			.toggler {
				position:absolute;
				left:0;
				top:70px;
				left:-185px;
				z-index:1005;
				width: 200px;
				height: 200px;
				background-color:#FFFFFF;
				border-bottom:1px solid #999999;
				
			}
			.toggler2 {
				width: 100%;
			}
			.toggler3 {
				width: 18px;
				height:100%;
			}
			
			.ui-accordion-content a,
			.ui-accordion-content a:link,
			.ui-accordion-content a:visited{
				display:block;
				border-bottom:1px solid #999999;
				background-color:#ffffff;
				padding:1px;
			}
			.ui-accordion-content a:hover{
				background-color:#e7e7e7;
			}