body.template-4 #river #main-content{	width:502px; margin-right: 22px; }
#river	{ margin-top: 5.2em; position:relative; z-index:1; padding-bottom:19px }
html>body #river	{*float: left; *margin-top: 3.3em;  }
#river #main-content{  margin-top:0em;  }

#river #supporting-content {    margin-top: 0em !important; width: 182px;  }

#river h1	{ 
	position:relative;
	width:703px;
	z-index:1; 
	color:#fff; 
	border:0px; 
	margin:0 0px 19px 0px;
	padding:21px;
	background:#009ddd url(../images/river_page_top.jpg) top left no-repeat; }
	

#river h1 span	{	position:absolute; margin-left:-4000px}
#river .banner{background: none;border: 0px !important;}
#river .banner img{border: 0px solid #CCC;border-top: 1px solid #CCC; padding:1px 0 0 0;}
#river p.banner-img	{	margin:0px; padding:0px;}

#river .hidden	{	position:absolute; margin-left:-4000px;}
#river .fleft	{	float:left;}
#river .fright	{	float:right;}

/***** river landing page *****/


/******************* flash toggle***************/
#river-service-map	{ width:708px; float:left}
#alternative-flash	{	margin-bottom:10px;}
#river-service-map object	{ float:left}
#flash-overlay	{	width:708px;   _margin-top:-190px;  float:left; _height:378px;}
html>body #flash-overlay 	{*margin-top:-180px;}
p.expand-flash {
	background: url(../images/key_toggle.gif) no-repeat;
	width: 79px;
	height:23px;
	float: right;
	display: block; 
	padding:0px;
	margin:0px 5px 10px 0px; 
	padding:0px;
	cursor:hand;  }
	
p.expand-flash a,
p.expand-flash a:active,
p.expand-flash a:focus{	text-decoration:none !important;  text-decoration: none !important;cursor:hand; padding:0px; margin:0px;  }	

p.active {  background-position: left bottom; }
p.active a:active,
p.active a:focus{	display:block ;height:23px; width:79px; float:left; background-color:none}
.river-map-key {width: 708px; height:180px; *height:150px;}

/****end toggle ***/

#river-landing		{	padding-top:13px;  margin-right:-5px; background-color:#fff; width:708px; height:50px; float:left;}
html>body #river-landing		{height:auto; min-height:50px; overflow:hidden;}

#river-landing-left	{	float:left; width:498px; }
#river-landing-left h2	{ border:0px;}
#river-landing-right	{	float:right; width:198px;  }

.landing-row	{	width:100%; clear:both; margin-bottom:12px; height:10px}
html>body .landing-row	{	height:auto; min-height:10px; overflow:hidden;}

.landing-panel,
.landing-col-left	{	width:246px; float:left; height:80px; }

html>body .landing-panel,
html>body .landing-col-left{height:auto; min-height:80px; oveflow:hidden;}

.landing-panel-right,
.landing-col-right	{width:237px; float:right}
html>body .landing-panel-right,
html>body .landing-col-right{height:auto; min-height:80px; oveflow:hidden; }

.landing-col-left	{	width:240px; float:left; }
.landing-col-right	{	width:237px; float:right; }

.landing-promo	{	width:100%; float:left}
.landing-promo img	{	float:left; margin:0 5px 0px 0;}
.landing-promo h2	{	border:0px; padding:0px 0 3px 0; margin:0; font-size:1.3em}
.landing-promo p	{	padding:0; margin:0 0 3px 0; line-height:1.2em; float:left !important; width:140px; }
.landing-promo p a.filetype-pdf	{background: none; padding: 0px 0 0px 0px;}
.landing-promo p a	{	background:  url('/tfl-global/images/green-bullet.gif') no-repeat center left !important; display:block; clear:both; padding: 0px 0 0px 8px !important; }


.link-panel,
.video-panel{	
	border-top:1px solid #ccc; 
	margin:0 0px 19px 0;
	background:#f3f3f3 url(../images/right_panel_gradient.jpg) bottom left repeat-x;
	height:50px; }
	
html>body .link-panel,
html>body .video-panel{	height:auto; min-height:50px; overflow:hidden;}

.link-panel h2,
.video-panel h2{ 	
	background:none; 
	padding:6px 0 0.5em 7px;
	margin-right:7px;
	border-bottom:0px;
	background:url(../images/landing_panel_h2.gif) bottom left no-repeat;
	border-top:1px solid #fff; }

.video-panel	{width:231px; }
.video-panel p	{	margin:0px; padding:0px; line-height:1em;}
.video-panel h2{ 	
	background:none; 
	padding:6px 0 0em 7px;
	margin-right:7px;
	border-bottom:0px;
	background:none;
	border-top:1px solid #fff; }
	

	
.link-panel-inner	{	padding:0px 7px 7px 7px;}
img.img-link-panel-inner	{position:absolute; z-index:100; }
.link-panel-inner ul li a.filetype-pdf	{background: none; padding: 0px 0 0px 0px;}
.link-panel-inner ul.linklist	{	margin:0px;}

#river-departures	{ 
	background: url(../images/panel_depatures_base.jpg) bottom left no-repeat; 
	float:left;	
	width:243px; 
	padding-bottom:10px;
	margin-bottom:19px;
	height:25px;  }
	
html>body #river-departures	{	height:auto; min-height:25px; overflow:hidden;}
#river-departures select{ width:170px !important; margin:0px 0px 0px 0px !important; padding:0px; vertical-align:bottom}
#departures-top		{ 
	background: url(../images/panel_depatures_top.jpg) top left no-repeat;
	width:219px;
	padding:12px 12px 0px 12px;
	float:left;}
#departures-top	 h2{
	background:none; 
	padding:0px 0 0.5em 0px;
	border-bottom:0px;
	width:220px;
	background: url(../images/h2_underline.gif) bottom left repeat-x; }
form#piers	{	margin:0px; padding:0pc; float:left}

.river-journey-planner	{ 
	width:198px; 
	background: url(../images/river-journey-planner-base.jpg) bottom left no-repeat; 
	padding-bottom:10px;
	margin-bottom:19px;}
	
.planner-top	{ 
	width:174px;
	background: url(../images/river-journey-planner-top.jpg) top left no-repeat; 
	padding:12px 12px 5px 12px;}

/***** amended LG river planner 26/05/2010******/
#river form#jpForm h2	{ 
	border-bottom:0px; 
	padding-bottom:7px;
	margin-bottom:5px;
	text-indent:3px;
	background: url(../images/river_planner_h2.gif) bottom left no-repeat;}
	
form#piers{ margin:0px; padding:0px; border:0px;}
form#piers fieldset{ margin:0px; padding:0px; border:0px;}
form#piers legend{ position:absolute; left:-1999px;}	
form#piers fieldset label{ font-weight:bold; color:#000; margin:0px; padding:0px;}
form#piers select#pier	{ float:left; margin-right:5px !important; font-size:1.2em}
.button-go	{ float:left; 
	width:38px; 
	font-size:1.2em; 
	font-weight:bold; 
	height:19px; 
	padding:0px 0 4px 0;
	*padding:0px 0 0px 0;
	margin: 0; 
	background: url(../images/button_go_blank.gif) top left no-repeat; 
	border:0px; 
	color:#fff; 
	font-weight:bold; 
	text-align:center; 
	cursor:hand;
	float:left;}

#river form#jpForm{ margin: 0 0 0 ; padding:0px; border:0px; font-weight:bold; color:#000; height:100px; }
html>body  #river form#jpForm	{height:auto; min-height:100px; overflow:hidden; text-align:left; }

#river #jpForm label{	position: relative; position:static;	left:0px !important; padding:2px 0 0 4px; width:165px; float:left;  }
#river #jpForm label.structural-label	{	position:absolute; left:-1999px;}
#river #jpForm select#name_origin,
#river #jpForm select#name_destination {width:165px !important; font-size:1.2em ; margin:0px 0px 4px 0px !important; padding:0px; vertical-align:bottom;  margin:0 0 0 5px !important;float:left;}
#river #jpForm span#jpr-time	{ background:url(../images/river_planner_h2.gif) top left no-repeat; float:left; width:165px; margin:10px 0 0 4px;padding:10px 0 0 0; }
#river #jpForm select#depart-arrive	{float:left; width:44%;  margin: 0 8px 15px 0;font-size:1.2em ; }
#river #jpForm select#choose-date	{float:left; width:51%;  margin: 0 0px 15px 0; font-size:1.2em ;}
#river #jpForm select#choose-hour		{ width:33.5%; margin: -1.7em -2px 0 0px; font-size:1.2em ; }
#river #jpForm select#choose-minutes	{ width:25%; margin: -1.7em 0px 0 -1px;font-size:1.2em ;  }
#river #jpForm input#jpr-btn-go			{
	width:38px; 
	font-size:1.2em; 
	font-weight:bold; 
	height:19px; 
	margin: -1.6em 0px 3px 127px;
	padding:0px 0 4px 3px;
	*padding:0px 0 0px 3px;
	background:none; 
	background-color:none;
	background: url(../images/button_go_blank.gif) top left no-repeat !important; 
	border:0px; 
	color:#fff; 
	font-weight:bold; 
	text-align:center; 
	cursor:hand; 
	display:block; }
#river #jpForm .fleft	{ padding-right:1px;}
html>body #river #jpForm .fleft {padding-right:4px;}
/***** end LG river planner 26/05/2010******/
.river-services-intro	{ height:10px; display:block; width:100%;   }
html>body .river-services-intro		{	height:auto; min-height:10px; overflow:hidden;}

.river-service-links	{	width:213px; float:left}
html>body .river-service-links	{	width:216px;}
.river-service-links h2	{	border:0px; padding:0px; margin-bottom:0.2em }
.river-services-intro p.fleft {	float:left; display:block; padding:0; margin:0;}
.river-services-intro p.fleft img.border	{	margin-right:0px;}
img.river-section-img	{	margin-left:6px;}
.river-services-intro .new-window{padding: 0 0px 0 0 !important;background: none;}
.river-map-banner	{	width:182px; float:right; border-top:1px solid #ccc; padding-top:1px;}


#river .right-panel,
#river .right-panel-promo{	
	border-top:1px solid #ccc; 
	padding:0px 5px 5px 7px;
	margin-bottom:19px;
	background:#f3f3f3 url(../images/right_panel_gradient.jpg) bottom left repeat-x;  }
	
#river .right-panel-promo {padding:0px 0px 0px 0px; background:none #fff;}
#river .right-panel h2{ 	
	background:none; 
	padding:6px 0 0.5em 7px; 
	margin:0 -5px 0.5em -7px;
	border-bottom:0px;
	background:url(../images/right_panel_h2.gif) bottom left no-repeat;
	border-top:1px solid #fff;}

#river-landing-right .right-panel-promo	{ margin-left:9px; width:182px;}

.river-service-panel	{	background:#f2f2f2; display:block; padding:12px 12px 5px 12px; margin:0.6em 0 1.5em 0; height:50px; color:#000}
html>body	.river-service-panel	{height:auto; min-height:50px; overflow:hidden;}
.panel-detail	{	float:left; width:33.3%; padding-top:5px; }
.panel-detail p	{	margin:0px ; padding:0px;}
.panel-detail ul.linklist,
.panel-detail ul.nobullet{ margin-bottom:5px}
.panel-detail ul.nobullet li { background:none; list-style-type:none; padding-left:0px;}
.river-service-panel  a.filetype-pdf	{background: none;padding: 0px 0 0px 0px;}

ul.facilities	{ margin:0px; padding:5px 7px 0 0; float:right;}
ul.facilities li	{ margin:0px; padding:0 0 0 5px; list-style-type:none; float:left; height:23px}
ul.facilities li span	{ position:absolute; margin-left:-4000px; }
ul.facilities li.wheelchair	{ background:url(../images/service_icon_disability.gif) top left no-repeat; width:19px;}
ul.facilities li.toilets	{background:url(../images/service_icon_toilets.gif) top left no-repeat; width:19px;}
ul.facilities li.refreshments	{background:url(../images/service_icon_refreshments.gif) top left no-repeat; width:19px;}
ul.facilities li.wifi	{background:url(../images/service_icon_wifi.gif) top right no-repeat; width:37px;}

.other-river-services	{ border-top:1px solid #ccc; padding:12px 0 10px 0; height:50px}
html>body .other-river-services	{	height:auto; min-height:50px; overflow:hidden}

.other-river-services .landing-promo	{	width:240px}

#pier-maps	{}
#pier-maps p	{ float:left; width:auto; margin:0px 0 5px 0; padding:0px; line-height:1em}

#river .right-panel ul.linklist.pierlist	{ clear:both; padding:0px 0px 0px; margin:-15px 0px 0px 0px !important;     }
ul.pierlist a.filetype-pdf	{background: none;padding: 0px 0 0px 2px;}
#river .right-panel ul.linklist { margin:0px 0 5px 0; padding:0px; }



a:hover,  a:active,  a:focus {   text-decoration:underline !important; } 
.landing-promo p a:hover, .landing-promo p a:active, .landing-promo p a:focus	 {   text-decoration:underline !important; } 
a:hover img.border,a:active img.border,a:focus img.border{  	border:solid 1px #3497D5;}
/* Caution! Ensure accessibility in print and other media types... */

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabbed-panel .ui-tabs-hide {
        display: none !important;
    }
}


/* Hide useless elements in print layouts... */

@media print {
    .tabbed-panel .ui-tabs-nav {
        display: none; margin:0px; padding:0px;
    }
}

/* Skin */
.tabbed-panel .ui-tabs-nav {list-style: none;margin: 0px;padding: 0px;float:left; list-style-type:none; background:none  }
.tabbed-panel .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabbed-panel .ui-tabs-nav li { float: left; margin: 0px; padding:0 0 0 5px; font-weight: bold;list-style-type:none; background:none ;line-height:1em; }
.tabbed-panel .ui-tabs-nav a, 
.tabbed-panel .ui-tabs-nav a span.tab-content {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0px;
   /* background: url(/tfl-global/images/tabs.png) no-repeat;*/
}

.tabbed-panel-dark .ui-tabs-nav a, 
.tabbed-panel-dark .ui-tabs-nav a span.tab-content {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0;
   /* background: url(/tfl-global/images/tabs-dark.png) no-repeat;*/
}

.tabbed-panel .ui-tabs-nav a {
    margin: 0px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    }


.tabbed-panel .ui-tabs-nav .ui-tabs-selected a { color:#666}
.tabbed-panel-dark .ui-tabs-nav .ui-tabs-selected a {}
.tabbed-panel .ui-tabs-nav a span.tab-content {}
.tabbed-panel .ui-tabs-nav .ui-tabs-selected a span.tab-content {	cursor:pointer}
.tabbed-panel .ui-tabs-nav .ui-tabs-selected a:link, 
.tabbed-panel .ui-tabs-nav .ui-tabs-selected a:visited,
.tabbed-panel .ui-tabs-nav .ui-tabs-disabled a:link, 
.tabbed-panel .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}

.tabbed-panel .ui-tabs-nav a:hover, 
.tabbed-panel .ui-tabs-nav a:focus, 
.tabbed-panel .ui-tabs-nav a:active,
.tabbed-panel .ui-tabs-nav .ui-tabs-unselect a:hover, 
.tabbed-panel .ui-tabs-nav .ui-tabs-unselect a:focus, 
.tabbed-panel .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

.tabbed-panel .ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}

.tabbed-panel .ui-tabs-nav .ui-tabs-disabled a:link, 
.tabbed-panel .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.tabbed-panel .ui-tabs-panel {}


li.separator	{ border-right:1px solid #666; padding-right:5px !important; margin-left:-5px;}

/* Additional IE specific bug fixes... */

* html .tabbed-panel .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}

*:first-child+html .tabbed-panel .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}


#river-service-map {overflow:hidden;width:708px;height:226px}