/** * BTZ 2011 * * LICENSE * * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG). * It is not allowed to make any kinds of modifications, nor must it be copied, * or published without explicit permission. Misuse will lead to persecution. * * @copyright 2011 infomax websolutions GmbH * @link http://www.infomax-it.de * @package css * @subpackage styles for forms * @author gueldner * @since 21.07.2011 * @version $Id$ **/ @media screen { /* ========================================================= 0. basic config 1. content forms 2. tabforms 3. searchforms 4. context forms 5. CAPTCHA 6. IBE Shopping Cart Forms 7. Contact access area 8. Button 9. Travel Wish ========================================================== */ /* ========================================================= =0. basic config ========================================================= */ fieldset{ border:0; margin:0; padding:0;} legend{ display:none;} label{ font-size:14px;} button{ height:35px; border:0; font-size:16px; font-weight:bold; cursor:pointer;} button img{ margin:0 5px 0 0;} input.text, select.text, textarea.text { border:3px solid; font-style:italic; margin:0; font-size:13px;} input.text{ height:19px; padding:0 5px;} select.text{ height:25px; padding:0 0 0 3px;} textarea.text{ padding:5px;} input[type="checkbox"] {border: 0 none !important;} input.text:focus, select.text:focus, textarea.text:focus { font-style:normal;} abbr{ text-decoration:underline; border:0;} /* ========================================================= =1. content forms (contact, newsletter) ========================================================= */ #CONT_content .mainContentArea .contentForm{ margin-bottom:20px;} #CONT_content .mainContentArea .contentForm .formContentArea{ width:605px; padding:8px 7px 8px 8px; position:relative; clear:both;} #CONT_content .mainContentArea.fullWidth .contentForm .formContentArea{ width:auto;} #CONT_content .mainContentArea .contentForm .formContentArea form{ width:555px; padding:25px 25px 15px 25px; position:relative;} #CONT_content .mainContentArea .contentForm .formContentArea form h2 {margin: 10px 0;} #CONT_content .mainContentArea .contentForm .formContentArea form h2 a { margin-left: -10px; padding-left: 30px; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 15px; } #CONT_content .mainContentArea .contentForm .formContentArea form h2.opened a {background-position: 0 -95px;} #CONT_content .mainContentArea .contentForm .formContentArea form h4 {margin: 10px 0; font-size: 15px; font-weight: bold;} #CONT_content .mainContentArea .contentForm .formContentArea form p.info{ float: left; font-size:12px; font-style:italic; margin: 0 0 0 153px; position:relative; top:-10px; width: 100%} #CONT_content .mainContentArea .contentForm .formContentArea form .text{ margin-bottom:15px;} #CONT_content .mainContentArea .contentForm .formContentArea form .left {float: left;} #CONT_content .mainContentArea .contentForm .formContentArea form .collapsible {display: none;} #CONT_content .mainContentArea .contentForm .formContentArea form label.fullWidth{ width:100%;} #CONT_content .mainContentArea .contentForm .formContentArea form label.text{ width:115px; text-align:right; margin:3px 38px 0 0; float:left;} #CONT_content .mainContentArea .contentForm .formContentArea form label.text.small{ width:auto; margin:3px 15px 0 15px;} #CONT_content .mainContentArea .contentForm .formContentArea form label.text.checkbox{ width:310px; text-align: left; margin-right: 0;} #CONT_content .mainContentArea .contentForm .formContentArea form label.text.chkgroup{ width:340px; text-align: left; margin: 0 0 15px;} #CONT_content .mainContentArea .contentForm .formContentArea form abbr{ margin:0 5px;} #CONT_content .mainContentArea .contentForm .formContentArea form button{ float:right; margin:30px 26px 0 0;} #CONT_content .mainContentArea .contentForm .formContentArea form input[type=text], #CONT_content .mainContentArea .contentForm .formContentArea form input[type=email] { width:360px; float:left;} #CONT_content .mainContentArea .contentForm .formContentArea form input.margin {margin-right: 1em;} #CONT_content .mainContentArea .contentForm .formContentArea form input.text.number{ width:20px;} #CONT_content .mainContentArea .contentForm .formContentArea form input.text.numberLarge{ width:40px;} #CONT_content .mainContentArea .contentForm .formContentArea form input.text.date{ width:80px; background-position: 95% center;} #CONT_content .mainContentArea .contentForm .formContentArea form input.text.time{ width:40px;} #CONT_content .mainContentArea .contentForm .formContentArea form input.text.bank{ width:150px;} #CONT_content .mainContentArea .contentForm .formContentArea form input.text.price{ width:35px; padding-left: 20px; background: url(/portal/img/objects/icon.euro.png) scroll no-repeat 2px center transparent; } #CONT_content .mainContentArea .contentForm .formContentArea form input.text.marginRight{ margin-right: 20px;} #CONT_content .mainContentArea .contentForm .formContentArea form input.text.marginRightNumberXSmall{ margin-right: 30px;} #CONT_content .mainContentArea .contentForm .formContentArea form input.text.marginRightNumberSmall{ margin-right: 80px;} #CONT_content .mainContentArea .contentForm .formContentArea form input.text.marginRightNumberNormal{ margin-right: 103px;} #CONT_content .mainContentArea .contentForm .formContentArea form input.text[disabled="disabled"] { opacity: 1; } #CONT_content .mainContentArea .contentForm .formContentArea form label.disclaimerText {font-size: 11px;} #CONT_content .mainContentArea .contentForm .formContentArea form input[name=street]{ width:286px; margin-right:20px;} #CONT_content .mainContentArea .contentForm .formContentArea form input[name=streetnr]{ width:38px;} #CONT_content .mainContentArea .contentForm .formContentArea form input[name=zipcode]{ width:74px; margin-right:20px;} #CONT_content .mainContentArea .contentForm .formContentArea form input[name=city]{ width:250px;} #CONT_content .mainContentArea .contentForm .formContentArea form select[name=salutation], #CONT_content .mainContentArea .contentForm .formContentArea form select[name=payment] { width:130px;} #CONT_content .mainContentArea .contentForm .formContentArea form select[name=language], #CONT_content .mainContentArea .contentForm .formContentArea form select[name=country], #CONT_content .mainContentArea .contentForm .formContentArea form select[name=bureau] { width:376px;} #CONT_content .mainContentArea .contentForm .formContentArea form select.number{ width:45px; float: left;} #CONT_content .mainContentArea .contentForm .formContentArea form select.roomType{ width:115px; float: left;} #CONT_content .mainContentArea .contentForm .formContentArea form select.roomCategory{ width:105px; float: left;} #CONT_content .mainContentArea .contentForm .formContentArea form select.marginRight{ margin-right: 20px;} #CONT_content .mainContentArea .contentForm .formContentArea form textarea[name=message]{ width:360px; height:120px;} #CONT_content .mainContentArea .contentForm .formContentArea form textarea.default{ width:360px; height:120px;} #CONT_content .mainContentArea .contentForm .formContentArea form textarea.small{ width:360px; height:70px;} #CONT_content .mainContentArea .contentForm .formContentArea form .checkboxgroup{ margin-left:153px; width:376px; float: left;} #CONT_content .mainContentArea .contentForm .formContentArea form .checkboxgroup .subgroup{ width:158px; padding:10px 0 0 30px; float:left;} #CONT_content .mainContentArea .contentForm .formContentArea form input[type=checkbox]{ float:left; margin-right:10px; margin-bottom:5px;} #CONT_content .mainContentArea .contentForm .formContentArea form span.sublabel { float: left; position: relative; top: 4px; margin-right: 5px; font-size: 13px; } #CONT_content .mainContentArea .contentForm .formContentArea form span.sublabel.alignRight {margin-left: 10px;} #CONT_content .mainContentArea .contentForm .formContentArea div.chkgroup {width: 380px; float: left;} #CONT_content .mainContentArea .contentForm .formContentArea div.topLabels {float: left; padding-left: 152px;} #CONT_content .mainContentArea .contentForm .formContentArea div.topLabels.full {padding-left: 0px;} #CONT_content .mainContentArea .contentForm .formContentArea div.topLabels span {display: block; float: left; height: 22px; font-size: 13px;} #CONT_content .mainContentArea .contentForm .formContentArea div.topLabels span.xsmall {width: 63px;} #CONT_content .mainContentArea .contentForm .formContentArea div.topLabels span.small {width: 93px;} #CONT_content .mainContentArea .contentForm .formContentArea div.topLabels span.normal {width: 118px;} #CONT_content .mainContentArea .contentForm .formContentArea div.topLabels span.large {width: 138px;} /*error message*/ #CONT_content .mainContentArea .formResponse .formContentArea .message{ width:585px; padding:10px; position:relative;} #CONT_content .mainContentArea.fullWidth .formResponse .formContentArea .message{ width:auto;} /* ========================================================= =2. tabforms (DBTravel) ========================================================= */ #CONT_content .mainContentArea .tabContentArea form{ width:100%; position:relative;} #CONT_content .mainContentArea .tabContentArea form h5{ font-size:16px; font-weight:bold; color:#717171; margin:0 0 5px;} #CONT_content .mainContentArea .tabContentArea form p.info{ font-size:10px!important; font-style:italic; float:left;} #CONT_content .mainContentArea .tabContentArea form fieldset{ margin:20px 0 0;} #CONT_content .mainContentArea .tabContentArea form label.text{ width:130px; text-align:right; margin:3px 38px 0 0; float:left;} #CONT_content .mainContentArea .tabContentArea form .text{ margin-bottom:15px;} #CONT_content .mainContentArea .tabContentArea form input.text.date{ width:136px; background-position:128px center;} #CONT_content .mainContentArea .tabContentArea form input[name=street]{ width:180px; margin-right:5px;} #CONT_content .mainContentArea .tabContentArea form input[name=zipcode]{ width:50px; margin-right:5px; float:left;} #CONT_content .mainContentArea .tabContentArea form input[name=city]{ width:109px; float:left;} #CONT_content .mainContentArea .tabContentArea form button, #CONT_content .mainContentArea .tabContentArea form a.button { height:25px; float:right;} #CONT_content .mainContentArea .tabContentArea form a.button{ font-size:16px; font-weight:bold; height:20px; padding:3px 10px 2px; margin-top:10px;} #CONT_content .mainContentArea .tabContentArea form a.button img{ margin-right:5px;} /*special styles in travel tab*/ #CONT_content .mainContentArea .tabContentArea .travel .formRow {width: 100%; overflow: hidden;} #CONT_content .mainContentArea .tabContentArea .travel .formColumn {float: left;} #CONT_content .mainContentArea .tabContentArea .travel p > a {padding: 0 !important;} #CONT_content .mainContentArea .tabContentArea .travel button {height: 30px; margin-top: 10px; float: none;} #CONT_content .mainContentArea .tabContentArea .travel form fieldset {margin: 10px 0 0 0;} #CONT_content .mainContentArea .tabContentArea .travel form label {display: block; float: none; width: 100%; margin: 0 0 5px 0; text-align: left;} #CONT_content .mainContentArea .tabContentArea .travel form input[name=street] {width: 220px; margin-right:15px;} #CONT_content .mainContentArea .tabContentArea .travel form input[name=zipcode] {width: 50px; margin-right:15px;} #CONT_content .mainContentArea .tabContentArea .travel form input[name=city] {width: 200px;} #CONT_content .mainContentArea .tabContentArea .travel form input[name=saddr] {width: 220px;} #CONT_content .mainContentArea .tabContentArea .travel form button {margin: 19px 0 0 15px;} #CONT_content .mainContentArea .tabContentArea .travel form button.lonely {margin-left: 0;} /* ========================================================= =3. searchforms (ibe) ========================================================= */ #CONT_content .mainContentArea .subContentArea .searchContentArea .form{ width:605px; padding:30px 0 20px 0; position:relative;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form hr{ width:605px; margin:0 0 10px 0;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form .text{ margin:0;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form button{ height:35px;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form input.text.date{ width:136px; background-position:128px center;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form a.text{ float:left; font-size:14px;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form a.closeSearch{ margin-top:10px; padding-left:17px; background:url(../../../img/branding/default/map.infoboard.closer.png) 0 0 no-repeat;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form p.subformtext {margin: 1.5em 0 0; text-align: left; font-size: 1.1em;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form fieldset{ padding:0 20px 0 15px; margin:0; width:570px;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form fieldset.noWidth{width:100%;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form fieldset.hotelroom{ padding:10px; width:550px; margin-bottom:2px; position:relative;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form fieldset.hotelroom > span{ position: absolute; left:10px;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form fieldset.actions{ margin-top:10px;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form fieldset.buttons{ text-align:right;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form fieldset.congresssearch{ width: 360px; margin: 13px 0 0 20px; padding:0 15px 0 0; border-right: 1px solid;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form fieldset.padding{ padding-top: 10px;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form fieldset.hotelroom span{ color:#717171;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form fieldset.hotelroom span.bigLabel{ font-size:18px; font-weight:bold; margin:0 40px 0 0;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form fieldset.hotelroom span.smallLabel{ font-size:12px;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form fieldset.hotelroom a.removeRoom{ width:21px; height:21px; position:absolute; top:-16px; right:0; background:0 0 no-repeat;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form a.addRooms{ font-size:15px; font-weight:bold; padding:0 0 0 18px; margin:0 0 15px; display:block; text-decoration:underline; background:0 center no-repeat;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form .travelDate .section{ float:left; margin:0 20px 10px 0;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form .hotelroom .section{ float:left; margin:15px 18px 0 0;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form .personsNrooms .section{ float:left; width: 50%;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form fieldset.congresssearch label{ width: 220px; margin: 0 35px 0 0; padding: 3px 0 0 0; float: left;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form fieldset.congresssearch input{ width: 89px; margin: 0 0 25px 0;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form fieldset.congresssearch input.name-name{ width: 345px; margin: 0 0 25px 0;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form input[name=nights]{ width:52px;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form input[name^=childAge], #CONT_content .mainContentArea .subContentArea .searchContentArea .form input.childAge { width:20px; margin:0 10px 0 0; padding:0 2px; float:left;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form input.extraLarge{ width: 554px; height: 29px; font-size: 16px; margin: 0 0 20px 0;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form select.extraLarge{ width: 425px; margin: -4px 0 15px 0; float: right;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form select{ width:51px;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form select[name^=roomtype]{ width:125px;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form select[name=nightsToStay]{ width:68px;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form select[name=priceCategory]{ width:150px;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form .personsNrooms select{ margin: 5px 5px 0px 0px;} #CONT_content .mainContentArea .subContentArea .searchContentArea form#componentUpdate{ width:585px; padding:0px;} #CONT_content .mainContentArea .subContentArea .searchContentArea form#componentUpdate h3{ font-size:16px; font-weight:bold; color:#717171; margin:0; padding-left: 10px;} #CONT_content .mainContentArea .subContentArea .searchContentArea form#componentUpdate p{ font-size:12px; font-weight:normal; color:#717171; margin:0 0 5px;} #CONT_content .mainContentArea .subContentArea .searchContentArea form#componentUpdate p.subformtext {font-size: 11px; margin: 0 0 15px;} #CONT_content .mainContentArea .subContentArea .searchContentArea form#componentUpdate label.text{ width:130px; text-align:right; margin:3px 38px 0 0; float:left;} #CONT_content .mainContentArea .subContentArea .searchContentArea form#componentUpdate .text{ margin-bottom:15px;} #CONT_content .mainContentArea .subContentArea .searchContentArea form#componentUpdate hr{ width:585px; margin:0 0 10px 0;} #CONT_content .mainContentArea .subContentArea .searchContentArea form#componentUpdate button, #CONT_content .mainContentArea .subContentArea .searchContentArea form#componentUpdate a.button { height:25px; float:right; margin-bottom:20px;} #CONT_content .mainContentArea .subContentArea .searchContentArea form#componentUpdate a.button{ font-size:16px; font-weight:bold; height:20px; padding:3px 10px 2px; margin-top:10px;margin-right: 10px;} #CONT_content .mainContentArea .subContentArea .searchContentArea form#componentUpdate a.button img{ margin-right:5px;} #CONT_content .mainContentArea .subContentArea .searchContentArea form#componentUpdate span.bookButton{ width:27px; height:30px; display:block; background:0 0 no-repeat; float:right;} #CONT_content .mainContentArea .subContentArea .searchContentArea .form button.congresssearchButton{ position: absolute; bottom: 25px; right: 20px; width: 100px;} /*fulltext search form*/ #fulltextSerchForm {position: relative; margin: 2em 0; padding: 0; border: 4px solid; } #fulltextSerchForm input {width: 26.5em; height: 35px; padding: 0 1em 0 3em; font-size: 1.5em; border: 0 none;vertical-align: middle; background: no-repeat scroll 0.75em center transparent;} #fulltextSerchForm button {float: right; font-size: 2.5em; font-weight: normal; font-family: 'DesyrelRegular',Arial,Helvetica,Verdana,sans-serif; } #keyvisual input.ui-autocomplete-loading {background: url(/portal/img/environment/preloader.autoSuggest.gif) scroll no-repeat 98% center transparent !important;} #fulltextSerchForm input.ui-autocomplete-loading {background: url(/portal/img/environment/preloader.autoSuggest.gif) scroll no-repeat 2% center transparent !important;} /* ========================================================= =4. context forms (filter for ibe, eventmanager, etc.) ========================================================= */ #CONT_content .contextArea .contextSearch{ position: relative; width:278px; border:1px #cecece solid; margin:0 0 30px; background:white;} #CONT_content .contextArea .contextSearch form{ position:relative;} #CONT_content .contextArea .contextSearch form .preloader{ z-index:3;} #CONT_content .contextArea .contextSearch.customize {border: 0 none;} #CONT_content .contextArea .contextSearch.customize .formContainer {padding: 5px;} #CONT_content .contextArea .contextSearch.customize form {overflow: hidden; } #CONT_content .contextArea .contextSearch.customize h3 {font-size: 1.9em; font-weight: bold; margin: 0.5em 0; padding: 0 0.5em 0.5em 0.5em; border-bottom: 1px solid;} #CONT_content .contextArea .contextSearch.customize hr {height: 0; border-top: 1px solid;} #CONT_content .contextArea .contextSearch.customize fieldset {margin: 0 2em;} #CONT_content .contextArea .contextSearch.customize fieldset.buttons {margin: 12px 10px 10px 10px;} #CONT_content .contextArea .contextSearch.customize fieldset.hotelroom a.removeRoom {right: -10px; top: -10px;} #CONT_content .contextArea .contextSearch p{ margin: 10px 30px 10px 20px; color: #717171;} #CONT_content .contextArea .contextSearch fieldset{ margin:0 33px 0 25px;} #CONT_content .contextArea .contextSearch fieldset.hotelroom{ padding:10px; width:200px; margin-bottom:2px; position:relative;} #CONT_content .contextArea .contextSearch fieldset.actions{ margin-top:10px;} #CONT_content .contextArea .contextSearch fieldset.buttons{ text-align:right; margin:12px 10px 10px 45px} #CONT_content .contextArea .contextSearch fieldset.facette{ margin-top:-10px; margin-bottom:10px;} #CONT_content .contextArea .contextSearch .section{ float:left; margin:0 20px 10px 0;} #CONT_content .contextArea .contextSearch .section.last{ margin-right:0;} #CONT_content .contextArea .contextSearch .section.childAge{ margin-right:-4px;} #CONT_content .contextArea .contextSearch fieldset.facette .section{ float:none; margin:0 0 5px; clear:both;} #CONT_content .contextArea .contextSearch fieldset.facette .section .info{ float:right; font-size:12px; color:#63af00;} #CONT_content .contextArea .contextSearch fieldset.facette input[type=checkbox]{ float:left; margin:2px 5px 3px 0;} #CONT_content .contextArea .contextSearch fieldset.facette .section.disabled label, #CONT_content .contextArea .contextSearch fieldset.facette .section.disabled .info { color:#cecece; font-style:italic;} #CONT_content .contextArea .contextSearch fieldset.buttons a.button{ font-weight: 700; font-size: 16px; padding: 7px 6px; display: block; text-align: left;} #CONT_content .contextArea .contextSearch fieldset.buttons a.button img{ margin: 0 5px 0 0;} #CONT_content .contextArea .contextSearch fieldset.hotelroom a.removeRoom{ width:21px; height:21px; position:absolute; top:-13px; right:0; background:0 0 no-repeat;} #CONT_content .contextArea .contextSearch a.addRooms{ font-size:16px; font-weight:bold; padding:0 0 0 18px; margin:0 0 15px; display:block; text-decoration:underline; background:0 center no-repeat;} #CONT_content .contextArea .contextSearch hr{ width:220px; margin:0 33px 0 25px;} #CONT_content .contextArea .contextSearch a.headline{ background:#e3001a url(../../../img/objects/allg.link.arrow.down.white.gif) 10px center no-repeat; display:block; color:white; padding:10px 10px 10px 25px; font-size:16px; font-weight:bold;} #CONT_content .contextArea .contextSearch a.headline.closed{ background-image: url(../../../img/objects/allg.link.arrow.right.white.gif);} #CONT_content .contextArea .contextSearch a.folder{ display:block; font-size:14px; margin:15px 0 15px 10px; padding:0 0 0 15px; font-weight:bold; font-style:italic; color:#717171; background:url(../../../img/objects/allg.link.arrow.down.gif) 0 center no-repeat;} #CONT_content .contextArea .contextSearch a.folder.closed{ background-image:url(../../../img/objects/allg.link.arrow.right.gif);} #CONT_content .contextArea .contextSearch a.subline{ background: none;} #CONT_content .contextArea .contextSearch input.text.date{ width:84px; background-position:76px center;} #CONT_content .contextArea .contextSearch select[name^=roomtype]{ width:200px;} #CONT_content .contextArea .contextSearch select[name=nightsToStay]{ width:68px;} #CONT_content .contextArea .contextSearch input[name^=childAge], #CONT_content .contextArea .contextSearch input.childAge { width:20px; margin:0 4px 0 0; padding:0 2px; float:left;} /*kinda base input/label styles*/ .contextSearch label.base{ width: 80px; margin-right: 10px; float: left;} .contextSearch input.text.base{ width: 114px; float: left;} .contextSearch select.text.base{ width: 130px; float: left;} .contextSearch textarea{ width: 215px; height: 85px; resize: vertical;} .contextSearch .mandatoryInfo{ float:right; color: #717171; font-size: 12px; font-style: italic; margin: 0 0 5px 0;} .contextSearch input.last{ margin-right: 0!important;} .contextSearch label.base.adults{ width: 145px; margin-top: 10px;} .contextSearch label.base.children{ width: 78px;} .contextSearch input.text.base.adults{ width: 49px; margin-top: 5px;} /*shows and hides*/ .contextSearch form.active .showOnActive{ display: block;} .contextSearch form.active .hideOnActive{ display: none;} /*slider*/ #CONT_content .contextArea .contextSearch fieldset.slider{ padding:0 0 40px;} #CONT_content .contextArea .contextSearch fieldset.slider.stars{ padding:20px 0 30px; position:relative;} #contextfilter_price_minlegend_absolute, #contextfilter_price_maxlegend_absolute, #toursearch_length_absolute_min, #toursearch_length_absolute_max { display:block; font-size:14px; color:#717171; margin:0 0 5px;} #contextfilter_price_maxlegend_absolute, #toursearch_length_absolute_max { float:right;} #toursearch_length_absolute_min, #toursearch_length_absolute_max {display:inline-block;} #CONT_content .contextArea .contextSearch fieldset.slider .ui-slider-horizontal{ border:1px #cecece solid; background:white; height:6px;} #CONT_content .contextArea .contextSearch fieldset.slider .ui-state-default{ border:0; background:50% 50% repeat-x;} #CONT_content .contextArea .contextSearch fieldset.slider .ui-slider-handle{ z-index:2; top:0; width:17px; height:21px; cursor:cursor; background:url(../../../img/branding/default/sliderHandle.gif) 0 0 no-repeat;} #CONT_content .contextArea .contextSearch fieldset.slider .ui-slider-range{ background:#cbcbcb;} #CONT_content .contextArea .contextSearch fieldset.slider.stars img.sliderStars{ position:absolute; top:-30px; left:15px;} #contextfilter_price_minlegend, #contextfilter_price_maxlegend, #toursearch_length_value { position:absolute; top:20px; font-size:12px; font-weight:bold;} #contextfilter_price_minlegend{ left:-10px;} #contextfilter_price_maxlegend{ right:-15px;} #CONT_content .contextArea div.message.formerror { margin: 10px 20px; border: 1px solid red; padding: 5px; } #CONT_content .contextArea div.message.formerror h3 { font-size: 14px; color: red; font-weight: bold; margin: 0 0 5px 0; } #CONT_content .contextArea div.message.formerror p { font-size: 12px; color: red; margin: 0; } /* ========================================================= =5. CAPTCHA ========================================================= */ #formCaptcha {width: 370px; margin: 30px 0 10px 153px; overflow: hidden;} #formCaptcha p {font-size: 13px; font-style: italic;} #formCaptcha p.copy {margin: 3px 0; text-align: right;} #formCaptcha p.copy a {font-size: 11px; text-decoration: none;} #formCaptcha #recaptcha_widget_div {width: 360px; overflow: hidden; border: 3px solid;} #formCaptcha #recaptcha_widget_div .recaptchatable {border: 0 none !important;} /* ========================================================= =6. IBE Shopping Cart Forms ========================================================= */ .shoppingCartForm .shoppingCart .shoppingCartContent fieldset{ position:relative; padding:25px; width:896px;} .shoppingCartForm label.text{ width:150px; text-align:right; margin:3px 40px 0 0; float:left;} .shoppingCartForm label.text.margin{ margin-top:20px;} .shoppingCartForm .line { margin:0 0 20px 0; } .shoppingCartForm p.info { margin:10px 0 0 190px; font-size:1.2em; font-style:italic; } .shoppingCartForm .group { overflow:hidden; } .shoppingCartForm .section { float:left; width:auto; margin:0 15px 10px 0; } .shoppingCartForm .section:last-of-type { margin-right:0; } .shoppingCartForm .section label { font-size:1.2em; font-style:italic; } .shoppingCartForm .section input { width:322px; } .shoppingCartForm .section input[name$=firstName], .shoppingCartForm .section input[name$=lastName] { width:99px; } .shoppingCartForm .section input[name=zipcode] { width:81px; } .shoppingCartForm .section input[name=city] { width:210px; } .shoppingCartForm .section select[name=language], .shoppingCartForm .section select[name=country] { width:338px; } .shoppingCartForm input[name^=additional_] { width:130px; } .shoppingCartForm textarea[name=DEU99999990021502330] { width:675px; resize:vertical; } .shoppingCartForm .section select[name$=personType]{ width:78px; } .shoppingCartForm select#ibe_paymentForShoppingCart_chooser{ width:320px;} .shoppingCartForm input.payment{ width:304px;} .shoppingCartForm .paymentForm select[name=paymentmethod]{ width:140px;} .shoppingCartForm .paymentForm select[name=expm]{ width:50px;} .shoppingCartForm .paymentForm select[name=expy]{ width:75px;} .shoppingCartForm .paymentForm input[name=cvc]{ width:124px;} .shoppingCartForm .paymentForm a.info{ font-size:1.2em; font-style:italic; text-decoration:underline; margin:0 0 0 1em;} /* ========================================================= =7. Contact access area ========================================================= */ #contactAccessArea .formColumn {width: 46%; padding-right: 4%; float: left;} #contactAccessArea .contactBarContent .formColumn p {margin: 10px 0;} #contactAccessArea label {display: block; padding-left: 4px; margin-top: 5px; font-size: 1.2em; font-style: italic; color: #717171;} #contactAccessArea label.hide {display: none;} #contactAccessArea input {width: 95%; margin-bottom: 5px;} #contactAccessArea input.text.small {width: 41.8%; margin-right: 3.6%;} #contactAccessArea input.text.small.no-border {margin-right: 0;} #contactAccessArea textarea {width: 95%; height: 60px; margin-bottom: 5px;} #contactAccessArea button {margin: 10px 0 0; float: right;} /* ========================================================= =8. Button ========================================================= */ #CONT_content .contextArea .contextSearch.goBack { border: 0; background: transparent; text-align: right; margin-top: -3px;} #CONT_content .contextArea .contextSearch.goBack a.goBack img {margin-bottom: -3px; margin-right: 3px;} #CONT_content .contextArea .contextSearch.goBack a.goBack { color: #63AF00; font-size: 15px; font-weight: bold; text-decoration: underline;} #CONT_content .contextArea input.name-categories{ float: left; } #CONT_content .contextArea label.name-categories{ min-width: 150px; display: block; } /* ========================================================= =9. Travel Wish ========================================================= */ /*general styles*/ #CONT_content #travelWish_form_basePackage, #CONT_content #travelWish_form_host { padding: 0px;} #CONT_content #travelWish_form_basePackage fieldset, #CONT_content #travelWish_form_host fieldset { padding-top: 20px; padding-bottom: 20px;} #CONT_content #travelWish_form_host fieldset, #CONT_content #travelWish_form_components fieldset { width: 582px; margin-right: -12px;} /************************************************/ /*styles for basePackage form*/ #travelWish_form_basePackage input[type=checkbox]{ float: left; margin: 2px 10px 30px 0px;} #travelWish_form_basePackage label{ color: #717171;} #travelWish_form_basePackage label .info > img{ vertical-align: bottom;} #travelWish_form_basePackage label > .type{ font-family: 'DesyrelRegular'; color: #e3001a; font-size: 24px; line-height: 12px; } /************************************************/ /*styles for host and component form*/ /*simple grid*/ .travelWishForm .lineElement{ margin: 0px 12px 12px 0px!important; float: left;} .travelWishForm .lineElement.fullWidth{ width: 570px!important;} .travelWishForm .lineElement.secondWidth{ width: 376px;} .travelWishForm .lineElement.thirdWidth{ width: 182px;} /*general textStyles*/ .travelWishForm h3{ font-family: 'DesyrelRegular'; color: #717171; font-size: 24px!important; margin: 10px 0px 5px 0px!important; } .travelWishForm h3 > span{ font-family: Arial, Helvetica, Verdana, sans-serif; color: #717171; font-size: 12px; line-height: 14px; } .travelWishForm p{ color: #717171; margin: 0px 0px 10px 0px; } .travelWishForm p .highlight{ color: #e3001a;} .travelWishForm p .type{ font-family: 'DesyrelRegular'; color: #e3001a; font-size: 24px; line-height: 12px; } .travelWishForm p.italic{ font-style: italic;} .travelWishForm a.button{ float: right; height: 20px; padding: 5px 10px 0px 10px; margin: 0px 20px 20px 0px; font-size: 14px; font-weight: 700; text-decoration: none; } .travelWishForm a.button > img{ vertical-align: middle; margin: 0px 0px 0px 5px;} /************************************************/ /*styles for host form*/ /*teaser switch button*/ #travelWish_form_host .teaserSwitch{ width: auto; padding: 10px 10px 30px 10px; margin: 0px 0px 20px 0px; display: block; position: static; font-family: 'DesyrelRegular'; color: #e3001a; text-align: center; font-size: 24px; line-height: 30px; background-image: url(../../../img/objects/travelWish/teaserSwitch.arrow.gif); background-position: 50% 90%; background-repeat: no-repeat; } #travelWish_form_host .teaserSwitch.active{ background: #fff; border: 1px rgba(0, 0, 0, 0.15) solid; padding: 9px 9px 29px 9px; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; } #travelWish_form_host .teaserSwitch > span{ display: block; margin-top: 5px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #717171; font-size: 12px; line-height: 14px; } /*teaser elements*/ #travelWish_form_host .teaserList{ overflow: hidden; clear: both;} #travelWish_form_host .teaserList .teaser > .image{ width:auto; height:135px; padding:5px; margin:0px 0px 10px 0px; position:relative; display: block; } #travelWish_form_host .teaserList .teaser > .image > img{ position: relative; height: auto; width: 100%; } #travelWish_form_host .teaserList .teaser > .image > .infoCorner{ left: 5px; right: auto; background-position: -59px 0!important; } #travelWish_form_host .teaserList .teaser > .image > .infoCorner.stars{ width:61px; height:61px; padding:3px 0px 0px 3px;} #travelWish_form_host .teaserList .teaser > .image > .infoCorner.stars span.star, #travelWish_form_host .teaserList .teaser > .image > .infoCorner.stars span.attribute{ float:left; clear:left;} #travelWish_form_host .teaserList .teaser > input[type=radio]{ float: left; margin: 2px 5px 50px 0px;} #travelWish_form_host .teaserList .teaser > label{ color: #717171; font-size: 16px; font-weight: 700;} /************************************************/ /*styles for components form*/ #travelWish_form_components > fieldset.activePreview > .travelWish-componentAddIntro, #travelWish_form_components > fieldset.activePreview > .travelWish-componentAddList, #travelWish_form_components > fieldset.activePreview > .travelWish-componentAddCart{ display: none;} #travelWish_form_components > fieldset.activePreview > .travelWish-componentAddHeadline{ display: block; cursor: pointer; padding-bottom: 10px; background: url(../../../img/objects/travelWish/teaserSwitch.arrow.gif) 0% 100% no-repeat; } #travelWish_form_components > fieldset.active > .travelWish-componentAddList > .sectionLeft, #travelWish_form_components > fieldset.active > .travelWish-componentAddList > .sectionRight{ width: 275px; float: left; } #travelWish_form_components > fieldset.active > .travelWish-componentAddList > .sectionLeft{ padding-right: 10px;} #travelWish_form_components > fieldset.active > .travelWish-componentAddList > .sectionRight{ padding-left: 10px;} #travelWish_form_components > fieldset.preview > .travelWish-componentAddHeadline, #travelWish_form_components > fieldset.preview > .travelWish-componentAddList, #travelWish_form_components > fieldset.preview > .travelWish-componentAddCart{ display: none;} #travelWish_form_components > fieldset.preview > .travelWish-componentAddIntro{ display: block;} #travelWish_form_components > fieldset.active > .travelWish-componentAddHeadline, #travelWish_form_components > fieldset.active > .travelWish-componentAddList, #travelWish_form_components > fieldset.active > .travelWish-componentAddCart{ display: block;} #travelWish_form_components > fieldset.active > .travelWish-componentAddIntro{ display: none;} /*component list*/ #travelWish_form_components ul{ list-style-type: none; margin: 0px; padding: 0px;} #travelWish_form_components ul > li{ margin-bottom: 8px;} #travelWish_form_components input[type=radio]{ float: left; margin: 2px 5px 0px 0px;} #travelWish_form_components label{ color: #717171; font-size: 14px; font-weight: 400;} #travelWish_form_components label .info > img{ vertical-align: bottom;} #bookingRequestForm_bindingbooking_1, #tourBookingRequestForm_bindingbooking_1{display:none;} }