/* Base CSS style sheet for RENT-is reservation pages */

/* GENERAL STYLES FOR ALL PAGES */

/* defaults */ 
* {
    font-family: verdana, sans-serif;
}
body {
	background-color:#FFFFFF;
	margin-left:0px;
	margin-top:0px;
}

h1 {
	font-size: 14pt;
	font-style: normal; 
	font-weight: 800;
	color: #333333;
	margin-top: 10px;
	line-height: 16pt;
}
h2 {
	font-size: 11pt;
	font-weight: 800;
	margin-top: 5px;
	margin-bottom: -11pt;
}
h3 {
color:#999999;
font-size:10pt;
margin:0px 0px 1px;
padding:0px;
}

body, p
{
	font-size: 12px;
}

body, td
{
	font-size: 12px;
	color: black;
}

input, select, textarea
{
	border: 1px solid black;
	font-size:11px;
}

table
{
	font-size: 13px;
}

th
{
	font-size: 12px;
	color: #000000;
	text-align: left;
	padding-right: 10px;
}

/* end of defaults*/

/* error information */

#errorMessage
{
	font-size: 12px;
	display: none;
	color: red;
	font-weight: bold;
	float:left;
	margin-top:10px;
}

#message
{
	position: absolute;
	top: 275px;   
  width: 425px;
}

/* end of error information

 /* page title information */
#pageId
{
	clear:both;
	float:left;
	width:575px;
}

.page{

}

#pageId h1
{
	color: #333333;
	font-weight: bold;
}

#formatInfoName {
display:none;
}
#stepId {  /* step information */
float:right;
margin-top:-15px;
margin-right:50px;
}

#stepId h3
{
	color: #000000;
	font-weight: bold;
}

/* end of page title information */

/* footer with RENT-is info */
#footerId {
	clear:both;
	float:left;
	margin-top:25px;
	display:block;
	width:100%;
	margin-bottom:5px;
}

.footerClass {
	font-size:10px;
	color: #CCCCCC;
	width:auto;
}

/* end of footer*/

/* other general styles */
#button
{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
	background-color: #999999;
	width:auto;
	cursor:pointer;
}
.error {
 color:red;
 font-weight:bold;
}
.clear {
	clear:both;
	height:2px;
}
.clearLeft {
	clear:left;
}
.clearRight {
	clear:right;
}

/* end of other generl styles */

/* END OF GENERAL STYLES */
/*****************/

/* BEGIN STEP 1 : date, people & pets selection  */
/* step 1 : date choice */ 
#step1Id {
clear:both;
float:left;
width:100%;
}

#bookableDays
{	
	clear:left;
	float:left;
	width:300px;
}

#bookableDays  h3{
}

.dateDropdown
{
	font-size: 11px;
	margin-bottom: 1px;
}

#bookableStartMonth
{
	margin-left: 0px;
	margin-bottom: 1px;
}

#bookableStartDays
{
	margin-left: 10px;
	margin-bottom: 10px;
}

#bookableEndDays
{
	margin-left: 10px;
}

/* end step 1 : date choice */

/* step 1 : people choice  */

#people_pets_selection {
float:left;
width:175px;
}
#people
{
float:left;
width:100%;
}

.peopleDropdown
{
	font-size: 11px;
	width: 200px;
	margin-bottom: 1px;
}

#numberOfAdultsSelection {
	margin-left:0px;
	margin-bottom: 1px;
}

#numberOfChildrenSelection {
	margin-left:0px;
}

#people h3 {
	margin-left:0px;
}

/* end step 1 : people choice */

/* step 1 : pets choice  */
#pet
{
float:left;
margin-top:8px;
width:100%;
}

#pet h3 {
	margin-left:0px;
}

.petsDropdown
{
	font-size: 11px;
	width: 200px;
	margin-bottom: 1px;
}

#numberOfPetsSelection {
margin-left:0px;

}

/* end step 1 : pets choice  */

/* step 1 : search button */
#searchId
{
clear:left;
float:left;
margin-left:50px;
margin-top:20px;
}

.search {

}
/* end step 1 : search button */

/* END STEP 1  */
/*****************/

/* BEGIN STEP 2: accommodation selection */

/* step 2: accommodation list */

#accommodationsBasic {   /* only basic info shown */
border:0px none;
left:0px;
position:relative;
top:35px;
width:600px;
z-index:0;
visibility:hidden;
}

#accommodationsId {
clear:both;
float:left;
width:100%;
}

.accommodations {

}

#accTitleId {
clear:both;
float:left;
height:25px;
width:100%;
}

#accTitleId h2 {
width:300px;
}
.accTitle {
}

#endAccInfo {
margin-bottom:2px;
margin-top:2px;
}
#endTypeInfo {
margin-bottom:2px;
margin-top:2px;
}

/* step2: legenda */
#legendaId {
	float:left;
	display:none;
}
.legenda {
	background-color: #e8e9e4;
}

#legendaId #Ldescription, #legendaId #Lpeople, #legendaId #Lpets, #legendaId #Lcity, #legendaId #LaccIimage {
float:left;
height:25px;
top:0px;
}
#legendaId #Ldescription {
width:100px;
}

#legendaId #Lpeople {
background-image:url(../images/red_people.png);
background-position:center;
background-repeat:no-repeat;
width:50px;
}

#legendaId #Lpets {
	background-image: url(../images/red_pets.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:50px;
}
#legendaId #Lcity {
	background-image: url(../images/red_texel.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:50px;
}
#legendaId #LaccImage {

}

/* step2: end legenda */

/* step2: accommodation info */

#accId {
display:none;
float:left;
}

#accName {
color:#000000;
float:left;
font-weight:bold;
margin-bottom:5px;
width:200px;
height:20px;
}

#accName2 {
color:#000000;
float:left;
font-weight:bold;
margin-bottom:5px;
width:200px;
height:20px;
display:none;
}

#type_accName2 {
float:left;
display:none;
}
#type_info {
float:left;
width:auto;
}
#accDetails {
float:left;
width:380px;
margin-left:1px;
}
#accNameId {
left:30px;
top:10px;
width:200px;
}
.accName {
color:#000000;
font-weight:bold;
}

#accTypeId{
display:none;
float:left;
}

#accType{
color:#000000;
font-weight:bold;
display:none;
float:left;
}
#accTypeShortName{
color:#000000;
font-weight:bold;
display:none;
float:left;
}
#accTypeLongName{
color:#000000;
font-weight:bold;
display:none;
float:left;
}

#address_city {
font-size:11px;
color:#666666;
float:right;
width:375px;
}

#address {
float:left;
margin-left:0px;

}
.address {
}
#cityC {
float:left;
margin-left:10px;
}
.description {

}
#descLongId {

}
.descLong {
font-family:'Trebuchet MS';
font-size:10px;
}
#descShortId {

}
#descShort {
float:left;
}

#descLong {
float:left;
}

.descShort {
font-family:'Trebuchet MS';
font-size:10px;
padding:0px;
visibility:hidden;
width:240px;
}
.description a {
color:#CE0119;
}
#cityCId {
left:30px;
position:absolute;
top:10px;
}
.cityC {
color:#666666;
font-family:"Trebuchet MS";
font-size:11px;
text-align:left;
width:200px;
}

#people_pets {
float:left;
font-size:11px;
color:#666666;
display:block;
width:250px;
}

#accDetails #people_pets {
width:350px;
}

#peopleId {
left:200px;
position:relative;
top:-27px;
}
#peopleC {
float:left;
margin-left:5px;
width:100px;
}
.people {
color:#666666;
font-family:"Trebuchet MS";
font-size:11px;
padding:0px;
text-align:center;
width:75px;
}
#petsId {
left:209px;
position:relative;
top:-30px;
width:200px;
}
.pets {
color:#666666;
font-size:12px;
text-align:left;
width:200px;
}
#petsC {
float:left;
margin-left:30px;
width:200px;
}

#image_link {
clear:left;
float:left;
margin-right:4px;
margin-top:-5px;
}

#accImageId{
margin-left:4px;
padding-bottom:4px;
}

.accImageTag {
height:100px;
width:100px;
}

.accImage {
text-align:center;
}

.price {
}

.details {
font-size:11px;
}
#detailsLinkId {
	display: block; /* none = not shown, block = shown */
	font-size:9px;
	clear:both;
	text-align:center;
	width:100px;
	float:left;
}

#detailsLinkId a:link, #detailsLinkId a:visited, #detailsLinkId a:active   {
	color:#666666;
	text-decoration: none;	
}

#detailsLinkId a:hover {
	text-decoration: underline;	
}

#detailsLinkInPageId {
	display: none; /* none = not shown, block = shown */
	font-size:9px;
	clear:both;
	text-align:center;
	margin-bottom:5px;
}

#detailsLinkInPageId a:link, #detailsLinkInPageId a:visited, #detailsLinkInPageId a:active   {
	color:#666666;
	text-decoration: none;	
}

#detailsLinkInPageId a:hover {
	text-decoration: underline;	
}

#descShortId {
display:block;
float:right;
width:375px;
margin-bottom:5px;
margin-top:5px;
margin-left:5px;
font-size:11px;
color:#000000;
}

#descLongId {
	width:375px;
	display:block;
	float:right;
	display:none;
	margin-bottom:5px;
	margin-left:5px;
		font-size:11px;
	color:#000000;

}

/* pricing info */ 
#priceId {
	display: block;					/* none = not shown, block = shown */
	margin-left:10px;
	margin-top:0px;
	float:right;
}
.price {
color:#000000;
font-weight:bold;	

}

#rowLine1 {
clear:both;
display:block;
float:left;
width:100%;
}
#rowLine2 {
	display:block;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	float:left;
}

/* step: 2 details & book button options */

#detailsId {
display:none;
float:right;
}

.bookAction{

}

#bookactionId{
	height:10px;
	overflow: hidden;
}

#bookNowId {  								/* change for this style only visibility!! */
	display: none;					/* change for this style only visibility!! */
	float:right;
	margin-bottom:-5px;
	margin-right:5px;
	margin-top:5px;
}

#reserveNowId {
display:block;
float:right;
margin-bottom:0px;
margin-right:10px;
margin-top:20px;
}

.bookButton {
font-size:10px;
font-style:normal;
font-weight:bold;
height:19px;
text-decoration:none;
}
/* end step: 2 book button options */

/* step: 2 general styles of accommdation info */
.oddRow  		 /* background  - odd rows */
{
	background-color: #F4F4F4;
	display:block;
	padding:2px;
	width:100%;
	clear:left;
	float:left;
}

.evenRow {		/* background  - even rows */	
	background-color: #FFFFFF;
	display:block;
	padding:2px;
	width:100%;
	clear:left;
	float:left;	
}

#rowNum {  /* row number */
display:none;
float:left;
}

#accommodationsId #footerId {
/*margin-bottom:0px;
position:relative;
height:10px;*/
}
/* end step: 2 general styles of accommdation info */

/* end step2: accommodation info */

/* END STEP 2  */
/*****************/

/* BEGIN STEP 3: personal information */

/* step 3 reservation */

/* reservation info, people, pets & accommodation data */
#reservationId
{
	text-align: left;
	background-color:#efefef;
	padding: 4px;
	margin-top:20px;
	width:200px;
	float:left;
}

.reservation {

}

/* information blocks */
#resInfoAccId {
display:block;
float:left;
width:100%;
}
.resAccType {
display:block;
float:left;
width:100%;

}
.resAccTypeShortName {
display:none;
float:left;
width:100%;
}

#resInfoPeriodId{
display:block;
float:left;
width:100%;

}
#resInfoPeopleId{
display:block;
float:left;
width:100%;

}
#resInfoPriceId {
display:none;
float:left;
width:100%;

}

/* title of block */
#resInfoAccId h2, #resInfoPeriodId h2, #resInfoPeopleId h2, #resInfoPriceId h2
{
	color:#000000;
	display:block;
	margin-bottom: 0px;
	margin-top: 5px;
	clear:both;
}
#resArrival {
display: block;
}

#resDeparture {
display: block;
}

#resAdults, #resChilds, #resPets {
display: block;
}

.resItemName {
	clear:left;
	float:left;
	display: block;	
	margin-top: 0px;
	width:125px;	
}
.resItemData {
	color:#000000;
	float:right;
	display: block;
	margin-top: 0px;
	text-align:right;
}

#resTotal {
display:block;
clear:both;
float:left;
margin-top:10px;
margin-bottom:3px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;	
	width:100%;		
}

.resAccName {
	display:block;
	float:left;
	width:100%;
}

.resAccAddress {
	display:block;
	float:left;
}
.resAccCity {
	display:block;
	margin-left:5px;
	float:left;
}
.resAccDesc  {
	display:block;
	float:left;
	margin-top:3px;
	margin-bottom:3px;
}

/* end reservation info, people, pets & accommodation data */

/* reservation fill-in form */
#resFillInId
{
	font-family: "Trebuchet MS";
	left: 0px;
	margin-top: 20px;	
	float:left;
	width: 350px;
	padding: 3px;
}

#resFillInId th
{
	color: #000000;
	width:110px;
	padding-right:5px;
}

#resFillInId td
{ 
}

#resFillInTitleId {
	clear:left;
	float:left;
	width:300px;
}
#resFillInTitleId h2 {
float:left;
margin-bottom:5px;
margin-top:0px;
}
#resFillForm {
clear:left;
float:left;
width:100%;
}

#resForm {
clear:left;
float:left;
width:100%;
}
.fieldName {
float:left;
width:110px;
margin-bottom:6px;
clear:left;
}
.fieldValue {
float:left;
width:225px;
margin-bottom:6px;
}

/* individual fields of fill in form */
#titleId {
clear:left;
float:left;
}
#titleValueId {
float:left;
}
#firstname{
width:175px;
}
#subname {
width:60px;
}
#lastname{
width:170px;
}

#birthdateId, #birthdateValueId {
display:block;
}

.birthdate, .mail {
margin-bottom:15px;
}
#street_numberTextId {
display:none;
}

#streetValueId .fieldValue{
width:150px;
clear:none;
}
#street{
width:145px;
}
#numberId{
display:none;
}
#numberValueId .fieldValue{
width:40px;
clear:none;
}
#number{
clear:none;
width:30px;
}
#ZIP {
width:60px;
}
#city {
width:170px;
}
#remarks {
width:225px;
font-size:85%;
}
#resOptionextra1 {
display:none;
}

#resOptionextra2 {
display:none;
}

#resOptionextra3 {
display:none;
}

#resOptionextra4 {
display:none;
}

/* end of reservation fill-in form */

/* button action */
#bookId {
margin-top:15px;
display:none;
float:right;
margin-right:10px;
}

#reserveId {
margin-top:15px;
display:block;
float:right;
margin-right:10px;
}

/* step 3 : send button */
.send
{

}


/* end of button action */

/* END STEP 3  */
/*****************/

/* BEGIN FINAL STEP: Thank You Page */

/*final page */
#thanksID
{
	position: absolute;
	top: 50px;
	width: 100%;
}	

.thanks
{
	font-size:13px;
	text-align: center;
}

#goodByeID {
	position: absolute;
	left: 5px;
	top: 50px;
	width: 450px;

}

.goodBye {
	position: absolute;
	left: 5px;
	top: 50px;
	width: 450px;
}
#messageId {
	position: absolute;
	left: 5px;
	top: 250px;
	width: 450px;

}
.message {
}

#nextPageId {

}
.nextPage {

}

#homeButton {
display:none;
}

#continueButton {
display:none;
}

/* end final page */

/* END FINAL STEP  */
/*****************/

/*************************************************************/
/*************************************************************/
/*************************************************************/

#testId {
position:absolute;
right:5px;
bottom:5px;
width:300px;
}

.test {

}

.debug {
display:none;
}