/* ========================================================

   NAVIGATION STYLES
   
   Includes:
   	Global navigation
    Local navigation
	Tabs
	Progress bars
		
*/

/* GLOBAL NAVIGATION */
#global-navigation {
  	background: url("../../../images/tfl/online/global-nav-bg.gif") repeat-x 58px 0;
  	margin:0;
  	padding:0;
 	list-style:none;
}
#global-navigation dd {
  	background: url("../../../images/tfl/online/global-nav-bg.gif") repeat-x;
  	background-position: 106px 0;
  	line-height: 1.2em;
  	float:left;
  	margin:0;
  	padding:0;
}
/*Right-most nav items background image */
#global-navigation dd#nav-business-and-partners,
#global-navigation dd#nav-corporate{
  	width: 107px;
  	background: url("../../../images/tfl/online/global-nav-bg-dark.gif") repeat-x;
}
#global-navigation dd#nav-corporate{
  	background-position: 106px 0;
}
/* Basic global nav link style */ 
#global-navigation a{
  	color: #000;
  	text-align: center;
  	display:block;
  	width: 82px;
  	height: 27px;
  	padding: 8px 12px;
  	margin-bottom: 19px;
}
/* Adjust single-line global nav items to centre them vertically */
#nav-home a,
#nav-tickets a,
#nav-corporate a,
#nav-road-users a{
  	padding-top: 15px;
  	height: 20px;
}  
/* Selected global nav item styles */
.home #nav-home		{ background: #2F93D2 url("../../../images/tfl/online/global-nav-selected-3.gif") no-repeat; }
.home #nav-home a	{ font-weight: bold; color: #FFF }
/* All but the home page link need tweaking */
/* The selected link is one pixel wider */
/* The link to the left is one pixel narrower to compensate */
/* This is to allow the selected link to have both a left and right border */
.live-travel-news #global-navigation dd#nav-live-travel-news,
.getting-around #global-navigation dd#nav-getting-around,
.tickets #global-navigation dd#nav-tickets,
.road-users #global-navigation dd#nav-road-users,
.corporate #global-navigation dd#nav-corporate,
.business-and-partners #global-navigation dd#nav-business-and-partners{
  	background: #2F93D2 url("../../../images/tfl/online/global-nav-selected-4.gif") no-repeat;
}
.live-travel-news #global-navigation dd#nav-live-travel-news a,
.getting-around #global-navigation dd#nav-getting-around a,
.tickets #global-navigation dd#nav-tickets a,
.road-users #global-navigation dd#nav-road-users a,
.corporate #global-navigation dd#nav-corporate a,
.business-and-partners #global-navigation dd#nav-business-and-partners a{
  	width: 83px;
  	font-weight: bold;
  	color: #FFF
}   
.live-travel-news #global-navigation dd#nav-home a,
.getting-around #global-navigation dd#nav-live-travel-news a,
.tickets #global-navigation dd#nav-getting-around a,
.road-users #global-navigation dd#nav-tickets a,
.corporate #global-navigation dd#nav-road-users a
.business-and-partners #global-navigation dd#nav-corporate a{
 	width: 81px
}
.corporate #global-navigation dd#nav-road-users{
  	background-position: 107px 0;
}
.business-and-partners #global-navigation dd#nav-corporate{
  	background-position: 108px 0;
}  
/* LOCAL NAVIGATION */
#local-navigation dd,
#local-navigation li{
  	padding-left: 0;
  	background-image: none;
}
#local-navigation ul,
#local-navigation dl{
  	list-style-type: none;
  	padding-left: 0;
}
#local-navigation a{
	padding-left: 19px;
	border-top: 1px solid #FFF;
	display: block;
	color: #FFF300;
	background: #000 url("../../../images/tfl/online/local-nav-parent.gif") no-repeat
}
#local-navigation #current-section a{
	background: #2F93D2 url("../../../images/tfl/online/local-nav-current-section.gif") no-repeat;
	color: #FFF;
	font-weight: bold;
}
#local-navigation #current-section dl dd a{
	border-bottom: 1px solid #E5E5E5;
	margin-bottom: 1px; /* Show all bottom borders in Firefox 1*/
	background-image: none;
	background-color: #FFF;
	color: #666;
	font-weight: normal;
}
#local-navigation #current-section dl dd.current-page a{
	background: url("../../../images/tfl/online/local-nav-current-page.gif") no-repeat;
	font-weight: bold;
}
#local-navigation #current-section dl{
	background: url("../../../images/tfl/online/panel-shadow.gif") left bottom repeat-x;
	padding-bottom: 18px;
}
/* TABS */
.tabs{
	background: url("../../../images/tfl/online/tab-background.gif") left bottom repeat-x;
	padding: 0;
	padding-top: 1px;
	margin: 0;
	margin-bottom: 19px;
	padding-left: 8px;
	border-bottom: 1px solid #CCC;
}
.tabs li{
	display: inline;
	margin: 0;
	padding: 0;
}
.tabs li a{
	padding: 2px 4px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	text-decoration: none;
	background: #FFF url("../../../images/tfl/online/tab-unselected.gif") left bottom repeat-x;
}
.tabs li a:hover{
	text-decoration: underline;

}
.tabs li.selected a{
	background: #FFF;
	font-weight: bold;
	color: #333;
	border-bottom: 1px solid #FFF;
}
.tabs li.selected a:hover{
	text-decoration: underline;
	color: #333; 
}
/* PROGRESS BARS */

.progress-bar {
	overflow: hidden;
	height: 1%;
	background: url("../../../images/tfl/online/panel-shadow.gif") left bottom repeat-x;
	border-top: 1px solid #EBEBEB;
	padding: 4px 0 20px 0;
	margin-bottom: -5px;
}

.progress-bar ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
.progress-bar li{
	float: left;
	background: #EBEBEB url('../../../images/tfl/online/progress-arrow-right.png') right no-repeat;
	padding: 0;
	margin: 0;
	color: #000;
	margin-bottom: 4px;
}
.progress-bar li span,
.progress-bar li a {
	text-decoration: none;
	background: url('../../../images/tfl/online/progress-arrow-left.png') -5px no-repeat;
	padding:3px 8px;
	display: block;
}
.progress-bar .completed{
	background-color: #CCC;
}	
.progress-bar .current {
	background-color: #3497D5;
	color: #FFFFFF;
	font-weight: bold;
}
.progress-bar li a {
	color: #000;
	text-decoration: underline;
}
.progress-bar li a:hover {
	text-decoration: none !important;
}

/* BREADCRUMBS */

.breadcrumbs{
	margin-bottom: 8px;
	float: left;
	padding-top: 2px;
}
.breadcrumbs ul,
.breadcrumbs li,
.breadcrumbs a{
	float: left;
	display: inline;
	margin-bottom: 0;
}

.breadcrumbs li{
	background-image: none;
	padding-left: 0;
}
.breadcrumbs a{
	padding-right: 8px;
	margin-right: 4px;
	background: url('../../../images/tfl/online/arrow-breadcrumb.gif') center right no-repeat;
}

.imagelink:focus img {
	outline: 1px dotted #212121;
	outline: -webkit-focus-ring-color auto 5px;	
}

/* The following styles are deprecated */
#heading-progbar {
	border-bottom: 1px solid #CCC;
	color: #666;
	padding-bottom: 6px;
	margin-bottom: 1em;
	margin-bottom: 19px;
	}
#heading-progbar h1 {
	font-size: 1.6em;
	margin: 0;
	float: left;
	border-bottom: none;
}

#bread ul {margin-left:0;padding-left:0;display:inline;} 
#bread ul li {margin-left:0;margin-bottom:0;padding:2px 1px 5px;list-style:none;display:block;width:74px;float:left;text-align:center;font-size:10px;background:none;color:#000;line-height:140%;}
#bread ul li span {display:block;clear:right;display:block;padding:1px 5px;font-size:14px;font-weight:bold;border:1px solid #113B92;color:#113B92;} 	
#bread ul li span.done {background-color:#113B92;color:#fff;}

#local-navigation span.subHeading{padding: 0 0 0 19px;}
#local-navigation dd.termsAndConditions_DDclass a{padding-left: 19px;}
#local-navigation #current-section dl dd.termsAndConditions_DDclass a{margin-left:19px;}