/*
 * (c) 2008-2011 Alexander Bigga <linux@bigga.de>
 *
 */


/*
 * Calendar Table Settings
 *
 */

.tx-abbooking-pi1 {
	overflow: auto;
	padding: 5px 0;
}
.tx-abbooking-pi1 table.availabilityCalendar table {
    border-collapse: separate;
}

.tx-abbooking-pi1 .availabilityCalendar li,
.tx-abbooking-pi1 .availabilityCalendarLine li
 {
 	padding: 1px;

	-moz-border-radius: 3pt;
	-webkit-border-radius: 3pt;
  	border-radius: 3pt;

	-moz-box-shadow: 1px 1px 1px #a96;
	-webkit-box-shadow: 1px 1px 1px #a96;
	box-shadow: 1px 1px 1px #a96;
}

.tx-abbooking-pi1 .listlegend td {
	font-size: 100%;
 	width: 14px;
	text-align: center;
}
.tx-abbooking-pi1 .listlegend td.legend {
	 text-align: left;
}

/*.tx-abbooking-pi1 .availabilityCalendar .legend {
	font-size: 100%;
	border: 0px;
	text-align: left;
}*/
.tx-abbooking-pi1 table.availabilityCalendar .ABmonthname {
	background-color: #e0e0e0;
	border: 0px;
}

.tx-abbooking-pi1 table.availabilityCalendar td.ABmonth {
	vertical-align: top;
}
.tx-abbooking-pi1 table.availabilityCalendar .ABcalendar td {
	font-size: 100%;
	text-align: center;
}

.tx-abbooking-pi1 table.availabilityCalendar .noDay {
	font-size: 100%;
	border: 0px;
	text-align: center;

	-moz-border-radius: 3pt;
	-webkit-border-radius: 3pt;
  	border-radius: 3pt;

	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}



/*
 * Calendar Line View
 */

.tx-abbooking-pi1 div.availabilityCalendar {
	margin: 0 auto;
}

/* transparency for Calendar Line View */
.tx-abbooking-pi1 div.availabilityCalendar .transp {
	opacity: .4;
}


.tx-abbooking-pi1 div.availabilityCalendar div.calendarWeek {
	float: left;
	width: 100%;
}

.tx-abbooking-pi1 div.availabilityCalendar .calendarWeek .legend {
	font-size: 100%;
	border: 0px;
	text-align: left;
}

.tx-abbooking-pi1 div.availabilityCalendar .calendarMonth {
	float: left;
	border: 0px;
	width: 198px;
}

.tx-abbooking-pi1 div.availabilityCalendar .calendarMonth .calendarMonthName {
	clear: both;
	text-align: center;
	font-size: 120%;
	font-weight: normal;
	background-color: #e0e0e0;
}

.tx-abbooking-pi1 div.availabilityCalendar .calendarWeek .ABmonthname {
	background-color: #e0e0e0;
	border: 0px;
}


.tx-abbooking-pi1 div.availabilityCalendar ul.CalendarLine {
	float: left;
	width: 100%;
	margin: 0;
	padding-left: 0;
}
.tx-abbooking-pi1 div.availabilityCalendar ul.CalendarLine li {
	float: left;
	width: 20px;

	margin: 2px;
	width: 17px;
	text-align: center;
	list-style-type: none;
}

.tx-abbooking-pi1 div.availabilityCalendar ul.CalendarLine li.DayNames {
	border: none;
	margin: 2px 4px;
	text-decoration: none;

}

.tx-abbooking-pi1 div.availabilityCalendar ul.CalendarLine li.noDay {
	font-size: 100%;
	border: 0px;
	text-align: center;
	margin: 2px 4px;

}

/*
 * Calendar Line View
 */
.tx-abbooking-pi1 div.availabilityCalendarLine div.calendarWeek {
	float: left;
	width: 100%;
}
.tx-abbooking-pi1 div.availabilityCalendarLine ul.CalendarLine {
	float: left;
	margin: 0;
	padding-left: 0;
}
.tx-abbooking-pi1 div.availabilityCalendarLine ul.CalendarLine li {
	width: 20px;
	margin: 2px;
	width: 17px;
	text-align: center;
	list-style-type: none;
}

.tx-abbooking-pi1 div.availabilityCalendarLine ul.CalendarLine li.DayNames {
	border: none;
	margin: 2px 4px;
	text-decoration: none;

}

.tx-abbooking-pi1 div.availabilityCalendarLine ul.CalendarLine li.noDay {
	font-size: 100%;
	border: 0px;
	text-align: center;
	margin: 2px 4px;

}

.tx-abbooking-pi1 div.calendarCheckinOverview {
	margin: 0 auto;
	width: 80em;
}

/* transparency for Calendar Line View */
.tx-abbooking-pi1 div.calendarCheckinOverview .transp {
	opacity: .4;
}
.tx-abbooking-pi1 div.calendarCheckinOverview ul.CalendarLine {
	float: left;
	margin-left: 0;
	padding-left: 0;
}
.tx-abbooking-pi1 div.calendarCheckinOverview ul.CalendarLine li {
	padding: 2px;
	margin: 2px;
	width: 10em;
	text-align: center;
	list-style-type: none;
}
.tx-abbooking-pi1 div.calendarCheckinOverview div.calendarWeek {
	float: left;
}
.tx-abbooking-pi1 div.calendarCheckinOverview .booked {
	border: 2px solid #d30000;
	text-decoration: none;
}
.tx-abbooking-pi1 div.calendarCheckinOverview .vacant {
	border: 2px solid #008000;
}

.tx-abbooking-pi1 div.calendarCheckinOverview .DayNames {
	border: 2px solid #ccc;
	text-decoration: none;
}

.tx-abbooking-pi1 div.calendarCheckinOverview .bookingInfos {
	border-bottom: 1px solid #ccc;
	text-decoration: none;
}

.tx-abbooking-pi1 div.calendarCheckinOverview .bookingInfos #depature {
	color: #aa0000;
	font-weight: bold;
	text-decoration: none;
}
.tx-abbooking-pi1 div.calendarCheckinOverview .bookingInfos #arrival {
	color: green;
	font-weight: bold;
	text-decoration: none;
}
.tx-abbooking-pi1 div.calendarCheckinOverview .bookingInfos #stay {
	border-bottom: 1px solid #ccc;
	text-decoration: none;
}

/*
 * shared classes by Calendar Line and Calendar View
 */

.tx-abbooking-pi1 .Day {
/* 	background-color: #fff; */
}
.tx-abbooking-pi1 .Weekend {
	background-color: #c6c6c6;
}
.tx-abbooking-pi1 .booked {
	border: 2px solid #d30000;
	text-decoration: line-through;
}
.tx-abbooking-pi1 .overBookedDay {
	background-color: #FF0000;
}

.tx-abbooking-pi1 .vacant {
	border: 2px solid #008000;
}

.tx-abbooking-pi1 .noPrices {
	border: 2px solid #aaa;
}

.tx-abbooking-pi1 .Start {
	border-right: 2px solid #d30000;
	border-bottom: 2px solid #d30000;
	border-left: 2px solid #008000;
	border-top: 2px solid #008000;
	text-decoration: line-through;
}

.tx-abbooking-pi1 .End {
	border-right: 2px solid #008000;
	border-bottom: 2px solid #008000;
	border-left: 2px solid #d30000;
	border-top: 2px solid #008000;
	text-decoration: none;

	-moz-border-radius: 3pt;
	-webkit-border-radius: 3pt;
  	border-radius: 3pt;

	-moz-box-shadow: 2px 2px 2px #a96;
	-webkit-box-shadow: 2px 2px 2px #a96;
	box-shadow: 2px 2px 2px #a96;
}


.tx-abbooking-pi1 li a,
.tx-abbooking-pi1 li a
 {
	padding: 2px 2px 2px 2px;
	margin: 0px;
	width: 100%;
}

.tx-abbooking-pi1 li.End:hover,
.tx-abbooking-pi1 li.vacant:hover
{
	margin: 0px;
	width: 17px;
}

.tx-abbooking-pi1 li.End:hover a,
.tx-abbooking-pi1 li.vacant:hover a
 {
	padding: 3px;

	-moz-border-radius: 2pt;
	-webkit-border-radius: 2pt;
  	border-radius: 2pt;

	-moz-box-shadow: 1px 1px 1px #a96;
	-webkit-box-shadow: 1px 1px 1px #a96;
	box-shadow: 1px 1px 1px #a96;

	margin: 0 0 0 -3px;
	width: 17px;
	border: 2px solid #ad8;
	background-color: #ad8;
}

.tx-abbooking-pi1 .DayTitle {
	font-weight: bold;
}


/*
 * general form settings
 */
input {
	border: 1px solid #aa0000;
}

input.error {
	border: 3px solid #aa0000;
	background-color: #fffa79;
}

input.readonly {
 	border: 0px solid #aa0000;
	background-color: #ffffff;
}

input.edit {
	padding: 5px;
	float: left;
	border: 1px solid #aa0000;
	background-color: #fffa79;
	font-size: 100%;
}

div.buttons {
	position: relative;
	top: 0px;
}

input.submit_final {
	padding: 5px;
	float: right;
	margin: 0px;
	font-size: 140%;
	background-color: #aadd88;
}

input.submit {
	padding: 5px;
	float: right;
	margin: 0px;
	font-size: 140%;
	background-color: #aadd88;
}

input.submit_dateSelect {
	padding: 5px;
	margin: 0px;
	background-color: #aadd88;
}

/* get rid of checkbox of date2calendar extension */
input[type="checkbox"].jscalendar_cb {
	display: none;
}

/*
 * Offer List View
 */

.tx-abbooking-pi1 div.offer {
	padding: 5px;
}

.tx-abbooking-pi1 div.offer p.offer {
	font-size: 120%;
	font-weight: bold;
}
.tx-abbooking-pi1 div.offer p.bookNow {
	font-size: 120%;
	text-align: right;
	position: relative;
	bottom: -10px;
	clear: both;
/* 	float: right; */
}

.tx-abbooking-pi1  li.offerList {
	float: left;
	list-style-type: none;
 	margin: 5px 0 5px 0;
 	padding: 10px;
  	border: 1px solid #aaa;
	width: 95%;
}


.tx-abbooking-pi1 div.noteForm,
.tx-abbooking-pi1 p.yourSettings
{
 	margin: 5px 10px 5px 0;
 	padding: 5px 0 5px 5px;
  	border: 1px solid #080;
	width: 95%;
	background-color: #ddd;
	color: black;
	font-weight: bold;
}
.tx-abbooking-pi1  div.noteForm p {
	font-size: 120%;
	font-weight: normal;
}

/*
 * Request Form
 */

.tx-abbooking-pi1  div.requestForm {
	float: left;
	list-style-type: none;
 	margin: 5px 0 5px 0;
 	padding: 10px;
  	border: 1px solid #aaa;
	width: 95%;
}
.tx-abbooking-pi1  form.requestForm {
	float: left;
	border-top: 1px solid #aaa;
	width: 100%;
	padding-top: 10px;
}
.tx-abbooking-pi1  form.requestForm .item {
	border-bottom: 1px dotted #ddd;
	padding: 2px 0;
}
.tx-abbooking-pi1  form.requestForm .firstname{
	float: left;
	margin-right: 10px;
}
.tx-abbooking-pi1  form.requestForm .zip {
	float: left;
	margin-right: 10px;
}
.tx-abbooking-pi1  form.requestForm .city {
	float: left;
}
.tx-abbooking-pi1  form.requestForm .email {
	clear: left;
}
.tx-abbooking-pi1  form.requestForm .singleradio {
	float: left;
	clear: left;
}
.tx-abbooking-pi1  form.requestForm .clearsingleradio {
	clear: left;
}
.tx-abbooking-pi1  form.requestForm .checkinDate {
	clear: left;
}
.tx-abbooking-pi1  form.requestForm .required p.title {
	font-weight: bold;
}
.tx-abbooking-pi1  form.requestForm p.title {
	font-weight: bold;
}
.tx-abbooking-pi1  form.requestForm p.info {
	font-weight: normal;
	font-size: 90%;
	padding: 1px;
	margin: 0px;
}
.tx-abbooking-pi1  form.requestForm .required p.title:before {
	content: '*';
}
.tx-abbooking-pi1  form.requestForm .errorField {
	color: #aa0000;
}
.tx-abbooking-pi1  form.requestForm .errorText {
	color: black;
}

.tx-abbooking-pi1  div.errorForm {
	float: left;
	border: 3px solid #aa0000;
	background-color: #fffa79;
	width: 100%;
	font-weight: bold;
	color: black;
}
.tx-abbooking-pi1  div.errorForm ul {
	margin: 0;
	padding-left: 1em;
}
.tx-abbooking-pi1 img.date2cal_img_cal  {
	text-align: right;
	float: none;
	margin: 1px;
/* 	float: right; */
}
.tx-abbooking-pi1 input.jscalendar  {
	width: 7em;
}

td.noPrices:hover {
	background-color: #ddd;
}

textarea[name="tx_abbooking_pi1[mitteilung]"] {
	border: 1px solid #aa0000;
	margin: 1px;
	width: 100%;
}

/*
 * Booking Steps on top of the Request Form
 */

.tx-abbooking-pi1 div.bookingSteps {
	position: relative;
	float: left;
	width: 95%;
	border: 1px solid #aaa;
	padding: 10px;
}

.tx-abbooking-pi1 div.bookingSteps ul li {
	float: left;
	padding: 2px;
	margin: 0;
	width: 30%;
	text-align: center;
	list-style-type: none;
	border: 1px solid #ddd;
	font-size: 120%;
	font-weight: normal;
}
.tx-abbooking-pi1  div.bookingSteps ul  li.current {
	font-size: 120%;
	font-weight: bold;
	border: 1px solid #008000;
}
.tx-abbooking-pi1  div.bookingSteps ul  li.past {
	font-size: 120%;
	font-weight: normal;
	background-color: #ddd;
	border: 1px solid #ddd;
}

.tx-abbooking-pi1  h2.setupErrors {
	border: 2px solid #333;
	font-family: Monospace;
	font-weight: bold;
	font-size: 140%;
	text-align: center;
	color: #a00;
	background-color: #ddd;
	padding: 5px;
}
.tx-abbooking-pi1 div.priceDetails {
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	float: left;
	width: 100%;
	margin: 10px 0;
}
.tx-abbooking-pi1  .priceDetails ul {
	list-style-type: none;
	margin: 0;
}
.tx-abbooking-pi1  .priceDetails li {
	padding: 2pt 0;
}
.tx-abbooking-pi1  .priceDetails li.first {
	clear: both;
/* 	background-color: #ddd; */
}
.tx-abbooking-pi1  .priceDetails li.odd {
	clear: both;
	border-top: 1px dashed #ccc;
}
.tx-abbooking-pi1  .priceDetails li.even {
	clear: both;
	border-top: 1px dashed #ccc;
}
.tx-abbooking-pi1  .priceDetails input {
	float: left;
	margin-right: 6pt;
}

.tx-abbooking-pi1  span.priceDescription {
	clear: right;
}
.tx-abbooking-pi1  span.priceDeselected {
	opacity: 0.6;
	font-style: oblique;
	float: left;
}
.tx-abbooking-pi1  span.priceDates {
	font-size: 100%;
	font-family: Courier, monospace;
	font-weight: bold;
	float: left;
}

.tx-abbooking-pi1 span.priceValue {
	width: 12em;
	text-align: right;
	float: right;
}

.tx-abbooking-pi1  div.priceTotal {
	margin-bottom: 1em;
}

.tooltipForm {
	display:none;
 	background:transparent url(/fileadmin/templates/weltcafe_template/images/white_big_wc.png);
	font-size: 90%;
	height:100px;
	width:240px;
	padding:20px;
	color:#333;	
}