body { font-family:Arial; font-size:90%; text-align:center; padding:0px; margin:0px; } TD {margin:0px; padding:0px;} /* Make sure this is always initialized to 0px because otherwise, e.g., IE will add 1px padding to all table cells, making them look different than on FireFox */ * { -moz-outline: none !important; } body a { text-decoration:underline; color:#747474; cursor: pointer;} body a.lmAction { color:#0099ff; } body a.lmDebugAction { color:red !important; } body a:hover { text-decoration:underline; } a img { border:0px; } form { padding:0px; margin:0px; } .lmNoU { text-decoration:none !important; } .lmU { text-decoration:underline; !important;} a.lmNoU { text-decoration:none; } a.lmNoU:hover { text-decoration:none; } /* KBERNTODO: These "!important" tags are ugly, but otherwise it gets superceded by ContentRoot's ".contentHtml", so I need a more elegant way to have this supercede that */ a.lmGrayLinkWithUnderline { text-decoration:underline !important; color: #666666 !important;} a.lmGrayLinkWithUnderline:hover { color: #333333 !important;} ul { margin:0px; margin-top:0px; margin-left:0px; padding:0px;} ul li { margin:0px 0px; padding:0px; } .lmBody { text-align:left; margin:0px auto; width:788px;} table.lmBasicTable {vertical-align:top; } table.lmBasicTable table {vertical-align:top; } table.lmBasicTable tr {vertical-align:top; } table.lmBasicTable td {vertical-align:top; } .lmBasicFormBox { border:1px solid #dedede; margin-top:0.5em; padding:10px; padding-top:0px; } .lmBasicFormBox .bfbTitle { color:#7dbf73; font-weight:bold; padding:5px 10px; padding-bottom:0px; font-size:110%; background:white; float:left; position:relative; top:-15px; left:5px;} .lmBasicFormBox .bfbContent { clear:both; } input[type='text'], textarea, select, label { color:#666666; } input { color: expression(this.type=="text"?'#666666':'black'); } .lmHeader { width:788px; height:50px; position:relative; background:url(../images/page_top.jpg); color:white; margin:0.45em 0 0 0; } .lmHeader .lmLogo { position:absolute; top:20px; left:19px; width:168px; height:32px;} .lmHeader .lmNav { font-size:80%; position:absolute; top:20px; right:30px;} .lmHeader .lmNav * { color:#a5a5a5; } /* If you're using lmNoU to make a link not a link (like to get tooltip without an actual link, you should also add onclick="return false;" */ .lmHeader .lmNav a.lmNoU {text-decoration:none; color: #a5a5a5; } .lmHeader .lmNav a.lmNoU:hover {text-decoration:none; color: #a5a5a5; } .lmHeader .lmNav .email { font-size:100%;} /* ie override */ .lmHeader .lmNav .sep { margin:0px 4px; font-size:70%; position:relative; top:-1px;} .lmHeader .lmNav a { text-decoration:none;} .lmHeader .lmNav a:hover { text-decoration:underline; color:#0099ff; } .lmHeader .lmNav .lmStrongCallout { font-weight:bold; color:#0099ff; } .lmHeader .haveFavs, .lmHeader .haveFavs span { color: #0099ff; font-weight:bold;} /* The left padding prevents it from sitting on top of the blue "swoosh" arrow... the right padding moves it away from the rest of the navbar items */ .lmHeader .backToWelcome {padding-left:22px; padding-right:140px; font-size:14px !important;color:#ff6600; font-weight:bold; background:url(../images/blue_arrow.gif) no-repeat left;} .lmHeader .backToWelcome:hover { color:#ff6600 !important; text-decoration:underline;} .lmFooter { margin-top:1em; text-align:center; font-size:11px; } .lmFooter a { text-decoration:none;} .lmFooter a:hover { text-decoration:underline;} .lmFooter * { color: #999999; } .lmFooter .lmStrongCallout { font-weight:bold; } .lmLoadingMessage { visibility:hidden; position:absolute; padding:1px 4px; background-color:#0099ff; color:white; font-weight:bold; font-size:80%;} .lmAlert { display:none; top:45px; font-size:75%; padding:2px 40px; text-align:center; color:#0000FF; font-weight:bold;} /* ie override */ .lmContent { background:url(../images/page_mid.jpg) repeat-y; width:788px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; min-height:350px; /* ie override */ } .lmContentEnd { margin-left:1px; overflow:hidden; width:788px; height:66px; } .lmCr, .lmCr div { color:rgb(254,254,253); height:2px; overflow:hidden; font-size:12px; font-weight:normal} .lmGenericDiv {text-align:left; } .lmTextAlignLeft {text-align:left !important; } .lmTextAlignCenter {text-align:center; } .lmTextAlignRight {text-align:right; } .lmPageTemplate { margin:0px 20px; padding:10px 0px 50px 0px; } .lmTextTip { font-weight:bold;padding-right:7px; cursor:default;background:url(../images/tool_tip.gif) no-repeat right center;} .lmTrademarkRegSuperscript { font-size:11px; position:relative; bottom:4px; padding-left:.1em; } .ErrorPage .lmPageTemplate { background:url(../images/page_fade_top.jpg) no-repeat; width:725px; margin:0px 20px; padding:20px 10px 40px 10px; } .ErrorPage .msgDiv { margin:2.5em 1em 3em 4em; color: #777777; } .ErrorPage .title { margin-bottom:8px; font-weight:bold;color: #777777; font-size:140%; } .ErrorPage .msg { margin-left:15px; margin-top:5px; width:400px; } .ErrorPage .msgDiv a { color: #0099ff; } .TermsOfService .lmPageTemplate, .PrivacyPolicy .lmPageTemplate { background:url(../images/page_fade_top.jpg) no-repeat; width:725px; margin:0px 20px; padding:20px 10px 40px 10px; } .lmFullHeight { height:100%; } .lmCenter { text-align:center;} .lmLink {color:#0099FF; font-size:95%; font-weight:bold; } .lmLinkLight {color:#0099FF; font-size:90%; text-decoration:underline; } .lmLinkSep { margin-left:4px; margin-right:4px; } .lmClear { clear:both; xoverflow:hidden; xheight:1px; } .lmShim { overflow:hidden; height:1px; } .lmFloatL { float:left; } .lmFloatR { float:right; } .lmTextAlignL { text-align:left; } .lmTextAlignR { text-align:right; } .lmAbsolute { position:absolute; } .lmRelative { position:relative; } .lmOffScreen { position:absolute; visibility:hidden; width:1px; height:1px; overflow:hidden; top:-250px; left:-250px; } .lmOffScreenSimple { position:absolute; top:-3250px; left:-3250px; } .lmDivider { overflow:hidden; height:1px; background-color: #eeeeee; margin-bottom:5px; margin-top:5px;} .lmNormal { font-weight:normal; } .lmBold { font-weight:bold; } .lmHidden {visibility:hidden; } /* We use block hiding rather than display hiding so we continue to occupy space in our tables */ .lmNoDisplay {display:none; } .lmHiddenNoDisplay {visibility:hidden; display:none; } .lmFontNormal { font-weight:normal; } .lmFontBold { font-weight:bold; } .lmFontItalic { font-style:italic; } .lmFont10px { font-size:10px !important; } .lmFont12px { font-size:12px !important; } .lmFont24px { font-size:24px !important; } .lmSmallerFont { font-size:90% !important; font-weight:normal !important; color: #777777 !important; } .lmInputGradient { border:1px solid #cecece; background:url(../images/sprite_gradients_slice.gif) 0px -303px repeat-x; padding-left:3px; } /* Crazy, but we can get rid of the left margin (which caused checkboxes to not line up correctly) on FF with a margin-left:0px, but that doesn't work on IE, but this works on both */ /* See: http://robobruin.blogspot.com/2007/09/fixing-ie-checkbox-paddingmargin.html */ .lmInputCheckboxNoLeftMargin {width:15px; margin-right:3px; } .lmZindex1001 {z-index:1000 !important; } input, select, label { color:#666666; font-family:arial; } /* KBERNNOTE: These should really *all* be "!important" since if someone is adding these in to a class, they clearly want to forct the effect */ /* Unfortunately it's too risky to do that now, because it would be very hard to check all of the places it impacts, on all the browsers. */ .lmAlignTop {vertical-align:top !important; } .lmMargin0 { margin:0px; } .lmMargin6 { margin:6px; } .lmTopMarginZ { margin-top:0px !important; } .lmTopMarginX { margin-top:30px; } .lmTopMargin2 { margin-top:2px; } .lmTopMargin4 { margin-top:4px; } .lmTopMarginS { margin-top:4px; } .lmTopMargin10 { margin-top:10px !important; } .lmTopMargin16 { margin-top:16px !important; } .lmTopMargin32 { margin-top:32px !important; } .lmTopMargin50 { margin-top:50px !important; } .lmRightMarginZ { margin-right:0px !important; } .lmRightMarginX { margin-right:24px;} .lmRightMargin { margin-right:12px; } .lmRightMargin2 { margin-right:2px; } .lmRightMargin3 { margin-right:3px; } .lmRightMargin4 { margin-right:4px; } .lmRightMargin6 { margin-right:6px !important;} .lmRightMargin8 { margin-right:8px !important;} .lmRightMargin16 { margin-right:16px !important;} .lmRightMargin32 { margin-right:32px !important;} .lmRightMargin64 { margin-right:64px !important;} .lmBottomMarginZ { margin-bottom:0px !important; } .lmBottomMargin4 { margin-bottom:4px; } .lmBottomMargin32 { margin-bottom:32px; } .lmLeftMargin0 { margin-left:0px; } .lmLeftMargin4 { margin-left:4px; } .lmLeftMargin8 { margin-left:8px; } .lmLeftMargin16 { margin-left:16px; } .lmLeftMargin32 { margin-left:32px; } .lmLeftMargin64 { margin-left:64px; } .lmLeftMargin { margin-left:12px; } .lmPadding0 {padding:0px; } .lmPadding6 { padding:6px; } .lmPadding10 { padding:10px !important;} .lmTopPadding {padding-top:10px;} .lmTopPaddingZ { padding-top:0px !important; } .lmTopPadding4 {padding-top:4px !important;} .lmTopPadding6 {padding-top:6px;} .lmTopPadding12 {padding-top:12px;} .lmTopPadding50 {padding-top:32px;} .lmBottomPaddingZ {padding-bottom:0px !important;} .lmBottomPadding2 {padding-bottom:2px;} .lmBottomPadding32 {padding-bottom:32px !important;} .lmLeftPadding0 {padding-left:0px;} .lmLeftPadding2 {padding-left:2px;} .lmLeftPadding4 {padding-left:4px;} .lmLeftPadding8 {padding-left:8px;} .lmLeftPadding16 {padding-left:16px;} .lmRightPadding4 {padding-right:4px;} .lmRightPadding8 {padding-right:8px;} .lmRightPadding16 {padding-right:16px;} .lmRightPadding16 {padding-right:16px;} .lmRightPaddingZ { padding-right:0px !important; } .lmLeftPaddingZ { padding-left:0px !important; } /* Frequently used layout values: */ .lmColumn33 { float:left; width:33%; text-align:left;} .lmColumn50 { float:left; width:50%; text-align:left;} /* color shortcuts */ .lmStrongGray { font-weight:bold; color:#666666; } .lmStrongBlue { color:#0099FF; font-weight:bold; } lmStrongBlueImp { color:#0099FF !important; font-weight:bold !important} .lmGreenText { color:green; } .lmRedText { color:#FF0101 !important; } .lmBlueText { color:#0099FF; } .lmOrangeText { color:#FF6600 } .lmColorGray {color:#666666;} .lmColorGrayImp {color:#666666 !important;} .lmColorGrayLight {color:#BBBBBB !important;} .lmBackgroundWhite {background-color:white;} .lmBackgroundLightGray {background-color:#F4F4F4;} .lmBackgroundGray {background-color:#777777;} .lmSpacer1 { overflow:hidden; height:1px;} .lmSpacer5 { overflow:hidden; height:5px;} .lmSpacer8 { overflow:hidden; height:8px;} .lmSpacer10 { overflow:hidden; height:10px;} .lmSpacer15 { overflow:hidden; height:15px;} .lmSpacer20 { overflow:hidden; height:20px;} .lmSpacer25 { overflow:hidden; height:25px;} .lmSpacer30 { overflow:hidden; height:30px;} .lmSpacer45 { overflow:hidden; height:45px;} .lmSpacer50 { overflow:hidden; height:50px;} .lmSpacer60 { overflow:hidden; height:60px;} .lmSimpleMsg { padding:6px; font-size:85%; } .lmPageTitle, .lmPageTitleBlue { margin-top:0.20em; font-size:22px; font-weight:bold; color: #676767;} .lmPageTitle a { margin-left:6px; font-weight:normal; font-size:60%; color:#0099ff;} .lmPageTitleStrong { color:#FF6600; } .lmPageSubTitle { margin-bottom:15px; color:#393733; font-size:90% } .lmPageTitleBlue { color: #0099ff; } .lmHRule, .lmHRulePad { height:1px; width:100%; overflow:hidden; background-color:#EEEEEE; } .lmHRuleDottedGray { height:1px; width:100%; overflow:hidden; color:white; background-color:white; border: 1px dotted #666666; border-style: none none dotted; } .lmHRulePad {margin-top:5px; margin-bottom:5px; } .lmVRule { background-color:#BBBBBB; height:100%; width:1px; overflow:hidden; } .lmTipBox { color: #6c7d8e; background: #efefef; border:1px solid #cdcdcd;} .lmTipBox .tbContent { padding: 15px 15px 10px;} /* ***************************************************************************** * Tabs *******************************************************************************/ /* ie override */ .lmTabWidget { float:left; background:url(../images/tab_bg.gif) repeat-x bottom; width:746px; line-height:normal; font-size:93%;} .lmTabWidget .lmTabs { margin:0px; list-style:none; } .lmTabWidget .lmTabs li { float:left; margin:0px; padding:0px; background:url(../images/tab_right.gif) no-repeat right top; } .lmTabWidget .lmTabs li a { text-align:center; display:block; color: #a0a0a0; font-weight:bold; text-decoration:none; padding:5px 26px 4px 26px; background:url(../images/tab_left.gif) no-repeat left top; } .lmTabWidget .lmTabs li.mid { background:url(../images/tab_right_mid.gif) no-repeat; } .lmTabWidget .lmTabs li.mid a { background:url(../images/tab_left_mid.gif) no-repeat; } .lmTabWidget .lmTabs li.first { background:url(../images/tab_right_mid.gif) no-repeat; } .lmTabWidget .lmTabs li.last a { background:url(../images/tab_left_mid.gif) no-repeat; } .lmTabWidget .lmTabs li.firstActive { background:url(../images/tab_right_mid_on.gif) no-repeat right top; } .lmTabWidget .lmTabs li.firstActive a { background:url(../images/tab_left_on.gif) no-repeat left top; padding-bottom:5px; color: #0099ff; } .lmTabWidget .lmTabs li.lastActive { background:url(../images/tab_right_on.gif) no-repeat right top; } .lmTabWidget .lmTabs li.lastActive a { background:url(../images/tab_left_mid_on.gif) no-repeat left top; padding-bottom:5px; color: #0099ff; } .lmTabWidget .lmTabs li.midActive { background:url(../images/tab_right_mid_on.gif) no-repeat right top; } .lmTabWidget .lmTabs li.midActive a { background:url(../images/tab_left_mid_on.gif) no-repeat left top; padding-bottom:5px; color: #0099ff; } .lmTabWidget .lmTabs li a:hover {color:#666666;} .lmTabWidget .lmTabs li.firstActive a:hover, .lmTabWidget .lmTabs li.lastActive a:hover, .lmTabWidget .lmTabs li.midActive a:hover { color:#0099ff } .lmTabContent { clear:both; padding:1em; padding-top:2em; border:1px solid #c8c9cd; border-top:0px; display:none; color:#777777; background-color:white; } .lmRoundBox { background: red url(../images/corner_bottom_left.gif) 0 100% no-repeat; } .lmRoundBox .rbbr {background: green url(../images/corner_bottom_right.gif) 100% 100% no-repeat } .lmRoundBox .rbtl {background: blue url(../images/corner_top_left.gif) 0% 0% no-repeat } .lmRoundBox .rbtr {background: orange url(../images/corner_top_right.gif) 100% 0% no-repeat; padding:2px } .rbclear { font-size: 1px; height: 1px} .lmRoundBorder, .lmRoundBorder .rbContent, .lmRoundBorder .rbTitle, .lmRoundBorder .rbTitle * { background: #FFF url(../images/bg_box_grey_800x800.gif) 100% 100% no-repeat; } .lmRoundBorderBlue, .lmRoundBorderBlue .rbContent, .lmRoundBorderBlue .rbTitle, .lmRoundBorderBlue .rbTitle * { background: #FFF url(../images/gl_box_blue_2400x2400.gif) 100% 100% no-repeat; } .lmRoundBorderGreen, .lmRoundBorderGreen .rbContent, .lmRoundBorderGreen .rbTitle, .lmRoundBorderGreen .rbTitle * { background: #FFF url(../images/bg_box_green_800x800.gif) 100% 100% no-repeat; } .lmRoundBorder { margin:0px; padding:0px 15px 0px 0px; } .lmRoundBorder .rbTitle { background-position: 100% 0px; margin: 0px -15px 0px 0px; padding: 0px 15px 0px 0px; } .lmRoundBorder .rbTitle h3 { background-position:0px 0px; margin:0px; padding:15px 0px 5px 15px; } .lmRoundBorder .rbContent { background-position:0px 100%; margin-right:0px; padding:0px 0px 15px 15px; } .lmSquareBox { padding:1em; border:1px solid #cdcdcd; background-color:rgb(252,252,252); } .lmSquareBox.green { border:1px solid #ccd3b1; background-color:#ddf3c2; } /** * Calendar styles */ .lmCalendarContainer { float:left; background-color: white; xborder:1px solid #7b9ebd; } .lmCalendarTable { border-collapse:collapse; } .lmCalendar { padding:4px; float:left; margin-right:0.25em; } .lmCalendar table { font-size:100%; border: 1px solid #d4e9ec;} .lmCalendar th { font-weight:normal; } .lmCalendar th, .lmCalendar td { font-size:85%; } .lmCalendar tr.monthTitleRow th { font-weight:bold; color: #FFFFFF; background-color:#99CC00; padding-top:2px; padding-bottom:2px; xborder:1px solid #e0e0e0; position:relative; text-align:center; } /* ie override */ .lmCalendar div.monthTitle { position:relative; } .lmCalendar .leftNav { position:absolute; left:2px; top:0px; } .lmCalendar .rightNav { position:absolute; right:2px; top:0px; } .lmCalendar tr.dayLabelRow th { text-align:center; font-weight:bold; color: #777777; width:1.5em; background-color:#eefad6;} .lmCalendar tr.week td { font-size:80%; xfont-weight:bold; text-align:center; padding:0.15em; border:1px solid #CCCCCC; border-left:0px; border-bottom:0px; color:#333333; cursor:pointer; background-color:white; } .lmCalendar tr.week td.off, .lmCalendar tr.week td.past { background-color:white; cursor:default; } .lmCalendar tr.week td.empty { cursor:default; } .lmCalendar tr.week td.past { xtext-decoration:line-through; color:#aaaaaa; } .lmCalendar tr.week td.today { border:1px solid #333333; } .lmCalendar tr.week td.over, .lmCalendar tr.week td.click { background-color:#93ccef; } .lmCalendar tr.week td.avail { background-color:white; color:#000000; } .lmCalendar tr.week td.unselectable { xtext-decoration:line-through; color:#999999; cursor:default; } .lmCalendar tr.week td.unavail { background-color:#E6E6E6; color:#999999; } .lmCalendar tr.week td.unknown { background-color:#99ccff; } .lmAvailCal { font-size:90%; border:0px; } .lmAvailCal .lmCalendarContainer { border:0px; } #lmFromCal, #lmToCal { position:absolute; top:-200px; left:-200px; display:none; font-size:90%; z-index:1000;} #lmToCal tr.week td.fromDate, #lmFromCal tr.week td.fromDate { background:url(../images/cal_from_date.gif) no-repeat -3px -3px; } #lmToCal tr.week td.toDate, #lmFromCal tr.week td.toDate { background:url(../images/cal_to_date.gif) no-repeat -3px -3px; } #lmToCal tr.week td.selectedDate, #lmFromCal tr.week td.selectedDate { background-color:#FFCE39; } /* Border defs -- not quite complete #lmToCal tr.week td.fromDate, #lmFromCal tr.week td.fromDate { background:url(../images/calendar_line.gif) no-repeat; border-top:1px solid #FF6600; border-bottom:1px solid #FF6600; } #lmToCal tr.week td.toDate, #lmFromCal tr.week td.toDate { background:none; border-top:1px solid #FF6600; border-bottom:1px solid #FF6600; border-right:1px solid #FF6600; } #lmToCal tr.week td.selectedDate, #lmFromCal tr.week td.selectedDate { border-top:1px solid #FF6600; border-bottom:1px solid #FF6600; } */ /* Both checkOut and checkIn are arrow */ .lmCalendar tr.week td.availCheckIn { background:url(../images/cal_check_in.gif) no-repeat -3px -3px; } .lmCalendar tr.week td.availCheckOut { background:url(../images/cal_check_out.gif) no-repeat -3px -3px; } .lmCalendar tr.week td.selCheckIn { background:url(../images/cal_sel_check_in.gif) no-repeat -3px -3px; } .lmCalendar tr.week td.selCheckOut { background:url(../images/cal_sel_check_out.gif) no-repeat -3px -3px; } /**/ /** * Buttons with hovers and disabled states */ /* NOTE: Explicitly include the sprite with *all* buttons so that: 1. they are self-sufficient, 2. they don't need an added "lmNewButton" in the .jsp class, and 3. they can be easily identified by grep'ing this file */ /* NOTE2: Some day we can remove the "display:-moz-inline-box;", as FireFox 3.0 will support "display:inline-block;" */ a.lmButtonExample { background: url(../images/sprite_buttons_120x120_10.gif); display:-moz-inline-box; display:inline-block; background-position: -410px -1810px; width:70px; height:25px; } a.lmButtonExample:hover { background-position: -610px -1810px; } a.lmButtonExampleDisabled, a.lmButtonExampleDisabled:hover { background-position: -810px -1810px; } a.lmButtonInquireSmall { background: url(../images/sprite_buttons_120x120_10.gif); display:-moz-inline-box; display:inline-block; background-position: -10px -1010px; width:60px; height:24px; } a.lmButtonInquireSmall:hover { background-position: -210px -1010px; } a.lmButtonInquireSmallDisabled, a.lmButtonInquireSmallDisabled:hover { background-position: -410px -1010px; } a.lmButtonBookItSmall { background: url(../images/sprite_buttons_120x120_10.gif); display:-moz-inline-box; display:inline-block; background-position: -610px -1010px; width:60px; height:24px; } a.lmButtonBookItSmall:hover { background-position: -810px -1010px; } a.lmButtonBookItSmallDisabled, a.lmButtonBookItSmallDisabled:hover { background-position: -1010px -1010px; } a.lmButtonBookByPhone { background: url(../images/sprite_buttons_120x120_10.gif); display:-moz-inline-box; display:inline-block; background-position: -10px -1410px; width:68px; height:27px; } a.lmButtonBookByPhone:hover { background-position: -210px -1410px; } a.lmButtonBookByPhoneDisabled, a.lmButtonBookByPhoneDisabled:hover { background-position: -410px -1410px; } a.lmButtonBookOnline { background: url(../images/sprite_buttons_120x120_10.gif); display:-moz-inline-box; display:inline-block; background-position: -610px -1410px; width:68px; height:27px; } a.lmButtonBookOnline:hover { background-position: -810px -1410px; } a.lmButtonBookOnlineDisabled, a.lmButtonBookOnlineDisabled:hover { background-position: -1010px -1410px; } a.lmButtonShow { background: url(../images/sprite_buttons_120x120_10.gif); display:-moz-inline-box; display:inline-block; background-position: -610px -10px; width:110px; height:25px; } a.lmButtonShow:hover { background-position: -810px -10px; } a.lmButtonShowDisabled, a.lmButtonShowDisabled:hover { background-position: -1010px -10px; } a.lmButtonGoSmall { background: url(../images/sprite_buttons_120x120_10.gif); display:-moz-inline-box; display:inline-block; background-position: -10px -1210px; width:40px; height:20px; } a.lmButtonGoSmall:hover { background-position: -210px -1210px; } a.lmButtonSend { background: url(../images/sprite_buttons_120x120_10.gif); display:-moz-inline-box; display:inline-block; background-position: -10px -3610px; width:70px; height:25px; } a.lmButtonSend:hover { background-position: -210px -3610px; } a.lmButtonSendDisabled, a.lmButtonSendDisabled:hover { background-position: -410px -3610px } a.lmButtonClose { background: url(../images/sprite_icon_70x70_10.gif); display:-moz-inline-box; display:inline-block; background-position: -10px -570px; width:16px; height:16px; } /* NOTE: Some day we can remove the "display:-moz-inline-box;", as FireFox 3.0 will support "display:inline-block;" */ .lmNewButton { background: url(../images/sprite_buttons_120x120_10.gif) top left no-repeat; display:-moz-inline-box; display:inline-block; vertical-align:top; } a.findButton { width:70px; height:25px; background-position: -410px -1810px; } a.findButton:hover { background-position: -610px -1810px; } a.findDisabledButton, a.findDisabledButton:hover { background-position: -810px -1810px; } .goButton { background-position: -610px -3610px; font-size:19px;} .goButton img { width:40px; height:20px; } .goButton:hover { background-position: -810px -3610px; } .goDisabledButton, .goDisabledButton:hover { background-position: -1010px -3610px; } a.searchByDateButton { width:160px; height:25px; background-position: -10px -10px; } a.searchByDateButton:hover { background-position: -210px -10px; } a.searchByDateButtonDisabled, a.searchByDateButtonDisabled:hover { background-position: -410px -10px; } a.saveButton { width:100px; height:26px; background-position: -610px -2010px; } a.saveButton:hover { background-position: -810px -2010px; } a.saveButtonDisabled, a.saveButtonDisabled:hover { background-position: -1010px -2010px; } a.cancelButton { width:100px; height:25px; background-position: -10px -2410px; margin-left:10px; } a.cancelButton:hover { background-position: -210px -2410px; } a.okButton { width:70px; height:26px; background-position: -10px -5610px; } a.okButton:hover { background-position: -210px -5610px; } a.okButtonDisabled, a.okButtonDisabled:hover { background-position: -410px -5610px; } a.submitButton { width:100px; height:26px; background-position: -610px -5610px; } a.submitButton:hover { background-position: -810px -5610px; } a.submitButtonDisabled, a.submitButtonDisabled:hover { background-position: -1010px -5610px; } a.saveReviewButton { width:100px; height:25px; background-position: -610px -2010px; } a.saveReviewButton:hover { background-position: -810px -2010px; } a.saveReviewButtonDisabled, a.saveReviewButtonDisabled:hover { background-position: -1010px -2010px; } a.backReviewButton { width:100px; height:25px; background-position: -10px -2210px; } a.backReviewButton:hover { background-position: -210px -2210px; } a.backReviewButtonDisabled, a.backReviewButtonDisabled:hover { background-position: -210px -2210px; } a.uploadButton { width:100px; height:25px; background-position:-610px -4610px; } a.uploadButton:hover { background-position:-810px -4610px; } a.uploadButtonDisabled, a.uploadButtonDisabled:hover { background-position:-1010px -4610px; } a.backButton { width:100px; height:25px; background-position: -10px -610px; } a.backButton:hover { background-position: -210px -610px; } a.backButtonDisabled, a.backButtonDisabled:hover { background-position: -410px -610px; } a.continueButton { width:100px; height:25px; background-position: -10px -210px; } a.continueButton:hover { background-position: -210px -210px; } a.continueButtonDisabled, a.continueButtonDisabled:hover { background-position: -410px -210px; } a.continueArrowButton { width:110px; height:25px; background-position: -610px -610px; } a.continueArrowButton:hover { background-position: -810px -610px; } a.continueArrowButtonDisabled, a.continueArrowButtonDisabled:hover { background-position: -1010px -610px; } a.purchaseButton { width:100px; height:25px; background-position: -10px -810px; } a.purchaseButton:hover { background-position: -210px -810px; } a.purchaseButtonDisabled, a.purchaseButtonDisabled:hover { background-position: -410px -810px; } .addBathButton { background-position: -410px -610px; } .addBathButton:hover { background-position: -610px -610px; } .addBedButton { background-position: -10px -610px; } .addBedButton:hover { background-position: -210px -610px; } .addRateButton { background-position: -810px -610px; } .addRateButton:hover { background-position: -1010px -610px; } .reviewButton { width:160px; height:26px; background-position: -10px -2010px; } .reviewButton:hover { background-position: -210px -2010px; } .reviewButtonDisabled, .reviewButtonDisabled:hover { background-position: -410px -2010px; } a.inquireButton { width:70px; height:25px; background-position: -610px -2410px; } a.inquireButton:hover { background-position: -810px -2410px; } a.inquireButtonDisabled, a.inquireButtonDisabled:hover { background-position: -1010px -2410px; } a.bookedButton { width:50px; height:17px; background-position: -610px -410px; vertical-align:top; } a.bookedButton:hover { background-position: -410px -410px; } a.openButton { width:50px; height:17px; background-position: -810px -410px; vertical-align:top; } a.openButton:hover { background-position: -1010px -410px; } .disabledButton, .disabledButton:hover { background-position:-810px -1010px; } .hideButton { width:47px; height:15px; background-position: -410px -1210px; } .hideButton:hover { background-position: -610px -1210px; } .deleteButton { font-size:16px; background-position: -810px -1610px; } .deleteButton img { width:50px; height:17px; } .deleteButton:hover { background-position: -1010px -1610px; } .goButton { width:40px; height:20px; background-position: -10px -1210px; } .goButton:hover { background-position: -210px -1210px; width:40px; height:20px; } .approveButton { font-size:24px; background-position: -10px -1810px; } .approveButton:hover { background-position: -210px -1810px; } .approveButton img { width:100px; height:25px; } .approveReviewButton { font-size:24px; background-position: -10px -2610px; } .approveReviewButton:hover { background-position: -210px -2610px; } .approveReviewButton img { width:100px; height:25px; } .approveOgReviewButton { font-size:30px; background-position: -10px -3010px; } .approveOgReviewButton:hover { background-position: -210px -3010px; } .approveOgReviewButton img { width:160px; height:31px; } .OgEditButton { font-size:30px; background-position: -10px -3810px; } .OgEditButton:hover { background-position: -210px -3810px; } .OgEditButton img { width:160px; height:31px; } .ownerSRButtonEnabled { font-size:38px; background-position: -10px -2810px; } .ownerSRButtonEnabled:hover { background-position: -210px -2810px; } .ownerSRButtonEnabled img { width:194px; height:39px; } .ownerSRButtonDisabled { font-size:38px; background-position: -410px -2810px; } .ownerSRButtonDisabled img { width:194px; height:39px; } .ownerApproveAllButtonEnabled { font-size:38px; background-position: -10px -4810px; } .ownerApproveAllButtonEnabled:hover { background-position: -410px -4810px; } .ownerApproveAllButtonEnabled img { width:224px; height:39px; } .ownerApproveAllButtonDisabled { font-size:38px; background-position: -810px -4810px; } .ownerApproveAllButtonDisabled img { width:224px; height:39px; } .ownerSRLongButtonEnabled { font-size:38px; background-position: -10px -4210px; } .ownerSRLongButtonEnabled:hover { background-position: -410px -4210px; } .ownerSRLongButtonEnabled img { width:224px; height:39px; } .ownerSRLongButtonDisabled { font-size:38px; background-position: -810px -4210px; } .ownerSRLongButtonDisabled img { width:224px; height:39px; } .ownerIMButton { font-size:38px; background-position: -610px -3010px; } .ownerIMButton:hover { background-position: -810px -3010px; } .ownerIMButton img { width:194px; height:39px; } .ownerIMSMButton { font-size:20px; background-position: -610px -3410px; } .ownerIMSMButton:hover { background-position: -810px -3410px; } .ownerIMMButton img { width:65px; height:21px; } a.sendButton { width:70px; height:25px; background-position: -10px -3610px; vertical-align:top; } a.sendButton:hover { background-position: -210px -3610px; } a.sendButtonDisabled, a.sendButtonDisabled:hover { background-position: -410px -3610px } a.bookItButton { width:70px; height:25px; background-position: -410px -5410px; } a.bookItButton:hover { background-position: -610px -5410px; } a.bookItButtonDisabled, a.bookItButtonDisabled:hover { background-position: -810px -5410px } a.bookNowButton { width:100px; height:25px; background-position: -610px -210px; } a.bookNowButton:hover { background-position: -810px -210px; } a.bookNowButtonDisabled, a.bookNowButtonDisabled:hover { background-position: -1010px -210px } a.closeButton { width:100px; height:25px; background-position:-10px -4010px; vertical-align:top; } a.closeButton:hover { background-position:-210px -4010px; } a.signUpButton { width:100px; height:25px; background-position: -610px -4010px; } a.signUpButton:hover { background-position: -810px -4010px; } a.signUpButtonDisabled, a.signUpButtonDisabled:hover { background-position: -1010px -4010px; } .createListingButton { width:212px; height:35px; background-position: -10px -5210px; } .createListingButton:hover { background-position: -410px -5210px; } .createListingButtonDisabled { font-size:26px; background-position: -810px -5210px; } .createListingButtonUpsell { width:160px; height:54px; background-position: -10px -5410px; } .createListingButtonUpsell:hover { background-position: -210px -5410px; } .createListingButtonUpsell img { width:160px; height:54px; } a.signInButton { width:100px; height:25px; background-position: -10px -5010px; } a.signInButton:hover { background-position: -210px -5010px; } a.signInButtonDisabled, a.signInButtonDisabled:hover { background-position: -410px -5010px; } .nextButton { font-size:26px; background-position: -10px -4410px; } .nextButton:hover { background-position: -210px -4410px; } .nextButton img { width:100px; height:27px; } .doneButton { width:100px; height:27px; background-position: -610px -4410px; } .doneButton:hover { background-position: -810px -4410px; } .goButton2 { width:19px; height:18px; background-position: -10px -4610px; } .goButton2:hover { background-position: -210px -4610px; } a.onButton { width:19px; height:18px; background-position: -10px -4810px; } a.onButton:hover { background-position: -210px -4810px; } a.onButtonDisabled { width:19px; height:18px; background-position: -410px -4810px; } a.onButtonDisabled:hover { background-position: -210px -4810px; } a.offButton { width:19px; height:18px; background-position: -610px -4810px; } a.offButton:hover { background-position: -810px -4810px; } a.offButtonDisabled { width:19px; height:18px; background-position: -1010px -4810px; } a.offButtonDisabled:hover { background-position: -810px -4810px; } /** * Icons with hovers */ /* ie override */ /* lmIcon is how all sprite images are/should be loaded. Make a "background" on your img anchor and set "background-position" to the top-left corner of your image in the sprite (you have to look at the sprite in an image edit program to get the coords). Also set "width/height"*/ .lmIcon { background: url(../images/sprite_icon_70x70_10.gif); xborder:1px solid transparent; } .lmIcon img { vertical-align:top; } /* NOTE1: Explicitly include the sprite with *all* icons so that: 1. they are self-sufficient, 2. they don't need an added "lmIcon" in the .jsp class, and 3. they can be easily identified by grep'ing this file */ /* NOTE2: Some day we can remove the "display:-moz-inline-box;", as FireFox 3.0 will support "display:inline-block;" */ /* NOTE3: I know some of these are included elsewhere (e.g. myAccount, editIcon, addFavIcon, etc.), but they don't have the bottom vertical alignment, they don't have this style of entry here, and they frequently are named too narrowly */ .lmIconHelp { background: url(../images/sprite_icon_70x70_10.gif); display:-moz-inline-box; display:inline-block; background-position: -430px -710px; width:13px; height:13px; vertical-align:bottom; } .lmIconHelpBubble { background: url(../images/sprite_icon_70x70_10.gif); display:-moz-inline-box; display:inline-block; background-position: -850px -220px; width:13px; height:13px; vertical-align:bottom; } .lmIconDocument { background: url(../images/sprite_icon_70x70_10.gif); display:-moz-inline-box; display:inline-block; background-position: -570px -570px; width:16px; height:18px; } .lmIconDocumentSmall { background: url(../images/sprite_icon_70x70_10.gif); display:-moz-inline-box; display:inline-block; background-position: -500px -920px; width:16px; height:16px; vertical-align:bottom; } .lmIconPencil { background: url(../images/sprite_icon_70x70_10.gif); display:-moz-inline-box; display:inline-block; background-position: -500px -291px; width:15px; height:15px; vertical-align:bottom; } .lmIconFavoriteSmall { background: url(../images/sprite_icon_70x70_10.gif); display:-moz-inline-box; display:inline-block; background-position: -780px -710px; width:23px; height:14px; vertical-align:bottom; } .lmIconFavoriteRemoveSmall { background: url(../images/sprite_icon_70x70_10.gif); display:-moz-inline-box; display:inline-block; background-position: -780px -780px; width:23px; height:14px; vertical-align:bottom; } .lmIconCallUs { background: url(../images/sprite_icon_70x70_10.gif); display:-moz-inline-box; display:inline-block; background-position: -570px -1060px; width:120px; height:33px; vertical-align:bottom; } .lmIconGraySquareHouseLogo { background: url(../images/sprite_icon_70x70_10.gif); display:-moz-inline-box; display:inline-block; background-position: -220px -570px; width:15px; height:15px; vertical-align:bottom; } .lmIconMagnifyingGlassSmall { background: url(../images/sprite_icon_70x70_10.gif); display:-moz-inline-box; display:inline-block; background-position: -290px -570px; width:15px; height:15px; vertical-align:bottom; } .lmIconEnvelopeSmall { background: url(../images/sprite_icon_70x70_10.gif); display:-moz-inline-box; display:inline-block; background-position: -150px -80px; width:19px; height:15px; vertical-align:bottom; } .lmIconEnvelopeSending { background: url(../images/sprite_icon_70x70_10.gif); display:-moz-inline-box; display:inline-block; background-position: -780px -430px; width:62px; height:33px; vertical-align:bottom; } .lmIconGarbageCan { background: url(../images/sprite_icon_70x70_10.gif); display:-moz-inline-box; display:inline-block; background-position: -570px -290px; width:13px; height:15px; vertical-align:bottom; } .lmIconSortResults { background: url(../images/sprite_icon_70x70_10.gif); display:-moz-inline-box; display:inline-block; background-position: -710px -430px; width:15px; height:15px; vertical-align:bottom; } .lmIconPhone { background: url(../images/sprite_icon_70x70_10.gif); display:-moz-inline-box; display:inline-block; background-position: -920px -1060px; width:28px; height:28px; vertical-align:bottom; } .lmIconPhone { background: url(../images/sprite_icon_70x70_10.gif); display:-moz-inline-box; display:inline-block; background-position: -920px -1060px; width:28px; height:28px; vertical-align:bottom; } .lmArrowBack { background: url(../images/sprite_icon_70x70_10.gif); display:-moz-inline-box; display:inline-block; background-position: -360px -710px; width:15px; height:14px; vertical-align:bottom; } .lmGrassBottomBackground { background: url(../images/home_green_bot.jpg) no-repeat; overflow:hidden; display:-moz-inline-box; display:inline-block; width:745px; height:100px; } .lmIconMessagingCheckboxSmall { background: url(../images/sprite_icon_70x70_10.gif); background-position: -10px -780px; display:-moz-inline-box; display:inline-block; width:20px; height:18px; } .lmCheckBulletImageLarge { background: url(../images/sprite_icon_70x70_10.gif); background-position: -220px -850px; display:-moz-inline-box; display:inline-block; overflow:hidden; width:30px; height:25px; } .lmHelpBubbleRightArrowImage { background: url(../images/sprite_icon_70x70_10.gif); background-position: -640px -220px; display:-moz-inline-box; display:inline-block; overflow:hidden; width:183px; height:64px; } .lmBackgroundWhiteRoundBordered { background: url(../images/sprite_icon_70x70_10.gif); background-position: -430px -1690px; overflow:hidden; width:218px; height:75px; } .lmCityHostAvatarIcon {vertical-align:bottom; background-position:-220px -920px; width:11px; height:15px; margin-left:4px} .lmCityHostAvatarIcon img {width:11px; height:15px; margin:0px 2px;} .lmDownloadIconSmall {background-position:-360px -920px; width:14px; height:14px; margin-left:4px; margin-right:4px; vertical-align:bottom} .lmDownloadIconSmall img {width:14px; height:14px;} .lmDownloadIconLarge {background-position:-430px -920px; width:28px; height:28px;margin-left:4px; margin-right:4px;} .lmDownloadIconLarge img {width:28px; height:28px;} .fepCloseIcon { font-size: 8px; background-position: -13px -573px; position:absolute; top:23px; right:4px;} .fepCloseIcon img { width:10px; height:9px; } .myAccountIcon { font-size: 12px; background-position: -500px -920px; } .myAccountIcon img { width:11px; height:13px; } .flagIcon { font-size: 13px; background-position: -430px -570px; } .flagIcon img { width:11px; height:14px; } .helpIcon { font-size: 14px; background-position: -430px -710px; } .helpIcon img { width:13px; height:13px; } .aprMktgSignIcon { font-size: 17px; background-position: -500px -570px; } .aprMktgSignIcon img { width:20px; height:18px; } .aprContentsIcon { font-size: 17px; background-position: -570px -570px; } .aprContentsIcon img { width:16px; height:18px; } .aprAvailIcon { font-size: 17px; background-position: -640px -570px; } .aprAvailIcon img { width:15px; height:18px; } .aprForecastDownArrowIcon { font-size: 4px; background-position: -710px -570px; } .aprForecastDownArrowIcon img { width:8px; height:5px; } .aprForecastUpArrowIcon { font-size: 4px; background-position: -780px -570px; } .aprForecastUpArrowIcon img { width:8px; height:5px; } .aprBlueBulletIcon { font-size: 3px; background-position: -850px -570px; } .aprBlueBulletIcon img { width:4px; height:4px; } .tadd { margin-top:10px; } .mapSearchLink { position:relative; top:-1px; left:8px;} .viewPropIcon { font-size:17px; background-position: -570px -570px; } .viewPropIcon img { width:16px; height:18px; } .viewPropLink { position:relative; top:-1px; left:8px;} .lmNewIcon { background: url(../images/sprite_icon_70x70_10.gif) top left no-repeat; display:-moz-inline-box; display:inline-block; vertical-align:top; } .questionMarkIcon { background-position:-850px -920px; height:27px; width:27px; } .lockIcon { width:14px; height:18px; background-position:-80px -920px; } .calendarIcon { width:21px; height:25px; background-position: -150px -710px; } .printIcon { width:17px; height:16px; background-position:-290px -850px; } .dateCollIcon { width:25px; height:28px; background-position:-10px -10px; } .mapSearchIcon { width:12px; height:16px; background-position: -850px -710px; vertical-align:top; } .alarmClockIcon { width:19px; height:21px; margin-right:10px; background-position: -360px -850px; vertical-align:top; } .housePlusIcon { width:33px; height:20px; background-position: -360px -570px; vertical-align:top; position:relative; top:-6px; } .updateIcon { width:20px; height:18px; background-position: -10px -780px; margin-right:0.25em; vertical-align:top; } .cancelIcon { width:20px; height:18px; background-position: -150px -780px; vertical-align:top; } .editIcon { width:15px; height:15px; background-position: -500px -291px; margin-right:0.25em; vertical-align:top; } .deleteIcon { width:12px; height:15px; background-position: -570px -291px; vertical-align:top; } .addBedIcon { width:44px; height:33px; background-position: -290px -780px; vertical-align:top; } .addBedLink { position:relative; left:8px; top:5px; } .addBathIcon { width:37px; height:32px; background-position: -360px -780px; vertical-align:top; } .addBathLink { position:relative; left:8px; top:5px; } .addRateIcon { width:34px; height:30px; background-position: -430px -780px; vertical-align:top; } .addRateLink { position:relative; left:8px; top:5px; } .addBidIcon { width:30px; height:32px; background-position: -501px -781px; vertical-align:top; } .addBidLink { position:relative; left:5px; top:5px; } .checkIcon { width:8px; height:8px; background-position: -290px -290px; } .uncheckIcon { width:8px; height:8px; background-position: -360px -290px; } .dialogCloseIcon { width:16px; height:16px; background-position: -10px -570px; } .calIcon { width:21px; height:25px; background-position: -150px -710px; vertical-align:top; margin-left:0.05em; } .magGlassIcon { width:14px; height:16px; background-position: -290px -570px; vertical-align:top; } .isFavBigIcon { width:22px; height:31px; background-position: -570px -710px; vertical-align:top; } .addFavIcon { width:23px; height:14px; background-position: -780px -710px; vertical-align:top; } .removeFavIcon { width:23px; height:14px; background-position: -780px -780px; vertical-align:top; } .isFavIcon { width:15px; height:22px; background-position: -710px -710px; vertical-align:top; } .addFavBigIcon { width:34px; height:28px; background-position: -640px -710px; vertical-align:top; } .imgMoveLeftIcon { width:9px; height:13px; background-position: -10px -430px; } .imgMoveLeftIcon:hover { background-position: -80px -430px } .imgMoveRightIcon { width:8px; height:12px; background-position: -500px -430px; } .imgMoveRightIcon:hover { background-position: -570px -430px } .imgMoveFirstIcon { width:13px; height:13px; background-position: -220px -430px; } .imgMoveFirstIcon:hover { background-position: -290px -430px } .imgMoveLastIcon { width:13px; height:13px; background-position: -360px -430px; } .imgMoveLastIcon:hover { background-position: -430px -430px } .upArrowIcon { width:15px; height:10px; background-position: -10px -290px; position:absolute; top:3px; left:0px; } .upArrowIcon:hover { background-position: -80px -290px } .downArrowIcon { width:15px; height:10px; background-position: -150px -290px; position:absolute; top:12px; left:0px; } .downArrowIcon:hover { background-position: -220px -290px } .orangeSquareHouseIcon { background-position: -220px -570px; width:16px; height:16px; } .bookmarkIcon { background-position: -150px -570px; width:16px; height:16px; } .docIcon { background-position: -570px -570px; width:16px; height:18px; } .envIcon { background-position: -150px -80px; width:16px; height:16px; } /** * Jpeg sprites */ /* ie override */ .lmJpeg { background: url(../images/sprite_jpgs_70x70_10.jpg); border:1px solid transparent; } .lmJpeg img { vertical-align:top; } .greenRankingLightMtJpeg { font-size: 17px; background-position: -10px -80px; width:54px; height:18px; } .greenRankingLightMtJpeg img { width:18px; height:18px; } .redRankingLightMtJpeg { font-size: 17px; background-position: -80px -80px; width:54px; height:18px; } .redRankingLightMtJpeg img { width:54px; height:23px; } .yellowRankingLightMtJpeg { font-size: 17px; background-position: -150px -80px; width:54px; height:18px; } .yellowRankingLightMtJpeg img { width:18px; height:18px; } .offRankingLightMtJpeg { font-size: 17px; background-position: -430px -80px; width:54px; height:18px; } .offRankingLightMtJpeg img { width:18px; height:18px; } .greenRankingLightOdJpeg { font-size: 17px; background-position: -570px -80px; width:54px; height:18px; } .greenRankingLightOdJpeg img { width:18px; height:18px; } .redRankingLightOdJpeg { font-size: 17px; background-position: -640px -80px; width:54px; height:18px; } .redRankingLightOdJpeg img { width:54px; height:23px; } .yellowRankingLightOdJpeg { font-size: 17px; background-position: -710px -80px; width:54px; height:18px; } .yellowRankingLightOdJpeg img { width:18px; height:18px; } .offRankingLightOdJpeg { font-size: 17px; background-position: -780px -80px; width:54px; height:18px; } .offRankingLighOdJpeg img { width:18px; height:18px; } .lmNewJpeg { background: url(../images/sprite_jpgs_70x70_10.jpg) top left no-repeat; display:-moz-inline-box; display:inline-block; } .redBangJpeg { background-position:-365px -85px; width:36px; height:33px; } /** * Sections for pages with form tables */ .lmSection { margin-top:2em; } .lmSectionRow { margin-bottom:1em; margin-top:0.5em;} .lmSectionExtraMargin { margin-bottom:2em; } /* ie override */ .lmSectionHeading { position:relative; border-bottom:1px solid #eeeeee; margin-bottom:15px; margin-right:1em; } /* IE override */ .lmSectionTitle { font-size:14pt; color: #0099ff; font-weight:bold; padding-right:20px; background:white; position:absolute; top:-10px; left:0px;} .lmSectionContent { padding:0.75em 0 1em 0.75em; color:black;} .lmSectionHeading .lmSectionContent { clear:both; } .lmSectionLabel { font-size:11pt; margin-bottom:.25em; color: #555555; xfont-weight:bold;} .lmSectionText { font-size: 85%; margin-bottom:.25em; color: #444444;} .lmSectionParensText { font-weight:normal; font-style:italic; color: #FFFFFF;} .lmSectionConstraint { font-size: 60%; text-align: right; color: #999999; } .lmSectionSubRow { margin-bottom:0.75em; } .lmSectionSplit { width:48%; overflow:hidden;} .shLeft, .shCenter, .shRight { height:20px; overflow:hidden; } .shLeft { background:url(../images/sprite_tabs_120x120_10.gif) -10px -810px; float:left; width:10px; } .shCenter { background:url(../images/sprite_gradients_slice.gif) 0px -273px repeat-x; } .shCenter span { position:relative; top:2px; color:#333333; font-size:90%; font-weight:bold; } .shRight { background:url(../images/sprite_tabs_120x120_10.gif) -410px -810px; float:right; width:10px; } textarea.lmTextInput { width:95%; height:6.0em;} input.lmStringInput { width:95%; } input.lmNumInput { width:35px;} input.lmBigNumInput { width:55px;} /* * Forms TODO: DEPRECATED, still used by login and simple pages */ .lmFormError { padding:2px; color:#ef0000 !important; /* TODO: why? */ font-size:90%; font-weight:bold; font-style:italic; margin-bottom:0.5em; display:none; } .lmFieldError { border: 1px solid red; } .lmDebug { border: 1px solid red; } .lmForm { } .lmForm .lmFieldError { color:red; font-style:italic; } .lmForm .lmFormSection { margin-bottom:1.1em; } .lmFormTitle { font-size:110%; font-weight:bold; color:#555555; margin-bottom:0.0em; } .lmForm h1, .lmForm h2, .lmForm h3 { margin:0px; padding:0px; font-weight:normal; } .lmForm h1 { font-size:90%; font-weight:bold; color:#555555; } .lmForm h2 { margin-bottom:0.5em; font-size:80%; width:85%; } .lmForm h3 { display:inline; margin-top:0.2em; font-size:75%; color: #b1bf52; } .lmForm .lmFormField { margin-top:0.0em; } .lmForm .lmFormField .lmFormRow { margin-top:0.4em; } .lmForm .lmFormLabel { font-size:80%; color:#555555; } .lmForm .lmFormSmallLabel { font-size:75%; } .lmForm .lmButtons { text-align:center; padding-top:16px; } .lmForm .lmButtons #cancelButton { margin-left:6px; } .lmFep { position:absolute; visibility:hidden; z-index:2500; } .lmFep a:hover { text-decoration:none; color:red; } .lmFepTop { background:url(../images/error_top.gif); overflow:hidden; width:271px; height:23px; z-index:2500; } .lmFepTopRight { background:url(../images/error_top_right_271x31.gif); overflow:hidden; width:271px; height:31px; } .lmFepTopLeft { background:url(../images/error_top_left_271x31.gif); overflow:hidden; width:271px; height:31px; z-index:2500; } .lmFepMid { background:url(../images/error_mid_271x05.gif) repeat-y; width:271px; z-index:2500; } .lmFepBot { background:url(../images/error_bot_271x13.gif); overflow:hidden; width:271px; height:13px; z-index:2500; } .lmFepContent { margin: 0px 10px 0px 10px; text-align:left; font-size:90%; } .lmHelp { position:absolute; visibility:visible; z-index:50; } .lmHelpTop { background:url(../images/tip_box_top.gif) no-repeat; overflow:hidden; width:240px; height:10px;} .lmHelpMid { background:url(../images/tip_box_mid.gif) repeat-y; width:240px;} .lmHelpBot { background:url(../images/tip_box_bot.gif) no-repeat; overflow:hidden; width:240px; height:10px;} .lmHelpContent { margin: 0px 10px 0px 10px; text-align:left; color:#666666; font-size:90%; } .lmHelpTitle { color:#0099FF; font-weight:bold; } .lmFloatingHelp {position:absolute; z-index:50; visibility:hidden; } .lmFloatingHelpTop { background:url(../images/help_bubble_top.gif) no-repeat; overflow:hidden; width:271px; height:12px; } .lmFloatingHelpMid { background:url(../images/help_bubble_mid.gif) repeat-y; width:271px; } .lmFloatingHelpBot { background:url(../images/help_bubble_bot.gif) no-repeat; overflow:hidden; width:271px; height:27px; } .lmFloatingHelpContent { margin: 0px 10px 0px 10px; text-align:left; color:#666666; font-size:90%; } #bedroomsTemplate .ttable { border-collapse:collapse; border:1px solid #999999; width:700px; font-size:90%; color: #6a6a6a; table-layout:fixed; } #bedroomsTemplate .theader { background-color:#cae9f3; font-weight:bold; height:40px; text-align:center; } #bedroomsTemplate .tcol { border:1px solid #999999; width:59px; } #bedroomsTemplate .tdata { height:27px; text-align:center; } #bedroomsTemplate .roomname { width:159px; text-align:left; } #bedroomsTemplate .theader .roomname { text-align:center; } #bedroomsTemplate .editMode { background-color:#efefef; } #bathroomsTemplate .ttable { border-collapse:collapse; border:1px solid #999999; width:700px; font-size:90%; color: #6a6a6a; table-layout:fixed; } #bathroomsTemplate .theader { background-color:#cae9f3; font-weight:bold; height:40px; text-align:center; } #bathroomsTemplate .tcol { border:1px solid #999999; width:59px; } #bathroomsTemplate .tdata { height:27px; text-align:center; } #bathroomsTemplate .roomname { width:159px; text-align:left; } #bathroomsTemplate .theader .roomname { text-align:center; } #bathroomsTemplate .editMode { background-color:#efefef; } #ratesTable { table-layout:fixed; border-collapse:collapse; border:1px solid #999999; width:700px; font-size:90%; color: #6a6a6a; } #ratesTable #c1 { width:24px; } #ratesTable #c2 { width:115px; } #ratesTable #c3 { width:69px; } #ratesTable #c4 { width:69px; } #ratesTable #c5 { width:69px; } #ratesTable #c6 { width:69px; } #ratesTable #c7 { width:69px; } #ratesTable #c8 { width:69px; } #ratesTable #c9 { width:69px; } #ratesTable th { background-color:#cae9f3; font-weight:bold; height:40px; text-align:center; border:1px solid #999999; } #ratesTable td { border:1px solid #999999; height:27px; text-align:center; } #ratesTable td.seasonname { border-left:0px; text-align:left; } #ratesTable td.tswatch { border-right:0px; } #ratesTable .swatch { margin-left:8px; border:1px solid black; width:8px; height:8px; overflow:hidden; } #ratesTable input { font-size:90%; width:90%; } #ratesTable .editMode { background-color:#efefef; } #ratestabcontent div#ratesChartTemplate { height:55px; margin-top:20px; } #ratestabcontent div.tseasonChart { margin-bottom: 2em; font-size:90%;} #ratestabcontent div.tchartGraph { border: 1px solid black; height: 1.5em; position:relative; overflow:hidden; } #ratestabcontent div.tchartRegion { height: 1.5em; } #ratestabcontent div.tchartCaption { color:#666666; margin-bottom:5px; } #ratestabcontent div.tchartMonthNames { position: relative; } #ratestabcontent div.tchartMonthName { font-weight: bold; color:#666666; text-align: center; } #ratestabcontent div.dcBubble { background:url(../images/bubble_blue.gif) no-repeat; width:193px; height:78px; z-index:10; position:absolute; overflow:hidden; visibility:hidden; } #ratestabcontent div.dcBubbleInnards { padding:15px; } #ratestabcontent div.dcBubble { background:url(../images/bubble_blue.gif) no-repeat; width:193px; height:78px; z-index:10; position:absolute; overflow:hidden; visibility:hidden; } #ratestabcontent div.dcBubbleInnards { padding:10px 0px 0px 40px; line-height:160%; } #ratestabcontent span.dcBubbleInnardsTitle { font-weight:bold; text-decoration:underline; } #ratestabcontent span.dcBubbleInnardsStrong { font-weight:bold; } #ratestabcontent div.dcBubbleColorSwatch { position:absolute; top:15px; left:15px; height:12px; width:12px; border:1px solid black; } #uploadForm #waitDiv { display:none; line-height:10px; color: #999999;} #uploadForm #waitDiv img { margin-left:3px; position:relative; top:6px; } .lmSimplePage { margin:30px 0px 0px 20px; } .lmSimplePage .lmForm { position: relative; margin-top:20px;} .lmSimplePage .lmForm .lmFormLabel { font-weight:bold; } .lmSimplePage .lmForm a { font-size:80%; text-decoration:underline;} .lmSimplePage .lmForm .col1 { text-align:right; padding-right:12px; } .lmSimplePage .lmForm .lmFormLabel { white-space:nowrap; color: #0099ff; font-weight:bold; font-size:100%;} .spTitle { font-size:150%; color: #777777; font-weight:bold;} .spText, .spTextNoM { font-size:90%; color: #777777; margin-top:20px;} .spText .lmAction, .spTextNoM .lmAction { font-size: 100% !important;} .spTextNoM { margin-top:0px;} .spLeftCol { float:left; width:45%; margin-right:20px;} .spRightCol { float:left; width:40%; margin-left:30px;} .spMiddleCol { float:left; height:200px; width:1px; overflow:hidden; background:#eeeeee; margin-top:3em; margin-bottom:7em;} .lmFullImg { width:320px; height:240px; } .lmBigImg { width:240px; height:180px; } .lmSlideImg { width:108px; height:81px; } .lmThumbImg { width:56px; height:42px; } .lmMiniImg { width:16px; height:12px; xborder:2px solid white; } .mcOwnerSashApprove { visibility:hidden; position:absolute; } .dhistoryClass.xxlmOffscreen { width:400px; height:75px; z-index:100; xvisibility:hidden; position:absolute; bottom:20px; right:20px;} /* This is here to workaround a bug in ie6. select elements don't respect zindex values and bleed through layers above them. This workaround is necessary to hide the selects. */ iframe.selectFreeFep { display:none; /*sorry for IE5*/ display/**/:block; /*sorry for IE5*/ position:absolute; /*must have*/ top:0px; /*must have*/ left:0px; /*must have*/ z-index:-1; /*must have*/ filter:mask(); /*must have*/ width:20px; /*must have for any big value*/ height:20px; /*must have for any big value*/ } iframe.selectFreeCalPopup { display:none; /*sorry for IE5*/ display/**/:block; /*sorry for IE5*/ position:absolute; /*must have*/ top:0px; /*must have*/ left:0px; /*must have*/ z-index:-1; /*must have*/ filter:mask(); /*must have*/ width:320px; /*must have for any big value*/ height:155px; /*must have for any big value*/ }