﻿.IBI_ATISLA_Web_UI_WebControls_HeaderNavControl ul
{
	display: block;
	height: 20px;
}

.IBI_ATISLA_Web_UI_WebControls_HeaderNavControl li
{
	float: left;
	position: relative;
	margin-right: 20px !important;
}

.IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a
{
	display: block;
	position: relative;
	overflow: hidden;

	height: 20px;

	text-decoration: none;
}

.IBI_ATISLA_Web_UI_WebControls_HeaderNavControl span.text
{
	display: none;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl span.image
{
	display: block;
	margin-left: 0;
	margin-top: 0;
	width: 360px;
	height: 700px;
	background: Transparent url("../images/navigation_en.png") no-repeat scroll 0 0;
}

.IBI_ATISLA_Web_UI_WebControls_HeaderNavControl div.mask
{
	position: absolute;
	left: 0;
	top: 29px;
	width: 180px;
	height: 1px;
	overflow: hidden;
	/* background-color: #0ff; */
}



.IBI_ATISLA_Web_UI_WebControls_HeaderNavControl div.mask iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:3000px;/*must have for any big value*/
	height:3000px/*must have for any big value*/;
}



.IBI_ATISLA_Web_UI_WebControls_HeaderNavControl div.background
{
	margin-top: 1px;
	background: #000 url("../images/bg_navigation_repeatx.gif") repeat-x scroll 0 0;
}

.IBI_ATISLA_Web_UI_WebControls_HeaderNavControl div.mask li
{
	width: 180px;
	margin: 0;
}

.IBI_ATISLA_Web_UI_WebControls_HeaderNavControl div.mask a
{
	width: 180px;
}

.IBI_ATISLA_Web_UI_WebControls_HeaderNavControl div.mask a:hover span.image,
.IBI_ATISLA_Web_UI_WebControls_HeaderNavControl div.mask a.selected span.image
{
	margin-left: -180px !important;
}

/*****************************************************************************
 * BACKGROUNDS
 *****************************************************************************/
.IBI_ATISLA_Web_UI_WebControls_HeaderNavControl div.background20
{
	height: 30px;
	background-position: 0 0;
}

.IBI_ATISLA_Web_UI_WebControls_HeaderNavControl div.background40
{
	height: 50px;
	background-position: 0 -30px;
}

.IBI_ATISLA_Web_UI_WebControls_HeaderNavControl div.background60
{
	height: 70px;
	background-position: 0 -80px;
}

.IBI_ATISLA_Web_UI_WebControls_HeaderNavControl div.background80
{
	height: 90px;
	background-position: 0 -150px;
}

.IBI_ATISLA_Web_UI_WebControls_HeaderNavControl div.background100
{
	height: 110px;
	background-position: 0 -240px;
}

.IBI_ATISLA_Web_UI_WebControls_HeaderNavControl div.background120
{
	height: 130px;
	background-position: 0 -350px;
}

.IBI_ATISLA_Web_UI_WebControls_HeaderNavControl div.background140
{
	height: 130px;
	background-position: 0 -480px;
}

.IBI_ATISLA_Web_UI_WebControls_HeaderNavControl div.background160
{
	height: 170px;
	background-position: 0 -630px;
}

/*****************************************************************************
 * PLAN YOUR TRIP 
 *****************************************************************************/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.plan_your_trip_default_aspx
{
	width: 88px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.plan_your_trip_default_aspx span.image
{
	margin-left: 0;
	margin-top: 0;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.plan_your_trip_default_aspx:hover span.image
{
	margin-top: -20px;
}

/** PLAN YOUR TRIP - TRIP PLANNER **/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.plan_your_trip_trip_planner_aspx
{
	height: 20px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.plan_your_trip_trip_planner_aspx span.image
{
	margin-left: 0;
	margin-top: -120px;
}

/** PLAN YOUR TRIP - NEXTRIP **/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.plan_your_trip_next_trip_aspx
{
	height: 20px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.plan_your_trip_next_trip_aspx span.image
{
	margin-left: 0;
	margin-top: -140px;
}

/** PLAN YOUR TRIP - CARPOOL/VANPOOL **/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.plan_your_trip_carpool_vanpool_aspx
{
	height: 20px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.plan_your_trip_carpool_vanpool_aspx span.image
{
	margin-left: 0;
	margin-top: -160px;
}

/** PLAN YOUR TRIP - TRAVEL TIMES **/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.plan_your_trip_time_speed_aspx
{
	height: 20px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.plan_your_trip_time_speed_aspx span.image
{
	margin-left: 0;
	margin-top: -180px;
}

/** PLAN YOUR TRIP - DRIVING DIRECTIONS **/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.plan_your_trip_driving_directions_aspx
{
	height: 20px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.plan_your_trip_driving_directions_aspx span.image
{
	margin-left: 0;
	margin-top: -200px;
}


/*****************************************************************************
 * TRAFFIC
 *****************************************************************************/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.traffic_default_aspx
{
	width: 45px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.traffic_default_aspx span.image
{
	margin-left: -180px;
	margin-top: 0;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.traffic_default_aspx:hover span.image
{
	margin-top: -20px;
}

/** TRAFFIC - MAP **/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.traffic_map_aspx
{
	height: 20px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.traffic_map_aspx span.image
{
	margin-left: 0;
	margin-top: -220px;
}

/** TRAFFIC - INFO **/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.traffic_information_aspx
{
	height: 20px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.traffic_information_aspx span.image
{
	margin-left: 0;
	margin-top: -240px;
}

/** TRAFFIC - CAMERAS **/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.traffic_cameras_aspx
{
	height: 20px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.traffic_cameras_aspx span.image
{
	margin-left: 0;
	margin-top: -260px;
}

/** TRAFFIC - ROADSIDE ASSISTANCE **/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.traffic_roadside_assistance_aspx
{
	height: 20px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.traffic_roadside_assistance_aspx span.image
{
	margin-left: 0;
	margin-top: -280px;
}

/** TRAFFIC - TOLL ROADS **/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.traffic_toll_roads_aspx
{
	height: 20px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.traffic_toll_roads_aspx span.image
{
	margin-left: 0;
	margin-top: -300px;
}

/** TRAFFIC - CARPOOL LANES **/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.traffic_carpool_lanes_aspx
{
	height: 20px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.traffic_carpool_lanes_aspx span.image
{
	margin-left: 0;
	margin-top: -320px;
}

/** TRAFFIC - PARK & RIDE **/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.traffic_park_and_ride_default_aspx
{
	height: 20px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.traffic_park_and_ride_default_aspx span.image
{
	margin-left: 0;
	margin-top: -340px;
}

/** TRAFFIC - DRIVING DIRECTIONS **/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.traffic_driving_directions_aspx
{
	height: 20px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.traffic_driving_directions_aspx span.image
{
	margin-left: 0;
	margin-top: -360px;
}


/*****************************************************************************
 * BUSES AND TRAINS
 *****************************************************************************/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.transit_default_aspx
{
	width: 102px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.transit_default_aspx span.image
{
	margin-left: 0;
	margin-top: -40px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.transit_default_aspx:hover span.image
{
	margin-top: -60px;
}

/** BUSES AND TRAINS - TRIP PLANNER **/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.transit_trip_planner_aspx
{
	height: 20px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.transit_trip_planner_aspx span.image
{
	margin-left: 0;
	margin-top: -380px;
}

/** BUSES AND TRAINS - TRANSIT PROVIDERS **/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.transit_find_a_provider_aspx
{
	height: 20px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.transit_find_a_provider_aspx span.image
{
	margin-left: 0;
	margin-top: -400px;
}

/** BUSES AND TRAINS - TRAINS **/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.transit_trains_default_aspx
{
	height: 20px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.transit_trains_default_aspx span.image
{
	margin-left: 0;
	margin-top: -420px;
}

/** BUSES AND TRAINS - NEXTRIP **/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.transit_next_trip_aspx
{
	height: 20px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.transit_next_trip_aspx span.image
{
	margin-left: 0;
	margin-top: -440px;
}

/** BUSES AND TRAINS - SENIOR SERVICES **/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.transit_senior_services_aspx
{
	height: 20px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.transit_senior_services_aspx span.image
{
	margin-left: 0;
	margin-top: -460px;
}

/** BUSES AND TRAINS - ACCESSIBLE SERVICES **/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.transit_accessible_services_aspx
{
	height: 20px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.transit_accessible_services_aspx span.image
{
	margin-left: 0;
	margin-top: -480px;
}

/** BUSES AND TRAINS - BIKES ON TRANSIT **/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.transit_bikes_on_transit_aspx
{
	height: 20px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.transit_bikes_on_transit_aspx span.image
{
	margin-left: 0;
	margin-top: -500px;
}

/** BUSES AND TRAINS - PARK & RIDE **/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.transit_park_and_ride_default_aspx
{
	height: 20px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.transit_park_and_ride_default_aspx span.image
{
	margin-left: 0;
	margin-top: -520px;
}


/*****************************************************************************
 * CARPOOL AND VANPOOL
 *****************************************************************************/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.carpool_and_vanpool_default_aspx
{
	width: 128px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.carpool_and_vanpool_default_aspx span.image
{
	margin-left: -180px;
	margin-top: -40px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.carpool_and_vanpool_default_aspx:hover span.image
{
	margin-top: -60px;
}

/** CARPOOL AND VANPOOL - FIND A CARPOOL/VANPOOL **/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.carpool_and_vanpool_carpool_vanpool_aspx
{
	height: 20px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.carpool_and_vanpool_carpool_vanpool_aspx span.image
{
	margin-left: 0;
	margin-top: -540px;
}

/** CARPOOL AND VANPOOL - PARK & RIDE **/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.carpool_and_vanpool_park_and_ride_default_aspx
{
	height: 20px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.carpool_and_vanpool_park_and_ride_default_aspx span.image
{
	margin-left: 0;
	margin-top: -560px;
}

/** CARPOOL AND VANPOOL - CARPOOL_LANES **/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.carpool_and_vanpool_carpool_lanes_aspx
{
	height: 20px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.carpool_and_vanpool_carpool_lanes_aspx span.image
{
	margin-left: 0;
	margin-top: -580px;
}

/** CARPOOL AND VANPOOL - INCENTIVES **/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.carpool_and_vanpool_incentives_aspx
{
	height: 20px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.carpool_and_vanpool_incentives_aspx span.image
{
	margin-left: 0;
	margin-top: -600px;
}

/** CARPOOL AND VANPOOL - EMPLOYER PROGRAMS **/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.carpool_and_vanpool_employer_programs_aspx
{
	height: 20px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.carpool_and_vanpool_employer_programs_aspx span.image
{
	margin-left: 0;
	margin-top: -620px;
}


/*****************************************************************************
 * EXTRAS
 *****************************************************************************/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.extras_default_aspx
{
	width: 44px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.extras_default_aspx span.image
{
	margin-left: 0;
	margin-top: -80px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.extras_default_aspx:hover span.image
{
	margin-top: -100px;
}

/** EXTRAS - BICYCLING **/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.extras_bicycling_default_aspx
{
	height: 20px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.extras_bicycling_default_aspx span.image
{
	margin-left: 0;
	margin-top: -640px;
}

/** EXTRAS - AIRPORTS **/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.extras_airports_aspx
{
	height: 20px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.extras_airports_aspx span.image
{
	margin-left: 0;
	margin-top: -660px;
}

/** EXTRAS - TAXIS **/
body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.extras_taxis_aspx
{
	height: 20px;
}

body.enLang .IBI_ATISLA_Web_UI_WebControls_HeaderNavControl a.extras_taxis_aspx span.image
{
	margin-left: 0;
	margin-top: -680px;
}