/* The MIT License Copyright © 2007 Harald Kirschner ñ http://digitarald.de Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the ìSoftwareî), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED ìAS ISî, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ /* MK: Modified from http://digitarald.de/project/autocompleter/ to match b-side styles */ /* div.autocompleter-loading { float: left; clear: right; background: #fff url(images/spinner.png) no-repeat center; width: 20px; height: 16px; } */ ul.autocompleter-choices { position: absolute; margin: 0; padding: 0; list-style: none; background-color: white; border-right-color: #ddd; border-bottom-color: #ddd; text-align: left; font-family: Arial, Helvetica, sans-serif; z-index: 50; } body ul.autocompleter-choices { border: 1px solid #eee; } ul.autocompleter-choices li { position: relative; padding: 0.1em 1.5em 0.1em 1em; cursor: pointer; font-weight: normal; font-size: 10px; color: black; } ul.autocompleter-choices li.autocompleter-selected { background-color: #959595; color: #fff; } ul.autocompleter-choices span.autocompleter-queried { /* font-weight: bold;*/ font-weight: 900; } ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried { color: #56004E; } /* -------------------------------------------------------------- Grid.css * Version: 0.5 (28/8/2007) * Website: http://code.google.com/p/blueprintcss/ Based on work by: * Olav Bjorkoy [bjorkoy.com] * Nathan Borror [playgroundblues.com] * Jeff Croft [jeffcroft.com] * Christian Metts [mintchaos.com] * Khoi Vinh [subtraction.com] If you need fewer or more columns, use this formula to find the new total width: Total width = (columns * 30) - 10 -------------------------------------------------------------- */ body { text-align: center; /* IE6 Fix */ margin:36px 0; //margin:0px; } /* A container should group all your columns. */ #bs_outerContainer { text-align: left; position: relative; padding: 0; margin: 0 auto; /* Centers layout */ /* Total width set in variation-specific css */ } /* Columns -------------------------------------------------------------- */ /* Use this class together with the .bs_spanX classes to create any compsition of columns in a layout. Nesting columns works like a charm (remember .bs_first and .bs_last).*/ #bs_outerContainer .bs_column { float: left; margin-right: 1%; padding: 0; } * html #bs_outerContainer .bs_column { overflow-x: hidden; } /* IE6 fix */ /* Add this class to a column if you want a border on its right hand side.This should be customized to fit your needs.*/ #bs_outerContainer .bs_border { padding-right: 1%; } /* Use these classes to set how wide a column should be.*/ #bs_outerContainer .bs_span-1 { width: 4%; } #bs_outerContainer .bs_span-2 { width: 9%; } #bs_outerContainer .bs_span-3 { width: 14%; } #bs_outerContainer .bs_span-4 { width: 19%; } #bs_outerContainer .bs_span-5 { width: 24%; } #bs_outerContainer .bs_span-6 { width: 29%; } #bs_outerContainer .bs_span-7 { width: 34%; } #bs_outerContainer .bs_span-8 { width: 39%; } #bs_outerContainer .bs_span-9 { width: 44%; } #bs_outerContainer .bs_span-10 { width: 49%; } #bs_outerContainer .bs_span-11 { width: 54%; } #bs_outerContainer .bs_span-12 { width: 59%; } #bs_outerContainer .bs_span-13 { width: 64%; } #bs_outerContainer .bs_span-14 { width: 69%; } #bs_outerContainer .bs_span-15 { width: 74%; } #bs_outerContainer .bs_span-16 { width: 79%; } #bs_outerContainer .bs_span-17 { width: 84%; } #bs_outerContainer .bs_span-18 { width: 89%; } #bs_outerContainer .bs_span-19 { width: 94%; } #bs_outerContainer .bs_span-20 { width: 99%; margin: 0; } /* The last element in a multi-column block needs this class .*/ #bs_outerContainer .bs_last { margin-right: -1%; } /* Add these to a column to append empty cols.*/ #bs_outerContainer .bs_append-1 { padding-right: 40px; } #bs_outerContainer .bs_append-2 { padding-right: 80px; } #bs_outerContainer .bs_append-3 { padding-right: 120px; } #bs_outerContainer .bs_append-4 { padding-right: 160px; } #bs_outerContainer .bs_append-5 { padding-right: 200px; } #bs_outerContainer .bs_append-6 { padding-right: 240px; } #bs_outerContainer .bs_append-7 { padding-right: 280px; } #bs_outerContainer .bs_append-8 { padding-right: 320px; } #bs_outerContainer .bs_append-9 { padding-right: 360px; } #bs_outerContainer .bs_append-10 { padding-right: 400px; } #bs_outerContainer .bs_append-11 { padding-right: 440px; } #bs_outerContainer .bs_append-12 { padding-right: 480px; } /* Add these to a column to prepend empty cols.*/ #bs_outerContainer .bs_prepend-1 { padding-left: 40px; } #bs_outerContainer .bs_prepend-2 { padding-left: 80px; } #bs_outerContainer .bs_prepend-3 { padding-left: 120px; } #bs_outerContainer .bs_prepend-4 { padding-left: 160px; } #bs_outerContainer .bs_prepend-5 { padding-left: 200px; } #bs_outerContainer .bs_prepend-6 { padding-left: 240px; } #bs_outerContainer .bs_prepend-7 { padding-left: 280px; } #bs_outerContainer .bs_prepend-8 { padding-left: 320px; } #bs_outerContainer .bs_prepend-9 { padding-left: 360px; } #bs_outerContainer .bs_prepend-10 { padding-left: 400px; } #bs_outerContainer .bs_prepend-11 { padding-left: 440px; } #bs_outerContainer .bs_prepend-12 { padding-left: 480px; } /* Images -------------------------------------------------------------- */ /* Remember the baseline (typography.css). #bs_outerContainer img { margin: 0 0 18px 0; } */ /* Use these classes to make an image flow into the column before or after it.This techique can also be used on other objects.*/ #bs_outerContainer .bs_pull-1 { margin-left: -40px; } #bs_outerContainer .bs_pull-2 { margin-left: -80px; } #bs_outerContainer .bs_pull-3 { margin-left: -120px; } #bs_outerContainer .bs_pull-4 { margin-left: -160px; } #bs_outerContainer .bs_push-0 { margin: 0 0 0 18px; float: right; } /* Right aligns the image .*/ #bs_outerContainer .bs_push-1 { margin: 0 -40px 0 18px; float: right; } #bs_outerContainer .bs_push-2 { margin: 0 -80px 0 18px; float: right; } #bs_outerContainer .bs_push-3 { margin: 0 -120px 0 18px; float: right; } #bs_outerContainer .bs_push-4 { margin: 0 -160px 0 18px; float: right; } #bs_outerContainer .bs_pull-1, #bs_outerContainer .bs_pull-2, #bs_outerContainer .bs_pull-3, #bs_outerContainer .bs_pull-4, #bs_outerContainer .bs_push-1, #bs_outerContainer .bs_push-2, #bs_outerContainer .bs_push-3, #bs_outerContainer .bs_push-4 { overflow-x: visible; /* Overrides previous IE6 fix (needs improvement).*/ } /* EOF */ /* COPYRIGHT B-SIDE ENTERTAINMENT 2008 */ /* DO NOT USE WITHOUT WRITTEN CONSENT */ @media print { /* GLOBAL STYLES */ html:not([lang*=""]):not(:only-child) table{ height: 1px; } #bs_outerContainer #bs_contentContainer .bs_starRating { display: none; } #bs_outerContainer .bs_film.bs_review form { display: none; } body .bs_printMediaBlock { display: block; } body .bs_printMediaInline { display: inline; } body .bs_screenMediaBlock { display: none; } body .bs_screenMediaInline { display: none; } /* HEADER */ #bs_outerContainer #bs_header { display: none; } #bs_outerContainer .bs_infoMessage { display: none; } /* FOOTER */ #bs_outerContainer #bs_copyright { display: none; } /* HOMEPAGE */ /* SCHEDULE PAGE */ /* FILM DETAILS PAGE */ /* MY FESTIVAL PAGE */ /* VENUES PAGE */ /* HELP */ } /* COPYRIGHT B-SIDE ENTERTAINMENT 2008 */ /* DO NOT USE WITHOUT WRITTEN CONSENT */ /* GLOBAL STYLES */ /* STANDARD COLORS */ /* Purples, darkest to lightest: 56004E 884482 AB7DA1 D9D0E6 f3e7f0 (bg only) f8f0f6 (bg only) Greys, darkest to lightest: 4C4C4C 696868 9D9D9D C6C6C6 E2E2E2 f6f6f6 (bg only) fcfcfc (bg only) 000000 (I tend to specify this as 'black') Red: FF0000 Hover: f2d7ec */ body { position: relative; } #bs_outerContainer { font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 1.5em; height: 100%; color: #4C4C4C; background-color: white; } .bs_small { font-size: 11px; } #bs_outerContainer a, #bs_lightBox a { color: #884482; text-decoration: none; } #bs_outerContainer a:hover, #bs_lightBox a:hover { color: #56004E; text-decoration: underline; } #bs_outerContainer img { border: 0; } #bs_outerContainer .bs_disabledLink { color: #9D9D9D; text-decoration: none; } body #bs_outerContainer img { line-height: 0; } .bs_underline { border-bottom: 1px solid #C6C6C6; } #bs_outerContainer .bs_title { color: black; } #bs_outerContainer .bs_category { color: #9D9D9D; } #bs_contentContainer p { margin: 1em 0; } /* fix transparent pngs for IE 6 */ * html .bs_pngFix { behavior: url("/templates/festival/css/iepngfix.htc"); } #bs_outerContainer #bs_leftColumn { width: 75% !important; } #bs_outerContainer #bs_rightColumn { width: 170px !important; float: right !important; padding-top:16px; } #bs_contentContainer strong, #bs_contentContainer em { font-weight: bold; } .bs_emphasis { font-weight: bold; } a.bs_radiusButton, #bs_outerContainer a.bs_radiusButton, body .bs_radiusButton { background-color: white; border: 1px solid #56004E; color: #56004E; display: block; font-size: 11px; font-style: normal; font-weight: bold; line-height: 1.5em; padding: 0 8px; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; text-decoration: none; outline: none; -moz-outline-style: none; } a.bs_radiusButton.bs_invert, #bs_outerContainer a.bs_radiusButton.bs_invert, button.bs_radiusButton.bs_invert, #bs_outerContainer button.bs_radiusButton.bs_invert { background-color: #56004E; color: white; } /* Variable width gradient borders */ #bs_outerContainer div.bs_border { background-image: url(/images/bg_gradient.png); background-color: white; background-repeat: repeat-x; padding: 1px; padding-bottom: 0; } #bs_outerContainer div.bs_border div.bs_borderBack {background-image: none; background-color: white; width: auto; margin: 0 !important; } #bs_outerContainer div.bs_smallBox div.bs_border { background-image: url(/images/bg_small_gradient.png); background-repeat: repeat-x; padding: 1px; padding-bottom: 0; } /* HEADER, FOOTER, COPYRIGHT */ #bs_contentContainer { padding: 0; margin-top: 20px; margin-bottom: 10px; } #bs_copyright { clear: both; background-image: url(/images/bg-footer.png); background-repeat: repeat-x; height: 61px; margin-top: 30px; } #bs_copyright .bs_rights { float: left; font-size: 9px; padding: 10px; color: #9D9D9D; } #bs_copyright .bs_footerLogo { float: right; padding: 10px; } #bs_header #bs_searchBar { height: 29px; } #bs_header #bs_loginStatus { height: 19px; background-color: #E2E2E2; } #bs_header #bs_loginWelcome a { color: #884482; font-weight: bold; } #bs_header div.bs_right div.bs_left { font-size: 10px; vertical-align: middle; padding: 5px 6px; } #bs_outerContainer .bs_mainSearchBox { font-size: 10px; width: 140px; color: #4C4C4C; font-weight: bold; padding: 2px} #bs_registerForFreeDownload { display: none; } #bs_contentContainer ul.bs_feedbackList { margin: 10px 0; border:1px solid #FF0000; color: #FF0000; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, sans-serif; background-color: #F2BBC2; list-style-type:none; padding: 9px; } #bs_outerContainer div.bs_header td#bs_recommendations { text-align: right; } #bs_outerContainer div.bs_header td#bs_recommendations span.bs_radiusButton { display: inline; } /* Ads */ .bs_adTop { margin-left: auto; margin-right: auto; padding-top: 10px; clear: both; } /* Information messages */ #bs_outerContainer .bs_infoMessage { background-color: #D9D0E6; clear: both; padding: 11px; font-size: 12px; line-height: 14px; margin: -10px 0 10px 0; position: relative} #bs_outerContainer #bs_header .bs_infoMessage { margin: 0; } #bs_outerContainer .bs_infoMessage td { vertical-align: middle; } #bs_outerContainer .bs_infoMessage td img { padding-right: 8px; } #bs_outerContainer .bs_infoMessage td.bs_button { vertical-align: top; } #bs_outerContainer .bs_infoMessage td.bs_button img { padding: 1px; } #bs_outerContainer .bs_infoMessage strong { white-space: nowrap; } /* User info messages */ #bs_outerContainer .bs_userInfoMessage .bs_infoMessage { background-color: #AB7DA1; color: black; } #bs_outerContainer .bs_userInfoMessage .bs_infoMessage a { color: #E2E2E2; } /* Featured Films */ #bs_featuredFilm table { width: 100%; } #bs_featuredFilm td.bs_filmList { text-align: center; border: none; } #bs_featuredFilm { margin: 15px 0 0 0 } #bs_featuredFilm .bs_prevLink { display: block; } #bs_featuredFilm .bs_nextLink { display: block; } /* Film Boxes */ #bs_outerContainer .bs_filmList .bs_filmInfo { width: 230px; margin-left: auto; margin-right: auto; text-align: left; position: relative; } #bs_outerContainer .bs_filmList .bs_filmInfo div { margin-bottom: 3px; } #bs_outerContainer .bs_filmList .bs_filmInfo .bs_filmImage img { display: block; margin: auto auto; } #bs_outerContainer .bs_filmList .bs_filmInfo .bs_filmImage { width: 210px; height: 120px; background-color: black; margin-bottom: 9px; overflow: hidden; } #bs_outerContainer .bs_filmList .bs_filmInfo .bs_title { font-size: 15px; line-height: 15px; font-weight: bold; } #bs_outerContainer .bs_filmList .bs_filmInfo .bs_category { color: #4C4C4C; line-height: 12px; margin-bottom: 0; } #bs_outerContainer .bs_filmList .bs_filmInfo .bs_synopsis { color: #4C4C4C; margin-top: 0; font-size: 12px; line-height:15px; } /* the synopsis has to have the same line-height as the title, so each extra line of title loses one line of synopsis */ /* The mask contains both the title & synopsis & this allows extra title to hide synopsis lines */ #bs_outerContainer .bs_filmList .bs_filmInfo div.bs_mask { height: 145px; overflow: hidden; } #bs_outerContainer .bs_filmList .bs_filmInfo div.bs_borderBack { padding: 9px; } #bs_outerContainer .bs_filmList .bs_filmInfo .bs_more a { color: #884482; } #bs_outerContainer .bs_filmList .bs_filmInfo .bs_buyButton, #bs_outerContainer .bs_filmList .bs_filmInfo .bs_watchButton { position: absolute; top: 120px; right: -3px; } /* Buy widget & buy links */ #bs_outerContainer #bs_videoWidgetBuy { padding: 12px; } #bs_outerContainer #bs_videoWidgetBuy img.bs_drmFree { margin-top: 10px; margin-bottom: -15px; } #bs_outerContainer .bs_filmList .bs_filmInfo .bs_buyLinkContainer { margin-bottom: 6px; } #bs_outerContainer .bs_filmList .bs_filmInfo .bs_buyLinkContainer div { margin-bottom: 0; } #bs_outerContainer .bs_filmList .bs_filmInfo .bs_buyLinkContainer .bs_stars .bs_ratingControl { padding-top: 2px; } #bs_outerContainer .bs_filmList .bs_filmInfo .bs_buyLinkContainer .bs_stars .bs_ratingImage { padding-top: 2px; } #bs_outerContainer .bs_filmList .bs_filmInfo .bs_buyLinkContainer .bs_tickets { margin-bottom: 0; } #bs_outerContainer .bs_filmList .bs_filmInfo a.bs_icon_buytickets, #bs_outerContainer .bs_filmList .bs_filmInfo a.bs_icon_tickets_cancelled, #bs_outerContainer .bs_filmList .bs_filmInfo a.bs_icon_tickets_closed, #bs_outerContainer .bs_filmList .bs_filmInfo a.bs_icon_tickets_sold, #bs_outerContainer .bs_filmList .bs_filmInfo a.bs_icon_ticket_status { display: block; width: 59px; height: 20px; background-repeat: no-repeat; padding: 0 2px 0 0; } #bs_outerContainer .bs_filmList .bs_filmInfo a.bs_icon_buytickets span, #bs_outerContainer .bs_filmList .bs_filmInfo a.bs_icon_tickets_cancelled span, #bs_outerContainer .bs_filmList .bs_filmInfo a.bs_icon_tickets_closed span, #bs_outerContainer .bs_filmList .bs_filmInfo a.bs_icon_tickets_sold span, #bs_outerContainer .bs_filmList .bs_filmInfo a.bs_icon_ticket_status span { display: none; } #bs_outerContainer .bs_filmList .bs_filmInfo a.bs_icon_ticket_status { background-image: url('/images/icon_ticketStatus_sm.png'); } #bs_outerContainer .bs_filmList .bs_filmInfo a.bs_icon_buytickets { background-image: url('/images/icon_buytickets_sm.png'); } #bs_outerContainer .bs_filmList .bs_filmInfo a.bs_icon_tickets_cancelled { background-image: url('/images/icon_ticketsCancelled_sm.png'); } #bs_outerContainer .bs_filmList .bs_filmInfo a.bs_icon_tickets_closed { background-image: url('/images/icon_ticketsClosed_sm.png'); } #bs_outerContainer .bs_filmList .bs_filmInfo a.bs_icon_tickets_sold { background-image: url('/images/icon_ticketsSoldOut_sm.png'); } #bs_outerContainer .bs_screening .bs_ticketStatus .bs_radiusButton { width: 66px; } /* position this relatively so that the popup can be relative to it */ #bs_outerContainer .bs_cookieError { position: relative; top: 0px; left: 0px; } #bs_outerContainer #bs_cookieTooltip { position: absolute; top: 30px; left: 60px; width: 360px; z-index: 500; } #bs_outerContainer #bs_cookieTooltip .bs_tooltipBottom { border: 9px solid #555555; background-color: white; } /* FORMS */ .bs_form p, .bs_form .bs_smallNote { font-size: 11px; line-height: 14px; color: #4C4C4C; padding-bottom: 10px; } .bs_form div { font-size: 11px; line-height: 14px; color: #4C4C4C; } .bs_form td { padding-bottom: 7px; text-align: left; vertical-align: top; color: #4C4C4C; } .bs_form td.bs_label { width: 250px; } .bs_form .bs_validationMessage { display: block; } .bs_form .bs_button { float: right; } .bs_form input { margin-right: 2px; } .bs_form .bs_feedbackERROR { padding: 10px 10px 10px 0; color: #FF0000; font-weight: bold; } /* TABS */ /* common tab style */ #bs_outerContainer .bs_tabs a { font-family:Arial,Helvetica,sans-serif; font-size: 11px; } #bs_outerContainer .bs_tabs ul { margin: 0; padding: 0; list-style-type: none; clear: both; } #bs_outerContainer .bs_tabs ul li { float: left; list-style-type: none; padding: 2px 13px 0; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 11px; } #bs_outerContainer .bs_tabs ul li a { color: black; text-decoration: none; } #bs_outerContainer .bs_tabs ul li a:hover { color: #56004E; text-decoration: underline; } #bs_outerContainer .bs_tabs ul li.bs_selected a, #bs_outerContainer .bs_tabs ul li.selected a { font-weight: bold; color: black; height: 20px; } /* would have to rewrite tab component to use bs_selected */ #bs_outerContainer .bs_tabs ul li.bs_dateRangeTab, #bs_outerContainer .bs_tabs ul li.bs_searchTab { text-transform: uppercase; } #bs_outerContainer .bs_tabs ul li.bs_separator { color: #696868; padding-left: 0; padding-right: 0; } /* override for internal tabs */ #bs_outerContainer #bs_contentContainer .bs_tabs ul { background-image: url('/images/bg_dates.png'); background-repeat: repeat-x; background-position: bottom left; height: 20px; } #bs_outerContainer #bs_contentContainer .bs_tabs ul li a { } #bs_outerContainer #bs_contentContainer .bs_tabs ul li.bs_selected, #bs_outerContainer #bs_contentContainer .bs_tabs ul li.selected { /* would have to rewrite tab component to use bs_selected */ background-color: white; border-left: 1px solid #C6C6C6; border-right: 1px solid #C6C6C6; border-top: 2px solid black; padding-left: 14px; padding-right: 14px; padding-top: 0; height: 19px; } /* overrides for header & footer tabs */ #bs_outerContainer #bs_header .bs_tabs, #bs_outerContainer #bs_footer .bs_tabs { border-top: 2px solid black; padding-bottom: 5px; } #bs_outerContainer #bs_header .bs_tabs a, #bs_outerContainer #bs_footer .bs_tabs a { font-size:14px; font-family:Arial,Helvetica,sans-serif; } #bs_outerContainer #bs_header .bs_tabs li, #bs_outerContainer #bs_footer .bs_tabs li { padding: 6px 16px 0px 16px; font-size: 13x; } #bs_outerContainer #bs_header .bs_tabs .bs_selected, #bs_outerContainer #bs_footer .bs_tabs .bs_selected { border-top: 2px solid black; padding: 4px 12px 6px 12px;} #bs_outerContainer #bs_header .bs_tabs ul li.bs_right, #bs_outerContainer #bs_footer .bs_tabs ul li.bs_right { float: right; padding-right: 0px; } /* clear content below tabs */ .bs_tabPanel { display: block; clear: both; } /* UTILITY CLASSES */ .bs_right { float: right; overflow: hidden; } .bs_left { float: left; } .bs_clear { clear: both; } .bs_clearRight { clear: right; } .bs_clearLeft { clear: left; } .bs_spacer { height: 15px; } .bs_center { margin-left: auto !important; margin-right: auto !important; } .bs_thirds { width: 30%; margin: 0; } .bs_smallGradient { display: inline; background-image: url(/images/bg-login.png); background-repeat: repeat-x; margin-left: 4px; padding: 4px 10px 3px 10px; } /* COLORS */ #bs_contentContainer .bs_purple { color: #56004E; } /* SECTIONS & ARTICLES */ .bs_section { width: 100%; padding: 10px 0 0 0; margin: 10px 0; clear: both; float: left; } #bs_outerContainer div.bs_header { font-size: 17px; color: black; font-weight: bold; margin-bottom: 10px; text-transform: lowercase; border-bottom: 1px solid #C6C6C6; padding-bottom: 2px; } #bs_outerContainer .bs_header .bs_right { display:block; float:right; font-size:10px; font-style:italic; font-weight:normal; } #bs_contentContainer .bs_subHeader { color:#696868; font-size:12px; font-weight:bold; line-height: 12px; margin-bottom:5px; text-transform:lowercase; font-family: Arial, Helvetica, sans-serif; } #bs_filmDetails #bs_contentContainer .bs_filmRecommendations .bs_subHeader { color:#696868; font-size:12px; font-weight:bold; font-style: normal; line-height: 13px; margin-bottom:5px; text-transform:lowercase; font-family: Arial, Helvetica, sans-serif; } .bs_sectionEntry { margin-bottom: 10px; } .bs_sectionEntry .bs_info { font-style: italic; } #bs_contentContainer .bs_blogPost { margin-bottom: 18px; } #bs_contentContainer .bs_blogPost img { margin-right: 9px; } #bs_contentContainer .bs_blogPost .bs_title { font-size: 14px; font-weight: bold; } #bs_contentContainer .bs_blogPost .bs_content { font-family:Arial,Helvetica,sans-serif; font-size: 11px; margin-bottom: 9px; } #bs_contentContainer .bs_blogPost .bs_footer { border-top: 1px solid #C6C6C6; font-family: Arial,Helvetica,sans-serif; font-size: 10px; clear: both; } /* Empty sections */ #bs_outerContainer .bs_emptySection { padding: 33px; background-color: #E2E2E2; clear: both; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; } /* festival highlights - copy the bs_header styles to bs_title, so the post title can appear as a header - should keep this in sync */ #bs_outerContainer #bs_festivalHighlights .bs_title { font-size: 16px; color: black; font-weight: bold; margin-bottom: 10px; text-transform: lowercase; border-bottom: 1px solid #C6C6C6; padding-bottom: 2px; } #bs_outerContainer #bs_festivalHighlights .bs_footer { display: none; } /* LISTS, ROWS, LIST HEADINGS */ #bs_contentContainer a.bs_prevNext, #bs_outerContainer #bs_contentContainer #bs_scheduleTabs ul li a.bs_prevNext { color: #56004e; font-weight: normal } #bs_contentContainer span.bs_prevNext { color: #696868; } #bs_contentContainer span.bs_prevNext em { font-style: normal; font-weight: normal; } #bs_contentContainer .bs_listSelect { color: #4C4C4C; font-size: 10px; padding: 2px; margin-left: 6px; } /* FILTERS */ #bs_contentContainer #bs_filters { background-image: url('/images/bg_filters.png'); background-repeat: repeat-x; height: 70px; padding-left: 5px; } #bs_contentContainer .bs_filterDropDown { width: 135px; float: left; padding: 4px 6px 4px 0px; margin-right: 6px; background-image: url('/images/bg_filter_dotted_line.png'); background-position: top right; background-repeat: no-repeat; } #bs_contentContainer .bs_filterDropDown.bs_lastFilterDropDown { background-image: none; } #bs_contentContainer .bs_filterDropDown p { margin: 0; float: left; font-size: 11px; font-style: italic; color: #111111; } #bs_contentContainer .bs_filterDropDown input { float: right; } #bs_contentContainer .bs_filterType { padding: 0px 4px 0px 4px; border-bottom: 1px solid #C6C6C6; margin-bottom: 4px; } #bs_contentContainer .bs_filterSelect { font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 2px; width: 133px; } #bs_contentContainer .bs_filterSelect.bs_disabled { border: 1px solid; padding: 3px; } #bs_searchTabs { padding-top: 20px; } /* SCHEDULE */ #bs_outerContainer .bs_scheduleContent .bs_pageNav { line-height: 1.5em; margin-top: 0; margin-bottom: 0; clear: both; background-color: #f8f8f8; } #bs_outerContainer .bs_scheduleContent .bs_pageNav .bs_intro { font-size: 12px; line-height: 14px; margin: 10px 0 15px; color: black; } #bs_outerContainer .bs_scheduleContent .bs_filmList { padding-top: 0; } #bs_outerContainer #bs_scheduleTitleBar { padding: 5px 9px 0; clear: both; border-top: 1px solid #c6c6c6; } #bs_outerContainer #bs_scheduleTitleBar div.bs_header { border-bottom: none; } #bs_scheduleTitleBar #bs_screeningsViewBy { color: #696868; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; margin-left: 20px; } #bs_scheduleTitleBar #bs_screeningsViewBy input, #bs_scheduleTitleBar #bs_screeningsViewBy label { vertical-align: middle; margin-top: 0; margin-bottom: 0; float: none;} #bs_scheduleTitleBar #bs_screeningsMyScheduleToggle { float: right; } #bs_scheduleTitleBar p { margin: 10px 0; font-size: 12px; } #bs_scheduleTitleBar .bs_scheduleDates { margin: 10px 0 0; float: left; font-style: italic; font-weight: bold; } #bs_scheduleTitleBar .bs_showCalendar { float: right; margin-bottom: 0; } #bs_scheduleTitleBar .bs_showCalendar a { color: #884482; text-decoration: none; } #bs_scheduleTitleBar .bs_showCalendar img { margin-right: 4px; } #bs_scheduleTitleBar .bs_scheduleViewSwitch { float: right; margin: 0; font-weight: bold; } #bs_scheduleTabs { clear: both; } #bs_outerContainer #bs_contentContainer #bs_scheduleTabs { border-bottom: 1px solid #c6c6c6; } #bs_outerContainer #bs_contentContainer #bs_scheduleTabs ul { background: none; } #bs_outerContainer #bs_contentContainer #bs_scheduleTabs ul li a { font-weight: bold; } .bs_dateBar { border-top: 1px solid #9D9D9D; color: black; font-size: 14px; font-weight: bold; padding: 6px 2px 6px 5px; margin-top: 20px; text-align: left; } .bs_dateBar.bs_first { margin-top: 0; } td.bs_notAttending .bs_dateBar { color: #696868; } #bs_scheduleActionsContainer { position: relative; min-height: 40px; height:auto !important; height:40px; z-index: 30000; } #bs_scheduleActions { padding: 10px 0; position: absolute; } #bs_scheduleActions a, #bs_scheduleActions span, a.bs_scheduleActionLink { font-size: 13px; font-weight: bold; display: block; outline: none; -moz-outline-style: none; padding-left: 22px; } #bs_scheduleActions span em { font-style: normal; } #bs_scheduleActions .bs_helpLink { color: #4c4c4c; } #bs_scheduleActions .bs_inlineHelpLink { float: left; padding: 0; margin: 4px 9px 0 -4px; } #bs_scheduleActions .bs_scheduleAction { float: left; width: auto; _width: 50px; white-space: nowrap; text-align: center; position: relative; margin: 0 9px; } #bs_scheduleActions #bs_optimizerContainer { background: url("/images/icon_schedule_on.png") left top no-repeat; } #bs_scheduleActions #bs_optimizerContainer.bs_disabled { background: url("/images/icon_schedule_off.png") left top no-repeat; } * html #bs_scheduleActions #bs_optimizerContainer.bs_disabled { border: none; line-height: 13px; } #bs_scheduleActions #bs_downloadContainer { background: url("/images/icon_download_on.png") left top no-repeat; } #bs_scheduleActions #bs_printContainer { text-align: left; background: url("/images/icon_print_on.png") left top no-repeat; } #bs_scheduleActions .bs_scheduleAction.bs_collapsible { margin: 0 8px; border: 1px solid white; padding: 0; top: 0; left: 0; } #bs_scheduleActions .bs_scheduleAction.bs_expanded { background-color: white !important; background-position: 10px 5px !important; border: 1px solid #c6c6c6; padding: 5px 10px 10px; top: -5px; left: -10px; margin-right: -12px; } #bs_scheduleActions .bs_actionMenu { margin: 0; list-style-type: none; padding: 0; text-align: left; z-index: 30000; visibility: hidden; } #bs_scheduleActions .bs_actionMenu li { display: block; float: none; clear: both; padding: 5px 0; line-height: 10px; } #bs_scheduleActions .bs_actionMenu li.bs_menuRule { padding-top: 5px; margin-top: 5px; border-top: 1px solid #9d9d9d; } #bs_scheduleActions .bs_actionMenu li a { display: block; font-size: 12px; font-weight: normal; padding-left: 0; margin-left: 7px; } #bs_scheduleActions .bs_actionMenu li a.bs_helpLink { background: url("/images/icon_help.png") left center no-repeat; padding-left: 1em; margin-left: 6px; } tr.bs_header { border-bottom: 1px solid #C6C6C6; } .bs_columnHeader a { text-decoration: none; } #bs_outerContainer .bs_filmList col.bs_timeHeader { width: 80px; text-align: center; } #bs_outerContainer .bs_filmList col.bs_ratingHeader { width: 100px; text-align: center;} #bs_outerContainer .bs_filmList col.bs_titleHeader { text-align: center;} #bs_outerContainer .bs_filmList col.bs_venueHeader { text-align: center;} #bs_outerContainer .bs_filmList col.bs_calendarHeader { width: 87px; text-align: center;} #bs_outerContainer .bs_filmList col.bs_ticketsHeader { width: 100px; text-align: center;} #bs_outerContainer .bs_screening td { padding: 8px 4px; } #bs_outerContainer .bs_screening .bs_title { font-weight: bold; color: black; font-size: 14px; } #bs_outerContainer .bs_screening.bs_onCalendar .bs_title a { color: #56004E; } #bs_outerContainer .bs_screening .bs_date { color: black; font-size:14px; font-weight: bold; } #bs_outerContainer .bs_screening .bs_screeningVenue { line-height: 13px; } #bs_outerContainer .bs_calendarStatus a.bs_radiusButton { text-align: left; width: 61px; } #bs_outerContainer #bs_optimizeSchedulePage .bs_extraColHeader { width: 126px; } #bs_outerContainer .bs_calendarStatus a.bs_button, #bs_outerContainer .bs_ticketStatus a.bs_button, #bs_outerContainer #bs_optimizeSchedulePage .bs_extraCol .bs_button { display: block; width: 75px; height: 32px; background-repeat: no-repeat; } #bs_outerContainer .bs_filmList tr.bs_onCalendar.bs_even, .bs_onCalendar.bs_even { background-color: #f3e7f0; } #bs_outerContainer .bs_filmList tr.bs_even, .bs_even { background-color: #f6f6f6; } #bs_outerContainer .bs_filmList tr.bs_odd, .bs_odd { background-color: #fcfcfc; } /* IE6 bug: it does not differentiate between .bs_onCalendar.bs_even and .bs_notOnCalendar.bs_even, only the last class is important */ #bs_outerContainer .bs_filmList tr.bs_onCalendar { background-color: #f3e7f0; } #bs_outerContainer .bs_icalLinks, #bs_outerContainer .bs_optimizeCalendarLink { margin-top: 10px; margin-bottom: -7px; width: 49%; } #bs_outerContainer .bs_optimizeCalendarLink { float: right; text-align: right; } #bs_outerContainer .bs_icalLinks { float: left; } #bs_outerContainer .bs_icalLinks img { vertical-align: middle; position: relative; top: -2px; } #bs_outerContainer .bs_icalLinks .bs_icalAdditionalIcon { padding-left: 5px; } /* SCHEDULE GRID VIEW */ #bs_scheduleGrid #bs_contentContainer .bs_venueLink { text-align: right; padding-top: 40px; } #bs_scheduleGrid #bs_contentContainer .bs_prevNext { margin-bottom: 10px; } #bs_scheduleGrid #bs_contentContainer .bs_prevNext.bs_dateNavLinks { float: none; position: absolute; text-align: center; width: 330px; width:100%; display: block; left: 0; right: 0; padding-bottom:2px; margin-left: auto; margin-right: auto;} #bs_scheduleGrid #bs_contentContainer .bs_prevNext .bs_scheduleDayLabel { color: black; font-size: 14px; padding: 0 15px; } #bs_scheduleGrid #bs_scheduleTitleBar .bs_showCalendar, #bs_scheduleGrid #bs_scheduleTitleBar .bs_scheduleViewSwitch { margin-bottom: 10px; } #bs_outerContainer #bs_scheduleGridPanel { border: 1px solid black; width: 100%; } #bs_outerContainer .bs_gridKeyBackground { background-color : #f0f0f0; } #bs_outerContainer #bs_gridHeader { height: 34px; border-bottom: 1px solid #9D9D9D; position: relative; clear: both; } #bs_outerContainer .bs_gridCol { float: left; background-color: #C6C6C6; border-right: 1px solid #E2E2E2; position: relative; } #bs_outerContainer .bs_gridLeftColCell, #bs_outerContainer .bs_gridSpacer { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 24px; line-height: 59px; height: 59px; } #bs_outerContainer .bs_gridSpacer { height: 34px; float: left; border-right: 1px solid #9D9D9D; } #bs_outerContainer .bs_gridLeftColCell { width: 100%; border-bottom: 1px solid #9D9D9D; _overflow:hidden;} #bs_outerContainer .bs_gridColCell { height: 59px; border-bottom: 1px solid #E2E2E2; } #bs_outerContainer #bs_gridLeftCol { float: left; border-right: 1px solid #9D9D9D; } #bs_outerContainer #bs_gridContentInner { width: 100%;_width: auto;_border-left:1px solid white; background-color: #f0f0f0; } #bs_outerContainer .bs_gridLeftColCell .bs_gridLeftColValSuffix { font-size: 10px; vertical-align: top; line-height: 59px; } #bs_outerContainer #bs_gridContent { clear: both; position:relative; } #bs_outerContainer .bs_gridHeaderValues div { font-size: 10px; float: left; text-align: center; font-family: Arial, Helvetica, sans-serif; height: 30px; padding: 2px 0; line-height: 1em; border-right: 1px solid #9D9D9D; } #bs_outerContainer .bs_gridEvent { background-color: white; border: 1px solid black; overflow: hidden; position: absolute; z-index: 20007; left: 0; right: 0; margin: 0 auto; width: 94%; font-family: Arial, Helvetica, sans-serif; font-size: 58px; } #bs_outerContainer .bs_gridEvent .bs_calendarStatus { overflow: hidden; background-color: white; border: 1px solid black; margin: 2px 0 0 2px; padding: 0 1px 2px; font-weight: bold; width: 12px; height: 12px; float: left; font-size: 14px; text-align: center; } #bs_outerContainer .bs_gridEvent .bs_calendarStatus span span { position: relative; left: -2px; } #bs_outerContainer .bs_gridEvent .bs_calendarStatus a { position: relative; top: -2px; vertical-align: middle; } #bs_outerContainer .bs_gridEvent.bs_onCalendar .bs_calendarStatus a { top: -3px; } #bs_outerContainer .bs_gridEvent .bs_calendarStatus a:hover { text-decoration: none; } #bs_outerContainer .bs_gridEventTime { background-color: #D9D0E6; border: 1px solid black; font-size: 11px; line-height: 1em; height: 12px; padding: 1px; float: right; margin: 2px 2px 0 5px; width: auto; z-index: 100000; } #bs_outerContainer .bs_gridEventContent { clear: both; padding: 2px 2px 2px; font-size: 11px; line-height: 1em; } #bs_outerContainer .bs_gridEventContent .bs_title { font-weight: bold; } #bs_outerContainer .bs_gridEvent.bs_onCalendar { background-color: #D9D0E6; } #bs_outerContainer .bs_onCalendar .bs_gridEventTime { background-color: white; } /* CALENDAR OPTIMIZATION */ #bs_optimizeCalendar #bs_contentContainer ul.bs_feedbackList { text-align: center; } #bs_outerContainer #bs_optimizeInfo { color: #56004E; background-color: #f3e7f0; padding: 10px 9px; font-size: 12px; line-height: 14px; margin-bottom: 10px; } #bs_outerContainer #bs_optimizeInfo img { padding-right: 10px; } #bs_outerContainer #bs_optimizeSchedulePage .bs_buttonSaveCalendar { background: url(/images/icon_accept_on.png) left top no-repeat; font-weight: normal; float: left; margin: 0 9px 0 0; } #bs_outerContainer #bs_optimizeSchedulePage .bs_buttonCancel { background: url(/images/icon_cancel_on.png) left top no-repeat; font-weight: normal; float: left; margin: 0 9px; } #bs_outerContainer #bs_optimizeSchedulePage .bs_timeBetweenVenuesContainer { width: 50%; float: right; text-align: right; margin-top: -2px; } #bs_outerContainer #bs_optimizeSchedulePage .bs_bottomPageNav { border-top: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; padding: 10px 9px; margin-top: 30px; } #bs_outerContainer #bs_optimizeSchedulePage .bs_pageNav.bs_secondary { background-color: transparent; border-top: 1px solid #c6c6c6; margin-top: 5px; padding: 5px 9px; } #bs_outerContainer #bs_optimizeSchedulePage .bs_pageNav.bs_secondary .bs_header { border-bottom: none; } #bs_outerContainer #bs_optimizeSchedulePage .bs_pageNav.bs_secondary .bs_intro { color: #4c4c4c; margin-bottom: 10px; } #bs_outerContainer #bs_optimizeSchedulePage .bs_tabs { clear: both; margin-top: 10px; } #bs_outerContainer #bs_optimizeSchedulePage .bs_filmList tr.bs_onCalendar.bs_flexible { } #bs_outerContainer #bs_optimizeSchedulePage .bs_filmList tr.bs_onCalendar.bs_excludedByMustSee { background-color: #c6c6c6; font-style: italic; } #bs_outerContainer #bs_optimizeSchedulePage .bs_playsWith { border-left: none; border-top: 1px solid #c6c6c6; padding: 6px 0 0; } #bs_outerContainer #bs_optimizeSchedulePage .bs_playsWith .bs_radiusButton { float: left; font-size: 11px; line-height: 11px; margin-right: 5px; padding: 0 3px; width: 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } #bs_outerContainer #bs_optimizeSchedulePage .bs_playsWith li, #bs_outerContainer #bs_optimizeSchedulePage .bs_playsWith li strong { font-size: 11px; line-height: 15px; color: black; } #bs_outerContainer #bs_optimizeSchedulePage .bs_playsWith li .bs_onCalendar, #bs_outerContainer #bs_optimizeSchedulePage .bs_playsWith li .bs_onCalendar strong { color: #56004E; } /* FILM LISTS */ #bs_outerContainer .bs_filmList { border-top: 1px solid #C6C6C6; border-bottom: 1px solid #C6C6C6; padding-top: 4px; padding-bottom: 4px; font-size:11px; line-height: 14px; clear: both; } #bs_outerContainer .bs_filmList .bs_title a { text-decoration: none; font-size: inherit; color: black; } #bs_outerContainer .bs_filmList .bs_title a:hover { text-decoration: underline; color: #884482; } #bs_outerContainer .bs_filmList th { font-weight: bold; text-align: center; } #bs_outerContainer .bs_filmList th a { color: #4C4C4C; } #bs_outerContainer .bs_filmList th a.bs_selected { color: black; font-weight: bold; font-style: italic; } #bs_outerContainer .bs_filmList tr.bs_header { font-size: 12px; color: #9D9D9D; padding-top: 12px; } #bs_outerContainer .bs_filmList tr .bs_ratingInfo { display: none; } #bs_outerContainer .bs_filmList tr .bs_ratingControl .bs_communityRating { display: block; float: none;} #bs_outerContainer .bs_filmList tr .bs_ratingControl .bs_starRating { display: block; float: none; } #bs_outerContainer .bs_filmList tr .bs_ratingControl a.bs_clickToRate { float: none; } #bs_outerContainer .bs_filmList tr .bs_ratingControl span.bs_clickToRate.bs_userRating { text-align: center; padding: 0; } #bs_outerContainer .bs_filmList .bs_boxes { width: 33%; float: left; margin-bottom: 0; padding-top: 5px; height: 327px; } #bs_outerContainer .bs_filmList .bs_film { width: 220px; margin-left: auto; margin-right: auto; } #bs_outerContainer .bs_filmList .bs_film .bs_rating { float: left; margin-top: 5px } #bs_outerContainer .bs_filmList .bs_film .bs_rating .bs_communityRating { margin-left: 5px; line-height: 19px } #bs_outerContainer .bs_filmList .bs_film .bs_rating .bs_ratingInfo { display: none; } #bs_outerContainer .bs_filmList .bs_film .bs_tickets { float: right; } #bs_outerContainer .bs_filmList .bs_film .bs_title { clear: both; padding-top: 5px; height: 35px; overflow: hidden; vertical-align: middle; } #bs_outerContainer .bs_filmList .bs_film .bs_filmThumbnail { margin: 10px 0; width: auto; } /* make height a multiple of line-height to deal with different synopsis lengths and hide overflow cleanly */ #bs_outerContainer .bs_filmList .bs_film .bs_synopsis { font-size:12px; line-height:14px; height: 42px; overflow: hidden; } #bs_outerContainer .bs_filmList .bs_film .bs_screeningTime, #bs_outerContainer .bs_filmList .bs_film .bs_screeningVenue { font-weight: bold; font-size: 9px; height: 15px; padding-top: 5px; } #bs_outerContainer .bs_filmList .bs_film .bs_screeningTime { color: black } #bs_outerContainer .bs_filmList .bs_film .bs_screeningVenue { width: 100px; overflow: hidden; text-align: right; } #bs_outerContainer .bs_filmList .bs_film .bs_more a { color: #884482; font-size: 11px } #bs_outerContainer .bs_filmList .bs_playsWith ul { margin: 0; padding: 0; } #bs_outerContainer .bs_filmList .bs_playsWith ul li { list-style-type: none; padding: 2px 0 2px 0; line-height: 12px; } #bs_outerContainer .bs_filmList .bs_playsWith ul li strong { color: #4C4C4C; display: inline; font-size: 11px; margin-bottom: 2px; } #bs_outerContainer .bs_filmList .bs_playsWith a.bs_button { font-style: italic; } #bs_outerContainer .bs_filmList .bs_playsWith a.bs_button img { } #bs_outerContainer .bs_filmList .bs_playsWith { border-left: 1px solid #C6C6C6; margin: 6px 0 0 0; padding: 0 0 0 8px; } #bs_screeningDetails #bs_outerContainer .bs_playsWith ul a{font-size:11px;} #bs_outerContainer .bs_filmList .bs_director { margin-bottom: 0px; } #bs_outerContainer .bs_filmList .bs_searchMatches { margin-top: -3px} #bs_outerContainer .bs_filmList .bs_matchesLabel { font-weight: bold; } #bs_noSearchResults p { font-size: 14px; font-weight: bold } .bs_filmRating p { margin: 0; font-size: 10px; line-height: 10px; } .bs_filmRating .bs_ratingImage { left: 10px } .bs_filmAdded { background-image: url('/images/bg_schedule_highlight.png'); background-repeat: repeat-x; } .bs_filmPlayingWith { border-left: 1px solid #C6C6C6; margin: 0px 0 0 6px; padding: 4px 0 0 8px; } .bs_filmPlayingWith li { list-style-type: none; padding: 2px 0 2px 0; font-size: 10px; line-height: 10px; } .bs_filmPlayingWith li strong { color: #4C4C4C; display: block; font-size: 10px; } .bs_filmPlayingWith a { color: #4C4C4C; } .bs_filmThumbnail { margin: 8px 8px 0px 8px; width: 90px; } * html .bs_filmScreeningDetails { margin-left: 54px; } .bs_buzzInfo {margin-left: 10px } .bs_sortImage { margin-bottom: 1px; margin-right: 3px; } /* Horizontal film lists */ #bs_outerContainer .bs_filmListRows td { padding-top: 5px; padding-bottom: 5px; text-align: center; } #bs_outerContainer .bs_filmListRows .bs_filmImage { width: 90px; height: 50px; background-color: black; overflow: hidden; margin-right: 14px; } #bs_outerContainer .bs_filmListRows .bs_filmImage img { display: block; margin: auto auto; } #bs_outerContainer .bs_filmListRows .bs_filmRating p { margin: 0; } #bs_outerContainer .bs_filmListRows .bs_film .bs_title { color: black; font-size: 12px; font-weight: bold; } #bs_outerContainer .bs_filmListRows .bs_film a.bs_title:hover { color: #56004E;} /* Paging control */ #bs_outerContainer .bs_pageNav { font-size:12px; line-height: 1em; margin-bottom: 2px; margin-top: 3px; } #bs_outerContainer .bs_pageNav .bs_pageControl { color: black; vertical-align: middle; white-space: nowrap; } #bs_outerContainer .bs_pageNav .bs_pageControl a { color: #884482; } #bs_outerContainer .bs_pageNav .bs_pageInformation { vertical-align: middle; width: 98%; text-align: right; } #bs_outerContainer .bs_pageNav .bs_pageCountSelector { vertical-align: middle; } #bs_outerContainer .bs_pageNav .bs_selectorForm { display: inline; } /* PAGE OVERRIDES */ #bs_outerContainer .bs_scheduleTable { border: none; } #bs_outerContainer #bs_filmDetailsScreenings { border: none; margin-top: -10px; } /* USER PAGE */ #bs_userHeader { padding-bottom: 20px; } .bs_userPic { float: left; margin-right: 10px; } .bs_userInfo { float: left; } #bs_contentContainer .bs_userInfo a { color: black; } .bs_userInfo h2 { padding: 0; margin: 0; margin-left: 5px; line-height: 18px; color: black; font-size: 16px; font-weight: bold; } .bs_userInfo h3 { padding: 0; margin: 0; margin-left: 5px; line-height: 18px; color: #333333; font-size: 11px; } .bs_userInfo h3 a { text-decoration: none; color: #884482; font-style: italic; } .bs_userInfo td { padding: 3px; } .bs_editButton { padding-top: 10px; } #bs_userPage #bs_scheduleTitleBar { border-top: 1px solid #C6C6C6; clear: both; } #bs_unratedFilms { padding-top: 20px; } #bs_userBlog { padding: 4px 0 20px 0; } #bs_yourStats dl { margin: 0; } #bs_yourStats dt { color: black; font-weight: bold; overflow-x:hidden;} #bs_yourStats dd { color: #9D9D9D; margin: 0; margin-bottom: 5px; } #bs_contentContainer .bs_userPic img { border:1px solid #C6C6C6; padding:2px; } #bs_userRoles .bs_listSelect { width: 500px; } .bs_form .bs_imageUpload { width: 100%; } #bs_yourFestivalEdit #bs_outerContainer #bs_rightColumn { padding-top: 0; } #bs_profileEditFreeForm table { width: 100%; } #bs_profileEditFreeForm .bs_labelHeaderCell { width: 89px; } #bs_profileEditFreeForm td label { white-space: nowrap; } #bs_yourFestivalPrivate #bs_outerContainer .bs_toBeRated { float: left; width: 375px; height: 60px; padding: 4px 0; overflow: hidden; } #bs_yourFestivalPrivate #bs_outerContainer .bs_toBeRated table { border: none; padding: 0; } #bs_yourFestivalPrivate #bs_outerContainer .bs_toBeRated .bs_ratingControl .bs_communityRating { text-align: center; width: 85px; padding: 0; } #bs_yourFestivalPrivate #bs_contentContainer .bs_review td { text-align: left; } #bs_yourFestivalPrivate #bs_contentContainer .bs_review td.bs_titleContainer { padding-right: 5px; } /* User page activity */ #bs_outerContainer .bs_wideActivityList .bs_pageNav { margin-bottom: 4px; } #bs_outerContainer .bs_wideActivityList .bs_activityList { position: relative; } #bs_outerContainer .bs_wideActivityList .bs_activityList div.bs_activity { clear: both; padding-top: 10px; min-height:50px; height:auto !important; height:50px;overflow:hidden; } #bs_outerContainer .bs_wideActivityList .bs_activityList div.bs_activity div.bs_filmImage { height: 50px; width: 90px; background-color: black; text-align: center; float: left; position: relative; margin-right: 10px;} #bs_outerContainer .bs_wideActivityList .bs_activityList div.bs_activity .bs_stars { text-align: center; float: left; position: relative; left: 0px; padding-top: 2px; margin-left: 0px; } #bs_outerContainer .bs_wideActivityList .bs_activityList div.bs_activity .bs_userLink { margin-left: 10px; } #bs_outerContainer .bs_wideActivityList .bs_activityList div.bs_activity .bs_icon { position: relative; top: 2px; } #bs_outerContainer .bs_wideActivityList .bs_activityList div.bs_activity .bs_reviewText { padding-left: 100px; } #bs_outerContainer .bs_wideActivityList .bs_activityList div.bs_activity .bs_geniusActivity { margin-left: 100px; } /* User page rating panel */ #bs_userPage #bs_userReviewTable.bs_filmList { border: none; padding-top: 0; padding-bottom: 0; } /* USER RATING PAGE */ #bs_userReviewTable .bs_ratingControl { padding-top: 11px; } #bs_userReviewTable .bs_ratingControl.bs_popup { padding-top: 5px; } #bs_userReviewTable .bs_reviewDate { font-size: 10px; padding-top: 11px; } #bs_userReviewTable .bs_film .bs_review { border-top: none; margin-bottom: 0; padding-top: 11px; text-align: left; } #bs_userReviewTable .bs_film .bs_review .bs_reviewText { padding: 5px 0 0 5px; overflow-x:hidden; width:445px; } /* FILM DETAILS */ #bs_filmDetails .bs_filmInfo { margin: 0; padding: 0; } #bs_filmDetails #bs_outerContainer #bs_rightColumn { padding-top: 0; } #bs_filmDetails .bs_stats { font-size: 11px; color: #696868; } #bs_filmDetails .bs_stats a { color: #884482; } #bs_filmDetails .bs_filmInfo .bs_title { font-size: 20px; font-weight: bold; } #bs_slideshow div { text-align: center; } #bs_filmDetails .bs_filmInfo .bs_stars { margin-bottom: 3px; } #bs_filmDetails .bs_filmInfo .bs_ratingControl.bs_separateRating { float: left; } #bs_filmDetails .bs_filmInfo .bs_ratingControl.bs_userRating { background-color: #e2e2e2; clear: none; margin-left: 20px; padding: 0 10px; } #bs_filmDetails .bs_filmInfo .bs_ratingControl .bs_ratingLabel { width: auto; padding-right: 10px; } #bs_filmDetails .bs_filmInfo .bs_title { margin-bottom: 3px; } #bs_filmDetails .bs_filmInfo .bs_director, #bs_filmDetails .bs_filmInfo .bs_filmYear { margin-bottom: 3px; } #bs_filmDetails .bs_role { text-transform: capitalize; padding-right: 9px; font-size: 11px; } #bs_filmDetails .bs_participant { font-size: 11px; } #bs_filmDetails .bs_categoryLabel, #bs_filmDetails .bs_category { color: #4C4C4C; margin-bottom: 9px; } #bs_filmDetails .bs_categoryLabel { font-weight: bold} /* Film summary */ #bs_filmDetails .bs_filmSummary { display: table; width: 100%; } #bs_filmDetails .bs_filmAbout .bs_filmInfo { display: table-cell; padding-right: 20px; } #bs_filmDetails .bs_filmAbout .bs_filmInfo .bs_subHeader { padding-bottom: 3px; border-bottom: 1px solid #C6C6C6; } #bs_filmDetails .bs_filmAbout td.bs_stats { width: 152px; } .bs_defaultFestivalImage{ border:1px solid #C6C6C6 } /* SMALL FILM INFO BOX */ .bs_smallBox { width: 152px; overflow: hidden; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; } .bs_smallBox .bs_border { width: 150px; overflow: auto; margin: 0; padding: 0; } #bs_outerContainer .bs_smallBox .bs_borderBack { width: 134px; padding: 8px; overflow: visible; margin-bottom: 10px; /* support min-height for IE too */ min-height: 80px; height: auto !important; height: 80px; } .bs_smallBox div { margin-bottom: 3px; } .bs_smallBox .bs_title { display: block; clear: both; margin-bottom: 2px; font-size: 11px; line-height: 13px; font-weight: bold !important; font-style: normal !important; text-transform: none !important; } .bs_smallBox .bs_stats { float: right; width: 42px; margin: 0; font-size: 10px; line-height:1.5em; } .bs_smallBox .bs_stats td { padding-bottom: 4px; } .bs_smallBox .bs_filmImage { float: left; margin-bottom: 3px; width: 90px; height: 50px; background-color: black; overflow: hidden; text-align: center; } .bs_smallBox .bs_ratingInfo { display: none; } .bs_stats .bs_smallBox .bs_starRating { display: inline; float: left; margin: 0; } .bs_stats .bs_smallBox .bs_communityRating { line-height: 20px; } .bs_smallBox div.bs_contents { margin-bottom: 9px; } /* RIGHT COLUMN BOXES */ #bs_outerContainer .bs_tips { padding: 12px; background-image: url(/images/bg_tellafriend_gradient.png); background-repeat: repeat-x; } #bs_outerContainer .bs_tips .bs_contents { margin: 18px 0; font-family: Arial, Helvetica, sans-serif; } #bs_outerContainer #bs_rightColumn { margin: 0 auto; font-size: 11px; line-height: 14px; } #bs_contentContainer #bs_rightColumn .bs_subHeader { font-size:12px; line-height: 14px; font-style:italic; font-weight:bold; margin-bottom:9px; text-transform:lowercase; padding-right: 25px; } #bs_contentContainer #bs_rightColumn .bs_subHeader img { display: block; float: left; margin-top: -3px; margin-bottom: 14px; margin-right: 3px; } .bs_smallBox input { margin-bottom: 5px; } /* Activity list */ #bs_rightColumn .bs_activityList { padding: 12px; } #bs_rightColumn .bs_activityList .bs_activityList { padding: 0; } #bs_rightColumn .bs_activity { color: #696868; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom: 12px; line-height: 20px; } #bs_rightColumn .bs_activity .bs_icon { float: left; } #bs_rightColumn .bs_activity .bs_date { color: #9D9D9D; font-family: Arial, Helvetica, sans-serif; } #bs_rightColumn .bs_activity .bs_date strong { font-weight: normal; } #bs_rightColumn .bs_activity p { margin: 0; } #bs_rightColumn .bs_activity .bs_filmImage { display: none; } #bs_rightColumn .bs_activity .bs_userLink { margin-left: 10px; } #bs_rightColumn .bs_activity .bs_stars { float:left; } #bs_rightColumn .bs_activity .bs_reviewText { overflow-x:hidden; } /* Review lists */ #bs_contentContainer .bs_reviewList { padding: 4px 0; } #bs_contentContainer .bs_review { border-top: 1px solid #C6C6C6; margin-bottom: 20px; vertical-align: top; } #bs_contentContainer .bs_review td { padding: 0; padding-top: 10px; font-size: 11px; line-height: 14px;} #bs_contentContainer .bs_review td .bs_comment { overflow-x:hidden; width:390px; } #bs_contentContainer .bs_review .bs_textarea { height: 42px; font-family: Arial, Helvetica, sans-serif; color: #4C4C4C; font-size:12px; line-height:14px; } #bs_contentContainer .bs_review .bs_submit { margin-right: 4px; border: none; padding: 0; background: url(/images/buttonSaveEdits.png) no-repeat; width: 88px; height: 21px; } #bs_contentContainer .bs_review .bs_user { font-weight: bold; display: block; margin: 3px 0; } #bs_contentContainer .bs_review .bs_userImage { margin: 0 9px; } #bs_contentContainer .bs_review .bs_addReview { margin-right: 4px; border: none; padding: 0; background: url(/images/buttonAddReview.png) no-repeat; width: 88px; height: 21px; } #bs_contentContainer .bs_reviewModerate td { text-align: right; font-size: 11px; padding-bottom: 10px; } /* Featured Review specific style */ #bs_contentContainer .bs_featuredReview .bs_review { border-top: none; } /* FESTIVAL BUZZ*/ #bs_festivalBuzz { font-size: 11px; } #bs_festivalBuzz div.bs_left, #bs_festivalBuzz div.bs_right, #bs_festivalBuzz div.bs_center { width: 155px; } #bs_festivalBuzz .bs_filmDetails .bs_stats td { padding: 5px; } #bs_festivalBuzz .bs_subHeader img { position: relative; top: 3px; } #bs_buzzTable .bs_header img { position: relative; top: 3px; } #bs_buzzTable .bs_header img.bs_sortImage { position: inherit; } #bs_outerContainer #bs_buzzTable tr.bs_film .bs_titleContainer { text-align: left; padding-left:5px; } #bs_outerContainer #bs_buzzTable tr.bs_film .bs_title { height: auto; } /* RESULTS PAGE */ #bs_results #bs_outerContainer #bs_buzzTable { border: none; } #bs_results #bs_outerContainer #bs_buzzTable .bs_starRating { margin-left: 15px; } /* AUDIENCE */ #bs_screeningDetailInfo { padding: 0; font-size: 10px; color: #9D9D9D;} #bs_outerContainer #bs_screeningDetailInfo tr .bs_ratingControl .bs_communityRating, #bs_outerContainer #bs_screeningDetailInfo tr .bs_ratingControl .bs_starRating { display: block; float: none; } #bs_outerContainer #bs_screeningDetailInfo .bs_ratingImage { left: 50px; } #bs_audienceContainer { padding-top: 20px; border-bottom: 1px solid #C6C6C6; } #bs_audienceContainer .bs_member { float: left; margin-right: 20px; background-image: url('/images/bg_audienceMember.png'); background-repeat: no-repeat; width: 113px; height: 130px; text-align: left; padding: 1px 0pt 0pt 12px; } .bs_member p a { line-height: 10px; margin: 0; font-size: 12px; font-weight: bold; color: #4C4C4C; text-decoration: none; } #bs_audienceContainer #bs_audienceMembers { padding-top: 10px; border-top: 1px solid #C6C6C6; margin-top: 2px; //height:100%} #bs_screeningDetails select.bs_listSelectBold { text-transform: none; color:#4C4C4C; font-size:11px; margin-left:6px; padding:2px; } /* TELL A FRIEND */ #bs_outerContainer #bs_contentContainer .bs_tellafriend { font-size: 11px; width: 152px; } #bs_outerContainer #bs_contentContainer .bs_tellafriend .bs_borderBack { padding: 9px; } #bs_outerContainer #bs_contentContainer .bs_tellafriend input.bs_textinput { width: 120px; margin-bottom: 5px; font-size: 11px; } #bs_outerContainer #bs_contentContainer .bs_tellafriend textarea.bs_textinput { width: 120px; margin-bottom: 5px; font-size: 11px; } /* REVIEWS */ .bs_userFullReview .bs_reviewUser { float: left; } .bs_userFullReview .bs_fullReviewTitle { display: inline; } .bs_userFullReview .bs_reviewText { clear: left; } dl.bs_userSummary { margin: 0; padding: 0 0 0 0; width: 100%; } dl.bs_userSummary dt { margin: 0; } dl.bs_userSummary dd { margin: 0; padding: 0; font-weight: bold; } dl.bs_userFullReview { clear: both; overflow: hidden; } dl.bs_userFullReview dd { margin: 0; padding: 0; } dl.bs_userFullReview dt.bs_fullReviewTitle { color: black; font-size: 12pt; float: right; text-align: left; width: 80%; } dl.bs_userFullReview dd.bs_reviewDate { font-size: 10px; float: right; text-align: left; width: 80%; } dl.bs_userFullReview dd.bs_reviewUser { float: left; width: 90px; } dl.bs_userFullReview dd.bs_reviewText { clear: both; padding-top: 10px; } #bs_filmContent #bs_reviewsAddTitle, #bs_filmContent #bs_commentsAddTitle { font-size: 14px; padding: 6px 0px 10px 6px; } .bs_reviewRating { margin-top: 5px; } * html #bs_filmContent .bs_reviewRating { width: 60px; } .bs_commentTitle, .bs_reviewRating { margin: 0; } .bs_reviewCollapsed .bs_reviewRating { float: left; } .bs_commentCollapsed .bs_commentTitle { margin: 0; float: left; font-weight: bold; padding-left: 138px; } .bs_reviewCollapsed .bs_reviewTitle { margin: 0; float: left; font-weight: bold; padding-left: 56px; } .bs_commentInfo, .bs_reviewInfo { margin: 0; float: right; color: #9D9D9D; font-size: 11px; } .bs_commentInfoExpanded { float: left; color: #9D9D9D; font-size: 11px; padding-top: 10px; } .bs_textarea { width: 96%; height: 140px; border-bottom: 1px solid #C6C6C6; border-right: 1px solid #C6C6C6; padding: 4px; font-size: 14px; color: #9D9D9D; } body#bs_filmDetails #bs_commentsTabs.bs_textarea { //width: 385px; } .bs_commentFormTitle { width: 96%; border-bottom: 1px solid #C6C6C6; border-right: 1px solid #C6C6C6; margin-bottom: 4px; font-size: 16px; padding: 4px; } /* MEDIA PLAYER */ #bs_mediaPlayer { width: 100%; } #bs_media { padding: 9px 0 9px 9px; width: 426px; } .bs_controls { padding: 9px; vertical-align: top; text-align: center; width: 117px; } #bs_mediaPlayer #bs_slideshow, #bs_mediaPlayer #bs_trailer { width: 426px; } #bs_mediaPlayer #bs_slideshow { height: 240px; background-color: black; } #bs_mediaPlayer #bs_slideshow img { display: block; margin: 0 auto; } #bs_mediaPlayer #bs_slideshow a { color: #fff; text-decoration: none; } #bs_mediaPlayer .bs_controls { font-size: 11px; line-height: 14px; padding: 4px; font-style: italic; } #bs_mediaPlayer .bs_controls .bs_controlContainer { position: relative; z-index: 41; margin: 0; padding: 0; } #bs_mediaPlayer .bs_controls a { display: block; margin-left: auto; margin-right: auto; text-decoration: none; padding: 4px; } #bs_mediaPlayer .bs_button em { font-weight: normal; font-style: italic; } #bs_mediaPlayer .bs_controls div { padding: 4px; margin: 4px auto; } #bs_mediaPlayer .bs_controls img { display: block; margin-left: auto; margin-right: auto; } /* style for non-javascript display */ /* style for popup display */ #bs_trailers { position: relative; width: 60px; } #bs_play { width: 60px; top: 190px; } #bs_mediaPlayer .bs_controls #bs_play .bs_trailerList.bs_popup { margin-top:-6px; padding:0px; } #bs_mediaPlayer .bs_controls .bs_trailerList.bs_popup { position: absolute; margin-left: 25px; //margin-left: 0px; width: 120px; z-index: 20; } #bs_mediaPlayer .bs_controls .bs_trailerList.bs_popup img { display: inline; position: relative; left: -30px; } /* this currently needs a non-palette color to match the popup image. we can update that image to a standard color and change this later */ #bs_mediaPlayer .bs_controls .bs_trailerList.bs_popup div { border: 4px solid #535252; background-color: white; margin: 0px; padding: 0px; } #bs_mediaPlayer .bs_synopsis { margin-top: 12px; font-size: 12px; line-height:15px; font-family: Arial, Helvetica, sans-serif; } #bs_mediaPlayer .bs_controls .bs_jumpLinks { border-top: 1px solid #C6C6C6; margin: 12px 9px; padding-top: 12px; text-align: left; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-style: normal; } #bs_mediaPlayer .bs_controls .bs_jumpLinks a { font-style: normal; padding: 0; } #bs_mediaPlayer #bs_filmInfoLine { font-size: 11px; border-bottom: 1px solid #C6C6C6; padding: 3px 0; } #bs_mediaPlayer #bs_filmInfoLine .bs_filmInfoLineItem { white-space: nowrap; } #bs_mediaPlayer #bs_filmInfoLine strong { color: black; } #bs_mediaPlayer #filmVideoContainer { width: 426px; height: 260px; } /* FORMS */ label.bs_required { font-weight:bold; } .bs_forgotPassword { font-size: 11px; } .bs_forgotPassword a { color: #884482; } #bs_forgotPasswordForm div.bs_header { color: white; border: none; margin-bottom: 0; margin-left:15px; margin-top:-73px; //margin-top:-76px; } /* position the login form so that we are relative to it */ #bs_loginArea { position: relative; padding: 0px; } #bs_forgotPasswordCaption { position: absolute; top: 195px; left: 75px; z-index: 10; color: white; height: 119px; padding-left: 15px; } #bs_forgotPasswordCaption a { color: white; font-size: 11px; } #bs_forgotPasswordCaption form { margin: 0px; padding: 0px; } #bs_forgotPasswordCaption form table { margin: 15px; margin-top: 10px; border-collapse:collapse; } #bs_forgotPasswordCaption form table td { margin: 0px; padding: 0px 2px 0px 2px; } #bs_forgotPasswordCaption input.bs_textfield { width: 120px; } .bs_login_textfield{ width: 262px; } /* Feed Digest - does not use bs_ prefix because we don't generate the HTML */ /* Should probably use stronger selectors */ .postlink { color: #884482; font-size: 14px;} .postcontent { font-family: sans-serif;} .postauthor { font-style: italic; font-size: 10px; } .postdate { font-style: italic; font-size: 10px; } .bs_tooltip { font-size: 11px; font-family: Arial, Helvetica, sans-serif; z-index: 99999999; } .bs_tooltipBottom { text-align: left; padding: 5px; background-color: #4c4c4c; } * html .bs_tooltipCookies { top: 500px; left: 160px; width: 360px; } .bs_tooltipTopLeft, .bs_tooltipBottomLeft { text-align: left; } .bs_tooltipTopRight, .bs_tooltipBottomRight { text-align: right; } .bs_tooltipTopLeft #bs_tipCaptionImageTopRight, .bs_tooltipTopLeft #bs_tipCaptionImageBottomLeft, .bs_tooltipTopLeft #bs_tipCaptionImageBottomRight, .bs_tooltipTopRight #bs_tipCaptionImageTopLeft, .bs_tooltipTopRight #bs_tipCaptionImageBottomLeft, .bs_tooltipTopRight #bs_tipCaptionImageBottomRight, .bs_tooltipBottomLeft #bs_tipCaptionImageTopRight, .bs_tooltipBottomLeft #bs_tipCaptionImageTopLeft, .bs_tooltipBottomLeft #bs_tipCaptionImageBottomRight, .bs_tooltipBottomRight #bs_tipCaptionImageTopRight, .bs_tooltipBottomRight #bs_tipCaptionImageTopLeft, .bs_tooltipBottomRight #bs_tipCaptionImageBottomLeft { display: none; } .bs_tooltipTopLeft #bs_tipCaptionImageTopLeft, .bs_tooltipTopRight #bs_tipCaptionImageTopRight, .bs_tooltipBottomLeft #bs_tipCaptionImageBottomLeft, .bs_tooltipBottomRight #bs_tipCaptionImageBottomRight { display: inline; } .bs_tooltipContainer { width: 500px; margin: 0px; padding: 0px;} .bs_filmDetailsFlyover .bs_subHeader { font-size:11px; font-weight:bold; } .bs_filmDetailsFlyover { background: #FFFFFF; margin: 0px; color: black; width:500px; /* required for IE6/7 */ } .bs_tooltipContainer .bs_filmInfo .bs_title { font-size: 12px; font-family: Arial,Helvetica,sans-serif; font-weight: bold; color: #4C4C4C } .bs_filmDetailsFlyover .bs_titlebar { color: white; background-color: #4c4c4c; padding: 15px 15px 10px; } .bs_filmDetailsFlyover .bs_flyoverContent { padding: 10px 15px 15px; } .bs_filmDetailsFlyover .bs_title { font-size:18px; } .bs_filmDetailsFlyover .bs_filmOther { font-size:10px; color: #C6C6C6; } .bs_filmDetailsFlyover .bs_filmImage { background-color: black; overflow: hidden; text-align: center; width: 210px; height: 120px; float: right; margin: 2px; } .bs_filmDetailsFlyover .synopsis { font-size: 10px; font-family: Arial,Helvetica,sans-serif; color: #4C4C4C } .bs_filmDetailsFlyover .bs_filmInfo { font-size: 10px; float:left; } .bs_filmDetailsFlyover .bs_smallBox { width: 110px; } .bs_filmDetailsFlyover .bs_smallBox .bs_borderBack { min-height: 80px; overflow: auto; margin-bottom: 10px; } .bs_tooltipContainer .bs_filmDetailsFlyover .bs_horizontalLine { border-bottom:1px solid #C6C6C6; padding-bottom:10px; } .bs_tooltipContainer .bs_filmDetailsFlyover .bs_verticalLine { border-left:1px solid #C6C6C6; padding-left:10px; float: right; } .bs_filmDetailsFlyover .bs_stats, .bs_filmDetailsFlyover .bs_stars { margin-top:10px; float: right; } .bs_filmDetailsFlyover .bs_filmInfo { margin-top:10px; float: left; width: 50%; } .bs_tooltipContainer .bs_stars .bs_ratingControl .bs_starRating { float:none; clear:both; } .bs_filmDetailsFlyover .bs_userRating { margin-top: 10px; } .bs_netflixTip { padding: 15px; background-color: white; width: 150px; } #bs_flyover .bs_role { text-transform: capitalize; } #bs_flyover .bs_filmInfoLabel, #bs_flyover .bs_ratingControl .bs_ratingLabel, #bs_flyover .bs_ratingControl .bs_separateRating { font-size: 11px; line-height: 11px; margin-bottom: 5px; color: black; font-weight: bold; } .bs_filmDetailsFlyover td { vertical-align: top; } .bs_filmDetailsFlyover table td .bs_stars .bs_ratingControl .bs_starRating{ text-align: left; margin: 0; } .bs_noInsets { margin: 0px !important; padding: 0px !important; } #bs_outerContainer .bs_trailerPanelAltContainer { height: 240px; width: 406px; background-color: black; color: white; padding: 10px; } #bs_outerContainer .bs_trailerPanelAltContainer a, #bs_outerContainer .bs_trailerPanelAltContainer a:visited { color: white; } #bs_outerContainer .bs_screeningVenue a { height: 30px; display: block; font-size: 10px; } /* MAP WINDOW AND FLYOVER */ .bs_mapTooltipContainer { font-family: Arial,Helvetica,sans-serif; background-color: white; background-image: url(/images/bg_schedule_highlight.png); background-repeat: repeat-x; padding: 5px } #bs_outerContainer.bs_mapTooltipContainer { background-image: none; } .bs_mapFilmInfo { font-size: 16px; font-weight: bold; margin-top: 5px; margin-bottom: 3px; } .bs_mapVenue { font-size: 14px; font-weight: bold } .bs_mapExtInfo { font-size: 11px; color: #9D9D9D } #bs_outerContainer.bs_mapTooltipContainer .bs_filmList, .bs_mapTooltipContainer .bs_filmList { margin-bottom: 3px; border: 0px; } .bs_mapForTooltip { width: 300px; height: 300px; margin-top: 27px } .bs_mapForPrint { width: 650px; height: 650px; margin-top: 5px } .bs_vote {display: none} .bs_printMediaBlock { display: none; } .bs_printMediaInline { display: none; } .bs_screenMediaBlock { display: block; } .bs_screenMediaInline { display: inline; } /* MODAL ALERT */ div#bs_ma_overlay { position: absolute; left: 0; width: 100%; background-color: #000; z-index: 100000; } div#bs_ma_center { position: absolute; left: 50%; overflow: hidden; background-color: #000; z-index: 100001; border: 10px solid #000; font-family: Arial,Helvetica,sans-serif; font-size: 12px; } div#bs_ma_contents { width: auto; height: auto; overflow: auto; background-color: #FFF; visibility: hidden; } html .fb_share_button { display: inline-block; padding: 1px 20px 0 5px; height: 15px; border: 1px solid #d8dfea; background: url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?2:26981) no-repeat top right; } html .fb_share_button:hover { color: #fff; border-color: #295582; background: #3b5998 url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?2:26981) no-repeat top right; text-decoration: none; } #bs_rateFilmPopup { font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 1.5em; color: #4C4C4C; background-color: white; padding: 4px; text-align: left; } #bs_rateFilmPopup .bs_header { font-size: 15px; color: black; font-weight: bold; margin-bottom: 10px; padding-bottom: 2px; text-align: left; } #bs_rateFilmPopup .bs_review { margin-top: 1em; height: 115px; overflow: hidden; } #bs_rateFilmPopup .bs_review .bs_textarea { height: 81px; font-family: Arial, Helvetica, sans-serif; color: #4C4C4C; font-size:12px; line-height:14px; } #bs_rateFilmPopup .bs_review .bs_textarea.bs_formHasError { height: 42px; } #bs_rateFilmPopup .bs_review .bs_submit { margin-right: 4px; border: none; padding: 0; background: url(/images/buttonSaveEdits.png) no-repeat; width: 88px; height: 21px; } #bs_rateFilmPopup .bs_review .bs_addReview { margin-right: 4px; border: none; padding: 0; background: url(/images/buttonAddReview.png) no-repeat; width: 88px; height: 21px; } #bs_rateFilmPopup .bs_feedbackList { margin: 0; padding: 0; text-align: left; } #bs_rateFilmPopup .bs_feedbackList li.bs_feedbackERROR { list-style: none; color: red; font-weight: bold; font-size: 11px; } /* Schedule Wizard Popups */ .bs_scheduleWizardPopup { width: 528px; padding: 32px 21px 21px 32px; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 13px; line-height: 16px; background-color: #f0efef; } .bs_scheduleWizardPopup .bs_popupHeaderImage { float: right; } .bs_scheduleWizardPopup .bs_popupTitle { font-size: 26px; line-height: 32px; font-weight: bold; } .bs_scheduleWizardPopup .bs_popupTitle.bs_withImage { margin-top: 32px; } .bs_scheduleWizardPopup .bs_popupTitle .bs_emphasis { color: #56004E; } .bs_scheduleWizardPopup .bs_popupText:first-line { font-weight: bold; font-size: 14px; } .bs_scheduleWizardPopup .bs_festivalDateSelectContainer { margin: 10px 0; padding: 10px 0 0; font-size: 12px; line-height: 14px; border-top: 1px solid #9d9d9d; } .bs_scheduleWizardPopup .bs_subHeader { font-weight: bold; } .bs_scheduleWizardPopup .bs_festivalDateSelectContainer .bs_subHeader { margin-bottom: 5px; } .bs_scheduleWizardPopup .bs_notice { margin: 10px 0; padding: 5px; border-top: 1px solid #9d9d9d; background-color: white; font-size: 11px; line-height: 13px; } #bs_scheduleWizardEntry .bs_popupTitle { margin-bottom: 20px; } #bs_scheduleWizardEntry .bs_radiusButton { float: right; width: 50px; margin-left: 10px; text-align: center; } #bs_scheduleWizardEntry #bs_cancelButton { background-color: #9d9d9d; border: 1px solid #9d9d9d; } #bs_reschedulingPopup .bs_popupTitle { margin-bottom: 5px; } #bs_conflictResolver { font-size: 12px; line-height: 14px; color: #4c4c4c; } #bs_conflictResolver .bs_subHeader { color: black; font-size: 12px; line-height: 14px; } #bs_conflictResolver .bs_title { color: #56004E; font-weight: bold; } #bs_conflictResolver .bs_proposedAddition { width: 180px; float: left; font-size: 11px; line-height: 13px; } #bs_conflictResolver .bs_proposedScreening { border: 1px solid black; padding: 10px 10px 20px; background-color: #f3e7f0; margin-top: 20px; } #bs_conflictResolver .bs_proposedScreening .bs_title { font-size: 12px; } #bs_conflictResolver .bs_proposedScreening .bs_stars { margin-bottom: 10px; } #bs_conflictResolver .bs_proposedScreening .bs_category { margin-bottom: 10px; } #bs_conflictResolver .bs_proposedScreening .bs_date { font-weight: bold; } #bs_conflictResolver .bs_arrows { width: 42px; float: left; padding-top: 85px; } #bs_conflictResolver .bs_arrows img { display: block; margin: 0 auto 20px; } #bs_conflictResolver .bs_conflicts { width: 306px; float: left; font-size: 11px; line-height: 13px; } #bs_conflictResolver .bs_conflictSection { margin-top: 10px; } #bs_conflictResolver .bs_conflictSection .bs_sectionTitle { font-weight: bold; color: black; } #bs_conflictResolver .bs_conflictSection .bs_sectionTitle .bs_emphasis { color: #ff0000; } #bs_conflictResolver .bs_conflictSection .bs_conflictBox { border: 1px solid black; height: 80px; overflow-x: hidden; overflow-y: auto; } #bs_conflictResolver .bs_conflictSection .bs_conflictBox .bs_entry { padding: 7px 10px; } #bs_conflictResolver .bs_conflictSection .bs_conflictBox .bs_entry .bs_title { height: 13px; overflow: hidden; } #bs_conflictResolver .bs_conflictSection .bs_conflictBox .bs_entry .bs_filmAdditionalInfo { height: 13px; overflow: hidden; } #bs_conflictResolver #bs_toBeRemoved .bs_title { color: black; } #bs_conflictResolver .bs_buttons { margin-top: 20px; } #bs_conflictResolver .bs_radiusButton { float: right; width: 50px; margin-left: 10px; text-align: center; } #bs_conflictResolver #bs_cancelButton { background-color: #9d9d9d; border: 1px solid #9d9d9d; } #bs_outerContainer table#bs_buyTicketScreening { width: 100%; } #bs_outerContainer .bs_buyTicketInfo table { border-bottom: 1px solid #C6C6C6; } #bs_outerContainer .bs_buyTicketInfo table tr th { border-bottom: 1px solid #C6C6C6; padding: 3px; } #bs_outerContainer .bs_buyTicketInfo table tr td { padding: 3px; } #bs_outerContainer .bs_buyTicketInfo table { width: 100%; } #bs_outerContainer .bs_buyTicketMain table { width: 100%; } #bs_outerContainer .bs_buyTicketInfo table tr .bs_buyTicketDetails { width: 60%; text-align: left; } #bs_outerContainer .bs_buyTicketInfo table tr .bs_buyTicketUnitPrice { width: 16%; text-align: right; padding-right: 15px; } #bs_outerContainer .bs_buyTicketInfo table tr .bs_buyTicketQty { width: 5%; text-align: center; } #bs_outerContainer .bs_buyTicketInfo table tr .bs_buyTicketTotal { width: 16%; text-align: right; } #bs_outerContainer .bs_buyTicketInfo table tr .bs_buyTicketUsePass { width: 55px; text-align: center; white-space: nowrap; } #bs_outerContainer .bs_buyTicketInfo table tr .bs_buyTicketClear { width: 30px; text-align: center; } #bs_outerContainer .bs_buyTicketInfo table tr .bs_buyTicketScreening table { width: 100%; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; } #bs_outerContainer .bs_buyTicketInfo table tr .bs_buyTicketScreening table .bs_filmTitle { font-size: 16px; padding-top: 15px; font-weight: bold; } #bs_outerContainer .bs_buyTicketInfo table tr .bs_buyTicketScreening table .bs_localStart { width: 170px; } #bs_outerContainer .bs_buyTicketClear .bs_radiusButton { font-size: 10px; padding: 0px 2px; line-height: 1.2em; margin-top: 3px; } #bs_outerContainer table tr td.bs_buyTicketSummary { text-align: right; } #bs_outerContainer table tr td.bs_buyTicketSummary table { width: 100%; text-align: right; } #bs_outerContainer table tr td.bs_buyTicketSummary table tr td { padding: 3px; text-align: right; } #bs_outerContainer table tr td.bs_buyTicketSummary table tr td.bs_buyTicketTotal { width: 130px; font-weight: bold; } #bs_outerContainer table tr.bs_inputButtons input.bs_radiusButton { display: inline; cursor: pointer; } #bs_outerContainer .bs_paymentSummary { padding: 15px; background-color: #E2E2E2; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; text-align: right; } #bs_outerContainer .bs_buyTicketCurrentState div.bs_header { width: 100%; padding-top: 20px; } #bs_outerContainer .bs_buyTicketCurrentState div.bs_confirmPayment table { text-align: left; width: 100%; } #bs_outerContainer .bs_buyTicketCurrentState div.bs_confirmPayment table td { vertical-align: top; } #bs_outerContainer .bs_buyTicketCurrentState div.bs_confirmPayment table td.bs_confirmPaymentRight { width: 300px; text-align: right; } #bs_outerContainer .bs_buyTicketCurrentState div.bs_confirmPayment table .bs_inputButtons input { display: inline; cursor: pointer; } #bs_outerContainer .bs_buyTicketCurrentState div.bs_confirmPayment span { font-weight: bold; } #bs_outerContainer div.bs_ticket { float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; text-indent: 10px; padding: 5px; width: 230px; margin-top: 30px; margin-bottom: 30px; } #bs_outerContainer div.bs_ticket .bs_ticketStart { font-weight: normal; } #bs_outerContainer div.bs_ticket .bs_ticketTitle { font-size: 16px; } #bs_outerContainer div.bs_ticket .bs_ticketCode { font-size: 16px; } #bs_outerContainer div.bs_skipLogin { background-color: #f3e7f0; } #bs_outerContainer div.bs_skipLogin a.bs_radiusButton { display: inline; } #bs_userCartPage #bs_outerContainer div.bs_header table { width: 100%; } #bs_outerContainer div.bs_header .bs_buyTicketPassRemaining { width: 400px; text-align: center; font-size: 14px; font-weight: normal; background-color:#D9D0E6; border: 1px solid #D9D0E6; } #bs_outerContainer div.bs_header .bs_buyTicketPassRemaining span { font-weight: bold; } #bs_outerContainer table tr td.bs_buyTicketSummary .bs_inputButtons input.bs_disabled, #bs_outerContainer .bs_buyTicketCurrentState div.bs_confirmPayment table .bs_inputButtons input.bs_disabled { background-color: #f6f6f6; color: #9D9D9D; cursor: default; } #bs_outerContainer .bs_buyTicketMain select.bs_monthYear { width: 100px; } #bs_outerContainer #bs_ticketBundle a.bs_radiusButton { display: inline; margin-right: 10px; padding: 4px 10px; } #bs_outerContainer #bs_ticketBundle span.bs_caption { font-size: 14px; } #bs_outerContainer .bs_inputButtons input.bs_invert { background-color:#56004E; color:white; } #bs_outerContainer .bs_inputButtons input.bs_radiusButton { //padding-left:0px; //padding-right:0px; //width:auto!important; //margin-right:5px; } #bs_outerContainer .bs_buyTicketCurrentState div.bs_confirmPayment table tr.bs_inputButtons td.bs_confirmPaymentRight input.bs_radiusButton { //height: 22px; //padding: 0px 2px; } #bs_outerContainer table.bs_ticketBundle { clear: both; width: 100%; } #bs_outerContainer table.bs_ticketBundle .bs_ticketBundleCaption { font-size: 15px; font-weight: bold; color: black; } #bs_outerContainer table.bs_ticketBundle .bs_ticketBundleButton { width: 86px; } #bs_outerContainer table.bs_ticketBundle .bs_ticketBundleButton a { width: 62px; text-align: center; } /* PLACE FESTIVAL CSS HERE */ /* http://komodomedia.com/blog/index.php/2007/01/20/css-star-rating-redux/ */ .bs_ratingControl .bs_starRating { float: left; } .bs_ratingControl.bs_separateRating { clear: both; font-size: 12px; line-height: 20px; } .bs_ratingControl.bs_separateRating .bs_starRating { margin-top: 1px; } .bs_ratingControl .bs_ratingLabel { float: left; width: 100px; font-weight: bold; } #bs_outerContainer .bs_ratingControl a.bs_clickToRate { text-decoration: none; outline: none; -moz-outline-style: none; } #bs_outerContainer .bs_ratingControl span.bs_clickToRate { display: block; color: #696868; font-size: 11px; font-weight: bold; line-height: 13px; margin-top: 1px; width: 85px; padding: 1px 0; } .bs_ratingControl.bs_popup .bs_starRating { display: block; float: none; margin: 0 auto; } .bs_ratingControl.bs_popup a.bs_clickToRate { display: block; float: left; width: 85px; } .bs_ratingControl.bs_popup span.bs_clickToRate { text-align: center; } .bs_ratingControl.bs_popup .bs_communityRating { line-height: 20px; } .bs_ratingControl .bs_ratingWithInfo { margin-top: 2px; } .bs_ratingControl .bs_ratingInfo { float: right; } .bs_ratingControl .bs_communityRating { padding-left: 4px; } .bs_ratingControl .bs_communityRating, .bs_ratingControl .bs_ratingInfo, .bs_ratingControl .bs_yourTextRating { color: #696868; font-size: 11px; line-height: 18px; } .bs_ratingControl .bs_yourTextRating { line-height: 14px; } .bs_otherUser,.bs_otherUser a:hover,.bs_otherUser a:active,.bs_otherUser a:focus,.bs_otherUser .bs_currentRating { background: url(/images/star_community.png) left -1000px repeat-x; } * html .bs_otherUser, * html .bs_otherUser a:hover, * html .bs_otherUser a:active, * html .bs_otherUser a:focus, * html .bs_otherUser .bs_currentRating { background-image: url(/images/star_community.gif); } .bs_ratingCurrentUser,.bs_ratingCurrentUser a:hover,.bs_ratingCurrentUser a:active,.bs_ratingCurrentUser a:focus,.bs_ratingCurrentUser .bs_currentRating { background: url(/images/star_user.png) left -1000px repeat-x; } * html .bs_ratingCurrentUser, * html .bs_ratingCurrentUser a:hover, * html .bs_ratingCurrentUser a:active, * html .bs_ratingCurrentUser a:focus, * html .bs_ratingCurrentUser .bs_currentRating { background-image: url(/images/star_user.gif); } .bs_starRating { position: relative; width: 85px; height: 17px; overflow: hidden; list-style: none; margin: 0; padding: 0; background-position: left top; } .bs_starRating li { display: inline; } .bs_starRating a,.bs_starRating span,.bs_starRating .bs_currentRating { position: absolute; top: 0; left: 0; text-indent: -1000em; height: 17px; line-height: 17px; outline: none; overflow: hidden; border: none; } .bs_starRating a:hover,.bs_starRating a:active,.bs_starRating a:focus { background-position: left bottom; } .bs_starRating a.bs_star1,.bs_starRating span.bs_star1 { width: 20%; z-index: 6; } .bs_starRating a.bs_star6, .bs_starRating a.bs_star6:hover, .bs_starRating span.bs_star1 { width: 100%; z-index: 2; background: url(/images/star_community.png) left -1000px repeat-x; } .bs_starRating a.bs_star2,.bs_starRating span.bs_star1 { width: 40%; z-index: 5; } .bs_starRating a.bs_star3,.bs_starRating span.bs_star1 { width: 60%; z-index: 4; } .bs_starRating a.bs_star4,.bs_starRating span.bs_star1 { width: 80%; z-index: 3; } .bs_starRating a.bs_star5,.bs_starRating span.bs_star1 { width: 100%; z-index: 2; } .bs_starRating .bs_currentRating { z-Index: 1; background-position: left center; } .bs_inlineRatingControl { display: -moz-inline-block; display: -moz-inline-box; display: inline-block; vertical-align: middle; }/* Total width of container */ #bs_outerContainer { width: 800px; } /* ad width */ .bs_adTop { width: 728px; }