/* TRIP SELECTOR STYLE SHEET */
/* General Layout Structure */
#tripSelectorContainer {display:block; width:207px; margin:0; padding:0; background-image:url(/Content/dev-mtbeds/Skins/Default/Img/tripSelectorContent_bg.gif); background-repeat:repeat-y; background-position:top center;}
#tripSelectorHeader {width:207px; height:44px; background-color:#FFF; background-image:url(/Content/dev-mtbeds/Skins/Default/Img/tripSelectorHeader_bg.gif); background-repeat:no-repeat; background-position:top center; margin:0; padding:0;}
#tripSelectorContent {width:187px; padding: 0 10px 10px 10px; margin-top: 0; }
#tripSelectorFooter {clear: both; width:207px; height:54px; background-image:url(/Content/dev-mtbeds/Skins/Default/Img/tripSelectorFooter_bg.gif); background-repeat:no-repeat; background-position:top center;}
.tripSelectorTitle {display:block; font-family:Arial; color:#FFF; font-weight:bold; font-size:13px; padding:8px 0 0 57px;}

/* Region & Keywords */
#RegionSelect {font-family: Arial, Sans-Serif; font-size: 11px; color:#3c6777; margin: 2px 0 10px 0; display: block; padding: 2px; border: solid 1px #c5c5c5; width: 181px;}
#KeywordInput {font-family: Arial, Sans-Serif; font-size: 11px; color:#3c6777; margin: 2px 0 10px 0; display: block; padding: 2px; border: solid 1px #c5c5c5; width: 181px;}
.Label {font-size: 11px; color: #3c6777; font-weight:bold;}
.LabelSmall {margin:5px 0 0 0; font-size: 9px; color: #3c6777; font-weight:bold;}

/* Accommodation types */
#AccommodationTypes { margin: 2px 0 15px 0; padding: 0; width:187px; }
#AccommodationTypes  ul { margin: 0; padding: 0 8px;}
#AccommodationTypes .checkboxList {margin: 0px; list-style:none;}
#AccommodationTypes .checkboxList li {margin-top: 4px;  }
#AccommodationTypes .checkboxList li label {vertical-align: middle; }

/* Search without dates */
#SearchWithoutDates {width:178px; height:28px; background:#eaf1f1; border:1px solid #afc5c5; padding:4px; margin:0 0 10px 0;}
.SearchCheckBox {float:left; margin-right:5px;}
.SearchInfo {float:left;}

/* Check In And Check Out */
#CheckDetails {}
#checkindate {font-family: Arial, Sans-Serif; font-size: 11px; color:#3c6777; margin: 5px 5px 5px 0; display: inline; padding: 2px; width: 148px;}
#checkoutdate {font-family: Arial, Sans-Serif; font-size: 11px; color:#3c6777; margin: 5px 5px 5px 0; display: inline; padding: 2px; width: 148px;}
.Calendar img {background-image: url('../Skins/Default/Img/calendar.gif'); background-repeat: no-repeat; width:20px; height:20px; padding:0px; margin-bottom: 5px; cursor:pointer;}
.SelectionBox {float: left; padding-right: 12px; font-size: 11px; color: #3c6777; font-weight:bold; margin-bottom: 15px;}

/* Search For Accommodation Button */
#searchforaccommodation {display:block; width:162px; height:32px; overflow:hidden; text-indent:-9999px; margin:13px 22px;}
#searchforaccommodation a {display:block; width:162px; height:32px; background:url(/Content/dev-mtbeds/Skins/Default/Img/searchforaccommodation.gif); background-position:top left;}
#searchforaccommodation a:hover {background-position:bottom left;}

/* Search For Accommodation Button */
#searchforaccommodation_tripSelector {display:block; width:162px; height:32px; overflow:hidden; text-indent:-9999px; margin:5px 22px;}
#searchforaccommodation_tripSelector a {display:block; width:162px; height:32px; background:url(/Content/dev-mtbeds/Skins/Default/Img/searchforaccommodation.gif); background-position:top left;}
#searchforaccommodation_tripSelector a:hover {background-position:bottom left;}

/* Validation Message */
#ValidationMessage {color:#D30000; display: none; float: left; margin:-54px 0 0 50px;}

/* Plan your Trip Tab */
ul#MainHeading { background-image: url("tab_default.gif"); width: 244px; height: 37px; float: left; background-repeat: no-repeat; margin-left: 0px; padding-left: 0px; }
#MainHeading li.TripPlanHeading { font-family: verdana; font-size: 12px; font-weight: bold; color: #fff; padding-left: 15px; padding-top: 11px; list-style-type: none; height: 35px; }

/* Tripplanner borders and text */
.TableContent { width: 244px; font-family: verdana; color: #666; text-align: left; border: #6fb328 5px solid; border-top: 0px; padding-top: 0px; vertical-align: top;}
.ContentBorder { border-left: #6fb328 5px solid; background-color: #F89B21; height: 5px; }

/* Selectors (Flight / Car / Accommodation) */
#Selector { width:100%; float: left; padding-left: 0px; margin-left: 0px; padding-top: 9px; }
#Selector .Label { font-size: 11px; font-weight: bold; }

/* Car Hire */
#CarHireTable { width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 7px;}
#SectionHeading { font-size: 12px; font-weight: bold; }
.SectionLabel { font-size: 90px; color: #666;}

#CarDeliveryCheckbox { font-size: 11px; float: right; color: orange; font-weight: bold; }
#CarCollectionCheckbox { font-size: 11px; float: right; color: orange; font-weight: bold; }

.CarFlight { font-weight: bold; color: #666;font-size: 11px; }

/* Flights */
#FlightTable { width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 7px; }
#FlightOneWaySpan { font-size: 11px; float: right; color: orange; font-weight: bold; }

/* Accommodation */
#AccommodationTable { width: 100px; margin-bottom: 7px;}

/* All Form elements */
.DropDown .TextBox { font-size: 11px; color: #666;}
.hint { font-size: 11px; color: #aaa; }
#FlightOut { float: left; }
#Selector ul {list-style-type: none; }
#Selector li {display: inline;}
#Selector li input {margin-right: 5px;} 
#Selector li span { margin-right: 5px; }