@import url("forms.css");
/*
Stylesheet language CSS 2.0
Author M.Bruce
===========================
     All-browser default...
===========================
*/

/*
Basic Typography...
*/
body {/*font-family: arial, verdana, helvetica, sans-serif;*/
font-family:"Trebuchet MS", Tahoma, Verdana, Helvetica;
	font-size: 76%;/* font sizing in ems for all other elements. Change this base value to scale all text. (76)*/
	color: #666;}
	
a {text-decoration:none; color:#89BD3E; outline:none}
a:link {}
a:visited {}
a:active {}
a:hover {text-decoration:underline; color:#000;}
#main a[href^="http"] {background:transparent url('/baseimages/aExt.gif') top right no-repeat; padding-right:12px;}

h1, h2, h3, h4, h5, h6, big  {font-family:"Trebuchet MS", Tahoma, Verdana, Helvetica; margin: 1.2em 0em 1.2em 0em; line-height:1em; font-weight:normal; color:#000066;}

#headerLogo {font-size: 3em; color:#FFFFFF; margin:50px 0 0 30px; background:transparent url(../../baseimages/logo_h1.gif) top left no-repeat; width:215px; height:61px; text-indent:-2000px; display:block;}

/*h1 {font-size: 1.7em; display:block; position:relative; padding:0; margin:12px 0 12px 40px; color:#333;}*/
h1, h2 {font-size: 1.5em; margin-top:1em; margin-bottom:0.9em;}
h1 {margin:.2em 0 1em 0;}
h3 {font-size: 1.3em; margin-top:1em; margin-bottom:0.9em;}
h4, big {font-size: 1.2em;}
h5 {font-size: 1.0em; font-weight: bold;}
h6 {font-size: 1.0em; font-weight: bold;}

.dbListing h2 {margin:1em 0 .2em 0; font-size:1.2em;}
.dbArticle h3, .dbArticle h4 {font-size:1em; color:#333; font-weight:bold; margin:1em 0 0.3em 0;}

ol, ul, li {
	font-family:"Trebuchet MS", Tahoma, Verdana, Helvetica;
	font-size: 1em;
	line-height: 1.5em; 
	color:#666;
	margin:0 0 .5em 0;
	}
ol, ul {margin:1.2em 0 2em 0; padding-left:30px;}	
ul li {list-style:disc; list-style-position:outside; text-indent:0; margin-left:0;}

p {
	font-size: 1em; color:#666;
	line-height: 1.5em;
	margin: 0em 0em 1.2em 0em;
	}
p.intro {font-weight:bold;}
pre {
	font-family: monospace;
	font-size: 1.0em;
	}
address {font-family: arial, verdana, helvetica, sans-serif; font-style:normal; margin-top:0;}
hr, .divider {display:block; margin:.5em 0; border:0; background-color:#666666; height:1px; color:inherit;}
hr {color:#ECF3E9; background-color: #ECF3E9; height:1px; margin:1em 0; padding:0;}
.dashed {height:10px; display:block; height:1px; margin:0 5px 10px 0; border-bottom:#ECF3E9 1px solid; }

html\:abbr, abbr, acronym {border-bottom:1px dotted #999999; cursor: help;}
tt {font-family:"Trebuchet MS", Tahoma, Verdana, Helvetica; font-size:1em;}
small {font-size:.8em; line-height:1em;}

blockquote {}
q {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#888; font-size:1.1em;}
q:before {font-weight:bold;}
q:after {font-weight:bold;}
cite {font-family: arial, verdana, helvetica, sans-serif; font-style:normal; text-transform:uppercase; color:#333; font-size:70%;}

/* global defaults */
.button {cursor:pointer;}
img {border:none;}
a img {border:0px solid #404A53;}
a:hover img {border-color:#6B0000;}

/*
Structural Framework...
*/
html {margin:0; padding:0; text-align:center; height:100%; width:100%; border:0; background:#FFFFFF url(../../baseimages/background_repeat.gif) top left repeat;}

body {height:100%; margin:0px auto 0px auto; padding:0; border:0; text-align:center; background-color:transparent; color:#444; width:972px;}
#container {display:block; position:relative; width:992px; padding:0; text-align:left; padding:0; color:inherit;}
#content {display:block; position:relative; text-align:left; padding:0px; margin:0; }



/* Header */
#header {display:block; position:relative; text-align:left; padding:0px; margin:0; height:205px; background:url(../../baseimages/background_headerFull.png) transparent top center no-repeat; }

#head ul {margin:0 10px 0 10px; padding:0;}
#head ul li {display:inline; border-left:#333 1px solid; margin:0 5px 0 0;}
#head ul li.first {border:none;}
#head ul li a {color:#333; text-decoration:none; margin:0 0 0 5px;}
#head ul li.first a {margin:0;}
#head ul.login {float:right;}
#head {margin:20px 0 10px 0; display:block;}

#nav {background:url(../../baseimages/background_nav.gif) center left repeat-x; height:33px; margin:14px 10px 0 10px; display:block;}
#nav ul {display:block; margin:0 0 0 10px; padding:0; text-indent:0;}
#nav ul li {display:inline; border:none;}

#nav ul li a {color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; line-height:33px; display:block; float:left; margin:0 6px;}
#nav ul li a:hover {text-decoration:none; color:#000;}
#nav ul li.first a {margin:0 6px 0 20px;}
#nav ul li a.on {background:url(../../baseimages/background_navLive.png) bottom left repeat-x;}

#nav ul.subnav {display:block; position:absolute; top:158px; left:11px; z-index: 99; height:47px;}
#nav ul.subnav li {height:47px; display:inline;}
#nav ul.subnav li a {font-size:1.2em; font-weight:normal; color:#FFFFFF; font-family:"Trebuchet MS", Tahoma, Verdana, Helvetica; height:40px; display:block; margin-top: 7px;}
#nav ul.subnav li.welcome {font-size:1.2em; font-weight:normal; color:#FFFFFF; font-family:"Trebuchet MS", Tahoma, Verdana, Helvetica; display:block; margin:13px 0 0 20px;}
#nav ul.subnav li a.on {color:#FFC33C; background-image:none;}
#nav ul.subnav li a:hover {color:#FFC33C; background-image:none;}



#accessibility {display:block; float:right; background:url(../../baseimages/accessibility_background.gif) bottom left no-repeat; width:144px; height:47px; margin:-14px 0 0 0;}
#accessibility a {width:29px; height:47px; background:url() top left no-repeat; margin:0 2px 0 0; display:block; float:left; text-indent:-2000px;}
#accessibility a#default {background:url(../../baseimages/accessibility_small.gif); margin:0 2px 0 20px;}
#accessibility a#large {background:url(../../baseimages/accessibility_medium.gif);}
#accessibility a#xlarge {background:url(../../baseimages/accessibility_large.gif);}
#accessibility a#default.on {background-position:right top;}
#accessibility a#large.on {background-position:right top;}
#accessibility a#xlarge.on {background-position:right top;}
#accessibility a#default:hover {background-position:center top;}
#accessibility a#large:hover {background-position:center top;}
#accessibility a#xlarge:hover {background-position:center top;}
#accessibility a.on {cursor:default;}

/*#weather {display:block; float:right; height:75px; width:226px; margin:20px 30px 0 0;  font-family:"Trebuchet MS", Tahoma, Verdana, Helvetica;}
#weather .title {float:right; display:block; width:126px; height:40px; background:url(../../images/weather/title.gif) top left no-repeat; text-indent:-2000px; margin:0;}
#weather img {display:block; width:100px; height:75px; float:left;}
#weather .temp {color:#ecf3e9; display:block; font-size:2em; float:left; margin:0 0 0 8px; padding:0;}*/

/*#link a {color:#fff; line-height:50px; height:50px; vertical-align:middle; margin:0 0 0 -25px;}
#link img.arrow {float:left; margin:26px 5px 0 27px;}*/

#link span.header {color:#FFFFFF; font-size:1.2em; margin:3em; line-height:3em;}

#links {background:url("/baseimages/background_headerBottom.png") bottom center no-repeat; height:42px; display:block; position:relative; margin:0;}

#links a.rss {background:url("/baseimages/icon_rss.png") left center no-repeat; display:block; margin:0 0 0 35px; width:150px;}

#links a {color:#666; line-height:30px; height:30px; margin:0 10px 0 0; padding:10px 0 10px 0; }
#links a span {margin:0 0 0 30px;}
#links a:hover {text-decoration:none; color:#000;}

#links form {float:right; margin:10px 20px 0 0;}
#links form input {margin-left:15px;}


/* Main */
#main {display:block; position:relative; height:100%; text-align:left; padding:25px 0 0 0; margin:0px; background:transparent url(../../baseimages/background_main.png) repeat-y;}
/* left and right were amended to make them sit side by side and overlap their dotted border to create illusion of a single vertical divider. Can be swapped back if you prefer */
/*#left {width:635px; margin:0 5px 20px 40px; display:block; position:relative; float:left;}*/
#left {top:0; width:635px; margin:0 0px 20px 40px; display:block; position:relative; float:left; border-right:3px dotted #ebebeb; padding:0 20px 0 0;}
/*#right {width:265px; display:block; position:relative; float:left; margin:0 0 20px 20px; padding:0 0 0 10px; border-left:3px dotted #ebebeb; background-color:#fff;}*/
#right {top:0; width:265px; display:block; position:relative; float:left; margin:0 0 20px -3px; padding:0 0 0 10px; border-left:3px dotted #ebebeb; background-color:#fff;}


/*.floatleft {display:block; float:left; position:relative; margin:0 5px 8px 0;}*/
.operations {display:block; }
.operation a {display:block; float:left; color:#333333; text-align:center; font-size:0.9em; margin:0 0 5px 75px;}
.operation a:hover {text-decoration:none;}
.operation a[href^="http"] {background-image:none!important; padding-right:0!important;}
.xxxxxoperation a[href^="http"] span {background:transparent url('/baseimages/aExt.gif') top right no-repeat; padding-right:12px;}
.first {margin-left:0!important;}
.gap {margin-left:100px!important;}
.last {margin-right:100px;}
.floatRight {display:block; float:right; position:relative; margin:10px 0 10px 10px;}

#buyTicket {display:block; float:right; margin:0 0 0 20px; width:256px; height:322px; background:url(../../baseimages/button_BuyNowBackground.jpg) top left no-repeat;}
#buyTicket h3 {background:url(../../baseimages/button_BuyNowHeader.gif) top left no-repeat; text-indent:-2000px; width:183px; height:42px; margin:36px 0 20px 36px;}
#buyTicket #buy select {width:187px; margin:0 0 14px 32px;}
#buyTicket #buyNow {background:url(../../baseimages/button_BuyNow.gif) top left no-repeat; width:56px; height:56px; float:right; margin:10px 28px 0 0; border:none;}


/*#heroLarge {width:630px; display:block; position:relative; height:auto; margin:0 0 20px 0; padding:0; position:relative;}
#heroLarge .text {display:block; float:right; height:24px; background:#FFFFFF; filter:alpha(opacity=80); moz-opacity:0.8; opacity:0.8; text-align:right; margin:-24px 0 0 0;}
#heroLarge p {color:#333333; margin:3px 15px;}*/

#heroLarge {display:block; position:relative; width:630px; margin:0 0 20px 0; padding:0;}
#heroLarge img {width:630px;}
#heroLarge .caption {display:block; position:relative; float:right; text-align:right; margin:-2em 0 0 0; font-size:0.8em; line-height:1em; background:#FFFFFF; color:#333; padding:.45em 1em .55em 1em; filter:alpha(opacity=80); moz-opacity:0.8; opacity:0.8;}

#homeBanner {display:block; position:relative; margin:0 0 20px 0; height:220px;}
#homeBanner a {background-image:none!important; padding-right:0!important;}


/*#heroSmall {background:url(../../images/herosmallColour.png) left top no-repeat; width:208px; height:450px; overflow:visible; margin:0 5px 0 0; display:block; float:left;}
#heroSmall img {margin:23px 23px 15px 23px; border:#333333 1px solid;}
#heroSmall h4 {color:#CC0000; font-size:1.4em; margin:0 23px 10px 20px;}
#heroSmall p {margin:10px 23px 23px 23px;}*/

#inlineImage {display:block; position:relative; float:right; margin:0 5px 5px 0; padding:0;}
#inlineImage .caption {display:block; position:absolute; top:100%; right:0; font-size:0.8em; line-height:1em; background:#FFFFFF; color:#666; padding:.5em 0em;}


.displayCardHero {display:block; position:relative; height:auto; background:#ebebeb url("/baseimages/displayCardHero/middle.gif") top left repeat-y; margin:1em 0 1em -3px}
/*.displayCardHero + .displayCardHero {background-color:#FFFFCC;}
.displayCardHero + .displayCardHero + .displayCardHero {background-color:#E2F1F6;}*/
.displayCardHero .top {display:block; position:relative; height:27px; background:transparent url("/baseimages/displayCardHero/top.png") top left no-repeat;}
.displayCardHero .bottom {display:block; position:relative; min-height:178px; background:transparent url("/baseimages/displayCardHero/bottom.png") bottom left no-repeat; padding:10px 37px 27px 30px;}
.displayCardHero h4, .displayCardHero h2 {margin:0 0 1em 0;}
.displayCardHero p {margin:0 0 1em 0!important; text-align:justify}

.displayCardHero .picholder {display:block; position:relative; width:221px; height:259px; float:right; margin:-37px -5px 1px 8px;}
.displayCardHero .picholder img {margin:35px 0 0 12px; border:0;}
.displayCardHero .picholder .frame {display:block; position:absolute; top:0; left:0; width:221px; height:259px; background:transparent url("/baseimages/displayCardHero/picholder.png") top left no-repeat;}
.displayCardHero .picholder p {margin:0/*!important*/; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:0.9em;  line-height:1.2em; color:#888; text-align:center; margin-top:210px!important;}
.displayCardHero .picholder p:first-line {font-weight:bold;}


/*.type {display:block; float:left; padding:0 0 0 70px; margin:0 10px 15px 0; overflow:visible; width:230px;}
.type span.title {font-weight:bold; margin:0; font-size:1.1em;}
.Bus {background:url(../../baseimages/typeBus.gif) center left no-repeat;}
.Rapid {background:url(../../baseimages/typeRapid.gif) center left no-repeat;}
.Trolley {background:url(../../baseimages/typeTrolley.gif) center left no-repeat;}
.Tram {background:url(../../baseimages/typeTram.gif) center left no-repeat;}
.Metro {background:url(../../baseimages/typeMetro.gif) center left no-repeat;}
.Train {background:url(../../baseimages/typeTrain.gif) center left no-repeat;}
.Bike {background:url(../../baseimages/typeBike.gif) center left no-repeat;}
.Demand {background:url(../../baseimages/typeDemand.gif) center left no-repeat;}*/

#ourExpertiseListing {display:block; position:relative; margin-bottom:1em;}
#ourExpertiseListing p {display:block; position:relative; width:50%; min-height:70px; height:6.5em; float:left; margin:0 0 2em 0}
#ourExpertiseListing p span {padding-right:15px;}
#ourExpertiseListing p img {float:left; top:0; margin:0 10px 0 0;}
#ourExpertiseListing p a {font-size:1.1em; font-weight:bold;}



/* news / other db pages */
.dbListing .item {margin-bottom:1em;} 
.dbListing .item img {float:left; margin:0 10px 10px 0;}
.dbListing .item p {margin:0;}

.dbListing .pagedresults {display:block; position:relative;}
.dbListing .pagedresults a {background-color:#fff; padding:3px 4px 3px 3px; text-align:center; width:18px; border:1px solid #efefef; margin:-1px;}
.dbListing .pagedresults a:hover, .pagedresults a.on {color:inherit; font-weight:normal; text-decoration:underline; background-color:#efefef;}
.dbListing .pagedresults a.on {font-weight:bold; color:#000; cursor:default;}
.dbListing .pagedresults a.off {color:#eee!important; cursor:default;}
.dbListing .pagedresults a.off:hover {background-color:#fff!important; text-decoration:none;}
.dbListing .pagedresults span {display:none;}
.dbListing .pagedresults small {display:block; position:relative; margin-top:1em;}
.dbListing .pagedresults small a {padding:0; width:inherit; border:none!important; margin:0;}
.dbListing .pagedresults small a.on {background-color:#ddd; color:#333; -moz-border-radius:7px;-webkit-border-radius:7px; padding:0px 4px; text-decoration:none;}



.dbArticle .bodytext .images {float:right; margin-left:20px;}
.dbArticle h1 {margin-bottom:0.2em;}
.dbArticle tt {color:#999;}
.dbArticle p {margin:1em 0 0 0;}
.dbArticle .files ul {}
.dbArticle .files ul li {color:#999; font-size:0.9em;}
.dbArticle .files ul li a {font-size:1.12em;}
.dbArticle #heroLarge {margin-top:1em;}



#homeSearch label {display:block; width:150px; float:left;}
#homeSearch select {width:150px;}
#homeSearch label.second {margin:0 0 0 50px;}
#homeSearch #search {float:right; margin:10px 16px;}


#latestUpdates a:hover {text-decoration:none;}
#latestUpdates .update {display:block; position:relative; padding:0 0 0 30px; background:url(../../baseimages/update.png) top left no-repeat;}
#latestUpdates .update strong {color:#89BD3E;}
#latestUpdates .update .date {color:#cccccc; font-size:0.8em;}
#latestUpdates .info {background:url(../../baseimages/info.png) top left no-repeat;}
#latestUpdates .urgent {background:url(../../baseimages/important.png) top left no-repeat;}


/*#subnavPanel ul {margin:-10px 0 0 0; padding:0;}
#subnavPanel ul li {display:inline; border-left:#ebebeb 1px solid; margin:0 5px 0 0;}
#subnavPanel ul li.first {border:none;}
#subnavPanel ul li a {margin:0 0 0 5px;}
#subnavPanel ul li.first a {margin:0;}*/

#main ul.inlineNav {margin:-10px 0 1em 0; padding:0;}
#main ul.inlineNav li {display:inline; margin:0 5px 0 0;}
#main ul.inlineNav li + li {border-left:1px solid #ebebeb; padding-left:6px;}
#main ul.inlineNav li a.subscribe {background:url(../../baseimages/icon_rss_small.gif) left center no-repeat; padding:3px 0 3px 20px;}
	


/*#right {width:265px; display:block; position:relative; float:left; margin:0 0 20px 20px; padding:0 0 0 10px; border-left:3px dotted #ebebeb; background-color:#000;}
#right p.title {font-weight:bold; color:#000000;}

p.title {font-weight:bold; margin:0; color:#333;}

#mapPanel, #sitesPanel, #mediaPanel, #jobsPanel, #sustainabilityPanel {display:block; padding:0 0 0 82px; margin:20px 0; }
#mapPanel p, #sitesPanel p, #mediaPanel p, #jobsPanel p, #sustainabilityPanel p {margin:0;}

#mapPanel {background:url(../../baseimages/sideMap.gif) top left no-repeat; margin-top:0;}
#sitesPanel {background:url(../../baseimages/sideWorld.gif) top right no-repeat; padding:0 82px 0 0;}
#mediaPanel {background:url(../../baseimages/sideMedia.gif) top left no-repeat;}
#jobsPanel {background:url(../../baseimages/sideJob.gif) top left no-repeat;}
#sustainabilityPanel {background:url(../../baseimages/sideSustainability.gif) top left no-repeat;}*/

#right p strong a {font-size:1.1em; font-weight:bold; color:#333;}
#right p strong a:hover {color:inherit;}

	#mapPanel {display:block; position:relative; margin:0 5px 20px 0px;}
	#mapPanel p {display:block; position:relative; min-height:100px; padding:0 10px 20px 0; border-bottom:1px solid #ECF3E9; margin:0 0 20px 0;}
	#mapPanel p img {float:left; top:0; margin:0;}
	
	#sitesPanel {display:block; position:relative; margin:20px 5px; background:url("/baseimages/sideWorld.gif") top right no-repeat; padding:0 60px 0 0;}
	#sitesPanel ul {marging:0; padding:0;}
	#sitesPanel ul li {list-style-type:none; marging:0; padding:0; line-height:1.2em;}
	#sitesPanel ul li small {color:#999;}
	
	#miniFeaturesListing {display:block; position:relative; margin:20px 5px 20px 0;}
	#miniFeaturesListing p {display:block; position:relative; min-height:100px; padding:0 10px 20px 0; border-bottom:1px solid #ECF3E9; margin:0 0 20px 0;}
	#miniFeaturesListing p img {float:left; top:0; margin:0 5px 0 0;}
	
	#newsPanel {display:block; position:relative; margin:20px 5px;}
	#newsPanel big {display:block; position:relative; margin:0 0 10px 0px;}
	#newsPanel a.subscribe {background:url(../../baseimages/icon_rss_small.gif) left center no-repeat; color:#666666; padding:0 0 0 20px; margin:0 0 10px 0; display:block; font-size:1.1em;}
	#newsPanel p {margin:0 0 20px 0;}
	#newsPanel p a {color:#666;}
	#newsPanel p a:hover {color:#666; text-decoration:none;}
	#newsPanel p .date {font-size:.9em;}
	#newsPanel p a strong {color:#89BD3E; font-weight:normal;}
	#newsPanel p a:hover strong {color:#000; text-decoration:underline;}


/* corners */
.one {width:770px; height:460px; background:url(../../baseimages/corners.gif) top left no-repeat; display:block; position:relative; margin:-460px 0 0 0;}
.two {width:100px; height:100px; background:url(../../baseimages/corners_small.gif) top left no-repeat; display:block; position:relative; margin:-100px 0 0 0; cursor:pointer;}


/* Footer */
#footer {display:block; position:relative; text-align:left; padding:0; margin:0; height:197px; background:url(../../baseimages/background_footerFull.png) transparent top center no-repeat;}
#footer p {color:#FFFFFF; margin:0 0 0 50px;}
#footer a {color:FFC33C;}
#footer ul {margin:0 0 0 50px; padding:0;}
#footer ul li {display:inline; border-left:#FFFFFF 1px solid; margin:0 5px 0 0;}
#footer ul li.first {border:none;}
#footer ul li a {color:#FFFFFF; text-decoration:none; margin:0 0 0 5px;}
#footer ul li a:hover {color:#000; text-decoration:underline;}
#footer ul li.first a {margin:0;}
#footer .tag {text-indent:-2000px; width:176px; height:56px; background:url(../../baseimages/logo_footer.gif) transparent no-repeat; margin:35px 0 10px 30px;}
.gototop {text-align:center;}
.gototop a {color:#363636; text-decoration:none;}


#ajaxContent {display:block; position:absolute; width:400px; height:400px; top:50%; left:50%; margin:-200px 0 0 -200px; border:1px solid #083477; background-color:#FFFFCC; overflow:auto;}

.tooltip {/*use jquery.moob.tooltip to create tips from element title.
This class styling is used instead of the default - the JS checks that this css exists and uses it if it does inplace of its default  */
display:block; position:absolute; z-index:999999999; margin:0; max-width:200px; height:auto; background-color:#FFFFCC; padding:2px 6px; color:#000; font-size:1em; font-weight:normal; font-family:"Trebuchet MS", Tahoma, Verdana; text-align:left; 
opacity:0.8;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid #666;
}

/*alert*/
.alert {display:block; position:absolute; top:0; left:50%; margin-left:-200px; width:400px; padding:20px; background-color:#FFFFCC; border:1px dotted #083477; color:#000000!important;}
.alert a.ok {display:block; clear:left; text-align:center;}

.error {display:block; position:relative; background-color:#ffffcc; color:#990000; border:1px solid #990000; outline:1px solid #fff; padding:10px; color:#000000;}

/*important globals*/
input[type="hidden"] {display:none!important;}
input.hidden, .hidden {display:none!important;}
.hidden {display:none!important; visibility:hidden!important;}

.corners b {top:0; left:0; display:block; position:absolute; z-index:10; height:8px; width:8px; background:transparent url(../../baseimages/corner.png) top left no-repeat;}
.corners b + b {top:0; right:0; bottom:auto; left:auto; background-position:top right;}
.corners b + b + b {top:auto; right:0; bottom:0; left:auto; background-position:bottom right;}
.corners b + b + b + b {top:auto; right:auto; bottom:0; left:0; background-position:bottom left;}

.cornered {height:auto; width:auto;}
.cornered b {top:0; left:0; display:block; position:absolute; z-index:10; height:8px; width:8px; background:transparent url("/baseimages/corner.png") top left no-repeat;}
.cornered b + b {top:0; right:0; bottom:auto; left:auto; background-position:top right;}
.cornered b + b + b {top:auto; right:0; bottom:0; left:auto; background-position:bottom right;}
.cornered b + b + b + b {top:auto; right:auto; bottom:0; left:0; background-position:bottom left;}

#boxBlock {display:block; position:relative; height:auto; width:100%; background:#e4e4e4 url("/baseimages/boxBlock/bgGrad.png") bottom left repeat-x; color:#666; margin:0 0 30px 0;}
#boxBlock .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;}
#boxBlock .corners b + b {top:0; right:0; bottom:auto; left:auto; background-position:top right;}
#boxBlock .corners b + b + b {top:auto; right:0; bottom:0; left:auto; background-position:bottom right;}
#boxBlock .corners b + b + b + b {top:auto; right:auto; bottom:0; left:0; background-position:bottom left;}
#boxBlock .bounds {padding:10px;}
#boxBlock .headRow h2, #boxBlock .headRow h3 {display:block; position:relative; margin:0 0 .5em 0; font-size:1.4em; line-height:1.4em; color:#5a5a5a;}


/*clear floats*/

.clear:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear {display:block;}
* html .clear {height:1px;}

/*Operations Map */
#mapLayer {display:block; position:absolute; z-index:9999999; top:-6px; right:190px; /*top:18px; right:210px;*/ height:auto; width:550px; background:#e4e4e4 url("/baseimages/boxBlock/bgGrad.png") bottom left repeat-x; color:#666; margin:0 0 30px 0;}
#mapLayer .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;}
#mapLayer .corners b + b {top:0; right:0; bottom:auto; left:auto; background-position:top right;}
#mapLayer .corners b + b + b {top:auto; right:0; bottom:0; left:auto; background-position:bottom right;}
#mapLayer .corners b + b + b + b {top:auto; right:auto; bottom:0; left:0; background-position:bottom left;}
#mapLayer .bounds {padding:10px;}
#mapLayer .bounds h2 {margin:0; padding:0; font-size:1.4em; line-height:1.8em; color:#5a5a5a;}
#mapLayer .bounds .headRow h3 {margin:0; padding:0; font-size:1.1em; line-height:1.4em; color:#333; font-weight:bold; float:left; width:330px;}
#mapLayer .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;}
#mapLayer .bounds .headRow form {float:right; margin:-1.2em 0 0 10px;}
#mapLayer .mapBounds {display:block; position:relative; border:1px solid #fff; margin:10px 0}
#mapLayer .mapLayerMarker {display:block; position:absolute; top:10px; right:-10px; height:118px; width:10px; background:#fff url("/baseimages/boxBlock/mapLayerMarker.gif") top right no-repeat;}
#mapLayer form {float:left;}
#mapLayer form fieldset {border:0; padding:0;}
#mapLayer form label {font-weight:bold; color:#333;}
#mapLayer form#mapControls {margin-left:90px;}
#mapLayer form#mapControls strong {padding-right:20px; color:#333; display:block; position:relative; float:left; margin-left:-90px;}
#mapLayer form#mapControls .count {color:#999999;}
#mapLayer form#mapControls label {color:inherit; font-weight:normal; display:block; position:relative; float:left; width:190px; white-space:nowrap;}
#mapLayer form#mapControls select {background-color:#fff;}
#mapLayer a.closeMap {float:right;}