
html						{	font-size					:100%			;}

body						,
th, td						{	font						:14px/17px verdana,geneva,sans-serif; }

body						{	margin						:0				;
								padding						:0				;
							/*	overflow					:auto			;	*/
								cursor						:default		;
								color						:#303030;
								background					:#FFFFFF;
								text-align					:center			;
							}

p							{	margin						:0				;
								padding						:0				;
								padding-bottom				:10px			;}

h1, .h1						,
h2, .h2						,
h3, .h3						{	font						:bold 1em Arial,Helvetica,sans-serif; color:#1541BF; margin:0; padding:0;}
h1, .h1						{	font-size					:1.3em			;}
h2, .h2						{	font-size					:1.2em			;  color:#404040;}
h3, .h3						{	font-size					:1.1em			;}
h1							{	padding-bottom				:10px			;}
h2							{	padding-bottom				:10px			;}
h3							{	padding-bottom				:10px			;}


a							{	text-decoration				:none			; color :#000000;}
a:hover						{	text-decoration				:none			; color :#A0A0A0;}
a:focus						{	outline						:none			;}

hr							{	color						:#316abf;
								background-color			:#FFFFFF;
								height						:1px			;}

ul							{/*	width						:100%			;*/
								list-style-type				:disc			;}

table						{	empty-cells					:show			;
								border-collapse				:collapse		;
							}
th,td						{	vertical-align				:top			;
							}

img							{	border						:none			;}

form						{	margin						:0				;
								padding						:0				;}
textarea					{	margin						:0				;
								padding						:0 5px			;
								border						:solid 1px #303030;
								border-radius				:6px			;
								color						:#303030;
								cursor						:text			;}
input						{	margin						:0				;
								padding						:0 5px			;
								height						:1.8em			;
								vertical-align				:middle			;
								cursor						:pointer;}
input						,
select						,
textarea					{	font						:1em/1.3em Verdana,Geneva,sans-serif;}

label						{	cursor						:pointer;}

pre							{	font						:normal 0.9em/1.1em "Lucida Console", Monaco, monospace;}



/*	classes																								*/

.clear						{	clear						:both			;}

.text						,
.password					{	cursor						:text			;
								color						:#303030;
								border						:solid 1px #303030;
								border-radius				:6px			;
							}
.button						,
.submit						{	border						:solid 1px #303030;
								border-radius				:6px			;
								background					:#FFC601;
								font						:1em/1.3em Verdana,Geneva,sans-serif;
							}
.list						{	padding-left				:3em			;}
.list img					{	margin						:2px			;}

.red						,
.red a						,
.red a:hover				{	color						:#E60016		;}
.blue						{	color						:#0100A7		;}
.green						{	color						:#00B90A		;}
.yellow						{	color						:#FFD000		;}

.small						{	color						:#303030;
								font-size					:0.9em			;}
.smaller					,
.smaller a					{	font-size					:11px			;}
.lighter					,
.lighter a					{	color						:#C0C0C0;}

.right						{	text-align					:right			;}
.center						{	text-align					:center			;}
.left						{	text-align					:left			;}

.thin						{	margin						:0				;
								padding						:0				;}
.thick						{	padding-bottom				:20px			;}
.spacer						{	padding-bottom				:12px			;}
.indent						{	padding-left				:4em			;}

.pointer					{	cursor						:pointer;}
.hover						{	text-decoration				:underline		;
								color						:#A0A0A0;}

.no_display					{	display						:none			;}
.pre						{	white-space					:pre			;
								font						:normal 0.9em/1.1em "Lucida Console", Monaco, monospace;
							}

p.hr						{	border-bottom				:solid 1px #316abf;
								margin						:1.6em 0 1.2em 0	;}



/*	container																							*/

#overall_container			{	position					:relative		;
								display						:inline-block;
								padding						:0				;
						min-width	:100px;
								width						:100%;
							}


#overall_container_inner	{	margin-left					:0px;
							}

#outside_left_column		,
#outside_right_column		{	margin-top					: 85px			;
								height						:600px			;
								width						:160px;
							}
#outside_left_column		{	text-align					:right			;}
#outside_right_column		{	text-align					:left			;}

#outside_left_column_spacer	,
#outside_right_column_spacer{	width						:30px;
							}




#container					{/*	border-right				:solid 1px #316abf;	*/
							 /*	border-left					:solid 1px #316abf;	*/
							 /*	border-bottom				:solid 1px #316abf;	*/

								text-align					:left			;
								background					:#FFFFFF;
							}



/*	top																									*/

#top						{	height						:100px			;
								background					:#FFFFFF;
								border-bottom				:solid 1px #316abf;
							}
#top_inner					{	position					:relative		;
							}
#logo						{	position					:relative		;
								width						:370px			;
								height						: 97px			;
							}
#logo img					{	position					:absolute		;
								right						:0				;
								bottom						:0				;
							}
#slogan						{	position					:absolute		;
								left						:278px			;
								top							: 48px			;
								font						:bold 13px arial,helvetica,sans-serif;
								color						:#303030;
							}
#social_networks_container	{	position					:relative		;
								width						:160px			;
								height						: 84px			;
								margin						:0 0 0 auto		;
							}
#social_networks			{	position					:absolute		;
								left						:20px			;
								bottom						:0				;
							}
#google_plusone				{	margin-bottom				: 8px			;
							}



/*	menu_h																								*/

#menu_h						{	width						:100%			;
								height						: 36px			;
								margin						:  0			;
								padding						:  0			;
							/*	border-top					:solid 1px #316abf;	*/
							/*	border-bottom				:solid 1px #316abf;	*/
								background					:#C0C0C0;
								text-align					:center			;
							}
#menu_h ul					,
#menu_h li					{	display						:inline-block;
								margin						:  0			;
								padding						:  0			;}
#menu_h ul					{	list-style-type				:none			;
								padding-left				:20px			;
							}
#menu_h a					{	display						:block			;
							/*	width						:130px			; */
								padding						:9px 30px 0 30px;
							/*	height						: 40px			; */
							/*	line-height					: 40px			; */
								font						:bold 14px Arial,Helvetica,sans-serif;
								color						:#202020;
							}
#menu_h a.left				{	float						:left			;}
#menu_h a.right				{	float						:right			;}
#menu_h a:hover				{	color						:#E0E0E0;}



/*	main																								*/

#main						{/*	background					:url(/img/body.jpg) repeat-x;	*/
							 /*	border-top					:solid 1px #316abf	;	*/
							}



/*	content																								*/

#content					{	position					:relative		;
								margin						:0				;
								padding						:30px 40px 0 80px;
								text-align					:left			;
							}
#content p					{	width						:600px			;
							}

#content a					{/*	font-weight					:bold	*/		;}
#content a:hover			{	text-decoration				:underline		;}

#content .text				{	width						:150px			;}

#content .table th			,
#content .table td			{	padding-right				:8px			;
								text-align					:left			;
								vertical-align				:top			;
							}
#content .table th			{	font-weight					:bold			;
								color						:#1541BF;
							}
#content img				{	vertical-align				:middle			;}

#content ul					{	margin						:0				;
								padding						:0.5em 0 1.5em 2em	;}
#content ul.thin			{	padding						:0.5em 0 0.5em 2em	;}



/*	inside_left_column																					*/

#inside_left_column			{	width						:180px			;
								height						:600px			;
								text-align					:left			;}
#inside_left_column_inner	{	margin-top					: 30px			;
								margin-right				: 20px			;}

#inside_left_column ul		{	list-style-type				:none			;}
#inside_left_column li		{	line-height					:2em			;}



/*	inside_right_column																					*/

#inside_right_column		{	width						:180px			;
								height						:600px			;
								text-align					:left			;}
#inside_right_column_inner	{	margin-top					: 30px			;
								margin-left					: 20px			;}



/*	bottom																								*/

#bottom						{	margin						: 0				;
								padding-top					:26px			;
								font						:12px/16px Verdana,Geneva,sans-serif;
								text-align					:center			;
								line-height					:20px			;
								background					:#FFFFFF;
								color						:#303030;
								border-top					:solid 1px #316abf;
							}
#bottom a					{	color						:#303030;}
#bottom a:hover				{	color						:#909090;}


#related					{	margin						:0 auto			;}
#related td					{	color						:#909090;
								font						:12px/16px Verdana,Geneva,sans-serif;
							}



/*	help																								*/

#help						{	position					:absolute		;
								display						:none			;
								z-index						:100			;

								left						: 0				;
								top							: 0				;
								width						: 400px			;
								height						: 170px			;

								border						:solid 1px #316abf;

								color						:#303030;
								background					:#FFFFFF;
							}
#help h1					{	font-size					:1.2em			;
								font-weight					:bold			;
							}
#help_close					{	text-align					:right			;
								width						:100%			;
							}
#help_content				{	padding						:15px			;}



/*	Content / network_sites																				*/

#network_sites h1			{	font	: bold 1.3em/1em Arial,Helvetica,sans-serif;	margin-bottom :20px;					}
#network_sites h2			{	font	: bold 1.2em/1em Arial,Helvetica,sans-serif;	margin		  :0; padding:30px 0 2px 0;	}
#network_sites h3			{	font	: bold 1.1em/1em Verdana,Geneva,sans-serif;		margin		  :0; padding:10px 0 0	 0; }
#network_sites .indent		{															margin		  :0; padding:0 0 0 2em;	}
#network_sites h2.first		{															margin		  :0; padding:0 0 2px 0;	}
#network_sites a			,
#network_sites a:hover		{	text-decoration				:none			;}



/*	Site specific																						*/


.w_5px						{	width				: 5px				;}
.w_8px						{	width				: 8px				;}
.w_12px						{	width				:12px				;}
.w_16px						{	width				:16px				;}

.h_8px						{	height				: 8px				;}










/*	Site specific																						*/


#map						{	width				:100%				;
								height				:500px				;
								border				:solid 1px #316abf;
								background			:white				;
							}
#map_controls				{	position			:absolute			;
								right				:20px				;
								bottom				:40px				;
								z-index				:100				;
							}


#itinerary					,	
#directions					{	height				:470px;
								border-left			:solid 1px #316abf;
								border-bottom		:solid 1px #316abf;
							}





#itinerary form				{	padding				:20px				;}
#itinerary td				{	white-space			:nowrap				;}





#route_container			{	border				:solid 1px #E1EDFF;		/*	needed !		*/
								background-color	:#E1EDFF;}
#route_container_inner		{	margin				:8px 0				;
								background-color	:#E1EDFF;}




#directions					{	background			:#FFFFFF;
							}
#directions_panel			{	height				:415px				;
								padding				: 10px				;
								margin				:  0				;
								font-size			: 14px				;
								overflow			: auto				;
								overflow-x			: hidden			;
								overflow-y			: scroll			;
							}
#directions_panel tr		{	border-bottom		:dashed 1px #c9dfff;}
#directions_panel td		{	padding				: 8px 1em 8px 0		;}

#directions_panel tr:hover				{ background:#E1EDFF;}
#directions_panel tr.header:hover		,
#directions_panel tr.header_leg:hover	{ background:transparent !important	;}


tr.header td				{	line-height			:37px				;}
tr.header_leg td			{	line-height			:37px				;}
tr.header_leg div			{	vertical-align		:middle				;}

.departure_time				{	width				:30px				;
								height				:20px !important	;
								cursor				:text				;
								text-align			:right				;
							}


#directions_panel_print		{	display				:none				;}

#directions_panel_top		{	margin				:10px 25px			;}





#popup_map					{	width				:250px				;
								height				:250px				;}
#popup_instruction			{	margin				: 10px 0			;}





/*
#tabs_container				{	background			:url(/img/water-mark.png?v17) no-repeat right bottom;}
*/

#tabs						{	margin-top			:0px				;
							}
#tabs div					{	height				:30px				;
								padding				:0 20px				;
								color				:#202020	;
								font				:15px Arial,Helvetica,sans-serif;
							}
#tabs b						{	line-height			:30px				;}

.tab_on						{	background			:			#FFFFFF;
								border				:solid 1px	#316abf;
								border-bottom		:solid 1px	#FFFFFF;
							}
.tab_off					{	background			:			#B2D0FE;
								border				:solid 1px	#316abf;
								cursor				:pointer;
								font-weight			:normal				;
							}
.no_tab						{	border				:solid 1px #E1EDFF;
								border-bottom		:solid 1px #316abf;
							}






#options_bar				{	position			:relative			;
								background			:white				;
								line-height			:26px				;
								padding				:0 9px				;
								cursor				:pointer;
								border				:solid 1px #303030;
								border-radius		: 6px				;
								color				:#303030	;}
#options_bar a				{	color				:#303030	;}
#options_bar img			{	position			:absolute			;
								top					: 4px				;
								right				:16px				;
							}
#options					{	width				:350px				;}







.maneuver					{	display				: block				;
								background			: url(/img/maneuvers.png?v17) 0 0 no-repeat;
								height				: 17px				;
								width				: 19px				;}

.c-turn-sharp-left			{	background-position	: 0 0				;}
.c-uturn-right				{	background-position	: 0 -34px ;}
.c-turn-slight-right		{	background-position	: 0 -51px ;}
.c-merge					{	background-position	: 0 -136px ;}
.c-roundabout-left			{	background-position	: 0 -187px ;}
.c-roundabout-right			{	background-position	: 0 -221px ;}
.c-uturn-left				{	background-position	: 0 -289px ;}
.c-turn-slight-left			{	background-position	: 0 -357px ;}
.c-turn-left				{	background-position	: 0 -391px ;}
.c-ramp-right				{	background-position	: 0 -408px ;}
.c-turn-right				{	background-position	: 0 -459px ;}
.c-fork-right				{	background-position	: 0 -476px ;}
.c-straight					{	background-position	: 0 -510px ;}
.c-fork-left				{	background-position	: 0 -527px ;}
.c-ferry-train				{	background-position	: 0 -544px ;}
.c-turn-sharp-right			{	background-position	: 0 -561px ;}
.c-ramp-left				{	background-position	: 0 -578px ;}
.c-ferry					{	background-position	: 0 -595px ;}

.c-							{	background			: none !important	;}

.road_D						,
.road_N						,
.road_A						,
.road_E						{	display				: inline-block		;
								padding				: 0 4px				;
								border				: solid 1px black	;
								border-radius		: 3px				;
								font-family			: arial,helvetica,sans-serif;
								font-weight			: bold				;
								font-style			: normal			;
							}
.road_D						{	background			:#FFE72C;	color :#000000;	}
.road_N						{	background			:#DE2126;	color :#FFFFFF;	}
.road_A						{	background			:#EE2524;	color :#FFFFFF;	}
.road_E						{	background			:#00AA4F;	color :#FFFFFF;	}





.line						{	background			:#316abf	;
								height				:1px				;
								width				:100%				;
							}





#itinerary .button			,
#itinerary .submit			{	height				:30px !important	;
								border-radius		: 6px				;
								width				:200px				;
							}
#itinerary .submit			{	font-weight			: bold				;
							}




#link_add_route_via			{	float				:right				;
								cursor				:pointer;
								height				:14px				;
								line-height			:14px				;
								margin-right		:18px				;
							}

#calculate_route			{	display				:none				;
								margin-bottom		:5px				;}





#share_link_off				,
#share_link_on				{	height				:32px				;}
#print_link_off				,
#print_link_on				{	height				:22px				;}

#share_link_off	img			,
#share_link_on	img			,
#print_link_off	img			,
#print_link_on	img			{	vertical-align		:middle				;}

#share_link_off				,
#print_link_off				{	color				:#A0A0A0			;
								display				:none				;}
#share_link_on				,
#print_link_on				{	display				:block				;}


#swap_input					{	vertical-align		:middle				;}
#swap_input img				{	cursor				:pointer;}






input						{	font-size			: 14px				;
								padding				: 3px 3px			;
							}

input[type="submit"]		{	padding				: 6px 20px			;
							}


#row_route_via1				,
#row_route_via2				,
#row_route_via3				,
#row_route_via4				,
#row_route_via5				,
#row_route_via6				,
#row_route_via7				,
#row_route_via8				{	display				:none				;}

#row_route_via1	td			{	padding-top			:18px				;}

#row_route_start label		,
#row_route_via1	 label		,
#row_route_via2	 label		,
#row_route_via3	 label		,
#row_route_via4	 label		,
#row_route_via5	 label		,
#row_route_via6	 label		,
#row_route_via7	 label		,
#row_route_via8	 label		,
#row_route_end	 label		{	position			:relative			;
								height				: 33px				;
								line-height			: 33px				;
							}

#route_start_input			,
.route_via_input			,
#route_end_input			{	position			:relative			;
								width				:400px				;
								height				: 33px				;
								border				:solid 1px #303030;
								border-radius		:  6px				;
								background			:white				;
							}

#route_start_input	img		,
.route_via_input	img		,
#route_end_input	img		{	position			:absolute			;
								cursor				:pointer;
							}
#route_start_input	img		,
#route_end_input	img		{	top					:  6px				;
								right				: 15px				;}
.route_via_input	img		{	top					:  9px				;
								right				: 18px				;}

#route_start				,
#route_via1					,
#route_via2					,
#route_via3					,
#route_via4					,
#route_via5					,
#route_via6					,
#route_via7					,
#route_via8					,
#route_end					{	position			:absolute			;
								top					:  0				;
								left				:  6px				;
								width				:350px				;
								height				: 24px !important	;
								border				:none				;
								cursor				:text				;
								background			:transparent		;
							}




.pac-container				{	width				:390px !important	;
							}

.pac-item					,
.pac-item-query				,
.pac-matched				{	font-family			:verdana,geneva,sans-serif	;
								font-size			:14px				;
							}



#help_content td			{	line-height			:1.1em				;}
#help_content input			{	height				:1.5em !important	;}
#help_content b				{	display				:block				;
								margin				:2px 0 10px 0		;}



#tips h1					{	padding				:0	;	margin	:30px 0 10px 0	!important	;}
#tips h2					{	padding				:0	;	margin	:20px 0  8px 0	!important	;}
#tips li					,
#tips p						{	width				:720px				;}




.flag_0						,
.flag_1						,
.flag_2						,
.flag_3						,
.flag_4						,
.flag_5						,
.flag_6						,
.flag_7						,
.flag_8						,
.flag_9						{	display				:inline-block		;
								height				:37px				;
								width				:28px				;
								background			:url(/img/marker-icons.png?v17) no-repeat;
							}
.flag_0						{	background-position : -0px 0; }
.flag_1						{	background-position : -28px 0; }
.flag_2						{	background-position : -56px 0; }
.flag_3						{	background-position : -84px 0; }
.flag_4						{	background-position : -112px 0; }
.flag_5						{	background-position : -140px 0; }
.flag_6						{	background-position : -168px 0; }
.flag_7						{	background-position : -196px 0; }
.flag_8						{	background-position : -224px 0; }
.flag_9						{	background-position : -252px 0; }



#route_info					{	margin-left			:10px				;}




