body {
   background: #fff url("/img/bg.png") top left repeat-x;
}
body.login {
   background: #fff url("/img/login.png") top left no-repeat;
}

body, td, th, button, input, textarea, select {
   font-family: tahoma, arial, helvetica, sans serif;
   font-size: 10pt;
}
div#main {
   min-width: 1126px;
   position: relative;
}
div#throbber {
   position: fixed;
   top: 0px;
   left: 40%;
   width: 20%;
   padding: 1em 0em;
   color: red;
   background-color: #d9d9d9;
   opacity: 0.8;
   text-align: center;
   font-weight: bold;
   -moz-border-radius: 0em 0em 0.6em 0.6em;
   -webkit-border-radius: 0em 0em 0.6em 0.6em;
   border-radius: 0em 0em 0.6em 0.6em;
   z-index: 10000;
}
div#header {
   height: 92px;
   /*padding: 5px;*/
}
div#logo {
   float: left;
   width: 207px;
   height: 62px;
   /*background: transparent url("/img/logo.png") top right no-repeat;*/
}
div#titlepage {
   float: left;
   margin-left: 20px;
   height: 62px;
   min-width: 75%;
}
div#accesso {
   float: right;
   height: 62px;
   margin-right: 10px;
   text-align: right;
   white-space : nowrap;
}
div#footer {
   padding: 2em 1em 1em 1em;
   text-align: center;
}
div#loginright {
   float: right;
   width: 25em;
   margin-right: 8em;
   background-color: #dddddd;
   -moz-border-radius: 0.6em;
   -webkit-border-radius: 0.6em;
   border-radius: 0.6em;
   -moz-box-shadow: #aaa 3px 3px 5px;
   -webkit-box-shadow: #aaa 3px 3px 5px;
   box-shadow: #aaa 3px 3px 5px;
   /*background: #dddddd url("/img/bglogin.png") left top no-repeat;*/
}
div#loginleft {
   float: left;
   width: 10em;
   min-height: 470px;
}
div.bloccopopup {
   background-color: red;
   color: #fff;
   width: 84%;
   margin: 0em 0em 0.8em 8%;
   font-weight: bold;
   -moz-border-radius: 0.7em;
   -webkit-border-radius: 0.7em;
   border-radius: 0.7em;
   -moz-box-shadow: #888 2px 2px 4px;
   -webkit-box-shadow: #888 2px 2px 4px;
   box-shadow: #888 2px 2px 4px;
}
div#sxcolumn {
   float: left;
   width: 48%;
   margin: 0em 0em 0em 1%;
   background-color: #EEEEEE;
   min-height: 30em;
   -moz-border-radius: 0.7em;
   -webkit-border-radius: 0.7em;
   border-radius: 0.7em;
   -moz-box-shadow: #888 2px 2px 4px;
   -webkit-box-shadow: #888 2px 2px 4px;
   box-shadow: #888 2px 2px 4px;
   z-index: 10;
}
div#dxcolumn {
   float: left;
   position: relative;
   width: 48%;
   margin: 0em 0em 0em 2%;
   background-color: #EEEEEE;
   min-height: 30em;
   -moz-border-radius: 0.7em;
   -webkit-border-radius: 0.7em;
   border-radius: 0.7em;
   -moz-box-shadow: #888 2px 2px 4px;
   -webkit-box-shadow: #888 2px 2px 4px;
   box-shadow: #888 2px 2px 4px;
   z-index: 10;
}
div#bottoniera {
   position: absolute;
   bottom: 1.6em;
   right: 1.6em;
   width: 100%;
   text-align: right;
}
div#singlecolumn {
   /*min-width: 1120px;*/
   float: left;
   width: 92%;
   margin: 0em 0em 0em 4%;
   background-color: #f2f2f2;
   min-height: 30em;
   -moz-border-radius: 0.7em;
   -webkit-border-radius: 0.7em;
   border-radius: 0.7em;
   position: relative;
   -moz-box-shadow: #888 2px 2px 4px;
   -webkit-box-shadow: #888 2px 2px 4px;
   box-shadow: #888 2px 2px 4px;
   z-index: 10;
}
div#sxmenucolumn {
   float: left;
   width: 83%;
   margin: 0em 0em 0em 0em;
   background-color: #f2f2f2;
   min-height: 37em;
   -moz-border-radius: 0.7em;
   -webkit-border-radius: 0.7em;
   border-radius: 0.7em;
   position: relative;
   -moz-box-shadow: #888 2px 2px 4px;
   -webkit-box-shadow: #888 2px 2px 4px;
   box-shadow: #888 2px 2px 4px;
   z-index: 10;
}
div#sxmenucolumn-sx {
   float: left;
   width: 29%;
   margin: 0em 1% 0em 4%;
   background-color: #f2f2f2;
   min-height: 35em;
   -moz-border-radius: 0.7em;
   -webkit-border-radius: 0.7em;
   border-radius: 0.7em;
   position: relative;
   -moz-box-shadow: #888 2px 2px 4px;
   -webkit-box-shadow: #888 2px 2px 4px;
   box-shadow: #888 2px 2px 4px;

}
div#sxmenucolumn-dx {
   float: left;
   width: 47%;
   margin: 0em;
   background-color: #f2f2f2;
   min-height: 35em;
   -moz-border-radius: 0.7em;
   -webkit-border-radius: 0.7em;
   border-radius: 0.7em;
   position: relative;
   -moz-box-shadow: #888 2px 2px 4px;
   -webkit-box-shadow: #888 2px 2px 4px;
   box-shadow: #888 2px 2px 4px;
   z-index: 10;
}
div#sxmenucolumn h2, div#sxmenucolumn-sx, div#sxmenucolumn-dx {
   padding: 0em;
   margin-bottom: 0.3em;
}
div#sxmenucolumnloading, div#attivitaloading {
   color: #555555;
   text-align: center;
   line-height: 5em;
   font-size: 1.3em;
   font-weight: bold;
   position: absolute;
   background-color: #f2f2f2;
   opacity: 0.8;
   width: 100%;
   height: 100%;
   z-index: 99999;
   -moz-border-radius: 0.7em;
   -webkit-border-radius: 0.7em;
   border-radius: 0.7em;
}
div#dxmenucolumn {
   float: left;
   width: 15%;
   margin: 0em;
   background-color: transparent;
   min-height: 30em;

}
div#sxmenucolumn-sx input[type="text"] {
    width:100%;
    min-height:30px;
    font-size: 1.5em;
}
div#sxmenucolumn-sx button {
   width: 100%;
   height: 30px;
}
div.bar-contenitore {
   width: 100%;
   height: 1.1em;
   background-color: #87888a;
   position: relative;
   margin: 0.3em 0em;
}
div.bar-completo {
   top: 0em;
   left: 0em;
   height: 1.1em;
   background-color: #9bbb59;
   position: absolute;
}
div.bar-empty {
   top: 0em;
   right: 0em;
   height: 1.1em;
   background-color: #d99694;
   position: absolute;
}
div.bar-overlay {
   top: 0em;
   left: 0em;
   width: 100%;
   height: 1em;
   position: absolute;
   text-align: center;
   font-size: 0.88em;
}
div.fuochi-contenitore {
   white-space : nowrap;
}
div#titlepage h1 {
   padding: 0em;
   margin: 0em;
   text-shadow: #d9d9d9 0.1em 0.1em 0.1em;
   max-width: 75%;
}
div#titlepage h2 {
   padding: 0em;
   margin: 0em;
}
div#titlepage h2 a, div#titlepage h2 a:link, div#titlepage h2 a:visited {
   color: #000;
}
div#titlepage span.titolobig {
   font-size: 1.2em;
}
div#loginright table {
   width: 100%;
}
div#loginright td {
   text-align: right;
}
div#loginright td + td {
   text-align: left;
}
div#loginright div {
   /*background: transparent url("/img/bglogin.png") left bottom no-repeat;*/
}
div#loginright input[type="text"], div#loginright input[type="password"] {
   width: 100%;
}
div#dxcolumn li {
   margin-bottom: 1em;
}
div#bottoniera button {
   padding: 0em 4em 0em 4em;
}
div#quickbox {
   width: 25em;
   float: right;
   background-color: #d9d9d9;
   -moz-border-radius: 0.4em;
   -webkit-border-radius: 0.4em;
   border-radius: 0.4em;
}
hr {
   color: #dddddd;
   background-color: #dddddd;
   height: 3px;
   border:none;
   clear: both;
}
hr.grandtotal {
   color: #000;
   background-color: #000;
   height: 3px;
   border:none;
   clear: both;
}
div.padding {
   padding: 0.4em 0.8em 0.8em 0.8em;
}
div.doublepadding {
   padding: 0.8em 1.6em 1.6em 1.6em;
}
div.clearboth {
   clear: both;
   font-size: 0pt;
   height: 1px;
}
table.nopadding {
   border-collapse:collapse;
}
table.nopadding td {
   padding: 0em;
}
table.elencoattivita, table.elencoattivitaheader, table.elencoattivitainterna, table.hide, table.frame {
   width: 100%;
   border-collapse:collapse;
}
table.elencoattivita td.main {
   height: 6em;
}
table.elencoattivita td.half {
   height: 2.5em;
}
table.elencoattivita th, table.elencoattivitaheader th, table.elencoattivita td, table.hide td {
   padding: 0.3em 0.4em 0.3em 0.5em;
}
table.elencoattivitainterna td {
   padding: 0.5em 0.4em 0em 0.5em;
}
table.frame td {
   padding: 0em;
   text-align: right;
}
div.rowelement {
   /*min-width: 1080px;*/
   margin-bottom: 1.5em;
   -moz-border-radius: 0.5em;
   -webkit-border-radius: 0.5em;
   border-radius: 0.5em;
}
div.rowelementsmall {
   /*min-width: 1080px;*/
   margin-bottom: 0.35em;
   -moz-border-radius: 0.35em;
   -webkit-border-radius: 0.35em;
   border-radius: 0.35em;
   background-color: #d9d9d9;
   cursor: default;
}
div.rowelementsmall:hover {
   background-color: #fff;
}
div#grantotale {
   border-top: 0.2em solid #000;
   font-size: 1.2em;
}
div.rowelementsmall div.descrizione, div#grantotale div.descrizione  {
   overflow: hidden;
   white-space: nowrap;
   width: 59%;
   padding: 0.3em 1% 0.3em 1%;
   margin-right: 1%;
   display: inline-block;
}
div.rowelementsmall div.data, div#grantotale div.data {
   overflow: hidden;
   white-space: nowrap;
   width: 8%;
   padding: 0.3em 2% 0.3em 0em;
   display: inline-block;
   text-align: center;
}
div.rowelementsmall div.tempi, div#grantotale div.tempi {
   overflow: hidden;
   white-space: nowrap;
   width: 7%;
   padding: 0.3em 0em 0.3em 0em;
   display: inline-block;
   text-align: center;
}
div.rowelementsmall div.spese, div#grantotale div.spese {
   overflow: hidden;
   white-space: nowrap;
   width: 9%;
   padding: 0.3em 0em 0.3em 0em;
   display: inline-block;
   text-align: center;
}
div.rowelementsmall div.spesearticolo15, div#grantotale div.spesearticolo15 {
   overflow: hidden;
   white-space: nowrap;
   width: 9%;
   padding: 0.3em 0em 0.3em 0em;
   display: inline-block;
   text-align: center;
}
div.rowelementsmall div.selezione, div#grantotale div.selezione {
   overflow: hidden;
   white-space: nowrap;
   width: 7%;
   padding: 0.3em 0em 0.3em 0em;
   display: inline-block;
   text-align: right;
}
div.rowelement em, div#accesso em {
   font-style: normal;
}
div.documentiwhite {
   background-color: #fff;
   -moz-border-radius: 0.5em;
   -webkit-border-radius: 0.5em;
   border-radius: 0.5em;
}
div.standard { background-color: #d9d9d9; }
div.terminata {
   background: #d9d9d9 url("/img/bgterminate.png") top left repeat;
   opacity: 0.7;
}
div.standardappunto {
   background-color: #f2f2f2;
}
div.ticketappunto {
   background-color: #ffff97;
}
div#mainphoto {
   width: 60%;
   float: left;
   text-align: center;
   position: relative;
   min-height: 15em;
}
div#historyphotos {
   border-left: 2px solid #d9d9d9;
   width: 38%;
   float: right;
}
div.singlephoto {
   text-align: center;
   padding-bottom: 1em;
   position: relative;
   margin: auto;
}
div.singlephoto img {
   border: 0.4em solid #dddddd;
   -moz-border-radius: 0.3em;
   -webkit-border-radius: 0.3em;
   border-radius: 0.3em;
}
div.singlephoto input {
   text-align: center;
}
span.nophoto {
   padding: 1em;
   color:#d9d9d9;
   display: inline-block;
}
div.saveimage {
   position: absolute;
   top: 0.8em;
   right: 0.8em;
   text-align: center;
   -moz-border-radius: 0.4em;
   -webkit-border-radius: 0.4em;
   border-radius: 0.4em;
   background-color: #fff;
   padding: 0.3em 0.4em 0.2em 0.2em;
}
div.dateimage {
   position: absolute;
   bottom: 0.8em;
   right: 0.8em;
   text-align: center;
   background-color: #fff;
   padding: 0.2em 0.5em 0.25em 0.5em;
   opacity: 0.6;
   -moz-border-radius: 0.4em;
   -webkit-border-radius: 0.4em;
   border-radius: 0.4em;
}
#photooutput
{
   min-height: 4em;
   padding: 1em;

   text-align: center;
   position: relative;
   background-color: #fff;
   -moz-border-radius: 0.7em;
   -webkit-border-radius: 0.7em;
   border-radius: 0.7em;
}
#photooutput:before {
   content: "Trascinare qui una foto";
   color: #d9d9d9;
   font-size: 1.5em;
   font-weight: bold;
   opacity: 1;
   /*text-shadow: 1px 1px #d9d9d9;*/
   position: absolute;
   width: 100%;
   left: 0;
   top: 50%;
   margin: -0.75em 0em 0em 0em;
   z-index: 1;
}

div.nuova { background-color: #b9cde5; }
div.nuovoappunto { background-color: #b9cde5; }
div.inscadenza { background-color: #fac090; }
div.controllo { background-color: #f9f9a5; }
a, a:link, a:visited {
   color: #4f81bd;
   cursor: pointer;
   text-decoration: underline;
}
a:hover {
   color: #cf002e;
}
h1 a, h1 a:link, h1 a:visited {
   color: #000;
}
h1 a:hover {
   color: #cf002e;
}
a img{
   border-width : 0em;
   border-width:0;
   border-style:none;
   border-color:#fff;
   color:#fff;
}
h1 {
   font-size: 1.6em;
}
h2 {
   font-size: 1.3em;
   margin-top: 0em;
   padding-top: 0em;
}
h3 {
   font-size: 1.1em;
   margin-top: 0em;
   padding-top: 0em;
}
button {
   white-space : nowrap;
   text-align: center;
   min-height: 2em;
}
input[type="text"], input[type="password"], textarea, select {
   border: 1px solid #cccccc;
   background-color: #fff;
   color: #000;
   -moz-box-shadow: inset 3px 3px 3px #dddddd;
   -webkit-box-shadow: inset 3px 3px 3px #dddddd;
   box-shadow: inset 3px 3px 3px #dddddd;
}
input[type="text"].fieldattached {
   -moz-box-shadow: inset 0px 3px 3px #dddddd;
   -webkit-box-shadow: inset 0px 3px 3px #dddddd;
   box-shadow: inset 0px 3px 3px #dddddd;
}
input[readonly], input[disabled] {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}
.pulsante-link {
   display:inline-block;
   width:22px;
   height:22px;
   vertical-align:-6px;
   margin-right:0.4em
}

.pocovisibile { opacity: 0.3; }
.nowrap {white-space : nowrap;}
.bgsprite { background: url("/img/sprite.png") no-repeat top left; }
.bgsprite-doc { background: url("/img/sprite-doc.png") no-repeat top left; }
.bgsprite-beyond { background: url("/img/sprite-beyond.png") no-repeat top left; }
.bgsprite-garibaldi { background: url("/img/sprite-garibaldi.png") no-repeat top left; }
.bgsprite-doc-small { background: url("/img/sprite-doc-small.png") no-repeat top left; margin-right: 0.2em }

.sprite-alert { background-position: 0 0; }
.sprite-alertbig { background-position: 0 -74px; }
.sprite-archive-insert { background-position: 0 -185px; }
.sprite-arrow-right-double { background-position: 0 -257px; }
.sprite-checked { background-position: 0 -329px; }
.sprite-chronometer { background-position: 0 -395px; }
.sprite-disegno { background-position: 0 -461px; }
.sprite-documento { background-position: 0 -559px; }
.sprite-domanda { background-position: 0 -657px; }
.sprite-draw-triangle { background-position: 0 -749px; }
.sprite-dwg { background-position: 0 -807px; }
.sprite-edit-delete-shred { background-position: 0 -904px; }
.sprite-edit-delete-small { background-position: 0 -976px; }
.sprite-edit-delete { background-position: 0 -1042px; }
.sprite-edit-redo { background-position: 0 -1114px; }
.sprite-edit-rename { background-position: 0 -1186px; }
.sprite-excel { background-position: 0 -1258px; }
.sprite-inlavorazione { background-position: 0 -1365px; }
.sprite-inoltrato { background-position: 0 -1437px; }
.sprite-inviamail { background-position: 0 -1509px; }
.sprite-list-add { background-position: 0 -1607px; }
.sprite-nuovostudio { background-position: 0 -1673px; }
.sprite-pdf { background-position: 0 -1784px; }
.sprite-perso { background-position: 0 -1882px; }
.sprite-presentazione { background-position: -111px 0; }
.sprite-ritaglio { background-position: -111px -111px; }
.sprite-rosso { background-position: -111px -209px; }
.sprite-sospeso { background-position: -111px -281px; }
.sprite-stellabianca { background-position: -111px -353px; }
.sprite-stellagialla { background-position: -111px -419px; }
.sprite-studiinseriti { background-position: -111px -485px; }
.sprite-studio { background-position: -111px -596px; }
.sprite-tech { background-position: -111px -707px; }
.sprite-utente { background-position: -111px -818px; }
.sprite-utentesmall { background-position: -111px -898px; }
.sprite-verde { background-position: -111px -964px; }
.sprite-zoomin { background-position: -111px -1036px; }
.sprite-zoomout { background-position: -111px -1134px; }

.sprite-beyond-add { background-position: 0 0; width: 22px; height: 22px; }
.sprite-beyond-addcliente { background-position: 0 -72px; width: 48px; height: 48px; }
.sprite-beyond-appunti { background-position: 0 -170px; width: 22px; height: 22px; }
.sprite-beyond-appuntismall { background-position: 0 -242px; width: 32px; height: 32px; }
.sprite-beyond-articolo15 { background-position: 0 -324px; width: 14px; height: 16px; }
.sprite-beyond-articolo15trasparente { background-position: 0 -390px; width: 14px; height: 16px; }
.sprite-beyond-attachment { background-position: 0 -456px; width: 22px; height: 22px; }
.sprite-beyond-attachmentsmall { background-position: 0 -528px; width: 32px; height: 32px; }
.sprite-beyond-attivita { background-position: 0 -610px; width: 48px; height: 48px; }
.sprite-beyond-attivitacomplete { background-position: 0 -708px; width: 48px; height: 48px; }
.sprite-beyond-attivitacontinuative { background-position: 0 -806px; width: 48px; height: 48px; }
.sprite-beyond-attivitacontinuativesmall { background-position: 0 -904px; width: 32px; height: 32px; }
.sprite-beyond-attivitasmall { background-position: 0 -986px; width: 32px; height: 32px; }
.sprite-beyond-caratteririmanenti { background-position: 0 -1068px; width: 16px; height: 16px; }
.sprite-beyond-cellulare { background-position: 0 -1134px; width: 22px; height: 22px; }
.sprite-beyond-chiuditendina { background-position: 0 -1206px; width: 22px; height: 22px; }
.sprite-beyond-cliente { background-position: 0 -1278px; width: 21px; height: 21px; }
.sprite-beyond-clientesmall { background-position: 0 -1349px; width: 16px; height: 16px; }
.sprite-beyond-clienti { background-position: 0 -1415px; width: 48px; height: 48px; }
.sprite-beyond-creditiresidui { background-position: 0 -1513px; width: 16px; height: 16px; }
.sprite-beyond-creditiusati { background-position: 0 -1579px; width: 16px; height: 16px; }
.sprite-beyond-delete { background-position: 0 -1645px; width: 22px; height: 22px; }
.sprite-beyond-deletesmall { background-position: 0 -1717px; width: 16px; height: 16px; }
.sprite-beyond-dettaglicliente { background-position: 0 -1783px; width: 48px; height: 48px; }
.sprite-beyond-dettagliclientesmall { background-position: 0 -1881px; width: 32px; height: 32px; }
.sprite-beyond-documenti { background-position: -98px 0; width: 22px; height: 22px; }
.sprite-beyond-edit { background-position: -98px -72px; width: 22px; height: 22px; }
.sprite-beyond-elimina { background-position: -98px -144px; width: 22px; height: 22px; }
.sprite-beyond-euro { background-position: -98px -216px; width: 22px; height: 22px; }
.sprite-beyond-fatturazionesmall { background-position: -98px -288px; width: 32px; height: 32px; }
.sprite-beyond-fuocobianco { background-position: -98px -370px; width: 22px; height: 22px; }
.sprite-beyond-fuocorosso { background-position: -98px -442px; width: 22px; height: 22px; }
.sprite-beyond-immobilismall { background-position: -98px -514px; width: 32px; height: 32px; }
.sprite-beyond-inviaa { background-position: -98px -596px; width: 22px; height: 22px; }
.sprite-beyond-key { background-position: -98px -668px; width: 22px; height: 22px; }
.sprite-beyond-log { background-position: -98px -740px; width: 21px; height: 21px; }
.sprite-beyond-mail { background-position: -98px -811px; width: 22px; height: 22px; }
.sprite-beyond-marcafatturate { background-position: -98px -883px; width: 21px; height: 21px; }
.sprite-beyond-mieattivita { background-position: -98px -954px; width: 48px; height: 48px; }
.sprite-beyond-mieattivitasmall { background-position: -98px -1052px; width: 32px; height: 32px; }
.sprite-beyond-mieiclienti { background-position: -98px -1134px; width: 48px; height: 48px; }
.sprite-beyond-more { background-position: -98px -1232px; width: 22px; height: 22px; }
.sprite-beyond-notificaoff { background-position: -98px -1304px; width: 16px; height: 16px; }
.sprite-beyond-notificaon { background-position: -98px -1370px; width: 16px; height: 16px; }
.sprite-beyond-notifichesmall { background-position: -98px -1436px; width: 21px; height: 21px; }
.sprite-beyond-nuovaattivita { background-position: -98px -1507px; width: 22px; height: 22px; }
.sprite-beyond-ok { background-position: -98px -1579px; width: 22px; height: 22px; }
.sprite-beyond-printer { background-position: -98px -1651px; width: 22px; height: 22px; }
.sprite-beyond-qui { background-position: -98px -1723px; width: 16px; height: 16px; }
.sprite-beyond-report { background-position: -98px -1789px; width: 21px; height: 21px; }
.sprite-beyond-responsabilismall { background-position: -98px -1860px; width: 21px; height: 21px; }
.sprite-beyond-rubrica { background-position: -98px -1931px; width: 48px; height: 48px; }
.sprite-beyond-rubricasmall { background-position: -196px 0; width: 21px; height: 21px; }
.sprite-beyond-save { background-position: -196px -71px; width: 22px; height: 22px; }
.sprite-beyond-statistiche { background-position: -196px -143px; width: 48px; height: 48px; }
.sprite-beyond-statistichesmall { background-position: -196px -241px; width: 22px; height: 22px; }
.sprite-beyond-tempo { background-position: -196px -313px; width: 22px; height: 22px; }
.sprite-beyond-termina { background-position: -196px -385px; width: 22px; height: 22px; }

.sprite-doc-avi { background-position: 0 0; }
.sprite-doc-cam { background-position: 0 -128px; }
.sprite-doc-documento { background-position: 0 -256px; }
.sprite-doc-dwg { background-position: 0 -384px; }
.sprite-doc-email { background-position: 0 -512px; }
.sprite-doc-excel { background-position: 0 -640px; }
.sprite-doc-foglio { background-position: 0 -768px; }
.sprite-doc-generico { background-position: 0 -896px; }
.sprite-doc-html { background-position: 0 -1024px; }
.sprite-doc-img { background-position: 0 -1152px; }
.sprite-doc-pdf { background-position: 0 -1280px; }
.sprite-doc-powerpoint { background-position: 0 -1408px; }
.sprite-doc-presentazione { background-position: 0 -1536px; }
.sprite-doc-word { background-position: 0 -1664px; }
.sprite-doc-zip { background-position: 0 -1792px; }

.sprite-doc-small-avi { background-position: 0 0; }
.sprite-doc-small-cam { background-position: 0 -44px; }
.sprite-doc-small-documento { background-position: 0 -88px; }
.sprite-doc-small-dwg { background-position: 0 -132px; }
.sprite-doc-small-email { background-position: 0 -176px; }
.sprite-doc-small-excel { background-position: 0 -220px; }
.sprite-doc-small-foglio { background-position: 0 -264px; }
.sprite-doc-small-generico { background-position: 0 -308px; }
.sprite-doc-small-html { background-position: 0 -352px; }
.sprite-doc-small-img { background-position: 0 -396px; }
.sprite-doc-small-pdf { background-position: 0 -440px; }
.sprite-doc-small-powerpoint { background-position: 0 -484px; }
.sprite-doc-small-presentazione { background-position: 0 -528px; }
.sprite-doc-small-word { background-position: 0 -572px; }
.sprite-doc-small-zip { background-position: 0 -616px; }


.left { text-align: left }
.center { text-align: center }
.right { text-align: right }
.top { vertical-align: top }
.middle { vertical-align: middle }
.bottom { vertical-align: bottom }

.bigger { font-size: 1.2em }
.smaller { font-size: 0.8em }
.skiplinks { display: none }
.priorita, .strongapp {
   font-weight: bold;
}
.biggercode {
   font-size: 1.3em;
   display:inline-block;
   padding-bottom:0.25em;
}
/*.descrizione p { display: inline }*/

div#dxmenucolumn ul {
   list-style-type: none;
   padding: 0em;
}
div#dxmenucolumn ul li {
   margin: 0em 0em 1em 0em;
   padding: 0em;
   position: relative;
}
div#dxmenucolumn ul li a {
   display: block;
   width: 100%;
   padding: 0.1em 0.5em 0.3em 0.5em;
   background-color: #d9d9d9;
   text-align: right;
   -moz-border-radius: 0em 0.5em 0.5em 0em;
   -webkit-border-radius: 0em 0.5em 0.5em 0em;
   border-radius: 0em 0.5em 0.5em 0em;
   position: absolute;
   white-space : nowrap;
}
div#dxmenucolumn ul li a#voce1 {
   top: 0em;
}
div#dxmenucolumn ul li a#voce2 {
   top: 4em;
}
div#dxmenucolumn ul li a#voce3 {
   top: 8em;
}
div#dxmenucolumn ul li a#voce4 {
   top: 12em;
}
div#dxmenucolumn ul li a#voce5 {
   top: 16em;
}
div#dxmenucolumn ul li a#voce6 {
   top: 20em;
}
div#dxmenucolumn ul li a#voce7 {
   top: 24em;
}
div#dxmenucolumn ul li a#voce8 {
   top: 28em;
}
div#dxmenucolumn ul li a#voce9 {
   top: 32em;
}
div#dxmenucolumn ul li a#voce10 {
   top: 36em;
}
div#dxmenucolumn ul li a, div#dxmenucolumn ul li a:visited, div#dxmenucolumn ul li a:link {
   color: #000;
   text-decoration: none;
   background-color: #d9d9d9;
}
div#dxmenucolumn ul li a:hover {
   color: #cf002e;
   text-decoration: underline;
   background-color: #DFE1E3;
}
div#dxmenucolumn ul li a.selected, div#dxmenucolumn ul li a.selected:hover {
   color: #000;
   background-color: #f2f2f2;
   font-weight: bold;
   text-decoration: none;
   -moz-box-shadow: #888 2px 2px 4px;
   -webkit-box-shadow: #888 2px 2px 4px;
   box-shadow: #888 2px 2px 4px;
   z-index: 11;
}
div.menutag {
   position: absolute;
   left: 0.4em;
   top: 1.4em;
   background-color: #F5F5F5;
   border: 1px solid #87888a;
   padding: 0.3em 0.3em 0.5em 0.3em;
   z-index: 101;
   min-width: 15em;
}
ul.menu-link {
   list-style-type: none;
   padding: 0em;
   margin: 0em;
   position: relative;
   z-index: 1000;
}
ul.menu-link li {
   position: relative;
   display: inline;
   text-align: left;
   padding: 0em;
   margin: 0em;
}
ul.menu-link a {

}
ul.menu-controllo {
   list-style-type: none;
   padding: 0em;
   margin: 0.2em 0.6em;
   float: right;
   z-index: 1000;
}
ul.menu-controllo li {
   position: relative;
   display: inline;
   float: left;
   text-align: center;
   padding: 0em;
}
ul.menu-controllo li ul li {
   width: 12.6em;
}
ul.menu-controllo a, ul.menu-link ul li a {
   display: block;
   padding: 0.2em 0.8em 0.35em 0.8em;
   text-align: left;
   text-decoration: none;
}
ul.menu-controllo a {
   width: 11em;
}
ul.menu-link ul li a {
   width: 20em;
}
ul.menu-link ul li a:hover, ul.menu-controllo a:hover, ul.menu-controllo li ul li:hover {
   background-color: #ffffff;
}
ul.menu-controllo li ul {
   position: absolute;
   left: 0em;
   top: 2em;
   background-color: #F5F5F5;
   border: 1px solid #87888a;
   padding: 0em;
   z-index: 10000;
}
ul.menu-link li ul {
   position: absolute;
   left: -2em;
   top: 1.2em;
   background-color: #F5F5F5;
   border: 1px solid #87888a;
   padding: 0em;
   z-index: 1000;
}

ul.menu-login {
   list-style-type: none;
   padding: 0em;
}
ul.menu-login a {
   display: block;
   padding: 0em 0.5em;
   width: 5em;
   text-align: left;
   text-decoration: none;
}
ul.menu-login a:hover { background-color: #ffffff; }
ul.menu-login {
   position: absolute;
   left: 0em;
   top: 2px;
   background-color: #F5F5F5;
   border: 1px solid #87888a;
   padding: 0em;
   z-index: 1000;
   -moz-box-shadow: #888 1px 1px 2px;
   -webkit-box-shadow: #888 1px 1px 2px;
   box-shadow: #888 1px 1px 2px;
}

span.tooltip {
   position: absolute;
   background-color: #f9f9a5;
   border: 1px solid #87888a;
   padding: 0.3em 0.5em;
   font-size: 0.8em;
   min-width: 10em;
   z-index: 1000;
}
div.appunto {
   margin-bottom: 1em;
   position: relative;
   /*max-width: 55em;*/
   -moz-border-radius: 0.3em;
   -webkit-border-radius: 0.3em;
   border-radius: 0.3em;
}
div.standardappunto div.testoappunto {
   background-color: #fff;
   -moz-border-radius: 0.15em;
   -webkit-border-radius: 0.15em;
   border-radius: 0.15em;
}
div.ticketappunto div.testoappunto {
   background-color: #fff;
   -moz-border-radius: 0.15em;
   -webkit-border-radius: 0.15em;
   border-radius: 0.15em;
}
div.nuovoappunto div.testoappunto {
   background-color: #cedced;
   -moz-border-radius: 0.3em;
   -webkit-border-radius: 0.3em;
   border-radius: 0.3em;
}
div.testoappunto div {
   padding: 0.2em 0.5em 0.5em 0.5em;
}
div.testoeng {
   padding: 0em 1% 0em 0em;
   width: 47%;
   border-right: 2px solid #d9d9d9;
   float: left;
}
div.testoita {
   padding: 0em 0em 0em 1%;
   width: 47%;
   float: right;
}
div.edittestoeng {
   padding: 0em 1% 0em 0em;
   width: 49%;
   border-right: 2px solid #d9d9d9;
   float: left;
}
div.edittestoita {
   width: 49%;
   float: right;
}
h2.titoloappunti {
   font-size: 1.1em;
   padding: 0em;
   margin: 0em;
}
span.titoloappunti_ita, span.empty {
   color: #8a8a8a;
}
h2.titoloappunti + p {
   font-size: 0.8em;
   font-family: MS trebuchet, trebuchet,tahoma, arial, helvetica, sans serif;
   padding: 0.1em 0em 1em 0em;
   margin: 0em;
}
p.ultimamodifica {
   text-align: right;
   color: #888888;
   font-style: italic;
   font-size: 0.8em;
   padding: 1em 0em 0em 0em;
   margin: 0em;
}
div.buttonsright {
   position: absolute;
   white-space : nowrap;
   top: 0.25em;
   right: 70px;
   padding: 0.5em 0.5em 0.5em 0.5em;
   -moz-border-radius: 0.4em;
   -webkit-border-radius: 0.4em;
   border-radius: 0.4em;
   background-color: rgba(204, 204, 204, 0.6);

}
div.buttonsrightnoimage {
   position: absolute;
   white-space : nowrap;
   top: 0.25em;
   right: 0.25em;
   padding: 0.5em 0.5em 0.5em 0.5em;
   -moz-border-radius: 0.4em;
   -webkit-border-radius: 0.4em;
   border-radius: 0.4em;
   background-color:  rgba(204, 204, 204, 0.6);
}
div.imgnewsright {
   position: absolute;
   white-space : nowrap;
   top: 0em;
   right: 0em;
   padding: 0.5em;
}
span.bgposizione {
   display:inline-block;
   margin-top:0.2em;
   padding: 0.1em 0.4em;
   -moz-border-radius: 0.4em;
   -webkit-border-radius: 0.4em;
   border-radius: 0.4em;
   -moz-box-shadow: #aaa 1px 1px 2px;
   -webkit-box-shadow: #aaa 1px 1px 2px;
   box-shadow: #aaa 1px 1px 2px;
}
.sales { background-color: #aeffae }
.supervisor { background-color: #ffff93 }
.tech { background-color: #b7b7ff }
.estimation { background-color: #ffd379 }
.offer { background-color: #ffceff }
table.nuovaattivita td {
   vertical-align: middle;
}
span.tipocontattopreferitobox {
   padding: 0.2em 0.3em 0em 0.1em;
}
table.nuovaattivita input[type="text"] {
   height: 1.6em;
   width: 100%;
   font-size: 1.2em;
}
table.nuovaattivita select {
   height: 1.6em;
   width: 100%;
   font-size: 1.2em;
}
table.nuovaattivita {
   width: 100%;
   border-collapse:collapse;
}
table.nuovaattivita td {
   margin:0em;
   padding: 0em 0em 1em 0em;
   white-space: nowrap;
}
table.nuovaattivita button {
   width: 100%;
   height: 2em;
   padding: 0em 0.8em 0.2em 0.8em;
   margin: 0em;
}
table.nuovaattivita select {
   height: 2em;
   margin: 0em;
   padding: 0em
}
.error {
   border-color: red;
}
/* Drag drop upload styles */
#output
{
   min-height: 4em;
   padding: 1em;

   text-align: center;
   position: relative;
   background: transparent url("/img/background.png");
   -moz-border-radius: 0.7em;
   -webkit-border-radius: 0.7em;
   border-radius: 0.7em;
}
#output:before {
   content: "Trascinare qui i file per l'upload";
   color: #d9d9d9;
   font-size: 1.5em;
   font-weight: bold;
   opacity: 1;
   /*text-shadow: 1px 1px #d9d9d9;*/
   position: absolute;
   width: 100%;
   left: 0;
   top: 50%;
   margin: -0.75em 0em 0em 0em;
   z-index: 1;
}
div#nobrowser {
   text-align: center;
   color: red;
}
div#nobrowser a, div#nobrowser a:link, div#nobrowser a:visited {
   color: red;
}
div#nobrowser a:hover {
   color: #000;
}
div#elencofile ul {
   padding: 0px;
}

div#elencofile ul li.voce {
   list-style: none;
   position: relative;
   margin: 0em;
   background-color: #f2f2f2;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   padding: 0em;
   width: 100%;
   display: inline-block;
   min-height: 64px;
}
div#elencofile ul li.voce:hover {
   background-color: #E8E8E8;

}
div#elencofile ul li.voce table {
   border-collapse: collapse;
   width: 100%;
}
div#elencofile ul li.voce table td {
   margin: 0em;
   padding: 0em 0em 0.3em 0em;
}
div#elencofile ul li div.quinto {
   top: 4px;
   overflow: hidden;
   height: 56px;
   margin-right: 0.3em;
   background-color: #fff;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}
div#elencofile ul li div.quinto div {
   padding: 0px 3px 0px 3px;
   min-height: 56px;
   font-size: 11px;
   position: relative;
}
div#elencofile ul li div.quinto div textarea {
   font-size: 11px;
   border: 0px none;
   background: none;
   padding: 0em;
   margin: 0em;
}
div#elencofile ul li div.quinto div.hover:hover:before {
   content: "Doppio clic per modificare";
   color: #d9d9d9;
   font-size: 13px;
   font-weight: bold;
   position: absolute;
   width: 100%;
   height: 50px;
   line-height: 50px;
   left: 0px;
   z-index: 1;
   text-align: center;
   white-space : nowrap;
   overflow: hidden;
}
div.listboxelement .quinto {
   top: 4px;
   overflow: hidden;
   height: 56px;
   margin-right: 0.3em;
   background-color: #fff;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}
div.listboxelement .quinto div {
   padding: 0px 3px 0px 3px;
   min-height: 56px;
   font-size: 11px;
   position: relative;
}
div.listboxelement .quinto textarea {
   font-size: 11px;
   border: 0px none;
   background: none;
   padding: 0em;
   margin: 0em;
}
div.listboxelement .quinto div.hover:hover:before {
   content: "Doppio clic per modificare";
   color: #d9d9d9;
   font-size: 13px;
   font-weight: bold;
   position: absolute;
   width: 100%;
   height: 50px;
   line-height: 50px;
   left: 0px;
   z-index: 1;
   text-align: center;
   white-space : nowrap;
   overflow: hidden;
}

ul#allegatioutput li {

/*   opacity: 0.5;*/
}
ul#output-list li.loaded {
   opacity: 1;
}

ul#output-list li.loaded .progressBar, ul#allegatioutput li.loaded .progressBar {
   display: none;
}
ul#output-list li .progressBar {
   position: absolute;
   top: 27px;
   left: 4px;
   background-color: #d9d9d9;
   color: #fff;
   padding: 0px;
   width: 56px;
   height: 10px;
   border: 1px solid #000;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;

}
ul#allegatioutput li .progressBar {
   position: absolute;
   top: 13px;
   left: 0px;
   background-color: #d9d9d9;
   color: #fff;
   padding: 0px;
   width: 36px;
   height: 10px;
   border: 1px solid #000;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;

}
div#elencofile li .progressBar p, ul#allegatioutput li .progressBar p {
   width: 20px;
   height: 8px;
   font-size: 8px;
   padding: 0px 0px 2px 0px;
   margin: 0px;
   text-align: center;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   background-color: #1E528C;
}
div.textcontainer {
   padding: 0.5em;
   background-color: #eaebec;
   -moz-border-radius: 0.3em;
   -webkit-border-radius: 0.3em;
   border-radius: 0.3em;
   margin-bottom: 1em;
}
div.textcontainerheader, div.textcontainerheadernoclick {
   padding: 0.25em 0.3em 0.3em 0.3em;
   background-color: #d9d9d9;
   -moz-border-radius: 0.25em;
   -webkit-border-radius: 0.25em;
   border-radius: 0.25em;
}
div.textcontainerheader {
   cursor: pointer;
}
div#sxmenucolumn div.textcontainerheader h2, div#sxmenucolumn div.textcontainerheadernoclick h2 {
   margin: 0em;
   padding: 0em;
}
div.textcontainerheader:hover {
   background-color: #fff;
}
table.details {
   width: 100%;
}
table.details, table.sortable, table.detailssmall {
   border-collapse: collapse;
   margin-top: 0.3em;
}
table.details td, table.sortable td , table.detailssmall td{
   padding: 0.2em 0.6em 0.4em 0.6em;
}
table.details tr.even, table.sortable tr.odd {
   background-color: #DFE1E3;
}
table.details td.label {
   width: 8em;
}
table.detailssmall td.detailscheckbox {
   font-size:1.2em;
   padding-left: 1em;
   text-align: center;
}
span.detailschecked {
   color: #000;
   font-weight: bold;
}
span.detailsunchecked {
   color: #8A8A8A;
   font-weight: normal;
}
table.sortable th a {
   text-decoration: none;
   cursor: pointer;
}
table.sortable th {
   padding-bottom: 0.5em;
}
table.sortable tr.sortheader:hover {
   background-color: transparent;
}
a.clickable {
   cursor: pointer;
}
div#filtro {
   text-align: right;
   position: relative;
   padding-bottom: 0.3em;
   width: 100%;
}
div#filtro-right {
   font-size: 0.85em;
   text-align: right;
   float: right;
   width: 28%;
}
div#filtro-left {
   text-align: right;
   float: left;
   width: 71%;
   text-align: left;
}
div#filtro table {
   width: 100%;
   border-collapse:collapse;
}
div#filtro table td {
   padding: 0em 0.5em 0.3em 0em;
}
div#filtro ul {
   display: inline;
   margin: 0em;
   padding: 0em;
}
ul.listatags {
   display: inline;
   margin: 0.3em 0em 0em 0em;
   padding: 0em;
}
div#filtro ul li, ul.listatags li {
   list-style: none;
   padding: 0.2em 0em 0.3em 0.3em;
   margin: 0em;
   display: inline-block;
   font-size: 10px;
}
div#filtro ul li a {
   color: #000;
   cursor: pointer;
   padding: 0.1em 0.4em;
   margin: 0em;
   text-decoration: none;
   -moz-border-radius: 0.4em;
   -webkit-border-radius: 0.4em;
   border-radius: 0.4em;
   background-color: #f2f2f2;
   z-index: 1000;
}
ul.listatags li .tag {
   color: #000;
   padding: 0.1em 0.1em 0.1em 0.4em;
   margin: 0em;
   text-decoration: none;
   -moz-border-radius: 0.4em;
   -webkit-border-radius: 0.4em;
   border-radius: 0.4em;
   background-color: #f2f2f2;
   white-space : nowrap;
}
ul.listatags li .tag a, ul.listatags li .tag a:link, ul.listatags li .tag a:visited {
   margin: 0.2em 0em 0.2em 0.3em;
   padding: 0em 0.3em 0em 0.3em;
   color: #fff;
   text-decoration: none;
   -moz-border-radius: 0.3em;
   -webkit-border-radius: 0.3em;
   border-radius: 0.3em;
}
ul.listatags li .tag a.tagadd, ul.listatags li .tag a.tagadd:link, ul.listatags li .tag a.tagadd:visited,
div#filtro ul li a.tagadd, div#filtro ul li a.tagadd:link, div#filtro ul li a.tagadd:visited {
   background-color:#4f81bd;
   color: #fff;
   margin:0em;
   padding:0.1em 0.4em;
   -moz-border-radius: 0.4em;
   -webkit-border-radius: 0.4em;
   border-radius: 0.4em;
}
ul.listatags li .tag a:hover, ul.listatags li .tag a.tagadd:hover {
   background-color: #fff;
   color: red;
}
div#filtro ul li a.tagadd:hover {
   background-color: #d9d9d9;
   color: red;
}
div#filtro ul li a.clicked, div#filtro ul li a.clicked:hover {
   opacity: 1;
}
div#filtro ul li a.clicked {
   -moz-box-shadow: 0 0 8px #3B6291, 0 0 3px #3B6291, 1px 1px 1px #333;
   -webkit-box-shadow: 0 0 8px #3B6291, 0 0 3px #3B6291, 1px 1px 1px #333;
   box-shadow: 0 0 8px #3B6291, 0 0 3px #3B6291, 1px 1px 1px #333;

}
div#filtro ul li a:hover {
   background-color: #d9d9d9;
   color: #000;
}
span.crumb { color: #444 }
select#f-utente {
   min-width: 25%;
}
.field-editable {
   text-align: center;
}
.paginatore {
   cursor: pointer;
}
div.details {
   background-color: #fff;
   margin: 0em 2px 0.8em 2px;
   padding: 0.6em;
   -moz-box-shadow: inset 2px 2px 4px #888;
   -webkit-box-shadow: inset 2px 2px 4px #888;
   box-shadow: inset 2px 2px 4px #888;
   -moz-border-radius: 0.15em;
   -webkit-border-radius: 0.15em;
   border-radius: 0.15em;
   position: relative;
}
div.chiuditendina {
   padding: 0em;
   margin: 0em;
   text-align: right;
}
div.prodotto {
   background-color: #d9d9d9;
   -moz-border-radius: 0.4em;
   -webkit-border-radius: 0.4em;
   border-radius: 0.4em;
   /*display: inline-block;*/
   width: 100%;
   margin-bottom: 0.8em;
}
caption {
   font-size: 0.9em;
   font-weight: bold;
   padding: 0em 0em 0.4em 0em;
   text-align: left;
}

table#chiusura td {
   padding: 0.5em 1em;
}
span.bgchiusura {
   padding: 0.1em 1em 0.3em 0.4em;
   -moz-border-radius: 0.4em;
   -webkit-border-radius: 0.4em;
   border-radius: 0.4em;
   -moz-box-shadow: #aaa 1px 1px 2px;
   -webkit-box-shadow: #aaa 1px 1px 2px;
   box-shadow: #aaa 1px 1px 2px;
}
.sospeso {
   background-color: yellow;
}
.inoltrato {
   background-color: green;
   color: #fff;
}
.perso {
   background-color: red;
   color: #fff;
}
.daleggere {
   font-weight: bold;
}

div#listelements {
   padding: 1em 1em 0em 0em;
}
div#listelements ul {
  float: left;
  width: 48%;
  list-style: none;
  margin: 0em;
  padding: 0em 0em 0em 1em;
}
div#listelements li {
  margin: 0em;
  padding: 0em;
  min-height: 1.75em;
}
div#listquantity {
   padding: 0em 0em 1em 0em;
}
table.colortagtable div {
   padding: 0em 0.35em  0.2em 0.35em;
   -moz-border-radius: 0.25em;
   -webkit-border-radius: 0.25em;
   border-radius: 0.25em;
   cursor: pointer;
}
table.colortagtable {
   margin: 0.5em auto auto auto;
}
table.colortagtable td {
   padding: 0em;
}
span#colorescelto {
   display: inline-block;
   padding: 0em 0.35em  0.2em 0.35em;
   -moz-border-radius: 0.25em;
   -webkit-border-radius: 0.25em;
   border-radius: 0.25em;
}
ul#cronologiatempi {
   list-style: none;
   padding: 0em;
   margin: 0em;
}
select.selected, input.selected {
   background-color: #ffff7b;
}
select#nazione.selected {
   background-color: #fff;
}
select.selected option, select.selected optgroup {
   background-color: #fff;
}
ul#utentefrom {
   min-height: 12em;
}
table.tablegallery td {
   vertical-align: top;
}
div#allegati {
   position: relative;
}
div#allegatidelete, div#imagedelete, div.imagedelete {
   position: absolute;
   width: 22px;
   height: 22px;
   right: 4px;
   top: 4px;
}
span.datadelete {
   position: absolute;
   width: 16px;
   height: 16px;
   right: 2px;
   top: 3px;
}
ul.gallery, ul.allegati {
   float: left;
   width: 100%;
   min-height: 6em;
   list-style: none;
   padding: 0em;
   margin: 0em;
   border: 1px solid #cccccc;
   background: #fff url("/img/dropshadow.png") top left no-repeat;
}
div.imageattach {
   float: left;
   width: 100%;
   min-height: 5em;
   list-style: none;
   padding: 0em;
   margin: 0em;
   border: 1px solid #cccccc;
   background: #F2F2F2;
   position: relative;
   text-align: center;
   color: #d9d9d9;
   font-weight: bold;
}
div.imageprogressbar {
   position: absolute;
   width: 100%;
   top: 40%;
   left: 30%;
   border: 1px solid #cccccc;
   background-color: #F2F2F2;
   height: 15px;
   width: 40%;
   text-align: left;
}
div.imageprogressbar span {
   display: inline-block;
   height: 15px;
   background-color: #296ae0;
   color: #fff;
   font-size: 9pt;
   font-weight: normal;
   width: 0%;
   text-align: center;
}
ul.gallery li, ul.allegati li, ul.imageattach li {
   float: left;
   padding: 0.4em;
   margin: 0em 0.2em 0em 0em;
   text-align: center;
}
ul.gallery li {
   cursor: move;
}
ul.gallery li span, ul.allegati li span, ul.imageattach span {
   display: inline-block;
   font-size: 0.8em;
   padding: 0.3em;
}
ul.allegati li span.icon, ul.imageattach li span.icon {
   display: inline-block;
   position: relative;
   width:64px;
   height:32px;
}
ul.utenteto.utenteattivo, ul#utentefrom.utenteattivo {
   background-color: #ffff7b;
}
ul.utenteto.utenteattivohover, ul#utentefrom.utenteattivohover {
   border: 1px solid red;
}
table.addcliente input[type="text"] {
   width: 100%;
}
table.addcliente td {
   padding: 0.3em 0em 0.3em 0em;
}
table.parametri td {
   padding: 0em;
}
table.parametri {
   border-collapse:collapse;
}
ul.orizontallist {
   margin: 0em;
   padding: 0em;
   list-style: none;
   width: 100%;
}
ul.orizontallist li {
   display: inline-block;
   margin-left: 1em;
}
span.preferiti {
   font-size: 1.25em;
}
td.preferititd:hover {
   background-color: cyan;
}
tr.rigacontattipari td {
   background-color: #f2f2f2;
}

.pointer {
   cursor: pointer;
}
.gray {
   color: #cccccc;
}
select.stylefilterselect {
   margin-bottom: 0.25em;
}
select.stylefilterselect option {
   color: #000;
}
select.stylefilterselect option.optionindex {
   color: #cccccc;
}
div.barrastrumentisms {
   color: #222222;
   font-size: 0.85em;
   border: 1px solid #cccccc;
   background-color: #efefef;
   height: 20px;
   padding: 4px 0em 0em 1em;
   border-bottom: 0px none;
}
table.dettagliutente td {
   vertical-align: top;
}
.noem em {
   font-style: normal;
}
div#popupcontainer {

}
div#popupfooter {
  background-color:#dddddd;
  margin-top: 10px;
  text-align: right;
  padding: 0em;
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
div#popupfooter table {
   width: 100%;
   min-width: 30em;
}
.bigpayment {
   font-size: 1.5em;
}
div.modebox {
   background-color: #f2f2f2;
   -moz-border-radius: 0.4em;
   -webkit-border-radius: 0.4em;
   border-radius: 0.4em;
}
table.smalltd {
   opacity: 0.7;
}
table.smalltd td label, table.smalltd td input {
   font-size: 0.8em;
}
table.smalltd td input {
   background: #fff;
}
ul.itemtablelist {
   list-style-type: none;
   padding: 0em;
}
ul.itemtablelist li {
   margin-top: 0em;
   margin-bottom: 0.3em;
   -moz-border-radius: 0.3em;
   -webkit-border-radius: 0.3em;
   border-radius: 0.3em;
}
ul.itemtablelist li#grandtotal {
   margin-top: 1em;
   padding: 1em 0em;
   margin-bottom: 0.3em;
   border-top: 0.25em solid black;
   -moz-border-radius: 0em;
   -webkit-border-radius: 0em;
   border-radius: 0em;
}
ul.itemtablelist li.odd, table.itemtablelist tr.odd, table.itemtablelist tr.odd td {
   background-color: #f2f2f2;
}
ul.itemtablelist li.oddhome, table.itemtablelist tr.oddhome, table.itemtablelist tr.oddhome td {
   background-color: #d9d9d9;
}
ul.itemtablelist li.new {
   background-color: #b9cde5;
}
ul.itemtablelist li.itemchildof {
   background-color: #d9d9d9;
   opacity: .5;
}
ul.itemtablelist li.itemchildof td {
   font-style: italic;
}
ul.itemtablelist li.highhover:hover {
   background-color: #fff;
}
table.itemtablelist td {
   padding: 0.3em 0.6em;
}
table.tickettablelist td {
   padding: 0em 0.6em;
}
table.tickettablelist {
   margin: 0.2em 0.3em;
}
li#morepayments {
   background-color: inherit;
   padding: 0.5em 0em;
}
div.addressblock {
   padding: 0.25em 0em 0em 0.8em;
   line-height: 1em;
}
div.hideoverflow {
   overflow:hidden;
   white-space : nowrap;
   position: relative;
   font-size: 0.8em;
}
div.hidestopper {
   width: 2em;
   height: 100%;
   position: absolute;
   top: 0em;
   right: 0em;
   background: -webkit-gradient(
       linear,
       left top,
       right top,
       color-stop(0, rgba(238,238,238,0)),
       color-stop(1, rgba(238,238,238,1))
   );
   background: -moz-linear-gradient(
       left center,
       rgba(238,238,238,0) 0%,
       rgba(238,238,238,1) 95%
   );
}
.oddhome div.hidestopper {
   width: 2em;
   height: 100%;
   position: absolute;
   top: 0em;
   right: 0em;
   background: -webkit-gradient(
       linear,
       left top,
       right top,
       color-stop(0, rgba(217,217,217,0)),
       color-stop(1, rgba(217,217,217,1))
   );
   background: -moz-linear-gradient(
       left center,
       rgba(217,217,217,0) 0%,
       rgba(217,217,217,1) 95%
   );
}
ul.itemtablelist li.highhover:hover div.hidestopper {
   background: -webkit-gradient(
       linear,
       left top,
       right top,
       color-stop(0, rgba(255,255,255,0)),
       color-stop(1, rgba(255,255,255,1))
   );
   background: -moz-linear-gradient(
       left center,
       rgba(255,255,255,0) 0%,
       rgba(255,255,255,1) 95%
   );
}
div#mainmenu {
   position: fixed;
   top: 0em;
   right: 1em;
   text-align: right;
   white-space : nowrap;
   background-color: #dddddd;
   padding: 0em;
   border-style: solid;
   border-width: 0px 1px 1px 1px;
   border-color: #8a8a8a;

   z-index: 100;
   -moz-border-radius: 0em 0em 0.4em 0.4em;
   -webkit-border-radius: 0em 0em 0.4em 0.4em;
   border-radius: 0em 0em 0.4em 0.4em;
   -moz-box-shadow: #888 2px 2px 4px;
   -webkit-box-shadow: #888 2px 2px 4px;
   box-shadow: #888 2px 2px 4px;
}
div#mainmenu a {
   display: inline-block;
   padding: 0.3em 1em 0.4em 1em;
   border-right: 1px solid #8a8a8a;
   color: #000;
   text-decoration: none;
   position: relative;
   height: 1.3em;
   float: left;
}
div#mainmenu a:hover {
   background-color: #fff;
}
div#mainmenu a.nohover {
   padding: 0.3em 0.6em 0.4em 0.6em;
}
div#mainmenu a.nohover:hover {
   background-color: transparent;
}
div#mainmenu a.first:hover {
   -moz-border-radius: 0em 0em 0em 0.4em;
   -webkit-border-radius: 0em 0em 0em 0.4em;
   border-radius: 0em 0em 0em 0.4em;
}
div#mainmenu a.last:hover {
   -moz-border-radius: 0em 0em 0.4em 0em;
   -webkit-border-radius: 0em 0em 0.4em 0em;
   border-radius: 0em 0em 0.4em 0em;
}
table.homemenu {
   border-collapse:collapse;
   width: 100%;
}
table.homemenu td {
   padding: 0em
}
table.homemenu a {
   display: block;
   height: 48px;
   line-height: 48px;
   white-space: nowrap;
}
table.homemenu tr:hover td {
   background-color: #fff;
}
table.homemenu tr:hover a {
   color: #cf002e;
}
table.homemenu td.roundedleft {
   -moz-border-radius: 0.3em 0em 0em 0.3em;
   -webkit-border-radius: 0.3em 0em 0em 0.3em;
   border-radius: 0.3em 0em 0em 0.3em;
}
table.homemenu td.roundedright {
   -moz-border-radius: 0em 0.3em 0.3em 0em;
   -webkit-border-radius: 0em 0.3em 0.3em 0em;
   border-radius: 0em 0.3em 0.3em 0em;
   padding-right: 0.35em;
}
div#submenu {
   position: fixed;
   top: 1.8em;
   right: 13em;
   /*width: 40em;*/
   min-width: 20em;
   max-width: 40em;
   background-color: #dddddd;
   padding: 0.5em 1em 1.5em 1em;
   border: 1px solid #8a8a8a;

   z-index: 100;
   -moz-border-radius: 0.4em;
   -webkit-border-radius: 0.4em;
   border-radius: 0.4em;
   -moz-box-shadow: #888 2px 2px 4px;
   -webkit-box-shadow: #888 2px 2px 4px;
   box-shadow: #888 2px 2px 4px;
}
#dispatchertooltip {
   position: absolute;
   padding: 0.25em 0.4em 0.4em 0.4em;
   top: 2.3em;
   left: 0.7em;
   background-color: #ffff97;
   border: 1px solid #cccccc;
   min-width: 13em;
   z-index: 1000;
   text-align: left;
   font-size: 8pt;
}
#dispatchertooltip table {
   border-collapse: collapse;
}
#dispatchertooltip table td {
   font-size: 8pt;
}
.baloon {
   /*background-color: #f2f2f2;*/
   background-color: #d9d9d9;
   /*color: #70685c;*/
   color: #70685c;
   display: inline-block;
   padding: 0.1em 0.3em 0.2em 0.3em;
   -moz-border-radius: 0.3em;
   -webkit-border-radius: 0.3em;
   border-radius: 0.3em;
}
div.offerbox {
   background-color: #fff;
   padding: 0em 0.3em 0.3em 0.3em;
   margin: 0em 0em 0.3em 0em;
   position: relative;
   -moz-border-radius: 0.3em;
   -webkit-border-radius: 0.3em;
   border-radius: 0.3em;
}
div.donationadd {

}
table.totalsumlist td, table.totalsumlist th {
   text-align: center;
   font-size: 0.7em;
}


div.boxround {
   -moz-border-radius: 0.5em;
   -webkit-border-radius: 0.5em;
   border-radius: 0.5em;
}

/* AR */
/*** editing (details) pages ***/
span.editcheck, span.editselect, span.editfield, span.editpassword, span.editfieldenh, span.edittextarea, span.editdate, span.editcheckenh {
   display: inline-block;
   cursor: default;
   padding-left: 0.4em;
   padding-right: 0.4em;
   -moz-border-radius: 0.3em;
   -webkit-border-radius: 0.3em;
   border-radius: 0.3em;
   -moz-user-select: none;
   -webkit-user-select: none;
}
span.noteditablefield {
   font-weight: bold;
   color: #a0a0a0;
   text-shadow: #fff 1px 1px 0px;
   padding-left: 0.4em;
   padding-right: 0.4em;
   -moz-border-radius: 0.3em;
   -webkit-border-radius: 0.3em;
   border-radius: 0.3em;
}
td.noteditable {
   color: #a0a0a0;
   text-shadow: #fff 1px 1px 0px;
}
td.noteditable ul {
   list-style: none;
   padding: 0em 0.3em;
   margin: 0em;
}
span.editfield:hover, span.editfieldenh:hover, span.editpassword:hover {
   background-color: yellow;
}
span.edittextarea {
   border: 1px solid #c0c0c0;
}
span.editselect:hover {
   background-color: lightpink;
}
span.editcheck:hover, span.editcheckenh:hover {
   background-color: cyan;
}
span.edittextarea:hover {
   background-color: burlywood;
}
span.editdate:hover {
   background-color: yellow;
}
div.editorbox {
   background-color: #c0c0c0;
   -moz-border-radius: 0.6em;
   -webkit-border-radius: 0.6em;
   border-radius: 0.6em;
   padding: 0.5em 0.6em 0.3em 0.5em;
}
/* child details */
div.childthumb {
   background-color: #ddd;
   padding: 0.5em;
   display: inline-block;
   position: relative;
   -moz-border-radius: 0.5em;
   -webkit-border-radius: 0.5em;
   border-radius: 0.5em;
}
.detailstitlesmall {
   width: 100%;
   background-color: #ddd;
   padding-left: .4em;
   -moz-border-radius: 0.3em;
   -webkit-border-radius: 0.3em;
   border-radius: 0.3em;
}
/*** tobeconfirmed */
.listbox {
   margin-top: 1em;
}
.listboxheader {
   padding: .1em .5em .1em .5em;
}
.listboxelement {
   padding: .5em .5em .5em .5em;
   margin-bottom: 1.5em;
   -moz-border-radius: 0.5em;
   -webkit-border-radius: 0.5em;
   border-radius: 0.5em;
   /* #b9cde5 is only for newly added elements */
   background-color: #d9d9d9;
}
.new { background-color: #b9cde5; }
.alert { background-color: #fac090; }
.abandoned { background: #d9d9d9 url("/img/bgterminate.png") top left repeat; }
.inline-block { display: inline-block }

/*** generic forms ***/
table.addelement input[type="text"] {
   width: 100%;
}
table.addelement td {
   padding: 0.3em 0em 0.3em 0em;
}
.addelementdouble {
   padding-left: 1em;
   padding-right: 1em;
}
table.addelementdouble input[type="text"] {
   width: 100%;
}
table.addelementdouble td {
   padding: 0.2em 0em 0.2em 0em;
}
table.addelementdouble tr td:first-child {
   padding: 0.2em 2em 0.2em 0em;
}
select.widestyle {
   border: 1px solid #ddd;
   width: 100%;
}
.highlight {
   font-weight: bold;
}

/*** facebox content styles ***/
div#contentface div.padding h1 {
   margin-top: .5em;
   /*margin-left: .4em;*/
}
.faceboxembedded {
   padding: 1em;
   margin-bottom: 0em;
   background-color: #f2f2f2;
   min-height: 30em;
   -moz-border-radius: .7em;
   -webkit-border-radius: .7em;
   border-radius: .7em;
   /*
   position: relative;
   -moz-box-shadow: #888 2px 2px 4px;
   -webkit-box-shadow: #888 2px 2px 4px;
   box-shadow: #888 2px 2px 4px;
   */
   z-index: 10;
}
.faceboxdouble {
   min-width: 900px;
}
.faceboxmedium {
   min-width: 700px;
}

/*** tags ***/
span.tag {
   margin: 0.2em 0em 0.2em 0.3em;
   padding: 0em 0.3em 0em 0.3em;
   color: #fff;
   font-size: .8em;
   text-decoration: none;
   white-space: nowrap;
   -moz-border-radius: 0.3em;
   -webkit-border-radius: 0.3em;
   border-radius: 0.3em;
}
span.adoptiontag {
   padding: 0em 0.3em 0em 0.3em;
   color:#fff;
   font-weight:bold;
   -moz-border-radius: 0.3em;
   -webkit-border-radius: 0.3em;
   border-radius: 0.3em;
}

/*** addressbook ***/
div#addressbookcontainer {
   margin-top: 2em;
}
div#notescontainer {
   margin-top: 2em;
}

th.uuu {
   background-color: #fafbfc;
   font-weight: normal;
   -moz-border-radius: 0.3em;
   -webkit-border-radius: 0.3em;
   border-radius: 0.3em;
}
li.nohover:hover {

}
/* end AR */

/* Facebox */


#facebox  table.mainfacebox td.b {
  background-color: rgba(63, 63, 63, 0.5);
}

#facebox  table.mainfacebox td.tl {
  background-color: rgba(63, 63, 63, 0.5);
   -moz-border-radius: 0.8em 0em 0em 0em;
   -webkit-border-radius: 0.8em 0em 0em 0em;
   border-radius: 0.8em 0em 0em 0em;
}

#facebox  table.mainfacebox td.tr {
  background-color: rgba(63, 63, 63, 0.5);
   -moz-border-radius: 0em 0.8em 0em 0em;
   -webkit-border-radius: 0em 0.8em 0em 0em;
   border-radius: 0em 0.8em 0em 0em;
}

#facebox  table.mainfacebox td.br {
  background-color: rgba(63, 63, 63, 0.5);
   -moz-border-radius: 0em 0em 0.8em 0em;
   -webkit-border-radius: 0em 0em 0.8em 0em;
   border-radius: 0em 0em 0.8em 0em;
}

#facebox  table.mainfacebox td.bl {
  background-color: rgba(63, 63, 63, 0.5);
   -moz-border-radius: 0em 0em 0em 0.8em;
   -webkit-border-radius: 0em 0em 0em 0.8em;
   border-radius: 0em 0em 0em 0.8em;
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table.mainfacebox {
  border-collapse: collapse;
}

#facebox td.mainfacebox {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}
#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox  table.mainfacebox td.tl, #facebox  table.mainfacebox td.tr, #facebox  table.mainfacebox td.bl, #facebox  table.mainfacebox td.br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#facebox .fbcontent {
   padding: 0em;
}
#facebox .fbfooter {
  background-color:#dddddd;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}
div.fbfooter {
   padding: 0em 0.8em 0.5em 0.8em;
}
div.fbfooter table {
   width: 100%;
   min-width: 30em;
}

#faceboxerr {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#faceboxerr .popup {
  position: relative;
}

#faceboxerr table {
  margin: auto;
  border-collapse: collapse;
  border: 2px solid red;
}

#faceboxerr .content table {
   border: none;
}

#faceboxerr .body {
  padding: 10px;
  background-color: #fff;
  width: 370px;
}

#faceboxerr .loading {
  text-align: center;
}

#faceboxerr .image {
  text-align: center;
}

#faceboxerr img {
  border: 0;
}

#faceboxerr .fbfooter {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
  background-color: #fff;
}

#faceboxerr .tl, #faceboxerr .tr, #faceboxerr .bl, #faceboxerr .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}
/* Datepicker */
/* the div that holds the date picker calendar */
.dpDiv {
   }
/* the table (within the div) that holds the date picker calendar */
.dpTable {
   text-align: center;
   color: #000;
   background-color: #F5F5F5;
   border: 1px solid #87888a;
   }
/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
   }
/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
   }
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
   }
/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
   }
/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
   border: 1px solid #F5F5F5;
   }
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
   background-color: #CCCCCC;
   border: 1px solid #AAAAAA;
   }
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
   background-color: #fff;
   border: 1px solid #87888a;
   cursor: pointer;
   color: #cf002e;
   }
/* the table cell that holds the name of the month and the year */
.dpTitleTD {
   }
/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
   }
/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
   }
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
   background-color: #CCCCCC;
   border: 1px solid #AAAAAA;
   color: white;
   }
/* additional style information for the text that indicates the month and year */
.dpTitleText {
   color: #000;
   font-weight: bold;
   }
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
   color: #4060ff;
   font-weight: bold;
   }
/* The forward/backward buttons at the top */
.dpButton {
   padding: 0em 0.3em 0.3em 0.3em;
   }
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
   padding: 0em 0.5em 0.3em 0.5em;
   }

/* autocomplete old */
.ac_results {
   padding: 0px;
   border: 1px solid WindowFrame;
   background-color: #fff;
   overflow: hidden;
   z-index: 100;
}
.ac_results ul {
   width: 100%;
   list-style-position: outside;
   list-style: none;
   padding: 0;
   margin: 0;
}
.ac_results iframe {
   display:none;/*sorry for IE5*/
   display/**/:block;/*sorry for IE5*/
   position:absolute;
   top:0;
   left:0;
   z-index:-1;
   filter:mask();
   width:3000px;
   height:3000px;
}
.ac_results li {
   margin: 0px;
   padding: 2px 5px;
   cursor: pointer;
   display: block;
   width: 100%;
   font: menu;
   overflow: hidden;
}
.ac_loading {
   background : Window url('/img/loading.gif') right center no-repeat;
}
.ac_over {
   background-color: Highlight;
   color: HighlightText;
}

.advancedmodebox .sponsor-payment-form {
   border-bottom: 6px solid #d9d9d9;
   padding-bottom: 6px;
}

/* CLEditor */
.cleditorMain {border:1px solid #999; padding:0 1px 1px; background-color:white}
.cleditorMain iframe {border:none; margin:0; padding:0}
.cleditorMain textarea {border:none; margin:0; padding:0; overflow-y:scroll; font:10pt Arial,Verdana; resize:none; outline:none /* webkit grip focus */}
.cleditorToolbar {background: url('/img/tb.png') repeat}
.cleditorGroup {float:left; height:26px}
.cleditorButton {float:left; width:24px; height:24px; margin:1px 0 1px 0; background: url('/img/buttons.png')}
.cleditorDisabled {opacity:0.3; filter:alpha(opacity=30)}
.cleditorDivider {float:left; width:1px; height:23px; margin:1px 0 1px 0; background:#CCC}
.cleditorPopup {border:solid 1px #999; background-color:white; position:absolute; font:10pt Arial,Verdana; cursor:default; z-index:1000000}
.cleditorList div {padding:2px 4px 2px 4px}
.cleditorList p,
.cleditorList h1,
.cleditorList h2,
.cleditorList h3,
.cleditorList h4,
.cleditorList h5,
.cleditorList h6,
.cleditorList font {padding:0; margin:0; background-color:Transparent}
.cleditorColor {width:150px; padding:1px 0 0 1px}
.cleditorColor div {float:left; width:14px; height:14px; margin:0 1px 1px 0}
.cleditorPrompt {background-color:#F6F7F9; padding:4px; font-size:8.5pt}
.cleditorPrompt input,
.cleditorPrompt textarea {font:8.5pt Arial,Verdana;}
.cleditorMsg {background-color:#FDFCEE; width:150px; padding:4px; font-size:8.5pt}