@import "global.css";

/* Map Container */
#map-container { width:850px; margin: 10px; height: auto; text-align: left; padding: 10px; }

/* Map Tabs */
#mapTabs { width: auto; border-bottom: 1px solid #fff; }
#mapTabs ul { padding-left: 530px;  }
#mapTabs li { width: 140px; height: 30px; float: left; margin-right: 1px; background: URL("/images/bkng/mapsearch-bkng.gif") no-repeat 0 0; }
#mapTabs li a { font: 16px "Franklin Gothic Heavy", "Lucida Sans", Verdana; color: #fff; line-height: 30px; padding-left: 14px; letter-spacing: 0.03em; }

/* Map Content */
#mapContent{ width: auto; background: #6699ff URL("/images/bkng/mapsearch-content-bkng.gif") no-repeat 0 bottom; padding: 10px 10px 20px 10px;}
#fieldPanel { float: left; }
#mapContent #search-content { width: 240px; float: left; }
#mapPanel { width: 560px; _width: 550px; height: 380px; float: left; background: #fff; margin-left: 10px; _margin-left: 0px;  }
.route-options { width: 142px; margin-right: 20px; }
#routeContent span { font: 11px "Lucida Sans", Arial, Sans Serif; color: #fff; font-weight: bold; }

#hotelListingContainer { width: 240px; height: 170px; margin-top: 20px; overflow: auto; }
#MapSearchDisplayOptions { clear: both; }
#MapSearchDisplayOptions li {
	clear: both;
	padding-bottom: 0;
	vertical-align: text-top;
	width: 180px; 
	margin-left: 35px;
	list-style-position: outside;
	display: list-item; 
	list-style-type: upper-alpha;
	font: 11px "Lucida Sans", Arial, Sans Serif;
	color: #fff;
	margin-bottom: 5px;
}


/*#displayOptions li { width: 200px; font: 11px "Lucida Sans", Arial, Sans Serif; color: #fff; font-weight: bold; padding-bottom: 5px; .padding-bottom: 0px; }
#displayOptions li input { margin-left: 10px; margin-right: 10px; } 
.displayOptions {   }
.displayOptions li { vertical-align: text-top; margin-left: 35px; width: 180px;  display: list-item; list-style-position: outside; list-style-type: decimal; font: 11px "Lucida Sans", Arial, Sans Serif; color: #fff; margin-bottom: 5px; }
*/



/* Map Filter Content */ 
#mapFilterContent { width: auto; background: #ffffcc URL("/images/bkng/mapsearch-filter-bkng.gif") no-repeat 0 bottom; padding: 0 10px 20px 10px; }
#routeInformation { width: auto; background: #ffffcc URL("/images/bkng/mapsearch-filter-bkng.gif") no-repeat 0 bottom; padding: 0 20px 20px 20px; display: none;}
#mapFilterContent h2 { color: #cc6600; }
#mapFilterContent h4 { color: #cc3333; font: bold 14px "Franklin Gothic Medium", "Lucida Sans", Verdana; letter-spacing: 0.03em; margin-top: 10px; margin-bottom: 5px; }
#mapStarFilter, #mapPriceFilter, #mapAccomodationFilter, #mapFacilityFilter { float: left; width: 207px; }
#mapFilterContent ul { margin-left: 5px; }
#mapFilterContent li { font: 11px "Lucida Sans", Arial, Sans Serif; color: #666666; font-weight: bold; padding-bottom: 5px; .padding-bottom: 0px; }
#mapFilterContent li input { margin-right: 5px;  }
#mapFilterContent li span { float: right; margin-top: -20px; padding-right: 2px; }
#mapFilterContent .star { width: 14px; height: 13px; margin-right: 1px; }
#mapFilterContent li.facility { height: 28px; }

#routeInformation ol { margin-left: 40px; margin-top: 20px; margin-bottom: 10px;  }
#routeInformation li { list-style-type: decimal; font: 11px "Lucida Sans", Arial, Sans Serif; color: #666; margin-bottom: 5px; }