html,
body {
  margin: 0;
  padding: 0;
}
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 80%;
  text-align: center;
}
h1 {
  margin: 0 0 30px 0;
  font-size: 140%;
  font-weight: normal;
  color: #cf1208;
  text-align: center;
}
h2 {
  margin: 50px 0 20px 0;
  font-size: 110%;
  font-weight: bold;
  color: #000;
  text-align: center;  
}
h3 {
  margin: 0;
  font-size: 120%;
  font-weight: normal;
  color: #cf1208;
  text-align: center;
}
h4 {
  margin: 10px 0;
  line-height: 0.75;
  font-size: 75%;
}
img {
  border: none;
}


.left    { text-align: left;    }
.center  { text-align: center;  }
.right   { text-align: right;   }
.justify { text-align: justify; }

.clear-left  { clear: left;  }
.clear-right { clear: right; }
.clear-both  { clear: both;  }

.errore {
  text-align: center;
  font-size: 110%;
}
.rosso { color: #f00; }
.invisibile { visibility: hidden; }


#contenitore {
  width: 100%;
  margin: 0 auto;
  text-align: left;
}
#contenitore_tabella {
}


#struttura { width: 100% }

#header {
  height: 208px;
  background-image:url(../immagini/header.png);
}

#menu_sx {
  width: 185px;
  padding: 20px 0;
  vertical-align: top;
}




/****
 ****  Gli stili per l'OMBREGGIATURA DEI BOX sono nel file shadow.css, directory style/ nella root del sito (NON dell'admin!)
 ****/

.box_menu_sx {
  margin-top: 30px;
  border: 1px solid #0167cc;
  background-color: #e2e5ea;
}
.box_menu_sx .titolo_box {
  display: block;
  margin: 0; /* Se questa classe viene usata sull'elemento h4, è obbligatorio azzerare i margini perché definiti in precedenza */
  padding: 6px 4px;
  border-bottom: 1px solid #0167cc;
  background-color: #d1d8e2;
}

ul.menu {
  list-style-type: none;
  margin: 15px 0 10px 0;
  padding: 0
}
ul.menu li {
  margin: 0;
  padding: 0;
}
ul.menu a {
  display: block;
  height: 26px;
  line-height: 26px;
  text-decoration: none;
  text-indent: 26px;
  background: transparent url(../immagini/folder_small.png) no-repeat 5px center;
  font-size: 12px;
  font-weight: bold;
  color: #cf1208;
}
ul.menu a:hover {
  background: transparent url(../immagini/folder_small.png) no-repeat 5px center;
  color: #ff5753;
  text-decoration: underline;
}

ul.menu li#newsletter_iscritti,
ul.menu li#rubrica_sms,
ul.menu li#impostazioni        { margin-top: 10px }

ul.menu li#logout          { margin-top: 20px }

ul.menu li#newsletter_iscritti a:link,
ul.menu li#newsletter_iscritti a:visited { background-image: url(../immagini/group.png) }
ul.menu li#newsletter_iscritti a:hover   { background-image: url(../immagini/group_go.png) }

ul.menu li#newsletter a:link,
ul.menu li#newsletter a:visited { background-image: url(../immagini/email.png) }
ul.menu li#newsletter a:hover   { background-image: url(../immagini/email_go.png) }

ul.menu li#rubrica_sms a:link,
ul.menu li#rubrica_sms a:visited { background-image: url(../immagini/phone.png) }
ul.menu li#rubrica_sms a:hover   { background-image: url(../immagini/phone_sound.png) }

ul.menu li#sms a:link,
ul.menu li#sms a:visited { background-image: url(../immagini/vcard.png) }
ul.menu li#sms a:hover   { background-image: url(../immagini/vcard_edit.png) }

ul.menu li#impostazioni a:link,
ul.menu li#impostazioni a:visited { background-image: url(../immagini/wrench.png) }
ul.menu li#impostazioni a:hover   { background-image: url(../immagini/wrench_orange.png) }

ul.menu li#statistiche a:link,
ul.menu li#statistiche a:visited { background-image: url(../immagini/chart_curve.png) }
ul.menu li#statistiche a:hover   { background-image: url(../immagini/chart_curve_go.png) }

ul.menu li#logout a:link,
ul.menu li#logout a:visited { background-image: url(../immagini/door_open.png) }
ul.menu li#logout a:hover   { background-image: url(../immagini/door_out.png) }

ul.menu li#file a:link,
ul.menu li#file a:visited { background-image: url(../immagini/list.png) }
ul.menu li#file a:hover   { background-image: url(../immagini/list.png) }

#pannello { vertical-align: top }
#padding  { padding: 25px }


/* Paginazione */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.pagination{
  margin-top: 15px;
  padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: center; /*Set to "right" to right align pagination interface*/
}

.pagination li{
list-style-type: none;
display: inline;
line-height: 22px;
padding-bottom: 1px;
font-size: 80%;
}

.pagination a, .pagination a:visited{
padding: 1px 4px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: lightyellow;
}

.pagination li.currentpage{
font-weight: bold;
padding: 0 5px;
border: 1px solid navy;
background-color: #2e6ab1;
color: #FFF;
}

.pagination li.disablepage{
padding: 1px 5px;
border: 1px solid #929292;
color: #929292;
}

.pagination li.nextpage{
font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right: 5px;
padding-right: 0;
}


/* Menù orizzontale a tab */
/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/index */

#menu_orizzontale ul {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  display: table;
  white-space: nowrap;
  font: 11px arial, verdana, sans-serif;
}
#menu_orizzontale li {
  display:inline;
  margin: 0;
  padding: 0;
}
#menu_orizzontale a {
  float: left;
  color: #cf1208;
  background: #efefef url(../immagini/menu_orizzontale_top_left.gif) no-repeat left top;
  margin: 0 5px;
  padding: 0 0 0 2px;
  text-decoration: none;
  letter-spacing: 1px;
}
#menu_orizzontale a strong {
  float: left;
  display: block;
  background: transparent url(../immagini/menu_orizzontale_top_right.gif) no-repeat right top;
  padding: 5px 16px 5px 12px;
}
#menu_orizzontale a:hover {
  background: #f7f7f7 url(../immagini/menu_orizzontale_top_left.gif) no-repeat left top;
  color: #ff5753;
  cursor: pointer;
}
#menu_orizzontale .current a {
  background: #f7f7f7 url(../immagini/menu_orizzontale_top_left.gif) no-repeat left top;
  color: #ff5753;
  cursor: default;
}
#menu_orizzontale {
 
}
.contenutoPagine
{
    padding:4px;
    margin-top:70px;
    padding-top:20px;
    
    min-height:567px;
    border:4px solid #8BC242;
    margin-left:5px;
    
    text-align:left;
}

/*
--------------------------------------------------------------------------------
What:  "Oranges in the sky" Styles(Table data design)
Who:  Krasimir Makaveev(krasi [at] makaveev [dot] com)
When:  15.09.2005(created)
--------------------------------------------------------------------------------
*/

table.lista {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc; 
  color: #333;
  font-size:14px;
}
table.lista caption {
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: -1px;
  margin-bottom: 10px;
  padding: 5px;
  background: #efefef;
  border: 1px solid #ccc;
  color: #666;
}
table.lista a {
  text-decoration: none;
  color: #f60;
}
table.lista a:hover {
  text-decoration: none;
  color: #fff;
  background: #f60;
}
table.lista tr th a {
  color: #369;
}
table.lista tr th a:hover {
  color: #fff;
  background: #369;
}
table.lista thead tr th {
  padding: 0;
  text-transform: uppercase;
  background: #e2e2e2;
}
table.lista tfoot tr th, table.lista tfoot tr td {
  color: #000;
}
table.lista tfoot tr th {
  font-weight: bold;
}
table.lista thead tr th p {
  margin: 0;
  padding: 7px 5px;
  border-top: 1px solid #fff;
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  border-left: 1px solid #fff;
}
table.lista tfoot tr td {
  text-transform: uppercase;
}
table.lista tfoot tr td p.opzioni a {
  line-height: 16px;
}
table.lista td, table.lista th {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 5px;
  line-height: 1.4em;
  font-size: 0.7em;
  vertical-align: middle;
}
table.lista tr.odd th, table.lista tr.odd td {
  background: #efefef;
}
/* Tipi di dati */
table.lista td.data {
  width: 120px;
  font-style: italic;
  text-align: center;
}
table.lista td.opzioni {
  width: 110px;
  text-align: center;
}
table.lista .si {
  color: #008000;
  text-align: center;
}
table.lista .no {
  color: #f00;
  text-align: center;
}
table.lista a.modifica:link, table.lista a.modifica:visited {
  background-color: transparent;
  color: #008000;
  text-decoration: none;
}
table.lista a.modifica:hover {
  background-color: #008000;
  color: #fff;
  text-decoration: none;
}

.informazioni {
  font-size: 100%;
  text-align: right;
}
.opzioni_generali img, .informazioni img {
  vertical-align: middle;
}
.opzioni_generali a:link, .opzioni_generali a:visited {
  font-weight: bold;
  color: #000;
  text-decoration: none;
}
.opzioni_generali a:hover {
  font-weight: bold;
  color: #000;
  text-decoration: underline;
}

table.lista input
{
    width:400px;
}



form table {
  vertical-align: top;
  margin: auto;
  border-collapse: collapse;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc; 
  color: #333;
}
form table th {
  text-transform: uppercase;
  background: #e2e2e2;
  font-weight: bold;
}
form table td, form table th {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  line-height: 1.9em;
  font-size: 0.9em;
  vertical-align: top;
}
form table th p {
  margin: 0;
  padding: 10px 7px 10px 7px;
  border-top: 1px solid #fff;
  border-right: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
  border-left: 1px solid #fff;
  text-align: right;
}
form table td {
  padding: 9px 7px 6px 7px;
  background: #efefef;
}
form table td a {
  font-weight: bold;
  color: blue;
  text-decoration: none;
}
form table td a:hover {
  color: blue;
  text-decoration: underline;
}
form table input {
 
}
form table img {
  vertical-align: middle;
}
form button {
  border: none;
  background: none;
  font-weight: bold;
}
form button img {
  vertical-align: middle;
}
form .etichetta {
  width: 25%;
  text-align: right;
}
form .aumenta_larghezza {
  width: 30%;
}
form input.data {
  height: 20px;
  border: none;
  background-color: transparent;
  font-weight: bold;
}
form table table.allegati {
  border: none;
}
form table table.allegati td {
  font-size: inherit;
}
form table table.allegati tr {
  background-color: #fafafa;
}


#titolo,
#titolo_link,
#indirizzo,
#url         { width: 80% }
#sottotitolo,
#url         { width: 90% }
#testata     { width: 50% }
#ordine      { width: 20px }
#impostazione,
#valore {
  width: 90%;
  height: 50px;
}
#upload_progress {
  margin-top: 20px;
  font-weight: bold;
  text-align: center;
}




/* Stile della bacheca in home page */

#bacheca {
  margin-top: 80px;
  border-bottom: 1px solid #000;
}
#bacheca h3 {
  margin-bottom: 30px;
  padding-bottom: 5px;
  border-bottom: 1px solid #000;
  font-weight: bold;
  text-align: left;
}

.modalBackground 
{
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.ModalPopup 
{
    background-color:#ffffdd;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    width:600px;
    height:450px;

}

.message
{
    display:block;
    color:Red;
    font-family:Verdana;
    font-size:10px;
}