@charset "UTF-8"; /** CSS Oceniacz.pl @project Oceniacz.pl @lastmodified 2010-05-05 @since 2009-08-02 @colordefs - text: 575f65; - text strong: 2D4C5F; - text light: B5BBBF; - link: 23a6d8; 0099cc - border: D1E1E7; - red: ed1846; - green: 72C63F - deep green: 339900 */ /* ************************************************ @section Global ************************************************ */ /* @group reset ------------------------------------------------ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1.5; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } table, td, th { vertical-align: middle; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; } ul { list-style: none } /* @group defaults ------------------------------------------------ */ body { background: #fff; color: #575f65; font: normal 12px/1.5em Arial, Helvetica Neue, Helvetica, sans-serif; line-height: 1.5; } a { color: #23a6d8; text-decoration: none; } a:hover { text-decoration: underline; } p, ul, ol, table { margin: 0 0 1em } input.text, select, textarea { font-size: 12px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; padding: 2px; border: 1px solid #b5bbbf; } select { padding: 1px 0 } label input { vertical-align: middle; } h1, h2, h3, h4, h5 { font-weight: normal; } h3, .sitemap h2 { font-size: 16px; font-weight: bold; margin-bottom: .7em; color: #2D4C5F; } /* @group commons */ .alignCenter { text-align: center} .alignRight { text-align: right} .alignLeft { text-align: left} .floatRight { float: right} .floatLeft { float: left} .clear { clear: both } .clearLeft { clear: left} .hidden, .hide { display: none } .hideOffset, .structural { font-size: 0; left: -999em; text-indent: -999em; position:absolute; line-height: 0em; visibility: hidden; } .bold, .strong, .loud { font-weight: bold; } th.tight, td.tight { width: 0; } .nowrap { white-space: nowrap } /* @group _fontface */ /* Lucida */ h1, h2, #nav, ul.tabs { font-family: "Lucida Sans Unicode", Lucida Sans Unicode, "Lucida Grande", LucidaGrande, "Lucida Sans", Garuda, Tahoma, Verdana, sans-serif; } /* Lucida Sans (Lucida Grande) */ .box_talk .box-hd h2, .box_phantom h1, .box_phantom h2, #header-agent h2, .profile-card h3, #welcome h2, #registrar-dialog h2, #newsletter-dialog .h strong { font-family: "Lucida Grande", LucidaGrande, "Lucida Sans", "Lucida Sans Unicode", Lucida Sans Unicode, Garuda, Tahoma, Verdana, sans-serif; } /* Helvetica */ .textformatter h2, .textformatter h3, #sitemap h2 { font-family: Helvetica, Arial, Helvetica Neue, Helvetica, sans-serif; } /* Arial */ #recentsearches h2, #home-socialmedia .set h2, .brd h2, .box-hd .tabs li ul { font-family: Arial, Helvetica, Helvetica Neue, Helvetica, sans-serif; } /* @group _clearing */ .clearfix:after, #main:after, .fm-row:after, .fm-submit:after, div.obj-ratings:after, .object:after, div.userauth:after, ul.poplocations:after, ul.objects li.obj:after, ul.contacts li.con:after, ul.albums:after, ul.album-photos:after, .hc-block:after, #album-photo .bottom:after, #offer-config div.setter:after, .results-headline:after, #cat-cols:after { content: ""; display: block; height: 0; overflow: hidden; clear: both } /* @group _sprites */ .box-hd i, #nav li, #nav li a, .obj-path li, ul.breadcrumbs li, span.scorebar, span.scorebar i, span.scorebar_active a, .coinbar, .coinbar i, .obj-ratings .subscores dt, #mailbox-listtools a, #invite .listtools a, .sortby a, ul.albums .cover, .rev-gallery .cover, .album-header .cover, #albumedit div.cover .fm-field img, #multisearch h3, table.triplisting .switch, .poplocations_toggler a, ul.quickmenu a.add, dd.subs a.dismiss, .sex-f, .sex-m, img.trend-up, img.trend-down, .obj-purposes .v, img.recom, ul.albums_edit ul.edit li a, div.grippie, .dp-choose-date, .timestamp input, .tt img, .rev-reply h4 { background-image: url(../images/pieces-sprites.png); background-position: -9999px -9999px; background-repeat: no-repeat; } #home-socialmedia li img { background-image: url(../images/socialmedia-sprites.png); background-position: -9999px -9999px; background-repeat: no-repeat; } .pv-panel a span, .ps-prev, .ps-next, .ac-btn i, li.drop img.pointer, img.hotelstars, #offer-config div.transport a { background-image: url(../images/misc-sprites.png); background-position: -9999px -9999px; background-repeat: no-repeat; } /* @group buttons */ .btn, a.newpost, #searchbar-submit, #searchbox .submit input { background-image: url(../images/buttons-sprites.png); background-repeat: repeat-x; background-position: 0 -220px; background-color: #f1f9fc; border: 1px solid #91d2eb; display: inline-block; padding: 3px 10px 3px; color: #23a6d8; text-align: center; text-decoration: none; font-weight: bold; font-size: 13px; position: relative; cursor: pointer; font-family: "Trebuchet MS", sans-serif; margin-top: 0; text-shadow: 0 1px 1px #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0px 1px 3px #575F65; -moz-box-shadow: 0px 1px 3px #575F65; -webkit-box-shadow: 0px 1px 3px #575F65; filter: dropshadow(color=#575F65,offX=0,offY=1); } @media screen and (-webkit-min-device-pixel-ratio:0) { .btn, a.newpost, #searchbar-submit { } } .btn:hover, a.newpost:hover { background-color: #fff; background-position: 0 -260px; text-decoration: none; } #searchbar-submit, .btn_primary_b { text-shadow: 0 1px 1px #696969; border-color: #83d903; background-position: 0 0; background-color: #5aaf00; color: #fff } #searchbar-submit:hover, .btn_primary_b:hover { background-position: 0 -40px; background-color: #83d903; } #searchbar-submit { padding-top: 2px; padding-bottom: 2px; } .btn_primary { text-transform: uppercase; background-position: 0 -80px; color: #fff; background-color: #cd0930; border-color: #ed1946; text-shadow: 0 1px 1px #555; } .btn_primary:hover { background-position: 0 -120px; background-color: #ed1946; } .btn_primary_b { text-transform: uppercase; } .btn_tiny { font-size: 11px; padding-top: 2px; padding-bottom: 2px; background-position: 0 -225px; } .ac-btn { border: 1px solid #d1e1e7; background: #eee; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; color: #427290; font-size: 11px; display: inline-block; } .ac-btn span { border: 1px solid #fff; background: #c3e7f4 url(../images/buttons-sprites.png) 0 -300px repeat-x; padding: 1px 12px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; display: block; text-shadow: 0 1px 0 #fff; white-space: nowrap } .ac-btn i { margin-right: .6ex; padding-left: 12px; } .ac-btn:hover { text-decoration: none; } .ac-btn:hover span { background-position: 0 -340px; background-color: #f3fafc; } /* @group rounded corners */ .hc-reviews .excerpt a strong { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* @group typo */ .box_phantom h1, .box_phantom h2, #header-agent h2, #welcome h2, #registrar-dialog h2 { font-size: 22px; line-height: 1.15em; font-weight: bold; letter-spacing: -0.1ex; color: #2D4C5F; margin: 0 0 .5em; } /* @group textformatter */ h1 a { text-decoration: underline; } .box_phantom .textformatter { margin-bottom: 2em; } .textformatter .lead { background: #DFF5FD; font-size: 1.2em; padding: 1em 1.2em 0; overflow: hidden; margin-bottom: 1em; color: #427290; line-height: 1.4; } .textformatter p.lead { padding-bottom: 1em; } .textformatter h2, #sitemap h2 { font-size: 16px; font-weight: bold; margin-bottom: .7em; letter-spacing: 0 } .textformatter h3 { font-size: 13px } .textformatter ul { padding-left: 2em; list-style: square; } .textformatter ol { padding-left: 2em; } .textformatter ul li { margin-bottom: .25em; } .textformatter em { font-style: italic } .textformatter code { font-family: monospace } .textformatter table { } .textformatter table, table.t_0 { width: 100%; border-collapse: collapse } .textformatter table th, table.t_0 th { background: #EEF4F6; padding: 3px 6px; font-weight: bold; text-transform: uppercase; border: 1px solid #D1E1E7; border-bottom: 0; font-size: 11px; color: #2D4C5F } .textformatter table td, table.t_0 td { padding: 3px 3px; border: 1px solid #D1E1E7; border-top: 0; vertical-align: top; background: #fff } /* ************************************************ @section Layout ************************************************ */ /* @group Header ------------------------------------------------ */ #header { background: /* #f1f6f8 */ url(../images/header-bg_v2.jpg) 50% 100% no-repeat; margin-bottom: 15px; width: 100%; display: table; } /* #header .bg { background: #eff5f7; width: 50%; position: absolute; height: 102px } */ #header .wrap { width: 960px; margin: 0 auto; position: relative; height: 90px; padding: 0 7px 0 8px; } #site-title { float: left; margin-top: 18px; margin-left: 0 } #site-title .logo { float: left; } #site-title .tagline { margin-left: 8px; display: inline; display: none; } #pride { font-size: 12px; clear: both; /* float: left; */ color: #427290; padding: 4px 0 0 12px;} #pride strong { color: #2D4C5F; } #topnav { position: absolute; right: 7px; top: 18px;/* background: #fff; */ padding: 5px 0 4px 12px } #topnav li { display: inline; border-left: 1px solid #d1e1e7; padding-left: 1ex; margin-left: .5ex; } #topnav li.first, #topnav li:first-child { border-left: 0; margin-left: 0; padding-left: 0; } #topnav li a { /* font-weight: bold; */ } #nav { font-size: 13px; font-weight: bold; position: absolute; bottom: 0; left: 8px; margin: 0 } #nav li { float: left; margin-right: 4px; } #nav a { color: #0099CC ; line-height: 23px; float: left; padding: 1px 12px 3px; } #nav a:hover { text-decoration: none; } #nav li.current { background-position: 0 0 !important; } #nav li.current a { float: left; color: #fff !important; position: relative; margin-bottom: -5px; padding-bottom: 8px; background-position: 100% -37px !important; } #nav li.hover, #nav li:hover { background-position: 0 -75px; } #nav li.hover a, #nav li:hover a { background-position: 100% -112px; color: #fff; color: #23A6D8; } #nav li.extra a { color: #ed1846; } #searchbar { position: absolute; right: 7px; bottom: 0px; text-align: right; border-bottom: 1px solid #fff; padding: 0 15px; margin: 0 -15px 0 0; text-align: right; } #searchbar legend { display: none; } #searchbar fieldset { position: relative; bottom: -1px; float: right; } #searchbar * { vertical-align: top; } #searchbar-text { border: 2px solid #72C63F; width: 228px; color: #6c777f; font: normal 12px/1.4em Arial, Helvetica Neue, Helvetica, sans-serif; height: 17px; padding: 3px 3px 2px; background: #fff; color: #98c45f; float: left; margin-right: 1ex; } #searchbar-submit { } /* @group Footer ------------------------------------------------ */ #footer { border-top: 1px solid #d1e1e7; clear: both; padding: 12px 7px 16px 8px; } #footer .wrap { width: 960px; margin: 0 auto; } #footer-nav a { color: #575f65; } #footer-nav li { display: inline; border-left: 1px solid #b5bbbf; padding-left: 1ex; margin-left: .5ex; } #footer-nav li.first, #footer-nav li:first-child { border-left: 0; margin-left: 0; padding-left: 0; } #footer p.copy { margin-top: 1em; font-size: 10px; color: #b5bbbf; } /* #lang-switch { width: 190px; float: right; text-align: right; position: relative; } #lang-switch dt { float: left; width: 64px; } #lang-switch dd { float: right; width: 126px; } #lang-switch dd div { float: right; width: 118px; padding: 0 4px 0 0; cursor: pointer; background-position: 4px -269px; } #lang-switch strong { padding: 0 2px } #lang-switch ul { display: none; border: solid #d1e1e7; border-width: 1px 1px 0 1px; width: 120px; position: absolute; right: 0; bottom: 0px; padding: 0 0 20px 0; margin: 0; } #lang-switch ul li { display: inline; } #lang-switch ul li a { background: #fff; display: block; line-height: 1em; padding: 4px 4px; border-bottom: 1px solid #EEF4F6; font-size: 11px; } #lang-switch ul li a:hover { background-color: #23a6d8; color: #fff; text-decoration: none; } #lang-switch.hover ul, #lang-switch:hover ul { display: block; } #lang-switch.hover div, #lang-switch:hover div { background-position: -232px -660px } #lang-switch img.flag { float: right; margin-left: 4px; } #lang-switch strong img.flag { margin-top: 2px } img.flag { height: 11px; width: 16px; background: url(../images/flags-sprites.gif) 100% 0 no-repeat; } img.flag-pl { background-position: 100% 0px } img.flag-dk { background-position: 100% -15px; } img.flag-el { background-position: 100% -30px; } img.flag-en { background-position: 100% -45px; } img.flag-es { background-position: 100% -60px; } img.flag-fi { background-position: 100% -75px; } img.flag-fr { background-position: 100% -90px; } img.flag-ga { background-position: 100% -105px; } img.flag-it { background-position: 100% -120px; } img.flag-nl { background-position: 100% -135px; } img.flag-no { background-position: 100% -150px; } img.flag-de { background-position: 100% -165px; } img.flag-at { background-position: 100% -180px; } img.flag-se { background-position: 100% -195px; } */ #footer-brands { margin: 0 auto; /* width: 980px; */ padding: 18px 0; border: solid #83d5fc; border-width: 1px 0; clear: both; margin-bottom: 15px; } #footer-brands { } #footer-brands ul { overflow: hidden; margin: 0; width: 100%; } #footer-brands li { display: inline; } #footer-brands a { height: 44px; margin-left: 28px; background: url(../images/footer-brands.png); float: left; display: inline; } #footer-brands a:hover { height: 44px } #footer-brands a.b_tui { background-position: 0 -80px; width: 63px; margin-left: 0; } #footer-brands a.b_tui:hover { background-position: 0 0; width: 63px; margin-left: 0; } #footer-brands a.b_exim-tours { background-position: -80px -80px; width: 104px; } #footer-brands a.b_exim-tours:hover { background-position: -80px 0; } #footer-brands a.b_oasis-tours { background-position: -200px -80px; width: 36px; } #footer-brands a.b_oasis-tours:hover { background-position: -200px 0; } #footer-brands a.b_ecco-holiday { background-position: -260px -80px; width: 50px; } #footer-brands a.b_ecco-holiday:hover { background-position: -260px 0; } #footer-brands a.b_wezyr { background-position: -320px -80px; width: 70px; } #footer-brands a.b_wezyr:hover { background-position: -320px 0; } #footer-brands a.b_alfa-star { background-position: -400px -80px; width: 85px; } #footer-brands a.b_alfa-star:hover { background-position: -400px 0; } #footer-brands a.b_bee-free { background-position: -500px -80px; width: 100px; } #footer-brands a.b_bee-free:hover { background-position: -500px 0; } #footer-brands a.b_triada { background-position: -620px -80px; width: 44px; } #footer-brands a.b_triada:hover { background-position: -620px 0; } #footer-brands a.b_sun-fun { background-position: -680px -80px; width: 48px; } #footer-brands a.b_sun-fun:hover { background-position: -680px 0; } #footer-brands a.b_rainbow-tours { background-position: -740px -80px; width: 106px; } #footer-brands a.b_rainbow-tours:hover { background-position: -740px 0; } /* @group global messages ------------------------------------------------ */ #globalmessages .error, #globalmessages .success, #globalmessages .notice, #globalmessages .dialogmsg { border: 2px solid; padding: 12px 12px 0; font-weight: bold; margin-bottom: 15px; font-size: 14px; text-align: center; } #globalmessages .error { border-color: #ffc8c8; color: #ed1846; } #globalmessages .success { border-color: #d0f085; color: #4E9700; } #globalmessages .notice { border-color: #cbe4f4; color: #2D4C5F; } #globalmessages div { overflow: hidden; position: relative; } #globalmessages p, #globalmessages ul { margin-bottom: 12px; } #globalmessages ul { list-style: square; /* margin-left: 2em */ font-size: 12px; font-weight: normal } #globalmessages em { text-decoration: underline; font-weight: bold; } #globalmessages ul em { text-decoration: none } #globalmessages a { text-decoration: underline; } #globalmessages .short { text-align: center; } /* @group columns ------------------------------------------------ */ #main { margin: -15px auto 0; width: 960px; /* padding: 8px 7px 0 8px; */ padding: 15px 15px 0; min-height: 365px; background: #fff; } .col-1, .col-2, .col-3 { float: left; margin-left: 15px; display: inline; } .col-1 { margin-left: 0; } .colset-a { } /* content + waska lewa kolumna na menu */ .colset-a .col-2 { width: 160px; margin-left: 0; } .colset-a .col-1 { width: 785px; margin-left: 15px; float: right; } .colset-a-c { } /* podzial szerokiej kolumny na 3 */ .colset-a-c .col-1 { width: 252px; float: left; margin-left: 0; } .colset-a-c .col-2 { width: 251px; margin-left: 15px; } .colset-a-c .col-3 { width: 251px; } .colset-b { } /* 2 rowne kolumny */ .colset-b .col-1, .colset-b .col-2 { width: 472px; float: right; margin: 0 0 0 15px } .colset-b .col-2 { margin-left: 0; } .colset-c { } /* content + szersza lewa kolumna na menu */ .colset-c .col-1 { float: right; width: 721px; } .colset-c .col-2 { width: 225px; margin-left: 0; } .colset-c-c { } /* podkolumny na str. głównej */ .colset-c-c .col-1, .colset-c-c .col-2, .colset-c-c .col-3 { float: left; margin-left: 15px; width: 230px; } .colset-c-c .col-1 { margin-left: 0; } .colset-c-b { } /* podkolumny na str. 'opinie' */ .colset-c-b .col-1, .colset-c-b .col-2 { float: left; margin-left: 15px; width: 353px; } .colset-c-b .col-1 { margin-left: 0; } .colset-d { } /* colset-c odwrócony (rezerwacja) */ .colset-d .col-1 { width: 720px; margin-left: 0; } .colset-d .col-2 { width: 225px; } .colset-z { } /* bez kolumn */ /* @group sticky ads ------------------------------------------------ */ #stickyad-right { float: right; } /* #stickyad-right.width-120 { width: 120px; margin-right: -135px; } */ #stickyad-right /* .width-160 */ { width: 160px; margin-right: -175px; } /* @group boxes ------------------------------------------------ */ .box { margin-bottom: 15px; } /* .box_* extends .box */ .box_a, .box_b, .box_f { border: solid #d1e1e7; border-width: 1px 1px 0; } /* header */ .box-hd { position: relative; } .box-hd-rel { position: absolute; right: 28px; top: 6px; font-size: 11px; } .box_a .box-hd, .box_b .box-hd, .box_d .box-hd, .box_e .box-hd, .box_f .box-hd { padding: 5px 12px 7px; line-height: 1em; font-size: 15px; color: #427290 ; } .box_a .box-hd { background: #eef4f6 url(../images/box_a-hd-btm.png) 100% 100% no-repeat; } .box_b .box-hd, .box_d .box-hd, .box_e .box-hd, .box_f .box-hd { background: #b7e2f3 url(../images/box_b-hd-btm.png) 100% 100% no-repeat; } .box_a .box-hd i, .box_b .box-hd i, .box_f .box-hd i { position: absolute; width: 11px; height: 13px; margin: 2px 0 0 -18px; font-size: 0; background-position: -15px -150px; } .box_b .box-hd i, .box_f .box-hd i { background-position: 0 -150px; } .box_a0 .box-hd i, .box_b0 .box-hd i { display: none; } /* body */ .box_a .box-bd, .box_b .box-bd, .box_tabbed .box-bd, .box_d .box-bd, .box_e .box-bd, .box_f .box-bd { padding: 12px 12px 0 12px; border-bottom: 1px solid #d1e1e7 !important; background-color: #fff; } .box_b .box-bd { background-color: #f7fbfc; } .box_b00 .box-bd { background-color: #fff; } .box-innerspace { margin: 0 65px } .box-innerspace-1 { margin: 20px 26px } .box_phantom { padding: 0 12px } .box_c { border: solid #d1e1e7; border-width: 1px 1px; padding: 12px 12px 0 12px; } .box_tabbed { } .box_tabbed .box-hd i { position: absolute; width: 11px; height: 13px; margin: 2px 0 0 -18px; font-size: 0; background-position: -15px -150px; display: none; } .box_tabbed .box-hd ul.tabs { margin: 0; display: inline } .box-hd .tabs li { float: left; margin-right: 3px; } .box-hd .tabs li a { padding: 6px 12px 7px; line-height: 1em; font-size: 15px; color: #427290; position: relative; background-color: #d9e9f0; background-color: #b7e2f3 ; display: block; border: 1px solid #D1E1E7; border-bottom: 0 } .box-hd .tabs li a:hover { background-color: #d9e9f0; text-decoration: none; } .box-hd .tabs li.current > a { background: #fff !important; margin-bottom: -1px; padding-bottom: 8px } .box-hd .tabs li.current a { background: #fff } .box-hd .tabs li.current a:focus { outline: none } .box-hd .tabs li.current i { } .box-hd .tabs li ul { display: none; position: absolute; z-index: 998; border-bottom: 1px solid #D1E1E7; } .box-hd .tabs li.drop:hover > a { padding-bottom: 8px; margin-bottom: -1px; z-index: 999 } .box-hd .tabs li.drop:hover > ul { display: block; } .box-hd .tabs li.drop img.pointer { background-position: 0 -70px; width: 12px; height: 10px; position: relative; margin: 0 -6px 0 0; top: 2px } .box-hd .tabs li li { float: none; margin-right: 0; } .box-hd .tabs li li a { font-size: 1em; padding: 5px 7px; line-height: 1.4; } .box-hd .tabs li li a:hover { text-decoration: underline; } .box_tabbed .box-bd { border: 1px solid #d1e1e7; clear: both; } .box_d {} .box_d .box-hd { background-color: #b7e2f3; padding-top: 6px; } .box_d .box-bd { background: #77c8e7; color: #fff; } .box_e {} .box_e .box-hd { background-color: #9dd8ee; } .box_e .box-bd { background: #b7e2f3; } .box_f {} .box_f .box-hd { background-color: #d9e9f0; } /* @group multisearch ------------------------------------------------ */ .js #multisearch form { display: none; } #multisearch h3 { font-size: 12px; margin: 0 0 0 0; padding: 6px 12px; background-position: 103% -655px; cursor: pointer; color: #575f65; font-weight: normal } #multisearch .box-bd { padding: 0 } #multisearch .ms-dept { border-top: 1px solid #D1E1E7; background: #fff } #multisearch .ms-dept:first-child, #multisearch .ms-dept.first { border-top: 0 } #multisearch .active { background: #F7FBFC } #multisearch .active h3 { font-weight: bold; color: #2D4C5F; } #multisearch .active form { display: block; } #multisearch h3:hover { /* background-color: #F7FBFC; */ text-decoration: underline } #multisearch .active h3:hover { text-decoration: none; } #multisearch p { margin: 0; padding-bottom: 9px; text-align: center } #multisearch ul { margin: 0 0 9px; } #multisearch label { font-size: 11px; } #multisearch form { padding: 0 12px } #multisearch .select-wrap { display: block; height: 1.5em } #multisearch select { width: 99%; } div.infoline { margin-top: -5px; height: 79px; } div.infoline > img { position: absolute; } /* @group Searchbox ------------------------------------------------ */ #searchbox .box-hd { display: none; } #searchbox .row { margin-bottom: 7px; } #searchbox label { font-weight: bold; line-height: 1.4; margin-bottom: 2px; display: block; } #searchbox input.text { width: 194px; } #searchbox select { width: 198px; } .box_d input.text, .box_e input.text, .box_d select { border-color: #58a5c2; } #searchbox a { color: #fff; } #searchbox .datepicker { overflow: hidden; } #searchbox .datepicker input.text { width: 156px; float: left; background-image: none } #searchbox .datepicker img { width: 26px; height: 21px; vertical-align: top; background: url(../images/searchbox-datepicker.png) no-repeat; float: right; cursor: pointer; } #searchbox .divided { } #searchbox .divided .row { width: 50%; float: left; } #searchbox .divided .row select { width: 96px; } #searchbox .ext { display: none; } #searchbox .submit { margin: 12px 0 10px } #searchbox .submit input { background-position: 0 -160px; background-color: #cd0930; border-color: #ed1946; padding: 5px 0; color: #fff; font-size: 16px; text-shadow: 0 1px 1px #406f00; width: 100% } #searchbox .submit input:hover { background-position: 0 -120px; background-color: #ed1946; } #searchbox .toggler { overflow: hidden; } #searchbox .toggler a:hover { text-decoration: underline; } #searchbox .toggler .basic { display: none; background-position: 100% -439px; } #searchbox .toggler .extended { display: inline; background-position: 100% -459px; float: right; } #searchbox.extended .ext { display: block; } #searchbox.extended .toggler .basic { display: inline; } #searchbox.extended .toggler .extended { display: none; } /* ************************************************ @section _forms ************************************************ */ .formmaker { } abbr.req { font-size: 1.25em; vertical-align: middle; color: #2D4C5F; color: #ed1846; font-weight: bold; } .formmaker fieldset { margin-bottom: .5em; padding-top: 3px; padding-bottom: 1px; } .formmaker fieldset.split { border-top: 1px solid #d1e1e7; padding-top: 12px; } .formmaker fieldset h3 {padding: 2px 0 4px 12px; border-bottom: 1px solid #d1e1e7; position: relative; top: -3px; line-height: 1.4; } .fm-row { margin-bottom: .7em; clear: both; } /* widths */ .fm-label { width: 145px; } .fm-field { margin-left: 157px; } .fm-row input.text, .fm-row select, .fm-row textarea { width: 220px; } .fm-row select { width: 226px; } textarea.wide { width: 440px; } .fm-field_multi input.text, .fm-field_multi select, .fm-field_multi textarea { width: auto; } .fm-row .field-help { font-size: 11px; margin-left: 1ex } .fm-row .field-error { font-size: 11px; color: #ed1846; margin-left: 1ex } .fm-row .field-success { font-size: 11px; color: #72c63f; margin-left: 1ex } .fm-row_error .fm-label, .fm-row_error .essential { color: #ed1846; font-weight: bold; } .fm-row_error .fm-label a, .fm-row_error .essential a { color: #ed1846; } ul.checkboxes { margin-left: 0; list-style: none } ul.checkboxes li { padding-top: 4px; } ul.checkboxes label, label.blockcheckbox { padding-left: 2em; display: block; } ul.checkboxes input, label.blockcheckbox input { float: left; margin-left: -1.4em; } .fm-row_error { } .fm-row_success { } .fm-label { float: left; text-align: right; } .fm-row_required .fm-label { font-weight: bold; } .fm-row_success .fm-label { color: #339900; font-weight: bold; } .fm-row_error .fm-label { } .fm-field { } .fm-row_block .fm-label { float: none; text-align: left; padding-bottom: 4px; padding-top: 0; display: block; width: auto } .fm-row_block .fm-field { margin-left: 0 } .fm-submit { border-top: 1px solid #d1e1e7; text-align: right; padding: 12px; margin-bottom: 1em;/* margin-top: 1em; */ margin-top: .6em; } .fm-submit .primary { float: right; line-height: 2em; margin-left: 1em; } .fm-submit .secondary { line-height: 2em } .fm-submit .secondary a { text-decoration: underline; } .fm-submit_notlast { margin-bottom: 0 } .box_phantom .fm-submit { padding-bottom: 0 } .fm-rows /* multi/group */ { clear: both; } .fm-rows .fm-row { float: left; clear: none; margin-right: 10px; } .fm-rows_flow { margin-right: -10px; } .fm-rows_flow .fm-row { float: none; display: inline-block; vertical-align: top; } div.grippie { background-position: 50% -653px; background-color: #D1E1E7; padding: 0 0 0 2px; cursor:s-resize; height:9px; overflow:hidden; } .resizable-textarea textarea { margin-bottom: 0; display: block; border-bottom: 0; } /* ************************************************ @section UserSettings ************************************************ */ /* @group sidemenu ------------------------------------------------ */ ul.sidemenu { margin-top: -3px; } ul.sidemenu li { margin-bottom: 3px; } ul.sidemenu li.current { color: #2d4c5f; } ul.sidemenu li.current a { color: #2d4c5f; cursor: default; font-weight: bold; } ul.sidemenu li.current ul a { color: #23A6D8; cursor: pointer; font-weight: normal; } /* IE6, szkoda nerwów na twe kalectwo selectora ">", więc nic nie poradzę na analfabetyzm */ ul.sidemenu li.split { border-top: 1px solid #d1e1e7; margin-top: 6px; padding-top: 4px; } ul.sidemenu li ul { padding-left: 12px; /* list-style: disc; */ margin-top: 3px; margin-bottom: 6px; } /* @group UserSettings-menu ------------------------------------------------ */ #usersettings-menu {overflow: hidden; margin-bottom: 1em } #usersettings-menu dl {width: 305px; float: left } #usersettings-menu dt { font-size: 16px; font-weight: normal; line-height: 1em; padding: 4px 0 6px 20px; border-bottom: 1px solid #d1e1e7; margin-bottom: .5em; color: #2D4C5F; } #usersets-menu dd { padding: 4px 0 0 0px; margin-bottom: 8px; } #usersettings-menu .c1 {margin: 0 15px 0 0} #usersettings-menu .c2 {margin: 0 0 0 0} #usersettings-menu ul { list-style: square; padding-left: 20px; margin-left: 20px; } #usersettings-menu a { font-weight: bold; } #usersettings {} #usersettings .avatar .current { float: left; width: 150px; text-align: center; border-right: 1px solid #D1E1E7; padding-right: 15px; } #usersettings .avatar .current img { border: 3px solid #EEF4F6 } #usersettings .avatar .other { float: left; margin-left: 15px; } #usersettings .avatar dt { clear: both; margin-bottom: .5em; } #usersettings .avatar dd { margin-bottom: 1em; } #usersettings .avatar .list { overflow: hidden; } #usersettings .avatar .list label { float: left; text-align: center; margin-right: 8px; } #usersettings .avatar .list label img { display: block; margin-bottom: 4px; } #usersettings .avatar .loader { padding: 8px 8px 8px 30px; border: 1px solid #D1E1E7; background: #fff url(../images/ajax-loader.gif) 6px 9px no-repeat; float: left; } #usersettings .privacy .fm-field { margin-left: 12px; } #usersettings .privacy .fm-field label { margin-right: 3ex; } .field_messengers ul, .field_favcountries ul { margin-bottom: 0; } .field_messengers li, .field_favcountries li { margin-bottom: 3px; } .field_messengers li input.text, .field_messengers li select { width: 108px } /* ************************************************ @section Mailbox ************************************************ */ #mailbox-send { /* margin: 20px 60px */ } #mailbox-send .content textarea { width: 460px } #mailbox-listtools { float: left; font-size: 11px; position: relative; top: .4em } #mailbox-listtools a { padding-left: 14px; margin-left: 1ex; } #mailbox-listtools .all { background-position: 0 -375px; color: #575f65; } #mailbox-listtools .none { background-position: 0 -359px; color: #575f65; } #mailbox-listtools .process { border-left: 1px solid #B5BBBF; padding-left: 1ex; margin-left: 1ex; } #mailbox-listtools .process a { padding-left: 0; font-weight: bold; } #mailbox-find { float: right; font-size: 11px; margin-bottom: 1em; } #mailbox-find fieldset { float: right; } #mailbox-list { width: 100%; border-collapse: collapse; clear: both; background: #fff } #mailbox-list .check { width: 50px; text-align: center; } #mailbox-list .check label { padding: 10px; display: block; cursor: pointer; } #mailbox-list .user { padding: 3px 8px; text-align: left; } #mailbox-list td { border: 0 solid #EEF4F6 } #mailbox-list tr { border-top: 1px solid #EEF4F6 ; /* background: #fff */ } #mailbox-list tr:hover { background: #F7FBFC } #mailbox-list td.check { border-width: 0 1px 0 0 } #mailbox-list td.topic { padding: 3px 8px } #mailbox-list td.topic a {/* font-size: 14px; */ } #mailbox-list td.date { border-width: 0 0 0 1px; text-align: center } #mailbox-list .unread a { font-weight: bold; } #mailbox-list .checked { background: #EEF4F6; border-top-color: #fff } #mailbox-list .checked:hover { background: #EEF4F6 } #mailbox-list-null { background: #fff; padding: 12px 12px 0; text-align: center; border: solid #EEF4F6; border-width: 1px 0; margin-bottom: 1em; clear: both; } p.mailbox-list-back { text-align: right; clear: both; } p.mailbox-list-back a { font-weight: bold; } .box_talk .box-hd h2 { font-size: 22px; line-height: 1em; font-weight: bold; letter-spacing: -0.1ex; color: #2D4C5F; margin: 0 0 .5em; margin-right: 195px } .box_talk div.author { float: right; width: 180px; text-align: right; /* font-size: 11px; */color: #B5BBBF; margin-bottom: .5em; } .box_talk div.author img { float: right; margin: 0 0 8px 8px; width: 18px; } .box_talk div.author span { display: block; } .box_talk div.author div { overflow: hidden; } .box_talk .box-bd { border-top: 1px solid #D1E1E7; clear: both; padding-top: 12px; } .box_talk div.actions { background: #EEF4F6; margin: 0 -12px; padding: 6px 12px; text-align: right; font-size: 11px; } .box_talk div.actions .ac-back { float: left; padding-left: 0; } .box_talk div.actions .ac-reply { font-weight: bold; } .box_talk div.actions ul { margin: 0 } .box_talk div.actions li { display: inline; padding-left: 2ex; } a.talkhistory { font-weight: bold; } /* ************************************************ @section Invite ************************************************ */ #invite { } #invite .way, #invite .result { border: 1px solid #D1E1E7; padding: 4px 12px 1px; margin-bottom: 1em; } #invite .attach { font-size: 11px; line-height: 1.4; padding-left: 3px; } #invite .attach label input { vertical-align: middle; } #invite .way { margin-top: 1em; margin-bottom: 2em; } #invite .way_1st input.text { margin-right: 1ex; width: 120px; color: #B5BBBF; } #invite .way_1st input.text:focus { color: #333; } #invite .way_1st input.email { width: 150px; } #invite .way_1st .fm-field label { margin-right: .7ex; } #invite .way_active { background: #EEF4F6; border-color: #EEF4F6 } #invite .way .privacy { font-size: 11px; display: block; margin-left: 157px; line-height: 1.4 } #invite .way .attach { padding-left: 160px; } #invite .fm-rows { padding-left: 157px; } #invite .fm-rows .fm-row { float: left; clear: none } #invite .fm-rows .fm-row_block { margin-right: 12px; } #invite .fm-rows .fm-row_next { float: left; margin-left: 12px; } #invite .fm-rows .fm-row_next .fm-label { width: auto; padding-left: 12px; } #invite .fm-rows .fm-row_next .fm-field { margin-left: 12px; float: left; } #invite .fm-rows .fm-field { } #invite .fm-rows input.text { width: 120px; } #invite .fm-submit { clear: both; } #invite .supported { background: #fff; overflow: hidden; padding: 4px 0; margin-bottom: 10px; border-top: 1px solid #D1E1E7; } #invite .supported label { float: left; width: 145px; text-align: right; line-height: 40px; color: #B5BBBF; font-size: 11px } #invite .supported img { float: left; padding-left: 2px; } #invite .way h3 { padding-left: 0; } #invite .way h3 input { display: nonex; } /* */ #invite .way h3 .switch { float: left; display: inline; margin-right: 8px; } #invite .way_2nd textarea { width: 285px; height: 70px } #invite fieldset { margin-bottom: 0; } #invite .fm-label { font-weight: bold; } #invite .fm-submit { padding-left: 157px; text-align: left; border-top: 0; padding-top: 0; padding-bottom: 0; } #invite .fm-submit .primary { float: none; margin-left: 0; } #invite .way_3rd label { font-weight: normal !important; } #invite .way_3rd input.text { width: 285px; } #invite .way_3rd fieldset { padding-bottom: 4px; } #invite .result { background: #fff } #invite .result h3 { border-bottom:1px solid #D1E1E7; padding:8px 0 6px 0; position:relative; top:-3px; } #invite .result .note { background: #EEF4F6 ; padding: 6px 10px 6px; font-size: 11px; } #invite .result .attach { margin-bottom: 4px; } #invite .listtools { font-size: 11px; position: relative; } #invite .listtools a { padding-left: 14px; margin-left: 1ex; } #invite .listtools .all { background-position: 0 -375px; color: #575f65; } #invite .listtools .none { background-position: 0 -359px; color: #575f65; } #invite .process { border-left: 1px solid #B5BBBF; padding-left: 1ex; margin-left: 1ex; } #invite .process a { padding-left: 0; font-weight: bold; } #invite .emails { margin-left: 3px; } #invite .emails label { padding: 2px 2px 2px 0 } #invite .emails label:hover { background: #EEF4F6; } #invite .emails input { vertical-align: middle; } #invite ul.residents { margin-right: -4px; margin-bottom: 4px; } ul.residents li:hover { background: #EEF4F6 } ul.residents li { border: 1px solid #fff; display: inline-block; position: relative; padding: 6px 4px 6px 82px; width: 211px; margin: 0 4px 4px 0 } ul.residents li.selected { border: 1px solid #d1e1e7; background: #F7FBFC } ul.residents label { float: left; margin-left: -82px; } ul.residents label span { float: left; width: 24px; text-align: center; } ul.residents label input { } ul.residents .avatar { float: left; } ul.residents h4 { margin-bottom: 0; /* font-size: 16px; */ font-weight: bold; line-height: 1.4; margin-bottom: 3px; } /* ul.residents h4 span { font-weight: normal; margin-left: 12px; font-size: 12px; line-height: 1; } */ ul.residents h4 a:hover { text-decoration: none; } ul.residents p { margin: 0; font-size: 11px; line-height: 1.4; } #invite .submit { overflow: hidden; } #invite .primary { float: left; } #invite .secondary { font-size: 14px; line-height: 2; float: right; font-weight: bold; } #invite .sent { } #invite .sent .tools { overflow: hidden; } #invite .sent .tools .listtools { float: left; position: static } #invite .sent .toggler { font-size: 11px; } #invite .sent .toggler { float: right; position: relative; } #invite .sent .toggler strong { font-weight: bold; text-decoration: underline } #invite .sent table { width: 100%; } #invite .sent table input { vertical-align: middle; } #invite .sent table th { background: none; border-width: 0; border-bottom: 1px solid #D1E1E7 } #invite .sent em.status-yes { font-size: 11px; font-weight: bold; color: green; } #invite .sent em.status-no { font-size: 11px; font-weight: bold; color: #e00; } /* ************************************************ @section Albums ************************************************ */ #albumedit div.cover { float: left; width: 160px; margin-right: 5px; } #albumedit div.cover label { text-align: center; } #albumedit div.cover .fm-field img { background-position:0 -496px; padding:4px 8px 8px 4px; } #albumedit div.details { float: right; width: 590px; } #albumedit div.details input.text, #albumedit div.details textarea { width: 98% } #albumedit div.details textarea { height: 4.4em } #albumedit div.assignment .fm-label label { font-weight: bold; margin: 0 1ex } #albumedit div.assignment .fm-label input { vertical-align: top } #albumedit div.assignment .objectcombo { background: none; margin: 0; padding: 4px 0 8px 8px; background: #EEF4F6 } #albumedit div.assignment .objectcombo .lev { width: auto; } #albumedit div.assignment .objectcombo label { font-weight: normal; } #albumedit div.assignment .objectcombo select { width: auto; } #albumedit fieldset.photos { margin-bottom: 0; } .albumedit-photostools { background: #EEF4F6; margin-bottom: 1em; padding: 5px 5px; text-align: right; font-size: 11px; } #albumedit-photos ul.photos { clear: both; margin-bottom: .5em; } #albumedit-photos li.photo { width: 253px; text-align: center; display: -moz-inline-block; display: inline-block; vertical-align: top; margin: 0 0 .5em 0 } #albumedit-photos li.photo .actions { font-size: 11px; } #albumedit-photos li.photo div.in { padding: 3px 3px 5px; margin: 0 3px } #albumedit-photos li.selected div.in { border: 1px solid #D1E1E7; padding: 2px 2px 4px; background: #fff } #albumedit-photos .thumb img { border: 1px solid #b5bbbf; padding: 3px; background-color: #fff; } #albumedit-photos li.selected .thumb img { -moz-opacity:.30; filter: alpha(opacity=30); opacity: .30; } #albumedit-photos label { display: block; padding: 0 4px 4px } #albumedit-photos label * { vertical-align: middle; } #albumedit-photos .title { padding: 3px 0; } #albumedit-photos .title-screen { } #albumedit-photos .title-screen a { font-size: 11px; margin-left: 1ex; white-space: nowrap } #albumedit-photos .title h4 { display: inline; } #albumedit-photos .title-edit { display: none; } #albumedit-photos .title-edit .text { width: 160px } #albumedit-photos .fields h4 { font-weight: bold; } #albumedit-photos .fields .edit { display: none; position: absolute; width: 260px; text-align: left; border: 1px solid #2D4C5F; background: #fff; padding: 10px; background: #fff; } #albumedit-photos .fields .edit label { font-size: 11px; } #albumedit-photos .fields .edit .text { width: 220px; } #albumedit-photos .fields .edit textarea { width: 220px; } #albumedit-photos .fields .screen p { margin: 0 } #albumedit-files { } #albumedit-files .files .fm-label { width: auto; margin-right: 2ex; } #albumedit-files .files .fm-field { margin-left: 0 } #albumedit-files .files .text { margin-left: 1ex; width: 340px } #albumedit-files .files-dummy { display: none; } ul.albums { margin: 0 } ul.albums li.album { clear: both; /* margin-top: 1em; */ padding-top: 1em; border-top: 1px solid #D1E1E7; } ul.albums li.album.first, ul.albums li.album:first-child { padding-top: 0; border-top: 0; margin-top: 0; } ul.albums .cover, .rev-gallery .cover, .album-header .cover { background-position: 0 -496px; padding: 4px 8px 8px 4px; display: block; float: left; margin-bottom: 1em; position: relative; } ul.albums .cover:hover { text-decoration: none; } ul.albums .cover span, .album-header .cover span { position: absolute; top: 1px; background: rgb(255,255,255); background: rgba(255,255,255,.9); padding: 1px 4px; font-size: 11px; } ul.albums .cover .date, .album-header .cover .date { left: 3px; color: #575f65; } ul.albums .cover:hover .count { text-decoration: underline; } ul.albums .cover .count, .album-header .cover .count { right: 7px; font-weight: bold; } ul.albums li.album h3, .album-header h3 { margin: 0 0 .5em; padding-top: 2px; } ul.album-meta { overflow: hidden; } ul.album-meta li { margin-right: 1ex; display: inline; } ul.album-meta em { font-weight: bold; } ul.albums .desc { font-size: 11px; line-height: 1.4; float: right; width: 320px; margin-top: -2px; padding-left: 12px; border-left: 1px solid #D1E1E7; } ul.albums .data, .album-header .data { margin-left: 170px; } ul.albums .samples { overflow: hidden; width: 250px; margin-bottom: 3px; } ul.albums .samples img { float: left; margin-right: 1px; } ul.albums .more { display: block; margin-bottom: .7em; } /* ul.albums_edit */ ul.albums_edit ul.edit { background: #fff; padding: 4px; border: 1px solid #D1E1E7; width: 236px; } ul.albums_edit ul.edit li { display: inline; margin-right: 1ex; } ul.albums_edit ul.edit li a { padding-left: 18px; } ul.albums_edit ul.edit li.ac-modify a { background-position: -186px -824px; } ul.albums_edit ul.edit li.ac-delete a { background-position: -173px -842px; } .album-header { border-bottom: 1px solid #D1E1E7; margin-bottom: 1em; overflow: hidden; } .album-header .cover { } .album-header .data { } .album-header h3 { } .album-header .desc { } ul.album-photos { clear: both; margin-bottom: 0; } ul.album-photos li.photo { width: 253px; text-align: center; display: -moz-inline-block; display: inline-block; vertical-align: top; margin: 0 0 1em 0; } ul.album-photos li.photo img { border: 1px solid #b5bbbf; padding: 3px; background-color: #fff; } ul.album-photos .title { margin-bottom: 0; } ul.album-photos p.meta { font-size: 11px; color: #B5BBBF; margin-bottom: 0; } ul.album-photos div.comment { /* border-top: 1px solid #D1E1E7; */margin: 0 8px 0;/* text-align: left; */ /* padding-top: 4px; */font-size: 11px; line-height: 1.4 ; } ul.album-photos div.comment label { color: #B5BBBF;margin-right: 1ex; } ul.album-photos div.comment q { font-size: 11px; } ul.album-photos div.comment p { margin-bottom: 0; } ul.album-photos div.comment p.act { text-align: center; font-weight: bold; } /* NEW */ div.album { } div.album .title { float: right; font-weight: bold; } div.album .author { float: left; } div.album > ul { clear: both; margin: 0 -20px 0 0; } div.album > ul li { display: inline-block; margin: 0 20px 20px 0; width: 145px; height: 145px; vertical-align: top; text-align: center; } div.album > ul li img { display: block; } div.album li.summary { width: 143px; height: 143px; border: 1px solid #fff; } div.album li.summary p { padding-top: 36px; } div.album li.summary p strong { font-size: 14px; display: block; padding-bottom: .5ex; } div.album li.summary p a { text-decoration: underline; font-size: 1.2em; } div.album > ul li.summary:hover { border-color: #d1e1e7; } .album-photo { } .album-photo .box-hd strong { font-weight: normal; color: #2D4C5F; margin-left: 1ex; } /* @group sidephotos */ .box_sidephotos { } ul.sidephotos { margin: 0 -12px 0 0; } ul.sidephotos li { display: inline-block; text-align: center; width: 62px; margin: 0 10px 5px 0; } #main.home ul.sidephotos { padding-left: 10px; } #main.home ul.sidephotos li { width: auto; margin: 0 6px 12px } ul.sidephotos li a.photo { display: block; } ul.sidephotos li .author { display: block; height: 1.4em; overflow: hidden; font-size: 11px; line-height: 1.4; padding-top: 4px; } .box_sidephotos .more { text-align: right; font-weight: bold; font-size: 11px; line-height: 1.2; } /* @group Album / Photo */ .profile-card-b { border-bottom: 1px solid #d9e9f0; margin-bottom: .7em; } .profile-card-b .links { float: right; text-align: right; font-size: 11px; margin: 0 0 .5em } .profile-card-b .links a { text-decoration: underline; } .profile-card-b .avatar img { border: 1px solid #d1e1e7; padding: 5px; background: #fff; width: 60px; float: left; } .profile-card-b .data { /* padding-left: 85px; */ overflow: hidden; padding-left: 12px; } .profile-card-b .data h3 { margin: 0; } .profile-card-b .data p { font-size: 11px; margin: 0 0 .5em; } .profile-card-b .bottom { clear: both; } .profile-card-b .bottom ul.actions { float: left; } .profile-card-b .bottom .sampleoffer { float: right; } .profile-card-b .bottom .sampleoffer .b { float: right; } .profile-card-b .bottom .sampleoffer .t { font-size: 12px; padding: 6px 12px 8px 0; float: right; color: #2D4C5F; } #album-photo { } #album-photo .about { } #album-photo .about h3 { margin-bottom: .1em; } #album-photo .about h3 a { margin-left: 1ex; } #album-photo .about ul { margin: 0 } #album-photo .about p { font-size: 11px; margin: 0 } #album-photo p.back { float: right; text-align: right } #album-photo .nav { text-align: center; margin-bottom: 8px; clear: both; overflow: hidden; } #album-photo .nav .ps-prev a { margin-right: 11px; } #album-photo .nav ul { margin: 0 0 4px } #album-photo .nav li { float: left; height: 60px; width: 80px; margin: 6px 5px; text-align: center; position: relative; } #album-photo .nav li a:hover img { -moz-opacity:.50; filter: alpha(opacity=50); opacity: .50; } #album-photo .nav li.current { border: 6px solid #427291; margin: 0 7px 0; } #album-photo .nav li.current a { cursor: default } #album-photo .nav ul li.current img { position: absolute; left: 0; -moz-opacity:1; filter: alpha(opacity=100); opacity: 1; } #album-photo .nav li.current span { background: #427291; color: #fff; padding: 0 8px 3px; font-weight: bold; position: relative; display: inline-block; } #album-photo .nav li.splitter { background: #427291 url(../images/album-splitter.png) no-repeat; } #album-photo .nav li.splitter a { display: block; padding: 4px 4px; color: #fff; height: 52px; } #album-photo .nav li.splitter a strong { display: block; font-size: 1.2em; line-height: 1.2; } #album-photo .nav .c { top: 6px } #album-photo .jcarousel-clip { overflow: hidden; width: 645px; } #album-photo .jcarousel-list { } #album-photo .image { text-align: center; margin-bottom: 1em; } #album-photo .title { text-align: center; margin-bottom: 6px; } #album-photo .extra { border-top: 1px solid #D1E1E7 ; padding-top: 6px; overflow: hidden; margin-bottom: 1em; } #album-photo .extra p { margin-bottom: 0 } #album-photo .extra .meta { float: right; } #album-photo .meta { text-align: right; color: #B5BBBF; } #album-photo .meta a { font-size: 11px; } #album-photo .score { width: 50%; margin: 0 auto 1em; text-align: center; } #album-photo .score .scorebar { display: inline-block; vertical-align: middle; margin-left: 10px; } #album-photo .vote { float: left; } #album-photo .vote label { float: left; margin-right: 1ex; } #album-photo .vote .scorebar { float: left; } ul.comments blockquote { padding-left: 34px; } #photo-comment { background: #EEF4F6; padding: 12px 12px 1px; margin: 2em 0 1em; } #photo-comment h3 { padding-top: 0; padding-left: 0; } #photo-comment textarea { width: 506px; } .comment-form { background: #EEF4F6; padding: 12px 12px 1px; margin: 2em 0 1em; } .comment-form h3 { padding-top: 0; padding-left: 0; } .comment-form textarea { width: 560px; } /* @group comments ------------------------------------------------ */ ul.comments {} /* ************************************************ @section Object / Hotel ************************************************ */ /* @group hotel stars ------------------------------------------------ */ img.hotelstars { background-position: 0 -80px; height: 9px;} /* img.hs_05 { background-position: -36px -180px; width: 5px; } */ img.hs_10 { width: 10px; } img.hs_20 { width: 20px; } img.hs_30 { width: 30px; } img.hs_40 { width: 40px; } img.hs_50 { width: 50px; } /* @group scorebar ------------------------------------------------ */ /* normalny (zielony) */ span.scorebar { background-position: 0 -200px; display: block; overflow: hidden; /* width: 54px; height: 14px; */ width: 48px; height: 8px; padding: 3px; font-size: 0; text-align: left; } span.scorebar i { background-position: -57px -203px; display: block; width: 0; height: 100%; } span.scorebar i.sb-05 { width: 4px; } span.scorebar i.sb-10 { width: 8px; } span.scorebar i.sb-15 { width: 12px; } span.scorebar i.sb-20 { width: 16px; } span.scorebar i.sb-25 { width: 20px; } span.scorebar i.sb-35 { width: 28px; } span.scorebar i.sb-30 { width: 24px; } span.scorebar i.sb-40 { width: 32px; } span.scorebar i.sb-45 { width: 36px; } span.scorebar i.sb-50 { width: 40px; } span.scorebar i.sb-55 { width: 44px; } span.scorebar i.sb-60 { width: 48px; } /* blady */ .subscores .scorebar, .rev-subs dd.subs .scorebar { background-position: 0 -214px; } .subscores .scorebar i, .rev-subs dd.subs .scorebar i { background-position: -57px -217px; } /* klikalny */ span.scorebar_active { background-position: -108px -200px; width: 66px; height:11px; padding: 4px; position: relative; } #survey .paramset dl.unfilled .scorebar_active { background-position: -108px -219px; } span.scorebar_active i { background-position: -184px -223px; z-index: 1; } span.scorebar_active:hover i { display: none; } span.scorebar_active input { display: none; } span.scorebar-clicks { display: block; margin: 4px 4px; position: absolute; width: 66px; top: 0; left: 0 } span.scorebar_active a { display: block; position:absolute; text-indent:-1000em; height:13px; line-height:13px; outline:none; overflow:hidden; border: none; } span.scorebar_active a:hover { background-position: -184px -204px; } span.scorebar .sbc-10 { width: 11px; z-index: 6 } span.scorebar .sbc-20 { width: 22px; z-index: 5 } span.scorebar .sbc-30 { width: 33px; z-index: 4 } span.scorebar .sbc-40 { width: 44px; z-index: 3 } span.scorebar .sbc-50 { width: 55px; z-index: 2 } span.scorebar .sbc-60 { width: 66px; z-index: 1 } /* @group coinbar ------------------------------------------------ */ /* @deprecated: * .coinbar { background-position: -163px -512px; display: block; height: 10px; overflow: hidden; line-height: 0; text-indent: -1000em; width: 47px; text-align: left !important } .coinbar i { background-position: -163px -501px; display: block; height: 10px } .coinbar .eq-1 { width: 5px; } .coinbar .eq-2 { width: 10px; } .coinbar .eq-3 { width: 14px; } .coinbar .eq-4 { width: 19px; } .coinbar .eq-5 { width: 23px; } .coinbar .eq-6 { width: 28px; } .coinbar .eq-7 { width: 32px; } .coinbar .eq-8 { width: 38px; } .coinbar .eq-9 { width: 41px; } .coinbar .eq-10 { width: 46px; } /* */ /* @group Object ------------------------------------------------ */ div.object-wrapright { float: right; width: 300px; } div.object .picviewer { } div.object_hotel.alt .object-wrapright { float: left; } div.object_hotel.alt .object-wrap { float: right; } /* @deprecated: * .obj-affiliates { background: #fff; clear: both; padding: 0 4px } .obj-affiliates ul { overflow: hidden; } .obj-affiliates li { float: left; width: 166px; text-align: center; padding-bottom: 4px; } .obj-affiliates li span { display: block; } /* */ .obj-galleryteaser { margin-bottom: 1em; } .obj-galleryteaser h3 { font-size: 11px; text-align: center; margin: 0 0 3px } .obj-galleryteaser h3 a { display: block; } /* @group picslider ------------------------------------------------ */ .picslider { overflow: hidden; } .picslider ul { margin: 0 0 4px; /* width: 240px; */ } .picslider ul li { float: left; height: 60px; width: 80px; margin: 0 2px } .ps-ctrl { display: inline; } .ps-prev, .ps-next { background-position: -160px -60px; position: relative; width: 15px; height: 60px; float: left; margin-right: 9px; text-align: left; } .ps-next { background-position: -180px -60px; float: right; margin-left: 6px; margin-right: 0; } .ps-prev:hover { background-position: -200px -60px;} .ps-next:hover { background-position: -220px -60px;} .jcarousel-container { padding: 0 25px; position: relative; } .jcarousel-container .c { position: absolute; top: 0; cursor: pointer; } .jcarousel-container .c[disabled=true] { -moz-opacity:.50; filter: alpha(opacity=50); opacity: .50; } .jcarousel-container .ps-next { right: 0 } .jcarousel-container .ps-prev { left: 0 } #hotel-user-galleries-teaser .jcarousel-clip { width: 252px; overflow: hidden; } #hotel-user-gallery-teaser .jcarousel-clip { width: 645px; overflow: hidden; } /* .js .picslider { display: none; } */ .js .jcarousel-container { display: none; } .obj-contribute { text-align: left; margin: 0 0 1em 0; border-bottom: 1px solid #d1e1e7; border-top: 1px solid #d1e1e7; padding: 10px 0; clear: both; } .ac-review i { background-position: -60px 2px; } .ac-clipboard i { background-position: -80px 2px; padding-left: 10px; } .ac-message i { background-position: -60px -17px; padding-left: 14px; } .ac-profile i { background-position: -80px -18px; padding-left: 8px; } .ac-departure i { background-position: -100px 2px; padding-left: 14px; } div.object-wrap { float: left; width: 384px; } /* @group breadcrumbs */ ul.obj-path, ul.breadcrumbs { font-size: 11px; } ul.obj-path li, ul.breadcrumbs li { display: inline; } ul.obj-path li:before, ul.breadcrumbs li:before, ul.obj-path li i, ul.breadcrumbs li i { content: "\00BB "; padding: 0 .4ex; color: #b5bbbf; font-style: normal } ul.obj-path li:first-child:before, ul.breadcrumbs li:first-child:before { content: ""; padding: 0 } ul.breadcrumbs li a, ul.obj-path li a { color: #575f65; text-decoration: underline; } .obj-path a:hover { text-decoration: none; } .object .readall { font-weight: bold; margin-bottom: .7em; } .obj-ratings { font-size: 11px; margin-bottom: .7em; padding-left: 63px; } .obj-ratings em { font-style: normal; } .mainscore { text-align: center; width: 54px; float: left; font-weight: normal; color: #b5bbbf; position: relative; font-size: 11px; margin: 0 0 0 -63px } .mainscore em { text-transform: uppercase; line-height: 1em; display: block; } .mainscore .digit { color: #72c63f; font-size: 30px; display: block; line-height: 1; font-weight: normal; letter-spacing: -2px; margin:0 0 4px 0 } .mainscore small { font-size: 1em; position: absolute; left: 66px; top: 0; width: 200px; text-align: left; line-height: 1em; } .obj-ratings .subscores { margin: 0; float: left; width: 100%; position: relative; } .obj-ratings .subscores li { width: 157px; float: left; margin-left: 7px; position: relative; line-height: 16px; /* z-index: 0 */ } .obj-ratings .subscores li.first { margin-left: 0; clear: left; } .obj-ratings .subscores dl { padding-bottom: 8px; padding: 2px 0 4px 2px; cursor: pointer; position: relative } .obj-ratings .subscores dt { margin-right: 54px; background-position: 74px -270px; padding-right: 20px; } .obj-ratings .subscores dl.nosubs dt { background: none } .obj-ratings .subscores dd.val em { position: absolute; right: 56px; top: 2px; font-weight: bold; } .obj-ratings .subscores .scorebar { position: absolute; right: 0; top: 3px; } .obj-ratings .subscores dd.subs { display: none; position: absolute; left: 0; padding: 0 3px 3px; background: #e3f4fa; width: 162px; margin-top: 2px; z-index: 999 } .obj-ratings .subscores dd.subs ul { margin: -4px 0 0; position: relative; } .obj-ratings .subscores dd.subs li { float: none; position: relative; width: auto; /* border-top: 1px solid #F7FBFC; */ padding-top: 3px; margin: 3px 0 0; line-height: 1.4; zoom: 1 } .obj-ratings .subscores dd.subs li .n { display: block; } .obj-ratings .subscores dd.subs li .v { display: block; text-align: center; font-weight: bold; position: absolute; top: 3px; right: 0 } .obj-ratings .subscores li:hover, .obj-ratings .subscores li.hover { } .obj-ratings .subscores li.hover dl, .obj-ratings .subscores li:hover dl { } .obj-ratings .subscores li.hover dt, .obj-ratings .subscores li:hover dt { background-position: -162px -661px; text-decoration: underline; } .obj-ratings .subscores dl.nosubs { cursor: default } .obj-ratings .subscores li.hover dl.nosubs dt, .obj-ratings .subscores li:hover dl.nosubs dt { text-decoration: none } .obj-ratings .subscores li.hover dd.subs, .obj-ratings .subscores li:hover dd.subs { display: block; } html.js .obj-ratings .subscores li.hover dd.subs, html.js .obj-ratings .subscores li:hover dd.subs { display: none; } dd.subs a.dismiss { display: block; overflow: hidden; font-size: 10px; line-height: 1em; padding: 1px 0 3px; height: 9px; background-color: #D9E9F0 ; border: 1px solid #D9E9F0; margin: 2px -3px -3px -3px; text-decoration: none !important; text-align: center } dd.subs a.dismiss:hover { background-color: #B7E2F3 ; } .object .obj-ratings h3 { margin-left: -63px } .object .section h3 { text-transform: uppercase; font-weight: bold; color: #2D4C5F; font-size: 11px; border-bottom: 1px solid #d1e1e7; margin-bottom: 6px; padding-bottom: 2px } .object .section div.hd { overflow: hidden; font-size: 11px; border-bottom: 1px solid #d1e1e7; margin-bottom: 6px; } .object .section div.hd h3 { float: left; border: none; margin: 0 } .object .section div.hd a { float: right; text-transform: none; font-weight: normal; } .object .section h3 small { font-size: 1em; font-weight: normal; text-transform: none; color: #575f65; } .object .obj-ratings div.hd { margin-left: -63px; overflow: visible } .object .obj-ratings div.hd h3 { float: none } .obj-sampleoffer { border-top: 1px solid #d1e1e7; padding-top: 12px; overflow: hidden; } .object_touroperator .obj-sampleoffer { border-bottom: 1px solid #d1e1e7; margin-bottom: 1em; } .obj-sampleoffer .t { overflow: hidden; color: #2D4C5F; font-size: 16px; padding-top: 3px; margin: 0 0 12px } .obj-sampleoffer .b { float: right; margin-left: 2ex; } .rev-sampleoffer .btn, .sampleoffer .btn, .obj-sampleoffer .btn { text-transform: none; font-size: 14px; padding-left: 20px; padding-right: 20px; } .obj-recom { float: left; width: 187px; } .obj-recom p { font-size: 11px; text-align: center; } .obj-recom strong { font-size: 18px; color: #2d4c5f; } img.trend-down, img.trend-up { background-position: -230px -501px; width: 20px; height: 16px; } img.trend-up { background-position: -230px -526px; } .obj-rank { float: right; width: 187px; } .obj-rank h3 { margin-bottom: 5px; } .obj-rank li { font-size: 11px; text-align: center; } .obj-rank strong { font-size: 18px; color: #2d4c5f; } .obj-rank.section h3, .obj-recom.section h3 { border: 0; margin: 0; padding: 0 } .obj-facebook { margin-bottom: 1em; } .obj-facebook .fb_ltr { height: 24px !important; } .object_restaurant .obj-contribute { text-align: center; border-bottom: 0; padding-bottom: 0; } .object_restaurant .obj-contribute .btn { text-transform: none; padding-left: 20px; padding-right: 20px; } .obj-desc { font-size: 11px; border-top: 1px solid #d1e1e7; padding-top: 12px; } .obj-desc .loud { font-size: 1.1em } .obj-trips { clear: both; overflow: hidden; } div.monthgraph { margin-bottom: 2em; } .monthgraph ul { border-bottom: 2px solid #d1e1e7; height: 40px; padding-top: 1.2em; font-size: 11px; } .monthgraph ul li { float: left; width: 32px; text-align: center; position: relative; height: 40px; position: relative } .monthgraph ul li label { bottom: -1.7em; position: absolute; width: 34px; left: 0; color: #B5BBBF; } .monthgraph ul li var { bottom: 0; left: 9px; position: absolute; width: 16px; margin: 0 auto; background: #d1e1e7; font-style: normal; display: block; font-size: 0; line-height: 0 /**/ } .monthgraph ul li var strong { /* position: absolute; top: -1.4em; */ font-size: 11px; line-height: 1em; margin-top: -1.1em; display: block; position: relative; } /* @group picviewer ------------------------------------------------ */ .picviewer { width: 300px; background: #fff; margin-bottom: 1em; position: relative; } .pv-pic { height: 225px; overflow: hidden; display: table; text-align: center; width: 100% } .pv-pic span.img { display: table-cell; vertical-align: middle; height: 225px; } .pv-pic .loader { position: absolute; background: url(../images/ajax-loader.gif) 8px 8px no-repeat; height: 16px; width: 16px; right: 16px; top: 16px; padding: 8px; display: none; } .picviewer .loading .loader { display: block; } .pv-pic img { /* display: block; */ max-height: 255px; max-width: 340px; } .pv-bank { margin: 0; padding: 5px; } .pv-bank li { display: inline; } .js .pv-bank { display: none; } .pv-panel { display: none; } .picviewer:hover .pv-panel { display: block; } .pv-panel a { width: 50%; height: 100%; position: absolute; top: 0; } .pv-panel a span { width: 25px; height: 40px; position: absolute; text-indent: -1000em; top: 50%; margin-top: -20px; left: 20px; background-position: 0 0; } .pv-panel em { font-style: normal } .pv-prev { left: 0 } .pv-prev span { } .pv-next { right: 0 } a.pv-next span { right: 20px; left: auto; background-position: -25px 0; } .pv-num { display: none; } /* ************************************************ @section Weather ************************************************ */ .sideweather h3 { margin-bottom: 0 } .sideweather p.date { font-size: 10px; text-transform: uppercase; margin: 0 } .sideweather p.general { padding-left: 36px; overflow: hidden; margin-bottom: 8px; } .sideweather p.general a:hover .more { text-decoration: underline; } .sideweather p.general img { float: left; margin: 2px 0 0 -36px ; } .sideweather p.general .temp { color: #575f65; } .sideweather p.general span.more { font-size: 11px; display: block; } .sideweather p.general .temp { font-size: 22px; display: block; padding-top: 8px; } .sideweather p.supplier { color: #B5BBBF; font-size: 11px; overflow: hidden; line-height: 1.2; border-top: 1px solid #D1E1E7 ; } .sideweather p.supplier { padding-top: 6px; } .sideweather p.supplier label { float: left; width: 50px; padding-top: 4px; text-align: left } .sideweather p.supplier img { float: right; } .icon-weather { width: 30px; height: 30px; background: url(../images/weather-icons-sprites.png) no-repeat; } .iw-01 { background-position: 0 0; } .iw-02 { background-position: -30px 0; } img.iw-01 { background-position: -0px -0px } img.iw-02 { background-position: -30px -0px } img.iw-03 { background-position: -60px -0px } img.iw-04 { background-position: -90px -0px } img.iw-05 { background-position: -120px -0px } img.iw-06 { background-position: -150px -0px } img.iw-07 { background-position: -180px -0px } img.iw-08 { background-position: -210px -0px } img.iw-09 { background-position: -240px -0px } img.iw-10 { background-position: -270px -0px } img.iw-11 { background-position: -0px -30px } img.iw-12 { background-position: -30px -30px } img.iw-13 { background-position: -60px -30px } img.iw-14 { background-position: -90px -30px } img.iw-15 { background-position: -120px -30px } img.iw-16 { background-position: -150px -30px } img.iw-17 { background-position: -180px -30px }/* 53 gęste chmury deszczowe 20 52 wichura 16 01 pogodnie 01 01 słonecznie, bezchmurnie 01 03 pogodnie, rozwój chmur 02 02 przeważnie słonecznie 02 03 rozpogodzenia 03 03 umiarkowane zachmurzenie 04 04 duże zachmurzenie 05 04 przejaśnienia 04 05 pochmurno 05 10 pojedyncze opady przelotne 06 10 słaba mżawka 06 11 możliwe opady przelotne 07 11 okresami deszcz 07 12 opady przelotne 07 20 deszcz 08 24 niewielki śnieg/deszcz 09 27 śnieg z deszczem 10 32 okresami śnieg 11 38 gęsta mgła 12 38 zamglenia 13 40 możliwy przelotny śnieg 11 42 okresami słaby śnieg 11 50 opady przelotne, możliwa burza 14 51 ulewy/burze 15 52 wichura 16 53 gęste chmury deszczowe 08 */ .weather h3 small { font-weight: normal; font-size: 1em; color: #B5BBBF; } .weather-days li.day { margin-bottom: 1em; padding: 10px 12px 0; border-top: 1px solid #d1e1e7; margin-bottom: 1em; } .weather-days li.day_today { background: #EEF4F6; padding-bottom: 8px; padding-bottom: 8px; margin-bottom: 0; } .weather-days h4 { margin-bottom: 6px; font-weight: bold; text-transform: uppercase; font-size: 11px; font-weight: bold; color: #2D4C5F; margin: 0 0 6px; } .weather-days li.day_today h4 { margin: 0 0 6px; padding: 0 } .weather-days .general { overflow: hidden; margin: 0; padding-left: 40px; width: 185px /* 225 */; float: left; } .weather-days .general .icon-weather { float: left; margin: 5px 0 0 -40px; } .weather-days .general p { padding-top: 10px; margin: 0 } .weather-days .general strong { font-size: 18px; color: #2D4C5F; font-weight: normal; } .weather-days .general small { font-size: 18px; margin: 0 1ex; display: none; } .weather-days .general em { font-size: 18px; color: #598dad; margin-left: 8px; font-style: normal } .weather-days .general em span { font-size: 11px; } .weather-days .general label { display: block; } .weather-days .stats { overflow: hidden; } .weather-days .stats ul { width: 33%; float: left; font-size: 11px; margin: 0 } .weather-days .stats li { } .weather-supplier { text-align: right; border-top: none; color: #B5BBBF; font-size: 11px; line-height: 1.2; } .weather-supplier * { vertical-align: middle; margin-left: .8ex; } .weather_single li.day h4 { padding: 0 } .weather-days li.day.first, .weather-days li.day:first-child { border-top: 0; } .weather-days li.city.first, .weather-days li.city:first-child { border-top: 0; padding-top: 0; } .weather-days li.city { padding-left: 0; padding-right: 0; } .weather-days li.city h3 { margin-bottom: 0; } .weather-days li.city .h { overflow: hidden; position: relative; line-height: 1.4; margin-bottom: .2em; } .weather-days li.city .h h3 { float: left; } .weather-days li.city .h a.more { font-size: 11px; margin: 2px 0 0 2ex; float: right; } .weather li.day p.more { clear: both; } .poplocations_weather li em { } /* ************************************************ @section Review ************************************************ */ /* @group Reviews ------------------------------------------------ */ .review { padding-left: 64px; position: relative; } li.review, li.comment { border-top: 1px solid #d1e1e7; padding-top: 1em; margin-top: .8em; } li.review.first, li.comment.first, li.review:first-child, li.comment:first-child { border-top: none; padding-top: 0; margin-top: 0; } .review .score { float: left; width: 53px; text-align: center; margin: 0 0 0 -64px; } .review .score .digit { color: #72c63f; font-size: 22px; display: block; line-height: .85; letter-spacing: -1px; margin: 1px 0 6px; font-weight: normal; line-height: 25px; } .review .score:hover .digit { } img.recom { background-position: -229px -575px; width: 21px; height: 22px; vertical-align: middle; } img.recom-no { background-position: -229px -550px; } ul.reviews img.recom { float: right; } .review h4, li.comment h3 { color: #575f65; font-weight: normal; font-size: 16px; line-height: 25px; margin-bottom: 4px; } .review h4 strong img, li.comment h3 strong img { width: 25px; vertical-align: bottom; margin-right: 8px; float: left; } .review .date, li.comment .date { float: right; color: #B5BBBF; font-size: 11px; } .review .thumb { float: left; margin-right: 8px; width: 62px; height: 47px; } .review .obj-ratings { padding: 0; margin: 0; } .review .obj-ratings .subscores { padding: 0; background: #EEF4F6 ; border-width: 0 0 1px 0; margin: 0 0 .5em 0 } .review .obj-ratings .subscores dl { padding-top: 2px; padding-bottom: 2px; } .review .obj-ratings li { width: auto; margin: 0 4px 0 0 } .review .obj-ratings dl { margin: 0 } .review .obj-ratings dt { background: none; } .review blockquote p, li.comment blockquote p { margin-bottom: .5em; } .review blockquote .more { font-weight: bold; } .review .helpful { font-size: 11px; } .review .helpful dt { display: inline; margin-right: 1ex; color: #b5bbbf; } .review .helpful dd { display: inline; } .review .helpful dd i { margin: 0 .5ex; font-style: normal } .review .hasalbum { margin-bottom: .5em; } .hasalbum a { text-decoration: none !important } .hasalbum img { vertical-align: middle; width: 30px; border: 1px solid #d1e1e7; padding: 1px; margin-right: .5ex; } .hasalbum span {} .hasalbum strong { vertical-align: middle; } .hasalbum a:hover em { text-decoration: underline } .rev-reply { margin-top: .6em; border-top: 1px dotted #d1e1e7; padding-top: .6em; background: #EEF4F6; padding: 10px 12px 0; overflow: hidden; } .rev-reply h4 { background-position: -220px -880px; padding-left: 34px; font-weight: bold; line-height: 1.3; } ul.reviews_multitype h4 { font-weight: bold; } ul.reviews_multitype img.recom { float: none } ul.reviews_multitype .obj-path { margin-bottom: .6em; } .reviews .li-ad { overflow: hidden; padding: 10px 0 5px 64px; } .reviews .li-ad .ad-1 { float: left; margin: 0 15px 0 0 } .reviews .li-ad .ad-2 { float: left; } /* @group Review ------------------------------------------------ */ .review-intro { overflow: hidden; } .review-intro .date { font-size: 11px; margin: 0 0 .7em } .profile-card .avatar, .profile-card-a .avatar { border: 1px solid #d1e1e7; padding: 6px; background: #fff; float: left; margin-right: 1em; } .profile-card-a .data { font-size: 11px; } .profile-card-a h3 + p { margin-top: -1em; } .profile-card-a em { color: #2D4C5F; } .profile-card-a .actions { clear: both; padding-top: 1em; } .profile-card-a .actions li { display: inline; } .profile-card-a .actions li:first-child { float: left; width: 159px; text-align: center; margin-right: 12px; } .profile-card-a .actions li:first-child .ac-btn { width: 120px; } .profile-card-a .actions .ac-btn span { padding-left: 10px; padding-right: 10px; } .review-intro .profile-card-a { float: left; width: 450px; } .review-intro .meta { float: right; padding: 12px 0 0 12px; margin-left: 12px; border-left: 1px solid #d1e1e7; width: 220px; font-size: 11px; } .review-intro .meta dt { float: left; font-weight: bold; margin-right: 1ex; color: #2D4C5F; } .review-intro .meta dd { margin-bottom: 1em; } .reviewext { } .rev-sampleoffer { float: right; margin: 0 } .rev-sampleoffer .btn { width: 134px; } .reviewext h3.hd { margin-bottom: .2em; } .reviewext .obj-path { margin-bottom: 6px; } .rev-wrap { } .rev-text { float: left; width: 505px; } .rev-text .mainscore { margin: 0 12px 12px 0 } .rev-text blockquote { } .rev-aside { float: right; text-align: center; width: 177px; margin-bottom: 12px; } .rev-aside .hotel-thumb { border: 1px solid #d1e1e7; padding: 6px; background: #fff; float: right; } .rev-photos { clear: both; margin-bottom: 2em; } .rev-photos h3 { font-size: 1em; font-weight: normal; font-size: 11px; } .review-nav { text-align: center; } .review-nav a { text-decoration: underline; } .review-nav a:hover { text-decoration: none; } .review-nav .next { float: right; } .review-nav .prev { float: left; } .rev-subs { clear: both; overflow: hidden; margin-top: 2em; margin-bottom: 1em; padding-bottom: 2px; border-left: 1px solid #D1E1E7; border-right: 1px solid #D1E1E7; background: #fff url(../images/rev-subs.png) 0 100% no-repeat } ul.rev-subs-row { clear: both; margin-right: -6px; z-index: 1 } ul.rev-subs-row > li { width: 245px; padding: 0 49px; float: left; display: inline } ul.rev-subs-row:first-child > li { padding-top: 12px; } ul.rev-subs-row:first-child > li { border-top: 1px solid #D1E1E7; } ul.rev-subs-row > li:first-child { margin-right: 12px; } .rev-subs dl { position: relative; } .rev-subs dt { padding-right: 74px; font-weight: bold; } .rev-subs dl.nosubs dt {} .rev-subs dd.val em { position: absolute; right: 56px; top: 2px; font-weight: bold; font-style: normal; line-height: 1.4; } .rev-subs .scorebar { position: absolute; right: 0; top: 3px; } .rev-subs dd.subs { /* padding-left: 10px; */font-size: 11px; } .rev-subs dd.subs li { width: auto; float: none; display: block; margin: 0; padding-right: 74px; position: relative; } .rev-subs dd.subs .scorebar { position: absolute; right: 0; top: 3px; } .rev-subs dd.subs .v { position: absolute; right: 56px; top: 2px; } .rev-subs .ad-container { height: 250px; position: relative; clear: both; } .rev-subs .ad { position: absolute; right: 100px; top: 0; } .rev-ft { margin-bottom: 1em; font-size: 11px; clear: both; } .rev-ft .date { float: right; color: #b5bbbf; } .rev-ft dl.helpful { /* border-top: 1px solid #D1E1E7; padding-top: 8px; */ } .rev-ft .helpful dt { display: inline; margin-right: 1ex; color: #2D4C5F; font-weight: bold; } .rev-ft .helpful dd { display: inline; } .rev-ft .helpful dd i { margin: 0 .5ex; font-style: normal } /* @group phoneadvice ------------------------------------------------ */ .phoneadvice { margin-top: 8px; font-size: 11px; background: #DFF5FD url(../images/phoneadvice-bg.png) no-repeat; line-height: 1.4; color: #2D4C5F; padding: 2px 4px 1px; border-top: 1px solid #59CDF9; text-align: right } .phoneadvice p.i { margin-left: 46px; margin-bottom: 8px; } .phoneadvice p.ii { font-weight: bold; } .phoneadvice p { margin: 0 0 4px } .phoneadvice .tel { font-size: 16px; font-weight: bold; background: #43bfee; margin: 0 -4px -2px; color: #fff; padding: 2px 6px } .phoneadvice .tel strong { padding-left: 20px; background: url(../images/phoneadvice-tel.png) 0 1px no-repeat; } .phoneadvice .tel small { font-size: 9px; display: block; } .phoneadvice_v2 { font-size: 14px; padding: 8px 9px; } .phoneadvice_v2 .tel { margin: 8px -9px -10px; padding: 4px 10px } .odpoczne-about { border: 1px solid #D1E1E7; padding: 12px 12px 0 } .odpoczne-about h2 { text-align: center; } .odpoczne-about p { } .odpoczne-about .brand { border-bottom: 1px solid #D1E1E7; padding-bottom: 10px; text-align: center; } .odpoczne-about .points p { margin: 0; font-weight: bold; text-align: center; } .odpoczne-about .cert { text-align: center; font-weight: bold; color: #427290; } .odpoczne-about .cert span { display: block; padding-top: 10px; } .odpoczne-about .cert img { } /* @group Offer config ------------------------------------------------ */ #offer-config { clear: both; background: #f7fbfc; border: 1px solid #d1e1e7; } #offer-config .inner { padding: 10px 12px 0; min-height: 100px } #offer-config .presetter { background: #e0f5fd url(../images/offer-config-gradient.png) repeat-x; margin: -10px -12px 12px; padding: 10px 10px 0; border: 1px solid #fff; text-align: center; } #offer-config .presetter .view { font-size: 16px; font-weight: bold; } #offer-config .presetter p { margin-bottom: 9px; } #offer-config .presetter label { margin-left: 1ex; } #offer-config .presetter .actions { font-size: 12px; } #offer-config .presetter .actions a { font-weight: bold; margin-left: 1ex; } #offer-config .presetter .actions a.secondary { font-weight: normal; text-decoration: none; font-size: 12px; } #offer-config .setter { border-bottom: 1px solid #B5BBBF; margin-bottom: 14px; zoom: 1; } #offer-config .setter a { font-weight: bold; background: url(../images/slider-handle.png) -999px -999px no-repeat; text-decoration: none !important; padding: 3px 0 11px; float: left; } #offer-config .setter label { float: left; margin-right: 1ex; padding-top: 2px; } #offer-config .slider a span { border-left: 1px solid #D1E1E7; float: left; padding: 0 8px; line-height: 1em; } #offer-config .slider li:first-child span { border-left: none } #offer-config .slider a.active { font-weight: bold; color: #392524; background-position: 50% 100%; padding-bottom: 12px; margin-bottom: -1px; } #offer-config .slider a:hover { background-position: 50% 100%; padding-bottom: 12px; margin-bottom: -1px; } #offer-config .slider { float: left; margin: 0 } #offer-config .slider:hover a.active { background-position: -999px -999px } #offer-config .slider a:hover.active {color: #392524; font-weight: bold; background-position: 50% 100%; padding-bottom: 12px; margin-bottom: -1px; } #offer-config .setter .transport { float: left; margin-right: 12px; } #offer-config .setter .transport label { display: none; } #offer-config .setter .transport ul { margin: 0 } #offer-config .setter .transport li { float: left; position: relative; } #offer-config .setter .transport li a { display: block; width: 26px; height: 26px; margin: 0 2px 0 0; padding: 0; background-image: url(../images/offer-config-sprites.png); background-repeat: no-repeat; } #offer-config .setter .transport li a span { display: none; position: absolute; top: -28px; left: 6px; background: #fff; white-space: nowrap; height: 16px; padding: 2px 6px; background: #DFF5FD; color: #575F65; font-weight: normal; font-size: 11px } #offer-config .setter .transport li a span:before { border: 4px solid; border-color: #DFF5FD #DFF5FD transparent transparent; content: ''; display: block; position: absolute; bottom: -8px; left: 0 } #offer-config .setter .transport li a:hover span { display: block; } #offer-config .setter .transport li a.active { margin: 0 2px 0 0; background-color: #427290; } #offer-config .setter a.air { background-position: 0 0 } #offer-config .setter a.bus { background-position: -26px -2px } #offer-config .setter a.own { background-position: -52px -2px; } #offer-config .setter a.train { background-position: -78px -2px; } #offer-config .setter a.active.air { background-position: -0 -28px } #offer-config .setter a.active.bus { background-position: -26px -28px } #offer-config .setter a.active.own { background-position: -52px -28px } #offer-config .setter a.active.train { background-position: -78px -28px } #offer-config .setter a.changed.air {background-position:-0 -54px; } #offer-config .setter a.changed.bus {background-position:-26px -54px; } #offer-config .setter a.changed.own {background-position:-52px -54px; } #offer-config .setter a.changed.train {background-position:-78px -54px; } #offer-config .setter .departure { float: left; } #offer-config .setter .departure select { width: 220px; } #offer-config .setter .days { float: left; margin-left: 36px; } #offer-config .setter .food { float: left; margin-left: 28px; } #offer-config .setter li { display: inline; } #offer-config p.more { clear: both; overflow: hidden; } #offer-config p.more label { float: left; margin-right: 1ex; } #offer-config p.more select { float: right; width: 630px; } #offer-config ul.variants { margin-bottom: 9px; } #offer-config ul.variants-more { margin-top: -9px; display: none; } #offer-config p.variants-more-toggler { font-weight: bold; margin-top: -9px; padding-top: 4px; } #offer-config p.variants-more-toggler a { color: #d00; } #offer-config .variants { margin: 0 -12px 12px } #offer-config .head { background: #dff5fd; overflow: hidden; line-height: 1.3; padding: 10px 0; border: solid #fff; border-width: 1px 0; font-size: 11px } #offer-config .head li { float: left; padding: 0 12px; border-left: 1px solid #fff; font-size: 11px; } #offer-config .head li span { display: block; } #offer-config .head li.from { width: 71px; border-left: 0; padding-left: 23px; } #offer-config .head li.to { width: 71px; padding-left: 23px; } #offer-config .head li.desc { width: 290px; } .box-bd #offer-config .head li.desc { width: 290px; } #offer-config .head li.price { width: 150px; } #offer-config .ico, #offer-config .item .prices .tipmore { background-image: url(../images/offer-config-sprites.png); background-position: -9999px -9999px; background-repeat: no-repeat; width: 10px; height: 10px; } #offer-config .ico-sm-airto { background-position: 0 -100px; } #offer-config .ico-sm-airfrom { background-position: -10px -100px; } #offer-config .ico.ico-sm-train { background-position: -30px -90px; } #offer-config .ico.ico-sm-own { background-position: -20px -90px; } #offer-config .ico.ico-sm-bus { background-position: -10px -90px; } #offer-config .ico.ico-sm-air { background-position: -0px -90px; } #offer-config .variants .head li .ico { float: left; margin: 3px 0 0 -14px; } #offer-config .quiet { color: #8e9ea8; } #offer-config .big { font-size: 14px; } #offer-config .nl { display: block; } #offer-config .item { border-top: 1px solid #B5BBBF; margin: 12px 12px 0; padding-top: 12px; overflow: hidden; clear: both; } #offer-config .head + .item { border-top: none; padding-top: 0; } #offer-config .item li { float: left; padding: 0 12px; } #offer-config .item li:first-child { border-left: 0; padding-left: 0; } #offer-config .item li.from { width: 83px; } #offer-config .item li.to { width: 83px; } #offer-config .item li.desc { width: 286px; } .box-bd #offer-config .item li.desc { width: 260px; } #offer-config .item li.price { width: 172px; padding-right: 0; padding-left: 10px; } #offer-config .item .prices { text-align: center; line-height: 1.2; margin: -2px 0 6px; } #offer-config .item .prices p { margin: 0 } #offer-config .item .prices .p1 .big { font-size: 18px; } #offer-config .item .prices .p1 { margin-bottom: 22px; } #offer-config .item .prices .p1 + .p2 { margin-top: -22px; padding: 0 16px } #offer-config .item .prices .tipmore { background-position: -60px -80px; width: 17px; height: 17px; float: right; margin: 0 -17px 0 0 } #offer-config .item .org { padding-top: 8px; margin: 0 } #offer-config .item .actions { padding-bottom: 4px; text-align: center; } #offer-config .item .actions .btn { /* padding-left: 8px; padding-right: 8px; */ font-size: 12px } #offer-config .item .actions .btn + .btn { margin-left: 4px; } #offer-config .item .item-loader { float: right; font-size: 11px; text-align: center; line-height: 1.4; color: #8e9ea8; padding-left: 38px; background: url(../images/ajax-loader-4.gif) no-repeat scroll 0pt 0 transparent; margin-right: -24px; left: -32px; position: relative } #offer-config .feedback-text { font-weight: bold; margin-bottom: 1em; display: none; } #offer-config div.loader { background-color: #E4E2DF; background-color: rgba(228, 226, 223, 0.9); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99E4E2DF',EndColorStr='#99E4E2DF'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99E4E2DF',EndColorStr='#99E4E2DF')"; text-align: center; left: 0top: 0; display: none; position: absolute; height: 100%; width: 100%; z-index: 8; } #offer-config div.loader img { background: url(../images/ajax-loader.gif) 50% 50% no-repeat; width: 55px; width: 55px; margin-top: 10px; } #offer-config div.loader span { display: block; padding: 10px; font-weight: bold; font-size: 18px; text-transform: lowercase; } #offer-config.empty .setter, #offer-config.empty .variants, #offer-config.empty .more { display: none; } #offer-config.empty .feedback-text { display: block; } /* @group Booking ------------------------------------------------ */ .booking-lead { padding: 0 } #offer-steps { list-style: none; overflow: hidden; } #offer-steps li { float: left; margin-left: 15px; width: 230px; } #offer-steps li:first-child { margin-left: 0; } #offer-steps li a { border: 1px solid #d1e1e7; font-weight: bold; display: block; background: #f7fbfc url(../images/offer-steps.png) no-repeat; color: #d1e1e7; padding: 11px 10px 11px 60px; font-size: 14px; text-decoration: none; } li#offer-step-1 a { background-position: 10px -2px; } li#offer-step-2 a { background-position: 10px -62px; } li#offer-step-3 a { background-position: 10px -122px; } #offer-steps li.active a { background-color: #77c8e7; color: #fff; font-weight: bold; } li#offer-step-1.active a { background-position: 10px -182px; } li#offer-step-2.active a { background-position: 10px -242px; } li#offer-step-3.active a { background-position: 10px -302px; } div.booking-hint { border: 1px solid #d1e1e7; background: #f7fbfc url(../images/booking-hint-icon.png) 20px 100% no-repeat; color: #d1e1e7; padding: 12px 14px 1px 135px; color: #84706a; min-height: 65px; color: #78c9e8; margin-bottom: 1em } #offer-summary { overflow: hidden; } #offer-summary dl { float: left; width: 50%; } #offer-summary dt { float: left; width: 95px; clear: both;} #offer-summary dd { margin-left: 100px; font-weight: bold; margin-bottom: 2px; } #offer-bookingform { } #offer-bookingform .fm-submit .note { font-weight: bold; } #participants { } #participants .fm-field { margin-left: 0; float: left; margin-left: 12px; } #participants li { margin-bottom: 1em; } #participants li .fm-row { margin-bottom: 4px } #participants .action { padding-left: 4px; } #participants .action a { margin-left: 10px; } .rows_city .city input.text { width: 110px; } .rows_city .postal input.text { width: 44px; } .rows_city .postal .fm-label { width: 40px; } .rows_city .postal .fm-field { margin-left: 50px; } #side-strengths {} #side-strengths li { background: url(../images/strengths-tick-b.png) 0 0 no-repeat; padding: 4px 0 4px 34px; line-height: 1.3; font-size: 12px; margin-bottom: 1em; font-weight: bold; } #side-strengths .badge { text-align: center; } #side-quickmenu { background: #f7fbfc; border: 1px solid #d1e1e7; } #side-quickmenu ul { padding: 11px; margin: 0 } #side-quickmenu p.cert { margin: 0; background: #fff; } #side-quickmenu h2 { background: #fff; font-size: 15px; padding: 4px 12px; color: #6b777f; border-top: 1px solid #D1E1E7; margin-top: -1px; } /* @group Videos ------------------------------------------------ */ #videoplayer { overflow: hidden; } #videoplayer div.watch { float: left; padding: 0 12px 12px 0; } #videoplayer div.clips { overflow: hidden; width: 322px; float: right; } #videoplayer div.clips ul { margin: 0 -11px 0 0 } #videoplayer div.clips li { display: inline; } #videoplayer div.clips li img { margin: 0 12px 12px 0; float: left; width: 99px; } #videoplayer div.clips .embed { display: none; } /* @group Trips ------------------------------------------------ */ table.triplisting { width: 100%; border-collapse: collapse } table.triplisting thead th { background: #EEF4F6; padding: 4px 6px; font-weight: bold; text-transform: uppercase; border: 1px solid #D1E1E7; border-bottom: 0; font-size: 11px; color: #2D4C5F } table.triplisting td { padding: 3px 5px; border: 1px solid #D1E1E7; border-top: 0; vertical-align: top; background: #fff } table.triplisting td.date { white-space: nowrap } table.triplisting .people .details { font-size: .9em; } .js table.triplisting .people .details { visibility: hidden; height: 0; overflow: hidden; zoom: 1; } .js table.triplisting .people /*.details*/.shown { visibility: visible; height: auto; display: block; } table.triplisting .switch { padding-left: 16px; background-position: 99% -663px; margin-left: .5ex; } table.triplisting .switch:hover { background-color: #F7FBFC; } table.triplisting tr.past { color: #B5BBBF; font-style: italic } div#triplisting-past { zoom: 1; } /* ************************************************ @section Survey ************************************************ */ .objectcombo { overflow: hidden; background: #D9E9F0 ; background: #D9E9F0 ; padding: 5px 0 8px 12px; margin: 0 -12px 12px; } .objectcombo .lev { float: left; margin-right: 8px; width: 249px } .objectcombo .lev label { display: block; font-size: 11px; font-weight: bold; padding-bottom: 2px; } .objectcombo .lev select { width: 99%; } .colset-c .col-1 .objectcombo { margin-left: 0; } .colset-c .col-1 .objectcombo .lev { width: 224px } #survey { } #survey fieldset h3 { margin-bottom: .6em; } #survey .paramset { padding-bottom: 4px; overflow: hidden; margin: 0 15px; background: #fff; } #survey .paramset h4 { font-weight: bold; font-size: 12px; margin-bottom: 4px; padding: 3px 3px 3px 7px; margin-bottom: 8px; background: #F7FBFC; color: #2D4C5F; text-align: center; } #survey .paramset input { vertical-align: middle; } #survey .paramset dl { margin-bottom: 3px; width: 50%; float: left; width: 340px; margin: 0 12px 3px; } #survey .paramset dl.unfilled dt { color: #ed1846; } #survey .paramset dt { float: left; width: 200px; text-align: right } #survey .paramset dd { margin-left: 208px; } #survey .paramset dd .null { float: left; margin-right: 8px; font-size: 11px; color: #B5BBBF } #survey.box-innerspace h3 { margin-left: -60px; margin-right: -60px } #survey fieldset.trip { padding-left: 160px; } #survey fieldset.trip h3 { margin-left: -160px; } #survey fieldset.trip div.fm-row { float: left; margin-right: 12px; clear: none; display: inline; } #survey .field_purposes li { margin-bottom: 3px; } #survey .fm-rows_3x .fm-row { width: 246px; } #survey .fm-rows_2x .fm-row { width: 373px; } #survey div.userauth { background: #EEF4F6; margin-bottom: 1em; } div.userauth fieldset { padding-top: 0; } div.userauth h3 { padding-left: 0; padding-top: 0; } div.userauth input.text { width: 145px; } div.userauth div.login { float: left; width: 350px; padding: 12px 12px 0; border-right: 11px solid #F7FBFC; margin-right: -11px; } div.userauth div.signup { float: right; width: 350px; padding: 12px 12px 0; border-left: 11px solid #F7FBFC } #passwordreminder { padding: 4px 0 6px; font-size: 11px; line-height: 1.4; border: solid #D1E1E7; border-width: 1px 0; margin: 1em 0 } #passwordreminder label { font-weight: bold; margin-bottom: 4px; display: block; } #passwordreminder .text { /* width: 50%; */ } #passwordreminder .error { color: #ED1846; display: block; padding-top: 3px; } #passwordreminder .success { color: green; display: block; padding-top: 3px; } /* ************************************************ @section TripSurvey ************************************************ */ .surveytargetcheck label { font-weight: bold; margin: 0 0 0 1ex; cursor: pointer; } #tripsurvey { } #tripsurvey fieldset.when .fm-row { width: 49%; float: left; clear: none } #tripsurvey .participants-num .text { width: 5ex; } #tripsurvey .participants-num .children { margin-left: 15px; } #tripsurvey-roll table { margin: 0; font-size: 11px; } #tripsurvey-roll table input.text { width: 5ex; } #tripsurvey-roll table input { vertical-align: baseline } #tripsurvey-roll table thead th { text-transform: uppercase; border-bottom: 1px solid #D1E1E7; font-size: 11px; padding: 0 5px 3px 5px; margin-bottom: 4px; font-weight: bold; } #tripsurvey-roll table tbody th { padding: 4px 5px } #tripsurvey-roll table tbody td { padding: 4px 5px } /* ************************************************ @section Catalogue ************************************************ */ .catalogue-mostly h3, .catalogue-rank h3 { border-bottom:1px solid #D1E1E7; color:#2D4C5F; font-size:11px; font-weight:bold; margin: 0 -12px .6em; padding:0 0 8px; text-transform:uppercase; text-align: center; line-height: 1 } .catalogue-mostly ul { margin-bottom: .5em ; } .catalogue-mostly li a { display: block; clear: both; margin-bottom: 6px; overflow: hidden; line-height: 1.4; cursor: pointer; } .catalogue-mostly li a:hover { text-decoration: none; } .catalogue-mostly .thumb { width: 45px; height: 34px; float: left; margin-right: 8px; } .catalogue-mostly li span, .catalogue-rank ul strong { overflow: hidden; display: block; } .catalogue-mostly li span.read { font-size: 11px; color: #B5BBBF; line-height: 1.2; white-space: nowrap } .catalogue-mostly a:hover strong { text-decoration: underline; } .catalogue-mostly p.more { margin-bottom: .7em; } .catalogue-mostly p.more a { text-decoration: underline; } .catalogue-rank { } .catalogue-rank ul { } .catalogue-rank ul li a { display: block; clear: both; margin-bottom: 6px; overflow: hidden; cursor: pointer; } .catalogue-rank ul span.no { position: relative; width: 45px; float: left; margin-right: 8px; } .catalogue-rank ul span.no em { position: absolute; display: block; font-size: 18px; width: 37px; text-align: center; margin: 4px 4px; padding: 4px 0; color: #2D4C5F; font-style: normal; left: 0 } .catalogue-rank ul .thumb { width: 45px; height: 34px; float: left; -moz-opacity:.2; filter: alpha(opacity=20); opacity: .2; } .catalogue-rank ul strong { font-size: 16px; line-height: 1; } .catalogue-rank ul a:hover { text-decoration: none } .catalogue-rank ul a:hover .thumb { -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1; } .catalogue-rank ul a:hover .no em { display: none; } .catalogue-populars { margin-bottom: 1.4em; } .catalogue-populars span { } .catalogue-populars ul { display: inline; } .catalogue-populars li { display: inline; margin-right: 1ex; } .catalogue-populars .more { font-weight: bold; padding-top: .05em; } .catalogue-populars .more a { text-decoration: underline; } .catalogue-search .box-bd { height: /* 15em */ /* 11.5em */ 14.5em; padding-top: 7px; } .catalogue-search li { margin-bottom: .5em; } .catalogue-search label { display: block; font-size: 11px; } .catalogue-search select { width: 98%; } .catalogue-search .submit { text-align: center; } .poplocations { margin-bottom: 2px; margin-right: -10px; } .poplocations li { width: 166px; margin: 0 10px 10px 0; display: -moz-inline-box; display: inline-block; vertical-align: top; } .poplocations li a { display: block; } .poplocations li strong { font-size: 16px; display: block; } .poplocations li span { font-size: 11px; color: #B5BBBF; margin-right: 1ex; } .poplocations li em { color: #575f65; font-weight: normal; font-style: normal; } .poplocations li a:hover { text-decoration: none; } .poplocations li a:hover strong { text-decoration: underline; } .poplocations_toggler { text-align: center; border-top: 1px solid #D1E1E7; padding-top: 8px; } .poplocations_toggler a { background-position: -237px -662px /* @s:arrow-down */; padding-left: 14px; text-decoration: underline; } .poplocations_toggler a.minimize { background-position: -212px -687px /* @s:arrow-up */ ; text-decoration: none; } .poplocations_toggler a:focus { outline: none } .sortedlocations li { clear: both; } .sortedlocations h3 { margin-bottom: .5em; /* font-weight: normal */ } .sortedlocations i, .inlinelist i { margin: 0 .3ex; color: #B5BBBF; } .sortedlocations_side h3 { float: left; } .sortedlocations_side p { overflow: hidden; padding: 4px 0 0 1ex; margin: 0 0 .5em } .alphabet { } .alphabet label { color: #B5BBBF; } .alphabet .letters { word-spacing: -.35em } .alphabet .letters a { padding: 2px 5px; /* word-spacing: -1ex */ } .alphabet .letters a:hover { color: #fff; background: #23A6D8; border-color: #23A6D8; text-decoration: none; } .alphabet .disabled { padding: 0 4px; border: 1px solid #D1E1E7; border-color: #fff } .alphabet .all { border-left: 1px solid #B5BBBF; padding-left: 1.5ex; margin-left: 1ex; } .alphabet strong { background: #575f65; padding: 2px 6px !important; color: #fff; border: none !important } .box-hd .sortby { text-align: right; font-size: 11px; line-height: 1.4em; } .sortby { } .sortby label { color: #B5BBBF; } .sortby a { padding-left: 10px; margin-left: 1ex; } .sortby a:hover { color: #2D4C5F; } .sortby a.off { background-position: -245px -389px; } .sortby a.off:hover { background-position: -229px -411px; } .sortby a.asc { background-position: -229px -411px; font-weight: bold; color: #2D4C5F; } .sortby a.asc:hover { background-position: -237px -400px; } .sortby a.desc { background-position: -237px -400px; font-weight: bold; color: #2D4C5F } .sortby a.desc:hover { background-position: -229px -411px; } /* pagination */ .pagination { text-align: right } .pagination label { color: #B5BBBF; margin-right: .5ex; } .pagination a { /* background: #EEF4F6; */ padding: 3px 6px; /* word-spacing: -1ex */ font-weight: bold; } .pagination a:hover { color: #fff; background: #23A6D8; border-color: #23A6D8; text-decoration: none; } .pagination strong, .pagination .current { background: #575f65; padding: 3px 6px; color: #fff; } .pagination span.disabled { color: #B5BBBF; padding: 3px 6px } .forumexcerpt { font-size: 11px; } .forumexcerpt label { margin-right: 1ex; } .forumlately { } .forumlately li { line-height: 1.4; /* margin-bottom: .7em; */ list-style: square; list-style-position: inside; } .forumlately li { font-size: 11px; } .forumlately .more { text-align: right; margin-top: -.7em; } .forumlately .more a { font-weight: bold; } /* @section Page: Results ------------------------------------------------ */ .results-headline { margin-bottom: 1em; } .results-headline h1 { float: left; font-weight: bold; } .results-headline h1 i { color: #B5BBBF; font-style: normal; } .results-headline .total { float: right; font-weight: bold; font-size: 16px; margin: 0 0 4px 0 } .results-headline .total strong { color: #23A6D8; } .results-headline .facets { float: left; clear: both; font-size: 11px; } .results-headline .facets p { margin: 0 } .results-headline .facets em { font-weight: bold; color: #2D4C5F; } .results-headline .pagination { float: right; margin: 0; clear: right } /* @group Objects ------------------------------------------------ */ ul.objects {} ul.objects li.obj { border-top: 1px solid #d1e1e7; padding-top: 24px; padding-bottom: 12px; margin-top: 1em; position: relative; } ul.objects li.obj.first, ul.objects li.obj:first-child { border-top: none; margin-top: 0; padding-top: 12px; } li.obj h3 { margin: 0 } li.obj .thumb { float: left;} li.obj p.thumb { position: relative; margin: 0 } li.obj p.thumb .rank { position: absolute; left: 50%; top: 34px; margin: 0 0 0 -15px; font-size: 18px; line-height: 30px; background: #fff; text-align: center; width: 30px; height: 30px; } li.obj .aside { float: right; text-align: right; } li.obj .aside .btn { float: right; width: 130px; margin-left: 1.5ex; font-size: 12px; padding-left: 0; padding-right: 0; } li.obj .score { } li.obj .score .digit { color: #72c63f; font-size: 22px; line-height: 1em; letter-spacing: -1px; font-weight: normal; display: inline-block; } li.obj .score .scorebar { display: inline-block; margin-left: 6px; } li.obj .o strong { font-size: 16px; } li.obj .aside p { margin: .7em 0 0; } li.obj .aside p:first-child { margin-top: 0; } li.obj .aside p > span { padding-top: 2px; display: inline-block; } li.obj .data { overflow: hidden; padding-left: 12px; } li.obj .data .contribute { margin: 0 } li.obj .data .contribute a { text-decoration: underline; margin-left: 1ex; } li.obj .data .contribute a:hover { text-decoration: none; } li.obj .obj-path, li.obj ul.breadcrumbs { margin: 0 0 3px; } ul.compacthotels { } ul.compacthotels li { font-size: 11px; } ul.compacthotels li .hotelstars { margin-left: 1ex; } ul.objects_b { margin: 0 -6px } ul.objects_b li { display: inline-block; width: 223px; margin: 0 6px 12px; } ul.objects_b .h { margin: 0 } ul.objects_b .h > strong { float: left; ; } ul.objects_b .score { float: right; } ul.objects_b .score > * { float: left; color: #72C63F; } ul.objects_b .score .scorebar { margin: 3px 0 0 4px } ul.objects_b .score strong { font-size: 14px; } ul.objects_b h3 { clear: both; margin: 0; font-size: 14px; } ul.objects_b h3 a { color: #2D4C5F; } ul.objects_b h3 + div { font-size: 10px; margin-top: .3em; } ul.objects_b h3 + div img { float: left; margin: 0 12px 0 0 } ul.objects_b h3 + div span { margin: 0; overflow: hidden; display: block; } ul.objects_b h3 + div a { color: #575F65; } /* ************************************************ @section Profile ************************************************ */ /* @group profile card ------------------------------------------------ */ .profile-card { padding: 30px; } .profile-card > div { clear: both; } .profile-card .c-1 { float: left; width: 158px; } .profile-card .c-2 { margin-left: 180px; } .profile-card dd em { color: #2D4C5F; } .profile-card .contact { font-size: 11px; } .profile-card .actions { text-align: center; border-top: 1px solid #D1E1E7; padding-top: 1em; } .profile-card .actions li { margin-bottom: .7em; } .profile-card .avatar { float: none; margin: 0 auto 1em; } .profile-card h3 { font-size: 22px; line-height: 1.4; margin: 0 } .profile-card dt { text-transform: uppercase; border-bottom: 1px solid #D1E1E7; font-size: 11px; padding: 0 0 4px 0; margin-bottom: 4px; font-weight: bold; color: #2D4C5F; } .profile-card dd { margin-bottom: 1em; } .profile-card .stats { text-align: right; clear: both; color: #B5BBBF; } /* @deprecated * .profile-sidecard { text-align: center; } .profile-sidecard h3 { font-size: 1em; margin-bottom: 4px; font-weight: normal; } .profile-sidecard h3 a {color: #575f65; } .profile-sidecard h3 a:hover { text-decoration: none; } .profile-sidecard h3 .name { display: block; } .profile-sidecard p { font-size: 11px; margin-bottom: 1em; color: #B5BBBF; line-height: 1.2; } .profile-sidecard .sex-m { background-position: -217px -788px; padding-left: 14px; } .profile-sidecard .sex-f { background-position: -227px -773px; padding-left: 14px; } /* */ /* @group Contacts ------------------------------------------------ */ ul.contacts li.con { border-top: 1px solid #d1e1e7; padding-top: 1em; margin-top: 1em; } ul.contacts li.first, ul.contacts li.con:first-child { border-top: none; padding-top: 0; margin-top: 0; } ul.contacts .avatar { float: left; margin-right: 12px; } ul.contacts h3 { margin-bottom: 4px; } ul.contacts h3 span { font-weight: normal; margin-left: 12px; font-size: 12px; line-height: 1; } ul.contacts h3 a:hover { text-decoration: none; } ul.contacts h3 a:hover strong { text-decoration: underline } ul.contacts p.details { /* font-size: 11px; */ } ul.contacts p { margin: 0 0 4px 62px } ul.contacts ul.actions { margin: 0 0 0 62px; font-size: 11px; } ul.contacts ul.actions li { display: inline; margin-right: 2ex; } ul.contacts ul.actions li.ac-delete { float: right; margin-right: 0; } ul.contacts .media { margin-left: 2ex; } /* @group User Search ------------------------------------------------ */ div.usersearch-lead h3 { margin-bottom: .2em; } /* ************************************************ @section Home ************************************************ */ #main.home { } .home-block { clear: both; } /* #main.home .col-1 { width: 640px; } #main.home .col-2 { width: 305px; } */ #welcome { border: 1px solid #e0eaec; padding: 15px; margin-bottom: 15px; } #welcome > div { background: #024a93 url(../images/home-welcome.jpg) 50% 0 no-repeat; color: #fff; font-size: 14px; padding: 22px 22px 2px } #welcome h1 { text-indent: -1000em; background: url(../images/home-welcome-hd.png) no-repeat; width: 244px; height: 43px; margin-bottom: 8px; } #welcome li { background: url(../images/home-welcome-tick.png) 0 -4px no-repeat; padding: 6px 10px 6px 40px; } #main.home #cat-cols { clear: both; } #main.home ul.objects_b { margin: 0 } #main.home ul.objects_b li { border-top: 1px solid #add581; padding-top: 10px; width: auto; display: block; margin: 0 0 1em } #main.home ul.objects_b li:first-child { border-top: none; padding-top: 0; } #home-login_box .box-hd-rel, #home-user_box .box-hd-rel, #login_box .box-hd-rel { font-size: 11px; } #home-login_box .fm-label { width: 120px; } #home-login_box .fm-field { margin-left: 132px; } #home-login_box .fm-row input.text, #home-login_box .fm-row select, #home-login_box .fm-row textarea { width: 130px; } #login_box fieldset, #home-login_box fieldset { margin: 1em 0 0; padding: 0; } #home-login_box fieldset { margin: 0 } #home-login_box .fm-submit { margin-bottom: 0; } #home-login_box #passwordreminder { border-bottom: 0; margin-left: -130px; margin-bottom: 0; padding-bottom:0; text-align:center; } #home-socialmedia { margin-top: -5px; } #home-socialmedia .set { float: left; width: 145px; } #home-socialmedia .set h2 { font-size: 11px; padding-bottom: 6px; text-align: left; line-height: 1.3; } #home-socialmedia ul { margin: 0; overflow: hidden; padding-bottom: 15px; } #home-socialmedia li { display: inline; } #home-socialmedia li img { width: 23px; height: 23px; margin: 0 0 0 4px; float: left; } #home-socialmedia li a:hover img { /* -moz-opacity:.50; filter: alpha(opacity=50); opacity: .50; */ } li#sm-myspace img { background-position: 0 0; } li#sm-myspace /* a:hover */ img { background-position: -43px 0; } li#sm-blogger img { background-position: 0 -27px; } li#sm-blogger /* a:hover */ img { background-position: -43px -27px; } li#sm-blip img { background-position: -0 -54px; width: 37px; } li#sm-blip /* a:hover */ img { background-position: -43px -54px; } li#sm-facebook img { background-position: 0 -82px; } li#sm-facebook /* a:hover */ img { background-position: -43px -82px; } li#sm-rss img { background-position: 0 -110px; } li#sm-rss /* a:hover */ img { background-position: -43px -110px; } li#sm-sledzik img { margin-left: 0 } #home-socialmedia div.facebook { float: right; } #main.home #multisearch {} #main.home #multisearch h3 { background-position: 89% -655px; } #main.home #multisearch ul { margin: 0 1em 1em } #main.home #multisearch ul select { margin: 4px 0; width: 255px; } #main.home #multisearch p { padding-bottom: 1em } #home-catalogue { } .hc-block { padding-top: 3px; clear: both; margin-bottom: 10px; } /* .hc-block extends .catalogue-mostly */ .hc-block .hd h3 { text-align: left; margin: 0 0 6px; padding-bottom: 0; } .hc-block .hd h3 a { padding: 4px 0 5px; display: block; } .hc-block .hd h3 span { color: #2D4C5F; } .hc-block .hd h3 em { text-transform: none; font-weight: normal; margin-left: .7ex;/* border-left: 1px #B5BBBF dotted; */ padding-left: 1ex; font-style: normal; float: right; } .hc-block .hd h3 a:hover { text-decoration: none; } .hc-block .hd h3 a:hover em { text-decoration: underline; } .hc-block .hd .pv-panel { float: right; } .hc-block .hd .pv-num { display: none; } .hc-block ul { margin-right: -10px; } .hc-block li { float: left; width: /* 191px */ 196px; margin-right: 12px; } .hc-block li.fir { clear: left } .hc-block li .read { display: inline; } .hc-reviews .excerpt { font-size: .9em; line-height: 1.4; margin: 0; word-wrap: break-word } .hc-reviews .excerpt a { display: block; margin-top: 4px;/* font-size: 12px; */color: #B5BBBF; overflow: visible } .hc-reviews .excerpt a strong { color: #72C63F; /* width: 48px; float: left; text-align: center; font-size: 16px; letter-spacing: -1px; border-right: 1px solid #D1E1E7; padding: 2px 0 */ margin: 0 1ex 0 0; background-color: #72C63F; color: #fff; padding: 2px 4px; font-size: 12px } .hc-reviews .excerpt a span { /* margin-left: 45px; display: block; text-align: center; padding-top: 4px; */ display: inline; font-size: 11px; color: #23a6d8; } .hc-reviews .excerpt a:hover strong { text-decoration: none; } .hc-reviews .excerpt a:hover span { text-decoration: underline; } #home-user_box { } #home-user_box .avatar { text-align: center; float: right; } #home-user_box .avatar img { border: 1px solid #D1E1E7; padding: 4px; } #home-user_box .avatar a { font-size: 11px; color: #B5BBBF; visibility: hidden; display: block; } #home-user_box .avatar.hover a, #home-user_box .avatar:hover a { visibility: visible } ul.quickmenu { margin-right: 72px; } ul.quickmenu li { margin-bottom: 3px; } ul.quickmenu li .newmsg { margin-left: 1ex; color: #2D4C5F; } ul.quickmenu li.current { color: #2d4c5f; font-weight: bold; cursor: default } ul.quickmenu li.current a { color: #2d4c5f; } ul.quickmenu li.hot a { color: #ed1846; font-weight: bold; } ul.quickmenu li.split { border-top: 1px solid #d1e1e7; margin-top: 6px; padding-top: 4px; } ul.quickmenu li.multi { text-align: right; } ul.quickmenu li.multi a { float: left; text-align: left } ul.quickmenu li.multi a.add { color: #B5BBBF; font-size: 11px; margin-left: 1ex; /* @s:plus */ background-position: -239px -758px; padding-left: 16px; float: none } /* @group recentsearches */ #recentsearches { clear: both; } #recentsearches h2 { font-size: 11px; font-weight: bold; color: #2D4C5F; text-transform: uppercase } #recentsearches ul { font-size: 11px; } #recentsearches li { display: inline; margin-right: 1ex; } /* @group poll */ #poll_box {} form.poll .row { margin-bottom: .7em; } form.poll .row dt { font-weight: bold; } form.poll .row input { vertical-align: middle; } form.poll .submit { text-align: center; } /* ************************************************ @section Text Pages ************************************************ */ h1 { } .textformatter { } ul.features { list-style: none; padding-left: 10px; color: #2D4C5F; margin-bottom: 2em; } ul.features li { background: url(../images/bullet-star.gif) 0 0 no-repeat; padding: 4px 0 2px 42px; font-size: 14px; } ul.features a { text-decoration: underline; } /* ************************************************ @section PressCenter ************************************************ */ ul.press-notes { } ul.press-notes div h3 { display: inline; } ul.press-notes a.dl, ul.press-articles a.dl { font-weight: bold; margin-left: 2ex; } ul.press-notes p { font-size: 11px; } ul.press-notes q { /* font-style: italic; */ } ul.press-notes .date { font-size: 11px; margin-left: 2ex; color: #B5BBBF; } ul.press-articles { list-style: none; padding-left: 0; } ul.press-articles li { margin-left: 160px; border-bottom: 1px solid #D1E1E7; padding-bottom: .7em; margin-bottom: .7em; } ul.press-articles .logo { float: left; margin: 4px 0 0 -160px; } ul.press-articles .h h3 { display: inline; } ul.press-articles blockquote { } ul.press-articles blockquote p { margin: 0; } ul.press-articles cite { font-size: 11px; display: block; font-style: normal } ul.press-articles cite .date { margin-left: 2ex; color: #B5BBBF; } ul.press-stuff .dl { /* font-weight: bold; margin-left: 1ex; */ } div.press-team ul { list-style: none; padding-left: 0; overflow: hidden; } div.press-team li { clear: both; overflow: hidden; margin-bottom: 1em; } div.press-team li h3 { padding-top: 2px; } div.press-team .photo { border: 3px solid #EEF4F6; margin-right: 15px; float: left; } div.press-team p { } /* ************************************************ @section Adv ************************************************ */ div.advertisers-ft { border-top: 1px solid #D1E1E7; padding: 1em 0 0; margin-top: 2em; } div.advertisers-ft h2 { font-size: 13px; } .tt { position: relative; } .tt .tt-icon { background-position: -140px -860px; width: 16px; height: 16px; vertical-align: top; margin-left: 4px; } .js .tt .tt-bubble { display: none; position:absolute; left: 20px; top: -14px; padding: 4px 6px; font-size: .9em; max-width: 300px; width: 300px; line-height: 1.4; background: #E3F4FA ; /* border: solid #b8c8cc; border-width: 1px 2px 2px 1px */ border-right: 2px solid #D1E1E7; border-bottom: 2px solid #D1E1E7; font-weight: bold } .js .tt:hover .tt-bubble { display: block; } /* ************************************************ @section Competition ************************************************ */ #compet-1 { } /* Wielka mobilizacja turystów */ table.comp-rank { width: 50%; text-align: center; margin: 0 auto 1em; } table.comp-rank thead th { background: none; color: #2D4C5F; border-bottom: 1px solid #D1E1E7; padding-top: 0; } table.comp-rank td, table.comp-rank th { text-align: center; border: none; font-weight: bold; } table.comp-rank td { vertical-align: middle; padding: 0 } table.comp-rank td.p { width: 80px; } table.comp-rank .p-1 td { padding-top: 6px; } table.comp-rank .u { } table.comp-rank td.s { font-size: 14px; } table.comp-rank td.p span, .photos_rank .place { background: url(../images/comp-rank-sprites.png) 0 -120px; width: 36px; width: 36px; line-height: 34px; margin: 0 auto; display: block; font-size: 14px; font-weight: bold;color: #D1E1E7; padding-top: 2px; letter-spacing: -1px } table.comp-rank .p-1 .p span { background-position: 0 0; color: #fff; } table.comp-rank .p-2 .p span { background-position: 0 -40px; color: #fff; } table.comp-rank .p-3 .p span { background-position: 0 -80px; color: #fff; } table.comp-rank tbody.high .you .p span { background-position: 0 -160px; color: #fff; } table.comp-rank tbody.high .you td { } table.comp-rank .spacer td { padding: 20px 0 } table.comp-rank tbody.low .p span { background: none; color: #339900; } table.comp-rank .you td { color: #72C63F; } table.comp-activity { } table.comp-activity th { text-align: center; background: none; border: 0; border-bottom: 1px solid #D1E1E7 } .comp-activity .user { text-align: left } .comp-activity th em { display: block; font-style: normal; font-size: 10px; line-height: 1.3; color: #B5BBBF; } .comp-activity td { vertical-align: middle; text-align: center; } .comp-activity th.user { text-align: center; } .comp-activity .user { text-align: left; } .comp-activity .user a { font-weight: bold; } .comp-activity .user a img { width: 24px; margin-right: 3px; vertical-align: middle; } .comp-activity td.total { font-weight: bold; background: #EEF4F6 ; border-top: 1px solid #D1E1E7; } .comp-activity tr.totalsum td.label { border-top: solid #D1E1E7; border-width: 1px 0 0 0; text-align: right; padding: 6px 12px; text-transform: uppercase; font-size: 11px; color: #2D4C5F; font-weight: bold; background: #EEF4F6 } .comp-activity tr.totalsum td.total { border-top-width: 2px; padding-top: 5px; background: #D1E1E7; color: #2D4C5F; font-size: 14px; } ul.comp-prizes { list-style: none; padding-left: 0; } .comp-prizes li { margin-left: 160px; } .comp-prizes .logo { float: left; margin: 4px 0 0 -160px; } .comp-prizes h2 { margin: 0 0 .2em } div.comp-ft-logos { border-top: 1px solid #D1E1E7; padding: 1em 0 0; margin-top: 2em; text-align: center; } div.comp-ft-logos h2 { font-size: 11px; color: #575f65; text-transform: uppercase; font-weight: normal } div.comp-ft-logos ul { list-style: none; padding: 0; } div.comp-ft-logos li { display: inline; margin: 0 1ex } #compet-2 { } /* Foto konkurs */ #compet-2 #album-photo .about h3 .light { font-weight: normal } #compet-2 #photo-vote label { font-weight: bold; } #compet-2 #photo-vote .text { width: 134px; } #compet-2 ul.album-photos .photo { width: 189px; } #compet-2 ul.album-photos .stats { font-size: 11px; margin: 0; line-height: 1.3; } #compet-2 ul.album-photos .stats strong { color: #2D4C5F; } #compet-2 ul.album-photos .author { display: block; } #compet-2-uploader { background: #EEF4F6; padding: 4px 10px 1px; margin-bottom: 1em; } #compet-2-uploader h3 { padding-left: 0; } #compet-2-uploader fieldset { margin: 0 } #compet-2-uploader .fm-label { font-weight: bold; } #compet-2-uploader .fm-submit { border-top: 0; padding-top: 0; padding-left: 157px; text-align: left; border-top: 0; padding-top: 0; padding-bottom: 0; } #compet-2-uploader .fm-submit .primary { float: none; margin-left: 0; } #compet-2 #albumedit-photos .photo { width: 171px; } #compet-2 #albumedit-photos .photo .in { padding: 0 } #compet-2 #albumedit-photos .link label { font-size: 11px; margin-bottom: 0px; line-height: 1.3; } #compet-2 #albumedit-photos .link .text { width: 98%; } #compet-2 ul.photos_rank .photo { width: 174px; } ul.photos_rank .place { margin-bottom:-36px; position:relative; right:-70px; top:-30px; } ul.photos_rank li.p-1 .place { background-position: 0 0; color: #fff; } ul.photos_rank li.p-2 .place { background-position: 0 -40px; color: #fff; } ul.photos_rank li.p-3 .place { background-position: 0 -80px; color: #fff; } /* ************************************************ @section Partners ************************************************ */ ul.partners { list-style: none; padding-left: 0; margin-right: -24px; overflow: hidden; } ul.partners li { float: left; margin: 0 24px 24px 0 } ul.partners li span { display: block; font-size: 11px; text-align: center; } ul.partners li img { display: block; } ul.partners li a:hover { -moz-opacity:.50; filter: alpha(opacity=50); opacity: .50; } /* ************************************************ @section Forum ************************************************ */ #main.board { } div.brd-page { padding-bottom: 15px; } /* ************************************************ @section Sitemap ************************************************ */ #sitemap h2 { margin-bottom: 0; margin-bottom: .5ex; } #sitemap .hd h2 { display: inline; } #sitemap .hd em { color: #2D4C5F; font-size: 16px; font-weight: bold; } #sitemap li { display: inline; border-right: 1px solid #B5BBBF; padding-right: 1.4ex; margin-right: 1ex; } #sitemap li .map { font-size: 11px; color: #575f65; margin-left: 1ex; white-space: nowrap } /* ************************************************ @section Content Access ************************************************ */ #contentaccess-hd { overflow: hidden; /* border: 1px solid #D1E1E7; padding: 12px */ } #contentaccess-hd .photo { float: left; margin-right: 15px; } #contentaccess-hd .wrap { overflow: hidden; } #contentaccess-hd h1 { padding-top: .7em; margin: 0 } #contentaccess-hd h1 em { color: #72C63F; } #main.contentaccess { } #main.contentaccess .col-2 { float: left; margin-left: 95px; margin-top: 3px; width: 400px; } #main.contentaccess .col-1 { float: right; width: 400px; } #main.contentaccess #login_box fieldset { margin-top: 0; } #main.contentaccess #login_box .text { width: 160px; } #main.contentaccess #login_box .fm-submit { margin-bottom: 0; } /* ************************************************ @section Page: Category ************************************************ */ .offers-category {} .cat-lead { } .cat-lead h2 { } .cat-lead p { } #cat-teaser { border: solid #D1E1E7; border-width: 1px 0; margin: 0 -12px 1em; background: #fff; padding: 12px 12px 7px } .offers-super #cat-teaser { border: none; background: none; margin: 0 0 1em; padding: 0 } #cat-teaser .panes { overflow: hidden; height: 233px; margin-bottom: 7px; position: relative; background-repeat: no-repeat; } #cat-teaser .pane { width: 100%; height: 233px; position: absolute; width: 100%; } .js #cat-teaser .pane { display: none; } .js #cat-teaser .pane:first-child { display: block; } #cat-teaser .offer-set { background: rgba(248, 251, 253, 0.8); margin-left: 460px; padding: 12px; height: 209px; } #cat-teaser .offer-set h3 { text-transform: uppercase; font-size: 12px; margin-bottom: .7em; color: #575F65; } #cat-teaser .offer-set ul { margin: 0 } #cat-teaser .offer-set li { display: inline; } #cat-teaser .offer-set a { display: block; margin: -1px 0 0 0; padding: 8px 0; border-top: 1px solid #77c8e7; overflow: hidden; font-size: 11px; } #cat-teaser .offer-set li:first-child a { border-top: none; } #cat-teaser .offer-set a:hover { background: #fff; text-decoration: none; /* background: #fff; */ margin-left: -12px; margin-right: -12px; padding: 8px 12px; border-color: #fff; position: relative } #cat-teaser .offer-set a:hover * { } #cat-teaser .offer-set a span { float: left; font-size: 18px; color: #2D4C5F; } #cat-teaser .offer-set a strong { color: #ef2751; float: right; font-size: 18px; font-weight: normal; } #cat-teaser .offer-set a em { clear: both; font-size: 11px; font-weight: bold; display: block; } #cat-teaser .pagination { margin: 0; text-align: left; } #cat-cols {} .pager-thick { overflow: hidden; } .pager-thick p { float: right; margin: 0 0 7px 0 } .pager-thick a { background-position: -230px -320px; width: 28px; height: 30px; line-height: 30px; font-size: 16px; font-weight: bold; color: #3b2726; float: left; text-align: center; margin-left: 7px } .pager-thick a:hover, .pager-thick a.current { background-position: -260px -320px; text-decoration: none; color: #fff; background-color: #8B7776; } .pager-thick a:hover { background-color: #ed7902; } #cat-cols .compact-set { width: 230px; margin-left: 14px; float: left; } .box-bd #cat-cols .compact-set { width: 222px; } #cat-cols .compact-set:first-child { margin-left: 0; } .compact-set .special { margin-bottom: 7px; } .compact-set .special a { background: #b7e2f3; padding: 2px 6px; display: block; color: #2D4C5F; } .compact-set .special a:hover { background: #b7e2f3; text-decoration: none; } .compact-set .special a span { float: left; font-size: 18px; } .compact-set .special a strong { float: right; font-size: 18px; font-weight: normal; color: #EF2751; } .compact-set .special a em { display: block; clear: both; font-size: 10px; color: #575F65; line-height: 1.4; } #cat-cols div.loader, .pane .loader { text-align: center; margin-bottom: 1em; } #cat-cols div.loader i, .pane .loader i { background: url(../images/ajax-loader.gif) 50% 50% no-repeat; width: 55px; height: 55px; margin: 0 auto; display: block; } #cat-cols div.loader span, .pane .loader span { display: block; padding: 10px; font-weight: bold; font-size: 16px; text-transform: lowercase; } /* @group compact set ------------------------------------------------ */ .compact-set h3 { font-size: 15px; font-weight: bold; line-height: 1; text-transform: uppercase; margin-bottom: 7px; } .compact-set p.gfx { margin-bottom: 6px; height: 57px; position: relative; } .compact-set p.gfx i { position: absolute; background-position: -1200px -140px; height: 57px; width: 100%; position: absolute; display: block; left: 0; top: 0; z-index: 9 } .compact-set ul { margin: 0 } .compact-set ul a { display: block; overflow: hidden; padding: 2px 0 2px 16px; } .compact-set ul a:before { content: "\00bb"; color: #ef2751; float: left; font-size: 13px; line-height: 1; font-weight: bold; margin-left: -15px; font-style: normal } .compact-set ul li { background-position: -261px -1152px; clear: both; } .compact-set ul li:first-child a { border-top: none; } .compact-set ul a:hover { text-decoration: none; background: #fff; } .compact-set ul a:hover * { } .compact-set ul a:hover strong { text-decoration: underline; } .compact-set ul a span { float: left; color: #575F65 } .compact-set ul a strong { float: right; } .compact-set p.more {text-align: right; margin: 4px 0 1em; font-size: 11px; } .compact-set p.more a { font-weight: bold; color: #ef2751; } /* @group Offers ------------------------------------------------ */ ul.offers li.item { overflow: hidden; margin-top: 1em; border-top: 1px solid #D1E1E7; padding-top: 1em; } ul.offers li.item:first-child { margin-top: 0; border-top: 0; padding-top: 0; } ul.offers .cells > li { float: left; border-right: 1px solid #D1E1E7; padding-right: 10px; margin-right: 10px; min-height: 70px } ul.offers .cells li li { float: none; border: none; padding-right: 0; margin-right: 0; } ul.offers li.item li.thumb { padding: 0; border: 0 } ul.offers li.thumb img { width: 100px; display: block; } ul.offers p { margin: 0 } ul.offers li.desc { width: 336px; } ul.offers .desc h3 { margin: 0 } ul.offers .desc h3 + p { font-size: 11px; } ul.offers li.cost { margin-right: 10px; border-right: 0; } ul.offers .desc h3 + * { margin-bottom: 0.7em; } ul.offers .rating { line-height: 1.1; padding: 2px 0 0 0; } ul.offers .rating .scorebar { float: left; margin: 0 5px } ul.offers .rating label { float: left; } ul.offers .rating strong { color: #72C63F; } ul.offers .rating span { display: inline; font-size: 11px; } ul.offers .rating a { margin-left: 10px; } ul.offers li.date { width: 135px; } ul.offers li.date { text-align: center; } ul.offers .date .days { font-size: 11px; line-height: 1.4; } ul.offers .date p.from { margin-top: .7em; } ul.offers .date p.from .set { display: block;/* font-weight: bold; */ text-transform: uppercase; } ul.offers li.cost { width: 135px; border-right: 0; padding-right: 0; margin-right: 0; } ul.offers_hotel li.desc { width: 326px; } ul.offers .cost { text-align: center; } ul.offers .cost .val strong { font-size: 16px; vertical-align: middle; } ul.offers .cost .days { display: block; line-height: 1.4; font-size: 11px; } ul.offers .cost .more { margin-top: 1em; } ul.offers li.org { text-align: center; padding-right: 5px; margin-left: -5px; font-size: 11px; padding-top: 2px; } ul.offers li.org img { max-width: 104px } ul.offers li.org span { display: block; padding: 4px 5px 0 } ul.offers li.from { text-align: center; font-size: 11px; width: 46px; } ul.offers li.from ul { margin: 0 } ul.offers_hotel li.cost { width: 166px; } ul.offers_hotel li.cost p:first-child { margin-bottom: 1em } ul.offers_hotel li.cost p strong { font-size: 16px; font-weight: bold; } /* @group Offer ------------------------------------------------ */ div.offer .back { float: right; text-decoration: underline; } div.offer h3 + .path { margin-top: -1em; } div.offer .properties { overflow: hidden; border-top: 1px solid #D1E1E7; padding-top: 1em; } div.offer .properties > dl { float: left; width: 33%; font-size: 11px; } div.offer .properties dt { width: 80px; margin-right: 8px; float: left; clear: both; text-align: right; } div.offer .properties dl:first-child dt { text-align: left } div.offer .properties dd { overflow: hidden; font-weight: bold; } div.offer .description { overflow: hidden; } div.offer .description h3 { font-size: 13px; margin-bottom: 0; } div.offer .description .photo { width: 300px; float: right; margin: 0 0 1em 1em } div.offer .description .photo p:first-child { font-size: 11px; text-align: center; } /* @group tabs mini ------------------------------------------------ */ ul.minitabs { } ul.minitabs { border-bottom: 1px solid #d1e1e7; text-align: center; } ul.minitabs li { display: inline-block; font-size: 11px; } ul.minitabs li a { padding: 4px 14px 6px; display: block; color: #575F65; } ul.minitabs li.current, ul.minitabs li:hover { margin: 0 0 -1px 0 } ul.minitabs li.current a, ul.minitabs li:hover a { padding-bottom: 7px; background: url(../images/minitabs-chevron.png) 50% 100% no-repeat } ul.minitabs li.current { font-weight: bold; } ul.minitabs a:hover { text-decoration: none; } .offers-super .minitabs { margin: 0 -12px 1em } .offers-super #catteaser /* ************************************************ @section StudyTour @group StudyTour ************************************************ */ .surveyauthorcheck label { font-weight: bold; margin: 0 0 0 1ex; cursor: pointer; } /* @group Filter ------------------------------------------------ */ .datepicker input.text { width: 100px; background: #fff url(../images/icon-calendar.png) 100% 50% no-repeat; } div.filterzone { margin-bottom: 1em; background: #EEF4F6; padding: 10px 10px 0; overflow: hidden; position: relative; _zoom: 1; /* border: 1px solid #D1E1E7 */ } div.filterzone h3 { font-size: 12px; } div.filterzone .datepicker { } div.filterzone .date { } div.filterzone .destiny { clear: none } div.filterzone .fm-row { width: 359px; } div.filterzone .fm-label { width: 120px; font-weight: bold; } div.filterzone .fm-field { margin-left: 132px; } div.filterzone input.text { width: 220px; } div.filterzone .datepicker input.text { width: 100px } div.filterzone select { width: 225px; } div.filterzone p.submit { text-align: center; clear: both; } div.filterzone .fm-submit { clear: both; padding-bottom: 0; } .studytour-agenda { } .studytour-agenda dt { font-weight: bold; border-bottom: 1px solid #D1E1E7; padding-bottom: .2em; margin-bottom: .2em; } .studytour-agenda dd { margin-bottom: 1em; } .object_studytour {} .study-destiny {} .study-destiny .obj-path { } .study-hotels ul { margin: 0 } .study-hotels li { display: inline; margin-right: 1ex; } .object_studytour .obj-contribute { margin-top: 2em; } table.study-participants { margin-left: auto; margin-right: auto; } table.study-participants .date { text-align: center; width: 0; white-space: nowrap } /* @group StudyTour - Form ------------------------------------------------ */ #studytour-form { } #studytour-hotelpicker .own-label { font-size: 11px; } #studytour-hotelpicker .actions { margin-left: 1ex; font-size: 11px; border-left: 1px solid #D1E1E7; padding-left: 1.5ex; } #studytour-hotelpicker ul { margin-bottom: 0; } #studytour-hotelpicker li { margin-bottom: 3px; } #studytour-hotelpicker select.stars { width: 90px; } #studytour-hotelpicker .ac-del { } #studytour-form p.new { margin: 0 } #studytour-hotelpicker .new small { margin-left: 1ex; font-size: 11px; } #studytour-agendaedit .row_title { margin-bottom: 3px; } #studytour-agendaedit .del { font-size: 11px; border-left: 1px solid #D1E1E7; padding-left: 1.5ex; } #studytour-agendaedit .move { margin: 0 1ex } /* ************************************************ @section Lightbox (colorbox) ************************************************ */ /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} /* fixed */ /* #colorbox, #cboxWrapper { overflow: visible } */ #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#000;} #colorbox{} #cboxContent{margin-top:32px;} #cboxLoadedContent{background:#000; padding:8px; } #cboxLoadingGraphic{background:url(../images/ajax-loader-v2.gif) center center no-repeat;} #cboxLoadingOverlay{background:#000;} #cboxTitle{position:absolute; top:-22px; left:0; color:#fff;} #cboxCurrent{position:absolute; top:-22px; right: 72px;/* text-indent:-9999px; */} #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../images/colorbox-controls.png) 0 0 no-repeat;} #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious.hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext.hover{background-position:-25px -25px;} #cboxClose{background-position:-50px 0px; right:0;/* top: 0 */} #cboxClose.hover{background-position:-50px -25px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ /* #cboxOverlay{background:#000;} #colorbox{} #cboxContent{background:#000; margin-top:20px;} #cboxLoadedContent{background:#000; padding:5px;} #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;} #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;} #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;} #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;} #cboxPrevious.hover{background-position:bottom left;} #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;} #cboxNext.hover{background-position:bottom right;} #cboxLoadingOverlay{background:#000;} #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;} #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;} #cboxClose.hover{background-position:bottom center;} */ /* ************************************************ @section Dialogs ************************************************ */ /* @group jqModal ------------------------------------------------ */ /* jqModal base Styling courtesy of; Brice Burgess */ /* The Window's CSS z-index value is respected (takes priority). If none is supplied, the Window's z-index value will be set to 3000 by default (via jqModal.js). */ .jqmWindow { display: none; position: fixed; top: 17%; left: 50%; margin-left: -300px; width: 600px; /* background-color: #EEE; color: #333; border: 1px solid black; padding: 12px; */ } .jqmOverlay { background-color: #000; } /* Background iframe styling for IE6. Prevents ActiveX bleed-through (