/***** overwrite global styles from Navigation css for top navigation *****/



#global-navigation {  

background-image:url(../careers-images/careers_global-nav-bg.gif)

background: url(../careers-images/careers_global-nav-bg.gif) repeat-x 58px 0;}



#global-navigation dd {

  	background: url(../careers-images/careers_global-nav-bg.gif) repeat-x;

	background-position: 106px 0;  	}

#global-navigation dd#nav-business-and-partners,

#global-navigation dd#nav-corporate{

  	 	background: url(../careers-images/careers_global-nav-bg-dark.gif) repeat-x;

}

#global-navigation a{  	margin-bottom: 9px;}

 

.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(../careers-images/careers_global-nav-selected-4.gif) no-repeat;}

/***** overwrite global styles from basic-layout css *****/



#main-content{  

	margin-top: 7.4em;

	background-color:#fff;

  	margi\n-top: 4.4em;  }

	

.clear				{ clear:both; }



#global-navigation	{ height: 52px; }

	

/***** Careers section CSS *****/

#Banner{ 

	height:75px;

	background: #3497d5 url(../careers-images/banner_careers.gif) 20px 10px no-repeat;

}

html>body #Banner	{ height:auto; min-height:75px; overflow:hidden; }



#Banner h1			{ position:absolute; top:-999em; }

#Banner p 			{ float:right; margin:15px 30px 0 0; }

#Banner p a{

	color:#fff;

	display:block;

	background:url(../careers-images/signin.gif) center left no-repeat;

	padding-left:15px;

}

#Banner ul, #Connected  ul, #SearchApply ul, #LatestJobs ul, #latest-jobs ul{

	margin:0;

	padding:0;

}

#Banner ul li, #Connected  ul li, #LatestJobs ul li, #latest-jobs ul li{

	margin:0;

	padding:0;

	background:none;

}

#Connected li .external-site {

    background: none;

}

#Banner ul			{ margin:50px 0 0 20px; width:100%; }

*html #Banner ul	{ w\idth:97%; }

#Banner ul li		{ float:left; }

#Banner ul li a{

	display:block;

	float:left;

	background: #e8eff3 url(../careers-images/nav_gradient.gif) repeat-x;

	padding:5px 30px 5px 30px;

	border-bottom:1px solid #ccc;

	color:#565656;

	border-left:1px solid #ccc;

}

#Banner ul li a:hover, #Banner ul li a:focus		{ color:#2151a0; }

#Banner ul li.Noborder a		{ border-left:0px solid #ccc; }

#Banner ul li a.active{

	color:#2151a0;

	background-image:none;

	background-color:#fff;

	font-weight:bold;

	padding:8px 30px 8px 30px;

	position:relative;

	margin-top:-5px;

	border-bottom:0px;

}

#ContentWrapper				{ height:200px; margin:17px 0 10px 20px; }

html>body #ContentWrapper	{ height:auto; min-height:200px; overflow:hidden; }

#ContentWrapper h2			{ color:#565656; border:0px; }

#ContentWrapper h3			{ color:#565656; }

#Content					{ width:495px; float:left;}

#RightCol					{ width:196px; float:right; margin-right:20px; }

*html #RightCol				{ margin-r\ight:10px; }

.ContentWidth #Content		{ width:515px; }

.ContentWidth #RightCol		{ margin-right:0px; }

/***** Center column CSS - Home *****/



#FlashPanel{

	width:494px;

	height:320px;

	border:1px solid #ccc;

	text-align:center;

}

#Connected{

	border:1px solid #e3e3e3;

/*	padding:10px 10px 0 10px;*/
	padding: 5px 0 0 5px;

	height:100px;
/*	width: 492px;*/
	width: 487px;

	background:url(../careers-images/connected_gradient.gif) top left repeat-x;

}

html>body #Connected	{ height:auto; min-height:100px; height:100px; overflow:hidden; float:left; }



#Connected  ul li{

	margin:0 25px 0 0;

	background:none;

	float:left;	

}

.CenterPromo{

	border:1px solid #e3e3e3;

	width:46%;

	height:105px;

	padding:5px;

	float:left;

	background-repeat:no-repeat;

	background-position:bottom left;

}

html>body .CenterPromo		{ height:auto; min-height:105px; overflow:hidden; }

.CenterPromo .Right			{ width:60%; float:right; }

.CenterPromo img			{ padding:2px; float:left;	border:1px solid #e3e3e3; }

.CenterPromo p				{ line-height:1.1em; margin-bottom:3px; }

.CenterPromo h2				{ margin:0; }

.CenterPromo p span			{ position:absolute; top:-999em; }

.CenterPromo p a{

	display:block;

	background:url(../../../Careers/tfl-global/images/green-bullet.gif) center left no-repeat;

	padding-left:10px;

}

/***** Right column CSS - Home *****/

#SearchApply				{ border:3px solid #89d800; padding:0 0 10px 0; margin-bottom: 19px; box-shadow: 0 4px 4px #ddd; -moz-box-shadow: 0 4px 4px #ddd; -webkit-box-shadow: 0 4px 4px #ddd;}

#SearchApply h2{

	background-color:#89d800;

	color:#fff;

	padding:0 0 3px 10px;

}

#SearchApply ul li			{ background:none; }

#SearchApply label			{ padding-bottom:2px; display:block; }

#SearchApply input.text, #JobSearch input.text

							{ width:120px; border:1px solid #8e8e8e; }



#SearchApply input.submit, #JobSearch input.submit{

	border:1px solid #378ec1;

	background-color:#84bfe3;

	color:#fff;

	padding:0 2px 0 2px;

	cursor:pointer;

}

#SearchApply #BusinessDropDown

{

	margin:0 10px 0 10px;

	_margin-left:5px;

}

#SearchApply #BusinessDropDown select

{

	width:175px;

}

#Jobs-Dropdown-JS

{

	display:none;

	margin:0 0 5px 10px;

	width:90%;

	

}

#SearchApply .Keyword, #SearchApply #Keyword				{ margin-left:10px; }

#SearchApply #Keyword input.text	{ margin:0; width:140px;}

#Jobs-Dropdown-JS p			{ margin:0; padding-bottom:2px; }



#SearchApply #CheckboxList

{

	width:229px;

	_width:224px;

	height:300px;

	background-color:#fff;

	overflow-y:scroll;

	border-left:2px solid #b2b2b2;

	border-top:2px solid #b2b2b2;

	border-bottom:1px solid #000;

	position:absolute;

	z-index:5000;

}

#SearchApply #CheckboxList ul li		{ width:95%; *width:87%; }

#SearchApply #CheckboxList ul li label	{ display:inline; }



#SearchApply #SelectedItems

{

	border:1px solid #8e8e8e;

	width:100%;

	height:18px;

	background: url(../careers-images/dropdown-icon.gif) top right no-repeat;

	cursor:default;

}

#SearchApply #SelectedItems a			{ color:#fff; font-size:0em; }	



#SearchApply #SelectedItems a:focus,

#SearchApply #SelectedItems a:active 	{ font-size:1em; color: #565656; }



#SelectedItemsInner						{ width:89%; height:18px; overflow:hidden;}



#LatestJobs{

	border:1px solid #e3e3e3;

	margin:18px 0 15px 0;

	padding:5px 10px 10px 10px;
	height: 200px;

}

#LatestJobs h2				{ margin:0;	padding:0; }

#LatestJobs ul li			{ background:none; border-bottom:1px solid #dbdbdb; }

#LatestJobs ul li a{

	display:block;

	padding:5px 0 5px 10px;

	background:url(../../../Careers/tfl-global/images/green-bullet.gif) 0px 12px no-repeat;

}

#LatestJobs .paging				{ border-bottom:1px solid #dbdbdb; height:25px; }

html>body #LatestJobs .paging	{ height:auto; min-height:25px; overflow:hidden; }

#LatestJobs .paging ul			{ float:right; }

#LatestJobs .paging ul li {

	border:0;

	float:left;

	margin:0 5px 0 5px;

	padding:3px 0 3px 0;

}

#LatestJobs .paging li a		{ padding:0; background:none; }

#LatestJobs .paging li.Next a{

	padding-right:12px;

	background:url(../careers-images/icon_next.gif) center right no-repeat;

}

#LatestJobs .paging li.Previous a{

	padding-left:12px;

	background:url(../careers-images/icon_previous.gif) center left no-repeat;

}



.RightPromo{

	border:1px solid #e3e3e3;

	padding:10px;

	height:90px;

}

html>body .RightPromo	{ height:auto; min-height:90px; overflow:hidden; }

.RightPromo h2			{ margin:0; }

.RightPromo h2 a		{ color:#565656; }

.RightPromo p			{ width:60%; line-height:1.1em; }

.apprentice				{ background:url(../careers-images/content/appretice.gif) bottom right no-repeat; }

.graduates				{ background: #f0ece8 url(../careers-images/content/graduates.jpg) bottom right no-repeat; }



.apprentice h2 a, .graduates h2 a 

{

	display:block;

	position:absolute;

	z-index:1000;

	height:7em;

	width:170px;

}

.apprentice h2 a.new-window, .graduates h2 a.new-window

{ background-position: 55% 0%;}

.apprentice p, .graduates p			{ position:relative; margin-top:15px; }



.fright					{ float:right; }

.fleft					{ float:left; }



#OurPeople{

	border:1px solid #e3e3e3;

	border-right:0px;

	padding:5px 10px 10px 10px;

	background:url(../careers-images/stories_gradient.gif) repeat-x;

}

#OurPeople img				{ border:1px solid #ccc; padding:2px; }

#OurPeople .StoryLeft		{ width:28%; float:left; word-wrap:break-word;}

#OurPeople p.SeeMore 		{ margin:0; margin-top:5px; }

#OurPeople p.SeeMore a 		{ background:url(../../../tfl-global/images/green-bullet.gif) center left no-repeat; padding-left:10px; }



.QuoteItem					{ height:50px; margin-bottom:10px; }

html>body .QuoteItem		{ height:auto; min-height:50px; overflow:hidden; }



.quoteWrapper				{ float:right; width:125px;  }

.quoteBottom				{ background:url(../careers-images/curve-bottom.gif) bottom center no-repeat; }

.quoteTop					{ background:url(../careers-images/curve-top.gif) top center no-repeat; padding:10px 5px 10px 20px; }

.quoteWrapper blockquote{

	

	background: url(../careers-images/quote-left.gif) top left no-repeat;

	text-indent:10px;

	line-height:1.2em;

	margin:0;

	padding:0 10px 10px 10px;

}

.QuoteR

{

	background: url(../careers-images/quote-right.gif) bottom right no-repeat;

	display:inline-block;

	width:20px; height:14px;

}



.DropShadow

{

	background:url(../careers-images/dropshadow.gif) repeat-x;

	height:9px;

	margin-bottom:9px;
	*margin-bottom:20px;

}



#JobSearch					{ margin-bottom:9px; border:1px solid #E3E3E3; }

#JobSearch .inner

{

	border:1px solid #fff;

	background-color:#f9f9f9;

}

#JobSearch h2{

	background-color:#89d800;

	color:#fff;

	padding:3px 3px 3px 10px;

	margin:-1px -1px 0 -1px;

}

#JobSearch h3				{ margin:5px 0 5px 0; padding:0 5px 0 10px; }

.ListBorder					{border-bottom:1px solid #fff; margin-bottom:5px; }

#JobSearch ul 				{ border-bottom:1px solid #E3E3E3; margin:0; padding:0 5px 5px 10px; } 

#JobSearch ul li			{ background:url(../../../tfl-global/images/green-bullet.gif) center left no-repeat; margin:0 0 3px 0;}

.searchborder				{ border-bottom:1px solid #E3E3E3; padding-bottom:10px; }

#JobSearch p				{ border-top:1px solid #fff; margin:0; padding:5px 5px 5px 10px; }

#JobSearch label			{ position:absolute; top:-999em; }

#JobSearch input.text		{ float:left; margin:0 5px 0 10px;}

p.launch-small {
        margin-bottom: 0;
    }
        
        
    p.launch-small a {
        padding-left: 50px;
        padding-bottom: 10px;
        background: url(/tfl-global/images/launch-panel-small.gif) 5px 0 no-repeat;
        display: block;
        font-size: 1.2em;
        padding-right: 10px;
    }
    p.launch-small span {
        display: block;
        border-top: 1px solid #89d800;
        text-align: center;
        margin-bottom: -5px;
    }
#SearchApply div.launch {
        margin: 60px auto;
    }