/* INIT -----------------------------------------------------------------------------*/ html, body, h1, h2, h3, h4, h5, h6, div, span, blockquote, p, address, form, fieldset, img, ul, ol, dl, dt, dd, li, hr, table, td, th, strong, em, sup, sub, dfn, ins, del, q, cite, var, samp, code, kbd, tt { margin: 0; padding: 0; border: 0; outline-style: none; outline-width: 0; } a, a:visited { text-decoration: none; } a { color: #710524; outline-style: none; outline-width: 0; } a:hover { color: #000; } ol, ul { list-style: none; } legend { display: none; } body, input, textarea, select, option, optgroup, button { font-family: georgia, times new roman; } input, textarea, select, option, optgroup, button { font-size:15px; } /* LAYOUT -----------------------------------------------------------------------------*/ html { } body { width: 100%; background: #2d0c10 url('../images/header-1920-3a.jpg') no-repeat 50% 0; min-height: 900px; font-size: 15px; color: #73454f; } .wrapper { } .wrap { width:980px; margin: 0px auto; } .wrap1 { width:1012px; margin: 0px auto; } /* HEADER -----------------------------------------------------------------------------*/ .header { height: 334px; } .logo a { margin: 48px 0 0 79px; width:213px; height: 166px; float: left; } .lang { font-size:10px; margin-bottom:10px; width:100%; height: 20px; } .lang li { width: auto; float:left; } /* MENU -----------------------------------------------------------------------------*/ .menu2 { display: none; } .menu { width: 100%; height: 80px; background: url('../images/menu-bg.png') repeat-x 0 bottom; float:left; margin-top: 42px; } .menu ul{ float: left; height: 80px; } .menu li{ float: left; height: 80px; width: auto; padding: 0px; margin-left: 21px; } .menu li a{ float: left; margin: 25px auto; margin-bottom: 0; padding: 2px 0px; height: 19px; text-indent: -9000px; } .menu ul li.active a{ margin-top: 19px; } .menu li a:hover{ border-bottom: 1px solid #cda6af; } .menu ul li.active a:hover{ border-bottom: none; } .menu li.active .tl{ background: url(../images/tab_01.png) no-repeat 0 0; width: 8px; height: 68px; float: left; } .menu li.active .tr{ background: url(../images/tab_03.png) no-repeat 0 0; width: 8px; height: 68px; float: left; } .menu li.active .tc{ background: url(../images/tab_02.png) no-repeat center 0; width: auto; height: 68px; float: left; padding: 0 12px ; } /*---- a ------*/ .menu li.item-0 a{ width: 63px; background: url('../images/menu.png') no-repeat center center; } .menu li.item-1 a{ width: 68px; background: url('../images/menu-03.png') no-repeat center center; } .menu li.item-2 a{ width: 128px; background: url('../images/menu-konf.png') no-repeat center center; } .menu li.item-3 a{ width: 123px; background: url('../images/restauracja.png') no-repeat center center; } .menu li.item-4 a{ width: 175px; background: url('../images/menu-04.png') no-repeat center center; } .menu li.item-5 a{ width: 78px; background: url('../images/menu-06.png') no-repeat center center; } .menu li.item-6 a{ width: 81px; background: url('../images/galeria.png') no-repeat center center; } .menu li.item-7 a{ width: 88px; background: url('../images/menu-07.png') no-repeat center center; } /* active a */ .menu li.active.item-0 a{ width: 63px; background: url('../images/menu-a.png') no-repeat center center; } .menu li.active.item-1 a{ width: 68px; background: url('../images/menu-a-03.png') no-repeat center center; } .menu li.active.item-2 a{ width: 128px; background: url('../images/menu-konf2.png') no-repeat center center; } .menu li.active.item-3 a{ width: 123px; background: url('../images/restauracja-a.png') no-repeat center center; } .menu li.active.item-4 a{ width: 175px; background: url('../images/menu-a-04.png') no-repeat center center; } .menu li.active.item-5 a{ width: 78px; background: url('../images/menu-a-06.png') no-repeat center center; } .menu li.active.item-6 a{ width: 81px; background: url('../images/galeria-a.png') no-repeat center center; } .menu li.active.item-7 a{ width: 88px; background: url('../images/menu-a-07.png') no-repeat center center; } /* CONTENT -----------------------------------------------------------------------------*/ .content { width: 100%; float:left; background: url('../images/content-bg2.jpg') repeat 0 13px; padding-bottom: 55px; } #menu-shadow{ width: 100%; height: 100%;; background: url('../images/menu-shadow.jpg') repeat-x 0 0; float: left; } #watermark{ width:980px; height:100%; background: url('../images/watermark22.png') no-repeat 0 0; float: left; } .main { min-height: 300px; float: left; width: 550px; margin: 78px 0 0 90px; } h1 { } h2 { } h3 { color: #653741; font-size: 16px; font-weight: normal; margin: 20px 0 10px 37px; } /* ARTICLE -----------------------------------------------------------------------------*/ .article { min-height: 300px; float:left; } .kambit span, .photo { display: none; } .title h1 { background: url("../images/h1-bg.png") no-repeat scroll 0 center transparent; font-size: 24px; font-weight: normal; margin-bottom: 15px; padding-left: 37px; } .article h1 { } .article h2 { } .art-content { float:left; margin-bottom: 20px; } .art-body { text-align: justify; } .article ul { margin: 10px; } .article li { line-height: 20px; margin-left:5px; padding-left: 25px; background: url(/images/li.png) no-repeat left 7px; } .art-date { } .art-author { } /* galeria artykulu */ .art-gallery { float: left; width: 100%; margin-bottom: 20px; } .art-gallery h3, .art-files h3 { width: 100%; padding: 10px 0 10px; margin-bottom: 10px; border-bottom: 1px solid #DDDDDD; font-size: 15px; font-weight: normal; } .art-gallery .thumb, .art-gallery .thumb a { float: left; } .art-gallery .thumb a img{ display: block; border: 1px solid #ddd; padding: 5px; } /* za��czniki artykulu */ .art-files { display: inline-block; width: 100%; } .files-item { line-height: 22px; padding-left: 20px; } .files-item a { } /* FILE ICONS -----------------------------------------------------------------------------*/ .ico-doc { background: url(/images/filetypes/document-word.png) no-repeat left 2px; } .ico-xls { background: url(/images/filetypes/document-excel.png) no-repeat left 2px; } .ico-ppt { background: url(/images/filetypes/document-powerpoint.png) no-repeat left 2px; } .ico-pdf { background: url(/images/filetypes/document-pdf.png) no-repeat left 2px; } .ico-image { background: url(/images/filetypes/document-image.png) no-repeat left 2px; } .ico-archive { background: url(/images/filetypes/document-zipper.png) no-repeat left 2px; } /* ASIDE -----------------------------------------------------------------------------*/ .aside { width: 30%; float: right; background: transparent; min-height: 300px; } /* SUBMENU -----------------------------------------------------------------------------*/ .submenu-body { } .submenu-top { float: right; margin: 122px 30px 0 0; } .submenu-foot { } /* level-0 */ ul.level-0{ width: 100%; } li.level-0 { } li.level-0:last-child{ border-bottom: 0 ; } li.level-0 a { border-bottom: 1px solid #C1B4AD; display: inline-block; margin: 0 20px 10px 0; padding: 4px; width: 100%; } li.level-0.active a{ border-bottom: 1px solid #A99690; color:#710524; } li.level-0 a:hover { border-bottom: 1px solid #A99690; color:#710524; } /* level-N */ li.level-1{ padding: 10px; } /* ANIM -----------------------------------------------------------------------------*/ .anim-wrap { } .anim { } .anim slides { } .anim slides img { } ul.anim-nav { } ul.anim-nav li{ } ul.anim-nav li a{ } /* NEWS-LISTING -----------------------------------------------------------------------------*/ .news-listing { } .news-item { padding-bottom: 25px; margin-bottom: 20px; border-bottom: 1px dotted #ddd; } .news-item h2 { display: inline-block; font-weight: normal; font-size: 15px; margin-bottom: 10px; } .news-item-content { } .news-item-info { display: inline-block; padding-left: 80px; position: relative; } .news-item-date { display: inline-block; position: absolute; top: 2px; left: 0px; font-size: 13px; padding: 0px 5px 0px 0; border-right: 1px solid #ddd; } .news-item-author { } .news-item-detail { } .news-item-intro { } .news-item-more { float: right; display: none; } /* NEWS -----------------------------------------------------------------------------*/ .news { } .news-info { } .news-date { } .news-author { } .news-content { display: inline-block; padding-top: 20px; width: 100%; } .news-thumb { float: left; padding: 5px; border: 1px solid #ddd; margin: 0 15px 5px 5px; } .news-intro { display: inline; } .news-body { } a.news-back { } /* PAGINATION -----------------------------------------------------------------------------*/ .pagination { height: 30px; padding-top: 10px; width: 100%; float:left; } .pagination .pages { } .pagination a { float: left; margin-right: 5px; } .pagination span { float: left; margin-right: 5px; } .pagination a.active { } /* GALLERY -----------------------------------------------------------------------------*/ .gallery { /* tylko jesli kontener galerii jest inny niz artykulu */ } .gallery-item { display: block; float:left; } .gallery .thumb, .art-gallery .thumb{ margin: 0 20px 20px 0; } .gallery .thumb, .gallery .thumb a{ float: left; } .gallery .thumb a img{ display: block; background-color: #DBD5CA; border: 1px solid #C1B4AD; padding: 5px; } .thumb-desc { clear: both; display: block; float: left; margin: 6px 0 0; text-align: center; width: 100%; } .gallery .thumb.gallery-cat { } .gallery-cat-name { } /* FORM -----------------------------------------------------------------------------*/ .form-data { margin: 20px 0 0 0; display: inline-block; } .form-elem-group { float: left; margin-bottom: 10px; width: 100%; } .form-elem-name { width: 150px; float: left; padding: 4px; } .form-elem-input{ float: left; } .form-elem-input input[type=text], .form-elem-input select, .form-elem-input textarea{ width: 300px; float: left; padding: 4px; background-color: #DBD5CA; border: 1px solid #C1B4AD; font-size: 12px; } .form-elem-input input[type=text]:focus, .form-elem-input select:focus, .form-elem-input textarea:focus{ border: 1px solid #A99690; } .form-elem-input select { width: 310px; } .form-data textarea { height: 150px; resize: none; } .form-elem-input input[type=radio], .form-elem-input input[type=checkbox] { font-size: 12px !important; margin: 0 6px !important; vertical-align: middle; } .form-btn-send { float: right; border: 0; padding: 4px 8px; cursor: pointer; background: url("../images/send2.gif") no-repeat scroll 0 0 transparent; border: 0 none; height: 33px; margin: 10px 0 0 50px; width: 56px; text-indent: -9000px; } .captcha-code { } .captcha-input { } /* SEARCH RESULT -->> tylko jesli lista ma byc inna ni� lista aktualnosci -----------------------------------------------------------------------------*/ .search-result { } .search-result news-item { } /* SITEMAP -----------------------------------------------------------------------------*/ .site-map { } .site-map ul.level-0 { } .site-map ul.level-0 li { } .site-map ul.level-1 { } .site-map ul.level-1 li { } /* FOOTER -----------------------------------------------------------------------------*/ .footer { float: left; width: 777px; height: 85px; margin: 30px 0 0 65px; background: url('../images/foot-bg.png') no-repeat 0 bottom; } ul.foot-nav { float: left; margin: 0 0 0 90px; } ul.foot-nav li { font: 11px Georgia, Times New Roman; text-transform: uppercase; float: left; } ul.foot-nav li a { margin: 0 13px 0 0; color: #64343c; } .kambit a{ font: 11px Georgia, Times New Roman; text-transform: uppercase; float: left; float: left; margin: 81px 0 0 275px; color: #a7958e; } .kambit a:hover{ border: 0; color: #957d78; } /* LOGIN -----------------------------------------------------------------------------*/ .login-wrap { position:relative; } .login-panel { margin-top: -38px; color: #fff; background-color: #000; padding: 10px; } /************ <<< STANDARD CLASSES >>> ************/ /* TABLE -----------------------------------------------------------------------------*/ table { } table thead tr th { } table tfoot tr th { } table tr { } table tr td { } table tr.odd td { } table tr.even td { } table tr:hover { } table tr:hover td { } table tr:hover td:hover { } /* DEFAULTS -----------------------------------------------------------------------------*/ .w100p { width: 100%!important; } .w50p { width: 48%!important; } .w30p { width: 28%!important; } .dn { display: none!important; } .db { display: block!important; } .dib { display: inline-block!important; } .di { display: inline!important; } .fl { float: left!important; } .fr { float: none!important; } .cl { clear: left!important; } .cr { clear: right!important; } .cb { clear: both!important; } .disabled { opacity: 0.4; filter: Alpha(Opacity=40); } .debug { text-align: center; background-color: yellow; color: #000; font-weight: bold; } /************ <<< === FUTURE CLASSES === >>> ************/ /* MODULE BOX -----------------------------------------------------------------------------*/ .module-box-top { } .module-box-body { } .module-box-foot { } /* SUPERNEWS -----------------------------------------------------------------------------*/ /* ANIMATIONS -->> klasy dziedziczone z .anim + $id -----------------------------------------------------------------------------*/ /* INDEX------------------*/ .kol-index{width:100%; float:left;} .kol-index ul{ float:left; width: auto; margin: 10px 0 0 20px; } .kol-index-dam{ background: url('../images/photo-3.jpg') no-repeat center top; width: 209px; height: 302px; float:left;} .wrapIE { width:900px; margin: 0 auto; position: relative; } .ieElder { position: absolute; top:-300px; left: 200px; height: 287px; width: 500px; border: 5px solid #8ABEF1; z-index: 99999999999; background: url(/images/browsers.jpg) no-repeat 0 0; } .ieElder-close { bottom: 0; cursor: pointer; height: 20px; left: 0; position: absolute; width: 76px; } .ieElder-later { bottom: 0; cursor: pointer; height: 20px; position: absolute; right: 0; width: 54px; } .get-chrome { height: 176px; left: 56px; position: absolute; top: 76px; width: 150px; } .get-ff { height: 176px; left: 290px; position: absolute; top: 76px; width: 150px; } #pic{ float: right; margin: 122px 30px 0 0; } #pic #border-top{ float: left; background: url('../images/photo-top.png') no-repeat right top; } #pic #border-foot{ float: left; background: url('../images/photo-foot.png') no-repeat right bottom; padding: 15px; } .pic-t2{ background: url('../images/pic/pokoj.jpg') no-repeat center top; width: 209px; height: 302px; } .pic-0{ background: url('../images/photo-1.jpg') no-repeat center top; width: 209px; height: 302px; } .pic-t5{ background: url('../images/photo-3.jpg') no-repeat center top; width: 209px; height: 302px; } .pic-t6{ background: url('../images/pic/hotel.jpg') no-repeat center top; width: 209px; height: 302px; } .pic-t3{ background: url('../images/pic/konf.jpg') no-repeat center top; width: 209px; height: 302px; } .pic-t4{ background: url('../images/pic/restauracja.jpg') no-repeat center top; width: 209px; height: 302px; } .mapa-google { border: 1px solid #C1B4AD; float: left; padding: 3px; } .treeview, .treeview ul { padding: 0; margin: 0; list-style: none; } .treeview ul { margin-top: 4px; } .treeview .hitarea { } /* fix for IE6 */ * html .hitarea { display: inline; float:none; } .treeview li { } .treeview a.selected { } #treecontrol { margin: 1em 0; display: none; } .treeview .hover { color: red; cursor: pointer; } .treeview li { } .treeview li.collapsable, .treeview li.expandable {} .treeview .expandable-hitarea { } .treeview li.last {} .treeview li.lastCollapsable, .treeview li.lastExpandable { } .treeview li.lastCollapsable { } .treeview li.lastExpandable { } .treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; } .treeview-red li { background-image: url(/js/treeview/images/treeview-red-line.gif); } .treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(/js/treeview/images/treeview-red.gif); } .treeview-black li { background-image: url(/js/treeview/images/treeview-black-line.gif); } .treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(/js/treeview/images/treeview-black.gif); } .treeview-gray li { background-image: url(/js/treeview/images/treeview-gray-line.gif); } .treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(/js/treeview/images/treeview-gray.gif); } .treeview-famfamfam li { background-image: url(/js/treeview/images/treeview-famfamfam-line.gif); } .treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(/js/treeview/images/treeview-famfamfam.gif); } .treeview .placeholder { background: url(/js/treeview/images/ajax-loader.gif) 0 0 no-repeat; height: 16px; width: 16px; display: block; } .filetree li { padding: 3px 0 2px 16px; } .filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; } .filetree span.folder { background: url(/js/treeview/images/folder.gif) 0 0 no-repeat; } .filetree li.expandable span.folder { background: url(/js/treeview/images/folder-closed.gif) 0 0 no-repeat; } .filetree span.file { background: url(/js/treeview/images/file.gif) 0 0 no-repeat; } /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. * * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('/js/fancybox/fancybox.png'); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('/js/fancybox/fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('/js/fancybox/blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url('/js/fancybox/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('/js/fancybox/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('/js/fancybox/fancybox-x.png'); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url('/js/fancybox/fancybox.png'); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('/js/fancybox/fancybox-y.png'); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('/js/fancybox/fancybox.png'); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('/js/fancybox/fancybox-x.png'); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('/js/fancybox/fancybox.png'); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('/js/fancybox/fancybox-y.png'); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url('/js/fancybox/fancybox.png'); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('/js/fancybox/fancy_title_over.png'); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url('/js/fancybox/fancybox.png') -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('/js/fancybox/fancybox-x.png') 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url('/js/fancybox/fancybox.png') -55px -90px no-repeat; } /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_loading.png', sizingMethod='scale'); } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }