@CHARSET "UTF-8";

body
  {
  margin:0px;
padding:0px;
  
  height: 100%;
  overflow: hidden;
  font-size: 100%;
  }
#content{
  position:absolute;
  width: 100%;
  height: 100%;
  overflow: auto;
  top:0px;
}

.fixed{
	position:absolute;
/*	border:1px solid red;*/
}




*{
	font-size:12;
	font-family: Arial,sans-serif;
}


.left_box{
	float:left;
	margin-right:50px;
	margin-left:5px;
	margin-top:5px;
	width:420px;
	border:1px solid #dbdbdb;

	padding:0px;
}

#from,
#to{
	background-color:#dbdbdb;
	height:40px;
	border:1px solid gray;
	display:none;
	}

#from{
	background-image: url("../img/play.png");
	background-repeat: no-repeat;
	}
	
#to{
	background-image: url("../img/stop.png");
	background-repeat: no-repeat;
	}

#from span,
#to span{
	float:left;
	width:auto;
	height:auto;
	overflow:hidden;
	margin-left:30px;
	margin-top:5px;
	}	

.pedestrian,.waiting{
	overflow:hidden;
	border:1px solid #dbdbdb;
	}
	
	
.waiting{
	padding:3px;
	margin-top:5px;
}

.bus{
	overflow:hidden;
	margin-top:5px;
	border:1px solid #dbdbdb;
	margin-bottom:5px;
	}
	
div.fares{
	overflow:hidden;
	margin-top:5px;
	border:1px solid #dbdbdb;
	margin-bottom:5px;
	display:none;
}

div.fares div.section_box{
	margin:2px;
}

div.fares div.section_box table td.col_stoppoint{
	width:100%;
}

div.fares div.section_box table td.col_faretypes{
	width: 150px;
}

div.fares div.section_box table td.col_faretypes select{
	width:150px;
	padding:0px;
	height:20px;
}

.bus a,.pedestrian a,.waiting a{
	color:black;
	text-decoration:none;
	display:block;
	width:100%;
	}
	
.bus a,.bus img,.pedestrian a,.pedestrian img,.waiting a,.waiting img{
	border:0px;
	padding:0px;
	margin:0px;
	
	}

.bus a:hover,.pedestrian a:hover{
	background-color:#ECECEC;
	cursor: pointer;
	}
	
.waiting a:hover{
	cursor:default;
}
	
.bus span,
.pedestrian span,
.waiting span{
	float:left;
	overflow:hidden;
	margin-left:5px;
	margin-bottom:2px;
	
	}

.bus div,
.pedestrian div,
.waiting div{
	float:left;
	clear:right;
	width:90%;
	overflow:hidden;
	margin-left:5px;
	margin-bottom:2px;
	padding:0px;
	
}

.waiting div{
	margin-top:5px;	
}
	
.bus div img,
.pedestrian div img,
.waiting div img{
	margin-left:10px;
}

div.bus li b a{
	display:inline;
	
}

	
hr.spessore{
	clear:both;
	height:0px;
	margin:0px;
	padding:0px;
	border:none;
	visibility:hidden;
	}


.solutions ul,
.bus ul{
	font-size:14;
	margin:5px;
	padding:0px;
	width:100%;
	list-style:none;
	}

.solutions li{
	display:inline;
	}
	
.solutions a{
	color:gray;
	}

.solutions span{
	text-decoration:underline;
	color:blue;
	}
	
.solutions a:hover{
	text-decoration: none;
	background-color: #dcdcdc;
	color:blue;
}

.solutions a,
.solution_selected a{
	display:block;
	width:98%;
	text-decoration:none;
	}

#solution_title{
	margin-top:5px;
	}
	
.solution_selected a{
	color:#FFFFFF;
	background-color: #747474;
	}
	
.solution_selected span{
	text-decoration:none;
	color:#ffffff;
	}

#solution_details{
	margin-top:5px;
	padding-left:0px;
	padding-right:0px;
	border:0px;
}

#main{
	width:420px;
	display:none;
}

#top{
	width:420px;
	margin-left:5px;
	margin-top:10px;
}

#logo{
	width:400px;
	float:left;
	clear:both;
	margin-bottom:30px;
	}

#logo img{
	border:0px;
	margin:0px;
	float:left;
}

#from_location_div input,
#to_location_div input{
	border:1px solid #dbdbdb;
	width:100%;
	background-color: #e4fbfa;
	/*background-color: #f9f9f9;*/	
}

#from_location_div{
	float:left;
	width:200px;

	}
#from_location_div input,
#to_location_div input{
	margin-top:3px;
	}

#to_location_div{
	float:right;
	width:200px;

	}
	
#trip_time_div{
	float:left;
	width:90px;
	margin-left:17px;
}
	
#trip_date_div{
	float:left;
	width:180px;
	margin-left:0px;
}

#trip_date_div input{
	border:1px solid #dbdbdb;
	width:70px;
	background-color: #e4fbfa;	
}
	
	
#trip_time_div input{
	border:1px solid #dbdbdb;
	width:40px;
	background-color: #e4fbfa;	
}

#trip_time_div,
#trip_date_div,
#button_cerca{
	margin-top:15px;
}
	
	

#button_cerca{
	float:right;
	width:130px;
	}

#button_cerca input{
	/*border:1px solid #dbdbdb;*/
	float:right;
	width:80%;
	
}

.horizzontal_menu{
	padding:0px;
	margin:0px;
	}

.horizzontal_menu ul{
	padding:0px;
	margin:0px;
	list-style:none;
	}

.horizzontal_menu li{
	margin-left:10px;
	display:inline;
}

#msg{
	z-index:10;
	text-align:center;
	font-size:18;
	left:75px;
	width:300px;
	height:23px;
	background-color: red;
	color:white;
	margin-left:40px;
	margin-bottom:5px;
	visibility:hidden;
	margin-top:30px;
}

div#msg div{
	/*float:left;*/
}

div#msg_loading{
	float:left;
	width:20px;
	height:20px;
	background-color: #FFFFFF;
	background-image: url("/img/loading_circle20.gif");
	background-repeat: no-repeat;
	visibility:hidden;
}


.not_display{
	display:none;
}

#map{
	top:10px;
	left:450px;
	width:700px;
	height:700px;
	z-index:0;
}
	
.map_info_box_close{
	float:right;
	margin-top:0px;
	top:0px;
	padding:top:0px;
	border:0px solid;
}

.map_info_box_close a,
.map_info_box_close img{
	border:0px solid;
	color:#FFFFFF;
}

.map_info_box_close a{
	margin-left:10px;
}

.map_info_box_text{
	clear:both;
}

div#copyright{
	position:relative;
	font-size: 8pt;
	width:420px;
	text-align:center;
	margin-bottom:20px;
	margin-left: 5px;
}




div#copyright a,
div#disclaimer a{
	font-size: 8pt;
	}

div#disclaimer{
	position:relative;
	font-size: 8pt;
	width:420px;
	text-align:center;
	margin-bottom:20px;
	margin-left: 5px;
}

div#eg{
	position:relative;
	margin-top:5px;
	margin-right:20px;
	margin-bottom: 5px;
}

div#help_location{
	position:absolute;
	width:300px;
	border:1px solid gray;
	background-color: #FFFFFF;
	top:120px;
	left:220px;
	padding:7px;
	z-index:150;
	display:none;
	text-align: left;
}

div#help_clickable1{
	position:relative;
	width:18px;
	height:18px;
	margin-left:201px;
	text-align: center;
	
	background-image: url("/img/help_18.gif");
	background-position: center center;
	background-repeat: no-repeat;
}

div#help_clickable{
	float:right;
	width:18px;
	height:18px;
	clear:both;
	margin-top:3px;
	background-image: url("/img/help_18.gif");
	background-position: center center;
	background-repeat: no-repeat;
}


div#help_clickable:hover{
	cursor:pointer;
}

div#help_location img{
	float:right;
}

div#help_location img:hover{
	cursor:pointer;
}

div#updating{
	position:absolute;
	border:1px solid red;
	width:420px;
	left:5px;
	top:350px;
	color:red;
	text-align: center;
	font-size:14pt;
}


/*parte aggiunta da gianluca il 18/11/08*/
ul#version_menu {
	padding:0px;
	margin:0px;
	list-style-image:none;
	list-style:none;
	display: inline;
}

ul#version_menu li{
	display:inline;
	border-left: 1px solid black;
	margin-right:4px;
	padding-left: 5px;
}

ul#version_menu li#version_first_child{
	border-left: none;
}

.bold{
	font-weight: bold;
}


div#version{
	/*display:none;*/
}

div#updateinprogress{
	position:absolute;
	width:420px;
	left:5px;
	top:120px;
	border:1px solid red;
	background-color: white;
	color:red;
	font-size:14pt;
	height:90px;
	padding:30px 10px 10px;
	text-align:center;
	display:none;
}

div.sections_plus{
	font-weight: bold;
	text-align: center;
}

div.fares_title{
	margin-top:10px;
	display:none;
}