/*

Testi:
  474747 - grigio scuro (testo normale) 
  7D7D7D - titoli, form, etc
  A5EBA0 - data documento


Sfondi:
  E8F9E7 sfondo verde chiaro box form

  A5EBA0 verde scuro
  C5F5C2 verde medio
  E9FBE8 verde chiaro
  
*/

/*
 ----------------------------------------------------------------------------
 ---  Standard HTML Elements
 ---------------------------------------------------------------------------- 
*/

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#474747;
  margin: 0px;
  background-color : #FFFFFF;
}

p, td, div {
	font-size: 9px;
	color:#474747;
}

h1 {
	font-family: Meta, Arial;
  font-size: 22px;
	font-weight: bold;
	color:#474747;
}

h2 {
	font-family: Meta, Arial;
  font-size: 15px;
	font-weight: bold;
	color:#7D7D7D;
}

h3 {
	font-size: 10px;
	font-weight: bold;
}

textarea, select, option {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 9px;
  color : #366C3A;
  background-color : #FFFFFF;
  border-color : #BDC2C6;
  border-style : solid;
  border-width : 1px;
}

a, a:visited {
  color:#474747;
  text-decoration: underline;
}

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

/*
 ----------------------------------------------------------------------------
 --- Menu 
 ---------------------------------------------------------------------------- 
*/

.servicemenu {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.menudiv {
  position: absolute;
  z-index: 100;
	width: 144px;
	height: 168px;

  background-color: #33A527;
  border: 1px solid #FFFFFF;

	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}


/*
#dropmenudiv {
  position: absolute;
  z-index: 100;
	width: 144px;
	height: 166px;

  background-color: #0E2B83;
  border: 1px solid #FFFFFF;

	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
*/

#profilelayer{
  position:relative; 
  width:578px; 
  height:26px; 
  z-index:10000; 
  background-image: url(/img/page/header/profile-tab-bg-tsf.gif); 
  layer-background-image: url(/img/page/header/profile-tab-bg-tsf.gif); 
  border: 1px none #000000; 
  left: 0px; 
  top: 10px;
}

/*
 ----------------------------------------------------------------------------
 --- TITOLI 
 ---------------------------------------------------------------------------- 
*/

/* stile per il titolo della pagina (in realtą va in grafica) */
.page-title {
	font-family: Meta, Arial;
  font-size: 22px;
	font-weight: bold;
	color:#474747;
}

/* stile per il titolo dei paragrafi (livello 1) - come h2 */
.paragraph-title {
	font-family: Meta, Arial;
  font-size: 15px;
	font-weight: bold;
	color:#7D7D7D;
}

/* stile per il titolo dei paragrafi (livello 2) - come h3 */
.sub-paragraph-title {
	font-size: 10px;
	font-weight: bold;
}
.sub-title {
  font-size: 12px;
	font-weight: bold;
	color:#7D7D7D;
}
.sub-title-blu {
  font-size: 12px;
	font-weight: bold;
	color:#474747;
}
.sub-title2 {
  font-size: 10px;
	font-weight: bold;
	color:#7D7D7D;
}
.sub-title2-blu {
  font-size: 10px;
	font-weight: bold;
	color:#474747;
}
.sub-title-right, .sub-title-left {
  font-size: 11px;
	font-weight: bold;
	color:#474747;
}

.document-date {
 color: #A5EBA0
}
div.titolo {
  font-size: 13px;
	font-weight: bold;
}
div.headline {
  font-size: 11px;
	font-weight: bold;
}
div.data {
  font-size: 11px;
	font-weight: bold;
	color:#7D7D7D;
}
/*
 ----------------------------------------------------------------------------
 --- Altri stili 
 ---------------------------------------------------------------------------- 
*/
/* being replaced by the stiles at the bottom of the file  */

.menu-level3-on {
  font-weight: bold;
  font-size: 10px; 
  color: #ffffff; 
  background-color: #01C000;
  text-align:center;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #FFFFFF;  
}
.menu-level3-off {
  font-weight: bold;
  font-size: 10px; 
  color: #ffffff; 
  background-color: #A5EBA0;
  text-align:center;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #FFFFFF;

}

.table-header {
	font-weight: normal;
	font-size: 10px;
	color: #01C000;
	background-color: #A5EBA0;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

.menu-level3-on a, .menu-level3-off a, .menu-level3-off a:visited {
	color: #FFFFFF;
	display: block; /* Fondamentale! Da impostare sempre */
	position: relative; /* Fondamentale! Da impostare sempre */
	text-decoration: none;
	padding-top: 4px;
  padding-bottom: 4px;
}
.menu-level3-on a:hover, .menu-level3-off a:hover {
	color: #FFFFFF;
	background-color: #01C000;
	text-decoration: none;
	padding-top: 4px;
  padding-bottom: 4px;
}


/*
 ----------------------------------------------------------------------------
 --- Altri stili 
 ---------------------------------------------------------------------------- 
*/

/* Link non sottolineati  */
a.no-underline, a.no-underline:visited {
	color: #474747;
  text-decoration: none;
}

a.no-underline:hover {
	color: #474747;
  text-decoration: underline;
}
/* Link interni (approfondimenti) */
a.internal-link, a.internal-link:visited {
	font-size: 9px;
	color: #33A527;
  text-decoration: none;
}

a.internal-link:hover {
	font-size: 9px;
	color: #33A527;
  text-decoration: underline;
}

/* Link esterni */
a.external-link, a.external-link:visited {
	font-size: 9px;
	color: #33A527;
	font-weight: bold;
  text-decoration: none;
}

a.external-link:hover {
	font-size: 9px;
	color: #33A527;
	font-weight: bold;
  text-decoration: underline;
}

/* Link alle ancore per le diverse sezioni di una pagina */
td.toc {
  background-color: #A5EBA0;
}

a.toc, a.toc:visited {
	font-size: 9px;
	color: #33A527;
	font-weight: bold;
  text-decoration: none;
}

a.toc:hover {
	font-size: 9px;
	color: #33A527;
	font-weight: bold;
  text-decoration: underline;
}

/* Comandi (Funzionalitą): Stampa, Chiudi, Annulla */
a.command, a.command:visited {
	font-size: 9px;
	color: #33A527;
  text-decoration: none;
}

a.command:hover {
	font-size: 9px;
	color: #33A527;
  text-decoration: underline;
}

/* Tabelle dati */

.row-even {
  background-color: #E8F9E7
}

.row-odd {
  background-color: #C5F5C2
}

.row-charter {
	background-color: #E8F9E7;
	font-style: normal;
	color: #74393F;
}
.charter {
	color: #9F5D61;
}
.redText {
	color: #FA4B4B;
}

/*
 ----------------------------------------------------------------------------
 --- Form styles
 ---------------------------------------------------------------------------- 
*/

input.form-field, textarea.form-field, select.form-field, option.form-field {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 9px;
  font-color: #A5EBA0; 
  color : #A5EBA0;
  background-color : #FFFFFF;
  border-color : #A5EBA0;
  border-style : solid;
  border-width : 1px;
}
input.form-field2, textarea.form-field2, select.form-field2, option.form-field2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 9px;
  color : #252666;
  background-color : #FFFFFF;
  border-color : #BDC2C6;
  border-style : solid;
  border-width : 1px;
}
input.radio, input.checkbox  {
  background-color : #E8F9E7;
  border-width : 0px;
}

/*
 ----------------------------------------------------------------------------
 ---  Numeri utili
 ---------------------------------------------------------------------------- 
*/

.numeriutili-table {
	background-color: #A5EBA0;
	border-collapse:collapse;
}

.numeriutili-description-td {
  background-color: #C5F5C2;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.numeriutili-number-td {
  background-color: #E8F9E7;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}


/*
 ----------------------------------------------------------------------------
 ---  Segnalazioni
 ---------------------------------------------------------------------------- 
*/

.segnalazioni-table-header {
  background-color: #A5EBA0;
	border-right-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
}

.segnalazioni-table-body {
	background-color: #C5F5C2;
	border-right-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
}

.segnalazioni-table-footer {
  background-color: #E8F9E7;
	border-right-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
}


/*
 ----------------------------------------------------------------------------
 ---  Box Elements
 ---------------------------------------------------------------------------- 
*/
.box01-table {
	background-color: #E8F9E7;
	border-collapse:collapse;
}
.box01-t1r0b0l0-td {
	border-top-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
}
.box01-t0r0b1l0-td {
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.box01-t0r1b0l0-td {
	border-right-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
}
.box01-t0r0b0l1-td {
  border-left-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 1px;
}
.box01-t1r1b0l0-td {
	border-top-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
}
.box01-t0r1b1l0-td {
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
}
.box02-off-td {
  font-size : 10px;
	color: #33A527;
	background-color: #A5EBA0;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.box02-on-td {
  font-size : 10px;
	color: #FFFFFF;
	background-color: #01C000;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.box03-off-td {
  font-size : 10px;
	color: #33A527;
	background-color: #E8F9E7;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.padding-t1r0b1l0-td {
  padding-top: 4px;
  padding-bottom: 4px;
}
.padding-t0r0b0l1-td {
  padding-left: 8px;
}
.bg-riga01 {
	BACKGROUND-IMAGE: url(/img/common/riga01.gif);
}
.bg-riga02 {
	BACKGROUND-IMAGE: url(/img/common/riga02.gif);
}

.bg-riga03 {
	background-color: #A5ECA0;
}

/*
 ----------------------------------------------------------------------------
 ---  Destinazioni
 ---------------------------------------------------------------------------- 
*/
.box02-table {
	background-color: #FFFFFF;
	border-collapse:collapse;
}
.box02-td {
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
}
/*
 ----------------------------------------------------------------------------
 ---  Errori
 ---------------------------------------------------------------------------- 
*/
.error-text {
  color:#FF0000;
} 

/*
 ----------------------------------------------------------------------------
 --- FINE SAVE
 ---------------------------------------------------------------------------- 
*/

/*
 ----------------------------------------------------------------------------
 --- MENU DI TERZO E QUARTO LIVELLO
 ---------------------------------------------------------------------------- 
*/

.menu-level4-on {
  FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #01C000; padding-left:10px; padding-right:10px; padding-top:7px; padding-bottom:8px;
}
.menu-level4-off {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #A5EBA0; padding-left:10px; padding-right:10px; padding-top:7px; padding-bottom:8px;
}
.menu-level4-on A {
 COLOR: #01C000; TEXT-DECORATION: none
}
.menu-level4-off A {
 COLOR: #A5EBA0; TEXT-DECORATION: none
}
.menu-level4-off A:visited {
 COLOR: #A5EBA0; TEXT-DECORATION: none
}
.menu-level4-on A:hover {
 COLOR: #01C000; TEXT-DECORATION: none
}
.menu-level4-off A:hover {
 COLOR: #01C000; TEXT-DECORATION: none
}

.menu-level3-2 {
  FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND-COLOR: #ffffff; padding-right:10px; padding-top:7px; padding-bottom:7px;
}
.menu-level3-2-on {
  FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #01C000; BACKGROUND-COLOR: #E9FBE8; padding-right:10px; padding-top:7px; padding-bottom:7px;
}
.menu-level3-2-off {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #A5EBA0; BACKGROUND-COLOR: #E9FBE8; padding-right:10px; padding-top:7px; padding-bottom:7px;
}
.menu-level3-2-on A {
 COLOR: #01C000; TEXT-DECORATION: none
}
.menu-level3-2-off A {
 COLOR: #A5EBA0; TEXT-DECORATION: none
}
.menu-level3-2-off A:visited {
 COLOR: #A5EBA0; TEXT-DECORATION: none
}
.menu-level3-2-on A:hover {
 COLOR: #01C000; TEXT-DECORATION: none
}
.menu-level3-2-off A:hover {
 COLOR: #01C000; TEXT-DECORATION: none
}

.menu-level3-separator {
  background-color: #01C000;
}

/*
 ----------------------------------------------------------------------------
 --- Compagnie
 ---------------------------------------------------------------------------- 
*/

.compagnie-separator {
  background-color: #01C000; 
  margin-top: 8px; 
  margin-bottom: 8px;
}

/*
 ----------------------------------------------------------------------------
 --- Footer
 ---------------------------------------------------------------------------- 
*/

.footer-separator {
  background-color: #01C000; 
  margin-top: 8px; 
  margin-bottom: 3px;
}

/*
 ----------------------------------------------------------------------------
 --- Link
 ---------------------------------------------------------------------------- 
*/

.link-separator {
  background-color: #01C000; 
  margin-top: 3px; 
  margin-bottom: 3px;
  margin-left: 5px; 
  margin-right: 5px; 
}

.external-link-icon {
	background-image: url('/img/tsf/common/link-newwindow.gif');
	background-repeat: no-repeat;
	background-position: 5px 3px;
	float: left;
}

.internal-link-icon {
	background-image: url('/img/tsf/common/link-int-app.gif');
	background-repeat: no-repeat;
	background-position: 5px 3px;
	float: left;
}