#mapp {
	margin: 0pt auto;
	width: 800px;
}

#mapLayerContainer
{
	position:relative;
	left: 0px;
	width: 505px;
	height: 520px;
	float: left;
	padding:0px;
	border: 1px solid #e2e2e2;
}

#smartSearch
{
	background-color:#FFFFFF;
	height:20px;
	left:331px;
	position:absolute;
	top:3px;
	width:184px;
	z-index:1;
	padding: 0px;
	margin: 0px;
}

#smartSearch input
{
	height:18px;
	left:1px;
	position:absolute;
	top:1px;
	width:162px;
	padding: 0px;
	margin: 0px;
}

#smartSearch img
{
	height:18px;
	left:164px;
	position:absolute;
	top:1px;
	width:19px;
	padding: 0px;
	margin: 0px;
}

#mapp a.searchLink
{
	font-size:12px;
	cursor:pointer;
	text-decoration:none;
}

#mapp a.searchLinkTypeproperty
{
	background:url('/images/mapp/markers/hostel-list-noavail.png') top left  no-repeat;
	padding-left:25px;
	color:#4d76a0;
}

#mapp a.searchLinkTypecountry
{
	background:url('/images/mapp/keys/country_pin_key.gif') top left  no-repeat;
	padding-left:25px;
	color:#0C9209;
}

#mapp a.searchLinkTypecity
{
	background:url('/images/mapp/keys/city_pin_key.gif') top left no-repeat;
	padding-left:25px;
}

#mapp a.searchLinkTypeMore
{
	font-size:10px;color:#333;
	padding-right:30px;
}

 #mapSearchField {
	background-color: #f6f5f4;
	border: solid 1px #f0ece9;
	padding: 10px;
	width: 450px;
	margin: 0pt auto;
 }

#mappsearchContainer {
	display: block; 
	width: 775px;
	margin: 15px 0;
	border: solid 1px #eee;
	padding: 10px;
	float: left;
 }

.searchFieldsandTip {
	float: left;
	margin-bottom: 15px;
}

.searchFieldsandTip td {
	font-size: 11px;
}


#mainResultsContainer
{
	display:none;
	width:375px;
	color: #c0c0c0;
	background-color: white; 
	top:33px;
	left:37px;
	z-index: 10;
	position: absolute;
	float:left;
	border:1px solid #7f9db9;
}

#resultsTable
{
	width:278px;
}

.resultDivMore
{
	border-top:1px solid #fff;border-bottom:1px solid #ddd;
	width:268px;
	background:#f7f7f7;
	padding:1px 5px;
}

.resultDiv
{
	background:#F7F7F7 none repeat scroll 0 0;
	border-bottom:1px solid #DDDDDD;
	border-top:1px solid #FFFFFF;
	padding:3px 5px;
	width:360px;
}

.resultDiv:HOVER
{
	background:#ebebf1;
}

#mapBreadcrumbs
{
	position: absolute;
	top: 3px;
	left: 3px;
	color: #003366;
	z-index: 1;
	background: url(/images/mapp/breadcrumb-bg.gif) 0 0 repeat-x;
	float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type:none;
	margin: 0pt;
	padding: 0pt;
}

#mapBreadcrumbs li
{
	background: url(/images/mapp/breadcrumb-inner-link-bg.gif) 0 0 no-repeat;
	float: left;
	height: 22px;
	margin: 0px;
	padding: 0px;
}

li#firstBreadcrumb
{
	background: none;
}

#mapBreadcrumbs a
{
	display:block;
	float:left;
	text-decoration:none;
	padding-left: 10px;
	padding-top: 2px;
	padding-right: 3px;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
}

li#firstBreadcrumb a
{
	padding-left: 3px;
}

#mapLayer
{
	border: 3px solid #fff;
	height: 514px;
}

#mapLoading
{
	display: none;
	position: absolute;
	height: 40px;
	width: 157px;
	background: url(/images/mapp/loader.gif) no-repeat;
	z-index: 30;
}

.defaultMapLoadingPosition
{
	top: 250px;
	left: 230px;
}

.mapLoadingRHS
{
	left: 530px;
	top: 180px;
}

#mapDetailsPanel
{
	position: relative;
	left: 1px;
	float: right;
	height: 520px;
	width: 260px;
	z-index: 5;
	border: 1px solid #e2e2e2;
}

#mapContextPanel
{
	position: relative;
	left: 0px;
	top: 5px;
	float: left;
	height: 200px;
	width: 773px;
	clear: left;
	border: 1px solid #99B3CC;
	font-family: Trebuchet MS;
	font-size: 14px;
	font-weight: bold;
	color: #003366;
}

.mapControl
{
	margin-bottom: 1px;
	position: relative;
	top: 0px;
}

.mapControlTitle
{
	background: url(/images/mapp/list-back-x.gif);
	font-family: Trebuchet MS;
	font-size: 14px;
	font-weight: bold;
	color: #003366;
}

.mapControlTitle a
{
	background: url(/images/mapp/list-pointer-collapsed.gif) no-repeat left;
	display: block;
	text-decoration: none;
	padding-left: 20px;
	color: #003366;
	width: 180px;
}

.mapControlContent
{
	height: 365px;
}

.mapControlContentTop
{
	background:transparent url(/images/mapp/scroll-panel-top-control.gif) no-repeat 0px;
	cursor:pointer;
	height:26px;
	margin-left:10px;
	position:relative;
	top:4px;
	z-index:10;
	width: 243px;
}

.mapControlInnerViewport
{
	background:transparent url(/images/mapp/scroll-panel-bg.gif) no-repeat;
	height:374px;
	margin-left:10px;
	overflow:hidden;
	position:relative;
	top:0px;
	width:243px;
}

div#myBookingsControlContent
{
	height: 325px;
}

div#myBookingsControlContent div.mapControlInnerViewport
{
	height: 300px;
}

.mapControlInner
{
	/*position: relative;
	top: 0px;*/				/* IE borks scroller if in */
	width: 225px;
	margin: 0pt auto;
	height: auto;	/* this evals to 0 with js in IE :-( */
}

.mapControlContentBottom
{
	position: relative;
	top: -2px;
	height: 26px;
	background: url(/images/mapp/scroll-panel-btm-control.gif) no-repeat;
	margin-left: 10px;
	cursor: pointer;
	width: 243px;
}

#mapp .mapControlContent a
{
	float: left;
	display: block;
	text-decoration: none;
	margin-left: 5px;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
}

.#mapp mapControlContent a:hover
{
	text-decoration: underline;
}

#regionalMapControl
{
	height: 320px;
}

#mapp #regionalMapControl a
{
	margin-top: 5px;
	padding: 3px 0px 3px 6px;
	display: block;
	width: 210px;
	text-decoration: none;
	margin-left: 5px;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #ebe4df;
	background-color: #fff;
	color: #999;
}

#mapp #regionalMapControl a:hover
{
	color: #5a4937;
	border: 1px solid #aaa097;
}

#performanceMetrics
{
	position: absolute;
	left: 200px;
	background-color: #fff;
	border: 1px dashed #f00;
	font-size: 40px;
}

#mapToggles
{
	position: relative;
	top: 306px;
	background: url(/images/mapp/list-back-x.gif);
	position:absolute;
	top:383px;
	width:100%;
	z-index:151;
}

#mapToggles a
{
	font-family: Trebuchet MS;
	font-size: 14px;
	font-weight: bold;
	color: #003366;
}

#nearby
{
	z-index: 1;
}

#properties
{
	z-index: 2;
}

#bookings
{
	z-index: 3;
	top: -307px;
}

#route
{
	z-index: 4;
	top: -614px;
}

ul.propertyList, ul.bookingList
{
	background-color: #fff;
	padding: 0px;
	margin: 10px 0px 0px 7px;
	width: 214px;
	float: left;
}

li.propertyListItem
{
	/*background: url(/images/mapp/updates/propertyListingBgTile.gif) repeat-x 0 100%;*/
	display: block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	border: 1px solid #EBE4DF;
	background-color: #fff;
	height: 50px;
	margin-bottom: 1px;
	position: relative;
	top: 0px;
	left: 0px;
}

.propertyListItemOver {
	display: block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	border: 1px solid #AAA097;
	background-color: #fff;
	height: 50px;
	margin-bottom: 1px;
	position: relative;
	top: 0px;
	left: 0px;
}

li.bookingListItem
{
	display: block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	border: 1px solid #d7dfdf;
	background-color: #fff;
	height: 55px;
	margin-bottom: 1px;
	position: relative;
	top: 0px;
	left: 0px;
}

li.routeListItem
{
	display: block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	border: 1px solid #d7dfdf;
	background-color: #fff;
	height: auto;
	min-height: 35px;
	margin-bottom: 1px;
	position: relative;
	top: 0px;
	left: 0px;
}

li.favouritesListItem
{
	display: block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	border: 1px solid #d7dfdf;
	background-color: #fff;
	height: 55px;
	margin-bottom: 1px;
	position: relative;
	top: 0px;
	left: 0px;
}

li.propertyListItem a, li.propertyListItemOver a, li.bookingListItem a
{
	display: inline;
	text-decoration: underline;
	float: left;
	left: 49px;
	margin-left: 5px !important;
}

li.propertyListItem span, li.propertyListItemOver span, li.bookingListItem span
{
	margin-left: 5px;
	font-size: 12px;
	color: #7fab49;
	font-weight: normal;

}

.propertyLink {
	
	display: block;
}

#mapp li.propertyListItem a.propertyLink
{
	color: #999;
	display: block;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 13px;
	margin: 0 0 0 5px;
	padding-top: 3px;
	text-decoration: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: auto;
}

#mapp li.propertyListItemOver a.propertyLink
{
	color: #5a4937;
	display: block;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 13px;
	margin: 0 0 0 5px;
	padding-top: 3px;
	text-decoration: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: auto;
}

#mapp li.bookingListItem a.propertyLink
{
	font-family: Trebuchet MS;
	color: #1d4b78;
	font-size: 12px;
	width: auto;
	text-decoration: none;
	font-weight: bold;
}

#mapp li.routeListItem a.propertyLink
{
	position: relative;
	top: 0px;
	left: 0px;
	width: auto;
	text-decoration: none;
	color:#1D4B78;
	font-family:Trebuchet MS;
	font-size:12px;
	font-weight:bold;
}

#mapp li.propertyListItem a.propertyBookNow, #mapp li.propertyListItemOver a.propertyBookNow
{
	color: #b2adaa;
	font-family:Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	width: 50px;
	text-decoration:none;
	margin-left: 0px !important;
}

#mapp li.bookingListItem a.propertyReviewNow
{
	position: absolute;
	top: 38px;
	left: 0px;
	color: #8591B3;
	width: auto;
	font-size: 11px;
	font-weight: normal;
	font-family: Trebuchet MS;
	text-decoration: none;
}

#mapp li.bookingListItem a.myPropertyReview
{
	color: #8591B3;
	width: auto;
	font-size: 11px;
	font-weight: normal;
	font-family: Trebuchet MS;
	text-decoration: none;
}

#mapp li.routeListItem a.routeViewSteps
{
	display: inline;
	color: #8591B3;
	font-size: 11px;
	font-weight: normal;
	font-family: Trebuchet MS;
	text-decoration: none;
}

li.propertyListItem .propertyRating, li.propertyListItemOver .propertyRating
{
	color: #7fab49;
	display: block;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 12px;
	margin: 0 0 0.25em 4px;
	position: absolute;
	top: 18px;
	left: 1px;
}

li.bookingListItem .bookingDate
{
	position: absolute;
	top: 26px;
	left: 0px;
	color: #017b49;
	font-weight: bold;
	font-size: 11px;
	font-family: Trebuchet MS;
}

li.propertyListItem .propertyPrice
{
	color: #f9583d;
	display: block;
	font: 11px Arial, sans-serif;
	font-weight: bold;
	right: 5px;
	position: absolute;
	top: 5px;
}

li.propertyListItem .propertyActions
{
	position: absolute;
	top: 20px;
	left: 50px;
	font-family: Trebuchet MS;
	font-size: 11px;
	font-weight: normal;
	color: #ff0000;
	display: block;
}

li.bookingListItem .viewBooking
{
	font-family: Trebuchet MS;
	font-size: 10px;
	font-weight: normal;
	color: #ff0000;
	display: block;
	clear: both;
}

li.bookingListItem .myViewBooking
{
	position: absolute;
	top: 38px;
	left: -5px;
	font-family: Trebuchet MS;
	font-size: 10px;
	font-weight: normal;
	color: #ff0000;
	display: block;
	clear: both;
}

#lightBoxContainer
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	display: none;
	background: black;
	filter: alpha(opacity=50);
	opacity: 0.5;
	z-index: 20;
}

#lightBox
{
	position: absolute;
	left: 85px;
	top: 85px;
	background: url(/images/mapp/large_popup_bkg_smaller.gif);
	display: none;
	z-index: 21;
	height: 532px;
	width: 615px;
}

#lightBoxParent
{
	position: absolute;
	top: 50px;
	margin: 0px auto 0px auto;
	z-index: 21;
}

#lightBoxCloser
{
	float: right;
	color: red;
	cursor: pointer;
	font-weight: bold;
	width: 20px;
	height: 20px;
	background: url(/images/mapp/large_popup_close_button.gif);
	margin: 10px 10px 0px 0px;
}

#lightBoxContent
{
	position: absolute;
	left:0px;
	top:0px;
	display: block;
	overflow: auto;
	height: 450px;
	margin-top: 40px;
	width: 607px;
}

#lightBoxLoading
{
	display: none;
	padding-left: 50px;
	padding-top: 350px;
	background: url(/images/mapp/loader.gif) no-repeat scroll center;
}

div.propertyMarker
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 250px;
	height: 140px;
	background-color: #fff;
	clear: left;
}

div.propertyMarker div.title
{
}

div.propertyMarker div.address
{
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	color: #888888;
}

div.propertyMarker div.content {
	height:auto;
	padding-top: 5px;
}


div.propertyMarker div.photo
{
	float: left;
	width: 66px;
	height: 66px;
	padding-left: 5px;
}

div.propertyMarker div.description
{
	color:#666;
	font-size:11px;
	font-weight:normal;
	line-height:12px;

}

div.propertyMarker div.rating
{
	float: left;
	font-size: 12px;
	font-weight: normal;
	color: #444444;
	margin-left: 72px;
}

div.propertyMarker span.ratingPercent
{
	font-size: 14px;
	font-weight: bold;
	color: #017b49;
}

div.propertyMarker div.book a
{
}

div#propertyRoomSearch
{
	border: 1px solid #000;
}

p#loadingRooms, p#roomsFound
{
	display: none;
}

select#numNights
{
	/*margin-left: 20px;*/
}

strong#numNightsLabel
{
	margin-left: 20px;
}

div#controlTabs
{
	width: 100%;
	line-height:21px;
	height: 21px;
	display:none;
}

div.offTab
{
	font-family:Trebuchet MS;
	font-size:12px;
	color: #344881;
	width: 82px;
	height: 22px;
	float: left;
	cursor: pointer;
	border-bottom: 1px solid #9AA5C1;
	border-right: 1px solid #9AA5C1;
	border-left: 1px solid #9AA5C1;
	background: url(/images/mapp/tab-off-bg-tile.gif) 0 100% repeat-x;
	text-align: center;
	vertical-align: middle;
}

div.onTab
{
	font-family:Trebuchet MS;
	font-size:12px;
	font-weight: bold;
	color: #344881;
	cursor: pointer;
	width: 82px;
	height: 22px;
	float: left;
	border-right: 1px solid #9AA5C1;
	border-left: 1px solid #9AA5C1;
	background: url(/images/mapp/tab-on-bg-tile.gif) 0 0 repeat-x;
	text-align: center;
	vertical-align: middle;
}

div.hideTab
{
	font-family:Trebuchet MS;
	font-size:12px;
	color: #344881;
	width: 82px;
	height: 22px;
	float: left;
	cursor: pointer;
	border-bottom: 1px solid #9AA5C1;
	border-right: 1px solid #9AA5C1;
	border-left: 1px solid #9AA5C1;
	background: url(/images/mapp/tab-off-bg-tile.gif) 0 100% repeat-x;
	text-align: center;
	vertical-align: middle;
	display:none;
}

div#advancedPropertiesControls
{
	height: 42px;
	width: 240px;
	margin: 10px 0px 7px 10px;
	background: url(/images/mapp/tool-bar-bg-tile.gif) 0px 0px repeat-x;
}

div#propertiesFilters div
{
	margin: 5px 0px 0px 2px;
	cursor: pointer;
}

.searchAvail
{
	float: left;
	background: url(/images/mapp/toolbar-buttons-sheet.png) 0px -60px no-repeat;
	height: 20px;
	width: 115px;
	position: relative;
	left: 0px;
}

#propertiesFilters {
	padding-left: 5px;
	width: 95%;
	float: left;
}

#propertiesSortName
{
	float: right;
	background: url(/images/mapp/toolbar-buttons-sheet.png) -160px 0px no-repeat;
	height: 20px;
	width: 20px;
}

#propertiesSortRating
{
	float: right;
	background: url(/images/mapp/toolbar-buttons-sheet.gif) -120px -20px no-repeat;
	height: 20px;
	width: 20px;
}

#propertiesSortType
{
	float: right;
	background: url(/images/mapp/toolbar-buttons-sheet.png) -160px -20px no-repeat;
	height: 20px;
	width: 20px;
}

#propertiesSortPrice
{
	display: none;
	float: right;
	background: url(/images/mapp/toolbar-buttons-sheet.gif) -100px -20px no-repeat;
	height: 20px;
	width: 20px;
}

div#clearAvailList
{
	float: right;
	display: none;
	height: 20px;
	width: 20px;
	background: url(/images/mapp/toolbar-buttons-sheet.gif) -140px -20px no-repeat;
}

div#availabilityForm
{
	background: #F9F9F9 url(/images/panelback.gif) repeat-x scroll 0 0;
	border-color: #BBBBBB #BBBBBB #AAAAAA;
	border-style: solid;
	border-width: 1px 1px 2px;
	display: none;
	padding: 10px;
	position: absolute;
	right: 305px;
	top: 128px;
	z-index: 10;
}

div#availabilityForm #dates
{
	float: right;
}

div#availabilitySearch select
{
	margin: 1px;
}

div#availabilityForm #availabilityFormNights
{
	float: right;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #344881;
}

div#searchContainer, div#routeCreateButtonContainer
{
	clear:both;
	float:right;
	margin: 2px 1px 3px 0px;
}

div#searchContainer
{
	top: 0px;
	right: 5px;
	position: relative;
	height: 30px;
	margin: 5px 0px 0px 0px;
	line-height: 25px;
}

div#searchContainer2
{
	position: absolute;
	top: -10px;
	left:210px;
}

#mapp div#searchContainer a, #mapp div#routeCreateButtonContainer a
{
	color:#344881;
	display:block;
	font-weight:bold;
	padding: 0px;
	text-decoration:none;
	margin: 0px;
	font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;
	font-size:11px;
	width: 70px;
	height: 16px;
	text-align: center;
}

#mapp div#searchContainer2 a
{
	color:#344881;
	display:block;
	font-weight:bold;
	padding: 0px;
	text-decoration:none;
	margin: 0px;
	font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;
	font-size:11px;
	width: 70px;
	height: 20px;
	text-align: center;
}

div#searchContainer a,div#searchContainer2 a
{
	width: 90px;
	padding: 2px 0px 0px 0px;
}

div#searchContainer2 a
{
}

#myIcons, #myRoutesIcons, #myNavIcons
{
	width: 240px;
	background:transparent url(/images/mapp/tool-bar-bg-tile.gif) repeat-x scroll 0px;
	height:42px;
	margin:10px 0px 10px 10px;
	position: relative;
}

#myIcons div#toggleFavourites, #myIcons div#togglePastBookings, #myIcons div#toggleFutureBookings, #myIcons div#toggleAll, #myRoutesIcons div#toggleAllRoutes
{
	cursor: pointer;
	height: 20px;
	width: 20px;
	margin:5px 0px 0px 2px;
}

#toggleFavourites
{
	float: left;
}

.tooltip
{
	display: none;
	position: absolute;
	top: -13px;
	left: 2px;
	height: 15px;
	width: 140px;
	border: 1px solid #FED276;
	background: #FFFDE8;
	z-index: 5;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #000000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
}

#searchCityForAvailTooltip
{
	left: 10px;
	top:-5px;
}

#propertiesSortNameTooltip
{
	left: 91px;
	top: -5px;
}

#propertiesSortTypeTooltip
{
	left: 91px;
	top: -5px;
}

#propertiesSortRatingTooltip
{
	left: 91px;
	top: -5px;
}

#propertiesSortPriceTooltip
{
	left: 91px;
	top: -5px;
}

#clearAvailListTooltip
{
	left: 91px;
	top: -5px;
}

#toggleToggleAllTooltip
{
	left: 93px;
}

#toggleToggleAllRoutesTooltip
{
	left: 93px;
}

.favouritesOn
{
	background: url(/images/mapp/toolbar-buttons-sheet.png) -40px -20px no-repeat;
}

.favouritesOff
{
	background: url(/images/mapp/toolbar-buttons-sheet.png) -40px 0px no-repeat;
}

#togglePastBookings
{
	float: left;
}

.pastBookingsOn
{
	background: url(/images/mapp/toolbar-buttons-sheet.png) -20px -20px no-repeat;
}

.pastBookingsOff
{
	background: url(/images/mapp/toolbar-buttons-sheet.png) -20px 0px no-repeat;
}

#toggleFutureBookings
{
	float: left;
}

.futureBookingsOn
{
	background: url(/images/mapp/toolbar-buttons-sheet.png) -0px -20px no-repeat;
}

.futureBookingsOff
{
	background: url(/images/mapp/toolbar-buttons-sheet.png) -0px 0px no-repeat;
}

#toggleAll, #toggleAllRoutes
{
	float: right;
	background: url(/images/mapp/toolbar-buttons-sheet.png) -60px -20px no-repeat;
}

.myPlacesIcon
{
	display: block;
	position: absolute;
	top: 3px;
	left: 196px;
	width: 13px;
	height: 13px;
}


.myPlacesPastIcon
{
	left: 193px;
	height: 16px;
	width: 16px;
	background: url(/images/mapp/toolbar-buttons-sheet.png) -22px -43px no-repeat;
}

.myPlacesFutureIcon
{
	left: 193px;
	height: 16px;
	width: 16px;
	background: url(/images/mapp/toolbar-buttons-sheet.png) -2px -42px no-repeat;
}

.myPlacesFavouritesIcon
{
	height: 16px;
	width: 16px;
	left: 193px;
	background: url(/images/mapp/toolbar-buttons-sheet.png) -42px -42px no-repeat;
}

.myPlacesCity
{
	font-family:Trebuchet MS;
	font-size:12px;
	left:5px;
	position:absolute;
	top:12px;
}

.myPlacesFavouritesCity
{
	font-family:Trebuchet MS;
	font-size:12px;
	left:5px;
	position:absolute;
	top:19px;
}

table.availabilityTable
{
	position: absolute;
	top: 16px;
	left: 4px;
	padding: 0px;
	margin: 0px;
	z-index: 2;
}

table.availabilityTable td
{
	font-family: Trebuchet MS !important;
	font-size: 10px !important;
	margin: 1px;
	width: 10px;
	text-align: center;
}

table.availabilityTable td.dayAvailable
{
	background: #C3DBCF;
	color: #017134;
}

table.availabilityTable td.dayUnavailable
{
	background: #F3B2A2;
	color: #650000;
	border-right: 1px solid #FFFFFF;
	font-family: Arial,sans-serif !important;
}

#notificationBox
{
	background:#FFFFFF none repeat scroll 0%;
	border:3px solid #650000;
	color:#650000;
	display:none;
	height:100px;
	left:270px;
	position:absolute;
	text-align:center;
	top:300px;
	width:251px;
	z-index:25;
	vertical-align: center;
}

#notificationBoxCloser
{
	float: right;
	margin-right: 5px;
	cursor: pointer;
}

#notificationBoxContent
{
	margin: 15px 10px 10px 10px;
}

/*********************/
/* review template */
/*********************/
#addReviewTemplate
{
	font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}

#addReviewTemplate #wrap {
	background-color: #fff;
	width: 560px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

#addReviewTemplate h2 {
	 font-size: 12px;
	 font-weight: bold;
	 margin: 0.5em 0 0.5em 10px;
}

#addReviewTemplate h3 {
	 font-size: 12px;
	 font-weight: bold;
	 margin: 0.5em 0 0.5em 10px;
}

#addReviewTemplate p {
	margin: 0 10px 0.5em 10px;
	line-height: 1.5em;
}

#addReviewTemplate select {
	width: 200px;
	font-size: 11px;
}

#addReviewTemplate select#reviewAgeGroup {
	width: 125px;
}

#addReviewTemplate textarea {
	font-size: 11px;
}

#addReviewTemplate table {
	margin: 0 0 0 10px;
}

#addReviewTemplate .lightStripe th, #addReviewTemplate .lightStripe td, #roomSummary .lightStripe {
	background-color: #f5f6f8;
	border-bottom: 1px solid #fff;
	padding: 0.5em;
	font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#addReviewTemplate .darkStripe th, #addReviewTemplate .darkStripe td, #roomSummary .darkStripe {
	background: #edeff4;
	border-bottom: 1px solid #fff;
	padding: 0.5em;
	font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;
	font-size: 11px !important;
}

#addReviewTemplate th
{
	font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;
	font-size: 11px !important;
}

#addReviewTemplate #remember {
	margin: 1em 10px 2em 10px;
}

#addReviewTemplate #submitBtn {
	margin: 10px 0 0 0;
}

#addReviewTemplate label {
	font-weight: bold;
	margin-right: 5px;
}

#addReviewTemplate select {
	width: 110px;
}
 .review {
	 background:transparent url(/images/hostelworld_2007/quotesLeft.gif) no-repeat left top;
	color:#003366;
	font-family:Georgia,'Lucida Grande',LucidaGrande,'Times New Roman',Times,serif;
	font-size:11px;
	margin-left:5px;
	margin-right:30px;
	padding:0px 0px 2px 16px;
}
/*********************/
/* review template */
/*********************/

/*********************/
/* microsite styles */
/********************/
#microContent h2 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: bold;
}

#microContent a {
	color: #163891;
}

#microContent select {
	font-size: 12px;
}


#microContent {
	width: 540px;
	margin: 10px 0px 0px 20px;
}

#microContent h2 {
	margin: 0.5em 0 0.5em 0;
}

#microContent p {
	margin: 0 0 0.5em 0;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
}

#microContent strong
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
}

#microContent h2 a {
	color:#F82F0E;
}

#microContentWrap {
	width: 540px;

	float: left;
}

#microMain {
	background-color: #009900;
	background: #fff url(/images/mapp/microMainBgFade.gif) no-repeat 100% 0;
	float: left;
	padding-right: 13px;
	width: 310px;
}

#microSidebar {

	background:#E9F2F5 url(/images/mapp/microSidebarBgFade.gif) repeat-x;
	border-bottom:1px solid #B6D5E3;
	float: left;
	padding-bottom:20px;
	width:217px;
	height: auto;


}

#microMain h3, #microSidebar h4 {
	color: #1b2642;
	font-size: 18px;
	font-weight: normal;
	font-family: Arial,Helvetica,sans-serif;
}

#microMain h3 {
	margin: 10px 0 0.5em 0;
}

#microSidebar h4 {
	margin: 10px 0 0.5em 12px;
}


/*  =MicroBookingError
---------------------------------------------------*/
.microBookingError {
	background-color: #fffbd8;
	border: 1px solid #fed070;
	border-width: 1px 0;
	padding: 3px 1em;
	margin: 8px 5px;
}

.microBookingError p span {
	background:transparent url(/images/mapp/alert.gif) no-repeat 0pt 1px;
	font-weight: bold;
	padding-left: 14px;
}

/*  =TableNoDates
---------------------------------------------------*/
#tableNoDates {
	margin: 10px 0 10px 10px;
}

#tableNoDates table {
	border-collapse: collapse;
	width: 520px;
}

#tableNoDates th, #tableNoDates td {
	padding: 0.125em 0.5em;
}

#tableNoDates th {
	color: #fff;
	background: url(/images/mapp/microThBackground.gif) no-repeat 0 0;
	border: 1px solid #036;
	text-align: center;
	font-weight: bold;
}

#tableNoDates td {
	text-align: center;
	padding: 5px 0;
}

#microContent .lightStripe {
	background-color: #f5fafa;
	/*border-bottom: 1px solid #b6d5e3;*/
}

#microContent .darkStripe {
}

/*  =HwFlexibleBtn
---------------------------------------------------*/
.hwFlexibleBtn {
	float: right;
	background: url(/images/mapp/hwFlexibleBtnBg.gif) no-repeat 0 0;
}

.hwFlexibleBtn a {
	display: block;
	background: url(/images/mapp/hwFlexibleInnerLinkBg.gif) no-repeat 100% 0;
	padding: 3px 8px 3px 8px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}


/*  =MicroReviews
---------------------------------------------------*/
#microReviews {
	margin-bottom: 20px;
}

#microReviews h3 {
	margin-top: 15px;
}

#microReviews p.review-txt {
	color: #283863;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

#microReviews p.reviewer {
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 11px;
	margin: 0.25em 0 0.5em 0;
}

#allReviews {
	position: relative;
}

#allReviews a {
	font-weight: bold;
	float: right;
}

/*  =MicroDescription
---------------------------------------------------*/
#mappMicroDescription {
	clear: both;
}

#mappMicroDescription p{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
}

#mappMicroDescription h3 {
	color: #1b2642;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 0.5em;
}

#mappMicroDescription ul {
	list-style: disc;
	padding-left: 1em;
	margin-left: 1em;
	margin-bottom: 0.5em;
}

/*  =MicroRatings
---------------------------------------------------*/
#microRatings2 {
	padding-bottom: 20px;
	position: relative;
	padding-top:10px;
	left: 0px;
}

#microRatings2 h4 {
	margin-top: 15px;
}

#ratingsChart2 {
	background: url(/images/mapp/microRatingChartBg.gif) no-repeat 0 0;
	height: 160px;
	width: 195px;
	position: relative;
	margin-left: 12px;
}

#ratingsBar2 {
	background: #da3214 url(/images/mapp/ratingBarBg.gif) repeat-x 0 0;
	color: #fff;
	height: 10px;
	left: 71px;
	position: absolute;
	text-align: right;
	font-size: 12px;
	line-height:12px;
}

#microContent .character {
	top: 30px;
}

#microContent .security {
	top: 44px;
}

#microContent .location {
	top: 59px;
}

#microContent .staff {
	top: 73px;
}

#microContent .fun {
	top: 88px;
}

#microContent .cleanliness {
	top: 102px;
}

#overallRating2 {
	position: absolute;
	bottom: 0;
	left: 22px;
	text-align: center;
	font-size: 12px;
}

#overallRating2 span {
	color: #1b2642;
	display: block;
	font-size: 16px;
	font-weight: bold;
}


/*  =MicroPics
---------------------------------------------------*/
#microPics {
	background: url(/images/mapp/sidebarLineBreak.gif) no-repeat 0 100%;
	padding-bottom: 20px;
}

/*  =MicroPicViewer
---------------------------------------------------*/
#microPicViewer {
	width: 170px;
	height: 130px;
	position: relative;
	margin: 0 0 0 23px;
}

img#pic {
	background-color: #fff;
	border: 2px solid #fff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	left: 12px;
}

.scrollBtn {
	display: block;
	width: 12px;
	height: 24px;
	position: absolute;
	top: 48px;
}

.scrollBtn img {
	border: none;
}

#leftScrollBtn {
	left: 1px;
}

#rightScrollBtn {
	right: 9px;
}

/*  =MicroFacilities
---------------------------------------------------*/
#microFacilities {
}

#microFacilities ul {
	margin-left: 12px;
	padding-left: 0px;
}

#microFacilities li {
	background:transparent url(/images/mapp/microFacilitiesBullet.gif) no-repeat 0pt 50%;
	font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:12px;


}

/*  =microBookNow
---------------------------------------------------*/
#microBookNow {
	float: left;
	padding: 5px 10px 5px 0;

}

#microBookNowButton:link,
#microBookNowButton:visited { /* Top left corner, top edge */
	float: right;
	color: #fff;
	background: #c30 url(/images/mapp/redButton.gif) no-repeat;
	font-size: 11px;
	line-height: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

#microBookNowButton * { display:block; }

#microBookNowButton span { /* Top right corner */
	padding: 5px 0 0 0;
	background:url(/images/mapp/redCorners.gif) no-repeat right top;
}

#microBookNowButton span span { /* Bottom left corner, left and bottom edges */
	padding: 0 0 0 5px;
	background:url(/images/mapp/redButton.gif) no-repeat left bottom;
}

#microBookNowButton span span span { /* Bottom right corner */
	padding: 0 0 5px 0;
	background:url(/images/mapp/redCorners.gif) no-repeat right bottom;
}

#microBookNowButton span span span span { /* Right edge */
	padding: 0px 16px 0px 12px; /* Extra padding added to give the text some breathing room */
	background:url(/images/mapp/redButton.gif) no-repeat right center;
}

/*  =Misc
---------------------------------------------------*/
#microContent .clear {
	clear: both;
}

#microContent .microHighlight {
	font-weight: bold;
}

ul#microFacilities {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}


/*  =table dates selected */
#tableDatesSelected, #roomSummary table, #bookingSummary table
{
	border-collapse:collapse;
	/*margin:0pt 0pt 10pt 10px;*/
	width:520px;
}

#bookingInformation
{
	/*text-align: center;*/
}

#roomSummary, #bookingSummary
{
	font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 45px;
}

#roomSummary td, #bookingSummary td
{
	font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;
	font-size: 11px !important;
}

#tableDatesSelected th, #tableDatesSelected td, #roomSummary th, #roomSummary th, #bookingSummary th, #bookingSummary th
{
	padding:0.25em 0.5em;
	font-size: 11px;
	font-family: Arial,Helvetica,sans-serif;
}

#tableDatesSelected th, #roomSummary th, #bookingSummary th
{
	background:transparent url(/images/mapp/microThBackground.gif) no-repeat scroll 0px 0px;
	border:1px solid #003366;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}

#tableDatesSelected td, #roomSummary td, #bookingSummary td
{
	border-bottom:1px solid #B6D5E3;
	text-align:center;
}

#tableDatesSelected .alignLeft
{
	text-align:left;
}

#tableDatesSelected .alignRight
{
	text-align:right;
}

#tableDatesSelectedBooking
{
	border-collapse:collapse;
	margin:20px 0pt 0pt 10px;
	width:520px;
}

#tableDatesSelectedBooking th, #tableDatesSelectedBooking td
{
	padding:0.25em 0.5em;
}

#tableDatesSelectedBooking th
{
	background:transparent url(/images/mapp/microSelectedThBackground.gif) no-repeat scroll 0pt;
	border:1px solid #B6D5E3;
	color:#000000;
	font-weight:bold;
	text-align:center;
}

#tableDatesSelectedBooking td
{
	border-bottom:1px solid #B6D5E3;
	text-align:center;
}

#tableDatesSelectedBooking .alignLeft
{
	text-align:left;
}

#tableDatesSelectedBooking .alignRight
{
	text-align:right;
}

.hwFlexibleBtn
{
	background:#F63817 url(/images/mapp/hwRedButtonBg.gif) no-repeat scroll 0pt;
	color:#FFFFFF !important;
	display:block;
	float:right;
	font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:1em;
	margin:0pt;
	padding:0pt 0pt 0pt 15px;
	text-decoration:none;
	min-width: 80px;
}

.hwFlexibleBtn span
{
	background:#F63817 url(/images/mapp/hwRedButtonBg.gif) no-repeat scroll 100% 0pt;
	display:block;
	margin:0pt;
	padding:4px 15px 5px 0pt;
}
/*********************/
/* microsite styles */
/********************/

/********************/
/* routing styles */
/********************/
div#myRoutingControlContent
{
	display: block;
	height: 325px;
}

#myRoutingContent
{
	margin: 0px;
}

.myRoutesIcon
{
	display: block;
	position: absolute;
	top: 3px;
	left: 196px;
	width: 13px;
	height: 13px;
	background: url(/images/mapp/small_flag_icon_green.png) no-repeat;
}

#routeCreationOptions
{
	position: absolute;
	top: 120px;
	left: 130px;
	height: 155px;
	width: 241px;
	background: url(/images/mapp/create_route_bkg.gif);
	display: none;
	z-index: 24;
}

#routeCreationOptions #closeRouteCreationOptions
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 20px;
	height: 20px;
	float: right;
	margin: 11px 11px 0px 0px;
	background: url(/images/mapp/large_popup_close_button.gif);
}

#routeCreationOptions #createRouteLabel
{
	position: relative;
	top: 25px;
	left: 25px;
	color: #3671AA;
	font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;
	font-size:15px;
	padding-left: 20px;
	background: url(/images/mapp/small_flag_icon_green.png) 3px 0px no-repeat;
}

#routeCreationOptions label
{
	position: relative;
	top: 35px;
	left: 45px;
	color:#666666;
	font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}

.routeSteps
{
	padding-left: 0px;
}

.routeSteps li
{
	position: relative;
	padding-left: 20px;
	border-top: 1px dashed #EAEAEA;
	clear: left;
}

.routeSteps li a
{
	color:#333333;
	display:block;
	font-family:Trebuchet MS;
	font-size:12px;
	font-weight:normal;
	margin-left:5px;
	text-decoration:none;
}

.routeSteps span {
	position: absolute;
	right: 2px; 
	font-size: 10px;
	color: #999;
}

#routeCreationOptions input
{
	position: relative;
	top: 40px;
	left: 45px;
	border: 1px solid #3671AA;
	width: 150px;
}

#routeCreationOptions #routeCreateButtonContainer
{
	position: relative;
	top: 54px;
	left: -125px;
}

#addToRouteOptions
{
	position: absolute;
	top: 80px;
	left: 130px;
	width: 263px;
	height: 302px;
	background: url(/images/mapp/add_to_route_bkg.gif);
	display: none;
	z-index: 24;
	display: none;
}

#addToRouteOptions p
{
	position: relative;
	top: 0px;
	left: 10px;
	width: 165px;
	margin: 10px 0px 0px 0px;
	padding-left: 20px;
	background:transparent url(/images/mapp/small_flag_icon_green.png) no-repeat scroll 3px 0px;
	color:#3671AA;
	font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;
	font-size:15px;
}

#addToRouteOptions ul
{
	list-style-type: none;
}

#addToRouteOptions li a
{
	height: 20px;
	color:#666666;
	font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration: none;
	background: url(/images/mapp/popup_iconsheet.gif) -8px -221px no-repeat;
	padding-left: 20px;
}

#existingRouteList /* added in when moving to HW */
{
	padding: 20px 0px 0px 40px;
}

#closeAddRouteOptions
{
	position: relative;
	top: 10px;
	left: -8px;
	float: right;
	background: url(/images/mapp/large_popup_close_button.gif);
	width: 20px;
	height: 20px;
}

.regionalControlMenu
{
	list-style-type: none;
}

.zoomControl
{
	background: #F4FAF2 none repeat scroll 0 0;
	border-bottom: 1px solid #E0F3DB;
	font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 0;
	position: relative;
	width: 240px;
}

.regionalControlMenu a
{
	color: #666666 !important;
	font-family: Trebuchet Ms, Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	font-weight: normal !important;
	padding-left: 30px !important;
}

.regionalControlHeading
{
	color: #49721D;
	font-size: 16px;
	margin-left: 5px;
	font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;
}

/********************/
/* routing styles */
/********************/

/********************/
/* actionMenu styles */
/********************/
#mapp .actionMenu
{

	background: #dde1ec url(/images/mapp/rp_moreActionBack.gif) repeat-x;
	border:1px solid #a1abc9;
	color:#283863;
	font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;
	font-size:11px;
	list-style-type:none;
	margin:0px;
	padding:0px;
	position:absolute;
	width:135px;
	z-index:5;
}

.menuLink, .myPlacesMenuLink, .myFavouritesMenuLink
{
	background: url(/images/mapp/propertyMarkerMoreActionIcon.gif) no-repeat 100% 50%;
	color: #b2adaa !important;
	font-family: Arial, sans-serif !important;
	font-size: 11px !important;
	text-decoration:none !important;
	display: block !important;
	width: 44px !important;
}

.propertyListItemOver .menuLink
{
	background: url(/images/mapp/propertyMarkerMoreActionIconOver.gif) no-repeat 100% 50%;
	color: #5a4937 !important;
	font-family: Arial, sans-serif !important;
	font-size: 11px !important;
	text-decoration:none !important;
	display: block !important;
	width: 44px !important;
}

.menuLink
{
	position: absolute;
}

.myPlacesMenuLink
{
	top: 38px;
	left: 37px;
}

.myFavouritesMenuLink
{
	position: absolute;
	top: 39px;
	left: 50px;
}

.futureMenuLink
{
	left: 65px;
}

.test
{
	display: inline;
}

.myRouteMenuLink
{
	display: inline;
	font-family: Trebuchet MS !important;
	font-size: 11px !important;
	text-decoration: none !important;
	padding-right: 17px;
	background: url(/images/mapp/option-menu-btn.gif) 40px 2px no-repeat;
	color: #8591B3 !important;
}

.routeMenuWrapper
{
	clear:both;
	width:100%;
	height: 20px;
}


.favouritesAction
{
	height: 20px;
	margin: 2px;
}

.routerAction, .regionalControlsAction, .propertyLoaderAction {
	height:20px;
	margin:2px;
	border-bottom: solid 1px #c6ced9;
}

.favouritesAction a, .routerAction a, .regionalControlsAction a, .propertyLoaderAction a
{
	padding-left: 23px;
}

.favouritesAction
{
	background: url(/images/mapp/updates/addToFavourites.png) no-repeat;
}

.routerAction
{
	background: url(/images/mapp/updates/chart_line_add.png) no-repeat;
}
.propertyLoaderAction
{
	background:transparent url(/images/mapp/updates/house.png) no-repeat scroll 0%;
}

.regionalControlsAction
{
	background: url(/images/mapp/updates/zoomToIcon.png) no-repeat 4% 0%;
}

#mapp .actionMenuLink
{
	color:#283863;
	display:block;
	height:100%;
	text-decoration:none;
	vertical-align:middle;
}

#mapp .actionMenuLink:hover
{
}
/********************/
/* actionMenu styles */
/********************/

#bookingInformation h3 {
	color:#555;
	font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;
	font-size:17px;
	text-align:center;
	padding-bottom:20px;
}

#roomSummary td {
	text-align:right
}

#bookingSummaryInfo td {
	text-align:left;
	width:50%;
}

#regionalBack
{
	color: #555;
	cursor: pointer;
	font-family: Trebuchet Ms,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 12px 0 0 15px;
	text-decoration: underline;
}

#contentNoSidePanel
{
	padding: 2px;
}

/*******************/
/*******availability changes*****/
/*******************/
#availabilityForm {
	background-color: #fff;
	font-family: Arial, sans-serif;
	/*display: none;
	left: -162px;
	position:absolute;
	top: 40px;*/
	width: 182px;
}

#arrivingOn {
	width: 150px;
	padding: 0px;
	color: #344881;
	font-size: 12px;
	font-weight: bold;
	margin: 4px 0 4px 5px;
}

#availabilityForm #dates {
	margin: 0 4px 4px 0;
	text-align: right;
}

#availabilityForm #dates select {
	margin-left: 2px;
}

#availabilityFormNights {
	color: #344881;
	font-size: 12px;
	font-weight: bold;
	margin: 4px 4px 4px 0;
	text-align: right;
}

#cityStartDay, #cityStartYear, #cityNumNights {
	font-size: 12px;
	width: 49px;
}

#cityStartMonth {
	font-size: 12px;
	width: 61px;
}

#searchContainer2,#searchContainer {
	text-align: right;
	margin: 10px 3px 10px 0;
}

#cityAvailSearchSubmit {
	background: url(/images/mapp/updates/calenderPopupBgTile.gif) repeat-x 0 100%;
	background-color: #FCFDFD;
	border: 1px solid #9aa5c1;
	color: #344881 !important;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0px;
	padding: 2px 14px !important;
	text-decoration: none;
}

#mapp #cityAvailSearchSubmit2 {
	background: url(/images/mapp/updates/calenderPopupBgTile.gif) repeat-x 0 100%;
	background-color: #FCFDFD;
	border: 1px solid #9aa5c1;
	color: #344881;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0px;
	padding: 2px 14px;
	text-decoration: none;
	float:left;
}

/*******************/
/*******booking panel changes*****/
/*******************/
.lightStripe {
	background-color: #f5fafa;
	/*border-bottom: 1px solid #b6d5e3;*/

}

.lightStripeYellow {
	  background-color: #fff6e2;
}

.lightStripeYellow a, .overrideStripe a {
	background:#FC3A09 url(/images/mapp/updates/hwButtonBgTile.gif) repeat-x scroll 0%;
	border:1px solid #DB3719;
	color:#FFFFFF !important;
	font-size:11px;
	font-weight:bold;
	line-height:2em;
	padding:1px 5px;
	text-decoration:none;
}


.darkStripe {
}

/*  =TableDatesSelected
---------------------------------------------------*/
#tableDatesSelected {
	border-collapse: collapse;
	font: 11px Arial, sans-serif;
	width: 524px;
	margin: 0;
}

#tableDatesSelected th, #tableDatesSelected td {
	padding: 0.25em 0.5em;
}

#tableDatesSelected th {
	background: url(http://images.hostelworld.com/images/hostelworld_2007/hwPropertyGraphicSheet.gif) no-repeat 0 -247px;
	border: 1px solid #F5C25B;
	color: #000000;
	font-weight: bold;
	text-align: center;
}

#tableDatesSelected td {
	text-align: center;
	border: 1px solid #f5c25b;
}

#tableDatesSelected tr.overrideStripe td {
	background-color: #fff;
}

#tableDatesSelected .alignLeft {
	text-align: left;
}

#tableDatesSelected .alignRight {
	text-align: right;
}

#tableDatesSelected .bookNowCol {
	background-color: #fff;
	background-image: none;
	border: none;
	padding: 0;
}

#tableNoDates .lightStripeYellow .bookNowButton a , #tableNoDates .overrideStripe .bookNowButton a{
	background: #FC3A09 url(/images/mapp/updates/hwButtonBgTile.gif) repeat-x;
	border: 1px solid #DB3719;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 5px;
	line-height: 2em;
	text-decoration: none;
}
/*******************/
/*******booking panel changes*****/
/*******************/

/*******************/
/*******regional controlpanel changes*****/
/*******************/
.regionalControlMenu li a {
	color: #666;
	text-decoration: none;
}

.regionalControlMenu li a:hover {
	text-decoration: underline;
}
/*******************/
/*******regional controlpanel changes*****/
/*******************/

/*******************/
/*******property marker changes*****/
/*******************/
.propertyMarker {
	background: #f6f6f9 url(/images/mapp/updates/bubbleBgTile.gif) repeat-x 0 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 140px;
	position: relative;
	width: 250px;
}

.title {
	color:#283863;
	font-size:14px;
	font-weight:bold;
	margin:0px 0px 0px 5px;
	padding-top:5px;
}

.address {
	color: #888888;
	font-style:italic;
	font-weight:normal;
	margin: 0 0 0.5em 5px;
}

.address .rating {
	padding-left: 5px;
}

.rating {
	background: transparent url(/images/mapp/rp_rating_back.gif);
	height: 35px;
	width: 57px;
	color: #FFF;
	text-align: center;
	position: absolute;
	right: 5px;
}

.rating strong {
	padding-top: 5px;
	line-height: 12px;
	font-size: 15px;
	color: #FFF;
	display:block;
}

.rating em {
	font-style: normal;
	font-size: 10px;
	color: #c1cef0;
	display:block;
}

.content {
	height: auto;
}
.photo{
	font-size:10px;
}
.photo img {
	background-color: #fff;
	border: 1px solid #ccc;
	float: left;
	padding: 2px;
}

.description {
	color: #333;
	font: 11px/1.2em arial, sans-serif;
	margin: 0 5px 0.5em 70px;
}

.book {
	color:#8591B3;
	text-align:right;
	padding-right: 5px;
}

#mapp .book a {
	color:#8591B3;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding-right: 5px;
}

#mapp .book a.more {
	background: #FFF url(/images/mapp/propertyMarkerMoreActionIconBig.gif) no-repeat 100% 50%;
	border: solid 1px #8591b3;
	padding: 0px 15px 1px 5px;
	height: auto;

}
/*******************/
/*******property marker changes*****/
/*******************/

li.odd {
	background-color: #f4f5f8;
}

#mapp li.propertyListItem a.propertyLink img {
	padding-left: 5px;
}

.propertyRating span {
	font-weight: bold;
}

.propertyListActions {
	clear:both;
	color:#8591B3;
	left:160px;
	position:absolute;
	top:31px;
	width:auto;
}

table.availabilityTable {
	top: 30px;
	left: 3px;
	margin: 0px;
	padding: 0px;
	position: absolute;
}

table.availabilityTable td.dayAvailable {
	background-color: #C3DBCF;
	border-right: 1px solid #fff;
	color: #017134;
	font-family: Arial, sans-serif !important;
	font-size: 10px !important;
	text-align:center;
	margin-right: 0px;
}

.InfoAddress {
	font-size: 13px;
	margin-bottom: 10px;
	color: #666;
}

/* =Reviews
---------------------*/

.reviewAvgRatingInfo {
	background:transparent url(/images/hostelworld_2007/fabRatingBg.gif) no-repeat 0pt 50%;
	height:51px;
	position:absolute;
	right:0px;
	text-align:center;
	top:18px;
	width:139px;
	z-index:1;
}

.reviewAvgRatingInfo h4 {
	background:transparent url(/images/hostelworld_2007/hostelRatingBgTile.gif) repeat-x 0pt 100%;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	margin:0pt 5px;
	padding:8px 0pt 3px;
}

.reviewAvgRatingInfo span {
	color:#C1CEF0;
	font-size:11px;
	font-weight:normal;
}
.reviewAvgRatingInfo a, .reviewAvgRatingInfo a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

.reviewPanelTop {
	position:relative;
	width:523px;
	height: 37px;
	background:url(/images/mapp/reviewPanelTop.png) no-repeat;
}
.reviewPanelMid {
	position:relative;
	width:523px;
	background:url(/images/mapp/reviewPanelMid.png) repeat-y;
}
.reviewPanelBot {
	width:523px;
	height: 11px;
	background:url(/images/mapp/reviewPanelBot.png) no-repeat;
}
.reviewPanelName {
	position:absolute;
	top:7px;
	left:15px;
}

.reviewPanelRatingBox {
	width:83px;
	height:59px;
	position:absolute;
	top:-26px;
	right:17px;
	background:url(http://images.hostelworld.com/images/hostelworld_2007/reviewPanelRatingBox.png) no-repeat;
}
.reviewPanelRating {
	width:83px;
	margin-top:5px;
	margin-bottom:7px;
	text-align:center;
}
.reviewPanelRating h4 {
	color:#fff;
	margin-top:0px;
	margin-bottom:2px;
	font-size:24px;
}
.reviewPanelGender {
	color:#fff;
	width:83px;
	text-align:center;
	font-size:12px;
}

.quoteComment {
	background: url(http://images.hostelworld.com/images/hostelworld_2007/quotesLeft.gif) no-repeat top left;
	padding:0px 0px 2px 16px;
	font-family:Georgia, 'Lucida Grande', LucidaGrande, 'Times New Roman', Times, serif;
	font-size:11px;
	color:#003366;
	margin-left:15px;
	margin-right:110px;
}

span.quoteCommentRight {
	background: url(http://images.hostelworld.com/images/hostelworld_2007/quotesRight.gif) no-repeat right bottom;
	font-family:Georgia, 'Lucida Grande', LucidaGrande, 'Times New Roman', Times, serif;
	padding:2px 16px 2px 0px;
	font-size:11px;
	color:#003366;
}











/*	=MicroTabs
---------------------------------------------------*/

#microTabs {
	background: url(/images/hostelworld_2007/microTabBgTile.gif) repeat-x;
	float: left;
	height: 27px;
	list-style: none;
	margin-left:0px;
	padding: 0;
	width: 100%;
	clear:both;
}

#microTabs li {
	float: left;
}

#microTabs li a {
	color: #283863;
	display: block;
	font: 11px/1em Arial, Helvetica, sans-serif;
	padding: 0 0 0 18px;
	text-decoration: none;
}

#microTabs li a span {
	display: block;
	padding: 7px 18px 5px 0;
}

/* add you are here functionality */
#microTabs li#current a, #microTabs li a:hover {
	color: #fff;
	background: url(/images/hostelworld_2007/microTabBg.gif) no-repeat;
}

#microTabs li#current a {
	font-weight: bold;
}


#microTabs li#current a span, #microTabs li a:hover span {
	background: url(/images/hostelworld_2007/microTabBg.gif) no-repeat 100% 0;
}

#tableNoDates {
	width:523px;
	float:left;
	clear:both;
}

#tableNoDates table {
	border-collapse: collapse;
	width: 100%;
}


/*   Review Paging */

.paging {width:100%;text-align:right;font-size:12px;padding-bottom:5px;}
.paging a {color:#369;}
#reviewListLoading {
display:none;
position:absolute;
left:200px;
top:350px;
width:100px;
height:50px;
background:#fff;
}

#reviewList {
display:none;
}

#reviewList {clear:both;float:left;}
#reviewListWrap {float:left;width:523px;}
#reviewRightPanel {
position:relative;

float:right;
width:195px;
margin-right:20px;
top:0px;left:0px;
}



#microReviewsHeader {

float:left;
width:280px;
padding-right:5px;
}

.morelink {
	color: #CC7A29;
	font-size: 11px !important;
	font-family: arial, verdana, trebuchet MS;
	line-height: 12px;

}


/*	=map info panels
--------------------------------------------------------------------------*/
#mapIntroPanel {
	background-color: #fff;
	border: 2px solid #9aa5c1;
	height: 100px;
	position: absolute;
	top: 40px;
	left: 25px;
	z-index: 2;
	width: 400px;
	padding: 20px 0 30px;

	display: none;
}

#mapIntroPanel h2 {
	background: url(/images/mapp/updates/world.gif) no-repeat;
	color: #344881;
	font: 12px/1.5em Arial;
	font-weight: bold;
	margin: 0 20px 5px 20px;
	text-transform: uppercase;
	padding-left: 25px;
}

#mapIntroPanel p {
	color: #344881;
	margin: 0 20px;
	line-height: 1.5em;
}

#mapIntroPanel a {
	background: url(/images/mapp/updates/mapIntroCloseBtn.png) no-repeat;
	display: block;
	height: 12px;
	text-indent: -9999px;
	width: 12px;
	position: absolute;
	top: 5px;
	right: 5px;
}

#mapp .mapInfoPanel {
	border-bottom: 1px solid #ebedf2;
	margin: 0 5px;
	padding: 5px 0 10px;
}

#mapp .mapInfoPanel h2 {
	color: #344881;
	font: 11px/1.5em Arial;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 25px;
}

#mapp .mapInfoPanel p {
	color: #666;
	line-height: 1.5em;
	padding-left: 25px;
}

/* Add specific icons */
#mapFavouritesIntro h2 {
	background: url(/images/mapp/updates/star.gif) no-repeat;
}

#mapPastBookingsIntro h2 {
	background: url(/images/mapp/updates/clock_red.gif) no-repeat;
}

#mapFutureBookingsIntro h2 {
	background: url(/images/mapp/updates/clock_go.gif) no-repeat;
}

#mapRoutesIntro h2 {
	background: url(/images/mapp/updates/chart_line.gif) no-repeat;
}

#mapHelpBtn {
	background: url(/images/mapp/helpBtn.png) no-repeat;
	display: block;
	height: 22px;
	width: 40px;
	position: absolute;
	top: 3px;
	right: 3px;
	z-index: 3;
}
#mapFriendsBtn{
	background: url(/images/mapp/helpBtn.png) no-repeat;
	display: block;
	height: 22px;
	width: 40px;
	position: absolute;
	top: 2px;
	right: 2px;
	z-index: 3;
	display:none;

}
.availText
{
	float:left;
	position:relative;
	top:3px;
	color:#283863;
	font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	cursor:hand;
}
#availabilityClose{
	position:absolute;
	top:6px;right:5px;
	width:12px;
	height:12px;
}
#availActionsDistrict{
	cursor: pointer;
	top: 6px;
	position: relative;
	left: 3px;
	height: 20px;
	width: 100%;
}
#mapHelpContentWrap {
	padding: 10px 20px 30px;
}

#mapHelpContentWrap h2 {
	color: #344881;
	font: 12px/1.5em Arial, serif;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
}

#mapHelpContentWrap dt {
	color: #344881;
	font: 11px/1.5em Arial;
	font-weight: bold;
	text-transform: uppercase;
	font-weight: bold;
}

#mapHelpContentWrap dd {
	color: #666;
	line-height: 1.5em;
	margin: 0 0 10px 0;
	padding: 0;
}

.keyPromocontainer {
	width: 704px;
	height: auto; 
	margin: 0pt auto;
	text-align: center; 
}

.routePlannerKey {
	position:relative; 
	float: left;
	width: 320px;
	height: 68px;
	margin-top: 5px;
	clear:both;
	background: #FFF url(/images/mapp/keyback.gif) repeat-x;
	border: solid 1px #CCC;
}

.facebookPromo {
	float: right;
	width: 377px;
	height: 83px;
	margin-top: 5px;
	background-color: #FFF;
}

.topRowKey, .bottomRowKey {
	float: left;
	font-family: arial, verdana, helvetica;
	font-size: 11px;
	color: #666;
	margin-top: 5px;
	display: block;
	width: 100%;
}

.topRowKey {
	height: 20px;
	border-bottom: dashed 1px #CCC;
}
.topRowKey li, .bottomRowKey li {
	display: inline;
	float: left;
	margin-left: 5px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

li.alternateGroup
{
	background-color: #F1F2F6;
}

#microContent, #microContent
{
	color:#666666;
	font-size:13px;
	margin-bottom:5px;
	padding:5px;
}

#availDate1, #availDate2
{
	color:#283863;
	font-weight:bold;
}


#roomDatesMessage, #changeDatesInfo {
	font-size: 13px;
	margin-bottom: 5px;
	color: #666;
	padding: 5px;
} 

#changeDatesInfo {
	background-color: #F4F4F4;
	width: 100%;
}
#changeDatesInfo strong {
	color: #000;
	margin-right: 5px;
}
#changeDatesInfo a {
	background:#FC3A09 url(http://images.hostelworld.com/images/mapp/updates/hwButtonBgTile.gif) repeat-x scroll 0%;
	border:1px solid #DB3719;
	color:#FFFFFF !important;
	font-size:11px;
	font-weight:bold;
	line-height:2em;
	padding:1px 5px;
	text-decoration:none;
}


/* Friends Routes */



.favouriteIcon {
	background: transparent url(images/favourite_icon.png) no-repeat;
}
.haveBooked {
	background: transparent url(images/bunkicon.gif) no-repeat;
}
.oldBooking {
	background: transparent url(images/bunkicon1.gif) no-repeat;
}
.friendRouteList {
	background-color: #FFF;
	border: 1px solid #d7dfdf;
	margin: 5px;
	padding: 5px;
}

.friendRouteList  a {
	text-decoration: none;
	display: block;
	margin: 5px 0;
	color: #000;
	font-size: 12px;
	
}

.friendsRouteSelected {
	background: #FFF url(images/friends_routes_back.gif) repeat-x; 
	float: left; 
	width: 100%; 
	border: solid 1px #9aa5c1;
	border-bottom: solid 2px #9aa5c1;
	margin-bottom: 5px;
	position: relative;
}

#mapp li.friendsRouteSelected a.propertyLink
{
	padding: 7px 0 0 5px;
	position: relative;
	width: auto;
	text-decoration: none;
	color: #344881;
	font-family:Trebuchet MS;
	font-size:13px;
	font-weight:bold;
}

.friendsrouteOff {
	background-color: #FFFFFF;
	border: 1px solid #9AA5C1;
	color: #344881;
	display: block;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
	text-decoration: none;
	width: 100%;
	float: left;
}

.friendsrouteOff a {
	padding: 5px 3px;
	text-decoration: none;
	float: left;
}

.ToggleRoutesOn {
	border: solid 1px #d8dde7;
	border-bottom: solid 1px #a9adb6;
	padding: 3px;
	color: #344881;
	width: auto;
	float: left;
	margin: 4px 0 0 5px;
}

.ToggleRoutesOff {
	margin: 8px 0 0 5px;
	float: left;
}

.ToggleRoutesOff a {
	color: #999;
	text-decoration: none;
	float: left;
}

#toggleFriendsRoutes {
	position: absolute;
	right: 5px;
}


.friendThumbPic {
	position: absolute;
	top: 5px;
	right: 10px;
	border: solid 1px #CCC;
	height: 44px;
	width: 44px;
	text-align: center;
}
.friendThumbPic img {
	border: solid 1px #FFF;
}
#myFriendsRoutingContent {
	display:none;
}

#searchLoader
{
	position: absolute;
	top: 14px;
	left: 390px;
	display: none;
	z-index: 1;
}

p#navTextIntro
{
	color: #666;
	line-height: 1.5em;
	padding-left: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
	display: none;
}

.nonDragContainer
{
}

.dragger
{
	margin-top: 2px;
	float: left;
}

#magGlass
{
	
}

input#mapSearchInput
{
	color: #c0c0c0;
	width: 375px;
	border: solid 1px #d3d1d1;
	float: left;
}

#reviewSubmitBtn
{
	cursor: pointer;
}

#mapLegend div{
	float:left;
	padding:5px;
}
#mapLegend span{
	padding:5px;
	position:relative;
	top:-3px;
}

#mapFeedbackLink
{
	clear:both;
	margin-left:285px;
	margin-top:10px;
}