/**************************************************************************************************
*
* 	Name:			Global CSS
* 	Author:			Dan Tarrant
* 	Date Created:	29th March 2010
* 	Date Modified:	29th March 2010
*	Copyright:		Appius (www.appius.com)
*
*	Contents:
*	01. Reset browser defaults
* 	02. Layout
* 	03. Headings
*	04. Typography
* 	05. Navigation
* 	06. Links
* 	07. Lists
* 	08. Images
* 	09. Forms
* 	10. Tables
* 	11. Misc
*
**************************************************************************************************/
 
/**************************************************************************************************
*	01. Reset browser defaults (http://meyerweb.com/eric/tools/css/reset/)
**************************************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
}

html {
	overflow-y: scroll;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/* Remember to define focus styles */
:focus {
	outline: 0;
}

/* Remember to highlight inserts somehow */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* Tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**************************************************************************************************
*	02. Layout
**************************************************************************************************/

body {
	font: 0.7em/1.5em  Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	background-color: #fff;
}

div#wrapper {
	background: transparent url("/images/common/bg_shade.gif") repeat-y left top;
	width: 960px;
	margin: 0 auto;
	padding: 0 12px;
}

div#headerBar {
	background: transparent url("/images/common/headerbar_bg.gif") repeat-x left top;
	height: 30px;
}

div#headerBar .left {
	padding: 6px 0 0 12px;
}

a#info {
	position: relative;
	left: 5px;
	top: 3px;
}

div#container {
	background: transparent url("/images/common/container_bg.gif") repeat-x left top;
}

div#breadcrumb {
	float: right;
	margin: 5px 10px 5px 0;
}

div#navigation {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	float: left;
	display: inline;
	width: 185px;
	margin: 5px 18px 0 0;
}

div#content {
	float: left;
	display: inline;
	width: 747px;
}

div#footer {
	background: transparent url("/images/common/footer.gif") no-repeat left top;
	margin: 20px 0 0 0;
}

.sectionClear {
	clear: both;
	width: 100%;
	float: left;
}

/* Columns */
.primary,
.secondary {
	float: left;
	display: inline;
	margin: 0.5em 0;
}

.secondary  {
	margin-left: 18px;
}

.secondary .sectionClear {
	margin: 0 0 10px 0;
}

.narrowSecondary .primary {
	width: 556px;
}

.narrowSecondary .secondary {
	width: 172px;
}

.wideSecondary .primary {
	width: 492px;
}

.wideSecondary .secondary {
	width: 236px;
}

.narrowSecondary .primary div.left,
.narrowSecondary .primary div.right {
	width: 270px;
}

.wideSecondary .primary div.left,
.wideSecondary .primary div.right {
	margin: 1em 0 0 0;
	width: 236px;
}

/* Hides the skip to links on browsers but not screen readers */
#skip-to-content, 
#skip-to-footer {
	position: absolute;
	top: -3333px;
	left: -3333px;
}

/* Map pages */
div#map {
	background: transparent url("/images/map/temp_map.jpg") no-repeat left top;
	width: 960px;
	height: 700px;
	margin: 0 auto;
	position: relative;
}

div#minimap {
	background: transparent url("/images/map/mini_map.jpg") no-repeat left top;
	border: 1px solid #00bbb4;
	width: 234px;
	height: 226px;
}

div#content div#map {
	float: left;
	border: 1px solid #00bbb4;
	width: 490px;
	height: 330px;
}

div#content div#mapContainer {
	float: left;
	position: relative;
}

div#itemContainer {
	position: absolute;
	top: 160px;
	left: 120px;
}

div#item {
	background: transparent url("/images/map/item_caption.png") no-repeat left top;
	float: left;
	padding: 10px 10px 0 10px;
	width: 333px;
}

div#itemBottom {
	background: transparent url("/images/map/item_caption_bottom.png") no-repeat left bottom;
	float: left;
	clear: both;
	height: 36px;
	width: 353px;
}

div#resultsContainer {
	position: absolute;
	bottom: 5px;
	left: 5px;
}

div#results {
	background: #fff url("/images/common/container_bg.gif") repeat-x left top;
	float: left;
	padding: 10px 5px 5px 5px;
	margin: 5px 0 0 0;
	width: 482px;
}

div#results p {
	line-height:140%;
	padding: 0;
	margin: 0 0 10px 0;
}

div#optionsContainer {
	float: right;
	width: 260px;
	height: 700px;
}

div#optionsContainer a.left {
	margin: 220px 0 0 0;
}

div#options {
	float: left;
	width: 236px;
}

.mapFilters {
	margin-top: -20px;
}

div#map div#options {
	background: #fff url("/images/common/container_bg.gif") repeat-x left top;
	border-right: 2px solid #26559a;
	border-left: 2px solid #26559a;
	float: right;
}

.blueStrip {
	background: #082f62 url("/images/common/blue_strip_bg.gif") repeat-x left top;
	float: left;
	padding: 4px 8px;
	width: 220px;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
}

.inner {
	float: left;
	display: inline;
	padding: 5px 10px;
	width: 216px;
}

div.narrowSecondary div#options {
	width: 172px;
}

div.narrowSecondary .blueStrip {
	width: 156px;
}

div.narrowSecondary div#options .inner {
	width: 152px;
}

div#searchFilters {
	color: #113b92;
}

div.tabBar {
	background: transparent url("/images/common/strip_right.gif") no-repeat right top;
	border-bottom: 1px solid #00bbb4;
	padding: 0 7px 0 0;
	margin: 0.5em 0;
	width: 740px;
}

div.tabBar div.right {
	background: transparent url("/images/common/strip_left.gif") no-repeat left top;
	padding: 0 0 0 7px;
}

div.tabBar div.greenStrip {
	background: transparent url("/images/common/strip_bg.gif") repeat-x left top;
	float: left;
	padding: 0 30px;
}

div.searchResult {
	border-bottom: 1px solid #00bbb4;
	float: left;
	margin: 0.5em 0 1em 0;
	width: 100%;
}

div.ektronSearch div.searchResult {
	width: 747px;
}

div.searchResult a.readMore {
	background: transparent url("/images/common/strip_bg.gif") repeat-x left top;
	float: right;
	padding: 3px 50px;
	margin: 4px 0 0 0;
}

div#twitterFeedWidget {
    position: relative;
	background: transparent url("/images/ctas/twitter_feed_big.jpg") no-repeat left top;
	padding: 5px 10px 0 35px;
	width: 191px;
	height: 93px;
	color: #fff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

div#twitterFeedWidget div#slider ul {
    list-style: none;
}

div#twitterFeedWidget div#slider ul li a {
    color: #fff;
}

.greyShade {
	background: transparent url("/images/common/box_bg.gif") repeat-x left top;
}

.boxFoot {
	background: transparent url("/images/common/boxFoot_bg.gif") repeat-x left top;
	padding: 5px 0 0 0;
	margin: 0 !important;
	width: 236px;
}

div#singleFare {
	background: transparent url("/images/content/single_fare_bg.jpg") no-repeat left top;
}

div#singleFare p {
	width: 100px;
	margin: 0 0 0.5em 0;
}

.departureCta .inner,
.plannerCta .inner {
	width: 152px;
}

.departureCta div#departuresForm select {
	margin: 2px 0 10px 0;
	width: 150px;
}

.departureCta p {
	float: left;
	margin: -35px 0 0 0;
	width: 105px;
}

.plannerCta div#planJourneyForm input {
	width: 144px;
}

.plannerCta div#planJourneyForm select {
	width: 150px;
}

.plannerCta .inner a {
	float: left;
	width: 60px;
}

.plannerCta .boxFoot {
	width: 172px;
}

/* slideshow styles */
div#content .slideShow ul,
div#content .slideShow ul li {
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.slideShow {
	position: relative;
	height: 175px;
}

.slide {
	position: absolute;
	top: 0;
	left: 0;
}

.navigation {
	position: absolute;
	top: 147px;
	left: 0;
}

div#content .slideShow .navigation a {
	background: #00a6a1 url("../images/common/strip_bg.gif") repeat-x left top;
	border-right: 1px solid #082f62;
	float: left;
	padding: 4px 5px;
	width: 112px;
	height: 20px;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 1em;
}

div#content .slideShow .navigation a:hover, 
div#content .slideShow .navigation a.selected {
	background: #082f62 url("../images/common/blue_strip_bg.gif") repeat-x left top;
}

/* Planned Engineering Works */
div#plannedWorksTop  {
	background: transparent url("../images/content/planned_works_top.gif") no-repeat left top;
	clear: both;
	float: left;
	width: 556px;
}

div#plannedWorksTop .inner {
	padding: 15px 20px 0 20px;
	width: 516px;
}

div#plannedWorksBottom  {
	background: transparent url("../images/content/planned_works_bottom.gif") no-repeat left top;
	clear: both;
	float: left;
	margin: 0 0 1em 0;
	height: 47px;
	width: 556px;
}

div#plannedWorksBottom a {
	margin: 23px 10px 0 0;
	font-weight: bold;
}

/**************************************************************************************************
*	03. Headings
**************************************************************************************************/

h1, h2, h3, h4, label.headingLabel, span#tflHeading {
	padding: 0 0 0.5em 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #113b92;
}

h1 {
	font-size: 1.4em;
}

h2 {
	font-size: 1.1em;
}

span#tflHeading {
	float: left;
	display: block;
	width: 120px;
	padding-top: 0.5em;
	font-size: 1.1em;
}

.planJourney h2 {
	font-size: 1.25em;
}

.tabBar h2 {
	float: left;
	display: inline;
}

div#results h2 {
	float: left;
	width: 482px;
}

div#map div#results h2 {
	width: 700px;
}

/**************************************************************************************************
*	04. Typography
**************************************************************************************************/

p {
	margin-bottom: 1em;
}

div#footer p {
	float: right;
	margin: 53px 12px 10px 0;
}

.underlined {
	border-bottom: 1px solid #00bbb4;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.25em 0;
}

.red {
	color: #ff0000;
}

.small {
	font-size: 0.9em;
}

.slightlySmall {
	font-size: 0.9em;
}

.ambassadorText {
	float: left;
	margin: 0 1em 1em 0;
	width: 200px;
}

.ambassadorNextLine {
	clear: both;
	margin-left: 104px;
}

/**************************************************************************************************
*	05. Navigation
**************************************************************************************************/

div#navigation ul.ekflexmenu_submenu_items li a {
	background: transparent url("/images/navigation/nav_toplevel.gif") no-repeat left top;
	margin: 0 0 1px 0;
	display: block;
	padding: 4px 0 4px 10px;
	width: 172px;
	color: #fff;
	font-weight: bold;
}

div#navigation ul.ekflexmenu_submenu_items li a.ekflexmenu_button_selected,
div#navigation ul.ekflexmenu_submenu_items li a:hover {
	background: transparent url("/images/navigation/nav_toplevel_selected.gif") no-repeat left top;
	text-decoration: underline;
}

div#navigation ul.ekflexmenu_submenu_items li ul.ekflexmenu_submenu_items_hidden {
	display: none;
}

div#navigation ul.ekflexmenu_submenu_items li ul {
	margin: -1px 0 0 0;
}

div#navigation ul.ekflexmenu_submenu_items li ul li a {
	background: #1c58b3 url("/images/navigation/nav_sublevel.gif") no-repeat left top;
	margin: 0;
	width: 171px;
	padding: 2px 0 3px 20px;
	width: 151px;
	font-weight: normal;
}

div#navigation ul.ekflexmenu_submenu_items li ul li a.ekflexmenu_link_selected,
div#navigation ul.ekflexmenu_submenu_items li ul li a:hover {
	background: #1c58b3 url("/images/navigation/nav_sublevel.gif") no-repeat left top;
	text-decoration: underline;
}

div#tflMenu {
	background: transparent url("/images/navigation/related_links_arrow.gif") no-repeat left top;
	float: left;
	padding: 15px 0 0 26px;
	margin: 0 -26px 0 0;
	width: 185px;
	position: relative;
	top: -5px;
	left: -26px;
}

ul#tflNav {
	clear: both;
	float: left;
	width: 185px;
}

ul#tflNav li {
	background: transparent url("/images/navigation/tfl_menu_nav.gif") repeat-x left top;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	float: left;
	width: 183px;
}

ul#tflNav li a {
	background: transparent url("/images/common/green_bullet.gif") no-repeat left center;
	display: block;
	padding: 3px 0 3px 8px;
	margin: 0 0 0 8px;
	color: #246cce;
}

div#tflMenuShadow {
	background: transparent url("/images/navigation/tfl_menu_bg.gif") repeat-x left top;
	clear: both;
	padding: 16px 0 0 0;
}

div#content div#sitemap ul {
	list-style-type: none;
	margin: 0;
}

div#content div#sitemap ul li ul {
	list-style-type: disc;
	margin: 0 0 0 2em;
}

div#content div#sitemap ul li ul li ul{
	list-style-type: circle;
}

/**************************************************************************************************
*	06. Links
**************************************************************************************************/

a:link, a:visited, a:active {
	color: #113b92;
}

a:hover {
	text-decoration: underline;
}

div#header a,
div#navigation a,
div#footer a {
	text-decoration: none;
}

a#logo {
	background: transparent url("/images/common/dlr_logo.gif") no-repeat left top;
	float: left;
	margin: 15px 0 25px 12px;
	width: 169px;
	height: 47px;
	text-indent: -9999px;
}

div#headerBar a {
	color: #fff;
	font-weight: bold;
}

div#footer a {
	color: #666;
}

a.socialNetwork {
	float: left;
	border-right: 1px solid #9e9e9e;
	border-bottom: 1px solid #9e9e9e;
	border-left: 1px solid #9e9e9e;
	padding: 5px 8px 5px 9px;
}

.dlrIcon {
	background: transparent url("/images/common/dlr_icon.gif") no-repeat left center;
	padding: 0 0 0 18px;
}

.rssIcon {
	background: transparent url("/images/common/rss_icon.gif") no-repeat left center;
	padding: 0 0 0 18px;	
}

div#options .rssIcon {
	padding: 4px 0 4px 18px;
	font-size: 0.8em;
}

div.greenStrip .stripText,
div.searchResult .readMore {
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

div.greenStrip span {
	float: left;
}

div.greenStrip .stripText {
	float: left;
	padding: 4px 8px 3px 8px;
}

.blueCircle {
	background: transparent url("/images/common/blue_bullet.png") no-repeat left 2px;
	padding: 0 0 0 20px;
}

.blueStrip a {
	color: #fff;
	text-decoration: none;
}

div#plannedWorksTop ul li a {
	text-decoration: none;
}

/**************************************************************************************************
*	07. Lists
**************************************************************************************************/

div#content ul {
	margin: 0 0 1em 2em;
	list-style-type: disc;
}

div#content ul.nobullets {
	list-style-type: none;
}

div#content ul li {
	padding: 0 0 0.5em 0;
}

div#content ul.nopadding li {
	padding: 0;
}

div#footer ul {
	float: left;
	display: inline;
	margin: 53px 0 10px 110px;
}

div#footer ul li {
	background: transparent url("/images/common/green_bullet.gif") no-repeat left center;
	float: left;
	display: inline;
	margin: 0 0 0 15px;
	padding: 0 0 0 10px;
}

div#content ul.blueCircle {
	background: none;
	list-style-type: none;
	clear: both;
	padding: 0;
	margin: 0 0 1em 0;
}

div#content .secondary ul.blueCircle {
	margin: 0;
}

div#content ul.blueCircle li {
	background: transparent url("/images/common/blue_bullet.png") no-repeat left 2px;
	padding: 0 0 0 20px;
	margin: 0;
}

.pdf {
	background: transparent url("/images/common/pdf_icon.gif") no-repeat left center;
	padding: 4px 0 2px 25px !important;
}

/**************************************************************************************************
*	08. Images
**************************************************************************************************/

.leftPadded {
	float: left;
	margin: 0 10px 10px 0;
}

.rightPadded {
	float: right;
	margin: 0 0 10px 10px;
}

.leftPaddedWithBorder  {
	border: 2px solid #1784c2;
	float: left;
	margin: 0 10px 10px 0;
	padding: 1px;
}

.rightPaddedWithBorder  {
	border: 2px solid #1784c2;
	float: right;
	margin: 0 0 10px 10px;
	padding: 1px;
}

div#tflMenu img#tflSmall {
	float: left;
	padding: 10px;
	border: 0;
}

.banner {
	float: left;
	margin: 0 0 1em 0;
}

/**************************************************************************************************
*	09. Forms
**************************************************************************************************/

.button {
	width: auto !important;
}

div.submitTextbox {
	float: left;
	margin: 4px 0 0 0;
	color: #fff;
	font-weight: bold;
}

div.submitTextbox label {
	float: left;
	margin: 3px 8px 0 0;
}

div.submitButton {
	float: left;
	margin: 3px 12px 0 10px;
}

div#offerSignupForm {
	background: transparent url("/images/ctas/tfl_signup_bg.gif") no-repeat left top;
	border: 1px solid #9e9e9e;
	float: left;
	width: 183px;
}

div#offerSignupForm fieldset {
	padding: 42px 10px 5px 10px;
}

input.signupEmail {
	float: left;
	margin: 2px 0 0 0;
	width: 170px;
}

div#offerSignupForm input.signupEmail {
	width: 120px;
}

div#offerSignupFormHome {
	background: transparent url("/images/ctas/signup_banner_home.gif") no-repeat left top;
	width: 236px;
	height: 96px;
}

div#offerSignupFormHome fieldset {
	padding: 60px 12px 15px 12px;
}

div#offerSignupFormFull {
	background: transparent url("/images/ctas/signup_banner_local.gif") no-repeat left top;
	width: 236px;
	height: 140px;
}

div#offerSignupFormFull fieldset {
	padding: 100px 12px 15px 12px;
}

div#planetDLRForm {
	background: transparent url("/images/content/planet_dlr_box.jpg") no-repeat left top;
	margin: 1em 0 0 0;
	height: 246px;
}

div#planetDLRFormInner {
	padding: 90px 0 0 205px;
}

div#planetDLRForm legend,
div#planetDLRForm label {
	float: left;
	clear: both;
	margin: 1em 0 0 0;
	font-weight: bold;
}

div#planetDLRForm select {
	float: left;
	clear: both;
	border: 1px solid #00bbb4;
	width: 150px;
}

div#planetDLRForm input {
	float: right;
	margin: -52px 15px 0 0;
}

div#planJourneyForm input {
	width: 211px;
	margin: 0 0 4px 0;
}

div#planJourneyForm select {
	width: 216px;
	margin: 0 0 5px 0;
}

div#departuresForm {
	margin: 0 0 1em 0;
}

div#departuresForm select,
div#areaMapsForm select {
	float: left;
	width: 160px;
	margin: 2px 0;
}

div#contactAmbassador input,
div#contactAmbassador textarea,
div#emailSignup input,
div#emailSignup select {
	border-right: 0;
	border-bottom: 0;
}

div#contactAmbassador div,
div#emailSignup div {
	height: 55px;
}

div#emailSignup div.selectGroup {
	padding: 5px 10px 10px 10px;
	height: auto;
}

input.wide {
	width: 220px;
}

/**************************************************************************************************
*	10. Tables
**************************************************************************************************/

table.worksInfo {
	float: left;
	clear: both;
	margin: 0 0 1em 0;
	width: 100%;
}

table.worksInfo ul,
table.worksInfo ul li {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/**************************************************************************************************
*	11. Misc
**************************************************************************************************/

.right {
	float: right;
}

.left {
	float: left;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
}

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

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

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

.primary hr {
	margin: 1em 0;
}

.error {
	display: block;
	color: #ff0000;
}

.catDropDown {
	float: left;
	margin: 5px 0 0 0;
	width: 165px;
    font-size: 1em;
    color: #666;
}

.CatBtn {
    width:64px;
    height:25px;
    background-image:url(/images/common/update_button.gif);
}

/**************************************************************************************************
*	12. Twitter Widget
**************************************************************************************************/

/* container */
div.related-tweets{ }
/* inner div */
div.rrt-inner{
	font-size: 1em;
	line-height: 1.3em;
}
/* ul list */
div.rrt-inner ul{
	padding:0 0 0 0;
	margin:0 0 0 0;
}
div.rrt-inner li{
	margin:0 0 0 0;
	list-style-type:none;
	position:relative;
}
/* author img */
div.rrt-inner span.rrt-author-img{}	

/* author name */
div.rrt-inner strong a{}

/* tweet body */
div.rrt-inner span.rrt-body {
	display:block;
}
/* tweet content */
div.rrt-inner span.rrt-content{}

/* tweet date and source line */
div.rrt-inner span.rrt-meta {
	color:#000;
	display:block;
	margin:0;
}
div.rrt-inner span.rrt-meta a{
	color:#000;
	text-decoration:none;
}
div.rrt-inner span.rrt-meta a:hover{
	text-decoration:underline;
}
/* customize date link */
div.rrt-inner a.rrt-date { }
/* customize source link */
div.rrt-inner a.rrt-source { }

/* customize links */
div.rrt-inner a.rrt-link { }
/* customize @user links */
div.rrt-inner a.rrt-at { }
/* customize #hashtags links */
div.rrt-inner a.rrt-hashtag { }


/* MAP */
#bigMap #results {
bottom:25px;
width:70%; 
z-index:100; 
position:absolute; 
background-color:White;
min-height:180px;
left:20px;
}

* + html #bigMap #results {
bottom:70px;
width:70%; 
z-index:100; 
position:fixed; 
background-color:White;
min-height:180px;
margin-left:10px;
}

* html #bigMap #results {
bottom:-350px;
width:70%; 
z-index:100; 
position:absolute; 
background-color:White;
min-height:180px;
margin-left:10px;
}

#EventList {
	float: left;
	width: 100%;
	max-height: 250px;
	overflow-y: scroll;
}

#bigMap {
	position: relative;
	width:97%; 
	height:100%; 
	padding:10px;
}

#bigMap #EventList {
	max-height: 150px;
}

.mapLogoLarge {
    z-index:99999; 
    float:left; 
    background-image:url(/images/map/planetDLR_logo_overlay.png); 
    height:59px; 
    width:108px; 
    position:absolute; 
    bottom:225px; 
    left:15px;
}

* + html .mapLogoLarge {
    z-index:99999; 
    float:left; 
    background-image:url(/images/map/planetDLR_logo_overlay.png); 
    height:59px; 
    width:108px; 
    position:fixed; 
    bottom:270px; 
    left:15px;
}

* html .mapLogoLarge {
    z-index:99999; 
    float:left; 
    background-image:url(/images/map/planetDLR_logo_overlay.png); 
    height:59px; 
    width:108px; 
    position:absolute; 
    bottom:285px; 
    left:15px;
}

.mapClear {
    clear:both; 
    height:0;
}

.mapLogoSmall {
    z-index:99999; 
    background-image:url(/images/map/planetDLR_logo_overlay.png); 
    height:59px;
    width:108px; 
    position:absolute; 
    top:270px;
	left:0;
}
/*
* + html .mapLogoSmall {
    z-index:99999; 
    background-image:url(/images/map/planetDLR_logo_overlay.png); 
    height:59px; 
    width:108px; 
    position:relative;
    top:-60px;
    left:0px;
}

* html .mapLogoSmall {
    z-index:99999; 
    background-image:url(/images/map/planetDLR_logo_overlay.png); 
    height:59px; 
    width:108px; 
    position:relative;
    top:-60px;
    left:0px;
}
*/
.NoResults{
    z-index:99999; 
	float: left;
    height:40px; 
    width:200px; 
    position:absolute;
    top:350px;
    background-color:White;
    padding:10px;
    border:1px solid black;
    text-align:center;
    display:none;
    margin-left:140px;
}

* + html .NoResults{
    z-index:99999; 
    height:40px; 
    width:200px; 
    position:relative;
    top:-250px;
    left:150px;
    background-color:White;
    padding:10px;
    border:1px solid black;
    text-align:center;
    display:none;
    margin-left:-10px;
}

* html .NoResults{
    z-index:99999; 
    height:40px; 
    width:200px; 
    position:relative;
    top:-250px;
    left:150px;
    background-color:White;
    padding:10px;
    border:1px solid black;
    text-align:center;
    display:none;
    margin-left:-10px;
}

.NoResultsLarge {
    z-index:99999; 
    height:40px; 
    width:200px; 
    position:relative;
    top:350px;
    background-color:White;
    padding:10px;
    border:1px solid black;
    text-align:center;
    display:none;
    margin:auto;
}

* + html .NoResultsLarge {
    z-index:99999; 
    height:40px; 
    width:200px; 
    position:relative;
    top:350px;
    background-color:White;
    padding:10px;
    border:1px solid black;
    text-align:center;
    display:none;
    margin:auto;
}

* html .NoResultsLarge {
    z-index:99999; 
    height:40px; 
    width:200px; 
    position:relative;
    top:350px;
    background-color:White;
    padding:10px;
    border:1px solid black;
    text-align:center;
    display:none;
    margin:auto;
}

.MapFilterToggle {
    float: right;
	position: relative;
    z-index: 200; 
    margin: 40px 0 0 0;
}

#filtersContainer {
	float:left; 
	width:235px; 
	z-index:100; 
	background-color:White; 
	border:1px solid #2C589C; 
	padding:5px;
}



/* END MAP */


/**************************************************************************************************
*	13. Disruptions
**************************************************************************************************/

#info-icon {
    background: transparent url("/images/common/information.png") no-repeat left top;
    display: block;
    width: 14px;
    height: 14px;
}

div#disruptionSummary {
	float: left;
	color: #fff;
	font-weight: bold;
}

div#disruptionPopup {    
	float: left;
    margin: 1px 0 0 10px;
	position: relative;
	z-index: 10;
}
 
div#disruptionPopupWindow {
	display: none;
	float: left;
    position: absolute;
    top: 18px;
    left: -43px;
    z-index: 99;
}

div#disruptionPopupWindow .inner {
	background: transparent url("/images/common/disruption_popup_inner.png") repeat-y left top;
	padding: 10px 16px 10px 10px;
	width: 474px;
}

div#disruptionPopupWindowTop {
	background: transparent url("/images/common/disruption_popup_top.png") no-repeat left top;
	float: left;
	clear: both;
	width: 500px;
	height: 22px;
}

div#disruptionPopupWindowBottom {
	background: transparent url("/images/common/disruption_popup_bottom.png") no-repeat left bottom;
	float: left;
	clear: both;
	width: 500px;
	height: 12px;
}

.disruption {
	border-bottom: 1px solid #ed2621;
	float: left;
	padding: 0 0 1em 0;
	margin: 0 0 1em 0;
}

.disruptionImage {
	float: left;
	padding: 1px 0 0 0;
}

.disruptionDate {
	float: left;
	margin: 0 0 0 12px;
	width: 66px;
	color: #113b92;
}

.disruptionDetail {
	float: left;
	margin: 0 0 0 12px;
	width: 370px;
}

/* THE END */