body {
	margin: 10px;
	padding: 0px;
}

body, th, td, input, select {
	font-family: arial,sans-serif;
        font-size: 12px;
        color: #3b3b3b;
	line-height: 1.5em;
}

img {
	border: 0px;
}

#sfondo {
        width: 100%; 
        margin: auto;
}

#testata {
	border-bottom: 1px dashed #cccccc;
	position: relative;
	overflow: hidden;
}
#testata img {
	margin: 5px 15px 15px 15px;
}

#contenitore {
	float: left;
	width: 100%;
}

#contenuto {
	margin-left: 200px;
}

/* Menu */
.menu_verticale {
	float: left;
	display: block;
	width: 200px; /*Width of left column*/
	position: absolute;
/**	margin-left: -100%; **/
}
.menu_verticale ul {
	margin: 20px 0;
}
div.menu_orizzontale ul > li {
	display: inline;
}
div.menu_orizzontale {
	margin-left: 180px;
	margin-right: 20px;
}
div.menu_verticale {
	float: left;
}
div.menu_orizzontale ul, div.menu_verticale ul {
	margin-top: 10px;
	list-style: none;
	padding: 0px;
}
div.menu_verticale a {
	display: block;
	padding-left: 1em;
	margin-bottom: 5px;
	border-left: 3px solid #007FFF;
	font-size: 14px;
	text-decoration: none;
	color: #007FFF;
	border-bottom: 1px solid transparent;
}

div.menu_orizzontale a {
	margin-left: 20px;
	padding-bottom: 3px;
	border-bottom: 2px solid #007FFF;
	font-size: 14px;
    text-decoration: none;
	color: #007FFF;
}

div.menu_orizzontale a#highlight, div.menu_orizzontale a:hover, div.menu_orizzontale a:active {
	margin-left: 20px;
    padding-bottom: 3px;
    margin-top: 10px;
	border-bottom: 2px solid #40C940;
	font-size: 14px;
}

div.menu_verticale a#highlight, div.menu_verticale a:hover, div.menu_verticale a:active {
	display: block;
	padding-left: 1em;
	margin-bottom: 5px;
	font-size: 14px;
	border-left: 3px solid #40C940;
	background-color: #F6F6F6;
	border-bottom: 1px solid #E5E5E5;
}

.interno {
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}

#footer {
	clear: both;
	padding-bottom: 10px;
	margin-bottom: 40px;
}

h1 {
	font-size: 32px;
	padding: 15px 30px;
}

p {
	padding: 0;
}

a {
	color: #007FFF;
}

a:hover, a:active {
	color: #3b3b3b;
    text-decoration: underline;
} 

div.menu_verticale a:hover, div.menu_verticale a:active {
	color: #3b3b3b;
	text-decoration: underline;
}

input, select{
	border: 1px solid #3B3B3B;
	padding: 2px;
}

input[type="checkbox"], input[type="radio"]{
    background: transparent;
    border: 0;
}

th, td {
	padding: 5px;
	vertical-align: top;
}

.buttons {
	 padding: 20px;
	text-align: center;
}

.LoginError {
	font-weight: bold;
	color: red;
	padding-top: 10px;
}

.aggiornamento_ok {
	padding-top: 10px;
}

.back {
	padding-top: 10px;
}

#logout {
	text-align: right;
	padding-bottom: 10px;
	float: right;
}

#profilo .greeting {
	font-weight: bold;
	font-size: 120%;
}

#loginform {
	margin: 0 auto;
}

#profilo .titolo, #prenotazione .titolo, #accredito .titolo, #loginform .titolo, #scuola .titolo {
	border-bottom: 1px solid #007FFF;
	color: #007FFF;
	text-transform: uppercase;
	margin: 14px 0;
	padding: 0px;
	font-weight: bold;
}

#profilo .titolo.conModifica {
	margin: 14px 0 0px 0px;
}

.modifica, .modifica a {
	text-align: right;
	text-decoration: none;
}

.titolo {
	font-weight: bold;
	font-size: 120%;
	padding: 10px 0px;
}

.formtable {
	border-spacing: 10px;
        border-collapse: separate;
}

.formtable .buttons {
	text-align: center;
}

.tendina {
	padding-bottom: 10px;
}

.button_next {
	padding-top: 10px;
}

.ruolo {
	padding-bottom: 10px;
	color: #007FFF;
	font-weight: bold;
}

.ente {
	margin-bottom: 1em;
}

#unlock {
	border: 1px dashed #888888;
	padding: 10px;
	margin: 10px auto;
	width: 500px;
}

#unlock .logo {
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 1px solid #888888;
}

.aggiornamento_ok {
	text-align: center;
	padding: 10px;
	font-weight: bold;
}

.mandatory {
	color: red;
}

.formtable td {
	vertical-align: top;
}

/* Prenotazione */
.prenotazione {
	padding-bottom: 5px;
}

.prenotazione .nome {
	font-weight: bold;
}

.prenotazione .dettagli {
	padding: 0px 5px;
}

.prenotazione .comandi {
	padding: 5px 0px 0px 5px;
}

.comandi {
	padding: 0px 0px 14px 0px;
}

.domandaElimina {
	text-align: center;
}

a.bottone_si:link, a.bottone_si:visited,
a.bottone_no:link, a.bottone_no:visited {
	padding: 5px 20px;
	margin: 0px 10px;
	background-color: #007fff;
	color: white;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #007fff;
}

a.bottone_si:active, a.bottone_si:hover,
a.bottone_no:active, a.bottone_no:hover {
	padding: 5px 20px;
	margin: 0px 10px;
	background-color: black;
	color: #007fff;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #007fff;
}

/* Scelta nome ente */
#nameList {
	width: 300px;
}
.inactive_search {
	color: #888888;
}

#riepilogo {
	border: 1px solid red;
	float: right;
}

/* Field error */
div.fieldError {
	font-weight: bold;
	color: red;
	padding-left: 20px;
        background: url('../images/error_small.png') no-repeat left 2px;
}

input[type="text"].fieldError, input[type="password"].fieldError {
	border: 1px solid red;
}

div#sceltaScuola {
	display: none;
	border: 3px solid black;
	width: 600px;
	height: 400px;
	background-color: white;
	padding: 5px;
}

div#sceltaScuola .scuola {
	position: absolute;
	bottom: 0px;
	text-align: center;
	margin: 5px auto;
}
#loading {
	text-align: center;
	visibility: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -20px 0px 0px -20px;
}

.remind {
	border: 1px solid red;
	margin: 0px 30px 20px 30px;
	padding: 20px 30px 30px 30px;
	color: #3b3b3b;
}

.integer {
	text-align: right;
}

.disabled {
	color: #aaaaaa;
}

/* Tabella lista global.php */
#listGlobal {
	width: 100%;
	margin-bottom: 2em;
	clear: both;
}
#listGlobal th {
	text-align: left;
	font-weight: bold;
}
#listGlobal .selectCheck {
	width: 2em;
}

#listGlobal .bool {
	width: 70px;
	text-align: center;
}

#listGlobal .int {
	width: 70px;
	text-align: right;
}

#listGlobal .command {
	width: 70px;
	text-align: center;
}

#listGlobal thead tr:hover {
	background-color: transparent;
}

#listGlobal th {
	white-space: nowrap;
}

#listGlobal tr:hover {
	background-color: #eeeeee;
}

#listGlobal td, #listGlobal th {
	border-bottom: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
}

#listGlobal td a {
	display: block;
	color:  #3b3b3b;
	text-decoration: none;
}

#listGlobal td.command a:link,
#listGlobal td.command a:visited,
#listGlobal td a.command:visited,
#listGlobal td a.command:link {
	display: block;
	color:  #007FFF;
	text-decoration: underline;
}

#listGlobal td.command a:active,
#listGlobal td.command a:hover
#listGlobal td a.command:active,
#listGlobal td a.command:hover {
	display: block;
	color:  #3b3b3b;
	text-decoration: none;
}

/* Tabella merge global.php */
.mergeGlobal {
	width: 100%;
	margin-bottom: 2em;
	clear: right;
}
.mergeGlobal th {
	text-align: left;
	font-weight: bold;
}
.mergeGlobal .selectCheck {
	width: 2em;
}

.mergeGlobal .bool {
	width: 70px;
	text-align: center;
}

.mergeGlobal .int {
	width: 70px;
	text-align: right;
}

.mergeGlobal .command {
	width: 70px;
	text-align: center;
}

.mergeGlobal thead tr:hover {
	background-color: transparent;
}

.mergeGlobal th {
	white-space: nowrap;
}

.mergeGlobal tr:hover {
	background-color: #eeeeee;
}

.mergeGlobal td, #mergeGlobal th {
	border-bottom: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
}

.mergeGlobal td a {
	display: block;
	color:  #3b3b3b;
	text-decoration: none;
}

.mergeGlobal td.command a:link,
.mergeGlobal td.command a:visited {
	display: block;
	color:  #007FFF;
	text-decoration: underline;
}

.mergeGlobal td.command a:active,
.mergeGlobal td.command a:hover {
	display: block;
	color:  #3b3b3b;
	text-decoration: none;
}

/* Tipi di colonne */
#listGlobal td.boolean,
.mergeGlobal td.boolean {
	text-align: center;
	width: 70px;
}

#listGlobal td.narrow, 
.mergeGlobal td.narrow {
	text-align: center;
	width: 70px;
}
#listGlobal td.nowrap, 
.mergeGlobal td.nowrap {
	white-space: nowrap;
}

.continua {
	margin-top: 50px;
	text-align: center;
}

/* Bottone continua */
a.bottone {
	text-decoration: none;
	color: #3b3b3b;
	border: 1px solid #3B3B3B;
	padding: 5px;
	background-color: #F6F6F5;
}
/* Warning */
.warning {
	background: #ffd7ab url('../images/warning.png') no-repeat 10px 10px;
	padding: 10px 10px 10px 50px;
	margin: 10px 30px 30px 0;
	border: 1px solid #e38442;
	min-height: 32px;
	font-weight: bold;	
	clear: both;
}
.warningLine {
	background-color: #ffd7ab;
	padding: 2px;
	border: 1px solid #e38442;
	min-height: 16px;
	font-weight: bold;	
	clear: both;
}
/* Error */
.error {
	background: #ffb4b4 url('../images/error.png') no-repeat 10px 10px;
	padding: 10px 10px 10px 50px;
	margin: 20px 10%;
	border: 1px solid #9d2c26;
	min-height: 32px;
	font-weight: bold;
}
label.error {
	font-size: 20px;
}

/* Ok */
.ok {
	background: #c2ffb4 url('../images/ok.png') no-repeat 10px 10px;
	padding: 10px 10px 10px 50px;
	margin: 10px 10%;
	border: 1px solid #04a000;
	min-height: 32px;
	font-weight: bold;	
	clear: both;
}

/* Tabella visualizzazione valori */
.campo, .campo_update {
	font-weight: bold;
	text-align: right;
}

.tag {
	background-color: #fffea3;
	padding: 1px;
}

.approvato {
	background-color: #c2ffb4;
	padding: 1px;
}

.rifiutato {
	background-color: #ffb4b4;
	padding: 1px;
}

/* Box Summary in homepage */
.summaryColumn {
	width: 45%;
	margin-top: 10px;
	float: left;
	margin-right: 20px;
}
.summaryBox {
	/* min-height: 250px; */
	border: 1px dashed #cccccc;
	margin-bottom: 30px;
}
.summaryBox .titolo {
	border-bottom: 1px dashed #cccccc;
	color: #007FFF;
	text-transform: uppercase;
	padding: 4px;
	font-weight: bold;
}
.summaryBox .contenuto {
	padding: 4px;
}

table.summaryPrenotazioni th {
	font-weight: bold;
}
table.summaryPrenotazioni td.numbers {
	text-align: right;
}
table.summaryPrenotazioni th, 
table.summaryPrenotazioni td {
	padding: 0px;
	padding-right: 10px;
}

/* Pager */
div.count {
	display: inline;
	float: right;
	padding: 0 10px;
	
}
div.pager, div.pager_all {
	float: right;
	margin-left: 10px;
}
td.pager div.pager {
	display: block;
}

/* Filtro */ 
div.filter ,
div.filterLink {
	float: right;
}

div#filterPopup, div#popupMaschera {
        display: none;
        border: 3px solid black;
	min-width: 800px;
		width: 100%;
    /**    height: 100%; **/
		min-height: 300px;
		max-height: 500px;
		overflow-y: scroll;
        background-color: white;
        padding: 5px;
}

div#filterPopup .filterUpdate {
        position: absolute;
        bottom: 0px;
        text-align: center;
        margin: 5px auto;
}
div#filterPopup h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 1em;
}

div#filterPopup #filterRows,
div#filterPopup #filterButtons {
	margin-top: 10px;
}

div#filterPopup .filterClosePopup, div#popupMaschera .filterClosePopup {
	float: right;
}

div#filterPopup .fld_value_label {
	margin-left: 3px;
	margin-right: 10px;
}

div#filterPopup .filterRemoveBtn {
	margin-right: 10px;
}

div#filterPopup .filterToggleSign {
	margin: 0px 5px;
}

#loading {
        text-align: center;
        visibility: hidden;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -20px 0px 0px -20px;
}

div.command a {
/*	float: left; */
}
div.dropdown {
/*	float: right; */
	margin: 10px 5px;
}

div.export {
	float: left;
}

div.filterLevel0, div.filterLevel1,  div.filterLevel2,
div.filterLevel3, div.filterLevel4, div.filterLevel5 {
	border: 1px solid #333333; margin: 5px; padding: 5px
}
.suggestionsBox {
    position: relative;
/*     left: 5px; */
    margin: auto;
/*    width: 450px; */
/*	display: inline; */
}
div#uanOverlay .suggestionsBox {
	left: 5px;
	top: 30px;
}

div.maskFilter .suggestionsList {
	margin-left: 0;
}

div.maskFilter .suggestionsBox {
	left: 0;
}

.suggestionsList {
    margin: 0px;
/*    margin-left: 5px; */
    padding: 0px;
    position: absolute;
margin-top: 0px;
	left: 0px; 
}
.suggestionsList li {
    margin: 0px 0px 3px 0px;
    padding: 3px;
    cursor: pointer;
    list-style: none;
	width: 300px;
	white-space: pre-wrap;
}
div#uanOverlay .suggestionsBox {
	position: absolute;
}
div#uanOverlay .suggestionsList {
	z-index: 10;
	left: 0;
	overflow-y: scroll; 
	display: none;
}
div#uanOverlay .suggestionsList ul {
	margin-left: 0;
}
div#uanOverlay .suggestionsList li {
	text-align: left;
}
div#uanOverlay table.uanEntry td {
	position: relative;
}
.suggestionsList ul {
    border: 1px solid lightgray;
    padding: 3px;
    background: #FFFFFF;
}

.suggestionsList li:hover {
    background-color: #659CD8;
}
#viewReference td {
	line-height: 1.0em;
}
.suggestCloseBtn {
    text-transform: underline;
    font-size: 10px;
    color: #666666;
    cursor: pointer;
    float: right;
	margin-right: 5px;
}
td.update {
	padding: 10px;
}
td.valore input[type="text"], td.valore textarea, div.div_nan {
	vertical-align: top;
	min-width: 250px;
	position: left;
}
img.alerticon {
	display: none;
	padding: 0 5px;
}
a.updateArrow {
	display: none;
}
#updateConfirmPopup {
	display: none;
	border: 3px solid black;
	width: 300px;
	height: auto;
	background-color: white;
	padding: 5px;
	text-align: center;
}
#updateConfirmPopup input {
	margin: 10px 25px;
	width: 50px;
	position: center;
}
.popupText {
	font-weight: bold;
	font-size: 12px;
}
.scrollUp {
	display: none;
}
#nanPopup, #aggiungiEtichette {
    border: 3px solid black;
    width: 300px;
	height: 400px;
    background-color: white;
    padding: 5px;
    text-align: center;
	overflow: auto;
}

#uanOverlay {
    border: 3px solid black;
    min-width: 500px;
    min-height: 300px;
    background-color: white;
    padding: 20px 5px;
    text-align: center;
 /*    overflow-y: scroll; */
}
#uanOverlay table {
	margin: 20px auto;
}
div.containerElementGroup {
	padding: 2px 5px;
	 text-align: left;
}
div.containerElement {
	padding: 2px 10px;
	text-align: left;
	margin: 5px 0;
}
div.containerElement input {
	vertical-align: middle;
}
span.nan_values {
	padding: 4px 10px;
}
a.nanPopupButton {
	padding-left: 10px;
}
div#livesearchTip {
	position: absolute;
	width: 200px;
	background-color: #FFFFCC;
	display: none;
	margin-left: 5px;
}
table {
	margin-top: 15px;
}
/* Tabella prenotazioni */
#listBozze {
    width: 100%;
    margin-bottom: 2em;
    clear: both;
}
#listBozze th {
    text-align: left;
    font-weight: bold;
}
#listBozze .selectCheck {
    width: 2em;
}

#listBozze .bool {
    width: 70px;
    text-align: center;
}
#listBozze .int {
    width: 70px;
    text-align: right;
}

#listBozze .command {
    width: 70px;
    text-align: center;
}

#listBozze thead tr:hover {
    background-color: transparent;
}

#listBozze th {
    white-space: nowrap;
}

#listBozze tr:hover {
    background-color: #eeeeee;
}

#listBozze td, #listBozze th {
    border-bottom: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
}

#listBozze td a {
    display: block;
    color:  #3b3b3b;
    text-decoration: none;
}

#listBozze td.command a:link,
#listBozze td.command a:visited {
    display: block;
    color:  #007FFF;
    text-decoration: underline;
}

#listBozze td.command a:active,
#listBozze td.command a:hover {
    display: block;
    color:  #3b3b3b;
    text-decoration: none;
}

div.contenuto ul.tagcloud {  
     list-style-type:none;  
     margin:0px;  
     padding:0px;  
}  
   
div.contenuto ul.tagcloud li {  
     display:inline !important;  
     margin-right:15px;  
     line-height:2em;  
}  
   
div.contenuto ul.tagcloud li a {  
     display:inline; 
	 text-decoration: none; 
}
 div.contenuto ul.tagcloud li span {  
	font-size: 10px;
	vertical-align: middle;
	margin-left: 3px;
}
div.quickSearch,
div.quickSearchButton {
	margin: 10px;
	text-align: right;
}
div.quickSearch span {
	padding-right: 5px;
}
h3 a {
	font-size: 150%;
}
div.cron {
	margin-top: 15px;
}
div#searchResults {
	margin: 20px 20px 10px 20px;
}
div#searchResults .headResults {
	margin: 10px 0px;
	font-size: 120%;
}
div#searchResults .resultTitle {
	font-weight: bold;
}
div#searchResults .resultArea {
	font-size: 120%;
	font-color: #888888;
}
table#listBozze td.hyperlink a {
	text-decoration: underline;
	color: #007FFF;
}
div#searchResults .result {
	margin: 0px 10px 10px 10px;
}
td.report_title {
	font-size: 14px;
	font-weight: bold;
}
div.reportEditCmd {
	display: inline;
	font-size: 12px;
}
table.report_elem td, table.report_elem th,
table.report_list td, table.report_list th {
	padding-top: 0px;
}
td.underlined {
	border-bottom: 2px solid #333333;
}
tr.report_name td {
	padding-top: 5px;
}
table.report_elem {
	margin-top: 0;
}
table.report {
	margin-top: 0;
}
table.report th {
	font-weight: bold;
}
table.report th, table.report td {
	border: 1px solid gray;
}
.criteriaInput {
	margin-left: 10px;
}
.criteriaList {
	margin: 5px 5px 0px 0px;
}
div#criteriaForm {
	width: 300px;
	margin: 10px 20px 5px 0px;
	border: 2px dotted #666666;
	margin-top: 5px;
	margin-left: 10px;
	padding: 5px;
	display: inline;
}
div#criteriaForm form {
	display: inline;
}
#listBozze td a.linkActive {
	display: inline;
	color: #007FFF;
}
tr.elem_report td {
	vertical-align: bottom;
	text-align: right;
}
table#listGlobal.frozen a, table#listGlobal.frozen a.command:link {
	color: #333333;
	cursor: none;
}
table#listGlobal.frozen td {
	background-color: #EEEEEE;
}
div#searchTip {
	position: absolute;
	margin-top: -25px;
	z-index: 2;
	right: 150px;
	border: 1px solid #CCCCCC;
	background-color: #f6f6f6;
}
input#fld_domini_voce_costo_value_live {
	text-transform: lowercase;
}

div.command_send {
	height: 36px;
}

table#historyDomain {
	margin-top: 0px;
}
table#historyDomain th.date, table#historyDomain td.date{
	width: 10%;
}
table#historyDomain th.note, table#historyDomain td.note{
	width: 30%;
}
#listForm div.command {
	height: 70px;
	float: left;
	padding-top: 10px;
}
#listBozze td a.modifica_tendina, #listBozze td a.set_pagamento {
	text-transform: underline;
	color: #007FFF;
}
table.pager_search {
	margin-top: 0;
	float: right;
}
table.pager_search td {
	padding: 0 5px;
}
div.command_link {
	float: left;
	padding: 15px;
}

.datepicker { border-collapse: collapse; border: 2px solid #999; position: absolute; z-index: 99999; }
.datepicker tr.controls th { height: 22px; font-size: 11px; }
.datepicker select { font-size: 11px; }
.datepicker tr.days th { height: 18px; }
.datepicker tfoot td { height: 18px; text-align: center; text-transform: capitalize; }
.datepicker th, .datepicker tfoot td { background: #eee; font: 10px/18px Verdana, Arial, Helvetica, sans-serif; }
.datepicker th span, .datepicker tfoot td span { font-weight: bold; }

.datepicker tbody td { width: 24px; height: 24px; border: 1px solid #ccc; font: 11px/22px Arial, Helvetica, sans-serif; text-align: center; background: #fff; }
.datepicker tbody td.date { cursor: pointer; }
.datepicker tbody td.date.over { background-color: #99ffff; }
.datepicker tbody td.date.chosen { font-weight: bold; background-color: #ccffcc; }
tr.containerElement td {
	text-align: left;
	padding: 0;
	padding-right: 10px;
}
div.containerElement button {
	margin: 0 10px;
}
div.addButton {
	text-align: left;
	padding-left: 10px;	
}
div.buttonPopup {
	display: inline;
	border: 1px solid #CCC;
	background-color: #F1F1F1;
	padding: 2px 4px;
	margin: 0 10px;
	cursor: pointer;
	
}
div#maschera .maschera, form#itemForm .maschera {
	padding: 10px 50px;
}
div#maschera_interna {
	margin: 0 20px;
	margin-top: 20px;
	border: 1px solid #F5F5F5;
	padding-bottom: 20px;
}
div#maschera_bottoni {
	height: 40px;
	background: url('./../images/shadow.png') top center no-repeat #F5F5F5;
}
.loadmask {
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #CCC;
    width: 100%;
    height: 100%;
    zoom: 1;
}
.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid #6593cf;
    background: #c3daf9;
    padding:2px;
}
.loadmask-msg div {
    padding:15px 10px 20px 45px;
    background: #fbfbfb url('../images/loading.gif') no-repeat 5px 5px;
    line-height: 16px;
	border:1px solid #a3bad9;
    color:#222;
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    cursor:wait;
}
.masked {
    overflow: hidden !important;
}
.masked-relative {
    position: relative !important;
}
.masked-hidden {
    visibility: hidden !important;
}
div#filterPopup div.maskFilter {
	display: none;
}
 div.maskFilter div#fld_azienda_suggestions {
	margin-left: 105px;
}
div#mascheraBlock {
	position: absolute;
}
div.merge-box, div.merge-box-dipartimenti {
	padding: 10px 20px;
	border: 1px solid #F5F5F5;
	display: none;
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:11000; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

iframe.cboxIframe div#testata, iframe.cboxIframe div#menu_orizzontale, frame.cboxIframe div#menu_verticale {
	display: none;
}
div.pre-filter {
	float: left;
	padding: 10px;
}

.current_selected {
    background: #faa;
}
#maschera {
	margin-top: 70px;
}
#maschera .bottoni {
	padding-top: 5px;
	padding-left: 10px;
	float: left;
}
#maschera .bottoni div {
	padding: 5px;
    font-weight: bold;
}

#maschera .bottoni div a {
    font-size: 20px;
	color: #333333;
	text-decoration: none;
}
#maschera .bottoni .precedente {
	float: left;
}
#maschera .bottoni .successivo {
	float: right;
	padding: 5px;
	font-weight: bold;
	font-size: 20px;
}
#maschera .date {
	float: right;
}
#maschera .date div {
	text-align: right;
}
#maschera #fld_value_live_tooltip {
	position: absolute;
	
	display:none;
	margin-left: 50px;
	padding: 4px 8px;
	border-top: 2px dotted #CCCCCC;
	border-right: 2px dotted #CCCCCC;
	border-left: 2px dotted #CCCCCC;
	background-color: #FFFFFF;
}
#maschera div.elenco_risultati, #maschera .modifica_rec a, #maschera .merge_rec a, #maschera .dati_rec a, #maschera a#stampa, #maschera a#torna_indietro, #maschera a#elimina{
	float: left;
   	padding: 4px 8px;
	border-top: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
   	border-left: 1px solid #E0E0E0;
   	background-color: #FFFFFF;
	margin-left: 20px;
    margin-top: -26px;
}

#maschera .modifica_rec a, #maschera .merge_rec a, #maschera .dati_rec a, #maschera .elenco_risultati a , #maschera a#stampa, #maschera a#torna_indietro, #maschera a#elimina  {
	color: #333333;
	text-decoration: none;
}
#maschera div.elenco_risultati {
	margin-top: -26px;
	margin-left: 50px!important;
}
#maschera .stampa {
	margin-left: 400px;
}
#maschera .modifica_rec {
	float: right;
	margin-right: 80px;
}
#maschera #pagina_prec, .maskFilter #pagina_prec {
	float: left;
    margin-top: 5px;
}
.maskFilter #pagina_succ {
    float: right;
    margin-top: 5px;
    right: 20px;
    position: absolute;
}
.maskFilter a#pagina_succ, .maskFilter a#pagina_prec {
	z-index: 100;
}
div.masktitle {
	margin-left: 30%;
	position: absolute;
	margin-top: 5px;
}
div.masktitle h2 {
	font-size: 16px;
	font-weight: bold;
}
div.maschera.header-row {
	position: relative;
}
#maschera #pagina_succ {
	float: right;
    margin-top: 5px;
    margin-left: 200px;
}

#maschera_bottoni {
	background-color: #F5F5F5;
	margin: 0 20px;
	padding: 5px 10px;
	min-height: 35px;
}
.maschera div.label {
    display: table-cell; /* For FireFox and Opera 	*/ 
    display: inline-block; /* For Opera and IE */ 
	width: 100px;
	margin: 4px 8px;
	vertical-align: middle;
}
.maschera div.field, .maschera div.field2,  .maschera div.field3, .maschera div.field4, .maschera div.field_short, .maschera div.label_short {
    display: table-cell; /* For FireFox and Opera 	*/ 
    display: inline-block; /* For Opera and IE */ 
	width: 150px;
	margin-right: 10px;
	vertical-align: middle;
}
.maschera div.field_nowidth {
    display: table-cell; /* For FireFox and Opera   */
    display: inline-block; /* For Opera and IE */
    margin-right: 20px;
    vertical-align: middle;

}
.maschera .row {
	padding: 5px 0;
}
.maschera div.field2 {
	width: 320px;
}
.maschera div.field3 {
	width: 480px;
}
.maschera div.field4 {
	width: 640px;
}

.maschera div.field_short {
    width: 80px;
}
.maschera div.label_short {
    width: 80px;
}
.maschera input[type='button'] {
	margin-left: 5px;
	padding: 2px 4px;
	
}
.maschera textarea {
	padding: 2px 4px;
	font-size: 14px;
}
.maschera input[type='text'], .maschera input[type='submit'], .maschera input[type='reset'] {
    margin-right: 5px;
    padding: 2px 4px;
}
.maschera .row input, .maschera .row select {
	color: #333333;
}
.maschera .row.freeze input, .maschera .row.freeze select, .maschera .row.freeze textarea {
	border: 1px solid #DDDDDD;
	background-color: #F6F6F6;
}
div.textarea_output {
	width: 400px;
}
.maschera .row.freeze input[type="submit"], .maschera .row.freeze input[type="reset"] {
	display: none;
}
.maschera .row select {
	margin: 0;
}
.maschera .row.freeze a.nanPopupLink, .maschera .row.freeze a.uanPopupLink, .maschera .row.freeze .uanTable a {
	color: #AAAAAA;
	cursor: default;
}
div.copyright {
	float: right;
}
a.address_toggle {
	margin-left: 10px;
	cursor: pointer;
}
div.live_tooltip {
	display: inline;	
}
div.merge-box, div.merge-box-dipartimenti {
	margin-top: 20px;
}
div.maschera_container {
	margin: 10px;
}
div#excel_overlay {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 10000;
}
/* img.filter-active {
	background-color: #FF0000;
	opacity: 0.8;
} */
a.buttonContinue {
	font-weight: bold;
	display: block;
	text-align: center;
}
h1.title {
	font-size: 50px;
	padding: 45px 30px 15px;
}
span.elementi_selezionati {
	border: 1px solid #FF0000;
	padding: 2px;
}
tr.result a, a.addUanElement {
	cursor: pointer;
}
div.time-picker {
  position: absolute;
  height: 191px;
  width: 70px; /* needed for IE */
  overflow: auto;
  background: #fff;
  border: 1px solid #aaa;
  z-index: 99999;
  margin: 0;
}
div.time-picker-12hours {
  width:6em; /* needed for IE */
}

div.time-picker ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.time-picker ul {
}
div.time-picker li {
  cursor: pointer;
  height: 10px;
  font-size: 12px;
  padding: 4px 3px;
}
div.time-picker li.selected {
  background: #0063CE;
  color: #fff;
}
table.uanTable {
	border: 2px solid #000;
	margin-top: 0;
}
table.uanTable td {
	padding: 4px;
	min-width: 80px;
}
table.uanTable a.addUanElement {
	text-decoration: none;
	font-size: 28px;
	font-weight: bold;
	cursor: pointer;
}
table.uanTable a.addUanElement:hover {
	color: #000;
}
.uanTable tr.head {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background-color: #ccc;
}
.uanTable tr.result {
	color: #333;
}
.uanTable tr.even {
	background-color: #fff;
}
.uanTable tr.odd {
	background-color: #f5f5f5;
}
.unselectable {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
img.imageUpload {
	display: block;
	padding-top: 20px;
}
div.maskFilter .nofilter {
    display:none;
}
div.maskFilter .maschera div.onlyfilter {
	display: inline-block;
}
.maschera div.onlyfilter {
	display: none;
}

.maschera div.field2.onlyfilter,
.maschera div.field.onlyfilter {
    display: none;
}
div.maskFilter .maschera div.field2.onlyfilter,
div.maskFilter .maschera div.field.onlyfilter {
    display: inline-block;
}
div.command .word-export {
	display: none;
}
div.command .word-export.event {
	display: inline;
}

div.messageSelectAll {
	position: absolute;
	border: 1px solid #AAA;
	background-color: #FFF;
	margin-left: 15px;
	margin-top: -10px;
	z-index: 10;
}
div.messageSelectAll a {
	cursor: pointer;
}
#custom-right-click-menu
{
z-index: 1000;
position: absolute;
border: solid 2px black;
background-color: white;
padding: 5px 0;
display: none;
}
#custom-right-click-menu ol
{
padding: 0;
margin: 0;
list-style-type: none;
min-width: 130px;
width: auto;
max-width: 200px;
font-family:Verdana;
font-size:12px;
}
#custom-right-click-menu ol li
{
margin: 0;
display: block;
list-style: none;
padding: 5px 5px;
}
#custom-right-click-menu ol li:hover
{
background-color: #efefef;
}
div.header-stampa {
        display: none;
}

#load_image {
	position: absolute;
	height: 20px;
	width: 20px;
	top: 165px;
	right: 105px;
}
div.maschera.header-row {
	clear: both;
}
div.showall a {
	cursor: pointer;
}
div.showall {
	background-color: #F5F5F5;
	border: 1px solid #CCC;
	display: inline;
	padding: 2px;
}
#dialog-form fieldset {
	text-align: center;
	margin-top: 20px;
}
#dialog-form fieldset label {
	margin-right: 20px;
}

#custom-right-click-menu ol li:active
{
color: White;
background-color: #000;
}

#custom-right-click-menu ol .list-devider
{
padding: 0px;
margin: 0px;
}

#custom-right-click-menu ol .list-devider hr
{
margin: 2px 0px;
}

#custom-right-click-menu ol li a
{
color: Black;
text-decoration: none;
display: block;
padding: 0px 5px;
}
#custom-right-click-menu ol li a:active
{
color: White;
}
.box_admin {
        position: absolute;
        top: 10px;
        right: 0px;
        width: 70px;
        transition:width 2s, height 2s;
        -webkit-transition:width 2s, height 2s; /* Safari */
        overflow: hidden;
}
.box_admin_button {
        border-left: 2px solid #AAA;
        border-top: 2px solid #AAA;
        border-bottom: 2px solid #AAA;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        background: #F5F5F5;
        padding: 0px 10px;
}.box_admin_inner {
        margin-top: -52px;
        width: 400px;
        min-height: 52px;
        border-top: 2px solid #AAA;
        border-left: 2px solid #AAA;
        border-bottom: 2px solid #AAA;
        background: #F5F5F5;
        border-bottom-left-radius: 5px;
        text-align: left;
        margin-left: 70px;
        padding: 20px;
        z-index: 10;
}
.box_admin:hover {
    width: 440px;
}
/* Start Sorting Popup */
div#sortButton {
	float: right;
	clear: both;
}

div#sortingPopup {
	display: none;
	border: 3px solid black;
	min-width: 450px;
	width: 100%;
	min-height: 300px;
	max-height: 500px;
	overflow-y: scroll;
	background-color: white;
	padding: 5px;
}

#sortingPopup a {
	float: right;
}

#sortingPopup h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 1em;	
}

#sortingPopup input[type="submit"]{
	margin-left: 3px;
	margin-top: 5px;
}

#sortingPopup input[type="checkbox"]{
	margin-right: 5px;
}

#sortable { 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	width: 100%; 
}

#sortable li { 
	margin: 0 3px 3px 3px; 
	padding: 0.4em; 
	padding-left: 1.5em; 
	font-size: 1.4em; 
	height: 18px; 
	cursor: pointer;
}

#displayButton {
	float: right;
}
/* End Sorting Popup */

.ordina_button {
	margin-bottom: 10px;
	text-align: right;
	}
table#listGlobal {
	margin-top: 0;	
}