html,
body {
height: 100%;
}
.left {
display: block;
float: left;
}
.right {
display: block;
float: right;
}
.align-center {
text-align: center;
}
.pad-top {
padding-top: 10px;
}
.pad-bottom {
padding-bottom: 10px;
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #fff;
}
h1,
h2,
h3 {
color: #333;
margin: 0 0 10px;
line-height: 1.42857143;
}
h1 {
font-size: 21px;
}
h2 {
font-size: 18px;
}
h3 {
font-size: 15px;
}
p {
margin: 0 0 10px;
}
a {
color: #428bca;
text-decoration: none;
}
a:hover,
a:focus {
color: #2a6496;
text-decoration: underline;
}
#form-wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin-bottom: -50px;
padding: 0 15px;
}
#form-base {
height: 50px;
padding-bottom: 25px;
}
#logo {
margin-bottom: 20px;
padding-top: 15px;
}
#logo img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
#apply-method {
border-bottom: solid 1px #eee;
margin: 20px 0 15px;
padding-bottom: 14px;
}
#apply-method:before,
#apply-method:after {
content: " ";
display: table;
}
#apply-method:after {
clear: both;
}
#apply-resume {
float: left;
max-width: 47%;
}
#apply-resume input {
max-width: 210px;
overflow: hidden;
}
#apply-or {
float: left;
max-width: 6%;
margin: 0 20px;
text-align: center;
}
#apply-or span {
color: #aaa;
font-weight: bold;
line-height: 1;
display: inline-block;
padding: 7px;
margin-top: 4px;
background: #f9f9f9;
border: solid 1px #e1e1e1;
-webkit-border-radius: 25px;
border-radius: 25px;
behavior: url('/assets/scripts/pie.htc');
}
#apply-later {
float: left;
max-width: 47%;
}
#apply-button {
margin-top: 25px;
}
#powered-by-jobAdder {
height: 50px;
margin-top: -50px;
text-align: center;
line-height: 50px;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
background-image: none;
}
input[type="file"] {
display: block;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
/* IE8-9 */
line-height: normal;
}
select[multiple] {
height: auto !important;
background-image: none;
}
select[size] {
height: auto !important;
}
textarea {
height: auto !important;
resize: vertical;
}
form .form-field {
margin-bottom: 15px;
}
form .form-field:before,
form .form-field:after {
content: " ";
display: table;
}
form .form-field:after {
clear: both;
}
form .form-field.two-cols .col {
float: left;
width: 49%;
}
form .form-field.two-cols .col:last-child {
float: right;
}
form .form-field.three-cols .col {
float: left;
width: 32%;
margin-right: 2%;
}
form .form-field.three-cols .col:last-child {
float: right;
margin-right: 0;
}
form .form-field.divider {
border-top: solid 1px #eee;
padding-top: 14px;
}
form .form-field label {
display: inline-block;
margin-bottom: 5px;
}
form .form-field label.visible-always {
display: inline-block;
}
form .form-field .form-control {
display: block;
width: 100%;
height: 38px;
padding: 2px 10px;
color: #444;
vertical-align: middle;
background-color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.075);
behavior: url('/assets/scripts/pie.htc');
}
form .form-field .form-control:focus {
border-color: #a6a6a6;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
behavior: url('/assets/scripts/pie.htc');
outline: 0;
}
form .form-field .form-control.input-validation-error:focus {
border-color: #cc0000;
}
form .form-field textarea.form-control {
padding: 8px 10px;
}
form .form-field select.form-control {
height: 38px;
padding: 9px 8px 8px;
}
form .form-field .radio,
form .form-field .checkbox {
display: block;
min-height: 20px;
margin-top: 10px;
padding-left: 20px;
vertical-align: middle;
}
form .form-field .radio label,
form .form-field .checkbox label {
display: inline;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
form .form-field .radio input.input-validation-error,
form .form-field .checkbox input.input-validation-error {
border-color: inherit;
}
form .form-field .radio input[type="radio"],
form .form-field .radio-inline input[type="radio"],
form .form-field .checkbox input[type="checkbox"],
form .form-field .checkbox-inline input[type="checkbox"] {
float: left;
margin-left: -20px;
}
form .form-field .radio + .radio,
form .form-field .checkbox + .checkbox {
margin-top: -5px;
}
form .form-field .check-inline {
display: block;
min-height: 20px;
margin-bottom: 10px;
vertical-align: middle;
}
form .form-field .check-inline:before,
form .form-field .check-inline:after {
content: " ";
display: table;
}
form .form-field .check-inline:after {
clear: both;
}
form .form-field .check-inline label {
float: left;
display: inline-block;
margin-right: 15px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
form .form-field .check-inline label input {
float: left;
margin-right: 5px;
}
form .form-field .check-list {
display: block;
}
form .form-field .check-list label {
display: inline;
margin-bottom: 0;
cursor: pointer;
}
form .form-field .check-list label input {
margin-right: 5px;
margin-top: 5px;
}
form .form-field.no-margin {
margin-bottom: 0;
}
form .form-field.hide {
display: none;
}
form .form-field .form-control:-moz-placeholder {
color: #999;
}
form .form-field .form-control::-moz-placeholder {
color: #999;
}
form .form-field .form-control:-ms-input-placeholder {
color: #999;
}
form .form-field .form-control::-webkit-input-placeholder {
color: #999;
}
form .form-field .field-validation-valid {
display: none;
}
form .form-field .field-validation-error {
display: block;
color: #cc0000;
margin-top: 5px;
}
form .form-field .input-validation-error {
background-color: #fff9f9;
border-color: #cc0000;
}
form .form-field #CandidateAcceptTermsAndConditions {
vertical-align: middle;
margin-top: 0;
}
form .form-field label[for=CandidateAcceptTermsAndConditions] {
display: inline !important;
}
form .btn {
display: inline-block;
padding: 8px 30px;
margin-bottom: 0;
margin-right: 4px;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #444;
background-color: #ffffff;
border: 1px solid #dbdbdb;
-webkit-border-radius: 3px;
border-radius: 3px;
behavior: url('/assets/scripts/pie.htc');
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
form .btn:focus {
outline: 0;
}
form .btn:hover,
form .btn:focus {
color: #333;
background-color: #fafafa;
border-color: #c2c2c2;
text-decoration: none;
}
form .btn:active,
form .btn.active {
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
behavior: url('/assets/scripts/pie.htc');
}
form .btn.disabled,
form .btn[disabled] {
cursor: not-allowed;
pointer-events: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
behavior: url('/assets/scripts/pie.htc');
}
form .btn.full-width {
width: 100%;
}
form .btn.btn-primary {
background-color: #e8e8e8;
}
form .btn.btn-primary:hover,
form .btn.btn-primary:focus {
background-color: #e0e0e0;
}
form .btn-file {
position: relative;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
form .btn-file input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
font-size: 999px;
text-align: right;
opacity: 0;
filter: alpha(opacity=0);
cursor: inherit;
display: block;
}
form .selected-file-name {
display: none;
font-size: 13px;
margin-top: 10px;
word-wrap: break-word;
}
form #btnCoverVideo {
display: none;
}
form .cover-video {
display: none;
position: relative;
}
form .cover-video .ba-videorecorder-container.ba-videorecorder-noie8 {
width: 100%;
height: 100%;
}
form .cover-video .ba-videorecorder-container.ba-videorecorder-noie8 .ba-videorecorder-chooser-button-0 {
color: white;
background: #ED5565;
-webkit-border-radius: 3px;
border-radius: 3px;
behavior: url('/assets/scripts/pie.htc');
}
form .cover-video .ba-videorecorder-container.ba-videorecorder-noie8 .ba-videorecorder-chooser-button-0:hover {
background: #eb3e50;
}
form .cover-video .ba-videorecorder-container.ba-videorecorder-noie8 .ba-videorecorder-chooser-button-1 {
color: #ED5565;
background: #fcfcfc;
border-color: #ccc;
-webkit-border-radius: 3px;
border-radius: 3px;
behavior: url('/assets/scripts/pie.htc');
}
form .cover-video .ba-videorecorder-container.ba-videorecorder-noie8 .ba-videorecorder-chooser-button-1:hover {
background: #f7f7f7;
}
form .cover-video .ba-videorecorder-container.ba-videorecorder-noie8 .ba-recorder-theme-space-dashboard .ba-videorecorder-button-inner.ba-videorecorder-button-circle-unselected {
color: white;
}
form .cover-video .ba-videorecorder-container.ba-videorecorder-noie8 .ba-recorder-loader-label {
color: white;
}
form .cover-video .ba-videorecorder-container.ba-videorecorder-noie8 .ba-videorecorder-button-primary,
form .cover-video .ba-videorecorder-container.ba-videorecorder-noie8 .ba-videorecorder-label,
form .cover-video .ba-videorecorder-container.ba-videorecorder-noie8 .ba-videoplayer-space-theme-rerecord-button {
background: #ED5565;
-webkit-border-radius: 3px;
border-radius: 3px;
behavior: url('/assets/scripts/pie.htc');
}
form .cover-video .ba-videorecorder-container.ba-videorecorder-noie8 .ba-videorecorder-button-primary:hover,
form .cover-video .ba-videorecorder-container.ba-videorecorder-noie8 .ba-videorecorder-label:hover,
form .cover-video .ba-videorecorder-container.ba-videorecorder-noie8 .ba-videoplayer-space-theme-rerecord-button:hover {
background: #eb3e50;
}
form .cover-video .ba-player-rerecord-bar {
background: none;
bottom: 8px;
height: 32px;
}
form .cover-video .ba-player-rerecord-bar .ba-player-rerecord-button {
background: #ED5565;
-webkit-border-radius: 3px;
border-radius: 3px;
behavior: url('/assets/scripts/pie.htc');
height: 32px;
line-height: 32px;
}
form .cover-video .ba-player-rerecord-bar .ba-player-rerecord-button:hover {
background: #eb3e50;
}
form .cover-video .ba-videoplayer-container.ba-videoplayer-noie8 .ba-player-space-theme-controlbar-footer,
form .cover-video .ba-videoplayer-container.ba-videoplayer-noie8 .ba-player-space-theme-button-inner,
form .cover-video .ba-videoplayer-container.ba-videoplayer-noie8 [class*='commoncss-icon'] {
color: #ED5565;
}
form .cover-video .ba-videoplayer-container.ba-videoplayer-noie8 .ba-player-playbutton-button::after {
color: #eee;
}
form .cover-video .ba-videoplayer-container.ba-videoplayer-noie8 .ba-player-playbutton-container {
color: white;
border-color: rgba(255, 255, 255, 0.6);
}
form .cover-video .ba-videoplayer-container.ba-videoplayer-noie8 .ba-player-space-theme-progressbar-button,
form .cover-video .ba-videoplayer-container.ba-videoplayer-noie8 .ba-player-space-theme-progressbar-position,
form .cover-video .ba-videoplayer-container.ba-videoplayer-noie8 .ba-player-space-theme-rerecord-button,
form .cover-video .ba-videoplayer-container.ba-videoplayer-noie8 .ba-player-space-theme-stream-label-container .ba-player-space-theme-stream-label,
form .cover-video .ba-videoplayer-container.ba-videoplayer-noie8 .ba-player-space-theme-volumebar-position {
background-color: #ED5565;
}
form .cover-video .delete-video {
display: none;
position: absolute;
top: 0;
right: 0;
z-index: 999;
color: #ccc;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
form .cover-video .delete-video:hover {
color: #cc0000;
}
#errorMessage {
margin: 30px 0;
text-align: center;
}
#errorMessage span {
display: inline-block;
color: #cc0000;
border: solid 1px #aa0000;
background: url('/assets/images/error.png') no-repeat 7px center;
text-align: center;
padding: 7px 10px 7px 30px;
}
.hidden {
display: none !important;
visibility: hidden !important;
}
/* Specific styles for < IE9 */
.ie7_html form .form-field .form-control {
padding: 5px 10px;
}
@media only screen and (max-width: 480px) {
#apply-resume,
#apply-or,
#apply-later {
width: 100%;
max-width: 100%;
text-align: center;
}
#apply-or {
margin: 10px 0;
}
#apply-or span {
font-size: 15px;
padding: 0;
margin: 0;
background: none;
border: none;
-webkit-border-radius: 0;
border-radius: 0;
behavior: url('/assets/scripts/pie.htc');
}
#apply-or span:before {
content: "- ";
}
#apply-or span:after {
content: " -";
}
#form-wrapper form .form-field.two-cols .col {
width: 100%;
margin-bottom: 10px;
}
#form-wrapper form .form-field.two-cols .col:last-child {
margin-bottom: 0;
}
#form-wrapper form .form-field.three-cols .col {
width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
#form-wrapper form .form-field.three-cols .col:last-child {
margin-bottom: 0;
}
#form-wrapper form .form-field label {
display: none;
margin-bottom: 2px;
}
#form-wrapper form .form-field label.visible-mobile {
display: inline-block;
}
#form-wrapper form .form-field .checkbox label,
#form-wrapper form .form-field .check-inline label,
#form-wrapper form .form-field .check-list label {
display: inline-block;
}
#form-wrapper form .form-field.no-placeholder label {
display: inline-block;
}
#form-wrapper form .form-field.no-placeholder .form-control:-moz-placeholder {
color: transparent;
}
#form-wrapper form .form-field.no-placeholder .form-control::-moz-placeholder {
color: transparent;
}
#form-wrapper form .form-field.no-placeholder .form-control:-ms-input-placeholder {
color: transparent;
}
#form-wrapper form .form-field.no-placeholder .form-control::-webkit-input-placeholder {
color: transparent;
}
#form-wrapper form .cover-video .delete-video {
top: -25px;
}
#apply-button .btn {
width: 100%;
margin-bottom: 10px;
}
#apply-button .btn:last-child {
margin-bottom: 0;
}
}
@media only screen and (min-width: 481px) {
#form-wrapper form .form-control:-moz-placeholder {
color: transparent;
}
#form-wrapper form .form-control::-moz-placeholder {
color: transparent;
}
#form-wrapper form .form-control:-ms-input-placeholder {
color: transparent;
}
#form-wrapper form .form-control::-webkit-input-placeholder {
color: transparent;
}
#logo img {
max-width: 480px;
}
}
@media only screen and (min-width: 769px) {
#form-wrapper {
width: 500px;
padding: 0;
margin: 0 auto -50px;
}
#form-wrapper form .form-field .form-control {
height: 33px;
}
#form-wrapper form .form-field select.form-control {
padding: 7px 8px 6px;
}
}
/* Indeed Apply adds