/**
 * 1.0 Typography
 * ----------------------------------------------------------------------------
 */

@font-face {
  font-family: 'rounded-book';
  src: url('../objects/easyJetRoundedBook.otf');
}

@font-face {
  font-family: 'rounded-demi';
  src: url('../objects/easyJetRoundedDemi.otf');
}

@font-face { 
  font-family: 'headline-bold';
  src: url('../objects/easyJetRoundedHeadlineBold.otf');
}

@font-face {  
  font-family: 'headline-book';
  src: url('../objects/easyJetRoundedHeadlineBook.otf');
}

@font-face {  
  font-family: 'headline';
  src: url('../objects/easyJetRoundedHeadline.otf');
}

/**
 * 2.0 Base styles
 * ----------------------------------------------------------------------------
 */
body{
	font-family: 'rounded-book', Arial, Helvetica, sans-serif;
}

.right{
	float: right;
}

.left{
	float:  left;
}
.clearfix{
	clear:  both;
}

h1,h2,h3,h4{
	color: white;
	margin: 0;
	font-family: 'rounded-book', Arial, Helvetica, sans-serif;
	font-size:  1.5625rem;
}
	h1.left{
		margin-right: 25px;
		margin-top: 13px;
	}

	h3 {
		text-transform: uppercase;
	}
		h3.left{
			margin-top: 18px;
		}
	
a {
	color: #000;
}
.label {
	background-color: #fff;
	line-height: 2;
}
/**
 * 3.0 Header
 * ----------------------------------------------------------------------------
 */

.taleo-top-bar{
	width:  100%;
	height:  131px;
	margin-bottom: 20px;
	background: url('../images/taleo-header-bg.jpg') no-repeat center top;
}
	.taleo-top-bar .container{
		background: url('../images/taleo-header-bg.jpg') no-repeat center top;
		height:  131px;
		padding-top:  15px;
	}

.container{
	width:  1000px;
	margin: 0 auto;
	padding:  0 20px;
}

.logo{
	width:  297px;
	height: 38px;
	float:  left;
	background: url('../images/easyJet-logo.png');
	margin-top: 20px;
}

/* BACK BUTTON */
.back-link{
	margin-top: 10px;
}
	.back-link a{
		position: relative;
		font-family: 'headline', Arial, Helvetica, sans-serif;
		font-size:  1rem;
	}
	.back-link a.button.medium{
		padding: 14px 15px 10px 30px;
		background:  transparent;
	}
	
	.back-link a.button.medium::before{
		color: white;
		content: "\2039";
		display: inline;
		font-size: 40px;
		position: absolute;
		top: -1px;
		left: 10px;
	}
		.back-link a.button.medium:hover::before{
			color: rgb(255,125,0);
		}
	
	.back-link a.button.medium:hover{
		background: white;
		color: rgb(255,125,0);
	}

/**
 * 4.0 Taleo Job Content
 * ---------------------------------------------------------------------------
 */
.inner-container{
	width:  800px;
}
 
div.main h1,
div.main h2,
div.main h3,
div.main h4{
	margin-bottom: 10px;
}
 		
div.main h1{
	color: black;
	font-size: 22px;
	font-weight: bold;
}

div.main h2{
	font-family: 'headline', Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: rgb(255,125,0);;
}

div.main p:first-of-type {
	font-size:  1.125rem;
}

div.main ul {
	list-style-type: square;
	margin-left:  50px;
}

div.main ul li strong {
	font-size:  18px;
	
}


/**
 * 4.0 Taleo Job Content
 * ----------------------------------------------------------------------------
 */
.taleo-footer{
	background: url('../images/taleo-footer-bg.jpg') center no-repeat;
	height: 100px;
	color: #fff;
}
	.taleo-footer .container{
		background: url('../images/taleo-footer-bg.jpg') center no-repeat;
		height: 100px;
		padding-top: 20px;
	}
	.taleo-footer p{
		margin-bottom: 5px;
		font-size: 14px;
	}
	
	.taleo-footer a{
		color:  white;
		padding-bottom: 0;
		font-size: 14px;
	}
		.taleo-footer a:hover{
			color: black;
		}
		
	.taleo-footer ul.inline-list{
		margin: 0;
		margin-left: 0;
	}
		.taleo-footer ul.inline-list li{
			margin-left: 0;
			margin-right: 5px;
			padding-right: 5px;
			border-right: solid thin white;
			height: 18px;
			padding: 0 10px 0 5px;
		}
			.taleo-footer ul.inline-list li:last-of-type{
				border-right:  none;
			}
			
	.taleo-footer .foot-menu{
		text-align: left;
		width:  50%;
	}
	.taleo-footer .social{
		text-align: right;
	}

	/* Overrides */
#breadcrumb {height: 39px; line-height: 39px; background: transparent url(../images/breadcrumb-bg.png) no-repeat 0 0; padding-left: 25px; color: #fff;}
#breadcrumb a {color: #fff; text-decoration: none;}

.contentPanel {width: 959px; background: transparent url(../images/content-bg.png) repeat-y 0 0; padding: 0 1px; min-height: 500px;}
.contentPanelFooter {height: 52px; background: transparent url(../images/content-footer.png) no-repeat top center;}

.contentPanel h2 {margin: 0; padding: 0;}

.contentPanel {width: 939px; padding: 0 10px;}

.mainsection .boxtrain .boxtraintop .boxtrainb4-top {background-color: #fff;}
.headersection .headerpanel, .headersection .box .boxtop .boxb2-top, .headersection .box .boxtop .boxb3-top, .headersection .box .boxtop .boxb4-top, .footeraction .footeractionpanel, .footeraction .box .boxbottom .boxb4, .footeraction .box .boxbottom .boxb3, .footeraction .box .boxbottom .boxb2, .mainsection .headerpanel, .mainsection .boxtrain .boxtraintop .boxtrainb2-top, .mainsection .boxtrain .boxtraintop .boxtrainb3-top, .mainsection .boxtrain .boxtraintop .boxtrainb4-top, .alert-frame, .shiftavailability .titleshiftpanel, .shiftavailability .titledaypanel
{

	background-color:#fff;
	border: 0 solid #ccc;
}
.jobsearch .resultpropertiescontentpanel .inputbutton, .mainsection .inputbutton, .accessmanagement .nav-btn {
	background: linear-gradient(to bottom, #f60 0%, #f60 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 solid pink;
    border-radius: 4px;
    color: #fff;
    margin-right: 10px;
}
.ftlcopy .ftlblankrow {
	background: #fff;
}
.headersection .box .boxtop .boxb1-top {
	background-color: #fff; 
}
.headersection .link2panel .selectedlink2, .processesSelectedTaskItem {
	background-color: #f60;
	border: 0px solid #f60;
}
.headersection .link2panel .separatorlink2 {
	color: #fff;
}
.selectedlink {
	background-color: #f60;
}
.jobsearch .tablelist1 {
	background-color: #f9f9f9;
}
.metapanel .metalink2 {
	font-size: 14px;
}
body .masterbody, .mainsection .mastercontentpanel, .mainsection .mastercontentpanel2, .jobsearch .resultpropertiescontentpanel, .jobsearch .boxresultsb2, .jobsearch .boxresultsb3, .jobsearch .boxresultsb4, .headersection .link2panel .link2 a:hover, .jobsearch .tablelistradius, .processesNotSelectedTaskItem td:hover, .processes-table-link td:hover {
	border: 0px solid #ccc;	
}
html > body .jobsearch .selectedlink {
	background-color: #f60;
	border: 0 solid;
}
table {
	border: 0px solid #ddd;
}
.mainsection .searchresults .listingperpagepanel .label, .mainsection .searchresults .sortbypanel .label {
	text-align: left;
	width: 300px;
}
.headersection .headerpanel .linkpanel .selectedlink, .headersection .link2panel, .mainsection .myjobpage .messagenotepanel, .mainsection .iconcontentpanelupdated, .jobsearch .linkpanel, .jobsearch .boxpanelb2-top, .jobsearch .boxpanelb3-top, .jobsearch .boxpanelb4-top, .mainsection .iconpanelupdated, .mainsection .iconcontentpanelupdated, .headersection .link2panel, .mainsection .myjobpage .messagenotepanel, .headerpanel .datatrain-t, .headerpanel .datatrain-tv, .headerpanel .datatrain-tv-left-margin, .headerpanel .datatrain-tv-right-margin, .alert-message-notification, .shiftavailability .allshiftpanel, .shiftavailability .alldaypanel, .myaccount .headerblockpanel, .summary .headerblockpanel, .jobsearch .linkpanel, .jobsearch .boxpanelb2-top, .jobsearch .boxpanelb3-top, .jobsearch .boxpanelb4-top, .alert-full-page-bg, .shiftavailability .contentpanel, .datatrain-wagon, .shiftavailability .shiftcontentpanel, .shiftavailability .daycontentpanel, .headersection .headerpanel .linkpanel .selectedlink {
	border: 0px solid #ccc;
}
.mainsection .subtitle, .blockpanel .title, .blockpanel .list-header .subtitle, .blockpanel .entity-title, .myaccount .subtitleblock, .summary .subtitleblock, .shiftavailability .titlesection, .alert-title, .mainsection .searchresults .resultstitlepanel .subtitle, .mainsection .myjobpage .resultstitlepanel .subtitle, .jobsearch .subtitle, .jobsearch .savetitlepanel .subtitle, .olflist .listpanel .subtitle, .messagecenter .page-header-title {
	font-size: 1em;
}
.mainsection .jobcontentpanel {
	margin-top: 10px;
}
table tr.even, table tr.alt, table tr:nth-of-type(2n) {
	background: #fff;
}
.callout .value, .callout .textnote {color: #333;}
.cvTable tr:hover, .cvTable tr.over {color: #333;}
.at_bold{color:#333!important;}

.accessmanagement .link-small a,
.footersection .poweredbytaleolink a,
.headersection .metalink a,
.column165 .helppanel .helplink a,
.mainsection .titlelink a,
.mainsection .textlink a,
.mainsection .pagerpanel .pagersectionpanel .pagerlink a,
.alert-button-panel a,
.jobsearch .action a,
.headersection .metalink a, .footeraction .footeractionpanel .footergroupactionpanel .metalink2 a, .mainsection .metapanel .metalink a,
.headersection .metalink a:hover, .footeraction .footeractionpanel .footergroupactionpanel .metalink2 a:hover, .mainsection .metapanel .metalink a:hover,
.mainsection .metalink2 a, .mainsection .pagerpanel .pagersectionpanel .pagerlink a, .blockpanel .loc-action-btn a, .mainsection .textlink a, .myaccount .metalink2 a, .accessmanagement .link-small a, .blockpanel .list .listpanel .metalink2 a, .footersection .poweredbytaleolink a, .messagecenter .toolbar a, .messagecenter .list-column a, .alert-button-panel a, .messagecenter .section-name a,
.jobsearch .action a, .blockpanel .metalink a, .mainsection .infopanel .metalink2 a,
.mainsection .titlelink a, .jobsearch .titlelink a,
.column165 .helppanel .helplink a,
.column165 .helppanel .helplink a:hover,
.datatrain-wagon-link a, .sugInput-input-selected,
.datatrain-wagon-link a:hover,
.blockpanel .input-date-time-text, .blockpanel .entity-select-action
{
	color:#f60;
}


.headersection .headerpanel .linkpanel .selectedlink,
.headersection .link2panel,
.mainsection .myjobpage .messagenotepanel,
.mainsection .iconcontentpanelupdated,
.jobsearch .linkpanel,
.jobsearch .boxpanelb2-top,
.jobsearch .boxpanelb3-top,
.jobsearch .boxpanelb4-top,
.mainsection .iconpanelupdated, .mainsection .iconcontentpanelupdated, .headersection .link2panel, .mainsection .myjobpage .messagenotepanel, .headerpanel .datatrain-t, .headerpanel .datatrain-tv, .headerpanel .datatrain-tv-left-margin, .headerpanel .datatrain-tv-right-margin, .alert-message-notification, .shiftavailability .allshiftpanel, .shiftavailability .alldaypanel, .myaccount .headerblockpanel, .summary .headerblockpanel, .jobsearch .linkpanel, .jobsearch .boxpanelb2-top, .jobsearch .boxpanelb3-top, .jobsearch .boxpanelb4-top,
.alert-full-page-bg, .shiftavailability .contentpanel, .datatrain-wagon, .shiftavailability .shiftcontentpanel, .shiftavailability .daycontentpanel,
.headersection .headerpanel .linkpanel .selectedlink
{
	background-color: #f60;
	color: #fff;
}

.jobsearch .grouppanel {
	width: 540px;
}
.mainsection .columnfull {
	width: 530px;
}

.headersection .headerpanel .linkpanel .selectedlink a,
.headersection .link2panel a,
.mainsection .myjobpage .messagenotepanel a,
.mainsection .iconcontentpanelupdated a,
.jobsearch .linkpanel a,
.jobsearch .boxpanelb2-top a,
.jobsearch .boxpanelb3-top a,
.jobsearch .boxpanelb4-top a,
.mainsection .iconpanelupdated a, .mainsection .iconcontentpanelupdated a, .headersection .link2panel a, .mainsection .myjobpage .messagenotepanel a, .headerpanel .datatrain-t a, .headerpanel .datatrain-tv a, .headerpanel .datatrain-tv-left-margin a, .headerpanel .datatrain-tv-right-margin a, .alert-message-notification a, .shiftavailability .allshiftpanel a, .shiftavailability .alldaypanel a, .myaccount .headerblockpanel a, .summary .headerblockpanel a, .jobsearch .linkpanel a, .jobsearch .boxpanelb2-top a, .jobsearch .boxpanelb3-top a, .jobsearch .boxpanelb4-top a,
.alert-full-page-bg a, .shiftavailability .contentpanel a, .datatrain-wagon a, .shiftavailability .shiftcontentpanel a, .shiftavailability .daycontentpanel a,
.headersection .headerpanel .linkpanel .selectedlink  a
{
	color: #fff !important;
}

.headersection .headerpanel .linkpanel .selectedlink span {color: #fff;}
.mainsection .pagerpanel {
	text-align: left;
	font-size: 12px;
}

.headersection .headerpanel .linkpanel .link,
.headersection .headerpanel .linkpanel .selectedlink {border: none;}

html > body .headersection .headerpanel .linkpanel .selectedlink {border: none;}

.accessmanagement .page-header-title,
.myaccount .titleaction, 
.mainsection .titlepage,
.mainsection .titlepage, .accessmanagement .page-heading-header-title
{
	color: #f60;
}

.myaccount .title, .myaccount .titleblock, .summary .titleblock {color: #fff !important;}

.contentPanel h2.no-change-header {padding-top: 15px;}

.link2 a:hover {color: #f60 !important;}

#advancedSearchHeaderInterface{
	display: none;
}

.jobsearch .listingperpagepanel label, .jobsearch .sortbypanel label {
	width: 300px;
}

.headersection .headerpanel .linkpanel .selectedlink .magnifierimg {
	display: none;
}
/* Application process */
.headersection .headerpanel .linkpanel .selectedlink, .headersection .link2panel, .mainsection .myjobpage .messagenotepanel, .mainsection .iconcontentpanelupdated, .jobsearch .linkpanel, .jobsearch .boxpanelb2-top, .jobsearch .boxpanelb3-top, .jobsearch .boxpanelb4-top, .mainsection .iconpanelupdated, .mainsection .iconcontentpanelupdated, .headersection .link2panel, .mainsection .myjobpage .messagenotepanel, .headerpanel .datatrain-t, .headerpanel .datatrain-tv, .headerpanel .datatrain-tv-left-margin, .headerpanel .datatrain-tv-right-margin, .alert-message-notification, .shiftavailability .allshiftpanel, .shiftavailability .alldaypanel, .myaccount .headerblockpanel, .summary .headerblockpanel, .jobsearch .linkpanel, .jobsearch .boxpanelb2-top, .jobsearch .boxpanelb3-top, .jobsearch .boxpanelb4-top, .alert-full-page-bg, .shiftavailability .contentpanel, .datatrain-wagon, .shiftavailability .shiftcontentpanel, .shiftavailability .daycontentpanel, .headersection .headerpanel .linkpanel .selectedlink
{
	background-color: #f60;
}
.datatrain-focus-right, .datatrain-no-focus-right {
	background-color: #fff;
	border-bottom: 0px solid #f60;
	border-top: 0px solid #f60;
	border-right: 0px solid #f60;
}
.datatrain-no-focus-left, .datatrain-no-focus-right, .datatrain-focus-left, .datatrain-focus {
	border-bottom: 0px solid #f60;
	border-top: 0px solid #f60;
	border-right: 0px solid #f60;
	border-left: 0px solid #f60;
}
.datatrain-focus .datatrain-wagon
{
	color: #000;
}
.datatrain-right-shifter, .datatrain-left-shifter {
	display: none;
}
.columnfull .custom-form-grid tr td {
	display: block;
}
.headersection .headerpanel {
	padding: 0 0 0 0;
}
			