/************************/
/* GLOBAL               */
/************************/
body
{
	font: 76%/1.4 Arial, Lucida Sans Unicode, Lucida Grande, Sans-Serif;
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(Images/BodyBack.gif) repeat-x top left White;
}
table
{
	font: 76%/1.4 Arial, Lucida Sans Unicode, Lucida Grande, Sans-Serif;
}
body.popup
{
	background: none;
}

body form
{
	max-width: 969px;
	margin: 8px auto 18px auto;
    text-align: left;
    background: url(Images/PageTopBack.gif) no-repeat top left White;
}
body form.popup
{
	width: 460px;
	margin: 5px;
	background: none;
	text-align: left;
}

#Page 
{
	width: 969px;
}

a 
{
	/*color: #006ea0;*/
	color: Black;
}

h1, h2, h3, h4, h5
{
	font-family: Arial, Sans-Serif;
}

h1 {font-size: 1.7em; line-height: 1.4em; padding: 0; margin: 0.2em 0;}
h2 {font-size: 1.1em; padding: 0; margin: 0.1em 0 0.5em 0;}
h3 {color: black; font-size: 1em; padding: 0; margin: 0.3em 0 0.2em 0;}
h4 {color: Gray; font-size: 1em; line-height: 1.1em; padding: 0; margin: 0.1em 0 0.4em 0;}
h5 {color: Gray; font-size: 1em; line-height: 1.1em; padding: 0; margin: 0.1em 0 0.4em 0;}

p 
{
	font-size: 0.9em;
	font-family: Verdana, Arial, Sans-Serif;
    margin: 0 0 0.9em 0; 
    padding: 0; 
    line-height: 1.2em;
}

pre 
{
    word-wrap: break-word; 
	font-size: 0.9em;
	font-family: Verdana, Arial, Sans-Serif;
    margin: 0 0 0.9em 0; 
    padding: 0; 
    line-height: 1.2em;
    white-space: pre-wrap; 
    white-space: -moz-pre-wrap !important; 
    white-space: -pre-wrap;
    white-space: -o-pre-wrap; 
}

hr 
{
	margin: 0.1em 0;
	height: 1px;
	padding: 0;
	background: #d7d7d7;
	color: #d7d7d7;
	border: 0;
}
.allCaps
{
    text-transform: uppercase;
}
hr.clear 
{
    clear: both;
}
ul 
{
    padding: 0;
    margin: 0;
}
fieldset 
{   
	margin: 0 0 1em 0;
	padding: 1em;
}
.hidden 
{
    display: none;
}
.error 
{
    color: Red;
}
.green
{
	color:Green;
}
.thumbImage
{
	width:73px;
	height:49px;
	border: 1px solid white;
}
.normalImage
{
	width:166px;
	height:108px;
}
.mainImage .normalImage
{
	width:301px;
	height:201px;
}
.mainImage img
{
	width: 301px;
	height: 201px;
}
.buttonRow
{
	font-size: 110%;
	padding: 5px;
}
.buttonWhole
{
	border: 0;
	color: White;
	font-size: 0.9em;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
}
html>/**/body .button
{
	padding: 1px 3px 5px 0px;
}
.button a, .buttonFull a
{
	color: White;
	font-size: 0.8em;
	padding: 3px 3px 6px 7px;
	margin: 0 3px 0 0;
	text-decoration: none;
}
.buttonGray
{
	background: url(images/VacasolButtonGreyRight.gif) no-repeat top right;
	line-height: 1.2em;
}
.buttonGrayFull
{
	background: url(images/VacasolButtonGreyFull.gif) no-repeat top right;
	line-height: 1.2em;
}
html>/**/body .buttonGray, html>/**/body .buttonGrayFull
{
	padding: 1px 3px 5px 0px;
}
.buttonGray a
{
	background: url(images/VacasolButtonGreyLeft.gif) no-repeat top left;
}
.buttonGrayFull a, .buttonGray a
{
    color: Black;
	font-size: 0.8em;
	padding: 3px 3px 6px 7px;
	margin: 0 3px 0 0;
	text-decoration: none;
}

.buttonBlack
{
	background: url(images/VacasolButtonBlackRight.gif) no-repeat top right;
	line-height: 20px;
}
html>/**/body .buttonBlack
{
	padding: 1px 3px 5px 0px;
}
.buttonBlack a
{
	background: url(images/VacasolButtonBlackLeft.gif) no-repeat top left;
	color: White !Important;
	font-size: 0.8em;
	padding: 4px 20px 6px 23px;
	margin: 0 3px 0 0;
	font-weight: bold;
	text-decoration: none;
}
.objectDetailsBackButton
{
	text-transform: capitalize;
	display:block;
	width:162px;
	height:29px;
	text-align: center;
	float: right;
}
.objectDetailsCloseButton
{
	padding: 10 10 10 10
	text-transform: capitalize;
	display:block;
	width:80px;
	height:29px;
	text-align: center;
	float: right;
}
table
{
	font-size: 1em;
	border-collapse: collapse;
}
th
{
	text-align: left;
}
.clearBoth
{
	clear: both;
}
.centered
{
	text-align: center;
}
.div8
{
	height: 8px;
}
.divLeft
{
	float: left;
}
.hiddenField
{
	display: none;
}
ul
{
	list-style-type:none;
	margin: 0;
	padding: 0;
}
dl
{
	margin: 0;
	padding: 0;
}
dd
{
	margin: 0;
	padding: 0;
}
img 
{
	border: none;
}
a img
{
	border: none;
}
.textField
{
	font-family: Arial, Helvetica, Sans-Serif;
}
.notImplemented
{
	background-color: #f9a78e;
	border: solid 1px red;
}
/************************/
/* HEADER               */
/************************/
#HeaderArea
{
	margin: 0 0 0 20px;
}
#LogotypeArea
{
	float: left;
	margin: 5px 6px 0 0;
	width: 196px;
	height: 70px;
	overflow: hidden;
}
#RightHeaderArea
{
	float: left;
	width: 740px;
	clear: right;
}
#BookingRightHeaderArea
{
	float: left;
	width: 740px;
	clear: right;
	margin-top: 45px;
}
#FunctionsArea
{
	float: right;
	text-align: right;
	margin: 0 22px 5px 0;
}
#Functions
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.4em;
}
#Functions li
{
	display: block;
	height: 1.6em;
	float: left;
	color: #899193;
	border-left: 1px solid black;
	padding: 0 9px;
	overflow: visible;
}
#Functions li.first
{
	border-left: 0;
}
#Functions li a 
{
	display: block;
	color: #899193;
	text-decoration: none;
	float: left;

}
#Functions a:hover
{
	color: Black;
	text-decoration: underline;
}
#LanguageBarArea
{
	height: 30px;
	text-align: right;
}
#LanguageBarArea ul
{
	text-align: right;
	margin: 8px 31px 0 0;
}
#LanguageBarArea ul li
{
	display: inline;
	margin: 5px 0 0 3px;
}

/************************/
/* MAINMENUAREA         */
/************************/
#MainMenuArea 
{
	float: left;
	height: 30px; 
	width: 898px;
	background: url(Images/MainMenuBack.gif) repeat-x top right;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: #666666;
	font-size: 1em;
	line-height: 24px;
	overflow: hidden;
	clear: both;
	padding: 0 0 2px 0;
	margin-left: 36px;
}

ul#MainMenu 
{
	height: 30px;
	margin: 0;
	list-style-type: none;
	float: left;
}

ul#MainMenu li
{
	display: block;
	float: left;
	padding: 0 4px 0 0;
	height: 30px;
	background: url(Images/MainMenuDivider.gif) no-repeat right top;
}
ul#MainMenu li a
{
	display: block;
	padding: 1px 16px;
	text-decoration: none;
	color: #666666;
}
ul#MainMenu li.selected a 
{
	display: block;
	padding: 1px 15px;
	color: #E51491;
}
.myVacasol
{
	display: block;
	float: right;
	padding: 0 0 0 2px;
	height: 30px;
	background: url(Images/MainMenuDivider.gif) no-repeat right left;
}
.myVacasolLoggedIn
{
	display: block;
	float: right;
	padding: 0 0 0 2px;
	height: 30px;
	background: url(Images/HeadingRightBack.gif) no-repeat top left;
}
.myVacasolLoggedIn a
{
	display: block;
	padding: 1px 16px;
	text-decoration: none;
	color: #EEEEEE;
	font-weight: bold;
}
.myVacasol a
{
	display: block;
	padding: 1px 16px;
	text-decoration: none;
	color: #666666;
	font-weight: normal;
}
.myVacasolButtonDiv span
{
	height:110px;
}

/*************************/
/* STAGEAREA             */
/*************************/
#LeftLine
{
	float: left;
	margin: 0 6px 0 0;
	padding-top: 2px;
	width:180px;
}
#RightLine
{
	float: left;
	width: 712px;
	padding-top: 2px;
}
#UpperStartPageArea #RightLine
{
	padding-top: 0;	
}
#UpperStartPageArea #LeftLine
{
	padding-top: 0;
}
#ObjectDetailsStageArea
{
	width: 750px;
    margin: 0 50px 20px 50px;
    padding: 0 0 10px 0;
    padding-left:40px;
    padding-right:40px;
	overflow: hidden;
	min-height: 600px;
	height: auto !important;
}
#StageArea
{
    width: 914px;
    margin: 0 20px 20px 36px;
    padding: 0 0 10px 0;
/*	overflow: hidden;
	min-height: 600px;
	height: auto !important; */
	/*height: 600px;*/
}
#LeftColumnArea
{
	background: url(Images/ContentBack.gif) repeat-x top left White;
	float: left;
	width: 180px;
	min-height: 270px;
	height: auto !important;
	overflow: hidden;
	margin: 0 6px 0 0;
}
.webPartZone,
.webPartZone table,
.webPartZone table table,
.webPartZone table table table,
.webPartZone td,
.webPartZone td td,
.webPartZone td td td
{
	padding: 0px !important;
	padding: 0 0 0 0 !important;
	margin: 0px !important;
	width: 100% !important;
}
#LeftLine #LeftColumnArea
{
	margin: 0 0 0 0;
}
#RightContentArea
{
	float: left;
	clear: right;
	width: 712px;
}
#MiddleColumnArea
{
	background: url(Images/ContentBack.gif) repeat-x top left White;
	float: left;
	width: 518px;
	overflow: hidden;
}
#RightColumnArea
{
	background: url(Images/ContentBack.gif) repeat-x top left White;
	float: left; 
	width: 187px;
	clear: right;
	margin: 0 0 0 6px;
}
#FullWidthArea
{
	background: url(Images/ContentBack.gif) repeat-x top left White;
	padding: 5px;
}
#AdvancedSearchArea
{
	width: 712px;
	background: url(Images/ContentBack.gif) repeat-x top left White;
}
#AdvancedSearchArea h2
{
	font-weight: bold;
}
#AdvancedSearchArea dl dd dl
{
	width: 120px;
}
.startPage #MiddleColumnArea
{
	width: 472px;
}
.startPage #MainContentAreaBottom
{
	background: url(Images/ContentBack.gif) repeat-x top left White;
}
.startPage #RightColumnArea
{
	width: 233px;
}
#UpperStartPageArea
{
	margin: 0 0 8px 0;
}
/*************************/
/* BREADCRUMBS           */
/*************************/
#BreadCrumbsArea
{
	font-size: 0.9em;
}
#BreadCrumbsArea a
{
    color: #0c4927;
	text-decoration: none;
}
#BreadCrumbsArea a:hover
{
	text-decoration: underline;
}

/*************************/
/* SUBMENU               */
/*************************/
/*#Submenu
{
	padding: 0 0 32px 0;
	/*background: url(Images/SubmenuItemBack.png) no-repeat bottom left White;
}*/
/*#Submenu a
{
	color: #292929;
}
#Submenu a:hover
{
	color: Black;
}*/
#Submenu
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	line-height: 18px;	
	font-size: 0.9em;
}
#Submenu li
{
	background: url(Images/SubmenuItemBack.png) no-repeat bottom left #F5F5F5;
}
#Submenu ul
{
	border-top: 1px white solid;
}
#Submenu li.selected
{
    font-weight: bold;
	background: url(Images/SubmenuSelectedBack.gif) no-repeat bottom left #dae0dc;
}
#Submenu li a,
#Submenu li span
{
	display: block;
	padding: 3px 0 0px 13px;
	height: 22px;
	text-decoration: none;
}
#Submenu li ul li a, #Submenu li ul li span
{
	padding: 3px 0 4px 23px;
	background-position: 15px 9px;
}
/*************************/
/* CONTENTAREA           */
/*************************/
#MainContentArea
{
    /* IE 6 doesn't support min-height so the height is set instead, */
    /* relying on that it will expand beyond it if needed */
    min-height: 20em;
    height: auto !important;
    height: 20em;
}

/* IE 6 doesn't understand the > selector and ignores it 
html>body #MainContentArea {height: auto;}*/

#MainBodyArea
{
	margin: 4px;
	padding: 3px 8px 6px 8px;
	border: solid 1px #d1d1d1;
	background: White;
}
#MainBody
{
	width:490px;
	font-family:Verdana;
}
#MainBody h1
{
	color: #666666;
	font-size:1.6em;
}
#MainBody ul
{
	padding: 0 0 0 1.3em;
    list-style-type: disc;
}
.secondaryBody
{
	overflow: hidden;
}
/***** AVAILABLE PERIODS *******/
#AvailablePeriodsContainer
{
	text-align:center;
	position:relative;
}

#AvailablePeriodsMainBody
{
	float: left;
	width: 460px;
	overflow: hidden;
	position:absolute;
	z-index: 100;
}
#AvailablePeriodsMainBody .body
{
	float: left;
	width: 460px;
	background-color: White;
}
#AvailablePeriodsMainBody .header
{
	background-color: #f6f5f3;
	border-bottom: 1px #cec8bf solid;
}
#AvailablePeriodsMainBody .header div
{
	padding: 5px;
	/*font-weight: bold;*/
}
#AvailablePeriodsMainBody table
{
	/*font-weight: bold;*/
	border: 0;
}
#AvailablePeriodsMainBody .footer
{
	height: 30px !important;
	background-color: #f6f5f3;
	border-top: 1px #cec8bf solid;
}
#AvailablePeriodsMainBody .buttons
{
	text-align: right;
	vertical-align: middle;
	padding-top: 5px !important;
	padding-right: 5px !important;
}
#AvailablePeriodsMainBody .element
{
	float: left;
	width: 220px;
	margin: 5px;
}
#AvailablePeriodsMainBody .price
{
	float: left;
	font-weight: bold;
	padding-bottom: 0px;
	padding-left: 5px;
	color: #009900;
	width: 100%;
	background-color: #dddddd;
}
#AvailablePeriodsMainBody .legend
{
	padding-bottom: 5px;
	padding-left: 5px !important;
}
.legendSelected
{
	background-color: #788f27;
}
.legendDeparture
{
	background: url(Images/2.gif) no-repeat top right;
}
.legendSelectedByYou
{
	background-color: #799026;
}
.legendSelectedBooking
{
	background-color: #799026;
}
.legendBooked
{
	background-color: #cc0000;
}
.legendSquare
{
	float: left;
	width: 13px;
	height: 13px;
	border: 1px silver solid;
	margin: 0 3px 0 10px;
}
.legendUnavailable
{
	background-color: #e5eae6;
	color: #848484;
	font-size: 0.8em;
}
#AvailablePeriodsMainBody .availabilityCalendar
{
	/*width: 217px;*/
	width: 217px;
}
#AvailablePeriodsMainBody .availabilityCalendar .normalCell
{
}
#AvailablePeriodsMainBody .availabilityCalendar .otherMonthCell
{
    text-decoration: none;
}
#AvailablePeriodsMainBody .availabilityCalendar .olderCell
{
	background-color: #eeeeee;
}
#AvailablePeriodsMainBody .availabilityCalendar .freeCell
{
    color: #789028;
}
#AvailablePeriodsMainBody .availabilityCalendar .freeCell:hover, #AvailablePeriodsMainBody .availabilityCalendar .saturdayCell:hover
{
    color: #333333;
    background-color: #789028;
}
#AvailablePeriodsMainBody .availabilityCalendar .selectedCell
{
	background-color: #788f27;
}
#AvailablePeriodsMainBody .availabilityCalendar .halfSelected
{
	background: url(Images/cellDepartureDay.gif) no-repeat top left;
}
#AvailablePeriodsMainBody .availabilityCalendar a
{
	color: inherit !important;
}
#AvailablePeriodsMainBody .availabilityCalendar .bookedCell
{
	background-color: #cc0000;
}
#AvailablePeriodsMainBody .availabilityCalendar .disabledCell
{
	color: #d4cfc7;
}
#AvailablePeriodsMainBody .availabilityCalendar .unavailableCell
{
	color: #d4cfc7;
}


#AvailablePeriodsMainBody .CalendarTitle td
{
    vertical-align:middle;
    height: 19px;
}
#AvailablePeriodsMainBody .CalendarTitle td img
{
    margin-left: 1px;
    margin-right: 1px;
    border: solid 1px grey;
}

#AvailablePeriodsMainBody .legendtext
{
    font-family: Arial;
    font-size: 10px;
    color: #333333;
    
}

/*************************/
/* LOGIN PAGE            */
/*************************/
.loginArea 
{
    width: 100%;
}
.loginArea .label 
{
    padding: 0 5px 3px 30px;
}

.loginArea .textBox
{
	width: 270px;
}
.loginArea td
{
	white-space: nowrap;
	line-height: 1em;
}
.loginArea .buttons
{
	float: right;
	height: 30px;
	font-size: 1.1em;
	padding-bottom: 3px;
	margin-right: 10px;
}
.loginArea .buttons .button
{
	height: 25px;
	position: relative;
	top: -23px;
}
.loginArea .errors
{
	padding-top: 3px;
	margin-left: 30px;
}
.loginArea h2
{
	margin-bottom: 20px;
}


/*************************/
/* REGISTER PAGE         */
/*************************/
.registerArea 
{
    width: 100%;
}
.registerArea label 
{
    display: block;
    line-height: 1em;
}
.registerArea input
{
    margin: 0.3em 0 1em 0;
}
/*************************/
/* SITEMAP PAGE          */
/*************************/
#SiteMap ul 
{
    margin: 0;
    padding: 0.2em 0;
    color: Black;
}
#SiteMap ul ul
{
    padding: 0;
    margin-left: 0.5em;
}
#SiteMap li
{
    margin: 0 0 0.5em 0;
    padding: 0;
    list-style: none;
    font-size: 1.3em;
}
#SiteMap li a
{
    text-decoration: none;
}
#SiteMap li li
{
    margin: 0.2em 0;
    padding-left: 1em;
    font-size: 0.7em;
}
#SiteMap li li a
{
    text-decoration: underline;
}
#SiteMap li li li
{
    font-size: 1em;
}
/*************************/
/* FORMS                 */
/*************************/
.xForm h2
{
	padding: 1em 0;
	margin: 0;
}
.xForm legend 
{
    color: Black;
}
.xForm input 
{
    float: left;
}
.xForm .heading
{
    font-weight: bold; 
    font-size: 1em; 
    padding: 0; 
    margin: 0.4em 0em;
}
.xForm #id_matrix
{
    width: 100%;
	margin: 0;
	padding: 0;
}
.xForm #id_matrix td
{
	border:0;
	margin: 0;
	padding: 0.2em 0;
}
span.xformvalidator
{
    color: Red;
}
.xForm .options 
{
    float: left;
}
.xForm label 
{
    margin-right: 0.5em;
    float: left;
}
#id_matrix br 
{
    clear: both;
}
.thankyoumessage
{
	padding: 1em 0;
	margin: 0;
	font-weight: bold;
}
/*************************/
/* FOOTERAREA            */
/*************************/
#FooterArea
{
    min-height: 70px;
	font-size: 80%;
	line-height: 120%;
	padding: 0 0 18px 0;
	width: 100%;
	background: url(Images/FooterBack.gif) no-repeat top left;
}
.startPage #FooterArea
{
	background: url(Images/FooterBackStartPage.gif) no-repeat top left;
}
#LeftFooterArea
{
	float: left;
	width: 199px;
	padding: 0 0 0 23px;
}
#MiddleFooterArea
{
	float: left;
	width: 520px;
}
#RightFooterArea
{
	float: left;
	width: 200px;
}
/*#Footer
{
	float: left;
	width: 100%;
}*/
.footerPadding
{
	padding: 0 20px 10px 13px;
	float:left;
}
.startPage #MiddleFooterArea
{
	width: 479px;
}
.startPage #RightFooterArea
{
	width: 200px;
}

/************************/
/* MODULES              */
/************************/
.moduleBody
{
	margin: 4px;
	padding: 6px 6px 5px 6px;
	border: solid 1px #d1d1d1;
	background-color: White;
	font-size: 0.9em;
	color: #666666;
	overflow: hidden;
}
.advsearch .moduleBody
{
	padding:0;	
}
.advsearchList
{
	padding:0 6px 5px;
}
.moduleBody DT.locationCategory, .moduleBody DD.featureCategory, .moduleBody DT.featureCategory, .moduleBody DT.surroundingsCategory
{
	margin:0px;	
}

.selectorTitle
{
	padding: 6px 6px 0px 6px;
}
.selector
{
	padding:0 6px 5px 6px;
	margin:0;
}
.selectorConditional
{
	padding:0 6px 0 6px;
	margin:0;
}


td.moduleBody
{
	vertical-align: top;
}
.searchResultList
{
	width: 496px;
	overflow: hidden;
}
.moduleBody h3
{
	font-size: 1em;
	font-weight: bold;
	color: #656565;
	margin: 0 0 3px 0;
	line-height: 1em;
}
.moduleBody dt, .label
{
	margin: 3px 0 0 0;
}
.moduleBody .dropdown
{
	font-size: 0.9em;
	width: 152px;
}
.moduleBody ul
{
    padding: 0 1em 0.4em 0.5em;
    margin: 0;
}
.moduleBody li
{
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 2px 0 0 8px;
	font-size: 0.9em;
}
.moduleBody ul.noBullets
{
	padding: 0;
	
}
.moduleBody ul.noBullets li
{
	background-image: none;
	padding-left: 0px;
}
.moduleBody a
{
	text-decoration: none;
}
.moduleBody a.pageNumberLinkCurrent
{
	font-weight: bold;
	color: Black;
	text-decoration: none;
}
.moduleBody a.pageNumberLink
{
	text-decoration: underline;
}
.moduleBody .button a
{
	color: white;
}
.moduleBody p
{
	margin: 0 0 0 0;
}
/****** SPECIAL OFFERS *******/
.specialOffers
{
	width: 100%;
}
.specialOffers ul
{
	margin: 0;
	padding: 0;
}
.specialOffers h3
{
	margin: 0;
	padding: 2px 0 0 0;
	line-height: 1.3em;
}
.specialOffers h4
{
	color: #676767;
	margin: 0;
	padding: 0 0 1px 0;
	line-height: 1.3em;
}
.specialOffers .price
{
	color: #676767;
	text-align: right;
	margin: 0;
	padding: 0;
}
/********* LATEST NEWS **************/
.latestNews
{
	float: left;
	width: 100%;
	color: #666666;
}
.latestNews .teaserText
{
	float: left;
	width: 100%;
	font-size: 0.9em;
}
.latestNews .newsText
{
	float: left;
	width: 75%;
}
.latestNews h3 a
{
	color: #666666;
	margin: 0;
	text-decoration: none;
	font-size: 1em;
}
.latestNews .image
{
	float: right;
}
/******** OTHER INSPIRATION *********/
.otherInspirations
{
	color: #666666;
	font-family: Arial, Lucida Sans Unicode, Lucida Grande, Sans-Serif;
}
.otherInspirations .text
{
	float: left;
	width: 65%;
	padding: 0 0 0 8px;
}
.otherInspirations .image
{
	float: left;
	width: 30%;
}
.otherInspirations .teaserText
{
	float: left;
	width: 100%;
	font-size: 0.9em;
}
.otherInspirations h3 a
{
	color: Black;
	text-decoration: none;
	font-size: 1.1em;
}
.otherInspirations span.seeMore a
{
	text-decoration: none;
	font-weight: bold;
}
/******** TEASER MODULE ***********/
.teaser img
{
	margin: 5px 0;
}
.teaser h4
{
	font-size: 1.1em;
	padding: 0;
	margin: 0.1em 0 0.5em 0;
}
/******** EDITOR COMMENT **********/
.editorComment
{
	background: url(Images/CommentBack.jpg) repeat-x top left White;	
	height: 121px;
	font-size: 0.9em;
	overflow: hidden;
	width: 180px;
}
.editorComment .commentText
{
	margin-left: 20px;
	width: 86%;
}
.editorComment .commentTop
{
	width: 100%;
	height: 25px;
	margin-left: 10px;
}
.editorComment .commentBottom
{
	width: 90%;
	height: 20px;
}
/******** HOLIDAY HOMES SEARCH BOX **********/
.holidayHomes .findButton
{
	margin: 8px 0 4px 0;
	font-size: 1.1em;
}
.holidayHomes .advancedLink a
{
	color: #3e6e53;
}
.dateLeft
{
	float: left;
}
.dateRight
{
	float: left;
	margin: 5px 0 0 6px;
	clear: both;
}

/******** FIND HOLIDAY HOUSE ****************/
.findHolidayHouse
{
	padding: 10px 0px 10px 0;
}
.findHolidayHouse .divider
{
	border-top: solid 1px #ececec;
	clear: both;
	line-height: 1px;
	font-size: 1px;
	margin: 3px;
	padding: 0;
}
.findHolidayHouse dd
{
	width: 120px;
}

.findHolidayHouseRow
{
	padding: 0 0 0 0px;
}
.findHolidayHouseRow .leftColumn
{
	float: left;
	width: 200px;
}
.findHolidayHouseRow .rightColumn
{
	float: right;
	width: 110px;
	/*padding: 10px 10px 2px 10px;*/

	padding-top:25px;
	height:110px;
}

.findHolidayHouseRow .middleColumn
{
	float:left;
	padding-top:23px;
	margin-right:5px;
	margin-left:7px;
	width:140px;	
}


.findHolidayHouseRow
{
	font-size: 0.9em;
	float: left;
	width: 100%;
}
.findHolidayHouseRow dd
{
	margin: 0 0 2px 0;
}
.findHolidayHouseRow a.link
{
	text-decoration: none;
	font-weight: bold;
	margin: 0 0 0 15px;
	font-size: 0.8em;
}

.findHolidayHouseRow .location
{
	margin: 0.2em 0 0.2em 0;
	width:135px;
	font-size: 1em;
}
.findHolidayHouseRow .param
{
	font-size: 1em;
	margin: 0.2em 0 0.2em 0;
	width: 100px;

}
.moduleBody .param
{
	margin: 0 0 3px 0;
	width: 160px;
	font-size: 1em;
}
.moduleBody .calendar_box
{
	font-size: 1em;
	width: 120px;
}
.findHolidayHouse .moduleBody
{
	float: left;
	margin: 4px 0 4px 5px;
	_margin-left: 3px;
	padding: 6px 2px 0 14px;
}
.findHolidayHouse .moduleBody .modulePadding
{
	width: 208px;
	float: left;
	height: 99px;
	overflow: hidden;
}
.findHolidayHouse .oneModule .moduleBody .modulePadding
{
	width: 440px;
}
.findHolidayHouse .moduleBody h3
{
	color: Black;
	font-size: 120%;
	margin: 0 0 8px 0;
	padding: 0;
}
.findHolidayHouse .moduleBody li
{
	padding: 0 0 0 9px;
	font-size: 1em;
	margin: 0;
}
.findHolidayHouse .moduleBody li a
{
	text-decoration: none;
}
.findHolidayHouse .holidayCountries
{
	margin-right: 0px;
}
.findHolidayHouseRow .spacer
{
	height:25px;	
}
.findHolidayHouseRow .buttons
{
	position:relative;
	/*width:240px;*/
	width:260px;
	float:right;
	bottom:10px;
	/*left:163px;*/
	padding-right:4px;
	margin: 0 0 0 0;
	line-height:1.6;
	font-size: 1.3em;
}

.findHolidayHouseRow #btnFind.button
{
	margin-left:25px;
	margin-right:6px;	
}
.findHolidayHouseRow #spnAdvSearch
{
	margin-left:9px;
}
/******** GOOGLE MAP MODULE *****************/
.googleMapModule .location
{
	margin: 0.2em 0 0.2em 0;
	width: 170px;
	font-size: 1em;
}
.googleMapModule ul
{
	padding: 0;
}
.googleMapModule li
{
	background: none !important;
	margin: 0 0 0 0;
	padding: 2px 0 0 0;
}
/********************************************/
/******** MODIFY SEARCH *********************/
.searchField
{
	width: 140px;
	font-size: 0.9em;
}
.ControlColumn select
{
	border: 1px solid silver;
}
.searchResults
{
	color: #666666;
	font-family: Arial, Lucida Sans Unicode, Lucida Grande, Sans-Serif;
	/*border-bottom: 1px solid #d1d1d1;*/
}
.searchResultsInfo
{
	font-size: larger;
}
.searchResultsInfo a
{
	text-decoration: underline;
}
.searchResults h1
{
	color:#8e1a0e;
	font-size:1.6em;
}
.searchResultList .gridCell
{
	text-align: left;
	padding-bottom: 8px;
	padding-top: 8px;
	border: 0;
	border-bottom: 1px solid #d1d1d1;
}
.searchResultList .houseDetails
{
	width: 162px;
}
.searchResultList .size
{
	vertical-align: top;
	width: 180px;
	padding-left: 10px;
}
.searchResultList .price
{
	text-align: right;
	font-weight: bold;
	width: 140px;
	padding-right: 8px;
	vertical-align:top;
}
.prices
{
	height:100px;
	position:relative;
	top:0px;
	right:0px;	
}
.oldPrice
{
	text-decoration: line-through;
}
.newPrice
{
	font-size: larger;
}
.searchResultList .selected_row
{
	background-color: #f5f5f5;
}
.searchResultList .onmouseover_row
{
	background-color: #006ea0;
	color:White;
}
.searchResultList .main_title
{
	background-color: #ffffff;
}
.searchResultList .region_title
{
	background-color: #ffffff;
}
.searchResultList .region_title h3
{
	color:#8e1a0e;
	font-size:1.6em;
}
.searchResults .main_title h3
{
	color:#000000;
}
.searchResults .main_title span
{
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
}
.searchResults .search_result_footer
{
	height: 30px;
	background-color: #f3f3f3;
	padding-bottom: 5px;
	border-top: 1px solid #d1d1d1;
}
.search_result_header
{
	border-bottom: 1px solid #d1d1d1;
}
.resultsImage
{
	margin: 10px 20px 10px 10px;
}
.resultsListImage
{
	float:left;
}
.resultsListText
{
	margin-top: 15px;
	float:left;
}
.resultsListText a
{
	text-decoration: underline;
}
.resultsListTitle
{
	text-align: center;
}
.searchResultTextLeft
{
	float: left;
}
.searchResultTextRight
{
	float: right;
}
.searchResultList .searchResultsGrid
{
	margin: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	text-align: center;
	width: 100%;
}
.searchResults .white_link
{
	text-decoration: none;
}
.searchResults .totalhouses
{
	padding: 8px 5px 0 5px;
	font-weight: bold;
}
.searchResults h3
{
	font-size: 1.2em;
	font-weight: bold;
}
.loadingDiv
{
    position:fixed; 
    z-index:10;
	top:10px;
	left:10px;
}
.popup .loadingDiv
{
	top:10px;
	left:380px;
	color:White;
}
.popup #AvailablePeriodsMainBody .loadingDiv
{
	top:10px;
	left:380px;
	color:Black;
}
/******** OBJECT DETAILS PAGE ******/
#ObjectDetails
{
	width: 100%;
	margin: 10px 10px 10px 0;
}
#ObjectDetails td
{
	vertical-align: top;
}
td.spacer
{
	width: 5px;
	height: 8px;
}
#ObjectDetails #Images
{
	width: 325px;
	max-width: 325px
}
#ObjectDetails #Images .navigation
{
	text-align:center;
}
#ObjectDetails #Images .navigation a
{
	text-decoration: underline;
}
#ObjectDetails .secImages
{
	margin: 2px 0 0 0;
	height: 105px;
}
#ObjectDetails .secImages .ODThumbnail
{
	height: 49px;
	width: 73px;
}
#ObjectDetails td.googleMap
{
	width:180px;
}

#ObjectDetails .price table
{
	width: 99%;
	font-weight: bold;
}
#ObjectDetails .price th
{
	text-align: left;
}
#ObjectDetails .price td
{
	text-align: right;
	font-size: 120%;
	padding: 0 12px 0 0;
}
#ObjectDetails .houseRef .label
{
	text-transform: uppercase;
	color: Gray;
	font-weight: bold;
	padding-left: 5px;
}
#ObjectDetails .houseRef .value
{
	font-weight: bold;
	color: Black;
}

#ObjectDetails .buttonFull
{
	background-position:left top;
	padding-top:0px;
	height:20px;
}


#ObjectDetails .buttonFull a
{
	padding-top: 0px;
	margin-top:0px;
	font-size:0.8em;
	line-height:1.3;
	text-align:center;	
	vertical-align:top;
}
.moduleBody .objectOptionsButton
{
	width:163px; 
	background-position-x:left;
}

.countryGoogleMapActiveSurface
{
	width:100%;
	height:100%;
	overflow:hidden;
}
.gMapArea
{
	padding: 1px;
	border: 1px solid #666666;
}
.smallGoogleMapActiveSurface
{
	width:160px;
	/*width:170px;*/
	height:200px;
	overflow:hidden;
	padding: 2px;
}
.holidayHouseSmallMap
{
	margin-bottom:2px;
	/*width:180px;
	height:170px;*/
	height:170px;
	width:200px;
}
.searchResultsSmallMap
{
	width:188px;
	height:150px;
}
.objectDetailsSmallMap
{
	width:188px;
	height:150px;
}
.advancedSearchCountryMap
{
	width:195px;
	height:200px;
}
#ObjectDetails .moduleBody
{
	overflow: visible;
}
#ObjectDetails .functions
{
	text-align: right;
	padding: 10px 10px 5px 5px;
}
#ObjectDetails .functions div
{
	padding: 0 0 5px 0;
}
.pageHeading .functions .location
{
	width: 534px;
	overflow: hidden;
	float: left;
}
#ObjectDetails .functions .functionButtons
{
	text-align: right;
}
/*#ObjectDetails .functions .button, #ObjectDetails .functions .buttonGray
{
	display: block;
}*/
#ObjectDetails .functions .button a, 
#ObjectDetails .functions .buttonGray a
{
	display: block;
	width: 150px;
	text-align: center;
}
#ObjectDetails .functions .buttonFull   
{
	float: right;
	width: 163px;
	text-align: center;
	padding-top: 3px;
	margin-top: 2px;
	margin-left: 2px;
	margin-bottom: 5px;
}
#ObjectDetails .functions .buttonFull a
{
    color: White;
}
#ObjectDetails .functions .buttonGrayFull
{
	float: right;
    width: 163px;
	text-align: center;
	padding-top: 2px;
	margin-top: 2px;
	margin-left: 2px;
	margin-bottom: 5px;
}
#ObjectDetails .moduleBody h3
{
	text-transform: uppercase;
}
/*#ObjectDetails ul.facilities li
{
	float: left;
	width: 160px;
}
#ObjectDetails ul.facilities li ul li
{
	float: none;
	width: auto;
}*/
#ObjectDetails td.bookingInfo
{
	padding: 0;
}
#ObjectDetails td.bookingInfo div
{
	padding: 5px 5px 0 5px;
}

.latestSearch h3
{
	text-transform: uppercase;
}
.latestSearch a.backLink
{
	text-transform: uppercase;
	text-decoration: underline;
	color: #666;
	font-weight: bold;
	padding: 4px 0 0 0;
}
.latestSearch table
{
	margin: 0 0 10px 0;
	width: 156px;
}
.latestSearch table td
{
	vertical-align: bottom;
	padding: 1px 0 3px 0;
	text-align: right;
}
.latestSearch td.listItem
{
	padding: 1px 4px 3px 10px;
	text-align: left;
}
.latestSearch .selected
{
	font-weight: bold;
}
#gBigMapDiv
{
	width: 653px;
	height: 550px;
}
/******* TIP A FRIEND PAGE ********/
body.tipFriend
{
	background-image: none;
    /*background: url(Images/) repeat-x top left #dfdfdf;*/
}
body.tipFriend form
{
	width: 95%;
	margin: 8px auto 18px auto;
    text-align: left;
    
    overflow: hidden;
    
}
.tipFriendFields
{
	float: left;
	width: 95%; 
	padding: 1.6em;
	border: 1px solid silver;
	background: url(Images/TipFriendPageBg.jpg) no-repeat top left white;
	background-color: #f3f3f3;
}
.fieldName
{
	float: left;
	width: 20%;
}
.fieldValue
{
	float: left;
	width: 66%;
}
.fieldValue #txtYourName,
.fieldValue #txtEmail,
.fieldValue #txtComment,
.fieldValue #txtSubject
{
	width: 100%;
}
.fieldValue #txtComment
{
	height: 350px;
}
.tipFriendFields h3
{
	float: left;
	width: 100%;
	margin: 3em 0 0 0;
}
/************************/
/******* RENTAL AGREEMENT PAGE ********/
body.rentalAgreement form
{
	background-image: none;
	width: 500px;
	margin: 10px;
    text-align: left;
    overflow: hidden;
    border: 1px solid gray;
}
/************************/
/* PAGE HEADINGS        */
/************************/
.pageHeading
{
	height: 29px;
	overflow: hidden;
}
.pageHeading h1,
.pageHeading h2,
.pageHeading h3
{
	font-size: 1.0em;
	padding: 7px 7px 5px 7px;
	margin: 0 1px 0 0;
	font-weight: bold;
	line-height: 1.2em;
	font-family: Arial, Lucida Sans Unicode, Lucida Grande, Sans-Serif;
	text-transform: uppercase;
	color: White;
}
.pageHeading h1.bold,
.pageHeading h2.bold,
.pageHeading h3.bold
{
	font-weight: normal;
	color: #EEEEEE;
}
.pageHeading h1 a,
.pageHeading h2 a,
.pageHeading h3 a
{
	text-decoration: none;
	color: White;
}
/**** NewsLetterSubscription******/
.NewsLetterSubscription .inputControls
{
	margin: 10px 0 5px 0;
	position: relative;
}
.NewsLetterSubscription .textBox
{
	width: 70px;
	margin: 0 2px 0 0;
	font-size: 1em;
	position: relative;
	top: 3px;
}
.NewsLetterSubscription .button
{
	font-size: 100%;
}
/**** PROPERTY SEARCH******/
.propertySearch .inputControls
{
	margin: 10px 0 5px 0;
	position: relative;
}
.propertySearch .textBox
{
	width: 70px;
	margin: 0 2px 0 0;
	font-size: 1em;
	position: relative;
	top: 3px;
}
.propertySearch .button
{
	font-size: 100%;
}
/****** ADVANCED SEARCH *********/
#LeftSearchArea
{
	float: left;
	width: 218px;
}
#MiddleSearchArea
{
	float: left;
	width: 218px;
}
#RightSearchArea
{
	float: left;
	width: 274px;
}
.big
{
	font-size: 2em;
	font-weight: bold;
	color: Maroon;
}
/***** BOOKING ******/
#BookingArea
{
	width: 712px;
	background: url(Images/ContentBack.gif) repeat-x top left White;
}
#BookingMenuArea .pageHeading
{
	width: 712px;
	height: 29px;
}
#BookingMenuArea .headerItem
{
	width: 178px;
	height: 29px;
	float: left;
}
.reservationPage #BookingMenuArea .headerItem
{
	width: 356px;
}
#BookingMenuArea .headerItem h2
{
	background: none;
	margin: 0;
	padding: 9px 0 0 40px;
	font-size: 0.9em;
	font-weight: bold;	
	text-transform: none;
}
#BookingMainArea h2
{
	margin: 5px 0 1px 0;
}
#BookingMainArea table .label
{
	width: 180px;
}
#BookingMainArea table .control
{
	text-align: right;
	padding-left: 5px;
	width: 35px;
}
#BookingMainArea table .control input
{
	float:left;
}
#BookingMainArea table .control select
{
	float:left;
}
#BookingMainArea table.personalData .label
{
	width: 100px;
}
#BookingMainArea table.personalData .control
{
	width: 240px;
	text-align: left;
	padding-left: 0;
}
#BookingMainArea table.personalData .control input
{
	width: 240px;
	text-align: left;
}
#BookingMainArea table.personalData .control .dropdown
{
	width: 246px;
	text-align: left;
	font-size: 110%;
	margin: 1px 0 1px 0;
	padding: 0 0 0 1px;
}
#BookingMainArea .requiredFields
{
	font-weight: bold;
}
#BookingMainArea table .star
{
	width: 10px;
	font-weight: bold;
}
#BookingMainArea h3
{
	text-transform: uppercase;
	padding: 29px 0 0 0;
}
#BookingMainArea td.control
{
	padding: 0 10px 0 0;
}
#BookingMainArea td.value
{
	text-align: right;
	width: 50px;
	padding: 0;
}
#BookingMainArea td.label
{
	color: #666666;
}
#BookingMainArea tr.total td
{
	padding: 4px 0 0 1px;
	font-weight: bold;
	color: Black;
}
#BookingMainArea tr.total td.value, #BookingMainArea tr.total td.currency
{
	border-top: solid 1px #666;
}
#BookingMainArea .currency
{
	width:30px;
	text-align:right;
}

#BookingMainArea .entranceArea
{
	float: left;
	width: 360px;
	margin: 0 20px;
	_margin: 10px;
}
#BookingMainArea .loginLabel
{
	padding: 0 4px 1px 0;
	width: 100px;
	text-align: right;
}
#BookingMainArea .topArea
{
	margin: 0 0 0 5px;
}
#BookingMainArea .login
{
	width: 160px;
}
#BookingMainArea .loginButton
{
	width: 80px;
	text-align: left;
}
#BookingMainArea .topArea h2
{
	color: #666;
}
#BookingMainArea .topArea .buttonGray
{
	font-size: 120%;
	padding: 0 3px 2px 3px;
	margin-top: 0;
}
#BookingMainArea .topArea table
{
	width: 100%;
}
#BookingMainArea .infoArea
{
	float: left;
	width: 180px;
	margin: 3px 3px 0 3px;
}
#BookingMainArea .infoArea h3
{
	padding-top: 0;
}
#EditBookingRightColumn .infoArea
{
	float: left;
	width: 190px;
	margin: 3px 3px 0 3px;
}
#EditBookingRightColumn .infoArea .value
{
    width: 60px;
    text-align: right;
}
#EditBookingRightColumn tr.total td.value, #EditBookingRightColumn tr.total td.currency
{
	border-top: solid 1px #666;
}
#BookingMainArea .bottomArea
{
	width: 674px;
	padding: 0 0 0 20px;
}
#BookingMainArea .navigation
{
	text-align: center;
	padding: 10px;
}
#BookingMainArea .navigation .buttonGray
{
	margin-top: 1px;
}
#BookingMainArea .requiredFields
{
	margin: 10px 0 5px 0;
}
.validatorText
{
	color: Red;
}
.separatorRow
{
	height:20px;
}
.bookingInfo .moduleBody
{
	padding: 4px 2px 8px 4px;
}
.bookingInfo .moduleBody th, .instalments th.label
{
	color: #666666;
	font-weight: bold;
	text-transform: uppercase;
}
.instalments tr.COMPLETED td
{
	font-style: italic !important;
}
td.instalmentTotal
{
	font-weight: bold !important;
	border-top: solid 1px #666;
	text-align: right;
}
.bookingInfo table
{
	width: 152px;

	margin: 0 0 0 4px;
}
.bookingInfo table th.label
{
	padding: 8px 0 0 0;
}
.bookingInfo table th.value
{
	padding: 8px 0 0 0;
	text-align: right;
}
.bookingInfo table td.type
{
	width: 60%;
	vertical-align: bottom;
}
.bookingInfo table td.value
{
	text-align: right; 
	width: 40%;
	vertical-align: bottom;
}
.bookingInfo .houseRef
{
	font-weight: bold;
	color: Black;
}
.bookingInfo table .total
{
	font-weight: bold;
}
.bookingInfo table .total .value
{
	border-top: solid 1px #666; 
}
.bookingInfo .personalData
{
	margin: 10px 4px 0 4px;
}
.bookingInfo .personalData h3
{
	text-transform: uppercase;
}
.bookingInfo .personalData dl
{
	margin: 0 0 0 1px;
}
.paymentMethods th
{
	font-weight: bold;
	padding: 0 10px 0 10px;
}
.paymentMethods tr.selected
{
	font-weight: bold;
}
.paymentMethods td.instalmentDate
{
	text-decoration: underline;
	font-weight: bold;
	padding: 0 10px 0 10px;
}
.paymentMethods td.name
{
	padding: 0 20px 0 0;
}
.paymentMethods td.amount, .paymentMethods td.fee
{
	padding: 0 10px 0 10px;
}
.paymentMethods th.spacer
{
	width: 5px;
}

.myBookingPaymentMethods 
{
    width: 100%;
}
.myBookingPaymentMethods th
{
	font-weight: bold;
	padding: 0;
}
.myBookingPaymentMethods tr.selected
{
	font-weight: bold;
}
.myBookingPaymentMethods td.instalmentDate
{
	text-decoration: underline;
	font-weight: bold;
	padding: 0;
}
.myBookingPaymentMethods td.name
{
	padding: 0;
	width: 100px;
}
.myBookingPaymentMethods td.amount, .myBookingPaymentMethods td.fee
{
	padding: 0;
}
.myBookingPaymentMethods th.spacer
{
	width: 5px;
}

.practicalInfoTable
{
	width: 160px;
}
.practicalInfoTable .value
{
	text-align: right !important; 
}
.bookingSuccess .practicalInfoTable, .bookingSuccess .instalments
{
	width: 300px;
}
.bookingSuccess .instalments
{
	margin: 5px 0 0 0;
}
.bookingSuccess .instalments .value
{
	padding-right: 0 !important;
}
.bookingSuccess
{
	padding: 20px 0 20px 40px;
}
.bookingSuccess h1, .bookingSuccess h2
{
	position: relative;
	left: -10px;
	padding: 10px 0 0 0;
	color: #333;
}
.bookingSuccess h2
{
	left: -5px;
}
.bookingSuccess p
{
	font-size: 100%;
	margin: 4px 0 2px 0;
}
.bookingSuccess table.practicalInfoTable td.type, .bookingSuccess table.instalments th.label
{
	width: 250px;
}
.bookingSuccess table.practicalInfoTable .label
{
	width: 50px !important;
	color: #666666;
}
.bookingSuccess th.value, .bookingSuccess table.practicalInfoTable td.value, .bookingSuccess td.instalmentsValue
{
	text-align: right; 
	padding: 0;
	width: 50px;
}
.bookingSuccess .logo, .bookingSuccess .fee
{
	display: none;
}
.bookingSuccess span.name
{
	font-size: 100%;
	font-weight: bold;
}
#BpOnLocation
{
	margin: 8px 0 0 4px;
	width: 642px;
}
#OnLocation
{
	margin: 8px 0 0 4px;
	width: 99%;
}
#OnLocation td
{
	vertical-align: top;
	padding: 4px 0 10px 8px;
}
#OnLocation h2
{
	margin-top: 0;
}
#OnLocation h3
{
	padding: 10px 0 0 3px;
	margin: 0;
}

/**** SEASON PRICES ****/
body#seasonPrices
{
    background: White;
    padding: 0;
}
#seasonPrices form.popup
{
	width: 460px;
    text-align: left;
    overflow: hidden;
    background: none;
}
#seasonPrices h2
{
	color: White;
	font-weight: bold;
}
#seasonPrices table.weeks
{
	width: 216px;
	border: 1px solid black;
	border-collapse: collapse;
}
#seasonPrices table.weeks td
{
	padding: 0;
}
#seasonPrices .weekGrid
{
	width: 227px;
	border: 0;
	border-collapse: collapse;
	font-size: 0.8em;
	padding: 0;
}
#seasonPrices .heading
{
	background-color: #dae0dc;
}
#seasonPrices .weekGrid .oddRow
{
	background-color: #e5eae6;
	height: 14px;
	margin: 0 4px 0 4px;
	cursor: pointer;
}
#seasonPrices .weekGrid .evenRow
{
	background-color: #f5f5f5;
	height: 14px;
	margin: 0 4px 0 4px;
	cursor: pointer;
}
#seasonPrices .selected
{
	color: White;
	font-weight: bold;
}
#seasonPrices .disabled
{
	background-color: #CC0000;
	color: #828481;
	cursor: default;
}
#seasonPrices .legend
{
	clear:both;
	float: left;
	width: 435px;
	margin: 10px 0 10px 0;
}
#seasonPrices .buttons
{
	float: left;
	margin: 0px 0 5px 300px;
}
#bookingAnnulment .buttons
{
	float: left;
	margin: 20px 10px 5px 300px;
}
/**** MY BOOKINGS ****/
#MyBookings
{
	padding: 17px 0 0 4px;
}
#MyBookings .leftColumn
{
	float: left;
	width: 175px;
	text-align:center;
}
#MyBookings .rightColumn
{
	float: left;
	width: 314px;
}
#MyBookings .verticalLine
{
	border-bottom: solid 1px #666;
}
#MyBookings h2
{
	margin: 0 0 3px 0;
}
.myBookingsHeader
{
	width: 340px;
	overflow: hidden;
	float: left;
}
#MyBookings h3
{
	padding: 10px 0 0 0;
}
/*#MyBookings img
{
	width: 162px;
	height: 122px;
}*/
.reservationBox
{
	border: solid 1px #999;
	padding: 2px 0 10px 60px;
}
.reservationBox h2
{
	font-size: 130%;
}
.reservationBox div
{
	padding: 5px 0 0 2px; 
}
.reservationBox div.bookingButton
{
	padding: 10px 0 0 0;
}

/*** PROPERTY OWNER PAGE ***/
.ownerBookingsTable
{
	border-collapse: collapse;
	border: 1px solid #dcdcdc;
	border-left: 2px solid #dcdcdc;
	margin:10px 10px 10px 10px;
}
.oddRow
{
	background-color: Silver;
	width: 11px;
	height: 11px;
	border: 1px solid #dcdcdc;
}
.evenRow
{
	background-color: Gray;
	width: 11px;
	height: 11px;
	border: 1px solid #dcdcdc;
}
.axisMarksCell
{
	border-left:2px solid black;
	border-right:2px solid black;
	height:5px;
}
.axisNumberCell
{
	font-size:8px;
	text-align:center;
}
.booked
{
	background-color: Red;
	width: 11px;
	height: 11px;
	border: 1px solid #dcdcdc;
	float:left;
	margin-top:3px;
}
.reserved
{
	background-color: White;
	width: 11px;
	height: 11px;
	border: 1px solid #dcdcdc;
	float:left;
	margin-top:3px;
}
.reservedByOwner
{
	background-color: #222222;
	width: 11px;
	height: 11px;
	border: 1px solid #dcdcdc;
	float:left;
	margin-top:3px;
}
.selectedBooking
{
	background-color: Green;
	width: 11px;
	height: 11px;
	border: 1px solid #dcdcdc;
	float:left;
	margin-top:3px;
}
.yearButtonSelected
{
	float:left;
	text-align:center;
	width:53px;
	background: url(Images/yearButtonSelected.png) no-repeat top left white;
}
.yearButtonSelected a
{
	text-decoration:none;
}
.yearButtonUnselected
{
	float:left;
	text-align:center;
	width:53px;
	background: url(Images/yearButtonUnselected.png) no-repeat top left white;
}
.yearButtonUnselected a
{
	text-decoration:none;
}
.tableContainer
{
	background-color:#eaeaea;
	border:1px solid #dcdcdc;
}
.bookingTableHeader
{
	border: 1px solid #dcdcdc;
	background: url(Images/ownerTableHeader.png) repeat top left white;
	height:15px;
	font-weight:bold;
	margin:2px;
}
.bookingTableLegenda
{
	text-align:center;
	padding:25px;
}
.legendDiv
{
	margin-left:20px;
	float: left;
}
.ownerBookingOverview
{
	background-color:White;
	padding-top:5px;
	margin-top:5px;
	border:1px solid #dcdcdc;
}
.ownerBookingsGridHeader
{
	padding:10px 5px 10px 5px;
	font-weight:bold;
}
.ownerBookingsGrid
{
	padding:10px 5px 10px 5px;
}
.ownerBookingGridHeader
{
	font-weight:bold;
	color:#5f5f5f;
}
.ownerBookingsGrid
{
	width:100%;
}
.ownerBookingsGrid tr td
{
	border-style:none;
	border-width:0px;
}
.ownerGridHeader th
{
	border-style:none;
	border-width:0px;
}

/******************/
/**** CALENDAR ****/
.calendar_box
{
	font-size: 0.9em;
	width: 80px;
	float:left;
	height:12px;
}
.calendar_image
{
	background: url(Images/CalendarPopUp.gif) no-repeat left;
	float : left;
	margin-top:0px;
	width:17px;
	height:18px;
}
#calendarDiv 
{
	padding: 1px 1px 20px 1px;
	font-size: 10px; 
	visibility: hidden; 
	width: 205px;
	font-family: arial; 
	position: absolute; 
	background-color: #fff;
}
#calendarDiv span {
	float: left;
}
#calendarDiv img {
	float: left;
}
#calendarDiv .selectBox {
	cursor: pointer; 
	line-height: 12px; 
}
#calendarDiv .selectBoxOver {
	cursor: pointer; 
	line-height: 12px; 
}
#calendarDiv .selectBoxTime {
	cursor: pointer; 
	line-height: 12px; 
	padding: 1px 1px 1px 2px;
}
#calendarDiv .selectBoxTimeOver {
	cursor: pointer;
	line-height: 12px;
	padding: 1px 1px 1px 2px;
}
#calendarDiv TD {
	font-size: 10px; 
	margin: 0px; 
	padding: 3px;
}
#calendarDiv .selectBox {
	position: relative;
}
#calendarDiv .selectBoxOver {
	color: #fff; 
	position: relative; 

}
#calendarDiv .selectBoxTime {
	position: relative;
}
#calendarDiv .selectBoxTimeOver {
	color: #216072; 
	position: relative;
	border: 1px solid #216072;
}
#calendarDiv .topBar {
	height: 16px;
	padding: 2px;
}
#calendarDiv .activeDay {
	color: #ff0000;
}
#calendarDiv .todaysDate {
	padding: 2px;
	width: 201px; 
	bottom: 0px; 
	line-height: 17px; 
	position: absolute; 
	height: 17px; 
	text-align: center;
}
#calendarDiv .todaysDate div {
	float: left;
}
#calendarDiv .timeBar {
	right: 0px; 
	width: 72px; 
	color: #fff; 
	line-height: 17px; 
	position: absolute; 
	height: 17px;
}
#calendarDiv .timeBar div {
	float: left; 
	margin-right: 1px;
}
#calendarDiv .monthYearPicker {
	display: none; 
	z-index: 1000; 
	left: 0px; 
	position: absolute; 
	top: 15px;
	border: 1px solid #aaaaaa;
}
#calendarDiv #monthSelect {
	width: 70px
}
#calendarDiv #yearSelect {
	width: 40px
}

#calendarDiv .monthYearPicker div {
	clear: both; 
	float: none; 
	margin: 1px; 
	cursor: pointer; 
	padding: 1px;
}
#calendarDiv td {
	cursor: pointer; 
	text-align: right;
}
#calendarDiv .topBar img {
	cursor: pointer;
}
#calendarDiv .topBar div {	
	float: left; 
	margin-right: 1px;
}
.calendar_txt
{
	width:90px;
	height:14px;
}
/******************************/
/** CONTACT PAGE             **/
/******************************/
.contactTable .textBox
{
	width: 360px;
}
.contactTable .textArea
{
	width: 360px;
	height: 120px;
	font-family: Arial, Helvetica, Sans-Serif;
}
.contactTable th
{
	vertical-align: top;
	padding: 0 5px 0 0;
}
span.clearcheckbox input
{
	margin: 0 0 5px 0 !important;
	border: none !important;
	width: auto !important;
	background-color: Transparent !important;
	padding: 0 !important;
}

/******************************/
/** ADVANCED SEARCH             **/
/******************************/

.searchloadingprogress
{
    display: none;
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    margin: 0px;
    padding: 0px;
    float: left;
    z-index:1;

}
.resultloadingprogress
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0px;
    padding: 0px;
    float: left;
    z-index:1;

}

.bookingloadingprogress
{
    display: none;
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    margin: 0px;
    padding: 0px;
    float: left;
    z-index:1;

}
.bookingloadingprogress .container
{
    position: absolute;
    top: 40%;
    left: 50%;
    /*background-color: White;*/
    width: 230px;
    height: 120px;
    margin-left: -115px;
    margin-top: -60px;
    background-color: White;
    background-image: url(Images/ajax-loader2.gif);
    background-position: center center;
    background-repeat: no-repeat;
    border: solid 1px grey;
}


.resultloadingprogress .container
{
    position: absolute;
    left: 50%;
    /*background-color: White;*/
    width: 230px;
    height: 120px;
    margin-left: -115px;
    margin-top: 5px;
    background-color: White;
    background-image: url(Images/ajax-loader-dw.gif);
    background-position: center center;
    background-repeat: no-repeat;
    border: solid 1px grey;
}

.searchloadingprogress .container
{
    position: absolute;
    top: 50%;
    left: 50%;
    /*background-color: White;*/
    width: 230px;
    height: 120px;
    margin-left: -115px;
    margin-top: -60px;
    background-color: White;
    background-image: url(Images/ajax-loader-dw.gif);
    background-position: center center;
    background-repeat: no-repeat;
    border: solid 1px grey;
}

.resetCriteria
{
    color: Black !important;
    text-decoration: underline !important;
}

.inspirationtext
{
    margin: 0px 0px 0px 5px;
}