/* CSS Document */
html,body {
  padding: 0;
  margin: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  width: 100%;
  height: auto !important;
  height: 100%;
  background: url(../immagini/BG_body.gif) right repeat-y;
}

/* Struttura Framework */
  
  .mainContainer {
    height: 100%;
  }
  
  /* Blocco a SX */  
  .sidebar {
    border: 1px solid #4B6187;
  	background-color: #B4C3D8;
  	border-right: 3px solid #4B6187 !important;
  }
  #sidebarContent {
    padding: 5px;
    font-size: 9px;
    padding-bottom: 20px;
  }
  
  /* Navigazione a sinistra*/
  #nav {
    width:100%;
    left: 0;
    background-color: #eeeeee;
    border: 1px solid #4B6187;
    border-left: 0;
    border-right: 0;
    font-size: 9px;
  }
  #nav h2 {
    background-color: #4B6187;
    width:100%;
    padding: 5px;
    margin: 0;
    color: white;
    font-size: 15px;
  }
  
  #nav ul, #options ul.snav  {
    margin: 0; padding: 0;
    }

  #nav li, #options ul.snav li {
    font-size: 9px;
    margin: 0;
    padding-top: 0;
    padding: 5px;
    padding-right: 5px;
    border-bottom: 1px solid #CCC;
    list-style-type: none;
    list-style-image: none;
    }
  #nav li a:link, #nav li a:visited, #nav li a:hover, #nav li a:active {
    font-size: 9px;
    color: #0080c0;
    text-decoration: none;
  }
  #nav li a:hover, #nav li a:active {
    font-size: 9px;
    color: #5a5a5a;
    text-decoration: none;
  }

  #nav li#navadm {
    border-bottom: 1px solid #999;
    margin-bottom: 15px;
    }

  /* Blocco principale (DX) */
  #auth_div {
    background-color: #cceeff;
    border-bottom:  1px solid #4B6187;
    padding: 10px;
    padding-left:  88px;
    font-size: 10px;
  }
  #pageBody {
    margin: 0 auto;
    margin-left: 85px;
  }
  .main {
    border: 1px solid #4B6187;
  	background-color: #F9F9F9;
  }
  #pgrFrame { /* Div che contiene il corpo del programma */
    padding: 10px 20px 20px 20px;
    font-size: 80%;
  }
  #topFrame {
    height: 43px;
    background: url(../images/top_bar_sfondo.gif) 0 0 repeat-x;
  }
  
  
/* Headers */

  h1, h2, h3, h4, h5, h6, h7 {
    color: #ba0105;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-weight: normal;
  }
  h1 {
    margin: 5px 0 5px 0;
    padding:0 auto;
    font-size: 2.5em;
  }
  h2 {
    font-size: 2em;
    margin: 5px 0 5px 0;
  }
  h3 {
    font-size: 1.5em;
  }
  h1, h2, h3, h4, p, form {
    margin: 10px 0 15px 0;
    padding:0 auto;
  }

  a:link, a:visited {
    color: #ba0105;
  }
  a:hover, a:active{
    color: #311718;
  }
  
/* Form */

  body, label, fieldset {
    font-size: 12px;
  }
  fieldset {
    padding: 10px;
    padding-bottom: 5px;
  }
  legend {
    font-weight: bold;
    padding: 0 10px 0 10px;
    margin-bottom: 20px;
    border-left: 1px solid #4B6187;
    border-right: 1px solid #4B6187;
  }
  form, input, textarea, select {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
  }
  input, textarea, select {
    border: 1px solid #a2a2a2;
  }
  .noBorder {
    border: 0;
  }
  .frmButton {
    border: 1px outset #4B6187;
    background-color: #DD0000;
    color: white;
    font-weight: bold;
  }
  .frmButton_alt {
    border: 1px outset #4B6187;
    background-color: #008040;
    color: white;
  }
  
/* Stili per le tabelle delle form */
/****
TABELLE DI DEFAULT
***/
  table.container {
  	border: 1px solid #3E81B1;
  	font-size: 13px;
  	margin-bottom: 15px;
  }
  
  table.container table {
    font-size: 13px;
  }
  .header {
  	background-color: #A4BBEA;
  }
  .header td {
  	padding: 5px;
  	border: 0;
  	/*border-top: 1px solid #3E81B1;*/
  	border-bottom: 1px solid #3E81B1;
  }
  
  .header_1 {
  	background-color: #DEE9FF;
  }
  .header_1 td {
  	font-size: 10px;
  	padding: 5px;
  	border: 0;
  	border-top: 1px solid #9abed1;
  	border-bottom: 1px solid #3E81B1;	
  }
  
  
  .body {
  	font-size: 10px;
  	background-color: #f7f7f7;
  }
  .body td {
  	padding: 5px;
  	font-size: 10px;
  	border: 0;
  	border-top: 1px solid #fdfdfd;
  	border-bottom: 1px solid #ededed;
  	vertical-align: top;
  	color: #6e6e6e;
  }
  .body_header {
  	font-size: 11px;
  	background-color: #F0F5FF;
  }
  .body_header td {
  	padding: 5px;
  	font-size: 10px;
  	border: 0;
  	border-top: 1px solid #E4EAEF;
  	border-bottom: 1px solid #DCE2E7;
  	vertical-align: top;
  	color: #484848;
  }
  .body_0 {
  	font-size: 10px;
  	background-color: #FEFFFF;
  }
  .body_0 td {
  	padding: 5px;
  	font-size: 10px;
  	border: 0;
  	border-top: 1px solid #f9f9f9;
  	border-bottom: 1px solid #F1F1F1;
  	vertical-align: top;
  	color: #484848;
  }
  
  .body_1 {
  	font-size: 10px;
  	background-color: #F8F8F8;
  }
  .body_1 td {
  	padding: 5px;
  	font-size: 10px;
  	border: 0;
  	border-top: 1px solid #EFF5FA;
  	border-bottom: 1px solid #E9F0F4;
  	vertical-align: top;
  	color: #484848;
  }
  
  .rosso {
    color: #DD0000;
  }
  
  
  tr.middle_v_align td {
    vertical-align: middle !important;
  }
  
  /* tabella small */
  .small tr th {
    font-size: 13px;
  }
  .small tr th.cur {
    color: #DD0000;
  }
  
  /* Stili calendario */
  .calendario, .calendario_mensile {
    border: 1px solid #0080c0;
  }
  .sett_intestazione td {
    font-size: 13px;
    height: 20px !important;
    border-bottom: 1px solid #c6c6c6 !important;
    border-right: 1px solid #c6c6c6 !important;
  }
  .sett_fascia_1 td, .sett_fascia_2 td, .sett_fascia_3 td {
    border-bottom: 1px solid #c6c6c6 !important;
    border-right: 1px solid #c6c6c6 !important;
  }
  .sett_fascia_1 td {
    background-color: #e3f0ed;
  }
  .sett_fascia_2 td {
    background-color: #eaf9ff;
  }
  .sett_fascia_3 td {
    background-color: #dfefff;
  }
  .smallFascia {
    font-size: 9px;
    border: 0 !important;
    font-weight: bold;
    vertical-align: middle;
  }
  
  .calendario {
    border: 1px solid #c6c6c6;
  }
  .calendario tr td, .calendario_mensile tr td {
    border: 0;
    height: 50px;
  }
  .calendario tr td {
    height: 150px;
  }
  .calendario tr td.bassa {
    height: 50px;
  }
  html td.data_oggi {
  color: #DD0000;
  background-color: #d8d8d8;
  border: 1px solid #DD0000;
}
  tr.rigaMese td {
    font-size: 12px;
    font-weight: bold;
    color: #DD0000;
    background-color: #d8d8d8;
  }
  tr.rigaNomeGiorni td {
    font-size: 12px;
    font-weight: bold;
    background-color: #eaeaea;
  }
  tr.rigaGiorni td {
    font-size: 9px !important;
    background-color: #f3f3f3;
  }
  tr.rigaGiorni td ul {
    font-family: Arial;
    font-size: 9px !important;
  }
  
  .elencoVisiteCal {
    list-style-type: none;
    margin:0;
    padding: 0;
    padding-left: 5px;
    font-size: 10px;
    text-align:left;
  }
  .elencoVisiteCal li {
    padding-bottom: 5px;
    text-align:left;
    color: black;
  }
  
  /* Tooltip per il report delle visite mensile e settimanale */
  #dhtmltooltip {
    position: absolute;
    width: 150px;
    font-size: 9px !important;
    
    visibility: hidden;
    z-index: 100;
  }
   #dhtmltooltip td {
    vertical-align: top;
   }
   
   .smaller {
    font-size: 80%;
   }
   
   .scheda_cliente tr td {
    font-size: 11px;
    padding: 3px;
   }
   
   #bloccoSx {
    position: absolute;
    width: 182px;
    overflow: hidden;
    top: 200px;
    left: 0;
    background: #F5F5F5 url(../images/bloccoSX_sfondo.gif) repeat-x bottom;
    border: 1px solid #4B6187;
    border-bottom: 1px solid #4B6187;
    font-size: 10px !important;
   }
   #bloccoSx td {
    font-size: 10px !important;
   }
   
   .tabella_menu th {
    text-align: left;
    font-size: 12px;
    color: #ff0080;
   }
   a.scheda_cliente:link, a.scheda_cliente:visited {
    color: #6FA331;
    text-decoration: none;
   }
   a.scheda_cliente:hover, a.scheda_cliente:active {
    background-color: #6FA331;
    color: white;
   }
   a.modifica_dati:link, a.modifica_dati:visited {
    color: #0080c0;
    text-decoration: none;
   }
   a.modifica_dati:hover, a.modifica_dati:active {
    background-color: #0080c0;
    color: white;
   }
   a.new_item:link, a.new_item:visited {
    color: #ff0080;
    text-decoration: none;
   }
   a.new_item:hover, a.new_item:active {
    background-color: #ff0080;
    color: white;
   }
   
   
/* Stili per le tabelle dei report */
 table.report {
  	border: 1px solid #3E81B1;
  	font-size: 13px;
  	margin-bottom: 15px;
    
  }
  table.report td {
    font-family: Arial !important;
    padding: 3px;
    border-right: 1px solid #d8d8d8;
    font-size: 10px;
    color: black;
  }
  
  table.container table {
    font-size: 13px;
  }
  table.report tr.header {
  	background-color: #486EBC;
  }
  table.report tr.header td {
    color: #DBF0FF;
    font-size: 11px !important;
    font-weight: bold;
  	border-bottom: 1px solid #3E81B1;
  }
  
  .row_totali {
    background-color: #C1D4FF !important;
  }
  .row_totali td {
    border: 0;
    font-size: 11px !important;
    font-weight: bold;   
    color: #5a5a5a !important; 
    border-top: 1px solid #f9f9f9;
  	border-bottom: 1px solid #F1F1F1;
  }
  
  .row_1 {
  	background-color: #DEE9FF;
  }
  .row_1 td {
  	border: 0;
  	border-top: 1px solid #E4EAEF;
  	border-bottom: 1px solid #DCE2E7;
  	vertical-align: top;
    color: black;
    font-size: 10px !important;
  }
  
  .row_2 {
  	background-color: #F0F5FF;
  }
  .row_2 td {
  	border: 0;
  	border-top: 1px solid #EFF5FA;
  	border-bottom: 1px solid #E9F0F4;
  	vertical-align: top;
  	color: #484848;
  }
  
  .row_3 {
  	background-color: #FBFBFB;
  }
  .row_3 td {
  	border: 0;
  	border-top: 1px solid #f9f9f9;
  	border-bottom: 1px solid #F1F1F1;
  	vertical-align: top;
  	color: #484848;
  }
  
  .row_1 td.totali, .row_2 td.totali, .row_3 td.totali {
    font-weight: bold;
  }
  tr.header td.totali {
    background-color: #1C469C !important;
  }
  tr.row_1 td.totali {
    background-color: #CDDEFF !important;
  }
  tr.row_2 td.totali {
    background-color: #E5EEFF !important;
  }
  tr.row_3 td.totali {
    background-color: #f2f2f2 !important;
  }
  
  
  

  .form_totale {
    background-color: transparent;
    border: 0;
  }
  .buttonBorder {
    border: 1px solid #ffe6d9;
    background-color: #e6f2ff;
  }
  
  .piccolo * {
    font-size: 10px;
  }
  
  .nome_fase_libro_giornale {
    padding: 3px 0 3px 3px;
    font-size: 18px;
    color: white;
    background-color: #0073aa;
    width: 750px;
  }
  
  div.data_passata,
  div.data_vicina_scadenza,
  div.data_valida
  {
    width: 5px;
    height: 5px;
    display: inline;
    background-color: #DD0000; 
  }
  div.data_vicina_scadenza {
    background-color: #ff702b; 
  }
  div.data_valida {
    background-color: #008040; 
  }
  .legenda {
    text-align:right;
    width: 650px;
    font-size: 9px;
  }
  
  td.data_passata, .data_passata {
    font-weight: bold;
    color: #DD0000;
  }
  td.data_vicina_scadenza, .data_vicina_scadenza {
    font-weight: bold;
    color: #ff702b;
  }
  td.data_valida, .data_valida {
    font-weight: bold;
    color: #008040;
  }
  
  
  .titolo {
    color: #DD0000;
    font-size: 120%;
  }
  
  /* Gestione newsletter */
  .box_news{
 	min-height:200px;
  	height:auto !important;
  	height:200px;
	overflow:auto;
  }
  .box_gruppi{
 	min-height:150px;
  	height:auto !important;
  	height:150px;
	overflow:auto;
  }  
  .box_iscritti{
 	min-height:250px;
  	height:auto !important;
  	height:250px;
	overflow:auto;
  }  
  .scroll{
  overflow-y:auto;
  }  
