/* ----------------------------------------------------------------------- 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;} /* typography.css */ html {font-size:100.01%;} body {font-size:75%;color:#b0b0b0;font-family: OpenSans, Arial, Helvetica, sans-serif; /*background: url(img/pattern.jpg);*/ } h1, h2, h3, h4, h5, h6 {font-weight:normal;} h1 {font-size:3em;line-height:1;margin-bottom:0.5em;} h2 {font-size:2em;margin-bottom:0.75em;} h3 {font-size:1.5em;line-height:1;margin-bottom:1em;} h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;} h5 {font-size:1em;font-weight:bold;margin-bottom:0.5em;} h6 {font-size:1em;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} p {margin:0 0 1.5em;} .left {float:left !important;} p .left {margin:0 12px 0 0;padding:0;} h5 .left {margin:5px 12px 10px 0;padding:0;} .right {float:right !important;} p .right {margin:1.5em 0 1.5em 1.5em;padding:0;} a:focus, a:hover {color:#fff;} a {color:#fff;text-decoration:none;} blockquote {margin:1.5em;color:#666;font-style:italic;} strong, dfn {font-weight:bold;} em, dfn {font-style:italic;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em;font-style:italic;} del {color:#666;} pre {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} li ul, li ol {margin:0;} ul, ol {margin:0;padding-left:1.5em;} ul {list-style-type:disc;} ol {list-style-type:decimal;} dl {margin:0 0 1.5em 0;} dl dt {font-weight:bold;} dd {margin-left:1.5em;} /*table {margin-bottom:1.4em;width:100%; border-collapse:collapse;} thead th span {font-weight:normal; text-align:left; padding-left:10px; } thead th {background:#ebebeb; text-align:left; padding:15px 10px 11px 21px; border:1px solid #fff;} thead th.first { padding-left:21px; background:#ebebeb } thead th.last { padding-right:10px; background:#ebebeb } td {padding:21px 10px 17px 31px; background:#dadada;border:1px solid #fff;} td.first {padding:21px 10px 17px 31px; background:#dadada; background:#dadada } td.last {padding:21px 10px 17px 31px; background:#dadada; background:#dadada } tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}*/ caption {background:#eee;} .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;} .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;} .hide {display:none;} .quiet {color:#666;} .loud {color:#000;} .highlight {background:#ff0;} .added {background:#060;color:#fff;} .removed {background:#900;color:#fff;} .first {margin-left:0;padding-left:0;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} .bottom {margin-bottom:0;padding-bottom:0;} .placeholder{ color: #aaa;} /* 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 */ .wrap {} 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:#000; } #sidebar { float:left; width:191px; padding:34px 0 200px 26px; background: #000; font-family:OpenSans, Arial, sans-serif; color: #fff; } #sidebar h1 a { display:block;margin-bottom:35px; background:url(img/logo-gathr.png) no-repeat; height:66px; text-indent:-9999px;} #sidebar h1 { margin-bottom: 0; font-weight: 700;} #login { margin:0 0 10px; font-size:18px;} #login p strong { display:block; text-transform:uppercase; font-size:18px;} #login a.user { color:#a8cc46;} #login a.login { text-transform:uppercase; font-weight: 500; color: #fff;} #login a.login:hover { color:#2bbee8; } #sidebar h2 { font-size: 20px; line-height: 24px; font-weight: 300; margin-bottom: 7px} #sidebar h2 sup { font-size: 8px;} #sidebar h3 { line-height: 24px;font-weight: 300; font-size: 20px; text-transform: uppercase; margin-bottom: 30px;} #sidebar h3 a { color:#2bbee8; display: block; margin-top: 3px; } #sidebar a.films { font-weight: 100; font-size: 34px; text-transform: uppercase;} #sidebar ul { list-style:none; padding:0;} #sidebar .city { text-align:left; margin:0 0 35px 0; font-weight: 100;} #sidebar .city p { margin:0; font-size:15px; text-transform: uppercase; line-height: 19px;} #sidebar .city h4 { font-size:15px; margin-bottom:0; text-transform: uppercase;font-weight: 100;} #sidebar .city a { display:block; margin:0 10px 0 0; font-size:11px; color:#2bbee8;font-weight: 500;} /* footer */ footer {background: #000; margin: 0; height: 100px; position: relative; clear: both;} footer h2 { background: url(img/home/more-tit.png) no-repeat right center; font-weight: 700; color: #fff; line-height: 18px; font-size: 14px;text-transform: uppercase; padding: 0 16px; position: absolute; left: 0; bottom: 0; margin: 0;} footer h2 sup { font-size: 8px;} footer .featured h5 {color: #c8d944; font-size: 11px; text-transform: uppercase; font-weight: 300;} footer .featured { position: absolute; top:-185px; left: 26px; width: 191px; } footer .featured img {display: block;} .footer-nav { float: left; width: 640px; margin-left: 265px; padding: 20px 0 0; } .footer-nav p { font-size: 13px; color: #49494a; margin: 0;} .footer-nav p a {color: #42b4e8; } .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: #42b4e8;} .footer-nav p.copy a strong { color: #fff; font-weight: 700; text-transform: none;} .footer { background:url(img/footer-bg.png) repeat-x; margin:0 26px; padding:20px 0; font-size:10px;} .footer ul { margin-bottom:5px;} .footer a { font-weight:bold; line-height:14px;} .footer a.privacy { color: #B0B0B0; text-decoration: underline; font-weight: normal; } .content { margin-left:217px;} /* details */ .new-screening { background:#f2f2f2 url(img/new-screening-bg.png); border-left:2px solid #22abad; width: 1067px;} .new-screening-content { background: url(img/detail-top.png) repeat-x; position: relative; } .new-screening-content-top { height: 141px; width: 675px; text-transform: uppercase;} .new-screening-content-top h2 { font-weight: 900; padding: 30px 0 0 40px; font-size: 35px; line-height: 40px; margin: 0; color: #fff;} .new-screening-content-top h3 { font-weight: 700; padding: 0 0 0px 40px; font-size: 23px; margin: 0; color: #c8d944;} .new-screening-content-top h5 {font-weight: 600; color: #fff; font-size: 15px; text-transform: uppercase; padding-left: 40px;} .new-screening-content-top a:hover { color:#ABCC46 } .new-screening-content-action { width: 642px; height: 236px; } .new-screening-content-action .request {background: url(img/detail-request.png); display: block; width: 224px; height: 36px; text-align: center; line-height: 36px; font-size: 14px; color: #404040; float: right; position: relative;top:-17px; } .new-screening-content-action h4 { line-height: 18px; color: #fff; text-indent: 47px; text-transform: uppercase; font-size: 14px; font-weight: 700; background: url(img/new-screening-tit.png) no-repeat; margin-bottom: 14px; } .new-screening-content-action .buy-content { float: right; } .new-screening-content-action .buy { float: right; display: block; background:url('img/buy-your-tickets-btn.png') no-repeat; width: 226px; height: 114px; color: #fff; text-align: center; text-transform: uppercase;} .new-screening-content-action .buy div { margin-top: 12px; font-size: 38px; font-weight: bold; } .new-screening-content-action .buy span { font-size: 20px; font-weight: normal; display: block; text-transform: none; } .new-screening-content-action .price { float: left; display: block; font-size: 32px; margin-right: 10px; color: #fff; } .new-screening-content-action .buy .reserve {font-size: 20px;} .new-screening-content-action .buy a { padding: 0 0 0 0; line-height: 17px; color: #fff; } .new-screening-content-action .tipped { font-weight: 300;color: #70ba51; font-size: 21px;} .new-screening-content-action .resend-tickets { background: url(img/btn-resend-tickets.png); float: right; width: 225px; height: 32px; overflow: hidden; text-indent: -999999px; white-space: nowrap; clear: right; } .new-screening-content-action .how-it-works-screening-details { background: url(img/btn-how-it-works-screening-details.png); float: right; width: 225px; height: 32px; line-height: 200px; overflow: hidden; text-indent: -999999px; white-space: nowrap; margin-top: 0px; clear: right; } .new-screening-content-action .start-date { font-weight: 700; text-transform: uppercase; font-size: 15px; line-height: 18px; margin-left: 15px; color: #fff;} .new-screening-content-action .ticketsold { font-weight: 100; line-height: 15px; position: absolute; top: 355px; left: 15px; text-align: center;} .new-screening-content-action p {color: #fff; margin-bottom: 0; } .new-screening-content-action div.isindate { margin-left: 15px; } .new-screening-content-action div.isindate p {font-size: 15px; font-weight: 700; margin-bottom: 10px;} .new-screening-content-action div.isindate .tipped { font-weight: 300;color: #70ba51; font-size: 21px; margin-bottom: 0; line-height: 20px; margin-top: 5px;} .new-screening-content-action div.isindate .not-tipped {color: #D20000; line-height: 20px;} .new-screening-content-action div.isindate .nearly-tipped {color: #ffc544; line-height: 20px;} .new-screening-content-action p strong { font-weight: 600;} .new-screening-content-action .box-reservetion { float: left; width: 150px; text-transform: uppercase; font-size: 11px; margin-left: 15px; } .new-screening-content-action .box-reservetion p {background: url(img/screening-tickets.png) no-repeat 0 2px; padding-left: 27px; line-height: 10px; margin-bottom: 10px;} .new-screening-content-action .box-reservetion p.non-tipped {background:url("img/reserve/gal-red.png") no-repeat 0 2px;} .new-screening-content-action .box-reservetion p.nearly-tipped {background:url("img/reserve/gal-yellow.png") no-repeat 0 2px;} .new-screening-content-action .box-reservetion p.reservation-ticket-available { background-position: 0 -51px;} .new-screening-content-action .box-reservetion p.reservation-ticket-not-available { background: transparent;} .new-screening-content-action .box-reservetion strong { display: block; font-size:27px; line-height: 27px; } .new-screening-content-action .count-title {text-transform: uppercase; font-size: 11px;} .new-screening-content-action .countdown { color: #fff; font-size: 11px; text-transform: uppercase; line-height: 26px;} .new-screening-content-action .countdown span { font-weight: 700; font-size: 26px;} .new-screening-content .sidebar-sreening {float: right; width: 426px; background: url(img/sidebar-sreening-bg.png) no-repeat 0 380px; } .new-screening-content .capture { display:block; float: right; margin:40px 33px 27px 34px; padding: 0; -webkit-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);} .new-screening-content .sidebar-sreening h4 { font-weight: 100; font-size: 24px; color: #206668; padding-left:32px; margin-bottom: 15px; } .new-screening-content .sidebar-sreening h4 a {color: #206668; } .sidebar-sreening h2 { font-weight: 300; color: #404040; font-size: 14px; line-height: 17px; padding-right: 32px; text-transform: uppercase; height: 61px; margin: 0;} .sidebar-sreening p { margin: 0; color: #404040;} .sidebar-sreening .trailer-thumb { float: left; width: 229px; height: 128px; margin-right: 9px; margin-bottom:27px; position: relative; margin-left: 32px; } .sidebar-sreening .trailer-thumb .play {display: block;width: 229px; height: 128px; position: absolute;left: 0;top: 0; background: url(img/trailer-play.png) no-repeat center center;} .resolution { text-transform: uppercase;} .resolution .ico-hd {display: block; float: left; background: url(img/trailer-hd.png); width: 17px; height: 11px; margin-right: 7px; position: relative; top: 3px; } .sidebar-sreening .more-trailer { padding:38px 0 0 32px; clear: both; background: url(img/sidebar-sreening-bg.png) no-repeat 0 -422px; min-height: 250px; } .sidebar-sreening .more-trailer p { font-size: 13px; line-height: 20px; margin-bottom: 0; color: #404040} .sidebar-sreening .more-trailer p strong { color: #929191; font-weight: 700; text-transform: uppercase; } .sidebar-sreening a {color:#af35c5; } .sidebar-sreening .more-trailer p.sinopsis { font-size: 15px; line-height: 22px; font-weight: 100; padding: 25px 32px 35px 0;} .sidebar-sreening .trailer-watch { float: left; background: url(img/trailer-watch.png); width: 96px; height: 32px; display: block; position: relative; left: -3px; top: 2px;} .panels { width:641px; color: #404040;} .panels h2 { margin: 0; font-size: 14px; font-weight: 700; text-transform: uppercase; cursor: pointer; text-indent: 47px; background: url(img/panel-tit-bg.png); color: #fff; padding: 3px 0 7px; line-height: 18px; height: 18px;} .panels h2#panel-about-tit {color: #404040;background-position: 0 -87px; line-height: 13px;} .panels h2#panel-about-tit.current {background-position: 0 -3px; line-height: 13px;} .panels h2#panel-promote-tit { background-position: 0 -112px;} .panels h2#panel-promote-tit.current {background-position: 0 -28px;} .panels h2#panel-commentary-tit { text-indent: 85px;background-position: 0 -140px;} .panels h2#panel-commentary-tit.current {background-position: 0 -56px;} .panels .panel-about { position: relative; } .panel {padding:17px 47px; display: none; } .panel .movie-captain { float: left; width: 233px;} .panel .movie-captain strong { text-transform: uppercase; display: block;font-size: 13px; margin-bottom: 3px;} .panel .movie-captain img { display: block; float: left; margin:0 10px 0 0; border:1px solid #000; } .panel .movie-captain span {display: block; padding-top: 16px; text-decoration: none; color: #af35c5;} .panel .movie-captain em {font-style: normal; font-weight: 100; font-size: 12px;} .panel .when {font-size: 13px; line-height: 18px; min-height: 75px; font-weight: 300; width: 570px;} .panel .when strong { display: block; text-transform: uppercase;} .panel .when .map { text-transform: uppercase; color: #af35c5;} .panel .desription-about {color: #018a8b; width: 600px; font-size: 18px; font-weight: 700; line-height: 25px;} .panel p { font-size: 16px; line-height: 24px; font-weight: 100; width: 600px; margin-bottom: 16px;} .panel p a.screening-other-url { color: #000; text-decoration: underline; } .panel-promote .description {color: #206668; font-size: 24px; font-weight: 100;} .panel-promote .description-capture { height: 185px;} .panel-promote .description-capture img {float: left; border:3px solid #af35c5; margin-right:24px; } .panel-promote #download-flyer-title a {color: #b859ca; font-size: 16px; line-height: 18px; font-weight: 700; margin-bottom: 10px; text-transform: uppercase;} .panel-promote #download-flyer-description {font-size: 16px; line-height: 24px; font-weight: 100; width: 390px;} .panel-promote .share-tit {color: #056768; font-size: 15px; line-height: 20px; font-weight: 700;} .addthis_toolbox {height: 60px;} .panel-promote .screening-url-share {background: #e2e2e2; float: left; padding: 2px 10px; font-size: 13px; font-weight: 100; -webkit-box-shadow: inset 0px 0px 5px 5px rgba(0, 0, 0, 0.01); box-shadow: inset 0px 0px 5px 5px rgba(0, 0, 0, 0.01);-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} #container_copy_promo_url { float: left;} #container_copy_promo_url .my_clip_button{ text-transform: uppercase; cursor: pointer; color: #b859ca; font-weight: 600; line-height: 23px; padding-left: 9px; text-decoration: none; font-size: 14px;} .panel-commentary {position: relative;} .panel-commentary label {display: block; color: #009cc3; font-size: 13px; line-height: 17px; text-transform: uppercase;} .panel-commentary textarea { width: 550px; height: 95px; background: #e2e2e2; margin-bottom: 30px; -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); } .panel-commentary .button { position: absolute; top: 7px; left:537px; } .panel-commentary .button input {display: block;width: 73px; height: 31px; background: url(img/btn-submit.png); color: #fff; text-transform: uppercase; font-size: 12px; cursor: pointer;border:none; padding-bottom: 5px;} .panel-commentary .comments ul#screening_comments {list-style: none; margin: 0;} .panel-commentary .comments ul#screening_comments li {min-height: 55px; padding:0 0 29px; margin-bottom: 23px; background: none;} .panel-commentary .comments ul#screening_comments li .author { float: left; width: 195px;font-size: 13px;} .panel-commentary .comments ul#screening_comments img { display: block; float: left; margin:0 10px 0 0; border:1px solid #000; } .panel-commentary .comments ul#screening_comments h6 { margin-bottom: 0; padding-top: 6px; color: #af35c5; overflow: hidden;} .panel-commentary .comments ul#screening_comments h6 em{display: block; font-size: 13px;color: #000; font-weight: 100;} .panel-commentary .comments ul#screening_comments p {padding-left:33px; border-left: 1px solid #919191; min-height: 50px; margin-left: 200px; width: auto; color: #404040; font-size: 15px;} .panel-commentary .comments ul#screening_comments p strong {font-weight: 700; text-transform: uppercase;display: block; line-height: 15px;} #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: 20px; height: 70px; 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;} #requestform .screening-request-message-small { font-size: 14px; font-weight: 700;} #requestform .screening-request-promotional-materials-text { color: #208FAF} /* 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; float:left;} #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 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;} #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-top: 5px; 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; } .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; } #resendTicketsForm label#resendTicketsFormNote, #resendTicketsSuccess p { font-family:OpenSansRegular; font-weight: normal; font-size: 12px; } #resendTicketsForm p#resendTicketsFormEmailAddress { font-family:OpenSansBold; font-weight: normal; text-transform: uppercase; font-size: 13px; padding-top: 20px; } #resendTicketsForm input#resendTicketsForm_email { height: 25px; padding-left: 10px; } #resendTicketsForm 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; } #resendTicketsForm .contact-us-link { color: #FF0000; } #resendTicketsForm input.loading { -webkit-appearance: none; background:#000 url(img/ajax-loader.gif) no-repeat 70px center !Important;}"" /* tooltip for screening overlay*/ .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; background:#000 url(img/overlay-bg2.png) repeat-x; display: none;width:228px;padding:20px 0 39px 16px;font-size:11px;color: #fff;} .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 .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;} .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; } .subscription-screening .sidebar-sreening { margin-top: 217px; } .subscription-screening .new-screening-content { background: #000; padding-bottom: 20px; } .subscription-screening .new-screening-content .capture { margin-top: -185px; } .subscription-screening .new-screening-content-top > img { float: right; margin-top: 30px; } .subscription-screening .screening-location-details { float: left; width: 525px; } .subscription-screening .box-reservetion { margin-top: 39px; } .subscription-screening .box-reservetion .reservation-ticket-available { height: 30px; padding-top: 8px; } .subscription-screening .box-reservetion .reservation-ticket-available strong { float: left; } .subscription-screening .box-reservetion .reservation-ticket-available span { float: left; font-weight: lighter; width: 50px; padding: 5px 0 0 10px; } .subscription-screening .box-reservetion .reservation-ticket-available { background-position: 0 0 !important} .subscription-screening .new-screening-content-action { height: auto; width: auto; border-style: solid; border-width: 4px 0px 0px; -moz-border-image: url(img/border-details.png) 4 0 0 repeat stretch; -webkit-border-image: url(img/border-details.png) 4 0 0 repeat stretch; -o-border-image: url(img/border-details.png) 4 0 0 repeat stretch; border-image: url(img/border-details.png) 4 0 0 fill repeat stretch; margin-bottom: 10px; } .subscription-screening div#accordion { background:#f2f2f2 url(img/new-screening-bg.png); } .subscription-screening .new-screening-content-action .buy div { line-height: 45px; } .subscription-screening .new-screening-content-action .buy span { line-height: 25px; font-size: 16px; } .subscription-screening .subscription-promo-text { font-size: 14px; margin: 50px 10px 10px 10px; } .subscription-screening .about-membership { background: url(img/btn-series-screening-green.png) no-repeat; min-width: 221px; min-height: 29px; display: block; float: right; line-height: 29px; vertical-align: middle; color: #1F1F1F; text-align: center; text-transform: uppercase; font-weight: bold;} .subscription-screening .no-left-panel { margin: 8px 0 0 15px; } .subscription-screening .no-left-panel p { width: 150px; font-size: 10px; } .subscription-screening .sold-at-venue { margin: 15px 0 20px 15px; width: 153px; color: #C7D843; text-transform: uppercase; } .subscription-screening .quote-message { font-size: 24px; font-style: italic; } .subscription-screening .quote-author { font-size: 24px; font-style: italic; font-weight: lighter} .subscription-screening .detail-text-link { color: #AF35c4; } .subscription-screening .detail-text-bold { font-weight: bold; } .subscription-screening .gathr-notify-button { margin-right: 15px; } #accordionWrapper { clear: right; } .sidebar-screening {float: right; width: 426px; background: url(img/sidebar-sreening-bg.png) no-repeat 0 380px; margin: 0px; } .sidebar-screening h4 { font-weight: 100; font-size: 24px; color: #206668; padding-left:32px; margin-bottom: 15px; } .sidebar-screening h4 a {color: #206668; } .sidebar-screening .more-trailer { padding:38px 0 0 32px; clear: both; background: url(img/sidebar-sreening-bg.png) no-repeat 0 -422px; min-height: 250px; } .sidebar-screening .more-trailer p { font-size: 13px; line-height: 20px; margin-bottom: 0; color: #404040} .sidebar-screening .more-trailer p strong { color: #929191; font-weight: 700; text-transform: uppercase; } .sidebar-screening a {color:#af35c5; } .sidebar-screening .more-trailer p.sinopsis { font-size: 15px; line-height: 22px; font-weight: 100; padding: 25px 32px 35px 0;} .sidebar-screening .trailer-watch { float: left; background: url(img/trailer-watch.png); width: 96px; height: 32px; display: block; position: relative; left: -3px; top: 2px;} .sidebar-screening h2 { font-weight: 300; color: #404040; font-size: 14px; line-height: 17px; padding-right: 32px; text-transform: uppercase; height: 61px; margin: 0;} .sidebar-screening p { margin: 0; color: #404040;} .sidebar-screening .trailer-thumb { float: left; width: 229px; height: 128px; margin-right: 9px; margin-bottom:27px; position: relative; margin-left: 32px; } .sidebar-screening .trailer-thumb .play {display: block;width: 229px; height: 128px; position: absolute;left: 0;top: 0; background: url(img/trailer-play.png) no-repeat center center;} #accordionWrapper .watch { padding-top: 15px; }