/* Document : waitinglist Created on : 18.09.2012, 08:05:03 Author : Julian Stricker Description: Purpose of the stylesheet follows. */ .zimmerdivheader .iconspan { background: url("../../images/forms/formsprite.png") no-repeat scroll 0 -140px transparent !important; width: 16px; height: 16px; float: right; } .zimmerdiv .minusbutton{ background: url("../../images/forms/formsprite.png") no-repeat scroll 0 -80px transparent !important; width: 16px; height: 16px; display: block; } .zimmerdiv .plusbutton{ background: url("../../images/forms/formsprite.png") no-repeat scroll 0 -60px transparent !important; width: 16px; height: 16px; display: block; } /* DEBUG form {background:#000; color:red!important;} input {background:#888;} select {background:#AAA;} textarea {background:#CCC;} label {background:#EEE;} DEBUG */ /* Aufbau */ #formcontainer {font-family:Arial,Helvetica,sans-serif; font-size:10px; } #formcontainer form {line-height:20px; font-size:12px; width:440px;} #formcontainer form a {line-height:20px; font-size:12px; font-family:Arial;} /* RESET */ #formcontainer input, #formcontainer select, #formcontainer textarea {margin:0px; padding:0px; display:block; -webkit-border-radius: 3px; border-radius: 3px; } #formcontainer input {height:18px; width:140px; display:inline-block; border:1px solid transparent} #formcontainer select {height:20px; width:142px; display:inline-block; border:1px solid transparent} *+html #formcontainer select {height:22px!important;} #formcontainer textarea {width:430px; border:1px solid transparent} #formcontainer label {display:inline-block; width:80px;} #formcontainer .zimmerdiv {position:relative; padding:10px 5px 10px 5px; border-top:1px solid #999;} #formcontainer .zimmerdivheader {position:absolute; top:5px; right:0px;} #formcontainer .zimmerdivheader a {display:block;} #formcontainer .zimmerdiv .brandnamic_otatransferrooms_zimmername {width:300px;} #formcontainer .zimmerdiv .brandnamic_otatransferrooms_zimmername label {display:none;} #formcontainer .zimmerdiv .brandnamic_otatransferrooms_zimmername input {background:transparent; border:none; color:black; font-weight:bold;} #formcontainer .zimmerdiv .brandnamic_otatransferrooms_guestcounts {width:208px; float:left} #formcontainer .zimmerdiv .brandnamic_otatransferrooms_guestcounts label, #formcontainer .zimmerdiv .brandnamic_otatransferrooms_guestcounts input, #formcontainer .zimmerdiv .brandnamic_otatransferrooms_guestcounts a {float:left;} #formcontainer .zimmerdiv .brandnamic_otatransferrooms_guestcounts input {width:50px;} #formcontainer .zimmerdiv .brandnamic_otatransferrooms_board {width:220px; float:left} #formcontainer .zimmerdiv .brandnamic_otatransferrooms_board select {width:120px;} #formcontainer .zimmerdiv .zimmerchildrendiv {float:left; width:440px;} #formcontainer .zimmerdiv .zimmerchildrendiv a, #formcontainer .zimmerdiv .zimmerchildrendiv label {float:left;} #formcontainer .zimmerdiv .zimmerchildrendiv .kinderliste {float:left;} #formcontainer .zimmerdiv .zimmerchildrendiv .kinderliste .kinderdiv {margin-left:80px;} #formcontainer .zimmerdiv .zimmerchildrendiv a.plusbutton {margin-right:200px;} #formcontainer a.plusbutton, #formcontainer a.minusbutton {height:20px; width:20px;} .brandnamic_otatransferrooms_guestcounts:before, .brandnamic_otatransferrooms_guestcounts:after { content: ""; display: table; } .brandnamic_otatransferrooms_guestcounts:after { clear: both; } .brandnamic_otatransferrooms_guestcounts { *zoom: 1; } #formcontainer .clr {clear:both;float:none;} #formcontainer .field {position:relative; margin-bottom:4px;} #formcontainer .brandnamic_fromdate {width:220px; float:left;} #formcontainer .brandnamic_todate {width:220px; float:left;} #formcontainer .brandnamic_alternativefromdate {width:220px; float:left;} #formcontainer .brandnamic_alternativetodate {width:220px; float:left;} #formcontainer .brandnamic_fromdate input, #formcontainer .brandnamic_todate input, #formcontainer .brandnamic_alternativefromdate input, #formcontainer .brandnamic_alternativetodate input {width:120px;} #formcontainer .brandnamic_roomselector { margin-bottom:50px;} #formcontainer .brandnamic_roomselector label {width:430px!important; display:block;} #formcontainer .brandnamic_roomselector select {width:430px!important; display:block;} #formcontainer .alternativedate div {width:220px; float:left;} #formcontainer .brandnamic_title {width:145px; float:left;} #formcontainer .brandnamic_nameprefix {width:145px; float:left;} #formcontainer .brandnamic_firstname {width:145px; float:left;} #formcontainer .brandnamic_lastname {width:145px; float:left;} #formcontainer .brandnamic_phone {width:145px; float:left;} #formcontainer .brandnamic_email {width:145px; float:left;} #formcontainer .brandnamic_address {width:145px; float:left;} #formcontainer .brandnamic_city {width:145px; float:left;} #formcontainer .brandnamic_zip {width:145px; float:left;} #formcontainer .brandnamic_state {width:145px; float:left;} #formcontainer .brandnamic_country {width:145px; float:left;} #formcontainer .brandnamic_comment {width:440px; float:left;} #formcontainer .brandnamic_comment label {display:block;} #formcontainer .brandnamic_comment input {width:290px;} /* Aufbau */ /* Styling */ #formcontainer input, #formcontainer select, #formcontainer textarea {border:1px solid #DDDDDD;} /* Styling */ span.error {position:absolute; width:140px; height:18px; overflow:hidden; bottom:1px; right:3px; padding:1px; background:transparent; display:none;} #brandnamic_otatransferrooms {margin-top:40px; border-bottom:1px solid #DDDDDD!important;} #brandnamic_otatransferrooms.notvalid {border:0px solid #640000!important} #formcontainer .notvalid {border:1px solid #640000; background:#FF9999!important;} #zimmerselectorlabelfirst {font-weight:bold;} .brandnamic_otatransferrooms:before, .brandnamic_otatransferrooms:after { content: ""; display: table; } .brandnamic_otatransferrooms:after { clear: both; } .brandnamic_otatransferrooms { *zoom: 1; } .zimmerchildrendiv:before, .zimmerchildrendiv:after { content: ""; display: table; } .zimmerchildrendiv:after { clear: both; } .zimmerchildrendiv { *zoom: 1; } p {margin:20px 0px 10px 0px;} p.h2 {font-size:16px; font-weight:bold; text-align:right; border-bottom:1px solid black; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } p.oblig {color:#FF9999; font-style:italic; font-size:10px;} div.error {margin-top:10px; color:red;} #formcontainer a {font-size:10px; color:black;} img.ui-datepicker-trigger {position:absolute; right:0px; top:2px;} button {float:right; margin-right:8px; background:#FFFFFF; border:1px solid #DDDDDD; padding:10px; background: rgb(242,245,246); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242,245,246,1) 0%, rgba(227,234,237,1) 37%, rgba(200,215,220,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,245,246,1)), color-stop(37%,rgba(227,234,237,1)), color-stop(100%,rgba(200,215,220,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 3px; border-radius: 3px; cursor:pointer; } .requestform:before, .requestform:after { content: ""; display: table; } .requestform:after { clear: both; } .requestform { *zoom: 1; } .brandnamic_fromdate label, .brandnamic_todate label, .brandnamic_alternativefromdate label, .brandnamic_alternativetodate label {text-align:right; padding-right:5px; width:75px!important;} .zimmerdiv { background: rgb(254,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(254,255,255,1) 0%, rgba(211,234,199,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(100%,rgba(211,234,199,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(211,234,199,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(211,234,199,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(211,234,199,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(254,255,255,1) 0%,rgba(211,234,199,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d3eac7',GradientType=0 ); /* IE6-9 */ } .ui-datepicker { font-size: 12px; } .brandnamic_privacy{ clear:both; }