#blep .cj_form { padding:5px; } #blep .cj_form * { line-height:normal; } #blep .cj_form .cj_field { padding:2px; } #blep .cj_form .cj_fieldset { padding:0; clear:both; } #blep .cj_form .outerBox { border-width:1px; } #blep .cj_form .innerBox { padding:1px 2px; } #blep .cj_form > .label { margin-left:0; margin-right:0; } h2.label { background-color:#ddd; border: 1px solid black; color:black; margin:30px 7px 15px; padding:10px 10px;} #blep .cj_form .fieldset { margin:0; padding:0; } #blep .cj_form .label_bx { width:50%; } #blep .cj_form .input_bx { width:50%; } #blep .cj_form .c_input { font-size:12px; } #blep .cj_form > .description { } #blep .cj_form .clear { line-height:1px; } #blep .cj_form .data{ display:block; } #blep .cj_form h3.legend{ } #blep .cj_form h2.legend{ margin-left:2px; margin-right:2px; } #blep .cj_form > h2{ margin-bottom:5px; } #blep .cj_form .description .mandatory{ position:relative; height:0; padding:0; margin:0; font-size:12px; top:-35px; right:-460px; width:70px; } #blep .cj_form.calculator .description .mandatory{ top:-41px; right:-455px;} #blep .cj_form h3.label .unit{ float:right;} #blep .cj_form .description .missing{ font-weight:bold; background-color:#fe9; border: 1px solid #fc6; padding:3px 20px; } #blep .cj_form .description .missing li{ padding:3px; } #blep .cj_form .description .missing a{ font-size:14px; } #blep .cj_form .description .missing a:hover{ color:black; background:transparent; } #blep .cj_form .email .description { font-size:11px; color:red; } #blep .cj_form .cj_option { width:50%; } #blep .cj_form .cj_option .innerBox { padding-left:22px; } #blep .cj_form .cj_option .cj_label { padding:2px; width:auto; } #blep .cj_form .cj_option .cj_label * { font-size:11px; } #blep .cj_form .cj_option .input { top:0; } #blep .cj_form .cj_checkbox .cj_option { width:100%; } #blep .cj_form .cj_option .check{ margin:0px; } #blep .cj_form .disabled .cj_option{ width: auto;} #blep .cj_form .cj_multicheckbox .cj_option, #blep .thermische_solaranlage .cj_option, #blep .anschluss_an_holz_abwaermenetz .cj_option, #blep .cj_form .orgtype .cj_option, #blep .cj_form .bonus_gesamtsanierung_standard .cj_option, #blep .cj_form .gebaeudesanierung_einzelbauteile_claim .cj_option, #blep .cj_form .holzenergie_build .cj_option, #blep .cj_form .holzenergie_technics .cj_option, #blep .cj_form .holzenergie_lrv .cj_option, #blep .cj_form .holzenergie_info .cj_textarea, #blep .cj_form .ersatz_elektroheizung_type .cj_option, #blep .cj_form .ersatz_elektroheizung_building_type .cj_option, #blep .cj_form .ersatz_elektroheizung_connect .cj_option, #blep .cj_form .type .cj_option.single, #blep .cj_form .type .cj_option.multi, #blep .cj_form .cj_field.building .cj_option, #blep .cj_form .cj_option.building_mainuse_single, #blep .cj_form .cj_option.building_mainuse_multi, #blep .cj_form .customer #requester_customer.cj_option, #blep .cj_form .customer_owner .cj_option, #blep .cj_form .customer_bauherrschaft .cj_option, #blep .cj_form .customer_energieberater .cj_option, #blep .cj_form .customer_energiecoach .cj_option, #blep .cj_form .customer_technischebearbeitung .cj_option, #blep .cj_form .customer_waermenetzbetreiber .cj_option, #blep .cj_form .customer_anlageplaner .cj_option, #blep .cj_form .customer_architekt .cj_option, #blep .cj_form .customer_planer .cj_option , #blep .cj_form .cj_option.customer_buildingowner, #blep .cj_form .cj_option.customer{ width:100%; } #blep .cj_form .holzenergie_info .cj_textarea{ margin:2px 5px; padding:2px 5px;} #blep .cj_form .cj_field.othertext { z-index:10; position:relative; } #blep .cj_form .cj_field.othertext .input_bx { width:30%; position:absolute; top:-28px; right:6px; } #blep .cj_form .cj_field.widthtext { z-index:10; position:relative; } #blep .cj_form .cj_field.widthtext .input_bx { width:30%; position:absolute; top:-30px; right:6px; } #blep .cj_form .submit_bx { width:30%; float:left; margin-top:30px; } #blep .cj_form .submit_bx .clear { display:none; } #blep .cj_form .submit_bx .cj_submit{ width:100%; } #blep .cj_form .submit_bx.next { float:right; } #blep .cj_form .submit_bx.password { float:right; } #blep .cj_form .submit_bx.requester_save { float:right; } #blep .cj_form .submit_bx.save { float:right; } #blep .cj_form .submit_bx.print { float:right; margin-right:20px; } #blep .cj_form .submit_bx .outerBox { border-color:#093; } #blep .cj_form .submit_bx .innerBox { background-color:#efe; background-repeat:no-repeat; background-position:4px center; } #blep .cj_form .submit_bx .c_input { color:#093; font-weight:bold; cursor:pointer; } #blep .cj_form .submit_bx .disabled { display:none; } #blep .cj_form .submit_bx.calculate { float:right;} #blep .cj_form .submit_bx.empty { float:left;} #blep .cj_form .submit_bx .calculate .innerBox{ background-image:url("styles/coala/images/gif/type/calculator.gif")} #blep .cj_form .submit_bx .empty .innerBox{ background-image:url("styles/coala/images/gif/actions/delete.gif")} #blep .cj_form .submit_bx .resume .innerBox{ background-image:url("styles/coala/images/gif/type/list.gif")} #blep .cj_form .submit_bx.save .innerBox { background-image:url(styles/coala/images/gif/actions/disk.gif); background-position:5px center; } #blep .cj_form .submit_bx.cancel .innerBox { background-image:url(styles/coala/images/gif/actions/cross.gif); } #blep .cj_form .submit_bx.back .innerBox { background-image:url(images/lastbg.gif); } #blep .cj_form .submit_bx.back .innerBox { background-image:url(images/lastbg.gif); } #blep .cj_form .submit_bx.next .innerBox { background-image:url(images/nextbg.gif); background-position:right; } #blep .cj_form .submit_bx.requester_save .innerBox { background-image:url(images/nextbg.gif); background-position:right; } #blep .cj_form .submit_bx.print .innerBox { background-image:url(styles/coala/images/gif/printer.gif); } /* BUILDING EDIT BUTTONS */ #blep .cj_form .cj_button{ padding:0px; } #blep .cj_form .cj_button .outerBox{ padding:0px; } #blep .cj_form.building .cj_fieldset{ position:static; } #blep .cj_form.building .submit_bx.building_edit{ width:110px; position:absolute; top:11px; right:185px; } #blep .cj_form.building .submit_bx.building_change{ width:160px; position:absolute; top:11px; right:130px; } #blep .cj_form.building .submit_bx.building_edit{ right:300px; } #blep .cj_form.building .submit_bx.building_edit .innerBox{ background-image:url("_styles/coala/images/gif/actions/pencil.gif"); } #blep .cj_form.building .submit_bx.building_change .innerBox{ background-image:url("images/refresh.gif"); } /* CONTACTPERSON */ #blep .cj_form.contactperson .submit_bx.contact_change{ width:180px; position:absolute; top:11px; right:110px; } #blep .cj_form.contactperson .submit_bx.contact_change .innerBox{ background-image:url("images/refresh.gif"); } /* CHECKLIST */ #blep .cj_form.checklist h3{ color:black; } /* FINAL FORM */ #blep .cj_form.abschluss{ } #blep .cj_form.abschluss .cj_label{ padding-bottom:5px;} #blep .cj_form.abschluss .description{ position:relative; font-size:11px; top:20px; text-align: right;} #blep .cj_form.abschluss .confirm{ width:100%; } #blep .cj_form.abschluss .cj_field .description{ position:static; width: 100%; color:#c00; top:0; left:0; display: table; text-align: left;} /*PRODUCTS INFORMATIONFIELDS HOVER*/ /* #body_bx .cj_form.ersatz_elektroheizung .cj_fieldset, #body_bx .cj_form.gebaeudesanierung_einzelbauteile .cj_fieldset { position:relative; } #body_bx .cj_form.ersatz_elektroheizung .cj_fieldset .description, #body_bx .cj_form.gebaeudesanierung_einzelbauteile .cj_fieldset .description { z-index:20; font-size:0px; height:12px; width: 20px; position: absolute; top:0px; left:3px; background:transparent; color:black; background-image:url(images/information.gif); background-repeat:no-repeat; background-position:center left;} #body_bx .cj_form.ersatz_elektroheizung .cj_fieldset .description:hover, #body_bx .cj_form.gebaeudesanierung_einzelbauteile .cj_fieldset .description:hover { font-size:11px; padding-top:1px; padding-left:20px; border: solid black 1px; top:1px; left:2px; background-color:#ff9; width:auto;} */ #blep .cj_form .input_bx.disabled { background-color:transparent; } #blep .cj_form .input_bx.disabled .outerBox { border:0; } #blep .cj_form .input_bx.disabled .innerBox { background-color:transparent; } #blep .cj_form .input_bx.disabled .c_input { font-style:italic; } #blep .cj_form .input_bx.disabled .label { color: gray; font-style:italic; } #blep .cj_form.calculator .sum .outerBox { border-bottom:1px solid #000; } #blep .cj_form.calculator .sum .innerBox { background-color:transparent; padding:5px; } #blep .cj_form.calculator .sum .c_input { } #blep .cj_form.calculator .full_calculator_sum .outerBox { border-bottom:2px solid #000; } #blep .cj_form.calculator .full_calculator_sum .innerBox { background-color:transparent; padding:5px; } #blep .cj_form.calculator .full_calculator_sum .c_input { font-weight:bold; } #blep .cj_form.calculator .submit_bx { width: 40%; } #blep .cj_form.calculator .submit_bx.resume{ width: 100%; margin-top: 10px; } /* HELP MESSAGES */ #blep .cj_info{ position: static;} #blep .cj_info a.info:hover { background-color:transparent; } #blep .cj_fieldset .cj_info{ top:7px; position: relative; vertical-align: text-top} #blep .cj_fieldset .cj_field .cj_info { top:-2px; } #blep .cj_info ul{ list-style:none; } /* #blep .cj_fieldset .cj_messages{ top:7px;} #blep .cj_fieldset .cj_field .cj_messages{ top:0px;} #blep .cj_form .cj_info { top:0px; left:-5px;} #body_bx .cj_form .cj_fieldset .cj_messages{ float:left; border:none; position:absolute; left:-22px;} #body_bx .cj_form .cj_fieldset .cj_message{ margin:3px; width:16px; display:block; } #body_bx .cj_form .cj_fieldset .help .data{ z-index:50; width:250px; padding:0px; top:-2px; left:20px; } #body_bx .cj_form .cj_field .cj_messages{ top:-6px; } #body_bx .cj_form .help .icon b{ display:none;} #body_bx .cj_form .help .icon{ background:transparent; background-image:url(images/information.gif); background-repeat:no-repeat; background-position:center right;} #body_bx .cj_form .help .data .body{ padding:5px; color:black; font-size:11px; font-weight:normal; border: solid black 1px; background-color:#ff9; width:auto;} */ /* VALIDATION ERROR MESSAGES */ /* #body_bx .cj_form .cj_fieldset .cj_errors{ float:right; position:absolute; right: -400px; top:-1px;} #body_bx .cj_form .cj_error span { top:-20px; font-size:11px; font-weight:normal; } */ #body_bx .cj_info > .info_bx{ position: absolute;} #body_bx .cj_info > .info_bx.err{ left: 540px;} #body_bx .cj_info > .info_bx.err ul { left: -325px; top: 10px;} /* DATEPICK */ #blep .cj_datepicker .calendar .head { background-color:#093; } #blep .cj_datepicker .calendar .cj_menuitem.selected{ background-color:#093; } #blep .cj_datepicker .calendar .button { background-color:#093; } #blep .cj_datepicker .calendar .today { background-color:#999; } #blep .cj_datepicker .calendar .selected { color:#fff; background-color:#093; } #blep .cj_datepicker .calendar .head .month{ text-decoration:underline; width:60%; text-align:center; float:left; } #blep .cj_datepicker .calendar .head .year{ text-decoration:underline; width:40%; text-align:center;float:right; } #blep .cj_datepicker .calendar .head td.monthyear{ text-align:center } #blep .cj_date .c_input { padding-left:20px;} #blep .cj_date.disabled .c_input { padding-left:0px;} #blep .cj_date.disabled .innerBox { background-image:none;} /* AUTH */ #body_bx .cj_form.auth .cj_fieldset { position:relative; margin:5px; clear:none; float:left; border:1px solid #ccc; width:255px; height:200px; } #body_bx .cj_form.auth .cj_fieldset .label { margin:0; padding:5px 10px; } #body_bx .cj_form.auth .description { margin:5px; } #body_bx .cj_form.auth .cj_field { margin-right:3px; position:static; } #body_bx .cj_form.auth small { line-height:20px; font-size:11px; font-weight:normal; } #body_bx .cj_form.auth .cj_fieldset.new_user { float:right; } #body_bx .cj_form.auth .cj_fieldset.login { display:none; } #body_bx .cj_form.auth .cj_submit { position:absolute; bottom:0; left:3px; width:250px; margin:5px 0; padding:0; } /* SIDE BOX CONTENT IMAGES */ #side_bx .content{ position:relative; z-index:25; margin-top:50px; } #side_bx .content a{ } #side_bx .content a:hover{ background:transparent;} #side_bx .content a img{ width:195px; height:auto; margin:5px; border:1px solid #999;} #side_bx .content a:hover img{ width:auto; height:auto;} #blep .cj_dialog .cj_form .cj_fieldset{ position:static; } #blep .cj_dialog .cj_form .cj_field{ position:static; } #blep .cj_dialog .cj_form .cj_option{ position:static; } #blep .cj_dialog .cj_form .cj_radio{ position:static; } #blep .cj_dialog .cj_form .cj_input{ position:static; } #blep .cj_dialog .cj_form .innerBox{ position:static; } #blep .cj_dialog .cj_form .check .check{ position:static; margin-top:1px; float:left;} #blep .cj_dialog .cj_form .check .innerBox{ padding:1px 2px; height:17px} #blep .cj_dialog .cj_form .check .outerBox{ height:19px} #blep .cj_dialog .cj_form .check .cj_label{ position:static; float:left; } #blep .cj_dialog .cj_form .mandatory{ display:none; } #blep .cj_dialog > .head { position:static;} #blep .cj_dialog > .content{ margin:0;} #blep .subnavi .download li{ clear: both;} #blep .subnavi .documents { display: block} #blep .subnavi .documents h4{ font-size:12px; color:#444; margin: 3px 0px 3px 25px; float:left; height: 20px; } #blep .subnavi .documents ul{ margin-left:25px; padding:0; list-style: none; float:left;} #blep .subnavi .documents a{ font-size:12px; padding: 2px 5px 2px 25px; } #blep .subnavi .documents a.pdf{ background-image:url("styles/coala/images/gif/file/pdf.gif"); } #blep .subnavi .documents a.xls{ background-image:url("styles/coala/images/gif/file/xls.gif"); } #blep #requester_customer .cj_option{ width: 100%;}