/* v1.0 | 20080212 */

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;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Basic Elements */
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; }

/* Functional */
/* -- Clears item with floats in it */
form:after,
.groupList > li:after,
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Presentational */
.allCaps	{ text-transform:uppercase; }
.fl			{ float: left; }
.fr			{ float: right; }
.cb			{ clear: both; }
.hidden		{ display: none; }

#filmCatalogNav                 { position: relative; }
.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;}
#filmCatalog #categorySelect    { position: absolute; right: 15px; top: 0; width: 200px; }
.nlSignUp	{ float: right; background: white url(/images/buttons.png) -116px 0px no-repeat;
			  width: 70px; height: 23px; border: 0; display: inline-block; }

/* [=forms] */
.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 .card-logos  { float: right; position: relative; right: 5px; margin-bottom: 10px; }
.content form#subscription input[type="text"] { width: 165px; } 

/* [=errors] */
.errors					{ margin: 10px 0; border: solid 1px #d00; background-color: #fff7ee; color: #d00; padding: 10px; }
.errors h3				{ line-height: 150%; }
.fieldWithErrors		{ display: inline; }
.fieldWithErrors input	{ border: solid 3px red !important;}
.errors ul				{ list-style: disc; margin: 10px 0; padding-left: 20px; }
.errors li				{ margin: 5px 0; line-height: 150%; }

/* [=search] */
#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; }

/* [=signup] */
.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; }

/* [=film_search_result] */
.videoThumbnail			{ margin: 0 0 20px 9px; 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;}

/* [=layout] */
#content	{ width: 950px; margin: 0 auto; position: relative; border-top: 8px solid #009091; padding: 20px 0 0 0; }

/* [=header] */
#headerWrapper	{ background: url(/images/bgBody.jpg) no-repeat top center; }
#header			{ height: 116px; display: block; background: #fff7ee; position: relative; width: 950px; margin: 0 auto; }
#header img { float: left;}
#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; color: white; }
#loginTop a			{ margin-left: 20px; }
#loginTop a:first-child { margin-left: 0; }
#loginTop a:hover	{ background: #a96e2a; }

/* [=footer] */
#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] */
.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; }

/* SUB PAGES */
#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; }

/* [=film] */
#viewFilm				{ padding: 0; }
#viewSimilar			{ position: relative; padding: 0; }
#vSContent				{ padding: 15px 14px 5px; }
#vSContentFilms			{ min-height: 257px; }

/* [=header_sprites] */
#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; }

/* FILM CATALOG */
#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; }
.videoThumbnail .info { color: #777; }
.videoThumbnail a:link,
.videoThumbnail a:visited { color: #a86e2a; }
.videoThumbnail a:hover,
.videoThumbnail a:active { color: #be9360; text-decoration: underline; }
.videoThumbnail a.film-link:link,
.videoThumbnail a.film-link:visited { border: solid 1px #a86e2a; padding: 2px 4px; border-radius: 5px; text-decoration: none; margin: 3px 0; display: inline-block; background-color: #e9dbca; }
.videoThumbnail a.film-link:hover,
.videoThumbnail a.film-link:active { color: #000; border-color: #7e5320; background-color: #be9360; }

#filmCatalog h2			{ background-color: #d5b295; margin: -15px -14px 20px; padding: 15px 22px; }
#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] */
#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; }
#vFColumn02 .summary { line-height: 1.5; text-align: justify; }
#vFColumn03			{ float: right; width: 300px; }
#vFColumn03 img		{ float: left; margin: 0 10px 10px 0; }

#vFFilm				{ display: block; margin: 0 auto; width: 720px; height: 429px; /* 360 for video, 24 for control bar */ }
#vFPlayer img		{ max-width: 720px; }
#home #vFFilm		{ width: 432px; height: 267px; background: #000 url('/images/ff-thumb.jpg') left top no-repeat; }

#home #signUp .signUpBanner { display: block; position: relative; left: 14px; margin-top: 12px; }

/* [=copy] */
.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; }

/* [=buttons] */
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; }

/* NAV */
#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; }


/*
 * 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/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/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/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/fancybox/fancy_title_left.png') repeat-x;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background: transparent url('/images/fancybox/fancy_title_main.png') repeat-x;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background: transparent url('/images/fancybox/fancy_title_right.png') repeat-x;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('/images/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: transparent url('/images/fancybox/fancy_nav_left.png') no-repeat;
}

#fancybox-right-ico {
	background: transparent url('/images/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/fancybox/fancy_shadow_n.png') repeat-x;
}

div#fancy-bg-ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_ne.png') no-repeat;
}

div#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_e.png') repeat-y;
}

div#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_se.png') no-repeat;
}

div#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_s.png') repeat-x;
}

div#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_sw.png') no-repeat;
}

div#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_w.png') repeat-y;
}

div#fancy-bg-nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_nw.png') no-repeat;
}
/* Added by Jeremy Weiland for the flash display */
ul.flash { margin: 0 40%; text-align: center; font-size: .75em;}
ul.flash li {  padding: 1em; font-weight: bold; color: black; }
ul.flash li.notice { background: yellow; }
ul.flash li.error { background: red; }