/* ----------------------------------------------------------------------- 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: 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:#393939 url(img/body-bg.png) repeat-y; } /* #sidebar { float:left; width:195px; padding-top:36px; } #sidebar h1 a { display:block; background:url(img/logo.png) no-repeat; height:79px; text-indent:-9999px;} #sidebar h1 { margin-bottom:25px; } #login { margin:0 0 5px 15px;} #login p strong { display:block; text-transform:uppercase; font-size:11px;} #login a.user { color:#a8cc46;} #login a.login { text-align:center; display:block; background:#393939; text-transform:uppercase; margin:3px 15px 0 0;font-family:OpenSansBold;} #login a.login:hover { background:#686868;} #sidebar ul { list-style:none; padding:0;} #sidebar .city { text-align:left; margin:0 0 90px 25px;} #sidebar .city p { color:#bdbdbd; margin:0; font-size:14px;} #sidebar .city h4 { color:#22abad; font-size:18px; font-weight:bold; margin-bottom:0; } #sidebar .city a { display:block; margin:0 10px 0 0; font-size:10px; color:#fff; text-decoration:underline;} #sidebar #menu-home { margin-bottom:150px;} #sidebar #menu-home li.top a { display:block; margin:15px; text-align:center; line-height:45px; background:#14595a; font-size:20px; text-transform:uppercase; font-family:OpenSansBold;} #sidebar #menu-home li.top a:hover { background:#22abad;} #sidebar #menu-home li.films { background:#1b1b1b; margin:15px; text-align:center; padding-bottom:10px;} #sidebar #menu-home li.films h3 { color:#fff; font-size:20px; font-family:OpenSansBold; line-height:54px; margin-bottom:0; text-transform:uppercase; } #sidebar #menu-home li.films .filter { position:relative; margin:5px 10px; } #sidebar #menu-home li.films .filter h5 { cursor:pointer; color:#c4c4c4; text-transform:uppercase; font-family:OpenSansBold; line-height:23px; font-size:12px; text-align:left; padding-left:24px; background:#393939 url(img/filter-blt.png) no-repeat 8px 8px;} #sidebar #menu-home li.films .filter ul { position:absolute; top:23px; left:0; padding:10px 0; display:none; background:#393939; width:145px; height:230px; overflow:auto;} #sidebar #menu-home li.films .filter ul li { position:relative; z-index: 10001; font-size:14px; text-align:left; padding:0 5px 0 29px; font-size:12px; line-height:15px; } #sidebar #menu-home li.films .filter ul li a {color:#898989;} #sidebar #menu-home li.films .filter ul li a.selected { color:#fff; font-weight:bold;} #sidebar #menu-home li.films .films-view a { text-transform:uppercase; color:#a4a4a4; padding:75px 0 30px 0; font-size:12px; font-family:OpenSansSemibold; display:block; margin:0 22px; } #sidebar #menu-home li.films .films-view li.list a { padding-bottom:20px; background:url(img/ico-list-view.png) no-repeat center 30px;} #sidebar #menu-home li.films .films-view li.thumb a { border-bottom:1px solid #3b3b3b; background:url(img/ico-thumb-view.png) no-repeat center 30px;} #sidebar #menu-home li.films .films-view li.list a:hover, #sidebar #menu-home li.films .films-view li.list a.selected { background:url(img/ico-list-view-active.png) no-repeat center 30px;} #sidebar #menu-home li.films .films-view li.thumb a:hover, #sidebar #menu-home li.films .films-view li.thumb a.selected { background:url(img/ico-thumb-view-active.png) no-repeat center 30px;} #sidebar #menu-home li.films .films-view li.screening a { border-bottom:1px solid #3b3b3b; background:url(img/ico-screnning.png) no-repeat center 25px;} #sidebar #menu-home li.films .films-view li.movie a { background:url(img/ico-movie.png) no-repeat center 25px; border-bottom:1px solid #3b3b3b; } #sidebar #menu-home li.films .films-view li.commentary a { background:url(img/ico-commentary.png) no-repeat center 25px; padding-bottom:20px;} #sidebar #menu-home li.films .films-view li.screening a:hover, #sidebar #menu-home li.films .films-view li.screening a.selected { background-image:url(img/ico-screnning-active.png);} #sidebar #menu-home li.films .films-view li.movie a:hover, #sidebar #menu-home li.films .films-view li.movie a.selected { background-image:url(img/ico-movie-active.png);} #sidebar #menu-home li.films .films-view li.commentary a:hover, #sidebar #menu-home li.films .films-view li.commentary a.selected { background-image:url(img/ico-commentary-active.png);} #sidebar #menu-home li.films .films-view li.last-item-in-movie-sidebar a { border-bottom: 0px; } #sidebar #menu-home li.films h5 a {display:block; margin:0 10px; text-transform:uppercase; font-family:OpenSansBold; line-height:23px; color:#fff; background:#14595a url(img/all-blt.png) no-repeat 10px 5px; padding-left:20px; font-weight:normal;} #sidebar #menu-home li.films h5 a:hover {background-color:#22abad;} */ #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;} #pagerContainer a { display:block; margin:5px 0 0 0; font-size:13px; color:#2bbee8;font-weight: bold;} .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;} #all-films { list-style:none; margin:0; padding:0 5px 5px 0;} #all-films li { margin:5px 0 0 5px; position:relative; float:left; width:253px; height:378px;} #all-films li .over { position:absolute; left:0; top:0; display:none; width:253px; height:378px; background:url(img/poster-hover-bg.png);} #all-films li .over .summary { height: 226px; } #all-films li:hover .over { display:block;} #all-films li .over h2 { padding: 10px 20px 0 0; margin:0 24px 0; font-size:28px; color:#fff; font-family:OpenSansExtrabold; text-transform: uppercase; line-height: 32px;} #all-films li .over h4 { text-transform: uppercase; font-size: 13px; color: #c8d944;font-family:OpenSansSemibold; margin: 0 24px 2px;} #all-films li .over h3.not-yet {font:normal 13px/16px OpenSansSemibold; color:#fff; margin: 10px 24px;} #all-films li .over h2 a {color:#fff; text-decoration:none;} #all-films li .over h2 a:hover {color:#a8cc46;} #all-films li .over .smaller-h2 { font-size:18px; } #all-films li .over h3 { margin:15px;} #all-films li .over p {color:#fff; margin:0 24px 5px;font-family:OpenSansSemibold; font-size: 13px; line-height: 15px; } #all-films li .over p.see-all { text-align: center; margin: 2px 0;} #all-films li .over p.see-all a { text-decoration: none } #all-films li .over p strong { display:block; font-weight:normal; text-transform:uppercase; font-size:12px; color: #929191; font-family:OpenSansBold; } #all-films li .over .btn { display: block; background: url(img/over-btn.png) no-repeat; width: 212px; height: 30px; margin: 0px 19px; text-indent: -9999px; } #all-films li .over .btn-view-movie-details { background-position: 0 0;} #all-films li .over .btn-request-a-screening { background-position: 0 -32px;} #all-films li .over .btn-buy-your-ticket { background-position: 0 -68px;} #all-films li .over .btn-view-screening-details { background-position: 0 -97px;} #all-films li .over .btn-request-a-new-screening { background-position: 0 -127px;} #all-films li .over .btn-reserve-your-seat { background-position: 0 -158px;} #all-films li .over .btn-see-all-screenings { background-position: 0 -188px;} #all-films li .over .gathr-notify-button { margin: 1px 0px 0px 21px; } #all-films li .over .screening { background:#814c93; margin:8px 24px 8px 24px; text-align:center; font-size:14px; text-transform:uppercase; display:block; font-family:OpenSansBold; text-decoration:none;} #all-films li .over .screening:hover { background:#b666d1; color:#fff; text-decoration:none;} #all-films li .over h5 { color: #21aab0; margin:0 0 0 15px; font-size: 12px; font-weight: normal; } #all-films li .over .request {margin:0 0 0 15px;font-size:12px; display:block; color:#fff; text-decoration: underline;} #all-films li .over .request:hover { color:#a8cc46;} /*#all-films li .over h2 a { text-decoration: underline;} #all-films li .over h2 a:hover { color:#a8cc46;} */ #all-films li .over .author { color:#fff;} #all-films li .status { position: absolute; bottom: 0; left: 0; display: block; background:url(img/bg-25.png); width: 253px;} #all-films li .over .status { background: none;} #all-films li .status p { margin:0; text-align: center; padding: 3px 24px 8px; } #all-films 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; } #all-films li .status .reservation span { height:8px; display:block;} #all-films .series .over p { font-size: 11px; } #all-films .series .over .summary { height: 229px; overflow: hidden; } #all-films li .over .btn-view-series { display: block; background: url('img/btn-series.png') no-repeat; width: 212px; height: 30px; margin: 1px 0 30px 20px; color: #fff; font-size: 12px; text-align: center; padding-top: 6px; text-transform: uppercase; position: absolute; bottom: 0; left: 0;} #all-films li .over .btn-view-series:hover { text-decoration: none; } #all-films-list { list-style:none; padding:0; } #all-films-list li { margin:4px 4px 0 4px; height:180px; background:url(img/bg-85.png); } #all-films-list li div.box {width:1000px;} #all-films-list li img { float:left; height:180px; width:121px; margin-right:15px;} #all-films-list li .details { width:225px; float:left;} #all-films-list li .details h2 { padding:13px 0 10px; border-bottom:1px solid #353535; margin:0 0 10px; font-size:23px; line-height:23px; color:#a8cc46; font-family:OpenSansRegular;} #all-films-list li .details h2 a {color:#a8cc46; text-decoration:none;} #all-films-list li .details h2 a:hover {color:#fff;} #all-films-list li .details .smaller-h2 { font-size:18px; } #all-films-list li .details a { text-decoration: underline;} #all-films-list li .details a:hover { color:#a8cc46;} #all-films-list li p {color:#bdbdbd; margin:0 10px 5px 0; width: 325px;} #all-films-list li p strong { display:block; text-transform:uppercase; font-size:11px; } #all-films-list li .action { float:right; width:205px; padding:70px 60px 0 0; } #all-films-list li .action .screening { background:#814c93; text-align:center; font-size:14px; margin-bottom:5px; text-transform:uppercase; display:block; font-family:OpenSansBold; line-height:27px;} #all-films-list li .action .screening:hover { background:#b666d1;} #all-films-list li .action .request {background:#814c93; text-align:center; font-size:12px; margin-bottom:5px; text-transform:uppercase; display:block; font-family:OpenSansBold; line-height:23px; color:#fff; font-weight:normal;} #all-films-list li .action .request:hover { background:#b666d1;} #all-films-list li .status { width:160px; margin:0 auto; padding-top:62px;padding-left:80px;} #all-films-list li .status .author { color:#a8cc46;} #all-films-list li .status .reservation { height:6px; width:130px; background:#fff; border:1px solid #fff; display:block; margin-top:3px; } #all-films-list li .status .reservation span { height:6px; display:block;} .not-yet { font-size: 14px; line-height: 1.5em;} /* home */ body.home { background:#000 url(img/home-bg.jpg) no-repeat center top;} body.home #header { height:375px;} body.home #header h1 { width:300px; margin:0 auto;} body.home #header h1 a { height:110px; display:block; text-indent:-9999px; padding-top:25px;} body.home #screening-list { list-style:none; padding:0 84px; height:228px; margin-bottom:78px; } body.home #screening-list li { background:url(img/home-marco.png) no-repeat; padding:8px 12px 13px 9px; width:121px; height:207px; float:left; margin:0 4px;} body.home #screening-list li#car_2 {margin-right:40px;} /* HIDE USHER VIDEO body.home #screening-list li#usher_holder { cursor:pointer; margin-right:33px; background: none; } body.home #screening-list li#usher_holder:hover { background:url(img/home-play-video.png) no-repeat; background-position: 10px 133px; } body.home #screening-list li#usher_holder a { display: block; width: 142px; height: 228px; } */ body.home #screening-list li#usher_holder { cursor: default; margin-right:33px; background: none; } body.home #screening-list li#usher_holder a { cursor: default; display: block; width: 142px; height: 228px; } body.home #screening-list li h3 { line-height:19px; margin-bottom:8px; font-size:12px; text-transform:uppercase; text-align:center; color:#fff;font-family:OpenSansBold;} body.home #screening-nav { position: relative;} body.home #screening-nav a { cursor:pointer; display: block; background: url(img/flechas.png); width: 28px; height: 28px; top: 100px; position: absolute;} body.home #screening-nav a.prev { left: 50px;} body.home #screening-nav a.next { background-position: right top; right: 60px;} body.home #screening-nav a.prev:hover { background-position: left bottom;} body.home #screening-nav a.next:hover { background-position: right bottom;} /* marley promo */ /* body.home #screening-list li#car_1 { background:url(img/home-marco-marley-1.png) no-repeat; } body.home #screening-list li#car_2 { background:url(img/home-marco-marley-2.png) no-repeat; } body.home #screening-list li#car_3 { background:url(img/home-marco-marley-3.png) no-repeat; } body.home #screening-list li#car_4 { background:url(img/home-marco-marley-4.png) no-repeat; } */ body.home .content { margin:0 auto; width:990px; } body.home .content h5 { clear:both; text-align:center; font-size:14px; font-weight: normal; color:#fff; margin: 0 0 10px 0; padding-bottom:50px; border-bottom:1px solid #242424;} body.home .content h5 strong { font-size:18px; font-weight: bold;} body.home .content h5 .change { background:#393939; display: inline-block; font-family: OpenSansBold; margin: 0 0 0 5px; text-align: center; width:155px; line-height:24px; text-transform: uppercase;} body.home .content h5 .change:hover { background:#686868;} body.home #menu-home { list-style:none; padding:14px; margin:0 0 0 14px; text-align:center;} body.home #menu-home li { display:inline-block;} body.home #menu-home li > a { display:inline-block; margin:0 4px; text-align:center; background:#14595a; font-size:12px; text-transform:uppercase; font-family:OpenSansBold; width:125px; line-height: 23px; font-weight:normal} body.home #menu-home .menu-home-facebook-like { position: relative; } body.home #menu-home .menu-home-facebook-like-container { position: absolute; top: -15px; left: 10px; } body.home #menu-home .menu-home-facebook-like-container a { background: none; } body.home #menu-home .menu-home-facebook-like-container a:hover { background: none; } body.home #menu-home li > a:hover { background:#22abad;} body.home .footer { background:none; padding:0 0 20px;} body.home .footer ul { list-style:none; padding:0; text-align:center; } body.home .footer ul li {display:inline; padding:0 15px;} /* details */ .films-background { width:100%; height:100%; position: fixed; top: 0; left:200px; right: 0; background: #040404 url(img/setlocation/set-location-bg.jpg) no-repeat center top; } .detail { background:#000 url(img/detail-bg.png) no-repeat 0 502px; border-left:5px solid #22abad; } .blt-detail {background: url(img/detail-bg.png) no-repeat; top:502px; left: 0; position: absolute; width: 9px; height: 18px;} .detail .detail-box { width: 1030px; position: relative;} .detail .close { background-image: url("img/overlay-close.png"); cursor: pointer; height: 36px; position: absolute; right: 12px; display: block; top: 12px; width: 38px;} .detail .close:hover { background-position:left bottom;} .detail-content { width:257px; margin-right:60px; padding:62px 0 0 22px; float:left; } .capture { display:block; padding-top:62px;} .trailer { padding-top: 382px;} .atclear { display:none;} .detail h2 { font-size:35px; color:#a8cc46; font-family:OpenSansRegular; margin-bottom:0;} .detail .meta { font-size:11px; color:#bdbdbd; background:url(img/meta-bg.png) repeat-x center bottom; padding-bottom:22px; margin-bottom:22px;} .detail .movie-captain { font-size:11px; color:#a8cc46;} .detail .movie-captain strong { font-size:10px; font-weight:bold; color:#bdbdbd;} .detail .like-box { height: 40px; } .detail .like { font-size:11px; color:#fff; float:left; line-height:20px; } .detail .title { color:#a8cc46; font-size:16px; margin-bottom:0; clear:left; font-weight:normal;} .detail .description { font-size:14px; line-height:16px; color:#bdbdbd; margin-bottom:20px; border-bottom:1px solid #282828;} .detail .description h5 {display:block; text-transform:uppercase; font-size:10px;} .detail .description .exerpt a { text-decoration:underline;} .detail .description .exerpt .read-less { margin-bottom:10px; display:block;} .detail .when { color:#bdbdbd;} .detail .when em { font-size:14px; font-style:normal; margin-bottom: 15px; display: block; width: 285px;} .detail .when strong { display:block; text-transform:uppercase; font-size:10px;} .detail .when a { text-decoration: underline;} .detail .when a:hover { color:#a8cc46;} .detail h6 { color:#22abad; font-size:15px; font-weight:normal; padding-top:20px; border-top:1px solid #282828;} .detail .price { color:#fff; font-size:24px; margin-bottom:12px; font-weight:bold;} .detail .reservation { position: relative; height:21px; background:#fff; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; -webkit-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.9); -moz-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.9); box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.9); } .detail .reservation div { height:21px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; -webkit-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.9); -moz-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.9); box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.9); } .detail .reservation .greenlit-indicator { position: absolute; background-color: #A8CC46; width: 4px; display: block; top: 0px; } .detail .reserve { font-size:15px; color:#fff; background:#814c93; display:block; text-align:center; font-family:OpenSansBold; line-height:36px; text-transform:uppercase; margin-bottom: 5px; } .detail .reserve:hover {background:#b666d1;} .detail p small { font-size: 10px;} .detail p small a { text-decoration: underline;} .detail p small a:hover { color:#a8cc46;} .detail .request { margin-top:22px; padding-top:22px; background:url(img/meta-bg.png) repeat-x center top;} .detail .request h5 { color:#22abad; font-size:13px; font-weight:normal;} .detail .request a {font-size:13px; color:#fff; background:#814c93; display:block; text-align:center; font-family:OpenSansBold; line-height:26px; text-transform:uppercase; margin-bottom:4px;} .detail .request a:hover { background:#b666d1;} #screeningRequest #create-custom-venue { display: none } .detail .download-flyer { margin-top:20px; padding-top:5px; margin-bottom:15px; padding-bottom: 15px } .detail .download-flyer a {font-size:13px; color:#c4c4c4; background:#393939; display:block; text-align:center; font-family:OpenSansBold; line-height:26px; text-transform:uppercase; margin-bottom:4px;} .detail .download-flyer a:hover { background:#686868;} .detail .action { width:205px; } .detail .action .action-screening { display: block; background: url(img/over-btn.png) no-repeat; width: 250px; height: 30px; margin: 0px 19px; text-indent: -9999px; } .detail .action .btn-request-a-screening { background-position: 0 -32px;} .detail .action .btn-view-screening-details { background-position: 0 -97px;} .detail .action .btn-request-a-new-screening { background-position: 0 -127px;} .detail .action .btn-see-all-screenings { background-position: 0 -188px;} .detail .action .gathr-notify-button { margin: 1px 0px 0px 21px; } .detail .action .gathr-campus-request-button { display: block; background: url(img/btn-campus-screening.png) no-repeat; width: 208px; height: 28px; line-height: 23px; margin-top: 3px; margin-left: 21px; font-family: OpenSans, Arial, sans-serif; padding-top: 3px; text-align:center; text-transform: uppercase; } .detail .map a {font-size:13px; color:#c4c4c4; background:#393939; display:block; text-align:center; font-family:OpenSansBold; line-height:26px; text-transform:uppercase; margin-bottom:8px; width: 80px;} .detail .map a:hover {background:#686868;} .detail .watch a {font-size:13px; color:#c4c4c4; background:#393939; display:block; text-align:center; font-family:OpenSansBold; line-height:26px; text-transform:uppercase; margin-bottom:8px; width: 140px;} .detail .watch a:hover {background:#686868;} .detail .promote { color: #bdbdbd; text-transform: uppercase; font-size: 10px; line-height: 19px; margin-bottom:0;} .addthis_toolbox { height:25px;} .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;} .detail-content-comments { width: auto; float: none; height: 310px;} .detail-content-comments .modal-error-message { display:inline;} .detail-content-comments img { float: left; margin-right: 30px;} .detail-content-comments label {color:#22abad; font-size:16px; font-weight:normal; display: block;} .detail-content-comments textarea { height: 90px; width: 490px} .detail-content-comments .button { text-align: right; width:500px; padding: 5px 0; } .detail-content-comments .button input { -webkit-appearance: none; border:none; background: #814c94; color: #fff; text-transform: uppercase;font-family:OpenSansBold; padding: 0 40px; cursor: pointer; height:26px;} .detail-content-comments .button input:hover { -webkit-appearance: none; background:#b666d1;} .detail-content-comments .button input.loading { -webkit-appearance: none; background:#000 url(img/ajax-loader.gif) no-repeat 3px center !Important;} .no_comments { margin-top: 20px; margin-left: 18px; } #screening_comments { list-style: none; padding: 0; margin-right: 60px;} #screening_comments li { background: #1b1b1b; padding: 15px 20px; margin-bottom: 7px; font-size: 14px; color: #bdbdbd; min-height: 70px;} #screening_comments li h6 { border:none; padding: 0 0 5px 0; font-size: 14px; color: #a8cc46;} #screening_comments li h6 em {color: #bdbdbd; font-style: normal;} #screening_comments li p { margin: 0;} #overlay .detail { border:none; background:none;} #overlay .detail h2 { margin-bottom:20px;} #overlay .detail .detail-content { margin:0; padding:0; height:380px;} #overlay .detail .detail-content .viewport { height:380px;} #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;} #overlayRequest {display:none;background:#000 url(img/overlay-bg2.png) repeat-x; width:625px;padding:35px 50px 30px 30px;font-size:11px;} #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, .modal-dialog-box .title { font-size:35px; color:#a8cc46; font-family:OpenSansRegular; } #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-family:OpenSansBold; 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;} #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;} #overlay #boxLoginForm fieldset { float: left; width: 305px; margin:0 25px 10px 0;} #overlay #boxLoginForm fieldset p { margin: 0; position: relative;} #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-family:OpenSansBold; 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;} #overlay #sign-in-options li a:hover { color:#a8cc46;} #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 ol { 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; line-height:24px; padding: 0;color: #fff; width: 86px; font-weight: bold } #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 #create-anyway.loading {color: #fff; background:url(img/ajax-loader.gif) no-repeat 115px 0; cursor: default; } #overlayRequest .different h2.title {color: #c8d944; font-size: 30px;font-family:OpenSansLight;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;} #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 .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-family: OpenSansBold; 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-family: OpenSansBold; 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-family: OpenSansBold; 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-family: OpenSansBold; 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;} #overlay .validating-payment .title { font-size: 30px; } #scrollbar { width: 515px; clear: both; } #scrollbar .viewport { width: 513px; height: 300px; overflow: hidden; position: relative; } #scrollbar .overview { list-style: none; position: absolute; left: 0; top: 0; } #scrollbar .thumb .end, #scrollbar .scrollbar { position: relative; float: right; width: 1px; left:40px; 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; } .detail-content-register h2{ } .detail-content-register { width: 990px;} .detail-content-register .description {background: url("img/meta-bg.png") repeat-x center bottom; padding-bottom:15px; margin-bottom:15px; border:none; color: #B0B0B0;} .detail-content-register .placeholder { margin:0 25px 10px 0;} .detail-content-register .placeholder fieldset { border-top:1px solid #252a2d; padding:13px 0 0 140px; margin-top:13px;} .detail-content-register .placeholder p { margin: 0; position: relative; font-size:16px;} .detail-content-register .placeholder p label { display: none;} .detail-content-register .placeholder p.checkbox { padding-left:140px;} .detail-content-register .placeholder fieldset p.checkbox { padding-left:0;} .detail-content-register .placeholder p.checkbox label { display:inline; font-weight:normal; } .detail-content-register .placeholder p.checkbox .req { position:static; } .detail-content-register .placeholder p.dob { position:relative; left:-10px;} .detail-content-register .placeholder p.dob .req { margin-left:15px;} .detail-content-register .placeholder p.dob select { width: 88px; margin:0 10px; padding:2px; } .detail-content-register .placeholder p .text { padding: 3px 15px; width: 285px;} .detail-content-register .placeholder p .req { font-size: 16px; position: absolute; left: 5px; top: 9px; color: #f00;} .detail-content-register .placeholder p.captcha { position:relative; left:140px; height:50px;} .detail-content-register .placeholder p.captcha img { position:absolute; left:-140px;} .detail-content-register .placeholder p.captcha .req { top:8px;} .detail-content-register .placeholder p.captcha input.text { width:145px; margin-top:5px;} .detail-content-register .placeholder .button input { -webkit-appearance: none; background-color: #804C94; color: #FFFFFF; display: inline-block; font-family: OpenSansBold; font-size: 15px; line-height: 37px; text-align: center; text-transform: uppercase; text-decoration:none; padding:0 70px; border:none; cursor:pointer; } .detail-content-register .placeholder .button input:hover { -webkit-appearance: none; background:#b666d1;} .detail-content-register .what-does-it-mean-legend { padding-left: 35px; } .register-thanks .register-spam { font-size: 14px; } .register-thanks .register-spam strong { color: #fff; } .register-thanks .thanks-get-in-touch {color: #22ABAD; text-decoration: underline; } .register-thanks .important-information { margin-bottom: 5px; font-weight: bold; } .detail-content-register #sign-in-options-container { padding-left: 140px; } .detail-content-register #sign-in-options-container #sign-in-options { margin-top: 5px; list-style: none; padding-left: 0px; } .detail-content-register #sign-in-options-container #sign-in-options li a { display: block; margin-bottom: 15px; width: 190px; height: 35px; text-indent: -999999px; white-space: nowrap; } .detail-content-register #sign-in-options-container #sign-in-options li.facebook a { background: url(img/login-facebook.png); } .detail-content-register #sign-in-options-container #sign-in-options li.twitter a { background: url(img/login-twitter.png); } .detail-content-register #sign-in-options-container #sign-in-options li.google a { background: url(img/login-google.png); } .detail-content-dashboard {width:990px;} .detail-content-dashboard-left { float:left; width:460px; margin:0; padding:0 0 0 22px;} .detail-content-dashboard-right { float:right; width:460px; margin:0; padding:0 22px 0 0;} .detail-content-dashboard-left h2, .detail-content-dashboard-right h2{ font-size:25px;} .detail-content-dashboard-left .top, .detail-content-dashboard-right .top{ height:200px;} .detail-content-dashboard .top strong{ color:#22abad;} .detail-content-dashboard .top a { text-decoration:underline;} .detail-content-dashboard .top strong a { text-decoration: none; color:#22abad;} .detail-content-dashboard h2 {background: url("img/meta-bg.png") repeat-x scroll center bottom transparent; margin-bottom: 15px; padding-bottom: 15px;} .detail-content-dashboard .top .delete {background-color: #804C94; color: #FFFFFF; display: block; font-family: OpenSansBold; font-size: 13px; line-height: 28px; text-align: center; text-transform: uppercase; width: 145px; text-decoration:none; padding:0 15px;} .detail-content-dashboard .top .delete:hover {background:#b666d1;} .detail-content-dashboard .top .avatar {background-color: #804C94; color: #FFFFFF; display: block; font-family: OpenSansBold; font-size: 13px; line-height: 28px; text-align: center; text-transform: uppercase; width: 145px; text-decoration:none; margin-left: 60px; margin-bottom: 30px; margin-top: -40px;} .detail-content-dashboard .top .avatar:hover {background:#b666d1;} .detail-content-dashboard .top .cancel-subscription {background-color: #804C94; color: #FFFFFF; display: block; font-family: OpenSansBold; font-size: 13px; line-height: 28px; text-align: center; text-transform: uppercase; width: 155px; text-decoration:none; padding:0 15px; float: right;} .detail-content-dashboard .top .cancel-subscription:hover {background:#b666d1;} .detail-content-dashboard .top .cancel-subscription {background-color: #804C94; color: #FFFFFF; display: block; font-family: OpenSansBold; font-size: 13px; line-height: 28px; text-align: center; text-transform: uppercase; width: 155px; text-decoration:none; padding:0 15px; float: right;} .detail-content-dashboard .top .subscription-disabled { font-style: italic; } .detail-content-dashboard .print a {background-color: #804C94; color: #FFFFFF; display: block; font-family: OpenSansBold; font-size: 13px; line-height: 28px; text-align: center; text-transform: uppercase; width: 145px; text-decoration:none; padding:0 15px;} .detail-content-dashboard .print a:hover {background:#b666d1; color:#fff;} .detail-content-dashboard .print p{ color:#22abad;} .dashboard-list { list-style:none; padding:0;} .dashboard-list li { margin-bottom:20px;} .dashboard-list h2 { padding: 35px 0 0; border-bottom:1px solid #2a2726; margin:0 15px 10px; font-size:23px; color:#a8cc46; font-family:OpenSansRegular;} .dashboard-list h3 { font-size:20px; font-family:OpenSansRegular; margin-left: 69px;} .dashboard-list h3 a { text-decoration:none; color:#a8cc46;} .dashboard-list img { float:left; margin:3px 10px 0 0;} .dashboard-list p {color:#bdbdbd; margin:0 15px 10px 69px; } .dashboard-list p strong { display:block; text-transform:uppercase; font-size:11px; } .dashboard-list p big { font-size:20px;} .dashboard-list a { text-decoration: underline;} .dashboard-list a:hover { color:#a8cc46;} .dashboard-list .author { color:#a8cc46;} .dashboard-list .status { background: none;margin-left: 69px;} .dashboard-list .status p { margin-left: 0;} .dashboard-list .status .reservation-dash { height:6px; width:130px; float: left; background:#fff; border:1px solid #fff; display:block; margin-top:5px; } .dashboard-list .status .reservation-dash span { height:6px; display:block;} .reservation-dash-numbers { padding-left: 7px; } .reservation-dash-numbers-green-lit { color: #659700; } #idPagerForm { text-align:center; line-height:16px; margin:20px 60px 20px 0;} #idPagerForm span { padding:0 10px;} #idPagerForm img { position:relative; top:3px;} #idPagerForm .pager-selected-page { font-weight:bold; color:#22ABAD;} #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; } #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:20px/44px OpenSansBold;} #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 p.request-description-with-counter, #formDownloadFlyer .request-description-with-counter { position: relative } #screeningRequest .counter, #formDownloadFlyer .counter { font-size:14px; font-weight:normal; color:#22ABAD; position:absolute; right:10px; top:0; } #formDownloadFlyer .counter { top:-20px; } #formDownloadFlyer { font-size:14px; } #formDownloadFlyer fieldset { border-bottom:1px solid #252628; margin-bottom:21px; position:relative; } #formDownloadFlyer fieldset label { display:block; color:#22ABAD; font-weight:normal; } #formDownloadFlyer fieldset textarea { width:500px; height:60px; } #change_location { display:none; } #change_location #change_location_zip_code { width:250px; } #change_location #location_update {font-size:13px; color:#fff; background:#814C94; display:block; text-align:center; font-family:OpenSansBold; line-height:26px; text-transform:uppercase; margin-left:10px; float:right; padding:0 30px; border:none; height:26px; margin-top:6px;} #change_location #location_update:hover { background:#B666d1;} #change_location #location_cancel {font-size:13px; color:#c4c4c4; background:#393939; display:block; text-align:center; font-family:OpenSansBold; line-height:26px; text-transform:uppercase; margin-left:10px; float:right; padding:0 30px; cursor:pointer; margin-top:6px;} #change_location #location_cancel:hover { background:#686868;} .description-request { font-size:14px;} .description-request em { font-style:normal; color:#A8CC46;} #passwordRecoveryForm .text { width:500px;} #passwordRecoveryForm .cancel {font-size:13px; color:#c4c4c4; background:#393939; display:block; text-align:center; font-family:OpenSansBold; line-height:26px; text-transform:uppercase; margin-left:10px; float:right; padding:0 30px;} #passwordRecoveryForm .cancel:hover { background:#686868;} #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;} .detail-content-screening .price { float:left; margin-right:15px;} .detail-content-screening p.price-details { height:28px; padding-top:3px;} .detail-content-screening p.price-details small { color:#9c9c9c; font-size:10px; line-height:14px;} .detail-content-screening p.price-details small em { font-style:normal; color:#70ba51;} .detail-content-screening .countdown-lights { clear:left; background:url("img/meta-bg.png") repeat-x 0 146px;} .detail-content-screening .reservation-status { padding:0 0 0 65px; height:160px; background:url(img/reserve-status-green.png) no-repeat;} .detail-content-screening .reservation-status-red {background:url(img/reserve-status-red.png) no-repeat;} .detail-content-screening .reservation-status-yellow {background:url(img/reserve-status-yellow.png) no-repeat;} .detail-content-screening .reservation-status h5 { font-size:15px; line-height:18px; font-weight:bold; color:#fff; padding-top:15px;} .detail-content-screening .reservation-status h6 { font-size:15px; line-height:18px; font-weight:bold; border:none; padding-top:10px;} .detail-content-screening .countdown-lights .reservation-status p { font-weight: bold; font-size:13px; color:#70ba51;} .detail-content-screening .countdown-lights .reservation-status-red p { font-weight: bold; color:#e32c2e;} .detail-content-screening .countdown-lights .reservation-status-yellow p { font-weight: bold; color:#fac637;} .detail-content-screening .reservation-ticket { float:left; width:110px;} .detail-content-screening .reservation-ticket p { color:#22abad; text-transform:uppercase; font-size:8.5px; background:url(img/reserve-ticket-blue.png) no-repeat left 20px; } .detail-content-screening .reservation-ticket p big { display:block; padding-left:29px; margin-top:5px;font-size:26px; font-weight:bold; color:#fff; line-height:26px; } .detail-content-screening .reservation-ticket p.reservation-ticket-available { background-image:url(img/reserve-ticket-green.png); color:#70ba51;} .detail-content-screening .reservation-ticket p.nearly-tipped { color:#fac637;background-image:url(img/reserve-ticket-yellow.png);} .detail-content-screening .reservation-ticket p.nearly-tipped big{ color:#fac637;} .detail-content-screening .reservation-ticket p.non-tipped { color:#e32c2e; background-image:url(img/reserve-ticket-red.png);} .detail-content-screening .reservation-ticket p.non-tipped big{ color:#e32c2e;} .detail-content-screening .request { background:none;} .detail-content-screening p.count-title { font-size:8.5px; color:#22abad; text-transform:uppercase; margin-bottom:3px;} .detail-content-screening .countdown { font-size:20px; line-height:20px; color:#22abad; text-transform:uppercase; font-weight:bold;} .detail-content-screening .countdown span { color:#fff;} #overlay .details-requested .try-again { background:#814c93; text-align:center; font-size:14px; margin-bottom:5px; text-transform:uppercase; display:block; font-family:OpenSansBold; line-height:27px; padding: 0 15px; color:#fff; margin:20px 100px; cursor:pointer; text-decoration:none;} #overlay .details-requestedt .try-again:hover { background:#b666d1;} @media only screen and (device-width: 768px) { /* For general iPad layouts */ .content { width: 1038px; } .home .content { width: auto; } #overlay #delete-box #submit-delete-profile { width: 220px; } } .detail-content-reserve { width: auto; float: none; height: 310px;} .detail-content-reserve #force-redirect { cursor: pointer; text-decoration: underline; color:#fff; } .detail-content-reserve #force-redirect:hover { color:#a8cc46;} .detail-content-dashboard-reserve .welcome { float:right; text-align:right; margin:25px 100px 0 0; font-weight:bold; font-size:11px;} .detail-content-dashboard-reserve .welcome strong { color:#A8CC46;} .detail-content-dashboard-reserve .welcome a { font-weight:normal; text-decoration:underline;} .detail-content-dashboard-reserve .dashboard-list li .details h2 { background:none; padding-bottom:0;} .detail-content-dashboard-reserve .dashboard-list .meta { background:none; margin-bottom:0; padding-bottom:0;} .detail-content-dashboard-reserve .dashboard-list li .action .request { padding-top:0; text-decoration:none;} .detail-content-dashboard-reserve h5 {background: url("img/meta-bg.png") repeat-x scroll center top transparent; margin-top: 15px; padding-top: 25px; clear:left; font-size:14px;padding-left:140px;} .detail-content-dashboard-reserve #reserveScreeningForm { background: url("img/meta-bg.png") repeat-x scroll center top transparent; margin-top: 15px; padding-top: 15px; clear:left; font-size:14px;} .detail-content-dashboard-reserve #reserveScreeningForm .reserve-submit { width: 300px; } .detail-content-dashboard-reserve #all-films-list li { background:none; height:auto;} .detail-content-dashboard-reserve .more-details {background: url("img/meta-bg.png") repeat-x scroll center top transparent; margin-top: 15px; padding-top: 25px; clear:left; border-bottom:1px solid #252628; padding-left:140px;} .detail-content-dashboard-reserve .more-details-last { background:none; border:none; padding-top:0;} .detail-content-dashboard-reserve .more-details h3 {color: #A8CC46;font-family: OpenSansRegular; font-size: 35px;margin-bottom:5px;} .detail-content-dashboard-reserve .more-details h4 {color: #A8CC46;font-family: OpenSansRegular; font-size: 35px;margin-bottom:10px;width:600px; line-height:42px;} .detail-content-dashboard-reserve .more-details h4 .social { float:right; width:169px;} .detail-content-dashboard-reserve .more-details h4 .social a { background:url(img/ico-reserve-social.png) no-repeat; display:block; height:42px; width:43px; float:left; text-indent:-9999px;} .detail-content-dashboard-reserve .more-details h4 .social .facebook {} .detail-content-dashboard-reserve .more-details h4 .social .twitter { margin:0 20px; background-position:-63px 0;} .detail-content-dashboard-reserve .more-details h4 .social .google {background-position:-127px 0;} .detail-content-dashboard-reserve .more-details h4 .socialv2 { float:right; width:220px;} .detail-content-dashboard-reserve .more-details h6 { border:none; padding:0; font-size:15px;} .detail-content-dashboard-reserve .more-details .print {background: #814C93;color: #FFFFFF;display: block;font-family: OpenSansBold; font-size: 15px;line-height: 36px;margin-top: 25px; margin-bottom: 25px;text-align: center;text-transform: uppercase; width:200px;} .detail-content-dashboard-reserve .more-details .print:hover { background:#b666b1;} .detail-content-dashboard-reserve .more-details p { font-size:15px; margin-top: 10px; margin-bottom: 5px; } .detail-content-dashboard-reserve .more-details ol { font-size:15px; margin-left: 20px; } .detail-content-dashboard-reserve .more-details p a { text-decoration:underline;} .detail-content-dashboard-reserve .more-details .count-tickets {font-family: OpenSansBold; font-size:23px; color:#b5b5b5; padding-left:50px; background:url(img/ico-ticket.png) no-repeat; line-height:50px;} .detail-content-dashboard-reserve .more-details .count-tickets strong { font-size:35px; color:#fff;} .detail-content-dashboard-reserve .more-details .text { width:460px;} #reserveScreeningForm fieldset { border-bottom:1px solid #252628; margin-bottom:21px; position:relative; } #reserveScreeningForm fieldset p { padding-left:140px;} #reserveScreeningForm fieldset.last { margin-bottom:30px; border-bottom:0;} #reserveScreeningForm label { display:block; color:#22ABAD; font-weight:normal; } #reserveScreeningForm fieldset textarea { width:500px; height:60px; } #reserveScreeningForm fieldset #change { font-size:12px; text-decoration:underline;} #reserveScreeningForm div.paypal .screening-request-num, #reserveScreeningForm fieldset .screening-request-num { position:absolute; height:44px; width:44px; text-align:center; line-height:44px; left:80px; top:6px; background:url(img/screening-request-num.png); font:20px/44px OpenSansBold; display:block;} #0reserveScreeningForm p.checkbox { padding-left:140px;} #r1eserveScreeningForm p.checkbox { padding-left:0;} #reserveScreeningForm p.checkbox label { display:inline; font-weight:normal; } #reserveScreeningForm p.select label { display:block; } #reserveScreeningForm p.select .req { position:static;} #reserveScreeningForm p.select select { width:170px;} #reserveScreeningForm p.checkbox .req { position:static; } #reserveScreeningForm fieldset p label { display: none;} #reserveScreeningForm fieldset p .text { padding: 3px 15px; width: 320px;} #reserveScreeningForm p .req { font-size: 16px; position: absolute; left: 5px; top: 9px; color: #f00;} #reserveScreeningForm fieldset p.captcha { position:relative; left:140px; height:50px;} #reserveScreeningForm fieldset p.captcha img { position:absolute; left:-140px;} #reserveScreeningForm fieldset p.captcha .req { top:8px;} #reserveScreeningForm fieldset p.captcha input.text { width:145px; margin-top:5px;} #reserveScreeningForm .button { width:350px; padding: 5px 0; text-align:center; font-weight:normal; } #reserveScreeningForm .button input { -webkit-appearance: none; border:none; background: #814c94; color: #fff; text-transform: uppercase;font-family:OpenSansBold; padding: 0 40px; cursor: pointer; height:36px; font-size:16px; margin-bottom:5px;} #reserveScreeningForm .button input:hover { -webkit-appearance: none; background:#b666d1;} #reserveScreeningForm .button input.loading { -webkit-appearance: none; background:#1b1b1b url(img/ajax-loader.gif) no-repeat 3px center !Important;} #reserveScreeningForm #screening_request_time { width:280px; margin-right:10px; float:left;} #reserveScreeningForm div.paypal { position:relative; padding-left:140px;} #reserveScreeningForm div.paypal h4 { font-weight:normal;border-bottom: 1px solid #343434; color: #A8CC46; line-height:26px; font-family: OpenSansRegular; padding-bottom:10px; margin-bottom:10px;} #reserveScreeningForm div.paypal h4.only-amazon { background:url(img/credit-cards-amazon-only.png) no-repeat right top;} #reserveScreeningForm div.paypal h4.only-paypal { background:url(img/credit-cards-paypal-only.png) no-repeat right top;} #reserveScreeningForm div.paypal h4.both-amazon-paypal { background:url(img/credit-cards-amazon-paypal.png) no-repeat right top;} #reserveScreeningForm div.paypal p.checkbox label { display:block; } #reserveScreeningForm div.paypal p { margin-bottom:0; font-weight:normal; position:relative;} #reserveScreeningForm div.paypal fieldset.last { background:#1b1b1b; width:350px; padding:15px; display:block; } #reserveScreeningForm fieldset p.left { float:left; margin-right:7px;} #reserveScreeningForm div.paypal .error-pos ul { clear:left;} #reserveScreeningForm div.paypal .error-pos .reserve-zip-code { width: 75px; margin-right:0;} #reserveScreeningForm div.paypal .error-pos p.left { height:35px;} #reserveScreeningForm div.paypal fieldset p { padding-left:0;} #reserveScreeningForm fieldset p .text-city { width:78px;} #reserveScreeningForm fieldset p .text-state { width:auto; padding:1px 0; position:relative; top:-1px;} #reserveScreeningForm fieldset p .text-zip { width:55px;} #reserveScreeningForm .error_list { margin-left:140px; padding:0;} #reserveScreeningForm div.paypal .error_list { margin:0;} .detail-contentsocial-account h5 { color: #fff; font-size: 16px; font-weight: normal; margin-bottom: 15px;} .detail-contentsocial-account h5 strong { color: #1eadab; font-weight: bold; } .detail-contentsocial-account .register {background:#393939; text-align:center; font-size:16px; margin-bottom:5px; text-transform:uppercase; display:block; font-family:OpenSansBold; line-height:23px; color:#c4c4c4; width: 295px; padding: 10px 0;} .detail-contentsocial-account .register:hover {background:#686868;} #overlayGenres { display: none; z-index: 10000; position: absolute; top: 0; left: 0; right:0; } .venue .location a { font-size:11px; color:#fff; text-decoration:underline;} #overlay .privacy h5 { color: #1eadab; font-size: 16px; font-weight: normal; margin-bottom: 0;} #overlay .privacy p { font-size: 15px; } #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-family: 'OpenSansRegular';} #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;} #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-family: 'OpenSansRegular'; 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;} /* Modal Dialog styling */ .modal-dialog-box {display:none;background: url(img/overlay-bg.png);width:515px;padding:35px 70px 130px;font-size:11px;} .modal-dialog-box .alert-icon { padding: 30px 0 30px 215px; } .modal-dialog-box .title { font-weight: bold; padding-bottom: 30px; } .modal-dialog-box .title.no-icon { padding-top: 85px; } .modal-dialog-box .description { font-size: 16px; padding-top: 7px; font-weight: bold; border: none; padding-bottom: 10px; } .modal-dialog-box .button {background-color: #804C94; color: #FFFFFF; display: block; font-family: OpenSansBold; font-size: 13px; line-height: 28px; text-align: center; text-transform: uppercase; text-decoration:none; padding:0 15px} .modal-dialog-box .abort-subscription-cancel { float: left; } .modal-dialog-box .do-subscription-cancel { float: right; background-color: #4A4A4A; } .modal-dialog-box .close {background-image:url(img/overlay-close.png);position:absolute; right:0; top:0;cursor:pointer;height:36px;width:38px;} .dialog-loading { background: url(img/ico-loading.gif) no-repeat center top; padding-top: 50px;} .ui-autocomplete { max-height: 100px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; /* add padding to account for vertical scrollbar */ padding-right: 20px; } /* IE 6 doesn't support max-height * we use height instead, but this forces the menu to always be this tall */ * html .ui-autocomplete { height: 100px; } #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: 65px; 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;} .pointer { cursor:pointer } @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; 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 0px 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-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 } .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; } /*#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; } /* Campus Request */ #requestform .campus_screening_price { font-weight: bold; } #campusRequest { font-size:14px; padding-left: 100px; width: 700px; clear: left; } #campusRequest fieldset { margin-bottom:21px; position:relative; border:none; } #campusRequest fieldset p { float: left; margin-right: 33px;} #campusRequest fieldset p input[type=text] { 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; } #campusRequest 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; } #campusRequest 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); } #campusRequest fieldset.last { margin-bottom:0; border-bottom:0;} #campusRequest fieldset label { display:block; color:#404040; font-weight:700; text-transform: uppercase; font-size: 13px; } #campusRequest 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); } #campusRequest fieldset #change { font-size:12px; text-decoration:underline;} #campusRequest fieldset .campus-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;} #campusRequest p.btn-submit { font-size: 15px; line-height: 19px; font-weight: 300; color: #404040;} #campusRequest p.btn-submit a {color: #af35c5; font-weight: 700;} #campusRequest 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;} #campusRequest fieldset input#from, #campusRequest fieldset input#to { width:180px;} #campusRequest fieldset .ui-datepicker-trigger { margin:0 5px; vertical-align:middle; cursor:pointer;} #campusRequest #screening_request_time { width:280px; margin-right:10px; float:left;} #campusRequest #campus_request_mailing_city { clear: left; } #campusRequest #campus_screening_license { font-family: Andale Mono, monospace; font-size: 11px; height: 200px; } /*#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; } .attachments-avatar { height:50px; width: 50px; overflow:hidden; margin-left: 150px; margin-top: -50px; /* background: #ebebeb;*/ border: 1px solid #DDDDDD; list-style: none outside none; padding-left: 0px; /* margin: 10px 0;*/ position: relative;} .attachments-avatar li { background:#fff;} .attachments-avatar .removeItem { background: url("img/user_logout.png") no-repeat scroll 3px 2px #000; color: #E92D2F; display: block; padding: 0 5px 2px 0px; position: absolute; width: 15px; height: 18px; right: 0; top: 0; cursor:pointer; } .avatar-file-button { margin-left: 220px; margin-top: -30px; } .tit-avatar { float: left; margin-right: 20px; position: relative; top: 20px;} #changeAvatar { float: left;} #swfupload-control-avatar_filename { height: 75px;} .swfupload-control #attachments-avatar_filename { float: left; margin-right: 20px; top: 38px;} #developers-configuration-options { width: 800px; } #developers-configuration-options thead tr { border-bottom: 1px solid #fff; } #developers-configuration-options thead { font-size: 14px; height: 50px; } #developers-configuration-options tbody td { padding: 0px 20px 25px 0px; vertical-align: top; } .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; } .status .notLinkableDetail { color:white } .availableCreditCards { background: url(img/credit_card_logos.gif) no-repeat; width: 148px; height:32px; float:left;} .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;} .subscription-list p { margin: 0; line-height: 18px; } .subscription-list p.edit-payment { margin-bottom: 35px; }