/* BODY */
BODY {
   font-size: 0.8em;
   font-family: arial, helvetica, sans serif;

}

ins {
   text-decoration: none;
}

.full_width {
   width: 980px;
}

img {
   border: 0px solid black;
}
img.map-name {
	display: block;
	margin-top: 10px;
	position:absolute; 
	left: 786px; 
	z-index: 100;
}

/* Top Level Div */

#master {
   border: 1px solid #000000;
   background-color: #ffffff;
}

/* HEADER */
#head0,#head1 {

border:0;margin:0;
}
#head0 {
height:6px;
background:#fff url(/ferrovia/media/head0-0.png) repeat-y;
}
#head1 {
	width: 980px;
	/*height: 81px;
	background: url(/ferrovia/media/ITALIANO/logo_SAD_ferrovia.png) no-repeat;*/
	}
#head1 h5 {
	/*display: none;*/
	}

#head1 h1 {
	margin: 0 0 3px 0;
	padding-left: 10px;
	width: 50%;
	float: left;
	}

#head1 span {
	display:block;
	/*width: 38%;*/
	float:right;
	font-size: 1em; 
	color:#f00;
	letter-spacing:1px;
	background-color:#fff;
	/*height: 25px;
	margin-bottom: 10px;*/
	}
#head1 form {
	display: block;
	/*width: 38%;*/
	float: right;
	text-align: right;
	}
	
#head1 h1 img {
/*	position: relative; 
	left: 10px;*/
	}

#head1 input {
	display:block;
	color: #333;
	font-size: 1em; 
	margin-left: 10px;
	/*padding: 2px 5px;*/
	background-color:#fff;
	border: 1px solid #477220;
	cursor: pointer;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 18px;
}

#head1 input.form-submit:hover {
	border: 1px solid #477220;
	background-color: #477220;
	color: #fff;
	}

#head1 span a,
#head1 span a:link,
#head1 span a:visited {
	font-weight: bold;
	display: block;
	float: right;
	color: #333;
	font-size: 1em; 
	text-decoration: none;
	margin-left: 10px;
	padding: 1px 5px;
	background-color:#fff;
	border: 1px solid #477220;
	line-height: 18px;
	}

#head1 span a:hover, 
#head1 span a:active{
	border: 1px solid #477220;
	background-color: #477220;
	color: #fff;
	}

/* MENU */

.menu_div {
	display: block;
	clear: both;
	width: 980px;
	line-height: 27px;
	min-height: 27px;
	
	/*font-size: 0.95em;
	height: auto;
	min-height: 24px;
	background: #000 url(/ferrovia/media/pixSfondo3.png) repeat-x;*/
	
	background-color: #477220;
	margin: 0;
	margin-bottom: 8px;
	padding: 0;
	
	/* margin-bottom: 5px;
	line-height:24px;
	border: 3px solid #000;
	border-bottom: 3px solid #fff;*/
	}

.menu_div .menu_element {

}
.menu_element {
   margin: 5px;
}

.middle {
   vertical-align: middle;
}

.square_list {
   background: url(/ferrovia/media/square.png) 0 0 no-repeat;
   padding: 0 0 0 15px;
   white-space: nowrap;
}


.menu_div .left {
	float: left;
	width: 65%;
	padding-left: 10px;
	}
.menu_div .left span.menu_element,
.menu_div .left form {
	display: block;
	float: left;
	margin: 0;
   }
   
.menu_div .left span.menu_element {
	margin-right: 50px;
   }

.menu_div .left span.bold {
	margin-right: 10px;
   }
.menu_div .right {
	float: right;
	width: 30%;
	padding-right: 10px;
	}
.menu_div INPUT {
	border: 1px solid #477220;
	background-color: #fff;
	text-align: center;
	}
.menu_div .left input.button {
	background-color: #477220;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	padding:0;
	line-height: 22px;
	}
.menu_link1 {
	display: block;
	margin-left: 30px;
/*	float: right;*/
	}
div.left .menu_link1 {
	float: left;
	}
div.right .menu_link1 {
	float: right;
	}

.menu_link1 a, 
.menu_link1 a:link, 
.menu_link1 a:visited {
	border: 1px solid #477220;
	font-weight:bold;
	background-color: #fff;
	color: #477220;
	letter-spacing: 1px;
	white-space: nowrap;
	padding: 2px 3px;
	color: #000;
	text-decoration: none;
	}

.menu_link1 a:hover {
	background-color: #477220;
	color: #fff;
	text-decoration:none;
	}

.logout {
	display: block;
	margin-left: 30px;
	float: right;

	}

.logout a {
	display: block;
    height: 27px;
	}
.logout a img {
	display: block;
	padding: 4px 3px;

	}

.itemMenu {
   padding:5px;
   margin:5px 5px 5px 5px;
   background: #fff url(/ferrovia/media/pixSfondo.png) repeat-x;
   color: #000;
   font-weight:bold;
   letter-spacing:1px;
   white-space: nowrap;
   border:1px solid #000;
   border-bottom:1px solid #fff;
}

.itemMenu a, .itemMenu a:link, .itemMenu a:visited {
	color: #575753;
	text-decoration:none;
}

.itemMenu a:hover {
	color: #9e463a;
	text-decoration:none;
}

a.menu_open {
  background-image: url('/ferrovia/media/menu_open.gif');
  background-repeat: no-repeat;
  padding-left: 15px;
  vertical-align: center;
  display: block;
  background-position: center left;
  text-decoration: none;
  border-bottom: 2px dotted #72726D;
}

a.menu_open:hover {
  background-image: url('/ferrovia/media/menu_open_hover.gif');
  /*color: #A24A3E;*/
  border-bottom: 2px dotted #A24A3E;
}


a.menu_close {
  padding-left: 15px;
  vertical-align: center;
  display: block;
  background-image: url('/ferrovia/media/menu_close.gif');
  background-repeat: no-repeat;
  background-position: center left;
  text-decoration: none;
  border-bottom: 2px dotted #72726D;
}

a.menu_close:hover {
  background-image: url('/ferrovia/media/menu_close_hover.gif');
  /*color: #A24A3E;*/
  border-bottom: 2px dotted #A24A3E;
}

a.voce_menu {
  padding-left: 15px;
  text-decoration: none;
  border-bottom: 2px dotted #72726D;
  display: block;
}

a.voce_menu_selected {
  padding-left: 15px;
  color: #477220;
  text-decoration: none;
  border-bottom: 2px dotted #A24A3E; 
  display: block;
}

a.voce_menu:hover {
  color: #477220;
  border-bottom: 2px dotted #A24A3E; 
}

ul.menu_ul {
  margin: 5px 0px 5px 5px;
  padding: 0px;
  /*border-top: 2px solid #575753; 
  border-bottom: 2px solid #575753*/
}

ul.menu_ul2 {
  margin: 0px;
  padding: 0px;
  border-left: 2px solid #575753; 
  display: none;

}

ul.menu_ul li {
  margin: 5px 0px 5px 5px;
  padding: 0px;

}

.hr {
	width: 790px;
	margin: 3px 0 0 0;
	padding:0;
	border:0;
	border-top:2px solid #FFFFFF;
	line-height:0;
}

.margin5 {
   margin: 5px;
}

/* Footer */
.footer {
   background-color: #c5c6ac;
   font-size: 0.8em; 
   font-weight: bold;
   padding: 10px; 
   border: solid #000000; 
   border-width: 1px 0 0;
   margin-top: 10px;
}


.footer_treni {
    background-color: #666;
    border-top: 4px solid #477220;
    clear: both;
    color: #fff;
    text-align: center;
    margin-top: 40px;
    padding: 5px 0;
}

.footer_treni a {
	color: #fff;
	font-weight: bold;
	outline: 0 solid black;
	text-decoration: underline;
	}

/* centering the div */
.center_div {
   margin-left: auto;
   margin-right: auto;
}


/* TABELS */

table {
   border: 2px solid #000;
   border-collapse: collapse;
}

table.rightborder {
   border-right:2px solid #000;
}

th {
   background: #575753;
   text-align: left;
   font-weight: bold;
   color:#fff;
   letter-spacing:1px;
}

table.rightborder th {
   border-right: 1px solid #000000;
}

th.alt_th {
   background: #575753 url(/ferrovia/media/pixSfondo5.png) repeat-x;
}

th, td {
   padding: 4px;
}

td {
   text-align: left;
}

table.rightborder td {
	border-right: 1px solid #575753;
}

.dispari {
   background-color: #ededde;
}

.pari {
   background-colorq: #fff;
}

tr.warning1, tr.warning {
    background-color:#B60205;
    color:white;
}

tr.warning a, tr.warning1 a, tr.warning2 a {
    color:white;
}

tr.warning2 {
    background-color:#B58501;
    color:white;
}


/* CONTAINER TABLE */

table#container {
   border: 0px solid #000;
   border-right:0px solid #000;
}

.maintd {
    border-right:0px solid #000;
    text-align:right;
    vertical-align:top;
}


.tabtip1 {
    text-align:center;
}


/* BORDERS */

.bblack_bottom {
   border-bottom: 1px solid #000000;
}

.bblack_right {
   border-right: 1px solid #000000;
}


/* FONTS */

.bold { 
   font-weight: bold;
}

.red {
   color: #FF0000;
}

.white {
   color: #FFFFFF;
}

.yellow {
   color: #FFFF00;
}

.center {
   text-align: center;
}

.right {
   text-align: right;
}

.size18 {
   font-size: 18px;
}

.left_pad {
   padding-left: 10px;
}

/* FORMS */

INPUT { 
   border: 1px solid #555555;
}

input:focus {
   background-color: #FFFFE2;
}


INPUT.menu {
	/*font-size: 0.95em;*/
	}

.button { 
   background-color: #dcdcdc;
}

.button:focus {
   background-color: #dcdcdc;
}
form.login {
	margin: 40px 0;
}


/* LINKS */
/* -------------- */

/* CALLOUT TRENI */

a.treno:link .callout {
   display: none;
   color: #000000;
   text-decoration: none;
   position: relative;
   z-index: 9;
}

a.treno:visited .callout {
   display: none;
   z-index: 9;
   color: #000000;
   text-decoration: none;
   position: relative;
}

a.treno:hover .callout {
   display: block;
   z-index: 9;
   color: #000000;
   text-decoration: none;
   position: relative;
   top: -30px;
   padding-top: 40px;
   padding-left: 20px;
}

a.treno {
   z-index: 7;
   text-decoration: none;
   color: #000000;
   font-weight: normal;
}

a.treno:link {
   z-index: 7;
   text-decoration: none;
}

a.treno:hover {
   display: inline;
   text-decoration: none;
   z-index: 9;
}

a.treno img {
   border: 0px;
   z-index: 7;
}

/* LINK MAPPE LIVELLO 2 */

a.link_mappa:link {
   -moz-opacity: 0.6;
   opacity: 0.6;
   filter: alpha(opacity=60);

}

a.link_mappa:visited {
   -moz-opacity: 0.6;
   opacity: 0.6;
   filter: alpha(opacity=60);

}

a.link_mappa:hover {
   -moz-opacity: 1;
   opacity: 1;
   filter: alpha(opacity=60);

}


/* LINKS */
a {
   font-weight: bold;
   text-decoration: underline;
   color: #333300;
   outline: 0px solid black;
}


/*-----------------*/


li {
    list-style:none;
    padding-top:3px;
    padding-bottom:3px;
    margin: 0px;
    padding: 0px;
    white-space:nowrap;
}


/* -- imagini nell' html -- */
img.ang_top_left { position:absolute; top:0; left:0; padding-top:0px; }
img.ang_top_right { position:absolute; top:0; right:0; padding-top:0px;}
img.ang_bot_left { position: absolute; top: 0px; left:0px; padding: 0px; }
img.ang_bot_right { position: relative; top: 0px; right:0px; padding: 0px; }

img.punta { position:absolute;}


/* -- div fum_top -- */


/* -- div fum_center -- */
.fum_center {
    background-image:url("/ferrovia/media/callout/bgcentral.gif");
    background-repeat:repeat-x;
    background-position: top left;
    background-color: #FFFBE9;
}

        /* div fum_center -> tables */
        .callout table, .callout tr, .callout td {
            padding:0px;
            margin:0px;
            border:0px;
            border-collapse: collapse;
        }

        .fum_center_left {
            width:8px;
            background-image:url("/ferrovia/media/callout/left.gif");
            background-repeat:repeat-y;
            background-position: top right;
        }

         .fum_top_left {
            width:8px;
            background-image:url("/ferrovia/media/callout/ang_top_left.gif");
            background-repeat:repeat-x;
            background-position: top right;
        }

         .fum_top_right {
            width:8px;
            background-image:url("/ferrovia/media/callout/ang_top_right.gif");
            background-repeat:repeat-x;
            background-position: top right;
        }

         .fum_top {
            width:8px;
            background-image:url("/ferrovia/media/callout/top.gif");
            background-repeat:repeat-x;
            background-position: top right;
        }

        .fum_center_right {
            width:8px;
            background-image:url("/ferrovia/media/callout/right.gif");
            background-repeat:repeat-y;
            background-position: top left;
        }

        /* div fum_center -> div */
        div.fum_center_center {

            margin-left:8px;
            margin-right:8px;
            padding: 0px;
        }


/* -- div fum_bottom -- */
div.fum_bottom {
    margin: 0px;
    padding: 0px;
    background-image:url("/ferrovia/media/callout/bottom.gif");
    background-repeat:repeat-x;
    background-position: top left;
}


.newsgrey {
   position: relative; 
   border: 1px solid #666666; 
   background-color: #DEDEDE;
   padding: 5px; 
   width: 45%; 
   margin-bottom: 15px;
   -moz-border-radius-topleft: 13px; 
   -moz-border-radius-bottomright: 13px;
   overflow: hidden;
   text-align: justify;
   font-family: monospace;
   font-size: 26px;
}

.newsred {
   position: relative; 
   border: 1px solid #6e3737; 
   background-color: #eac5c5;
   padding: 5px; 
   width: 45%;
   margin-bottom: 15px;
   -moz-border-radius-topleft: 13px;
   -moz-border-radius-bottomright: 13px;
   overflow: hidden;
   text-align: justify;
   font-family: monospace;
   font-size: 26px;
}

.grafico {
    border:0px solid black;
    position:relative;
    width:300px;
    text-align:left;
}

.grafico2 {
    border:0px solid black;
    position:relative;
    width:260px;
    text-align:left;
}

.grafico td {
    border-right:0px solid;
    padding:0px;
    padding-left:2px;
    padding-right:2px;
}

.graftd {
    width:200px;
}

.grafint_bigl {
    position:relative;
    top:0px;
    left:0px;
    height:15px;
    width:30px;
    background-image: url("/ferrovia/media/cartevalore2.gif");
    background-repeat: no-repeat;
    background-position: top right;
}

.grafint_mon {
    position:relative;
    top:0px;
    left:0px;
    height:15px;
    width:30px;
    background-image: url("/ferrovia/media/coins.gif");
    background-repeat: no-repeat;
    background-position: top right;
}

.grafint_bytes {
    position:relative;
    top:0px;
    left:0px;
    height:15px;
    width:30px;
    background-image: url("/ferrovia/media/bytes.gif");
    background-repeat: no-repeat;
    background-position: top right;
}

.grafest {
    position:relative;
    top:0px;
    left:0px;
    text-align:left;
    height:15px;
    width:200px;
    background-image: url("/ferrovia/media/barbg.gif");
    background-repeat: no-repeat;
    background-position: top left;
    border:1px solid black;
}

.grafest_altern {
    position:relative;
    top:0px;
    left:0px;
    text-align:left;
    height:15px;
    width:200px;
    background-image: url("/ferrovia/media/barbg_altern.gif");
    background-repeat: no-repeat;
    background-position: top left;
    border:1px solid black;
}

.graftxt {
    position:relative;
    top:1px;
    left:90px;
    color:white;
	float:left;
    background-color:#72726C;
    font-weight:bold;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:3px;
    padding-right:3px;
}

.graf0 {
    width:20px;
}

/* TABLE graftaglidisp */

#graftaglidisp {
    border-collapse:collapse;
    border:0px solid;
    padding:10px;
}

#graftaglidisp td {
    border-right:0px solid;
    padding:0px;
    text-align:center;
}

.tab30x30 { width:30px; height:30px; }
.tab30x140 { width:30px; height:140px; }
.tab30x15 { width:30px; height:15px; }
.tab55x15 { width:55px; height:15px; }
.tab55x30 { width:55px; height:30px; }

.graf_bot_cent {
    background-image:  url("/ferrovia/media/graf_bot_cent.gif");
    background-repeat: repeat-x;
    background-position: top left;
}

.alignbotdx {
    vertical-align:bottom;
    text-align:right;
}

.alignbot {
    vertical-align:bottom;
    font-weight:bold;
}

.aligntop {
    vertical-align:top;
}

#graf_top_sx {
    background-image:  url("/ferrovia/media/graf_top_sx.gif");
    background-repeat: no-repeat;
    background-position: top left;
}

#graf_mid_sx {
    background-image:  url("/ferrovia/media/graf_mid_sx.gif");
    background-repeat: no-repeat;
    background-position: top left;
}

#graf_bot_sx {
    background-image:  url("/ferrovia/media/graf_bot_sx.gif");
    background-repeat: repeat-x;
    background-position: top left;
}

#graf_bot_dx {
    background-image:  url("/ferrovia/media/graf_bot_dx.gif");
    background-repeat: no-repeat;
    background-position: top left;
}

.graftaglidisp_bar {
    width:95%;
    background-image:  url("/ferrovia/media/graf_bar.jpg");
    background-repeat: no-repeat;
    background-position: top left;
    border-top:1px solid black;
    border-left:1px solid black;
    border-right:1px solid black;
}

/* Calendario */

#calendar_big, #calendar_sett {
  margin-top: 20px;

}

#calendar_big table, #calendar_sett table{
  border: 1px solid #CACACA;
  
}

#calendar_big td {
  border: 1px solid #CACACA;
  /*border-bottom: 2px solid #CACACA;*/
}

#calendar_big td.week {
  background-color: #EDEDED;
  text-align: center;
}

#calendar_big td.giorno_libero {
  background-color: #FFFFE0;
}

#calendar_big td.giorno_libero_c {
  background-color: #F2F1C4;
}

#calendar_big td.giorno_lavoro {
  background-color: #E3ECF2;
}

#calendar_big td.giorno_lavoro_c {
  background-color: #D4EBE2;
}


#calendar_big td.calendar_day {
  text-align: right;
  vertical-align: top;
  padding-bottom: 2em;
  font-weight: bold;

}

td.calendar_day .tipo_servizio {
  position: relative;
  top: 3px;
  float: left;
}

.submit_field {
  cursor: pointer;
}

.calendar_header {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  line-height: 1.5em;
}

#calendar_sett td {
  padding: 0px;
  border-right: 1px solid #c5dbf7;
}


#calendar_sett td.day_name, #calendar_big td.day_name {
  text-align: center;
  width: 12%; 
  font-weight: bold;
  line-height: 1.5em;
  /*border: 0px solid black;*/
  padding-top: 4px;
  padding-bottom: 4px;
}

#calendar_sett td.day_name {
   border-right: 1px solid #B5CBE7;
}

#calendar_sett td.spacer {
  border-right: 1px solid #B5CBE7;
  border-left: 1px solid #B5CBE7;
  width: 10px;
}


#calendar_sett .default_box { /* Tipo sconosciuto */
  background-color: #CCCCCC;
  -moz-opacity: 0.85;
  position: absolute; 
}


#calendar_sett .ferie { /* Ferie */
   background-color: #E9E9DD;
  /*border: 1px solid black;*/
}

#calendar_sett ._0,  #calendar_sett ._9 { /* Inizio/Termine Turno */
   background-color: #112E72; /*#2B6088;*/ 
   /*border: 1px solid #CDC0B0;*/
}

#calendar_sett .RI { /* Riserva */
   background-color: #C42616;
}

#calendar_sett ._1 { /* Servizio Linea */
   background-color: #F7A700;
}

#calendar_sett ._2 { /* Trasferimento a vuoto con veicolo */
   background-color: #00B852;
}

#calendar_sett ._3 { /* Sosta operativa */
   background-color: #5088C1;
}


#calendar_sett ._F, #calendar_sett ._I { /* Inizio/Fine servizio */
   background-color: #80B0FF;
}

#calendar_sett ._S { /* Sosta ripreso servizio */
   background-color: #BFD7FF;
}

#calendar_sett .AD { /* A disposizione */
   background-color: #79B33A;
}

#calendar_sett .IM { /* Invio materiale */ 
   background-color: #9DC205;
}

#calendar_sett .CP { /* Corsa prova */
  background-color: #FFED80;
}

#calendar_sett .TS { /* Trasferimento mezzi SAD */
  background-color: #D24B00;
}

#calendar_sett .TP { /* Trasferimento mezzi propri */
  background-color: #C6064F;
}

#calendar_sett .FA { /* Formazione aula */
  background-color: #10C8CD;
}

#calendar_sett .SS { /* Servizio secondo agente */
  background-color: #FAF93C;
}

#calendar_sett .CS { /* Servizio a ... */
  background-color: #A8F880;
}

/* Tooltip */
.tooltip_sett_header {
   font-weight: bold;
   width: 300px;
   border: 1px solid #A5CFE9;
   padding: 3px;
   color: #4B7A98;
   background-color: #D5EBF9;
   filter: alpha(opacity=90);
   -moz-opacity: 0.9;
}

.tooltip_sett_body {
   width: 300px;
   border-left: 1px solid #A5CFE9;
   border-right: 1px solid #A5CFE9;
   border-bottom: 1px solid #A5CFE9;
   padding: 3px;
   color: #1B4966;
   background-color: #FFFFFF;
   filter: alpha(opacity=90);
   -moz-opacity: 0.9;
}

.tooltip_sett_body ul {
   padding: 0px;
   margin: 0px;
}

/* Mappa GMAPS */
#map {
   width: 985px;
   height: 600px;
   margin-bottom: 10px;
}

/* DEBUG INFO WINDOW */
.debug {
   position: relative;
   width: 600px;
   margin-top: 10px;
   margin-bottom: 10px;
   border: 1px solid #333333;
   background-color: #dddddd;
   font-family: courier;
   padding: 0px;
   padding-left: 3px;
   padding-right: 3px;
   padding-bottom: 3px;
}

.debug h2 {
   position: relative;
   width: 604px;
   margin-left: -3px;
   margin-right: -3px;
   margin-top: 0px;
   margin-bottom: 4px;
   padding-left: 3px;
   font-weight: bold;
   color: #ffffff;
   background-color: #333333;
}

.debug h2 span.dbInfoTitle {
   font-size: 14px;
   font-style: italic;
}

.GMapsCallout {
   margin: 0px;
   margin-bottom: 2px;
   border: 0px;
   border-left: 1px solid #000000;
   border-right: 1px solid #000000;
   border-bottom: 1px solid #000000;
   empty-cells: show;
}

.GMapsCallout tr {
   padding: 0px;
   margin: 0px;
}

.GMapsCallout tr td {
   padding: 0px;
   padding-right: 2px;
   padding-left: 2px;
}

.GMapsCallout tr td.matricola {
   background-color: #00579c;
   color: #ffffff;
}

.GMapsCallout tr th a {
   color: #ffffff;
}

.GMapsCalloutOrari {
   margin: 0px;
   border: 0px;
   padding: 0px;
   background-color: #ffffff; 
   /*position: absolute;*/
}

.dispariOrario {
   background-color: #d9d9d9;
}

.pariOrario {
   background-color: #ffffff;
}

.GMapsCalloutOrari tr {
   margin: 0px;
   border: 0px;
   padding: 0px;
}

.GMapsCalloutOrari tr.lastRow {
   border-bottom: 2px solid #000000;
}

.GMapsCalloutOrari tr td {
   margin: 0px;
   border: 0px;
   padding: 0px;
   font-size: 11px;
   font-family: 'Zurich Light';
}

.GMapsCalloutOrari tr th.leftOrario {
   border-top: 2px solid #000000;
   background-image: none;
   background-color: #004c79;
   height: 30px;
}

.GMapsCalloutOrari tr th.centerOrario {
    border-top: 2px solid #000000;
    background-image: none;
    background-color: #ffffff;
    height: 30px;
    text-align: center;
    vertical-align: middle;
}

.GMapsCalloutOrari tr th.rightOrario {
    border-top: 2px solid #000000;
    background-image: none;
    background-color: #004c79;
    height: 30px;
}

.GMapsCalloutOrari tr td.leftOrarioCol {
   border-right: 2px solid #ffffff;
   text-align: left;
   padding-right: 2px;
}

.GMapsCalloutOrari tr td.centerOrarioCol {
   text-align: center;
   padding-left: 2px;
   padding-right: 2px;
}

.GMapsCalloutOrari tr td.rightOrarioCol {
   border-left: 2px solid #ffffff;
   text-align: right;
   padding-left: 2px;
}

div#warningBar {
   display: inline;
   float: right;
   margin-right: 10px;
   color: #ffffff;
}

div#boxLegenda {
   display: inline;
   float: right;
   margin-right: 20px;
}

.warningLabel {
   background-color: #cf0f0e;
   color: #ffd500;
   font-weight: bold;
}

.hidden {
   display: none;
}

.visibile {
   display: table;
}

#trainNotices {
   margin-bottom: 20px;
}

#trainNotices th {
   text-align: center;
}

#trainNotices td.matricola {
   text-align: center;
   font-weight: bold;
}

#trainNotices td.fire {
   width: 100px;
   text-align: center;
   vertical-align: middle;
}

#trainNotices td.fault {
   width: 100px;
   text-align: center;
   vertical-align: middle;
}

#trainNotices td.cvW {
   width: 100px;
   text-align: center;
   vertical-align: middle;
}

#trainNotices td.cvE {
   width: 100px;
   text-align: center;
   vertical-align: middle;
}

.toggleOrario {
   color: #333300;
   font-weight: bold;
   text-decoration: underline;
   outline: 0px solid black;
   cursor: pointer;
}

/* error/information messages */
.msg {
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border: 1px solid;
 margin: 0 0 15px 0;
 padding: 8px 10px 0 10px;
}
.msg p {
 margin: 0 0 8px 0;
 padding-left: 25px;
 line-height: 16px;

}

.msg div {
  padding-left: 25px;
  margin: 0 0 8px 0;
}

.msg-ok {
 border-color: #a6d877;
 background: #d2ecba url("/ferrovia/media/msg/msg-ok.png") repeat-x;
 color: #336801;
}
.msg-error {
 border-color: #f3abab;
 background: #f9c9c9 url("/ferrovia/media/msg/msg-error.png") repeat-x;
 color: #8d0d0d;
}
.msg-warn {
 border-color: #d7e059;
 background: #f3f7aa url("/ferrovia/media/msg/msg-warn.png") repeat-x;
 color: #6c6600;
}
.msg-info {
 border-color: #9fd1f5;
 background: #c3e6ff url("/ferrovia/media/msg/msg-info.png") repeat-x;
 color: #005898;
}
.msg-ok p {
 background: url("/ferrovia/media/msg/accept.png") 0 50% no-repeat;
}
.msg-error p {
 background: url("/ferrovia/media/msg/cross_octagon.png") 0 50% no-repeat;
}
.msg-warn p {
 background: url("/ferrovia/media/msg/exclamation_octagon_fram.png") 0 50% no-repeat;
}
.msg-info p {
 background: url("/ferrovia/media/msg/exclamation.png") 0 50% no-repeat;
}