.mcBreadCrumb { margin-bottom:10px; } .mcBreadCrumb a { font-size:90%; color: #999999;} .mcBreadCrumb a.leaf { position:relative; top:1px; text-decoration:none; cursor:default; font-weight:bold; font-size:100%; color:#555555; } .mcBreadCrumb .sep { color:#747474; margin-left:3px; margin-right:3px; } .mcAutoComplete { position:absolute; visibility:hidden; background-color:#efefef; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; top: 200px; left:255px; overflow: hidden; text-overflow: ellipsis; } .mcAutoComplete a { padding:1px; padding-left:2px; padding-right:2px; display:block; text-align:left; color:black; text-decoration:none; font-size:75%; white-space: nowrap; } .mcAutoComplete .select, .mcAutoComplete .select a { text-decoration:none; background-color: #899fd8; color:white; } /* preview pane */ .cmPropDetail .preview .pHiddenReturnLink {position:absolute; left:587px; top:13px; display:none; } .cmPropDetail .preview { width:748px; position:relative; } .cmPropDetail .preview .pTop { background:url(../images/prop_details_box.gif) no-repeat; height:40px; } .cmPropDetail .preview .pBot { background:white url(../images/prop_details_box_bot.gif) no-repeat; height:12px; width:748px; overflow:hidden;} .cmPropDetail .preview .pBody { border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9; padding-left:10px; padding-right:5px; background-color:white;} .cmPropDetail .preview .pTop .pTitle { padding-top:10px; margin-left:10px; color:#0099ff; font-weight:bold; font-size:140%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:95%; } .cmPropDetail .preview .pTop .pTitle h1 { /* this removes all default styles from this tag, so that google will see the tag when crawling, but it will have no visual impact */ margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; /* NOTE: be careful changing this one! I've seen some oddities with it set to "baseline", but when I changed it to "top" I saw */ /* some oddities on FireFox where if there were spans within the h1 (like for orange text), the span would not inherit the top alignment */ /* and would be sunk down. */ /* SO... either leave it as "baseline", or change to "top" and explicitly add "span" to the definition, so it inherits it (e.g. "h1, h1 span {blah, blah}") */ vertical-align: baseline; display:inline; /* add any custom modifications down here */ } .cmPropDetail .preview .pTop, .cmPropDetail .preview .pImages { } .cmPropDetail .preview .pImages, .cmPropDetail .preview .pTabs { border:0px solid red; margin-top:2px;} .cmPropDetail .preview .pImages { float:left; width:320px; } .cmPropDetail .preview .pImages .big { position:relative; border:0px solid red;} .cmPropDetail .preview .pImages .big .mask { position:absolute; top:0px; left:0px; } .cmPropDetail .preview .pImages .small { margin-top:6px; margin-left:2px;border:0px solid blue;} .cmPropDetail .preview .pImages .small img { border:2px solid #efefef; } .cmPropDetail .preview .pImages .small img.hovering { border:2px solid #FF6600; } .cmPropDetail .preview .pImages .small a img.selected { border:2px solid #0099ff;} .cmPropDetail .preview .pTabs { float:left; margin-left:15px; width:375px; height:285px; position:relative;} .cmPropDetail .preview .pTabs #previewCal, .cmPropDetail .preview .pTabs #previewMapId { position:absolute; right:-20px; } .cmPropDetail .preview .pTabs #previewCal { top:0px; font-size:75%;} .cmPropDetail .preview .pImages #miniImgTable { table-layout:fixed; border-collapse:separate; } .cmPropDetail .preview .pImages #miniImgTable td { padding:0px 2px 1px 2px; font-size:2px; } .cmPropDetail .preview .mcOwnerSash { visibility:hidden; position:absolute; top:42px; left:10px;} .cmPropDetail .preview .mcOwnerSashApprove { visibility:hidden; position:absolute; top:222px; left:70px;} .cmPropDetail .preview .mcOwnerSashApproveLong { left:55px;} .cmPropDetail #previewCal .lmCalendarContainer {xborder: 1px solid red;} .cmPropDetail #previewCal .lmCalendar { padding-top:0px;padding-bottom:0px; } .cmPropDetail .preview .pTabs #previewMapId { top:140px; right:-12px; width:250px; height:140px; border:0px solid red; overflow:hidden; font-size:90%; } .cmPropDetail .preview .line { margin-top:1px; margin-bottom:1px; font-weight:normal; color:#727d8e; font-size:90%; } .cmPropDetail .preview .line em { font-weight:bold; font-style:normal; color:#666666; } .cmPropDetail .preview .line.tmargin { margin-top:8px;} .cmPropDetail .preview .filler { width:740px; height:80px; margin-left:-10px; overflow:hidden; background-color:#f3f4f4;} .cmPropDetail .preview #isFavDiv { display: none;} .cmPropDetail .preview .links { display:none; } .cmPropDetail #gmaps { width:95%; height:450px; overflow:hidden; } .cmPropDetail .lmCalendar { font-size:110%; } .cmPropDetail .lmCalendar tr.week td { cursor:default !important; } .cmPropDetail .lmTabContent .gradient { background:url(../images/sprite_gradients_slice.gif) 0% -172px repeat-x; height:30px; overflow:hidden; } .cmPropDetail .row { margin-top:4px; margin-bottom:4px; font-weight:normal; color:#666666; font-size:90%; } .cmPropDetail .row .col1, .cmPropDetail .row .col2 { float:left; xborder:1px solid red;} .cmPropDetail .row .col1 { width:17%; font-weight:bold; font-style:normal; color:#666666; margin-right:10px; overflow:hidden; } .cmPropDetail .row .col2 { width:80%; } .cmPropDetail .row.tmargin { margin-top:12px;} .cmPropDetail .divider { overflow:hidden; background:#eeeeee; height:1px} .cmPropDetail .lmSectionText { margin-top:6px; color: #727d8e; xfont-style:italic } .PropertyDetail #photostabcontent .lmSectionRow, .ListingReview #photostabcontent .lmSectionRow { margin-left:20px; } .cmPropDetail .imgTabDiv { width:320px; height:265px; overflow:hidden; float:left; margin:10px 50px 15px 0px; } .cmPropDetail .imgTabDiv .imgTabCaption { width:90%; margin:1px 5px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; xfont-style:italic; font-size:90%; } .cmPropDetail .imgTabDiv img { border:1px solid #dddddd; } .cmSlideSP {} /* .cmSlideSP */ .cmSlideSP .cmSlide { cursor:pointer; overflow:hidden; width:162px; height:152px; background: url(../images/white_slide.png); } .cmSlideSP .cmSlideTitle, .cmSlideRate, .cmSlideOther { margin-left:15px; margin-right:20px; font-size:90%; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .cmSlideSP .cmSlideTitle { margin-top:6px; color:#0099ff; font-weight:bold; font-size:80%; text-decoration:none; } /* ie override */ .cmSlideSP .cmSlideRate { margin-top:2px; color:#555555; font-weight:bold; font-size:85%; } .cmSlideSP .cmSlideOther { margin-top:2px; font-size:80%; margin-top:0px; color:#555555; } /* ie override */ .cmSlideSP .cmSlidePhoto { position:relative; margin-top:10px; margin-bottom:5px; margin-left:27px; margin-right:29px; } /* City Host Shared Panel Styles */ /* ie override of "width", otherwise IE wraps the text */ #chSavedMsg { position:absolute; visibility:hidden; background:#94Be52;color:white; font-weight:bold; padding:2px 12px; font-size:90%;} .chNewQuestionPanel {float:left; padding-top:10px; padding-left:10px; width:216px; height:346px;} .chPanelTitleImg {border:0px; width:216px; height:29px;} .chPanelBody {border:1px solid #777777; width:214px; height:317px; background-color:#F2F9D8} .chSectionHeading {position:relative; color:#FFFFFF;} .chSectionTitle {font-weight:bold; padding:10px; color:#777777;} .lmSearchBox { position:relative; color: #6b6b6b;} .lmSearchBox input { } .lmSearchBox .travelStartsCol {float:left; } .lmSearchBox .travelEndsCol {float:left; margin-left:.75em; } /* Aargh... use em because we share this panel between SearchResults and Home, where we use different fonts */ .lmSearchBox .searchPrompt { font-size:100%; font-weight:bold; margin-bottom:4px; } .lmSearchBox .searchTip { font-size:75%;font-size:normal; } .lmSearchBox input#searchTerm { width:247px;} .lmSearchBox input#toCalDate, .lmSearchBox input#fromCalDate { width:85px; } .lmSearchBox .divider { overflow:hidden; margin-top:2px; margin-bottom:2px; height:10px; } .lmSearchBox .datesPrompt { margin-bottom:2px; } .lmSearchBox input#searchTerm, .lmSearchBox input#toCalDate, .lmSearchBox input#fromCalDate, .lmSearchBox input#bedrooms { font-size:110%; color: #666666;} .lmSearchBox input#bedrooms { width:83px; } .lmSearchBox .sbButton { position:absolute; bottom:0px; left:133px;} .cmBasicPropForm .lmSectionContent { width:63%; } .cmBasicPropForm textarea.lmTextInput { width:98%; height:136px;} .cmBasicPropForm input.lmStringInput { width:98%; } .cmBasicPropForm .lmSectionConstraint { margin-right:8px;} .cmBasicPropForm #basicDetails .lmSectionContent { width:70%; } .cmBasicPropForm #addrInfoRow { position:relative; } .cmBasicPropForm .propMapContent { position:absolute; top:160px; left:486px; width:238px; height:180px; font-size:13px; border:1px solid #0099FF; } /* ie override */ .cmBasicPropForm .propMap { width:238px; height:180px; } /* ie override */ .cmBasicPropForm .propMapAllow { position:absolute; top:347px; left:496px; } .cmBasicPropForm .propMapAllowLabel { position:absolute; top:347px; left:521px; font-size:13px; width:217px; } .cmBasicPropForm .propMapLabelComment { font-size:11px; } .cmBasicPropForm .propMapHelp { position:absolute; top:93px; left:486px; background-color:#E8F6FF; font-size:13px; color:#777777; border:1px solid #0099FF; width:228px; height:50px; padding:5px; } /* ie override */ /* Overrides to accommodate slightly more narrow page on EditProperty than ListingInfo */ .EditProperty .cmBasicPropForm .propMapContent { left:485px; } .EditProperty .cmBasicPropForm .propMapAllow { left:481px; } .EditProperty .cmBasicPropForm .propMapAllowLabel { left:506px; } .EditProperty .cmBasicPropForm .propMapHelp { left:485px; } .cmBasicPropForm .propMapContentEmpty { background-color:#E8F6FF; color:#777777; display:none; z-index:10; } /* ie override */ .cmBasicPropForm .emptyMapHeading { padding:15px 10px 15px 15px; font-size:110%; margin-bottom:15px;} .cmBasicPropForm .emptyMapHeading .headingRight { margin-top:5px; } .cmBasicPropForm .emptyMapHeading .blueText { color:#0099FF; font-weight:bold; margin-left:10px; } .cmBasicPropForm .emptyMapHeading .orangeText { color:#FF6600; font-weight:bold; margin-left:10px; } .cmBasicPropForm .emptyMapContent { padding:15px; } .cmFileUpload { position:relative; overflow:hidden; width:101px; height:28px; } .cmFileUploadInput { opacity:.0; filter:alpha(opacity=00); moz-opacity:0.00; position:absolute; top:0px; right:0px; font-size:16pt; cursor:pointer !important; } .cmImageCounter { font-size:11px; margin-top:5px; color:#555555; } .cmDisabledButtonLook { opacity:.4; filter:alpha(opacity=10); moz-opacity:0.40; } /* ie override */ .cmThumbHover { visibility:hidden; position:absolute; top:0px; left:0px; padding:2px; border:1px solid #aaaaaa; background:white;} .cmPanelPrettyAlert {width:265px; height:80px; text-align:center; } /* NOTE: The left: and width: percentages keep the title centered but off of the "close" button */ .cmPanelPrettyAlert .cmPanelTitle {position:absolute; top:10px; left:10%; width:80%; font-size:20px; font-weight:bold; color:#0099FF; } /* Put in a table container so the text can be vertically centered, so that it's vertically centered properly whether it's one line ("Thank You") or two ("Bad URL Code") */ .cmPanelPrettyAlert .cmPanelMessageVertCenterContainer {position:absolute; bottom:2px; height:40px; left:7%; width:90%; font-weight:normal; color:#444444;} .cmPanelPrettyAlert .cmPanelMessage {height:100%; vertical-align:middle; } /* Default WaitPanel size/look */ .cmPanelWait {width:250px; height:60px; text-align:center; } .cmPanelWait .cmPanelWaitContent {position:absolute; top:18px; left:0px; width:250px; font-size:20px; font-weight:bold; color:#FF6600; text-align:center; } .cmPanelWait .cmPanelTitle {vertical-align:middle; } .cmPanelWait .cmPanelProgressAnimation {margin-top:-2px; margin-right:10px; width:28px; height:28px; display:-moz-inline-box; display:inline-block; vertical-align:top;} .cmInquiry {width:495px; height:570px; } .cmInquirySignUpOrSignIn {width:400px; height:250px; } .cmInquirySignUpOrSignInBody {position:absolute; left:20px; bottom:20px; width:90%; } .cmInquirySignin {width:495px; height:570px; } .cmInquiryIVCTB1 {height:400px !important; } .cmInquiryIcon { position:absolute; top:8px; left:20px; } .cmInquiryTitle { position:absolute; top:15px; left:90px; color:#666666; font-size:16px; } .cmInquiryTitleIVCTB1 { left:65px !important; } .cmTitleSep { position:absolute; top:45px; left:1px; width:492px; color:#666666; font-size:16px; } #cmInquiryContentDiv {position:absolute; top:40px; left:0px; text-align:left; padding:0px 0px 0px 19px; } .cmInquiryInstructionsIVCTB1 { margin-top:15px; font-size:14px; color:#666666;} .cmInquiryLeftCol { float:left; width:257px; } .cmInquiryLeftColContent { padding:20px 0px 0px 0px; } .cmInquiryRightCol { float:left; width:190px; } .cmInquiryRightColContent { padding:20px 0px 0px 10px; } .cmInquiryVerticalRule { width:1px; height:420px; margin-top:20px; float:left; border:0px solid #efefef; background-color:#efefef; } .cmInquirySectionTitle { font-size:14px; font-weight:bold; color:#0099FF; margin-bottom:10px; text-align:left; } /* XXXXX */ .cmInquirySection { margin-bottom:15px; text-align:left; xborder:1px solid orange; } /* XXXXX */ .cmInquiryLabelRow { font-size:12px; color:#666666; margin-bottom:5px; text-align:left; } /* XXXXX */ .cmInquiryDataRow { font-size:12px; color:#666666; margin-bottom:10px; text-align:left; } /* XXXXX */ .cmInquiryDetailsRow { font-size:12px; color:#666666; margin-top:4px; margin-bottom:-5px; text-align:left; } .cmInquiryButtonRow1 { text-align:left; margin-top:10px; } .cmInquiryDoDates { display:none; background:url(../images/inquiry_do_dates.gif) no-repeat; overflow:hidden; width:179px; height:54px; position:relative; top:35px; left:5px; } .cmInquiryMiscError { display:none; background:url(../images/inquiry_error_1.gif) no-repeat; overflow:hidden; width:179px; height:54px; position:relative; top:10px; left:5px; } .cmInquiryPropNotAvail { display:none; background:url(../images/inquiry_error_2.gif) no-repeat; overflow:hidden; width:179px; height:54px; position:relative; top:10px; left:5px; } .cmInquiryMinStay { display:none; background:url(../images/inquiry_error_3.gif) no-repeat; overflow:hidden; width:179px; height:54px; position:relative; top:10px; left:5px; } .cmInquiry .calIcon { position:relative; bottom:3px; } #cmInquiryStartTravelLabel { margin-bottom:0px; } #cmInquiryEndTravelLabel { margin-bottom:0px; } /* NOTE: This "text-align:left" is for IE... it's not really an "override", per se, since FireFox doesn't care, but without it, IE will have too much of a left pad */ .cmInquiryAdImage { margin:25px 18px 0px 19px; } .cmInquiryAdTitle { font-size:16px; font-weight:bold; color:#666666; text-align:left; } .cmInquiryAdCopy { font-size:12px; color:#666666; text-align:left; } #cmInquiryInsBlurbId { position:absolute; top:340px; left:290px; width:190px; } #cmInquiryInsId { font-size:12px; color:#666666; text-align:left; margin-top:10px; } #cmInquiryQuestion { width:100%; height:60px; } #cmInquiryContactInfo { margin-top:0px; } .cmInquiryCharTracker { font-size:10px; color:#999999; text-align:left; } .cmInquiryDate { margin-right:10px; } #cmInquiryEndDate, #cmInquiryStartDate { width:80px; } .cmInquiryEmailText {width:245px;} .cmInquiryFirstNameText {width:90px;} .cmInquiryLastNameText {width:135px; } .cmInquiryLeftName { float:left; } .cmInquiryRightName { float:left; padding-left:20px; } #cmInquiryPhoneNumber { width:175px; font-size:12px; color:#666666; } #cmInquiryRateStatus { color:red; font-size:12px; visibility:hidden; text-align:center; } .cmInquiryEstFees { background:url(../images/inquiry_fees.gif) no-repeat; text-align:left; overflow:hidden; width:190px; height:150px; } .cmInquiryEstFeesContent { padding:10px 0px 0px 15px; } #cmInquiryFeeTable { table-layout:fixed; border-collapse:collapse; font-size:12px; color:#666666; text-align:left; margin-top:3px; } /* ie override */ #cmInquiryFeeTable #c1 { width:95px; } #cmInquiryFeeTable #c2 { width:60px; } #cmInquiryFeeTable tr { height:20px; } #cmInquiryFeeTable .tcol1 { font-weight:bold; } #cmInquiryFeeTable .tcol2 { text-align:right; } #cmInquiryFeeTable .tlastrow .tcol2 { color:0099FF; font-weight:bold; } #cmInquiryFeeTable .trowspacerHeight { height:10px; } #cmInquiryFeeTable td { height:20px; } #cmInquiryDetailsTable { table-layout:fixed; border-collapse:collapse; font-size:12px; color:#666666; text-align:left; } #cmInquiryDetailsTable #c1 { width:80px; } #cmInquiryDetailsTable #c2 { width:80px; } #cmInquiryDetailsTable #c3 { width:80px; } #cmInquiryDetailsTable th { font-weight:normal; } #cmInquiryDetailsTable td { padding:2px 0px 0px 0px; } .cmModalDialogShield { position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#000000; opacity:.0; filter:alpha(opacity=0); moz-opacity:0.00; display:none; } .cmModalDialogCloseIconPos { position:absolute; top:12px; right:20px; cursor:pointer; text-decoration:none; } .cmModalDialogCloseTextPos { position:absolute; top:0px; right:23px; cursor:pointer; font-weight:bold; text-decoration:none; } .cmInquiryAuth { font-size:12px; padding:20px 20px 5px 20px; } .cmInquiryStatus { font-weight:bold; font-size:14px; color:green; text-align:center; margin-bottom:15px; } .cmInquiryAuthPrompt { font-size:12px; margin:15px 0px 15px 0px; color:#666666; text-align:left; } .cmInquiryAuthDiv { font-size:12px; color:#666666; margin:0px auto 15px auto; text-align:left; } .cmInquiryLinksRow { font-size:12px; margin-bottom:15px; margin-top:15px; text-align:center; } .cmInquiryButtonRow { text-align:left; margin-top:20px; } .cmInquirySuccess { padding:20px 20px 5px 20px; font-size:16px; font-weight:bold; } .cmInquiryThankYou { font-size:16px; font-weight:bold; color:#0099FF; text-align:left; } .cmInquiryStatusText { font-size:12px; font-weight:bold; color:#666666; text-align:left; } .cmInquiryButtonRowLeft { text-align:left; margin-top:20px; } /* errorBannerDiv should really be defined in the MyAccount.css and EditProperty.css because the div is defined in those jsp files. But it is so closely related to the component that it was easier to define it here. */ #errorBannerDiv { margin-bottom:10px; overflow:hidden; display:none; } .cmErrorBanner { } .cmErrorBannerTop { background:url(../images/error_banner_top.gif); overflow:clip; width:445px; height:30px; } .cmErrorBannerTitle { padding:12px 0px 0px 55px; font-size:14px; font-weight:bold; color:#FF0101; } .cmErrorBannerMid { background:url(../images/error_banner_mid.gif) repeat-y; overflow:clip; width:445px; } .cmErrorBannerBot { background:url(../images/error_banner_bot.gif) no-repeat; overflow:clip; width:445px; height:5px; } .cmErrorBannerMsg { padding:4px 5px 0px 55px; font-size:14px; color:#666666; } #cmPopupId { position:absolute; top:200px; left:200px; visibility:visible; z-index:100; } #cmPopupTopId { background:url(../images/pop_top_374.gif) no-repeat; overflow:hidden; width:374px; height:44px; text-align:left; } #cmPopupMidId { background:url(../images/pop_mid_374.gif) repeat-y; width:374px; } #cmPopupBotId { background:url(../images/pop_bot_374.gif) no-repeat; overflow:hidden; width:374px; height:19px;} #cmPopupTitleId { position:absolute; top:15px; left:55px; font-size:16px; } #cmPopupQuestionMarkId { position:relative; top:10px; left:15px; } #cmPopupCloseId { position:absolute; top:12px; right:15px; cursor:pointer; } .cmPopupText { color:#666666; } .cmPopupLabel { color:#666666; margin:10px 0px 10px 0px; } .cmPopupFormError { padding:2px; color:#ef0000; font-size:90%; font-weight:bold; font-style:italic; margin-bottom:0.5em; display:none; } #cmForgotPwContentId { text-align:left; padding:15px 20px 0px 15px; } #cmForgotPwButtonRowId { text-align:right; margin-top:15px; } #cmResetPwContentId { text-align:left; padding:15px 20px 0px 15px; } #cmResetPwButtonRowId { text-align:right; margin-top:15px; } #cmResetPwSubmitButton { visibility:hidden; } #cmDatePickerTable { table-layout:fixed; border-collapse:collapse; width:230px; } #cmDatePickerTable #c1 { width:70px; } #cmDatePickerTable #c2 { width:30px; } #cmDatePickerTable #c3 { width:70px; } #cmDatePickerTable #c4 { width:30px; } #cmDatePickerTable tr.spacer { height:3px; } #cmDatePickerTable td { font-size:14px; font-weight:bold; color:#888888; text-align:left; } #cmFromCalDate { width:69px; font-size:14px; font-weight:normal; color:#666666; } #cmToCalDate { width:69px; font-size:14px; font-weight:normal; color:#666666; } /* Common panel container styles... */ /* NOTE: This 10x10 size specification is only there to help see bugs more easily... the size of this panel is really set by its content */ .cmRoundedPanel { position:absolute; width:10px; height:10px; visibility:visible; } .cmRoundedPanelContentAdditions {position:absolute; left:0px; top:0px; bottom:0px; } /* KBERNNOTE: Ommitting the 'left:0' screws things up on IE (so I added the top:0 as well) */ .cmPanelTable {table-layout:fixed; border-collapse:collapse; width:100%; height:100%; } .cmPanelTable #c1 {width:15px; } .cmPanelTable #c3 {width:15px; } /* White panel top FLAT... */ .cmPanelTable .cmPanelTableTopLeftWhiteFlat {background: url(../images/sprite_icon_70x70_10.gif) no-repeat -290px -1060px; width:15px; height:15px; } .cmPanelTable .cmPanelTableTopMidWhiteFlat {background: url(../images/cmPanelRoundBorderWhiteFlatTop.gif) repeat-x; width:100%; height:15px; overflow:hidden; } /* NOTE1: If we don't explicitly set the height, sometimes it won't draw initially on FF until window is resized - NOTE2: Can't be a sprite because it needs to repeat, in order to stretch */ .cmPanelTable .cmPanelTableTopRightWhiteFlat {background: url(../images/sprite_icon_70x70_10.gif) no-repeat -360px -1060px; width:15px; height:15px; } /* White panel top SHADOW... */ .cmPanelTable .cmPanelTableTopLeftWhiteShadow {background: url(../images/sprite_icon_70x70_10.gif) no-repeat -290px -1060px; width:15px; height:15px; } .cmPanelTable .cmPanelTableTopMidWhiteShadow {background: url(../images/cmPanelRoundBorderWhiteFlatTop.gif) repeat-x; width:100%; height:15px; overflow:hidden; } /* NOTE1: If we don't explicitly set the height, sometimes it won't draw initially on FF until window is resized - NOTE2: Can't be a sprite because it needs to repeat, in order to stretch */ .cmPanelTable .cmPanelTableTopRightWhiteShadow {background: url(../images/sprite_images_70x70_10.png) no-repeat -150px -10px; width:23px; height:15px; } /* Green panel top FLAT... */ .cmPanelTable .cmPanelTableTopLeftGreenFlat {background: url(../images/sprite_icon_70x70_10.gif) no-repeat -10px -1060px; width:15px; height:50px; } .cmPanelTable .cmPanelTableTopMidGreenFlat {background: url(../images/cmPanelRoundBorderGreenFlatTop.gif) repeat-x; width:100%; height:50px; overflow:hidden; } /* NOTE1: If we don't explicitly set the height, sometimes it won't draw initially on FF until window is resized - NOTE2: Can't be a sprite because it needs to repeat, in order to stretch */ .cmPanelTable .cmPanelTableTopRightGreenFlat {background: url(../images/sprite_icon_70x70_10.gif) no-repeat -150px -1060px; width:15px; height:50px; } /* Green panel top SHADOW... */ .cmPanelTable .cmPanelTableTopLeftGreenShadow {background: url(../images/sprite_icon_70x70_10.gif) no-repeat -10px -1060px; width:15px; height:50px; } .cmPanelTable .cmPanelTableTopMidGreenShadow {background: url(../images/cmPanelRoundBorderGreenFlatTop.gif) repeat-x; width:100%; height:50px; overflow:hidden; } /* NOTE1: If we don't explicitly set the height, sometimes it won't draw initially on FF until window is resized - NOTE2: Can't be a sprite because it needs to repeat, in order to stretch */ .cmPanelTable .cmPanelTableTopRightGreenShadow {background: url(../images/sprite_images_70x70_10.png) no-repeat -780px -10px; width:23px; height:50px; } /* Yellow panel top FLAT... */ .cmPanelTable .cmPanelTableTopLeftYellowFlat {background: url(../images/sprite_icon_70x70_10.gif) no-repeat -710px -1130px; width:15px; height:32px; } .cmPanelTable .cmPanelTableTopMidYellowFlat {background: url(../images/cmPanelRoundBorderYellowFlatTop.gif) repeat-x; width:100%; height:32px; overflow:hidden; } /* NOTE1: If we don't explicitly set the height, sometimes it won't draw initially on FF until window is resized - NOTE2: Can't be a sprite because it needs to repeat, in order to stretch */ .cmPanelTable .cmPanelTableTopRightYellowFlat {background: url(../images/sprite_icon_70x70_10.gif) no-repeat -780px -1130px; width:15px; height:32px; } /* Yellow panel top SHADOW... */ .cmPanelTable .cmPanelTableTopLeftYellowShadow {background: url(../images/sprite_icon_70x70_10.gif) no-repeat -710px -1130px; width:15px; height:32px; } .cmPanelTable .cmPanelTableTopMidYellowShadow {background: url(../images/cmPanelRoundBorderYellowFlatTop.gif) repeat-x; width:100%; height:32px; overflow:hidden; } /* NOTE1: If we don't explicitly set the height, sometimes it won't draw initially on FF until window is resized - NOTE2: Can't be a sprite because it needs to repeat, in order to stretch */ .cmPanelTable .cmPanelTableTopRightYellowShadow {background: url(../images/sprite_images_70x70_10.png) no-repeat -570px -10px; width:23px; height:32px; } /* Common (white) panel mid FLAT... */ .cmPanelTable .cmPanelTableMidLeftWhiteFlat {background: url(../images/cmPanelRoundBorderWhiteFlatLeft.gif) repeat-y; width:15px; height:auto; } /* NOTE1: If we don't explicitly set the height, sometimes it won't draw initially on FF until window is resized - NOTE2: Can't be a sprite because it needs to repeat, in order to stretch */ .cmPanelTable .cmPanelTableMidWhiteFlat {background-color:white; width:100%; height:auto;} .cmPanelTable .cmPanelTableMidRightWhiteFlat {background: url(../images/cmPanelRoundBorderWhiteFlatRight.gif) repeat-y; width:15px; height:auto; } /* NOTE1: If we don't explicitly set the height, sometimes it won't draw initially on FF until window is resized - NOTE2: Can't be a sprite because it needs to repeat, in order to stretch */ /* Common (white) panel mid SHADOW... */ .cmPanelTable .cmPanelTableMidLeftWhiteShadow {background: url(../images/cmPanelRoundBorderWhiteFlatLeft.gif) repeat-y; width:15px; height:auto; } /* NOTE1: If we don't explicitly set the height, sometimes it won't draw initially on FF until window is resized - NOTE2: Can't be a sprite because it needs to repeat, in order to stretch */ .cmPanelTable .cmPanelTableMidWhiteShadow {background-color:white; width:100%; height:auto;} .cmPanelTable .cmPanelTableMidRightWhiteShadow {background: url(../images/cmPanelRoundBorderWhiteShadowRight.png) repeat-y; width:23px; height:auto; } /* NOTE1: If we don't explicitly set the height, sometimes it won't draw initially on FF until window is resized - NOTE2: Can't be a sprite because it needs to repeat, in order to stretch */ /* Common (white) panel bottom FLAT... */ .cmPanelTable .cmPanelTableBotLeftWhiteFlat {background: url(../images/sprite_icon_70x70_10.gif) no-repeat -430px -1060px; width:15px; height:15px; } .cmPanelTable .cmPanelTableBotMidWhiteFlat {background: url(../images/cmPanelRoundBorderWhiteFlatBottom.gif) repeat-x; width:100%; height:15px; overflow:hidden; } /* NOTE1: If we don't explicitly set the height, sometimes it won't draw initially on FF until window is resized - NOTE2: Can't be a sprite because it needs to repeat, in order to stretch */ .cmPanelTable .cmPanelTableBotRightWhiteFlat {background: url(../images/sprite_icon_70x70_10.gif) no-repeat -500px -1060px; width:15px; height:15px; } /* Common (white) panel bottom SHADOW... */ .cmPanelTable .cmPanelTableBotLeftWhiteShadow {background: url(../images/sprite_images_70x70_10.png) no-repeat -220px -10px; width:15px; height:23px; } .cmPanelTable .cmPanelTableBotMidWhiteShadow {background: url(../images/cmPanelRoundBorderWhiteShadowBottom.png) repeat-x; width:100%; height:15px; overflow:hidden; } /* NOTE1: If we don't explicitly set the height, sometimes it won't draw initially on FF until window is resized - NOTE2: Can't be a sprite because it needs to repeat, in order to stretch */ .cmPanelTable .cmPanelTableBotRightWhiteShadow {background: url(../images/sprite_images_70x70_10.png) no-repeat -360px -10px; width:23px; height:23px; } /* Gray panel bottom FLAT... */ .cmPanelTable .cmPanelTableBotLeftGrayFlat {background: url(../images/sprite_icon_70x70_10.gif) no-repeat -850px -1130px; width:15px; height:15px; } .cmPanelTable .cmPanelTableBotMidGrayFlat {background: url(../images/cmPanelRoundBorderGrayFlatBottom.gif) repeat-x; width:100%; height:15px; overflow:hidden; } /* NOTE1: If we don't explicitly set the height, sometimes it won't draw initially on FF until window is resized - NOTE2: Can't be a sprite because it needs to repeat, in order to stretch */ .cmPanelTable .cmPanelTableBotRightGrayFlat {background: url(../images/sprite_icon_70x70_10.gif) no-repeat -920px -1130px; width:15px; height:15px; } /* Gray panel bottom SHADOW... */ .cmPanelTable .cmPanelTableBotLeftGrayShadow {background: url(../images/sprite_images_70x70_10.png) no-repeat -850px -10px; width:15px; height:23px; } .cmPanelTable .cmPanelTableBotMidGrayShadow {background: url(../images/cmPanelRoundBorderGrayShadowBottom.png) repeat-x; width:100%; height:15px; overflow:hidden; } /* NOTE1: If we don't explicitly set the height, sometimes it won't draw initially on FF until window is resized - NOTE2: Can't be a sprite because it needs to repeat, in order to stretch */ .cmPanelTable .cmPanelTableBotRightGrayShadow {background: url(../images/sprite_images_70x70_10.png) no-repeat -990px -10px; width:23px; height:23px; } .cmDateColl { width:400px; height:230px; font-size:12px; color:#666666; text-align:center; } .cmDateCollContentInner { padding:20px; } .cmDateCollIcon {position:absolute; top:12px; left:20px; } .cmDateCollTitle { position:absolute; top:15px; left:60px; font-size:16px; font-weight:bold; color:#0099FF; text-align:left; } .cmDateCollHRule { position:absolute; top:45px; left:2px; height:1px; width:396px; background-color:#EEEEEE; overflow:hidden; } .cmDateCollIntroText { color:#666666; font-size:14px; margin-bottom:10px; margin-top:30px; text-align:left; } .cmDateCollLabelRow { color:#666666; text-align:left; font-size:14px; } .cmDateCollDataRow {} .cmDateCollButtonRow { margin-top:20px; text-align:left; } .cmDateColl .calIcon { position:relative; bottom:3px; } #cmErrPopupMidId { background:url(../images/pop_mid_374.gif) repeat-y; width:374px; } #cmErrPopupBotId { background:url(../images/pop_bot_374.gif) no-repeat; overflow:hidden; width:374px; height:19px;} #cmErrPopupTitleId { position:absolute; top:15px; left:55px; font-size:16px; } #cmErrPopupIconId { position:relative; top:10px; left:15px; } #cmErrPopupCloseId { position:absolute; top:17px; right:20px; color:#666666; cursor:pointer; font-size:10px; background:url(../images/sprite_icon_70x70_10.gif); background-position: -10px -570px; width:48px; height:15px; } #cmErrPopupText { color:#666666; text-align:left; font-size:12px; padding:10px; } #cmErrPopupButtonRow { text-align:center; } .messageSplash { width:615px; height:280px; font-size:12px; color:#666666; text-align:center; } /* 2. COMMON (SHARED) STYLES... */ .messageSplashCommonSubtitle { font-size:18px; font-weight:strong; } .messageSplashCommonRightMessageLeft {position:absolute; left:340px; } .messageSplashCommonRightMessagePos { margin-left:45px; margin-top:-10px; text-align:left; width:220px; } .messageSplashCommonRightMessage1Top { top:100px; } .messageSplashCommonRightMessage2Top { top:160px; } .messageSplashCommonRightMessage3Top { top:220px; } /* 3. POSITION STYLES... */ /***** Panel Titles ***** */ .messageSplashTitle { position:absolute; top:10px; left:0px; width:100%; font-size:26px; font-weight:bold; color:#444444} .messageSplashSubtitle { position:absolute; left:0px; top:47px; width:100%; } /***** Left Main Messaging *****/ /* set the bottom pos, not the top, so it can grow *up* if there are too many lines of text due to the dynamic location replacement */ .messageBigBlurb { position:absolute; left:17px; bottom:115px; width:310px; color:#0099FF; font-size:17pt; font-weight:bold; } /***** Right Margin Messages ***** */ .checkBulletImage { position:absolute; background: url(../images/sprite_icon_70x70_10.gif); background-position: -220px -850px; display:-moz-inline-box; display:inline-block; width:30px; height:25px; } /* * Default styles for CMBookingRates/g_bookingRates */ #cmBookingRatesHdr { width:240px; color:#666666; font-size:14px; font-weight:bold; border:0px solid red;} #cmBookingRatesHdrContent { padding:4px 4px 4px 15px; } #cmBookingRatesTable { table-layout:fixed; border-collapse:collapse; width:320px; } #cmBookingRatesTable #c1 { width:120px; } #cmBookingRatesTable #c2 { width:125px; } #cmBookingRatesTable #c3 { width:75px; } #cmBookingRatesTable th { font-size:12px; font-weight:normal; color:#666666; text-align:left; xpadding-left:15px; } #cmBookingRatesTable td { font-size:12px; font-weight:bold; color:#666666; text-align:right; border:0px solid black; xpadding-right:15px; } #cmBookingRatesTable td.title { font-weight:bold; text-align:left; } #cmBookingRatesTable div.value { padding-right:15px; color:#666666; } #cmBookingRatesTable div.hdr { padding-left:15px; } #cmBookingRatesTable th.total { background-color:#CAE9F3; font-weight:bold; height:19px; } #cmBookingRatesTable td.total { font-weight:bold; color:#0099FF; background-color:#CAE9F3; } #cmBookingRatesTable th div.total { padding-left:15px; } #cmBookingRatesTable td div.total { padding-right:15px; } #cmBookingRatesTable th.grandTotal { border:1px solid #CAE9F3; border-right:none; height:19px; } #cmBookingRatesTable td.grandTotal { color:#0099FF; border:1px solid #CAE9F3; border-left:none; } #cmBookingRatesTable td div.grandTotal { padding-right:15px; } #cmBookingRatesTable th.optionalHdr { font-weight:bold; } #cmBookingRatesTable tr.totalSpacer { height:3px; } #cmBookingRatesTable tr.refundableSpacer { height:3px; } #cmBookingRatesTable tr.optionalSpacer { height:10px; } #cmBookingRatesTable td.optionalHdr { font-weight:normal; } #cmBookingRatesTable th.optionalHdr { font-weight:bold; } #cmBookingRatesTable tr.reviewDocSpacer { height:10px; } #cmBookingRatesTable tr.endSpacer { height:5px; } #cmBookingRatesTable tr { height:15px; } #cmBookingRatesStatusBusy { background:#94Be52; color:white; width:320px; font-weight:bold; font-size:12px; text-align:center; margin-top:5px; visibility:hidden; } #cmBookingRatesStatusBusyContent { padding:4px; } #cmBookingRatesMinStayError { display:none; background:url(../images/inquiry_error_3.gif) no-repeat; overflow:hidden; width:179px; height:54px; position:relative; bottom:20px; left:35px; } #cmBookingRatesNotAvailError { display:none; background:url(../images/inquiry_error_2.gif) no-repeat; overflow:hidden; width:179px; height:54px; position:relative; bottom:20px; left:35px; } #cmBookingRatesMiscError { display:none; background:url(../images/inquiry_error_1.gif) no-repeat; overflow:hidden; width:179px; height:54px; position:relative; bottom:20px; left:35px; } /* end CMBookingRates */ /* * Default styles for CMBookingDetails/g_bookingDetails */ #cmBookingDatesTableDiv { } #cmBookingDatesTable { table-layout:fixed; border-collapse:collapse; width:230px; } #cmBookingDatesTable #c1 { width:115px; } #cmBookingDatesTable #c2 { width:115px; } #cmBookingDatesTable tr { height:20px; } #cmBookingDatesTable td { font-size:12px; color:#666666; text-align:center; xborder:1px solid black; } #cmBookingDatesTable td.date { text-align:left; } #cmBookingDatesTable th { font-size:14px; font-weight:bold; color:#666666; text-align:center; } #cmBookingDatesTable th.date { text-align:left; } #cmBookingWhoTableDiv { margin-top:10px; } #cmBookingWhoTableDiv { table-layout:fixed; border-collapse:collapse; width:195px; } #cmBookingWhoTableDiv #c1 { width:41px; } #cmBookingWhoTableDiv #c2 { width:40px; } #cmBookingWhoTableDiv #c3 { width:52px; } #cmBookingWhoTableDiv #c4 { width:40px; } #cmBookingWhoTableDiv #c5 { width:30px; } #cmBookingWhoTableDiv tr { height:20px; } #cmBookingWhoTableDiv td { font-size:12px; color:#666666; text-align:center; xborder:1px solid black; } #cmBookingWhoTableDiv td.date { text-align:left; } #cmBookingWhoTableDiv th { font-size:14px; font-weight:bold; color:#666666; text-align:center; } #cmBookingWhoTableDiv th.date { text-align:left; } /* end CMBookingDetails */ /* * Default styles for CMBookingContact/g_bookingContact */ #cmBookingContactTable { table-layout:fixed; border-collapse:collapse; width:200px; margin-top:6px; } #cmBookingContactTable #c1 { width:200px; } #cmBookingContactTable tr.spacer { height:10px; } #cmBookingContactTable tr { height:15px; } #cmBookingContactTable td { font-size:12px; color:#666666; text-align:left; xborder:1px solid black; } #cmBookingContactTable th { font-size:14px; color:#666666; text-align:left; xborder:1px solid black; } #cmBookingBillingInfoTable { table-layout:fixed; border-collapse:collapse; width:200px; margin-top:15px; } #cmBookingBillingInfoTable #c1 { width:200px; } #cmBookingBillingInfoTable tr.spacer { height:10px; } #cmBookingBillingInfoTable tr { height:15px; } #cmBookingBillingInfoTable td { font-size:12px; color:#666666; text-align:left; xborder:1px solid black; } #cmBookingBillingInfoTable th { font-size:14px; color:#666666; text-align:left; xborder:1px solid black; } /* end CMBookingContact */ /* SHARE PROPERTIES POPUP PANEL.... */ /* NOTE: We don't bother setting "left" because it is set automatically (though we could make them "!important" here if needed). */ /* We do set "top" because it will be used (won't be overridden) if the window is big enough for it, so if you don't */ /* specify it, the panel could drop too low. View "top" as your max-top */ .cmPanelShareProperties { width:280px; height:362px; font-size:12px; color:#666666; font-weight:normal; text-align:left; overflow:auto; } .panelHeightNoCheckboxOverride {height:345px; } .cmPanelShareProperties .nameLabelPos {position:absolute; top:58px;} .cmPanelShareProperties .nameText {position:absolute; top:75px;} /* NOTE: The left: and width: percentages keep the title centered but off of the "close" button */ .cmPanelShareProperties .popupTitle { position:absolute; top:7px; left:10%; width:80%; text-align:center; font-size:16px; font-weight:bold; color:#0099FF} .cmPanelShareProperties .leftMargin {left:18px; width:230px;} .cmPanelShareProperties .emailLabelPos {position:absolute; top:58px;} .cmPanelShareProperties .emailText {position:absolute; top:75px;} .cmPanelShareProperties .friendEmailsLabelPos {position:absolute; top:108px;} .cmPanelShareProperties .friendEmailsText {position:absolute; top:125px;} .cmPanelShareProperties .nameLabelPos {position:absolute; top:158px;} .cmPanelShareProperties .nameText {position:absolute; top:175px;} .cmPanelShareProperties .messageLabelPos {position:absolute; top:203px;} .cmPanelShareProperties .messageText {position:absolute; top:220px; height:45px; } .cmPanelShareProperties .messageTextIdCharsRemaining {position:absolute; top:270px; font-size:10px;} .cmPanelShareProperties .bottomControlsSpacer {height:290px; } /* shareViewedTooCheckbox & urlToShare will never be shown at the same time */ .cmPanelShareProperties .shareViewedTooCheckbox {margin-left:14px; } /* This must be a textfield so they can select the whole thing, even if not all visible */ .cmPanelShareProperties .urlToShareLabelPos {float:left; width:60px; padding-left:18px; font-size:10px; } /* use pad instead of margin or it indents too far on IE6 */ .cmPanelShareProperties .urlToShare {position:relative; top:-1px; float:left; width:175px; font-size:10px; border:none; border-width:0; overflow:hidden; } .cmPanelShareProperties .cmSharePropertiesButtonSubmitContainerPos {margin-top:10px; margin-left:100px; }