/* ----------------------------------------------------------------------- Blueprint CSS Framework 1.0 http://blueprintcss.org * Copyright (c) 2007-Present. See LICENSE for more info. * See README for instructions on how to use Blueprint. * For credits and origins, see AUTHORS. * This is a compressed file. See the sources in the 'src' directory. ----------------------------------------------------------------------- */ /* reset.css */ html {margin:0;padding:0;border:0;} body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;} body {line-height:1.5;background:white;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;float:none !important;} table, th, td {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:'';} blockquote, q {quotes:"" "";} a img {border:none;} :focus {outline:0;} html { font-size: 62.5%; line-height: 1.5em; } /* Default fonts and colors. */ body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: 'OpenSans', Helvetica, Arial, sans-serif; color: #B0B0B0; } /* Headings -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { font-weight: 700; line-height: 1; color: #333; } h1 { font-size: 36px; margin-bottom: 16px; } h2 { font-size: 28px; margin-bottom: 12px; } h3 { font-size: 22px; margin-bottom: 10px; } h4 { font-size: 18px; margin-bottom: 8px; } h5 { font-size: 16px; margin-bottom: 6px; } h6 { font-size: 14px; } /* Text elements -------------------------------------------------------------- */ p { margin: 0 0 12px; } ul, ol { margin: 0 0 12px 12px; } ul { list-style-type: circle; } ol { list-style-type: decimal; } ul.clean-list { margin: 0; list-style: none;} dl { margin: 0 0 12px 0; } dl dt { font-weight: bold; } dl dd { margin-left: 12px; } abbr { border-bottom: 1px dotted #000; } address { margin-top: 10px; font-style: italic; } del { color: #000; } a { color: #2abce9; text-decoration: none; } a:hover { text-decoration: underline; } a:focus { outline: none;} blockquote { margin: 12px; } strong { font-weight: bold; } em, dfn { font-style: italic; } dfn { font-weight: bold; } pre, code { margin: 12px 0; white-space: pre; } pre, code, tt { font: 1em monospace; line-height: 18px; } tt { display: block; margin: 1.5em 0; line-height: 18px; } hr {color: #ccc;background-color: #ccc;height:1px; border:none; margin:10px 0;} .hide { display: none;} /* Tables -------------------------------------------------------------- */ table { margin: 12px 0; width: 100%; border-collapse: collapse; } th { border-bottom: 2px solid #ddd; font-weight: bold; } td { border-bottom: 1px solid #ddd; } th,td { padding: 4px 10px 4px 0; } tfoot { font-style: italic; } caption { background: #ffc; } /* forms */ label { font-weight: bold; } /* Fieldsets */ fieldset { padding: 10px; margin: 0 0 15px 0; border: 1px solid #ddd; } legend { padding: 0; font-weight: bold; font-size: 12px; } /* Textareas */ textarea { margin: 0; padding: 5px; width:100%; } textarea.no-resize { resize:none; } /* forms.css */ label {font-weight:bold;} fieldset {padding:0;margin:0;border:none;} legend {font-weight:bold;font-size:1.2em;margin-top:-0.2em;margin-bottom:1em;} input[type=text], input[type=password], input.text, input.title, textarea {background-color:#fff;border:none;font-family:Arial, Helvetica, sans-serif; font-size:13px; } input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;} select {background-color:#fff;border-width:1px;border-style:solid;} input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } input.text, input.title {width:300px;padding:5px;} input.title {font-size:1.5em;} textarea {width:390px;height:200px;padding:5px; } form.inline {line-height:3;} form.inline p {margin-bottom:0;} .error, .error_list, .alert, .notice, .success, .info {list-style:none;} .error, .error_list, .alert {color:#f00;} .notice {background:#fff6bf;color:#514721;border-color:#ffd324;} .success {background:#e6efc2;color:#264409;border-color:#c6d880;} .info {background:#d5edf8;color:#205791;border-color:#92cae4;} .error a, .alert a {color:#8a1f11;} .notice a {color:#514721;} .success a {color:#264409;} .info a {color:#205791;} /* grid.css */ hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none;} hr.space {background:#fff;color:#fff;visibility:hidden;} .clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} .clearfix, .container {display:block;} .clear {clear:both;} /* layout */ body { background: #080807;} #wrapper { margin: 0 auto; position: relative; min-height: 1060px; } .content { height: 960px} header h1 { position: absolute; top: 43px; left: 44px; z-index: 100;} header h1 a { width: 241px; height: 96px; background: url(img/home/logo.png) no-repeat; text-indent: -9999px; display: block; } header h3 { position: absolute; top: 153px; left: 124px; z-index: 101;} header h3 { font-size: 20px; font-weight: 300; line-height: 24px; text-transform: uppercase; } header h3 a:hover { text-decoration: underline;} nav { position: absolute; top: 0; right: 0; padding-right: 20px; width: 272px; height: 609px; color: #fff; background: url(img/home/sidebar-home.png); z-index: 1; text-transform: uppercase; text-align: right;} nav .login { font-size: 15px; color: #189ac4; font-weight: 300; display: block; padding: 77px 0 21px 22px; } nav .login a { color: #189ac4;} nav .login a.signout { font-size: 14px; text-transform: none; font-weight: 700; margin-left: 10px; color: #2ABCE9;} nav p.city { font-size: 18px; line-height: 24px; margin-bottom: 51px; color: #fff; padding-left: 22px; } nav p.city a { display: block; font-size: 14px; text-transform: none; font-weight: 700;} nav h1 { font-size: 45px; font-weight: 700; margin: 0; color: #fff; padding-left: 22px;} nav h2 { font-size: 19px; font-weight: 300; line-height: 26px; margin: 0 0 10px; color: #fff; padding-left: 22px;} nav h2 sup { font-size: 10px; } nav h3 { font-size: 20px; font-weight: 300; line-height: 24px; margin: 0 0 11px; color: #fff; padding-left: 22px;} nav h3 a {} nav ul { font-size: 42px; font-weight: 100; margin: 0; list-style: none; margin: 0 0 0 22px;} nav ul a { text-shadow: 1px 1px 3px #000000; filter: dropshadow(color=#000000, offx=1, offy=1); } nav h3.howitwork { margin-bottom: 44px;} nav ul a:hover { text-decoration: none;} nav ul a.home-films-link:hover { text-decoration: underline;} aside.about-to-tip {position: absolute; top: 609px; left: 0; width: 100%; height: 207px; } aside .curators, aside .gal-home { background: url(img/home/footer-content.png); height: 207px;} aside .curators { float: right; width: 292px; background: none;} .featured { float: right; width: 292px;} aside.content-footer { position: absolute; bottom: 0; left: 0; right: 0; background: url(img/home/footer-content2.png); height: 262px;} aside.content-footer-no-line { background: url(img/home/footer-content3.png); } .more-tit { background: url(img/home/more-tit.png) no-repeat; font-weight: 700; color: #fff; line-height: 18px; font-size: 14px;text-indent: 89px; text-transform: uppercase;} aside .curators .more-tit { background-position: -309px 0; text-indent: 22px; margin-bottom: 15px; } aside .featured { height: 161px;} aside .featured h5 { color: #c4df3a; font-weight: 300; margin-top: -15px; text-indent: 22px;text-transform: uppercase; font-size: 11px;} aside .featured img {display: block; margin-left: 22px;} /* slider */ .curators { position: relative;} .curators .browse { position: absolute; top: 99px; display: block; width: 9px; height: 16px; cursor: pointer; background: url(img/home/curators-browse.png) left center; z-index: 5; } .curators .curators-prev { left: 0px; } .curators .curators-next { background-position: right center; right: 8px; } .curators-slider {position:relative; overflow:hidden; width: 270px; height:160px; margin: 0 0 0 8px;} .curators-slider ul {width:20000em; position:absolute; margin: 0; list-style: none;} .curators-slider ul li { float:left; width: 270px; text-align: center;} .curators-slider img { } /* slider */ .slider-container { position: relative; } .slider-container .browse { position: absolute; top: 425px; display: block; width: 35px; height: 81px; cursor: pointer;} .slider-container .prev { background: url(img/home/slider-prev.png); left: 0; z-index: 2;} .slider-container .next { background: url(img/home/slider-next.png); right: 295px; z-index: 2;} .slider {position:relative; overflow:hidden; height: 1026px; /*796px;*/} .slider ul {width:20000em; position:absolute; } .slider ul li { float:left; position: relative; height: 1px; width: 100%;} .slider ul li .gathrit { position: absolute; top:435px; left: 89px; text-transform: uppercase; } .slider ul li .gathr-notify-button { width: 76px; margin-top: 5px; float: left; } .slider ul li .gathrit a.screening-request { display: block; width: 138px; height: 55px; position: relative; background: url(img/home/btn-gathrit.png); left: -4px; float: left} .slider ul li h3 a { font-weight: 300; color: #fff; margin: 0 0 5px; font-size: 33px; white-space:nowrap; text-shadow: 0px 0px 3px #000000; filter: dropshadow(color=#000000, offx=0, offy=0); } .slider ul li h4 a { font-size: 20px; font-weight: 300; color: #fff; white-space:nowrap; text-shadow: 0px 0px 3px #000000; filter: dropshadow(color=#000000, offx=0, offy=0);} .slider img { display: block; float: left; width: 100%; } .slider-container .filter { position: absolute; top: 0; left: 0; display: block; height: 796px; background: url(img/home/slider-bg.png);} /* gal */ #upcomingScreeningsSlider { padding-right: 255px; } ul.gal { margin: 0 0 0 89px; padding-top: 24px; padding-right:35px; list-style: none; height: 137px; overflow: hidden; } ul.gal li { float: left; color: #fff; width: 200px; padding: 0; margin: 0 5px 30px 0; position: relative; min-width: 200px;} ul.gal li a { color: #fff; text-transform: uppercase;} ul.gal li a:hover { text-decoration: none;} ul.gal li img { left: 0; top:0px; margin:0; position: absolute; -webkit-box-shadow: 0 0 5px 0px rgba(255, 255, 255, 0.3); box-shadow: 0 0 5px 0px rgba(255, 255, 255, 0.3);} ul.gal li h3 { margin:0 0 0 78px; height:65px; padding: 0; font:100 13px/16px OpenSans, sans-serif; max-height: 65px; overflow: hidden;} ul.gal li h3 strong { text-transform: uppercase; display: block;color:#c8d944; font-weight: 700;} ul.gal li p { padding-left: 100px;font:11px OpenSans, sans-serif; color: #fff; min-height:35px; } ul.gal li p strong { text-transform: uppercase; display: block;font:900 11px OpenSans, sans-serif;} ul.gal li p.green {background: url(img/reserve/gal-green.png) no-repeat 78px 0;} ul.gal li p.yellow {background: url(img/reserve/gal-yellow.png) no-repeat 78px 0;} ul.gal li p.red {background: url(img/reserve/gal-red.png) no-repeat 78px 0;} #upcoming-films-container .gal .upcoming_loading { height:50px; margin-top:25px; margin-left:80px; background:url(img/ajax-loader.gif) no-repeat center !Important; } .browse { position: absolute; top: 50px; display: block; width: 35px; height: 81px; cursor: pointer;} .next-screnings-prev { background: url(img/home/slider-prev.png); left: 0; z-index: 2;} .next-screnings-next { background: url(img/home/slider-next.png); right: 295px; z-index: 2;} /* footer */ footer {margin: 0 0 0px 0; height: 27px; position: absolute; bottom: 0; left: 0; background: #000000; width: 100%;} .footer-nav { margin-left: 89px;float: left; width: 640px; } .footer-nav p { font-size: 13px; color: #49494a; margin: 0;} .footer-nav p a:hover { color: #fff; text-decoration: none; } .footer-nav p.copy {text-transform: uppercase; color: #696969; padding-top: 8px; font-size: 11px;} .footer-nav p.copy a { color: #696969;} .footer-nav p.copy a:hover { color: #fff;} .footer-nav p.copy a strong { color: #fff; font-weight: 700; text-transform: none;} footer .social { float: right; margin-right: 173px; margin-left: -173px; } footer .social a { background: url(img/home/social-links.png); display: block; width: 28px; height: 28px; margin: 8px 4px 0 0; float: left; } footer .social a:hover {background-image: url(img/home/social-links-over.png);} footer .social a.ico-facebook{} footer .social a.ico-twitter { background-position: -32px 0;} footer .social a.ico-vimeo { background-position: -64px 0;} footer .social a.ico-youtube { background-position: -96px 0;} /* overlay old version*/ #overlay .detail { border:none; background:none; font-family: Arial, sans-serif; color: #B0B0B0;} #overlay .detail a { color: #fff;} #overlay .detail h2 { margin-bottom:20px;} #overlay .detail .detail-content { margin:0; padding:0; } #overlay .detail .detail-content .viewport { } #overlay div.contentWrap {min-height:441px;} #overlay div.contentWrap .loadingWrap { background:url(img/ajax-loader.gif) no-repeat center center; height:500px;} #overlay input.loading {background:#000 url(img/ajax-loader.gif) no-repeat 3px center !Important;} #vimeo_modal {display:none;background: url(img/overlay-bg.png); padding:40px; width:645px;} #overlay {display:none;background: url(img/overlay-bg.png);width:515px;padding:35px 70px 30px;font-size:11px; z-index: 2;} #vimeo_modal .close, #overlay .close {background-image:url(img/overlay-close.png);position:absolute; right:0; top:0;cursor:pointer;height:36px;width:38px;} #overlay .close:hover { background-position:left bottom;} #overlay .title { font-size:35px; color:#a8cc46; font-weight: 300; } #overlay .description { padding-bottom:23px; background:url(img/meta-bg.png) repeat-x center bottom;} #overlay .current { line-height:65px; padding-bottom:23px; background:url(img/meta-bg.png) repeat-x center bottom; font-size: 12px;} #overlay .current strong { color:#22b4b7; font-size: 14px;} #overlay h3 { color:#22b4b7; font-size:14px; margin:0; padding-top: 35px;} #overlay .button { text-align: right;} #overlay .button input { z-index:9999; -webkit-appearance: none;border:none; background: #814c94; color: #fff; text-transform: uppercase;font-weight: 700; padding: 5px 40px; cursor: pointer;} #overlay .button input:hover { -webkit-appearance: none; background:#b666d1;} #overlay #changeLocation { width:510px;} #overlay #change_location_zip_code { width: 510px;} #overlay #changeLocation .modal-error-message{ width:200px} .modal-error-message { color: #f00; font-size: 12px; padding-right: 10px; display:block; z-index: -9999} #screeningRequest .modal-error-message { clear:left;} #formPasswordRecoveryRequest .modal-error-message, #sendCommentForm .modal-error-message, #changeLocation .modal-error-message { position: relative; top: -25px; width: 250px; z-index: 5} #overlay #boxLoginForm .description { font-size: 16px; color: #B0B0B0; font-family: Arial, sans-serif;} #overlay #boxLoginForm fieldset { float: left; width: 305px; margin:0 25px 10px 0;} #overlay #boxLoginForm fieldset p { margin: 0; position: relative;font-family: Arial, sans-serif;} #overlay #boxLoginForm fieldset p label { display: none;} #overlay #boxLoginForm fieldset p .text { padding: 3px 15px; width: 320px;} #overlay #boxLoginForm fieldset p .req { font-size: 16px; position: absolute; left: 5px; top: 9px; color: #f00;} #overlay .placeholder fieldset { float: left; width: 510px; margin:0 25px 10px 0;} #overlay .placeholder fieldset p { margin: 0; position: relative;} #overlay .placeholder fieldset p label { display: none;} #overlay .placeholder fieldset p .text { padding: 3px 15px; width: 480px;} #overlay .placeholder fieldset p .req { font-size: 16px; position: absolute; left: 5px; top: 9px; color: #f00;} /*#formContactUs p { clear: left;} #formContactUs p label { float: left; width: 70px; text-align: right; margin-right: 15px; line-height: 25px; padding: 8px 0;} #formContactUs p .req { color: #f00; float: left; width: 10px; line-height: 25px; padding: 8px 0; font-size: 14px;} #formContactUs p .modal-error-message { display: block; padding-left: 95px;} */ #overlay #formContactUs.placeholder fieldset p.select {border:1px solid #666; padding: 1px 0 1px 12px; background:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} #overlay #formContactUs.placeholder fieldset p.select select { border:none; margin:0; width:490px} #overlay #formContactUs.placeholder fieldset p.select .req { top:2px;} #formPasswordRecoveryRequest .text { width:510px;} #formPasswordRecoveryRequest h2 { background: url("img/meta-bg.png") repeat-x center bottom ;padding-bottom: 23px;} #exposeMask { position: fixed !important} #overlay #boxLoginForm .button input { -webkit-appearance: none; font-size: 16px; position: relative; top: 15px; padding: 10px 30px;} #overlay h4 { color: #1eadab; font-size: 16px; font-weight: normal; margin-bottom: 0;} #overlay h5 { color: #fff; font-size: 16px; font-weight: normal; margin-bottom: 15px;} #overlay h5 strong { color: #1eadab; font-weight: bold; } #overlay .box { clear: left; border:1px solid #262827; border-width: 1px 0; margin: 10px 0; padding: 10px 0; } #overlay .register {background:#393939; text-align:center; font-size:16px; margin-bottom:5px; text-transform:uppercase; display:block; font-weight: 700; line-height:23px; color:#c4c4c4; width: 295px; padding: 10px 0;} #overlay .register:hover {background:#686868;} #overlay #sign-in-options { list-style: none; line-height: 30px; font-size: 14px; color: #fff; padding:10px 0 0;} #overlay #sign-in-options li { padding-left: 40px; background: url(img/social-icon.png) no-repeat;} #overlay #sign-in-options li.twitter { background-position: 0 -31px;} #overlay #sign-in-options li.google { background-position: 0 -62px;} #overlay #sign-in-options li a { text-decoration: underline; font-weight: bold;color: #fff;} #overlay #sign-in-options li a:hover { color:#a8cc46;} #overlay .different .top {background: url(img/meta-bg.png) repeat-x center bottom; margin-bottom: 22px; padding-bottom: 22px; font-size: 12px;} #overlay .different .top .title { font-size: 18px; margin-bottom: 3px;} #overlay .different .top img { float: left; margin:8px 15px 10px 0;} #overlay .different .top strong { color:#22ABAD; } #overlay .different .top a { text-decoration: underline;} #overlay .different .top a:hover { color:#a8cc46;} #overlay .different ul { list-style:none; padding:0; width:515px;} #overlay .different ul li { margin:4px 4px 10px 4px; height:95px; border-bottom: 1px solid #393939; padding-bottom: 10px; } #overlay .different ul li img { float:left; height:180px; width:121px; margin-right:15px;} #overlay .different ul li .details { width:200px; float:left;} #overlay .different ul li .details h2 { padding:20px 0 10px; border-bottom:1px solid #353535; margin:0 0 10px; font-size:23px; line-height:23px; color:#a8cc46; font-weight: 300;} #overlay .different ul li p {color:#bdbdbd; margin:0 15px 10px 0; width: 280px;} #overlay .different ul li p strong { display:block; font-weight:normal; text-transform:uppercase; font-size:11px; } #overlay .different ul li p a { text-decoration:underline;} #overlay .different ul li .action { float:right; padding:30px 0 0 0; } #overlay .different ul li .action .screening { background:#814c93; text-align:center; font-size:14px; margin-bottom:5px; text-transform:uppercase; display:block; font-weight: 700; line-height:27px; padding: 0 15px;} #overlay .different ul li .action .screening:hover { background:#b666d1;} #overlay .different ul li .status { margin:0 0 0 260px; } #overlay .different ul li .status a { color:#a8cc46;} #overlay .different ul li .status .reservation { height:6px; width:130px; background:#fff; border:1px solid #fff; display:block; margin-top:3px; } #overlay .different ul li .status .reservation span { height:6px; display:block;} #overlay .venue .description {min-height:120px; margin-bottom:15px; padding-left:220px;} #overlay .venue h2.title {background: url("img/meta-bg.png") repeat-x center bottom; padding-bottom:15px; margin-bottom:15px;} #overlay .venue .description strong {display:block; font-size:10px; text-transform:uppercase;} #overlay .venue .location { position:absolute; width:220px; top:118px; left:70px;} #overlay .venue .location h5 {display:block; font-size:10px; text-transform:uppercase; color: #B0B0B0; margin-bottom:0;} #overlay .venue .location #map-it {cursor: pointer; background-color:#804c94; line-height:28px; width:74px; font-weight: 700; font-size: 13px; text-align: center; text-transform: uppercase; display:block; color:#FFFFFF;} #overlay .venue .location #map-it:hover { background:#b666d1;} #overlay .venue #map_canvas {width: 515px; height: 339px;} #overlay .venue #map-link { display:none;} #overlay .venue p {font-size:12px; margin-bottom:7px;} #overlay .venue .scrollable {height:339px; width:515px; overflow:hidden; position:relative;} #overlay .venue .scrollable ul {padding-left:0; list-style:none; width:2000em; position:absolute; } #overlay .venue .scrollable ul li {width:515px; float:left;} #overlay .venue .scrollable ul li div { overflow:hidden; height:307px;} #overlay .venue .scrollable ul li p { text-align:center; font-size:11px; line-height:32px;} #overlay .venue .scrollable-control { position:relative;} #overlay .venue .scrollable-control a { cursor:pointer; display: block; background: url(img/flechas.png); width: 28px; height: 28px; top: 130px; position: absolute;} #overlay .venue .scrollable-control a.prev {left: -40px;} #overlay .venue .scrollable-control a.next {background-position: right top; right:-40px;} #overlay .venue .scrollable-control a.prev:hover { background-position:left bottom;} #overlay .venue .scrollable-control a.next:hover {background-position: right bottom;} #overlay #delete-box { background:url(img/ico-alert.png) no-repeat center 30px; padding-top:140px;} #overlay #delete-box .description { background-position:center top; padding-top:35px; font-size:18px;} #overlay #delete-box .dont-delete {background-color: #804C94; color: #FFFFFF; display: block; font-weight: 700; font-size: 18px; line-height: 36px; text-align: center; text-transform: uppercase; text-decoration:none; padding:0 20px; float:left; margin-right:5px;} #overlay #delete-box .dont-delete:hover {background:#b666d1;} #overlay #delete-box #submit-delete-profile { -webkit-appearance: none; background-color:#393939; color: #c4c4c4; display: block; font-weight: 700; font-size: 18px; line-height: 36px; text-align: center; text-transform: uppercase; height:36px; text-decoration:none; padding:0 20px; border:none; cursor:pointer; float:right;} #overlay #delete-box #submit-delete-profile:hover {-webkit-appearance: none; background:#686868;} #overlay #success-box { background:url(img/ico-ok.png) no-repeat center 30px; padding-top:140px;} #overlay #success-box .description { background-position:center top; padding-top:35px; font-size:18px;} #overlay #success-box .great {background-color: #804C94; color: #FFFFFF; display: block; font-weight: 700; font-size: 18px; line-height: 36px; text-align: center; text-transform: uppercase; text-decoration:none; padding:0 20px; float:left; margin-right:5px;} #overlay #success-box .great:hover {background:#b666d1;} #overlay #loading-box { background:url(img/ico-loading.gif) no-repeat center 60px; padding-top:140px;} #overlay #loading-box .description { background-position:center top; padding-top:35px; font-size:18px;} #overlay.overlay-auto .contentWrap { min-height:350px; width: 515px;} #overlay .validating-payment .title { font-size: 30px; } #scrollbar { clear: both; margin-right: 20px; max-width: 515px;} #scrollbar .viewport { height: 300px; overflow: hidden; position: relative;} #scrollbar .overview { list-style: none; position: absolute; left: 0; top: 0; width: 90%;} #scrollbar .thumb .end, #scrollbar .scrollbar { position: relative; float: right; width: 1px; left: 20px; background-color: #2c3031; padding:5px 0; top:-5px; } #scrollbar .track { height: 100%; width:23px; position: relative; padding:0; left:-11px; } #scrollbar .thumb { height: 67px; width: 23px; cursor: pointer; overflow: hidden; position: absolute; top: 0; background:url(img/scrollbar-thumb.png); } #scrollbar .thumb:hover { background-position:-23px top;} #scrollbar .thumb .end { overflow: hidden; height: 5px; width: 13px; } #scrollbar .disable{ display: none; } #overlay .privacy h5 { color: #1eadab; font-size: 16px; font-weight: normal; margin-bottom: 0;} #overlay .privacy p { font-size: 15px;font-family: Arial, sans-serif; color: #B0B0B0; } #FAQs modal #overlayRequest .detail-about-us .title { font-size: 38px; margin-bottom: 3px;} #overlayRequest .detail-about-us h2.title {color: #c8d944; font-size: 30px;font-family:OpenSansLight;margin-bottom: 15px; line-height: 30px;} #overlayRequest .detail-about-us h4 { color: #F89C30; font-size: 16px; font-weight: normal; margin-bottom: 0;} #overlayRequest .detail-about-us p { margin: 0 0 1.5em; color: #FFFFFF; font-size: 15px;} #overlayRequest .detail-about-us .hiw-reserve { font-size:15px; color:#fff; background:#814c93; display:block; text-align:center; font-weight: 700; line-height:36px; text-transform:uppercase; margin-bottom: 5px; } #overlayRequest .detail-about-us .title { font-size: 38px; margin-bottom: 3px;} #overlay .detail-about-us h2 { font-size:38px; color:#f3f3f4;} #overlay .detail-about-us h3 { font-size:27px; color:#31bceb; padding:0 0 15px; font-weight: 300;} #overlay .detail-about-us h4 { font-size:16px; color:#f89c30;} #overlay .detail-about-us ul {color:#aa4bb7; margin:1.5em 0;} #overlay .detail-about-us ul p { color:#fff; margin:0;} #overlay .detail-about-us p { color:#fff; font-size:15px;font-family: Arial, sans-serif; } #overlay .detail-how { background:url(img/how-green.png) no-repeat right bottom; height:1400px;} #overlay .detail-how h2 { font-size:38px; color:#f3f3f4; background:url(img/how-top.png) no-repeat center bottom; height:340px;} #overlay .detail-how h3 { font-size:27px; color:#31bceb; padding:0 0 15px; font-weight: 300; background:url(img/how-play.png) no-repeat right top; height:226px; line-height:38px; padding-top:10px;} #overlay .detail-how h3 a { float:right; width:140px; height:226px; display:block;} #overlay .detail-how p { color:#fff; font-size:13px;} #overlay .detail-how p strong { color:#fb9924;} #overlay .detail-how p a { color:#c3f748; position:relative;} #overlay .detail-how p a span { display:none; position:absolute; top:-215px; left:-15px; background:url(img/how-tooltip.png) center top; width:370px; height:213px;} #overlay .detail-how p a span.even { background-position:center bottom} #overlay .detail-how p a:hover span { display:block;} #overlay .detail-how ol {color:#a946b1; font-size:13px; background:url(img/how-chaces.png) no-repeat right top;} #overlay .detail-how ol ol { list-style-type:lower-alpha; color:#00c9fd; margin-bottom:1.5em; background:none;} #overlay .detail-how ol ol p { margin-bottom:0;} .detail .reserve { font-size:15px; color:#fff; background:#814c93; display:block; text-align:center; font-weight: 700; line-height:36px; text-transform:uppercase; margin-bottom: 5px; } .detail .reserve:hover {background:#b666d1;} .detail .hiw-reserve { font-size:15px; color:#fff; background:#814c93; display:block; text-align:center; font-weight: 700; line-height:36px; text-transform:uppercase; margin-bottom: 5px; } #set_location_overlay { background: #040404 url(img/setlocation/set-location-bg.jpg) no-repeat center top; padding-top: 303px;} .set-location-content { padding: 32px 0 0 325px; width: 427px; height: 178px; background: url(img/setlocation/content.png); margin:0 auto 110px; font-family: OpenSansBold; } .set-location-content h3 { font-size: 22px; color: #2abce9; text-transform: uppercase; margin-bottom: 8px;} .set-location-content form {} .set-location-content input[type=text] { width: 262px; height: 41px; float: left; font-size: 22px; color: #8b8b8b; margin:3px 0; padding:0 10px; background: none;} .set-location-content input[type=text]:focus { color: #3e3e3e; } .set-location-content .submit { float: right; margin-right: 42px; width: 85px; height: 65px; text-indent: -9999px; overflow: hidden; line-height: 1000em; position: relative; top: -15px; border:none; background:none; cursor: pointer;} .set-location-content p small { color: #fff; font-size: 14px; padding-left: 20px;} .set-location-logos { width: 920px; height: 180px; background: url(img/setlocation/logos.png) no-repeat; margin: 0 auto; } .set-location-logos h4 { visibility: hidden;} .set-location-content #set-location-errors { margin-top: -15px; width:300px; margin-bottom: 5px; } #errorSpan { position: relative;} #errorSpan span { position: absolute; top: 80px; left: 17px; width: 300px } #screeningRequest { font-size:14px; } #screeningRequest fieldset { border-bottom:1px solid #252628; margin-bottom:21px; position:relative; } #screeningRequest fieldset.last { margin-bottom:0; border-bottom:0; float: left;} #screeningRequest fieldset label { display:block; color:#22ABAD; font-weight:normal; } #screeningRequest fieldset textarea { width:500px; height:60px; color: #000; } #screeningRequest fieldset #change { font-size:12px; text-decoration:underline;} #screeningRequest fieldset .screening-request-num { position:absolute; height:44px; width:44px; text-align:center; line-height:44px; left:-58px; top:6px; background:url(img/screening-request-num.png); font:700 20px/44px OpenSans;} #screeningRequest input#screening_request_buy_it_now { float: left; margin-bottom: 20px; } #screeningRequest label.buy_it_now_label { text-transform: none; color: #404040; font-weight: normal; } #screeningRequest fieldset input#from, #screeningRequest fieldset input#to { width:180px;} #screeningRequest fieldset .ui-datepicker-trigger { margin:0 5px; vertical-align:middle; cursor:pointer;} #screeningRequest #screening_request_time { width:280px; margin-right:10px; float:left;} /*#video_modal_open_request { font-size: 24px; line-height: 64px; font-weight: 100;}*/ #video_modal_open_request {font-weight: 300; color: #fff; width:120px; display:inline-block; height:64px; background:url(img/watch-trailer-button-bgrd.png) no-repeat left center; } #screeningRequest p.request-description-with-counter, #formDownloadFlyer .request-description-with-counter { position: relative } #screeningRequest .counter, #formDownloadFlyer .counter { font-size:14px; font-weight:300; color:#22ABAD; position:absolute; right:10px; top:0; } /* media */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px){ #all-films, .detail { min-width:1144px; } } @media only screen and (max-device-width: 480px) { #all-films, .detail { min-width:1144px; } } /* request form */ #requestform { background: #f2f2f2 url(img/request-bg.png) no-repeat; width: 864px; position: relative;} #requestform .close {position: absolute; top: -14px; right: -15px; display: block; width: 29px; height: 29px; background: url(img/request-form-close.png); cursor: pointer; } #requestform h2.title {padding-left: 125px; font-size: 37px; font-weight: 100; color: #2bbde8; padding-top: 20px; line-height: 65px; margin: 0;} .request-header img { float: left; margin: 5px 37px 18px 73px; -webkit-box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.2);} .request-header .thank-you { font-weight: 300; margin-bottom: 0;} .request-header p { font-weight: 100; color: #404040; font-size: 17px; line-height: 19px; margin-bottom:10px; } .request-header h3 { font-size: 22px; line-height: 36px; color: #018a8b; text-transform: uppercase; margin-bottom: 0px; height: 40px; margin-top: 5px; overflow: hidden;} .request-header h3 strong { display: block; font-weight: 700; font-size: 38px;} .req { font-weight: 700; color: #ef0e0e; font-size: 11px; } #requestform h4{ font-size: 14px; text-transform: uppercase; font-weight: 700; color: #404040; padding-left:120px; line-height: 18px; margin-bottom: 17px; } #requestform h5 {color: #208faf; font-size: 18px; font-weight: 600; line-height: 20px;} #screeningRequest { font-size:14px; padding-left: 70px; width: 719px; clear: left; } #screeningRequest fieldset { margin-bottom:10px; position:relative; border:none; } #screeningRequest fieldset p { float: left; margin-right: 33px; margin-bottom: 10px;} #screeningRequest fieldset p input[type=text],#screeningRequest fieldset p input[type=password] { font-size: 16px; color: #404040; padding:8px 9px; background: #e2e2e2; -webkit-box-shadow: inset 0px 0px 5px 5px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 0px 5px 5px rgba(0, 0, 0, 0.1); width: auto; } #screeningRequest fieldset p input[type=checkbox] { font-size: 16px; color: #404040; padding:8px; background: #e2e2e2; -webkit-box-shadow: inset 0px 0px 5px 5px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 0px 5px 5px rgba(0, 0, 0, 0.1); width: auto; } #screeningRequest fieldset p select { font-size: 16px; color: #404040; padding:12px 9px; background: #e2e2e2; -webkit-box-shadow: inset 0px 0px 5px 5px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 0px 5px 5px rgba(0, 0, 0, 0.1); } #screeningRequest fieldset.last { margin-bottom:0; border-bottom:0;} #screeningRequest fieldset label { display:block; color:#404040; font-weight:700; text-transform: uppercase; font-size: 13px; } #screeningRequest fieldset textarea { width:670px; height:80px; background: #e2e2e2; -webkit-box-shadow: inset 0px 0px 5px 5px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 0px 5px 5px rgba(0, 0, 0, 0.1); } #screeningRequest fieldset #change { font-size:12px; text-decoration:underline;} #screeningRequest fieldset .screening-request-num { position:absolute; height:22px; width:22px; text-align:center; line-height:22px; left:-29px; top:0; background:url(img/new-screening-request-num.png);font-weight: 600; font-size: 16px; color: #fff;} #screeningRequest p.btn-submit { clear: both; font-size: 15px; line-height: 19px; font-weight: 300; color: #404040;} #screeningRequest p.btn-submit a {color: #af35c5; font-weight: 700;} #screeningRequest p.btn-submit input { float: right; margin:0 16px 0 10px; background: url(img/btn-request-submit.png); width: 135px; height: 66px; border:none; cursor: pointer; display: block; text-indent: -999999px; white-space: nowrap; line-height: 200px; overflow: hidden;} #screeningRequest p.btn-submit input.submit-step { float: right; margin:0 16px 40px 10px; background: url(img/screening-request-next.png); width: 118px; height: 33px; border:none; cursor: pointer; display: block; text-indent: -999999px; white-space: nowrap; line-height: 200px; overflow: hidden;} #screeningRequest .go-step-back { float: left; margin:0 16px 40px 0px; background: url(img/screening-request-prev.png); width: 118px; height: 33px; border:none; cursor: pointer; display: block; text-indent: -999999px; white-space: nowrap; line-height: 200px; overflow: hidden;} #screeningRequest fieldset input#from, #screeningRequest fieldset input#to { width:180px;} #screeningRequest fieldset .ui-datepicker-trigger { margin:0 5px; vertical-align:middle; cursor:pointer;} #screeningRequest #screening_request_time { width:280px; margin-right:10px; float:left;} #screeningRequest #step-1 #step-1-fields { float: left;width: 467px; } #screeningRequest #step-1 #step-1-sidebar { background: url(img/new-screening-sidebar-bg.png) no-repeat; background-position: 0px 26px; padding-left: 50px; height: 300px; width: 195px; float:left } #screeningRequest #step-1 #step-1-sidebar h4 { font-size: 13px; padding-left: 0px;} #screeningRequest #step-1 #zip-container { clear:both; } #screeningRequest #step-1 #step-1-sidebar #sign-in-options { margin: 5px 0px 0px 0px; list-style: none; padding-left: 0px; } #screeningRequest #step-1 #step-1-sidebar #sign-in-options li a { display: block; margin-bottom: 15px; width: 190px; height: 35px; text-indent: -999999px; white-space: nowrap; } #screeningRequest #step-1 #step-1-sidebar #sign-in-options li.facebook a { background: url(img/login-facebook.png); } #screeningRequest #step-1 #step-1-sidebar #sign-in-options li.twitter a { background: url(img/login-twitter.png); } #screeningRequest #step-1 #step-1-sidebar #sign-in-options li.google a { background: url(img/login-google.png); } #screeningRequest #step-1 #login { margin-bottom: 25px; } #screeningRequest #step-1 #login a { text-decoration: underline; color: #208FAF } #screeningRequest #step-1 .movie-captain-definition { color: #606060; } #screeningRequest #step-2 #location-content { float: left; display: inline-block; width: 353px; margin-right: 5px;} #screeningRequest #step-2 #theater-content { float: left; display: inline-block; width: 357px;} #screeningRequest #step-2 #theater-results { width: 367px; } #screeningRequest #step-2 #theater-results-empty { width: 367px; } #screeningRequest #step-2 #preferred-theaters { width: 367px; } #screeningRequest #step-2 #map-canvas { width: 350px; height: 300px; float: right; margin-bottom: 15px; } #screeningRequest #step-2 #theater-results ul { padding: 0; margin-left: 0px; } #screeningRequest #step-2 #theater-results li { display: block; margin-right: 15px; padding: 1px; list-style-type: none; } #screeningRequest #step-2 #theater-results li:hover { background-color: #E5E3DF; display: block; cursor: pointer; } #screeningRequest #step-2 #theater-results li .theater-name { font-size: 13px; color: #404040; margin-bottom: 0px; display: inline; text-transform: uppercase; } #screeningRequest #step-2 #theater-results li .distance { margin-left: 5px; margin-bottom: 0px; font-size: 11px; line-height: normal; } #screeningRequest #step-2 #theater-results li .address { display: block; margin-bottom: 5px; font-size: 13px; line-height: normal; } #screeningRequest #step-2 #theater-results li.selected { background: url('img/request-theater.png') no-repeat right center; padding: 1px; cursor: normal; color: #6ea935; } #screeningRequest #step-2 #theater-results li.selected:hover { background-color: #E5E3DF; } #screeningRequest #step-2 #theater-results li.selected .theater-name { color: #6ea935; } #screeningRequest #step-2 #other-content { width: 720px; } #screeningRequest #step-2 #theater-results-logo { background: url('img/') no-repeat; width: 0px; height: 0px; } #screeningRequest #step-3 #buy-it-now { clear:both; margin-bottom: 25px; color: #404040; font-size: 14px; } #screeningRequest #step-4 #review-request p { color: #404040; clear: left } #screeningRequest #step-4 .details-review-container { float: left } #screeningRequest #step-4 .last #save-time-later { clear:both; } #screeningRequest #step-4 .last #save-time-later h5 { margin-top: 15px; } #screeningRequest #step-4 #accept-tos { clear:both; margin-bottom: 25px; color: #404040; font-size: 14px; } #screeningRequest #step-4 #accept-tos a { color: #404040; text-decoration: underline; } #screeningRequest #step-4 #accept-tos input { margin-right: 5px; } #screeningRequest #step-4 #accept-tos p#dob-fieldset { clear:both } #screeningRequest #step-4 .last h5 { clear: both;} #screeningRequest #step-4 #screening_request_commentary { width: 250px; height: 100px; } #screeningRequest #step-4 #additional-comments { float: right; } #screeningRequest #progress-bar { width: 720px; height: 90px; margin: 30px 0px; background: url(img/screening-request-progress-bar.png) no-repeat; } #screeningRequest #progress-bar h5 { padding-top: 28px; font-size: 24px; } #screeningRequest #progress-bar.step-1 { background-position: 115px 9px; } #screeningRequest #progress-bar.step-2 { background-position: 115px -79px; } #screeningRequest #progress-bar.step-3 { background-position: 115px -159px; } #screeningRequest #progress-bar.step-4 { background-position: 115px -240px; } #screeningRequest p.btn-submit-errors, #screeningRequest p.btn-submit-loading { clear: both; display: none } /*#video_modal_open_request { font-size: 24px; line-height: 64px; font-weight: 100;}*/ #video_modal_open_request {font-weight: 300; color: #fff; width:120px; display:inline-block; height:64px; background:url(img/watch-trailer-button-bgrd.png) no-repeat left center; } #screening-request-incentives-msg-box { font-size: 12px; font-weight: 200; color: #af35c5; padding-top: 13px;} #screening-request-incentives-msg-box strong { font-weight: 600;} #screeningRequest .counter { color: #af35c5; font-size: 12px; font-weight: normal; position: static; display: block; text-align:right; text-transform: uppercase; } .map_powered_by { float: right; width: 104px; height: 16px; background: url("img/powered-by-google/desktop/powered-by-google-on-white.png") no-repeat top left; } div.pac-container { z-index: 15000 !important; } #screeningRequest fieldset p input[type="text"].default-city-value { color: #B0B0B0; } #overlayRequest {display:none;background:#000 url(img/overlay-bg2.png) repeat-x;width:625px;padding:35px 50px 30px 30px;font-size:11px;} #overlayRequest .close {position: absolute; top: -14px; right: -15px; display: block; width: 29px; height: 29px;background: url(img/request-form-close.png); cursor: pointer; } #overlayRequest .different h4 { color: #F89C30; font-size: 16px; font-weight: normal; margin-bottom: 0;} #overlayRequest .different p { margin: 0 0 1.5em; color: #FFFFFF; font-size: 15px;} #overlayRequest .different .hiw-reserve { font-size:15px; color:#fff; background:#814c93; display:block; text-align:center; font-weight: 700; line-height:36px; text-transform:uppercase; margin-bottom: 5px; } #overlayRequest .different .top {background: url(img/meta-bg.png) repeat-x center bottom; margin-bottom: 22px; padding-bottom: 22px; font-size: 12px;} #overlayRequest .different .top .title { font-size: 38px; margin-bottom: 3px;} #overlayRequest .different .top img { float: left; margin:8px 15px 10px 0;} #overlayRequest .different .top strong { color:#22ABAD; } #overlayRequest .different .top a { text-decoration: underline;} #overlayRequest .different .top a:hover { color:#a8cc46;} #overlayRequest .different ul { list-style:none; padding:0; width:515px;} #overlayRequest .different ul li { margin:4px 4px 0 4px; padding-bottom: 25px; clear: left; } #overlayRequest .different ul li img { float:left; height:180px; width:121px; margin-right:15px;} #overlayRequest .different ul li .details { width:283px; float:left;} #overlayRequest .different ul li .details h2 { padding:20px 0 10px; border-bottom:1px solid #353535; margin:0 0 10px; font-size:23px; line-height:23px; color:#a8cc46; font-family:OpenSansRegular;} #overlayRequest .different ul li p {color:#fff; margin:0 15px 10px 0; width: 280px;} #overlayRequest .different ul li p strong { display:block; font-weight:normal; text-transform:uppercase; font-size:13px;font-family:OpenSansBold; } #overlayRequest .different ul li p a { text-decoration:none;color:#c8d944;} #overlayRequest .different ul li .action { float:right; padding:30px 0 0 0; } #overlayRequest .different ul li .action .screening { background:url(img/different-select.png) no-repeat center center; text-align:center; font-size:12px; margin-bottom:5px; text-transform:uppercase; display:block; font-family:OpenSansLight; font-weight: bold; line-height:24px; padding: 0;color: #fff; width: 86px;} #overlayRequest .different ul li .status { margin:0 0 0 283px; width: 204px; } #overlayRequest .different ul li .status p {width: 204px;} #overlayRequest .different ul li .status a { color:#a8cc46;} #overlayRequest .different ul li .status .reservation { height:8px; background:url(img/over-res-bg.png) no-repeat; padding:4px 5px 6px; display:block; margin-top:3px; text-align:left; } #overlayRequest .different ul li .status .reservation span { height:8px; display:block;} #overlayRequest .different #create-anyway { background-image: url(img/different-create.png); background-repeat: no-repeat; background-attachment: inherit; background-position: center; text-align:center; font-size:12px; margin-bottom:5px; text-transform:uppercase; display:block; font-family:OpenSansLight; line-height:25px; padding: 0;color: #000; clear: both; margin:20px; cursor:pointer;} #overlayRequest .different h2.title {color: #c8d944; font-size: 30px;font-family:OpenSansLight; font-weight: normal; margin-bottom:15px; line-height: 30px;} .different img {-webkit-box-shadow: 0px 0px 4px 4px rgba(255, 255, 255, 0.3); box-shadow: 0px 0px 4px 4px rgba(255, 255, 255, 0.3); float: left; margin:9px 24px 25px 5px;} .different p {margin: 0; font-size: 13px; color: #fff;} .different #scrollbar { width: 640px; height: auto;} .different #scrollbar .viewport {width: 640px;} #overlayRequest .different ul {width: 640px;margin: 0;} #overlayRequest .details-requested h2.title { font-family:OpenSansLight; margin-bottom: 15px; color: #c8d944; font-size: 30px; line-height: 30px; margin-bottom: 15px;} #overlayRequest .details-requested p.description { margin:0 0 10px 0; background:none; font-size:12px; font-family:OpenSansRegular;} #overlayRequest .details-requested h3 { font-size:18px; font-family:OpenSansBold; margin-left: 0; color:#018a8b; padding:0 0 0 140px; text-transform: uppercase; margin-bottom: 0;} .details-requested img { float:none; position: absolute; top: 132px; left: 34px; margin:0;-webkit-box-shadow: 0px 0px 4px 4px rgba(255, 255, 255, 0.3);box-shadow: 0px 0px 4px 4px rgba(255, 255, 255, 0.3); } .details-requested p {color:#fff; margin:0 15px 0 140px;font-size: 13px; } .details-requested p strong { font-family:OpenSansBold; font-weight:normal; } .details-requested a { text-decoration: underline;} .details-requested p.note {border-top: 1px solid #393939; padding-top:10px; font-size:14px; margin-left:0;} #overlayRequest .details-requested .preferred-details { margin-left: 140px;} #overlayRequest .details-requested .preferred-details .alternative {float: left; width: 220px;} #overlayRequest .details-requested .preferred-details h5 { padding-top: 23px; clear: left; margin-bottom: 3px; font-family:OpenSansBold; text-transform: uppercase; color: #c8d944; font-size: 13px;} #overlayRequest .details-requested .preferred-details h6 { margin-bottom: 0; padding-top: 10px; font-family:OpenSansBold; text-transform: uppercase; color: #fff; font-size: 13px;} #overlayRequest .details-requested .preferred-details p {margin: 0; font-size: 13px; color: #fff;} /* tooltip */ .tooltip {background:#000 url(img/overlay-bg2.png) repeat-x; display: none; width:228px;padding:20px 0 39px 16px;font-size:11px;color: #fff; } .tooltip .tooltip-poster {float: left; margin:5px 12px 13px 0;-webkit-box-shadow: 0px 0px 2px 2px rgba(255, 255, 255, 0.3); box-shadow: 0px 0px 2px 2px rgba(255, 255, 255, 0.3); } .tooltip {position: absolute; top: 50px; left: 50px; z-index: 300;} .tooltip .start-date { font-size: 11px; text-transform: uppercase; color: #fff; padding-right: 10px; line-height: 14px; margin-bottom: 10px;} .tooltip .count-title {text-transform: uppercase;color: #fff; font-size: 11px; margin: 0; clear: left;} .tooltip .countdown { color: #fff; font-size: 11px; text-transform: uppercase; line-height: 26px;} .tooltip .countdown span { font-weight: 700; font-size: 26px;} .tooltip .btn { display: block; background: url(img/over-btn.png) no-repeat; width: 212px; height: 30px; margin: 0px; text-indent: -9999px; } .tooltip .btn-view-movie-details { background-position: 0 0;} .tooltip .btn-request-a-screening { background-position: 0 -32px;} .tooltip .btn-buy-your-ticket { background-position: 0 -68px;} .tooltip .btn-view-screening-details { background-position: 0 -97px;} .tooltip .btn-request-a-new-screening { background-position: 0 -127px;} .tooltip .btn-reserve-your-seat { background-position: 0 -158px;} .tooltip .btn-see-all-screenings { background-position: 0 -188px;} .tooltip .gathr-notify-button { margin: 1px 0px 0px 1px; } .tooltip .status { position: absolute; bottom: 7px; left: 20px; display: block; background:url(img/bg-25.png); width: 203px;} .tooltip .status { background: none;} .tooltip .status .reservation { height:8px; background:url(img/over-res-bg.png) no-repeat; padding:4px 5px 6px; display:block; margin-top:3px; text-align:left; } .tooltip .status .reservation span { height:8px; display:block;} .series-hover h3 { color: #fff; } .btn-view-series { display: block; background: url('img/btn-series.png') no-repeat; width: 212px; height: 30px; margin: 0px; color: #fff; font-size: 12px; text-align: center; padding-top: 6px; text-transform: uppercase; } .btn-view-series:hover { text-decoration: none; } .reservation span, .reservation div {background:#cc3333;margin:0;} .reservation-dash .red, .reservation .red {background:#cc3333; } .reservation-dash .green, .reservation .green {background:#659700;} .reservation-dash .yellow, .reservation .yellow {background:#fac637;} .tooltip .box-reservetion { float: left; width: 122px; text-transform: uppercase; font-size: 11px;} .tooltip .box-reservetion p {background: url(img/screening-tickets.png) no-repeat 0 2px; padding-left: 27px; line-height: 10px; margin-bottom: 10px; color: #fff;} .tooltip .box-reservetion p.non-tipped {background:url("img/reserve/gal-red.png") no-repeat 0 2px;} .tooltip .box-reservetion p.reservation-ticket-available { background-position: 0 -51px;} .tooltip .box-reservetion p.reservation-ticket-not-available { background: transparent;} .tooltip .box-reservetion strong { display: block; font-size:24px; line-height: 24px; } .tooltip div.screening-date-counter { clear: both; } .btn-print-my-tickets { background:url("img/btn-print-my-tickets.png") no-repeat; display: block; width: 135px; height: 52px; margin-left: 120px; } #printMyTicketsForm label#printMyTicketsFormFormNote, #printMyTicketsFormSuccess p { font-family:OpenSansRegular; font-weight: normal; font-size: 12px; } #printMyTicketsForm p#printMyTicketsFormEmailAddress { font-family:OpenSansBold; font-weight: normal; text-transform: uppercase; font-size: 13px; padding-top: 20px; } #printMyTicketsForm input { height: 25px; } #printMyTicketsForm input.submit { background: url("img/btn-resend-tickets-submit.png") repeat scroll 0 0 transparent; width: 174px; height: 49px; border: medium none; cursor: pointer; display: block; line-height: 200px; overflow: hidden; text-indent: -999999px; white-space: nowrap; margin-left: 90px; margin-top: 25px; } #printMyTicketsForm .contact-us-link { color: #FF0000; } #printMyTicketsForm input.loading { -webkit-appearance: none; background:#000 url(img/ajax-loader.gif) no-repeat 70px center !Important;}