/* @override http://nextaway/css/main.css http://nextaway.com/css/main.css */ /* @group Defaults */ body { font: 12px/20px "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color: #333;background:#f5f5f5;} .body-bg{background:url(images/altar/bg.png) no-repeat center 72px;} h1, h2, h3, h4, h5, h6 { color: #111; } h1 { color: #10acc6; font-size: 26px; margin-bottom: 20px; } h1 a { color: #10acc6; } h2, h2 a, h3, h3 a, h6 { font-size: 14px; text-transform: uppercase; font-weight: normal; color: #111; } h2 { margin-bottom: 10px; } h2.smaller { font-size: 11px; } h3, h3 a, h6 { text-transform: none; margin: 0; line-height: 14px;} h4 { font-size: 10px; text-transform: uppercase; margin: 0; font-weight: normal; text-shadow: #fff 0px 1px 1px;} h5 { margin: 0; font-size: 18px; margin-bottom: 5px; line-height: 24px;} p { margin-bottom: 15px; text-shadow: #fff 0px 1px 1px;} p.smaller { font-size: 11px; line-height: 15px; } p.check_label { line-height: 30px; margin-left: 25px !important; } .big { font-size: 12px; } .bigger { font-size: 14px; } small { font-size: 10px; color: #999; text-transform: none; } .blue{color: #10acc6;} .fl-left{ float:left;} .fl-right{ float:right;} .main-title{font-size:20px;font-weight:bold;color: #A0A0A0; margin-bottom:6px;} .city-title{font-size:20px;font-weight:bold; margin-bottom:6px;} a { text-decoration: none; cursor: pointer; } a:active, a:focus, input[type="submit"]:active, input[type="submit"]:focus::-moz-focus-inner, input[type="submit"]:focus, button:focus::-moz-focus-inner, button:focus { outline: none !important; border: 0; cursor: pointer; } a:hover, h3:hover a { color: #10acc6; } input:-webkit-autofill { background-color: transparent !important } /* @end */ html, body { background:#f7f7f7;font-family:Arial; font-size:12px;color:#808080;} /* p, td, h1, h2..etc*/ .img {border:1px solid #D1D1D1; padding:2px} p, td, div{font-family:Arial;font-size:12px;font-weight:normal;color:#808080;line-height:17px;} .clear{ clear:both;} .main-wrapper{width:940px;text-align:left;} .main-wrapper{width:974px; padding-bottom:15px;text-align:left;position:relative;} .header{padding-top:27px;height:53px;position:relative;} .header .slogan{position:absolute;left:190px;top:33px;color:#39484f} .bread-crumb{ margin-top:12px;margin-bottom:15px;} .bread-crumb a{color:#808080;text-decoration:none} .bread-crumb a:hover{color:#42acc4;text-decoration:none} .logo{float:left;background:url(../images/logo.png) no-repeat;width:165px;height:28px; display:block;margin-left:14px;} .logo:hover{} .search{position:absolute;right:14px;top:25px; text-align:left;} .search input[type="text"]{padding:0px 4px 0px 28px;border:1px solid #cccccc;background:#fff url(../images/icon-search.jpg) no-repeat 7px center;line-height:30px;height:30px;float:left; width:240px;} .search input[type="submit"]{border:0;margin-left:6px;width:32px;height:32px;background:url(../images/butt-go1.jpg) no-repeat;float:left;cursor:pointer;} .menu{ margin-left:14px;} .menu a{padding:7px 0px 7px 0px; display:block; float:left;width:150px;height:18px;color:#fff;font-size:18px;line-height:18px;text-shadow:0 1px 0 #177696;text-align:center;background:url(../images/main-tab.jpg) no-repeat;margin-right:1px;text-decoration:none} .menu a:hover, .menu a#selected{background:url(../images/main-tab-on.jpg) no-repeat;text-shadow:0 1px 0 #00171d;} .menu-area{ position:relative} .callus{position:absolute;right:120px;top:8px; text-align:left;color:#b2b2b2;font-size:18px;line-height:18px;} .live-chat{position:absolute;right:14px;top:8px;font-size:12px;color:#b2b2b2;} .live-chat a{background:url(../images/icon-chat.jpg) no-repeat right 0px; padding-right:23px;font-size:12px;color:#44acc5; text-decoration:underline;} .live-chat a:hover{} .hr-all{background:url(../images/hr.jpg) repeat-x left center; height:32px; line-height:32px;} .blueshadow-bot{background:url(../images/blueshade-bot.jpg) no-repeat left bottom;} .blueshadow-top{background:url(../images/blueshade-top.jpg) no-repeat; padding:16px 14px 15px 14px;} .content-padd{padding:14px 12px 0px 12px;} .minheight{min-height:700px;} .wshadow-top{position:absolute;width:60px;height:30px;left:-5px;top:-7px;background:url(../images/white-shade-top.png) no-repeat;} .wshadow-bot{position:absolute;width:60px;height:30px;right:-5px;bottom:-7px;background:url(../images/white-shade-bot.png) no-repeat;} /* @group Misc */ .border { background: url(../images/hr.png) repeat-x left bottom; } .border.top { background-position: left top; padding: 15px 0 0; } .dotted { border-bottom: #ccc 1px dotted; } .uppercase { text-transform: uppercase; } .left { float: left; } .right { float: right !important; } .number { /*font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;*/ } /* @group Links */ a.link, a.gt, a.lt, a.top { color: #005E6E; font-size: 11px; cursor: pointer; padding: 0 10px 0 0; background: url(images/arrows/right.png) right 5px no-repeat; } span.gt { background: url(images/arrows/right.png) right 4px no-repeat; padding: 0 10px 0 0; } a.lt { padding: 0 0 0 10px; background: url(images/arrows/left.png) left center no-repeat; } a.top { padding-right: 15px; background: url(images/arrows/top.png) no-repeat right 8px; } a.link { background: none; padding: 0; } a.link:hover, a.gt:hover, a.lt:hover, a.top:hover { text-decoration: none; color:#333 ; } a.gt span { color: #999; } .actions a.link { font-size: 10px; text-shadow: #fff 0px 1px 1px; display: block; color: #666; height: 26px; line-height: 24px; text-align: center; background: url(../images/sprites.png) no-repeat -140px -259px; text-transform: uppercase; margin-bottom: 3px; } .actions a.link span { display: block; background: url(images/misc/icons/delete.png) no-repeat 13px center; text-align: left; padding-left: 35px; } .actions a.house.link span { background-image: url(images/misc/icons/house.png); } .actions a.feature.link span { background-image: url(images/misc/icons/feature.png); } .actions a.publish.link span { background-image: url(images/misc/icons/publish.png); } .actions a.link:hover { background-position: -140px -285px; } .actions a.link:active { background-position: -140px -311px; } .actions a.link.label { height: 24px; line-height: 24px; text-transform: none; color: #fff; background-position: -140px -235px; margin-bottom: 7px; cursor: default; font-size: 12px; text-shadow: #666 0px 1px 1px; } .actions a.link.label.featured { background-position: -140px -163px; } .actions a.link.label.published { background-position: -140px -187px; } .actions a.link.label.not_published { background-position: -140px -211px; } a.replacement { display: block; text-indent: -9999px; background-repeat: no-repeat; } .pointer { cursor: pointer; } /* @group Links Bar */ .links, .links span { background: url(images/misc/links.png) no-repeat; height: 27px; line-height: 27px; } .links { background-position: right center; float: left; padding-right: 10px; margin: 20px 0 30px; } .links > span { display: block; padding: 0 0 0 10px; } .links .wrapper { overflow: hidden; } .links a { color: #666; } .links a:hover { color: #10acc6; } .links .gt { background-position: right 12px; } .links .lt { background-position: left 12px; } .links span.nb_results { display: inline; float: left; } .search .pager { margin-top: 0; margin-bottom: 10px; } .grid_12 .links { width: 690px; } /* @end */ /* @group Pager */ .pager .wrapper { float: right; } .pager .arrow { margin-top: 7px; } .pager .arrow.left { margin-right: 5px; } .pager a.page { color: #666; font-size: 12px; margin-top: 4px; width: 18px; height: 18px; line-height: 18px; text-align: center; display: block; float: left; margin-right: 5px;} .pager a.page.active, .pager a.page:hover { background: url(images/misc/pager.png); color: #fff; text-decoration: none; } /* @end */ /* @group Share & Subscribe */ a.share, a.rss { color: #10acc6; margin-left: 5px; background-position: right -10px; background-repeat: no-repeat; } a.share { background-image: url(images/misc/icons/share.png); } a.rss { background-image: url(images/misc/icons/rss.png); } a.share span, a.rss span { margin-right: 15px; } a.share:hover span, a.rss:hover span { border-bottom: 1px dotted; } /* @end */ /* @group Arrows */ .arrow { float: left; text-indent: -9999px; width: 9px; height: 13px; margin: 4px 0; background: url(../images/sprites.png) no-repeat -59px -65px; } .arrow:hover { background-position: -59px -78px; } .arrow:active { background-position: -59px -91px; } .arrow.right { background-position: -79px -65px; float: right; } .arrow.right:hover { background-position: -79px -78px; } .arrow.right:active { background-position: -79px -91px; } /* @end */ /* @end */ /* @group Colors */ .lighter { color: #999; } .dark { color: #666; } .darker { color: #333; } .white { color: #fff; } /* @end */ /* @end */ /* @group Grid System */ .row { width: 940px;overflow: hidden; }.column { float: left; margin:0px 10px 0px 0px; display: inline; }.grid_16 { width: 940px; }.grid_15 { width: 880px; }.grid_14 { width: 820px; }.grid_13 { width: 760px; }.grid_12 { width: 700px; }.grid_11 { width: 640px; }.grid_10 { width: 580px; }.grid_9 { width: 520px; }.grid_8 { width: 460px; }.grid_7 { width: 400px; }.grid_6 { width: 340px; }.grid_5 { width: 280px; }.grid_4 { width: 220px; }.grid_3 { width: 160px; }.grid_2 { width: 100px; }.grid_1 { width: 40px; }.alpha { margin-left: 0; }.omega { margin-right: 0; } .grid_4_1 { width: 220px; margin: 0 8px 0 10px; } /* @end */ /* @group Flash Messages */ .flash { width: 940px; margin: 0px auto 30px; height: 80px; background: url(images/flashes/bg.png); position: relative; } .flash p { margin: 0; background: url(images/flashes/success.png) no-repeat 30px center; padding: 30px 0 20px 90px; font-size: 24px; color: #333; text-shadow: #fff 0px 1px 1px; } .flash .close { position: absolute; right: 10px; top: 10px; background: url(images/misc/close.png) no-repeat; width: 20px; height: 20px; } #error.flash p { background-image: url(images/flashes/alert.png); } /* @end */ /* @group Forms */ form .form-row.left { float: left; clear: none !important; } form .form-row.checkbox { padding: 0 !important; } form .form-row.checkbox label { font-size: 10px; color: #999 !important; text-transform: none; line-height: 30px; margin-left: 5px; display: inline !important; } form .form-row, form .sf_admin_form_row { margin-bottom: 5px; position: relative; } form .sf_admin_form_row { clear: both; } form .sf_admin_form_row div { clear: both; } form .sf_admin_form_row .content { clear: both; } form .sf_admin_form_row textarea { width: 610px; } form .form-row table, form .sf_admin_form_row table { margin: 0; } form .form-row label, form .sf_admin_form_row label { display: block !important; float: none !important; margin-bottom: 3px; color: #666; text-transform: uppercase; font-size: 10px; padding-left: 5px; clear: both; } form .form-row > input[type="text"], form .form-row > input[type="password"], form .form-row > textarea { border: 0; padding: 5px; margin: 0; color: #666; } form .form-row > input:disabled[type="text"], form .form-row > input[type="password"]:disabled, form .form-row > textarea:disabled { color: red !important; } form .error label { color: #f99; } form .form-row span.counter { position: absolute; top: 8px; right: 5px; font-size: 11px; color: #bbb; font-weight: bold; } form .form-row span.counter.exceeded { color: #f00; } /* @group Date Picker */ #ui-datepicker-div { z-index: 100000; } .hasDatepicker.jqTransformInput { background: url(images/misc/calendar.png) no-repeat right center; } /* @end */ /* @group Help */ .form-help { position: absolute; width: 160px; top: 30px; right: 0; display: none; } .form-help > .top { height: 2px; background: url(images/form/help/top.png); } .form-help > .content { padding: 10px 10px 15px; background: url(images/form/help/bg.png); overflow: hidden; } .form-help > .bottom { height: 2px; background: url(images/form/help/bottom.png); } .form-help h4 { margin-bottom: 10px; background: url(images/form/help/hr.png) repeat-x bottom center; padding-bottom: 10px; } .form-help .content p { margin: 0; line-height: 15px; font-size: 11px; } .form-help .content a { color: #10acc6; } /* @end */ /* @group Autocomplete */ .ac_results { border: 1px solid #ccc !important; width: 230px !important; color: #333 !important; margin-left: -5px; -moz-box-shadow: 1px 5px 20px #888; -webkit-box-shadow: 1px 5px 20px #888; } .ac_results li { padding: 3px 10px !important; } .ac_odd { background-color: #d6eefa !important; } .ac_over { background: #085f8a !important; } /* @end */ /* @end */ /* @group Buttons */ input[type="submit"], a.button { border: 0; background: none; font-size: 10px; color: #666; height: 29px; text-decoration: none; text-transform: uppercase; cursor: pointer; } input[type="submit"] { background: url(images/buttons/normal.png); width: 117px; line-height: 25px; } /* @group Gray */ a.button { background: url(../images/sprites.png) no-repeat scroll left -1103px; display: block; float: left; margin-right: 5px; padding-left: 18px; color: #666 !important; } a.button > span { background: url(../images/sprites.png) no-repeat scroll right -1103px; display: block; line-height: 26px; height: 29px; padding-right: 18px; } a.button:hover { background-position: left -1132px; border: none !important; } a.button:hover > span { background-position: right -1132px; } a.button:active { background-position: left -1161px; } a.button:active > span { background-position: right -1161px; } a.button.gray_bg { background-position: left -512px; } a.button.gray_bg > span { background-position: right -512px; } a.button.gray_bg:hover { background-position: left -541px; } a.button.gray_bg:hover > span { background-position: right -541px; } a.button.gray_bg:active { background-position: left -570px; } a.button.gray_bg:active > span { background-position: right -570px; } /* @end */ /* @group Blue */ a.button.blue { background-position: left -1003px; color: #fff !important; text-shadow: #0282A0 0px -1px 1px; text-transform: none; font-size: 12px; } a.button.blue > span { background-position: right -1003px; } a.button.blue:hover { background-position: left -1033px; } a.button.blue:hover > span { background-position: right -1033px; } a.button.blue:active { background-position: left -1063px; } a.button.blue:active > span { background-position: right -1063px; } /* input */ input[type="submit"].blue { background: url(images/buttons/blue/normal.png); width: 87px; height: 21px; line-height: 18px; color: #fff; text-transform: none; text-shadow: #0282A0 0px -1px 1px; } /* @end */ /* @group White */ a.button.white { background-position: left -739px; height: 23px; line-height: 23px; padding-left: 25px; } a.button.white > span { background-position: right -739px; height: 23px; line-height: 23px; padding-right: 25px;} a.button.white:hover { background-position: left -763px; } a.button.white:hover > span { background-position: right -763px; } a.button.white:active { background-position: left -787px; } a.button.white:active > span { background-position: right -787px; } /* @end */ /* @group Green */ a.button.green { background-position: left -1861px; color: #fff !important; font-weight: bold; text-shadow: #669933 0px -1px 1px; } a.button.green > span { background-position: right -1861px; } a.button.green:hover { background-position: left -1890px; } a.button.green:hover > span { background-position: right -1890px; } a.button.green:active { background-position: left -1919px; } a.button.green:active > span { background-position: right -1919px; } a.button.green.gray_bg { background-position: left -900px; } a.button.green.gray_bg span { background-position: right -900px; } a.button.green.gray_bg:hover { background-position: left -929px; } a.button.green.gray_bg:hover span { background-position: right -929px; } a.button.green.gray_bg:active { background-position: left -958px; } a.button.green.gray_bg:active span { background-position: right -958px; } /* @end */ /* @end */ /* @group Actions */ a.action, ul.sf_admin_td_actions li a { width: 14px; height: 14px; background: url(../images/sprites.png); float: left; margin-right: 3px; } ul.sf_admin_td_actions li a { text-indent: -9999px; float: left; } ul.sf_admin_td_actions li a:hover { border: none !important; } a.action.view, ul li.sf_admin_action_pdf a { background-position: -249px -65px; } a.action.view:hover, ul li.sf_admin_action_pdf a:hover { background-position: -249px -80px; } a.action.view:active, ul li.sf_admin_action_pdf a:active { background-position: -249px -95px; } a.action.edit, ul li.sf_admin_action_edit a { background-position: 0 -65px; } a.action.edit:hover, ul li.sf_admin_action_edit a:hover { background-position: 0 -80px; } a.action.edit:active, ul li.sf_admin_action_edit a:active { background-position: 0 -95px; } a.action.delete, ul li.sf_admin_action_delete a { background-position: -20px -65px; } a.action.delete:hover, ul li.sf_admin_action_delete a:hover { background-position: -20px -80px; } a.action.delete:active, ul li.sf_admin_action_delete a:active { background-position: -20px -95px; } a.action:hover { border: none !important; } a.icon.delete { background: url(../images/sprites.png) -126px -71px !important; width: 8px; height: 8px; float: left; margin-top: 4px; } a.icon.delete:hover { background-position: -126px -91px !important; } a.icon.trash { background: url(images/misc/icons/trash.png) !important; width: 12px; height: 15px; float: left; margin-top: 3px; } .slots { padding-left: 20px; background: url(images/misc/icons/slots.png) no-repeat left 4px; } .shield { padding-left: 20px; background: url(images/misc/icons/shield.png) no-repeat left center; } .star { padding-left: 20px; background: url(images/misc/icons/star.png) no-repeat left center; } #account_sidebar #property_information.step2 .thumbnails a.icon.delete { background-position: -140px -51px !important; } #property_information.step2 .thumbnails .label:hover a.icon.delete { background-position: -148px -43px !important; } /*#property_information #field_property_description .jqTransformTextarea > tbody > tr > td { background: none; } #property_information #field_property_description #jqTransformTextarea-mm > div { margin-left: -5px; margin-top: -5px; height: 290px !important; } #property_information #field_property_description .cke_toolbox { float: left; width: auto !important; } #property_information #field_property_description .cke_contents * { width: 448px !important; } */ /* @end */ /* @group Lists */ ul.navigation, ul.list { list-style: none; overflow: hidden; margin: 0; padding:0px; } ul.thumbnails{ list-style: none;width:218px; margin: 0; padding:0px; } ul.bullet { margin-bottom: 10px; } ul.navigation li { list-style: none; float: left; margin: 0 10px; } ul.list li { margin: 0; } ul.bullet li { padding-left: 10px; background: url(images/misc/asterisk.png) no-repeat left center; margin-bottom: 3px; } ul.thumbnails li { position: relative; margin: 13px 0px 12px 0px; padding:0px;width:100px;float: left;} ul li.frammed { overflow: hidden; } .frammed .frame { float: left; margin-right:20px; } ul li.frammed .content { float: left; } li.bullet { padding-left: 30px; background: url(images/misc/bullet.png) no-repeat left 3px; margin-bottom: 10px !important; } /* @end */ /* @group Table */ table { font-size: 11px; color: #666; } table th { font-weight: normal; vertical-align: middle; text-transform: uppercase; } table th a { color: #666; } table td { vertical-align: top; } .inner.box table tr { border-bottom: 1px solid #e3e3e3; } .inner.box table tfoot tr { border: none; } table tr.even { background: #f9f9f9; } .inner.box .wrapper table { margin: 0 -11px; width: 651px; color: #333; } .inner.box table th { background: url(images/boxes/misc/inner/th.png); height: 34px; text-align: left; color: #666; padding: 0 15px; } .inner.box table th a { color: #666; text-shadow: #fff 0px 1px 1px; } .inner.box table td { padding: 10px 15px; width: auto; } .inner.box table th.first, .inner.box table td.first { padding-left: 20px; } .inner.box table td.last { padding: 10px 0; } .inner.box #total { width: 260px; float: right; margin-right: -15px; text-align: left; } .inner.box #total .subtotal { padding-bottom: 10px; margin-bottom: 10px; } .inner.box #total span { width: 145px; display: block; float: left; text-align: right; margin-right: 10px;} #rates td.first { width: 100px; } #rates td.dates { width: 110px; } #rates .rates li { margin: 0 1px 0 0; } #rates .rates li.rate { width: 90px; } #rates .rates li.currency { width: 35px; } #rates .rates li.currency p { background: none; color: #666; } #rates .rates p { margin: 0 0 1px; background: #2898ad; padding: 1px 5px; text-align: center; color: #fff; text-shadow: none; } #rates .rates p.label { background: #e9e9e9; color: #666; } .box.inner table a { color: #10acc6; } .box.inner table a:hover { border-bottom: 1px dotted; } /* @end */ /* @group Boxes */ /* Defaults */ .box > .top { height: 10px; background-repeat: no-repeat; } .box > .bottom { height: 12px; background-repeat: no-repeat; } .box > .wrapper { overflow: hidden; background-repeat: repeat-y;} .blue_box { padding: 10px; background: #eff9f8; border: 1px solid #cbeae5; line-height: 18px; } /* @group Sixteen */ .grid_16 .box > .top { background-image: url(images/boxes/sixteen/top.png); height: 9px; } .grid_16 .box > .bottom { background-image: url(images/boxes/sixteen/bottom.png); height: 8px; } .grid_16 .box > .wrapper { background-image: url(images/boxes/sixteen/bg.png); padding: 11px 20px 12px; } .grid_16 .box.inner > .top { background-image: url(images/boxes/misc/inner/top.png); } .grid_16 .box.inner > .bottom { background-image: url(images/boxes/misc/inner/bottom.png); height: 10px; } .grid_16 .box.inner > .wrapper { background-image: url(images/boxes/misc/inner/bg.png); padding: 10px 30px; } /* @end */ /* @group Twelve */ .grid_12 .box > .top, .grid_12 .box.information > .top { background-image: url(images/boxes/twelve/top.png); height: 10px; } .grid_12 .box > .bottom, .grid_12 .box.information > .bottom { background-image: url(images/boxes/twelve/bottom.png); height: 10px; } .grid_12 .box > .wrapper, .grid_12 .box.information > .wrapper { background-image: url(images/boxes/twelve/bg.png); padding: 10px 20px 10px; } .grid_12 .box.information { margin: 0 auto; width: auto; } /* @group White */ .grid_12 .box.white > .top { background-image: url(images/boxes/twelve/white/top.png); } .grid_12 .box.white > .bottom { background-image: url(images/boxes/twelve/white/bottom.png); } .grid_12 .box.white > .wrapper { background-image: url(images/boxes/twelve/white/bg.png); } /* @end */ /* @group Blue */ .grid_12 .box.blue > .top { background-image: url(images/boxes/twelve/blue/top.png); } .grid_12 .box.blue > .bottom { background-image: url(images/boxes/twelve/blue/bottom.png); } .grid_12 .box.blue > .wrapper { background-image: url(images/boxes/twelve/blue/bg.png); } /* @end */ /* @group Gray */ .grid_12 .box.gray { width: 700px; } .grid_12 .box.gray > .top { background-image: url(images/boxes/twelve/gray/top.png); } .grid_12 .box.gray > .bottom { background-image: url(images/boxes/twelve/gray/bottom.png); height: 10px; } .grid_12 .box.gray > .wrapper { background-image: url(images/boxes/twelve/gray/bg.png); padding: 0 25px; } .grid_12 .box.gray.no_paginate > .wrapper{ height: 25px; } /* @end */ /* @end */ /* @group Ten */ .grid_10 .box > .top, .box.information .top { background-image: url(../images/boxes/ten/top.png); height: 10px; } .grid_10 .box > .bottom, .box.information .bottom{ background-image: url(../images/boxes/ten/bottom.png); height: 10px; } .grid_10 .box > .wrapper, .box.information .wrapper { background-image: url(../images/boxes/ten/bg.png); padding: 10px 20px 10px; } .grid_10 .box > .wrapper .title{ font-size:23px;} .grid_10 .links { width: 570px; } .box.information { margin: 0 auto; width: 580px; } /* @end */ /* @group Eight */ .grid_8 .box > .top { background-image: url(images/boxes/eight/top.png); height: 18px; } .grid_8 .box > .bottom { background-image: url(images/boxes/eight/bottom.png); height: 18px; } .grid_8 .box > .wrapper { background-image: url(images/boxes/eight/bg.png); padding: 2px 20px 2px; } /* @end */ /* @group Seven */ .grid_7 .box > .top { background-image: url(images/boxes/seven/top.png); height: 18px; } .grid_7 .box > .bottom { background-image: url(images/boxes/seven/bottom.png); height: 18px; } .grid_7 .box > .wrapper { background-image: url(images/boxes/seven/bg.png); padding: 2px 20px 2px; } /* @end */ /* @group Six */ .grid_6 .box > .top { background-image: url(images/boxes/six/top.png); } .grid_6 .box > .bottom { background-image: url(images/boxes/six/bottom.png); } .grid_6 .box > .wrapper { background-image: url(images/boxes/six/bg.png); } .comment .box { margin-bottom: 20px; } .comment .box > .top { background-image: url(images/boxes/misc/comment/top.png); height: 22px; } .comment .box > .bottom { background: url(images/boxes/misc/comment/bottom.png) -1px; } .comment .box > .wrapper { background-image: url(images/boxes/misc/comment/bg.png); padding: 10px 20px 0; font-size: 11px; color: #666; } /* @end */ /* @group Four */ .grid_4 .box > .top { height: 7px; background-image: url(images/boxes/four/top.png); } .grid_4 .box > .bottom { background-image: url(images/boxes/four/bottom.png); } .grid_4 .box > .wrapper { background-image: url(images/boxes/four/bg.png); } .grid_4 .box.minimal > .top { height: 10px; background-image: url(images/boxes/four/minimal/top.png); } .grid_4 .box.minimal > .bottom { height: 10px; background-image: url(images/boxes/four/minimal/bottom.png); } .grid_4 .box.minimal > .wrapper { background-image: url(images/boxes/four/minimal/bg.png); padding: 10px 20px 6px; } .grid_4 .box.minimal > .wrapper p.no_listings { background: url(images/checkout/no_listings.png); padding: 12px 0px; text-align: center; line-height: 15px !important; } .grid_4 .box.minimal .box > .top, .grid_4 .box.minimal.gray > .top { height: 5px; background-image: url(images/boxes/misc/180/top.png); } .grid_4 .box.minimal .box > .bottom, .grid_4 .box.minimal.gray > .bottom { height: 5px; background-image: url(images/boxes/misc/180/bottom.png); } .grid_4 .box.minimal .box > .wrapper, .grid_4 .box.minimal.gray > .wrapper { background-image: url(images/boxes/misc/180/bg.png); padding: 0px 10px; } /* @end */ /* @group Sidebar Boxes */ .sidebar > .box { margin-bottom: 20px; } .sidebar > .box > .top { background-image: url(images/boxes/six/minimal/top.png); height: 6px; } .sidebar > .box > .bottom { background-image: url(images/boxes/six/minimal/bottom.png); height: 6px; } .sidebar > .box > .wrapper { background-image: url(images/boxes/six/minimal/bg.png); padding: 14px 20px 14px;} /* @group Content Boxes */ .sidebar > .box .box { background: url(images/boxes/misc/box.png) no-repeat; margin-bottom: 10px; height: 79px; } .sidebar > .box .box:hover { background-position: left -79px; } .sidebar > .box .box:active { background-position: left -158px; } .sidebar > .box .box:hover a { color: #333; } /* resets */ .sidebar > .box .box > .top, .sidebar > .box .box > .bottom, .sidebar > .box .box > .wrapper { background: none; height: 0px; } .sidebar > .box .box .frame { margin-right: 10px; } .sidebar > .box .box > .wrapper { padding: 10px; height: auto; } .sidebar > .box .column { width: 140px; margin-right: 10px; color: #666; font-size: 11px; } .sidebar > .box .column a { color: #666; border-bottom: 1px dotted; } .sidebar > .box .column a:hover { color: #10acc6; } .sidebar > .box .column > .top { background-image: url(images/boxes/misc/140/top.png); height: 10px; } .sidebar > .box .column > .bottom { background-image: url(images/boxes/misc/140/bottom.png); height: 10px; } .sidebar > .box .column > .wrapper { background-image: url(images/boxes/misc/140/bg.png); padding: 0 10px; } /* @end */ /* @end */ /* @group Event Boxes */ .event.box .box { margin-bottom: 5px; width: 378px; } .event.box .box > .top { background-image: url(images/boxes/misc/events/top.png); height: 10px; } .event.box .box > .bottom { background-image: url(images/boxes/misc/events/bottom.png); height: 10px; } .event.box .box > .wrapper { background-image: url(images/boxes/misc/events/bg.png); padding: 0px 15px; } /* @end */ /* @group Notepad */ .notepad.box { width: 195px; } .notepad.box > .top { height: 21px; background-image: url(images/boxes/misc/notepad/top.png); } .notepad.box > .wrapper { background-image: url(images/boxes/misc/notepad/bg.png); padding: 9px 20px 0; } .notepad.box > .bottom { height: 21px; background-image: url(images/boxes/misc/notepad/bottom.png); } .notepad p { padding-left: 20px; } .notepad .owner { background: url(images/misc/icons/contact.png) no-repeat left center; } .notepad .phone { background: url(images/misc/icons/mobile.png) no-repeat left center; } .notepad .speaks { background: url(images/misc/icons/languages.png) no-repeat left center; } /* @end */ /* @group Inner Boxes */ .grid_12 .box.inner { position: relative; margin-bottom: 30px; width: 660px; font-size: 11px; } .grid_12 .box.inner > .top { background-image: url(images/boxes/misc/inner/small/top.png); height: 11px; } .grid_12 .box.inner > .bottom { background-image: url(images/boxes/misc/inner/small/bottom.png); height: 10px; } .grid_12 .box.inner > .wrapper { background-image: url(images/boxes/misc/inner/small/bg.png); padding: 4px 15px 10px; } .grid_12 .box.inner > .wrapper > p { float: left; line-height: 15px; width: 520px; } .grid_12 .box.inner > .wrapper object { float: right; } /* @end */ /* @group Amenities */ #property_information.amenities .box { margin-bottom: 20px; } #property_information.amenities .box > .wrapper { padding-bottom: 0; } #property_information.amenities h5 { color: #333; text-transform: capitalize; margin-bottom: 20px; padding-bottom: 10px; } #property_information.amenities .wrapper { overflow: hidden; padding-bottom: 20px; } #property_information.amenities .wrapper > div { overflow: hidden; } #property_information.amenities .form-row { overflow: hidden; position: relative; float: left; padding-left: 0px; clear: none; margin-bottom: 7px; font-size: 11px; line-height: 10px; width: 210px; } #property_information.amenities .form-row label { margin: 0; margin-left: 0px !important; float: left !important; clear: none; line-height: 18px; text-transform: capitalize; } #property_information.amenities .form-row .jqTransformCheckboxWrapper { float: left !important; margin: 0; } #property_information.amenities #category_14 { padding: 0; } #property_information.amenities #category_14 h5 { background: none; padding: 0; margin-bottom: 5px; font-size: 14px;} #property_information.amenities #category_14_1 { overflow: visible; height: 100px; position: relative; } #property_information.amenities #category_14_1 textarea, #property_information.amenities #category_14_1 #jqTransformTextarea-mm { width: 640px !important; } #property_information.amenities #category_14_1 .form-row { overflow: visible; float: none; padding: 0; width: 100%; height: 100px;} #property_information.amenities #category_14_1 .form-row .form-row { position: absolute; float: none; top: 0; left: 0; } /* @end */ /* @group Information Box */ .information { margin: 0 auto; } .information .content { padding-left: 70px; background: url(images/misc/info.png) no-repeat left top; font-size: 11px; width: 470px; overflow: hidden; padding-bottom: 3px;} .information h1 { font-size: 24px; padding: 0 !important; } .information h1, .information p { margin: 0; } .information a { color: #10acc6; } .information a:hover { border-bottom: 1px dotted; } /* @end */ /* @end */ /* @group Frames */ .frame { background: url(images/frames/100.png); width: 98px; height: 50px; padding: 3px 4px 0; } .frame .wrapper { width: 98px; overflow: hidden; height: 45px; } .frame.square { width: 50px; height: 46px; padding: 5px; background: url(images/frames/square.png) no-repeat; } .frame.square .wrapper { width: 50px; height: 46px; } .frame.small { width: 109px; height: 78px; padding: 5px; float:left; margin:10px 0px 0px 10px;background: url(images/frames/small.png) no-repeat; } .frame.small .wrapper { width: 109px; height: 78px; } .frame.x-small { width: 81px; height: 47px; padding: 5px 6px; background: url(images/frames/x-small.png) no-repeat; } .frame.x-small .wrapper { width: 81px; height: 47px; } .frame.medium { width: 138px; height: 137px; padding: 5px; background: url(images/frames/medium.png) no-repeat; } .frame.medium .wrapper { width: 138px; height: 137px; } .frame.large { width: 189px; height: 137px; padding: 5px; background: url(images/frames/large.png) no-repeat; } .frame.large .wrapper { width: 189px; height: 137px; } .frame.x-large { width: 356px; height: 260px; padding: 7px; background: url(images/frames/x-large.png) no-repeat; } .frame.x-large .wrapper { width: 356px; height: 260px; text-align: center; } /* @end */ /* @group Badges */ .badge { color: #666; text-transform: uppercase; float: left; font-size: 10px; padding-left: 30px; background-repeat: no-repeat; } .badge.new { background-image: url(images/misc/badges/new.png); font-size: 8px; padding-left: 20px; width: 30px; height: 14px; line-height: 14px; } .badge.verified { width: 102px; height: 21px; line-height: 21px; background-image: url(images/misc/badges/verified.png); color: #10acc6; } /* @end */ /* @group Prices */ .prices li { background: url(images/misc/rate.png) no-repeat left top; width: 68px; height: 51px; margin-right: 4px !important; padding-left: 10px; } .prices li > span { height: 51px; padding-right: 10px; display: block; background: url(images/misc/rate.png) no-repeat right top;} .prices li.last { margin-right: 0 !important; } .prices small { width: 78px; text-align: center; display: block; padding: 3px 0 0; margin-bottom: 10px; } .prices p { text-align: center; padding: 0 !important; font-size: 10px; } .prices p.price { color: #fff; font-size: 17px !important; line-height: 27px; padding-top: 7px; } .prices p span { font-size: 13px; } /* @end */ /* @group Header */ #header { margin: 0px; padding-top: 40px; position: relative; } #header a#logo { margin-right:10px; } #header #slogan { padding-left: 10px; background: url(images/arrows/right.png) no-repeat left 11px; font-size: 11px; text-transform: none; padding-top: 3px; margin: 0; } /* @group Options */ #options { position: absolute; top: 0; right:10px; font-size: 11px; } #options a { color: #666; display: block; } #options a:hover { color: #10acc6; } #options .cms a { background: url(images/misc/edit.png); width: 60px; height: 24px; padding-left: 30px; } /* @end */ /* @group Navigation */ #navigation { float: right; } #navigation .navigation { padding-bottom: 4px; } #navigation li { margin: 0 20px 0 0; padding-bottom: 2px; } #navigation li a { color: #333; display: block; float: left; z-index: 10; position: relative; overflow: hidden; } #navigation li a:hover, #navigation li.active a { color: #10acc6; } #navigation li#contact { margin-right: 0; } #navigation .noLava { margin-right: 0; padding-bottom: 1px; border-bottom: 1px solid #ccc; } #navigation .noLava:first-child { margin-right: 30px; } #navigation .lavalamp { position: relative; } #navigation .backLava { border-bottom: 2px solid #10acc6; z-index: 8; position: absolute; } #navigation li#hud { margin-right: 10px; } #navigation li#logout a { background: url(../images/sprites.png) -40px -63px; width: 10px; height: 13px; margin-top: 2px; margin-bottom: 5px; } #navigation li#logout a:hover { background-position: -40px -76px; height: 12px; margin-top: 4px; margin-bottom: 4px;} /* @end */ /* @end */ /* @group Breadcrumb */ #breadcrumb { position: relative; padding: 50px 0 0px; background: url(../images/bg.png) repeat-x left top; font-size: 18px; margin-bottom: 30px; margin-top: 10px; color: #666; } #breadcrumb a { color: #666; } #breadcrumb a:hover { color: #10acc6; } #breadcrumb span{font-size: 18px;color: #10acc6; } /* @group Search Form */ #breadcrumb .search_form { position: absolute; right:0px;top: 50px;width:172px; height:22px;} #breadcrumb .search_form .input{border:0px;position: absolute;right:25px;top:1px;padding:1px 10px 1px 10px; height:20px; line-height:22px; width: 127px;background: url(images/misc/search.png) no-repeat 0 0;} #breadcrumb .search_form .button{border:0px;position: absolute;right:1px;top:1px;display:inline; background:url(images/misc/search-butt.png) no-repeat left bottom;width:24px;height:22px;} /* @end */ /* @group Cart */ #breadcrumb #cart { background: url(images/checkout/cart.png); height: 28px; padding-left: 40px; width: 150px;} #breadcrumb #cart h4, #breadcrumb #cart p { line-height: 28px; } #breadcrumb #cart p { margin-left: 10px; } #breadcrumb #cart a { color: #10acc6; } /* @end */ /* @group Highlights */ #highlights { margin: 0px 0 40px; } #highlights .box > .wrapper { padding: 10px 0; } #highlights .last .box > .wrapper { padding: 10px 17px 5px; font-size: 11px; line-height: 14px; } #highlights .list li { padding: 10px 20px 12px; margin: 0 0 0px; height: 57px; } #highlights .list li:first-child { margin-top: -10px; } #highlights a.gt { float: right; margin-top: 10px; margin-right: 20px; background-position: right 8px; } #highlights .eventful { margin-top: 10px !important; } #highlights .last a.gt { margin-right: 0; } #highlights #advertisement .vertical { height: 343px; overflow: hidden; padding: 10px 20px; } #recent_articles .content { width: 174px; } #recent_articles h2{color:#036266;font-size:12px;letter-spacing:-1px;font-weight:bold;} #highlights .content a:hover { color: #333; } #about { margin-top: 40px; } #about h2{color:#036266; font-weight:bold;} #about h4 { cursor: pointer; padding-left: 20px; background: url(images/misc/collapse.png) no-repeat 0 bottom; line-height: 14px; margin-top: 20px !important; } #about h4:hover { color: #10acc6; } #about h4.open { background-position: 0 top; } #about div.description { margin: 10px 0 0; padding-left: 20px; color: #666;} #about .box > .wrapper { padding-top: 0; padding-bottom: 0; } /* @group Events */ #upcoming_events{ margin:0px 20px 0px 10px} #upcoming_events h2{color:#036266;font-size:12px; letter-spacing:-1px; font-weight:bold;} #upcoming_events .date { float: left; background: url(images/misc/date.png); width: 32px; height: 47px; text-align: center; color: #fff; padding: 5px 10px 5px; text-transform: uppercase; margin-right: 10px; } #upcoming_events .date big { font-size: 25px; display: block; text-shadow: #333 0px 1px 1px; } #upcoming_events .date small { color: #fff; font-size: 12px; } #upcoming_events small { display: block; line-height: 15px; margin: 2px 0px; } #upcoming_events .content { float: left; width: 238px; } .sidebar #upcoming_events .content { width: 218px; margin: 0;} /* @end */ /* @group Events */ #related_events{ margin:0px} #related_events h2{color:#036266;font-size:12px; letter-spacing:-1px; font-weight:bold;} #related_events .date { float: left; background: url(images/misc/date.png); width: 32px; height: 47px; text-align: center; color: #fff; padding: 5px 10px 5px; text-transform: uppercase; margin-right: 10px; } #related_events .date big { font-size: 25px; display: block; text-shadow: #333 0px 1px 1px; } #related_events .date small { color: #fff; font-size: 12px; } #related_events small { display: block; line-height: 15px; margin: 2px 0px; } #related_events .content { float: left; width:215px;} .sidebar #upcoming_events .content { width: 218px; margin: 0;} /* @end */ /* @group Vacation Types */ #vacation_types .title{ background: url(images/vacation_types/brow-vac-tit-bg.png) no-repeat 0 0; padding:5px 0px 5px 13px;color:#FFF; line-height:13px;} #vacation_types li { background: url(images/vacation_types/types.jpg) 0 0; margin-right:6px;} #vacation_types h2{color:#036266;font-size:12px; letter-spacing:-1px;font-weight:bold;} #vacation_types .even { margin-right: 0; } #vacation_types .overlay { position: absolute; z-index: 0; background: url(images/vacation_types/overlay.png) no-repeat;width: 100px; height:56px; } #vacation_types a { position: relative; display: block;width:100px; height: 56px; color: #fff; } #vacation_types label {position: absolute; bottom:-17px; left: 0px;width:90px;text-align:center;background:#006079;line-height:15px; padding:1px 5px 1px 5px; cursor: pointer; } #vacation_types #snow {background-position: 0 -82px; } #vacation_types #golf {background-position: 0 -164px; } #vacation_types #city {background-position: 0 -246px; } #vacation_types #mountain {background-position: -108px 0; } #vacation_types #luxury {background-position: -108px -82px; } #vacation_types #country {background-position: -108px -164px; } #vacation_types #island {background-position: -108px -246px; } #vacation_types #romance { background-position: -97px -59px; } #vacation_types #xtreme { background-position: -97px -239px; } /* @end */ /* @end */ /* @group Footer */ #footer { font-size: 11px; margin-bottom: 50px; } #footer #shortcuts { font-size: 12px; height: 20px; background: url(../images/footer/bg.png); text-align: center; padding: 16px 0; margin: 50px 0 20px; } #footer #shortcuts a { margin: 0 20px; color: #666; } #footer #shortcuts a:hover, #footer #copyright a:hover { color: #10acc6; } #footer #copyright { color: #999; } #footer #copyright a { color: #666; } #footer #copyright a:hover { border-bottom: 1px dotted; } #footer a#seegno { float: right; position: relative; padding: 1px 55px 10px 0px; color: #aaa; } #footer a#seegno span { background: url(images/footer/seegno.png) no-repeat right bottom; width: 50px; position: absolute; height: 22px; right: 0; top: 0; } #footer a#seegno:hover { color: #999; } #footer a#seegno:hover span { background-position: right top; } /* @end */ /* @group Resets */ .first { margin-left: 0 !important; } .last { margin-right: 0 !important; } .no_margin { margin: 0 !important; } .margin_10 { margin-bottom: 10px !important; } .margin_20 { margin-bottom: 20px !important; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0px; height: 0px; } /* @end */ /* @group Altar */ #altar { margin:0px; width:940px; height:450px; position: relative; } #altar .row { position: relative; } #altar span.bg { display: block; position: absolute; top: 0; left: 0; width:940px; height: 450px; background: url(images/altar/slideshow-bg.png) no-repeat 0 0; } #altar .content { background: #002c36; } /* @group Slideshow */ #slideshow { position: absolute; top:18px; left:0px; z-index: 0; } #slideshow #s3slider { position: relative; overflow: hidden; height:300px; width: 681px; } #slideshow #s3slider #s3sliderContent { width: 681px; position: absolute; top: 0; margin-left: 0; } #slideshow #s3slider .s3sliderImage { position: relative;height:300px; width: 681px; float: left; display: none; margin:0; } #slideshow .description { position: absolute; top:-3px;right:0px; background: url(images/altar/description.png); width:356px; height: 56px; padding: 13px 0px 20px 20px; } #slideshow .description span { margin: 0; color: #fff; text-shadow: none; font-size:12px; } #slideshow .description span strong { font-size:18px; margin-top: 5px; display: block } /* @end */ /* @group Sidebar */ #altar .sidebar { float: right; width: 260px; height: 280px; margin-top: 23px;} /* @group Search Form */ #altar #search { padding: 25px 25px 0px 30px; } #altar #search h3 {font-size:26px;color:#fff;margin-bottom:15px; } #altar #search label {color: #fff;font-size:11px;} #altar #search input[type="text"] { background: transparent url(images/altar/input.png) no-repeat top left; width: 198px; padding: 2px 5px; height: 18px; margin-bottom:8px; } #altar #search select{ background: transparent url(images/altar/input.png) no-repeat top left;border:none; width: 198px; padding: 1px 2px 1px 4px; height:22px;margin-bottom: 10px; font-size:12px;} #altar #search input[type="text"].calendar { background: transparent url(images/altar/calendar.png) no-repeat top left; width: 70px !important; padding: 2px 25px 2px 5px; } #altar #search #arrival{ width: 100px; float: left; display: inline; } #altar #search #departure {width:90px; float: left; display: inline; } #altar #search #departure .button-go { margin-top:9px;background:url(images/buttons/search-go.png); width:90px;height:90px; } #altar #search #arrival { margin-right:10px; } #altar #search #arrival input{ width: 90px;border:none; } #altar #search .actions { background: none; margin-top: 5px; padding-top: 0; line-height: 21px; height: 21px; font-size: 11px; } #altar #search .actions a { float: left; } #altar #search .actions input { float: right; } /* @end */ /* @end */ /* @group Bottom */ #altar .bottom { width: 880px; bottom: 0; height: 79px; padding: 0px 30px 0; text-shadow: #fff 0px 1px 1px; margin-top: 40px;} #altar .bottom h3 { margin-bottom: 10px; color:#036266; font-size:18px; font-weight:bold;} #altar .bottom p { line-height: 17px; } #altar .bottom p a { background-position: 5px right;color:#036266; } #altar .bottom p a:hover{color:#333333; } #altar .bottom .column.first { width: 265px; margin-right: 50px; } #altar .bottom .column { width: 260px; margin: 0; } #altar .bottom .column.last { margin-left: 85px; width: 220px; margin-right: 0; } /* @end */ /* @end */ /* @group Featured Cities */ /* @group Featured Properties */ #featured_cities #featured_properties .box > .wrapper, #featured_cities #featured_properties .box > .top, #featured_cities #featured_properties .box > .bottom { background: none; padding: 0; width: 0; display: none;} #featured_cities #featured_properties .box > .wrapper { width: auto !important; display: inline !important; } #featured_cities h2{color:#036266; font-weight:bold;} #featured_properties li { width: 160px; height:160px; /* background: url(images/featured_cities/property.png); */ margin:10px 4px 0px 0px;} #featured_properties li.fifth { margin-right: 0 !important; } #featured_properties li a.gt { display: none; } #featured_properties li a { color: #10acc6 !important; border: none !important; font-size:13px; border: none; line-height: 10px; } #featured_properties li:hover a { border-bottom: 1px dotted !important; } #featured_properties .frame { background: url(../images/frame.png); height: 93px; width: 151px; padding: 4px 4px 0; margin-bottom:5px; position:relative;} #featured_properties .frame .rooms{background:#f0f0f0;padding:1px 4px 1px 4px;position:absolute; bottom:5px;right:4px;filter:alpha(opacity=80);opacity:0.8;} #featured_properties .frame .wrapper { height: 88px; width: 151px; cursor:pointer;} #featured_properties .city-name{background:#f0f0f0;margin-top:5px;text-align:center; padding:0px 4px 0px 4px;height:20px;} #featured_properties .cityy, #featured_properties .room{ text-align:center;} #search-popup {width:940px;height:416px;background: url(images/altar/popup-bg.png);position:relative;} #search-popup .sidebar {float:right;width:240px;height:280px;margin-top:15px;} /* @group Search Form */ #search-popup #search { padding: 15px 0px 0px 0px; } #search-popup #search h3 {font-size:26px;color:#fff;margin-bottom:15px; } #search-popup #search label {color: #fff;font-size:11px;} #search-popup #search input[type="text"] { background: transparent url(images/altar/input.png) no-repeat top left; width: 198px; padding: 2px 5px; height: 18px; margin-bottom:8px; } #search-popup #search select{ background: transparent url(images/altar/input.png) no-repeat top left;border:none; width: 198px; padding: 1px 2px 1px 4px; height:22px;margin-bottom: 10px; font-size:12px;} #search-popup #search input[type="text"].calendar { background: transparent url(images/altar/calendar.png) no-repeat top left; width: 70px !important; padding: 2px 25px 2px 5px; } #search-popup #search #arrival{ width:130px; float: left; display: inline; } #search-popup #search #departure {width:90px; float: left; display: inline; } #search-popup #search #departure .button-go { margin-top:9px;background:url(images/buttons/search-go.png); width:90px;height:90px; } #search-popup #search #arrival { margin-right:10px; color:#FFFFFF; line-height:15px; } #search-popup #search .actions { background: none; margin-top: 5px; padding-top: 0; line-height: 21px; height: 21px; font-size: 11px; } #search-popup #search .actions a { float: left; } #search-popup #search .actions input { float: right; } .world_box { width: 300px; height: 151px; padding: 20px; background: url(images/misc/map.png); margin-bottom: 20px; } .world_box h2 { margin: 0; } .world_box h6 { font-size: 10px; text-transform: uppercase; margin-bottom: 5px; } .world_box h4 { margin-bottom: 10px; } .world_box .button { margin: 0; } .world_box .jcarousel-container { background: #f2f2f2; width: 242px; padding: 5px 29px; } .world_box ul { height: 57px; overflow: hidden; } .world_box .jcarousel-item { width: 242px; height: 57px; margin: 0 !important; } .world_box .jcarousel-item.no_results p { margin: 0; line-height: 55px; text-align: center; } .world_box .frame { margin-right: 10px; } .world_box .content { width: 170px; } .world_box .jcarousel-next-horizontal, .world_box .jcarousel-prev-horizontal { width: 19px; height: 67px; cursor: pointer; background: url(../images/sprites.png); position: absolute; top: 0px; } .world_box .jcarousel-next-horizontal { right: 0px; background-position: -60px -111px; } .world_box .jcarousel-next-horizontal:hover { background-position: -60px -180px; } .world_box .jcarousel-next-horizontal:active { background-position: -60px -249px; } .world_box .jcarousel-prev-horizontal { left: 0; background-position: -40px -111px; } .world_box .jcarousel-prev-horizontal:hover { background-position: -40px -180px; } .world_box .jcarousel-prev-horizontal:active { background-position: -40px -249px; } #search #featured_properties .button { margin-right: 0px; } /* @end */ #featured_cities #continents { overflow: hidden; margin-bottom: 10px;} #featured_cities #continents span { float: left; line-height: 23px; margin-right:30px; color: #999; } #featured_cities #continents a span { margin: 0; } #featured_cities #continents li { margin: 0; } #featured_cities #continents a, #featured_cities #continents a span { background: none !important; color: #10acc6; text-align: center; height: 23px; text-transform: none; } #featured_cities #continents a:hover { background: url(images/featured_cities/hover.png) no-repeat left top !important; } #featured_cities #continents a:hover span { background: url(images/featured_cities/hover.png) no-repeat right top !important; } #featured_cities #continents a.active { background: url(images/featured_cities/active.png) no-repeat left top !important; } #featured_cities #continents a.active span { color: #fff; background: url(images/featured_cities/active.png) no-repeat right top !important; } /* @group Carousel */ #cities .jcarousel-container-horizontal { background: url(images/featured_cities/carousel/bg.png) no-repeat left top; padding: 25px 35px 50px; height: 95px; } #cities li { margin: 0 13px 0 0; height: 95px; width: 155px; } #cities li .wrapper { position: absolute; top: 5px; left: 6px; height: 83px; width: 143px; overflow: hidden; } #cities li span { position: absolute; display: block; height: 95px; width: 155px; z-index: 1; background: url(images/featured_cities/carousel/normal.png); } #cities ul li.active span, #cities ul li:hover span { background: url(images/featured_cities/carousel/active.png); cursor: pointer; } #cities ul li label { position: absolute; font-weight: bold; right: 6px; bottom: 7px; z-index: 2; width: 123px; background: url(images/misc/label.png); padding: 0px 10px; color: #fff; cursor: pointer; font-size: 11px; } #cities ul li label a { color: #fff; } #cities .jcarousel-next-horizontal, #cities .jcarousel-prev-horizontal { width: 19px; height: 98px; cursor: pointer; background: url(../images/sprites.png); position: absolute; top: 25px; } #cities .jcarousel-next-horizontal { right: 5px; background-position: -20px -110px; } #cities .jcarousel-next-horizontal:hover { background-position: -20px -208px; } #cities .jcarousel-next-horizontal:active { background-position: -20px -306px; } /*.jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; } */ #cities .jcarousel-prev-horizontal { left: 5px; background-position: 0px -110px; } #cities .jcarousel-prev-horizontal:hover { background-position: 0px -208px; } #cities .jcarousel-prev-horizontal:active { background-position: 0px -306px; } /*.jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; }*/ /* @end */ /* @end */ /* @group Modal */ #modal a.button { background-position: -1974px left; float: right; } #modal a.button span { background-position: -1974px right; } #modal a.button:hover { background-position: -2003px left; } #modal a.button:hover span { background-position: -2003px right; } #modal a.button:active { background-position: -2032px left; } #modal a.button:active span { background-position: -2032px right; } #modal .box { margin-bottom: 0; } #modal .box > .top { background: url(../images/lite-top.png) no-repeat; height: 5px; } #modal .box > .wrapper { padding: 10px 20px 5px; background: url(../images/lite-bg.png) repeat-y; } #modal .box > .bottom { background: url(../images/lite-bottom.png) no-repeat; height: 5px; } #modal > .wrapper { width: 622px !important; } #modal > .wrapper > .top { background: url(../images/top.png) !important; height: 52px !important; } #modal > .wrapper > .content { background: url(../images/bg2.png) !important; padding: 0 50px !important; float: left; width: 522px; } #modal > .wrapper > .bottom { height: 28px !important; background: url(../images/bottom.png) 3px !important; float: left; width: 622px; } #modal h1 { color: #333; text-shadow: #fff 0px 1px 1px; padding: 0;} #modal h1.blue { color: #10acc6; } #modal h2 { text-transform: uppercase; color: #333; font-size: 14px; text-shadow: #fff 0px 1px 1px; } #modal form label { margin-bottom: 5px; } #modal form > .actions { margin: 20px -32px 0; padding: 20px 32px 10px; background: url(../images/hr.png) repeat-x top; overflow: hidden;} #modal .close { background: url(../images/sprites.png) -120px -65px !important; width: 20px !important; height: 20px !important; top: 25px !important; right: 30px !important; } #modal .close:hover { background-position: -120px -85px !important; } #modal .close:active { background-position: -120px -105px !important; } #modal .watermark { width: 85px; height: 17px; margin-top: 3px; background: url(images/misc/watermark.png); float: left; } #modal .loader img { margin-bottom: 10px; } #modal a.jqTransformCheckbox { background: transparent url(images/form/checkbox.png) no-repeat center top; } #modal a.jqTransformChecked { background-position: center bottom !important; } /* @end */ /* @group ModalNew */ #modal_new a.button { background-position: -1974px left; float: right; } #modal_new a.button span { background-position: -1974px right; } #modal_new a.button:hover { background-position: -2003px left; } #modal_new a.button:hover span { background-position: -2003px right; } #modal_new a.button:active { background-position: -2032px left; } #modal_new a.button:active span { background-position: -2032px right; } #modal_new .box { margin-bottom: 0; } #modal_new .box > .top { background: url(..images/top.png) no-repeat; height: 5px; } #modal_new .box > .wrapper {/* padding: 10px 20px 5px;*/ background: url(..images/bg2.png) repeat-y; } #modal_new .box > .bottom { background: url(..images/bottom.png) no-repeat; height: 5px; } #modal_new > .wrapper { width:940px !important; } #modal_new > .wrapper > .top { background: url(..images/top.png) !important; height: 52px !important; } #modal_new > .wrapper > .content { background: url(..images/bg.png) !important; /*padding: 0 50px !important*/; float: left; width: 522px; } #modal_new > .wrapper > .bottom { height: 28px !important; background: url(..images/bottom.png) 3px !important; float: left; width:940px; } #modal_new h1 { color: #333; text-shadow: #fff 0px 1px 1px; padding: 0;} #modal_new h1.blue { color: #10acc6; } #modal_new h2 { text-transform: uppercase; color: #333; font-size: 14px; text-shadow: #fff 0px 1px 1px; } #modal_new form label { margin-bottom: 5px; } #modal_new form > .actions { margin: 20px -32px 0; padding: 20px 32px 10px; background: url(../images/hr.png) repeat-x top; overflow: hidden;} #modal_new .close { background: url(../images/sprites.png) -120px -65px !important; width: 20px !important; height: 20px !important; top:55px !important; right:20px !important; } #modal_new .close:hover { background-position: -120px -85px !important; } #modal_new .close:active { background-position: -120px -105px !important; } #modal_new .watermark { width: 85px; height: 17px; margin-top: 3px; background: url(..images/misc/watermark.png); float: left; } #modal_new .loader img { margin-bottom: 10px; } #modal_new a.jqTransformCheckbox { background: transparent url(images/form/checkbox.png) no-repeat center top; } #modal_new a.jqTransformChecked { background-position: center bottom !important; } /* @end */ /* @group Signin */ #signin .form-row.first, #new_password .form-row.first { margin-right: 30px; } #signin .jqTransformInputWrapper, #signin div.jqTransformInputInner, #signin div.jqTransformInputInner .jqTransformInput, #signin textarea, #signin .jqTransformTextarea div { width: 210px !important; } #modal_new #modal #signin #name .jqTransformInputWrapper, #modal_new #modal #signin #name .jqTransformInputInner, #modal_new #modal #signin #name .jqTransformInputInner .jqTransformInput, #modal_new #modal #signin #promotion_code .jqTransformInputWrapper, #modal_new #modal #signin #promotion_code .jqTransformInputInner, #modal_new #modal #signin #promotion_code .jqTransformInputInner .jqTransformInput { width: 446px !important; } #modal_new #modal #signin form #promotion_code p { float: none; position: relative; line-height: 18px; margin: 0 0 0 35px; } #signin .watermark { display: none; } #signin .actions p { float: left; position: relative; margin-left: 30px; line-height: 14px;} #signin .form-row.checkbox { padding: 4px 20px; margin-left: 20px; margin-top: 5px; position: relative; } #signin .form-row.checkbox label { clear: none; } #signin .form-row.checkbox p { right: 7px; top: 2px } #signin form p { float: right; position: absolute; right: 27px; top: 6px; line-height: 25px; margin: 0; font-size: 11px; color: #666; } #signin form p a { font-size: 11px; background-position: right 5px; } #signin form .actions p a:hover { text-decoration: none; } #forgot_password p { width: 242px; margin: 34px 0 0 20px !important;} /* @end */ /* @group Features */ #features { overflow: hidden; text-shadow: #fff 0px 1px 1px; line-height: 18px; position:relative;} #features hr { border: 0; height: 2px; background: url(images/misc/hr.png) repeat-x left center; margin: 15px 0;} #features.list h2 { text-transform: none; font-size: 18px; } #features h5 { margin-bottom: 10px; } #features .information { padding-right: 480px; background: url(images/features/splash.png) no-repeat right top; margin-left: 10px; margin-bottom: 40px; line-height: 18px; min-height: 250px;} #features.list .information { background-image: url(images/features/splash_2.png); } #features .information p { margin-bottom: 10px; } #features .information ul { margin-bottom: 10px; font-size: 11px;} #features .information ul li, #features.list ul li { margin-left: 25px; list-style-type: square; } #features .box h1 { margin-bottom: 10px; } #features .list { margin-top: 35px; } #features .list li { margin-bottom: 20px; } #features .list .content { width: 270px; font-size: 11px; line-height: 15px; color: #666; } #features .border a { float: right; } .signup-steps{ background: url(images/altar/signup-steps-bg.jpg) no-repeat; width:180px;height:120px; } .signup-steps .padd{ padding:10px 5px 10px 10px;} .signup-steps .step{font-size:16px;} .signup-steps .title{font-size:12px;color:#909090;} .signup-steps p{font-size:11px;line-height:13px;color:#909090} #features #owners-features-1-description div, #features #owners-features-2-description div { background: none !important; } /* @end */ /* @group Contact */ #contact h2 { margin-bottom: 10px; } #contact #travellers { margin-bottom: 25px; } #contact #address { padding-top: 40px; margin-top: 40px; font-size: 11px; } #contact .box p { font-size: 11px; } /* @end */ /* @group Articles */ .article h1 { font-size: 24px; } .article .meta { font-size: 11px; color: #999; padding-bottom: 15px; margin-bottom: 15px; } .article .meta a { color: #666; border-bottom: 1px dotted; } .article .meta a:hover { color: #10acc6; } .article .stats { margin-bottom: 15px; float: left;} .article .content { color: #666; } .article .content h6 { margin-bottom: 10px; } .article .content a, .articles .article .meta a:hover { color: #10acc6; } .article .content a:hover { border-bottom: 1px dotted; } .article .image { margin-bottom: 15px; } .article .credits { color: #999; font-style: italic; font-size: 11px; } .article .subscribe { font-size: 11px; } .article .dotted { margin-bottom: 20px; padding-bottom: 10px; } .articles .article.box { margin-bottom: 20px; } #city .article { margin-bottom: 20px; } #city .article.box > .wrapper { min-height: 905px; } .article.event .frame { margin-bottom: 30px; margin-right: 10px; } #featured_properties #no_results.box .wrapper .box > .wrapper, #featured_properties #no_results.box .wrapper .box > .top, #featured_properties #no_results.box .wrapper .box > .bottom { background: none; } #leave_a_comment { margin-top: 30px; } #leave_a_comment textarea { width: 560px; } .sidebar .related .content { width: 210px; margin: 0 !important; } .sidebar .related a.gt, .sidebar #upcoming_events a.gt { background-position: right 8px; float: right; } /* @group Images */ #articles .article .image { margin-bottom: 20px; height: 300px; overflow: hidden; position: relative;} #articles .article .image img { position: absolute; top: -20px; } #articles .article .image_0 { width: 250px; float: left; height: 120px; margin-right: 20px; } #articles .article .image_0 img { top: -80px; left: -80px; width: 400px; } #articles .article .image_2 { width: 350px; float: right; height: 250px; margin-left: 20px; } #articles .article .image_2 img { top: -80px; left: -80px; _width: 400px; } /* @end */ /* @end */ /* @group Contact */ #contact form .jqTransformInputWrapper { width: 350px !important; } #contact form .jqTransformInputWrapper input { width: 300px; } #contact form textarea { width: 340px; } /* @end */ /* @group Unavailable */ #unavailable { position: relative; } #unavailable #logo a { margin: 50px auto 75px; width: 275px; height: 48px; background: url(images/unavailable/logo.png); } #unavailable #ribbon { position: absolute; right: 0; top: 0; width: 136px; height: 152px; background: url(images/unavailable/ribbon.png); } #unavailable .content { background: url(images/unavailable/content.png); width: 454px; height: 80px; margin: 0 auto; color: #fff; text-align: center; padding: 25px 0 0; } #unavailable .content h3 { color: #fff; font-size: 18px; margin-bottom: 15px; text-shadow: #333 1px 1px 0; } #unavailable .content p { font-size: 14px; text-shadow: #333 1px 1px 0; } #unavailable .content a { border-bottom: 1px dotted #fff; line-height: 12px; } #unavailable .content a:hover { border: none; } #unavailable .island { position: relative; height: 350px; background: url(images/unavailable/bg.png) no-repeat 200px 18px;} #unavailable .island .clouds .cloud { position: absolute; top: 0; } #unavailable .island .clouds #cloud_one { width: 67px; height: 40px; background: url(images/unavailable/clouds/1.png); right: 220px; top: -25px;} #unavailable .island .clouds #cloud_two { width: 100px; height: 57px; background: url(images/unavailable/clouds/2.png); top: -20px; left: 215px; } #unavailable .island #island { background: url(images/unavailable/island.png); width: 557px; height: 72px; position: absolute; top: 150px; left: 200px; z-index: 2; } #unavailable .island #hole { height: 34px; width: 139px; background: url(images/unavailable/hole.png); position: absolute; left: 415px; top: 155px; z-index: 3;} #unavailable .island #truck { height: 123px; width: 159px; background: url(images/unavailable/truck.png); position: absolute; left: 300px; top: 60px; z-index: 3;} #unavailable .island #trees { height: 67px; width: 55px; background: url(images/unavailable/trees.png); position: absolute; right: 345px; top: 92px; z-index: 1;} #unavailable .island .waves .wave { position: absolute; bottom: 0; height: 84px; width: 940px; } #unavailable .island .waves #wave_one { bottom: 25px; z-index: 4; background: url(images/unavailable/waves/1.png); } #unavailable .island .waves #wave_two { bottom: 53px; z-index: 3; background: url(images/unavailable/waves/2.png); } #unavailable .island .waves #wave_three { bottom: 80px; z-index: 2; background: url(images/unavailable/waves/3.png); } #unavailable .island .waves .fade { position: absolute; bottom: 0; width: 314px; height: 189px; z-index: 10;} #unavailable .island .waves .fade.left { left: -10px; background: url(images/unavailable/waves/left.png); } #unavailable .island .waves .fade.right { right: -10px; background: url(images/unavailable/waves/right.png); } #unavailable #footer { text-align: center; } #unavailable #footer a#seegno { float: none; padding-top: 4px;} /* @end */ /* @group Seegno Pages */ #seegnoPages h1 { padding-bottom: 20px; } #seegnoPages h6 { margin-bottom: 5px; } #seegnoPages h6 a { color: #666; border-bottom: 1px dotted; } #seegnoPages h6 a:hover { color: #10acc6; border: none; } #seegnoPages #description a { color: #10acc6; } #seegnoPages #description a:hover { border-bottom: 1px dotted; } .cke_toolbox a:hover { border: 0 !important; } /* @end */ /* @group Signup */ #signup .header { margin-bottom:20px; } #signup .header h5{ font-weight:bold;} #signup .header p { padding-left:3px} #signup .box p.border { padding-bottom: 20px; } #signup form .form-row .jqTransformInputWrapper { width: 415px !important; } #signup form .form-row.left .jqTransformInputWrapper { width: 196px !important; } #signup form #email.form-row { margin-right: 8px; } #signup form .form-row p { margin-top: 10px; } #signup .features { padding: 260px 0px 0; background: url(images/misc/signup.png) no-repeat 20px top; } #signup .features .content { padding: 0 30px; } #signup .features .content li { font-size: 11px; color: #666; } #signup .features .content li a { color: #10acc6; } #signup .features .content li a:hover { border-bottom: 1px dotted; } /* @end */ /* @group Google Maps */ #google { position: relative; margin-bottom: 15px;} #google #map { border: 5px solid #f3f3f3; margin-bottom: 5px; } #google .geolocate { position: absolute; right: 170px; top: 9px; z-index: 10; background: url(images/misc/geolocate.png); padding: 5px 20px 10px; width: 100px; height: 15px; } #google .geolocate a.gt { font-weight: bold; background-position: right 5px; } #google #reason { display: none; position: absolute; top: 219px; left: 5px; color: #fff; background: url(images/misc/error.png); padding: 10px; width: 465px; text-shadow: #990000 0px 1px 1px; font-weight: bold; text-align: center;} #google #coordinates { background: #f3f3f3; width: 475px; padding: 5px 10px; } #google #coordinates small { margin-right: 5px; } #google #coordinates strong { margin-right: 5px; font-size: 14px; color: #666; } /* @end */ /* @group Eventful */ .eventful { line-height: 20px !important; padding-left: 20px; margin: 0 !important;} .eventful a { border-bottom: 1px dotted; color: #666 !important;} .eventful a:hover { color: #10acc6 !important; } .sidebar .eventful, .article .eventful { padding-left: 0; } .article .eventful { margin-bottom: 10px; } /* @end */ /* @group Uploadify */ #uploadify { float: right; overflow: hidden; } .uploadifyQueue { float: left; margin: 0 -11px 30px; } .uploadifyQueueItem, .uploadifyQueueItem.uploadifyError { padding: 5px !important; float: left; width: 138px !important; height: 137px; border: 0px !important; background: url(images/frames/medium.png) !important; position: relative !important; margin: 0px 11px 47px !important; } .uploadifyQueueItem .uploadifyProgress { margin-top: 65px; border: 0; background: #e3e3e3; height: 4px; } .uploadifyQueueItem .uploadifyProgressBar { background: #10acc6 !important; height: 4px; } .uploadifyQueueItem span.fileName { display: none; } .uploadifyQueueItem span.percentage { font-size: 11px; font-weight: bold; color: #fff; position: absolute; bottom: -30px; left: 0; height: 15px; background: #66b5c4; padding: 5px 5px 5px 20px; overflow: hidden; width: 122px; } .uploadifyQueueItem .cancel { position: absolute; left: 7px; bottom: -22px; z-index: 1; } .uploadifyQueueItem .cancel a { float: left !important; text-indent: -9999px !important; background: url(../images/sprites.png) -140px -51px !important; width: 8px; height: 8px; } .uploadifyQueueItem .cancel a:hover { background-position: -148px -43px !important; } /* @end */ /* @group Dashboard */ #dashboard.row { min-height: 400px; overflow: visible; } #dashboard .box.minimal { margin-bottom: 20px; } #dashboard .column.grid_4 h4 { margin-bottom: 5px; } #dashboard .column.grid_4 #proceed_to_checkout { text-align: center; margin-right: 0; width: 160px;} #dashboard .column.grid_4 .gt { background-position: right 8px; margin-bottom: 30px;} /* @group Missing Box */ #missing { margin-bottom: 20px; position: relative; } #missing a.delete { position: absolute; top: 20px; right: 20px; } #missing h4 { padding-bottom: 10px; margin-bottom: 10px; } #missing li { background: url(images/misc/gray_bar.png); height: 30px; margin-bottom: 3px; } #missing a { line-height: 30px; font-size: 12px; background-position: right 7px; } #missing a:hover { color: #10acc6; border: none; } #missing span { padding: 5px 0 5px 50px; background: url(images/misc/icons/house.png) no-repeat 20px center; } #missing a.cell span { background-image: url(images/misc/icons/cell.png); } #missing a.verified span { background-image: url(images/misc/icons/shield.png); } /* @end */ /* @group Sidebar */ #sidebar { padding-bottom: 10px; background: url(images/sidebar/shadow.png) no-repeat center bottom; margin-bottom: 30px; } #sidebar .head { display: block; cursor: pointer; padding: 8px 20px; height: 12px; line-height: 12px; color: #333; background: url(images/sidebar/normal.png); } #sidebar > li:first-child .head, #sidebar .head:hover { background: url(images/sidebar/top.png); } #sidebar .head:hover { border-top: 1px solid #cdcdcd; padding-top: 7px; } #sidebar > li:first-child .head:hover { border: none; padding-top: 8px; } #sidebar ul { list-style: none; margin: 0; background: url(images/sidebar/submenu.png) no-repeat center top; } #sidebar ul li { margin: 0; padding: 10px 20px 0px 20px; } #sidebar ul li.last { padding-bottom: 10px; } #sidebar a { color: #333; } #sidebar > li > ul > li.active > a, #sidebar a:hover { color: #10acc6; text-decoration: none; } /* @group Shopping Cart */ #shopping_cart { position: relative; } #shopping_cart #indicator.loader { position: absolute; right: 5px; top: 3px; background: url(images/misc/indicator.gif); width: 16px; height: 16px; display: none; } #shopping_cart input.spinbox-active { float: left; margin-right: 6px; border: none; width: 30px; height: 18px; background-image: url(images/form/spinner.png) !important; background-position: -5px -5px; padding: 2px 25px 2px 5px; } #shopping_cart input.spinbox-active.spinbox-up-hover { background-position: -5px -37px !important; } #shopping_cart input.spinbox-active.spinbox-down-hover { background-position: -5px -101px !important; } #shopping_cart input.spinbox-active.spinbox-up { background-position: -5px -69px !important; } #shopping_cart input.spinbox-active.spinbox-down { background-position: -5px -133px !important; } #shopping_cart .box.minimal .box > .wrapper { padding: 0 7px; } #shopping_cart p { line-height: 24px; } #shopping_cart .price { text-align: right; background: url(images/checkout/bg_price.png); width: 63px; height: 25px; padding: 0 10px; } /* @end */ /* @end */ /* @group Requests */ .requests .box { position: relative; margin-bottom: 20px; } .requests .badge { position: absolute; right: 20px; top: 20px; } .requests .content { width: 521px; } .requests .content p.border { padding-bottom: 10px; } .requests .content .navigation li { width: 80px; } .requests .content .navigation li.first { width: 290px; } .requests .request .wrapper .actions { width: 162px; } .requests .request .wrapper .statistics_graph { position: relative; } .requests .request .wrapper .statistics_graph .actions { width: 64px; position: absolute; z-index: 1; right: 10px; top: 25px; } .requests .request .wrapper .statistics_graph .actions a { background: url(images/misc/zoom.png); width: 26px; height: 26px; display: block; float: left; margin: 0 3px; } .requests .request .wrapper .statistics_graph .actions a:hover { background-position: left center; } .requests .request .wrapper .statistics_graph .actions a:active { background-position: left bottom; } .requests .request .wrapper .statistics_graph .actions a.zoom_out { background-position: right top; } .requests .request .wrapper .statistics_graph .actions a.zoom_out:hover { background-position: right center; } .requests .request .wrapper .statistics_graph .actions a.zoom_out:active { background-position: right bottom; } .requests .content .address_verification { font-size: 11px; background: #fff url(images/misc/icons/shield.png) no-repeat 5px 5px; padding: 5px 10px 5px 25px; } #properties.requests .content { width: 350px; margin-right: 9px; } #properties.requests .statistics_graph { margin-top: 20px; padding-bottom: 10px; display: none; height: ;} #properties.requests .information .content { width: 590px; } #properties.requests .request .box > .bottom { background: url(images/misc/property_admin.png) no-repeat 0 0; height: 36px; line-height: 36px; } #properties.requests .request .box > .bottom li { margin: 0; } #properties.requests .request .box > .bottom a { color: #666; text-shadow: #fff 0px 1px 1px; text-transform: uppercase; font-size: 10px; display: block; padding-left: 45px; width: 84px; height: 34px; } #properties.requests .request .box > .bottom .featured a { width: 162px; } #properties.requests .request .box > .bottom .statistics a { width: 80px; } #properties.requests .request .box > .bottom .edit a, #properties.requests .request .box > .bottom .delete a { width: 74px; } #properties.requests .request .box > .bottom .publish a:hover { background: url(images/misc/property_admin.png) no-repeat 0px -36px; } #properties.requests .request .box > .bottom .publish a:active { background: url(images/misc/property_admin.png) no-repeat 0px -72px; } #properties.requests .request .box > .bottom .featured a:hover { background: url(images/misc/property_admin.png) no-repeat -129px -36px; } #properties.requests .request .box > .bottom .featured a:active { background: url(images/misc/property_admin.png) no-repeat -129px -72px; } #properties.requests .request .box > .bottom .statistics a:hover { background: url(images/misc/property_admin.png) no-repeat -336px -36px; } #properties.requests .request .box > .bottom .statistics a:active { background: url(images/misc/property_admin.png) no-repeat -336px -72px; } #properties.requests .request .box > .bottom .edit a:hover { background: url(images/misc/property_admin.png) no-repeat -461px -36px; } #properties.requests .request .box > .bottom .edit a:active { background: url(images/misc/property_admin.png) no-repeat -461px -72px; } #properties.requests .request .box > .bottom .delete a:hover { background: url(images/misc/property_admin.png) no-repeat -580px -36px; } #properties.requests .request .box > .bottom .delete a:active { background: url(images/misc/property_admin.png) no-repeat -580px -72px; } /* @group vcard */ .box.vcard h4 { color: #666; line-height: 15px;} .box.vcard > .wrapper h4 { margin-bottom: 10px; } .box.vcard > .wrapper p { font-size: 11px; line-height: 18px; } .box.vcard > .top { background: none !important; height: 80px; position: relative; } .box.vcard > .top > .left, .box.vcard > .top > .right { position: absolute; top: 0; width: 5px; height: 80px; } .box.vcard > .top > .left { left: 0; background: url(images/boxes/misc/vcard/left.png); } .box.vcard > .top > .wrapper { margin: 0 5px; background: url(images/boxes/misc/vcard/bg.png); height: 65px; padding: 15px 15px 0 15px; } .box.vcard > .top > .right { right: 0; background: url(images/box/vcard/right.png); } .box.vcard li { width: 135px; margin-right: 30px; height: 51px; background: url(images/boxes/misc/vcard/separator.png) no-repeat right center; } .box.vcard li.last { background: none; } #conversation .box.blue h4 { background: url(images/misc/icons/personal.png) no-repeat left center; padding-left: 20px; } #conversation p { font-size: 11px; color: #666; } #conversation .normal p { color: #999; } #conversation .actions { background: none; margin: 0; } #conversation textarea { width: 680px; height: 100px; } #book #field_period_begin_at, #book #field_period_end_at { float: left !important; clear: none;} #book #field_period_begin_at { margin-right: 20px; } #book #field_period_begin_at .jqTransformInputWrapper, #book #field_period_begin_at .jqTransformInputInner, #book #field_period_begin_at .jqTransformInputInner .jqTransformInput, #book #field_period_end_at .jqTransformInputWrapper, #book #field_period_end_at .jqTransformInputInner, #book #field_period_end_at .jqTransformInputInner .jqTransformInput { width: 210px !important; } #book #date { position: relative; } #book #date h1 { color: #10acc6; } #book #date span { position: absolute; right: 20px; top: 11px; padding: 5px 10px; background: #f2f2f2; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #steps { margin-bottom: 30px; } #steps li { margin: 0 9px 0 8px; } #steps li a { display: block; padding: 10px 14px; width: 134px; height: 89px; background: url(images/misc/steps/normal.png); font-size: 18px; line-height: 14px; } #steps li a h3 { margin: 10px 0 5px; } #steps li.active a, #steps li a:hover { background: url(images/misc/steps/active.png); text-decoration: none; border: none; } /* @end */ /* @end */ /* @end */ /* @group Search */ .search h1 { font-size: 18px; } .search .box { position: relative; margin-bottom: 20px;} .search p { font-size: 10px; padding-bottom: 10px; margin-top: 3px; } .search p .matched_options { margin-left: 10px; background: #10acc6; padding: 3px 5px; color: #fff; text-shadow: none ;} .search p.dark { padding-bottom: 10px; } .search .actions { position: absolute; top: 15px; right: 15px; width: 161px; } .search .actions a { margin-bottom: 3px !important; } .search .prices { margin-bottom: 10px; } #events .search .actions a { width: 145px; text-align: center;} #events .grid_12 .box.frammed .content { width: 520px; margin: 0; } #events ul li.when, #events ul li.where { width: 180px; } .search .content { width: 351px; margin-right: 10px; } .search .content p { font-size: 10px; color: #666; padding: 0;} .search a.view_details { width: 142px; margin: 0; text-align: center; float: right; } /* Search Sidebar */ #search_sidebar {} #search_sidebar .lpanelbg{width:200px;padding:10px;background:#082024 url(images/altar/search-lpan-bg.jpg) repeat-y top right;} #search_sidebar .form-row { overflow: hidden; } #search_sidebar .jqTransformInputWrapper, #search_sidebar div.jqTransformInputInner, #search_sidebar div.jqTransformInputInner .jqTransformInput { width: 160px !important; } #search_sidebar #themes.box > .wrapper { overflow: visible; height: 220px; } #search_sidebar .jqTransformSelectWrapper { width: 180px !important; margin-bottom: 10px; margin-right: 0; } #search_sidebar .half { float: left; margin-right: 9px; } #search_sidebar .half .jqTransformSelectWrapper { width: 85px !important; } #search_sidebar #price_range { position: relative; padding-bottom: 30px;} #search_sidebar #price_range #prices_range { position: absolute; bottom: 0; width: 185px; text-align: center; } #search_sidebar #price_range .jqTransformInputInner, #search_sidebar #price_range .jqTransformInputWrapper { background: none !important; margin: 0 !important; display: none;} #search_sidebar #price_range .ui-slider { background: url(images/slider/slider.png); width: 165px; height: 7px; margin: 5px auto 0;} #search_sidebar #price_range .ui-slider-horizontal .ui-slider-range { background: url(images/slider/active.png); height: 6px !important; } #search_sidebar #price_range .ui-slider-handle { background: url(images/slider/pointer.png); width: 16px; height: 16px; border: 0;} #search_sidebar .unaccordion .unselected { display: none; } #search_sidebar .category h4 { padding-left: 20px; background: url(images/misc/collapse.png) no-repeat 0 bottom; line-height: 14px; } #search_sidebar .category h4.active { background-position: 0 top; } #search_sidebar .actions { position: relative; width: auto; top: 0; left: 0; margin-top: 10px; padding-top: 5px;} #search_sidebar a.gt { background-position: right 8px; } #search_sidebar .category .form-row { margin: 0; padding: 0; line-height: 20px;} #search_sidebar .jqTransformCheckboxWrapper { float: left; } #search_sidebar .category label { float: left; clear: none; margin-left: 20px; margin-right: 0; text-transform: none; color: #000; text-shadow: #fff 0px 1px 1px;} .search #keywords .jqTransformInputWrapper { margin-bottom: 10px; } .search #keywords small { display: block; padding-bottom: 5px; } .search #keywords ul { margin-top: 10px; } .search #keywords li { padding-left: 10px; background: url(images/arrows/right.png) 8px left no-repeat; } .search #cities li { height: auto; margin: 0; width: 165px; } .search #cities ul.count_3 li { width: 220px; } .search #cities ul.count_2 li { width: 330px; } .search #keywords li a, .search #cities li a { color: #666; border-bottom: 1px dotted; font-size: 10px; } .search #keywords li a:hover, .search #cities li a:hover { color: #10acc6; } .search #search_header h1 { margin-bottom: 5px; } .search #search_header .frame { margin-right: 20px; } .search #search_header .content { width: 761px; margin: 0; } .search #search_header .content p { float: left; width: 580px; margin-right: 20px; } .search #search_header ul { float: left; } .search #search_header li { margin: 0; } .search #search_header .lighter a { color: #10acc6; } .search #search_header .lighter a:hover { border-bottom: 1px dotted; } .search .box .meta a { color: #666; } .search .box .meta a:hover { color: #10acc6; } /* @end */ .leftpanel #price_range { position: relative; padding-bottom: 30px;} .leftpanel #price_range #prices_range { position: absolute; bottom: 0; width: 185px; text-align: center; } .leftpanel #price_range .jqTransformInputInner, #search_sidebar #price_range .jqTransformInputWrapper { background: none !important; margin: 0 !important; display: none;} .leftpanel #price_range .ui-slider { background: url(../images/slider/slider.png); width: 165px; height: 7px; margin: 5px auto 0;} .leftpanel #price_range .ui-slider-horizontal .ui-slider-range { background: url(../images/slider/active.png); height: 6px !important; } .leftpanel #price_range .ui-slider-handle { background: url(../images/slider/pointer.png); width: 16px; height: 16px; border: 0;} /* @group Properties */ /* @group Property Form */ #property_information a.preview.gt { position: absolute; top: 1px; right: 5px; background-position: right 8px; } #mobile p.buy { position: absolute; top: -25px; right: 5px; } #property_information, #mobile .box { position: relative; } #property_information .box { margin-bottom: 20px; } #property_information #location.box { position: relative; } #property_information #location.box a.unlock, #property_information #location.box a.lock { position: absolute; top: -25px; right: 5px; padding-left: 20px; color: #666; text-transform: uppercase; text-shadow: #fff 0px 1px 1px; } #property_information #location.box a.unlock { background-image: url(images/misc/verified/locked.png); } #property_information #location.box a.lock { background-image: url(images/misc/verified/unlocked.png); } #property_information #location.box .locked, #property_information #location.box .shield { position: absolute; top: 0px; left: 0px; z-index: 999; } #property_information #location.box .locked { background: url(images/misc/verified/bg.png); width: 700px; height: 559px; } #property_information #location.box .shield { background: url(images/misc/verified/badge.png) no-repeat 200px 145px; width: 270px; height: 219px; padding: 315px 210px 0 220px; text-align: center; text-shadow: #fff 0px 1px 1px;} #property_information button.jqTransformButton span span { width: 70px; } #property_information input[type="submit"] { margin-left: 10px; } #property_information .jqTransformInputWrapper, #property_information div.jqTransformInputInner, #property_information div.jqTransformInputInner .jqTransformInput, #property_information textarea, #property_information .jqTransformTextarea div { width: 470px !important; } /* custom */ #property_information #field_property_name, #property_information #field_property_property_type_id, #property_information #field_property_area, #property_information #field_property_area_type, #property_information #field_property_people, #property_information #field_property_country_id, #property_information #field_property_city_id, #property_information #field_property_zip_code, #property_information #field_property_contact_name, #property_information #field_property_contact_phone, #property_information #field_property_bedrooms { float: left; clear: none; } #property_information #field_property_name { width: 290px; margin-right: 11px; } #property_information #field_property_name .jqTransformInputWrapper, #property_information #field_property_name .jqTransformInputInner, #property_information #field_property_name .jqTransformInputInner .jqTransformInput { width: 270px !important; } #property_information #field_property_area, #property_information #field_property_area, #property_information #field_property_country_id { width: 160px; margin-right: 10px; } #property_information #field_property_area { width: 120px; } #property_information #field_property_bedrooms { width: 75px; margin-right: 10px; } #property_information #field_property_bedrooms .jqTransformSelectWrapper ul, #property_information #field_property_people .jqTransformSelectWrapper ul { height: 85px !important; width: 65px !important; } #property_information #field_property_area_type .jqTransformSelectWrapper ul { width: 122px !important; } #property_information #field_property_area_type, #property_information #field_property_area_type .jqTransformSelectWrapper { width: 135px !important; margin-right: 10px; } #property_information #field_property_people { width: 120px; } #property_information #field_property_people > p { float: left; line-height: 33px; font-size: 11px; } #property_information #field_property_city_id { width: 190px; margin-right: 10px; } #property_information #field_property_zip_code { width: 120px; } #property_information #field_property_country_id .jqTransformInputWrapper, #property_information #field_property_country_id .jqTransformInputInner, #property_information #field_property_country_id .jqTransformInputInner .jqTransformInput { width: 140px !important; } #property_information #field_property_area .jqTransformInputWrapper, #property_information #field_property_area .jqTransformInputInner, #property_information #field_property_area .jqTransformInputInner .jqTransformInput { width: 100px !important; } #property_information #field_property_people .jqTransformInputWrapper, #property_information #field_property_people .jqTransformInputInner, #property_information #field_property_people .jqTransformInputInner .jqTransformInput, #property_information #field_property_zip_code .jqTransformInputWrapper, #property_information #field_property_zip_code .jqTransformInputInner, #property_information #field_property_zip_code .jqTransformInputInner .jqTransformInput { width: 100px !important; } #property_information #field_property_city_id .jqTransformInputWrapper, #property_information #field_property_city_id .jqTransformInputInner, #property_information #field_property_city_id .jqTransformInputInner .jqTransformInput { width: 170px !important; } #property_information #field_property_name .form-help, #property_information #field_property_area .form-help, #property_information #field_property_country_id .form-help { left: 500px; } #property_information #field_property_people .form-help { left: 180px; } #property_information #field_property_city_id .form-help { left: 330px; } #property_information #field_property_zip_code .form-help { left: 130px; } #property_information #field_property_summary span.counter, #property_information #field_property_description span.counter, #property_information #field_property_address span.counter { right: 175px; } #property_information #field_property_contact_name { margin-right: 20px; } #property_information #field_property_contact_name .jqTransformInputWrapper, #property_information #field_property_contact_name .jqTransformInputInner, #property_information #field_property_contact_name .jqTransformInputInner .jqTransformInput, #property_information #field_property_contact_phone .jqTransformInputWrapper, #property_information #field_property_contact_phone .jqTransformInputInner, #property_information #field_property_contact_phone .jqTransformInputInner .jqTransformInput { width: 220px !important; } /* @group Gallery */ #property_information.step2 .thumbnails { overflow: inherit; float: left; margin: 0 -11px 30px; } #property_information.step2 .thumbnails li, #property_information.step2 .thumbnails li.last { margin: 0 11px 22px !important; cursor: move; } #property_information.step2 .thumbnails .label { width: 137px; padding: 5px; color: #fff; background: #66b5c4; float: left; overflow: hidden; clear: both; margin-top: 5px; } #property_information.step2 .thumbnails li .frame { position: relative; } #property_information.step2 .thumbnails li.disabled .frame .overlay { position: absolute; background: url(images/misc/verified/bg.png); top: 5px; left: 5px; height: 135px; width: 138px; z-index: 1; } #property_information.step2 .thumbnails .label label { float: left !important; width: 124px; overflow: hidden; margin: 0; margin-left: 5px; line-height: 16px; font-size: 11px; } #property_information.step2 .thumbnails .label:hover { padding: 4px; border: 1px solid #f6eba9; background: #fffbe0; } #property_information.step2 .thumbnails .label:hover label { color: #666;cursor: text; } #property_information.step2 .thumbnails .label input { border: none; line-height: 14px; padding: 0;} .large img.external { margin-left: 24px; margin-top: 12px; } .small img.external { margin-left: -75px; margin-top: -75px; } .x-large img.external { margin: 15px 0; } /* @end */ /* @group Calendar */ #calendar { position: relative; margin-bottom: 30px; } #calendar .arrow { position: absolute; top: 0; } #calendar .arrow.left { left: 0; } #calendar .arrow.right { right: 0; } #calendar #months h4 { text-align: center; margin-bottom: 5px; } #calendar table { width: 206px; color: #666; font-size: 11px; } #calendar table thead tr { border-right: 1px solid #f9f9f9; } #calendar table thead tr th { background: #e3e3e3; height: 17px; border-bottom: 4px solid #f9f9f9; } #calendar table td { text-align: center; vertical-align: middle; background: #eee; border-right: 1px solid #f9f9f9; border-bottom: 1px solid #f9f9f9; height: 24px; text-decoration: line-through; color: #c0c0c0; } #calendar table td.available { background: #fff; color: #666; text-decoration: none; } #calendar table td.available a { display: block; } #calendar table td.booked, #property_show #calendar table td.reserved.owner { background: #10acc6; color: #fff; text-decoration: none; } #calendar table td.hover.available { background-image: url(images/misc/rates/hover.png) !important; } #calendar table td.hover.available a { color: #666 !important; } #calendar table td.active a { font-weight: bold; color: #99cc33; } #property_show #calendar table td.reserved.owner { color: #10ACC6; background: #eee; text-decoration: line-through; } form #calendar table td.unavailable { color: #ff9999; } form #calendar table td.reserved { color: #10acc6; } #calendar #labels li { padding-left: 20px; margin-right: 15px; background-position: left center; background-repeat: no-repeat; } #calendar #labels li.available { background-image: url(images/misc/rates/available.png); } #calendar #labels li.booked { background-image: url(images/misc/rates/booked.png); } #calendar #labels li.unavailable { background-image: url(images/misc/rates/unavailable.png); } #calendar #labels li.note { background-image: url(images/misc/rates/dashed.png); } #calendar .details { margin-top: 20px; } #calendar #rates .prices li { width: 100px; } #calendar #rates #currencies { margin-left: 60px; } #calendar #rates #filter { margin-top: 2px; } #calendar #rates #filter li { margin: 0 1px 0 0; background: #e3e3e3; } #calendar #rates #filter li a { display: block; padding: 0 5px; color: #666; font-size: 11px; line-height: 15px; } #calendar #rates #filter li a.active, #calendar #rates #filter li a:hover { color: #fff; background: #2898ad; } /* @end */ /* @group Inner Box */ .grid_12 .inner.box h3 { text-transform: capitalize; padding: 5px 0 15px 8px; font-size: 18px; } .grid_12 .inner.box .actions { position: absolute; top: 16px; right: 10px; line-height: 20px; } .grid_12 .inner.box .actions label { float: left; margin-right: 15px; text-transform: uppercase; font-size: 10px; color: #666; } .grid_12 .inner.box .box.information { margin: 15px auto 10px; } .grid_12 .inner.box .box.information .top, .grid_12 .inner.box .box.information .wrapper, .inner.box .box.information .bottom { background: none; height: 0; } .grid_12 .inner.box .box.information .wrapper { height: auto; } .grid_12 .inner.box .box.information .wrapper .content, .grid_12 .inner.box .box.information .wrapper .content p { padding: 0; background: none; text-align: center; width: 100%; } /* @end */ /* @end */ /* @group Property Show */ #property_show .box.frammed { margin-bottom: 50px; } #property_show .box.frammed > .wrapper { padding-bottom: 20px; } #property_show .box.frammed .content { width: 300px; margin-right: 15px; } #property_show #verified_address.border { padding-bottom: 10px; margin-bottom: 10px; } #property_show a.contact { padding: 0 0 0 50px; width: 137px; height: 29px; line-height: 29px; background: url(images/misc/contact_owner.png); } #property_show a.contact:hover { background-position: 0px -29px; } #property_show a.contact:active { background-position: 0px -58px; } #property_show .notepad h4 { padding-bottom: 5px; margin-bottom: 5px; } #property_show .box { margin-bottom: 20px; position: relative; } #property_show .box a.top { position: absolute; top: -30px; right: 5px; } #property_show .thumbnails {width:900px;} #property_show .thumbnails li {float:left;width:200px; margin-right:30px; margin-bottom: 20px;} #property_show #property_type, #property_show #people { margin-right: 20px; } #property_show #description #text { width: 540px; margin-right: 30px; padding-right: 30px; float: left; background: url(images/misc/separator.png) no-repeat right top; } #property_show #description #amenities_summary { float: left; width: 300px; } #property_show #description #amenities_summary .category { width: 145px; } #property_show #description #amenities_summary .category.column_0 { margin-right: 10px; } #property_show #description #related { width: 320px; float: left; } #property_show #description #related .box > * { background: none; padding: 0; height: 0; } #property_show #description #related .box > .wrapper { padding: 0; height: auto; } #property_show #description #related .gt { float: right; background-position: right 8px; } #property_show #description .more { color: #10acc6; } #property_show #description .more:hover { border-bottom: 1px dotted; } #property_show #location .content { width: 430px; } #property_show #location .country { width: 180px; } #property_show #location .city { width: 125px; } #property_show #calendar { margin: 0 auto; width: 889px;} #property_show #calendar table { width: 283px; } #property_show table thead tr th { height: 27px; } #property_show #calendar table td { height: 34px; } #property_show #calendar table td a { height: 22px; padding: 7px 0px 5px 0px; margin: 0px; } #properties #highlights #advertisement { margin-top: 30px !important; } /* @group Actions */ #property_show #links { height: 49px; } #property_show #links li { margin: 0; } #property_show #links a { height: 49px; background: url(images/misc/property_actions.png); } #property_show #links a.description { width: 147px; } #property_show #links a.description:hover { background-position: 0px 98px; } #property_show #links a.description:active { background-position: 0px 49px; } #property_show #links a.photo_gallery { width: 167px; background-position: -147px 0px; } #property_show #links a.photo_gallery:hover { background-position: -147px 98px; } #property_show #links a.photo_gallery:active { background-position: -147px 49px; } #property_show #links a.location { width: 136px; background-position: -314px 0px; } #property_show #links a.location:hover { background-position: -314px 98px; } #property_show #links a.location:active { background-position: -314px 49px; } #property_show #links a.availability_and_rates { width: 192px; background-position: -450px 0px; } #property_show #links a.availability_and_rates:hover { background-position: -450px 98px; } #property_show #links a.availability_and_rates:active { background-position: -450px 49px; } #property_show #links a.amenities { width: 144px; background-position: -642px 0px; } #property_show #links a.amenities:hover { background-position: -642px 98px; } #property_show #links a.amenities:active { background-position: -642px 49px; } #property_show #links a.edit { width: 154px; background-position: -786px 0px; } #property_show #links a.edit:hover { background-position: -786px 98px; } #property_show #links a.edit:active { background-position: -786px 49px; } #property_show #links a.none { width: 154px; background-position: -940px 0px; cursor: default; } /* @end */ /* @end */ /* @group Unavailable Perid Modal */ #period .lite.box .wrapper { overflow: visible !important } #period #rate { margin-bottom: 20px; } #period .form-row { float: left; clear: none; } #period #field_period_begin_at.form-row { margin-right: 30px; } #period #field_period_begin_at .jqTransformInputWrapper, #period #field_period_begin_at div.jqTransformInputInner, #period #field_period_begin_at div.jqTransformInputInner .jqTransformInput, #period #field_period_end_at .jqTransformInputWrapper, #period #field_period_end_at div.jqTransformInputInner, #period #field_period_end_at div.jqTransformInputInner .jqTransformInput { width: 210px !important; } #period #field_period_name.form-row { float: none; clear: both; } #period #field_period_name .jqTransformInputWrapper, #period #field_period_name.form div.jqTransformInputInner, #period #field_period_name div.jqTransformInputInner .jqTransformInput { width: 470px !important; } #period #field_period_minimum_stay { float: none; clear: both; /*height: 140px;*/ } #period #field_period_minimum_stay .jqTransformCheckboxWrapper { margin-left: 5px; } #period #field_period_minimum_stay .jqTransformInputWrapper { margin-left: 10px; } #period #field_period_minimum_stay .jqTransformInputWrapper, #period #field_period_minimum_stay div.jqTransformInputInner, #period #field_period_minimum_stay div.jqTransformInputInner .jqTransformInput { width: 60px !important; margin-right: 15px;} #period #rates .jqTransformInputWrapper, #period #rates div.jqTransformInputInner, #period #rates .jqTransformInputInner .jqTransformInput { width: 60px !important; margin-right: 20px;} #period #rates .rate .currency_id .jqTransformSelectWrapper, #period #rates .rate .currency_id label { margin-left: 40px; } #period #rates .jqTransformSelectWrapper, #period #rates .jqTransformSelectWrapper span { width: 140px !important; margin-right: 10px; } #period #rates a.action.delete { margin: 43px 0 0px 8px; position: absolute; } #period #rates .jqTransformSelectWrapper { position: static; } #period #rates .jqTransformSelectWrapper ul { top: 62px; left: 46px; width: 135px !important; } #period form a.add_rate { float: right; color: #666; border-bottom: 1px dotted; font-size: 11px; line-height: 15px; margin-top: 15px; text-shadow: #fff 0px 1px 1px;} #period form a.add_rate:hover { color: #10acc6; } #period #stay { padding-bottom: 10px; } #period .form-help { display: block; width: 240px; margin-top: 3px;} #period .form-help .content { padding: 7px 12px; } #period .form-help h4 { display: none; } #period.occupation #field_period_name.form-row { float: left; clear: none; } #period #field_period_status .jqTransformSelectWrapper, #period #field_period_status .jqTransformSelectWrapper span { width: 140px !important; margin-right: 10px; } #period.occupation #field_period_name .jqTransformInputWrapper, #field_period_name #field_period_name div.jqTransformInputInner, #period.occupation #field_period_name div.jqTransformInputInner .jqTransformInput { width: 322px !important; } /* @end */ /* @group Contact Owner */ #contact_owner #field_request_arrival.form-row, #contact_owner #field_request_departure.form-row { float: left; clear: none; } #contact_owner #field_request_arrival.form-row { margin-right: 30px; } #contact_owner #field_request_arrival .jqTransformInputWrapper, #contact_owner #field_request_arrival div.jqTransformInputInner, #contact_owner #field_request_arrival div.jqTransformInputInner .jqTransformInput, #contact_owner #field_request_departure .jqTransformInputWrapper, #contact_owner #field_request_departure div.jqTransformInputInner, #contact_owner #field_request_departure div.jqTransformInputInner .jqTransformInput { width: 210px !important; } #contact_owner textarea, #contact_owner input#request_email { width: 459px; } /* @end */ /* @end */ /* @group Settings */ #settings .form-row.first { margin-right: 30px; } #settings .jqTransformInputWrapper, #settings div.jqTransformInputInner, #settings div.jqTransformInputInner .jqTransformInput, #settings textarea, #settings .jqTransformTextarea div { width: 210px !important; } #settings #email_address .jqTransformInputWrapper, #settings #email_address .jqTransformInputInner, #settings #email_address .jqTransformInputInner .jqTransformInput { width: 460px !important; } #settings .fields .border { margin-bottom: 20px; padding-bottom: 20px; } #settings .form-row.first .form-help { left: 500px; } #settings .form-row.last .form-help { left: 250px; } /* @end */ /* @group City View */ #flickr { margin-bottom: 15px; } #flickr > .top, #flickr > .bottom { height: 10px; background: url(images/boxes/misc/flickr/top.png); } #flickr > .bottom { background: url(images/boxes/misc/flickr/bottom.png); } #flickr > .wrapper { padding: 10px 10px 10px 20px; background: url(images/boxes/misc/flickr/bg.png); } #flickr ul.thumbnails{width:500px;} #flickr label { display: none; position: absolute; bottom: 0px; background: url(images/misc/label.png); width: 222px; color: #fff; padding: 3px 10px; font-size: 11px; } #flickr .first { position: relative; width: 242px; height: 183px; overflow: hidden;} #flickr .first label { display: block; cursor: pointer; } #flickr .first img { margin-left: -30px; margin-top: -10px;} #flickr .frame img { _margin: -20px 0 0 -50px; } /* @end */ th#net_amount { width: 90px; } #account_history th#date { width: 110px; } #account_history .back { background-position: left 5px; } #account_history #all_activity h3 { padding-top: 10px; } #account_history .jqTransformInputWrapper, #account_history .jqTransformInputInner, #account_history .jqTransformInputInner .jqTransformInput, #account_history .jqTransformInputWrapper, #account_history .jqTransformInputInner, #account_history .jqTransformInputInner .jqTransformInput { width: 150px !important; } #account_history .jqTransformInputWrapper { margin: 0 10px; } #account_history span.label { color: #fff; display: block; padding: 3px; line-height: 15px; text-align: center; } #account_history .completed { background: #65ca65; } #account_history .processing { background: #ffcc33; } #account_history .canceled, #account_history .invalid { background: #ff9899; } #account_products .box { margin-bottom: 30px; } #account_products h2.border { padding-bottom: 5px; } input.spinbox-active { float: left; margin-right: 10px; border: none; width: 30px; height: 18px; background-image: url(images/form/spinner.png) !important; padding: 7px 30px 7px 10px; } input.spinbox-active.spinbox-up-hover { background-position: 0 -32px !important; } input.spinbox-active.spinbox-down-hover { background-position: 0 -96px !important; } input.spinbox-active.spinbox-up { background-position: 0 -64px !important; } input.spinbox-active.spinbox-down { background-position: 0 -128px !important; } #account_products .action.delete { margin-top: 4px; } #account_products #actions p { line-height: 25px; margin: 0 3px 0 0 !important; } #account_products #actions .paypal { background: url(images/checkout/paypal.png) 0 -1px; width: 170px; } #account_products #cards { background: url(images/checkout/cards.png) no-repeat; height: 40px; } /* @group Upgrades */ .upgrades { margin-right: 0; width: 710px; } .upgrades h2.border { padding-bottom: 10px; margin-top: 20px; margin-right: 10px;} .upgrades #actions span { color: #ccc; } .upgrades .upgrade { margin-bottom: 20px; position: relative; width: 710px;} .upgrades .upgrade .ribbon { display: none !important; position: absolute; top: -5px; right: 5px; background: url(images/upgrades/ribbon.png); width: 64px; height: 64px; } .upgrades .upgrade.added .ribbon { display: block !important; } .upgrades .upgrade > .wrapper { padding-bottom: 10px; } .upgrades.grid_12 .upgrade > .bottom { background: url(images/boxes/misc/more/bg.png) no-repeat 0px -70px; height: 23px; cursor: pointer;} .upgrades .upgrade > .bottom:hover { background-position: 0px -93px; } .upgrades .upgrade > .bottom:active { background-position: 0px -116px; } .upgrades .upgrade.closed, .upgrades .upgrade.closed > * { cursor: pointer; } .upgrades .upgrade.closed .content p { height: 100px; } .upgrades .upgrade.closed .wrapper { height: 83px; } .upgrades .upgrade.closed > .bottom { background-position: 0 0; } .upgrades .upgrade.closed:hover > .bottom { background-position: 0px -23px; } .upgrades .upgrade.closed:active > .bottom { background-position: 0px -46px; } .upgrades .upgrade h4 { font-size: 14px; margin-bottom: 10px;} .upgrades .upgrade h4 span { text-transform: none; } .upgrades .upgrade h4 sup { font-size: 10px; vertical-align: super; } .upgrades .upgrade .wrapper > .price { width: 102px; height: 62px; margin-right: 20px; background: url(images/upgrades/price.png) no-repeat; float: left; padding: 12px 10px 5px; text-align: center; } .upgrades .upgrade .wrapper > .price h4 { margin-bottom: 8px; line-height: 15px; } .upgrades .upgrade .wrapper > .price h4 span { color: #10acc6; text-transform: uppercase;} .upgrades .upgrade .wrapper > .price p { color: #fff; font-size: 14px; } .upgrades .upgrade .wrapper > .price p big { font-size: 18px; } .upgrades .upgrade .content { float: left; width: 518px; line-height: 18px; } .upgrades .upgrade .content > p.border { padding-bottom: 20px; } .upgrades .upgrade .content .form-row { line-height: 34px; margin-bottom: 0px; padding: 0; overflow: hidden;} .upgrades .upgrade .content .form-row p { float: left; } .upgrades .upgrade .content .form-row .button { margin-top: 3px; } .upgrades .upgrade .content .form-row .jqTransformSelectWrapper { margin-right: 15px; } .upgrades .upgrade .content .form-row ul { height: 70px; } .upgrades .upgrade .content .form-row li { line-height: 15px; } .upgrades .upgrade .content .actions { padding-bottom: 10px; } .upgrades .upgrade .description .image { height: 147px; background-repeat: no-repeat; background-position: center center; margin: 20px auto; } .upgrades #standard.upgrade .description .image { background-image: url(images/upgrades/images/standard.png); } .upgrades #verification.upgrade .description .image { background-image: url(images/upgrades/images/verification.png); } .upgrades #smsalert.upgrade .description .image { background-image: url(images/upgrades/images/smsalert.png); } .upgrades #photos.upgrade .description .image { background-image: url(images/upgrades/images/photos.png); } .upgrades #featured.upgrade .description .image { background-image: url(images/upgrades/images/featured.png); } .upgrades .upgrade .description .navigation { margin-bottom: 20px; } .upgrades .upgrade .description .navigation li { width: 150px; margin: 0 55px; text-align: center;} .upgrades .upgrade .description .navigation li.first { margin-left: 85px !important; } .upgrades #featured.upgrade .description .navigation li { margin: 0; } .upgrades #featured.upgrade .description .navigation li.first { margin-left: 35px !important; } .upgrades #featured.upgrade .description .navigation li.last { margin-left: 5px; } .upgrades .upgrade .box.gray { margin-bottom: 20px; position: relative; width: 518px; overflow: hidden;} .upgrades .upgrade .box.gray > .top { height: 10px; background: url(images/boxes/misc/more/gray/top.png); } .upgrades .upgrade .box.gray > .bottom { height: 10px;background: url(images/boxes/misc/more/gray/bottom.png); } .upgrades .upgrade .box.gray > .wrapper { padding: 0 15px; background: url(images/boxes/misc/more/gray/bg.png); overflow: visible; } .upgrades .upgrade .box.gray.promotion .wrapper { padding-bottom: 20px; } .upgrades .upgrade .box.gray h4 { color: #10acc6; padding-bottom: 20px; } .upgrades .upgrade .box.gray p#standard-prices { float: left; width: 200px; margin-right: 20px; } .upgrades .upgrade .box.gray p.contact { margin-top: 10px; width: auto; } .upgrades .upgrade .box.gray .prices { line-height: 24px; float: right; padding-left: 30px; border-left: 1px solid #e3e3e3; width: 237px;} .upgrades .upgrade .box.gray .prices h6 { font-size: 10px; text-transform: uppercase; text-shadow: #fff 0px 1px 1px; margin-right: 10px; line-height: 24px; text-align: left; width: 140px; } .upgrades .upgrade .box.gray .prices sup { vertical-align: super; font-size: 7px;} .upgrades .upgrade .box.gray .prices h6 span { text-transform: none; } .upgrades .upgrade .box.gray .prices .price { margin-bottom: 5px; } .upgrades .upgrade .box.gray .prices .price.last { margin: 0; } .upgrades .upgrade .box.gray .prices .price strong { height: 24px; width: 87px; display: block; float: left; text-align: center; background: url(images/upgrades/price_blue.png); color: #fff; } .upgrades .upgrade .box.gray .prices .price.before strong { background: url(images/upgrades/price_gray.png); color: #666; } /* @end */ #languages.box > .wrapper { min-height: 200px; } #languages .jqTransformSelectWrapper ul { height: 115px; } #languages .form-row { float: left; clear: none; width: 220px; } #languages .form-help { display: block !important; } #languages a#add_language { margin-top: 3px; } #languages #spoken_languages ul { margin: 0; } #languages #spoken_languages ul li { position: relative; list-style: none; padding: 10px; margin: 0 0 3px; background: #f2f2f2; } #languages #spoken_languages li a { position: absolute; right: 20px; top: 12px; } #modal { z-index: 1000 !important; } #modal_new { z-index: 1000 !important; } .cke_editor_description_dialog { z-index: 100000 !important; } div#cms div h4.accordion { cursor: pointer; padding-left: 20px; background: url(images/misc/collapse.png) no-repeat 0 bottom; line-height: 14px; margin-top: 20px !important; } div#cms div h4.accordion:hover { color: #10acc6; } div#cms div h4.accordion.open { background-position: 0 top; } div#cms div div.description { margin: 10px 0 0; padding-left: 20px; color: #666;} #keywords h2, #themes h2, #date h2, #location h2, #filters h2 {color:#00A4BF} .default { font-size: 0.6em; } .default-active { font-size: 0.6em; color: #a1a1a1; font-style: italic; } .libright {float:right;width:344px;} .libright .top{background: url(../images/libright-top.jpg); height: 10px;} .libright .top2{background: url(../images/libright-top2.jpg) no-repeat 0 0;padding:10px 12px 0px 12px;} .libright .midd{background:#f9f9f9;padding:0px 12px 10px 12px; } .libright .midd2{background:#f9f9f9;} .libright .bottom{background: url(../images/libright-bottom.jpg);height: 10px;margin-bottom:20px;} .libright .title{font-size:20px;font-weight:600;} .libright .title2{font-size:15px;font-weight:600;} .libright .title3{font-size:14px;color:#888888;margin:0px 0px 10px 15px} .libright .input{float:left;border:none;background:url(../images/input-bg.jpg);width:229px;height:24px; line-height:20px;} .libright .submit{float:left; margin-left:5px;border:0;background-image:url(../images/butt-submit.jpg);width:75px;height:26px; } .libright .moreprop{border:0;background:url(../images/butt-moreprop.jpg);width:147px;height:23px; } .proplist ul{display:inline;list-style:none;} .proplist li{float:left;} .proplist li.left{background: url(../images/prop-arrowL.jpg);width:19px;height:67px;} .proplist li.right{background: url(../images/prop-arrowR.jpg);width:19px;height:67px;} .proplist li.mid{ background:#F2F2F2;width:272px;height:63px; padding:4px 0px 0px 10px} .proplist .image{float:left;background: url(../images/prop-img-bg.jpg);width:59px;height:52px; padding-top:4px;text-align:center} .proplist .content{float:left; margin-left:8px;width:195px;} .proplist .title{font-size:12px; line-height:12px;color:#6FCAD9;font-weight:normal;} .proplist .moreinfo{font-size:11px;color:#005E6E;font-weight:normal;background: url(../images/arrow-green.jpg) no-repeat right center; padding-right:10px; text-decoration:none;} .proplist .moreinfo:hover{color:#000;} .fealist ul{display:block;list-style:none;} .fealist li{width:284px;background:#F3F3F3;display:block;float:left; padding:10px; margin-bottom:10px; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; #behavior: url('border-radius.htc');/* override for Microsoft Internet Explorer browsers*/ #border-radius:6px;/* override for Microsoft Internet Explorer browsers*/ } .fealist li.last{margin-bottom:0px;} .fealist .image{float:left;background: url(../images/prop-img-bg.jpg);width:59px;height:52px; padding-top:4px;text-align:center} .fealist .content{float:left; margin-left:8px;width:212px;} .fealist .title{font-size:12px;line-height:12px;color:#949494;font-weight:normal;} .fealist .info{font-size:11px;color:#999999;font-weight:normal} .features-left{float:left;width:653px;} .adv1-boxT{background: url(../images/adv1-top.jpg);height:67px;} .adv1-boxB{background: url(../images/adv1-bot.jpg);height:76px;position:relative} .adv1-boxM{background: url(../images/adv1-mid.jpg);padding:17px;} .adv1-boxM p{margin-bottom:15px; font-size:12px; line-height:15px;} .adv1-boxM .bold{font-size:19px;color:#505050; line-height:22px;} .adv1-boxM .listprop-butt{border:0;background-image:url(../images/butt-lisurprop.jpg);width:292px;height:32px;} .adv1-boxM .findout-butt{border:0;background-image:url(../images/butt-findoutmore.jpg);width:146px;height:32px;} .adv2-boxT{background: url(../images/adv2-top.jpg);height:30px;padding:14px 0px 10px 25px; color:#FFFFFF;font-size:20px;} .adv2-boxB{background: url(../images/adv1-bot.jpg) left bottom;height:30px;} .adv2-boxM{background: url(../images/adv2-mid.jpg);padding:17px;} .adv2-boxM p{margin-bottom:15px; font-size:12px; line-height:15px;} .adv2-boxM .listprop-butt{border:0;background:url(../images/butt-lisurprop.jpg);width:292px;height:32px;} .adv2-boxM .downfree-butt{border:0;background:url(../images/butt-downloadfree.jpg);width:320px;height:32px;} .adv2-boxM li{ background:url(../images/bullet-dot.jpg) no-repeat 0 7px; padding-left:10px;} .adv1-menu ul{margin:0px;padding:0px; display:inline; list-style:none;} .adv1-menu li{margin:13px 12px 0px 12px; padding:0px; float:left;width:110px;} .adv1-menu a{ display:block;font-size:17px;font-weight:normal;color:#FFF;width:100px; line-height:18px; padding:8px 0px 0px 10px;} .adv1-menu a:hover,.adv1-menu a#selected{color:#303030;background: url(../images/adv1-menubg.png);width:100px; height:46px;} .adv1-prev{position:absolute;left:10px;top:25px;width:36px; height:36px;} .adv1-next{position:absolute;right:10px;top:25px;width:36px; height:36px;} .adv1-dots{position:absolute;left:293px;top:38px;} .adv1-dots a{ display:block; float:left;width:11px;height:11px;margin:0px 4px 0px 4px;background: url(../images/dot-full.png);} .adv1-dots a:hover,.adv1-dots a#selected{background: url(../images/dot-half.png);} .price-boxt{background:url(../images/price-boxt.jpg) no-repeat left bottom;height:10px;} .price-boxb{background:url(../images/price-boxb.jpg) no-repeat 0 0;height:10px;} .price-boxm{background:url(../images/price-boxm.jpg);height:100px;position:relative;} .price-boxm p{color:#2A5B62;font-size:13px;font-weight:bold;position:absolute;left:10px;width:180px;letter-spacing:-1px;} .price-boxm .price{position:absolute;right:10px;top:50px; height:50px;color:#2E2E2E;font-size:13px;font-weight:bold;letter-spacing:-1px; text-align:right;} .price-boxm .symbol{color:#2E2E2E;font-size:40px;letter-spacing:-1px;} .getstart-stepsbox{background:url(../images/getstart-stepbg.jpg) no-repeat;width:158px;height:100px; padding:10px;text-align:left;color:#2E2E2E;font-size:12px; line-height:18px;} .getstart-stepsbox .title{float:left;color:#2A5B62;font-size:18px;letter-spacing:-1px;} .getstart-stepsbox .icon{float:right;} .features-right {float:right;width:283px;} .features-right p{text-shadow:none;} .newsletter-box{background: url(../images/box-signupnews.jpg);width:253px;height:164px;padding:15px;margin-bottom:10px;} .newsletter-box .title{font-size:16px;color:#505050;} .newsletter-box p{margin-top:7px;line-height:15px;} .newsletter-box .input{float:left;border:0; background:#FFF; width:160px; height:22px;line-height:22px; margin-top:5px;} .newsletter-box .submit-butt{float:left; margin-left:5px;border:0;background-image:url(../images/butt-gr-submit.png);width:80px;height:32px;} .creatnewacc-box{background: url(../images/box-creaaccount.jpg);width:253px;height:469px;padding:15px;margin-bottom:15px;} .creatnewacc-box .title{font-size:16px;color:#505050;} .creatnewacc-box p{margin-top:6px;line-height:15px;} .creatnewacc-box label{color:#FFF;font-size:14px; margin-bottom:8px; display:block; } .creatnewacc-box .input{border:0; background:#FFF; width:240px; height:22px;line-height:22px;margin-bottom:10px;} .creatnewacc-box .signup-butt{border:0;background-image:url(../images/butt-gr-signup.png);width:80px;height:32px;} .creatnewacc-box input[type="checkbox"]{float:left;width:20px;} .creatnewacc-box .checkbox-cont{float:left;width:220px;color:#FFF; line-height:13px;} .needhelp-box{background: url(../images/box-need-help.jpg);width:248px;height:122px;padding:15px 15px 15px 20px;margin-bottom:15px;} .needhelp-box p{ margin:0px; padding:0px;} .needhelp-box .title{font-size:16px;color:#FFF; display:block} .needhelp-box .phone{font-size:17px;color:#FFF;margin-top:7px} .needhelp-box .small{font-size:12px;color:#FFF;margin-top:0px} .needhelp-box .big{font-size:15px;color:#FFF;margin-top:6px} .needhelp-box .livechat-butt{margin-top:3px;border:0;background-image:url(../images/butt-gr-liveshat.png);width:150px;height:32px;} .ownerres-box{background: url(../images/box-owner-resor.jpg);width:248px;height:150px;padding:15px 15px 15px 20px;margin-bottom:15px;} .ownerres-box p{ margin:0px; padding:0px;} .ownerres-box .title{font-size:16px;color:#FFF; display:block} .ownerres-box .small{font-size:12px;color:#FFF;margin-top:5px; width:170px;line-height:16px;} .ownerres-box .downgu-butt{margin-top:5px;border:0;background-image:url(../images/butt-gr-downguide.png);width:150px;height:32px;} .testimon-box{background: url(../images/box-testmon.jpg);width:248px;height:170px;padding:15px 15px 15px 20px;margin-bottom:15px;} .testimon-box p{ margin:0px;padding:0px;} .testimon-box .title{font-size:16px;color:#FFF; display:block} .testimon-box .pic{width:90px;float:left; margin-top:4px;} .testimon-box .pic img{border:1px solid #FFF;} .testimon-box .small{float:left;font-size:12px;color:#FFF;width:140px;line-height:16px;} .testimon-box .downgu-butt{border:0;background-image:url(../images/butt-gr-downguide.png);width:150px;height:32px;} /* --------------------------------------------------- FOOTER ----------------------------------------------------*/ .footer{height:136px;position:relative;} .social{position:absolute;top:-6px;right:14px;} .social img{margin-left:7px} .fsearch{position:absolute;top:70px;right:14px; z-index:10} .fsearch input[type="text"]{border:0px;padding:0px 4px 0px 4px;background:url(../images/search-box.jpg) no-repeat;width:235px;height:32px;line-height:32px;float:left;} .fsearch input[type="submit"]{border:0;width:32px;height:32px;background:url(../images/butt-go2.jpg) no-repeat;float:left;cursor:pointer;} .fmenu{position:absolute;left:14px;top:0px;} .fmenu ul{display:inline;list-style:none;} .fmenu li{width:175px;float:left;} .fmenu li.sec{width:260px;} .fmenu li.sec1{width:100px;} .fmenu li.thr{width:190px;} .fmenu li.last{width:275px; font-size:11px;} .fmenu h1{font-size:15px; line-height:15px;color:#fff; font-weight:bold; margin-bottom:20px;} .fmenu a{display:block;color:#fff;font-size:11px;background:url(../images/farrow.jpg) no-repeat 0 6px; padding-left:10px;text-decoration:none} .fmenu a:hover,.fmenu a#selected{color:#000;text-decoration:none} .copy{position:absolute;bottom:-20px;left:14px;font-size:11px; text-shadow:none;color:#a0d5e3;} .designby{position:absolute;bottom:0px;right:104px;color:#a0d5e3;font-size:11px;text-decoration:none} /* footer*/ .wgreen{color:#42acc4;} .grey{color:#b1b1b1;} .white{color:#FFF;} .dgreen{color:#36474f;} .dgreen2{color:#006079;} .bold{font-weight:bold;} .fnt-11{font-size:11px;} .fnt-12{font-size:12px;} .fnt-14{font-size:14px;} .fnt-15{font-size:15px;} .fnt-16{font-size:16px;} .fnt-18{font-size:18px;} .fnt-20{font-size:20px;} .fnt-22{font-size:22px;} .fnt-24{font-size:24px;} .fnt-26{font-size:26px;} .leftpanel{float:left; width:219px;} .leftpanel .box{ border:1px solid #ecf1f5;background:#fff; padding:12px 8px 12px 8px; position:relative} .leftpanel select{border:1px solid #7e9db9;width:200px;height:20px; font-size:11px;cursor:pointer; margin-bottom:10px;} .leftpanel input[type="text"]{border:1px solid #7e9db9;padding:0px 1px 0px 2px;font-size:11px;line-height:21px;height:21px;width:195px;} .leftpanel .price{ margin-top:10px;} .leftpanel .price img{ margin-top:5px;} .leftpanel .price p{text-align:center; font-size:12px;} .leftpanel input[type="submit"]{margin-top:8px;background:url(../images/butt-search.jpg) no-repeat;width:69px;height:28px;cursor:pointer;} .leftpanel .arriv-dep{ position:relative} .leftpanel .arriv-dep input[type="text"]{ margin-bottom:10px;} .leftpanel .calendar1{position:absolute;right:5px;top:5px;} .leftpanel .calendar2{position:absolute;right:5px;top:37px;} .generic-dev{float:left;background:url(../images/generic-dev.jpg) no-repeat center top; height:340px;width:35px;} .content-area{float:left;width:665px;}