/* ###################### */ /* reset */ /* ###################### */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* ###################### */ /* /reset */ /* ###################### */ /* ###################### */ /* general */ /* ###################### */ body { font-family: Arial, Helvetica, sans-serif; margin-bottom: 20px; padding-bottom: 10px; } img, div, a { behavior: url(/img/iepngfix.htc) } .clear { height: 0; clear: both; overflow: hidden; } .clear-it { clear: both; } .hide { display: none !important; } .vHide { visibility: hidden !important; } .debug { border: dashed 1px #f00; padding: 5px; margin-top: 10px; font-size: 90%; background-color: #ffc; } .debug h1, .debug h2, .debug h3, .debug h4, .debug h5, .debug h6 { margin-bottom: 5px; } .debug p { margin-bottom: 10px; } .loader { text-align: center; margin: 12px auto; } hr { display: none; } /* ###################### */ /* /general */ /* ###################### */ /* ###################### */ /* structure */ /* ###################### */ #container { width: 958px; } #side-panel { width: 242px; position: relative; float: left; background: transparent url(/img/general/side-panel-right-shadow.gif) top right repeat-y; margin-top: 1px; } #side-panel #side-panel-top { width: 232px; height: 17px; background: transparent url(/img/general/side-panel-top.gif) top left no-repeat; position: absolute; z-index: 1; top: 0; left: 10px; } #side-panel #side-panel-inner { margin-left: 10px; background-color: #f9af18; width: 225px; } #side-panel #side-panel-body { padding: 10px; margin-top: 2px; } #side-panel #side-panel-bottom { width: 232px; height: 9px; background: transparent url(/img/general/side-panel-bottom.gif) bottom left no-repeat; position: relative; left: 10px; /* [for IE 6's benefit. not a hack:] */ font-size: 1px; } #side-panel #imagini { margin: 20px 0 10px 0; } #main-panel { margin-top: 1px; } /* ###################### */ /* /structure */ /* ###################### */ /* ###################### */ /* header */ /* ###################### */ #header { background: #f9af18 url(/img/general/header-bg.gif) bottom left repeat-x; width: 958px; position: relative; height: 90px; } #hotels-dot-com-logo { float: left; padding: 8px 0 0 17px; } /* ###################### */ /* /header */ /* ###################### */ /* ###################### */ /* footer */ /* ###################### */ #footer { position: relative; top: 20px; border-top: solid 1px #f9af18; padding: 10px; margin-bottom: 10px; clear: both; } #footer .inner { border-bottom: solid 1px #f9af18; padding-bottom: 10px; width: 100%; } #footer li { color: #999; font-size: .6875em; line-height: 1.0833em; float: left; border-right: solid 1px #999; padding-right: 5px; padding-left: 5px; } #footer li.end { border-right: none; } #footer ul { width: 600px; } #footer li a { color: #999; text-decoration: none; } /* ###################### */ /* /footer */ /* ###################### */ /* ###################### */ /* side panel */ /* ###################### */ #side-panel h2 { color: #fff; font-size: .875em; line-height: 1.4286em; font-weight: bold; border-bottom: solid 1px #fbcf74; padding-bottom: 7px; background: transparent url(/img/general/side-panel-header.gif) top left no-repeat; text-indent: 12px; padding: 6px 0 10px 0; margin-bottom: 12px; position: relative; z-index: 2; height: 1%; } /* blue boxes */ .blue-box { background: transparent url(/img/general/blue-box-background.gif) 0 0 repeat-y; margin-bottom: 12px; } .blue-box .blue-box-header { background: transparent url(/img/general/blue-box-top.gif) top left no-repeat; } .blue-box .blue-box-body { padding: 0 12px; overflow: hidden; } .blue-box .blue-box-footer { background: transparent url(/img/general/blue-box-bottom.gif) bottom left no-repeat; height: 11px; width: 205px; /* [for IE 6's benefit. not a hack:] */ font-size: 1px; } .blue-box h3 { color: #000; font-size: .875em; line-height: 1.4286em; font-weight: bold; border-bottom: solid 1px #fbcf74; padding: 8px 0 7px 0; margin: 0 12px; } .blue-box p.no-results { color: #000; line-height: 1.25em; font-size: .75em; margin: 10px 0; font-weight: bold; padding-bottom: 10px; border-bottom: solid 1px #fbcf74; } .blue-box p.no-results span { color: #fff; font-size: 1.2857em; } .blue-box p.ajax-error { color: #fff; font-size: .75em; margin: 10px 0; padding-bottom: 10px; border-bottom: solid 1px #fbcf74; } /* /blue boxes */ /* intro box */ #sidePanelIntro { padding-bottom: 12px; } #sidePanelIntro p { color: #000; font-size: .75em; font-weight: bold; margin: 5px 0 0 12px; line-height: 1.25em; width: 181px; overflow: hidden; } #sidePanelIntro p.username { } #sidePanelIntro p.username span { color: #000; font-size: 1.1667em; line-height: .8035em; } #sidePanelIntro p.margin { margin-bottom: 3px; } #sidePanelIntro ul { margin: 0 12px 0 12px; } #sidePanelIntro li { margin: 4px 0; width: 100%; float: left; } #sidePanelIntro li a { font-size: .6875em; font-weight: bold; text-decoration: none; color: #000; background: url(/img/buttons/blue-arrow-on-yellow-right.gif) left no-repeat; padding-left: 12px; line-height: 1.1818em; display: block; float: left; } #sidePanelIntro li a:hover { color: #fff; } #sidePanelIntro .saveResults { border-top: solid 1px #fbcf74; border-bottom: solid 1px #fbcf74; text-align: center; padding: 9px 0; margin: 9px 12px 0 12px; } #sidePanelIntro .saveResults h3 { font-size: .875em; font-weight: bold; color: #000; margin-bottom: 8px; } #sidePanelIntro #loginContainer a.accordion { margin: 10px 12px 0 12px; } #side-panel-body #sidePanelIntro #loginContainer a.afterOrIf { margin: 1px 12px 0 12px; } .share-button { text-align: center; margin: 10px 0 4px 0; } .share-button .hr { margin: 13px auto 0 auto; width: 179px; height: 1px; font-size: 0; overflow: hidden; background-color: #fbcf74; } .share-button img { margin: 0 auto; } /* /intro box */ #sidePanelIntro #loginContainer p { font-size: .6875em; font-weight: bold; margin-top: 8px; } /* login box */ #sidePanelLogin #loginForm { margin: 7px 0 12px 12px; } #sidePanelLogin p { color: #fff; font-size: .75em; font-weight: bold; margin: 8px 0 0 12px; } #sidePanelLogin #loginForm p.form-error { color: red; margin: 10px 0; } #sidePanelLogin #loginForm label { color: #000; font-size: .75em; font-weight: bold; display: block; margin-bottom: 7px; } #sidePanelLogin #loginForm input.text { background-color: #fff; border: none; font-family: Arial, Helvetica, sans-serif; font-size: .75em; font-weight: bold; color: #7f7b7a; padding: 4px 5px; margin-bottom: 6px; width: 171px; } #sidePanelLogin #loginForm input.checkbox { width: auto; padding: 0 5px; } #sidePanelLogin #loginForm .rememberMe { margin-bottom: 8px; } #sidePanelLogin #loginForm .rememberMe input, #sidePanelLogin #loginForm .rememberMe label { display: inline; margin-bottom: 2px; } /* [can't help this one. IE and forms] */ * html #sidePanelLogin #loginForm #friendsForm input { margin-bottom: 4px; } #sidePanelLogin #loginForm input.submit { margin: 6px auto 0 auto; display: block; } #sidePanelLogin #loginForm span.temp { color: #fff; font-size: .75em; margin-top: 4px; display: none; } /* TO BE DELETED */ #loginForm li { margin: 4px 0; width: 100%; float: left; } #loginForm li a { font-size: .6875em; font-weight: bold; text-decoration: none; color: #000; background: url(/img/buttons/blue-arrow-on-yellow-right.gif) left no-repeat; padding-left: 12px; line-height: 1.0909em; display: block; float: left; } #loginForm li a:hover { color: #000; } .restricted #sidePanelLogin #loginForm { margin: 7px 0 12px 0; } .restricted #sidePanelLogin #loginForm input.text { width: 171px; } .restricted .sidePanelIntro p { font-size: .75em; line-height: 1.25em; font-weight: bold; margin-bottom: 8px; } .restricted .sidePanelIntro p.margin-top { margin-top: 8px; } .restricted .sidePanelIntro p.margin-top a { color: #000; } .restricted .sidePanelIntro p.margin-top strong { /* font-size:1.1667em; line-height:0.8035em; */ font-style: italic; } #restricted { margin-top: 5px; } #restricted h3 { line-height: 1em; padding: 10px 0; } #restricted a { color: #000; } /* /login box */ /* trips box */ #sidePanelTrips { width: 242px; } #sidePanelTrips .blue-box-body { padding-bottom: 0; } #sidePanelTrips ul { margin: 0 0 12px 15px; width: 100%; } #sidePanelTrips li { width: 100%; float: left; margin-bottom: 2px; } #sidePanelTrips li.last { border-bottom: solid 1px #fbcf74; margin-bottom: 0; padding-bottom: 10px; } #sidePanelTrips li a { color: #000; text-decoration: none; font-size: .75em; font-weight: bold; line-height: 1.1667em; } #sidePanelTrips li a:hover { color: #fff; } #sidePanelTrips li#activeTrip a { color: #fff !important; } #sidePanelTrips .blue-box-body .more-friends li.last { border: none; margin-bottom: 6px; padding-bottom: 0; } #sidePanelTrips a.accordion { margin: 0; } /* /trips box */ /* friends box */ #sidePanelFriends ul { margin: 11px 0 0 0; width: 100%; } #sidePanelFriends li { color: #000; text-decoration: none; font-size: .75em; width: 100%; float: left; margin-bottom: 9px; font-weight: bold; } #sidePanelFriends li.last { border-bottom: solid 1px #fbcf74; margin-bottom: 0; padding-bottom: 10px; } #sidePanelFriends li .guest { color: #999; } #sidePanelFriends a.accordion { margin: 9px 0 1px 0; } #sidePanelFriends .ff ul { margin-top: 10px; } #sidePanelFriends .ff li.last { padding-bottom: 11px; } #sidePanelFriends .ff a.accordion { margin: 9px 0 1px 0; } #slidersContainer #sliders-body #sliders-info .twoLinks { bottom: 12px; } #friendsForm { padding-top: 7px; } #friendsForm p.form-error { color: #f9af18; font-size: .75em; font-weight: bold; margin: 10px 0; } #friendsForm input.text, #friendsForm textarea { background-color: #fff; border: none; font-family: Arial, Helvetica, sans-serif; font-size: .75em; font-weight: bold; color: #7f7b7a; padding: 4px 5px; margin-bottom: 6px; width: 171px; } /* [can't help this one. IE and forms] */ * html #friendsForm input.text, * html #friendsForm textarea { margin-bottom: 4px; } #friendsForm textarea { height: 76px; } #friendsForm input.submit { margin: 0 auto; display: block; } #sidePanelFriends ul.more { margin: 6px 12px 0 0; width: 170px; } #sidePanelFriends .more li { margin: 4px 0; width: 100%; float: left; } #sidePanelFriends .more li a { font-size: .9167em; font-weight: bold; text-decoration: none; color: #000; background: url(/img/buttons/blue-arrow-on-yellow-right.gif) left no-repeat; padding-left: 12px; line-height: .8863em; display: block; float: left; cursor: hand; cursor: pointer; } #sidePanelFriends .more li a:hover { color: #fff; } /* /friends box */ /* hotels box */ #sidePanelHotels .blue-box-header {} #sidePanelHotels.blue-box .blue-box-header { background: transparent url(/img/general/blue-box-top-votes.gif) top left no-repeat; } #sidePanelHotels table { width: 100%; border-bottom: solid 1px #fbcf74; margin-bottom: 9px; } #sidePanelHotels table.votedHotelsRemaining { border-bottom: none; margin-bottom: 0; } #sidePanelHotels table.votedHotelsSummary { margin-top: 10px; } #sidePanelHotels td div.imgOuterDiv { border: solid 1px #fff; } #sidePanelHotels td div.imgInnerDiv { position: relative; width: 54px; height: 54px; overflow: hidden; } #sidePanelHotels td div.imgInnerDiv img { position: absolute; display: block; cursor: hand; cursor: pointer; } #sidePanelHotels td div.imgOuterDiv .allVotes-no-results-img img { cursor: default; } .allVotes-no-results { color: #000; line-height: 1.25em; font-size: .75em; padding-left: 10px; margin: 10px 0; font-weight: bold; padding-bottom: 10px; } #sidePanelHotels th, #sidePanelHotels td { vertical-align: top; } #sidePanelHotels th { width: 100%; padding: 0 8px; } #sidePanelHotels td.blank-row { height: 10px; overflow: hidden; font-size: 1px; } /*#sidePanelHotels td img { width: 54px; height: 54px; display: block; border: solid 1px #fff; }*/ #sidePanelHotels th h6 { color: #000; font-size: .75em; cursor: hand; cursor: pointer; } #sidePanelHotels td.votes { font-weight: bold; font-size: 1em; padding: 0 8px; text-align: center; border-left: solid 1px #fbcf74; color: #000; } #allHotelsList { margin-top: 5px; padding-top: 5px; } /* /hotels box */ /* comments box */ #sidePanelComments form { margin-top: 10px; border-bottom: solid 1px #fbcf74; padding-bottom: 10px; } #sidePanelComments #chatsRegPop form { margin-top: 0; border-bottom: none; padding-bottom: 0; } #sidePanelComments.blue-box p.ajax-error { border-bottom: none; padding-bottom: 0; margin-bottom: 6px; } #chatForm p.form-error { color: red; font-size: .75em; font-weight: bold; margin: 10px 0; } #chatForm textarea { background-color: #fff; border: none; font-family: Arial, Helvetica, sans-serif; font-size: .75em; font-weight: bold; color: #7f7b7a; padding: 4px 5px; margin-bottom: 6px; width: 171px; } /* [can't help this one. IE and forms] */ * html #chatForm textarea { margin-bottom: 4px; } #chatForm textarea { height: 76px; } #chatForm input.submit { display: block; margin: 0 auto; } #sidePanelComments .blue-box-body p.intro { font-size: .75em; color: #000; line-height: 1.25em; font-weight: bold; margin: 10px 0 -1px 0; } #commentsList ul { width: 100%; overflow: hidden; } #commentsList li { width: 100%; float: left; border-bottom: dotted 1px #fbcf74; padding-bottom: 6px; } #commentsList li.last { border-bottom: solid 1px #fbcf74; } #commentsList dl { margin-top: 6px; } #commentsList dt, #commentsList dd { font-size: .6875em; color: #000; } #commentsList dd { padding: 2px 0; } #commentsList dt strong { font-weight: bold; } #commentsList dt span { color: #fff; font-size: .9167em; } #commentsList li div.delete { float: right; } #commentsList li div.delete a { font-size: .6875em; font-weight: bold; color: #000; text-decoration: none; } #commentsList .chats-pagination li { border-bottom: none; padding-bottom: 0; float: left; margin-top: 6px; } #commentsList .chats-pagination li.later { text-align: left; width: 60px; } #commentsList .chats-pagination li.earlier { text-align: right; width: 60px; } #commentsList .chats-pagination li.latest { text-align: center; width: 61px; } #commentsList .chats-pagination li a { font-size: .6875em; color: #000; text-decoration: none; } /* /comments box */ /* ###################### */ /* /side panel */ /* ###################### */ /* ###################### */ /* product popup */ /* ###################### */ #productPopUpOuter { width: 600px; background-color: #3e7ef9; padding: 5px 3px 3px 3px; position: relative; } #productPopUpOuter .close-window { position: absolute; top: 7px; right: 10px; text-align: right; } #productPopUpOuter .close-window a { color: #fff; text-decoration: none; font-size: .75em; background: url(/img/general/close.gif) top right no-repeat; line-height: 1.1667em; padding-right: 20px; font-weight: bold; } #productPopUpOuter h1 { color: #fff; font-size: .75em; font-weight: bold; padding: 5px 0 8px 13px; } .productPopUp .clear { height: 0 !important; clear: both !important; overflow: hidden !important; font-size: 0 !important; } .productPopUp { background-color: #fff; padding: 9px 7px; } #productPopUpOuter .margin-top { margin-top: 3px; } .productPopUpInner { width: 581px; } .productPopUp .leftCol { width: 352px; float: left; } .productPopUp .rightCol { width: 220px; float: right; } /* large image */ .productPopUp #largePic span { background: #3e7ef9 url(/img/general/loader-on-blue-sm.gif) center no-repeat; padding: 1px; display: block; width: 350px; height: 236px; position: relative; } .productPopUp #largePic img { display: block; position: absolute; /* width: 350px; height: 236px; */ } /* /large image */ /* text */ .productPopUp h2 { font-size: .75em; color: #3e7ef9; font-weight: bold; padding-bottom: 6px; border-bottom: solid 1px #ccc; } .productPopUp address { color: #666; font-size: .6875em; margin: 7px 0 0 0; line-height: 1.2727em; border-bottom: solid 1px #ccc; padding-bottom: 5px; font-style: normal; } .productPopUp address strong { font-weight: bold; display: block; } .productPopUp dl { margin-top: 5px; border-bottom: solid 1px #ccc; padding-bottom: 8px; } .productPopUp dt, .productPopUp dd { display: inline; font-size: .6875em; color: #666; } .productPopUp dd { color: #f9af18; font-weight: bold; } .productPopUp dl.likeList { padding-bottom: 3px; border-bottom: none; margin-top: 7px; } .productPopUp dl.likeList dt, .productPopUp dl.likeList dd { display: block; } .productPopUp dl.likeList dt { margin-bottom: 10px; font-weight: bold; } .productPopUp dl.likeList dd { background: transparent url(/img/products/small-grey-bullet.gif) 0 3px no-repeat; color: #666; padding-left: 8px; font-weight: normal; margin-bottom: 3px; } /* /text */ /* carousels */ #product-hotels-pics { width: 352px; overflow: hidden; } #product-flickr-pics { width: 352px; overflow: hidden; } #product-flickr-pics.bordered { border-top: solid 1px #ccc; margin-top: 6px; } #product-hotels-pics .pics li, #product-flickr-pics .pics li { margin-right: 10px; } #product-hotels-pics .pics li span, #product-flickr-pics .pics li span { position: relative; display: block; border: solid 1px #3e7ef9; } #product-hotels-pics .pics li span span, #product-flickr-pics .pics li span span { height: 48px; width: 78px; border: none; } #productPopUpOuter #productPopUpInner .toggleHotelPics { position: absolute; left: -9999px; } #productPopUpOuter #productPopUpInner .flickr-toggle { position: absolute; left: -9999px; } #product-hotels-pics .pics li img, #product-flickr-pics .pics li img { display: block; position: absolute; } #product-hotels-pics .buttons, #product-flickr-pics .buttons { float: right; margin-top: 7px; } #product-hotels-pics .buttons button, #product-flickr-pics .buttons button { border: none; float: right; display: block; text-indent: -9999px; width: 6px; height: 11px; cursor: pointer; cursor: hand; } #product-hotels-pics .buttons button.next, #product-flickr-pics .buttons button.next { background: transparent url(/img/products/carousel-right.gif) 0 0 no-repeat; } #product-hotels-pics .buttons button.prev, #product-flickr-pics .buttons button.prev { background: transparent url(/img/products/carousel-left.gif) 0 0 no-repeat; } #product-hotels-pics .buttons div, #product-flickr-pics .buttons div { float: right; font-size: .75em; font-weight: bold; color: #3e7ef9; padding: 0 8px; } #product-hotels-pics .buttons div .current, #product-flickr-pics .buttons div .current { color: #f9af18; } /* /carousels */ /* footer area */ .productPopUp #votes { width: 300px; float: left; padding: 10px 0 14px 28px; } .productPopUp #votes { visibility: hidden; } .productPopUp #availability { float: right; margin: 12px 0 0 0; padding-right: 44px; } .productPopUp #votes dl { margin-top: 0; border: none; padding-bottom: 0; } .productPopUp #votes dt, .productPopUp #votes dd { float: left; line-height: 50px; } .productPopUp #votes dd { font-size: .875em; color: #000; font-weight: bold; padding: 0 10px 0 5px; } .productPopUp #votes dt img { display: block; cursor: hand; cursor: pointer; } /* /footer area */ /* ###################### */ /* /product popup */ /* ###################### */ /* ###################### */ /* for the 'popup window' - don't edit */ /* ###################### */ /* .jqmWindow { display: none; position: fixed; top: 5%; left: 50%; margin-left: -300px; width: 600px; background-color: #fff; } */ .jqmWindow { display: none; position: fixed; top: 10px; left: 50%; margin-left: -300px; width: 600px; background-color: #fff; z-index: 99998; } .jqmWindow .jqmWindow-loading { width: 32px; margin: 0 auto; } .jqmOverlay { background-color: #000; } * iframe.jqm { position: absolute; top: 0; left: 0; z-index: -1; width: expression(this.parentNode.offsetWidth+'px'); height: expression(this.parentNode.offsetHeight+'px'); } * html .jqmWindow { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(10 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); } /* ###################### */ /* /for the 'popup window' - don't edit */ /* ###################### */ /* ###################### */ /* 'popup window' sizes */ /* ###################### */ #hotel-results-list .jqmWindow { width: 600px; } #loginRegisterPop, #forgotPswdPop, #saveSlidersPopup, #friendsRegPop, #hotelsRegPop, #chatsRegPop, #newsLetterPop, #noRegisteredFriendsPop, #noRegisteredHotelsPop, #noRegisteredCommentsPop, #justSharePop, #justSharePop2 { width: 378px; } #noRegisteredPop { /* width: 600px; */ width: 378px; } /* ###################### */ /* /'popup window' sizes */ /* ###################### */ /* ###################### */ /* save team after slider save form */ /* ###################### */ #saveSlidersPopUpOuter { width: 378px; background-color: #3e7ef9; padding: 28px 3px 3px 3px; position: relative; } #saveSlidersPopUpOuter .close-window { position: absolute; top: 7px; right: 10px; text-align: right; } #saveSlidersPopUpOuter .close-window a { color: #fff; text-decoration: none; font-size: .75em; background: url(/img/general/close.gif) top right no-repeat; line-height: 1.1667em; padding-right: 20px; font-weight: bold; } .saveSlidersPopUp .clear { height: 0 !important; clear: both !important; overflow: hidden !important; font-size: 0 !important; } .saveSlidersPopUp { background-color: #fff; padding: 9px 19px; } #saveSlidersPopUpOuter h1 { color: #3e7ef9; font-size: 1em; font-weight: bold; border-bottom: solid 1px #ccc; padding-bottom: 10px; margin: 5px 0; } #saveSlidersPopUpOuter p.intro { color: #000; font-size: .75em; line-height: 1.25em; margin-bottom: 6px; } .saveSlidersPopUp #saveSlidersForm { margin-top: 26px; } .saveSlidersPopUp #saveSlidersForm input.submit { display: block; margin: 10px 0 10px 0; } .saveSlidersPopUp #saveSlidersForm label, .saveSlidersPopUp #saveSlidersForm input { display: block; } .saveSlidersPopUp #saveSlidersForm label { margin-bottom: 7px; } .saveSlidersPopUp #saveSlidersForm input.text { margin-bottom: 6px; width: 254px; } .saveSlidersPopUp .standardForm .errorText p { margin-bottom: 0; } .saveSlidersPopUp .errorText { height: 1.375em; } .saveSlidersPopUp #saveSlidersError { display: none; } /* ###################### */ /* /save team after slider save form */ /* ###################### */ /* ###################### */ /* hotel results */ /* ###################### */ #main-panel h1#resultsHeader { color: #999; font-size: 1.125em; font-weight: bold; margin-left: 26px; line-height: 1.1111em; width: 800px; } #main-panel h1#resultsHeader .inplaceClick { cursor: pointer; cursor: hand; } #main-panel h1#resultsHeader .inplaceClick input { display: inline; width: 120%; font-size: 1em; color: #999; font-weight: bold; text-align: center; } #main-panel h1#resultsHeader span.edit { color: #3f80ff; font-size: .5em; cursor: pointer; cursor: hand; } #main-panel p.ajax-error { color: #000; font-size: .75em; font-weight: bold; } #main-panel p.no-results { color: #000; font-size: .875em; font-weight: bold; } #main-panel p.no-results span { color: #3f80ff; font-size: 1.2857em; } #hotel-results-container { padding-left: 17px; } #hotel-results-container .row-end { margin-right: 0; } #hotel-results-container .loader img { padding-right: 23px; } #hotel-results-container #hotelKey { margin-left: 9px; } .hotel-item { width: 175px; float: left; position: relative; margin: 0 12px 12px 0; } .hotel-item .elevator-icon { position: absolute; top: -7px; left: 0; z-index: 2; } .hotel-item .recommended-icon { position: absolute; top: -8px; right: 0; z-index: 2; } .hotel-item .more-icon { position: absolute; top: 182px; right: 3px; z-index: 2; } .hotel-item .hotel-polaroid { z-index: 1; position: relative; background: transparent url(/img/results/polaroid_new.gif) 0 0 no-repeat; padding: 11px 13px 0 13px; left: 6px; } .hotel-item .hotel-pic { position: relative; width: 139px; height: 139px; cursor: hand; cursor: pointer; } .hotel-item .hotel-pic img { position: absolute; } .hotel-item .hotel-polaroid-text { width: 138px; } .hotel-item .hotel-min-height-fix { float: left; width: 1px; height: 59px; overflow: hidden; } .hotel-item .hotel-info { float: left; width: 137px; margin-top: 5px; } .hotel-item .hotel-info h4 { font-size: .75em; font-weight: bold; color: #600; height: 3.5em; } .hotel-item .hotel-info h4.longName { font-size: .6875em; height: 2.3636em; } .hotel-item .hotel-info h4.extraLongName { font-size: .625em; height: 2.6em; } .hotel-item dl.hotel-votes { margin-left: 4px; } .restricted .hotel-item dl.hotel-votes { visibility: hidden; } .hotel-item dl.hotel-votes dt, .hotel-item dl.hotel-votes dd { float: left; line-height: 22px; } .hotel-item dl.hotel-votes dd { font-size: .6875em; color: #000; font-weight: bold; padding: 0 4px; } .hotel-item dl.hotel-votes dt img { display: block; cursor: hand; cursor: pointer; } .hotel-item .hotel-details { margin: 0 0 0 9px; width: 159px; border-bottom: solid 2px #ccc; padding-bottom: 5px; } .hotel-item .hotel-details .hotel-location { float: left; width: 159px; color: #999; font-weight: bold; } .hotel-item .hotel-details .hotel-location p { font-size: .6875em; line-height: 1.2727em; height: 1.2727em; white-space: nowrap; overflow: hidden; font-weight: normal; color: #666; padding-bottom: 1px; } .hotel-item .hotel-details .hotel-location p.small { font-size: .625em; line-height: 1.4em; height: 1.4em; } .hotel-item .hotel-details .hotel-location p.xsmall { font-size: .5625em; line-height: 1.5556em; height: 1.5556em; } .hotel-item .hotel-details .hotel-details-left { float: left; width: 76px; font-size: .875em; color: #000; line-height: 1em; } .hotel-item .hotel-details .hotel-details-left p.price { color: #ffb515; width: 76px; overflow: hidden; } .hotel-item .hotel-details .hotel-details-left p.price span { font-size: .6875em; color: #666; } .hotel-item .hotel-details .hotel-details-right { text-align: right; float: left; width: 75px; font-weight: bold; font-size: .875em; line-height: 1em; } .hotel-item .hotel-details .hotel-details-right img { padding-top: 0; } .hotel-item .hotel-details .hotel-details-rating { float: left; width: 159px; color: #ffb515; margin-bottom: 10px; font-size: .875em; line-height: 1em; font-weight: bold; } .hotel-item .hotel-details .hotel-details-rating .reviewsTotal { color: #ccc; font-size: .6875em; font-weight: normal; } .hotel-item .hotel-details .hotel-details-rating .title { color: #666; font-size: .6875em; font-weight: normal; } .hotel-item .hotel-details .hr { display: none; } .hotelPagination { float: right; width: 100px; margin-right: 18px; display: inline; } .hotelPagination li { float: right; margin: 0 0 10px 0; padding-right: 7px; } .hotelPagination li a { font-size: .8125em; font-weight: bold; text-decoration: none; color: #ccc; } .hotelPagination li a:hover { color: #33f; } /* ###################### */ /* /hotel results */ /* ###################### */ /* ###################### */ /* message box */ /* ###################### */ div.messageBox { width: 200px; position: absolute; z-index: 99999; background-color: #f9af18; padding-top: 14px; display: none; } div.messageBox span { position: absolute; display: block; top: 1px; right: 4px; } div.messageBox span a { color: #fff; font-size: .75em; font-weight: bold; cursor: hand; cursor: pointer; } div.messageBox span a:hover { color: #000; } div.messageBox .inner { padding: 10px 8px; border: solid 1px #ccc; background-color: #fff; } div.messageBox p { font-size: .75em; color: #333; font-weight: bold; line-height: 1.1667em; } /* ###################### */ /* /message box */ /* ###################### */ /* ###################### */ /* confirm box */ /* ###################### */ .jqiwarning .jqi { background-color: #fff; } .jqifade { background-color: #000; } div.jqi{ position: absolute; background-color: #f9af18; padding-top: 14px; width: 200px; } body.module div.jqi{ width: 300px; } div.jqi .jqiclose { display: none; } div.jqi .jqicontainer{ background-color: #fff; padding: 10px 8px 14px 8px; border: solid 1px #ccc; } div.jqi .jqimessage p { font-size: .75em; color: #333; font-weight: bold; margin-bottom: 4px; } div.jqi .jqibuttons{ text-align: center; padding: 5px 0 0 0; } div.jqi button { padding: 3px 0; margin: 0 10px; font-size: .75em; color: #fff; font-weight: bold; background-color: #3e7ef9; width: 58px; } /* ###################### */ /* /confirm box */ /* ###################### */ /* ###################### */ /* standard forms */ /* ###################### */ .standardForm label { color: #000; font-size: .75em; } .standardForm input.text { font-family: Arial, Helvetica, sans-serif; font-size: .75em; background-color: #faf9f4; border: solid 1px #a2a9c5; padding: 0 2px; } .standardForm textarea { font-family: Arial, Helvetica, sans-serif; font-size: .75em; background-color: #faf9f4; border: solid 1px #a2a9c5; padding: 0 2px; } .standardForm .errorText { clear: both; } .standardForm .errorText p { font-size: .75em; color: #f00; margin-bottom: 8px; } /* ###################### */ /* /standard forms */ /* ###################### */ /* ###################### */ /* register popup */ /* ###################### */ #registerPopUpOuter { background-color: #3e7ef9; padding: 28px 3px 3px 3px; position: relative; } #registerPopUpOuter .popCol { /* width: 269px; */ /* width: 263px; float: left; margin-right: 31px; */ } #registerPopUpOuter .popCol .inner { padding: 0 5px 0 0; } #registerPopUpOuter #registerPopUpInner { width: 100%; } #registerPopUpOuter #registerPopUpInner .no-margin .inner { padding: 0 0 0 5px; } #registerPopUpOuter #registerPopUpInner .no-margin { margin-right: 0; width: 256px; } #registerPopUpOuter .bg { /* background: url(/img/general/reg-bg.gif) 0 0 repeat-y; */ } #registerPopUpOuter .close-window { position: absolute; top: 7px; right: 10px; text-align: right; } #registerPopUpOuter .close-window a { color: #fff; text-decoration: none; font-size: .75em; background: url(/img/general/close.gif) top right no-repeat; line-height: 1.1667em; padding-right: 20px; font-weight: bold; } .registerPopUp .clear { height: 0 !important; clear: both !important; overflow: hidden !important; font-size: 0 !important; } .registerPopUp { background-color: #fff; padding: 9px 19px; } #registerPopUpOuter h1 { color: #3e7ef9; font-size: 1em; font-weight: bold; border-bottom: solid 1px #ccc; padding-bottom: 10px; margin: 5px 0 7px 0; } #registerPopUpOuter .intro { margin-bottom: 10px; border-bottom: solid 1px #ccc; } #registerPopUpOuter .intro p { color: #000; font-size: .75em; line-height: 1.25em; margin-bottom: 7px; } #registerPopUpOuter div.okMessage p { color: #000; font-size: .75em; line-height: 1.25em; margin-bottom: 10px; } #registerPopUpOuter div.okMessage ul { margin-bottom: 10px; } #registerPopUpOuter div.okMessage li { color: #000; font-size: .75em; float:left; width: 100%; margin-bottom: 4px; } #registerPopUpOuter h2 { color: #3e7ef9; font-size: .875em; font-weight: bold; margin-bottom: 12px; } #registerPopUpOuter label { display: block; margin-bottom: 7px; } #registerPopUpOuter .errorText { clear: both; } #registerPopUpOuter .errorText p { font-size: .75em; color: #f00; margin-bottom: 8px; } .registerPopUp #registerError { display: none; } #registerPopUpOuter #popUpRegisterForm { padding-top: 7px; } #registerPopUpOuter #popUpRegisterForm p.smallText { color: #999; font-size: .6875em; margin: 2px 0 6px 0; } #registerPopUpOuter #popUpRegisterForm h2 { margin-bottom: 14px; } #registerPopUpOuter #popUpRegisterForm label, #registerPopUpOuter #popUpRegisterForm input { display: block; } #registerPopUpOuter #popUpRegisterForm input.text { margin-bottom: 6px; width: 245px; float: left; } #registerPopUpOuter span.star { font-size: 14px; color: #f00; font-weight: bold; } #registerPopUpOuter #popUpRegisterForm input#registerTripName { float: none; } #registerPopUpOuter #registerPopUpInner span.star { display: block; width: 5px; float: left; margin-left: 2px; } #registerPopUpOuter #popUpRegisterForm input#registerEmail { margin-bottom: 0; } #registerPopUpOuter #popUpRegisterForm input.submit { margin: 0 0 10px 0; display: block; cursor: hand; cursor: pointer; } #registerPopUpOuter #popUpRegisterForm .registerNewsletter input, #registerPopUpOuter #popUpRegisterForm .registerNewsletter label { float: left; } #registerPopUpOuter #popUpRegisterForm .registerNewsletter input { width: auto; } #registerPopUpOuter #popUpRegisterForm .registerNewsletter label { width: 230px; line-height: 1.25em; } #registerPopUpOuter #popUpRegisterForm .split { float: left; width: 159px; margin-right: 10px; } #registerPopUpOuter #popUpRegisterForm #registerPopUpInner .right { margin-right: 0; } #registerPopUpOuter #popUpRegisterForm .split input.text { width: 145px; margin-bottom: 0; } #registerPopUpOuter #popUpRegisterForm textarea { width: } #registerPopUpOuter #popUpRegisterForm textarea { width: 256px; height: 157px; } #registerPopUpOuter #buttonSend { height: 50px; border-top: solid 1px #ccc; margin-top: 17px; padding-top: 17px; text-align: right; } #registerPopUpOuter #buttonSend input { float: right; } #registerPopUpOuter #buttonContinue { height: 50px; border-top: solid 1px #ccc; margin-top: 17px; padding-top: 17px; text-align: right; } #registerPopUpOuter #buttonContinue img { float: right; } #registerPopUpOuter #popUpRegisterForm .button input { display: inline; } #registerPopUpOuter #popUpRegisterForm div.names { margin-bottom: 6px; } /* ###################### */ /* /register popup */ /* ###################### */ /* ###################### */ /* forgotten password popup */ /* ###################### */ #forgotPswdPopUpOuter { width: 378px; background-color: #3e7ef9; padding: 28px 3px 3px 3px; position: relative; } #forgotPswdPopUpOuter .close-window { position: absolute; top: 7px; right: 10px; text-align: right; } #forgotPswdPopUpOuter .close-window a { color: #fff; text-decoration: none; font-size: .75em; background: url(/img/general/close.gif) top right no-repeat; line-height: 1.1667em; padding-right: 20px; font-weight: bold; } .forgotPswdPopUp .clear { height: 0 !important; clear: both !important; overflow: hidden !important; font-size: 0 !important; } .forgotPswdPopUp { background-color: #fff; padding: 9px 19px; } #forgotPswdPopUpOuter h1 { color: #3e7ef9; font-size: 1em; font-weight: bold; border-bottom: solid 1px #ccc; padding-bottom: 10px; margin: 5px 0; } #forgotPswdPopUpOuter p.intro { color: #000; font-size: .75em; line-height: 1.25em; margin-bottom: 6px; } .forgotPswdPopUp #forgotPswdForm { margin-top: 26px; } .forgotPswdPopUp #forgotPswdForm input.submit { margin: 10px 0 10px 0; display: block; } .forgotPswdPopUp #forgotPswdForm label, .forgotPswdPopUp #forgotPswdForm input { display: block; } .forgotPswdPopUp #forgotPswdForm label { margin-bottom: 7px; } .forgotPswdPopUp #forgotPswdForm input.text { margin-bottom: 6px; width: 254px; } .forgotPswdPopUp .standardForm .errorText p { margin-bottom: 0; } .forgotPswdPopUp .errorText { height: 1.375em; } .forgotPswdPopUp #forgotPswdError { display: none; } .forgotPswdPopUp #forgotPswdError span.okMessage { color: #0c0; } /* ###################### */ /* /forgotten password popup */ /* ###################### */ /* ###################### */ /* create trip popup */ /* ###################### */ /* #createTripPopUpOuter { width: 378px; background-color: #3e7ef9; padding: 28px 3px 3px 3px; position: relative; } #createTripPopUpOuter .close-window { position: absolute; top: 7px; right: 10px; text-align: right; } #createTripPopUpOuter .close-window a { color: #fff; text-decoration: none; font-size: .75em; background: url(/img/general/close.gif) top right no-repeat; line-height: 1.1667em; padding-right: 20px; font-weight: bold; } .createTripPopUp .clear { height: 0 !important; clear: both !important; overflow: hidden !important; font-size: 0 !important; } .createTripPopUp { background-color: #fff; padding: 9px 19px; } #createTripPopUpOuter h1 { color: #3e7ef9; font-size: 1em; font-weight: bold; border-bottom: solid 1px #ccc; padding-bottom: 10px; margin: 5px 0; } #createTripPopUpOuter p.intro { color: #000; font-size: .75em; line-height: 1.25em; margin-bottom: 6px; } .createTripPopUp #createTripForm { margin-top: 26px; } .createTripPopUp #createTripForm input.submit { margin: 10px 0 10px 0; display: block; } .createTripPopUp #createTripForm label, .createTripPopUp #createTripForm input { display: block; } .createTripPopUp #createTripForm label { margin-bottom: 7px; } .createTripPopUp #createTripForm input.text { margin-bottom: 6px; width: 254px; } .createTripPopUp .standardForm .errorText p { margin-bottom: 0; } .createTripPopUp .errorText { height: 1.375em; } .createTripPopUp #createTripError { display: none; } */ /* ###################### */ /* /create trip popup */ /* ###################### */ /* ###################### */ /* newsletter signup popup */ /* ###################### */ #newsLetterPopUpOuter { width: 378px; background-color: #3e7ef9; padding: 28px 3px 3px 3px; position: relative; } #newsLetterPopUpOuter .close-window { position: absolute; top: 7px; right: 10px; text-align: right; } #newsLetterPopUpOuter .close-window a { color: #fff; text-decoration: none; font-size: .75em; background: url(/img/general/close.gif) top right no-repeat; line-height: 1.1667em; padding-right: 20px; font-weight: bold; } .newsLetterPopUp .clear { height: 0 !important; clear: both !important; overflow: hidden !important; font-size: 0 !important; } .newsLetterPopUp { background-color: #fff; padding: 9px 19px; } #newsLetterPopUpOuter h1 { color: #3e7ef9; font-size: 1em; font-weight: bold; border-bottom: solid 1px #ccc; padding-bottom: 10px; margin: 5px 0; } #newsLetterPopUpOuter p.intro { color: #000; font-size: .75em; line-height: 1.25em; margin-bottom: 6px; } .newsLetterPopUp ul { margin: 18px 0 10px 0; padding-bottom: 12px; border-bottom: solid 1px #ccc; } .newsLetterPopUp ul li { font-size: .75em; color: #000; background: transparent url(/img/general/blue-list-item.gif) 0 3px no-repeat; padding-left: 11px; margin-bottom: 3px; } .newsLetterPopUp #newsLetterForm { margin-top: 13px; } .newsLetterPopUp #newsLetterForm input.submit { display: block; margin: 10px 0 10px 0; } .newsLetterPopUp #newsLetterForm label, .newsLetterPopUp #newsLetterForm input { display: block; } .newsLetterPopUp #newsLetterForm label { margin-bottom: 7px; } .newsLetterPopUp #newsLetterForm input.text { margin-bottom: 6px; width: 254px; } .newsLetterPopUp .standardForm .errorText p { margin-bottom: 0; } .newsLetterPopUp .errorText { height: 1.375em; } .newsLetterPopUp #newsLetterError, .newsLetterPopUp #registerError { display: none; } .newsLetterPopUp #newsLetterError span.okMessage { color: #0c0; } .newsLetterPopUp #newsLetterForm .small-print p { font-size: .6875em; color: #c9c9c9; } /* ###################### */ /* /newsletter signup popup */ /* ###################### */ /* ###################### */ /* sliders */ /* ###################### */ #slidersContainer-outer { position: relative; } #slidersContainer { /* position: relative; */ background: transparent url(/img/slider/main-sliders-middle.gif) top left repeat-y; margin-left: 10px; } * html #slidersContainer { height: 1%; } #left-sliders { float: left; width: 285px; display: inline; margin-right: 20px; /* background: transparent url(/img/slider/left-bg.gif) top right repeat-x; */ } #left-sliders .inner { border-right: solid 1px #fee185; padding-right: 10px; } #main-sliders { float: left; width: 510px; } #slidersContainer #sliders-top { background: transparent url(/img/slider/main-sliders-top.gif) top left no-repeat; width: 943px; height: 11px; font-size: 1px; overflow: hidden; } #slidersContainer #sliders-body { padding: 0 10px; } * html #slidersContainer #sliders-body { height: 1%; } #slidersContainer #sliders-info p { color: #000; font-weight: bold; font-size: .6875em; line-height: 1.1818em; margin-bottom: .3636em; } #slidersContainer p.like-main-sliders { color: #000; font-weight: bold; font-size: .6875em; line-height: 1.1818em; margin-bottom: .3636em; } #slidersContainer #sliders-buttons { position: absolute; width: 185px; top: 52px; left: 830px; } #slidersContainer #sliders-info li { width: 100%; float: left; cursor: hand; cursor: pointer; } #slidersContainer #sliders-buttons a { font-size: .6875em; font-weight: bold; text-decoration: none; color: #000; background: url(/img/buttons/blue-arrow-on-yellow-right.gif) left no-repeat; padding-left: 12px; line-height: 1.0909em; display: block; float: left; margin-bottom: 2px; } #slidersContainer #sliders-controls #sliderOne { margin-right: 20px; } #slidersContainer #sliders-bottom { background: transparent url(/img/slider/main-sliders-bottom.gif) bottom left no-repeat; width: 943px; height: 18px; font-size: 1px; overflow: hidden; } .slider-container { background: url(/img/slider/bg.gif) 0 0 repeat-x; height: 28px; float: left; } .slider-container .slider-left { background: transparent url(/img/slider/bg-left.gif) top left no-repeat; height: 28px; float: left; padding: 0 5px 0 11px; } .slider-container .slider-right { background: transparent url(/img/slider/bg-right.gif) top right no-repeat; height: 28px; float: left; padding: 0 11px 0 5px; } .slider-container #s1, .slider-container #s2 { visibility: hidden; } .slider-container h6 { font-size: .75em; font-weight: bold; color: #000; margin-top: 12px; } .slider-container .slider { float: left; background: url(/img/slider/bg-slider.gif) 0 0 no-repeat; width: 121px !important; height: 26px; position: relative; } .ui-slider { position: relative; } .ui-slider-handle { height: 26px; left: 0; position: absolute; top: 0; width: 20px; z-index: 2; cursor: hand; cursor: pointer; } #slidersContainer #toggleFeedback { cursor: hand; cursor: pointer; position: absolute; top: 0; right: 5px; z-index: 100; background: url(/img/slider/hide-feedback.gif) 0 0 no-repeat; width: 124px; height: 24px; } /* ###################### */ /* /sliders */ /* ###################### */ /* ###################### */ /* MODULE > module specific changes to 'top' stylesheet */ /* ###################### */ body.module { background-color: #f2f2f2; } body.module #header { background-image: url(/img/module/module-header-bg.gif); height: 101px; } #header-links { width: 600px; float: right; text-align: right; margin-top: 5px; } #header-links ul { padding-right: 10px; } #header-links li { cursor: hand; cursor: pointer; float: right; } #header-links li#newsLetterSignUp { width: 255px; margin-left: 10px; } /* ###################### */ /* /MODULE > module specific changes to 'top' stylesheet */ /* ###################### */ /* ###################### */ /* MODULE > structure */ /* ###################### */ div#moduleWrapper { width: 911px; background: #fff; margin: 0 auto; background: #fff url(/img/module/module-background.gif) 0 0 repeat-y; } div#moduleContainerTop { /* [for IE 6's benefit. not a hack:] */ font-size: 1px; overflow: hidden; width: 911px; height: 13px; background: #fff url(/img/module/module-background_top.gif) top left no-repeat; } div#moduleContainerBtm { /* [for IE 6's benefit. not a hack:] */ font-size: 1px; overflow: hidden; width: 911px; height: 13px; background: #fff url(/img/module/module-background_bottom.gif) bottom left no-repeat; clear: both; } #moduleContainer { font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; } /* ###################### */ /* /MODULE > structure */ /* ###################### */ /* ###################### */ /* MODULE > image display */ /* ###################### */ #modulePanelBD { display: table; height: 540px; padding: 8px 0; width: 875px; text-align: left; margin: 0 auto; } #modulePanelBD .hd { display:none; } #modulePanelBD h2.module { color: #999; font-size: 1.5625em; font-weight: bold; margin: 0 0 12px 70px; } #modulePanelBD #inner { display: table; height: 435px; width: 735px; margin: 0 auto; } #modulePanelBD #inner a { border: #999 1px solid; float: left; background: transparent url('/img/loading.gif') no-repeat center center; margin: 0 5px 5px 0; width: 140px; height: 140px; } #modulePanelBD #inner a:hover { border: #f9af18 1px solid; } /* ###################### */ /* /MODULE > image display */ /* ###################### */ /* ###################### */ /* MODULE > redo/cancel buttons */ /* ###################### */ #modulePanelBD #optionButtons { float: right; width: 300px; margin-top: 24px; padding-right: 72px; } #modulePanelBD #cancelButton { float: right; } #modulePanelBD #redoButton { float: right; margin-right: 10px; } /* ###################### */ /* /MODULE > redo/cancel buttons */ /* ###################### */ /* ###################### */ /* MODULE > progress bar */ /* ###################### */ #progressBar { margin: 12px 0 0 0; left: 70px; position: relative; float: left; width: 288px; height: 10px; overflow: hidden; border: 1px solid #999; } #progressDone { width: 0px; height: 10px; background-color: #2E58A1; } /* ###################### */ /* MODULE > progress bar */ /* ###################### */ /* ###################### */ /* MODULE > demographics page bar */ /* ###################### */ #moduleContainer { font-family: Arial, Helvetica, sans-serif;} #moduleContainer h1 { color: #999; font-size: 1.5625em; font-weight: bold; margin: 0 0 5px 10px; } #moduleContainer #col1 p { color: #999; font-size: .8125em; margin: 0 9px; line-height: 1.1538em; } #moduleContainer ol { padding-top: 24px; } #moduleContainer ol li { background-color: transparent; background-position: 0 0; background-repeat: no-repeat; float: left; height: 189px; } #moduleContainer ol li div.inner { position: relative; } #moduleContainer ol li#listElement1 { background-image: url(/img/module/demo_1.gif); width: 189px; } #moduleContainer ol li#listElement2 { background-image: url(/img/module/demo_2.gif); width: 340px; } #moduleContainer ol li#listElement3 { background-image: url(/img/module/demo_3.gif); width: 345px; } #moduleContainer ol li#listElement4 { background-image: url(/img/module/demo_4.gif); width: 534px; height: 244px; margin-top: 5px; } #moduleContainer ol li h2 { position: absolute; color: #fff; font-size: 1.2em; font-weight: bold; top: 22px; left: 51px; } #moduleContainer ol li#listElement2 h2 { left: 60px; } #moduleContainer ol li#listElement3 h2 { left: 54px; } #moduleContainer ol li#listElement4 h2 { left: 53px; } #moduleContainer ol li div.answers { position: absolute; top: 50px; left: 0px; width: 189px; } #moduleContainer ol li#listElement2 div.answers { width: 340px; } #moduleContainer ol li#listElement3 div.answers { width: 335px; } #moduleContainer ol li label { position: absolute; cursor: hand; cursor: pointer; } #moduleContainer ol li .radio { top: 90px; position: absolute; } #moduleContainer ol li label#labelMale { top: 15px; left: 18px; } #moduleContainer ol li label#labelFemale { top: 11px; left: 95px; } #moduleContainer ol li div#radioMale { left: 39px; } #moduleContainer ol li div#radioFemale { left: 124px; } #moduleContainer ol li label#labelLeisure { top: 13px; left: 25px; } #moduleContainer ol li label#labelBusiness { top: 11px; left: 118px; } #moduleContainer ol li label#labelBoth { top: 13px; left: 214px; } #moduleContainer ol li div#radioLeisure { left: 47px; } #moduleContainer ol li div#radioBusiness { left: 144px; } #moduleContainer ol li div#radioBoth { left: 236px; } #moduleContainer ol li label#labelAge1 { top: 15px; left: 11px; } #moduleContainer ol li label#labelAge2 { top: 11px; left: 92px; } #moduleContainer ol li label#labelAge3 { top: 11px; left: 170px; } #moduleContainer ol li label#labelAge4 { top: 11px; left: 249px; } #moduleContainer ol li div#radioAge1 { left: 42px; } #moduleContainer ol li div#radioAge2 { left: 116px; } #moduleContainer ol li div#radioAge3 { left: 204px; } #moduleContainer ol li div#radioAge4 { left: 278px; } #moduleContainer ol li .destination { position: absolute; left: 140px; top: 98px; } #moduleContainer ol li .destination label { margin-bottom: 11px; position: relative; display: block; color: #000; font-weight: bold; font-size: 1em; } #moduleContainer ol li .destination select { font-weight: bold; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: .75em; width: 210px; } #moduleContainer ol li .destination select optgroup { font-style: normal !important; color: #000; } #moduleContainer ol li .destination select optgroup option { font-style: normal !important; color: #000; font-weight: normal !important; } #moduleContainer p#bye { display: none; } #moduleContainer #submitDemogButton #terms { font-size: .6875em; width: 325px; position: absolute; left: 600px; top: 570px; line-height: 1.0909em; color: #c9c9c9; } #moduleContainer #submitDemogButton #terms a { color: #c9c9c9; } #moduleContainer #submitDemogButton #terms em { font-style: italic; } #moduleContainer #submitDemogButton img { position: absolute; left: 661px; top: 489px; display: block; cursor: hand; cursor: pointer; } #moduleContainer .formButtons #cancelButton { display: none; } p#errorText { position: absolute; font-size: .75em; font-weight: bold; color: #f00; width: 267px; left: 607px; top: 459px; display: none; } /* ###################### */ /* /MODULE > demographics page bar */ /* ###################### */ /* ###################### */ /* welcome page */ /* ###################### */ #welcomeScreen { width: 915px; margin-left: 19px; } #instructions { margin: 11px 0 16px 0; position: relative; background: url(/img/welcome/instructions.gif) top left repeat-y; height: 333px; } #instructions #instructionsBody { position: relative; background: url(/img/welcome/instructions-top.gif) 0 0 no-repeat; padding-top: 21px; } #instructions #instructionsBottom { position: absolute; left: 0; top: 311px; background: url(/img/welcome/instructions-bottom.gif) left bottom no-repeat; width: 915px; height: 22px; overflow: hidden; font-size: 1px; } #instructions h1 { font-weight: bold; color: #fff; font-size: 2em; background-color: #3f7df8; padding-bottom: 18px; margin: 0 2px 0 32px; } #welcomeScreen h2 { color: #f9af18; font-size: 1.25em; font-weight: bold; margin: 6px 0 14px 0; } #welcomeScreen h2.login { color: #3e7ef9; margin: 8px 0 12px 0; } #welcomeScreen .hr { clear: both; overflow: hidden; height: 1px; background-color: #ccc; } #instructions ol { background: url(/img/welcome/instructions-list-bg.gif) top left no-repeat; width: 915px; height: 100px; } #instructions li { float: left; } #instructions li#stepOne { width: 307px; margin: 0 37px 0 0; } #instructions #imageOne { width: 249px; height: 219px; position: absolute; bottom: 0; left: 58px; z-index: 1000; } #instructions li#stepTwo { width: 321px; margin-right: 37px; } #instructions #imageTwo { width: 291px; height: 219px; position: absolute; bottom: 0; left: 375px; z-index: 1000; } #instructions li#stepThree { width: 180px; position: relative; } #welcomeScreen #instructions #stepThree a { position: absolute; top: 88px; left: 6px; } #instructions li p { color: #fff; margin-left: 64px; } #instructions li#stepTwo p { color: #fff; margin-left: 32px; } #welcomeScreen .restrictWidth { width: 422px; margin-bottom: 16px; } #welcomeScreen #loginRegister { background-color: #f5f5f5; border: solid 1px #ccc; } #welcomeScreen #loginRegister .inner { padding: 16px 40px 30px 40px; } #welcomeScreen #loginRegister .formCol { width: 287px; float: left; margin-right: 52px; } #welcomeScreen #loginRegister .formRow { margin-bottom: 12px; } #welcomeScreen #loginRegister .inner .noMargin { margin-right: 0; } #welcomeScreen #loginRegister label { padding-top: 5px; float: left; color: #333; font-size: .75em; font-weight: bold; display: block; width: 60px; text-align: right; margin-right: 6px; } #welcomeScreen #loginRegister input.text { background-color: #fff; border: solid 1px #999; font-family: Arial, Helvetica, sans-serif; font-size: .75em; font-weight: bold; color: #333; padding: 2px 5px; width: 195px; float: left; } #welcomeScreen #loginRegister .forgotten { margin: 0 0 10px 65px; } #welcomeScreen #loginRegister .forgotten a { color: #3e7ef9; font-size: .75em; font-weight: bold; text-decoration: none; } #welcomeScreen #loginRegister .rememberMe { margin-left: 60px; } #welcomeScreen #loginRegister .rememberMe input { width: 20px; float: left; } #welcomeScreen #loginRegister .rememberMe label { width: 100px; float: left; text-align: left; padding-top: 3px; } #welcomeScreen #loginForm p.form-error { color: red; margin: 10px 0; font-size: .75em; color: #f00; } #welcomeScreen #loginForm p.message { color: #f9af18; margin: 10px 0; font-size: .75em; color: #f00; } #welcomeScreen #loginRegister h3 { background: url(/img/general/welcome-header.gif) 0 0 no-repeat; color: #fff; font-size: .875em; font-weight: bold; line-height: 1.7857em; padding: 0 11px; } #welcomeScreen #loginForm input.submit { margin: 10px 0 0 60px; } #welcomeScreen #loginRegister .registerBox { border: solid 1px #ccc; } #welcomeScreen #loginRegister .registerBox .inner { padding: 16px 11px 47px 11px; background-color: #fff; } #welcomeScreen #loginRegister .registerBox .inner p { font-size: .8125em; color: #333; font-weight: bold; line-height: 1.3077em; } #welcomeScreen #loginRegister .registerBox .inner p a { text-decoration: none; color: #3e7ef9; } #welcomeScreen #loginRegister .registerBox .inner p a:hover { text-decoration: underline; } /* ###################### */ /* /welcome page */ /* ###################### */ /* ###################### */ /* accordion links */ /* ###################### */ a.accordion, a.like-accordion, .blue-box a.likeAccordion { color: #000; text-decoration: none; font-size: .75em; text-transform: lowercase; background: transparent url(/img/buttons/blue-arrow-on-yellow-down.gif) 0 5px no-repeat; text-indent: 15px; display: block; font-weight: bold; cursor: hand; cursor: pointer; line-height: 1.3333em; } a.like-accordion { background: transparent url(/img/buttons/blue-arrow-on-yellow-right.gif) 2px 4px no-repeat; } a.accordion:hover, .blue-box a.likeAccordion:hover, a.like-accordion:hover { color: #fff; } .activeAccordion a.accordion, .blue-box .activeAccordion a.likeAccordion { background: transparent url(/img/buttons/blue-arrow-on-yellow-up.gif) 0 3px no-repeat; } /* ###################### */ /* /accordion links */ /* ###################### */ /* ###################### */ /* top panel */ /* ###################### */ #top-panel { width: 939px; margin: 0 0 0 10px; display: none; } #top-panel #segmentBookContainer { float: left; width: 412px; } #top-panel #retakeQuiz { position: absolute; left: 22px; top: 335px; z-index: 1000; } #segmentBook { width: 405px; height: 273px; background: url(/img/toppanel/book-bg.jpg) 0 0 no-repeat; overflow: hidden; position: relative; } #segmentBook li { position: absolute; width: 65px; height: 77px; background: url(/img/toppanel/polaroid.png) 0 0 no-repeat; } #segmentBook li div { position: absolute; width: 55px; height: 55px; top: 4px; left: 4px; } #segmentBook li div img { width: 55px; height: 55px; } #segmentBook li#segmentBook-1 { top: 13px; left: 24px; } #segmentBook li#segmentBook-2 { top: 13px; left: 100px; } #segmentBook li#segmentBook-3 { top: 90px; left: 17px; } #segmentBook li#segmentBook-4 { top: 90px; left: 90px; } #segmentBook li#segmentBook-5 { top: 167px; left: 35px; } #segmentBook li#segmentBook-6 { top: 167px; left: 110px; } #segmentBook #segmentBookText { position: absolute; width: 156px; height: 204px; top: 7px; left: 230px; } #segmentBook #segmentBookText h4 { text-indent: -9999px; background: url(/img/toppanel/heres-your-vdna.gif) 0 0 no-repeat; width: 155px; height: 18px; margin: 5px 0 0 0; } #segmentBook #segmentBookText h3 { text-indent: -9999px; background-repeat: no-repeat; background-position: 0 0: width: 156px; height: 15px; margin: 11px 0 0 0; } #segmentBook #segmentBookText h3 span, #segmentBook #segmentBookText h4 span { visibility: hidden; } #segmentBook #segmentBookText #scrollPanelOuter { position: absolute; width: 156px; height: 148px; top: 59px; left: 0; overflow: hidden; } #segmentBook #segmentBookText #scrollPanelOuter h4 { text-indent: -9999px; background: url(/img/toppanel/heres-your-vdna.gif) 0 0 no-repeat; width: 151px; height: 13px; } #segmentBook #segmentBookText #scrollPanelInner { font-size: .6875em; color: #666; line-height: 1.3636em; } #segmentBook #segmentBookText #scrollPanelInner p { margin-bottom: .6667em;} #segmentBook .arrow-up { position: absolute; top: 220px; height: 26px; width: 22px; left: 228px; } #segmentBook .arrow-down { position: absolute; top: 220px; height: 26px; width: 22px; left: 361px; } #segmentBook .arrow-up a, #segmentBook .arrow-down a { display: block; padding: 5px; cursor: pointer; cursor: hand; } #segmentInfo { float: left; position: relative; width: 527px; background: url(/img/toppanel/layer-1.gif) 15px 0 no-repeat; height: 282px; position: relative; } #segmentInfo #mainpic { background: url(/img/toppanel/mainpic-bg.png) 0 0 no-repeat; position: absolute; left: 0; top: 44px; width: 365px; height: 277px; z-index: 2; } #segmentInfo #mainpic span { display: block; margin: 6px 0 0 12px; } #segmentInfo #mainpic img { width: 341px; height: 209px; } #segmentInfo #postcard { background-repeat: 0 0; background-repeat: no-repeat; position: absolute; left: 167px; top: 37px; width: 349px; height: 235px; z-index: 1; } #segmentInfo .no-text {background-image: url(/img/toppanel/postcard-bg.jpg); } #segmentInfo .has-text {background-image: url(/img/toppanel/postcard-bg-for-text.jpg); } #segmentInfo #postcard #editorialText { width: 136px; height: 189px; position: absolute; left: 206px; top: 17px; overflow: hidden; padding-top: 6px; } #segmentInfo #postcard #editorialTextInner { font-size: .6875em; color: #666; line-height: 1.1667em; width: 110px; } #segmentInfo .arrow-up { position: absolute; top: -5px; height: 29px; width: 25px; left: 106px; } #segmentInfo .arrow-down { position: absolute; top: 163px; height: 29px; width: 25px; left: 106px; } #segmentInfo .arrow-up a, #segmentInfo .arrow-down a { display: block; padding: 5px; cursor: pointer; cursor: hand; } #districtSelectors { position: absolute; top: 10px; left: 27px; width: 484px; } #districtSelectors label, #districtSelectors select { float: left; } #districtSelectors label { font-size: .75em; font-weight: bold; color: #fff; display: block; line-height: 1.5833em; } #districtSelectors label#labelOne { padding-right: 6px; } #districtSelectors label#labelTwo { padding: 0 6px; } #districtSelectors select { font-size: .75em; color: #666; font-weight: bold; } #districtSelectors select#magicCarpetCities { width: 180px; } #districtSelectors select#magicCarpetDistricts { width: 160px; } #recommendedTick { position: absolute; z-index: 2000; top: 30px; left: -10px; } /* ###################### */ /* /top panel */ /* ###################### */ /* ###################### */ /* error page */ /* ###################### */ div#errorPage { margin: 10px; } div#errorPage h2 { color: #999; font-size: 1.125em; font-weight: bold; margin-bottom: 10px; } div#errorPage p { font-size: .75em; } div#errorPage p a { color: #000; } /* ###################### */ /* /error page */ /* ###################### */ /* ###################### */ /* legal pages */ /* ###################### */ #legalText h1 { font-weight: bold; text-transform: capitalize; line-height: 1.2308em; margin-bottom: 10px; color: #999; font-size: 1.125em; font-weight: bold; } #legalText h2 { font-size: .875em; font-weight: bold; text-transform: capitalize; line-height: 1.1429em; margin-bottom: 10px; } #legalText h3 { font-size: .75em; font-weight: bold; text-transform: capitalize; line-height: 1.3333em; } #legalText p, #legalText li { font-size: .6875em; margin-bottom: 10px; line-height: 1.4545em; } #legalText li li { font-size: 1em; } #legalText li ol, #legalText li ul { margin-left: 10px; margin-top: 10px; } #legalText ul, #legalText ol { margin-bottom: 10px; } #legalText a { color: #000; } #legalText strong, #legalText p.intro1, #legalText p.intro2 { font-weight: bold; } /* ###################### */ /* legal pages */ /* ###################### */ /* ###################### */ /* bookmarks */ /* ###################### */ #bookmark-us { padding: 8px 0 3px 0; margin: 16px 0 0 10px; display: none; } #bookmark-us h6 { float: left; font-size: .6875em; line-height: 1.4545em; margin-right: 10px; font-weight: bold; } #bookmark-us li { float: left; margin-right: 10px; } #bookmark-us li a { display: block; background-repeat: no-repeat; background-position: left; text-indent: 20px; font-size: .6875em; color: #000; text-decoration: none; line-height: 1.4545em; } #bookmark-us li a:hover { color: #3e7ef9; } #bookmark-us li#delicious a { background-image: url(/img/bookmarks/delicious.gif); } #bookmark-us li#digg a { background-image: url(/img/bookmarks/digg.gif); } #bookmark-us li#facebook a { background-image: url(/img/bookmarks/facebook.gif); } #bookmark-us li#reddit a { background-image: url(/img/bookmarks/reddit.gif); } #bookmark-us li#stumbleupon a { background-image: url(/img/bookmarks/stumbleupon.gif); } #bookmark-us li#what a { background-image: url(/img/bookmarks/what.gif); text-indent: 12px; } /* ###################### */ /* /bookmarks */ /* ###################### */