/* Skin: Base_Template_01 Version: 20170630 Contents 1. CLIENT SPECIFIC 1.1 Fonts 1.2 Menu 1.3 Logo 1.4 Avatar 1.5 Borders 1.6 Text Pages 2. GLOBAL 2.1 Colours 2.2 General 2.3 Buttons 2.4 Errors 2.5 Dialogues 2.6 Tooltips 2.7 Hidden 2.8 Modals 3. PRE APPLICATION 3.1 Home 3.2 Job search 3.3 No vacancies 3.4 Categories 3.5 Search results 3.6 Job description 3.7 Job alerts 3.8 Questions 3.9 Login 3.10 Register 3.11 Redeployment 4. CANDIDATE PORTAL 4.1 My home 4.2 My profile 4.3 My applications 5. APPLICATION SECTIONS 5.1 Progress bar 5.2 Application summary 5.3 Global sections 5.4 CV upload 5.5 Equal Opportunities 5.6 Interviews 6. MEDIA QUERIES 6.1 Laptop 6.2 Tablet 6.3 Phablet 6.4 Phone */ /* -------------------------------------- ========================================= 1. CLIENT SPECIFIC ========================================= -----------------------------------------*/ .intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type="tel"], .intl-tel-input.allow-dropdown input[type="text"], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type="tel"], .intl-tel-input.separate-dial-code input[type="text"] { padding-right: 6px; padding-left: 52px !important; margin-left: 0; } html body .intl-tel-input { width: 100%; } #RegisterForm_data_source_formRow img { max-width: 64px; } /*--------------------------------------- 1.2 Fonts -----------------------------------------*/ #Pos_Description_pageView * { font-family: inherit !important; font-size: inherit !important; } html body { font-family: 'opensansregular', arial, sans-serif; line-height: 1.8; font-size: 16px; } .strapline { font-size: 42px; color: #ED1C24; padding-bottom: 0; margin-top: 30px; margin-bottom: 30px; font-family: 'opensansbold', arial, sans-serif; } /*--------------------------------------- 1.2 Menu -----------------------------------------*/ .sticky-navigation .main-navigation li.active a, .sticky-navigation .main-navigation li.active a.sub-menu-link.active { font-weight: bold; } .sticky-navigation .main-navigation li.active a.sub-menu-link { font-weight: normal; } .menu-control { text-align: center; padding-bottom: 10px; padding-top: 10px; } .menu-control:hover { cursor: pointer; } #nav-mobile, .menu-control { display: none; } #logoFooter img { width: 250px; } @media screen and (max-width: 1048px) { #nav-mobile, .menu-control { display: block; } html body .closed, #topnav { display: none; } } /*--------------------------------------- 1.3 Logo -----------------------------------------*/ #logo { display: inline-block; } #logo img { max-width: 263px; max-height: 85px; } .logo-tag { margin-left: 10px; font-weight: bold; position: relative; bottom: 0; top: 10px; } @import url(https://fonts.googleapis.com/css?family=Josefin+Sans:300,400); #section03 { background: url(https://picsum.photos/1200/800?image=869) center center / cover no-repeat; } .demo a { position: absolute; bottom: 20px; left: 50%; z-index: 2; display: inline-block; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); color: #fff; font: normal 400 20px/1 'Josefin Sans', sans-serif; letter-spacing: .1em; text-decoration: none; transition: opacity .3s; } .demo a:hover { opacity: .5; } #section03 a { padding-top: 60px; } #section03 a span { position: absolute; top: 0; left: 50%; width: 70px; height: 70px; margin-left: -23px; border: 2px solid #2b73ba; border-radius: 100%; box-sizing: border-box; transform: translate(-17%, 0); } #section03 a span::after { position: absolute; top: 50%; left: 50%; content: ''; width: 16px; height: 16px; margin: -12px 0 0 -8px; border-left: 1px solid #2b73ba; border-bottom: 1px solid #2b73ba; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); box-sizing: border-box; } #section03 a span::before { position: absolute; top: 0; left: 0; z-index: -1; content: ''; width: 70px; height: 70px; box-shadow: 0 0 0 0 rgba(255,255,255,.1); border-radius: 100%; opacity: 0; -webkit-animation: sdb03 3s infinite; animation: sdb03 3s infinite; box-sizing: border-box; } @-webkit-keyframes sdb03 { 0% { opacity: 0; } 30% { opacity: 1; } 60% { box-shadow: 0 0 0 60px rgba(255,255,255,.1); opacity: 0; } 100% { opacity: 0; } } @keyframes sdb03 { 0% { opacity: 0; } 30% { opacity: 1; } 60% { box-shadow: 0 0 0 60px rgba(255,255,255,.1); opacity: 0; } 100% { opacity: 0; } } /*--------------------------------------- 1.4 Avatar -----------------------------------------*/ #ProfileIcon img { width: 50px; transition: all .2s ease-in-out; } #ProfileIcon img:hover { transform: scale(1.2); } #ProfileIcon strong { position: relative; bottom: 20px; right: 10px; } #links-top .avatar-submenu li { width: 100%; display: block; } /*--------------------------------------- 1.5 Borders -----------------------------------------*/ body.Home #eaContainer div, #Home_quicksearch_filter_locationradius, #Home_quicksearch_filter_text { border-radius: 0; } /*body.Home #eaContainer div { overflow: hidden; }*/ #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .fileupload li, #eaContainer .fileContainer, #eaContainer .uploadedFilesContainer, #eaContainer .questionsAnswerBlock .answersContainer .appSummaryGridRow, #eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridHeader, #eaContainer .pageBlockInner_GridBlock div.gridContent, #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer, #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileSummary, #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuLinks, #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage, #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2, #eaContainer .ulListItemLabel, #eaContainer .PosMyAppSummaryValues, #eaContainer .PosMyAppSummaryValues div, #eaContainer .rowContainer, body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock, #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox, #eaContainer #posdesc_pageBlock .posrating, #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts, #eaContainer .posBrowserMapBlock .addressContainer, html body .tooltip2_Outer, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer, html body .posListHover .contentContainer, #eaContainer #posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow, #eaContainer #posBrowser_Filter_pageBlock .FiltersContainer, #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer, #eaContainer .posBrowserMapBlock .gridTop, #eaContainer .sysadminblock, #eaContainer button.addressButton, #eaContainer .posBrowserMapBlock .addressContainer .addressInput, #eaContainer .pageBlockInner_GridBlock .gridTop .TilesGridSortingPopup, #eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .imageContainer, #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .imageContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer, .listItemAnchorContainer, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem, #eaContainer #Application_Home_pageView .ulListItem, #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer, #eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent, #eaContainer #Home_pageView #noPositions_pageBlockContainer .title, #eaContainer #Home_pageView #noPositions_pageBlockContainer .content, #quicksearch_pageBlockContainer input.buttonSubmit, body button.ui-dialog-titlebar-close, .ui-dialog-titlebar-close, body .ui-dialog, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, #eaContainer a, #eaContainer .pageBlockInner_GridBlock .gridTop { border: 0; } #Grid_PERSONALDETAILS_pageBlock .rowlink a, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, .gridContainer .rowlink a, #eaContainer .pageBlockInner_GridBlock .gridTop, #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer, #eaContainer .markerStatsContainer, #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem, #Application_Home_pageView #sectionslist_pageBlock .ulListItem, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed, #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Completed { border-radius: 0; } /*--------------------------------------- 1.6 Text Pages -----------------------------------------*/ /* Accordion */ button.accordion-button { background-color: inherit; cursor: pointer; padding-top: 18px; padding-bottom: 18px; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; font-size: 19px; color: #9a9b9c; } div.accordion-content { padding: 0 6px 22px; display: none; } div.accordion-content ul li, div.accordion-content ol li { border: none; color: #3d3d3d; margin-bottom: 10px; padding: 0; } @media (min-width: 40em) { ul, ol { font-size: 1.125rem; } } .accordion-content.show { display: block; } button.accordion-button:after { font-family: 'FontAwesome'; content: '\f067'; font-size: 13px; color: #BEBEBE; float: right; margin-left: 5px; display: block; font-size: inherit; } button.accordion-button.active:after { content: '\f068'; } .accordion-container { border-bottom: 1px solid #E8E8E8; } /* -------------------------------------- ========================================= 2. GLOBAL ========================================= -----------------------------------------*/ #posdesc_pageBlock .codeListDescContainer_2 { border-top: 0; } .codeListDescContainer_2 .imageContainer, .codeListDescContainer_2 .codeListDescMenuContainer { display: none; } /*--------------------------------------- 2.1 Colours -----------------------------------------*/ .hero-bg, .srt-menu li li:hover > a, #topnav, #nav-mobile, .buttonlink, #ui-datepicker-div .ui-state-active, #ui-datepicker-div .ui-widget-content .ui-state-active, #ui-datepicker-div .ui-widget-header .ui-state-active, html body .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover, html body .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover, #eaContainer #posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow, div.FilterRowsContainer .AvailableContainer, #eaContainer .posBrowserMapBlock .gridTop, #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer, .listItemAnchorContainer, .ui-dialog-titlebar-close, body .dialog_noTitle div.ui-dialog-titlebar, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, #eaContainer .pageBlockInner_GridBlock .gridTop, #eaContainer #Home_pageView .availableListsItemContainer_Selected, #eaContainer #Home_pageView .availableListsContainer ul li:hover, .tabs-style-shape nav li.tab-current a span, body #eaContainer .buttonsRight a.buttonActionId_forgotten, body #eaContainer .buttonsRight a.buttonActionId_ajaxCancel, body #eaContainer .buttonsRight a.buttonActionId_cancel, body #eaContainer .buttonsRight a.buttonActionId_doitlater, .Application_Withdraw #eaContainer .withdrawapp a, #Grid_PERSONALDETAILS_pageBlock .rowlink a, .gridContainer .rowlink a, #eaContainer .posBrowserMapBlock .markerStatsContainer, #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer, #slider-latest-jobs ol li .flex-active, #FindJobHeroBlock, #login-register-block .buttonAnchor:hover, #eaContainer .TilesGridSortingPopup, #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar { background: #2b73ba; } #SignInTitleBlock_pageBlock .pageBlockInner h1, #eaContainer h1.eArcuInfoHeader, #eaContainer a, #links-top li.current a, .srt-menu li:hover > a, .srt-menu li.current a, a, a:visited, a:active, body .ui-widget-content a, body .pageBlockInner_GridBlock div.pagingControls input.pagenumber, body .pageBlockInner_FormBlock div.curFocus label.formLabel, #eaContainer .pageBlockInner_FormBlock div.curFocus label.formLabel, #eaContainer div.pageBlockTitle, #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted, #eaContainer a, body .ui-widget-content a, #eaContainer .TilesGridSortingPopup a:hover, body #FindJobHeroBlock input.buttonSubmit, #Welcome_pageView .iconLabel a, #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu, #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_Submitted, #eaContainer #posSummaryBlock_pageBlock .appStatusSubmitted { color: #2b73ba; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover { border: 1px solid #2b73ba; background: transparent; } #FindJobBlock #quicksearch_SaveButtonRow_formRow input:hover { border: 1px solid #2b73ba; } #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer, .listItemContainer:hover .listItemAnchorContainer, .listItemAnchorContainer:hover, body #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer, #quicksearch_pageBlockContainer div.pageBlockTitle, .tabs-style-shape nav li a:hover span, #Grid_PERSONALDETAILS_pageBlock .rowlink a:hover, body #FindJobHeroBlock input.buttonSubmit:hover, html body .tooltip2_Outer { background-color: #ED1C24; } #pageTitleSignInHeaderContainer h2.active, #pageTitleRegisterHeaderContainer h2.active { background-color: #2b73ba; } .tabs-style-shape nav li a:hover svg { fill: #ED1C24; } #eaContainer a:hover, .hero-content h2 span, body #eaContainer .alternateViews .alternateViewsButton:hover, #Welcome_pageView .iconLabel a:hover, #eaContainer #MyDetails_pageView .editblocklink a:hover, #eaContainer .actionMessageContainer div.actionMessageOk, #eaContainer .actionMessageContainer div.actionMessageWarning, #eaContainer .actionMessageContainer, .logo-tag, #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu:hover, .Pos_Description_Review #eaContainer .reviewposlink a, .Application_Home #eaContainer .myapplink a, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .label, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .count, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueItem_selected a span, #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted, button.accordion-button.active:after, #eaContainer #posBrowser_Filter_pageBlock .ButtonsContainer a.AddLink:hover { color: #ED1C24; } #ProfileIcon:hover a, #eaContainer .pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight, .menu-control:hover, #breadcrumb a:hover, body .pageBlockInner_GridBlock div.pagingControls input.pagenumber:hover, body .pageBlockInner_GridBlock div.pagingControls input.pagenumber_current:hover, #eaContainer .pageBlockInner_GridBlock .gridTop a:hover, footer #footer .copy-right p a:hover, #eaContainer .footer a:hover, #eaContainer #latest-jobs a:hover h3, #eaContainer #MyDetails_ConnectedServices_pageView a.connect:hover, a.AddLink:hover { color: #ED1C24; } body button.buttonAnchor:hover, body input.buttonSubmit:hover, body a.buttonAnchor:hover, #eaContainer a.button:hover, #eaContainer .addressButton:hover, #eaContainer a.button:hover, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover, #eaContainer .fileuploadbutton:hover, #eaContainer .buttonsLeft button.buttonAnchor:hover, #eaContainer .buttonsRight button.buttonAnchor:hover, #eaContainer .buttonsLeft input.buttonSubmit:hover, #eaContainer .buttonsRight input.buttonSubmit:hover, #eaContainer .buttonsLeft a.buttonAnchor:hover, #eaContainer .buttonsRight a.buttonAnchor:hover, body .ui-widget-content input.buttonSubmit:hover, body .ui-widget-content button.buttonAnchor:hover, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover, span.fake-button:hover, body .ui-widget-content input.buttonSubmit:hover, body .ui-widget-content button.buttonAnchor:hover, #quicksearch_pageBlockContainer input.buttonSubmit:hover, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover, .Pos_Description_Review #eaContainer .reviewposlink a:hover, .Application_Withdraw #eaContainer .withdrawapp a:hover, #Grid_PERSONALDETAILS_pageBlock .rowlink a:hover, .gridContainer .rowlink a:hover, #eaContainer a.buttonAnchor:hover { background: #ED1C24; border-color: #ED1C24; color: #ffffff; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer li:hover .filenameInner { background: #2b73ba; border-color: #2b73ba; color: #ffffff; } .srt-menu li:hover > a, .srt-menu li.current a, .content-wrap section, body .ui-dialog .ui-dialog-content, .tabs-style-shape .content-wrap, #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBack { background: #fff; } .hero-bg h2, .hero-bg p, #eaContainer .OfferSectionsSummaryBlockContainer .ulList div.ulListItemLabel a, #eaContainer #Application_Home_pageView .ulList div.ulListItemLabel a, .srt-menu li li:hover > a, #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .filenameInner:hover, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .rcFileMenu:hover, html body .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover a, html body .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover a, #eaContainer #Application_Home_pageView .ulListItem:hover a, #eaContainer #Application_Home_pageView .Completed:hover a, html body .tooltip2_FormError, #eaContainer .pageBlockInner_GridBlock .gridTop .TilesGridSortingPopup a, #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer a, #eaContainer div.listItemTitle a, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer_NoContent .listItemAnchorContainer, .listItemAnchorContainer *, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, .menu-control, #eaContainer .pageBlockInner_GridBlock .gridTop a, footer #footer .copy-right p a, #eaContainer .availableListsContainer a, #eaContainer .footer, #quicksearch_pageBlockContainer div.pageBlockTitle h1, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename, #eaContainer #posBrowser_Filter_pageBlock .ButtonsContainer a, #eaContainer div.FilterRowsContainer .AvailableContainer a, #eaContainer .posBrowserMapBlock .alternateViewsCurrent a, #eaContainer .posBrowserMapBlock .gridTop, #eaContainer .posBrowserMapBlock .markerStatsContainer, body .dialog_noTitle div.ui-dialog-titlebar, #eaContainer .pageBlockInner_GridBlock .gridTop, #eaContainer #Home_pageView .availableListsItemContainer_Selected, #eaContainer #Home_pageView .availableListsContainer ul li:hover, .tabs-style-shape nav li.tab-current a span, body #eaContainer .buttonsRight a.buttonActionId_forgotten, body #eaContainer .buttonsRight a.buttonActionId_ajaxCancel, body #eaContainer .buttonsRight a.buttonActionId_cancel, body #eaContainer .buttonsRight a.buttonActionId_doitlater, .Application_Withdraw #eaContainer .withdrawapp a, #Grid_PERSONALDETAILS_pageBlock .rowlink a, .gridContainer .rowlink a, #eaContainer a.buttonAnchor, #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer, #eaContainer .pageBlockContainer .rowHeader .rowlink a, body #FindJobHeroBlock input.buttonSubmit:hover, #pageTitleSignInHeaderContainer h2.active, #pageTitleRegisterHeaderContainer h2.active, html body .tooltip2_Outer { color: #fff !important; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer a:hover { color: #2b73ba; } #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li div.ulListItemLabel a:hover, #eaContainer #Application_Home_pageView .ulList li div.ulListItemLabel a:hover, body.Home #eaContainer .listItemContainer a, body.Home #eaContainer .listItemContainer a:hover, html #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer li a:hover, .tabs-style-shape nav .tab-current a, .tabs-style-shape nav li a:hover { color: #fff; } #Home_quicksearch_filter_locationradius, #Home_quicksearch_filter_text { border-color: #fff; } #eaContainer .actionMessageContainer div.actionMessageWarning { background-image: url("../images/sprites/red-cross.png"); } #eaContainer .actionMessageContainer div.actionMessageOk { background-image: url("../images/sprites/green-tick.png"); } #eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles .scroller_movenext { background-image: url("../images/sprites/white-arrow-right.png"); } #eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles .scroller_moveprev { background-image: url("../images/sprites/white-arrow-left.png"); } #eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles .scroller_movenext:hover { background-image: url("../images/sprites/red-arrow-right.png"); } #eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles .scroller_moveprev:hover { background-image: url("../images/sprites/red-arrow-left.png"); } #eaContainer #Grid_PERSONALDETAILS_pageBlock, #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2, #eaContainer .PosMyAppSummaryValues, #eaContainer .PosMyAppSummaryValues div, body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock, #eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent, #eaContainer #Home_pageView #noPositions_pageBlockContainer .title, #eaContainer #Home_pageView #noPositions_pageBlockContainer .content, .PosMyAppSummaryValues, .tabs-style-shape nav li a span, #eaContainer .posBrowserMapBlock .addressContainer, #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText, body .pageBlockInner_GridBlock input.buttonDisabled, body .pageBlockInner_GridBlock input.buttonDisabled:hover, .MyDetails #eaContainer div.pageBlockContainer { background: #f1f0f0; } .tabs-style-shape nav li a svg { fill: #f1f0f0; } .tabs-style-shape nav li a, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList a, #eaContainer .posBrowserMapBlock .addressContainer .addressLabel, body #modalcodelistlookup_pageBlock .labelContainer, body .ui-dialog #LookupFilterBlock_pageBlock .labelContainer, #eaContainer .label { color: #3d3d3d; } body .pageBlockInner_GridBlock input.buttonDisabled, body .pageBlockInner_GridBlock input.buttonDisabled:hover { color: #848484; } #ui-datepicker-div .ui-state-active, #ui-datepicker-div .ui-widget-content .ui-state-active, #ui-datepicker-div .ui-widget-header .ui-state-active, body .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputText, body .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputSelect, #eaContainer .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputText, #eaContainer .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputSelect { border: 1px solid #9B9C9E; } #posBrowser_Filter_pageBlock .ButtonsContainer a:hover { text-decoration: none; } /*--------------------------------------- 2.2 General -----------------------------------------*/ .parallax-window { min-height: 330px; background: transparent; margin-top: 70px; width: 100%; } .mobile-banner { display: none; } .pageBlockInner.pageBlockInner_TextTagReplacementBlock h1, .eArcuInfoHeader { display: none; } #content { min-height: 430px; } .Pos_Find_Results #content { min-height: 0; } button { cursor: pointer; } #eaContainer div.pageBlockTitle { font-size: 19.6px; font-weight: normal; } #eaContainer .label { font-weight: normal; } #eaContainer .pageBlockInner_GridBlock .gridTop { font-weight: bold; } #eaContainer .pageBlockInner_GridBlock .gridTop a, footer #footer .copy-right p a, #eaContainer .availableListsContainer a, #eaContainer .footer, rowContainer a { font-weight: normal; } #eaContainer a, body .ui-widget-content a { font-weight: normal; outline: 0; } #eaContainer a.filename, #eaContainer .rowlink a, body #eaContainer .buttonAnchor, #posBrowser_Filter_pageBlock .FilterRowsContainer a, #eaContainer .alternateViews a { text-decoration: none; } #eaContainer .iconLabel a, #eaContainer .ulListItemLabel a, #eaContainer .TilesGridSortingContainer a, #eaContainer .TilesGridSortingPopup a, #eaContainer .alternateViews a, #eaContainer #latest-jobs a, #eaContainer #latest-jobs a:active, #eaContainer #latest-jobs a:visited { text-decoration: none; } #eaContainer div.pageBlockContainer { margin: 0; } #eaContainer div.pageBlockContent { overflow: hidden; } #breadcrumb { margin-top: 2em; text-align: left; color: #9a9b9c; padding: 0 5px; } #EarcuIntroTextBlockTitle, #EarcuHeadingTextBlockTitle, .pageBlockTitle { display: none; } .MyDetails .pageBlockTitle { display: block; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } #eaContainer .pageBlockInner_GridBlock .ListGridContainer { margin: 0; } .content-warp.no-banner { margin-top: 6em; } .banner-main { margin-top: 70px; width: 100%; } #eaContainer { margin-bottom: 2em; } .brandsTicker .ticker-container { width: 100%; margin: 0 auto; padding: 0; background: #fff; margin-top: 20px; } .brandsTicker .ticker-container .caroufredsel_wrapper { width: 100% !important; } .brandsTicker .ticker-container .caroufredsel_wrapper .carousel div { float: left; height: auto; } .brandsTicker .ticker-container .caroufredsel_wrapper .carousel div img { max-height: 150px; width: auto; margin: 0 auto; display: block; } .textpage_interviews ul, .textpage_eas ul { list-style-position: outside; padding-left: 22px; } .Redeploy #content_wrapper a { font-weight: bold; text-decoration: underline; } /*--------------------------------------- 2.3 Buttons -----------------------------------------*/ #Grid_PERSONALDETAILS_pageBlock .rowlink a, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, .gridContainer .rowlink a { padding: 7px 15px; text-align: center; font-size: inherit; font-family: inherit; font-weight: normal; } .ApplyNowContainer.ApplyViaFormContainer, .ApplyNowContainer.ApplyViaFormContainer .buttonsLeft, .ApplyNowContainer.ApplyViaFormContainer li, .ApplyNowContainer.ApplyViaFormContainer a.buttonAnchor.right, .RightJobBox a.buttonAnchor.right, .RightJobBox .buttonsRight, .RightJobBox li { width: 100%; } .VacancyMap { width: 100%; float: left; } body .pageBlockInner_GridBlock input.buttonDisabled, body .pageBlockInner_GridBlock input.buttonDisabled:hover { text-shadow: none; } #eaContainer .addressButton { padding: 0; } #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit { padding: 7px 25px; } html body th input.buttonSubmit { box-shadow: none; } #eaContainer input.buttonSubmit { padding: 7px 25px; } /*--------------------------------------- 2.4 Errors -----------------------------------------*/ #eaContainer .actionMessageContainer { padding: 1em 0; margin-bottom: 1em; background-color: #2b73ba; } body.Home #eaContainer .actionMessageContainer { margin: 2em 0 0; } body.Home #eaContainer .actionMessageContainer div.actionMessageOk { float: right; } .pageBlockInner_FormBlock .controlError { padding-top: 5px; } /*--------------------------------------- 2.5 Dialogues -----------------------------------------*/ body .pageBlockInner_GridBlock div.pagingControls input.pagenumber { text-shadow: none; } body .pageBlockInner_GridBlock div.pagingControls input.pagenumber_current { color: #000000; } .ui-dialog-titlebar-close { background-image: url("../images/sprites/white-cross.png"); background-repeat: no-repeat; } body .pageBlockInner_GridBlock table.gridTable th input.buttonSubmit { margin-top: 0; } body button.ui-dialog-titlebar-close { outline: 0; } /*--------------------------------------- 2.6 Tooltips -----------------------------------------*/ body.Home .tooltip2_Surround_FormToolTip { display: none !important; background: #ED1C24; } body .tooltip2_Outer { padding-left: 1em; } /*--------------------------------------- 2.7 Hidden -----------------------------------------*/ .hidden { display: none; } /*--------------------------------------- 2.8 Modals -----------------------------------------*/ body .ui-dialog .gridRemove .pageBlockContent { background: none; } .modalContent .formRow.formRowButtonRow { margin-top: 1em; width: 76.5%; } .modalContent .totalRows { margin-top: 1em; } .modalContent .gridFooter { overflow: hidden; } body .pageBlockInner_GridBlock table.gridTable th { background: #ffffff; } /* -------------------------------------- ========================================= 3. PRE APPLICATION ========================================= -----------------------------------------*/ /*--------------------------------------- 3.1 Home -----------------------------------------*/ .Home #intro_pageBlock { display: none; } #eaContainer .actionMessageContainer div.actionMessageWarning, #eaContainer .actionMessageContainer div.actionMessageOk { color: #fff; margin-left: 10px; } .count-block .fa { display: block; color: #ED1C24; } .count-block .counter, .count-block .counter-icon { color: #ED1C24; font-size: 32px; } .count-block .counter-icon { margin-left: 0; } .no-of p { text-transform: uppercase; color: #2b73ba; } .count-block * { margin: 10px; text-align: center; } .count-block .no-of { margin-top: 25px; margin-bottom: 25px; width: 30%; display: inline-block; } .Home #eaContainer { margin-bottom: 0; } .bottom-parallax { margin: 0; } #home-img-2 { position: relative; } #home-img-2 p { position: absolute; bottom: 40%; text-align: center; } .hero-text { text-align: center; padding-bottom: 3.5em; padding-top: 3.5em; background-image: url("../images/headers/1b-home-quote.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; } .hero-text .section-content { width: 100%; margin: 0 auto; padding-left: 20%; padding-right: 20%; opacity: 0.85; } .hero-text .section-content .blockquote { color: #2b73ba; font-size: 34px; animation: come-in 0.8s ease forwards; } .hero-text .section-content .blockquote { color: #2b73ba; font-size: 34px; } .blockquote-author { font-size: 20px; } #eaContainer .col-left, #eaContainer .col-right { display: inline-block; vertical-align: top; } #eaContainer .col-left { width: 60%; margin-right: 5%; } #eaContainer .col-left h2 { margin-top: 30px; } #eaContainer .col-right { width: 34%; background: #F1F1F1; border-top-right-radius: 15px; padding: 2em; } #eaContainer .col-right p { margin: 0; } #slider-latest-jobs ul.slides { display: inline-block; vertical-align: top; width: 100%; } #slider-latest-jobs .flex-control-nav { display: inline-block; width: 10%; position: absolute; top: 28%; } #slider-latest-jobs .flex-direction-nav a { width: 26px; height: 40px; top: 111%; } #eaContainer #slider-latest-jobs { background: none; box-shadow: none; } #eaContainer #slider-latest-jobs .slides { margin-bottom: 1em; } #eaContainer #slider-latest-jobs .slides li { text-align: center; } #eaContainer #latest-jobs h1 { line-height: 34px; margin-top: 0; font-size: 2em; padding-bottom: 24px; } #eaContainer #latest-jobs h3 { font-family: 'opensansbold', Helvetica Neue, Sans-serif; color: #000; font-size: 14px; font-weight: normal; margin: 10px 0 0; text-align: center; } #slider-latest-jobs ol li a { background: #ffffff; -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; text-align: center; display: inline-block; } #latest-jobs .buttonsLeft { width: 130px; margin-left: auto; margin-right: auto; float: none; padding-top: 20px; } .category-description-text, .nojobs_jobBlock { margin-bottom: 1em; margin-top: 1em; } .Home .img-container { margin-bottom: 30px; margin-top: 15px; } .Home .flx-embed, .textpage_redeployment_landing .flx-embed { position: relative; } .homeherotext { position: absolute; z-index: 9; color: #2b73ba; text-shadow: 1px 1px #FFf; top: 40%; left: 8%; text-align: left; } .Home .flx-embed #flixel, .textpage_redeployment_landing .flx-embed #flixel { position: relative; width: 100%; float: left; overflow: auto; max-height: 420px; background: none; } .Home .flx-embed #flixel #flixel-video, .textpage_redeployment_landing .flx-embed #flixel #flixel-video { height: 100%; max-height: 420px; width: 100%; object-fit: cover; object-position: 50% 50%; display: block; } .textpage_redeployment_landing .flx-embed #flixel { background-image: url(../images/custom/RedeploymentBanner.jpg); height: 420px; } .textpage_redeployment_landing .flx-embed .homeherotext { top: 50%; left: 0; width: 100%; text-align: center; transform: translateY(-50%); color: #fff; text-shadow: none; } .textpage_redeployment_landing #section03 a span, .textpage_redeployment_landing #section03 a span:after { border-color: #fff; } .Home #content-main .container { width: 100%; overflow: hidden; } .textpage_redeployment_landing .intro-text { padding: 0; padding-bottom: 1em; } .textpage_redeployment_landing .intro-text p:last-child { margin-bottom: 0; } /*--------------------------------------- 3.2 Job search -----------------------------------------*/ .pageherotext { position: absolute; z-index: 9; color: #fff; top: 50%; transform: translateY(-50%); left: 8%; text-align: left; } .pageherotext h1.desc { color: #2b73ba; } .pageherotext h1.pres { color: #ffffff; text-shadow: 1px 1px #2b73ba; } #FindJobContainer { position: absolute; right: 100px; top: 100px; max-width: 400px; width: 100%; } #FindJobHeroBlock { background: #2b73ba; position: relative; z-index: 1000; border-radius: 10px; overflow: auto; padding: 25px; padding-bottom: 20px; width: 100%; float: left; } #FindJobHeroBlock #quicksearch_pageBlock { padding: 0; } #FindJobHeroBlock #quicksearch_pageBlock .pageBlockHeader, #FindJobHeroBlock #quicksearch_pageBlock .pageBlockInner_FormBlock div.labelContainer { display: none; } #FindJobHeroBlock .buttonAnchor, #FindJobHeroBlock .pageBlockInner .buttonsRight li, #FindJobHeroBlock input.buttonSubmit, #FindJobHeroBlock .buttonsRight, #FindJobHeroBlock .formRowTextInputRow .controlContainer { float: left; width: 100%; padding: 0; text-align: center; margin: 0; } body #FindJobHeroBlock .formRowTextInputRow { width: 100%; display: inline-block; float: left; } body #FindJobHeroBlock input.buttonSubmit { /*background: #fff;*/ font-weight: bold; text-shadow: 0; border: 1px solid #fff; width: 100%; margin: 0 !important; text-align: center; padding: 10px; } body #FindJobHeroBlock input.inputText { width: 100%; padding: 10px; } body #FindJobHeroBlock .blockSummaryText { padding-left: 0; } #FindJobHeroBlock #quicksearch_SaveButtonRow_formRow { float: left; display: inline-block; width: 100%; } #FindJobHeroBlock .buttonSubmit { display: inline-block; padding: 2.9px 25px; } body #fh5co-wrapper #FindJobHeroBlock #JobsNearMe:hover.buttonAnchor { background: none; } #JobsNearMe { background: none; padding-left: 25px; } #JobsNearMe:before { font-family: FontAwesome; content: "\f124"; padding-right: 0.25em; } #FindJobHeroBlock h1 { margin-top: 0; font-family: "opensansbold",Arial,serif; text-transform: none; } /*--------------------------------------- 3.3 No vacancies -----------------------------------------*/ #eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent { width: 100%; } #eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent, #eaContainer #Home_pageView #noPositions_pageBlockContainer .title, #eaContainer #Home_pageView #noPositions_pageBlockContainer .content { padding: 10px; } /*--------------------------------------- 3.4 Categories -----------------------------------------*/ .category-container { min-height: 100%; min-width: 100%; position: relative; vertical-align: middle; margin: 0 auto; text-align: center; background: #000000; } .category-container { cursor: pointer; } .category-container img { opacity: 0.8; } .category-container:hover { background: #FFFFFF; } .category-info { z-index: 10; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; } .category-info h1 { color: #FFFFFF; text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.7); } span.fake-button { color: #fff; float: none; font-family: inherit; font-size: inherit; font-weight: normal; padding: 8px 15px; text-align: center; text-transform: uppercase; background: #9b9c9e; } span.fake-button i { margin-right: 5px; } .category-container:hover img, .category-container:hover .category-extras { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .category-container:hover img { opacity: 0.1; } .category-extras { display: none; } .category-container:hover .category-extras { display: block; } .category-container:hover .category-info h1 { color: rgb(85, 55, 155); text-shadow: none; } .category-info h1 { margin-top: 0; } .category-info p { margin: 0 auto; width: 85%; max-height: 80px; margin-bottom: 20px; overflow: hidden; } .col-third { width: 33.1%; display: inline-block; } .cat-container { width: 101%; height: 300px; overflow: hidden; position: relative; display: inline-block; cursor: pointer; margin-top: -10px; } .cat-content { height: 100%; width: 100%; background-size: cover; background-repeat: no-repeat; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .bg-one { background-image: url("../images/categories/category-6.jpg"); } .bg-two { background-image: url("../images/categories/category-2.jpg"); } .bg-three { background-image: url("../images/categories/category-3.jpg"); } .bg-four { background-image: url("../images/categories/category-4.jpg"); } .bg-five { background-image: url("../images/categories/category-5.jpg"); } .bg-six { background-image: url("../images/categories/category-1.jpg"); } .cat-inner { display: none; } .cat-container:hover .cat-inner, .cat-container:focus .cat-inner { display: block; } .categories .cat-inner { font-size: 28px; color: #ffffff; font-family: sans-serif; text-align: center; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 110px; cursor: pointer; } .cat-container:hover .cat-content, .cat-container:focus .cat-content { -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .cat-container:hover .cat-content:before, .cat-container:focus .cat-content:before { display: block; } .cat-container:hover a, .cat-container:focus a { display: block; } .cat-content:before { content: ""; display: none; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.8); } #eaContainer .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer, #eaContainer #CodeListCounts_pageBlock { padding: 0; } .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer { margin-left: 0; overflow: hidden; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer { width: 24%; transition: border .3s ease,padding-top .3s ease; position: relative; list-style: none; text-align: center; overflow: hidden; flex-grow: 0; margin: 0.5%; height: 200px; border: 2px solid #2b73ba; border-radius: .25em; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder, #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer { height: inherit; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer { z-index: 1; background-size: 200px; background-position: 50% 10%; background-repeat: no-repeat; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer, #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .listItemImageContainer { background-size: contain; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; background: rgba(43, 115, 186, 0.7); height: 0; text-align: center; transition: all .2s ease; top: 50%; transform: translate(0%, -50%); } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle { padding: 4px 0 2px 0; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle a { font-weight: 400; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemSeparator { height: 100%; margin: 0 auto; border-radius: 10px; background-repeat: no-repeat; background-position: center center; line-height: 1; float: left; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle, #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemCountContainer, #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemSeparator { font-size: 17px; font-weight: 400; text-align: center; opacity: 0; transition: all .2s ease; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle a, #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemCountContainer, #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemSeparator { color: #fff; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower { height: 100%; bottom: 0; background: rgba(43, 115, 186, 1); } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower .listItemTitle { opacity: 1; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower .listItemCountContainer { opacity: 1; position: absolute; bottom: 4%; left: 0; right: 0; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower .listItemSeparator { opacity: 1; position: absolute; bottom: 50%; left: 0; right: 0; top: 50%; transform: translate(0,-50%); } #Home_pageView #CodeListCounts_pageBlock .listItemContainer.listItemContainer1 .listItemSeparator { background-image: url("../images/icons/building.png"); } #Home_pageView #CodeListCounts_pageBlock .listItemContainer.listItemContainer2 .listItemSeparator { background-image: url("../images/icons/construction.png"); } #Home_pageView #CodeListCounts_pageBlock .listItemContainer.listItemContainer3 .listItemSeparator { background-image: url("../images/icons/finance.png"); } #Home_pageView #CodeListCounts_pageBlock .listItemContainer.listItemContainer4 .listItemSeparator { background-image: url("../images/icons/engineering.png"); } #Home_pageView #CodeListCounts_pageBlock .listItemContainer.listItemContainer5 .listItemSeparator { background-image: url("../images/icons/environment.png"); } #Home_pageView #CodeListCounts_pageBlock .listItemContainer.listItemContainer6 .listItemSeparator { background-image: url("../images/icons/generalmanagement.png"); } #Home_pageView #CodeListCounts_pageBlock .listItemContainer.listItemContainer7 .listItemSeparator { background-image: url("../images/icons/hr.png"); } #Home_pageView #CodeListCounts_pageBlock .listItemContainer.listItemContainer8 .listItemSeparator { background-image: url("../images/icons/it.png"); } #Home_pageView #CodeListCounts_pageBlock .listItemContainer.listItemContainer9 .listItemSeparator { background-image: url("../images/icons/audit.png"); } #Home_pageView #CodeListCounts_pageBlock .listItemContainer.listItemContainer10 .listItemSeparator { background-image: url("../images/icons/legal.png"); } #Home_pageView #CodeListCounts_pageBlock .listItemContainer.listItemContainer11 .listItemSeparator { background-image: url("../images/icons/logistics.png"); } #Home_pageView #CodeListCounts_pageBlock .listItemContainer.listItemContainer12 .listItemSeparator { background-image: url("../images/icons/maintenance.png"); } #Home_pageView #CodeListCounts_pageBlock .listItemContainer.listItemContainer13 .listItemSeparator { background-image: url("../images/icons/technicalservices.png"); } #Home_pageView #CodeListCounts_pageBlock .listItemContainer.listItemContainer14 .listItemSeparator { background-image: url("../images/icons/marketing.png"); } #Home_pageView #CodeListCounts_pageBlock .listItemContainer.listItemContainer15 .listItemSeparator { background-image: url("../images/icons/other.png"); } #Home_pageView #CodeListCounts_pageBlock .listItemContainer.listItemContainer16 .listItemSeparator { background-image: url("../images/icons/procurement.png"); } #Home_pageView #CodeListCounts_pageBlock .listItemContainer.listItemContainer17 .listItemSeparator { background-image: url("../images/icons/communications.png"); } #Home_pageView #CodeListCounts_pageBlock .listItemContainer.listItemContainer18 .listItemSeparator { background-image: url("../images/icons/quality.png"); } #Home_pageView #CodeListCounts_pageBlock .listItemContainer.listItemContainer19 .listItemSeparator { background-image: url("../images/icons/regulatory.png"); } #Home_pageView #CodeListCounts_pageBlock .listItemContainer.listItemContainer20 .listItemSeparator { background-image: url("../images/icons/research.png"); } #Home_pageView #CodeListCounts_pageBlock .listItemContainer.listItemContainer21 .listItemSeparator { background-image: url("../images/icons/building.png"); } #Home_pageView #CodeListCounts_pageBlock .listItemContainer.listItemContainer22 .listItemSeparator { background-image: url("../images/icons/construction.png"); } #Home_pageView #CodeListCounts_pageBlock .listItemContainer.listItemContainer23 .listItemSeparator { background-image: url("../images/icons/finance.png"); } #Home_pageView #CodeListCounts_pageBlock .listItemContainer.listItemContainer24 .listItemSeparator { background-image: url("../images/icons/engineering.png"); } #Home_pageView #CodeListCounts_pageBlock .listItemContainer.listItemContainer25 .listItemSeparator { background-image: url("../images/icons/building.png"); } #gcImgContainer img { max-width: 625px; width: 100%; margin: 20px auto 0px; display: block; padding: 0px 20px; } .buttonsCenter { position: relative; } .buttonsCenter a { margin: 0 auto; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .bounceInRight { animation-delay: 0.5s; } /*--------------------------------------- 3.5 Search results -----------------------------------------*/ html body .posListHover { display: none; } #eaContainer { min-height: 400px; } body.Pos_Find_Results #eaContainer { min-height: 500px; } .hero-bg { margin: 0; text-align: center; } .hero-bg { width: 100%; clear: both; background: url(../images/custom/alerts-bg.jpg) no-repeat center center; background-size: cover; min-height: 300px; } .hero-content { padding: 60px 15px; } .hero-bg h2 { font-size: 3em; text-shadow: 0 1px 2px rgba(0,0,0,0.5); margin: 0 0 20px; } .hero-bg a.buttonAnchor { float: none; padding: 15px 27px; } .addressContainer input, .addressContainer button { line-height: 28.8px; } #eaContainer .pagingButtons { padding-top: 2px; } #eaContainer .TilesGridSortingPopup { margin-left: 0; } #eaContainer .posBrowserMapBlock .addressContainer { padding: 5px 15px; width: 375px; } #eaContainer .posBrowserMapBlock .addressContainer .addressLabel { width: 100%; font-family: "opensansregular",Arial,serif; padding-top: 0; } .posBrowserMapBlock .addressContainer .addressInput { width: 100%; margin: 5px 0; } #eaContainer .addressContainer .addressButton { margin-top: 1px; width: 100%; } div.alternateViews .alternateViewsButton_List { margin-right: 1em; } #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer { margin-bottom: 5px; } #eaContainer .posBrowserMapBlock .alternateViewsCurrent a { font-weight: bold; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li.possibleDistancesLabel { display: none; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li { background: rgb(0, 0, 0) url("../images/sprites/unticked.png") no-repeat scroll left center; background: rgba(0, 0, 0, 0) url("../images/sprites/unticked.png") no-repeat scroll left center; padding-left: 2.5%; width: 33.333%; margin: 3px 0; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li:nth-child(3n+1) { clear: left; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li:hover { background: rgb(0, 0, 0) url("../images/sprites/unticked-pink.png") no-repeat scroll left center; background: rgba(0, 0, 0, 0) url("../images/sprites/unticked-pink.png") no-repeat scroll left center; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li.ValueItem_selected { background: rgb(0, 0, 0) url("../images/sprites/ticked.png") no-repeat scroll left center; background: rgba(0, 0, 0, 0) url("../images/sprites/ticked.png") no-repeat scroll left center; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li a { display: block; text-align: left; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li a span.label { white-space: normal; text-align: inherit; display: block; } #eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a { margin: 6px 5px 1px 1px; } html body .posListHover { background: #F1F0F0; border: 0; max-height: 50%; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainerHolder .rowContainer { height: 250px; width: 24%; padding: 0px 10px; border: 1px solid #F1F1F1; text-align: center; transition: all .2s ease; padding-top: 1em; margin: 0.5% !important; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainerHolder .rowContainer a { font-weight: bold; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainerHolder .rowContainer .rowImageContainer img { width: 150px; max-height: 150px; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainerHolder .rowContainer .rowImageCaptionContainer { display: none; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainerHolder .rowContainer:hover { padding-top: 0.5em; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainerHolder .rowContainer:hover a { text-decoration: none; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainerHolder:nth-child(4n+1) .rowContainer { margin-left: 0 !important; } /*#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainerHolder:nth-child(4n+3) .rowContainer { margin-right: 0 !important; }*/ #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .count { font-size: inherit; font-family: 'opensansregular', Helvetica Neue, Sans-serif; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .count { display: none; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .label, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .count, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueItem_selected a span { text-decoration: none; } .posListInfoBox.mapBlock_PosListInfoBox img { display: none; } /*--------------------------------------- 3.6 Job description -----------------------------------------*/ #eaContainer .earcu_posdescriptiontitle { font-weight: bold; line-height: 1.5em; margin: 0.45em 0; padding: 0; } #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox, #eaContainer #posdesc_pageBlock .posrating, #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts { padding: 2em; } .posAlerts_info.posrightbox_info { margin: 1em 0 0; } #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right { margin-right: 0; margin-bottom: 10px; } #eaContainer #Pos_Description_pageView #posdesc_pageBlock .ApplyNowContainer.ApplyViaFormContainer a.right { padding: 20px; font-weight: bold; margin: 0 !important; } .posAlerts .posAlerts_info { margin-bottom: 1em; } #eaContainer .connectedContainer, #eaContainer .button.connect { display: block; float: none; } #eaContainer .connectedContainer { margin-bottom: 1em; width: 100%; } #eaContainer .button.connect { width: 92%; } #eaContainer .buttonContainer { display: none; } #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2, #eaContainer .ulListItemLabel, #eaContainer .PosMyAppSummaryValues, #eaContainer .rowContainer, body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock { padding: 1em; margin-bottom: 1em; } .PosMyAppSummaryValues dd { margin: 0; } #eaContainer .PosMyAppSummaryValues div.appCompleteChartBack, #eaContainer .PosMyAppSummaryValues div.appCompleteChartBar { padding: 0; margin: 0; } #eaContainer .PosDescriptionText .ApplyNowContainer { float: right; } #eaContainer div.posDescriptionContainer317 .BigVacancyMap { width: 100%; } #JobDescriptionMap_BigVacancyMap_pageBlockContainer { float: left; width: 100%; } div.posDescriptionContainer317 .LeftJobBox { width: 100%; } #eaContainer div.posDescriptionContainer317 .RightJobBox { position: fixed; top: 14%; right: 0; width: 14%; background-color: rgba(255, 255, 255, 0.7); padding: 2%; text-align: center; animation: pulse 1s infinite; } #eaContainer #posdesc_pageBlock ul.jobSum li .jobSumValue { margin-right: 0; } #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox { background: #2b73ba; border: 0 none; border-radius: 0; padding: 2em; color: #fff; } #eaContainer #posdesc_pageBlock .posrating, #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts { background: #f1f0f0 none repeat scroll 0 0; border: 0 none; border-radius: 0; padding: 2em; } #posdesc_pageBlock ul.jobSum li { list-style: none; width: 50%; float: left; } #posdesc_pageBlock ul.jobSum li .jobSumLabel { margin-right: 0; width: 100%; float: left; text-align: center; } #eaContainer #posdesc_pageBlock ul.jobSum li .jobSumValue { margin-right: 0; width: 100%; float: left; text-align: center; } #eaContainer #posdesc_pageBlock ul.jobSum li .jobSumLabel:before { font-family: 'Font Awesome 5 Free'; margin-right: 5px; } #eaContainer #posdesc_pageBlock ul.jobSum li.jobSumItem.SumItem_title .jobSumLabel:before { content: '\f304'; } #eaContainer #posdesc_pageBlock ul.jobSum li.jobSumItem.SumItem_codelist5value .jobSumLabel:before { content: '\f3c5'; } #eaContainer #posdesc_pageBlock ul.jobSum li.jobSumItem.SumItem_codelist2value .jobSumLabel:before { content: '\f0ad'; } #eaContainer #posdesc_pageBlock ul.jobSum li.jobSumItem.SumItem_codelist7value .jobSumLabel:before { content: '\f017'; } #eaContainer #posdesc_pageBlock ul.jobSum li.jobSumItem.SumItem_codelist12value .jobSumLabel:before { content: '\f073'; } #bottomsection { margin-top: 20px; width: 100%; background: #f1f0f0 none repeat scroll 0 0; vertical-align: middle; float: left; text-align: center; } #bottomleft, #bottomMiddle, #bottomright { width: 33.3333%; float: left; } #posdesc_pageBlock #bottomright .posAlerts { padding-top: 1em; padding-bottom: 0; } h1.heading-section { display: none; } #JobDescriptionMap_vacancyMap_pageBlock { padding: 0; } #eaContainer #PosDescSharingItems { text-align: center; margin: 0 auto; width: 190px; } #eaContainer .RightJobBox .posAlerts { text-align: center; } #JobDescriptionMap_vacancyMap_pageBlock #vacancyMap { background-size: cover !important; height: 163px; } /*--------------------------------------- 3.7 Job alerts -----------------------------------------*/ html body #lookupResults_gridTable { margin-bottom: 0; width: 100%; } #eaContainer .pageBlockInner_FormBlock div.controlContainer_ReadOnly .selectmultipleContainer .selectmultiplelist li { padding-left: 5px; } #eaContainer .pageBlockInner_FormBlock label.formLabel { text-align: left; } #eaContainer #posdesc_pageBlock .posDescriptionContainer, #eaContainer #posBrowser_ResultsGrid_pageBlock div.ListGridContainer { overflow: hidden; } #eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnly, #eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnlyWithControl { width: 30%; } #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small { width: 360px; } #eaContainer .pageBlockInner_FormBlock .noselectmultipleoptionsmessage, #eaContainer .formRowSelectMultiCodelistRow label { padding: 6px 7px; } #eaContainer #MyJobFeedForm_form div.formRow { margin-top: 1em; } .pageBlockInner_FormBlock div.SelectAutoRow .inputContainer, .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow { overflow: hidden; } div#MultiCodeList4_selectMultipleContainer img { display: none; } .pageBlockInner_GridBlock div.gridContentWithHeader { background: transparent; padding: 0; width: 100% !important; max-width: 100% !important; overflow: hidden !important; } a.deletemultipleselectoption img { display: none; } /*--------------------------------------- 3.8 Questions -----------------------------------------*/ #eaContainer .formRow.formRowRadioInputRow.formRowRadioInputRow_Fancy { margin-bottom: 2em; } #eaContainer div.pageBlockInner_FormBlock div.formRow { width: 100%; } #eaContainer #questions_form .controlContainer { margin-top: 1em; } .pageBlockInner_FormBlock .radioOption input { margin-top: 3px; } /*--------------------------------------- 3.9 Login -----------------------------------------*/ body #login_pageBlock .ssoIcon, body #newregister_pageBlock .ssoIcon { width: auto; } #login_SaveButtonRow_formRow input, #login_buttons2_formRow a { min-width: 285px; } #eaContainer #login_pageBlock .ssoIcon, #eaContainer #newregister_pageBlock .ssoIcon { display: inline-block; float: none; } #eaContainer #login_pageBlock .ssoIconsInnerContainer, #eaContainer #newregister_pageBlock .ssoIconsInnerContainer { text-align: center; } /*--------------------------------------- 3.10 Register -----------------------------------------*/ #eaContainer .pageBlockInner_FormBlock input.inputText { padding: 5px; } #eaContainer #LinkedInStart_pageView .pageBlockInner_FormBlock .iconListStyle .iconContainer { border: 0; background: #F1F1F1; } .LinkedInInstructions #eaContainer .mainearcublock .buttonsRight input.buttonSubmit { background: #0078B5; color: #ffffff; } .LinkedInInstructions #eaContainer .mainearcublock .buttonsRight input.buttonSubmit:hover { background: #9b9c9e; } body #Application_Login_pageView #PageTitleBlock_pageBlock #pageTitleSignInHeaderContainer, body #Application_Login_pageView #PageTitleBlock_pageBlock #pageTitleRegisterHeaderContainer { border: 0; margin-left: 0; } #pageTitleSignInHeaderContainer h2, #pageTitleRegisterHeaderContainer h2 { background: #f1f1f1; color: #9a9b9c; padding: 10px; } /*--------------------------------------- 3.11 Redeployment -----------------------------------------*/ .back-to-home { margin-bottom: 30px; } .profileBlocksContainer { width: 100%; overflow: hidden; } .profileBlocksContainer .profileBlock { width: 33.333%; float: left; text-decoration: none; } .profileBlocksContainer .profileBlock .profileBlockContent { width: 97%; margin: 0 auto; height: 370px; position: relative; margin-bottom: 20px; } .profileBlocksContainer .profileBlock .profileBlockContent .profileContentFront { height: inherit; text-align: center; } .profileBlocksContainer .profileBlock .profileBlockContent .profileImg { max-height: 273px; height: 100%; width: 100%; background-color: #eee; border-radius: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; border: 2px solid #000; border-bottom: none; } .profileBlocksContainer .profileBlock:hover .profileBlockContent .profileImg { background-color: #ccc; } .profileBlocksContainer .profileBlock .profileBlockContent .profileText { border: 2px solid #000; padding: 10px; text-align: center; box-sizing: border-box; height: auto; font-weight: bold; -webkit-transition: all .2s; transition: all .2s; border-radius: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .profileBlocksContainer .profileBlock .profileName { margin-bottom: 5px; } .profileBlocksContainer .profileBlock .profileName h3 { font-size: 18px; margin: 0; color: #000; } .profileBlocksContainer .profileBlock .profileJobTitle h4 { font-size: 15px; margin: 0; color: #000; font-weight: 400; } .profileBlocksContainer .profileBlock:hover .profileText { background: #2b73ba; } .profileBlocksContainer .profileBlock:hover .profileText .profileName h3, .profileBlocksContainer .profileBlock:hover .profileText .profileJobTitle h4 { color: #fff; } /* -------------------------------------- ========================================= 4. CANDIDATE PORTAL ========================================= -----------------------------------------*/ /*--------------------------------------- 4.1 My home -----------------------------------------*/ #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage .messageContainer { margin-right: 0; } #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage .imageContainer { float: none; position: relative; margin: 0 auto; } #eArcuProfileImage { text-align: center; } #Welcome_pageView .iconLabel a { overflow-wrap: break-word; } #eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow { float: none; } #eaContainer .rowItemsInnerContainer2 { overflow: hidden; } #eaContainer #Welcome_pageView #WelcomeInfoBlock_Logout_formRow { display: block; } #eaContainer #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel { padding: 2em; } #eaContainer .pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight:hover { animation: blinker 1s linear infinite; } @keyframes blinker { 50% { opacity: 0; } } #eaContainer #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel { background-position: 30px 15px; } #Welcome_pageView .iconLabel a { font-family: 'opensansbold', Helvetica Neue, Sans-serif; font-weight: normal; font-size: 24px; text-transform: uppercase; } #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel .actionTextButtonContainer { overflow: hidden; } /*--------------------------------------- 4.2 My profile -----------------------------------------*/ #eArcuProfileImage .imageContainer_DefaultImage { background: rgb(0, 0, 0) url("../images/icons/icon_avatar.png") no-repeat scroll center center; background: rgba(0, 0, 0, 0) url("../images/icons/icon_avatar.png") no-repeat scroll center center; } #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock { border: 1px solid #d0d0d0; } #eaContainer #ShowCurrentAppLink_buttons_formRow { margin-top: 0.75em; margin-bottom: 1em; } .Application_Login #eaContainer .pageBlockInner_FormBlock div.textLiteral { text-align: center; } .Login #eaContainer .pageBlockInner_FormBlock div.textLiteral { text-align: center; } .ProfileRegister #eaContainer .pageBlockInner_FormBlock div.textLiteral { text-align: center; } .ProfileRegisterWithAlerts #eaContainer .pageBlockInner_FormBlock div.textLiteral { text-align: center; } #eaContainer .pageBlockInner_FormBlock div.textLiteral { text-align: left; } #Grid_PERSONALDETAILS_pageBlock .rowlink { padding-left: 20px; } #eaContainer .pageBlockContainer #Grid_PERSONALDETAILS_pageBlock .rowHeader .rowlink a { margin-left: 1em; } #EmailForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common select { width: 251px; } #eaContainer #MyDetails_Username_pageView .usernameOrPrimaryEmailContainer { width: 100%; } #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailContainer { padding: 15px 10px 10px; } #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 { margin-left: 0; } #eaContainer #MyDetails_ConnectedServices_pageView a.connect { background: none; color: #000000; font-family: 'opensansbold', Helvetica Neue, Sans-serif; padding-left: 0; text-decoration: none; } .MyDetails #eaContainer div.pageBlockContainer#intro_pageBlockContainer { padding: 0; background: none; } .MyDetails #eaContainer div.pageBlockContainer { padding: 1em; margin-bottom: 1em; } .MyDetails #eaContainer div.pageBlockContainer .rowContainer { padding: 0; margin: 0; } #LinkedInInstructions_pageView #InfoBlock_img1_formRow img { max-width: 225px; } .Redeploy.MyDetails .pageherotext h1.desc, .Redeploy.MyEmailsSummary .pageherotext h1.desc { color: #fff; } /*--------------------------------------- 4.3 My applications -----------------------------------------*/ #eaContainer .pageBlockInner_GridBlock .ListGridContainer .rowHeader { padding: 0; } .pageBlockInner_GridBlock .ListGridContainer .rowLabel { text-align: center; float: none; margin: 0 auto; } html body .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover a, html body .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover a { text-decoration: none; } #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent { padding: 10px 0; } #eaContainer #Welcome_pageView .pageBlockContent_FormBlock .iconListStyle, #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer { background: #f0f0f0; padding: 1em; margin-bottom: 1em; } #eaContainer .mainearcublock .rowContainer_Last, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer_Last, #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer_Last { border-bottom: 0; } #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu { font-size: 24px; font-family: 'opensansbold', Helvetica Neue, Sans-serif; text-decoration: none; } #eaContainer #ApplicationsGrid_pageBlock, #eaContainer #Application_List_pageView #intro_pageBlock { padding-left: 0; } div#MyEmailsSummary_pageView .gridContainer a { font-size: 24px; font-family: 'opensansbold', Helvetica Neue, Sans-serif; } /* -------------------------------------- ========================================= 5. APPLICATION SECTIONS ========================================= -----------------------------------------*/ /*--------------------------------------- 5.1 Progress bar -----------------------------------------*/ #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar { height: 30px; } #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBack { height: 30px; width: 100%; } #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted { margin-top: 1em; text-align: right; font-weight: bold; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dt { float: none; font-weight: bold; width: 120px; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dt, #eaContainer #posSummaryBlock_pageBlock div.greenbox dd { display: inline-block; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dt { width: 10%; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dd { width: 80%; margin-left: 0; margin-top: 10px; } /*--------------------------------------- 5.2 Application summary -----------------------------------------*/ .Welcome #pageMessages { display: none; } body #Welcome_pageView .pageBlockInner_FormBlock .iconContainer .iconImage { margin-top: 5px; height: 50px; width: 50px; } .iconContainer .iconImage img { height: 100%; width: 100%; } body #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel { background: #f0f0f0; } body #Welcome_pageView #WelcomeInfoBlock_pageBlock .YesStar { background: none; } #eaContainer #posSummaryBlock_pageBlock div.greenbox { padding-left: 0; padding-right: 0; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList, #eaContainer #Application_Home_pageView .ulList { margin: 0; } body #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .Section_OfferSubmit, #eaContainer #Application_Home_pageView .ulList .Section_SubmitAndDeclarations { height: auto; padding: 0; min-height: 0; width: 100%; margin: 0; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel, #eaContainer #Application_Home_pageView .ulList div.ulListItemLabel { margin: 0; padding: 5px 10px; text-align: left; } .PosMyAppSummaryValues { padding: 1em; } #eaContainer #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer { width: auto; } #eaContainer .OfferSectionsSummaryBlockContainer .ulList .Completed div.ulListItemLabel a, #eaContainer #Application_Home_pageView .ulList .Completed div.ulListItemLabel a, #eaContainer .OfferSectionsSummaryBlockContainer .ulList div.ulListItemLabel:hover a { color: #ffffff; } #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem, #Application_Home_pageView #sectionslist_pageBlock .ulListItem { background-color: #9b9c9e; background-image: url("../images/sprites/unselected-progress-hover.png"); background-position: 99% 50%; border-color: #e3e3e3; float: none; height: auto; margin: 0 0 15px; padding: 0; width: auto; font-weight: normal; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed, #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Completed { background-image: url("../images/sprites/selected-progress-hover.png"); background-color: #2b73ba; } #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem:hover, #eaContainer #Application_Home_pageView .ulList li.ulListItem:hover { background-image: url("../images/sprites/unselected-progress-hover.png"); background-color: #ED1C24; } #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem.Completed:hover, #eaContainer #Application_Home_pageView .ulList li.ulListItem.Completed:hover { background-image: url("../images/sprites/selected-progress-hover.png"); background-color: #2b73ba; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock, #eaContainer .OfferSectionsSummaryBlockContainer #BackBlock_pageBlock, .Application_Home #sectionslist_pageBlock, .Application_Home #BackBlock_pageBlock { padding: 0; margin-top: 15px; } /*body.Welcome .desktop-banner { margin-top: 9em; }*/ /*--------------------------------------- 5.3 Global sections -----------------------------------------*/ .banner-main-container { position: relative; } #login-register-block { background: #9b9c9e; display: block; width: 300px; position: absolute; text-align: center; bottom: 50px; margin-left: 50px; padding: 1em; border-radius: 5px; } #login-register-block .buttonAnchor { background: #F1F1F1; color: #3d3d3d; margin-right: 1em; } .block-right { float: right; } #login-register-block .buttonAnchor.no-margin { margin: 0; } #eaContainer .pageBlockInner_GridBlock .ListGridContainer .rowContainer_WithIcons .rowItemsInnerContainer { margin-left: 0; } #Grid_REFEREES_pageBlock .gridContent * { float: none; } #Grid_REFEREES_pageBlock .gridContent .rowButtons { float: right; } #eaContainer .PosMyAppSummaryLinks { margin-bottom: 1em; } #eaContainer .PosMyAppSummaryLinks a { padding-left: 20px; } #eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridHeader, #eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridValue { padding-left: 1em; } #eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridHeader { font-weight: bold; } #eaContainer #SectionCompleteBlock_completed_formRow .labelContainer { padding-top: 0; } #eaContainer .pageBlockInner_FormBlock .fakecheck { background: rgb(0, 0, 0) url("../images/sprites/unticked.png") no-repeat scroll left center; background: rgba(0, 0, 0, 0) url("../images/sprites/unticked.png") no-repeat scroll left center; } #eaContainer .pageBlockInner_FormBlock .fakecheck:hover { background: rgb(0, 0, 0) url("../images/sprites/unticked-pink.png") no-repeat scroll left center; background: rgba(0, 0, 0, 0) url("../images/sprites/unticked-pink.png") no-repeat scroll left center; } #eaContainer .pageBlockInner_FormBlock .fakechecked:hover, #eaContainer .pageBlockInner_FormBlock .fakechecked { background: rgb(0, 0, 0) url("../images/sprites/ticked.png") no-repeat scroll left center; background: rgba(0, 0, 0, 0) url("../images/sprites/ticked.png") no-repeat scroll left center; } #eaContainer div.blockSummaryText { padding-left: 3px; margin-bottom: 1em; } #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select { border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea; border-style: solid; border-width: 1px; padding: 3px; width: 251px; } .Application_Section_EqualOps #eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select { width: 475px; } select#Application_Withdraw_ConfirmForm_ApplicationStatusReasonId { width: 285px !important; } .charCounterValue { float: left; } body #eaContainer .formRowTextAreaRow .controlContainer, body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea, body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer textarea { width: 100%; } #eaContainer .pageBlockInner_FormBlock label.formLabel { padding: 5px; font-weight: normal; } #eaContainer #Buttons_pageBlock .pageBlockInner .buttonHolder ul li { width: auto; } #eaContainer .pageBlockContainerMiddle .buttonsContainer { margin-top: 1em; } #eaContainer .PosMyWelcomePackSummaryLinks { display: inline-block; } #Add_REFEREES_Description_formRow .labelContainer { text-align: left; } #eaContainer .mainearcublock .rowContainer { background: #F1F1F1; } .Application_List #eaContainer .mainearcublock .rowContainer { background: none; } #eaContainer .PosMyAppSummaryValues { background: #F1F1F1; margin-top: 13px; } #eaContainer .PosMyAppSummaryLinks { margin-bottom: 1em; margin-top: 2em; } .Pos_Description_Review #eaContainer .PosMyAppSummaryLinks { margin-left: 0; } div#Pos_Description_Review_pageView .RightJobBox { display: none; } #eaContainer .PosMyAppSummaryLinks a { background: transparent url("../images/sprites/arrow-right.png") no-repeat scroll 0 3px; padding-left: 20px; } .earcujobref { display: inline; } #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted { font-family: 'opensansregular', Helvetica Neue, Sans-serif; } #eaContainer .Application_earcuBody #posSummaryBlock_pageBlock .PosMyAppSummaryValues { margin: 2px 0 3px; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dt, #eaContainer #posSummaryBlock_pageBlock div.greenbox dd { display: inline-block; } #eaContainer .pageBlockContainer .rowHeader .rowlink { padding-left: 0; } /*--------------------------------------- 5.4 CV upload -----------------------------------------*/ .fileContainer .deletefile img { opacity: 0; } div#confirmdialogDialogContainer { z-index: 501 !important; } .pageBlockInner_FormBlock div.formRowFileUploadRow .deletefile { position: relative; z-index: 500; } .fileContainer .deletefile { background: url("../images/sprites/black-cross.png") no-repeat right; } .fileContainer .deletefile:hover { background: url("../images/sprites/red-cross.png") no-repeat right; } .filename.rcFileMenu { height: 65px; overflow: auto; position: absolute; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover { background-image: url("../images/sprites/white-upload.png"); padding: 8px 25px 8px 50px; background-position: 10% center; background-repeat: no-repeat; } #eaContainer .fileContainer { background-image: none; text-transform: uppercase; } #eaContainer .pageBlockInner_FormBlock #fileupload_Files_formRow label.formLabel { margin: 0; padding: 0; text-align: left; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .uploadedFilesHeader { padding: 5px 5px 5px 20px; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .uploadedFilesContainer { margin: 0 4px 10px; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filenameInner { text-align: center; } #eaContainer #fileupload_Files_formRow .controlContainer { float: left; margin-bottom: 10px; } #eaContainer #fileupload_Files_formRow .labelContainer { text-align: left; width: 100%; margin-bottom: 10px; } .MyDetails #eaContainer #fileupload_Files_formRow .labelContainer { text-align: left; width: auto; } .MyDetails #eaContainer #fileupload_Files_formRow .controlContainer { float: left; } .MyDetails #eaContainer #fileupload_Files_formRow .controlContainer .buttonsContainer { margin-top: 10px; } #eaContainer .mainearcublock .bottomControlContainer .uploadedFilesHeader { background: #F1F1F1; border: 0; font-family: 'opensansbold', Helvetica Neue, Sans-serif; color: #3d3d3d; } body .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename { background: #9b9c9e; } /*--------------------------------------- 5.5 Equal opportunities -----------------------------------------*/ body #eaContainer #Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer, body #eaContainer #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer, body #eaContainer #Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow label.formLabel, body #eaContainer #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow label.formLabel, #Edit_EQUALOPS_form .textLiteral { margin-top: 1em; margin-bottom: 1em; text-align: left; } #pageContent #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer, #pageContent #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer { width: auto; } #pageContent #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer .formLabel, #pageContent #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer .formLabel { text-align: left; } #Application_Section_Submit_pageView .controlContainer input.inputCheckBox { width: auto; margin-top: 5px; } /*--------------------------------------- 5.6 Interviews -----------------------------------------*/ #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small { margin-left: 0; width: auto; } #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small { width: 30%; } /* -------------------------------------- ========================================= 6. MEDIA QUERIES ========================================= -----------------------------------------*/ /*--------------------------------------- 6.1 Laptop -----------------------------------------*/ @media only screen and (max-width: 1224px) { .Pos_Description_Review #eaContainer div.pageBlockContainer.pageBlockContainer_FormBlock, .Pos_Description_Review #eaContainer div.pageBlockContainer.pageBlockContainer_GridBlock, #eaContainer .Application_earcuBody div.pageBlockContainer.pageBlockContainer_FormBlock, #eaContainer .Application_earcuBody div.pageBlockContainer.pageBlockContainer_GridBlock, .MyEmailsByApplication #eaContainer div.pageBlockContainer.pageBlockContainer_GridBlock, .Email_Detail #eaContainer #posSummaryBlock_pageBlockContainer { float: none; width: 100%; margin-right: 0; } #eaContainer div.posDescriptionContainer317 .RightJobBox { width: 100%; position: unset; animation: none; padding: 0; margin: 0; background-color: transparent; } #bottomsection { margin-bottom: 20px; } #bottomright, #bottomMiddle, #bottomleft { width: 100%; } #posdesc_pageBlock #bottomright .posAlerts { padding: 2em; } .JobTitle { position: unset; } .Pos_Description_Review #eaContainer #posSummaryBlock_pageBlockContainer, .Application_earcuBody #posSummaryBlock_pageBlockContainer, .MyEmailsByApplication #eaContainer #posSummaryBlock_pageBlockContainer, .Email_Detail #eaContainer #posSummaryBlock_pageBlockContainer { float: none; width: 100%; } #FindJobHeroBlock, #FindJobContainer { display: block; position: relative; width: 100%; border-radius: 0; top: 0; right: 0; max-width: 100%; } body #FindJobHeroBlock .formRowTextInputRow { display: block; width: 100%; } body #FindJobHeroBlock input { margin-left: 0; } #eaContainer .PosDescriptionText .ApplyNowContainer { display: none; } section#section03 { display: none; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer { width: 32.3333%; } } /*--------------------------------------- 6.2 Tablet -----------------------------------------*/ @media screen and (max-width: 1199px) { .homeherotext { top: 27%; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li { width: 50%; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li:nth-child(3n+1) { clear: none; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li:nth-child(2n+1) { clear: left; } } @media screen and (max-width: 991px) { #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer { width: 49%; } #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuLeft, #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuRight, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, body #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer, body #modalcodelistlookup_pageBlock .labelContainer, body .ui-dialog #LookupFilterBlock_pageBlock .labelContainer, .pageBlockContent_FormBlock .pageBlockInner_FormBlock div.labelContainer, #EmailForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common input, #EmailForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common select, body .pageBlockInner_FormBlock label.formLabel, body .pageBlockInner_FormBlock input.inputText, #eaContainer html body #lookupResults_gridTable, #eaContainer .pageBlockInner_FormBlock div.divajaxcontainter, #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small, #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small, #eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnly, #eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnlyWithControl, #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailButtonsContainer, #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer, #eaContainer #SearchForm_pageBlock #SearchForm_filter_text_formRow, #eaContainer #SearchForm_pageBlock #SearchForm_filter_locationradius_formRow, #eaContainer #SearchForm_pageBlock #SearchForm_SaveButtonRow_formRow, #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .labelContainer, #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer, #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText, #eaContainer .pageBlockInner_FormBlock input.inputText, #eaContainer .pageBlockInner_FormBlock label.formLabel, #eaContainer .pageBlockInner_FormBlock div.labelContainer, #eaContainer .pageBlockInner_FormBlock div.controlContainer, #eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select, #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailValuesContainer { width: 100%; text-align: left; } #eaContainer a.button, html body .buttonsRight, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, #Grid_PERSONALDETAILS_pageBlock .rowlink a { width: 100%; float: none; margin: 1em 0 1em 0; } #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuLeft, #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuRight, .pageBlockContent_FormBlock .pageBlockInner_FormBlock div.controlContainer, #eaContainer .pageBlockInner .buttonsLeft, #eaContainer .pageBlockInner .buttonsRight, #eaContainer .pageBlockInner .buttonsLeft li, #eaContainer .pageBlockInner .buttonsRight li { float: none; } body div.ui-dialog .pageBlockInner_GridBlock .scroller { margin: 1em 5px; } body div.ui-dialog .pageBlockInner_GridBlock .scroller:first-child { margin-left: 0; } body div.ui-dialog .pageBlockInner_GridBlock .scroller:last-child { margin-right: 0; } body .pageBlockInner_FormBlock div.labelContainer, #eaContainer .pageBlockInner_FormBlock div.labelContainer, #eaContainer #SearchForm_pageBlock .pageBlockInner_FormBlock div.labelContainer { text-align: left; } #eaContainer .col-left, #eaContainer .col-right { width: 100%; } #eaContainer #Home_pageView #noPositions_pageBlockContainer .leftContainer, #eaContainer #Home_pageView #noPositions_pageBlockContainer .rightContainer { width: 100%; float: none; } #eaContainer #Home_pageView #noPositions_pageBlockContainer .content_login { margin-left: 0; } #eaContainer #Home_pageView #noPositions_pageBlockContainer .content_register { margin-right: 0; } html body .tooltip2_Outer, html body .posListHover { display: none; } #eaContainer #why-good-stuff, #eaContainer #latest-jobs { margin-top: 2em; margin-bottom: 2em; } .col-third { display: block; width: 100%; } .cat-container, .count-block .no-of { display: inline-block; width: 49.5%; } .count-block .no-of { display: block; width: 100%; } #eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .imageContainer, #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .imageContainer, #eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .descContainer, #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .descContainer { display: block; width: 100%; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label, .possibleDistances a { margin-left: 1em; } #eaContainer .category-blocks .category-block { margin-left: 1%; width: 48%; min-height: 210px; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainerHolder .rowContainer { width: 49.5%; height: auto; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainerHolder:nth-child(2n+1) .rowContainer { float: left; margin-left: 0 !important; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainerHolder:nth-child(2n+2) .rowContainer { float: right; margin-right: 0 !important; } #eaContainer .pageBlockInner_FormBlock .SelectAutoRow .inputContainer, #eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow { overflow: visible; } #MyJobFeedForm_MultiCodeList4_formRow .labelContainer { display: none; } #eaContainer .pageBlockInner_FormBlock .inputContainer .inputText, #eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .divajaxcontainter { float: none; } #eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow { width: 100%; display: inline-block; } #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer { float: none; margin-top: 1em; } #eaContainer .questionsAnswerBlock div.appSummaryGridHeader { width: 100%; } #eaContainer .questionsAnswerBlock .appSummaryQuestionGridRow div.appSummaryGridValue { margin-left: 0; width: 100%; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button { background-position: 5% center; background-repeat: no-repeat; } #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small { margin-left: 0; } #posBrowser_ResultsGrid_pageBlockContainer, #posBrowser_Filter_pageBlockContainer { width: 100%; display: block; } #FindJobBlock #quicksearch_filter_text_formRow, #FindJobBlock #quicksearch_filter_locationradius_formRow { width: 100%; display: block; } #FindJobBlock #quicksearch_form { width: 50%; margin-left: 25%; padding-left: 0; } #login-register-block { background: #9b9c9e; display: block; width: 100%; bottom: 0; margin-left: 0; position: relative; min-height: 75px; } #login-register-block .buttonAnchor { margin-bottom: 16px; width: auto; } .block-right { float: right; } .main #logo svg, .main .logo svg { width: 15em; } .profileBlocksContainer .profileBlock { width: 50%; } } @media screen and (max-width: 800px) { body.Welcome .desktop-banner { margin-top: 0; } .grid-small { flex: 1 0 90%; margin-left: 0 !important; margin-right: 0 !important; } } @media (max-width: 799px) { #logo img { margin-bottom: 1em; max-width: 240px; max-height: 71px; } .pageherotext { left: 0; } .flx-embed { margin-top: 0; } } @media screen and (max-width: 767px) { #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li { width: 100%; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer { width: 49%; } } /*--------------------------------------- 6.3 Phablet -----------------------------------------*/ @media screen and (max-width: 600px) { #eaContainer h1 { font-size: 35px; word-wrap: break-word; } #eaContainer a.button, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor { float: none; margin: 0; } #eaContainer .pageBlockInner_FormBlock div.labelContainer { text-align: left; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dt { float: none; } #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer li { width: 100%; } #Home_quicksearch_filter_locationradius, #Home_quicksearch_filter_text { font-size: 1em; } .hero-text .section-content .blockquote { font-size: 28px; } #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer { width: 100%; margin: 0; } #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer { width: 100%; margin-left: 0; margin-right: 0; } .col-third, .cat-container { display: block; width: 100%; } #eaContainer .category-blocks .category-block { min-height: 0; } #eaContainer .category-blocks .category-block { margin-left: 1%; width: 98%; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainerHolder .rowContainer { width: 100%; margin-left: 0 !important; margin-right: 0 !important; min-height: 100px; } body .ui-dialog { width: 98% !important; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dt { display: block; width: 100%; } #eaContainer #posSummaryBlock_pageBlock dd { margin-left: 0; } #eaContainer #posdesc_pageBlock ul.jobSum li { display: block; list-style: none; width: 100%; float: none; } #eaContainer #posdesc_pageBlock ul.jobSum li:after { content: none; } #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem, #Application_Home_pageView #sectionslist_pageBlock .ulListItem { background-position: 97% 50%; } .profileBlocksContainer .profileBlock { width: 100%; } } @media screen and (max-width: 500px) { body .ui-dialog { width: 98% !important; top: 6em !important; } body .ui-dialog .modalContent { min-height: 1px !important; } html body #lookupResults_gridTable { margin-bottom: 0; width: 100%; max-width: 100%; } } /*--------------------------------------- 6.4 Phone -----------------------------------------*/ @media screen and (max-width: 480px) { #FindJobBlock #quicksearch_form { width: 100%; margin-left: 0; padding-left: 0; } div.alternateViews .alternateViewsButton_Map:before { content: none; } #Grid_PERSONALDETAILS_pageBlock .rowlink a { display: block; } } /*telnum 3.62 fix*/ .iti--allow-dropdown { width: 100%; } /**/