/* General */ .content { float: left; width: 830px; } .templateWidth .content { width: 510px; } input[type="text"], input[type="password"], textarea { min-width: 0; } select:focus { outline: none; } /* Forms */ #subscriptionBuilder .form input[type=text], #subscriptionBuilder .form input[type=password], #subscriptionBuilder .form textarea { float: left; clear: both; width: 240px; } #subscriptionBuilder .form select { padding: 3px; float: left; clear: left; } #subscriptionBuilder .form legend { display: block; margin: 10px 0; font: normal 18px Helvetica, Arial, sans-serif; text-transform: uppercase; } #subscriptionBuilder .form { margin: 0; padding: 0; list-style: none; } #subscriptionBuilder .form input[type=text], #subscriptionBuilder .xForm input[type=password], #subscriptionBuilder .xForm textarea { min-width: 220px; font-size: 14px; } #subscriptionBuilder .form li { clear: both; background: none; float: left; width: 100%; padding: 0 0 15px; position: relative; } #subscriptionBuilder .form li .leftCol { float: left; width: 170px; margin-right: 14px; } #subscriptionBuilder .form li .leftCol input { width: 160px; min-width: 0; } #subscriptionBuilder .form li .rightCol { float: left; width: 170px; } #subscriptionBuilder .form li .rightCol select { width: 161px; } #subscriptionBuilder .form td { padding-bottom: 15px; min-width: 50%; } #subscriptionBuilder .form td > span:first-child { font: normal 18px Helvetica, Arial, sans-serif; color: #000; } #subscriptionBuilder .form label, .checkList .label { font: normal 14px Helvetica, Arial, sans-serif; float: left; clear: both; color: #666; text-transform: uppercase; display: block; padding-bottom: 4px; } #subscriptionBuilder .form td span.formInstructions { font: 14px/1.5 Helvetica,Arial,sans-serif; color: #666; display: block; } /* START CORE FEATURES SET OVERRIDES */ .errorBox { cursor: pointer; position: fixed; z-index: 1000; top: 50%; left: 50%; padding: 15px; width: 380px; margin: -200px 0 0 -200px; color: #fff; text-align: center; background: #c40036; font-size: 12px; } .errorBox:before { text-align: center; display: block; margin: 0 auto; content: url('/Global/General/circle_logo_oops.png'); } .errorBox.memberPrompt:before { content: url('/Global/General/circle_logo.png'); } .errorBox:after { cursor: pointer; content: 'x'; position: absolute; top: 10px; right: 10px; background: #fff; color: #000; padding: 0 7px 2px; cursor: pointer; font-weight: bold; font-size: 25px; line-height: 1; } .errorBox:after:hover { cursor: pointer; content: 'x'; position: absolute; top: 10px; right: 10px; background: #fff; color: #000; padding: 0 7px 2px; cursor: pointer; font-weight: bold; font-size: 25px; line-height: 1; } .errorBox .closeButton { cursor: pointer; position: absolute; top: 10px; right: 10px; color: #000; font-size: 18px; padding-bottom: 6px; text-decoration: none; } .errorBox .closeButton:hover { background: #000; color: #fff; cursor: pointer; } .errorBox ul { margin: 0; padding: 0; } .errorBox li { list-style: none; } .errorBox a { color: #fff; text-decoration: underline; } .errorBox .btn { background: #fff; color: #000; text-decoration: none; height: auto; width: auto; padding: 0 10px; } .errorBox .btn:before, .errorBox .btn:after { content: ""; display: table; } .errorBox .btn:after { clear: both; } .errorBoxJustCircle:before { display: block; margin: 0 auto; content: url('/Global/General/circle_logo.png'); } .errorBoxJustCircle:after { content: ''; display: none; } .errorBoxNoOopsWithClose:before { display: block; margin: 0 auto; content: url('/Global/General/circle_logo.png'); } .errorBoxNoOopsWithClose:after { content: 'x'; position: absolute; top: 10px; right: 10px; background: #fff; color: #000; padding: 0 7px 2px; cursor: pointer; font-weight: bold; font-size: 25px; line-height: 1; } .errorBoxNoOopsWithClose:after:hover { background: #000; color: #fff; cursor: pointer !important; } #flexErrorOver { position: absolute; background: #f58b8b; top: 0; left: 0; width: 100%; height: 100%; } /* Login */ #subscriptionBuilder .field { clear: both; float: left; width: 100%; padding-bottom: 10px; } #subscriptionBuilder .field span { color: Red; font-weight: bold; font-size: 14px; } #subscriptionBuilder .actions { clear: both; } #loginContainer { float: left; width: 100%; } #loginContainer .login { float: left; width: 29%; padding: 10px; } #loginContainer .login input[type=text], #loginContainer .login input[type=password] { float: none; width: 240px; clear: none; } #loginContainer .field { clear: none; float: left; width: auto; } #loginContainer h2 { margin-top: 0; } #loginContainer .password label { float: left; } #loginContainer .password a { float: right; cursor: pointer; margin-right: 14px; font-size: 10px; text-decoration: underline; } #loginContainer #havePromo { display: block; margin-top: 10px; float: left; width: auto; clear: both; } #loginContainer #enterPromoCode { display: none; } #loginContainer .register, .forgotPassword .emailLookup { float: right; width: 64%; padding: 10px 2% 20px; background-color: #E5E5E5; } #loginContainer .message ul { margin: 0 0 0 20px; padding: 0; } #loginContainer .message li { float: left; width: 46%; margin-right: 4%; height: 46px; } #loginContainer .submit { clear: both; padding-top: 15px; } #subscriptionBuilder .error { background: red; color: #fff; clear: both; } #subscriptionBuilder .error ul { margin: 10px 0; padding: 0; list-style: none; } #subscriptionBuilder .error li { padding: 5px; } /* SYOS & BEST AVAILABLE */ #selectedPerformance { width: 100%; } #selectedPerformance img { float: left; } #selectSeatHeader #havePromo.btn { color: #000; float: left; } #selectedPerformance input[type=text] { width: auto; } #changePerformance { display: block; cursor: pointer; } .changeTheDate { padding: 5px 0; } .newDateSelector { display: none; } .newDateSelector select { margin: 0; } #selectSeatHeader { background: none !important; } /* #selectSeatHeader .pnlPromoEntry input[type="text"] { width: 100px; padding: 5px; } #selectSeatHeader .pnlPromoEntry input[type="submit"] { padding: 4px 10px; } .pnlPromoEntry #havePromo, .pnlPromoEntry #enterPromoCode { display: inline-block; width: 200px !important; } #selectSeatHeader #havePromo { display: block; color:#000; float:left; display: block; } */ #selectSeatHeader .formSection { clear: both; } #selectedPerformance .promoBox { border-top: dotted 1px #999; border-bottom: dotted 1px #999; float: left; width: 100%; background: #fcfcfc; padding: 8px 0 0 0; } .calendarWrap { background: #666; position: absolute; top: -95px; left: 190px; z-index: 1000; padding-bottom: 10px; } .calendarWrap #changeDateDatepicker { width: 212px; font-size: 11px; } .calendarWrap #changeDateDatepicker .ui-datepicker-calendar { width: 100%; } .calendarWrap #changeDateDatepicker .ui-datepicker-calendar thead { background: #262626; } .calendarWrap #changeDateDatepicker .ui-datepicker { } .calendarWrap #changeDateDatepicker .ui-datepicker-header { background: #262626; border: none; border-radius: 0; overflow: hidden; } .calendarWrap #changeDateDatepicker .ui-datepicker-header .ui-datepicker-title { text-align: center; padding-top: 5px; } .calendarWrap #changeDateDatepicker .ui-datepicker-header span { color: #2aa399; font: normal 16px 'Fanwood Text', 'Times New Roman', serif; text-transform: none; } .calendarWrap #changeDateDatepicker .ui-datepicker-header a { float: right; margin: 3px 5px 0 0; } .calendarWrap #changeDateDatepicker .ui-datepicker-header a:first-child { float: left; margin: 3px 0 0 5px; } .calendarWrap #changeDateDatepicker .ui-datepicker-header a.ui-state-hover { text-decoration: none; } .calendarWrap #changeDateDatepicker .ui-datepicker { background: #666; } .calendarWrap #changeDateDatepicker a, .calendarWrap #changeDateDatepicker td, .calendarWrap #changeDateDatepicker div { font-family: Helvetica,Arial,sans-serif !important; font-weight: bold; text-transform: uppercase; text-align: center; } .calendarWrap #changeDateDatepicker th { color: #ddd; font-weight: normal; font-family: 'Fanwood Text', 'Times New Roman', serif; padding: 2px; } .calendarWrap #changeDateDatepicker td { padding: 5px 3px; } .calendarWrap #changeDateDatepicker td:hover { background: #888; } .calendarWrap #changeDateDatepicker td a { color: #fff; font-weight: bold; display: block; } .calendarWrap #changeDateDatepicker td a:hover { text-decoration: none; } .calendarWrap #changeDateDatepicker .ui-datepicker-today { background: #262626; } .calendarWrap #changeDateDatepicker .ui-datepicker-today span { color: #666; } .calendarWrap #changeDateDatepicker .ui-datepicker-current-day, .calendarWrap #changeDateDatepicker .ui-datepicker-current-day:hover { background: #2aa399; } .calendarWrap #changeDateDatepicker .ui-datepicker-current-day a, .calendarWrap #changeDateDatepicker .ui-datepicker-current-day a:hover { color: #262626; } .calendarWrap #changeDateDatepicker .ui-datepicker-unselectable a { font-weight: normal; } .calendarWrap #changeDateDatepicker .ui-datepicker-other-month:hover { background: none; } .calendarWrap #closeDatePicker { top: -14px !important; right: -12px !important; font-size: 11px !important; padding: 5px 8px !important; background: #2AA399 !important; color: #fff !important; } #choiceToggle, #syosOnPage { width: 100%; margin: 15px 0 0; float: left; clear: both; } #choiceToggle a { display: inline-block; margin-left: -5px; height: 40px; text-align: center; font: bold 12px/40px Arial; border: solid #ccc; border-width: 1px 1px 0; background: #e6e6e6; color: #333; padding: 0 20px; } #choiceToggle a:hover, #syosOnPage a:hover { text-decoration: none; background: #fff; } #choiceToggle a span, #syosOnPage a span { visibility: hidden; padding-right: 5px; font-weight: bold; } #choiceToggle a.on, #syosOnPage a.on { text-decoration: none; background: #fff; } #choiceToggle a.on span, #syosOnPage a.on span { visibility: visible; } #choiceToggle a:first-child { margin-left: 0; } #choiceWrapper { clear: both; margin-bottom: 30px; } #choiceWrapper #chooseLevel { width: 920px; background: #F7F7F7 !important; } #choiceWrapper #chooseLevel ul { position: absolute; top: 0; left: auto; right: 20px; margin: 0; width: auto; } #choiceWrapper #chooseLevel li { position: absolute; font-size: 12px; background: 0; padding-left: 0; top: 0; left: auto; right: 0; bottom: auto; width: 230px; color: #333; } /* Ziff Front Screen: Level Title Placement */ .ziff #choiceWrapper #chooseLevel li:first-child { top: 420px; } .ziff #choiceWrapper #chooseLevel li:first-child + li { top: 340px; } .ziff #choiceWrapper #chooseLevel li:first-child + li + li { top: 260px; } .ziff #choiceWrapper #chooseLevel li:first-child + li + li + li { top: 180px; } .ziff #choiceWrapper #chooseLevel li:first-child + li + li + li + li { top: 100px; } /* Knight Front Screen: Level Title Placement */ .knight #choiceWrapper #chooseLevel li:first-child { top: 410px; } .knight #choiceWrapper #chooseLevel li:first-child + li { top: 335px; } .knight #choiceWrapper #chooseLevel li:first-child + li + li { top: 220px; } .knight #choiceWrapper #chooseLevel li:first-child + li + li + li { top: 140px; } #choiceWrapper #chooseLevel .levelPriceSummary { font-weight: bold; } #choiceWrapper #chooseLevel li h2 { margin: 0; color: #2aa399; font-family: 'Fanwood Text', 'Times New Roman', serif; font-size: 28px; color: #670099; } #choiceWrapper #chooseLevel li p { margin: 0; } #choiceWrapper #chooseCommand { color: #999; text-shadow: 1px 1px 2px #fff; font-weight: bold; position: absolute; top: 35%; left: 110px; font-weight: normal; text-align: center; width: 280px; } #choiceWrapper #syosOnPage { width: 920px; margin: 0; border-color: #ccc; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #choiceWrapper #levelsWrap { left: 0; } #choiceWrapper #syosFullScreenToggle h4 { margin: 10px 0; font-weight: bold; } #choiceWrapper .syosToggleBtn { background: #555; } #choiceWrapper .syosToggleBtn a { background: #333; color: #fff; } #choiceWrapper .syosToggleBtn a.enabled, #choiceWrapper .syosToggleBtn a.enabled:hover { color: #333; background: #FFDA30; } #choiceWrapper #syosTools, #syos #syosAdmin { border-top-color: #666666; background: #666666; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #666666 0%, #333333 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#333333)); background: -webkit-linear-gradient(top, #666666 0%,#333333 100%); background: -o-linear-gradient(top, #666666 0%,#333333 100%); background: -ms-linear-gradient(top, #666666 0%,#333333 100%); background: linear-gradient(to bottom, #666666 0%,#333333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=0 ); } #choiceWrapper #syosTools { width: 9%; } #choiceWrapper #zoom .ui-slider, #choiceWrapper #toggleView > a:hover, #choiceWrapper #toggleView a:active, #choiceWrapper #toggleView a.on { background: #999; } #choiceWrapper #zoom .ui-slider-handle { padding: 0; } #choiceWrapper #syosTools #moveN { border-bottom-color: #999; } #choiceWrapper #syosTools #moveN:hover { border-bottom-color: #FFDA30; } #choiceWrapper #syosTools #moveE { border-left-color: #999; } #choiceWrapper #syosTools #moveE:hover { border-left-color: #FFDA30; } #choiceWrapper #syosTools #moveS { border-top-color: #999; } #choiceWrapper #syosTools #moveS:hover { border-top-color: #FFDA30; } #choiceWrapper #syosTools #moveW { border-right-color: #999; } #choiceWrapper #syosTools #moveW:hover { border-right-color: #FFDA30; } #choiceWrapper #syos .closeX, #choiceWrapper #syos .closeX:visited { background: #000; } #choiceWrapper #seatInfo ul a { color: #333; } #choiceWrapper #seatInfo ul a:hover { background: #333; color: #fff; } #choiceWrapper #seatCart td, #choiceWrapper #seatCart th { border-bottom-color: #eee; } #choiceWrapper #changeLevel { border-top-color: #666666; background: #666666; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #666666 0%, #333333 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#333333)); background: -webkit-linear-gradient(top, #666666 0%,#333333 100%); background: -o-linear-gradient(top, #666666 0%,#333333 100%); background: -ms-linear-gradient(top, #666666 0%,#333333 100%); background: linear-gradient(to bottom, #666666 0%,#333333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=0 ); } #choiceWrapper #changeLevel h4 { } #choiceWrapper #changeLevel a { font-size: 13px; background: #666; } #choiceWrapper #toggleView > a { font-size: 11px; } #choiceWrapper #syoskey li { background: 0; line-height: normal; } #seatCartWrapper #viewCart { background: #C51230; } #choiceWrapper #syosTotal { font-size: 16px; } /*#choiceWrapper #seatCart .syos-button.syos-button-right, #choiceWrapper #seatCart .syos-button.syos-button-left { font: normal 13px Helvetica, Arial, sans-serif; text-transform: uppercase; padding: 6px 12px; color: #444 !important; border: 0; text-shadow: 0 0 5px #fff, -1px -1px 1px #fc6; -webkit-box-shadow: 0 1px 2px #888; -moz-box-shadow: 0 1px 2px #888; box-shadow: 0 1px 2px #888; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #ffcc33; background: -moz-linear-gradient(top, #ffcc33 0%, #eab82e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcc33), color-stop(100%,#eab82e)); background: -webkit-linear-gradient(top, #ffcc33 0%,#eab82e 100%); background: -o-linear-gradient(top, #ffcc33 0%,#eab82e 100%); background: -ms-linear-gradient(top, #ffcc33 0%,#eab82e 100%); background: linear-gradient(top, #ffcc33 0%,#eab82e 100%); }*/ .leftColPref { width: 120px; float: left; margin-bottom: 10px; } .leftColPref img { width: 120px; } .performanceInfo { float: left; width: 66%; padding: 10px 0; } .performanceInfoText { margin-left: 180px; } .reservePromoArea { float: right; width: 31%; padding: 10px 0; } .reservePromoArea .promo { margin-top: 0; padding: 0; border: 0; float: right; width: auto; } .performanceInfo .dateWrapper { float: left; margin-bottom: 10px; width: 400px; padding-left: 15px; } .performanceInfo .dateWrapper .changePrefBtn { background: url(../../images/btn/btn.jpg) no-repeat; height: 18px; width: 80px; font: normal 13px Helvetica, Arial, sans-serif; text-transform: uppercase; padding: 6px 12px; outline: none; color: #444 !important; border: 0; text-shadow: 0 0 5px #fff; } .performanceInfo .dateWrapper .changePrefBtn:hover { background-position: 0 -34px; color: #fff !important; text-shadow: none; } .performanceInfo .venueName { display: block; padding-bottom: 8px; } .performanceInfo h2 { font: normal 24px 'Fanwood Text', 'Times New Roman', serif; } .performanceInfo h2 a { color: inherit; } .performanceInfo h3 { margin: 5px 0 0; display: block; } .performanceInfo .perfVenue { display: block; padding-top: 6px; color: #666; font-size: 12px; } .performanceInfo .dateVenue { margin-left: 15px; float: left; } .performanceInfo .dateVenue .dateSelected, .performanceInfo .dateVenue .venue { margin: 2px 0; display: block; } .performanceInfo .dateVenue .venue { margin-bottom: 10px; } .performanceInfo .btn { color: #000; } .productionThumb { width: 120px; height: 100px; background: #999; float: left; clear: left; } .promoDisplay { clear: both; } .promoMessage { clear: both; color: white; background: #C82C2C; display: block; padding-left: 10px; position: relative; } .promoMessage p { margin: 0; padding: 5px; } .PromoNotApplicableMessage { color: #fff; } .eligible { margin-bottom: 10px; float: right; } #changeDateDatepicker .ui-datepicker { border-bottom: none; } #changeDateDatepickerTimes { display: none; width: 202px; color: #fff; background: #888; font-size: 11px; border-top: none; padding: 5px; text-align: center; } #changeDateDatepickerTimes div { display: inline-block; padding: 5px; margin: 5px; cursor: pointer; font-size: 11px; font-weight: bold; } #changeDateDatepickerTimes div:hover { background: #fff; color: #333; } #changeDateDatepickerTimes a { color: #FFDA30; margin-right: 11px; display: inline-block; } #bestAvail { padding: 40px 20px 20px; clear: both; padding-top: 20px; display: none; border-top: solid 1px #eee; position: relative; top: -1px; z-index: 1; } #bestAvail table { width: 64%; margin-left: 10px; margin-bottom: 10px; float: left; } #bestAvail .baVenueImg { float: left; max-width: 300px; } #bestAvail .baVenueImg + table { float: right; width: 535px; } #bestAvail table label { display: inline-block; } #bestAvail th, #bestAvail td { width: 15%; padding: 12px 5px; border-bottom: #ddd 1px solid; text-align: right; } #bestAvail th { font-size: 11px; font-weight: bold; } #bestAvail td.fullTableCell { width: 100% !important; font-size: 11px; } #bestAvail table th:first-child, #bestAvail table td:first-child { width: 40%; text-align: left; } #bestAvail input[type=radio], #bestAvail label { vertical-align: middle; } #bestAvail input[type=radio] { margin-right: 5px; width: auto; } #bestAvail .gray { background: #eee; } #bestAvail .gray td:first-child { font-weight: bold; } #bestAvail .gray select { margin: 0; } #bestAvail .bestAvailableButton { text-align: right; clear: both; float: right; } #bestAvail .errorMsg { margin-left: 8px; } #bestAvail .venueImg { float: left; width: auto; } #bestAvail .baVenueImgContainer { max-width: 300px; float: left; } #bestAvail .baVenueImgContainer a { float: left; clear: both; cursor: pointer; margin-top: 15px; margin-left: 106px; } .reserveSubCopy { clear: both; padding-top: 30px; } /* LIST OF PACKAGES */ .subscriptionHeader { float: left; width: 100%; clear: both; padding-bottom: 25px; } .subscriptionHeader strong { padding-bottom: 5px; display: block; } .subscriptionHeader ul { margin: 0; padding: 0; } .subscriptionHeader ul li { list-style: inside; } .packageLinks { margin: 0; padding: 0 0 20px; overflow: hidden; } .packageLinks li { list-style: none; display: inline-block; width: 47%; padding: 10px 2% 0 0; } #listOfPackages { margin: 0; padding: 0; list-style: none; } #listOfPackages > li { float: left; width: 100%; clear: both; border-top: 1px solid #ddd; padding: 20px 0; } #listOfPackages > li > h2 { margin-top: 0; } #listOfPackages li { padding-left: 0; } #listOfPackages li:hover { } #listOfPackages li h3 { margin-top: 0; } .packageInfo .packageDetail .buttons { float: right; margin: 0 45px 30px 30px; } .packageInfo .packageDetail .btn { display: block; width: 150px; text-align: center; padding-left: 0; padding-right: 0; margin-bottom: 10px; } .mainContent .packageInfo .playsListing { float: none; clear: both; width: 688px; text-align: center; position: relative; z-index: 100; } .mainContent .packageInfo .playsListing h5 { text-align: left; padding-bottom: 10px; } /* #listOfPackages ul.playDesc { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } #listOfPackages ul.playDesc:hover li { opacity: .8; } #listOfPackages ul.playDesc li { padding-bottom: 15px; background: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; } #listOfPackages ul.playDesc li.thirdPerf { margin: 0; } #listOfPackages ul.playDesc li.fourthPerf { clear: left; } #listOfPackages ul.playDesc li:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #listOfPackages ul.playDesc > li:hover { opacity: 1; } */ #listOfPackages .packageListItemWrapper { float: left; width: 100%; background: #fff; } #listOfPackages #leftSide { float: left; width: 98px; } #listOfPackages #leftSide b { display: block; padding-bottom: 10px; } #listOfPackages .buttonWrapper .btn, #listOfPackages .buttonWrapper .btnSecondary { display: block; padding: 0; margin: 0 0 10px; white-space: nowrap; width: 96px; text-align: center; font-size: 10px; } /* #listOfPackages #leftSide .playDesc li { list-style: none; float: left; margin-right: 20px; } #listOfPackages #leftSide .playDesc li a { float: left; clear: both; width: auto; text-decoration: none; } #listOfPackages #leftSide .playDesc li span { width: auto; padding: 2px 0; display: block; text-decoration: none; color: #333; } #listOfPackages #leftSide .playDesc li img { float: left; clear: both; -webkit-box-shadow: 1px 1px 2px 0px #666; -moz-box-shadow: 1px 1px 2px 0px #666; box-shadow: 1px 1px 2px 0px #666; } */ #listOfPackages .leftSide { float: left; width: 77%; padding-right: 3%; } #listOfPackages .leftSide b { display: block; padding-bottom: 10px; } #listOfPackages .leftSide .playDesc li { list-style: none; float: left; margin-right: 20px; } #listOfPackages .leftSide .playDesc li a { float: left; clear: both; width: auto; text-decoration: none; } #listOfPackages .leftSide .playDesc li span { width: auto; padding: 2px 0; display: block; text-decoration: none; color: #333; } #listOfPackages .leftSide .playDesc li img { float: left; clear: both; -webkit-box-shadow: 1px 1px 2px 0px #666; -moz-box-shadow: 1px 1px 2px 0px #666; box-shadow: 1px 1px 2px 0px #666; } #listOfPackages #subscribeArea { float: left; width: 20%; text-align: right; } #listOfPackages #subscribeArea h3 { padding-bottom: 10px; } #listOfPackages #subscribeArea p { margin-bottom: 10px; } #listOfPackages #subscribeArea .priceRange { /*padding-bottom:15px;*/ text-align: right; } #listOfPackages #subscribeArea .priceRange b { color: #72547C; padding-bottom: 10px; } /*#listOfPackages #subscribeArea .buttonWrapper { float: right; width: 160px; background: #eee; padding: 18px 10px 10px; } #listOfPackages #subscribeArea .buttonWrapper .btn { float: left; clear: both; margin-bottom: 10px; width: 160px; }*/ #listOfPackages #subscribeArea .buttonWrapper { float: right; width: 100%; text-align: center; } #listOfPackages #subscribeArea .buttonWrapper .btn { margin: 5px 0; float: right; clear: right; } /* ORIGINAL HAD ID ABOVE, ADDING CLASS AS WELL TO MIMIC - AJM */ #listOfPackages .subscribeArea { float: right; width: auto; text-align: right; /*padding: 10px;*/ } #listOfPackages .subscribeArea h3 { padding-bottom: 10px; } #listOfPackages .subscribeArea p { margin-bottom: 10px; } #listOfPackages .subscribeArea .priceRange { /*padding-bottom:15px;*/ text-align: right; } #listOfPackages .subscribeArea .priceRange b { color: #72547C; padding-bottom: 10px; } #listOfPackages .subscribeArea .buttonWrapper { float: right; width: 100%; text-align: center; } #listOfPackages .subscribeArea .buttonWrapper .btn { margin: 5px 0; float: right; clear: right; } #listOfPackages .subscribeArea .buttonWrapper select { min-width: 50px; margin: 12px 0 0; float: left; } #listOfPackages.packageDetail .subscribeArea .priceRange { padding-bottom: 0; } #listOfPackages.packageDetail .subscribeArea .buttonWrapper { width: 100%; } /* .packageDetail ul { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .packageDetail ul:hover li { opacity: .6; } .packageDetail ul li { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; } .packageDetail ul li:hover { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; opacity: 1; } */ /* CFS Packages */ .mainContent .playsListing { float: right; width: 630px; } .mainContent .playsListing ul { margin: 0 0 0 4px; padding: 0; } .mainContent .playsListing li { position: relative; list-style: none; display: inline-block; vertical-align: top; margin-left: -4px; padding-bottom: 15px; width: 90px; text-align: center; font-size: 11px; } .mainContent .playsListing li a, .mainContent .playsListing li a:hover { color: #333; text-decoration: none; cursor: pointer; } .mainContent .playsListing li img { display: block; width: 90px; height: 135px; margin: 0 -1px 5px; border-color: #333; } .mainContent .playsListing li span { display: block; padding: 0 5px; } .mainContent .playsListing li .title { line-height: 1.2; } .mainContent .playsListing li .tooltip { top: 0; } .mainContent .playsListing li .tooltipContent h1 { clear: both; margin: 0; padding: 10px 0 5px; font-size: 22px; font-weight: normal; } .mainContent .playsListing li .tooltipContent div { width: auto; } .mainContent .playsListing li .tooltipContent .buttons { margin: 0; float: none; } .mainContent .playsListing li .tooltipContent img { display: none; } /* Register */ #registerControl select { width: 210px; } #registerControl input[type=text], #registerControl input[type=password] { width: 90%; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #registerControl select { margin: 0; } #registerControl > .row-fluid fieldset > .formSection, #registerControl > .row-fluid fieldset > .span6 .formSection{ float: left; width: 33%; padding: 0 0 0 0; margin-bottom: 2%; } #registerControl > .row-fluid fieldset > .formSection li, #registerControl > .row-fluid fieldset > .span6 .formSection li { padding-bottom: 15px; } #registerControl > .row-fluid fieldset > .formSection label,#registerControl > .row-fluid fieldset > .span6 .formSection label { display: block; } #registerControl > .row-fluid fieldset > .nameFields, #registerControl > .row-fluid fieldset > .span6 .newAddress { width: 63%; margin-left: -1px; margin: 0 0 0 -1px; border-left: 1px solid #eee; } #registerControl > .row-fluid fieldset > .nameFields li, #registerControl > .row-fluid fieldset > .span6 .newAddress li { width: 49%; display: inline-block; float: none; vertical-align: top; clear: none; } #registerControl .addressBilling span { display: block; } #registerControl .formSection h2 { display: none; } #registerControl .actions { border-top: 1px solid #eee; padding-top: 15px; } #registerControl .registerPromo { text-align: right; clear: both; height: 50px; margin-top: 20px; } #registerControl .registerPromo .help { text-align: left; } #registerControl .formSection .promo { border-top: 1px solid #ddd; border-bottom: 0; width: 98%; padding: 15px 1%; } #registerControl .formSection .promo .errorMsg { float: left; max-width: 35%; text-align: left; float: left; } #registerControl .formSection .promo .errorMsg > *:first-child { padding: 10px; } #registerControl .formSection a { display: inline-block; margin-top: 4px; } #registerControl .formSection label { display: inline-block; margin-right: 10px; vertical-align: middle; } #registerControl .actions .btn { float: right; } #registerControl .toggleAllInterests input { margin: 8px 8px 8px 17px; } #registerControl .toggleAllInterests label { width: 39%; padding: 8px 0; display: block; margin: 0; background: #ccc; font-weight: bold; } #registerControl #interestList { clear: both; } #registerControl .userInterests { width: 100%; } #registerControl .userInterests ul { background: #f5f5f5; padding: 2%; } #registerControl .userInterests li { position: relative; float: none; clear: none; display: inline-block; vertical-align: top; width: 22%; margin-right: 2%; padding: 0; border-top: 1px solid #fff; border-bottom: 1px solid #eee; } #registerControl .userInterests ul input { margin: 0; position: absolute; top: 5px; left: 5px; } #registerControl .userInterests ul label { display: inline-block; font-size: 11px; margin: 0; padding: 5px 5px 5px 24px; height: 32px; word-wrap: break-word; } #registerControl .userInterests ul li:hover label { background: #fff; color: #000; } #registerControl .userInterests ul input:checked + label { background: #30b1a7; color: #fff; } span.required { color: #e34343; padding-right: 2px; display: inline !important; } span.footNote { font-size: 11px; } span.invalidCard { display: none !important; } span.invalidCard p { margin-top: -10px; } /* Subs Addons */ .subsAddOns { margin: 0; padding: 0; } .subsAddOns li { padding: 0; margin: 0; padding-bottom: 15px; margin-bottom: 15px; background: none; border-bottom: dotted 1px #ccc; } .subsAddOns li .prefDate { /* display:block; */ font-size: 11px; font-weight: bold; } .subsAddOns li .dropdowns { padding-top: 5px; } .subsAddOns li .dropdowns label { font-size: 11px; } .subsAddOns li .dropdowns .prefDate.singleLine { font-size: 14px; padding-right: 15px; font-weight: normal; color: #333; border: solid 1px #EEE; padding: 4px; background: #FAFAFA; margin-right: 9px; } .subsAddOns li .dropdowns select { padding: 2px; margin-right: 10px; } .addOnBtns .btn { margin-left: 10px; } /* SUBSCRIPTION BUILDING */ #subscriptionBuilder { clear: both; float: left; width: 100%; padding: 0; color: #666; /*font-size: 11px;*/ } .renewalLandingPageOnly .subsPackageArea, .renewalLandingPageOnly .singleTicketWrapper{width:auto!important;} /* #subscriptionBuilder .errorBox { position: fixed; color: white !important; z-index: 110002; min-width: 805px; bottom: 0; left: 0; width: 100%; text-align: center; background: #C82C2C url(/images/warning_icon.png) 5px center no-repeat; background: rgba(200,44,44,.95) url(/images/warning_icon.png) 5px center no-repeat; padding: 20px 0; color: #fff; font-weight: bold; font-size: 15px; -moz-box-shadow: 0 0 5px #333; -webkit-box-shadow: 0 0 5px #333; box-shadow: 0 0 5px #333; text-shadow: 1px 1px 1px rgba(0,0,0,.2); } #subscriptionBuilder .errorBox p { margin: 0; } #subscriptionBuilder .errorBox a { text-decoration: underline; color: #fff; } */ #subscriptionBuilder .btnDisabled, #subscriptionBuilder .btnDisabled:hover, #subscriptionBuilder .btnDisabled:active { color: #eee; background: #999; border-color: #999; cursor: default; border-color: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; top: 0; } #subscriptionBuilder .packageArea { clear: both; position: relative; margin: 0; /*background-color: #eee; margin-bottom: 5px; color: #333;*/ } #subscriptionBuilder #disclaimer { float: left; width: 98%; padding: 1%; clear: both; font-size: 10px; line-height: 12px; background: #fafafa; } #subscriptionBuilder #disclaimer p { margin: 0; line-height: 14px; } #subscriptionBuilder #packageDisplayContainer { float: left; width: 96%; padding: 2%; background: #eee; margin-bottom: 20px; } #subscriptionBuilder #packageDisplayContainer .packageArea .headerLine { color: white; background: #666; } #subscriptionBuilder #packageDisplayContainer .packageArea .headerLine .subDateLine { float: left; width: 220px; } #subscriptionBuilder .flexGuidelines { padding: 0; margin: 0 0 10px; } #subscriptionBuilder .flexGuidelines h3 { margin: 0; } #subscriptionBuilder .flexGuidelines span { font-weight: bold; } #subscriptionBuilder .flexGuidelines small { font-size: 11px; color: #999; padding-top: 5px; } .subsFlexHeader { float: left; width: 100%; background: #333; color: #fff; position: relative; } #subscriptionBuilder .flexGuidelines .flexDescHeader { padding: 0; float: right; width: auto; margin-top: 4px; position: absolute; right: 0; top: 0; } #subscriptionBuilder .miniCart { padding: 0; overflow: hidden; clear: both; font-size: 12px; padding-bottom: 10px; } #subscriptionBuilder .continueBtn { clear: both; text-align: right; position: relative; padding-top: 3px; } #subscriptionBuilder table.packageCart { width: 100%; border: 0; } #subscriptionBuilder table.packageCart th { font-weight: bold; text-align: left; /*border-bottom: 1px solid #999;*/ } #subscriptionBuilder table.packageCart td { padding: 5px 0; float: none; vertical-align: top; text-align: left; border-top: 1px solid #ccc; } #subscriptionBuilder table.packageCart.cartDisplay tr:last-child td { border-top: 0; } #subscriptionBuilder table.packageCart.cartDisplay .cart-addons { display: inline; } #subscriptionBuilder table.packageCart.cartDisplay .addParking { margin-left: 2px; } #subscriptionBuilder table.packageCart td.removeButton { width: 20px; } #subscriptionBuilder table.packageCart td.editBtn { text-align: center; font-weight: bold; } /*#subscriptionBuilder table.packageCart td.packageInfo { width: 145px; padding-right: 10px; font-size: 12px; font-weight: bold; color: #2aa399; }*/ #subscriptionBuilder table.packageCart td.packageInfo { padding: 5px 5px;} #subscriptionBuilder table.packageCart td.packageInfo h3 { margin: 0; padding: 0; font-size: 12px; } #subscriptionBuilder table.packageCart td.packageInfo { font-weight: bold; font-size: 12px; } #subscriptionBuilder table.packageCart td.packageInfo .title { padding-left: 10px; font-size: 15px; } #subscriptionBuilder table.packageCart td.packageInfo .addParking { margin: 0 0px 0px -15px;padding: 15px 0px 18px 15px;} #subscriptionBuilder table.packageCart td.packagePerformances { width: 280px; } #subscriptionBuilder table.packageCart td.packagePerformances li strong { width: 43%; } #subscriptionBuilder table.packageCart td.packagePerformances .subDate { float: left; width: 160px; } #subscriptionBuilder table.packageCart td.packagePerformances .subsPref { float: left; width: 178px; } #subscriptionBuilder table.packageCart td.packagePerformances li { border: 0; } #subscriptionBuilder table.packageCart td.priceTypes { width: 120px; text-align: right; } #subscriptionBuilder table.packageCart td.totalSubsPrice { text-align: right; width: 210px; padding-right: 5px; } #subscriptionBuilder table.packageCart .edit { margin-right: 5px; } #subscriptionBuilder table.packageCart .price { text-align: right; padding-right: 5px; } #subscriptionBuilder table.contributions .price { padding-right: 5px; } #subscriptionBuilder table.packageCart .link { width: 25px; } #subscriptionBuilder table.packageCart ul { list-style: none; padding: 0!important; margin: 0!important;} #subscriptionBuilder .remove { cursor: pointer; vertical-align: top; display: inline-block; top: 0; left: 0; color: #fff; background: #30b1a7; padding: 1px 4px 0; text-decoration: none; font-weight: bold; font-size: 11px; } #subscriptionBuilder .subsCartThumnail { float: left; width: 85px; margin-right: 20px; } #packageDisplay { position: relative; float: left; width: 100%; } #packageDisplay h2 { margin: 0; padding: 0; } #packageDisplayContainer { float: left; width: 100%; clear: both; padding: 10px 0 25px; } #packageDisplayContainer .flexPackagePriceType { float: right; padding-top: 4px; } #packageDisplayContainer .continueBtn { position: relative; /*float:right;*/ clear: both; overflow: hidden; background: #fff; padding: 15px; -webkit-box-shadow: inset 1px 1px 2px #ccc; -moz-box-shadow: inset 1px 1px 2px #ccc; box-shadow: inset 1px 1px 2px #ccc; } #packageDisplayContainer .continueBtn:before { position: absolute; top: 0; right: 76px; content: ''; width: 0; height: 0; border-left: 10px outset transparent; border-right: 10px outset transparent; border-top: 10px solid #eee; } #packageDisplayContainer .continueBtn .priceTypes { display: inline; padding: 0 15px 0 0; margin: 0; } #packageDisplayContainer .performanceInfo { vertical-align: top; display: inline-block; } #packageDisplayContainer .performanceInfo { vertical-align: top; display: inline-block; } #packageDisplayContainer .performanceInfo span { vertical-align: top; display: inline-block; } #packageDisplayContainer .performanceInfo .date { padding-left: 5px; width: 185px; } .packageArea .priceTypes { width: 155px !important; } .selectSubsContinue { color: #fff; } .selectSubsContinue .btn { float: right; width: 100px; margin-left: 10px; } .selectSubsContinue ul { margin: 0; padding: 0; } .selectSubsContinue ul li { float: right; background: none; } #filterContainer { float: left; width: 20% !important; } #filterContainer .filter { padding-bottom: 20px; } #filterContainer .filter h3 { margin: 0; border-top: 1px solid #999; padding: 20px 0 0; font-variant: small-caps; font-size: 15px; color: #000; } #filterContainer .filter ul { list-style-type: none; margin: 0; padding: 6px 0 0; } #filterContainer .filter li { position: relative; border-top: 1px solid transparent; background: none; } #filterContainer .filter input { position: absolute; top: 5px; left: 5px; z-index: 1; } #filterContainer .filter label { position: relative; padding: 0px 20px 5px 5px; color: #666; display: block; cursor: pointer; font-size: 11px; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; } #filterContainer .filter input:checked + label { color: #000; } #filterContainer .filter input:checked + label:before { content: 'X'; color: #72547C; font: normal 10px 'Arial Black', arial, sans-serif; width: 0; height: 0; position: absolute; top: 50%; right: 13px; margin-top: -7px; } #performanceSelectionContainer { float: right; width: 100%; } #performanceSelectionContainer #performanceSelection { float: left; width: 100%; border-top: 1px solid #999; } #activeFilters { text-align: right; background: #f1f1f1; padding: 12px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #activeFilters .currentSelections { text-align: left; padding-bottom: 15px; } #activeFilters .currentSelections * { display: inline; } #activeFilters .currentSelections ul { list-style: none; } #activeFilters .currentSelections ul li { margin-left: 15px; } #activeFilters .sortSection select { float: left; width: 150px; padding: 2px; } #activeFilters .pageSection ul { list-style: none; display: inline; } #activeFilters .pageSection li { display: inline; margin-right: 5px; } #activeFilters .pageSection li a { display: inline-block; padding: 4px 10px; background: #fff; color: #72547C; font-size: 11px; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: inset 0 0 2px #aaa; } #activeFilters .pageSection li a:hover { background: #A186B2; color: #fff; } #allProductions .productionRow { float: left; width: 100%; border-bottom: 3px solid #CCC; } #allProductions .productionRow:hover { } #allProductions .productionRow.added .productionImage, #allProductions .productionRow.added .productionInformation { color: #000; } #allProductions .productionRow.added .btn, #allProductions .productionRow.added .btn:active { top: 20px; background: transparent; padding: 3px 0; text-align: left; text-indent: 15px; text-shadow: none; color: #72547C; border: 0; width: auto; cursor: default; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; behavior: none; position: static; } #allProductions .productionRow.added .btn:before { content: '✔'; width: 0; height: 0; position: absolute; top: 50%; left: -15px; margin-top: -8px; } #allProductions .productionRow.added .productionButton { right: 3px; top: 13px; } #allProductions .productionRow.added .productionButton a { color: #333 !important; } #allProductions .productionRow.viewing, #allProductions .productionRow.viewing:hover { background: #eee; } #allProductions .productionRow.viewing .btn { text-align: left; } #allProductions .productionRow.viewing .btn:before { content: ''; width: 0; height: 0; position: absolute; top: 50%; right: 10px; margin-top: -3px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fff; } #subscriptionBuilder .productionDisplay { position: relative; float: left; width: 100%; padding: 15px 0; background: #fff; } #subscriptionBuilder .productionImage { float: left; width: 150px; margin-right: 15px; } #subscriptionBuilder .productionImage img { width: 150px; -moz-box-shadow: 1px 1px 2px #666; -webkit-box-shadow: 1px 1px 2px #666; box-shadow: 1px 1px 2px #666; } #subscriptionBuilder .productionInformation { padding-right: 160px; float: left; } #subscriptionBuilder .productionButton { position: absolute; top: 15px; right: 0; } #subscriptionBuilder .productionButton a { width: 100px; } #allProductions .reserveSelection { clear: both; float: left; width: 96%; padding: 2%; background: #fafafa; border-top: solid 1px #eee; position: relative; } #allProductions .reserveSelection .quantity h4 { display: inline; padding: 0; } #allProductions .reserveSelection .quantity ul { display: inline; list-style-type: none; margin: 0; padding: 0; } #allProductions .reserveSelection .quantity ul li { display: inline; padding-left: 10px; } #allProductions .reserveSelection .arrow { background: url(../../images/topTriange.png) no-repeat center top; position: absolute; width: 20px; height: 11px; left: 50%; margin-left: -10px; top: -1px; } #allProductions .selectionContainer { padding: 15px 15px 15px 0; } #allProductions .selectionContainer h4 { padding-bottom: 10px; padding-bottom: 5px; font: normal 14px Helvetica, Arial, sans-serif; margin: 0; } #allProductions .availablePerformances { clear: both; float: left; width: 48%; } #allProductions .availablePerformances select { width: 100%; height: 175px; font-size: 12px; } #allProductions .currentPerformances label { display: block; font-weight: bold; padding-bottom: 10px; } #allProductions .performanceFilters { float: right; width: 48%; margin-top: -22px; padding-bottom: 10px; } #allProductions .perfFilter { clear: both; padding: 0 0 10px; } #allProductions .perfFilter h5 { font-size: 11px; font-weight: bold; padding-bottom: 5px; color: #666; margin: 0; } #allProductions .performanceFilters h3 { margin: 0; border-bottom: 1px dotted #999; padding: 0 0 3px; } #allProductions .performanceFilters ul { clear: both; list-style-type: none; margin: 0; } #allProductions .performanceFilters li { font-size: 11px; display: inline-block; padding: 5px 1%; width: 47%; vertical-align: top; background: #eee; margin-bottom: 3px; } #allProductions .performanceFilters li input { vertical-align: top; margin-right: 5px; margin-top: 2px; } #allProductions .performanceFilters li label { cursor: pointer; } #allProductions .performanceFilters li input:checked + label { } #cartExpire { padding: 17px 15px 0; text-align: right; color: #fff; font-weight: bold; } #cartItemDisplay { clear: both; } #cartItemDisplay .packageArea { margin: 0; font-size: 12px; background: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; float: left; width: 100%; margin-bottom: 15px; } #cartItemDisplay .packageArea.subsPackageArea { clear: none; width: 815px; } .removeDescription { float: right; font-size: 12px; border-bottom: solid 2px #dedede; padding: 5px; } .removeDescription span { display: inline-block; margin: 0 1px; } .removeDescription .btn:hover { cursor: default !important; } #cartItemDisplay .packageArea h2 { margin: 0; padding: 0; font: normal 20px 'Fanwood Text', 'Times New Roman', serif; color: #333; padding-bottom: 3px; } #cartItemDisplay .packageArea h2 p { margin: 0; } #cartItemDisplay .cartDisplay { padding-top: 20px; } #cartMainDisplay #cartHeader { height: 80px; } #cartMainDisplay #cartHeader div { height: 100%; } #cartMainDisplay #cartHeader .cartTitle h2 { padding: 5px 8px; border: 1px solid #000; } #cartMainDisplay #cartHeader .cartExpire { margin-left: 60%; } #cartMainDisplay #cartHeader .cartExpire p { padding: 5px 8px; border: 1px solid #000; } #cartItemDisplay .cartInformation { padding: 5px; border: 1px solid #000; margin: 5px; width: 13%; } #cartItemDisplay .cartDisplay ul { list-style-type: none; } #cartItemDisplay .totalPrice { position: relative; } #cartItemDisplay .remove { position: relative; margin: 2px 0 0 5px; } #cartItemDisplay .ticketInfo .remove { margin: 0 0 0 5px; } #cartMainDisplay .accessibilityMessaging { border: 2px solid Red; color: Red; padding: 10px; font-weight: bold; } .packageArea .headerLine, .packageCart .headerLine { font-weight: bold; border: none; padding-top: 0; color: #333; display: block; } #cartItemDisplay .preformaceName, #cartItemDisplay .date, #cartItemDisplay .venue, #cartItemDisplay .unitTix, #cartItemDisplay .seating, #cartItemDisplay .section, #cartItemDisplay .price { float: left; padding-bottom: 15px; vertical-align: middle; } #cartItemDisplay .item { padding: 2px 5px; } /*#cartItemDisplay .date { width: 160px; } #cartItemDisplay .venue { width: 178px; } #cartItemDisplay .unitTix { width: 120px; } #cartItemDisplay .seating { width: 215px; } #cartItemDisplay .section { width: 165px; }*/ #cartItemDisplay .actionBtns { float: left; width: 100%; } #cartItemDisplay .preformaceName img { float: left; margin-right: 5px; clear: left; margin-top: 6px; width: 134px; } #cartItemDisplay .preformaceName span { float: left; } #cartItemDisplay .preformaceName .actionBtns span { width: 136px; display: block; } #cartItemDisplay .preformaceName span.headerLine { float: none; } .singleTicketWrapper { width: 820px; background: url(../img/icon_ticket.png) 23px 15px no-repeat; border-top: #eee 1px solid; padding: 20px 0 20px 100px; float: left; } .subsWrapper { width: 820px; background: url(../img/icon_ticket.png) 23px 15px no-repeat; border-top: #eee 1px solid; padding: 20px 0 20px 100px; float: left; } .donationWrapper { width: 820px; background: url(../img/icon_contribution.png) 23px 15px no-repeat; border-top: #eee 1px solid; padding: 20px 0 20px 100px; float: left; } .donationWrapper h2 { margin: 0; } .donationWrapper .donation { float: left; max-width: 50%; } .donationWrapper .donationPrice { float: right; max-width: 50%; text-align: right; } .minicart div .ticketInfo .headerLine { display: block; } .minicart .dateVenue { margin-right: 50px; float: left; clear: left; } .minicart .dateVenue p { margin: 0 0 5px; } .minicart .dateVenue .headerLine, .minicart .preformaceName .headerLine { display: none; } .changeSeats {width:300px; padding-left:5px;} .addParking { border: solid #f1f1f1; border-width: 1px 0; -webkit-box-shadow: 1px 1px 4px #ddd; -moz-box-shadow: 1px 1px 4px #ddd; box-shadow: 1px 1px 4px #ddd; padding: 15px 15px 18px; margin-top: 10px; } .addParking label { font-weight: bold; display: block; margin: 0 0 5px; color: #2aa399; } .addParking label a { font-size: 10px; font-weight: normal; margin-left: 5px; display:inline-block; } .addParking select { width: 88%; margin: 0; height:40px; display:inline-block } .addParking img { margin-left: 5px; } .parkingIcon { display:inline-block; vertical-align: top; padding-right: 2px;} .parkingDialog .parkingIcon { display:inline-block; vertical-align: top; padding-right: 5px;} .parkingReservePanel { display:inline-block; width:64%;} .packageInfo .parkingReservePanel { display:inline-block; width:61%;} .addDining{ background-color: #fff; border: solid #f1f1f1; border-width: 1px 0; margin:20px 1px; -webkit-box-shadow: 1px 1px 4px #ddd; -moz-box-shadow: 1px 1px 4px #ddd; box-shadow: 1px 1px 4px #ddd; padding: 15px 15px 18px; overflow:hidden; } .addDining label { font-weight: bold; display: block; margin: 0 0 5px; color: #2aa399; } .addDining select { margin: 0; height:40px; line-height:30px; padding: 0 0 0 5px; width:100%;} .parkingDialog .addDining select { margin: 0; height:40px; line-height:30px; padding: 0 0 0 5px;} .addDining select option { line-height:30px; } .addDining .outdoorSeatingMessage {padding-top:8px; display:block;} .parkingSpotAmount { padding-top: 15px; clear: both;} #cartItemDisplay .cartSubTotal { padding: 5px; border: 1px solid #000; margin: 5px; width: 13%; float: right; } #cartParkingArea { border: 2px dotted #eee; clear: both; padding: 15px 15px 5px; margin-top: 15px; overflow: hidden; } #cartParkingArea .addOnDescription { width: 75%; float: left; } #cartParkingArea .selectQty { float: right; text-align: right; } #cartParkingArea .selectQty label { padding-left: 5px; } #cartParkingArea .parkingSubTotal { padding: 10px 0; } #cartParkingArea .parkingSubTotal label, .parkingSubTotal span { display: inline-block; } #cartParkingArea .parkingSubTotal span { font-weight: bold; width: 75px; } #cartActions { clear: both; text-align: right; position: relative; /*overflow: hidden;*/ float: left; width: 100%; border-top: solid 6px #f5f5f5; } #cartActions .continueShopping { position: absolute; bottom: 15px; left: 15px; } #cartActions .youMayLike { text-align: left; } #cartContainer #cartMainDisplay #cartItemDisplay .cartDisplay .flexSubscriptionCartContainer { float: left; width: 100%; -moz-box-shadow: 0 3px 5px #ccc; -webkit-box-shadow: 0 3px 5px #ccc; box-shadow: 0 3px 5px #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #cartContainer #cartMainDisplay #cartItemDisplay .cartDisplay .flexSubscriptionCartContainer h3 { text-transform: uppercase; font-size: 14px; color: #72547C; float: left; } #cartContainer #cartMainDisplay #cartItemDisplay .cartDisplay .flexSubscriptionCartContainer .packageInformation { width: 18%; padding: 15px; float: left; margin-right: 20px; } #cartContainer #cartMainDisplay #cartItemDisplay .cartDisplay .flexSubscriptionCartContainer .packagePerformances { width: 77%; border: 1px solid #000; padding: 15px; float: left; } .orderSubTotal { margin-bottom: 10px; float: right; width: 50%; padding-top: 30px; } .cartCheckout { clear: both; text-align: right; background: #F5F5F5; padding: 15px; } .noResell { clear: both; text-align: right; padding: 10px 20px 40px 0; } .noResell label { display: inline-block; padding-right: 20px; font-size: 14px; font-weight: bold; } .noResell label a { font-weight: normal; } .noResell input[type=text] { margin: 0 0 0 5px; width: 75px; vertical-align: top; border-color: #777; } .noResell .noResellText { display: inline-block; } .noResell .noResellText > span { display: block; font-size: 9px; } .noResell .noResellText > span.required { font-size: 17px; } .checkout { padding: 5px 0; overflow: hidden; clear: both; } .checkout .btn, .checkout .btnSecondary { float: right; clear: right; margin-top: 20px; width: 140px; text-align: center; } .checkout > .btn:first-child { margin-top: 0; } .conversion-pixel { display: none; } #paymentMainDisplay { font-size: 12px; } #paymentMainDisplay h3 { font-size: 24px; font-weight: bold; color: #000; padding-top: 15px; } .paymentInformation h3 { border-top: 6px solid #f5f5f5; } #paymentMainDisplay h3 strong { color: #30b1a7; } #paymentMainDisplay h5 { font-size: 14px; margin-bottom: 10px; } #paymentMainDisplay address { font-style: normal; } #paymentMainDisplay address .email { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #paymentMainDisplay .packageDescription h3 { margin: 0; border: 0; } #paymentMainDisplay .cartDisplay { padding: 0; } #paymentMainDisplay .packageArea { margin: 0; } #paymentMainDisplay .minicart > div { border: 0; } #checkoutOptions { clear: both; } #checkoutOptions ul { margin: 0; padding: 0; list-style: none; } #checkoutOptions ul li { background: none; padding-left: 0; } #checkoutOptions .errorMsg { font-size: 11px; padding-bottom: 10px; clear: both; float: left; color: Red; padding-left: 125px; } #checkoutOptions .paymentInformation { overflow: hidden; } #checkoutOptions .paymentInformation li { clear: both; padding-top: 5px; } #checkoutOptions .paymentInformation .cardInfo { float: left; width: 100%; padding-bottom: 15px; } #checkoutOptions .paymentInformation .cardInfo li * { float: left; } #checkoutOptions .paymentInformation label { width: 33%; padding-top: 2px; font-weight: bold; } #checkoutOptions .paymentInformation .errorMsg { text-indent: 30%; } #checkoutOptions .paymentInformation li label { float: left; width: 34%; margin-top: 0; } #checkoutOptions .paymentInformation li select { width: 101px; margin: 0; } #checkoutOptions .paymentInformation .expr label + select { margin-right: 7px; } #checkoutOptions .paymentInformation li input[type=text] { width: 200px; margin: 0; } #checkoutOptions .paymentInformation li.cvv input[type=text] { width: 50px; } #checkoutOptions .paymentPlans { clear: both; border-top: 1px dotted #ddd; padding-top: 15px; } #checkoutOptions .optInPaymentPlan { position: relative; padding-left: 20px; } #checkoutOptions .optInPaymentPlan p { margin: 0; } #checkoutOptions .optInPaymentPlan input { position: absolute; top: 0; left: 0; } #checkoutOptions .paymentPlanSelect { clear: both; padding: 10px 0 5px 20px; } #checkoutOptions .paymentPlanSelect select { width: 96%; } #checkoutOptions #paymentPlansAmts .plans { padding: 0 0 0 20px; display: none; } #checkoutOptions #paymentPlansAmts .plans li { float: left; width: 33%; clear: none; } #checkoutOptions #paymentPlansAmts .plans strong { display: block; font-size: 12px; color: #72547C; } #checkoutOptions .giftCard { float: left; width: 39%; padding: 15px; background: #eee; border-width: 1px 0; } #checkoutOptions .giftCard input { background: #fff; padding-bottom: 7px; margin: 0 5px 0 0; } #checkoutOptions .giftCard label, #checkoutOptions .giftCard input { float: left; } #checkoutOptions .giftCard label { width: 32%; position: relative; top: 2px; } #checkoutOptions .giftCard input { width: 40%; } #checkoutOptions .giftCard .btn:hover { background: #ccc; } #checkoutOptions .giftCard .applied { color: #2E8949; } #checkoutOptions .giftCard .giftDesc { display: block; margin-top: 8px; max-width: 330px; } #checkoutOptions .creditCard { float: right; width: 50%; } #checkoutOptions .creditCard .errorMsg { text-indent: 0; } #checkoutOptions .creditCard li { margin-bottom: 5px; background: none; padding-left: 0; } #checkoutOptions .creditCard li:first-child select { width: 212px; } #checkoutOptions .shippingInfo { clear: both; float: left; width: 50%; } #checkoutOptions .shippingInfo li { padding-bottom: 5px; } #checkoutOptions .shippingInfo li input { display: inline; margin-right: 5px; } #checkoutOptions .shippingInfo li label { display: inline; } #checkoutOptions .shippingInfo .addressBilling { padding-bottom: 20px; } #checkoutOptions .shippingInfo .addressShipping .name { padding-top: 15px; } #checkoutOptions .orderComments { float: right; width: 50%; margin: 0; min-height: 0; } #checkoutOptions .orderComments textarea { display: block; width: 230px; height: 115px; margin-bottom: 5px; resize: none; } #checkoutOptions .howHeard { margin-bottom: 20px; } #checkoutOptions .howHeard select { margin: 0; width: 185px; } .infoBillingDisplay, .infoDeliveryDisplay { float: left; width: 46%; } .infoDeliveryDisplay { padding-left: 4%; } .orderSubTotal ul { width: 250px; list-style-type: none; margin: 0; padding: 0 15px 15px 0; float: right; clear: right; } .orderSubTotal ul li { clear: both; font-size: 12px; padding: 2px 0; margin-bottom: 1px; float: left; width: 100%; } .orderSubTotal ul li label { float: left; } .orderSubTotal ul li label, #cartActions .orderSubTotal ul li span { /*display: inline-block;*/ cursor: default; } .orderSubTotal ul li label.subTotalLabel { width: 165px; float: left; text-align: right; font-weight: bold; font-size: 15px; } .orderSubTotal ul li span[id] { width: 75px; padding-right: 5px; /* padding-left: 105px; */ } .orderSubTotal ul li span.help { float: right; width: auto; margin-right: -16px; padding: 0; } .orderSubTotal ul li span.help .tooltip { text-align: left; } .orderSubTotal ul li.suggestedDonation label { width: 165px; float: left; text-align: right; font-weight: bold; font-size: 12px; margin-top: 7px; } .orderSubTotal ul.cartDonation { border-top: 2px solid #CCC; border-bottom: 2px solid #CCC; padding: 10px 0; } .orderSubTotal ul.cartDonation li { padding: 2px 0; border: none; } .orderSubTotal ul li.suggestedDonation input.suggestedDonation { width: 55px; float: right; } .orderSubTotal ul li.donationTotalWrap .totalDonationlbl { width: 165px; float: left; text-align: left; font-weight: bold; font-size: 15px; } .orderSubTotal ul li.donationTotalWrap .donationTotal { width: 60px; float: right; text-align: right; font-weight: bold; font-size: 15px; } .orderSubTotal ul li.donationDescription { line-height: 16px; } .orderSubTotal ul li.donationDescription span { font-size: 11px; } .orderSubTotal ul li.total { color: #000; font-size: 16px; font-weight: bold; margin-top: 35px; } .orderSubTotal .donationWrap { background: #E5E5E5; padding: 15px; margin-bottom: 10px; } .orderSubTotal .donationWrap ul { padding: 0; } .orderSubTotal .donationWrap li { text-align: left; } .orderSubTotal .donationWrap li span { width: auto; } .orderSubTotal .donationWrap input[type=text] { background: #fff; } .orderSubTotal .donationWrap .btn { margin-top: 5px; float: right; } .orderSubTotal .donationWrap .btn:hover { background: #ccc; } .actions { float: left; width: 100%; padding: 15px 0; } .actions .btn { margin-right: 10px; } .loadingContainer .loadingMessage { width: 350px; text-align: center; font-size: 14px; color: #fff; font-weight: bold; position: absolute; top: 50%; left: 50%; margin-top: 8px; margin-left: -175px; text-shadow: 2px 2px 5px #000; } #checkoutBtn { display: inline-block; vertical-align: top; } #confirmationMainDisplay h2 { margin: 0; color: #30b1a7; } #confirmationMainDisplay #confirmationOptions h2 { font-size: 18px; } #confirmationOptions { clear: both; float: left; width: 100%; padding: 0; } #confirmationOptions address { font-style: normal; } #confirmationOptions .step { float: left; min-height: 150px; padding: 0 2% 0 0; width: 23%; border-top: solid 1px #ddd; position: relative; font-size: 12px; } #confirmationOptions .step h3 { padding: 0 0 5px; margin: 6px 0 0; color: #333; font-weight: bold; } #confirmationOptions .nextSteps { margin: 0; } #confirmationOptions .nextSteps ul { list-style: none; margin: 0; padding: 0; } #confirmationOptions .orderCommentsStep { width: 340px; margin-right: 0; } #confirmationOptions .thankYouDonation { background: #DDD; padding: 12px; margin-bottom: 20px; color: #333; font-size: 13px; width: 805px; } #confirmationOptions .thankYouDonation p { margin: 0; } #fullSeatingContainer { width: 100%; float: left; } #selectSeatingArea { clear: both; position: relative; } .theaterContainer { clear: both; } .theaterLeftColumn { float: left; width: 24%; } .theaterLeftColumn p { margin-bottom: 2px; } .theaterLeftColumn h3 { margin: 0; font-size: 14px; color: #000; } .theaterLeftColumn ul { list-style: none; margin: 0; padding: 0; font-size: 11px; } .theaterLeftColumn li { border-top: 1px dotted #ddd; padding: 4px 0; font-weight: bold; background: none; } .theaterSectionSelection { float: right; width: 100%; padding-bottom: 20px; } .theaterSectionSelection .soldOutMessaging { float: left; width: auto; clear: both; padding-top: 6px; } .theaterSectionSelection .soldOutMessaging a, .theaterSectionSelection .soldOutMessaging span { float: left; width: auto; clear: both; } .theaterSectionSelection .soldOutMessaging span { padding-bottom: 5px; } .theaterSectionSelection .sectionContainer { float: left; width: 95%; } .theaterSectionList { width: 50%; float: left;} .theaterSectionSelection .seatMapImg { float: right; margin:25px 30px 40px 0; max-width: 40%; cursor: pointer; } .theaterSectionSelection .sectionHeader { font-weight: bold; } .theaterSectionSelection .sectionHeader .section { float: left; } .theaterSectionSelection .sectionHeader .prices { float: right; } .theaterSectionSelection .viewLargerLink { display: inline-block; text-align: center; margin-top: 18px; position:absolute; bottom:0; right:134px;} .theaterSectionSelection .viewLargerLink a { cursor: pointer; } .modalOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(/img/fallback/opaque_000000_80.png); z-index: 998; display: none; } .seatMapModal { display: none; position: absolute; z-index: 999; top: 350px; left: 50%; width: 960px; margin-left: -480px; } .seatMapModal img { max-width: 80%; display: block; margin: 0 auto; } #choiceWrapper .seatMapModal { top: -152px; } #choiceWrapper .baVenueImg { cursor: pointer; } /* #choiceWrapper .seatMapModal { left: 167px; top: -152px; width: 80%; } #subscriptionBuilder .seatMapModal { width: 80%} #choiceWrapper .baVenueImg, #subscriptionBuilder .baVenueImg { cursor: pointer; } #choiceWrapper .seatMapModal img { width: 81%; } */ .theaterSectionList ul { clear: both; list-style: none; padding: 10px 0 0; float: left; width: 100%; } .theaterSectionList ul li { position: relative; border-bottom: 1px solid #eee; clear: both; float: left; width: 96%; background: none; padding: 8px 2%; } .theaterSectionList ul li label { display: block; padding: 0; cursor: pointer; font-size: 12px; } .theaterSectionList ul li label strong { display: block; font-weight: normal; } .theaterSectionList ul li label .prices { float: right; padding: 0; } .theaterSectionList ul li input { float: left; cursor: pointer; margin-right: 5px; position: relative; top: 1px; } #venuePanels { float: left; width: 100%; padding-top: 25px; font-size: 12px; } #venuePanels h2 { margin-bottom: 5px; } #venuePanels h3 { margin: 0; border-top: 2px solid #333; padding: 10px 0 0; text-transform: uppercase; font-size: 14px; color: black; } #venuePanels ul { clear: both; list-style: none; padding: 0; float: left; width: 100%; } #venuePanels ul li { position: relative; border-bottom: 1px dotted #ddd; clear: both; background: none; float: left; width: 100%; padding: 7px 0; } #venuePanels ul li label { display: block; padding: 0; cursor: pointer; font-size: 12px; float: left; } #venuePanels ul li label strong { display: block; font-weight: normal; } #venuePanels ul li .priceDifference { float: right; padding: 0; } #venuePanels ul li input { float: left; cursor: pointer; margin-right: 5px; position: relative; width: 18px; } #venuePanels ul li .packagePerformances { float: left; width: 100%; clear: both; background: #eee; margin: 5px 0; } #venuePanels ul li .packagePerformances ul { padding: 0; margin: 0; } #venuePanels ul li .packagePerformances ul li { border: none; font-size: 11px; background: url(../../images/arrow.png) 0 12px no-repeat !important; } #venuePanels .sectionChoices { float: left; width: 48%; margin-right: 4%; } #venuePanels .packageChoices { float: left; width: 48%; margin-bottom: 25px; } #venuePanels .changeSeatLocationWrap { float: left; width: 48%; } #venuePanels .changeQuantity { float: left; width: 100%; padding-bottom: 10px; margin-bottom: 10px; } #venuePanels .changeQuantity h3 { padding-bottom: 10px; } #venuePanels .notes textarea { width: 820px; height: 70px; margin-top: 10px; } .theaterSectionList ul li.soldOut * { color: #999; } .theaterSectionList ul li.soldOut { background: #f1f1f1; } .theaterSectionList ul li.soldOut .prices { color: #F1F1F1; position: relative; left: -5px; } .theaterSectionList ul li.soldOut .prices:after { content: 'Currently Sold Out'; color: #72547C; text-transform: uppercase; font-weight: bold; font-size: 11px; margin-left: 5px; } .theaterSectionList ul li.soldOut label { cursor: default; } .theaterSectionList ul li.soldOut label:before { display: none; } .theaterSectionList small { clear: both; font-style: italic; font-size: 11px; display: block; padding-top: 5px; text-align: right; } .generalAdminPerformances ul { margin: 10px 0 0; padding: 0; list-style: none; } .generalAdminPerformances ul li { display: inline-block; width: 32%; padding-bottom: 15px; vertical-align: top; } .generalAdminPerformances ul li strong { display: block; font-size: 12px; } .failedGeneralAdmin ul li { clear: both; display: block; float: left; width: 50%; border-top: 1px solid #ddd; padding-top: 10px; } .failedGeneralAdmin ul li.availablePerformances { clear: none; } .failedGeneralAdmin ul li.availablePerformances select { width: 98%; } .failedGeneralAdmin .generalAdminUpdate { clear: both; } .loadingContainer { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 110000; } .loadingSpinner { display: block; margin: 0 auto 15px; } /* Renewals Cart */ .renewalEdits { float: left; width: 100%; margin-top: 25px; font-size: 12px; padding-bottom: 10px; border-bottom: solid 1px #EEE; } .renewalEdits h3 { border-bottom: solid 1px #CCC; padding-bottom: 10px; margin-bottom: 5px; } .renewalEdits h4 { padding: 0; margin: 10px 0 5px; font-size: 15px; } .renewalEdits .additionalItems { padding-top: 5px; } .renewalEdits .additionalItems h4 { font-weight: bold; margin: 0; font-size: 16px; font-family: arial, verdana, sans-serif; border-bottom: solid 1px #CCC; padding-bottom: 10px; } .renewalEdits .additionalItems ul { margin: 0; padding: 0; padding-top: 15px; font-size: 13px; } .renewalEdits .additionalItems ul li { padding: 0; background-position: 5px 8px; list-style: none; } .renewalEdits .renewalCartDetail { margin-bottom: 25px; float: left; width: 100%; } /* Renewal Form ----------------------------*/ .renewalChoiceContainer textarea { height: 80px; width: 98%; } .renewalOptions .actions .btn { width: auto; } /* Multiple Renewals */ .multipleRenewals { } .multipleRenewals .addParking { display: none; } .multipleRenewals .totalPrice { display: none; } .multipleRenewals .remove { display: none; } #subscriptionBuilder.multipleRenewals .remove { display: none; } .multipleRenewals .miniCart { } .multipleRenewals .packageArea h2:hover { cursor: pointer; } /* START MODAL POPUP */ .bgOverlay { background: rgba(0, 0, 0, .5); } .no-rgba .bgOverlay { background: url(/img/fallback/opaque_000000_50.png); } .simpleModal { background: #fff; padding: 20px; width: 400px; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; } .simpleModal .field { padding: 0; } .simpleModal .btn.static { position: static !important; margin-top: 5px; } .simpleModal .actions { padding-bottom: 0; } .simpleModal input[type=text] { width: 240px; } .simpleModal .close { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .simpleModal.retrievePassword { width: 250px; } .selectNewSectionContainer { max-height: 500px; width: 800px; left: 40% !important; top: 50% !important; margin: -250px 0 0 -200px; } .subsModalInner { position: relative; padding: 10px; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; background: #000; } .subsModalInner .packageDescription { position: static; opacity: 1; } .subsModalInner .packageDescription h2 { color: #fff; } .subsModalInner .continueBtn { clear: both; margin-top: 10px; } .subsModalInner .continueBtn .btn { margin-right: 8px; } /* .subsModalInner .packageDescription h2 { color: #FFDA30; padding: 5px 0 12px 2px; margin: 0; background: #333; clear: both; font: normal 26px Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: -1px; } .subsModalInner .continueBtn .btn { margin-left: 8px; } */ #subscriptionBuilder .subsModalInner .remove { position: absolute; right: -20px; top: 0; left: auto; border: 6px solid #72547C; } .subsModalContent { padding: 20px; max-height: 400px; overflow-x: hidden; overflow-y: auto; background: #fff; border: 1px solid #ddd; } .subsModalContent .newSelection { width: 65% !important; } .subsModalContent .theaterSectionList ul { width: 450px; } .subsModalContent .venueImage { margin-right: 35px; } .subsModalContent h4 { margin: 2px 0; } .subsModalInner .removeBtn { position: absolute; right: 15px; top: 15px; } #subscriptionBuilder .selectNewSectionContainer .continueBtn { padding: 15px 10px 7px; clear: none; } .selectNewSectionContainer .performancesSection .performancesHeader { width: 100%; } .selectNewSectionContainer .performancesSection .performancesHeader h3 { margin: 0; float: left; } .selectNewSectionContainer .performancesSection ul { list-style-type: none; margin-left: 0; padding-left: 0; width: 100%; float: left; } .selectNewSectionContainer .performancesSection ul li { border-bottom: 1px solid #D4D4D4; padding-bottom: 2px; } .selectNewSectionContainer .performancesSection .reservedPerformances { width: 100%; } .selectNewSectionContainer .performancesSection .performancesError { clear: both; width: 100%; } .selectNewSectionContainer .performancesSection .performancesError h3 { color: #72547C; } .selectNewSectionContainer .performancesSection .soldOutPerformances { width: 100%; padding-right: 15px; } .selectNewSectionContainer .performancesSection .soldOutPerformances ul { border: 2px solid #000; } .selectNewSectionContainer .performancesSection .soldOutPerformances ul li { } .selectNewSectionContainer .sectionSelection .venueImage { float: right; width: 25%; padding-top: 30px; } .selectNewSectionContainer .sectionSelection .newSelection { float: left; width: 73%; } .selectNewSectionContainer .sectionSelection .newSelection ul.tabLinks { margin: 0; padding: 0; list-style-type: none; background: #ddd; width: 100%; float: left; clear: both; } .selectNewSectionContainer .sectionSelection .newSelection ul.tabLinks li { width: 46%; float: left; background: #B8B8B8; color: #eee; padding: 10px 2%; cursor: pointer; } .selectNewSectionContainer .sectionSelection .newSelection ul.tabLinks li#diffSeats { position: relative; left: 1px; top: 1px; } .selectNewSectionContainer .sectionSelection .newSelection ul.tabLinks li#diffDates { position: relative; right: 1px; top: 1px; } .selectNewSectionContainer .sectionSelection .newSelection ul.tabLinks li.selected { background-color: #fff; font-weight: bold; color: #000; } .selectNewSectionContainer .sectionSelection .newSelection ul.tabLinks li.selected:before { content: ''; width: 0; height: 0; position: absolute; top: 50%; right: 12px; margin-top: -2px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #A186B2; } .selectNewSectionContainer .sectionSelection .newSelection .failedPerformanceRow { clear: both; padding-top: 20px; } .selectNewSectionContainer .sectionSelection .newSelection .failedPerformanceRow h3 { padding-bottom: 10px; } .selectNewSectionContainer .sectionSelection .newSelection div.section, .selectNewSectionContainer .sectionSelection .newSelection div.date { clear: both; border: 1px solid #ddd; padding: 15px; } .selectNewSectionContainer .sectionSelection .newSelection .date select { width: 100%; height: 200px; } .selectNewSectionContainer .theaterSectionList ul { border-top: 1px solid #ddd; padding: 0; } #subscriptionBuilder .selectNewSectionContainer .productionDisplay { margin-left: -15px; padding-top: 0; } #subscriptionBuilder .selectNewSectionContainer .productionInformation { padding-right: 0; padding-left: 15px; float: left; } #subscriptionBuilder .selectNewSectionContainer .productionInformation p { font-size: 11px; } .selectNewSectionContainer .editSectionContainer .sectionSelection .venueImage { padding-top: 0; } .selectNewSectionContainer .updateButton { text-align: right; } #subscriptionBuilder #addresses { overflow: auto; } #subscriptionBuilder #addresses h4, #subscriptionBuilder #addresses legend { font-weight: bold; font-size: 14px; margin: 0 0 15px; } #subscriptionBuilder .oldAddress { float: left; width: 32%; } #subscriptionBuilder .shippingAddressList { padding-bottom: 15px; } #subscriptionBuilder .shippingAddressList li { padding-bottom: 10px; } #subscriptionBuilder .shippingAddressList li input { float: left; } #subscriptionBuilder .shippingAddressList li label { display: block; margin-left: 18px; } #subscriptionBuilder .newAddress { float: right; width: 62%; padding-left: 4%; border-left: 1px solid #ddd; } #subscriptionBuilder .newAddress label { float: left; width: 100px; } #subscriptionBuilder .newAddress input[type=text] { margin-bottom: 5px; width: 50%; } #subscriptionBuilder .newAddress select { width: 51.5%; } #subscriptionBuilder .addressEditModal { max-height: 500px; width: 400px; left: 50% !important; top: 50% !important; margin: -250px 0 0 -200px; } #subscriptionBuilder .addressEditModal .newAddress { float: none; width: auto; padding: 0; border: 0; } #subscriptionBuilder .tempAccount p { margin-top: 0; } #subscriptionBuilder .tempAccount ul { list-style: none; margin: 0; padding: 0; } #subscriptionBuilder .tempAccount li { width: 50%; } #subscriptionBuilder .tempAccount .error { float: left; width: 96%; padding: 10px 2%; } /* ERROR TEMPLATE */ #subscriptionBuilder .errorConflict { clear: both; padding-top: 20px; } #subscriptionBuilder .errorSolutions { clear: both; padding-top: 10px; text-align: right; } #subscriptionBuilder .errorSolutions a.left { float: left; } /* REUSABLE TAB STYLES */ /* #subscriptionBuilder .tabSet { clear: both; display: none; }*/ #subscriptionBuilder .tabSet .tab { float: left; /* set your tab widths on these elsewhere in the CSS */ } #subscriptionBuilder .tabSet .tab a { cursor: pointer; display: block; line-height: 40px; padding-left: 15px; color: #666; border: 2px solid #fff; border-bottom: 0; background-color: #f1f1f1; background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f1f1f1)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1); background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1); background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1); background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1); background-image: linear-gradient(to bottom, #f5f5f5, #f1f1f1); -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } #subscriptionBuilder .tabSet .tab a:hover { background: #fff; color: #72547C; } #subscriptionBuilder .tabSet .selected a, #subscriptionBuilder .tabSet .selected a:hover { color: #fff; border-color: #2e8949; position: relative; border-color: transparent; border-bottom: 2px solid #666; text-shadow: 1px 1px 1px #888; background-color: #999; background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999)); background-image: -webkit-linear-gradient(top, #ccc, #999); background-image: -moz-linear-gradient(top, #ccc, #999); background-image: -ms-linear-gradient(top, #ccc, #999); background-image: -o-linear-gradient(top, #ccc, #999); background-image: linear-gradient(to bottom, #ccc, #999); } /* FULL PACKAGE SELECT SUBSCRIPTION */ #selectSubscriptionContainer { float: right; width: 100%; } #subscriptionBuilder .stepHeader { clear: both; margin: 0 0 20px; } #subscriptionBuilder .priceTypes { } #subscriptionBuilder .priceTypes li { display: inline-block; width: 32%; } #subscriptionBuilder .venueNames { height: 42px; } #subscriptionBuilder .venueHeader { width: 28%; } #subscriptionBuilder .venueHeader h2 { font-size: 12px; } #subscriptionBuilder .packageRow { clear: both; float: left; width: 100%; border-bottom: 1px solid #ddd; position: relative; font-size: 12px; margin-bottom: 15px; padding-bottom: 6px; } #subscriptionBuilder .packageInformation { float: left; width: 27%; } #subscriptionBuilder .packageInformation h3 { margin: 0; } #subscriptionBuilder .packageRowDetails h3 { font-size: 12px; font-weight: normal; } #subscriptionBuilder .packageCart .testing td {width: 38%;} #subscriptionBuilder .packageCart .testing td:first-of-type {width:40%;} #subscriptionBuilder .packageCart .testing td:last-of-type {width:22%;} #subscriptionBuilder .packageCart .testing .packageInfo .addParking {margin: 8px 10px 0 0; padding-right: 5px;} #subscriptionBuilder .packagePerformances { float: left; padding-left: 2%; } #subscriptionBuilder .packagePerformances ul { list-style: none; margin: 0; padding: 0; } #subscriptionBuilder .packagePerformances li.selectSubsPage { padding: 0 0 2px 0; background: none; line-height: 19px; clear: both; width:400px } #subscriptionBuilder .packagePerformances li { padding: 0 0 2px 0; background: none; line-height: 19px; clear: both; } #subscriptionBuilder .packagePerformances li:last-child { border: none; } #subscriptionBuilder .packagePerformances li span:first-child { display: inline-block; padding-right: 2%; vertical-align: top; width:220px } #subscriptionBuilder .packagePerformances li span { display: inline-block; } #subscriptionBuilder .packageRowHeader .packageInformation { margin-left: 20px; } #subscriptionBuilder .packageRowHeader { font: bold 14px arial; } #subscriptionBuilder .selectPackageContainer { position: absolute; top: 0; right: 0; } #subscriptionBuilder .selectPackageContainer > a { cursor: pointer; } #subscriptionBuilder .showPackageDetails { float: left; width: 20px; } #subscriptionBuilder .packageTabHeader { float: left; width:100%; color: #fff; padding:10px 20px; margin-bottom:20px; position: relative; border-bottom: 2px solid #666; text-shadow: 1px 1px 1px #888; background: #444444; /* Old browsers */ background: -moz-linear-gradient(top, #444444 0%, #111111 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#111111)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #444444 0%,#111111 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #444444 0%,#111111 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #444444 0%,#111111 100%); /* IE10+ */ background: linear-gradient(to bottom, #444444 0%,#111111 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#111111',GradientType=0 ); /* IE6-9 */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* COMBO SUBSCRIPTIONS */ .comboPackages .headers {margin-top:30px;} .comboPackages .headers h3, .comboPackages .headers .zoneInformation, .comboPackages .headers .zonePrice {font-size:11px; font-weight:bold;} .comboPackages .headers h3 {margin-left:19px;} .comboPackages h3 {width:250px; margin:0 0 0 5px; float:left;} .comboPackages input[type=radio] {margin-top:2px; float:left;} .comboPackages h3, .comboPackages .zoneInformation, .comboPackages .zonePrice {color:#333; font-size:14px; font-weight:normal;} .comboPackages .zoneInformation {float:left;} .comboPackages .zonePrice {float:right;} /* FULL SEATING OVERRIDES */ #fullSeatingContainer .flexGuidelines { width: 100%; } #fullSeatingContainer .miniCart { width: 100%; margin-right: 5px; float:left; } /* DONATION PAGE */ #considerDonation { clear: both; } #considerDonation h1 { margin: 0; padding: 0; } /* #fundList ul { margin: 0; float: left; width: 92%; padding: 2% 4% 15px; list-style: none; background-color: #E5E5E5; } #fundList li { clear: both; padding-top: 5px; color: #333; float: left; background: none; width: 100%; padding-bottom: 3px; } */ /* #donationCallout { float: left; width: 48%; } #donationCallout img { float: left; margin-right: 15px; } */ .donationFundChoices { padding: 20px 10px; } .donationFundChoices > ul { margin: 0; padding: 0; list-style: none; float: left; width: 52%; } .donationFundChoices > ul > li { padding-top: 40px; } .donationFundChoices > ul > li:first-child { padding: 0; } .donationImg { float: left; max-width: 150px; } .donationCallout, .donationSuggest { margin-left: 170px; clear: both; } .donationCallout h3 { color: #000; font-size: 14px; text-transform: uppercase; } .donationCallout > h3:first-child { margin-top: 0; } .donationCallout h3 img { margin-left: -172px; } .donationCallout .simpleTip { display: block; float: left; margin: -20px 0 20px; } .donationSuggest label { display: inline; } .donationSuggest input[type=text] { display: block; } .donationFundChoices #donationEffect { clear: none; width: 38%; } #donationEffect { clear: both; float: right; width: 48%; } #donationEffect ul { margin: 0; float: left; width: 92%; padding: 2% 4% 15px; list-style: none; background-color: #E5E5E5; } #donationEffect li { clear: both; text-align: right; padding-top: 5px; color: #333; float: left; background: none; width: 100%; padding-bottom: 3px; } #donationEffect li label { float: left; width: 72%; } #donationEffect li input[type=text] { background: #fff; } #donationEffect li div { float: right; width: 25%; padding-right: 3px; } #donationEffect li p.explanation { width: 72%; margin-top: 7px; font-size: 10px; } #donationEffect li.total { font-size: 15px; color: #333; border-top: solid 1px #ccc; margin-top: 5px; } #subscriptionBuilder #donationEffect input { width: 77px; text-align: right; color: #333; margin: 0 -3px 0 0; min-width: 0; } #donationDecision { clear: both; text-align: right; padding: 15px 0 0; } #donationDecision .btn { width: 80px; text-align: center; } #donationDecision .textLink { color: #666; } div.playDetails div { width: 400px; } div.playDetails img { width: 375px; } /* CALENDAR PAGE */ body.calendar #filters { margin-top: -20px; } /* #calendarPage .errorBox { position: fixed; z-index: 110002; min-width: 805px; bottom: 0; left: 0; width: 100%; text-align: center; background: #C82C2C url(/images/warning_icon.png) 5px center no-repeat; background: rgba(200,44,44,.95) url(/images/warning_icon.png) 5px center no-repeat; padding: 20px 0; color: #fff; font-weight: bold; font-size: 15px; -moz-box-shadow: 0 0 5px #333; -webkit-box-shadow: 0 0 5px #333; box-shadow: 0 0 5px #333; text-shadow: 1px 1px 1px rgba(0,0,0,.2); } */ #calendarPage .field { clear: both; padding-top: 10px; } #calendarPage .field label { display: block; font-weight: bold; padding-bottom: 3px; } #calendarPage .field span { color: Red; font-weight: bold; font-size: 14px; } #calendarPage { margin-bottom: 30px; } #calendarPage { width: 100%; float: left; margin-top: 0; } #calendarPage .filterBlock { margin-bottom: 15px; } #calendarPage #calendarHeader .monthSelection { float: left; width: 33%; } #calendarPage #calendarHeader .monthSelection label { display: inline-block; font-weight: bold; padding-right: 10px; } #calendarPage #calendarHeader .monthSelection select { display: inline-block; vertical-align: middle; } #calendarPage .formSection { float: right; width: auto; text-align: center; } #calendarPage .formSection .promo { border: 0; padding: 0; } #calendarPage .formSection .promo .errorMsg { float: none; width: auto; } #calendarPage .promo input { float: left; width: auto; } /* #calendarPage .formSection .errorBox p { margin: 0; } #calendarPage .formSection .errorBox a { text-decoration: underline; color: #fff; } */ #calendarPage .formSection .help { text-align: left; } #calendarPage .promoDesc { margin-top: 15px; position: relative; text-align: left; padding-right: 150px; float: right; width: 45%; } #calendarPage .promoDesc > div { display: inline; font-size: 12px; } #calendarPage .promoDesc .btnSecondary { position: absolute; top: 0; right: 0; margin: 0; } #calendarPage .filterCalendarByMonth { clear: both; border: solid #ddd; border-width: 1px 0; padding: 10px 0; } #calendarPage .filterCalendarByMonth > label, #calendarPage .filterCalendarByMonth > select { display: inline-block; margin: 0 5px 0 0; font-size: 12px; } #calendarPage #calendarHeader .legendArea { clear: both; padding-top: 15px; } #calendarPage #calendarHeader .legendArea ul { list-style: none; margin: 0; padding: 0; } #calendarPage #calendarHeader .legendArea ul li { display: inline-block; width: 15%; vertical-align: top; padding-right: 15px; font-size: 11px; line-height: 1; } #calendarPage #calendarHeader .legendArea .promoValidPerfs { margin: 20px 0 -5px; text-align: center; font-weight: bold; } #calendarPage .calendarAddlInfo { width: 60%; clear: left; } #calendarPage #calendarArea { width: 100%; margin-top: 20px; background: #999; } #calendarPage #calendarArea .calendarMonthDisplay { float: none; border-bottom: solid 2px white; background: #2AA399; width: auto; text-align: center; padding: 6px 0; } #calendarPage #calendarArea .calendarMonthSelector { padding: 0 15px; float: none; width: auto; margin: 0 auto; background: #2AA399; color: #fff; font: normal 32px/35px 'Fanwood Text', 'Times New Roman', serif; vertical-align: middle; } #calendarPage #calendarArea .calendarMonthDisplay h2, #calendarPage #calendarArea .calendarMonthDisplay a { display: inline-block; vertical-align: middle; } #calendarPage #calendarArea .calendarMonthDisplay h2 { color: #fff; padding: 0 20px; font: normal 32px/35px 'Fanwood Text', 'Times New Roman', serif; margin: 0; padding-top: 5px; } #calendarPage #calendarArea .calendarMonthDisplay a { float: right; margin: 9px 0 0; text-indent: -9999em; width: 0; height: 0; border-right: 0; border-top: 10px outset transparent; border-bottom: 10px outset transparent; border-left: 10px solid #ccc; } #calendarPage #calendarArea .calendarMonthDisplay a:hover { border-left-color: #fff; } #calendarPage #calendarArea .calendarMonthDisplay a:first-child { float: left; border-left: 0; border-top: 10px outset transparent; border-bottom: 10px outset transparent; border-right: 10px solid #ccc; } #calendarPage #calendarArea .calendarMonthDisplay a:first-child:hover { border-right-color: #fff; } #calendarPage #calendarTable { border-collapse: collapse; width: 100%; } #calendarPage #calendarTable th, #calendarPage #calendarTable td { width: 14.3%; vertical-align: top; padding: 0; border: 1px solid #E5E5E5; } #calendarPage #calendarTable th { padding: 3px 6px; text-align: center; border-top: 0; background: #000; color: #fff; border-color: #000; font: normal 12px Helvetica, Arial, sans-serif; text-transform: uppercase; } #calendarPage #calendarTable td { background: #fff; } #calendarPage #calendarTable td > div { min-height: 120px; position: relative; } #calendarPage #calendarTable td span { display: block; } #calendarPage #calendarTable td span.performanceTime { text-decoration: none; } #calendarPage #calendarTable td .performanceRow { text-decoration: none; float: none; width: auto; margin: 10px 0; position: relative; } #calendarPage #calendarTable td .performanceRow a > span { font-size: 11px; } #calendarPage #calendarTable td span.day + .performanceRow { padding-top: 8px; margin-top: 0; } #calendarPage #calendarTable td .performanceRow > a { color: #888; text-decoration: none; display: block; margin-right: 6px; } #calendarPage #calendarTable td .performanceRow > a:hover { color: #222; } #calendarPage #calendarTable td .performanceRow a.toolTipLink, #calendarPage #calendarTable td .performanceRow a.closeButton { cursor: pointer; } #calendarPage #calendarTable td .performanceRow label { color: #999; cursor: pointer; } #calendarPage #calendarTable td span.day { float: right; padding: 5px; text-decoration: none; font: normal 14px/1 Helvetica, Arial, sans-serif; color: rgb(100, 100, 100); } #calendarPage #calendarTable td.offDay { background: #eee; } #calendarPage #calendarTable td.offDay span.day { background: 0; color: #ccc; } #calendarPage #calendarTable tr.offDay { display: none; } #fullCalendar { position: relative; } /* Calendar Venue Coloring */ #calendarPage [data-venue-key] { position: relative; padding-left: 18px; } #calendarPage [data-venue-key]:before { content: ''; display: block; position: absolute; left: 0; top: 0; padding: 1px 0; width: 12px; text-align: center; text-transform: uppercase; font: bold 9px Tahoma; color: #fff; } #calendarPage [data-venue-key].knight:before { background: #670099; content: 'k'; padding-right: 1px; } #calendarPage [data-venue-key].ziff:before { background: #2AA399; content: 'z'; } #calendarPage [data-venue-key].studio:before { background: #BB0063; content: 'c'; } #calendarPage [data-venue-key].offsite:before { background: #FF9442; content: 'a'; } #calendarPage [data-venue-key].other:before { background: #E6C100; content: 'o'; } /* PROMO CODE */ .promo { width: 100%; position: relative; float: left; border-top: solid 1px #999; border-bottom: solid 1px #999; padding: 10px 0; margin: 25px 0 0px; } .promo p { margin: 0; padding: 0; } .promo input[type=text] { margin: 0; } .promo .errorMsg { margin-right: 10px; display: block; float: left; width: 100%; position: relative; } .promo .errorMsg p { font-size: 11px; padding: 5px 10px; margin: 0 0 15px; color: #fff; background: #C82C2C; } .promo .button div { width: auto; } .promo .button { margin-bottom: 10px; } .formSection .promo a, .formSection .promoDesc a { text-decoration: none; margin-right: 5px; vertical-align: middle; } .promoDesc .btnSecondary { margin-top: 10px; } /* .formSection #enterPromoCode { width: 200px !important; margin-bottom: 10px; float: left; } .formSection #enterPromoCode input[type=text] { width: 100px !important; } .formSection #enterPromoCode input[type=text] { width: 100px !important; } .formSection .promoWhatsThisLink { font-size: 9px; text-decoration: none; position: absolute; top: 18px; left: 180px; } .formSection .promoWhatsThisContent { width: 810px !important; background: #333; padding: 0 10px; display: none; position: relative; float: left; } .formSection .promoWhatsThisContent div { width: auto !important; color: #fff; font-size: 11px; float: left; } .formSection .promoWhatsThisContent .close { color: #fff; background: url(/images/btn_close.png) no-repeat; height: 35px; width: 32px; position: absolute; top: -6px; right: -7px; } .formSection .promoWhatsThisContent .close:hover { background-position: 0 100%; } .formSection .promoWhatsThisContent p { margin: 0; } .formSection .promoDesc { width: auto !important; font-size: 11px; padding: 8px; float: left; } .formSection .promoDesc span { display: block; } .formSection .promoDesc span span { display: inline; } */ /* Tooltip here :) */ #calendarTable td .performanceToolTip { display: none; position: absolute; z-index: 999; top: -45px; left: 100%; } #calendarTable td .performanceToolTip { background: #333; color: #fff; width: 270px; padding: 20px 15px; margin: 0; font-size: 12px; } #calendarTable td .performanceToolTip:before { content: ''; position: absolute; display: block; height: 20px; width: 10px; top: 42px; left: -10px; width: 0; height: 0; border-top: 10px outset transparent; border-bottom: 10px outset transparent; border-right: 10px solid #333; } #calendarTable td .performanceToolTip img { width: 170px; height: 100px; } #calendarTable td .performanceToolTip h2 { clear: both; margin: 0; padding: 10px 0 5px; /*font: normal 23px 'Fanwood Text' , 'Times New Roman' , serif;*/ } #calendarTable td .performanceToolTip.fromLeft { left: auto; right: 110%; } #calendarTable td .performanceToolTip.fromLeft:before { left: auto; right: -10px; width: 0; height: 0; border-top: 10px outset transparent; border-bottom: 10px outset transparent; border-right: 0; border-left: 10px solid #333; } #calendarTable td .performanceToolTip h5 { color: #ccc; } #calendarTable td .performanceToolTip .btn, #calendarTable td .performanceToolTip .btnSecondary { float: left; width: auto; text-align: center; } #calendarTable td .performanceToolTip .btn + .btnSecondary { float: right; } #calendarTable td .performanceToolTip span { text-decoration: none; } .closeButton, .calendarWrap #closeDatePicker { position: absolute; cursor: pointer; top: 5px; right: 5px; padding: 4px 8px; font: bold 16px/1 Tahoma; display: block; overflow: hidden; background: #fff; color: #2AA399; } .calendarWrap #closeDatePicker { background: #2AA399; color: #fff; } .closeButton:hover, .calendarWrap #closeDatePicker:hover { text-decoration: none; background: #2AA399; color: #fff; } .popupPerformanceWrapper { width: 96%; padding: 2%; background: #333; color: #fff; } /*UserInterest ToolTip*/ .userInterestToolTip { display: none; position:relative; z-index: 999; } .userInterestToolTip:before { content: ''; position: absolute; display: block; height: 20px; width: 10px; top: 42px; left: -10px; width: 0; height: 0; border-top: 10px outset transparent; border-bottom: 10px outset transparent; border-right: 10px solid #333; } .userInterestToolTip.fromLeft { left: auto; right: 110%; } .userInterestToolTip.fromLeft:before { left: auto; right: -10px; width: 0; height: 0; border-top: 10px outset transparent; border-bottom: 10px outset transparent; border-right: 0; border-left: 10px solid #333; } .userInterestToolTip h5 { color: #ccc; } .userInterestToolTip { background: #333; color: #fff; width: 270px; padding: 20px 15px; margin: 0; font-size: 12px; } /* PDP ToolTip */ .productionMain .performanceToolTip { display: none; position: absolute; z-index: 999; top: -45px; left: 100%; } .productionMain .performanceToolTip { background: #333; color: #fff; width: 270px; padding: 20px 15px; margin: 0; font-size: 12px; } .productionMain .performanceToolTip:before { content: ''; position: absolute; display: block; height: 20px; width: 10px; top: 42px; left: -10px; width: 0; height: 0; border-top: 10px outset transparent; border-bottom: 10px outset transparent; border-right: 10px solid #333; } .productionMain .performanceToolTip img { width: 170px; height: 100px; } .productionMain .performanceToolTip h2 { clear: both; margin: 0; padding: 10px 0 5px; } .productionMain .performanceToolTip.fromLeft { left: auto; right: 110%; } .productionMain .performanceToolTip.fromLeft:before { left: auto; right: -10px; width: 0; height: 0; border-top: 10px outset transparent; border-bottom: 10px outset transparent; border-right: 0; border-left: 10px solid #333; } .productionMain .performanceToolTip h5 { color: #ccc; } .productionMain .performanceToolTip .btn, .productionSpecs .performanceToolTip .btnSecondary { float: left; width: 48%; padding: 0; text-align: center; } .productionMain .performanceToolTip .btn + .btnSecondary { float: right; } .productionMain .performanceToolTip span { text-decoration: none; } .productionMain .toolTipLink { cursor: pointer; } /* COURSE REGISTRATION AREA */ #courseListPage { clear: both; float: left; width: 100%; padding: 20px 0; color: #666; font-size: 11px; } #courseListPage .leftSide { width: 65%; } #courseListPage .fieldList { margin-bottom: 15px; } #courseListPage .fieldList li { list-style: none; margin-bottom: 5px; } #courseListPage select { border: 1px solid #ddd; } /* #courseListPage .errorBox { position: fixed; z-index: 110002; min-width: 805px; bottom: 0; left: 0; width: 100%; text-align: center; background: #C82C2C url(/images/warning_icon.png) 5px center no-repeat; background: rgba(200,44,44,.95) url(/images/warning_icon.png) 5px center no-repeat; padding: 20px 0; color: #fff; font-weight: bold; font-size: 15px; -moz-box-shadow: 0 0 5px #333; -webkit-box-shadow: 0 0 5px #333; box-shadow: 0 0 5px #333; text-shadow: 1px 1px 1px rgba(0,0,0,.2); } #courseListPage .errorBox p { margin: 0; } #courseListPage .errorBox a { text-decoration: underline; color: #fff; } */ #courseListPage .field { clear: both; padding-top: 10px; } #courseListPage .field label { display: block; font-weight: bold; padding-bottom: 3px; } #courseListPage .field span { color: Red; font-weight: bold; font-size: 14px; } #courseListPage .description { margin-bottom: 15px; } #courseListPage .callOuts p { color: #d00000; font-weight: bold; padding: 0; } #courseListPage .subscribeArea { float: right; } #courseListPage .subscribeArea .buttonWrapper .btn { width: 130px; } #courseListPage, #courseListPage div { width: 100%; float: left; } #courseListPage #courseListFilter { } #courseListPage #courseListControl { width: 76%; margin-left: 2%; } /* Generic Header */ #genericHeader { min-height: 50px; position: relative; float: left; width: 100%; -moz-box-shadow: 0 2px 3px #666; -webkit-box-shadow: 0 2px 3px #666; box-shadow: 0 2px 3px #666; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #72547C; background-image: -webkit-gradient(linear, left top, left bottom, from(#A186B2), to(#72547C)); background-image: -webkit-linear-gradient(top, #A186B2, #72547C); background-image: -moz-linear-gradient(top, #A186B2, #72547C); background-image: -ms-linear-gradient(top, #A186B2, #72547C); background-image: -o-linear-gradient(top, #A186B2, #72547C); background-image: linear-gradient(to bottom, #A186B2, #72547C); } .genericDescription { position: absolute; bottom: -1px; left: 15px; opacity: .15; } .genericDescription h2 { font: bold 40px/30px Arial; color: #fff; text-shadow: -1px -1px 1px #000; font-variant: small-caps; letter-spacing: -2px; margin: 0; } /* Ticket History */ #genericHeader { float: left; width: 100%; clear: both; } .ticketHistoryBody { float: left; width: 100%; clear: both; } .ticketHistoryDisplay { float: left; clear: both; width: 100%; } .AddOnArea { float: left; clear: both; width: 100%; } #ticketHistoryFooter { float: left; clear: both; width: 100%; } #ticketHistoryDisplay h2 { float: left; width: auto; padding-bottom: 15px; } #ticketHistoryDisplay ul { float: left; width: 100%; clear: both; padding: 0; margin: 0; } #ticketHistoryDisplay li { list-style: none; } #ticketHistoryDisplay > ul > li { list-style: none; display: inline-block; vertical-align: top; width: 28%; padding-right: 4%; margin-bottom: 15px; } #ticketHistoryDisplay ul li img { width: 180px; float: left; clear: both; margin-bottom: 5px; } #ticketHistoryDisplay ul li ul li { clear: none; width: 210px; float: left; min-height: 0; border: none; } #ticketHistoryDisplay ul li ul li span { clear: none; padding-right: 5px; } #ticketHistoryDisplay ul li ul li span.seatNumber { font-weight: bold; } #ticketHistoryDisplay ul li ul li span.seatNumber:first-child { border: none; padding: 0; } #ticketHistoryDisplay h3 { clear: both; } #ticketHistoryDisplay span { float: left; clear: both; } #ticketHistoryDisplay .parking { font-weight: bold; font-style: italic} .ticketBlock { padding: 10px; margin-top: 5px; background: #fafafa; border: solid 1px #eee; border-radius: 5px; -moz-border-radius: 5px; float: left; width: 100%; clear: both; } .ticketBlock ul { width: 100%; clear: both; float: left; } .ticketBlock ul li { float: left; list-style: none; clear: both; padding-bottom: 5px; } #subscriptionBuilder .parkingDialog { cursor: pointer; position: fixed;color: #fff; z-index: 1000; top: 50%; left: 50%; padding: 15px; width: 377px; margin: -200px 0 0 -200px; background: #333; font-size: 12px; } #subscriptionBuilder .parkingDialog .addParking{border: none; box-shadow: none} /*#ticketHistoryDisplay ul li img { width: 180px; height: 140px; }*/ #courseListPage #courseListControl { width: 76%; margin-left: 2%; } /* Volunteer Hub */ .volunteer-info-left { list-style: none; padding: 0 0 0 20px; min-width: 40%; max-width: 45%; display: inline-block; vertical-align: top; } .volunteer-info-right { list-style: none; padding: 0 0 0 20px; display: inline-block; vertical-align: top; } .volunteer-info-left li { margin-bottom: 10px; } .volunteer-info-right li { margin-bottom: 10px; } /* CFS Gift Certificates */ .chooseDesign, .customizeGiftCert { float: left; width: 100%; } .giftCerts h2 { padding-bottom: 20px; } .giftCerts .bx-prev, .giftCerts .bx-next { display: block; height: 15px; width: 8px; position: absolute; top: 0; left: 0; background: #ccc url(/img/slider_arrows.png); text-indent: -99999em; cursor: pointer; border: solid #ccc; border-width: 6px 10px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .giftCerts .bx-prev:hover { background-position: 0 -15px; } .giftCerts .bx-next { left: auto; right: -33px; top: 57px; bottom: auto; background-position: -8px 0; } .giftCerts .bx-prev { left: -33px; bottom: auto; top: 57px; } .giftCerts .bx-next:hover { background-position: -8px -15px; } ul.giftCertificateDesigns { overflow: hidden; padding: 10px 0; margin: 0; } ul.giftCertificateDesigns li { list-style-type: none; padding: 5px 0; margin: 0 0 20px; display: inline-block; vertical-align: top; width: 32%; border-bottom: solid 2px #ccc; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } ul.giftCertificateDesigns li:hover { border-color: #333; cursor: pointer; } ul.giftCertificateDesigns li.selected { border-bottom: #2aa399 2px solid; border-bottom-width: 15px; } ul.giftCertificateDesigns li p { text-align: center; font: normal 14px Helvetica, Arial, sans-serif; clear: both; color: #666; margin: 5px 0; } ul.giftCertificateDesigns li.selected p { color: #000; } ul.giftCertificateDesigns .certificateGraphic { margin: 0 auto 5px; width: 225px; position: relative; display: block; } .chooseDesign h2 { margin-bottom: 0; display: inline-block; } .chooseDesign .seeAll { display: block; } .customizeGiftCert ul { margin: 0; padding: 0; } /*.customizeGiftCert ul li { background: none; width: 50%; padding: 0; margin: 0; padding-bottom: 10px; clear: none; }*/ /*.customizeGiftCert ul li.full { width: 100%; clear: both; }*/ .customizeGiftCert ul li label { display: block; font: normal 14px Helvetica, Arial, sans-serif; display: block; padding-bottom: 4px; } .customizeGiftCert ul li input { margin: 0; } .customizeGiftCert ul li input[type=text] { width: 90%; } .customizeGiftCert ul li input[type=number] { width: 87%; } .customizeGiftCert ul li textarea { width: 95%; height: 80px; margin: 0; } .customizeGiftCert ul li .leftCol { float: left; width: 245px; margin-right: 15px; } .customizeGiftCert ul li .rightCol { float: left; width: 250px; } .customizeGiftCert ul li.amount input[type=text] { width: 100px; margin-left: 3px; } .customizeGiftCert ul li.amount small { margin-left: 10px; color: #999; font-size: 11px; } .customizeGiftCert .formColumn { float: left; width: 250px; min-height: 295px; margin-bottom: 20px; } .customizeGiftCert .formColumn ~ .formColumn { border-left: 1px solid #eee; padding-left: 26px; margin-left: 22px; } .customizeGiftCert .formBase { clear: both; margin-bottom: 25px; } .customizeGiftCert .charLimit { font-size: 10px; } .chooseDesign.grid .bx-wrapper, .chooseDesign.grid .bx-window, .chooseDesign.grid .giftCertificateDesigns { left: 0 !important; width: 735px !important; height: auto !important; } .chooseDesign.grid .giftCertificateDesigns > li { display: none; float: none !important; } .chooseDesign.grid .giftCertificateDesigns > li.bx-child { display: inline-block; margin-bottom: 20px; } .chooseDesign.grid .bx-prev, .chooseDesign.grid .bx-next { display: none !important; } .giftCertificatePreview { padding: 30px 0; } .chooseDesign a#gridView { font-size: 12px; padding-left: 16px; color: #2aa399; background: url(/img/icon_views.png) 0 -15px no-repeat; cursor: pointer; } .chooseDesign a#gridView.selected { color: #b2b2b2; background-position: 0 0; } /* CFS Donations */ .donation h1 { margin-bottom: 10px; } .donation p { margin: 15px 0; } .donationSteps { margin-bottom: 20px; position: relative; } .donationSteps .supportUs.ui-accordion-content-active { position: relative; overflow: visible; } .donationSteps .supportUs:before { position: absolute; top: -10px; left: 100%; margin-left: 15px; visibility: hidden; content: url(/img/donation_start-here.gif); } .donationSteps .supportUs.ui-accordion-content-active:before { visibility: visible; } .donationSteps h3 { cursor: pointer; padding: 5px; margin: 15px 0 0; font-size: 14px; clear: both; background: #aaa; color: #fff; position: relative; cursor: default; } .donationSteps h3 strong { float: right; font-size: 12px; padding: 1px 5px; border-radius: 40px; background: #fff; color: #aaa; behavior: url(/pie.htc); position: relative; zoom: 1; position: relative; } .donationSteps h3.ui-accordion-header-active { background: #670099; } .donationSteps h3.ui-accordion-header-active strong { color: #670099; } .donationSteps h3.completed { background: #2aa399; overflow: hidden; cursor: pointer; } .donationSteps h3.completed strong { color: #2aa399; } .donationSteps h3.completed strong:before { content: "\2713 "; position: absolute; top: -17px; right: 100%; margin-right: 5px; font: normal 50px/1 Arial; color: #fff; } .donationSteps .ui-accordion-content { clear: both; border: 1px solid #eee; padding: 15px; overflow: hidden; position: relative; } .donationSteps .ui-accordion-content .nextstep { display: block; clear: both; float: left; margin-top: 20px; font-size: 11px; text-transform: uppercase; color: #670099; } .donationSteps .ui-accordion-content .nextstep:after { content: ''; float: right; height: 0; width: 0; margin: 4px 0 0 6px; border-left: 4px outset transparent; border-right: 4px outset transparent; border-top: 6px solid #670099; } .donationSteps input { margin: 0; width: 200px; } .donationSteps label { padding-bottom: 4px; } .donationSteps .ui-accordion-content { position: relative; } .donationSteps .ui-accordion-content .validateFlag { position: absolute; top: 18px; left: 5px; font: bold 18px/1 arial; color: #e34343; } .funds select { display: block; margin: 0; width: 190px; } /* .funds ul { margin: 0; padding: 0; } .funds ul li { margin: 0; padding: 0; float: left; padding-bottom: 20px; width: 100%; clear: both; list-style: none; } .funds ul li .fundLeftCol { width: 90px; float: left; } .funds ul li .fundLeftCol img { width: 80px; } .funds ul li .fundRightCol { float: left; width: 375px; } .funds ul li .fundRightCol input { float: left; width: auto; margin-right: 5px; margin-bottom: 3px; } .funds ul li .fundRightCol label { width: auto; float: left; padding: 0; } .funds ul li .fundRightCol .fundDesc { float: left; width: auto; clear: both; font-size: 11px; padding-left: 19px; } .funds ul li .fundRightCol .fundDesc p { margin: 0; } */ .giftOptions label { display: block; } .giftOptions table td { padding-bottom: 5px; } .giftOptions table td label { float: left; width: 485px; clear: none; } .giftOptions table td input { margin-right: 5px; float: left; width: 15px; margin-top: 2px; } .giftOptions p { float: left; width: 100%; clear: both; font-size: 11px; } .giftOptions .initialGiftOptions ul { margin: 0; padding: 0; } .giftOptions .initialGiftOptions ul li { background: none; list-style: none; margin: 0; padding: 0; padding-bottom: 8px; float: left; width: 100%; clear: both; } .giftOptions .initialGiftOptions ul li input { float: left; margin-right: 5px; width: 15px; position: relative; top: 4px; } .giftOptions .initialGiftOptions ul li label { float: left; width: 350px; } .giftOptions .initialGiftOptions ul li.donorName input { clear: both; width: auto; position: static; } .giftOptions .commemorativeGiftContainer { float: left; width: 96%; padding: 2%; clear: both; background: #F8F8F8; border-top: solid 1px #CCC; border-bottom: solid 1px #CCC; } .giftOptions .commemorativeOptions ul { margin: 0; padding: 0; } .giftOptions .commemorativeOptions ul li { background: none; list-style: none; margin: 0; padding: 0; padding-bottom: 8px; float: left; width: 100%; clear: both; } .giftOptions .commemorativeOptions ul li input { float: left; margin-right: 5px; width: 15px; position: relative; top: 4px; } .giftOptions .commemorativeOptions ul li label { float: left; width: 350px; } .giftOptions .commemorativeInstruction { margin-bottom: 10px; font-style: italic; } .commemorativeFields ul { margin: 0; padding: 0; } .commemorativeFields ul li { background: none; margin: 0; padding: 0; list-style: none; padding-bottom: 8px; float: left; width: 100%; clear: both; } .propCertificateContent { padding-top: 10px; } .donation .addDonation { margin-bottom: 40px; } .matchingGift label { display: block; } .matchingGift input { margin-bottom: 5px; } .membershipLevels h3 { margin-bottom: 10px; } .membershipLevels ul { margin-bottom: 20px; overflow: hidden; } .membershipLevels ul li { list-style: none; margin-bottom: 5px; overflow: hidden; } .membershipLevels ul li .name { float: left; } .membershipLevels ul li div { float: right; } .membershipLevels ul li p { margin: 0; } .donorBenefits { margin-bottom: 25px; } .donorBenefits .benefits { margin-bottom: 15px; } .donorBenefits h3 { border-bottom: #ddd 1px solid; margin: 0; padding: 5px 6px 5px 18px; font-weight: normal; position: relative; font-size: 13px; } .donorBenefits h3:hover, .donorBenefits h3.ui-state-active { background: #fff; cursor: pointer; } .donorBenefits h3:focus { outline: none; } .donorBenefits h3 strong { font: normal 11px/23px Helvetica, Arial, sans-serif !important; color: #666; } .donorBenefits h3 span { width: 0; height: 0; display: block; position: absolute; top: 12px; left: 6px; } .donorBenefits h3 em { float: right; font-style: normal; font-size: 11px; padding-top: 3px; } .donorBenefits h3.ui-state-active, .donorBenefits h3.ui-state-active em { background: #2aa399; color: #fff; } .donorBenefits h3.ui-state-default span { border-left: 3px outset transparent; border-right: 3px outset transparent; border-top: 5px solid #bbb; } .donorBenefits h3.ui-state-default:hover span { border-top-color: #999; } .donorBenefits h3.ui-state-active span { border-left: 3px outset transparent; border-top: none; border-right: 3px outset transparent; border-bottom: 5px solid #fff; } .donorBenefits h3.title { text-transform: capitalize; font-size: 14px; border-bottom: solid 1px #ddd; padding: 5px 0; font-weight: bold; } .donorBenefits .donorInfo { background: #efefef; padding: 15px; display: none; } .donorBenefits .donorInfo ul { margin: 0; padding: 0; clear: both; } .donorBenefits .donorInfo ul li { margin: 0; padding: 0; list-style: none; font-size: 12px; } .donorBenefits .donorInfo ul li br { margin-bottom: 5px; } .donorBenefits .donorInfo ul li p { padding: 5px 0; } .donorBenefits .donorInfo ul li ul { padding: 0; margin: 0; } .donorBenefits .donorInfo ul li ul li { padding: 4px 10px; list-style: disc; margin: 0; margin-left: 20px; padding-left: 0; } .donorBenefits .donorInfo ul li p { margin: 0; word-break: break-word; } .donorBenefits .setStartingLevelLink { float: left; font-size: 12px; } .donorBenefits .setStartingLevelLink:hover { text-decoration: none; } .donorBenefits .setStartingLevelLink:before { content: "\2713\0020"; position: relative; top: -2px; } /* CART PROGRESS STEPS */ .progressSteps { position: absolute; z-index: 1; left: 50%; bottom: 0; margin-left: -480px; width: 960px; } .progressSteps ol { margin: 0 40px 0 0; padding: 0; list-style: none; float: right; } .progressSteps li { position: relative; display: inline-block; vertical-align: top; white-space: nowrap; color: #666; margin-left: 10px; padding-bottom: 4px; font-size: 10px; font-weight: bold; border-bottom: 2px solid #666; } .progressSteps li:before { counter-increment: section; content: "" counter(section) ""; display: block; font-size: 28px; line-height: 1; } .progressSteps li.current { color: #fff; border-bottom-width: 10px; border-bottom-color: #fff; } .progressSteps li.complete { color: #30b1a7; border-bottom-color: #30b1a7; } .progressSteps .timeLeft { display: inline-block; min-height: 15px; min-width: 235px; margin: 30px 0 0 20px; color: #fff; font-size: 11px; } .progressSteps .timeLeft p {margin:0 0 10px} /* CART RECOMMENDED SLIDER .youMayLike { float: left; width: 42%; padding: 20px; text-align: left; } .youMayLike .bx-window { width: 360px !important; } .youMayLike h5 { font: normal 18px 'Fanwood Text', 'Times New Roman', serif; margin-bottom: 10px; } .youMayLike .bx-prev, .youMayLike .bx-next { top: 40px; left: -20px; } .youMayLike .bx-next { left: auto; right: 0; } .packageSponsors { clear: both; padding-top: 20px; } .packageSponsors img { margin: 10px 20px; } .printorder { background: url(/img/icon_print.png) left center no-repeat; padding-left: 26px; margin-top: 15px; } /* Styles Added After Mobile / Responsive Ticket Path /* SYOS */ #chooseLevel .syos-choose-level-inner {width:auto;} #bestAvail {padding-bottom:40px; overflow:hidden;} #bestAvail table {float:right;} #bestAvail .bestAvailableButton {position:absolute; bottom:0; right:21px;} /* Login */ .loginForm {padding:0;} .loginForm li {list-style:none;} #loginContainer .submit {padding:0;} #loginContainer .forgot.field {margin-left:5px; clear:none;} #loginContainer .forgot.field > a {background:#e3e3e3;} #loginContainer .login > input {width:auto; height:auto; padding:0 15px; float:none;height:29px} /* Donation */ .donationCallout, .donationSuggest {clear:both;} /* Payment Page */ .viewBilling, .viewOrderComments, .viewGiftCert {display:none;} #checkoutOptions .paymentInformation li input[type=text] {width:445px; margin-top:7px;} .noResell {padding:10px 0 0;} .noResell input[type=text] {margin-right:16px;} .noResell .cartCheckout {margin-top:25px;} /* One line credit card */ #checkoutOptions .paymentInformation .cardNumber .cardWrap input.card {padding-left:0; } #checkoutOptions .paymentInformation .cardNumber .cardWrap input.card.ccTypeSelected {padding-left:31px;} #checkoutOptions .cardNumber { position:relative; } #checkoutOptions .cardNumber .cardWrap input {background:#fff;} #checkoutOptions .cardNumber > label {position:absolute; top:-22px;} #checkoutOptions .cardNumber .imgWrap {width:35px; height:30px;position:absolute; top:6px; left:0; z-index:50; } #checkoutOptions .cardNumber .imgWrap img { width:30px; position:absolute; top:0; left:3px; } #checkoutOptions .cardNumber .imgWrap ul {height:37px; position:absolute; top:-3px; left:1px; cursor:pointer;} #checkoutOptions .cardNumber .imgWrap ul li {width:35px; height:25px; background:#fff; margin:0; position:absolute; top:3px; left:0; display:none;} #checkoutOptions .cardNumber .card.error {background:none;} #checkoutOptions .cardNumber #cc_errormsg {display:none;} #checkoutOptions .cardNumber .cardNumberField {width:99%; height:30px; border:#ccc 1px solid; position:relative; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); } #checkoutOptions .cardNumber .cardNumberField .cardWrap {width:95%; height:25px; position: absolute; top: 5px; left: 0; overflow:hidden;} #checkoutOptions .cardNumber .cardNumberField .cardWrap input {border: none; -webkit-box-shadow: none; box-shadow: none; } #checkoutOptions .cardNumber .cardNumberField .cardWrap input.card {color:#333; outline:none; position:absolute; top: 1px; top:-1px\9; left:5px; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease;} #checkoutOptions .cardNumber .cardNumberField .cardWrap input.card.slide { left:-81px; left:-75px\9; } #checkoutOptions .cardNumber .cardNumberField .cardWrap input.card.slide.amex {left:-74px;} #checkoutOptions .cardNumber .cardNumberField .auxCard { background:#f3f3f3; opacity:0; display:none; position:absolute; top:0; right:0; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease;} #checkoutOptions .cardNumber .cardNumberField .auxCard.slide {opacity:1; display:block; } #checkoutOptions .cardNumber .cardNumberField .auxCard input.expDate, #checkoutOptions .cardNumber .cardNumberField input.cvv {height:30px; vertical-align:middle; background:none; border:none; border-left:#ccc 1px solid; padding:0 10px; margin:0; float:left; clear:none; } #checkoutOptions .cardNumber .cardNumberField .auxCard input.expDate {width:90px;} #checkoutOptions .cardNumber .cardNumberField .auxCard input.cvv { width:50px; } #checkoutOptions .cardNumber .cardNumberField .auxCard label { position:absolute; top:-30px; } #checkoutOptions .cardNumber .cardNumberField .auxCard label.expDateLbl { left:3px; } #checkoutOptions .cardNumber .cardNumberField .auxCard label.cvvLbl { right:0; } #checkoutOptions .cardNumber .errorMsg {padding:8px 0 7px;} /* Disable Mouse Wheel on Input */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;} .errorBox.utixRegister:before {content: "";} .errorBox.utixRegister p {margin: 35px 0 10px 0;} .errorBox.utixRegister {background: #30b1a7;} .semantic-content .modal-content { margin-left: 0 !important; text-align: center; padding: 15px !important; } /* Blog */ .entryTitle { margin-bottom: 0; } .author, .datetime { display: block; font-size: 11px; padding-bottom: 5px; } .datetime { color: #666; } .entryFooter { clear: both; } .postedBy { font-style: italic; color: #666; } .viewComments { float: right; } .blogItem .caption { padding-bottom: 5px; padding-top: 2px; color: #666; font-size: 11px; } .tags { clear: both; padding-top: 10px; float: left; width: 100%; } .tags h3, .tags li, .tags a { margin: 0; font: normal 11px/20px NewsGothic; display: block; float: left; } .tags h3 { padding-right: 6px; } .tags ul { list-style: none; margin: 0; padding: 0; } .tags li:before { float: left; text-align: center; content: ','; padding-right: 6px; } .tags li:first-child:before { display: none; } #comments { clear: both; } #comments ul { margin: 0; padding: 0 0 20px; list-style: none; } #comments li { border-top: 1px dotted #959595; background: url(/img/icons_medium.png) -349px -84px no-repeat; padding-left: 54px; } #comments li:first-child { border: 0; } .commentBody, .commentBy { padding: 6px 0 0; background: #fff; } .commentBy { font-size: 11px; } .commentBody { padding: 0 0 12px; } #leaveComment { clear: both; padding-bottom: 20px; } #leaveComment legend { display: block; width: 100%; } #leaveComment ul { list-style: none; margin: 0; padding: 0; } #leaveComment li input { width: 200px; } #leaveComment li textarea { width: 400px; height: 100px; } #subBlog { clear: both; padding: 0 0 20px; } /* Blog Sidebar */ .blogRSS { display: block; line-height: 24px; font-size: 13px; margin-top: 15px; font-weight: normal; background: url(/img/rss.png) no-repeat; } .blogRSS span { display: block; line-height: 24px; background: #fff; margin-left: 20px; } .archive h4 { margin: 5px 0; } .accordion { clear: both; } .accordion .ui-accordion-header { cursor: pointer; font: normal 12px NewsGothic; letter-spacing: .01px; padding: 6px 12px; margin: 0; border: 0; border-top: 1px solid #455560; background-image: url(/img/accordion_arrows.png); background-repeat: no-repeat; background-position: 0 center; } .accordion .ui-accordion-header:hover, .accordion .ui-accordion-header.ui-state-active { background-color: #2aa399; background-position: -258px center; color: #fff; font: normal 12px NewsGothicBold; letter-spacing: .01px; } .accordion .ui-accordion-header.ui-state-active { background-position: -516px center; } .accordion .ui-accordion-content { background: #eee; padding: 12px; } .accordion ul { border: 0; padding: 0; margin: 0; list-style: none; } .accordion ul li { margin-bottom: 5px; } .accordion p { font-weight: normal; } .accordion.customAccord ul { padding-left: 15px; } .accordion.customAccord li { list-style: disc; } .accordion.customAccord h5 { float: left; width: 234px; } .accordion.customAccord h5.lastHeader { border-bottom: 1px solid #455560; } .accordion.customAccord h5.lastHeader.ui-state-active { border-bottom: none; } .accordion.customAccord h5 span { float: left; } .accordion.customAccord h5 strong { width: auto; } .accordion.customAccord div { clear: both; } .accordion h5 strong { float: right; text-align: right; position: relative; left: -34px; width: auto; } .accordSeperator { float: left; width: 100%; font-family: NewsGothicBold; clear: both; background: #eee; text-align: center; padding: 5px 0; font-weight: bold; }