/************************************************** * Body * **************************************************/ body { background:#fff url('../images/background/body.jpg') repeat-x; background-position:0 0; color:#333; font:100.1%/1 Arial, Helvetica, sans-serif; margin:0; text-align:center; } /************************************************** * General * **************************************************/ a { text-decoration:none; } a:hover { text-decoration:underline; } img { border:0; } /************************************************** * Container * **************************************************/ #container { background:url('../images/background/container.jpg') repeat-y; font-size:62.5%; line-height:1.6; margin:0 auto; text-align:left; width:980px; } #container:after { clear:both; content:'.'; display:block; height:0; visibility:hidden; } /************************************************** * Header * **************************************************/ #header { background:#a04276; border-bottom:20px solid #fff; height:121px; overflow:hidden; position:relative; width:980px; } /************************************************** * Header > Logo * **************************************************/ #header .logo { float:left; height:86px; width:184px; } #header .logo a { } #header .logo a img { display:block; } #header .logo p { color:#fff; font:1.4em Verdana, Geneva, sans-serif; margin:0; position:absolute; right:0; text-transform:uppercase; text-align:right; top:58px; width:980px; } /************************************************** * Header > Navigation * **************************************************/ #header .navigation { background:#603; clear:both; height:35px; width:980px; } #header .navigation ul { list-style:none; margin:0; padding:5px 4px 0; } #header .navigation ul li { border-right:1px solid #a04276; float:left; } #header .navigation ul li a { background:#603; color:#fff; display:block; font:1.3em/30px Verdana, Geneva, sans-serif; padding:0 20px; text-transform:uppercase; } #header .navigation ul li a:hover { } #header .navigation ul li.last-item { border:0; } #header .navigation ul li.selected { border-left:1px solid #fff; border-right:1px solid #fff; margin:0 0 0 -1px; } #header .navigation ul li.selected a { background:#fff; color:#000; } #header .navigation ul li.selected a:hover { } /************************************************** * Header > Search * **************************************************/ #header .search { float:right; padding:14px 0 0; width:197px; } #header .search fieldset { border:0; margin:0; padding:0; } #header .search fieldset legend { position:absolute; top:-9999px; } #header .search fieldset label { position:absolute; top:-9999px; } #header .search fieldset input { float:left; font-size:1.1em; } #header .search fieldset input.submit { background:#603; border:0; color:#fff; font-size:1em; padding:3px 0; text-align:center; text-transform:uppercase; width:54px; } #header .search fieldset input.text { background:#fff; border:1px solid #b36691; margin:0 3px 0 0; padding:3px; width:132px; } /************************************************** * Content * **************************************************/ #content { float:right; font-size:1.1em; line-height:2; overflow:hidden; padding:0 0 0 20px; width:710px; } #content a { color:#690000; } #content a:hover { } #content blockquote { border-left:2px solid #603; margin:0 0 0 14px; padding:0 0 0 14px; } #content h1 { color:#a04276; font-size:1.5em; font-weight:400; margin:0 0 2px; } #content h2 { color:#a04276; font-size:1.36em; font-weight:400; margin:0 0 7px; } #content h3 { color:#a04276; font-size:1.18em; font-weight:400; margin:0 0 7px; } #content h4 { color:#a04276; font-size:1em; font-weight:400; margin:0 0 7px; } #content h5 { color:#a04276; font-size:1em; font-weight:400; margin:0 0 7px; } #content h6 { color:#a04276; font-size:1em; font-weight:400; margin:0 0 7px; } #content img { } #content img.border { border:1px solid #ccc; display:inline-block; padding:4px; } #content img.left { border:1px solid #ccc; display:block; float:left; margin:0 10px 10px 0; padding:4px; } #content img.left-noborder { display:block; float:left; margin:0 10px 10px 0; } #content img.right { border:1px solid #ccc; display:block; float:right; margin:0 0 10px 10px; padding:4px; } #content img.right-noborder { display:block; float:right; margin:0 0 10px 10px; } #content ol { list-style:decimal-leading-zero; margin:0 0 14px; padding:0 0 0 25px; } #content ol li { } #content ol li ol { margin:0; } #content p { margin:0 0 14px; } #content ul { margin:0 0 14px; padding:0 0 0 14px; } #content ul li { } #content ul li ul { margin:0; } #content table { border-collapse:collapse; line-height:1.6; margin:0 0 15px; padding:0; width:100%; } #content table tr { vertical-align:top; } #content table tr td { border:1px solid #ccc; padding:5px; } #content table tr th { background:#efefef; border:1px solid #ccc; padding:5px; } /************************************************** * Content > Boxes * **************************************************/ #content .boxes { width:454px; } /************************************************** * Content > Boxes > Box * **************************************************/ #content .boxes .box { border:3px solid #ccc; float:left; font-size:1.1em; height:108px; margin:0 14px 14px 0; overflow:hidden; padding:1px; position:relative; width:205px; } #content .boxes .box a { color:#000; display:block; height:108px; line-height:1.3; overflow:hidden; position:relative; text-decoration:none; width:205px; z-index:20; } #content .boxes .box a span { background:#a04276; color:#000; cursor:pointer; display:block; filter:alpha(opacity=95); height:104px; -khtml-opacity:.95; -moz-opacity:.95; opacity:.95; padding:2px 5px; position:absolute; top:83px; z-index:20; width:195px; } #content .boxes .box a span em { color:#fff; display:block; font:bold 1.1em/20px Arial, sans-serif; padding:0 0 5px; white-space:nowrap; } #content .boxes .box img { display:block; height:108px; left:1px; position:absolute; top:1px; width:205px; z-index:10; } /************************************************** * Content > Breadcrumbs * **************************************************/ #content .breadcrumbs { background:#fff; padding:0 0 10px; } #content .breadcrumbs p { margin:0; } #content .breadcrumbs p a { color:#a04276; } #content .breadcrumbs p a:hover { } /************************************************** * Content > Messages * **************************************************/ #content .error { background:#ffe1da; color:#be0b0b; border-bottom:1px solid #f34f4f; border-top:1px solid #f34f4f; padding:4px 9px 0; } #content .error p { margin:0 0 4px; } #content .information { background:#dedfff; border-bottom:1px solid #9bb8d9; border-top:1px solid #9bb8d9; color:#406299; padding:4px 9px 0; } #content .information p { margin:0 0 4px; } #content .success { background:#e2f9e3; border-bottom:1px solid #9c9; border-top:1px solid #9c9; color:#080; padding:4px 9px 0; } #content .success p { margin:0 0 4px; } #content .warning { background:#fff8bf; border-bottom:1px solid #ffd324; border-top:1px solid #ffd324; color:#eb830c; padding:4px 9px 0; } #content .warning p { margin:0 0 4px; } /************************************************** * Content > Form * **************************************************/ #content .form { overflow:hidden; width:440px; } #content .form input { font-size:1em; margin:0 0 5px 0; } #content .form input.captchacode { letter-spacing:5px; text-transform:uppercase; } #content .form input.submit { clear:both; display:block; margin:5px 0 10px 221px; } #content .form input.text { background:#fff; border:1px solid #ccc; color:#666; float:right; padding:2px; width:213px; } #content .form input.text:focus { border-color:#7fc9f4; color:#333; } #content .form label { clear:both; float:left; line-height:1.3; padding:3px 10px 0 0; width:211px; } #content .form label em { color:#f00; font-size:.9em; font-style:normal; } #content .form p { clear:both; margin:0 0 5px; } #content .form p em { color:#f00; font-style:normal; } #content .form p.error { background:#ffe1da; border:1px solid #f34f4f; clear:both; color:#be0b0b; display:block; padding:5px; text-align:center; } #content .form p.success { background:#e2f9e3; border:1px solid #9c9; clear:both; color:#080; display:block; padding:5px; text-align:center; } #content .form select { background:#fff; border:1px solid #ccc; color:#666; font-size:1em; float:right; margin:0 0 5px 0; padding:2px 2px 2px 0; width:219px; } #content .form select:focus { border-color:#7fc9f4; color:#333; } #content .form select optgroup { font-style:normal; } #content .form textarea { background:#fff; border:1px solid #ccc; color:#666; font:1em Arial, sans-serif; float:right; margin:0 0 5px 0; padding:2px; width:213px; } #content .form textarea:focus { border-color:#7fc9f4; color:#333; } /************************************************** * Content > Form > Captcha * **************************************************/ #content .form .captcha { border:1px solid #ccc; clear:both; height:30px; margin:0 0 5px 221px; overflow:hidden; padding:2px; width:213px; } #content .form .captcha img { display:block; margin:-1px 0; } /************************************************** * Content > Form > Summary * **************************************************/ #content .form .summary { background:#ffe1da; border:1px solid #f34f4f; clear:both; color:#be0b0b !important; cursor:help; display:block; margin:0 0 10px; padding:5px 15px; } #content .form .summary ul { color:#be0b0b; margin:5px 0 0 15px; padding:0; } /************************************************** * Content > Pagination * **************************************************/ #content ol.sf_pager { clear:both; float:right; list-style:none; margin:0 -5px 0 0; overflow:hidden; padding:0 0 10px; width:auto; } #content ol.sf_pager li { float:left; padding:0 0 0 5px; } #content ol.sf_pager li a { border:1px solid #d1d1d1; color:#666; display:block; padding:0 5px; } #content ol.sf_pager li a:hover { border-color:#666; color:#000; } #content ol.sf_pager li a.sf_PagerItem { } #content ol.sf_pager li a.sf_PagerSelItem { border-color:#999; color:#000; } /************************************************** * Content > Search Results * **************************************************/ #content dl.searchResults { margin:-10px 0 10px; } #content dl.searchResults dd { margin:0; } #content dl.searchResults dd em { border-bottom:1px solid #ccc; display:block; margin:0 0 5px; padding:0 0 15px; width:100%; } #content dl.searchResults dd em a { } #content dl.searchResults dd strong { } #content dl.searchResults dt { padding:10px 0 0; } #content dl.searchResults dt strong { } #content dl.searchResults dt strong a { border:0; color:#333; } /************************************************** * Content > Sitemap * **************************************************/ #content .sitemap { line-height:2; margin:-2px 0; } #content .column-a { float:left; overflow:hidden; width:440px; } #content .column-b { border-left:1px solid #eaeaea; float:right; width:249px; } /************************************************** * Find A Home * **************************************************/ #content .find-a-home { border-bottom:1px solid #eaeaea; line-height:1.6; margin:0 0 20px 12px; padding:0 0 20px; width:235px; } #content .find-a-home h4 { background:url('../images/background/sidebar_find-a-home_h4.jpg') no-repeat; background-position:0 0; height:90px; margin:0 0 -9px; text-indent:-9999px; width:237px; } #content .find-a-home input { } #content .find-a-home input.submit { background:#a04276; border:0; color:#fff; font-size:1em; padding:3px; text-align:center; text-transform:uppercase; } #content .find-a-home label { display:block; padding:0 0 3px; width:237px; } #content .find-a-home label em { color:#c00; font-style:normal; } #content .find-a-home p { margin:-25px 14px 0 0; } #content .find-a-home p a { background:#a04276; color:#fff; display:inline-block; font-size:1.1em; padding:4px 6px; text-align:center; text-transform:uppercase; } #content .find-a-home select { border:3px solid #ccc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font:1.1em Arial, Helvetica, sans-serif; margin:0 0 8px; padding:3px; width:210px; } #content .find-a-home select:focus { background:#fefff5; color:#000; } #content .find-a-home select.small { width:92px; } #content .find-a-home select.required { border-color:#ef8787; } #content .find-a-home span { } #content .find-a-home span.to { display:inline-block; text-align:center; width:20px; } /************************************************** * Content > Latest Properties * **************************************************/ #content .latest-properties { padding:0 0 0 12px; } #content .latest-properties h4 { color:#a04276; font:bold 1.73em/1 Arial, Helvetica, sans-serif; margin:0 0 14px; } /************************************************** * Content > Latest Properties > Property * **************************************************/ #content .latest-properties .property { border-bottom:1px solid #eaeaea; margin:0 0 20px; padding:0 0 10px; } #content .latest-properties .property h5 { font-size:1em; margin:0; } #content .latest-properties .property img { border:1px solid #ccc; display:block; margin:0 0 5px; padding:1px; } #content .latest-properties .property p { line-height:1.5; margin:0; padding:0 0 10px; } /************************************************** * Content > Latest News * **************************************************/ #content .latest-news { padding:0 0 0 14px; } #content .latest-news h4 { color:#a04276; font:bold 1.73em Arial, Helvetica, sans-serif; margin:0 0 14px; } #content .latest-news ul { list-style:none; margin:0; padding:0; } #content .latest-news ul li { line-height:1.5; padding:0 0 14px; } #content .latest-news ul li a { color:#000; display:block; } #content .latest-news ul li a em { color:#a04276; display:block; font-style:normal; font-weight:bold; } #content .latest-news ul li a:hover { } #content .latest-news ul li a:hover em { text-decoration:none; } /************************************************** * Content > Properties * **************************************************/ #content .properties { } /************************************************** * Content > Properties > Property * **************************************************/ #content .properties .property { border-bottom:1px solid #eaeaea; margin:0 0 15px; padding:0 0 10px; } #content .properties .property h2 { font-weight:bold; margin:0; } #content .properties .property dl { float:left; margin:0 0 9px; width:266px; } #content .properties .property dl dd { float:right; margin:0; width:166px; } #content .properties .property dl dt { clear:both; float:left; font-weight:bold; width:100px; } #content .properties .property .thumbnail { border:1px solid #ccc; float:right; margin:0 0 10px; padding:1px; width:150px; } #content .properties .property .thumbnail img { display:block; width:150px; } #content .properties .property .tabs { clear:both; } #content .properties .property .tabs ul.rtsUL { margin:0; padding:0; } #content .properties .property .tab-items { border:1px solid #828282; clear:both; padding:5px 10px; } #content .properties .property .tab-items .other-downloads { } #content .properties .property .tab-items .other-downloads p { margin:0; } #content .properties .property .tab-items .other-downloads ul { list-style:none; margin:0 0 -7px; padding:3px 0; } #content .properties .property .tab-items .other-downloads ul li { background:url('../images/icons/page_white.png') no-repeat; padding:0 0 7px; } #content .properties .property .tab-items .other-downloads ul li.doc { background-image:url('../images/icons/page_white_word.png'); } #content .properties .property .tab-items .other-downloads ul li.gif { background-image:url('../images/icons/image.png'); } #content .properties .property .tab-items .other-downloads ul li.jpg { background-image:url('../images/icons/image.png'); } #content .properties .property .tab-items .other-downloads ul li.pdf { background-image:url('../images/icons/page_white_acrobat.png'); } #content .properties .property .tab-items .other-downloads ul li.png { background-image:url('../images/icons/image.png'); } #content .properties .property .tab-items .other-downloads ul li a { display:block; line-height:16px; padding:0 0 0 22px; } #content .properties .property .tab-items .other-downloads ul li a:hover { } #content .properties .property .tools { clear:both; overflow:hidden; padding:5px 0; } #content .properties .property .tools ul { float:right; list-style:none; margin:0; padding:0; } #content .properties .property .tools ul li { background-repeat:no-repeat; float:left; margin:0 0 0 20px; } #content .properties .property .tools ul li.map { background-image:url('../images/icons/map.png'); } #content .properties .property .tools ul li.partner-website { background-image:url('../images/icons/world_link.png'); } #content .properties .property .tools ul li.view-property-details { background-image:url('../images/icons/page_white_magnify.png'); } #content .properties .property .tools ul li a { display:block; line-height:16px; padding:0 0 0 22px; } #content .properties .property .tools ul li a:hover { } /************************************************** * Sidebar * **************************************************/ #sidebar { border-right:1px solid #eaeaea; float:left; font:1.1em Arial, Helvetica, sans-serif; width:249px; } #sidebar h4 { background:url('../images/background/sidebar_h4.jpg') no-repeat; color:#a04276; font:bold 1.73em/1 Arial, sans-serif; margin:0; padding:15px 12px 10px; width:225px; } /************************************************** * Contact Us * **************************************************/ #sidebar .contact-us { margin:0 0 28px; } #sidebar .contact-us p { line-height:1.6; margin:0 12px 5px; padding:0; } #sidebar .contact-us p a { color:#a04276; } #sidebar .contact-us p a:hover { } #sidebar .contact-us p strong { color:#a04276; } /************************************************** * Find A Home * **************************************************/ #sidebar .find-a-home { margin:0 0 28px; padding:0 0 0 12px; } #sidebar .find-a-home h4 { background:url('../images/background/sidebar_find-a-home_h4.jpg') no-repeat; background-position:0 0; height:90px; margin:0 0 -9px; padding:0; text-indent:-9999px; width:237px; } #sidebar .find-a-home input { } #sidebar .find-a-home input.submit { background:#a04276; border:0; color:#fff; font-size:1em; padding:3px; text-align:center; text-transform:uppercase; } #sidebar .find-a-home label { display:block; padding:0 0 3px; width:237px; } #sidebar .find-a-home label em { color:#c00; font-style:normal; } #sidebar .find-a-home p { margin:-25px 14px 0 0; } #sidebar .find-a-home p a { background:#a04276; color:#fff; display:inline-block; font-size:1.1em; padding:4px 6px; text-align:center; text-transform:uppercase; } #sidebar .find-a-home select { border:3px solid #ccc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font:1.1em Arial, Helvetica, sans-serif; margin:0 0 8px; padding:3px; width:210px; } #sidebar .find-a-home select:focus { background:#fefff5; } #sidebar .find-a-home select.small { width:92px; } #sidebar .find-a-home select.required { border-color:#ef8787; } #sidebar .find-a-home span { } #sidebar .find-a-home span.to { display:inline-block; text-align:center; width:20px; } /************************************************** * Sidebar > Navigation * **************************************************/ #sidebar .navigation { border-top:1px solid #eaeaea; margin:0 0 28px; width:249px; } #sidebar .navigation ul { list-style:none; margin:0; padding:0; } #sidebar .navigation ul li { border-bottom:1px solid #eaeaea; } #sidebar .navigation ul li a { background:url('../images/background/sidebar_navigation_ul_li_a.jpg') no-repeat; background-position:7px 10px; color:#603; display:block; padding:7px 7px 7px 21px; } #sidebar .navigation ul li a:hover { } #sidebar .navigation ul li ul { display:block; height:0; overflow:hidden; padding:0; visibility:hidden; } #sidebar .navigation ul li ul li { border-bottom-color:#fff; } #sidebar .navigation ul li ul li a { background:0; } #sidebar .navigation ul li ul li a:hover { } /* selected item */ #sidebar .navigation ul li.selected { } #sidebar .navigation ul li.selected a { background-color:#a04276; color:#fff; } #sidebar .navigation ul li.selected ul { border-top:1px solid #fff; height:auto; visibility:visible; } #sidebar .navigation ul li.selected ul li { border-bottom:1px solid #fff; } #sidebar .navigation ul li.selected ul li a { background:#f5f5f5 url('../images/background/sidebar_navigation_ul_li_ul_li_a.png') no-repeat; background-position:22px 10px; color:#603; padding:7px 7px 7px 36px; } #sidebar .navigation ul li.selected ul li ul { border:0; display:block; height:0; visibility:hidden; } /* selected selected item */ #sidebar .navigation ul li.selected ul li.selected { } #sidebar .navigation ul li.selected ul li.selected a { background-color:#eaeaea; } #sidebar .navigation ul li.selected ul li.selected ul { border-top:1px solid #fff; height:auto; visibility:visible; } #sidebar .navigation ul li.selected ul li.selected ul li { } #sidebar .navigation ul li.selected ul li.selected ul li a { background:#f9f9f9; } /* selected selected selected item */ #sidebar .navigation ul li.selected ul li.selected ul li.selected { font-weight:bold; } /************************************************** * Sidebar > News Archive * **************************************************/ #sidebar .news-archive { margin:0 0 28px; width:249px; } #sidebar .news-archive h4 { } #sidebar .news-archive .RadTreeView_Default { padding:0 12px; } #sidebar .news-archive .RadTreeView .rtUL .rtLI .rtUL { padding:0; } #sidebar .news-archive .RadTreeView .rtTop, #sidebar .news-archive .RadTreeView .rtMid, .RadTreeView .rtBot { padding:0 0 0 20px; } #sidebar .news-archive .RadTreeView_Default, #sidebar .news-archive .RadTreeView_Default a.rtIn, #sidebar .news-archive .RadTreeView_Default .rtEdit .rtIn input { font:1em Arial, sans-serif; } /************************************************** * Share * **************************************************/ #sidebar .share { margin:0 0 28px; } #sidebar .share h4 { background:url('../images/background/sidebar_share_h4.jpg') no-repeat; } #sidebar .share p { line-height:1.6; margin:0 12px 5px; padding:0; } #sidebar .share p a { color:#a04276; } #sidebar .share p a:hover { } #sidebar .share p strong { color:#a04276; } /************************************************** * Share > Twitter * **************************************************/ #sidebar .share .twitter { padding:10px 27px 10px 12px; } #sidebar .share .twitter h5 { color:#a04276; font:bold 1em/1 Arial, Helvetica, sans-serif; margin:0 0 2px; } #sidebar .share .twitter p { margin:0 0 10px; } #sidebar .share .twitter p a { color:#a04276; display:block; font-weight:bold; } #sidebar .share .twitter p a img { display:block; } #sidebar .share .twitter ul { list-style:disc; margin:0; padding:0 0 5px 16px; } #sidebar .share .twitter ul li { padding:0 0 5px; } #sidebar .share .twitter ul li a { border-bottom:1px dotted #a04276; color:#a04276; } #sidebar .share .twitter ul li a:hover { border-bottom-style:solid; text-decoration:none; } /************************************************** * Share > YouTube * **************************************************/ #sidebar .share .youtube { padding:10px 27px 10px 12px; } #sidebar .share .youtube h5 { color:#a04276; font:bold 1em/1 Arial, Helvetica, sans-serif; margin:0 0 2px; } #sidebar .share .youtube p { margin:0 0 10px; } #sidebar .share .youtube p a { color:#a04276; display:block; font-weight:bold; } #sidebar .share .youtube p a img { display:block; } /************************************************** * Blog * **************************************************/ #sidebar .blog { margin:0 0 28px; } #sidebar .blog p { background:url('../images/background/sidebar_blog_p.jpg') no-repeat; height:auto !important; line-height:1.6; margin:0 12px 5px; } #sidebar .blog p a { color:#333; display:block; height:100px; min-height:100px; padding:0 0 0 110px; } #sidebar .blog p a span { color:#a04276; text-transform:uppercase; } #sidebar .blog p a:hover { text-decoration:none; } #sidebar .blog p a:hover span { text-decoration:underline; } /************************************************** * Footer * **************************************************/ #footer { background:#fff url('../images/background/footer.jpg') no-repeat; background-position:bottom right; border-top:22px solid #fff; clear:both; font-size:1.1em; overflow:hidden; margin:0 0 -10px; position:relative; top:-10px; width:980px; } /************************************************** * Footer > Copyright * **************************************************/ #footer .copyright { clear:both; padding:5px 0 0; position:relative; width:980px; } #footer .copyright p { float:left; margin:0 0 14px; } #footer .copyright p a { color:#000; } #footer .copyright p a:hover { } #footer .copyright p em { font-style:normal; font-weight:bold; } #footer .copyright p span { position:absolute; right:0; top:6px; } #footer .copyright p.address { clear:both; float:none; padding:1px 0 0; } #footer .copyright p.address em { color:#a04276; font-weight:400; text-transform:uppercase; } #footer .copyright ul { float:left; list-style:none; margin:0 0 0 10px; padding:0; } #footer .copyright ul li { background:url('../images/background/footer_copyright_ul_li.jpg') no-repeat; background-position:center right; float:left; padding:0 11px 0 10px; } #footer .copyright ul li a { color:#000; } #footer .copyright ul li a:hover { } #footer .copyright ul li.last-item { background:0; } /************************************************** * Footer > Quicklinks * **************************************************/ #footer .quicklinks { border-bottom:5px solid #a3487a; border-top:2px solid #a3487a; clear:both; overflow:hidden; width:980px; } #footer .quicklinks ul { list-style:none; margin:0 0 0 -7px; padding:0 0 2px; } #footer .quicklinks ul li { background:url('../images/background/footer_quicklinks_ul_li.jpg') no-repeat; background-position:right center; float:left; padding:0 8px 0 7px; } #footer .quicklinks ul li a { color:#000; line-height:28px; } #footer .quicklinks ul li a:hover { } #footer .quicklinks ul li.last-item { background:0; } /************************************************** * Internal [Two Column] * **************************************************/ .internal.two-column #container { background:#fff; } /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Copyright (c) 20010 Janis Skarnelis * Examples and documentation at:http://fancybox.net * * Version:1.3.0 (02/02/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%; height:40px; width:40px; margin-top:-20px; margin-left:-20px; cursor:pointer; overflow:hidden; background:transparent; z-index:1104; display:none; } * html #fancybox-loading { /* IE6 */ position:absolute; margin-top:0; } #fancybox-loading div { position:absolute; top:0; left:0; width:40px; height:480px; background:transparent url('../images/jquery.fancybox/fancy_loading.png') no-repeat; } #fancybox-overlay { position:fixed; top:0; left:0; bottom:0; right:0; background:#000; z-index:1100; display:none; } * html #fancybox-overlay { /* IE6 */ position:absolute; width:100%; } #fancybox-tmp { padding:0; margin:0; border:0; overflow:auto; display:none; } #fancybox-wrap { position:absolute; top:0; left:0; margin:0; padding:20px; z-index:1101; display:none; } #fancybox-outer { position:relative; width:100%; height:100%; background:#FFF; } #fancybox-inner { position:absolute; top:0; left:0; width:1px; height:1px; padding:0; margin:0; outline:none; overflow:hidden; } #fancybox-hide-sel-frame { position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; } #fancybox-close { position:absolute; top:-15px; right:-15px; width:32px; height:32px; background:url('../images/jquery.fancybox/fancy_close.png') top left no-repeat; cursor:pointer; z-index:1103; display:none; } #fancybox_error { color:#444; font:normal 12px/20px Arial; } #fancybox-content { height:auto; width:auto; padding:0; margin:0; } #fancybox-img { width:100%; height:100%; padding:0; margin:0; border:none; outline:none; line-height:0; vertical-align:top; -ms-interpolation-mode:bicubic; } #fancybox-frame { position:relative; width:100%; height:100%; border:none; display:block; } #fancybox-title { position:absolute; bottom:0; left:0; font-family:Arial; font-size:12px; z-index:1102; } .fancybox-title-inside { padding:10px 0; text-align:center; color:#333; } .fancybox-title-outside { padding-top:5px; color:#FFF; text-align:center; font-weight:bold; } .fancybox-title-over { color:#FFF; text-align:left; } #fancybox-title-over { padding:10px; background:url('../images/jquery.fancybox/fancy_title_over.png'); display:block; } #fancybox-title-wrap { display:inline-block; } #fancybox-title-wrap span { height:32px; float:left; } #fancybox-title-left { padding-left:15px; background:transparent url('../images/jquery.fancybox/fancy_title_left.png') repeat-x; } #fancybox-title-main { font-weight:bold; line-height:29px; background:transparent url('../images/jquery.fancybox/fancy_title_main.png') repeat-x; color:#FFF; } #fancybox-title-right { padding-left:15px; background:transparent url('../images/jquery.fancybox/fancy_title_right.png') repeat-x; } #fancybox-left, #fancybox-right { position:absolute; bottom:0; height:100%; width:35%; cursor:pointer; outline:none; background-image:url('../images/jquery.fancybox/blank.gif'); z-index:1102; display:none; } #fancybox-left { left:0; } #fancybox-right { right:0; } #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:transparent url('../images/jquery.fancybox/fancy_nav_left.png') no-repeat; } #fancybox-right-ico { background:transparent url('../images/jquery.fancybox/fancy_nav_right.png') no-repeat; } #fancybox-left:hover, #fancybox-right:hover { visibility:visible; /* IE6 */ } #fancybox-left:hover span { left:20px; } #fancybox-right:hover span { left:auto; right:20px; } div.fancy-bg { position:absolute; padding:0; margin:0; border:0; z-index:1001; } div#fancy-bg-n { top:-20px; left:0; width:100%; height:20px; background:transparent url('../images/jquery.fancybox/fancy_shadow_n.png') repeat-x; } div#fancy-bg-ne { top:-20px; right:-20px; width:20px; height:20px; background:transparent url('../images/jquery.fancybox/fancy_shadow_ne.png') no-repeat; } div#fancy-bg-e { top:0; right:-20px; height:100%; width:20px; background:transparent url('../images/jquery.fancybox/fancy_shadow_e.png') repeat-y; } div#fancy-bg-se { bottom:-20px; right:-20px; width:20px; height:20px; background:transparent url('../images/jquery.fancybox/fancy_shadow_se.png') no-repeat; } div#fancy-bg-s { bottom:-20px; left:0; width:100%; height:20px; background:transparent url('../images/jquery.fancybox/fancy_shadow_s.png') repeat-x; } div#fancy-bg-sw { bottom:-20px; left:-20px; width:20px; height:20px; background:transparent url('../images/jquery.fancybox/fancy_shadow_sw.png') no-repeat; } div#fancy-bg-w { top:0; left:-20px; height:100%; width:20px; background:transparent url('../images/jquery.fancybox/fancy_shadow_w.png') repeat-y; } div#fancy-bg-nw { top:-20px; left:-20px; width:20px; height:20px; background:transparent url('../images/jquery.fancybox/fancy_shadow_nw.png') no-repeat; }