/*********************************************************************************************************************** GLOBAL STYLES ***********************************************************************************************************************/ body {margin:0px; padding:0px;font-family:arial, helvetica, sans-serif; } #cp_container {text-align: left;} #cp_container p { padding: 0px; } #cp_container th, #cp_container td { text-align: left; padding: 8px;} #cp_container table td table td { font-size: 1.0rem; } /* ie6 has problems with em in tables */ #cp_container fieldset { margin: 0px; padding: 0px; border: none; } #cp_container fieldset legend{ margin: 0px; padding: 0px; display: none; } #cp_container ul, #cp_container ol{ padding:0 0 0 15px; margin:0;list-style-position: outside;} #cp_container ol {list-style-type: decimal;} #cp_container div.cp_page { clear: left;} /*Accessibility specific*/ .cp_accessibilityToggle {text-indent:-99999px; position:relative; display:block; height:0; width:0;} a span.cp_accessible {} #cp_skipLinks { display: block; position:absolute; width:100%; height:60px; text-align: center; } #cp_skipLinks a{ left:0; padding: 15px; position: absolute; top: -60px; font-weight:bold; width:100%; -webkit-transition: top 1s ease-out, background 1s linear; transition: top 1s ease-out, background 1s linear; z-index: 99999; } #cp_skipLinks a:focus { border: none!important; box-shadow: none !important; background: #FCF8E1; left:0; outline: 0; font-weight:bold; text-decoration: underline; top: 0px; -webkit-transition: top .1s ease-in, background .5s linear; transition: top .1s ease-in, background .5s linear; } /* headings */ #cp_container div.cp_title { padding: 0px; clear: both; width: 100%; } #cp_container .cp_page a.cp_editTitle {font-size: 1.0rem;} #cp_container .cp_page a.cp_editTitle:hover {} /* links */ #cp_container a[target='_download'] {position:relative; background: url(/_common/assets/font-awesome/png/black/png/16/download.png) no-repeat right center; line-height: 16px; padding: 0px 17px 1px 2px;margin-right:10px; } #cp_container a[target='_blank'] {position:relative; background: url(/_common/images/cp_previewAppFormPopupIcon.gif) no-repeat right center; line-height: 16px; padding: 1px 17px 1px 2px; margin-right:10px; } #cp_container span.delete a span.aria-label-instructions, #cp_container a[target='_blank'] span.aria-label-instructions, #cp_container a[target='_download'] span.aria-label-instructions{position:absolute; left:-999999px; width:0; overflow:hidden;white-space: nowrap;} #cp_container span.delete a:hover span.aria-label-instructions{display:block; position:absolute; top:1.1em; right: .5em; left:auto; width:auto!important; text-align:center;border:1px solid #C00; padding: 5px; background-color:#0068c8; color:#FFF; z-index:100000;} #cp_container a:hover[target='_blank'] span.aria-label-instructions, #cp_container a:focus[target='_blank'] span.aria-label-instructions, #cp_container a:hover[target='_download'] span.aria-label-instructions, #cp_container a:focus[target='_download'] span.aria-label-instructions {display:block; position:absolute; top:1.1em; left: .5em; width:12em; text-align:center;border:1px solid #C00; padding: 5px; background-color:#0068c8; color:#FFF; z-index:100000;} #cp_container a[href$='.pdf'] {position:relative; background: url(/_common/assets/font-awesome/png/black/png/16/file-pdf-o.png) no-repeat right center; line-height: 16px; padding: 1px 17px 1px 2px; margin-right:10px; } #cp_container a[href$='.doc'], #cp_container a[href$='.docx'] {position:relative; background: url(/_common/assets/font-awesome/png/black/png/16/file-word-o.png) no-repeat right center; line-height: 16px; padding: 1px 17px 1px 2px; margin-right:10px; } #cp_container a[href$='.xlsx'], #cp_container a[href$='.xlsm'], #cp_container a[href$='.xlsb'], #cp_container a[href$='.xls'],{position:relative; background: url(/_common/assets/font-awesome/png/black/png/16/file-excel-o.png) no-repeat right center; line-height: 16px; padding: 1px 17px 1px 2px; margin-right:10px; } #cp_container a[href$='.xlsx'] span.aria-label-instructions, #cp_container a[href$='.xlsm'] span.aria-label-instructions, #cp_container a[href$='.xlsb'] span.aria-label-instructions, #cp_container a[href$='.xls'] span.aria-label-instructions, #cp_container a[href$='.doc'] span.aria-label-instructions, #cp_container a[href$='.docx'] span.aria-label-instructions, #cp_container a[href$='.pdf'] span.aria-label-instructions {position:absolute; left:-999999px; width:0; overflow:hidden;white-space: nowrap;} #cp_container a:hover[href$='.xlsx'] span.aria-label-instructions, #cp_container a:hover[href$='.xlsm'] span.aria-label-instructions, #cp_container a:hover[href$='.xlsb'] span.aria-label-instructions, #cp_container a:hover[href$='.xls'] span.aria-label-instructions, #cp_container a:hover[href$='.xlsx'] span.aria-label-instructions, #cp_container a:hover[href$='.doc'] span.aria-label-instructions, #cp_container a:hover[href$='.docx'] span.aria-label-instructions, #cp_container a:hover[href$='.pdf'] span.aria-label-instructions, #cp_container a:focus[href$='.xlsx'] span.aria-label-instructions, #cp_container a:focus[href$='.xlsm'] span.aria-label-instructions, #cp_container a:focus[href$='.xlsb'] span.aria-label-instructions, #cp_container a:focus[href$='.xls'] span.aria-label-instructions, #cp_container a:focus[href$='.xlsx'] span.aria-label-instructions, #cp_container a:focus[href$='.doc'] span.aria-label-instructions, #cp_container a:focus[href$='.docx'] span.aria-label-instructions, #cp_container a:focus[href$='.pdf'] span.aria-label-instructions {display:block; position:absolute; top:1.1em; left: .5em; width:13em; text-align:center;border:1px solid #C00; padding: 5px; background-color:#0068c8; color:#FFF;} #cp_container div.cp_applicationStepTitle h2 { padding-top: 1em; } form { margin:0px; padding:0px;} .cp_clear { clear: both; } /*Candidate Region Details*/ .cp_userRegionContainer { width:100%; float:right;top:30px; font-size:0.8rem;padding:2px; margin-bottom:5px;} .cp_userRegionLink {float:right; padding-left:10px} .cp_userRegionLink a{} .cp_userRegionLink a:hover{ text-decoration:underline;} .cp_URDetailsContainer{float:right;} .cp_URDetails{display:inline;} .cp_userRegion{} .cp_userLanguage{} .cp_userTimeZone{} .cp_userRegionLabel {float:left; font-weight:bold; width:auto; padding-left:10px} .cp_URLRegion{} .cp_URLLanguage{} .cp_URLTimeZone{} .cp_userRegionDetails {float:left} .cp_URDRegion{} .cp_URDLanguage{} .cp_URDTimeZone{} .cp_userLanguagesContainer { background:none repeat scroll 0 0; float:right; position:relative; top:0px; font-size:0.8rem;padding:2px;} .cp_userLanguageSelected { font-weight:bold; } .cp_userLanguagesContainer { background:none repeat scroll 0 0; float:right; position:relative; top:0px; font-size:0.8rem;padding:2px;} .cp_userLanguageSelected { font-weight:bold; } /* FORM STYLES */ .chosen-container-single .chosen-single {border-radius: 0; background-color:transparent;} /*********************************************************************************************************************** NAVIGATION MENU ***********************************************************************************************************************/ #cp_container div#cp_nav { clear: both; padding: 5px 0px 25px 0px; } #cp_container ul#cp_navMenu { white-space: nowrap; padding: 0px; margin: 0px; display:block} #cp_container ul#cp_navMenu li { list-style: none; float: left; padding-left: 0px; margin:0;line-height:1.6em;} #cp_container ul#cp_navMenu li a { text-decoration:none; padding: 3px 6px; } #cp_container ul#cp_navMenu li a:hover {cursor:pointer;} #cp_container ul#cp_navMenu li.cp_navMenuFirst a { border-left: none; } #cp_container ul#cp_navMenu li.cp_navMenuLast a { border-right: none; } .cp_navMenuLeftToggle{display:none; } .cp_navMenuLeftToggle:before {content:url('/_common/assets/font-awesome/png/grey/png/24/bars.png');} /*********************************************************************************************************************** RIGHT HAND NAVIGATION MENU ***********************************************************************************************************************/ #cp_container ul#cp_navMenuRight { white-space: nowrap; padding: 0px; margin: 0px; } #cp_container ul#cp_navMenuRight li { list-style: none; float: left; padding-left: 0px; margin:0;line-height:1.6em;} #cp_container ul#cp_navMenuRight li a { text-decoration:none; padding: 3px 6px; } #cp_container ul#cp_navMenuRight li a:hover {cursor:pointer;} .cp_navMenuRight{float:right; position: relative;} li.cp_user-profile a {background:#FFF; padding:3px;} li.cp_user-profile a:hover {text-decoration:none;} li.cp_user-profile a span:after { content:""; display:inline-block; padding-bottom:3px; width: 0; height: 0; border-style: solid; border-width: 6px 4px 0 4px; border-color: #000000 transparent transparent transparent; } /*********************************************************************************************************************** MY PROFILE MENU ***********************************************************************************************************************/ #cp_container div#cp_Profile {display:none; } #cp_container ul#cp_ProfileMenu { white-space: nowrap; padding: 0px; margin: 0px; clear:both; position:absolute; margin-right:5px; border:1px solid #CCC; background:#FFF; z-index:2; right:0; } #cp_container ul#cp_ProfileMenu li { list-style: none; float:none; padding-left: 0px; margin:0; } #cp_container ul#cp_ProfileMenu li a {text-transform: capitalize; padding: 3px 6px; display:block; } #cp_container ul#cp_ProfileMenu li a:hover {} #cp_container ul#cp_ProfileMenu li.cp_ProfileMenuFirst a {} #cp_container ul#cp_ProfileMenu li.cp_ProfileMenuLast a { border-right: none; } #cp_container ul#cp_ProfileMenu li.cp_ProfileMenuActive a { } #cp_container ul#cp_ProfileMenu li.cp_navMenuLast {border-right:0px none} #cp_container hr.cp_Profile_TopRule {height:0px;} /*********************************************************************************************************************** JOBS LIST FILTER ***********************************************************************************************************************/ #cp_container div.cp_jobsListFilter {background-color:#F6F6F6; padding:3px 6px; margin:0;} #cp_container div.cp_jobsListFilterAlt {background-color:#FFFFFF;} #cp_container div.cp_jobsListFilterTitle h2 {padding:0px; margin:0px} #cp_container div.cp_jobsListFilterTitle h2 a { text-decoration:none;} #cp_container div.cp_jobsListFilterTitle h2 a:hover { text-decoration:underline;} /*********************************************************************************************************************** JOBS CATEGORY FILTER ***********************************************************************************************************************/ #cp_container ul.JobCategoryFilter {padding:0px; margin:0;} #cp_container ul.JobCategoryFilter li {list-style: none; float: left; padding:4px; border-left:1px silver solid;} #cp_container ul.JobCategoryFilter li.first { border-left:none;} #cp_container ul.JobCategoryFilter li.selected{font-weight:bold;} #cp_container ul.JobCategoryFilter li.selected a{font-weight:bold;} #cp_container #JobListDescription {clear:left; padding:5px 0;} /*********************************************************************************************************************** Pagination ***********************************************************************************************************************/ #rowCountBar{text-align:right; padding:0px 3px 3px 0px; } #rowCountBar .cp_pagination p{display: inline;text-align: right; width: 400px;} /*********************************************************************************************************************** DISPLAY TABLE PAGES ***********************************************************************************************************************/ /* Global Display Table styles */ /*-----------------------------------*/ .cp_displayTable {width: 100%; border-collapse:collapse; border-spacing:0; clear:left;} /* "border-collapse:collapse" removes cellspacing in IE, "border-spacing:0" removes cellspacing in Mozilla*/ .cp_displayTable th {text-align: left; color: #000; font-weight: bold; padding:3px;} #cp_container table.cp_displayTable th a {color: #000; text-decoration:underline; display:table-cell;} #cp_container table.cp_displayTable th a:hover {color: #666; text-decoration:none;} .cp_displayTable td {text-align: left; color: #000; padding:5px; vertical-align:top;} .cp_displayTable caption {text-align: left; font-weight: bold;} /* Styles to give color and border around table header row */ /*-----------------------------------*/ .cp_displayTable tr.cp_head th {background-color:#eaeaea;} /* Styles to give content rows alternate bands of color */ /*---------------------------------------------------------------------------------------*/ /* Footable */ /*---------------------------------------------------------------------------------------*/ .breakpoint.footable > tbody > tr > td > span:before {cursor:pointer!important;} .breakpoint.footable > tbody > tr > td > span:hover{cursor:pointer!important;} .footable.breakpoint > tbody > tr > td > span.footable-toggle {display:initial;} .breakpoint.footable > tbody > tr > td > span.footable-toggle:before {content:url('/_common/assets/font-awesome/png/grey/png/16/plus-square.png'); float:left; } .breakpoint.footable > tbody > tr.footable-detail-show > td > span.footable-toggle:before {content:url('/_common/assets/font-awesome/png/grey/png/16/minus-square.png'); float:left;} .filterRow .footable-toggle {display:none!important;} .filterRow td {pointer-events:none!important; cursor: default;} .filterRow td select {pointer-events:all!important; cursor:pointer;} .filterRow + tr.footable-row-detail {display:none!important;} /* Application Summary */ /*-----------------------------------*/ tr.cp_question th { vertical-align: top; background-color:#f6f6f6; font-weight: normal; } tr.cp_questionAlt th { vertical-align: top; font-weight: normal;} tr.cp_question td {background-color:#f6f6f6;} tr.cp_answers td {background-color:#f6f6f6;} /* My Job Applications - Advanced CP */ /*-----------------------------------*/ .form-container.adv-cp{border:1px solid #CCC; margin: 0px; padding: 0;} .form-container.adv-cp h3 {margin:0;padding:15px 15px 15px 10px; display:inline-block; vertical-align: middle;} div.triggerPanel { cursor: hand; cursor: pointer; padding-left:15px; background-color:#f0f0f0; } div.triggerPanel:hover{ background-color:#e8e8e8; } div.triggerPanel .triggerPanelIcon { display:inline-block; } div.triggerPanelContent { padding: 10px; display:block; } /* job list, Search Results, Job Alert Jobs List, My History, My Emails */ /*-----------------------------------*/ #JobAlertProfileDetails .cp_field input + label {margin-right:20px;} /* Individual Table styles */ /*--------------------------------------------------------------------------------------------------------------------*/ /* Application Summary Display Table */ /*-----------------------------------*/ .cp_questionNumber {width:15%;} .cp_questionLabel {width:60%;} .cp_mandatory {width:10%;} .cp_status {width:10%;} .cp_statusIncomplete {width:10%; } .cp_actions {width:5%;} .cp_statusIncomplete span {color:#d51700; font-weight:bold;} tr.cp_question td.cp_statusIncomplete span, tr.cp_questionAlt td.cp_statusIncomplete span{ color: #FFF!important; padding: 3px; background-color: #d51700; font-weight:bold;} /* Job List Display Table */ /*-----------------------------------*/ .cp_jobDetails {width:38%;} /* CP attachment links need to be displayed on separate lines */ .cp_jobDetails a { width: 100%;} .cp_closingDate {width:15%;} .cp_timeRemaining {width:15%;} .cp_jobActions {width:32%;} .transitionMsg {font-size:1.2em; text-align:center; padding: 10px; color:red; border: 3px navy solid; font-weight: bold;} .cp_jobListJobRef {padding:3px;} .cp_jobDetails a:not(.cp_jobListJobTitle) {float:left; clear:both; width:auto;} /* My History Display Table */ /*-----------------------------------*/ .cp_jobName {} .cp_applicationDate {} .cp_jobStatus {} .cp_applciationStatus {} .cp_historyActions {} /* My Emails Display Table */ /*-----------------------------------*/ .cp_emailDate {} .cp_emailSent {} .cp_emailSender {} .cp_emailSubject {} .cp_emailActions {} /* My Interviews Display Table */ /*-----------------------------------*/ .cp_slotTimes {float:left; text-align:center;} /********************************************************************************************************************** VALIDATION ***********************************************************************************************************************/ /* top of page message */ #cp_message { padding: 10px 10px 10px 70px; margin: 10px 0px; } #cp_message p { padding: 0px; margin: 0px; font-weight: bold; } #cp_message ul { padding: 0px 20px; margin: 0px 10px;} #cp_message li { } .cp_messageSuccess { background: url(/_common/assets/font-awesome/png/white/png/48/check-circle.png) no-repeat scroll 8px 8px #78bb00; } .cp_messageSuccess p{color:#FFF;} .cp_messageSuccess ul {color:#FFF;} .cp_messageInfo { background: url(/_common/assets/font-awesome/png/white/png/48/info-circle.png) no-repeat scroll 8px 8px #0068c8;} .cp_messageInfo p {color:#FFF;} .cp_messageInfo ul {color:#FFF;} .cp_messageError { background: url(/_common/assets/font-awesome/png/white/png/48/times-circle.png) no-repeat scroll 8px 8px #d51700; } .cp_messageError p {color:#FFF;} .cp_messageError ul {color:#FFF;} /* Removing warning styles as the only warning message appearing in the entire CP is on the Registration page - see CPStandard.cfc "drawSystemMessages" .cp_messageWarning { background: url(/_common/assets/font-awesome/png/white/png/48/exclamation-circle.png) no-repeat scroll 8px 8px #d55e00;} .cp_messageWarning p {color:#FFF;} .cp_messageWarning ul {color:#FFF;}*/ .cp_messageWarning { background: url(/_common/assets/font-awesome/png/white/png/48/info-circle.png) no-repeat scroll 8px 8px #0068c8;} .cp_messageWarning p {color:#FFF;} .cp_messageWarning ul {color:#FFF;} /* inline error message */ .cp_errorText { vertical-align: middle; color: #CC0000; padding-left: 5px; margin: 0px; clear: none; display:block;} /* hightlight inputs in error */ .cp_errorRow {} /* highlight the error */ .cp_errorRow div.cp_label { font-weight: bold; } .cp_errorRow input { border: 1px solid #CC0000; } .cp_errorRow file { border: 1px solid #CC0000; } .cp_errorRow select { border: 1px solid #CC0000; } .cp_errorRow textarea { border: 1px solid #CC0000; } .cp_error {} /* highlight the error */ div.cp_label { } #cp_container input.cp_error, #cp_container file.cp_error, #cp_container select.cp_error, #cp_container textarea.cp_error { border: 1px solid #CC0000; } #cp_container input.cp_error:focus, #cp_container file.cp_error:focus, #cp_container select.cp_error:focus, #cp_container textarea.cp_error:focus, #cp_container input.cp_error:hover, #cp_container file.cp_error:hover, #cp_container select.cp_error:hover, #cp_container textarea.cp_error:hover {border:1px solid #CC0000!important; box-shadow:0 0 3px #CC0000!important;} /* required fields */ .cp_required { text-align: left; width: 100%; padding-bottom:10px; } .cp_mStar { color: #CC0000; font-size: 16px; line-height: 15px; } /* Information Tooltip */ body div[role="tooltip"] {background-color:#00b3dc; color:#FFF!important; border:1px solid #00b3dc!important; border-radius:5px; margin-top:-20px;} div[role="tooltip"] h3 {margin:0; padding:0; font-family:inherit;color:#FFF!important; font-weight:normal;} /********************************************************************************************************************** APPLICATION STEPS (WORKFLOW LINKS) ***********************************************************************************************************************/ /* Form Wizard ------------------------------------------ */ .nga-form-wizard { list-style: none; padding: 0; margin-top: 20px; } .nga-form-wizard > li { padding: 5px 0 5px 25px; position: relative; display: inline-block; } .fw-line { position: absolute; top: 17px; left: -42px; display: inline-block; width: 25px; border-top: 1px dashed #ccc; } .fw-step { display: inline-block; width: 24px; height: 24px; border-radius: 100%; border: 1px solid #ccc; background-color: #fff; } .fw-step > span, .fw-step > [class*="fa-"] { display: inline-block; width: 20px; height: 22px; line-height: 22px; text-align: center; font-size: 12px; color: #666; } .fw-step > [class*="fa-"] { font-size: 12px; display: none; } div.fw-step, span.fw-step { cursor: default; } a.fw-step, a.fw-step > span, a.fw-step > [class*="fa-"] { -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } a.fw-step:hover { background-color: #58b1fc; border-color: #58b1fc; } a.fw-step:hover > span, a.fw-step:hover > [class*="fa-"] { color: #fff; } .fw-description { /*display: none;*/ margin-left: 5px; margin-right: 5px; font-size: 12px; line-height: 22px; color: #ccc; } .fw-step-complete .fw-step { background-color: #2471b3; border-color: #58b1fc; } .fw-step-complete .fw-step > span { color: #fff; } .fw-step-complete .fw-step > [class*="fa-"] { display: inline-block; color: #fff; } .fw-step-complete > .fw-description:before { content:" "; height:16px; width:16px; background-image:url("/_common/assets/font-awesome/png/misc/check.png"); background-position:2px 2px; display:inline-block; } .fw-step-active .fw-step { border-color: #58b1fc; background-color: #f7fbff; font-weight: bold; } .fw-step-active .fw-step:hover { border-color: #58b1fc; background-color: #f7fbff; } .fw-step-active .fw-step > span { color: #58b1fc; } .fw-step-active .fw-step:hover > span { color: #58b1fc; } .fw-step-active .fw-description { /*display: inline;*/ } .fw-step-complete .fw-line, .fw-step-active .fw-line { border-left: 1px solid #58b1fc; } .fw-step-complete .fw-description, .fw-step-active .fw-description { color: #444; } .nga-form-wizard.fw-long .fw-line { width: 80px; } .nga-form-wizard.fw-long > li { padding-left: 0px; margin-bottom:15px; vertical-align:top; width:120px; text-align:center; } .nga-form-wizard > li:first-child { } .nga-form-wizard.fw-big .fw-step { width: 40px; height: 40px; } .nga-form-wizard.fw-big .fw-line { top: 25px; } .nga-form-wizard.fw-big .fw-step > span, .nga-form-wizard.fw-big .fw-step > [class*="fa-"] { width: 38px; height: 38px; line-height: 38px; font-size: 18px; } .nga-form-wizard.fw-big .fw-step > [class*="fa-"] { font-size: 18px; } .nga-form-wizard.fw-big .fw-description { font-size:.9em; line-height: 1.5em; color: #666; text-align:center; } #cp_applicationWorkflow .nga-form-wizard { overflow-x: unset!important; white-space: unset!important; } #cp_applicationWorkflow { height: 100%!important; max-height: unset!important; } /********************************************************************************************************************** Application Form ***********************************************************************************************************************/ .cp_applicationForm { width: 100%; padding: 0px; margin: 0px; clear: both; } .cp_applicationForm div.cp_title { padding: 0px; margin: 15px 0px 5px 0px; } /* step title */ .cp_applicationForm div.cp_title h3 { padding: 10px 0px 5px 0px; color:#000000; text-align: left; background-color: #FFFFFF; border-bottom: 1px solid #999999; padding: 3px; margin: 0px; } .cp_sectionTitle {padding: 7px 6px; clear:both;} /* step description */ .cp_stepDescription { padding: 0px 3px 3px 4px; margin-bottom: 10px; } /* question labels and fields */ .cp_question { padding: 0px 0px; clear: both;} .cp_label { width: 29%; vertical-align: middle; padding: 5px 15px 5px 0px; } /* please note withs must be the same as .cp_alignBottomFloat div */ .cp_label label {margin-right:15px;} .cp_field { width: 69%; vertical-align: top; padding: 5px 0px 5px 0px; } /* group question labels and fields */ .cp_groupSectionLabel { float: left; clear: both; } .cp_groupLabel { float: left; clear: left; padding: 7px 0px 8px 0px; } .cp_groupField { float: left; padding: 5px 0px 5px 3px; } .cp_groupContainer { } .cp_groupContainerTABLE { } .cp_groupSectionLabelTD { background-color: #ccc; } .cp_groupLabelTD { } .cp_groupFieldTD { } /* numbered questions - wrap fix*/ .cp_horizontalAligned .cp_questionNumbered{float: left; display: block; font-weight: bold; width:2.5em;} .cp_horizontalAligned .cp_questionBlock{float: left; display: block; font-weight: normal; width: 87%;} .cp_verticalAligned .cp_questionNumbered{float: left; display: block; font-weight: bold; width:2.5em;} .cp_verticalAligned .cp_questionBlock{float: left; display: block; font-weight: normal; width: 96%;} /* left aligned */ .cp_leftAligned div.cp_label { float: left; } .cp_leftAligned div.cp_field { float: left; } /* right aligned */ .cp_rightAligned div.cp_label{ text-align: right; float: left; padding: 7px 4px 8px 0px; } .cp_rightAligned div.cp_field{ float: left; padding: 5px 0px 5px 3px; } /* vertically aligned */ .cp_verticalAligned div.cp_label{ width: 100%; padding: 7px 3px 3px 3px; text-align: left; float: none; display:inline-block } .cp_verticalAligned div.cp_field{ width: 100%; padding: 0px 0px 8px 3px; float: none; } /* Bottom Aligned */ .cp_alignBottomFloat {float:left; padding:0px; margin:0px; width:47%} .cp_alignBottomFloat div.cp_alignBottomField {width:100%;} /* Middle aligned */ .cp_alignMiddleFloat {float:left; padding:0px; margin:0px;width:47%} .cp_alignMiddleFloat div.cp_alignMiddleField {width:100%;} /* field inputs */ input.cp_radio, #cp_container input[type="radio"] { vertical-align: top; margin-top:4px; } .cp_verticalAligned .cp_numbered input.cp_radio {margin-left:2.5em; margin-right:1em; clear:left;} .cp_verticalAligned .cp_numbered fieldset input.cp_radio {margin-left:0; padding-left:0;} .cp_verticalAligned .cp_numbered label.cp_radio {float:left; width:90%; display:block; margin-bottom:2px;} .cp_verticalAligned .cp_numbered input.cp_checkbox {margin-left:2.5em; margin-right:1em; clear:left;} .cp_verticalAligned .cp_numbered label.cp_checkbox {float:left; width:90%; display:block; margin-bottom:2px;} .cp_horizontalAligned input.cp_checkbox {margin-right:1em; margin-left:0px; clear:left;} .cp_horizontalAligned label.cp_checkbox {float:left; width:85%; padding-top:2px; display:block; margin-bottom:2px;} select.cp_select {} file.cp_fileInput { width: 200px; margin-right: 20px; } input.cp_textInput { width: 200px; border-width:1px; border-style:solid;} input.cp_smallText { width: 180px !important; } input.cp_mediumText { width: 200px; } input.cp_largeText { width: 400px; } input.cp_passwordInput { width: 200px; } .cp_selectInput, .cp_textInput, .cp_passwordInput, #cp_container input[type='text'], select.cp_selectInput, body div.ui-datepicker-title select, .chosen-container-single .chosen-single { height:25px; font-size:1em; } .cp_verticalAligned .cp_numbered input.cp_emailInput, .cp_verticalAligned .cp_numbered input.cp_passwordInput, .cp_verticalAligned .cp_numbered select.cp_selectMultipleInput, .cp_verticalAligned .cp_numbered input.cp_textInput, .cp_verticalAligned .cp_numbered file.cp_fileInput, .cp_verticalAligned .cp_numbered input.cp_smallText, .cp_verticalAligned .cp_numbered input.cp_mediumText, .cp_verticalAligned .cp_numbered input.cp_largeText, .cp_verticalAligned .cp_numbered select.cp_selectInput, .cp_verticalAligned .cp_numbered input.cp_fileInput {margin-left:2.5em;} textarea.cp_textInput { width: 400px; height: 80px; } textarea.cp_smallText { width: 200px; height: 80px; } textarea.cp_mediumText { width: 400px; height: 120px; } textarea.cp_largeText { width: 600px; height: 200px; } textarea.cp_errorCommentInput { width: 400px; height: 120px; } #cp_container input, #cp_container select, #cp_container .mce-panel {border:1px solid #aaa;} #cp_container input[type="radio"] , #cp_container .mce-toolbar-grp.mce-panel {border:none;} #cp_container input:focus, #cp_container a:focus, #cp_container input:hover, #cp_container select:focus, #cp_container select:hover, #cp_container textarea:hover, #cp_container textarea:focus, #cp_container .mce-panel:hover, #cp_container .mce-panel:focus {border:1px solid #0E79E8; box-shadow:none;} #cp_container .mce-tinymce:hover {box-shadow:0 0 3px #368EE9;} #cp_container input.cp_radio:focus, #cp_container input[type='radio']:focus, #cp_container input.cp_radio:hover, #cp_container input[type='radio']:hover { background-color:#0E79E8; } #cp_container .aria-label-hidden, #cp_container fieldset legend, #cp_container .cp_legend { position:absolute; overflow:hidden; clip: rect(1px 1px 1px 1px); /* for Internet Explorer */ clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px;} /********************************************************************************************************************** Application Section ***********************************************************************************************************************/ .cp_section { background-color: #F9F9F9; width: 100%; padding: 5px; float:left; } div.cp_sectionfirst { border-top:1px solid #ccc; } .cp_section div.cp_title { padding: 0px; margin: 0px; } /* section heading */ .cp_section h4 { float:left; color:#000000; text-align: left; margin: 0px 0px 0px 0px; padding: 0px; line-height: 14px; } .cp_section h4.cp_titleRightAlign { } .cp_section div {width:100%; float:left;} .cp_sectionFooter {width:100%; border-bottom:1px solid #ccc; float:left;} /* sections on the application summary */ .cp_displayTable table.cp_sectionTable { background-color: #FFFFFF; font-size: 1.0em; width: 100%; padding: 0px; margin: 0px; border-collapse:collapse; border-spacing:0; border-bottom: none; } .cp_displayTable table.cp_sectionTable thead tr th { padding: 5px 0px; margin: 0px; } .cp_displayTable table.cp_sectionTable thead tr th h4 { padding: 0px; margin: 0px; } .cp_displayTable tr.cp_sectionTR td { padding: 0px; margin: 0px; } .cp_displayTable table.cp_sectionTable td { padding: 3px; } span.delete a { background: url(/_common/assets/font-awesome/png/misc/times.png) no-repeat left center; padding: 1px 0 1px 15px; width:150px; position:relative; } /********************************************************************************************************************** Document Question Table ***********************************************************************************************************************/ table.cp_documentTable th, table.cp_documentTable td { font-size: 1.0em; } table.cp_documentTable { padding: 4px; margin-bottom: 15px; border:1px solid black; border-collapse:collapse; border-spacing:0; line-height: 18px; clear: both; } table.cp_documentTable thead tr th { padding: 3px 5px; text-align: left; font-weight: bold; border: 1px solid black;} table.cp_documentTable td.cp_document_index { font-weight: bold; } #cp_container table.cp_displayTable table.cp_documentTable td, table.cp_documentTable td { padding: 3px 5px; border: 1px solid black;} /********************************************************************************************************************** Group Question Table ***********************************************************************************************************************/ #cp_container table.cp_groupQuestionTable th, #cp_container table.cp_groupQuestionTable td { font-size: 1.0em; } .cp_groupQuestionTable { padding: 4px; margin-bottom: 15px; border-collapse:collapse; border-spacing:0; line-height: 18px; } .cp_groupQuestionTable th { padding: 3px 5px; text-align: left; font-weight: normal; } .cp_groupQuestionTable td { padding: 3px 5px; } .cp_groupQuestionTable input.cp_textInput { width: 150px;} .cp_gqColHeader { background-color:#CCCCCC; } .cp_gqRowHeader { background-color:#CCCCCC; } .cp_gqColHeaderRowHeader { } .cp_groupQuestionTable tr.cp_gqRowOne td { background-color: #F6F6F6;} .cp_groupQuestionTable tr.cp_gqRowOne th { background-color: #F6F6F6;} .cp_groupQuestionTable tr.cp_gqRowTwo td { background-color:#FFFFFF;} .cp_groupQuestionTable tr.cp_gqRowTwo th { background-color:#FFFFFF;} #cp_container table.cp_cTertiaryTable .cp_selectInput {min-width:100%} /* group question labels and fields */ .cp_groupSectionLabel { float: left; clear: both; padding: 3px 2px;} .cp_groupLabel { float: left; clear: left; padding: 7px 10px 8px 2px; } .cp_groupField { float: left; padding: 5px 2px 5px 5px; } .cp_groupContainer { } .cp_groupContainerTABLE { } .cp_groupSectionLabelTD { background-color: #ccc; } .cp_groupLabelTD { border-right:1px solid #ccc; } .cp_groupFieldTD { } .cp_groupLabelTABLE { } .cp_groupSectionDIV .cp_groupSectionTR { } .cp_groupSectionDIV .cp_groupSectionTR_alt { } .cp_groupSectionDIV_alt .cp_groupSectionTR { } .cp_groupSectionDIV_alt .cp_groupSectionTR_alt { } /********************************************************************************************************************** Custom Question Table ***********************************************************************************************************************/ .cp_customQuestionTable { font-size: 1.0em; } .cp_customQuestionTable th,.cp_customQuestionTable td { padding: 3px; font-weight: normal; } /* Tertiary Question in Application Summary */ #cp_container table.cp_financialQuestionTable { font-size: 1.0em; padding: 4px; margin-bottom: 15px; border-collapse: collapse; border-spacing: 0; line-height: 18px; } #cp_container table.cp_financialQuestionTable td { padding: 3px 5px; text-align: left; font-weight: normal; } #cp_container tr.cp_cqRowOne th, #cp_container tr.cp_cqRowOne td { background-color: #F6F6F6; } #cp_container tr.cp_cqRowTwo th, #cp_container tr.cp_cqRowTwo td { } /********************************************************************************************************************** TinyMCE icon overwrite ***********************************************************************************************************************/ .mce-tinymce #mce_15-open {padding:2px 10px;} i.mce-i-bold:before {content:" " !important} i.mce-i-bold {background-image:url('/_common/images/font_icon/bold.png');} i.mce-i-italic:before {content:" " !important} i.mce-i-italic {background-image:url('/_common/images/font_icon/italic.png');} i.mce-i-underline:before {content:" " !important} i.mce-i-underline {background-image:url('/_common/images/font_icon/underline.png');} i.mce-i-forecolor:before {content:" " !important} i.mce-i-forecolor {background-image:url('/_common/images/font_icon/text-color.png');} i.mce-i-backcolor:before {content:" " !important} .mce-tinymce i.mce-i-backcolor {background:url('/_common/images/font_icon/back-color.png') #BBB} i.mce-i-cut:before {content:" " !important} i.mce-i-cut {background-image:url('/_common/images/font_icon/scissors.png');} i.mce-i-copy:before {content:" " !important} i.mce-i-copy:after {content:" " !important} i.mce-i-copy {background-image:url('/_common/images/font_icon/copy.png');} i.mce-i-paste:before {content:" " !important} i.mce-i-paste {background-image:url('/_common/images/font_icon/paste.png');} i.mce-i-pastetext:before {content:" " !important} i.mce-i-pastetext {background-image:url('/_common/images/font_icon/paste-as-text.png');} i.mce-i-undo:before {content:" " !important} i.mce-i-undo {background-image:url('/_common/images/font_icon/undo.png');} i.mce-i-redo:before {content:" " !important} i.mce-i-redo {background-image:url('/_common/images/font_icon/redo.png');} i.mce-i-searchreplace:before {content:" " !important} i.mce-i-searchreplace {background-image:url('/_common/images/font_icon/search-replace.png');} i.mce-i-bullist:before {content:" " !important} i.mce-i-bullist {background-image:url('/_common/images/font_icon/ul.png');} i.mce-i-numlist:before {content:" " !important} i.mce-i-numlist {background-image:url('/_common/images/font_icon/ol.png');} i.mce-i-indent:before {content:" " !important} i.mce-i-indent {background-image:url('/_common/images/font_icon/indent-increase.png');} i.mce-i-outdent:before {content:" " !important} i.mce-i-outdent {background-image:url('/_common/images/font_icon/indent-decrease.png');} i.mce-i-hr:before {content:" " !important} i.mce-i-hr {background-image:url('/_common/images/font_icon/hr.png');} i.mce-i-alignleft:before {content:" " !important} i.mce-i-alignleft {background-image:url('/_common/images/font_icon/align-left.png');} i.mce-i-aligncenter:before {content:" " !important} i.mce-i-aligncenter {background-image:url('/_common/images/font_icon/align-center.png');} i.mce-i-alignright:before {content:" " !important} i.mce-i-alignright {background-image:url('/_common/images/font_icon/align-right.png');} i.mce-i-alignjustify:before {content:" " !important} i.mce-i-alignjustify {background-image:url('/_common/images/font_icon/justify.png');} i.mce-i-link:before {content:" " !important} i.mce-i-link {background-image:url('/_common/images/font_icon/link.png');} i.mce-i-unlink:before {content:" " !important} i.mce-i-unlink {background-image:url('/_common/images/font_icon/remove-link.png');} i.mce-i-code:before {content:" " !important} i.mce-i-code {background-image:url('/_common/images/font_icon/source.png');} i.mce-i-charmap:before {content:" " !important} i.mce-i-charmap {background-image:url('/_common/images/font_icon/special-code.png');} i.mce-i-spellchecker:before {content:" " !important} i.mce-i-spellchecker {background-image:url('/_common/images/font_icon/spell-check.png');} /********************************************************************************************************************** Buttons ***********************************************************************************************************************/ /* Button Containers */ .cp_formButtonsOne div { padding-top: 10px; padding-bottom: 20px; margin: 0px; } /* this will cancel out the inherited styles from cp_label - which we use for the width on the buttons */ .cp_formButtonsOne { width: 100%; clear: both; } .cp_formButtonsTwo div { padding-top: 10px; padding-bottom: 20px; margin: 0px; } /* this will cancel out the inherited styles from cp_label - which we use for the width on the buttons */ .cp_formButtonsTwo { width: 100%; clear: both;} .cp_formButtonsThree div { padding-top: 10px; padding-bottom: 20px; margin: 0px;} /* this will cancel out the inherited styles from cp_label - which we use for the width on the buttons */ .cp_formButtonsThree { width: 100%; clear: both;} /* for the cancel and save buttons to be grouped */ .cp_formButtonsLeft { float: left; } .cp_formButtonsLeft div { padding: 0px; margin: 0px; } /* idividual buttons */ .cp_submitDiv { float: left; } .cp_submitButton { margin: 0px 3px 0px 3px; } .cp_saveDiv { text-align: right; padding-left: 3px; } .cp_saveButton { margin: 0px 3px 0px 3px;} .cp_cancelDiv { float: left; } .cp_cancelButton { margin: 0px 3px 0px 0px; } .cp_backDiv { float: left; } .cp_backButton { margin: 0px 3px 0px 0px; } .cp_submitApplicationButton { margin: 5px 0px 10px 0px; font-weight: bold; } .cp_withdrawApplicationButton { margin: 5px 0px 10px 0px; } .cp_unSubmitApplicationButton { margin: 5px 0 10px 0px;float:left;} .cp_returnUSAJobsContainer{float:left; padding-left:29%;} .cp_returnUSAJobs { margin: 5px 0px 10px 0px;} .cp_formButtonsOne input, .cp_formButtonsTwo input, .cp_formButtonsThree input, #cp_container input[type=button] { font-size:1em; cursor: pointer; } /* End RP impersonation links */ .cp_returnToBE { background: #dedede; padding: 5px; } /********************************************************************************************************************** Registration Form and My Details ***********************************************************************************************************************/ /* multiple items on one line */ .cp_multiComponent { width: 100%; clear: both; } .cp_multiComponent div.cp_question { padding: 0px 3px; clear: none; float:left;} .cp_multiComponent div.cp_label { width: auto; vertical-align: middle; padding: 7px 0px 0px 3px; line-height: 18px; } .cp_multiComponent div.cp_field { width: auto; vertical-align: top; padding: 0px 0px 5px 3px; } .cp_multiComponent div.cp_leftAligned div.cp_label { float: none; } .cp_multiComponent div.cp_leftAligned div.cp_field { float: none; } /* field length */ .cp_multiComponent input.cp_initialInput { width: 50px; } .cp_multiComponent input.cp_emailInput { width: 230px; } /* errors on registration form */ .cp_multiComponent input.cp_error { clear: both; float: left; } .cp_multiComponent select.cp_error { clear: both; float: left; } .cp_multiComponent span.cp_errorText { clear: left; float:left; margin: 0px; padding: 2px 5px 0px 3px;} .formFieldReadOnly label { font-weight: bold; } /********************************************************************************************************************** Application Preview Page ***********************************************************************************************************************/ /* print fiendly link */ .cp_printFriendlyVersion:before { background: url(/_common/images/cp_print.gif) no-repeat left Bottom; line-height: 16px; content:" "; display:inline-block; width:16px; height:16px; margin-right:3px; } .previewLinkPopup { background: url(/_common/images/cp_previewAppFormPopupIcon.gif) no-repeat right top; line-height: 16px; padding: 1px 17px 1px 2px; } #cp_page_viewEmail {word-break:break-all;} /********************************************************************************************************************** Application Summary Page ***********************************************************************************************************************/ /* application status */ #cp_container .cp_applicationStatusLabel { margin: 10px 0px 15px 0px; padding: 15px; background-color: #F0F6FF; } #cp_container .cp_applicationStatusLabel p:first-child {margin-top:0; font-weight:bold;} #cp_container .cp_applicationStatusLabelBottom { margin: 15px 0px 15px 0px; } .cp_printApplicationSummary { width: 100%; float: none; clear: both; padding-bottom: 10px; } .cp_appSubmitContainerText { margin-top: 10px; color: #ef0000; font-weight:bold; } .cp_appSubmitBox{ color: #ef0000; width: auto; border: 2px solid #ef0000; padding: 10px; margin-top: 10px; font-weight: bold; } .cp_appSubmitBoxinput{ float: left; margin: 5px 10px 0px 0px; } .cp_appSubmitBox .cp_appSubmitBoxinput + div{ clear:left; } .cp_appUnsubmitMessage{ color: #ef0000; font-weight: bold; } /********************************************************************************************************************** VIEW EMAIL PAGE cp_page_viewEmail ***********************************************************************************************************************/ #cp_page_viewEmail div.cp_label { width: 20%; } #cp_page_viewEmail div.cp_field { width: 79%; } /********************************************************************************************************************** NOTIFICATIONS (client-side, using jQuery Purr plugin) ***********************************************************************************************************************/ #purr-container { position: fixed; top: 0; right: 0px; } .notice { position: relative; width: 324px; } .notice .close { position: absolute; top: 12px; right: 12px; display: block; width: 18px; height: 17px; text-indent: -9999px; background: url(/_common/images/default/purr/purrClose.png) no-repeat 0 10px; } .notice-body { min-height: 50px; height: auto !important; height: 50px; padding: 22px 22px 0 22px; background: url(/_common/images/default/purr/purrTop.png) no-repeat left top; color: #f9f9f9; } .notice-body img {width: 50px; margin: 0 10px 0 0; float: left;} .notice-body h3 {margin: 0; font-size: 1.1em; color: #fff; font-weight: bold;} .notice-body p {margin: 5px 0 0 60px; font-size: 0.8em; line-height: 1.4em;} .notice-bottom { height: 22px; background: url(/_common/images/default/purr/purrBottom.png) no-repeat left top; } /* countdown styles */ .hasCountdown { /* border: 1px solid #ccc; background-color: #eee; */ } .countdown_holding div { /* background-color: #ccc; */ } .countdown_row { clear: both; width: 100%; text-align: center; } .countdown_show1 div { width: 100%; } .countdown_show2 div { width: 50%; } .countdown_show3 div { width: 33%; } .countdown_show4 div { width: 25%; } .countdown_show5 div { width: 20%; } .countdown_show6 div { width: 16%; } .countdown_show7 div { width: 14%; } .countdown_section { float: left; font-size: 75% } .countdown_amount { font-size: 100%; } .countdown_descr { width: 100%; } /********************************************************************************************************************** Autocomplete drop downs ***********************************************************************************************************************/ ul.ui-autocomplete { width: 500px; padding: 0px; list-style: none; max-height: 200px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; } ul.ui-autocomplete > li div.ui-menu-item-wrapper { background-image: none !important; list-style: none; list-style-position: outside; padding-left: 5px; padding-right: 5px; margin-left: 0px; margin-right: 0px; font-size: 1em; color: #333333; cursor: pointer; } ul.ui-autocomplete .ui-state-active, ul.ui-autocomplete .ui-widget-content .ui-state-active, ul.ui-autocomplete .ui-widget-header .ui-state-active { border: none !important; background: #316AC5 !important; font-weight: unset; color: #ffffff !important; } #cp_container div.ac_results ul { padding: 0px; margin: 0px; } #cp_container div.ac_results ul li { /*removed to keep styles in line with /* margin-left: 2px; margin-right: 2px; */ } #cp_container div.ac_results ul li.ac_tip { margin-left: 0px; padding-right: 4px; } .cp_restrictFileUploadWidth{ width:200px; height:20px; } .cp_displayNote{ margin-top:20px; margin-bottom:20px; width:540px; } /********************************************************************************************************************** Assessment Form Tab Styles ***********************************************************************************************************************/ #cp_container .cp_tabLinks {width:100%;} #cp_container .cp_tabLinks ul {list-style:none; margin:0; padding: 0.5em 2px; z-index:1000} #cp_container .cp_tabLinks ul li { display:inline; padding:0.5em 0; margin-right:2px} #cp_container .cp_tabLinks ul li a {border: 1px solid #CCC; } #cp_container .cp_tabLinks ul li div {border: 1px solid #CCC; } #cp_container .cp_tabLinks ul li a:hover {background:#fff} #cp_container .cp_tabLinks ul li.cp_tabActive {} #cp_container .cp_tabLinks ul li.cp_tabActive div{background:#fff; border-bottom:none; font-weight:bold; color:#196EC2; cursor:default; text-decoration:none; padding:0.5em 1em 0.5em 1em; display: inline;} #cp_container .cp_tabLinks ul li.cp_tabEnabled {} #cp_container .cp_tabLinks ul li.cp_tabEnabled a {background:#efefef; text-decoration:none;color:#444; padding:0.5em 1em 0.45em 1em} #cp_container .cp_tabLinks ul li.cp_tabEnabled a:hover {background:#fff; border-bottom:none;text-decoration:underline;padding:0.5em 1em 0.5em 1em} #cp_container .cp_tabLinks ul li.cp_tabDisabled {} #cp_container .cp_tabLinks ul li.cp_tabDisabled a{background:#f2f2f2; text-decoration:none;color:#aaa; padding:0.5em 1em 0.45em 1em} #cp_container .cp_tabLinks ul li.cp_tabDisabled a:hover{background:#f2f2f2; cursor:default;} #cp_container .cp_tabInnerContainer {border:1px solid #CCC; padding:2px; clear:left; background:#fff; margin-top:-1px; z-index:1} #cp_container .cp_tabInnerContainer .tabInvite {padding: 10px 5px 10px 5px;} #cp_container .cp_tabInnerContainer .sectioned {border-bottom: solid #DDDDDD 1px;} .printfriendlyversion {position:relative;} /*********************************************************************************************************************** US Tabs ***********************************************************************************************************************/ #cp_container .cp_mobileTabs .cp_tabToggle{width:95%; margin: 0px auto!important;list-style: none;border:1px solid #196ec2;} #cp_container .cp_mobileTabs .cp_tabToggle li div {list-style:none; background-color:#196ec2; color: #FFF; font-weight:bold; text-align:center;padding:10px; cursor:pointer;} #cp_container .cp_mobileTabs .cp_tabToggle li div:after {display:inline-block; content:" "; padding-bottom:3px; width:0px; height:0px; border-style:solid; border-width: 6px 4px 0 4px; border-color:#FFF transparent transparent transparent;margin-left:5px;} /* Dropdown arrow */ #cp_container .cp_mobileTabs .cp_tabLinks {width:100%; position:absolute;z-index:1000;} #cp_container .cp_mobileTabs .cp_tabLinks.cp_tabLinksHidden {display:none;} #cp_container .cp_mobileTabs .cp_tabLinks ul {text-align: center; width:95%;padding:0; margin:0 auto!important; border:1px solid #196ec2;} #cp_container .cp_mobileTabs .cp_tabLinks ul li {display:block;margin:0px auto;width:100%; padding:0px;border:none!important;} #cp_container .cp_mobileTabs .cp_tabLinks ul li:hover {border:none!important;} #cp_container .cp_mobileTabs .cp_tabLinks ul li a {display:block;border:none!important;padding:0.5em 1em 0.45em 1em;} #cp_container .cp_mobileTabs .cp_tabLinks ul li div {display:block;border:none!important;padding:0.5em 1em 0.45em 1em;} #cp_container .cp_mobileTabs .cp_tabLinks ul li a:hover {border:none!important;padding:0.5em 1em 0.45em 1em;text-decoration:none;} #cp_container .cp_mobileTabs + .cp_tabInnerContainer, #cp_container .cp_mobileTabs > .cp_tabInnerContainer {margin-top:10px!important;} #cp_container .cp_mobileTabs + .cp_tabInnerContainer .cp_applicationStatusLabel, #cp_container .cp_mobileTabs > .cp_tabInnerContainer .cp_applicationStatusLabel {margin:0px;} .cp_tabInnerContainer table.cp_displayTable{width:100% !important;} /********************************************************************************************************************** US SPECIFIC - Jobs Advanced History Styles ***********************************************************************************************************************/ div.triggerPanel { padding-left: 5px; cursor: hand; cursor: pointer; } div.triggerPanel .triggerPanelIcon { float: left; clear: none; padding-right: 5px; padding-top:7px; } div.triggerPanelContent { border-top: solid #cccccc 1px; padding: 5px; display:block; } /*** jquery uix multi-select ***/ #cp_container .uix-multiselect div { float: none; } #cp_container .uix-multiselect .multiselect-selected-list, .uix-multiselect .multiselect-available-list { position:absolute; overflow:hidden; border: 1px solid #999999; } #cp_container .uix-multiselect .multiselect-available-list {} #cp_container .uix-multiselect .multiselect-selected-list { margin-left: 5px; } #cp_container .uix-multiselect .option-element, .dragged-element { cursor: pointer; padding: 1px 3px; } #cp_container .uix-multiselect .ui-widget-header div.header-text { white-space: nowrap; font-weight: bold; } .uix-multiselect .ui-widget-content .ui-state-default { border-bottom: none; border-left: none; border-right: none; } .uix-multiselect .ui-state-highlight, .uix-multiselect .ui-widget-content .ui-state-highlight { background: #FFFFFF; border-top: 1px solid #C5DBEC; } .uix-multiselect .ui-widget-content { border: none; } .uix-multiselect .ui-widget-header { border: none; } .uix-multiselect .ui-widget-content .ui-state-default { font-weight: normal; background-color: #FFFFFF; color: #000000; } .uix-multiselect .ui-widget-content .ui-state-hover { font-weight: normal; background-color: #E2EBF6; color: #000000; } .uix-multiselect .ui-widget-content li.ui-state-default { border-top: 1px solid #aaa; } .uix-multiselect .ui-widget-header { background: #E2EBF6 none; color: #000; font-weight: normal; } .uix-multiselect .ui-widget-header a { color: #6B4E00; } .uix-multiselect .ui-widget-content { background-color: #FFF; } .uix-multiselect .ui-widget-content .ui-state-highlight { background:none; } .uix-multiselect .ui-widget-content .ui-state-active, .uix-multiselect .ui-widget-header .ui-state-active { font-weight:normal; color: #333; } .fw-description { padding-top: 5px; } /* We need the below style for chrome/mozilla for when the page loads, an empty div shows on the side This style will automatically get overiden by the UI-datepicker JS when a user tries to select a date */ div.ui-datepicker{ display: none; } /* OVERWRITING */ .chosen-container, .chosen-container-multi .chosen-choices li.search-choice {font-size:1em; line-height: 1em;} .chosen-container-multi .chosen-choices {background:none;background-color:transparent;background-image: none;} .chosen-container.chosen-with-drop .chosen-drop{min-width:200px;} #cp_container ul.chosen-choices {padding:5px;margin:0;} /* SORTING INDICATORS START */ table.cp_displayTable tr > th > a{ color: #333; padding-right: 20px; background:url(/_common/images/default/column-order.png) no-repeat right; } table.cp_displayTable thead tr th#ASC a{ background:url(/_common/images/default/column-ascending.png) no-repeat right; } table.cp_displayTable thead tr th#DESC a{ background:url(/_common/images/default/column-descending.png) no-repeat right; } /* SORTING INDICATORS END */ .menuHidden{ display: none !important; } #ajaxReturnMessage{ display: none; clear: left; } #cp_container #renewSessionArea{ position: fixed; background: #fff; border: #ccc 1px solid; text-align: center; margin-left: 38%; display: none; } #renewSessionArea{ z-index: 999; } div.adv-cp div h3 { display: inline-block; vertical-align: middle; } .adv-cp span.triggerPanelIcon img { vertical-align: middle; } /********************************************************************************************************************** Apply with SEEK styles ***********************************************************************************************************************/ .seek-apply-btn { display: block; width: 230px; height: 45px; line-height: 45px; background: #e60278; color: #fff; border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(64,64,64,0.5); font-size: 18px; text-align: center; text-decoration: none!important; font-family: Helvetica, Arial; } .seek-apply-btn:hover { background: #fd0585; box-shadow: 0 1px 2px 0 rgba(64,64,64,0.4); } .seek-apply-btn:active { background: #cd026b; box-shadow: 0 1px 2px 0 rgba(64,64,64,0.7); } .seek-apply-btn__image { display: inline-block; height: 30px; width: 75px; margin: -1px 0 0 9px; vertical-align: middle; background: url(/_common/images/seek-apply-with-logo.svg) no-repeat; background-size: 100% 100%; } /********************************************************************************************************************** Apply with SEEK styles ***********************************************************************************************************************/ .seek-apply-btn { display: block; width: 230px; height: 45px; line-height: 45px; background: #e60278; color: #fff !important; border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(64,64,64,0.5); font-size: 18px; text-align: center; text-decoration: none !important; font-family: Helvetica, Arial; } .seek-apply-btn:hover { background: #fd0585; box-shadow: 0 1px 2px 0 rgba(64,64,64,0.4); } .seek-apply-btn:active { background: #cd026b; box-shadow: 0 1px 2px 0 rgba(64,64,64,0.7); } .seek-apply-btn__image { display: inline-block; height: 30px; width: 75px; margin: -1px 0 0 9px; vertical-align: middle; background: url(/_common/images/seek-apply-with-logo.svg) no-repeat; background-size: 100% 100%; } /* APPLY WITH RESUME styles */ #btnBGTResumeUpload { display: block; width: 230px; height: 45px; line-height: 45px; background: #385993; color: #fff !important; border:none; border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(64,64,64,0.5); font-size: 18px; text-align: center; text-decoration: none !important; font-family: Helvetica, Arial; } #btnBGTResumeUpload:hover { background: #527CC7; box-shadow: 0 1px 2px 0 rgba(64,64,64,0.4); border:none; cursor: pointer; } #btnBGTResumeUpload:active { background: #315189; box-shadow: 0 1px 2px 0 rgba(64,64,64,0.7); border:none; } #cp_prefillApplicationPrompt .modal-body .cp_label { margin:15px 0 10px; padding-left:0; width:100%; } #cp_prefillApplicationPrompt .modal-body .cp_errorText { margin-top:15px; } #cp_prefillApplicationPrompt .cp_question:first-child { margin-right:15px; } #cp_prefillApplicationPrompt .cp_question { float:left; clear:none; } .cp_prefillApplicationBtns{ margin:15px 0; padding:15px; background:#DDD; } /* MODAL WINDOWS */ .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; display: none; overflow: auto; overflow-y: scroll; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .modal-dialog { position: relative; z-index: 1050; width: 75%; padding: 10px; margin-right: auto; margin-left: auto; } .modal-content { position: relative; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: none; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1030; background-color: #000000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { min-height: 16.428571429px; padding: 15px; border-bottom: 1px solid #e5e5e5; } .modalClose { background:url(/_common/images/default/close.png) no-repeat; display:block; height:22px; width:20px; -top:3px; } .modalMaximise { background:url(/_common/images/default/maximise.png) no-repeat; display:block; height:22px; width:20px; -top:3px; } .modalRestore { background:url(/_common/images/default/resize.png) no-repeat; display:block; height:22px; width:20px; -top:3px; } .modal-header .close { margin-top: -2px; background-image:url(/_common/assets/font-awesome/png/blue/png/24/times.png); background-color:none; background-color: transparent; border:none; width:24px; height:24px; text-indent: -99999999px; float:right; } .modal-header .close:hover { cursor: pointer; } .modal-title { margin: 0; line-height: 1.428571429; } .modal-body { min-height: 300px; position: relative; padding: 20px 10%; } .modal-footer { padding: 19px 20px 20px; margin-top: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer:before, .modal-footer:after { display: table; content: " "; } .modal-footer:after { clear: both; } .modal-footer:before, .modal-footer:after { display: table; content: " "; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .logoff_overlayBG { background-color:#fff; filter:alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95; position: fixed; z-index:9999; top: 0px; left: 0px; height:100%; width:100%; } .mce-edit-area > iframe { max-width: 100%; min-width: 250px; } .mce-tinymce { max-width: 99%; min-width: 250px; } .mce-statusbar{ border-width: 0px 0px 0px !important; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{ padding:4px 0px 3px 15px; } legend.cp_jobAlertLegend { display: block!important; } th > div.cp_groupSectionLabel, th.cp_groupLabelTD, th.cp_gqRowHeader { font-weight: 300; } /*********************************************************************************************************************** Manage CP MFA Menu ***********************************************************************************************************************/ #cp_container ul#cp_mfaMenuOuter { display: inline-flex; width:500px} #cp_container ul#cp_mfaMenuOuter li { user-select: none;} #cp_container ul#cp_mfaMenuOuter ul#cp_mfaMenu {padding: 6px 0px;} ul#cp_mfaMenuOuter li.cp_manageMfa {list-style-type: none!important;} ul#cp_mfaMenu li {padding:5px;} ul#cp_mfaMenu li a {text-decoration:none!important;font-size:14px!important;} ul#cp_mfaMenu li:hover {text-decoration:none!important; background-color: #eee!important;} ul#cp_mfaMenuOuter li.cp_manageMfa a.cp_manageMfaToggle {cursor: pointer!important;text-decoration: underline!important;} ul#cp_mfaMenuOuter a {background: none!important;} ul#cp_mfaMenu { min-width: 260px; margin:0!important; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; position:absolute; z-index: 1; background-color: #fff!important; list-style-type: none!important; display: block; } li.cp_manageMfa a span:after { content:""; display:inline-block; padding-bottom:3px; width: 0; height: 0; border-style: solid; border-width: 6px 4px 0 4px; border-color: #000000 transparent transparent transparent; } ul#cp_mfaMenu li:before {content:none;} #renewSessionArea #renewSessionTime { font-weight: bold; display: block; } table.previewView.cp_displayTable tr.cp_titleRow th.cp_title.cp_titleEmpty { padding: 0px!important; border-bottom: none!important; } div#cp_page_applicationSummary h3.cp_title { margin-block-start: 20px; margin-block-end: 20px; } div#cp_page_applicationSummary h3.cp_title span.edit { vertical-align: middle; }