﻿h1 {font-family: Arial; font-size: 15px; color: #6d3327; padding: 10px 0 15px 15px; font-weight: bold;}
h4 {font-size:14px; color: #3c6777; font-weight: bold; margin: 15px 0 8px 15px;}
h5 {font-size:12px; color: #3c6777; font-weight: bold; margin: 10px 0 8px 0px;}

/* DM STRUCTURE*/ 
.container_grey { background-color: #EEEEEE; width: 685px; padding: 15px; border-bottom: solid 1px #CCCCCC; border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; min-height: 459px; font-size: 11px; color: #666; line-height: 16px; vertical-align: top; padding-left:10px;}
.container_grey_promo { background-color: #EEEEEE; width: 750px; padding: 15px; border-bottom: solid 1px #CCCCCC; border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; height: 430px; font-size: 11px; color: #666; line-height: 16px; vertical-align: top;}
.greycontainer_content {vertical-align: top;}
.promo_greycontainer_content {vertical-align: top; margin-left: 20px;}
#form1 {background:#e4ebed; width:100%;}
.func_btns { padding: 0 0 20px 0; height: 45px; vertical-align: top; }
.LabelTitle { font-family: Arial; font-size: 15px; color: #6d3327; padding: 10px 0 15px 15px; font-weight: bold; }
.chev_bg { background-image: url('../Admin/Img/bckgr_chev.gif'); background-repeat: repeat-x; height: 54px; width: 100%; padding-top: 5px; background-position: left 80%; }
.FieldName { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 11px; color: #666666; vertical-align: top; padding-top:3px;}
.TextBox { border: 1px solid #CCCCCC; color: #666666; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 11px; height: 18px; padding-top:5px; padding-left:3px;}
.DropDown { color: #666666; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 11px;}
.ImgTable { background-color: #fff; border: 1px solid #CCCCCC; font-size: 12px; width: 100%;}
.Img { vertical-align: top; width: 116px; text-align: center; }
.ImgBorder { display: block; background: #fff; padding: 7px; border: 1px solid #CCCCCC; }
.ImgInfo { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 12px; color: #666666; padding: 10px; text-align: justify;}
.msg { color: #ff0000; font-weight: bold; }
.prev_bookingbutton {margin:10px 0 0 0;}
#HyperLinkPreview a:link { text-decoration: none; }
.ui-widget-header {background:none;}
.SelectionBox {float: left; padding-right: 11px; font-size: 11px; color: #3c6777; font-weight:bold; margin-bottom:5px;}
#DirectoryCopy {margin:0 0 20px 15px;}
#TableGeoImages {width: 100%; }
.DynamicShortText {font-family:Arial; font-size: 12px}
.DynamicLongText {font-family:Arial; font-size: 12px}
.Label {font-size: 11px; color: #3c6777; font-weight:bold;}
#ImageHolder {width:150px; float:left; margin-left:15px;}
#ViewDirectoryItem1_DefaultImage {width:150px; margin-top:15px; padding:0; border:1px solid #ccc;}
#DescriptionHolder {float:left; margin:0; width:500px;}
#LongDescriptionHolder { margin:0;}
#LongDirectoryCopy {margin:0; padding: 0px 10px 0px 15px;}


/* Promo box at the bottom of the Preview */
#PromoListPreview {width: 692px; margin-bottom:5px; background-color:#FFF; margin-top:8px; padding:40px;}
#PromoListPreview .PromoInfoLeft {float:left; width:50px; background:red; margin-left:10px;}
#PromoListPreview .PromoInfoMiddle {float:left; width:500px; background:red; margin-left:10px;}
#PromoListPreview .PromoInfoRight {float:left; width:150px; background:red; margin-left:10px;}
#PromoListPreview .PromoHotelName {color: #4e9f33; font-weight:bold; font-size: 11px; text-align:left; padding-top:3px}
#PromoListPreview tr.PromoHotelName {height:10px;}
#PromoListPreview td.PromoImage {width: 10px; float:left; padding-left: 5px;}
#PromoListPreview .PromoImage img {padding: 3px; text-align:center;}
#PromoListPreview .PromoStar {width: 100px; text-align: center; padding-right: 5px; padding-top:10px;}
#PromoListPreview tr.PromoStar {height:10px; text-align:right;}
#PromoListPreview .PromoDescription {font-size: 10px; color: #666666;}
#PromoListPreview .PromoButton {}
#PromoListPreview .PromoButton a {color: #fff; text-decoration: none; text-align: center; vertical-align:middle;}
.promo_name {font-weight: bold; color: #3c6777; margin-bottom: 8px;}
.promo_text {padding-right:10px;}

/*Promo Boxes*/
#promoResults {display:block; width:670px; padding:10px; background:#fff; border:1px solid #bfbfbf; margin:10px 0 10px 0;}
.promoHeader {height:20px; padding:10px;}
.listview {list-style:none;}
.promo_img {width:80px; float:left; margin:0;}
.promo_description {float:left; width:390px;}
.promo_more {float:left; margin: -10px 0 0 15px; width:122px;}
.PromoStarRating {height:15px;}
#ViewDirectoryItem1_DataPager1 {margin:0 0 0 625px;}

/* More Info Button */
.popup_btnmoreinfo2 {display:block; width:122px; height:28px; overflow:hidden; text-indent:34px; float:left; margin:0; background:url(/Content/dev-mtbeds/Skins/Default/Img/CheckAval.gif); background-position:top left; color:#FFF; font-weight:bold; line-height:28px; cursor:pointer;}
.popup_btnmoreinfo2 a {display:block; width:122px; height:28px; background:url(/Content/dev-mtbeds/Skins/Default/Img/CheckAval.gif); background-position:top left; color:#FFF; font-weight:bold; line-height:28px;}
.popup_btnmoreinfo2 a:hover {background-position:bottom left; color:#FFF; font-weight:bold; text-decoration:none;}

/* More Info Button */
#promoMoreInfo {display:block; width:122px; height:28px; overflow:hidden; text-indent:34px; float:left; margin:0;}
#promoMoreInfo a {display:block; width:122px; height:28px; background:url(/Content/dev-mtbeds/Skins/Default/Img/CheckAval.gif); background-position:top left; color:#FFF; font-weight:bold; line-height:28px;}
#promoMoreInfo a:hover {background-position:bottom left; color:#FFF; font-weight:bold; text-decoration:none;}

/* Error View Directory Item (Required fields cannot be empty) */
div.errorMessage {color : #6d3327; font-weight: bold; padding-top: 25px;}

/* Additional Information Styling */
#TableGeoResourcesDynamicProperties {width:665px; margin-left:15px;}
.even {width:150px; padding:10px 0 10px 0; background:#eee; color:#6d3327; font-weight:bold;}
.odd {width:150px; padding:10px 0 10px 0; background:#fbfbfb; color:#6d3327; font-weight:bold;}
.item {padding:11px; font-weight:normal; color:#666;}
.property {padding:10px 5px 10px 15px; width:120px;}

#RoomTypeDiv p {color:#A23535; margin-left:15px;}

/* Accordion Styles */
#RoomTypeMenu {background:#f1f5f7; margin-left:15px; border-left: 1px solid #ccd7dc; width:663px;}
.ui-accordion-content {border-right: 1px solid #ccd7dc; border-bottom: 1px solid #ccd7dc;}
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; width:652px; white-space:nowrap; background:#eaf1f4; height:28px; border-top:1px solid #ccd7dc; border-right:1px solid #ccd7dc; border-bottom:1px solid #ccd7dc; color:#a23535; line-height:28px; padding-left:10px;}
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; background:#dce6ea; height:28px; margin:100px;}
/*.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; border-top:1px solid #ccd7dc; border-right:1px solid #ccd7dc; border-bottom:1px solid #ccd7dc; height:13px;}*/
.ui-accordion .ui-accordion-header a:hover { text-decoration:none;}
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding:8px 0 8px 20px; border-top: 0; margin-top:-8px; position: relative; top: 1px; margin-bottom: 8px; overflow: auto; display: none; height:55px; background:#fff; color:#7d8e93;}
.ui-accordion .ui-accordion-content-active { display: block;}

/* Check Availability Text */
#HotelBookingControl{ width:170px; background-color:#f1f2f2; border:1px solid #CCCCCC; padding:7px; margin: 0px 0px 0px 5px;}
#availdatepickerIn {font-family: Arial, Sans-Serif; font-size: 11px; color:#3c6777; margin: 5px 0 5px 0; display: block; padding: 2px; border: solid 1px #c5c5c5; width: 125px; float:left; cursor:pointer;}
#availdatepickerOut {font-family: Arial, Sans-Serif; font-size: 11px; color:#3c6777; margin: 5px 0 5px 0; display: block; padding: 2px; border: solid 1px #c5c5c5; width: 125px; float:left; cursor:pointer;}
#AvailabilityMessage {color:#a23535; text-align:center; margin-top:10px;}

/* Check Availability Button */
#checkAvailability {display:block; width:122px; height:28px; overflow:hidden; text-indent:13px; float:left; margin:4px 0 0 24px;}
#checkAvailability a {display:block; width:122px; height:28px; background:url(/Content/dev-mtbeds/Skins/Default/Img/CheckAval.gif); background-position:top left; color:#FFF; font-weight:bold; line-height:28px;}
#checkAvailability a:hover {background-position:bottom left; color:#FFF; font-weight:bold; text-decoration:none;}

/* Busy Icon Holder */
#busyIconHolder {float:left; margin:9px 0 0 4px;}

/* Reservations Text */
#CheckinDetails {color:#3c6777; margin-bottom:8px; text-align:center;}

/* Book Now Button (Class is "MakeAReservation" because otherwise it would need to be changed in the backend and was changed late in the project */
#MakeReservation{ display:block; width:170px; background-color:#f1f2f2; border:1px solid #CCCCCC; padding:7px; margin:10px 0 5px 5px;}
#MakeAReservation {display:block; width:122px; height:28px; overflow:hidden; text-indent:34px; font-style:normal; margin-left:24px;}
#MakeAReservation a {display:block; width:122px; height:28px; background:url(/Content/dev-mtbeds/Skins/Default/Img/BookNow_btn.gif); background-position:top left; color:#FFF; font-weight:bold; line-height:28px;}
#MakeAReservation a:hover {background-position:bottom left; color:#FFF; font-weight:bold; text-decoration:none;}

/* Request Reservation Button */
#RequestReservation {display:block; width:144px; height:28px; overflow:hidden; text-indent:15px; font-style:normal; margin-left:13px;}
#RequestReservation a {display:block; width:144px; height:28px; background:url(/Content/dev-mtbeds/Skins/Default/Img/RequestReservation_btn.gif); background-position:top left; color:#FFF; font-weight:bold; line-height:28px;}
#RequestReservation a:hover {background-position:bottom left; color:#FFF; font-weight:bold; text-decoration:none;}

/* Heading, Price, Book Now, Request A Reservation Button, and Special On Icon */
.RoomTypeName {color:#839296; width:368px; font-weight:bold; float:left; display:block; text-align:left; margin:6px 0 0 15px; cursor: pointer;}
.RoomRatePerDay {color:#6d3327; font-weight:bold; text-align:right; float:left; display:block; width:90px; margin:6px 0 0 10px;}

/* Book Now Button */
.MakeAReservation_accordion {float:left; display:block; color:#fff; text-indent:34px; line-height:19px; width:119px; height:20px; font-size:10px; border:0; background: url('/Content/dev-mtbeds/Skins/Default/Img/MakeAReservation_btn.gif'); background-position:top left; background-repeat:no-repeat; margin:4px 0 0 20px; cursor:pointer;}
.MakeAReservation_accordion a {display:block; color:#fff; text-indent:34px; line-height:19px; width:119px; height:20px; font-size:10px; border:0; background: url('/Content/dev-mtbeds/Skins/Default/Img/MakeAReservation_btn.gif'); background-position:top left; background-repeat:no-repeat; margin:4px 0 0 10px;}
.MakeAReservation_accordion a:hover {background-position:bottom left; color:#fff; text-decoration:none;}

/* Request A Reservation Button */
.RequestAReservation_accordion {float:left; display:block; color:#fff; text-indent:8px; line-height:19px; width:119px; height:20px; font-size:10px; border:0; background: url('/Content/dev-mtbeds/Skins/Default/Img/MakeAReservation_btn.gif'); background-position:top left; background-repeat:no-repeat; margin:4px 0 0 10px; cursor:pointer;}
.RequestAReservation_accordion a {display:block; color:#fff; text-indent:34px; line-height:19px; width:119px; height:20px; font-size:10px; border:0; background: url('/Content/dev-mtbeds/Skins/Default/Img/MakeAReservation_btn.gif'); background-position:top left; background-repeat:no-repeat; margin:4px 0 0 10px;}
.RequestAReservation_accordion a:hover {background-position:bottom left; color:#fff; text-decoration:none;}

/* On Special Icon */
.roomTypeHeaderSpecial {display:block; float:left; background-image: url(/Content/dev-mtbeds/Skins/Default/Img/special_offer_ico.gif); height: 21px; width: 21px; margin:3px 0 0 7px;}

.cleardiv {clear:both;}

/* Images */
#slider {background:#fff; width:600px; overflow:hidden;}
#GeneralImage {margin:0; padding:0;}

.ui-datepicker-trigger {background:none; float:left; margin:5px 0 0 0;}
#ui-datepicker-div {display:none;}

/* Specials Text */
#SpecialsTextHolder {margin:10px 0 0 15px; width:640px; padding:10px; background:#f7f7f7; border:1px solid #ccc; margin-top:10px; color:#6d3327;}
.SpecialsTextHeader {font-weight:bold; font-size:12px;}
.SpecialsTextButton_Open{display:block; margin-top:12px; font-weight:bold; padding-left:17px; color:#3c6777; background-image:url(/Content/dev-mtbeds/Skins/Default/Img/plus_ico.gif); background-position:top left; background-repeat:no-repeat; height:18px; line-height:20px;}
.SpecialsTextButton_Close{display:block; margin-top:12px; font-weight:bold; padding-left:17px; color:#3c6777; background-image:url(/Content/dev-mtbeds/Skins/Default/Img/minus_ico.gif); background-position:top left; background-repeat:no-repeat; height:18px; line-height:20px;}

.controlbuttons {float:right;}

/* Request Reservation Form */
#RequestFromHolder {margin:10px 0 0 15px;}
#RequestHolderLeftInfo {float:left; margin:25px 0 0 0; padding:0; width:270px;}
#RequestHolderRightInfo {float:left; margin:25px 0 0 0; padding:0; width:270px;}
.RequestInput {width:200px; border:1px solid #c5c5c5; padding:2px; margin-top:4px; margin-bottom:10px; color:#547c85;}
.AdditionalInfoInput {width:411px; height:70px; border:1px solid #c5c5c5; padding:2px; margin-top:4px; margin-bottom:10px; color:#547c85;}
#OR_datepickerIn {font-family: Arial, Sans-Serif; font-size: 11px; color:#3c6777; margin: 5px 0 5px 0; display: block; padding: 2px; border: solid 1px #c5c5c5; width: 140px; float:left; margin-bottom:10px;}
#OR_datepickerOut {font-family: Arial, Sans-Serif; font-size: 11px; color:#3c6777; margin: 5px 0 5px 0; display: block; padding: 2px; border: solid 1px #c5c5c5; width: 140px; float:left;}
.validationError {color:#6d3327; margin:0;}
#RequestFromHolder .SelectionBox {float: left; padding-right: 15px; font-size: 11px; color: #3c6777; font-weight:bold; margin-bottom:10px;}
#RequestFromHolder .TextBox-dd {margin-top:4px;}
#ChildAges {float:left;}
#ChildAgeDropdowns {margin-top:4px; margin-right:3px;}
#SubmitFormLeft {float:left; width:125px; margin:0; padding:0;}
#SubmitFormRight {float:left; text-align:right; margin:0; padding:0;}
.RequiredField {color:#bc0a0a; font-size:10px; font-style:italic;}
.RequiredText {margin:-3px 0 0 214px;}

/* Submit Button */
#submitForm {display:block; width:122px; height:28px; overflow:hidden; text-indent:24px; margin:0;}
#submitForm a {display:block; width:122px; height:28px; background:url(/Content/dev-mtbeds/Skins/Default/Img/CheckAval.gif); background-position:top left; color:#FFF; font-weight:bold; line-height:28px;}
#submitForm a:hover {background-position:bottom left; color:#FFF; font-weight:bold; text-decoration:none;}

/* Submited Form */
#AdultCount {padding:5px; font-weight:bold; color:#6d3327; margin-left:15px;}
#CheckinDate {padding:5px; font-weight:bold; color:#6d3327; margin-left:15px;}
#CheckoutDate {padding:5px; font-weight:bold; color:#6d3327; margin-left:15px;}
#ChildCount {padding:5px; font-weight:bold; color:#6d3327; margin-left:15px;}
#ContactNumber {padding:5px; font-weight:bold; color:#6d3327; margin-left:15px;}
#CustomerName {padding:5px; font-weight:bold; color:#6d3327; margin-left:15px;}
#EmailAddress {padding:5px; font-weight:bold; color:#6d3327; margin-left:15px;}
#RoomCount {padding:5px; font-weight:bold; color:#6d3327; margin-left:15px;}
#HotelName {padding:5px; font-weight:bold; color:#6d3327; margin-left:15px;}
#HotelAddress {padding:5px; font-weight:bold; color:#6d3327; margin-left:15px;}
#childAges {padding:5px; font-weight:bold; color:#6d3327; font-style:italic;}

/*Map Styling*/
#POIMap {margin:10px 0 0 15px;}

/*Request Booking Confirmation*/
.RequestBookingTable {margin-left:15px; margin-top:10px; background-color:#FFF;}
.RequestBookingHeader {vertical-align:center; padding:5px; background:#eaf1f4; font-size:12px; color:#3c6777; font-weight:bold;}
.RequestLogoCell {width:220px;}
.RequestmtbedsInfoCell {width:210px; color:#406a7b;}
.RequestBookingLogo {width:207px; height:94px; background:url(/Content/dev-mtbeds/Skins/Default/Img/logo.gif); text-indent:-9999px; overflow:hidden;}
.RequestBookingInfo {padding-top:12px;}
.RequestBookingContent {padding-top:12px;}
.BookingContentTable {color:#768992;}
.RequestBookingAdditionalInfo {padding:3px; color:#3c6777; font-weight:bold; margin-top:8px;}
.RequestBookingCopy {padding:3px; margin-top:10px;}

/*To show the icon for the hotel*/
.HotelPushpin {margin-left: 4px; margin-top: -24px; background: url(/Content/dev-mtbeds/Images/mapicon_hotel_new.gif); height: 54px; width: 40px;}
.promotionsPushpin {margin-left: 4px; margin-top: -24px; background: url(/Content/dev-mtbeds/Images/mapicon_hotel_new.gif); height: 54px; width: 40px;}
.CarHireLocationPushpin {margin-left: 4px; margin-top: -24px; background: url(/Content/dev-mtbeds/Images/mapicon_POI_CarHire.gif); height: 54px; width: 41px;}
.airportPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI_Airport.gif);height: 54px;width: 41px;}
.PointOfInterestThumbnail {background: url(thumb_POI.gif);background-repeat: no-repeat;background-position: top right;height: 31px;width: 48px;float: left;padding-left: 20px;}
.AccomodationThumbnail {background: url(thumb_hotel.gif);background-repeat: no-repeat;background-position: top right;height: 31px;width: 48px;float: left;padding-left: 20px;}
.CarHireLocationThumbnail {background: url(thumb_car.gif);background-repeat: no-repeat;background-position: top right;height: 31px;width: 48px;float: left;padding-left: 20px;}
.airportThumbnail {background: url(/Content/dev-mtbeds/Images/mapicon_POI_Airport.gif);background-repeat: no-repeat;background-position: top right;height: 54px;width: 41px;float: left;padding-left: 20px;}
.CityThumbnail {background: url();background-repeat: no-repeat;background-position: top right;height: 31px;width: 48px;float: left;padding-left: 20px;}
.BarbecueRestaurantPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.AsianRestaurantPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.PlaceOfInterestPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.ArtGallery-ExhibitionCentrePushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.FortPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.Deli-SandwichRestaurantPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.InternationalRestaurantPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.MexicanRestaurantPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.CoffeeShop-CafeteriaPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.OtherAccommodationPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.ChineseRestaurantPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.SeafoodRestaurantPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.SelfCateringPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.OtherRestaurantPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.SteakRestaurantPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.FastFoodPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.Campsite-CaravanParkPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.ItalianRestaurantPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.AmericanRestaurantPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.Hotel-MotelPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.MuseumPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.BedAndBreakfastPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.FrenchRestaurantPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.GermanRestaurantPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.BattlefieldPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.PizzeriaPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.PubPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.Statue-Plaque-MemorialPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI_Memorial.gif);height: 54px;width: 41px;}
.RestCampPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI_RestCamp.gif);height: 54px;width: 41px;}
.Planetarium-ExploratoriumPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.Arts-CraftsPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI_ArtsAndCrafts.gif);height: 54px;width: 41px;}
.WreckPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.LodgePushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.ViewPointPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.WhaleWatchingPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.ScenicDrivePushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.ProvincialHeritageSitePushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI_Heritage.gif);height: 54px;width: 41px;}
.HistoricalMonumentPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI_Historical.gif);height: 54px;width: 41px;}
.RuinPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI_Ruin.gif);height: 54px;width: 41px;}
.GravesPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.Resort-SpaPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.BritishRestaurantPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.HistoricalTownPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI.gif);height: 54px;width: 41px;}
.TouristInformationPushpin {margin-left: 4px;margin-top: -24px;background: url(/Content/dev-mtbeds/Images/mapicon_POI_TouristInformation.gif);height: 54px;width: 41px;}


/*class names are pre-defined in the jquery accordion*/
.ui-icon-triangle-1-s
{
    display:block;
    background-image: url(/Content/dev-mtbeds/Images/acc_current.gif);
    background-repeat:no-repeat;
    background-position:bottom left;
    height: 15px;
    width: 30px;
    float:left;
}

.ui-icon-triangle-1-e
{
    display:block;
    background-image: url(/Content/dev-mtbeds/Images/acc_default.gif);
    background-repeat:no-repeat;
    background-position:bottom left;
    height: 15px;
    width: 30px;
    float:left;
}
