html {
	height: 100%;
}

body, div, select, textarea, input {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}

body {
	font-size: 12px;
	line-height: 16px;
	margin: auto;
	background-color: #FFF;
	overflow: auto;		
}

a img {
	border: 0;
}

span.sortarrow {
	display: none;
}

.button {
	padding: 2px 4px 1px 4px;
    border: 1px solid #FFFFFF;
    background: #7F7F7F;
    color: #FFF;

}

h1{
	color: #C63033;
	padding: 5px 0 10px 5px;
	margin: 0;
	font-weight: bold;
	font-size: 16px;
}

h2{
	color: #C63033;
	padding: 5px 0 2px 0;
	margin: 0;
	font-weight: bold;
	font-size: 12px;
}

a:link,  a:visited {
  color: #C63033;
  text-decoration: none;
}

a:hover, a:active{
  text-decoration: underline;
}

a.fondo:link, a.fondo:visited {
	color: #9A9A9A;
	text-decoration: none;
	font-size:   11px;
}
a.fondo:hover, a.fondo:active {
	color: #9A9A9A;
	text-decoration: underline;	
	font-size:   11px;
}
.fondo {
}

.topSX{
	top: 10px;
	left: 10px;
	position: absolute;
}
.topDXlingue{
	top: 10px;
	right: 50px; 
	position: absolute;
}
.topDX{
	top: 10px;
	right: 10px; 
	position: absolute;
}
.bottomSX{
	bottom: 10px;
	left: 10px;
	position: absolute;
	font-size:   11px;
	color: #FFFFFF;
}
.bottomDX{
	bottom: 10px;
	right: 10px;
	position: absolute;
}
.form_centrale {
	top: 150px;
	left: 300px;
	position: absolute;
}
.form_centrale h2{
	color: #C63033;
	padding: 5px 0 2px 0;
	margin: 0;
	font-weight: bold;
	font-size: 12px;
}
.form_centrale_2 {
	top: 10px;
	left: 260px;
	right: 10px;
	position: absolute;
}


table.autotable {
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	border-left: 1px solid #555;
	border-right: 1px solid #555;
	border-collapse: separate;
	border-spacing: 0px;
	margin: 3px 5px 3px 5px;
	width: 99%;
}

table.autotable thead {
	background : #555;
	color: #FFF;
	text-align: left;
}

table.autotable caption {
	text-align: left;
	font-weight: bold;
	color: #000000;
	vertical-align: bottom;
}

table.autotable caption img{
	text-align: left;
	vertical-align: bottom;
}

table.autotable td, th{
	border-right: 1px ridge #555;
	padding: 3px;
}

table.autotable th a{
	color: #FFF;
	text-decoration: none;
}

table.autotable tr.even{
	background : #FFF;
}

table.autotable tr.odd{
	background : #EFEFEF;
}

table.autotable td.left{
	text-align: left;
}

table.autotable td.right{
	text-align: right;
}


/*Menu Automatico*/
/*MENU*/
.automenu{
	margin: 0;
	padding: 0;
	width: 150px;
	list-style: none;
	border-top: 0px solid;
}

.automenu li{
	position: relative;
}
/*SOTTO MENU*/
.automenu ul{
	list-style: none;
	padding: 0;
	border-top: 0px solid;
}

/*SOTTO MENU SENZA JS*/
.automenu ul{
	margin: 0 0 0 10px;
}

/*SOTTO MENU CON JS:ON OFF*/
.automenu ul.subMenu-off{
	position: absolute;
	visibility: hidden;
	height: 0;
	overflow: hidden;	
}
.automenu ul.subMenu-on{
	margin: 0;
	width: 150px;
	position: absolute;
	top: -1px;
	left: 149px;	
}

/*COLLEGAMENTI*/
.automenu a{
	display: block;
	text-decoration: none;
	padding: 2px 10px;
}

.automenu a{
	border-right: 0px solid #000;
	border-bottom: 0px solid #000;
	border-left: 0px solid #000;
}

/*COLORI*/
.automenu a:link,
.automenu a:visited{
	background: #FFF;
	color: #C63033;
}
.automenu a.menu_selezionato{
	background: #C63033;
	color: #FFF;
}
.automenu a:hover,
.automenu a:focus,
.automenu a:active{
	background: #C63033;
	color: #FFF;
}



/*VOCI CON SOTTOMENU*/
.automenu.subMenu-on a.continua:link,
.automenu.subMenu-on a.continua:visited,
.automenu.subMenu-off a.continua:link,
.automenu.subMenu-off a.continua:visited{
	background-image: url(/img/continua.png);
	background-position: right center;
	background-repeat: no-repeat;
}


/*Menu Automatico*/










/**
 * DatePicker widget using Prototype and Scriptaculous.
 * (c) 2007 Mathieu Jondet <mathieu@eulerian.com>
 * Eulerian Technologies
 *
 * DatePicker is freely distributable under the same terms as Prototype.
 * v0.9.1
 *
 */
div.datepicker {
 position: absolute;
 text-align: center;
 border: 1px #C4D5E3 solid;
 font-family: arial;
}
div.datepicker-header {
 font-size: 12px;
 font-weight: bold;
 background: #e9eff4;
 border-bottom:1px solid #c4d5e3;
 padding: 2px;
}
div.datepicker-footer {
 font-size: 10px;
 background: #e9eff4;
 border-top:1px solid #c4d5e3;
 cursor: pointer;
 text-align: center;
 padding: 2px;
}
div.datepicker-calendar {
 font-size: 10px;
 background:#FFFFFF;
 padding: 2px;
 text-align: center;
}
div.datepicker-calendar table {
 font-size: 10px;
 border: 1px white solid;
 margin: 0px;
 padding: 0px;
 text-align: center;
}
div.datepicker-calendar table tr {
 border: 1px white solid;
 margin: 0px;
 padding: 0px;
}
div.datepicker-calendar table td {
 border: 1px #eaeaea solid;
 margin: 0px;
 padding: 0px;
 text-align: center;
}
div.datepicker-calendar table td:hover, 
div.datepicker-calendar table td.outbound:hover,
div.datepicker-calendar table td.today:hover {
 border: 1px #c4d5e3 solid;
 background: #e9eff4;
 cursor: pointer;
}
div.datepicker-calendar table td.wday {
 border: 1px #ffffff solid;
 background: #ffffff;
 cursor: text;
}
div.datepicker-calendar table td.outbound {
 background: #e8e4e4;
}
div.datepicker-calendar table td.today {
 border: 1px #16518e solid;
 background: #c4d5e3;
}





/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #717171;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #717171;
 border-bottom: none;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #C63033; }
ul.tabbernav li a:visited { color: #C63033; }

ul.tabbernav li a:hover
{
 color: #333;
 background: #DDD;
 border-color: #555;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid white;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding: 0;
 border:1px solid #717171;
 border-top:0;
 background: #FFF;
 height: auto !important;  /* per i browser moderni */
 height: 450px;      /* per IE5.x e IE6 */
 min-height: 450px;  /* per i browser moderni */

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}