/*<![CDATA[*/

/**************************************************/
/* fonts */
/* required formats - eot, woff, ttf, and svg */
/**************************************************/
@font-face {
		font-family: 'RomainRegular';
		src: url('../fonts/romainheadline-regular.eot');
		src: url('../fonts/romainheadline-regular.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/romainheadline-regular.woff') format('woff'),
			 url('../fonts/romainheadline-regular.ttf') format('truetype'),
			 url('../fonts/romainheadline-regular.svg#RomainRegular') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}

@font-face {
		font-family: 'AvertaRegular';
		src: url('../fonts/avertastd-regular-webfont.eot');
		src: url('../fonts/avertastd-regular-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/avertastd-regular-webfont.woff') format('woff'),
			 url('../fonts/avertastd-regular-webfont.ttf') format('truetype'),
			 url('../fonts/avertastd-regular-webfont.svg#AvertaRegular') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}	
@font-face {
		font-family: 'AvertaBlack';
		src: url('../fonts/avertastd-black-webfont.eot');
		src: url('../fonts/avertastd-black-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/avertastd-black-webfont.woff') format('woff'),
			 url('../fonts/avertastd-black-webfont.ttf') format('truetype'),
			 url('../fonts/avertastd-black-webfont.svg#AvertaBlack') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.5.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* end fonts */





/**************************************************/
/* general styling */
/**************************************************/




/* set link color here (default is blue) */
a:link, a:visited {
	color: inherit;
	text-decoration: none;
}

/* set link hover color here (default is brown) */
a:hover, a:active {
	color: #9c510d;
}

img {
	border: 0px;
}

#container:after {
	clear: both;
	content: "";
	display: table;
}

#container {
	margin-left: auto;
	margin-right: auto;
	padding-top: 35px;
	width: 960px; /* set width of container here */
}

#container #content {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	width: 940px; /* set width of container content here */
}

#content .content_body {
	padding: 0;
	min-height: 435px;
	margin:0 auto;
	

}

/* header section */
.mainsection .headerpanel {
	padding: 20px 10px;
	border-width:0;
	background-color: #F7F8F9;
}

/* this width adjusts the user header and footer information (User, you are signed in.) */
.headersection .headerpanel .leftpanel {
	/*float: left;
	width: 850px; *//* set width of header here */
	
	position:fixed;
	top:10px;z-index: 999;
	
}

.headersection .link2panel {
	float: left;
	width: 100%; /* set width of header section border */
	display: block;
	z-index: 1;
	padding:0 10%
}

/* content section */
.mainsection .mastercontentpanel {
    padding: 25px;
    margin: 0 auto;
    width: 80%;
	background-color: unset;
	border: none;
}
/* content left pane */
.mainsection .blockpanel {
	display: block;
	max-width: 665px; /* set width of left pane (such as personal info) */
}

.mainsection .mastercontentpanel .blockpanel { /* login screen disclaimer width */
	max-width: 100%; 
}

.mainsection .tablelist {
    border: 0;
    font-size: 1.0em;
    width: 100%;
}

/* end general styling */



/**************************************************/
/* buttons (default is gray) */
/**************************************************/

.mainsection .inputbutton, .accessmanagement .nav-btn {
	background-color: #ED2F23;
	color: #FFF;
	font-family: 'AvertaRegular',Arial,sans-serif;
	font-size: 16px;
	line-height: 150%;
	padding: 10px 22px;
	text-align: center;
	margin: 0px 10px 0px 0px;
	border:0;
	-moz-user-select: none;
	background-clip: padding-box;

	cursor: pointer;
	font-weight: normal;
	overflow: hidden;
	text-decoration: none;
}

/* button on the login page  */
.metapanel .metalink2 .nav-btn {
	border:0;
	text-shadow:0;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.mainsection .inputbutton:focus, .accessmanagement .nav-btn:focus, .mainsection .inputbutton:active, .accessmanagement .nav-btn:active {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;
	text-decoration: none;
}

.mainsection .inputbutton:hover, .accessmanagement .nav-btn:hover {
	background-color: #1a1e23;
}
/* end buttons */





/**************************************************/
/* job search & my jobs typography */
/**************************************************/

.jobsearch .linklabel {
	font-family: 'AvertaRegular',Arial,sans-serif;
	font-size: 16px;
	font-weight: 800;
	font-style: normal;
	line-height: 150%;
	color: #444;
	text-decoration: none;
}

.jobsearch .action a, .blockpanel .metalink a, .mainsection .infopanel .metalink2 a {
	font-family: 'AvertaRegular',Arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	line-height: 150%;
	color: #ED2F23;
	text-decoration: none;
}

.jobsearch .action a:hover, .blockpanel .metalink a:hover, .mainsection .infopanel .metalink2 a:hover {
	color: #9c510d;
	text-decoration: underline;
}


.column165 .helppanel {    border-style: none;    border-width: 0;    width: auto;margin-top: 113px;}
.column165 .helppanel .helpsubtitle {
	font-family: 'AvertaRegular',Arial,sans-serif;
	font-size: 14px;
	font-weight: 800;
	font-style: normal;
	line-height: 150%;
	color: #3b3b3b;
	text-decoration: none;
}


.mainsection .searchresults .resultstitlepanel { margin:0}
.mainsection .searchresults .listingperpagepanel .label { padding-left:0}
.mainsection .searchresults .sortbypanel .label { padding-left:0}

.mainsection .searchresults .resultstitlepanel .subtitle, .mainsection .myjobpage .resultstitlepanel .subtitle {
	font-size: 18px;
	color: #3b3b3b;
	font-weight: normal;
}

.mainsection .searchresults .resultstitlepanel .subtitle {float: left;  margin-bottom: 15px;border-bottom: 1px solid #ccc;  width: 100%;  font-weight: 800;}


.mainsection .searchresults .listingperpagepanel .label {
	float: left;
	font-size: 16px;
	color: #555;
}

.mainsection .searchresults .sortbypanel .label {
	float: left;
	font-size: 16px;
	color: #555;
}

.mainsection .jobsearch .listingperpagepanel,
.mainsection .jobsearch .sortbypanel {
	margin-bottom: 15px; display: inline-block !important; width: 50%
}

.mainsection .titlelink a, .jobsearch .titlelink a {
	font-family: 'AvertaRegular',Arial,sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 150%;
	color: #1a1e23;
	text-decoration: none;
	font-weight: 800;
}

.mainsection .titlelink a:hover, .jobsearch .titlelink a:hover {
	color:#ED2F23;
}

.mainsection .jobposted, .mainsection .jobpostedinline {
	font-family: 'AvertaRegular',Arial,sans-serif;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	line-height: 170%;
	color: #555555;
	text-decoration: none;
}

.mainsection .searchresults .label, .mainsection .myjobpage .label, .mainsection .pagerpanel .pagersectionpanel .pagerlabel {
	font-size: 13px;
	color: #555;
}

.mainsection .pagerpanel .pagersectionpanel .pagerlinkoff a {
	font-size: 13px;
	color: #555;
}

.mainsection .pagerpanel .pagersectionpanel .pagerlinkselected a {
	font-family: 'AvertaRegular',Arial,sans-serif;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	line-height: 170%;
	color: #555555;
	text-decoration: none;
}

.mainsection .jobtype {
	font-size: 13px;
	color: #555;
}

.column165 .legendpanel .legendtitle {
	color: #3B3B3B;
	font-family:'AvertaRegular',Arial,sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	line-height: 150%;
	text-decoration: none;
}

.mainsection .myjobpage .listingperpagepanel .label {
	float: left;
	margin-right: 5px;
}

.mainsection .myjobpage .statuspanel {
	background-color: #f7f7f7;
    border: 1px solid #c0c0c0;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
    border-radius: 3px;
    margin-bottom: 15px;
}

.mainsection .myjobpage .statuspanel h2 {
	margin: 0;
	padding: 0;
}

.mainsection .myjobpage .statuspanel .text {
	font-family:'AvertaRegular',Arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	line-height: 150%;
	color: #555555;
	text-decoration: none;
}

.helppanel .no-change-header {
	margin: 0;
	padding: 0;
}
.helppanel {background-color:unset}


.jobcontentpanel .separator { display:none}

.mainsection .jobcontentpanel {  margin-top: 10px;}

/* end job search typography */

.jobsearch .linkpanel { background:none;border:none}
.jobsearch .boxpaneltop { display: none;}
.jobsearch .boxpanelbottom {  display: none;}
.jobsearch .contentdatapanel { margin-bottom:20px; border:none}

/**************************************************/
/* job apply typography */
/**************************************************/

.headersection .headerpanel .userpanel .username {
	margin: 0 12px 12px 0;
	font-family: 'RomainRegular',Arial,sans-serif;
	font-size: 21px;
	font-weight: normal;
	font-style: normal;
	line-height: 130%;
	color: #444;
	text-decoration: none;
}

.headersection .metalink a, .footeraction .footeractionpanel .footergroupactionpanel .metalink2 a, .mainsection .metapanel .metalink a {
	font-family: 'AvertaRegular',Arial,sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	line-height: 14px;
	color: #ED2F23;
	text-decoration: none;	
}

.headersection .metalink a {    color: #ED2F23;}

.headersection .metalink a:hover, .footeraction .footeractionpanel .footergroupactionpanel .metalink2 a:hover, .mainsection .metapanel .metalink a:hover {
	color: #1a1e23;
}

.headersection .headerpanel .userpanel .separator {
	float: right;
	margin: 0 0 0 6px;
	font-family: 'AvertaRegular',Arial,sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	line-height: 14px;
	color: #555;
}

.headersection .headerpanel .linkpanel .link a {
	font-family: 'AvertaRegular',Arial,sans-serif;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	line-height: 150%;
	color: #FFF;
	text-decoration: none;
}

html > body .headersection .headerpanel .linkpanel .link a {
	padding: 4px 8px;
}

.headersection .headerpanel .linkpanel .link a:hover {
	text-decoration: none;
}

.headersection .headerpanel .linkpanel .selectedlink a, .headersection .headerpanel .linkpanel .selectedlink span {
	font-family: 'AvertaRegular',Arial,sans-serif;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	line-height: 150%;
	color: #FFF;
	text-decoration: none;
	
}

.mainsection .infopanel .infojob {
	font-family: 'AvertaRegular',Arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	line-height: 150%;
	color: #555;
	text-decoration: none;
}

.blockpanel .metalink {
	font-weight: normal;
	text-decoration: none;
}

.blockpanel .metalink a, .mainsection .infopanel .metalink2 a {
	font-family: 'AvertaRegular';
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	line-height: 150%;
	color: #ED2F23;
	text-decoration: none;
}

.blockpanel .metalink a:hover, .mainsection .infopanel .metalink2 a:hover {
	color: #9c510d;
	text-decoration: underline;
}

.blockpanel .page-header-titleb {
    font-size: 1.6em;
}

.mainsection .metapanel .flowstatus {
font-family: 'AvertaRegular';
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	line-height: 150%;
	color: #555;
	text-decoration: none;
}

.mainsection .metapanel .metalink a {
	font-family: 'AvertaRegular';
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	line-height: 150%;
	color: #ED2F23;
	text-decoration: none;
}

.mainsection .metapanel .metalink a:hover {
	color: #9c510d;
	text-decoration: underline;
}

/* page title */
.myaccount .title, 
.myaccount .titleaction, 
.mainsection .titlepage, 
.accessmanagement .page-heading-header-title {
	font-family: 'AvertaRegular';
	font-size: 28px;
	font-weight: normal;
	font-style: normal;
	line-height: 130%;
	color: #444;
	text-decoration: none;
}

.myaccount .titleblock, 
.summary .titleblock {
	font-family: 'AvertaRegular';
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	line-height: 150%;
	color: #444;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

/* page subtitle */
.blockpanel .title, 
.blockpanel .entity-title, 
.shiftavailability .titlesection, 
.alert-title {
	font-family: 'AvertaRegular';
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	line-height: 130%;
	color: #555;
	text-decoration: none;
}

.blockpanel .list-header .subtitle, 
.myaccount .subtitleblock, 
.summary .subtitleblock, 
.mainsection .subtitle {
	font-family: 'AvertaRegular';
	font-size: 15px;
	font-style: normal;
	line-height: 170%;
	color: #555555;
	text-decoration: none;
	font-weight:800
}

/* page label and copy */
.mainsection .text, .jobsearch .text, .jobsearch .savepanel .descriptionpanel .text, .mainsection .searchresults .text, .mainsection .myjobpage .text, .blockpanel .descriptionpanel .text, .myaccount .text, .shiftavailability .shiftcontentpanel, .shiftavailability .daycontentpanel, .shiftavailability .daycontentpanelread, .alert-message, .mainsection .text, .accessmanagement .page-header-text, .mainsection .separator, .messagecenter .page-header-text, .messagecenter .entity-value, .messagecenter .list-column-value {
	font-family: 'AvertaRegular';
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	line-height: 170%; 
	color: #555555;
	text-decoration: none;
}

.pdf-viewer-style body, table th, table td, label, input, button, select, textarea, .pdf-viewer-style input[type="text"], .pdf-viewer-style input[type="password"], .pdf-viewer-style input[type="datetime"], .pdf-viewer-style input[type="datetime-local"], .pdf-viewer-style input[type="date"], .pdf-viewer-style input[type="month"], .pdf-viewer-style input[type="time"], .pdf-viewer-style input[type="week"], .pdf-viewer-style input[type="number"], .pdf-viewer-style input[type="email"], .pdf-viewer-style input[type="url"], .pdf-viewer-style input[type="search"], .pdf-viewer-style input[type="tel"], .pdf-viewer-style input[type="color"], .pdf-viewer-style .uneditable-input {
	font-family: 'AvertaRegular';
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	color: #555555;
	text-decoration: none;
}

.progress-bar {
	line-height: 100% !important;
}

/* right pane title */
.column165 .helppanel .helptitle {
	font-family: 'AvertaRegular';
	font-size: 14px;
	font-weight: 800;
	font-style: normal;
	line-height: 150%;
	color: #3b3b3b;
	text-decoration: none;
}

/* right pane copy */
.column165 .helppanel .helplabel {
	margin: 7px 0 14px;
	font-family: 'AvertaRegular';
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	line-height: 150%;
	color: #555555;
	text-decoration: none;
}

/* field labels */
.blockpanel .entity-label, .menuHierarchy label, .entity-checkbox-label, .summary .label, .myaccount .label, .mainsection .label, .accessmanagement .entity-label-mandatory {
	/* margin: 20px 0 5px; */
	font-family: 'AvertaRegular';
	font-size: 13px;
	line-height: 170%;
	color: #555;
}

/* import section divider */
.partner-options.import {
	border-bottom: 1px solid #c0c0c0;
}

/* upload resume note */
.blockpanel .textindentpanel .labelnote {
	margin: 7px 0 14px;
	font-family: 'AvertaRegular';
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	line-height: 150%;
	color: #555555;
	text-decoration: none;
}

/* input fields */
input[type='text'], input[type='password'] {
	/* min-width: 200px; */
	padding: 0px 5px;
	border: 1px solid #30373F;
	font-family: 'AvertaRegular';
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #30373F;
	line-height: 170%;
	height: 40px;
}

.mainsection .inputtext, 
.myaccount .inputtext300, 
.mainsection .inputtext300, 
.jobsearch .inputtext, 
.jobsearch .savepanel .inputtext, 
.mainsection .listingperpagepanel .inputselect, 
.blockpanel .input-text, 
.blockpanel .input-smaller input, 
.blockpanel .sugInput-input {
	width: 100%;
	min-width: 70px;
	max-width: 300px;
	font-family: 'AvertaRegular';
	font-size: 14px !important;
	line-height: 170%;
	color: #30373F !important;
	height: 40px;
}

/* select fields */
.mainsection .inputselect, 
.jobsearch .resultpropertiescontentpanel .inputselect, 
.mainsection .searchresults .sortbypanel .inputselect, 
.blockpanel .input-select, 
.blockpanel .input-date-time select, 
.blockpanel .entity-value select {
	width: 100%;
	max-width: 300px;
	padding: 4px 5px;
	border: 1px solid #30373F;
	font-family: 'AvertaRegular';
	font-size: 14px !important;
	line-height: 170%;
	color: #30373F !important;
	height: 40px;
}

/* text area */
textarea {
	max-width: 300px;
    width:100%;
	padding: 0px 5px;
	font-family: 'AvertaRegular';
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #30373F;
	line-height: 170%;
}

.myaccount .inputtextmulti, 
.mainsection .inputtextmulti, 
.mainsection .inputtextmulti2, 
.mainsection .inputtextmulti3, 
.blockpanel .input-textarea {
	width: 98%;
	min-width: 200px;
	max-width: 300px;
    font-family: 'AvertaRegular' !important;
	font-size: 14px !important;
	line-height: 170%;
	color: #30373F !important;
}

.mainsection .textindentpanel .inputselect1 {
	width: 250px;
	border: 1px solid #c0c0c0;
	margin-top: 5px;
	padding: 4px 5px;
	background-color: #fff;
	color: #30373F;
}

select.inputselect, .mainsection .textindentpanel .inputselect1, .custom-form-columns select { }

/* minor stuff... */
.blockpanel .input-date-time-text, .blockpanel .entity-select-action {
	font-size: 13px;
	color: #ED2F23;
	text-decoration: none;
}

.blockpanel .input-date-time-text:hover, .blockpanel .entity-select-action:hover {
	color: #9c510d;
	text-decoration: underline;
}

.questionnaire legend, .questionnaire label {
	width: 100%;
	font-size: 13px !important;
	line-height: 170% !important;
}

.blockpanel .fs-508-block, .blockpanel .textindentpanel {
	padding-left: 0;
	font-size: 1em;
}

.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 {
	font-family: 'HelveticaNeueW01-55Roma','Helvetica Neue W01 55 Roman','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	line-height: 170%;
	color: #ED2F23;
	text-decoration: none;
}

.mainsection .metalink2 a:hover, .mainsection .pagerpanel .pagersectionpanel .pagerlink a:hover, .blockpanel .loc-action-btn a:hover, .mainsection .textlink a:hover, .myaccount .metalink2 a:hover, .accessmanagement .link-small a:hover, .blockpanel .list .listpanel .metalink2 a:hover, .footersection .poweredbytaleolink a:hover, .messagecenter .toolbar a:hover, .messagecenter .list-column a:hover, .alert-button-panel a:hover, .messagecenter .section-name a:hover {
	color: #9c510d;
    text-decoration: underline;
}

.summary .contentblockpanel .valuepanel {
	font-family: 'HelveticaNeueW01-55Roma','Helvetica Neue W01 55 Roman','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	line-height: 150%;
	color: #555555;
	text-decoration: none;	
}

.blockpanel .entity-value, .blockpanel .entity-value select, .summary .value, .myaccount .value {
	font-size: 13px;
	color: #555;
}
/* end job apply typography */





/**************************************************/
/* job apply spacing */
/**************************************************/

.mainsection .headerpanel .metapanel {
	margin: 24px 0 20px;
}

/* page title and subtitle spacing */
.no-change-header {
	margin: 15px 0;
	padding: 0;
}

h1.no-change-header {
	margin-top: 0;
}

/* personal information column width */
.blockpanel .custom-form-columns {
	width: 319px;
}

/* required fields star */
.mainsection .requiredimg {
	margin: 8px 5px 7px 0;
}

.mainsection .mandatory-img {
	margin: 2px 5px 2px 0;
}

.error-label {
	display: block;
	padding-bottom: 0;
}

/* file attachment list */
.blockpanel .attachment-list {
	width: 100%;
}

.blockpanel .attachment-list .captionleft {
	margin-top: 0;
}

/* minor stuff... */
.legend-pos {
	margin: 0;
	padding: 0;
}

.blockpanel fieldset {
	margin: 0;
	padding: 0;
}

.blockpanel fieldset.entity-value legend {
	margin: 0;
	padding: 0;
}

.blockpanel .separatorhorizontalpanel {
	border-width: 0 0 1px;
}

.mainsection .index {
	padding-right: 15px;
}

/* upload data from linkedin? */
.partner-options.import .fs-508 label {
	margin: 0 20px 0 0;
}

/* pdf viewer */
.bootstrap .form-actions {
	background-color: #fff;
	border: 0 none;
	width: 310px;
}

/* end job apply spacing */





/**************************************************/
/* job apply train */
/**************************************************/

.datatrain-table { 
	clear: both;
	margin-bottom: 20px;
}

.datatrain-wrapper {
	width: auto;
}

.datatrain-left-shifter, .datatrain-right-shifter {
	display: none;
}

.headerpanel .datatrain-tv, .headerpanel .datatrain-tv-left-margin, .headerpanel .datatrain-tv-right-margin {
	background-color: #fff;
	border: none;
	padding: 0;
}

.headerpanel .datatrain-tv-left-margin, .headerpanel .datatrain-tv-right-margin {
	display: none;
}

.datatrain-tv {
	width: 876px; /* set width of train here */
	height: 100%;
}

.headerpanel .datatrain-t {
	background-color: #fff;
	padding: 0;
}

.datatrain-tv .datatrain-t {
	display: block;
	height: 100%;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	position: relative;
	white-space: nowrap;
	width: 876px !important; /* set width of train here */
	left: 0 !important;
}

.datatrain-tv .datatrain-t fieldset {
	margin: 0;
	padding: 0;
}

.datatrain-tv-left-margin {
	display: none;
	height: 100%;
	-webkit-border-radius: 3px 0px 0px 3px; 
	-moz-border-radius: 3px 0px 0px 3px; 
	border-radius: 3px 0px 0px 3px;
}

.datatrain-tv-right-margin {
	display: none;
	height: 100%;
	-webkit-border-radius: 3px 0px 0px 3px; 
	-moz-border-radius: 0px 3px 3px 0px; 
	border-radius: 0px 3px 3px 0px;
}

.datatrain-wagon {
	width: 67px;
	height: 45px;
	padding: 0 3px 3px 3px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	font-family: 'HelveticaNeueW01-65Medi','Helvetica Neue W01 65 Medium','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	line-height: 14px;
	color: #444;
	text-shadow: 0 1px 0px #fff;
}

.datatrain-focus .datatrain-wagon { /* train highlight color (default is blue) */
	background-color: #6a96b2;
	border-color: #446173;
	color: #fff;
	text-shadow: 0 -1px 0px #000;
}

html > body .datatrain-focus {
	width: 75px;
	height: 100%;
	margin-top: 0;
	margin-bottom: 0;
	background-color: transparent;
	border: none;
	padding: 5px 0;
}

html > body .datatrain-no-focus {
	float: left;
	width: 75px;
	height: 100%;
	margin-top: 0;
	margin-bottom: 0;
	padding: 5px 0;
}

html > body .datatrain-focus-left, html > body .datatrain-no-focus-left {
	display: none;
}

html > body .datatrain-focus-right, html > body .datatrain-no-focus-right {
	display: block;
	position: relative;
	background-color: transparent;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #C0C0C0;
	border-right: none;
	width: 0;
	height: 0;
	margin: 0 4px;
	top: 26px;
}

.datatrain-wagon-link a, .sugInput-input-selected {
	color: #ED2F23;
	font-weight: normal;
}

.datatrain-wagon-link a:hover {
	color: #9c510d;
	text-decoration: underline;
}

.datatrain-empty-padder {
	width: 0;
}

/*
html > body .datatrain-focus-left {
	border-radius: 3px 0 0 3px;
}

html > body .datatrain-focus-right {
	border-radius: 0 3px 3px 0;
}
*/
/* end job apply train */





/**************************************************/
/* my profile */
/**************************************************/

.blockpanel fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

.blockpanel .labelcontent select {
	width: 212px;
	min-width: 212px;
	max-width: 212px;

	padding: 4px 5px;
	border: 1px solid #c0c0c0;
	box-shadow: 0px 2px 2px #eee inset;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-family: 'HelveticaNeueW01-45Ligh','Helvetica Neue W01 45 Light','Helvetica Neue',Helvetica,Arial,sans-serif !important;
	font-size: 13px !important;
	line-height: 170% !important;
	color: #555 !important;

}

.attachment-list thead tr {
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
}

.myaccount .headerblockpanel, 
.summary .headerblockpanel {
	display: block;
	background-color: #E9E9E9;
	padding: 6px 10px;
}
/* end my profile */









/**************************************************/
/* other stuff... */
/**************************************************/

#description_box h1 {
	color: #555555;
	font-family: 'Avenir LT W01 45 Book',Helvetica,Arial,Verdana,sans-serif;
	font-size: 20px;
	line-height: 140%;
	margin-bottom: 15px;
}

.headersection .headerpanel {
	border-color: transparent;
	border-style: none solid solid;
	border-width: 0;
	display: block;
	margin: 0;
	padding: 0 8px;
}

.headersection .box .boxtop {
	display: none;
}

.accessmanagement .block-main-border-fix {
	padding: 0px;
}

.accessmanagement .dialog-columns-2 {
	padding: 0px;
	margin-left: 20px;
}

.accessmanagement input[type='text'], .accessmanagement input[type='password'] {
	width:300px
}

.blockpanel .entity-instruction {
	margin-top: 4px;
}

.accessmanagement .dialog-columns-openid {
	border-left: 0 none transparent;
	padding: 5px 15px;
	text-align: center;
	width: auto;
}

.accessmanagement .dialog-columns-openid table {
	margin: 0px auto;
}

.accessmanagement .entity-label {
	color: #555555;
	display: block;
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 5px;
	margin-top: 10px;
	padding-left: 2px;
	text-decoration: none;
}

.accessmanagement .entity-label .iam-entity-label-mandatory {
	margin-right: 3px;
}

.accessmanagement .button-group-center {
	margin-top: 20px;
	padding: 0px;
}

.accessmanagement .entity-mandatory-field {
	font-size: 0.95em;
	color: #555;
}

.accessmanagement .iam-block-main-border-fix {
	margin: 15px 0px 0px 0px;
	font-size: 11px;
	display: block;
	line-height: 13px;
}

.headersection .spacerlink2panel {
	border-style: none;
	border-width: 0;
	display: block;
	margin: 0;
	padding: 0px;
}

.mainsection .buttongrouppanel2 {
	min-height: 41px;
	margin:0 auto;
	width:80%
}

.headersection:after {
	clear: both;
	content: "";
	display: table;
}

.headersection { }

.mainsection .iconpanelupdated, .mainsection .iconcontentpanelupdated, .headersection .link2panel, .mainsection .myjobpage .messagenotepanel, .alert-message-notification, .shiftavailability .allshiftpanel, .shiftavailability .alldaypanel, .jobsearch .linkpanel, .jobsearch .boxpanelb2-top, .jobsearch .boxpanelb3-top, .jobsearch .boxpanelb4-top, .processesNotSelectedTaskItem td, .processes-table-link {
	background-color: #E9E9E9;
	padding: 0;
}

.headersection .headerpanel .linkpanel:after {
	clear: both;
	content: "";
	display: table;
}

.headersection .headerpanel .linkpanel {
	margin: 0;
	padding: 0px;
}

.headersection .headerpanel .linkpanel .link, .headersection .headerpanel .linkpanel .selectedlink {
	background-color:#1a1e23;
	border:none;
	float: left;
	padding: 7px 13px !important;
	margin-right: 6px;
	z-index: 2;
	position: relative;
	height: 60px;
	
}

.headersection .headerpanel .linkpanel .selectedlink {
	
	border-bottom: 6px solid #f63d38;
}

.headersection .link2panel .link2 {
	border: 0 none;
	display: inline;
	float: left;
	margin: 13px 8px;
	padding: 0;
}

.footeraction .footeractionpanel {
	padding: 20px 0;
	height: 42px;
	border-top: 0px none transparent;
}

.headersection .link2panel .separatorlink2 {
	color: #808080;
	display: inline;
	float: left;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	margin: 13px 0;
	padding: 0;
	text-decoration: none;
}

.headersection .link2panel .selectedlink2 span {font-size: 16px;}

.headersection .link2panel .link2 a {
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	color: black;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	padding: 6px;
	text-decoration: none;
}

.headersection .link2panel .link2 a:hover {
	text-decoration: none;
}

.headersection .link2panel .selectedlink2 {
	background-color: white;
	border-color: #ccc;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	display: inline;
	float: left;
	margin: 7px 8px;
	padding: 5px;
	position: relative;
}

.footeraction .footeractionpanel {
	border: 0 none transparent;
	height: 42px;
}

.footeraction .box .boxbottom {
	display: none;
}

.mainsection .iconpanel { display:none;}
.mainsection .iconcontentpanel {
	padding-bottom: 10px;
	padding-top: 4px;
	border-bottom: 1px solid #CCC;
	position: relative;
}

.mainsection .columnfull { width:75%}
.ftllist {width:100%; padding-right: 20px;border-right: 1px solid #CCC;}



/* job search */

.jobsearch .column1 { width:20% }

.jobsearch .no-change-header {
	margin: 12px 0;
}

.jobsearch .resultpropertiescontentpanel {
	background-color: #FFF;
	border-image: none;

	margin-left: 0;
	margin-right: 0;
	margin-top: -1px;
	padding: 25px;
	border: none;
	border-top: 0 none transparent;
}

.jobsearch .boxresults {
	display: none;
}

.jobsearch .linkpanel:after {
	clear: both;
	content: "";
	display: table;
}

.jobsearch .linkpanel {
	list-style-type: none;
	background: none;
	
}

.jobsearch .selectedlink {
	background-color: unset !important;
	border-style: none;
	border-width:0;
	cursor: default;
	float: left;
	margin: 0;
	padding: 5px 0;
	position: relative;
}


.jobsearch .labelcontent, .jobsearch .contentdatapanel .searchLookup {
	display: block;
	font-size: 12px;
	margin: 0 0 5px;
}

.jobsearch .action {
	margin-top: 5px;
}

.jobsearch .label, .jobsearch .savepanel .label, .jobsearch .resultpropertiescontentpanel .label {
	display: block;
	margin: 0 0 6px !important;
}

.jobsearch .contentgrouppanel .inputtext {
	margin: 0 0 21px;
}

.jobsearch .inputtext, .jobsearch .resultpropertiescontentpanel .inputselect {
	max-width: 310px;
}

.column165 .helppanel .helplink a, .filter-link-anchor {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	line-height: 14px;
	color: #ED2F23;
	text-decoration: none;
}

.column165 .helppanel .helplink a:hover, .filter-link-anchor{
	color: #9c510d;
	text-decoration: underline;
}

/* job page spacing */
.headersection .headerpanel {
	border-color: transparent;
	border-style: none solid solid;
	border-width: 0;
	display: block;
	margin: 0;
	padding: 0;
}

.mainsection .infopanel {
	display: block;
	margin: 20px 0;
	padding: 0;
	width: 515px !important; /* set width of job title in left pane (such as applying for: job) */
}

.metagrouppanel:after {
	clear: both;
	content: "";
	display: table;
}

.mainsection .metagrouppanel {
	background-color: transparent;
	display: block;
	margin: 25px 0 10px;
	padding: 0;
}

.mainsection .metapanel2 {
	background-color: transparent;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

.mainsection .metapanel {
	background-color: transparent;
	display: block;
	float: right;
	margin: 0;
	padding: 0;
}

.mainsection .pagerpanel {
	display: block;
	margin: 20px 0;
	padding: 0;
	text-align: center;
}

.mainsection .pagerpanel {
	background: none repeat scroll 0 0 #F9F9F9;
	border: 1px solid #C9C9C9;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset;
	color: #555555;
	display: block;
	margin: 25px 0;
	padding: 6px;
	text-align: center;
}

.mainsection .pagerpanel .pagersectionpanel {
	display: inline;
	margin: 0 8px;
}

.mainsection .boxtraintop {
	display: none;
}

/* tasks */
.processesTaskMainDiv {
	-webkit-border-radius: 0 0 3px 3px; 
	-moz-border-radius: 0 0 3px 3px; 
	border-radius: 0 0 3px 3px;
	border: 1px solid #b9b9b9;
	border-top: 0 none transparent;
}

.processesTaskMainDiv .blockpanel .entity-label {
	margin: 0px;
}

.processesTaskMainDiv input[type='text'], .processesTaskMainDiv input[type='password'] {
	min-width: auto;
	max-width: 200px;
}

.processesTaskMainDiv .output-text.entity-value {
	padding: 6px 0;
}

.processesTaskMainDiv .cf-data-table input[type='text'], .processesTaskMainDiv .cf-data-table input[type='password'] {
	font-size: 12px;
}

.processesTaskMainDiv .cf-data-table, .processesTaskMainDiv .cf-data-table {
	font-size: 12px	;
}

.processesTaskMainDiv  .list.cf-data-table {
	font-size: 9px;
}

.processesTaskMainDiv .mandatory-img {
	margin-top: 0px;
	margin-right: 3px;
	margin-left: 1px;
}

.processesTaskMainDiv .blockpanel .entity-noframe {
	border: 0 none;
	display: block;
	margin: 0;
	padding: 0;
}

.processesTaskMainDiv .blockpanel .list-header-title {
	margin-right: 15px;
	margin-top: 10px;
}

.entity-columns-left img, .taskPanel .blockpanel img {
	max-width: 406px;
}

.blockpanel fieldset.entity-value, .blockpanel span.input-date-time {
	border: 0 none transparent;
	font-size: 1em;
}

.processesNotSelectedTaskItem td {
	padding: 6px 0 10px 10px;
	border: 0;
}

.processesNotSelectedTaskItem td:hover {
	text-decoration: none;
	border: 0;
}

.blockpanel .page-header > *:first-child {
	background-color: #999;
	text-shadow: 0 -1px 0 #000000;
	border-bottom: 1px solid #333;
}

.pane .page-header > div {
	background-color: transparent !important;
	text-shadow: 0 0 0 transparent !important;
	border-bottom: 0 transparent none !important;
}

/* Questions - Detailed Competencies */
.formskill .tableskills .tableskillscolumn {
	width: 150px;
	border: none;
}

.formskill .tableskills .tableskillscolumn fieldset {
	box-shadow: none;
	width: auto;
	min-width: inherit;
	max-width: inherit;
}

.formskill .tableskills .tableskillscolumn input {
	width: auto;
	min-width: inherit;
	max-width: inherit;
}



/*=======ADDED STYLING */

/* GENERAL STYLING
******************************************************************/
html            { height: 100%; font-size: 100%}
body			{ width:100%; height:100%; background: #F7F8F9; font-size:14px; overflow-x:hidden; font-family: 'AvertaRegular'; transition: all 0.3s ease-out 0s;color:#30373F }
a				{ text-decoration:none; color:#EE3A31}
.center			{ text-align:center;}
h1,h2,h3,h4		{ font-weight:normal; font-size: inherit }
a               { transition: color 0.3s ease-out 0s;   outline: none;}
a:focus         { outline: 0;}
a:hover         { color:#000}
*               { outline:none;}
ul, li          { list-style:none;	margin:0;	padding:0;	}
.img-responsive { width: 100% !important;	max-width: 100%;	height: auto;	border: 0;	-ms-interpolation-mode: bicubic;	vertical-align: middle; transition: all 0.5s ease-out 0s;  }
input           { border-radius: 0; transition: all 0.3s ease-out 0s;}

/* RESETS
******************************************************************/
*,*:after,*:before {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;	padding: 0;	margin: 0;}
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.cf:before,.cf:after {    content: " ";    display: table;}
.cf:after {    clear: both;}
.cf {    *zoom: 1;}


.fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
.fa-envelope:before {content: "\f0e0";}
.fa-search:before   {content: "\f002";}
.fa-facebook:before { content: "\f09a";}
.fa-twitter:before  { content: "\f099";}

/* CONTAINERS
******************************************************************/
.wrapper { width:100%; height:100%;}
	.frame-left  { position:fixed; background:#FFF; width:40px; height:100%; left:0;  top:0; z-index:99}
		.frame-left .social { position:absolute; top:50%; -webkit-transform: translateY(-50%);transform:translateY(-50%);}
		.frame-left .social ul {}
		.frame-left .social ul li {text-align:center; margin-bottom:10px; display:block; padding:10px}
		.frame-left .social ul li a { color:#7F8184}
		.frame-left .social ul li a:hover { color:#EE3A31; cursor:pointer}
		.frame-left .social ul li a.open {color:#EE3A31}
	.frame-right { position:fixed; background:#FFF; width:40px; height:100%; right:0; top:0; z-index:99}
	

 .myrow {  float: left;  width: 100%;}
 .text-center { text-align: center}
/* HEADER
******************************************************************/
	#header { position:fixed; background:#FFF; width:100%; height:60px; left:0; top:0; z-index:100}
		#header .sm-logo { position: absolute; width:113px; height:33px; background: url(../images/svg/logo-afrasia.svg); background-size:cover;right:204px; top:10px; display:none}
		#header .sm-logo.show { display:block;}
	/* Nav
	******************************************************************/
    .back-site { position: absolute; top:25px; left:40px}
	.back-site .arrow {display: inline-block; vertical-align: middle; height: 1px; width: 15px; background: #EE2E24;  position: relative;  transition: all 0.3s ease-out 0s;}
	.back-site .arrow::before,.back-site .arrow::after { content: "";position: absolute; display: block; top: 0; width: 5px; height: 1px; background: #EE2E24;      left: 0;   outline: 1px solid transparent;}
	.back-site .arrow::before { -webkit-transform: rotate(-45deg) translate3d( 0, 0, 1px); transform: rotate(-45deg) translate3d( 0, 0, 1px);   margin-top: -2px;}
	.back-site .arrow::after {  -webkit-transform: rotate(45deg) translate3d( 0, 0, 1px); transform: rotate(45deg) translate3d( 0, 0, 1px);  margin-top: 2px;}
    .back-site .text{display: inline-block;  margin-left:5px; color:#30373F}
    .back-site:hover .text{color:#EE2E24}
   

	/* Nav
	******************************************************************/
    #nav { width:100%}
    #nav ul li { color:#FFF; font-size:18px; font-family: 'AvertaBlack'; text-transform: uppercase; margin-bottom: 13px}
    #nav ul li a { color:#FFF;}
    #nav ul li a:hover { color:#30373F;}
    #nav ul li.sec { font-family: 'AvertaRegular'; font-size:14px}
    #nav hr { border-top:1px solid rgba(255,255,255,0.5); border-bottom:0; margin:20px 0 20px 0}
  

	/* Burger Menu
	******************************************************************/
	.my-navbar-button {  position: fixed;  margin: 0; right:40px; top:20px; z-index:100; }
    #mynav-item { display: inline-block; margin-right: 10px; text-transform: uppercase}


	#mynav-icon { width: 23px; height:18px; float:right;
	 -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .5s ease-in-out;
	  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;  cursor: pointer;	}
	#mynav-icon span{  display: block;  position: absolute;  height: 1px;  width: 23px;  background: #1A1E23;  border-radius: 0;  opacity: 1;    -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;  -moz-transition: .25s ease-in-out;  -o-transition: .25s ease-in-out;  transition: .25s ease-in-out;}
	  
	  
	#mynav-icon span:nth-child(1) {  top: 0px; left:0; width: 23px;}
	#mynav-icon span:nth-child(2) {  top: 8px;  left:0;  width: 23px;}
	#mynav-icon span:nth-child(3) {  top: 16px; width: 20px; right:0}
	#mynav-icon.open span:nth-child(1) {  top: 10px;  -webkit-transform: rotate(135deg);	  -moz-transform: rotate(135deg);  -o-transform: rotate(135deg); transform: rotate(135deg);	}
	#mynav-icon.open span:nth-child(2) { opacity: 0;}
	#mynav-icon.open span:nth-child(3) {  top: 10px;  width: 23px; -webkit-transform: rotate(-135deg);  -moz-transform: rotate(-135deg);  -o-transform: rotate(-135deg);  transform: rotate(-135deg);}
	
	
	.my-navbar-button:hover { cursor:pointer;}
	#mynav-icon:hover span { opacity: 1;}
	#mynav-icon.open span { background:#EE3A31; }

    .fixedPosition{  overflow:hidden;}
	.menu-container { position:fixed; width:310px; height:100%; z-index:98; top:0; padding:106px 20px 0 20px; right: -310px; transition: all 0.75s cubic-bezier(0.75, 0.19, 0.24, 1); background:#ED2F23;}
	.menu-container.active { right:40px;}   
    .content-overlay { position: fixed; background: #000; top:0; left:0; z-index:97; width: 100%; height: 100%;display:none; }
    .content-overlay.active {display:block;}

	a .more { display:block; margin-top:15px}
	a .more .text { display:inline-block; color:#EC3931; font-size:14px; margin-right:10px}
	a .more .arrow  { display:inline-block; vertical-align:middle; height:1px; width:15px;background:#EC3931; position:relative;transition: all 0.3s ease-out 0s;  }
	a .more .arrow::before {content: "";  position: absolute;  display: block;  top:0; width:5px; height:1px;-webkit-transform: rotate(45deg);
    transform: rotate(45deg) translate3d( 0, 0, 1px);background:#EC3931; margin-top:-2px; right:0;}
	a .more .arrow::after {content: "";  position: absolute;  display: block;  top:0; width:5px; height:1px;-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg) translate3d( 0, 0, 1px);background:#EC3931; margin-top:2px; right:0;}		
	a:hover .more .arrow { margin-left:5px}

    .red-gradient {background: -moz-linear-gradient(left, rgba(238,46,36,0.36) 0%, rgba(238,140,135,0.61) 36%, rgba(237,237,237,0.26) 73%, rgba(237,237,237,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(238,46,36,0.36) 0%,rgba(238,140,135,0.61) 36%,rgba(237,237,237,0.26) 73%,rgba(237,237,237,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(238,46,36,0.36) 0%,rgba(238,140,135,0.61) 36%,rgba(237,237,237,0.26) 73%,rgba(237,237,237,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fee2e24', endColorstr='#00ededed',GradientType=1 ); /* IE6-9 */}
   .img-grey {  transition: all 0.5s ease-out 0s;
    filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
    filter: gray;
    -webkit-filter: grayscale(100%);} 

   /* Content Wrapper
	******************************************************************/
   .content-wrapper { width:100%; float:left; padding:60px 40px 40px 40px; position: relative}

   /* banner container
	******************************************************************/
    .banner-cn { width:100%;background: #ED2F23; }
    .banner-cn .logo-block {  width: 22%;    position: relative; float:left;min-height: 180px;}
   .banner-cn .logo-block .logo {  cursor: pointer;  width: 223px;   height: 84px;   background: url(../images/afrasia-logo-white.svg) no-repeat;   background-size: cover;   display: block;   top: 25%;  position: absolute;   left: 50%;   transform: translateX(-50%);}
   .banner-cn .right-block { width: 78%;float:right;  position: relative; }
   .banner-cn .right-block .overlay { position:absolute; width:100%; height:100%; z-index: 1}


/* FOOTER
******************************************************************/
#footer { position:fixed; background:#FFF; width:100%; height:40px; left:0; bottom:0; z-index:98}
#footer .copyright { float:left; margin-left:40px; padding-top:10px}


@media screen and (min-width: 0) and (max-width: 979px) {
	.banner-cn .right-block {	width: 100%;}
	.mainsection .mastercontentpanel { padding: 25px 10px;  margin: 0 auto;	width: 90%;}
	.ftlrow {   float: left;  display: block;   width: 100%;}
	.mainsection td.columnfull {  display: block;  width: 100%;   float: left;}
	.ftllist { border-right:0}
	.banner-cn .logo-block .logo {
    cursor: pointer;
    width: 108px;
    height: 41px;
    background: url(../images/afrasia-logo-white.svg) no-repeat;
    background-size: cover;
    display: block;
    top: 10px;
    position: absolute;
    left: 15px;
    transform: initial;
}
	.banner-cn .logo-block {
    width: 100%;
    position: absolute;
    min-height: initial;
    z-index: 3;
}
	.headersection .headerpanel .userpanel .username { font-size:14px}
	.mainsection .buttongrouppanel2 {  width: 90%;}
	.mainsection .inputbutton {font-size: 11px;padding: 10px 13px;}
	.mainsection .column165 {display: block;   width: 100%;    float: left;}
	.column165 .helppanel { margin-top:20px}
	.headerpanel .rightpanel .metapanel .metagrouppanel { top:36px}
	.headersection .link2panel {  padding: 0 5%;}
	.headersection .headerpanel .linkpanel { padding: 0 5%;}
	.headersection .link2panel .selectedlink2 span,.headersection .link2panel .link2 a {  font-size: 14px;}
	.headersection .headerpanel .linkpanel .selectedlink,.headersection .headerpanel .linkpanel { height:40px	}
	.headersection .headerpanel .linkpanel .selectedlink a, .headersection .headerpanel .linkpanel .selectedlink span { font-size: 16px;}
	.headersection .headerpanel .linkpanel .link, .headersection .headerpanel .linkpanel .selectedlink { height:40px	}
	.headersection .headerpanel .linkpanel .link a { font-size: 16px;}
	
}

@media screen and (min-width: 980) and (max-width: 1100px) {
	
	.banner-cn .logo-block .logo {  width: 182px;	height: 67px;}
	
}

/* NPS - preserve Taleo editor list formatting */

.mastercontentpanel3 .contentlinepanel .text ul,
.mastercontentpanel3 .contentlinepanel .text ol {
    padding-left: 40px !important;
}

.mastercontentpanel3 .contentlinepanel .text ul li {
    display: list-item !important;
    list-style-type: disc !important;
}

.mastercontentpanel3 .contentlinepanel .text ol li {
    display: list-item !important;
    list-style-type: decimal !important;
}