/*  Contents 


1. Generic Styling
2. Search Modes
3. Calendar
4. Search Popup

*/


/* 1. Generic Styling */
#divSearch {position:relative;padding-top:50px;padding-bottom:50px;}
#divSearch #divSearchMain div {margin:10px 0;}
#divSearch #divSearchMain div.gap {margin-top:15px;}

#divSearch #divSearchMain label {display:block;float:left;width:75px;position:relative;top:3px;color:#555;font-size:11px;}
#divSearch #divSearchMain span {display:block;}
#divSearch #divSearchMain input {color:#555;font-size:11px;}
#divSearch #divSearchMain select {color:#555;font-size:11px;}

#divSearch #divSearchMain .large {width:185px}
#divSearch #divSearchMain #sddGeographyLevel3ID {width:185px;}

#divSearch #divSearchMain table {border-collapse:collapse;}
#divSearch #divSearchMain th {font-weight:normal;color:#555;text-align:left;font-size:11px;}
#divSearch #divSearchMain table td {padding:2px 0;text-align:left;font-size:11px;}
#divSearch #divSearchMain table td.label {color:#555;width:75px;}
#divSearch #divSearchMain table td.adults {width:45px;}
#divSearch #divSearchMain table td.children {color:#555;width:75px;}
#divSearch #divSearchMain table.occupancy {margin-top:15px;}

#divSearch #divSearchMain a.CalendarLink {position:absolute;margin-top:1px;margin-left:0px;height:18px;width:17px;background:url(/images/calendar.gif);}
#divSearch #divSearchMain a.CalendarLink span {display:none;}

#divSearch #divMoreOptions {position:absolute;left:10px;bottom:15px;margin:0 !important;}
#divSearch #divMoreOptions a {color:#59a5f0;text-decoration:none;}
#divSearch #divMoreOptions span {font-size:11px;color:#555;}
#divSearch #btnSearch {position:absolute;right:10px;bottom:10px;}

#divSearch .error {background-color:#f3dede;}


/* 2. Search Modes */
#divSearch #divSearchModes {position:relative;height:35px;margin-bottom:30px;background:#f7f7f7;border-top:solid 1px #e5e5e5;border-bottom:solid 1px #e5e5e5;}
#divSearch #divSearchModes.hide {display:none;}
#divSearch #divSearchModes a {position:absolute;display:block;width:77px;text-align:center;text-decoration:none;padding:5px 7px;color:#888;border-right:3px solid #fff;}
#divSearch #divSearchModes a:hover {color:#555;}
#divSearch #divSearchModes #aFlightPlusHotel {top:-3px;left:-6px;}
#divSearch #divSearchModes #aHotels {top:-3px;left:88px;padding-top:12px;padding-bottom: 0px;height: 40px;}
#divSearch #divSearchModes #aFlights {top:-3px;left:180px;padding-top:12px;}

#divSearch #divSearchModes.FlightPlusHotel #aFlightPlusHotel {background-image:url(/images/sprite.png);background-repeat:no-repeat;color:#fff;
                                                              font-weight:bold;}
#divSearch #divSearchModes.FlightPlusHotel #aFlightPlusHotel:hover {text-decoration:none;}                                                              
#divSearch #divSearchModes.Flight #aFlights {background-image:url(/images/sprite.png);background-repeat:no-repeat;color:#fff;font-weight:bold;}
#divSearch #divSearchModes.Hotel #aHotels {background-image:url(/images/sprite.png);background-repeat:no-repeat;color:#fff;font-weight:bold;}
#divSearch #divSearchModes.Cruise #aRiverCruises {background-image:url(/images/sprite.png);background-repeat:no-repeat;color:#fff;font-weight:bold;}



/* 3. Calendar */
.CalendarMask {position:absolute;left:1px !important;padding:0;width:152px;z-index:19;display:none;margin:-1px 0 0 -1px;background:red;}
select.caldd {position:relative;top:0;left:0;padding:2px;margin-right:5px;}

div.Calendar {position:absolute;left:1px !important;width:150px;margin:-1px 0 0 -1px !important;z-index:20;background:white;padding:1px 1px 2px 0;
                     border:solid 1px #ddd;} 
div.Calendar table {border-collapse:collapse;margin-left:1px;margin-top:1px;}
div.Calendar table th, div.Calendar table td {width:20px !important;height:18px;text-align:center;vertical-align:middle;}
div.Calendar table tr.calendarcontrol td {background:#d32744;text-align:left;height:18px !important;line-height:18px;vertical-align:middle;height:15px;position:relative;}
div.Calendar tr.calendarcontrol a {display:block;float:left;height:13px;width:13px;}
div.Calendar tr.calendarcontrol label.calendarmonthyear {color:#fff !important;position:absolute !important;left:55px;padding:0;width:auto;float:none !important;
                                                                font-size:10px !important;font-weight:bold;}
div.Calendar tr.calendarcontrol a.calendarpreviousmonth,div.Calendar tr.calendarcontrol a.calendarpreviousmonth:hover {background:url(/images/calendarback.gif) no-repeat 2px 2px;}
div.Calendar tr.calendarcontrol a.calendarnextmonth,div.Calendar tr.calendarcontrol a.calendarnextmonth:hover {background:url(/images/calendarforward.gif) no-repeat 2px 2px;}
div.Calendar tr.calendarcontrol a.calendarhide,div.Calendar tr.calendarcontrol a.calendarhide:hover {float:right;background:url(/images/calendarclose.gif) no-repeat 2px 2px;}
div.Calendar tr.calendarcontrol #lblCalendarMonthYear {font-size:10px;color:#fff;position:absolute;left:55px;top:1px;font-weight:bold;width:auto;padding:0;}

div.Calendar table th {font-size:9px !important;color:#d32744;}
div.Calendar table td {border:solid 1px #ddd;height:15px;color:#000;font-size:9px;}
div.Calendar table td.old {text-decoration:line-through;color:#aaa;height:17px !important;}
div.Calendar table td.dead {background:#eee;}
div.Calendar table th {background:#fff;color:#333;}
div.Calendar table a {display:block;text-decoration:none;height:17px;line-height:16px;color:#d32744;}
div.Calendar table a.selected {background-color:#d32744;color:#fff;font-weight:bold;}
div.Calendar table a.selected:hover {background-color:#70acac;}
div.Calendar table a:hover {background:#e8e8e8;}




/* 4. Search Popup */		
#divSearchPopup {position:absolute;z-index:40;width:645px;min-height:260px;background:#fff;padding:20px;}
		
#divSearchPopupContent {float:left;width:380px;}
#divSearchPopupContent .availability {position:absolute;top:8px;left:20px;color:#888;}
#divSearchPopupContent h3 {position:relative;background:#f7f7f7;border-top:solid 1px #e5e5e5;border-bottom:solid 1px #e5e5e5;height:35px;margin:10px 0 30px;
		                    line-height:35px;color:#fd9717;padding-left:10px;font-size:16px;overflow:hidden;}
		
#divSearchPopupContent h3 span {display:block;float:left;margin-right:10px;}
#divSearchPopupContent h3 span.starRatingOrange {display:block;text-indent:-10000px;margin:12px 10px 8px 0;}                         
#divSearchPopupContent h3 span.arrow {display:block;width:37px;height:17px;background:url(/images/icon_arrow.png) no-repeat;text-indent:-10000px;margin-top:10px;}
                 
		
#divSearchPopupContent span.icon_tick {display:block;height:21px;line-height:21px;font-size:12px;color:#327ae0;text-indent:30px;margin-bottom:10px;}

#divImageHolder {position:absolute;left:120px;bottom:20px;}
#divImageHolder span {display:block;float:left;text-indent:-10000px;}
#divImageHolder #spLogo {width:200px;height:30px;background:url(/images/logo_small.png) no-repeat;}
#divImageHolder #spAbta {background:url(/images/logo_abta.png)}
#divImageHolder #spATOL {background:url(/images/logo_atol.png)}
#divImageHolder #spSecure {background:url(/images/logo_secure.png)}
		
#divSearchPopup #divSearch {float:left;background-image:none;padding:10px 0 50px;margin:0;}
#divSearchPopup #divSearch h3 {display:none;}
#divSearchPopup #divSearch #divMoreOptions {left:0;}
#divSearchPopup #divSearch #btnSearch {right:0;}

#divPriceMatchPopupHolder {min-height:100px;width:200px;padding-left:100px;background:url(/images/icon_pricematch.png) no-repeat;margin-top:60px;}
#divPriceMatchPopupHolder p {color:#555;}

#divSearchPopupContent span.closetext {display:block;position:absolute;top:5px;right:35px;font-weight:bold;color:#0099ff;}
#divSearchPopupContent span.close {display:block;position:absolute;top:5px;right:5px;height:14px;width:20px;background:url(/images/close.gif) no-repeat 0 0;
                      text-indent:-10000px;cursor:pointer;}
#divSearchPopupContent span.close:hover {background:url(/images/close.gif) no-repeat 0 -14px;}