/*********************************************************************************************************************
Bus Strategy IMap Application Style Sheet
Author : Mark Mackenzie
Date   : December 2009

History:
FileVersion     AppVersion	Who		When				Why
----------------------------------------------------------------------------------------------------------------------
1.0.0.0         0.0.0.0     MM      December 2009		Created file

1.1.0.0			0.0.0.0		MM		23th February 2010	Amended the position of the baseMap and mapLayer classes
														Added the top class to provide a height value for the
                                                        topInformation DIV

1.2.0.0			0.0.0.0		MM		25th February 2010	Added CSS for copyright notice on RouteDetails page.

1.3.0.0			0.0.0.0		MM		18th March 2010		Add CSS to integrate Virtual Earth

1.3.0.0         1.0.0.0     MM      18th March 2010     Version 1.

1.4.0.0			1.2.0.0		MM		31st March 2010		Updated to use the new corporate website header.

*********************************************************************************************************************/

/* general stuff */
body { margin:0; font-family: Arial, Helvetica, san-serif; min-width:1000px; }
.clearFloat { clear:both; }
a img { border:0; }
img { border:0;  }
h3 { margin:5px 8px; }

/* global links */
.linkContainer { margin: -3px 0; }
.globalLinks { float:right; line-height:0.1em; }
.globalLinks a { text-decoration:none; color:#000000; font-size:0.8em; }

/* flash banner */
.flashBanner { position:absolute; left:8px; top:15px; }

/* banner header */
.bannerHeader { margin-top:9px; margin-left:10px; margin-right:10px; border-top:solid 0.1em #A9A9A9; }
.bannerRedStripe { margin-top:57px; background-color:#EE162D; height:15px; }
.bannerGreyStripe { margin-top:2px; margin-left:631px; background-color:#898989; height:23px; }
.bannerMenu { position:absolute; left:8px; top:69px; width:800px; }
.bannerRight { margin-top:-1px; float:right; height:98px; }
#navbarcurve1 { margin-bottom:-3px; }

/* banner menu */
.button { margin-right:-4px; display:inline-block; background-repeat:no-repeat; width:105px; height:25px;  }
.metroButton { background-image:url("../images/common/btn-metro.jpg"); }
.ferryButton { background-image:url("../images/common/btn-ferry.jpg"); width:105px; height:25px; }
.busButton { background-image:url("../images/common/btn-bus.jpg"); width:105px; height:25px; }
.railButton { background-image:url("../images/common/btn-rail.jpg"); width:105px; height:25px; }
.ticketsButton { background-image:url("../images/common/btn-tickets.jpg"); width:105px; height:25px; }
.mapsButton { background-image:url("../images/common/btn-maps.jpg"); width:105px; height:25px; }
.metroButton:hover { background-image:url("../images/common/btn-metro_f2.jpg"); }
.ferryButton:hover { background-image:url("../images/common/btn-ferry_f2.jpg"); }
.busButton:hover { background-image:url("../images/common/btn-bus_f2.jpg"); }
.railButton:hover { background-image:url("../images/common/btn-rail_f2.jpg"); }
.ticketsButton:hover { background-image:url("../images/common/btn-tickets_f2.jpg"); }
.mapsButton:hover { background-image:url("../images/common/btn-maps_f2.jpg"); }

/** breadcrumb and id **/
/*.breadCrumbAndId { margin-left:8px; margin-right:8px; margin-top:5px; border:solid 1px #a1a1a1; color:#717171; background-color:#efefef; margin-bottom: 7px; font-size:0.8em; padding:2px 5px; padding-bottom:3px; }*/
.breadCrumbAndId { margin-top:5px; border:solid 1px #a1a1a1; color:#717171; background-color:#efefef; margin-bottom: 7px; font-size:0.8em; padding: 2px 10px; padding-bottom:3px;  border-left:0; border-right:0; }
.breadCrumbAndId .breadcrumb { float:left; }
.breadCrumbAndId .breadcrumb a { text-decoration:none; color:#000000; font-weight:bold; }
.breadCrumbAndId .breadcrumb a:hover { text-decoration:underline; }

/* common elements page */
.general { padding:5px; margin: 5px 8px; }
.top { margin-left:8px; margin-right:8px; height:50px; }
.mapViewer { margin-left:8px; margin-right:8px; padding:4px; border:solid 1px #A9A9A9; padding-bottom:0; }
.associatedLinks { text-align:center; margin-top:20px; vertical-align:middle; }
.associatedLinks hr { border:solid 1px #A9A9A9; }
.associatedLinks img { padding: 0 2px; }
.associatedLinks a { text-decoration:none; font-size:0.9em; color:#000000; }
.associatedLinks a:hover { text-decoration:underline; }

.bottomContainer { margin-left:8px; margin-right:8px; }
.bottomContainer .bottomInformation { width:700px; float:left; }
.bottomContainer .questionnaire { float:right; font-size:1.3em; font-weight:bolder; padding-top:20px; }
.bottomContainer .questionnaire a { color:#76B167; }
.bottomContainer .documentLink { float:right; margin-right:20px; }

/* map layers/controls */
.mapViewer .homeImages { float:left; padding:0; }
.mapViewer .homeImages .homeImage { height:244px; width:346px; background-color:#F9FCD2; border:solid 1px #A9A9A9; margin-right:-1px; margin-bottom:1px; }
.mapViewer .baseMap { float:left; z-index:0; }
.mapViewer .mapLayer { position:absolute; top:268px; left:13px;}
.mapViewer .controls { border:solid 1px #A9A9A9; margin-left:704px; padding:2px; background-color:#F6F6F6; overflow:auto; height:490px; margin-bottom:4px; }
.mapViewer .controls div { display:block; margin-bottom:5px; }
.mapViewer .controls hr { background-color:#EDEDED; border:0; }
.mapViewer .information { margin-left:704px; border:solid 1px #A9A9A9; padding:2px 4px; background-color:#F6F6F6; overflow:auto; height:490px; margin-bottom:4px; }
.mapViewer .controls div .legend { margin:5px; margin-top:0; width:20px; display:inline-block; }
.mapViewer .controls div label { font-weight:bolder; }
.mapViewer .controls div .details { display:block; font-size:1em; padding-left:50px; }
.mapViewer .download { border:solid 1px #A9A9A9; padding:2px; background-color:#FAFAFA; margin-top:2px; color:#FF0000; font-size:0.9em; margin-bottom:4px; }
.mapViewer .copyright { border:solid 1px #A9A9A9; padding:2px; background-color:#FAFAFA; margin-top:2px; color:#000000; font-size:0.6em; margin-bottom:4px; }
#VEmap { position:absolute; top:237px; left:13px; }