/* ONLINE BEWERBUNG */
.applicationForm h1 { height: 90px; }
.applicationForm ul { padding: 0; }
.applicationForm address { color: #B9CDDD; font-size: 1.1em; font-weight: bold; font-style: normal; line-height: 14px; padding: 0 0 14px; }
.applicationForm a.backButton { float: right; }

.applicationForm #visual { position: absolute; top: 25px; right: 20px; z-index: 5; }

.applicationForm .stepWrapper { width: 100%; overflow: hidden; padding: 10px 0 15px; }
.applicationForm .stepWrapper span.step { display: block; float: left; font-size: 1.1em; line-height: 16px; color: #FFFFFF; font-weight: bold; padding: 3px 0 4px; }
.applicationForm .stepWrapper ul.steps { padding: 0 0 0 10px; list-style-type: none; display: block; width: 175px; height: 23px; overflow: hidden; float: left; }
.applicationForm .stepWrapper ul.steps li { display: block; float: left; width: 25px; height: 16px; padding: 3px 10px 4px 0; font-size: 1.1em; font-weight: bold; line-height: 16px; color: #FFFFFF; text-align: center; background-image: url(/bkJobsPlugin/images/onlineApplication/stepBg.gif); background-position: left top; background-repeat: no-repeat; }
.applicationForm .stepWrapper ul.steps li.active { background-position: left bottom; }
.applicationForm .stepWrapper ul.steps li a { display: block; width: 25px; height: 16px; text-align: center; font-size: 1.0em; color: #FFFFFF; text-decoration: none !important; }

.applicationForm form h3 { clear: both; text-transform: uppercase; color: #B9CDDD; font-weight: bold; font-size: 1.1em; line-height: 16px; margin: 0 0 5px !important; }
.applicationForm form h4 { clear: both; color: #B9CDDD; font-weight: bold; font-size: 1.1em; line-height: 16px; margin: 0 0 5px !important; }
.applicationForm form fieldset { width: 100%; clear: both; }
.applicationForm form fieldset.spacing { padding: 15px 0 0; }
.applicationForm form fieldset ul.form_list { list-style-type: none; display: block; width: 588px; clear: both; padding: 0; }
.applicationForm form fieldset ul.form_list li { position: relative; float: left; width: 294px; height: 23px; padding: 0 0 15px; font-size: 1.0em; }
.applicationForm form fieldset ul.form_list li.fullLine { clear: both; width: 588px; float: none; }
.applicationForm form fieldset ul.form_list li label { display: block; width: 85px; float: left; font-size: 1.1em; line-height: 16px; font-weight: bold; color: #B9CDDD; padding: 3px 0 4px; }
.applicationForm form fieldset ul.form_list li input, select { float: left; }
.applicationForm form fieldset ul.form_list li input { font-size: 1.1em; font-weight: bold; color: #FFFFFF; line-height: 15px; width: 175px; height: 15px; padding: 4px 10px; background-color: transparent; background-image: url(/bkJobsPlugin/images/onlineApplication/input195x23Bg.gif); background-position: left top; background-repeat: no-repeat; }
.applicationForm #employeeApplicationPage2 form fieldset ul.form_list li input { width: 235px; background-image: url(/bkJobsPlugin/images/onlineApplication/input255x23Bg.gif); }
.applicationForm #onlineApplicationPage2 form fieldset ul.form_list li input { width: 95px; background-image: url(/bkJobsPlugin/images/onlineApplication/input115x23Bg.gif); }
.applicationForm form fieldset ul.form_list li input#job_application_year_of_qualification,
.applicationForm form fieldset ul.form_list li input#job_application_training_credit_subject { margin-top:7px; }
.applicationForm form fieldset ul.form_list textarea { color: #FFFFFF; font-weight: bold; width:358px; height:91px; padding:6px; background:url(/bkJobsPlugin/images/application/textareaBg370x103.gif) left top no-repeat; font-size:1.1em; }
.applicationForm #employeeApplicationPage2 form fieldset ul.form_list textarea { width: 243px; height: 71px; background-image: url(/bkJobsPlugin/images/onlineApplication/textareaBg255x83.gif); background-position: left top; background-repeat: no-repeat; }
.applicationForm #employeeApplicationPage2 form fieldset ul.form_list textarea.error { background-position: right top; }
.applicationForm form fieldset ul.radio_list { list-style-type: none; display: block; width: 400px; overflow: hidden; padding: 0; float: left; }
.applicationForm form fieldset ul.radio_list li { padding: 0; width: auto !important; }
.applicationForm form fieldset ul.form_list li ul.radio_list input { width: auto !important; height: auto !important; background: transparent none !important; padding: 0 !important; margin: 4px 0 0; }
.applicationForm form fieldset ul.form_list li ul.radio_list label { float: left !important; width: auto; padding-left: 5px; padding-right: 15px; }

.applicationForm #employeeApplicationPage3 form fieldset ul.form_list li { padding: 0 0 5px; }
.applicationForm #employeeApplicationPage3 form fieldset ul.form_list li ul li { position: relative; float: left; width: 110px; height: 23px; padding: 0 0 5px; font-size: 1.0em; }
.applicationForm #employeeApplicationPage3 form fieldset ul.form_list li ul label { display: block; width: 30px; float: left; font-size: 1.1em; line-height: 16px; font-weight: bold; color: #B9CDDD; padding: 3px 0 4px; }
.applicationForm #employeeApplicationPage3 form fieldset ul.form_list li ul input { font-size: 1.1em; font-weight: bold; color: #FFFFFF; line-height: 15px; width: 35px; height: 15px; padding: 4px 10px; background-color: transparent; background-image: url(/bkJobsPlugin/images/onlineApplication/input55x23Bg.gif); background-position: left top; background-repeat: no-repeat; }
.applicationForm #employeeApplicationPage3 form fieldset ul.form_list li ul input.error { background-position: right top; }
.applicationForm #employeeApplicationPage3 form fieldset ul.form_list li ul li.longLabel { width: 350px; padding-left: 30px; }
.applicationForm #employeeApplicationPage3 form fieldset ul.form_list li ul li.longLabel input { margin: 0 20px 0 0; }
.applicationForm #employeeApplicationPage3 form fieldset ul.form_list li ul li.longLabel label { width: 230px; }

.applicationForm form fieldset ul.form_list li span.labelHint { font-size: 1.1em; line-height: 16px; color: #B9CDDD; display: block; padding:0 0 10px 0; }

.applicationForm form fieldset ul.form_list li.longLabel label { width: 95px; }
.applicationForm form fieldset ul.form_list li.longLabel2 label { width: 115px; }
.applicationForm form fieldset ul.form_list li.longerLabel label { width: 175px; }
.applicationForm form fieldset ul.form_list li.fullLabelLine { height: auto; min-height: 55px; }
.applicationForm form fieldset ul.form_list li.fullLabelLine label { width: 400px; float: none; }
.applicationForm #employeeApplicationPage2 form fieldset ul.form_list li.fullLabelLine label { width: 550px; }
.applicationForm form fieldset ul.form_list li.fullLabelLine ul.form_list li { padding: 0; }
.applicationForm form fieldset ul.form_list li.fullLabelLine ul.form_list li label { width:40px; /*width: 85px;*/ float: left; }
.applicationForm form fieldset ul.form_list li.fullLabelLine ul.radio_list { clear: both; float: none; }
.applicationForm form fieldset ul.form_list li.fullLabelLine ul.radio_list li { padding: 0; }

.applicationForm form fieldset ul.form_list li.radioInputGroup ul.radio_list { width: 450px; padding: 0 0 0 20px; }
.applicationForm form fieldset ul.form_list li.radioOptionGroup ul.radio_list { width: 145px; float: left; }
.applicationForm form fieldset ul.form_list li.radioOptionGroup ul.radio_list li { display: block; width: 100%; float: none; }
.applicationForm form fieldset ul.form_list li input#job_application_drivers_license_class { width: 56px; background-image: url(/bkJobsPlugin/images/onlineApplication/input76x23Bg.gif); margin: 23px 0 0; }

.applicationForm form fieldset ul.form_list li .customSelect { float:left; width:85px; background-image:url(/bkJobsPlugin/images/application/customSelect85x23.gif); background-repeat: no-repeat; background-position: left top; background-color: transparent; }
.applicationForm #employeeApplicationPage2 form fieldset ul.form_list li .customSelect { width:255px; margin: 5px 0 5px 175px; background-image:url(/bkJobsPlugin/images/onlineApplication/customSelect255x23.gif); }
.applicationForm form fieldset ul.form_list li .customSelect#custom_job_application_birthday_day, 
.applicationForm form fieldset ul.form_list li .customSelect#custom_job_employee_application_birthday_day { position:absolute; top:0px; left:88px; width:45px; background-image:url(/bkJobsPlugin/images/onlineApplication/customSelect45x23.gif); }
.applicationForm form fieldset ul.form_list li .customSelect#custom_job_application_birthday_month, 
.applicationForm form fieldset ul.form_list li .customSelect#custom_job_employee_application_birthday_month { position:absolute; top:0px; left:140px; width:45px; background-image:url(/bkJobsPlugin/images/onlineApplication/customSelect45x23.gif); }
.applicationForm form fieldset ul.form_list li .customSelect#custom_job_application_birthday_year, 
.applicationForm form fieldset ul.form_list li .customSelect#custom_job_employee_application_birthday_year { position:absolute; top:0px; left:195px; }
.applicationForm form fieldset ul.form_list#addMoreJobs .customSelect { padding-right:10px; } /* page 4 */

.applicationForm form fieldset ul.form_list li #custom_job_application_job_id { float: left; width: 489px; background-image: url(/bkJobsPlugin/images/onlineApplication/customSelect489x23Bg.gif); background-position: left top; background-repeat: no-repeat; }

/* page 3 */
.applicationForm form fieldset ul.form_list li #custom_job_application_start_job_training_month,
.applicationForm form fieldset ul.form_list li #custom_job_application_end_job_training_month,
.applicationForm form fieldset ul.form_list li #custom_job_application_training_credit_start_month,
.applicationForm form fieldset ul.form_list li #custom_job_application_training_credit_end_month  { position:absolute; top:0px; left:175px; }
.applicationForm form fieldset ul.form_list li #custom_job_application_start_job_training_year,
.applicationForm form fieldset ul.form_list li #custom_job_application_end_job_training_year,
.applicationForm form fieldset ul.form_list li #custom_job_application_training_credit_start_year,
.applicationForm form fieldset ul.form_list li #custom_job_application_training_credit_end_year { position:absolute; top:0px; left:284px; }

.applicationForm .fileUploader { overflow: hidden; }
.applicationForm .fakeFile { float: left; position: relative; width: 330px; height: 23px; margin:0 0 10px; overflow: hidden; }
.applicationForm .fakeFile .fakeFileInput { float: right; width: 175px; height: 15px; padding: 4px 10px; font-size: 1.1em; font-weight: bold; color: #FFFFFF; line-height: 15px; background-image: url(/bkJobsPlugin/images/onlineApplication/input195x23Bg.gif); background-position: left top; background-repeat: no-repeat; }
.applicationForm  .error .fakeFileInput { background-position: right top; }
.applicationForm .fakeFile .fakeFileButton { float: left; width: 111px; height: 23px; margin: 0 20px 0 0; background: url(/bkJobsPlugin/images/onlineApplication/dbnFileInput111x23.gif) left top no-repeat; }
.applicationForm .fakeLabel { float: left; padding: 0 5px; font-size: 1.1em; color: #b9cddd; font-weight: bold; line-height: 16px; }
.applicationForm label.error { color: #f22839; }

/* page 4 */
.applicationForm form fieldset ul.form_list li label.error, 
.applicationForm form p.error { color: #F22839 !important; font-weight: bold; }
.applicationForm form fieldset ul.form_list li input.error { background-position: right top; }

.applicationForm form .sendButton { width: 574px; overflow: hidden; }
.applicationForm form .sendButton p { float: left; padding: 5px 0 0; }
.applicationForm form .fileWrapper { width: 111px; float: left; }
.applicationForm form .fileWrapper span { font-size: 1.1em; line-height: 16px; color: #B9CDDD; display: block; padding: 0 0 0 1px; }
.applicationForm button span { background: url(/bkJobsPlugin/images/onlineApplication/blueButton.gif) left top no-repeat; }
.applicationForm button span strong { background: url(/bkJobsPlugin/images/onlineApplication/blueButton.gif) right -23px no-repeat; }
.applicationForm button span strong em { background: url(/bkJobsPlugin/images/onlineApplication/blueButton.gif) left -46px repeat-x; }
.applicationForm form fieldset a.addMore { display: block; width: 70px; padding:0 0 10px 0; font-size: 1.1em; line-height: 16px; color: #B9CDDD; font-weight: bold; text-decoration: none; }

.applicationForm form fieldset #salaryLine li.longerLabel { width:380px; }
.applicationForm form fieldset #salaryLine li.salaryLinePeriod { width:auto; }

/* page overwiew */
.applicationForm #applicationOverview form fieldset .form_list li { height:auto; padding:0; overflow:hidden; }
.applicationForm #applicationOverview form h4 { float:left; width:250px; }
.applicationForm #applicationOverview form .buttonWrapper { overflow: hidden; width: 100%; padding: 0 0 5px; }
.applicationForm #applicationOverview form a.button { display:block; float:left; height:23px; padding:0 0 0 15px; background:url(/bkJobsPlugin/images/editButtonLeftBg.gif) left top no-repeat; overflow:hidden; text-decoration:none;  }
.applicationForm #applicationOverview form a.button span { display:block; float:left; padding:0 30px 0 0; height:23px; background:url(/bkJobsPlugin/images/editButtonRightBg.gif) right top no-repeat; overflow:hidden; }
.applicationForm #applicationOverview form a.button span em { display:block; float:left; height:16px; padding:3px 0 4px 0; font-weight:bold; font-style:normal; font-size:1.1em; line-height:16px; color:#FFF; background:url(/bkJobsPlugin/images/editButtonBg.gif) left top repeat-x; }
.applicationForm #applicationOverview form fieldset { padding-bottom:10px; }
.applicationForm #applicationOverview form fieldset ul.form_list li { clear: both; width: 588px; float: none; overflow: hidden; font-size: 1.1em; line-height: 16px; }
.applicationForm #applicationOverview form fieldset ul.form_list li#workhours_overall { width: 338px; padding: 20px 0 0 250px; }
.applicationForm #applicationOverview form fieldset ul.form_list li strong { width:250px; float: left; padding:0 0 4px; }
.applicationForm #applicationOverview form fieldset ul.form_list li span { font-weight: bold; float:left; width:320px; overflow:hidden; }

.applicationForm #applicationOverview form fieldset ul.checkbox_list { list-style-type:none; padding: 0; }
.applicationForm #applicationOverview form fieldset ul.checkbox_list li { padding:0 0 10px 0; clear: both; }
.applicationForm #applicationOverview form fieldset ul.checkbox_list li label { display:block; float:left; width:540px; padding:0 0 10px 5px; font-size:1.0em; line-height:16px; font-weight:bold; }
.applicationForm #applicationOverview form fieldset ul.checkbox_list li label a { color:#fff; }
.applicationForm #applicationOverview form fieldset ul.checkbox_list li label.error, 
.applicationForm #applicationOverview form fieldset ul.checkbox_list li label.error a { color: #F22839 !important; }
.applicationForm #applicationOverview form fieldset ul.checkbox_list li input { clear:both; width:auto; height:auto!important; padding:0!important; background-color:transparent!important; float:left; padding:4px 0; line-height:15px; font-size:1.2em; }
