HTML, BODY, P, FORM, DIV, H1, H2, H3, H4, IMG, FIELDSET { margin:0px; padding:0px; border:none; }
BODY, INPUT, TEXTAREA, SELECT { font-family:Tahoma, Arial, sans-serif; font-size:12px; color:#7C7C7C; }
A { text-decoration:none; color:#56C2E9; }
A:hover { text-decoration:underline; }
A.anchor { float:left; visibility:none; height:1px; width:1px; line-height:10px; }
LABEL { cursor:pointer; }
H2 { font-size:17px; font-weight:normal; margin-bottom:12px; text-align:center; }
H3 { font-size:15px; font-weight:bold; text-align:center; margin-bottom:16px; clear:both; }
H4 { font-size:14px; font-weight:normal; }
.no-margin { margin:0px !important; }
DIV.holder { width:740px; margin:0 auto; }
DIV.top { width:740px; float:left; clear:both; padding:14px 0px 9px 0px; }
H1.logo { width:263px; height:45px; float:left; }
H1.logo A { float:left; width:263px; height:45px; background:url(/logo.gif) top left no-repeat; }
H1.logo A STRONG { display:none; }
DIV.top DIV.right-part { float:right; width:354px; }
DIV.top DIV.right-part A { display:block; background-position:top left; background-repeat:no-repeat; }
DIV.top DIV.right-part A SPAN { display:none; }
DIV.top DIV.right-part A:hover { text-decoration:none; background-position:bottom left; }
DIV.top DIV.right-part DIV.buttons { float:right; }
DIV.top DIV.right-part DIV.buttons A { float:left; height:31px; margin-right:6px; margin-top:7px; }
DIV.top DIV.right-part DIV.buttons A.button-pierwsza-rezerwacja { background-image:url(/img/button-pierwsza-rezerwacja.jpg); width:171px; }
DIV.top DIV.right-part DIV.buttons A.button-pierwsza-wizyta { background-image:url(/img/button-pierwsza-wizyta.jpg); width:139px; }
DIV.top DIV.right-part DIV.flags { float:right; }
DIV.top DIV.right-part DIV.flags A { height:19px; margin-top:2px; width:32px; }
DIV.top DIV.right-part DIV.flags A.flag-pl { background:url(/img/flag-pl.gif) top left no-repeat; }
DIV.top DIV.right-part DIV.flags A.flag-en { background:url(/img/flag-en.gif) bottom left no-repeat; }
DIV.top DIV.right-part DIV.flags A:hover { background-position:top left; }
DIV.left-side { width:206px; float:left; margin-right:23px; }
DIV.left-side UL.menu { margin:0px; padding:0px; list-style:none; margin-bottom:20px; }
DIV.left-side UL.menu LI { width:206px; background:url(/img/left-menu-item-spacer.gif) bottom center no-repeat; height:17px; padding:7px 0px 5px 0px; }
DIV.left-side UL.menu LI A
{ display:block; height:17px; width:206px; background-position:8px 0%; background-repeat:no-repeat; overflow:hidden; }
DIV.left-side UL.menu LI A:hover { background-position:8px 100%; text-decoration:none; }
DIV.left-side UL.menu LI A#menu-strona-glowna { background-image:url(/img/texts/menu-strona-glowna.png); }
DIV.left-side UL.menu LI A#menu-promocje { background-image:url(/img/texts/menu-promocje.png); }
DIV.left-side UL.menu LI A#menu-warunki-rezerwacji { background-image:url(/img/texts/menu-warunki-rezerwacji.png); }
DIV.left-side UL.menu LI A#menu-pomoc { background-image:url(/img/texts/menu-pomoc.png); }
DIV.left-side UL.menu LI A#menu-pytania-i-odpowiedzi { background-image:url(/img/texts/menu-pytania-i-odpowiedzi.png); }
DIV.left-side UL.menu LI A#menu-mapa { background-image:url(/menu-mapa.png); }
DIV.left-side UL.menu LI A#menu-kontakt { background-image:url(/img/texts/menu-kontakt.png); }
DIV.left-side UL.menu LI A#menu-zmiana-rezerwacji { background-image:url(/img/texts/menu-zmiana-rezerwacji.png); }
DIV.left-side UL.menu LI A#menu-anulowanie-rezerwacji { background-image:url(/img/texts/menu-anulowanie-rezerwacji.png); }
DIV.left-side UL.menu LI A#menu-rezerwacja-grupowa { background-image:url(/img/texts/menu-rezerwacja-grupowa.png); }
DIV.left-side UL.menu LI A SPAN { display:none; }
DIV.left-side UL.menu LI.last { background:none; }
DIV.left-side A.see-map { display:block; margin-bottom:20px; }
DIV.left-side A.see-map IMG { display:block; }
UL.recommended { margin:0px; padding:0px; list-style:none; margin-bottom:20px; }
UL.recommended LI { padding-bottom:9px; }
UL.recommended LI A { margin-right:5px; color:#7C7C7C; }
UL.recommended LI IMG { position:relative; top:1px; }
DIV.see-also-holder { position:relative; width:206px; z-index:50; padding-bottom:330px; }
DIV.see-also-holder H2 { margin-bottom:2px; }
DIV.see-also-holder SMALL { display:block; text-align:center; font-size:10px; padding-bottom:6px; }
DIV.see-also-holder DIV.see-also-lists { width:206px; position:absolute; top:44px; left:0px; background:#FFFFFF; z-index:51; }
DIV.see-also-holder UL { font-size:14px; font-weight:bold; text-align:center; line-height:22px; margin:0px; padding:0px; list-style:none; float:left; -moz-border-radius:10px; -webkit-border-radius:10px; border:1px solid #2AACDD; padding:10px; margin-left:10px; width:184px; background:#FFFFFF; display:none; }
DIV.see-also-holder UL LI A { color:#7C7C7C; }
DIV.see-also-holder UL.first { display:block; margin-left:0px; }
DIV.see-also-holder DIV.see-also-lists UL.hover { background:#EEEEEE; }
DIV.see-also-holder.hover DIV.see-also-lists { width:638px !important; }
DIV.see-also-holder.hover DIV.see-also-lists UL { display:block !important; }
DIV.left-side DIV.contact-box
{ background:url(/img/contact-box-background.jpg); width:206px; height:28px; padding-top:67px; text-align:center; font-size:18px; color:#404040; margin-bottom:20px; }
DIV.left-side A.little-banner { display:block; width:206px; margin-top:20px; }
DIV.right-side { width:511px; float:left; overflow:hidden; }
DIV.right-side DIV.right-part DIV.promo-text { float:left; width:489px; text-align:justify; -moz-border-radius:10px; -webkit-border-radius:10px; border:1px solid #2AACDD; padding:10px; margin:0px 0px 10px 0px; line-height:18px; }
DIV.right-side DIV.header { width:511px; height:33px; background:url(/header.jpg); padding-top:177px; float:left; color:#FFFFFF; }
DIV.right-side DIV.mainpage-form { background:url(/img/blue-to-gray-border.gif) bottom left no-repeat #1498C8; float:left; }
DIV.right-side DIV.subpage-form { background-image:url(/img/blue-to-white-border.gif); }
DIV.right-side FORM.mainpage-form
{ width:455px; padding:28px 28px 12px 28px; background:url(/img/search-box-blue-background.jpg) top left repeat-x; float:left; color:#FFFFFF; }
DIV.right-side FORM.mainpage-form FIELDSET { float:left; clear:both; width:455px; margin-bottom:20px; }
DIV.right-side FORM.mainpage-form FIELDSET#mainpage-form-row-1 DIV { width:134px; margin-right:25px; }
DIV.right-side FORM.mainpage-form FIELDSET#mainpage-form-row-1 DIV INPUT.text
{ border:2px solid #848484; border-bottom-color:#FCFCFC; border-right-color:#FCFCFC; padding:1px 5px; width:120px; }
DIV.right-side FORM.mainpage-form FIELDSET#mainpage-form-row-1 DIV SELECT
{ width:134px; border:2px solid #848484; border-bottom-color:#FCFCFC; border-right-color:#FCFCFC; }
DIV.right-side FORM.mainpage-form FIELDSET#mainpage-form-row-1 DIV SELECT { background:#FFFFFF !important; }
DIV.right-side FORM.mainpage-form FIELDSET#mainpage-form-row-2 DIV { width:101px; margin-right:17px; }
DIV.right-side FORM.mainpage-form FIELDSET#mainpage-form-row-2 DIV SELECT
{ width:101px; border:2px solid #848484; border-bottom-color:#FCFCFC; border-right-color:#FCFCFC; }
DIV.right-side FORM.mainpage-form FIELDSET#mainpage-form-row-3 DIV { margin-right:15px; float:right; }
DIV.right-side FORM.mainpage-form FIELDSET#mainpage-form-row-3 DIV#mainpage-form-row-3-field-1 { width:auto; }
DIV.right-side FORM.mainpage-form FIELDSET#mainpage-form-row-3 DIV#mainpage-form-row-3-field-2 { width:75px; }
DIV.right-side FORM.mainpage-form FIELDSET#mainpage-form-row-3 DIV#mainpage-form-row-3-field-3 { width:110px; }
DIV.right-side FORM.mainpage-form FIELDSET DIV.last { margin-right:0px !important; }
DIV.right-side FORM.mainpage-form FIELDSET DIV { float:left; }
DIV.right-side FORM.mainpage-form FIELDSET DIV LABEL { width:100%; display:block; margin-bottom:2px; }
DIV.right-side FORM.mainpage-form FIELDSET#mainpage-form-row-3 DIV LABEL { width:auto; display:inline; padding-right:3px; }
DIV.right-side FORM.mainpage-form FIELDSET#mainpage-form-row-3 DIV INPUT { vertical-align:middle; }
DIV.right-side FORM.mainpage-form FIELDSET#mainpage-form-row-3 DIV INPUT.radio { position:relative; top:-2px; }
DIV.right-side FORM.mainpage-form FIELDSET DIV STRONG { display:block; overflow:hidden; width:100%; height:16px; }
DIV.right-side FORM.mainpage-form FIELDSET INPUT.submit
{ border:none; background:url(/img/search-box-button.gif) top left no-repeat; cursor:pointer; margin:0px; padding:0px; width:123px; height:34px; }
DIV.right-side FORM.mainpage-form FIELDSET INPUT.submit-in { background-image:url(/img/search-box-button-in.gif); }
DIV.right-side FORM.mainpage-form FIELDSET INPUT.submit.hover, DIV.right-side FORM.mainpage-form FIELDSET INPUT.submit:hover { background-position:bottom left; }
DIV.right-side FORM.mainpage-form SPAN { display:block; }
DIV.right-side FORM.mainpage-form SMALL { position:relative; top:-6px; font-size:10px; width:100%; clear:both; display:block; float:left; text-align:right; }
DIV.right-side FORM.mainpage-form SMALL A { color:#FFFFFF; font-size:11px; }
DIV.right-side DIV.promoted { background:url(/img/gray-to-white-border.gif) bottom left no-repeat #F3F3F3; width:495px; padding:11px 8px 5px 8px; float:left; }
DIV.right-side DIV.promoted DIV.row { width:495px; float:left; clear:both; margin-bottom:12px; }
DIV.right-side DIV.promoted DIV.row DIV.item { width:120px; margin-right:5px; float:left; text-align:center; }
DIV.right-side DIV.promoted DIV.row DIV.item A.thumb { width:120px; height:90px; display:block; margin:0 auto; position:relative; }
DIV.right-side DIV.promoted DIV.row DIV.item A.thumb IMG { display:block; }
DIV.right-side DIV.promoted DIV.row DIV.item A.thumb SPAN.overlay
{ display:block; width:120px; height:90px; position:absolute; top:0px; left:0px; background:url(/img/corners/gray-120-90.png) top left no-repeat; }
DIV.right-side DIV.promoted DIV.row DIV.item P A { display:block; text-align:inherit; color:#7C7C7C; font-size:13px; margin-bottom:2px; margin-top:4px; height:36px; }
DIV.right-side DIV.promoted DIV.row DIV.item P SPAN
{ text-align:inherit; font-weight:bold; color:#56C2E9; font-size:13px; display:block; padding-top:3px; }
DIV.right-side DIV.promoted DIV.row DIV.item P SPAN SMALL { font-size:11px; color:#666666; }
DIV.right-side DIV.promoted DIV.row DIV.item-last { margin-right:0px; }
DIV.right-side DIV.recommended-holder { float:left; width:455px; padding:11px 28px 21px 28px; }
DIV.right-side DIV.recommended-holder H4 { text-align:center; padding:5px 0px 17px 0px; }
DIV.right-side DIV.recommended-holder UL.recommended { float:left; width:220px; margin-right:15px; margin-bottom:10px; }
DIV.right-side DIV.recommended-holder UL.recommended LI { width:220px; }
DIV.right-side DIV.recommended-holder UL.last { margin-right:0px; }
DIV.right-side DIV.ads { width:511px; float:left; clear:both; text-align:center; font-size:14px; font-weight:bold; color:#56C2E9; }
DIV.right-side DIV.ads IMG { margin-top:9px; }
DIV.right-side DIV.description { line-height:18px; text-align:justify; padding:11px 0px 50px 0px; float:left; clear:both; width:511px; }
DIV.right-side DIV.description H2 SPAN.stars { margin-left:7px; }
DIV.right-side DIV.description P.extra-info { text-align:center; font-size:14px; padding-bottom:10px; }
DIV.right-side DIV.description P.extra-info SPAN.price { font-weight:bold; color:#56C2E9; margin-right:6px; }
DIV.right-side DIV.description DIV.google-map { width:511px; height:320px; margin:12px 0px; background:url(/img/loader.gif) no-repeat center center; display:none; }
DIV.global-image-holder { margin-bottom:22px; width:511px; float:left; }
DIV.images { float:left; width:474px; position:relative; z-index:40; padding:0px 10px 0px 27px; overflow:visible; }
DIV.images DIV.images-holder { position:relative; width:100%; float:left; background:#FFFFFF; overflow:visible; }
DIV.images A.thumb { width:140px; height:105px; display:block; margin:9px 18px 9px 0px; position:relative; float:left; }
DIV.images A.thumb IMG { display:block; }
DIV.images A.thumb SPAN.overlay
{ display:block; width:140px; height:105px; position:absolute; top:0px; left:0px; background:url(/img/corners/white-140-105.png) top left no-repeat; }
DIV.images A.last { margin-right:0px; }
DIV.images DIV.navigation { position:absolute; top:8px; right:-1px; width:19px; height:354px; }
DIV.images DIV.navigation DIV.arrow { width:19px; height:19px; cursor:pointer; left:0px; }
DIV.images DIV.navigation DIV.arrow-up { background:url(/img/images-arrow-up.gif) top left no-repeat; position:absolute; top:24px; }
DIV.images DIV.navigation DIV.arrow-down { background:url(/img/images-arrow-down.gif) top left no-repeat; position:absolute; bottom:0px; }
DIV.images DIV.navigation DIV.arrow-open
{ width:18px; height:18px; cursor:pointer; background:url(/img/images-arrow-plus.gif) top left no-repeat; position:absolute; top:0px; }
DIV.right-side DIV.description H3 { clear:both; }
DIV.right-side DIV.description A.show-on-map { display:none; text-align:center; padding-right:20px; background:url(/img/plus-ico.gif) right center no-repeat; }
DIV.right-side DIV.description DIV.google-map-big { height:511px; }
DIV.right-side TABLE.hotels-list { width:455px; }
DIV.right-side TABLE.hotels-list A { color:#7C7C7C; }
DIV.right-side TABLE.hotels-list TD { padding-bottom:10px; vertical-align:top; }
DIV.right-side TABLE.hotels-list TD.pricelabel { text-align:right; padding-right:10px; width:50px; }
DIV.right-side TABLE.hotels-list TD.price { text-align:right; width:55px; }
DIV.right-side TABLE.hotels-list TD.price STRONG { color:#56C2E9; }
DIV.right-side TABLE.hotels-list TD.name { width:220px; }
DIV.right-side TABLE.hotels-list TD.stars { padding:0px 15px; width:90px; }
DIV.right-side DIV.little-banners { width:427px; padding:0px 42px 32px 42px; float:left; clear:both; }
DIV.right-side DIV.little-banners A { float:left; margin-right:15px; }
DIV.right-side DIV.little-banners A.right { margin-right:0px; }
DIV.right-side DIV#ulFaq { line-height:19px; text-align:justify; width:511px; padding-top:20px; }
DIV.right-side DIV#ulFaq DL { display:inline; }
DIV.right-side DIV#ulFaq H1 { font-size:18px; font-weight:normal; line-height:normal; padding-bottom:10px; text-align:left; padding-bottom:6px; }
DIV.right-side DIV#ulFaq DIV.mini-lista { width:270px; }
DIV.right-side DIV#ulFaq DIV.mini-lista H1 { width:270px; }
DIV.right-side DIV#ulFaq H1 A { font-size:13px; }
DIV.right-side DIV#ulFaq A H1 { font-size:13px; }
DIV.right-side DIV#ulFaq DIV#ulFaq { padding-top:0px; }
DIV.right-side DIV#ulFaq H2 { font-size:14px; font-weight:bold; text-align:left; margin-bottom:0px; padding-bottom:6px; }
DIV.right-side DIV#ulFaq DD { margin:0px; padding:0px; padding-bottom:18px; }
DIV.right-side DIV#ulFaq DT { margin:0px; padding:0px; }
DIV.right-side DIV#ulFaq CENTER H1 { font-size:14px; }
DIV.right-side DIV.first-book OL LI { padding-bottom:18px; font-size:14px; font-weight:bold; color:#303030; }
DIV.right-side DIV.first-book OL LI DIV { font-size:12px; font-weight:normal; color:#7C7C7C; }
DIV.right-side DIV.first-book OL LI OL { position:relative; left:-15px; }
DIV.right-side DIV.first-book OL LI OL LI { padding-bottom:9px; font-size:14px; font-weight:bold; color:#303030; }
DIV.right-side DIV.first-book OL LI OL LI DIV { font-size:12px; font-weight:normal; color:#7C7C7C; }
DIV.right-side DIV.first-book STRONG { color:#303030; }
DIV.right-side DIV.first-book SPAN.online { color:#00AA00; }
DIV.right-side DIV.first-book SPAN.offline { color:#0000AA; }
DIV.footer-holder { width:740px; background:url(/img/footer-top-border.gif) top left no-repeat; float:left; clear:both; margin-top:30px; padding-top:9px; padding-bottom:6px; }
DIV.footer-holder DIV.footer { background:url(/img/footer-bottom-border.gif) bottom left no-repeat #F3F3F3; padding:0px 10px 9px 10px; width:720px; float:left; }
DIV.footer-holder DIV.footer A { color:#7C7C7C; }
DIV.footer-holder DIV.footer DIV.pit { float:left; }
DIV.footer-holder DIV.footer DIV.pit IMG { float:left; margin-right:10px; }
DIV.footer-holder DIV.footer DIV.pit P { float:left; width:150px; margin-top:1px; }
DIV.footer-holder DIV.footer DIV.copyrights { float:right; margin-top:9px; }
DIV.footer-holder DIV.footer-links
{ width:640px; float:left; text-align:center; font-size:11px; padding-top:6px; margin:10px 50px 0px 50px; border-top:2px solid #F3F3F3; color:#DDDDDD; }
DIV.footer-holder DIV.footer-links SPAN { padding:0px 8px; }
DIV.footer-holder DIV.footer-links A { color:#909090; }
#GoogleMapOver { position:absolute; display:none; }
.ramka_hotel { width:170px; border:#033a8e 2px solid; }
.ramka_hotel .ramka_title { background:#165bc5 url(http://www.img2.hotelewpl.pl/img/ramka_mapa/Background_Title.gif) repeat-x; font-size:13px; font-weight:bold; color:#FFFFFF; padding-top:3px; padding-bottom:3px; text-align:center; }
.ramka_hotel .ramka_content { background:#FFFFFF url(http://www.img2.hotelewpl.pl/img/ramka_mapa/Background_Content.jpg) repeat-x; padding-bottom:7px; text-align:center; }
.ramka_hotel .ramka_gwiazdki
{ background:url(http://www.img2.hotelewpl.pl/img/ramka_mapa/Background_Star.gif) no-repeat top left; height:17px; text-align:right; float:right; padding:1px 3px 0px 5px; }
.ramka_hotel .ramka_podgwiazdkami { clear:both; }
.ramka_hotel .ramka_zdj { text-align:center; }
.ramka_hotel .ramka_zdj img { border:#FFFFFF 2px solid; margin:5px 13px; }
.ramka_hotel .ramka_adres { color:#043b90; font-size:11px; }
.ramka_hotel .ramka_cena { color:#FF0000; font-size:12px; font-weight:bold; padding-top:10px; }
.ramka_inne { width:350px; }
.ramka_inne table { margin:0px; padding:0px; width:100%; }
.ramka_inne .ramka_cena { font-size:11px; padding-left:10px; padding-right:10px; text-align:left; font-weight:normal; }
.bez { width:150px; }
.bez_opisu { width:250px; }
.bez .ramka_cena { padding-top:0px; }
table.jCalendar {
border: 1px solid #000;
background: #aaa;
border-collapse: separate;
border-spacing: 2px;
}
table.jCalendar th {
background: #333;
color: #fff;
font-weight: bold;
padding: 3px 5px;
}
table.jCalendar td {
background: #ccc;
color: #000;
padding: 3px 5px;
text-align: center;
}
table.jCalendar td.other-month {
background: #ddd;
color: #aaa;
}
table.jCalendar td.today {
background: #666;
color: #fff;
}
table.jCalendar td.selected {
background: #f66;
color: #fff;
}
table.jCalendar td.selected.dp-hover {
background: #f33;
color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
background: #fff;
color: #000;
}
table.jCalendar tr.selectedWeek td {
background: #f66;
color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
background: #bbb;
color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
background: #bbb;
color: #888;
}
/* For the popup */
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
div.dp-popup {
position: relative;
background: #ccc;
font-size: 10px;
font-family: arial, sans-serif;
padding: 2px;
line-height: 1.2em;
}
div#dp-popup {
position: absolute;
z-index: 199;
}
div.dp-popup h2 {
font-size: 12px;
text-align: center;
margin: 2px 0;
padding: 0;
}
a#dp-close {
font-size: 11px;
padding: 4px 0;
text-align: center;
display: block;
}
a#dp-close:hover {
text-decoration: underline;
}
div.dp-popup a {
color: #000;
text-decoration: none;
padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
position: absolute;
top: 2px;
left: 4px;
width: 100px;
}
div.dp-popup div.dp-nav-prev a {
float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
cursor: default;
}
div.dp-popup div.dp-nav-next {
position: absolute;
top: 2px;
right: 4px;
width: 100px;
}
div.dp-popup div.dp-nav-next a {
float: right;
}
div.dp-popup a.disabled {
cursor: default;
color: #aaa;
}
div.dp-popup td {
cursor: pointer;
}
div.dp-popup td.disabled {
cursor: default;
}
a.dp-choose-date {
float: left;
width: 16px;
height: 14px;
padding: 0;
margin-left: 6px;
margin-top: 4px;
display: inline;
text-indent: -2000px;
overflow: hidden;
background:url(/img/calendar-ico.gif);
}
.dp-applied { float:left; }
input.dp-applied {
width: 98px !important;
float: left;
}
.dp-nav-prev-year, .dp-nav-next-year { display:none; }
/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%;
float: left;
text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}