@charset "utf-8";
/* CSS Document */
@import 'riff-common.css';

/*---------------------------------------------- STANDARD INTERNAL --------------------------------------------*/
.contentcontainer { min-height: 200px; height: auto !important; height: 200px; }
.contentcontainer .left-column { float: left; width: 503px;}
.contentcontainer .right-column { float: right; width: 221px;}

.contentcontainer ul {margin: 10px 0 10px 15px;}
.contentcontainer ol {margin: 10px 0 10px 15px;}

.contentcontainer table {border: 1px solid #878787;}
.contentcontainer table td {padding: 5px; text-align: left; }
.contentcontainer table th {border-bottom: 1px solid #878787; padding: 5px; }

.contentleft { float: left; width: 360px; }
.contentright { float: right; width: 360px; }

/*---------------------------------------------- FILM LANDING -------------------------------------------------*/

.film-thumb { background: #1b1b1b; float: left; height: 165px; margin: 0 8px 15px 8px; position: relative; width: 140px; z-index: 1 !important; }
.film-thumb a { display: block; text-decoration: none; }
.film-thumb:hover {border: 1px solid #999; margin: -1px 7px 14px 7px;}
.film-thumb.last {margin-right: 0;}
.film-thumb.first {margin-left: 0;}
.film-thumb.last:hover {margin-right: -1px;}
.film-thumb.first:hover {margin-left: -1px;}

.film-thumb img {height: 106px; width: 140px;}
.film-thumb span.film_teaser { display: block; width: 126px; color: #999; line-height: 120%; padding: 7px 7px 0 7px; }
.film-thumb a:hover span.film_teaser {color: #ffffff; text-decoration: none;}

.modal-outer {background: url(images/modal_background.png) no-repeat; color: #323232; height: 261px !important; left: 5px; padding: 0; position: absolute; top: 155px; width: 370px !important; z-index: 99;}
* html .modal-outer {background: url(images/modal_background.gif) no-repeat;} /* png fix prevented links, below, from working */
.modal-inner {height: 235px !important; padding: 26px 26px 0 32px; position: relative; width: 312px !important; z-index: 99;}

.modal-outer.soldout { background: url(images/modal_background_soldout.png) no-repeat; }
.modal-outer.unavailable { background: url(images/modal_background_unavailable.png) no-repeat; }

* html body .modal-outer.soldout { background: url(images/modal_background_soldout.gif) no-repeat !important; }
* html body .modal-outer.unavailable { background: url(images/modal_background_unavailable.gif) no-repeat !important; }

.modal-inner .arrow { height: 11px; position: absolute; width: 17px; z-index: 999;}
.modal-inner .arrow.left-top {background: url(images/modal-arrow-up.png) no-repeat; left: 40px; top: 3px;}
.modal-inner .arrow.center-top {background: url(images/modal-arrow-up.png) no-repeat; left: 150px; top: 3px;}
.modal-inner .arrow.right-top {background: url(images/modal-arrow-up.png) no-repeat; right: 40px; top: 3px;}
* html .modal-inner .arrow.left-top,
* html .modal-inner .arrow.center-top,
* html .modal-inner .arrow.right-top {top: 0; background-image: url(images/modal-arrow-up-ie.gif); top: 5px; }

.modal-inner .arrow.left-bottom {background: url(images/modal-arrow-down.png) no-repeat; bottom: 3px; left: 40px;}
.modal-inner .arrow.center-bottom {background: url(images/modal-arrow-down.png) no-repeat; bottom: 3px; left: 150px;}
.modal-inner .arrow.right-bottom {background: url(images/modal-arrow-down.png) no-repeat; bottom: 3px; right: 40px;}
* html .modal-inner .arrow.left-bottom,
* html .modal-inner .arrow.center-bottom,
* html .modal-inner .arrow.right-bottom { background-image: url(images/modal-arrow-down-ie.gif); bottom: -1px }

.modal-inner em {font-size: 12px;}
.modal-inner p {font-size: 12px; margin: 10px 0 8px 0;}
.modal-inner p.sessioninfo {bottom: 45px; left: 32px; position: absolute;}
.modal-inner a {display: block; position: absolute; text-indent:-9999px;}
.modal-inner a:hover {background: url(images/modal-hover-tick.gif) no-repeat 11px 6px;}
.modal-inner a.moreinfo {bottom: 11px; height: 29px; left: 14px; width: 108px; }
.modal-inner a.addtoshortlist {bottom: 11px; height: 29px; left: 119px; width: 126px;}
.modal-inner a.buytickets {bottom: 11px; height: 29px; right: 14px; width: 108px;}

.modal-outer.soldout a.addtoshortlist,
.modal-outer.unavailable a.addtoshortlist,
.modal-outer.soldout a.buytickets,
.modal-outer.unavailable a.buytickets { display: none; } 

#filmArchive{ border:none;}
#filmArchive td{ padding:0px; margin:0px; background-color:#1B1B1B; text-align:center;}
#filmArchive img{ padding:15px 15px 10px 15px;}
#filmArchive .lastRow td{ padding:0 0 10px 0;}
#filmArchive .pdf{color:#dc1d18; font-size:82%;}


/*---------------------------------------------- FILM PROFILE -------------------------------------------------*/
#filmselector { border-bottom: 1px solid #252525; height: 97px; margin: -36px 0 17px -22px; position: relative; width: 939px; overflow: hidden; }
#filmselector img#leftscroll {left: 15px; position: absolute; top: 40px;}
#filmselector img#rightscroll {position: absolute; right: 10px; top: 40px; }
#filmselector #imagescroller {float: left; height: 58px; margin: 25px 0 0 54px; overflow: hidden; width: 842px; z-index: 1;}
#filmselector #imagescroller ul { list-style: none; }
#filmselector #imagescroller ul li {padding: 1px; margin:1px;}
#filmselector #imagescroller ul li a {display: block; float: left; height: 58px; margin: 0 6px 0 0; position: relative; width: 50px; z-index: 2;}
#filmselector #imagescroller ul li a span {display: none; text-decoration: none; height: 20px;}
#filmselector #imagescroller ul li a:hover { text-decoration: none;}
#filmselector #imagescroller ul li a:hover span { bottom: -2px; color:#999999; display: block; left: 0; position: absolute; text-decoration: none; width: 300px; z-index: 99; }

* html #filmselector { margin-left: 0; margin-right: 0; }
* html #filmselector #imagescroller {float: left; height: 58px; margin: 25px 0 0 25px; overflow: hidden; width: 842px; z-index: 1; }
* html #film-details-container { padding: 0 0 0 25px; }


#filmprofilewrapper {background: url(images/film-profile-background.gif) repeat-y 456px 0; border: 1px solid #252525; float: left; position: relative; width: 885px;}

#filmprofilewrapper .filmsynopsis { background: url(images/profile-hdr.gif) repeat-x 0 0; float: left; padding: 3px 26px 30px 19px; width: 411px; min-height: 400px; height: auto !important; height: 400px; }
* html #filmprofilewrapper .filmsynopsis {}

#filmprofilewrapper .screeningtimes {background: url(images/profile-hdr.gif) repeat-x 0 0; border-right: 1px solid #252525; float: left; height: 131px; padding:3px 26px 10px 17px; width: 178px;}
#filmprofilewrapper .screeningtimes dt {float: left; font-weight: bold; line-height: 130%; padding: 2px 0 2px 0; width: 107px;}
#filmprofilewrapper .screeningtimes dd { line-height: 130%; padding: 2px 0 2px 0;}


#filmprofilewrapper .tickets {background: url(images/profile-hdr.gif) repeat-x 0 0; float: right; height: 143px; padding: 0; width: 206px;}
#filmprofilewrapper .tickets h3 {margin: 3px 0 0 19px;}
#filmprofilewrapper .tickets a.buyticket {background: url(images/buy-tickets.gif) no-repeat 19px 50%; display: block; height: 59px; text-indent: -9999px; width: 205px;}
#filmprofilewrapper .tickets a.addtoshortlist {background: url(images/add-to-my-shortlist.gif) no-repeat 19px 50%; border-top: 1px solid #252525; display: block; height: 58px; text-indent: -9999px; width: 205px;}
#filmprofilewrapper .tickets span.buyticket {background: url(images/buy-tickets_grey.gif) no-repeat 19px 50%; display: block; height: 59px; text-indent: -9999px; width: 205px;}
#filmprofilewrapper .tickets span.soldOut {background: url(images/sold-out.gif) no-repeat 19px 50%; display: block; height: 59px; text-indent: -9999px; width: 205px;}
#filmprofilewrapper .tickets span.addtoshortlist {background: url(images/add-to-shortlist_grey.gif) no-repeat 19px 50%; border-top: 1px solid #252525; display: block; height: 58px; text-indent: -9999px; width: 205px;}
#filmprofilewrapper .filmstills { float: left; height: 359px; padding:3px 8px 10px 8px; width: 413px; background: url(images/profile-hdr.gif) repeat-x 0 0; }
/** html #filmprofilewrapper .filmstills { float: right; position: relative; } */
#filmprofilewrapper .filmstills h3 {margin-bottom: 8px;}
#filmprofilewrapper .filmstills img.filmstill {margin: 0 0 9px 0;}
* html #filmprofilewrapper .filmstills img.fright {float: none; position: absolute; right: 8px; top: 300px;}
#filmprofilewrapper p a {padding: 0 11px; margin: 0 0 0 -8px;}

.filmstills #vimeo { margin-bottom: 10px; width: 411px; height: 260px; }

.striked{ text-decoration: line-through; }

/*---------------------------------------------- Shortlist Base Bar -----------------------------------------------*/
* html #jqFooterView { height: 64px; }
#shortlistbar {background: url(images/shortlistbar-background.gif) repeat-x; bottom: 0px; height: 64px; padding: 0; margin: 0; position: fixed; width: 100%; z-index: 8000; }
* html body #shortlistbar {bottom: -1px; /*position: absolute;*/ }

#shortlistbar #barcontainer {background: url(images/barcontainer-background.gif) no-repeat 0 11px; height: 64px; margin: 0 auto; text-align: left; width: 930px; }
#shortlistbar #barcontainer input.text {color: #7f7f7f; float: left; font-size: 10px; margin: 34px 0 0 0;}
#shortlistbar #barcontainer input.button {float: left; margin: 34px 0 0 5px;}

#shortlistbar .selectedfilms { float: left; width: auto; height: 37px; padding: 15px 0 0 24px; position: relative; }
#shortlistbar .selectedfilms .filmthumb { float: left; height: 37px; margin: 0 14px 0 0; position: relative; width: 50px; }
#shortlistbar .selectedfilms .filmthumb img { border: none; }
#shortlistbar .selectedfilms .filmthumb.last {margin: 0;}
#shortlistbar .selectedfilms a.remove { display: block; font-size: 10px; height: 10px; position: absolute; right: -3px; z-index: 999; text-indent: -9999px; text-decoration: none; top: -3px; width: 10px; background: url(images/remove-shortlist-item.png) no-repeat; }
* html #shortlistbar .selectedfilms a.remove {background: url(images/remove-shortlist-item.gif) no-repeat; }
#shortlistbar .selectedfilms a.remove:hover span {background: #2a2a2a; display: block; padding: 2px 5px; margin: -10px 0 0 10px; text-decoration: none; text-indent: 0; width: 40px; position: absolute; top: -1px; left: 1px; z-index: 9999; }

#shortlistbar .selectedfilms .filmthumb.s1 { z-index: 200; }
#shortlistbar .selectedfilms .filmthumb.s2 { z-index: 190; }
#shortlistbar .selectedfilms .filmthumb.s3 { z-index: 180; }
#shortlistbar .selectedfilms .filmthumb.s4 { z-index: 170; }
#shortlistbar .selectedfilms .filmthumb.s5 { z-index: 160; }
#shortlistbar .selectedfilms .filmthumb.s6 { z-index: 150; }
#shortlistbar .selectedfilms .filmthumb.s7 { z-index: 140; }
#shortlistbar .selectedfilms .filmthumb.s8 { z-index: 130; }
#shortlistbar .selectedfilms .filmthumb.s9 { z-index: 120; }
#shortlistbar .selectedfilms .filmthumb.s10 { z-index: 110; }
#shortlistbar .selectedfilms .filmthumb.s11 { z-index: 100; }
#shortlistbar .selectedfilms .filmthumb.s12 { z-index: 90; }
#shortlistbar .selectedfilms .filmthumb.s13 { z-index: 80; }
#shortlistbar .selectedfilms .filmthumb.s14 { z-index: 70; }
#shortlistbar .selectedfilms .filmthumb.s15 { z-index: 60; }





/*---------------------------------------------- NEWS & MEDIA -----------------------------------------------*/

a.backtonews {background: url(images/redarrow.gif) no-repeat 0 50%; display: block; padding: 0 0 0 7px;}
p.date {font-weight: bold; margin: 0 0 10px 0;}
.hr {border-top: 1px solid #424242; margin: 0 0 17px 0;}

/*---------------------------------------------- GALLERY --------------------------------------------------------*/
.gallery-wrap { float: left; width: auto; margin: 0 0 20px 0; }
.gallery-wrap img {float: left; margin: 0 16px 16px 0;}
.gallery-wrap img.last {margin-right: 0;}

/*---------------------------------------------- MASTERCLASS/BUY PASSES/BUY TICKETS -----------------------------*/
#masterclass, #masterclasscard, #workshopsession, #checkout {border: none; margin: 20px 0 42px 0; width: 100%; }
#masterclass td, #workshopsession td, #checkout td {text-align: center;}

#masterclass th {border-bottom: 1px solid #252525; font-size: 120%; padding: 6px 0; font-weight: normal; text-align: left; }
#masterclass td {border-bottom: 1px solid #252525; font-size: 108%; padding: 6px 0;}
#masterclass input { height: 19px; width: 254px; font-family: Arial, Helvetica, sans-serif; }
#masterclass select { font-family: Arial, Helvetica, sans-serif; }
#masterclass input.checkbox { width: 25px; }
#masterclass span.hiddenMembershipDetails { display: none; }

#masterclasscard th { width: 160px; border-bottom: 1px solid #252525; font-size: 120%; padding: 6px 0; font-weight: normal; text-align: left; }
#masterclasscard td {border-bottom: 1px solid #252525; font-size: 108%; padding: 6px 0;}
#masterclasscard input { height: 19px; width: 254px; font-family: Arial, Helvetica, sans-serif; }
#masterclasscard select { font-family: Arial, Helvetica, sans-serif; }
#masterclasscard input.cc-num { width: 55px; }

#workshopsession {border-left: 1px solid #252525; border-top: 1px solid #252525;}
#workshopsession tr.hdr td {background: #131313; border-bottom: none; border-right: 1px solid #252525; padding: 5px 15px; }
#workshopsession td {border-bottom: 1px solid #252525; border-right: 1px solid #252525; padding: 15px; vertical-align: top; }
#workshopsession tr.hdr td.fullprice {border-right: none;}
#workshopsession td h4 a {display: block; margin: 0 0 5px 0; text-decoration: underline;}
#workshopsession td select {width: 40px;}
#workshopsession td.workshop-details { text-align: left; width: 334px; }

input#submit {margin: 0 0 31px 290px;}

#successsummary {background: #131313; border: none; margin: 20px 0 42px 0; width: 100%; }
#successsummary td {padding: 18px 0 12px 12px;}
#successsummary td.info {border-bottom: 1px solid #252525; border-right: 1px solid #252525;}
#successsummary td.id {border-bottom: 1px solid #252525; color: #8fc947; font-weight: bold;}
#successsummary td.total {border-bottom: 1px solid #252525; font-size: 14px; font-weight: bold;}
#successsummary td.total span {color: #8fc947;}

#ticketsselected { border: 1px solid #252525; margin: 20px 0 42px 0; width: 100%; }
#ticketsselected tr.hdr td {background: #131313; }
#ticketsselected td, #ticketsselected th {padding: 12px;}
#ticketsselected .b {border-bottom: 1px solid #252525;}
#ticketsselected .r {border-right: 1px solid #252525;}
#ticketsselected .l {border-left: 1px solid #252525;}
#ticketsselected .t {border-top: 1px solid #252525;}
#ticketsselected th {font-size: 14px;}
#ticketsselected td.total {font-size: 14px; font-weight: bold;}
#ticketsselected td.total span {color: #8fc947;}

.paymentcontrols { padding: 0 0 0 140px; }
#goreturn { display: block; margin: 0 4px 36px 0; float: left; width: auto; }
input#gopay { margin: 0 0 36px 0; float: left; width: auto; }

#checkout {border: 1px solid #252525; margin: 20px 0 10px 0;}
\ html #checkout {margin: 60px 0 10px 0;}
#checkout td {padding: 4px;}
#checkout td input {width: 25px;}
#checkout tr:hover {background: #131313;}
#checkout tr.hdr td {background: #131313;}
#checkout tr.hdr td.film {padding-left: 11px;}
#checkout th {border: none; font-size: 14px; padding-top: 10px;}
#checkout table {border: none;}
#checkout table#screeningtimes {margin: 0 0 0 15px; width: 160px;}
#checkout table#screeningtimes tr.selected {color: #8fc947}
#checkout table#screeningtimes td {padding: 7px 0; text-align: left; }
#checkout .b {border-bottom: 1px solid #252525;}
#checkout .r {border-right: 1px solid #252525;}
#checkout .l {border-left: 1px solid #252525;}
#checkout .t {border-top: 1px solid #252525;}
#checkout .tixscreeningtimes,
#checkout .tixscreeningtimes table { width: 170px; }
#checkout .ticknum,
#checkout .ticknum table { width: 95px; }
#checkout .filmthumb { width: 155px; }


#shoppingbasket {background: url(images/shopping-basket.gif) no-repeat 19px 0; color: #8fc947; font-weight: bold; padding: 5px 0 0 59px;}
#shoppingbasket strong {color: #fff;}

#paymentend { position: relative; }
#paymentend a#print-transaction { display: block; width: 133px; height: 26px; background: url(images/print-transaction.gif) no-repeat; top: -75px; right: -50px; position: absolute; text-decoration: none; }
#paymentend a#print-transaction span { visibility: hidden; }
* html body #paymentend a#print-transaction { right: 40px; }


/* Search Results */
#searchresultsform { border-bottom: 1px solid #333; padding: 10px 0; margin-bottom: 30px; }
#searchresultsform table { border: none; }
#searchresultsform td { padding-left: 0px; }
#searchresultsform input.text,
#searchresultsform select { width: 230px; font-family: Arial, Helvetica, sans-serif; margin-right: 13px; }
#searchresultsform input.searchSubmit { font-family: Arial, Helvetica, sans-serif; padding-right: 8px; padding-left: 8px; font-size: 11px; }

.search-suggestion { padding: 5px 0 0 0; }
.search-suggestion a { color: #d31125; font-weight: bold; font-style: italic; padding-right: 2px; }

.searcherror { font-size: 115%; text-align: center; }
.searcherror strong { color: #d31125; padding: 0 2px; }

.searchpagenation { padding: 15px 0 5px 0; border-top: 1px solid #333; }
.searchpagenation span { display: block; text-align: center; }
.searchpagenation span span.current-page { display: inline; padding: 0 4px; margin: 0 1px; font-weight: bold; background: #333; }
.searchpagenation span a { padding: 0 4px; margin: 0 1px; }
.searchpagenation span a:hover { color: #d31125; text-decoration: none; }
.searchpagenation .previouspage { float: left; width: auto; }
.searchpagenation .nextpage { float: right; width: auto; }

.searchresult { padding: 0 0 30px 0; }
.searchresult a { font-size: 115%; font-weight: bold; }
.searchresult a span { color: #666; }
.searchresult:hover a { text-decoration: none; color: #d31125; }
.searchresult .searchsummary { padding-top: 8px; color: #EBEBEB; }
.searchresult .searchsummary span { background: #404040 !important; color: #fff; padding: 0 2px; font-weight: bold; }


/* Partner Logos */
table.partner-logos td {text-align: center;}

.imgleft { float: left; width: auto; padding: 0 15px 15px 0; }
.imgright { float: right; width: auto; padding: 0 0 15px 15px; }


/* 2007-2008 archive */ 

table.filmArchive{ border:1px solid #252525;}
table.filmArchive tr td{ border-bottom:1px solid #252525;}
table.filmArchive .lastRow td{ border:none;}
table.filmArchive th{ border:none; background: url(images/profile-hdr.gif) repeat;}
table.filmArchive .filmThumb{ margin:0px; padding:18px; width:141px;}
table.filmArchive .filmDesc{ margin:0px; padding-top:18px;}

/* Newsletter signup */
#mc_embed_signup {width: 232px;}
#mc_embed_signup form {font-family: Arial; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; font-size-adjust: none; font-stretch: normal; }

#mc_embed_signup fieldset {margin: 0.5em 0pt; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; padding-top: 1.5em;}

#mc-embedded-subscribe-form legend {padding: 0.5em 1em; text-transform: capitalize; font-weight: bold; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; font-size: 1.2em;}

.mc-field-group {margin: 1.3em 5%; overflow: hidden; clear: both;}
.mc-field-group label {margin: 0.3em 0pt; display: block; line-height: 1em; font-weight: bold;}
.mc-field-group input#mce-EMAIL {padding: 0.2em 0.3em; margin-right: 1.5em; width: 95%; float: left; z-index: 999}

#mce-responses {margin: 0pt 5%; padding: 0em 0.5em; overflow: hidden; float: left; top: -1.4em; width: 90%; clear: both}
#mce-error-response {margin: 1em 0pt; padding: 1em 0.5em 0.5em 0pt; display: none; font-weight: bold; float: left; top: -1.5em; z-index: 1; width: 80%}
#mce-success-response {margin: 1em 0pt; padding: 1em 0.5em 0.5em 0pt; display: none; font-weight: bold; float: left; top: -1.5em; z-index: 1; width: 80%}

#mc-embedded-subscribe {margin: 1em 0pt 1em 5%; clear: both; width: auto; display: block}