.smallControl { width: 299px; font-family:Arial!Important; } .smallControl .header { height: 40px; margin: 0; background: transparent url('../Images/SmallControl/SmallControlSprite.png') 0 0 no-repeat; } .smallControl .header h2 { height: 40px; padding: 0 5px; color: #fff; font-size: 18px; line-height: 35px; } .smallControl .content, .content .defaultOverlay { height: 305px; _height: 315px; } .smallControl .content { overflow: hidden; background: transparent url('../Images/SmallControl/SmallControlSprite.png') -299px 0 repeat-y; } .smallControl .content .innerContent { width: 269px; height: 283px; _width: 279px; margin: 0 11px 0 2px; padding: 0 8px; _padding: 0 4px; } .content .defaultOverlay { position: absolute; width: 276px; z-index: 100; background-color: #fff; font-size: 13px; line-height: 13px; } .content .defaultOverlay div { margin: auto; text-align: center; } .content .defaultOverlay div img { margin-top: 100px; } .content select { visibility: hidden; } .content .innerContent .item { height: 21px; font-size: 11px; line-height: 10px; } .content .innerContent .item label { display: block; width: 100px; height: 21px; float: left; line-height: 21px; color: #444; } .content .innerContent .item span { display: block; width: 120px; height: 21px; float: left; text-align: right; line-height: 21px; } .innerContent .item span a { color: #00a9e0; text-decoration: underline; } .content .innerContent .field { height: 22px; } .content .innerContent .field .form { width: 220px; height: 22px; float: left; } .content .innerContent .field select { width: 220px; } .innerContent .field select.day { width: 55px; float: left; } .innerContent .field select.month { width: 100px; float: left; } .innerContent .field select.year { width: 65px; float: left; } .content .innerContent .field .calendar { width: 18px; height: 21px; padding: 1px 0 0 3px; _width: 23px; float: left; } /*.innerContent .field .calendar a { display: block; width: 18px; height: 19px; background: transparent url('../Images/SmallControl/SmallControlSprite.jpg') -34px -80px no-repeat; }*/ .innerContent .field .calendar a { display: block; width: 23px; height: 23px; background: transparent url('../Images/SmallControl/SmallControlSprite.png') -152px -84px no-repeat; } .innerContent .field .calendar a:hover { background: transparent url('../Images/SmallControl/SmallControlSprite.png') -152px -107px no-repeat; } .field .calendar a span { display: none; } /*.content .innerContent .field .state { width: 17px; height: 20px; padding: 2px 0 0 6px; float: left; }*/ .content .innerContent .field .state { width: 0px; height: 25px; padding: 0 0 0 8px; float: left; } .innerContent .field .state a { display: block; width: 25px; height: 25px; } /* .field .state a.help { background: transparent url('../Images/SmallControl/SmallControlSprite.jpg') 0 -80px no-repeat; } .field .state a.error { background: transparent url('../Images/SmallControl/SmallControlSprite.jpg') -17px -80px no-repeat; }*/ .field .state a.help { background: transparent url('../Images/SmallControl/SmallControlSprite.png') -25px -84px no-repeat; } .field .state a.error { background: transparent url('../Images/SmallControl/SmallControlSprite.png') 0 -84px no-repeat; } .field .state a:hover.help { background: transparent url('../Images/SmallControl/SmallControlSprite.png') -25px -109px no-repeat; } .field .state a:hover.error { background: transparent url('../Images/SmallControl/SmallControlSprite.png') 0 -109px no-repeat; } .field .state a span { display: none; } .content .innerContent .uptoDays { height: 22px; margin: 3px 0 0 0; } .innerContent .uptoDays label { display: block; width: 145px; height: 22px; padding: 0 10px 0 0; float: left; text-align: right; font-size: 11px; line-height: 22px; color: #444; } .innerContent .uptoDays.ex label { width: 130px; } .innerContent .uptoDays .form { width: 65px; height: 22px; float: left; } .uptoDays .form select { width: 65px; } .innerContent .uptoDays.ex .form { width: 80px; } .uptoDays.ex .form select { width: 80px; } .innerContent .uptoDays .extra { width: 30px; height: 22px; padding: 0 0 0 6px; float: left; font-size: 11px; line-height: 22px; color: #444; } .content .innerContent .tripLimit { } .content .innerContent .tripLimit select { width: 100px; } .content .ageSelection { padding: 0; } .content .ageSelection #label_NumberOfTravellers {width:240px!Important; _width: 245px !important; float:left;} .content .innerContent .state .error { display: none; } .content .ages { width: 265px; float: left; } .content .ages label { display: block; width: 80px; height: 22px; float: left; color: #444; font-size: 11px; line-height: 22px; } .content .ages .age.right label { width: 80px; padding: 0 4px 0 10px; text-align: left; } .content .ages .age.right label A{text-decoration:underline; color:black;} .content .ages span { display: block; width: 42px; height: 22px; float: left; } .content .ages span select { width: 42px !important; } .smallControl .footer { height: 44px; clear: none; background: transparent url('../Images/SmallControl/SmallControlSprite.png') 0 -40px no-repeat; } /*.smallControl .footer-desc { width: 179px; height: 42px; padding: 0 0 0 10px; float: left; font-size: 11px; line-height: 11px; }*/ .smallControl .footer-desc { width: 169px; height: 42px; padding: 0 0 0 10px; float: left; font-size: 11px; line-height: 11px; } .smallControl .footer-desc a { color: #00a9e0; visibility: hidden; text-decoration: underline; } /*.smallControl .footer-proceed { width: 89px; float: left; } .smallControl .footer-proceed a { display: block; visibility: hidden; width: 89px; height: 18px; background: transparent url('../Images/SmallControl/SmallControlSprite.jpg') -52px -80px no-repeat; }*/ .smallControl .footer-proceed { width: 79px; float: left; } .smallControl .footer-proceed a { display: block; visibility: hidden; width: 102px; height: 25px; background: transparent url('../Images/SmallControl/SmallControlSprite.png') -50px -84px no-repeat; } .smallControl .footer-proceed a:hover { display: block; visibility: hidden; width: 102px; height: 25px; background: transparent url('../Images/SmallControl/SmallControlSprite.png') -50px -109px no-repeat; } .smallControl .footer-proceed a span { display: none; } .overlayProgress div { width: 150px; margin: 0 auto; padding:10px; text-align: center; font-size: 13px; } .overlayProgress img { margin-top: 100px; } .popup { font-size: 11px; } .popupHelp { width: 310px; } /*.popupHelp .header { height: 40px; margin: 0; padding: 0; background: transparent url('../Images/SmallControl/PopupSprite.jpg') 0 0 no-repeat; }*/ .popupHelp .header { height: 40px; margin: 0; padding: 0; background: transparent url('../Images/SmallControl/PopupSprite.png') 0 0 no-repeat; } .popup .header .block { width: 210px; height: 19px; float: left; } .popup .header a span { display: none; } .popup .header a.normalFont { display: block; width: 12px; height: 12px; margin: 12px 0 0 2px ; float: left; } .popup .header a.largerFont { display: block; width: 16px; height: 16px; margin: 8px 0 0 2px; float: left; } .popup .header a.largestFont { display: block; width: 18px; height: 18px; margin: 6px 10px 0 2px; float: left; } .popup .header a.normalFont { background: transparent url('../Images/SmallControl/PopupSprite.png') -31px -222px no-repeat; } .popup .header a.largerFont { background: transparent url('../Images/SmallControl/PopupSprite.png') -43px -218px no-repeat; } .popup .header a.largestFont { background: transparent url('../Images/SmallControl/PopupSprite.png') -59px -216px no-repeat; } .popup .header a:hover.normalFont { background-position: -77px -222px } .popup .header a:hover.largerFont { background-position: -89px -218px } .popup .header a:hover.largestFont { background-position: -105px -216px } .popup .header a.close { display: block; width: 15px; height: 15px; margin: 7px 0 0 8px; float: left; } .popupHelp .header a.close { background: transparent url('../Images/SmallControl/PopupSprite.png') 0 -216px no-repeat; } .popupHelp .header a:hover.close { background-position: 0 -231px } /*.popupHelp .message { padding: 1px 20px; font-size: 11px; line-height: 14px; background: transparent url('../Images/SmallControl/PopupSprite.jpg') -301px 0 repeat-y; }*/ .popupHelp .message { padding: 1px 20px; font-size: 11px; line-height: 14px; background: transparent url('../Images/SmallControl/PopupSprite.png') -311px 0 repeat-y; } .popup .message p { margin: 0px; padding: 8px 10px; } .popup .message.normalFont { font-size: 11px; line-height: 14px; } .popup .message.largerFont { font-size: 14px; line-height: 17px; } .popup .message.largestFont { font-size: 20px; line-height: 23px; } .popup .message div { padding: 0 10px; } /*.popupHelp .footer { height: 15px; margin: 0; padding: 0; background: transparent url('../Images/SmallControl/PopupSprite.jpg') 0 -40px no-repeat; }*/ .popupHelp .footer { height: 21px; margin: 0; padding: 0; background: transparent url('../Images/SmallControl/PopupSprite.png') 0 -40px no-repeat; } .popupError { width: 310px; } .popupError .header { height: 40px; margin: 0; padding: 0; background: transparent url('../Images/SmallControl/PopupSprite.png') 0 -63px no-repeat; } /*.popupError .header a.normalFont { display: block; width: 12px; height: 12px; margin: 12px 0 0 2px ; float: left; } .popupError .header a.largerFont { display: block; width: 16px; height: 16px; margin: 8px 0 0 2px; float: left; } .popupError .header a.largestFont { display: block; width: 18px; height: 18px; margin: 6px 10px 0 2px; float: left; }*/ .popupError .header a.normalFont { background-position: -124px -222px } .popupError .header a.largerFont { background-position: -136px -218px } .popupError .header a.largestFont { background-position: -152px -216px } .popupError .header a:hover.normalFont { background-position: -170px -222px } .popupError .header a:hover.largerFont { background-position: -182px -218px } .popupError .header a:hover.largestFont { background-position: -198px -216px } .popupError .header a.close { background: transparent url('../Images/SmallControl/PopupSprite.png') -15px -216px no-repeat; } .popupError .header a:hover.close { background: transparent url('../Images/SmallControl/PopupSprite.png') -15px -231px no-repeat; } .popupError .message { padding: 1px 20px; background: transparent url('../Images/SmallControl/PopupSprite.png') -622px 0 repeat-y; } .popupError .footer { height: 21px; margin: 0; padding: 0; background: transparent url('../Images/SmallControl/PopupSprite.png') 0 -105px no-repeat; } .popup .definitions { display: none; margin-top: 10px; } .popup .definitions p { padding-top: 0 !important; padding-bottom: 0 !important; } .popup .definitions p strong { font-weight: bold; } .popup .proceedLink { height: 20px; margin: 5px 0 0 0; } .popup .proceedLink a { display: block; width: 89px; height: 18px; float: right; background: transparent url('../Images/SmallControl/PopupSprite.jpg') -89px -55px no-repeat; } .popup .proceedLink a span { display: none; } .calendarPopup { width: 170px; font-size: 11px; } .calendarPopup .header { height: 30px; margin: 0; padding: 0; background: transparent url('../Images/SmallControl/PopupSprite.png') 0 -125px no-repeat; } .calendarPopup .control { padding: 1px 1px 1px 7px; background: transparent url('../Images/SmallControl/PopupSprite.png') -933px 0 repeat-y; } .calendarPopup .control table { width: 140px; margin: 0 0 0 3px; border-bottom: 1px solid #000; } .calendarPopup .control table tr{ line-height:11px; height:16px; } .calendarPopup .control table th, .calendarPopup .control table td { text-align: center; padding-top:3px;} .calendarPopup .control table th { border-bottom: 1px solid #000; } .calendarPopup .control table td { font-weight: bold; } .calendarPopup .control table td.previousDay a { font-weight: normal; color: #99ccff; } .calendarPopup .control table td.nextDay a { font-weight: normal; color: #99ccff; } .calendarPopup .control table td.invalidDate a { color: #a8a8a8; text-decoration: line-through; } .calendarPopup .control select.monthSelect { width: 91px; } .calendarPopup .control select.yearSelect { width: 55px; margin: 0 0 0 0; } .calendarPopup .todayLink { text-align: center; } .calendarPopup .todayLink a:link, .calendarPopup .todayLink a:visited, .calendarPopup .todayLink a:hover, .calendarPopup .todayLink a:active { color: #000; } .calendarPopup .footer { height: 21px; margin: 0; padding: 0; overflow: hidden; background: transparent url('../Images/SmallControl/PopupSprite.png') 0 -155px no-repeat; } .finder { width: 605px; } .finder .header { height: 37px; margin: 0; padding: 0; background: transparent url('../Images/SmallControl/BorderSprite.png') 0 0 no-repeat; } .finder .header h1 { display: none; } .finder .content { background: transparent url('../Images/SmallControl/BorderSprite.png') -605px 0 repeat-y; } .finder .footer { height: 16px; margin: 0; padding: 0; overflow: hidden; background: transparent url('../Images/SmallControl/BorderSprite.png') 0 -49px no-repeat; } .finder .content .map-container { height: 254px; } .finder .content .map-container .map { width: 579px; height: 254px; margin: 0 auto; background: transparent url('../Images/SmallControl/TravelAreaFinderSpriteAmt.jpg') 0 -1267px no-repeat; } .finder .content .map-container .map.bp { width: 579px; height: 254px; margin: 0 auto; background: transparent url('../Images/SmallControl/TravelAreaFinderSpriteBackpacker.jpg') 0 -1017px no-repeat; } .finder .content .map-container .map.uk { background: transparent url('../Images/SmallControl/TravelAreaFinderSpriteAmt.jpg') 0 0px no-repeat; } .finder .content .map-container .map.europe { background: transparent url('../Images/SmallControl/TravelAreaFinderSpriteAmt.jpg') 0 -254px no-repeat; } .finder .content .map-container .map.europeAusNZ { background: transparent url('../Images/SmallControl/TravelAreaFinderSpriteAmt.jpg') 0 -508px no-repeat; } .finder .content .map-container .map.worldWideExcUSA { background: transparent url('../Images/SmallControl/TravelAreaFinderSpriteAmt.jpg') 0 -762px no-repeat; } .finder .content .map-container .map.worldWideIncUSA { background: transparent url('../Images/SmallControl/TravelAreaFinderSpriteAmt.jpg') 0 -1016px no-repeat; } .finder .content .map-container .map.europe.bp { background: transparent url('../Images/SmallControl/TravelAreaFinderSpriteBackpacker.jpg') 0 0 no-repeat; } .finder .content .map-container .map.europeAusNZ.bp { background: transparent url('../Images/SmallControl/TravelAreaFinderSpriteBackpacker.jpg') 0 -254px no-repeat; } .finder .content .map-container .map.worldWideExcUSA.bp { background: transparent url('../Images/SmallControl/TravelAreaFinderSpriteBackpacker.jpg') 0 -508px no-repeat; } .finder .content .map-container .map.worldWideIncUSA.bp { background: transparent url('../Images/SmallControl/TravelAreaFinderSpriteBackpacker.jpg') 0 -762px no-repeat; } .finder .content .seperator { height: 9px; overflow: hidden; background: transparent url('../Images/SmallControl/BorderSprite.png') 0 -37px no-repeat; } .finder .content .control { margin: 0 5px; } .finder .content .control .left { width: 175px; padding: 15px 0 0 20px; float: left; } .finder .content .control .left select { width: 175px; height: 118px; } .finder .content .control .right { width: 350px; padding: 15px 15px 0 30px; float: left; font-size: 11px; } .finder .content .control .break { height: 1px; overflow: hidden; clear: left; } .finder .content .control .right p { margin: 0; padding: 15px 0 0 0; color: #444; } .finder .content .control .right p.first { padding: 0; } .finder .content .control .calculateLink { margin: 5px 0 0 0; text-align: right; } .finder .content .control .calculateLink a { display: inline-block; width: 101px; height: 25px; background: transparent url('../Images/SmallControl/BorderSprite.png') -229px -65px no-repeat; } .finder .content .control .calculateLink a span { display: none; } .finder .content .control .legend { width: 105px; height: 33px; margin: 10px 0 0 0; background: transparent url('../Images/SmallControl/BorderSprite.png') 0 -65px no-repeat; } .finder .content .control .name { margin: 30px 0 0 0; float: left; color: #005293; font-size: 18px; font-weight: bold; } .finder .content .control .name span { display: block; font-size: 11px; } .finder .content .control .proceed { margin: 50px 0 0 0; float: right; } .finder .content .control .proceed a { display: inline-block; width: 101px; height: 25px; background: transparent url('../Images/SmallControl/BorderSprite.png') -125px -65px no-repeat; } .finder .content .control .proceed a:hover { display: inline-block; width: 101px; height: 25px; background: transparent url('../Images/SmallControl/BorderSprite.png') -340px -65px no-repeat; } .finder .content .control .proceed a span { display: none; } .finder .header .close { width: 15px; height: 15px; margin: 5px 13px 0 0; float: right; } .finder .header .close a { display: block; width: 15px; height: 15px; background: transparent url('../Images/SmallControl/BorderSprite.png') -105px -65px no-repeat; } .finder .header .close a:hover { display: block; width: 15px; height: 15px; background: transparent url('../Images/SmallControl/BorderSprite.png') -105px -80px no-repeat; } .finder .header .close a span { display: none; } .modifier { height: 75px; } .hidden{ visibility: hidden; display: none; } .clear { clear:both; float: none; } #ageState span { display: none; } .amtAgeNotice { font-size: 11px; line-height: normal; color: #444; padding: 3px 20px 3px 0; display: none; } .stAgeNotice { display: none; } .amtModifier { height: 42px !important; _height: 41px !important; }