@charset "utf-8";

body, tr, th, td {
  font-family: "Trebuchet MS", Meta, Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 10px;
}

body {
  margin: 0px;
}

a {
  color: #8a750a;
  text-decoration: underline;
}

a:hover {
  color: #bea10e;
  text-decoration: none;
}



/* COMUNI */
h1 {
  color: #010101;
  margin: 0px 0px 5px 0px;
  font-size: 18px;
  font-style: italic;
  font-weight: normal;
}

h2 {
  color: #b4a504;
  margin: 15px 0px 10px 0px;
  font-size: 16px;
  font-style: italic;
  font-weight: normal;
  border-bottom: #b4a504 1px dotted;
}

h3 {
  color: #010101;
  margin: 0px 0px 10px 0px;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-transform: uppercase;
}

h4 {
  color: #6c6c17;
  margin: 0px 5px 0px 0px;
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
  display: inline;
}

input, password {
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  border: #aaaaaa 1px solid;
}

select {
  padding: 0px;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #333333;
  border: #aaaaaa 1px solid;
}

input[type="button"], input[type="submit"] {
  background-image: url(../images/bg_btn.gif);
  background-position: 0px -2px;
  background-repeat: repeat-x;
  height: 20px;
  text-transform: uppercase;
  color: #000000;
  width: 80px;
  border: #a0a0a0 1px solid;
  font-weight: bold;
  font-size: 10px;
}

#confermaButtonHeader {	
  background-position: 0px -2px;
  background-repeat: repeat-x;
  height: 23px;
  text-transform: uppercase;
  color: #000000;
  width: 165px;
  border: #a0a0a0 1px solid;
  font-weight: bold;
  font-size: 10px;
}

#confermaSeguitoButtonHeader {
  background-position: 0px -2px;
  background-repeat: repeat-x;
  height: 23px;
  text-transform: uppercase;
  color: #000000;
  width: 165px;
  border: #a0a0a0 1px solid;
  font-weight: bold;
  font-size: 10px;
}

#saveButtonHeader {
  background-image: url(../images/bottone_salva.gif);
  background-position: 0px -2px;
  background-repeat: repeat-x;
  height: 30px;
  text-transform: uppercase;
  color: #000000;
  width: 165px;
  border: #a0a0a0 1px solid;
  font-weight: bold;
  font-size: 10px;
}

a.link_button {
  background-image: url(../images/bg_btn.gif);
  background-position: 0px -1px;
  background-repeat: repeat-x;
  height: 20px;
  text-transform: uppercase;
  color: #000000;
  border: #a0a0a0 1px solid;
  font-weight: bold;
  font-size: 10px;
  padding: 4px;
  text-decoration:none;
}

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



/* HEADER */
#header {
  background-image: url(../images/bg_header.gif);
  background-repeat: no-repeat;
  background-position: top center;
  height: 110px;
  float: left;
  width: 100%;
  min-width: 960px;
}

#logo {
  float: left;
  margin: 10px 0px 0px 40px;
  width: 200px;
  text-align: left;
}

#payoff {
  float: right;
  margin: 50px 10px 0px 0px;
  width: 200px;
  text-align: right;
}



/* LEFT */
#menuleft {
  width: 165px;
  margin-left: 15px;
  margin-top: 15px;
  background-color: #eeeeee;
  float: left;
}

#menuleft ul {
  margin: 0px;
  list-style: none;
}

#menuleft li {
  color: #4f4e41;
  font-size: 10px;
  font-style: italic;
  margin: 0px;
}

#menuleft li.primo {
  width: 165px;
  border-bottom: #d0d0d0 1px dotted;
  padding: 30px 0px 7px 7px;
  margin: 0px;
}



/* RIGHT */
#right {
  float: right;
  width: 200px;
  padding: 0px 10px;
  border-left: #828282 1px dotted;
}

#foto {
  float: left;
  width: 180px;
  background-image: url(../images/foto_top.gif);
  background-position: top;
  background-repeat: no-repeat;
  padding: 8px 8px 0px 8px;
}

#foto_bottom {
  float: left;
  width: 196px;
  background-image: url(../images/foto_bottom.gif);
  background-position: top;
  background-repeat: no-repeat;
  padding:0px;
  line-height: 8px;
  height: 8px;
}

#dati {
  margin-left: 4px;
}

#dati h2 {
  color: #333333;
  font-size: 18px;
  border: 0px;
  margin-bottom: 0px;
}

#capoarea {
  color: #777777;
  line-height: 18px;
  margin: 15px 0px;
}

#capoarea a {
  color: #777777;
  text-decoration: none;
}

#riferimenti {
  line-height: 18px;
  color: #333333;
  font-size: 10px;
  margin-top: 80px;
}

#riferimenti a {
  color: #333333;
  text-decoration: none;
}

#riferimenti strong {
  color: #bea10e;
  font-size: 10px;
}



/* PRINCIPALE */
#content {
  min-width: 800px;
  float: left;
  width: 100%;
  margin-top: 20px;
}

#stato_ordine {
  float: right;
  margin-right: 95px;
  width: 36px;
  height: 30px;
  margin-top: -5px;
}

#stato_ordine img {
  border: 0px;
}

#benvenuto {
  float: left;
  padding-left: 15px;
  margin-left: 10px;
}



/* STILI BLOCCHI */
table.layout {
  width: 100%;
  border-right: #ffffff 1px solid;
  margin-left: -20px;
}

table.layout td {
  width: 100%;
  padding: 0px 20px;
  border-right: #828282 1px dotted;
  vertical-align: top;
  font-size: 10px;
}

table.layout td.no_border {
  border: 0px;
}


table.layout td:last-child {
  border-right: 0px;
}

table.layout td.unsesto {
  width: 17%;
}

table.layout td.unquinto {
  width: 20%;
}

table.layout td.unquarto {
  width: 25%;
}

table.layout td.unterzo {
  width: 33%;
}

table.layout td.meta {
  width: 50%;
}

table.layout td.dueterzi {
  width: 66%;
}



/* TABELLA */
table.tabella {
  width: 100%;
  border-right: #cccccc 1px solid;
}

table.tabella th {
  background-image: url(../images/bg_btn.gif);
  background-repeat: repeat-x;
  background-position: 0px -2px;
  text-align: left;
  border-left: #ffffff 1px solid;
  text-decoration: none;
  color: #000000;
  font-style: italic;
  background-color: #f7d903;
  font-size: 10px;
}

table.tabella td {
  border-bottom: #a3a3a3 0px solid;
  border-top: #a3a3a3 1px solid;
  border-left: #cccccc 1px solid;
  color: #555555;
  font-size: 10px;
}

table.tabella tr {
  border-top: #a3a3a3 1px solid;

}

table.tabella td img {
  border: 0px;
  margin-right: 5px;
}

table.tabella td input {
  font-size: 10px;
  color: #666666;
}

table.tabella tr.commento td {
  border-bottom: #ffffff 1px solid;
  border-top: #ffffff 1px solid;
  border-left: 0px;
  color: #666666;
  font-size: 10px;
  background-color: #ffffff;
}



table.tabella tr.commento td input {
  width: 400px;
  border: #cccccc 1px solid;
}


/*TABELLA PIVOT*/
/* TABELLA */
table.tabella_jpivot {
  border-right: #cccccc 1px solid;
}

table.tabella_jpivot th {
  background-image: url(../images/bg_btn.gif);
  background-repeat: repeat-x;
  background-position: 0px -2px;
  text-align: left;
  border-left: #ffffff 1px solid;
  text-decoration: none;
  color: #000000;
  font-style: normal;
  background-color: #f7d903;
  font-size: 10px;
  padding: 7px;
  font-size: 10px;
  text-transform: uppercase;
}

table.tabella_jpivot td {
  border-bottom: #a3a3a3 0px solid;
  border-top: #a3a3a3 1px solid;
  border-left: #cccccc 1px solid;
  color: #555555;
  font-size: 10px;
  padding: 5px;
}

table.tabella_jpivot tr {
  border-top: #a3a3a3 1px solid;

}

table.tabella_jpivot td img {
  border: 0px;
  margin-right: 5px;
}

table.tabella_jpivot td input {
  font-size: 10px;
  color: #666666;
}

table.tabella_jpivot tr.commento td {
  border-bottom: #ffffff 1px solid;
  border-top: #ffffff 1px solid;
  border-left: 0px;
  color: #666666;
  font-size: 10px;
  background-color: #ffffff;
}



table.tabella_jpivot tr.commento td input {
  width: 400px;
  border: #cccccc 1px solid;
}
/* FINE TABELLA PIVOT */

/* TABELLA FORM */

table.tabella_form {
  width: 100%;
  border-right: #cccccc 1px solid;
}

table.tabella_form th {
  background-image: url(../images/bg_btn.gif);
  background-repeat: repeat-x;
  background-position: 0px -2px;
  text-align: left;
  border-left: #ffffff 1px solid;
  text-decoration: none;
  color: #000000;
  font-style: italic;
  background-color: #f7d903;
  font-size: 10px;
}

table.tabella_form td {
  border-bottom: #a3a3a3 0px solid;
  border-top: #a3a3a3 0px solid;
  border-left: #cccccc 0px solid;
  color: #555555;
  font-size: 10px;
}

table.tabella_form tr {
  border-top: #a3a3a3 1px solid;

}

table.tabella_form td img {
  border: 0px;
  margin-right: 5px;
}

table.tabella_form td input {
  font-size: 10px;
  color: #666666;
}

table.tabella_form tr.commento td {
  border-bottom: #ffffff 1px solid;
  border-top: #ffffff 1px solid;
  border-left: 0px;
  color: #666666;
  font-size: 10px;
  background-color: #ffffff;
}



table.tabella_form tr.commento td input {
  width: 400px;
  border: #cccccc 1px solid;
}


/* FINE TABELLA FORM*/
/*
table.tabella td.risposta {
        color: #89a005;
        font-weight: bold;
        width: 80px;
}

table.profilo {
        width: 80%;
        margin: 0px auto;
        font-size: 15px;
        font-style: italic;
        border: 0px;
}

table.profilo th {
        background-position: 0px 0px;
        background-image: url(../images/layout/bg_th_profilo.gif);
        border: #657503 1px solid;
}

table.profilo td {
        color: #aaaaaa;
        border: 0px;
}

table.profilo td.selezionato {
        color: #aaaaaa;
        border: 0px;
        width: 15%;
        background-image: url(../images/layout/arrow.gif);
        background-position: center 6px;
        background-repeat: no-repeat;
}
*/

/* PUBLIC-TEMPLATE */
.middle-div-wrapper {
  top: 50%;
  left: 50%;
  /*width:30em;
  height:18em;*/
  /*margin-top: -9em;*/ /*set to a negative number 1/2 of your height*/
  /*margin-left: -15em;*/ /*set to a negative number 1/2 of your width*/
  /*background-color: #f3f3f3;*/
  position:fixed;
}

/* LOGIN */
div.login_blocco {
  width: 284px; margin: 0px auto; position:absolute; top: 50%; left: 50%; min-height:380px; margin-left:-158px; margin-top: -190px; padding-bottom: 10px; text-align: center;
  font-size: 12px;
}

div.login_blocco img{
  width: 100%;
}

div.login {
  text-align: left;
  width: 180px;
  margin: 15px auto;
}

#loginLabel {
  text-align: left;
  width: 180px;
  margin: 15px auto;
}

div.accedi  {
  text-align: center;
  padding: 15px 0px;
  margin: 50px 0 5px 0;
  width: 100%;
}

div.accedi  td:first-child{
  text-align: right;
  padding-right: 10px;
}

div.accedi  span{
  font-size: 11px;
}

div.accedi  button{
  width: 150px;
}

div.accedi  td:last-child{
  text-align: left;
  padding-left: 10px;
}


#grafico {
  position: absolute;
  left: 10px;
  width: 500px;
  height: 245px;
  top: 100px;
}

#report_totale td{
  font-size: 10px;
  color: #333333;
  font-weight: bold;
}

#h2_ricerca_cliente {
  color: #b4a504;
  font-size: 14px;
  font-style: italic;
  font-weight: normal;
  height: 30px;
  line-height: 30px;
  vertical-align: bottom;


}

#div_ricerca_cliente_header {
  border-bottom: #b4a504 1px dotted;
  height: 30px;
}

/* registrazione */
.signupGrid {
  width: 100%;
}

.signupGrid tr, .signupGrid td {
  border: none;
  margin-left: auto;
  margin-right: auto;
  margin: 0;
  padding: 5px 0 5px 0;
}

.signupGrid td:first-child {
  /*padding: 2px 2px 2px 15px;*/
}

.signupGrid td:nth-child(odd) {
  text-align: left;
  font-weight: bold;
  font-size: 12px;
}

.signupGrid td:last-child{
  text-align: center;
  /*padding: 2px 2px;*/
}

.reg-button {
  font-size: 25px !important;
  width: 200px !important;
  height: 80px !important;
}

/*Format Contenuti*/
.confirm-content{
  margin: 20px 40px;
  text-align: justify;
  font-size: 12px;
}
.confirm-content-centered {
  width:70%;
  margin: 50px 0;
  padding-left:15%;
}
.confirm-content ul{
  list-style: initial;
  font-size: 13px;
  color: #555555;
  line-height: 18px;
  margin-left: 20px;
}


.noBorderOnTable .ui-state-default .ui-widget-content .ui-state-default .ui-widget-header .ui-state-default {
  background: transparent!important;
  border: none transparent!important;
  padding: 0px 0px!important;
}

.header tbody tr {
  border-color: transparent;
}

.ui-panelgrid td 
.ui-panelgrid .ui-panelgrid-cell {
  padding: 2px 2px !important;
}

.ui-panelgrid tr, .ui-panelgrid td {
  border:0 !important;
  padding: 2px 2px !important;
}