/* Map Module CSS */
/* times and maps */
#left {margin-bottom:26px;}
h3, h4, h5 {color:#333333;margin-bottom:0.2em;}
.end {display:block; clear:both; height:20px;}
hr.dashed {margin:.5em 0em; background-color:#fff; border-top:1px dashed #ccc; height:0px;}
.anchor {padding-left:13px; min-height:7px; background:transparent none center left no-repeat;}
.anchor.up {background-image:url('/baseimages/anchorUp.gif');}
.anchor.down {background-image:url('/baseimages/anchorDown.gif');}

ul.anchors {margin-left:0; padding:0;}
ul.anchors li {list-style-type:none; list-style-image:url('/baseimages/anchorDown.gif'); list-style-position:inside;}
ul.plain {margin-left:0; padding:0;}
ul.plain li {list-style-type:none; list-style-position:inside;}
/* ^ these aught to go in master ^ */

.rti {display:block; position:relative;}
.rti .linkesq {text-decoration:none; color:#4DA2D6; outline:none; cursor:pointer;}
.rti .linkesq:hover {text-decoration:underline; color:#333; outline:none; cursor:pointer;}
.rti p {}
.rti p {margin:0;}
.rti .pipdetail {margin:0; border:1px solid #eee; padding-left:2px;}
.rti table {width:100%; table-layout:auto;}
.rti table tbody tr {}
.rti table tbody {}
.stopText {display:block; font-family:"Trebuchet MS", Tahoma, Verdana, Helvetica; font-size:1em; margin-right:20px; min-width:250px;}
.stopText .AtcoCode {background-color:#eee; color:#333; -moz-border-radius:7px;-webkit-border-radius:7px; padding:1px 4px;}
.stopText .NaptanCode {display:none;}
.stopText .StopTitle {font-weight:bold;}
.stopText .Bearing {display:block; float:right; white-space:nowrap; color:#666;}
.stopText .compass {display:block; float:right; height:16px; width:16px; overflow:hidden; background:#bbb url('/includes/maps/i/bearing.png') center center no-repeat;}
	.stopText .compass.N {background-position:top center;}
	.stopText .compass.NE {background-position:top right;}
	.stopText .compass.E {background-position:center right;}
	.stopText .compass.SE {background-position:bottom right;}
	.stopText .compass.S {background-position:bottom center;}
	.stopText .compass.SW {background-position:bottom left;}
	.stopText .compass.W {background-position:center left;}
	.stopText .compass.NW {background-position:top left;}

.rti table {width:314px;}
.rti table#scrl thead {display:block; position:relative;}	
.rti table#scrl tbody {display:block; position:relative; height:7em; overflow:auto;}
.rti table#scrl td {width:52px;}
.rti table#scrl th {width:50px;}
.rti table#scrl td + td {width:181px;}
.rti table#scrl th + th {width:180px;}
.rti table#scrl td + td + td {width:70px;}
.rti table#scrl th + th + th {width:84px;}


/* 
scrollable tbody
=====================       
based on: Terence Ordona, portal[AT]imaputz[DOT]com        
http://creativecommons.org/licenses/by-sa/2.0/   
define height and width of scrollable area. Add 16px to width for scrollbar         
Requires notIE.css too
*/
div#scrollable {
	clear: both;
	border: 1px solid #ddd;
	height: 7em;
	overflow: auto;
	width: 316px
}

div#scrollable table {
	float: left;
	width: 300px
}
div#scrollable thead tr {
	position: relative;
}
/* 
end
*/



h1.stunted {display:block; position:relative; width:70%!important;}
h1 small {font-size:0.65em; color:#666;}
h2 {margin-bottom:0.2em; font-size:1.4em;}


blockquote.frequency {display:block; position:relative; float:right; padding:12px; margin:-4.3em 0 0 0; border:1px solid #99CC00; background-color:#fffff2;
					border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; color:#999;
					font-family:Tahoma, Verdana, Helvetica; font-size:0.8em; text-align:justify;}
blockquote.frequency:first-line {letter-spacing:.04em}
blockquote.frequency strong {font-size:2em; font-weight:normal; display:block; line-height:1.1em; letter-spacing:.08em}

blockquote.serviceNote {display:block; position:absolute; float:right; top:0; right:0; margin:0 0 0 10px; width:20%; padding:12px; border:1px solid #99CC00; background-color:#fffff2;
					border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; color:#999;
					font-family:Tahoma, Verdana, Helvetica; font-size:0.80em; text-align:center;}



blockquote.textMessage {display:block; position:relative; float:right; width:234px; padding:12px; margin:-5.2em 0 0 0; border:1px solid #ccc; background-color:#f5f5f5;
					border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; color:#666;
					font-family:Tahoma, Verdana, Helvetica; font-size:1em; text-align:justify;}
				


p.getAcrobat {position:relative; margin:2em 0; padding-right:130px;}
p.getAcrobat img {position:absolute; border:0; top:0; right:0px;}


ul#mapListing {display:block; position:relative; list-style-type:none; margin:0 -20px 0 0; padding:0; font-family:Tahoma, Verdana, Helvetica;}
ul#mapListing li {display:block; position:relative; float:left; height:auto; width:auto; background-color:#e4e4e4;
					text-indent:0; list-style-type:none; 
					color:#666; margin:0 15px 17px 0; padding:8px; font-family:Tahoma, Verdana, Helvetica; 
					border-radius: 10px;
					-moz-border-radius: 10px;
					-webkit-border-radius: 10px;
					}
ul#mapListing li a {color:#666;}
ul#mapListing li a span {opacity:0.8; display:block; position:relative; height:90px; width:130px; border:1px solid #fff; background:#e4e4e4 none center center no-repeat;}
/* <%=mapListingCss%> is generated on the page itself */
ul#mapListing li a:hover {text-decoration:none; color:#000;}
ul#mapListing li a:hover span {opacity:1;}

ul.routeListing {display:block; position:relative; list-style-type:none; margin:0 0 1em 0; padding:0; font-family:Tahoma, Verdana, Helvetica;}
ul.routeListing li {text-indent:0; list-style-type:none; margin:0 0 1.5em 0; font-family:Tahoma, Verdana, Helvetica; line-height:1em; color:#666;}
ul.routeListing li a {font-family:Tahoma, Verdana, Helvetica;}
ul.routeListing li a big {font-size:3em; color:inherit; float:left; margin-top:0em; padding:0 10px 0 0; margin:0; width:1.6em;}
ul.routeListing li sup {color:#999;}

#routeListings ul.routeListing {margin-top:1em;}
#routeListings ul.routeListing li {border-bottom:1px dashed #ccc; padding-bottom:1em;}
#routeListings #CoastlinerServices a, #routeListings #CoastlinerServices a big {color:#0099CC;}
#routeListings #YorkCitySightseeingServices a, #routeListings #YorkCitySightseeingServices a big {color:#CC0000;}
#routeListings #TransdevYorkServices a, #routeListings #TransdevYorkServices a big {color:#99CC00;}
#routeListings #YorkshireXpressServices a, #routeListings #YorkshireXpressServices a big {color:#CC9900;}
#routeListings a:hover, #routeListings a:hover big {color:inherit;}
#routeListings ul.routeListing a[href^="http"] {background:transparent none center left no-repeat; padding-right:inherit;}
#routeListings ul.routeListing .iconed {padding:.4em 0 .4em 20px; background:transparent none center left no-repeat;}
#routeListings ul.routeListing .iconed.pdf {background-image:url('/baseimages/icons_16x16/pdf.gif');}
#routeListings ul.routeListing .iconed.map {background-image:url('/baseimages/icons_16x16/map.gif');}
#routeListings ul.routeListing .iconed.tickets {background-image:url('/baseimages/icons_16x16/tickets.gif');}
#routeListings ul.routeListing .iconed {line-height:2em; padding:.4em 0 .4em 20px;}
#routeListings ul.routeListing .iconed + .iconed {margin-left:30px;}

#routeListings .ttlink {display:block; float:left; width:24em; color:#999999;}

ul#attractionsListing  {display:block; position:relative; margin:1em -4px 0 0; padding:0;}
ul#attractionsListing li {list-style-type:none; display:block; position:relative; width:50%; float:left; margin:0; padding:0; font-family:Tahoma, Verdana, Helvetica; font-size:1em;}
ul#attractionsListing li a {display:block; position:relative; margin:0 4px 4px 0; padding:5px; background:#F8F8F8 url("/baseimages/boxBlock/listingHoverBg.gif") 1000px 1000px no-repeat; border:1px solid #f8f8f8; color:#666;}
ul#attractionsListing li a:hover {border-width:1px 1px 1px 2px; padding:5px 5px 5px 4px; border-color:#ddd; border-left-color:#0099CC; background-color:#ddd; background-position:center right; cursor:pointer; text-decoration:none; color:inherit;}
ul#attractionsListing li a .text {display:block; position:relative; margin:0; padding:0 20px 0 0; line-height:1.3em; min-height:34px; height:2.6em; overflow:hidden;}
ul#attractionsListing li a .pic {display:block; position:relative; float:left; margin-right:10px; width:37px; height:34px;}
ul#attractionsListing li a .pic img {border:none; height:34px; width:37px;}
ul#attractionsListing li a .pic b {display:block; position:absolute; top:0; left:0; width:37px; height:34px; background:transparent url("/baseimages/boxBlock/microThumbFrame.png") top center no-repeat;}
/*ul#attractionsListing #additionalAttractions {display:none; clear:both; min-width:100px; overflow:hidden;}
ul#attractionsListing:target #additionalAttractions {display:block; overflow:inherit;}*/
ul#attractionsListing li.xtra {display:none;}
#attractionsListingControl span {color:#666;}
a#showAllOnMap {float:right; margin-top:0em;}

#mapBox {display:block; position:relative; height:auto; width:100%; background:#e4e4e4 url("/baseimages/boxBlock/bgGrad.png") bottom left repeat-x;
			/*border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;*/
			color:#666; margin:0 0 30px 0;}
#mapBox .corners b {top:0; left:0; display:block; position:absolute; z-index:10; height:8px; width:8px; background:transparent url("/baseimages/boxBlock/corner.png") top left no-repeat;}
#mapBox .corners b + b {top:0; right:0; bottom:auto; left:auto; background-position:top right;}
#mapBox .corners b + b + b {top:auto; right:0; bottom:0; left:auto; background-position:bottom right;}
#mapBox .corners b + b + b + b {top:auto; right:auto; bottom:0; left:0; background-position:bottom left;}
#mapBox .bounds {padding:10px;}
#mapBox .bounds h2 {margin:0; padding:0; font-size:1.4em; line-height:1.8em; color:#5a5a5a;}
#mapBox .bounds .headRow h3 {margin:0; padding:0; font-size:1.1em; line-height:1.4em; color:#333; font-weight:bold; float:left; width:330px;}
#mapBox .bounds .headRow small {display:block; position:relative; clear:left; float:left; line-height:1.3em; margin:0 0 0 0; padding:0 15px 0 0; color:#666666; background:transparent url("/includes/maps/i/placenameSwoopArrow.gif") center right no-repeat;}
#mapBox .bounds .headRow form {float:right; margin:-1.2em 0 0 10px;}

#mapBox .mapBounds {display:block; position:relative; border:1px solid #fff; margin:10px 0}
#map .stopText {display:block; font-family:"Trebuchet MS", Tahoma, Verdana, Helvetica; font-size:1em; margin-right:20px;}
#map .stopText .AtcoCode {background-color:#eee; color:#333; -moz-border-radius:7px;-webkit-border-radius:7px; padding:1px 4px;}
#map .stopText .StopTitle {display:block; font-weight:bold;}
#map .stopText .Bearing {display:block; float:left; min-height:16px; white-space:nowrap; color:#666;}
#map .stopText .compass {display:block; float:left; height:16px; width:16px; overflow:hidden; background:#bbb url('/includes/maps/i/bearing.png') center center no-repeat;}
	#map .stopText .compass.N {background-position:top center;}
	#map .stopText .compass.NE {background-position:top right;}
	#map .stopText .compass.E {background-position:center right;}
	#map .stopText .compass.SE {background-position:bottom right;}
	#map .stopText .compass.S {background-position:bottom center;}
	#map .stopText .compass.SW {background-position:bottom left;}
	#map .stopText .compass.W {background-position:center left;}
	#map .stopText .compass.NW {background-position:top left;}
#map .stopText .servicesStoppingHere {display:block; clear:both;}

#mapBox .stopText {clear:both; float:none; padding:0px; font-size:1em;}
#mapBox .stopText .attraction {clear:both; float:none; padding:0px; font-size:1em;}
#mapBox .stopText .attraction a {margin:0; padding:0px; background:#fff; cursor:pointer; text-decoration:none; color:inherit;}
#mapBox .stopText .attraction a strong {color:#0099CC;}
#mapBox .stopText .attraction a:hover {color:#666;}
#mapBox .stopText .attraction a:hover strong {text-decoration:underline;}
#mapBox .stopText .attraction .text {display:block; position:relative; height:57px; overflow:hidden;}
#mapBox .stopText .attraction .pic {float:left; margin-right:10px;}
#mapBox .stopText .attraction .pic img {border:none; width:68px; height:57px;}
#mapBox .stopText .attraction .pic b {display:block; position:absolute; top:0; left:0; width:68px; height:57px; background:transparent url("/baseimages/boxBlock/thumbFrame.png") top center no-repeat;}
#mapBox .stopText small {}

#mapBox #ani {display:block; position:relative; float:right;}
/*#zoomNotification {display:none; position:absolute; text-align:center; filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; top:0; left:30%; width:40%; background-color:#333; color:#fff; -moz-border-radius:0 0 7px 7px;-webkit-border-radius:0 0 7px 7px; padding:4px; font-family:"Trebuchet MS", Tahoma, Verdana, Helvetica; font-size:1em;}
*/
#zoomNotification {display:none; position:absolute; bottom:-6px; left:0px; width:200px; height:28px; overflow:hidden; font-size:0.8em; text-indent:-1000px;  
background:transparent url("/includes/maps/i/notAllStopsShown.gif") center center no-repeat;
/*filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; */
}
#map.busy {background-color:#ccc; filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50; cursor:wait!important;}
#map.error {background-color:#CC0000; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;}



/* forms */
#mapBox form fieldset {border:0; padding:0;}

#mapBox form label {font-weight:bold; color:#333;}

#mapBox form#mapControls strong {padding-right:20px; color:#333;}
#mapBox form#mapControls .count {color:#999999;}
#mapBox form#mapControls label {color:inherit; font-weight:normal;}
#mapBox form#mapControls #zoneControl {display:inline-block; border:1px solid #999; margin-left:4px;}
#mapBox form#mapControls #zoneControl .zone1, #mapBox form#mapControls #zoneControl .zone2, #mapBox form#mapControls #zoneControl .zone3, #mapBox form#mapControls #zoneControl .zone4, #mapBox form#mapControls #zoneControl .zone5, #mapBox form#mapControls #zoneControl .zone6 {
display:inline-block; background-color:#FFFFCC; padding:0 4px 2px 0;}
#mapBox form#mapControls #zoneControl .zone1 {background-color:#FFFFCC;}
#mapBox form#mapControls #zoneControl .zone2 {background-color:#CCFF99;}
#mapBox form#mapControls #zoneControl .zone3 {background-color:#B7ECFF;}
#mapBox form#mapControls #zoneControl .zone4 {background-color:#E1D1FC;}
#mapBox form#mapControls #zoneControl .zone5 {background-color:#FFBFC5;}
#mapBox form#mapControls #zoneControl .zone6 {background-color:#FFD796;}

#mapBox form#jumpSelector {background-color:#eee;}
#mapBox form#jumpSelector fieldset {padding:10px;}
#mapBox form#jumpSelector fieldset select {width:380px;}
#mapBox form#jumpSelector .routeJumpSubmit {border:0; margin-right:-10px;}