html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
 :focus {outline: 0}
 ins {text-decoration: none}
del {text-decoration: line-through}
 table {border-collapse: collapse; border-spacing: 0}
 html {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #129899}
body {background: url(/images/bgHTMLSub.jpg) repeat-x}
body#home {background-image: url(/images/bgHTML.jpg)}
h1 {font-size: 2em;}
h2 {font-size: 1.4em; margin: 0 0 20px 0}
h3 {font-size: 1.1em;}
h4 {font-size: 1.3em;}
h5 {font-size: 2em;}
h6 {font-size: 2em;}
p {line-height: 1.3em;}
a {text-decoration: none; -webkit-transition: color 0.5s linear}
h2 .Subject {color: #784d1c}
a:link {color: #fff}
a:visited {color: #ccc}
a:hover {color: #fff}
  form:after, .groupList > li:after, .group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
 .allCaps {text-transform:uppercase}
.fl {float: left}
.fr {float: right}
.cb {clear: both}
.hidden {display: none}
.currentPage {margin: 0 0 0 20px; line-height: 15px; display: inline}
.paginationSummary span, .paginationSummary a {padding: 2px 4px; display: inline-block; border-style: solid; border-width: 1px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px}
.paginationSummary .current {background-color: #fff; border-color: #dbb392; color: #372d25}
.paginationSummary .disabled {display: none; background-color: #fff; color: #ddd; border-color: #ddd}
#filmCatalog .paginationSummary a:link, #filmCatalog .paginationSummary a:visited {background-color: #eedac9; border-color: #dbb392; color: #a4866e; text-decoration: none}
#filmCatalog .paginationSummary a:hover, #filmCatalog .paginationSummary a:active {background-color: #e4c6ae; border-color: #372d25; color: #372d25;}
.nlSignUp {float: right; background: white url(/images/buttons.png) -116px 0px no-repeat; width: 70px; height: 23px; border: 0; display: inline-block}
 .content form fieldset {display: block; margin: 10px 0 !important;}
.content form label {display: inline-block; width: 120px; text-align: right; font-size: 90%; vertical-align: middle; font-weight: bold; line-height: 1.5em; margin-bottom: 5px}
.content form input {display: inline-block; margin-bottom: 10px}
.content form input[type="submit"] {float: right}
.content form input.username, .content form input.email {width: 100px}
.content form input[type="text"], .content form input[type="password"], .content form textarea {padding: 2px; border: solid 1px #bbb; background: #fff url(/images/bgFormField.png) left top repeat-x}
.content form input[type="text"]:focus, .content form input[type="password"]:focus, .content form textarea:focus {background-color: #fdf7b3; border-color: #a96e2a}
.content form select:focus {border: solid 2px #a96e2a}
.content form#login {width: 300px}
.content form#login label {width: 100px}
.content form#login fieldset input {width: 185px}
.content form#signup {width: 350px}
.content form#subscription {width: 300px}
.content form#subscription input[type="text"] {width: 165px}
 .errors {margin: 10px 0; border: solid 1px #d00; background-color: #fdd; color: #d00; padding: 10px}
.fieldWithErrors {display: inline}
.fieldWithErrors input {border: solid 3px red !important;}
 #searchTop input, #searchBottom input {float: left; margin: 2px 0 0 5px; outline: 0; width: 227px; color: #666; font-size: 0.8em; border: 1px solid #a15a09; width: 240px; padding-right: 20px; background: #fff; height: 18px; position: relative; border-radius: 3px}
#searchTop button, #searchBottom button {position: absolute; background: white url(/images/buttons.png) -116px -91px no-repeat; top: 4px; right: 1px; width: 20px; height: 19px; border: 0; display: block}
#searchBottom {position: absolute; top: 0; right: 0; vertical-align: top}
#searchBottom h3 {float: left; color: #fff; line-height: 1.7em; margin: 0 10px 0 0}
#searchBottom form {float: right}
 .selected {padding-top: 56px !important;}
.signUpBox {outline:none; border: none; width: 125px; color: #666; font-size: 0.8em;}
form.signUp .formContent{ position: relative; margin: 10px 0}
form.signUp input[type="text"] {width: 113px; padding: 5px 73px 4px 2px}
form.signUp button {position: absolute; right: 0; top: 0}
form.signUp label {display: inline-block; font-size: 90%; width: 38px}
.signUpNow {background: url(/images/buttons.png) 0 -111px no-repeat; height: 0; padding-top: 48px; overflow: hidden; width: 171px; display: block; position: absolute; top: 0; right: 0; margin: 1px 1px 0 0}
.signUpNow:hover {background-position: 0 -162px}
#home .signUpNow {margin: 14px 14px 0 0; float: right; clear: right; position: relative}
 .videoThumbnail {margin: 0 0 20px 9px; color: #666}
.videoThumbnail:hover {color: #000}
.videoThumbnail h4 {margin: 10px 0 0 0}
.videoThumbnail p {line-height: 15px; font-size: 0.9em}
.videoThumbnail > a img {width: 140px; height: 80px}
.videoThumbnail > a:link img, .videoThumbnail > a:visited img {-webkit-box-shadow: -4px 4px 8px #999; -moz-box-shadow: -4px 4px 8px #999; -webkit-transition: -webkit-transform 0.1s linear, -webkit-box-shadow 0.1s linear, color 0.1s linear}
.videoThumbnail:hover > a:link img, .videoThumbnail:hover > a:visited img {-webkit-box-shadow: -4px 4px 8px #333; -moz-box-shadow: -4px 4px 8px #333; -webkit-transform: scale(1.1); -webkit-transition: -webkit-transform 0.1s linear, -webkit-box-shadow 0.1s linear, -webkit-box-shadow 0.1s linear}
#vSContent .videoThumbnail {margin: 0 0 20px 9px; width: 175px; float: left;}
 #content {width: 950px; margin: 0 auto; position: relative; border-top: 8px solid #009091; padding: 20px 0 0 0}
 #headerWrapper {background: url(/images/bgBody.jpg) no-repeat top center}
#header {height: 116px; display: block; background: #fff7ee; position: relative; width: 950px; margin: 0 auto}
#logo a {display: block; height: 0; padding-top: 95px; overflow: hidden; width: 400px; margin: 0 0 0 65px; background: url(/images/AsiaPacificFilmLogo.jpg) no-repeat}
#loginTop {height: 42px; width: 145px; padding: 7px 20px 0 10px; text-align: right; background: url(/images/bgLogin.gif) no-repeat; position: absolute; right: 0; top: 0; font-size: 0.8em}
#loginTop a {margin-left: 20px}
#loginTop a:first-child {margin-left: 0}
#loginTop a:hover {background: #a96e2a}
 #footerWrapper {min-height: 250px; background: #392611; display: block; padding-top: 15px}
#footer {width: 950px; margin: 0 auto; position: relative}
#footer ul {float: left; width: 200px}
#footer ul li {margin: 0 0 10px 0}
#footer ul a {padding: 5px 15px}
#footer ul a:hover {background: #584025}
#footer #discover {position: relative; background: #584025; color: #fff; padding: 5px 0 5px 15px; line-height: 36px; margin: 0 0 10px 0; width: 385px}
#footer #discover h3 {text-transform: uppercase; font-size: 1.5em}
#footer #discover .social {position: absolute; right: 5px; top: 5px}
#footer #discover .social a {display: inline-block; margin-left: 5px}
#footer #copyright {background:url(/images/bgCopy.gif) no-repeat; width: 214px; height: 40px; clear: both; padding: 28px 0 0 15px; display: block; color: #c8c2c2; font-size: 0.8em; letter-spacing:2px}
#copyright a:hover {text-decoration: underline}
 .content {background: #fff; margin: 0 0 25px 0; position: relative; padding: 5px 14px 20px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px}
.content h1 {margin: -5px -14px 0; height: 0; padding-top: 51px; overflow: hidden; display: block; background-image: url("/images/headers.png"); background-repeat: none}
#contentRight .content h1 {margin-bottom: 15px}
.content a:link, .content a:visited {color: #a66c29; -webkit-transition: color 0.1s linear}
.content a:hover, .content a:active {color: #ce9a48}
.content fieldset {margin: 20px 0}
.content legend {color: #a96e2a; font-weight: bold; font-size: 1.2em; padding: 0 0 10px; display: block}
.content form dl {width: 100%}
.content form dt, .content form dd {margin-bottom: 5px}
.content form dt {float: left; clear: left; width: 20%; position: relative; top: 4px; text-align: right}
.content form dd {float: left; width: 75%; margin-left: 10px}
#confirmSubscription form dt {top: 0}
.notice {background: url('/images/bgNotice.png') left center repeat-x; margin-bottom: 15px; vertical-align: middle; height: 27px; line-height: 27px; padding: 4px 16px; color: #fff; font-size: 1.2em; -webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 0px 10px}
.notice a {color: #f5bd65; text-decoration: underline}
 #welcome {color: #fff; width: 950px; margin: auto}
#welcomeMessage {float: left; margin: 17px 0 0 0}
#welcomeMessage a {text-decoration:underline;}
#searchTop {float: right; vertical-align: top; margin: 15px 0 0 0; position: relative}
#searchTop h3 {float: left; color: #fff; line-height: 1.7em; margin: 0 10px 0 0}
#searchTop form {float: right}
#home #searchTop {position: absolute; right: 0; top: 50px; margin: 0}
#welcome {height: 50px}
#contentLeft {float: left; width: 260px; min-height: 200px}
#contentRight {float: right; width: 660px; min-height: 200px}
#home #contentLeft {width: 460px}
#home #contentRight {width: 460px}
 #viewFilm {padding: 0}
#viewSimilar {position: relative; padding: 0}
#vSContent {padding: 15px 14px 5px}
#vSContentFilms {min-height: 257px}
 #browse h1, #newsletter h1, #ourSponsors h1 {padding-top: 55px}
#viewSimilar h1 {padding-top: 35px}
#confirmSubscription h1 {background-position: -260px -652px}
#subscribe h1 {background-position: -260px -596px}
#loginForm h1 {background-position: -260px -540px}
#browse h1 {background-position: 0 -597px}
#newsletter h1 {background-position: 0 -653px}
#ourSponsors h1 {background-position: 0 -541px}
#filmCatalog h1 {background-position: 0 -103px}
#aboutUs h1 {background-position: 0 0}
#privacy h1 {background-position: 0 -154px}
#viewFilm h1 {background-position: 0 -455px; margin: 0}
#submitFilm h1 {background-position: 0 -256px}
#news h1 {background-position: 0 -307px}
#legalStatment h1 {background-position: 0 -358px}
#contactUs h1 {background-position: 0 -52px}
#signUp h1 {background-position: 0 -205px}
#viewSimilar h1 {background-position: 0 -506px; width: 215px; margin: 0}
#restricted h1 {background-position: 0 -823px}
#copyrightInformation h1 {background-position: 0 -874px}
#apfUpdates h1 {background-position: 0 -925px}
#cancelSubscription h1 {background-position: 0 -976px}
#myAccount h1 {background-position: 0 -1027px}
#contentRight #newsletter h1 {background-position: 0 -306px}
#home #featuredFilm, #home #sponsors, #home #signUp {background: #fff; margin: 0 0 25px 0; padding: 0 0 14px 0; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px}
#home #featuredFilm h1, #home #sponsors h1 {height: 0; overflow: hidden; display: block; padding-top: 56px; background-image: url("/images/headers.png"); background-repeat: no-repeat}
#home #featuredFilm h1 {background-position: 0 -709px}
#home #sponsors h1 {background-position: 0 -766px; padding-top: 57px}
#home #signUp h1 {background-position: 0 -409px; padding-top: 45px; margin: 0}
#home #sponsors a {vertical-align: top; display: inline-block; margin-left: 20px}
#home #sponsors a:first-child {margin: 0}
#home #sponsors a:hover {-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px}
#ourSponsors {text-align: center}
#ourSponsors #oSContent a {display: inline-block; margin: 20px auto 0}
#ourSponsors #oSContent a:first-child {margin-top: 0}
#ourSponsors #oSContent a:hover {-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px}
#fFVideo {margin: 0 14px 14px 14px}
#fFContent {margin: 14px 14px 0 14px; width: 412px; background: #573a1a; padding: 10px; color: #fff}
#sContent {margin: 14px 14px 0 14px; width: 412px; color: #fff}
#sUContent {margin: 14px 14px 0 14px; width: 412px; background: #a96e2a url(/images/bgSignUp.gif) repeat-x; padding: 10px;color: #fff; min-height: 210px}
#sUContent h3 {color: #392611}
#sUContent p {margin: 0 0 20px 0}
#sUTail {float: right; background:url(/images/bgSignUpTail.gif); height: 26px; width: 21px; display: block; margin: 0 14px 0 0}
#featured {position: relative; overflow: hidden; width: 950px; height: 296px; margin: 0 auto}
#featured ul.ui-tabs-nav {z-index: 2; position: absolute; top: 0; right: 0; list-style: none; width: 138px; height: 100%}
#featured ul.ui-tabs-nav li {padding: 0 0 0 19px}
#featured ul.ui-fragments {position: relative; z-index: 1; display: none}
#featured ul.ui-fragments li {-webkit-mask: url(/images/featuredFilmMask.png); width: 950px; height: 296px}
#featured ul.ui-fragments li h2 {position: absolute; width: 100%; bottom: 0; left: 0; height: 50px; font-size: 175%; margin: 0; background: url(/images/overlay.png); color: #ccc; text-shadow: rgba(0, 0, 0, 0.9) -3px 3px 3px; text-shadow: rgba(0, 0, 0, 0.9) -3px 3px 3px}
#featured ul.ui-fragments li h2 a {display: block; width: 100%; height: 100%; padding: 5px 0 0 70px; position: relative}
#featured ul.ui-fragments li h2 a span {display: block; color: #a96e2a; font-size: 50%; position: absolute; left: 70px; bottom: 12px; text-transform: lowercase}
#featured ul.ui-fragments li h2:hover a {color: #fff; -webkit-transition: none; display: block}
#featured .ui-tabs-panel {width: 950px; height: 296px; position: relative; overflow: hidden}
#featured .ui-tabs-hide {display: none}
#featured li.ui-tabs-nav-item a {display:block; height: 70px; border: solid 2px #000}
#featured ul.ui-tabs-nav li.ui-tabs-selected {background: url(/images/slideshowArrow.png) left 10px no-repeat}
#featured ul.ui-tabs-nav li.ui-tabs-selected a {background: #ccc; border-color: #009091}
#featured ul.ui-tabs-nav li img {display: block; margin: 0; background: #fff}
 #bContent a {color: #261707; font-size: 1.4em; font-weight: bold; width: 210px; display: block; height: 23px; padding: 10px; border-bottom: 1px solid #573a1a}
#bContent a:hover {background: #584025; color: #fff}
#osContent img {width: 69px; margin: 0 auto}
#oSContent a {color: #493429; text-decoration: underline; margin: 5px 0 0 0}
#fCCatalog {margin-top: 20px}
.matches .film {width: 200px; float: left; display: block}
#filmCatalog h2 {background-color: #d5b295; margin: -15px -14px 20px; padding: 15px 22px}
#filmCatalog a {color: black}
#filmCatalog a:hover {color: black; text-decoration: underline}
#filmCatalog select {width: 150px; text-align: left}
#fCDrop02 {margin: 10px 0 20px 0}
#fCDrop03 {margin: 10px 0 0 0}
.currentPage ul, .currentPage li {display: inline-block}
 #film {padding: 30px 115px; margin: 0 auto 10px; position: relative; color: #fff; background: #000 url(/images/bgVideo.gif) left bottom repeat-x}
#film a {text-decoration: underline}
#film h2 {color: #fff}
#film h2 strong {color: #a06827}
#vFSignUp a {height: 0px; width: 116px; display: block; padding-top: 110px; overflow: hidden; background: url(/images/buttons.png) no-repeat; position: absolute; right: 0; bottom: 0}
#viewFilm h4 {margin: 0 0 10px 0; text-decoration: underline !important; font-size: 1.1em}
#vFFullFilmLink {margin: 20px 0 0}
#vFContent {padding: 5px 20px 10px}
#vFColumn01 {float: left; width: 255px}
#vFColumn01 p {margin: 0 0 6px 0}
#vFColumn02 {float: left; width: 330px}
#vFColumn03 {float: right; width: 300px}
#vFColumn03 img {float: left; margin: 0 10px 10px 0}
#vFFilm {display: block; margin: 0 auto; width: 720px; height: 429px;  }
#home #vFFilm {width: 432px; height: 267px; background: #000 url('/images/ff-thumb.jpg') left top no-repeat}
#vSContent a {color: black !important;}
#home #signUp .signUpBanner {display: block; position: relative; left: 14px; margin-top: 12px}
 .copy {line-height: 1.5em}
.copy ol, .copy ul {margin-left: 20px}
.copy ul {list-style: disc}
.copy ol {list-style: decimal}
.copy li {margin-bottom: 10px}
.copy p, .copy h2, .copy h3 {margin-bottom: 15px}
 input[type=submit].button {background-image: url(/images/buttons.png); background-repeat: no-repeat; border: 0; background-color: white; float: right; height: 32px; display: block; text-indent: -9999em; letter-spacing: -9999em}
input[type=submit].login {background-position: 0 -210px; width: 86px}
input[type=submit].subscribe {background-position: 0 -242px; width: 131px}
input[type=submit].update {background-position: -86px -210px; width: 99px}
input.link-button {padding: 4px 6px; background-color: #fdeacc; background: -webkit-gradient(linear, left top, left bottom, from(#fdeacc), to(#d1ba97)); border: solid 1px #f0c075; border-radius: 10px; font-size: 1em; -webkit-box-shadow: 0 0 3px #333; -moz-box-shadow: 0 0 3px #333; -o-box-shadow: 0 0 3px #333; color: #573a1a}
input:hover.link-button {background-color: #fce2b9; background: -webkit-gradient(linear, left top, left bottom, from(#fce2b9), to(#f0c075)); -webkit-box-shadow: 0 0 4px #000; -moz-box-shadow: 0 0 4px #000; -o-box-shadow: 0 0 4px #000; color: #000; display: inline}
.content form input[type="submit"].link-button {float: none}
.button-to, .button-to * {display: inline}
 #mainNav {clear: both; width: 330px; height: 30px; bottom: 0; right: 0; position: absolute; background: #009899 url(/images/bgMainNav.jpg) no-repeat; margin: 44px 0 0 17px}
#mainNav li {display: inline}
#mainNav a {height: 0; padding-top: 30px; overflow: hidden; display: inline-block; float: left}
#navExplore {width: 202px}
#navExplore:hover {background: url(/images/bgMainNav.jpg) 0 -30px no-repeat}
#navAbout {width: 128px}
#navAbout:hover {background: url(/images/bgMainNav.jpg) -202px -30px no-repeat}
#navSign {width: 110px }
#navSign:hover {background: url(/images/bgMainNav.jpg) -309px -30px no-repeat}
#vSNav {height: 35px; width: 735px; position: absolute; top: 0; right: 0}
#vSNav li {display: inline-block; margin: 0; padding: 0; vertical-align: top}
#vSNav a {background-image: url(/images/bgVSNav.png); background-repeat: no-repeat; height: 0; padding-top: 35px; overflow: hidden; display: inline-block}
#similarByGenre {background-position: 0 0; width: 144px}
#similarByGenre:hover {background-position: 0 -53px}
#similarByGenre.selected {background-position: 0 -106px}
#similarByTheme {background-position: -144px 0; width: 167px}
#similarByTheme:hover {background-position: -144px -53px}
#similarByTheme.selected {background-position: -144px -106px}
#similarByFilmMaker {background-position: -311px 0; width: 227px}
#similarByFilmMaker:hover {background-position: -311px -53px}
#similarByFilmMaker.selected {background-position: -311px -106px}
#similarByCountry {background-position: -538px 0; width: 197px}
#similarByCountry:hover {background-position: -538px -53px}
#similarByCountry.selected {background-position: -538px -106px}
html, body {height: 100%}
div#fancy_overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666; display: none; z-index: 30}
* html div#fancy_overlay {position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')}
div#fancy_wrap {text-align: left}
div#fancy_loading {position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100}
div#fancy_loading div {position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('/images/fancybox/fancy_progress.png') no-repeat}
div#fancy_loading_overlay {position: absolute; background-color: #FFF; z-index: 30}
div#fancy_loading_icon {position: absolute; background: url('/images/fancybox/fancy_loading.gif') no-repeat; z-index: 35; width: 16px; height: 16px}
div#fancy_outer {position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 33px 18px; margin: 0; overflow: hidden; background: transparent; display: none}
div#fancy_inner {position: relative; width:100%; height:100%; border: 1px solid #BBB; background: #FFF}
div#fancy_content {margin: 0; z-index: 100; position: absolute}
div#fancy_div {background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100}
img#fancy_img {position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%}
div#fancy_close {position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('/images/fancybox/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none}
#fancy_frame {position: relative; width: 100%; height: 100%; display: none}
#fancy_ajax {width: 100%; height: 100%; overflow: auto}
a#fancy_left, a#fancy_right {position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url(data:image/gif;base64,AAAA); outline: none}
a#fancy_left {left: 0px}
a#fancy_right {right: 0px}
span.fancy_ico {position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block}
span#fancy_left_ico {left: -9999px; background: transparent url('/images/fancybox/fancy_left.png') no-repeat}
span#fancy_right_ico {right: -9999px; background: transparent url('/images/fancybox/fancy_right.png') no-repeat}
a#fancy_left:hover {visibility: visible}
a#fancy_right:hover {visibility: visible}
a#fancy_left:hover span {left: 20px}
a#fancy_right:hover span {right: 20px}
.fancy_bigIframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent}
div#fancy_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0}
div.fancy_bg {position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0}
div.fancy_bg_n {top: -18px; width: 100%; height: 18px; background: transparent url('/images/fancybox/fancy_shadow_n.png') repeat-x}
div.fancy_bg_ne {top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('/images/fancybox/fancy_shadow_ne.png') no-repeat}
div.fancy_bg_e {right: -13px; height: 100%; width: 13px; background: transparent url('/images/fancybox/fancy_shadow_e.png') repeat-y}
div.fancy_bg_se {bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('/images/fancybox/fancy_shadow_se.png') no-repeat}
div.fancy_bg_s {bottom: -18px; width: 100%; height: 18px; background: transparent url('/images/fancybox/fancy_shadow_s.png') repeat-x}
div.fancy_bg_sw {bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('/images/fancybox/fancy_shadow_sw.png') no-repeat}
div.fancy_bg_w {left: -13px; height: 100%; width: 13px; background: transparent url('/images/fancybox/fancy_shadow_w.png') repeat-y}
div.fancy_bg_nw {top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('/images/fancybox/fancy_shadow_nw.png') no-repeat}
div#fancy_title {position: absolute; bottom: -33px; left: 0; width: 100%; z-index: 100; display: none}
div#fancy_title div {color: #FFF; font: bold 12px Arial; padding-bottom: 3px}
div#fancy_title table {margin: 0 auto}
div#fancy_title table td {padding: 0; vertical-align: middle}
td#fancy_title_left {height: 32px; width: 15px; background: transparent url(/images/fancybox/fancy_title_left.png) repeat-x}
td#fancy_title_main {height: 32px; background: transparent url(/images/fancybox/fancy_title_main.png) repeat-x}
td#fancy_title_right {height: 32px; width: 15px; background: transparent url(/images/fancybox/fancy_title_right.png) repeat-x}