﻿@media (max-width:767px) {

    /* Helper Text to see what media Query is being used */
    .helper:after { content: "SMALL"; }

    /* Autocomplete Search Suggestions*/
    .ui-autocomplete {width:61.6% !important;  max-width:62.6% !important; min-width:169px !important; position:absolute !important; }
    .ui-autocomplete .ui-menu-item { }
    .ui-autocomplete .ui-menu-item:before { content:'►';  font-size:10px; clear:both; position:absolute; margin-top:5px; margin-left:-16px; margin-right:5px; color:#0088cc;}
    .ui-autocomplete .ui-menu-item > a {width:99%; padding-right:0; }
    .ui-autocomplete .ui-menu-item:hover:before { margin-left:-13px;}


    /* Xforms */
    .xForm ul li input { width: 94%; padding: 2% 3%; }
    .xForm ul li textarea { width: 94%; padding: 2% 3%; height: 200px; }
    .xForm ul li select { width: 100%; padding: 9px 1%; height: 41px; }

    /* Simple Donation*/
    .supportUs .donationAmount, .initialGiftOptions input[type="text"], .matchingGift input[type="text"], .supportUs ul li select  {width: 100%; padding: 10px 1%;}
    .supportUs ul li select {  width: 100%; padding: 9px 1%; height: 42px; margin:5px 0 15px 0; }
    .supportUs ul li {  width:100%;}
    .supportUs input { margin:3px 0 5px 0;}
    .supportUs ul li span.midText { display:none;}
    .giftOptions { margin-bottom:20px; padding-bottom:10px;}
    .giftOptions .initialGiftOptions ul li label { width: 245px;margin-bottom: 5px;}
    .giftOptions .initialGiftOptions ul li.donorName { height:79px; }
    .giftOptions .initialGiftOptions ul li.donorName label { width: 100%; }
    .matchingGift { margin-bottom:20px;}
    .matchingGift label { margin-bottom:5px;}
    .donation .btn { width:100%; max-width:none; padding:23px 0; }
    .commemorativeFields input[type='text'] { width: 97%; padding: 10px 1%;}


    /* Flex Play Select Page */
    #filterContainer { float: left; width: 100% !important; text-align:center; margin-right:0%;}
    #performanceSelectionContainer { float:left; width: 100%; }
    #filterContainer .filter label.checkbox { position: relative; text-align:center; left:0px; padding:10px 0; }
    #filterContainer .filter ul.unstyled { width:100%; text-align:center; margin:0 auto; padding:0; }
    #filterContainer .filter li { display:inline-block;  width:100%; background:#ccc; color: #000; margin-bottom:15px;  }
    #filterContainer .filter li:last-child { margin-right:0%; }
    #filterContainer .filter label { color: #fff; text-align:center; font-size:16px; display: block;  padding: 5px; }
    #filterContainer .filter input:checked + label { background: #999; color: #fff; }

    #filterContainer .filter input { display:none; }
    #filterContainer .filter h3 {margin-bottom:15px;}

    #subscriptionBuilder .continueBtn { text-align: center; }
    #subscriptionBuilder .continueBtn .priceTypes { margin-bottom: 20px; }

    #allProductions .productionRow.added .productionImage, #allProductions .productionRow.added .productionInformation { color: #009B90; margin-left:20px; margin-top:6px; text-decoration:underline;}
    #allProductions .productionRow.added .productionButton { right: 3px; top: 16px; }
    #allProductions .productionRow.added .btn:before { content: '✔'; width: 0; height: 0; position: absolute; top: 30%; left: -15px; margin-top: -8px; font-size:18px; color:#009B90;}
    #allProductions .productionRow.added .productionButton a { color:#686868 !important; font-size:14px; }

    #subscriptionBuilder .flexGuidelines .flexDescHeader { float:left; position: static; margin-top:0; right:0; }
    #subscriptionBuilder .continueBtn .btn.btnStandOut, #subscriptionBuilder .continueBtn .btn.btnCancel  { width: 100%; min-width:100%; display: block; margin:0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #subscriptionBuilder .continueBtn .btn.btnCancel { margin-bottom:10px;}
    #packageDisplay .miniCart .perfRow td:first-child {padding-right:10px;}
    #packageDisplayContainer .continueBtn { clear:none; width:100%; }

    #subscriptionBuilder .packagePerformances li { text-align: left; }
    #subscriptionBuilder .packagePerformances li a { float: none; display: block; }

    .theaterSectionSelection .seatingMapContainer{height:auto;}
    .theaterSectionSelection .seatingMapContainer .seatMapImg {width:100%;}
    
    #listOfPackages .subscribeArea.span3 { margin:15px auto; display:inline-block; text-align:center; }
    #courseDetailPage .subscribeArea.span3 img {float:none;}
    #listOfPackages .subscribeArea.span3 .buttonWrapper { margin:0 auto; display:inline-block; text-align:center; max-width:245px; float:none;}
    


    /*** Cart Parking Add-on ***/
    #cartParkingArea { display: inline-block; float: left; width: 100%; border: 1px dotted #ccc; clear: both; padding: 17px 21px 3px; margin-top: 15px; margin-bottom:15px; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #cartParkingArea .addOnDescription { width: 100%; display:inline-block; float: left; margin-right:0; margin-bottom:25px; border-right:none; border-bottom:1px solid #ccc; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #cartParkingArea .addOnPricing, .selectQty { width:100%; display:inline-block; }
    #cartParkingArea .addOnPricing {text-align:left;}
    #cartParkingArea .addOnPricing h3 {display:inline-block; margin-right:15px;}
    #cartParkingArea .addOnPricing p {display:inline-block; }
    #cartParkingArea .selectQty label { padding-left: 5px; display:inline-block;  }
    #cartParkingArea .parkingSubTotal { padding: 10px 0 5px 0; display:inline-block; text-align:right; float:right; border-top:1px dotted #ccc; margin-top:5px;}
    #cartParkingArea .parkingSubTotal label, #cartParkingArea .parkingSubTotal span {  font-size:15px; }
    #cartParkingArea .parkingSubTotal label {width:140px; }
    #cartParkingArea .parkingSubTotal span {max-width:65px;  margin-right:1px;  }


    #cartParkingArea .selectQty .parkingDropDown { margin-bottom:4px; margin-top:-5px; width:100%; display:inline-block; float:left;}

    /*** Cart Actions - Order Totals ***/
    #paymentMainDisplay #cartActions { width:100%; }
    #cartActions { display:inline-block; width:100%; min-width:auto;  float:none; text-align: right;  /*border:1px dotted #ccc;*/ margin-top:15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
    #cartActions > .row-fluid {width:100%; display:inline-block; float:left;}
    #cartActions ul { display:block; margin: 0 0 15px 0; background:#f6f6f6; padding:13px 0 7px 0; width:100%;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
    #cartActions ul li {display:block; }
    #cartActions ul li label {display:inline-block; margin-right:5%; line-height:2.1em; text-align:right; width:55%; padding-right:5px; margin-left:0; border-bottom:1px dotted #ccc; }
    #cartActions ul li:nth-child(3) label {border-bottom:2px solid #ddd;}
    #cartActions ul li:nth-child(4) label {border-bottom:none; font-weight:bold; margin-top:5px; font-size:16px;}

    #cartActions ul li span {display:inline-block; margin-right:20px; line-height:2.1em; font-weight:bold; text-align:left; width:15%; min-width:60px; border-bottom:1px dotted #ccc;}
    #cartActions ul li:nth-child(3) span {border-bottom:2px solid #ddd;}
    #cartActions ul li:nth-child(4) span {border-bottom:none; margin-top:5px; font-size:16px;}

    #cartActions .continueBtn.checkoutBtns {width:100%; display:inline-block; margin-top:10px;}
    #cartActions .continueBtn.checkoutBtns > p { padding-bottom:6px; display:inline-block; width:100%;}
    #cartActions .continueBtn.checkoutBtns > p a {  min-width:100%; padding:23px 0; margin-bottom:5px; margin-top:15px;}

    #cartActions .continueBtn.checkoutBtns > .btn.btnStandOut, .continueBtn.checkoutBtns > .btn.btnStandOut  { padding:23px 0; margin:0; min-width:100%; font-size:17px; }
    #cartActions .continueBtn.checkoutBtns > .btn.btnStandOut:hover, .continueBtn.checkoutBtns > .btn.btnStandOut:hover { }

    /* DONATION PAGE */
    #considerDonation { clear: both; width:100%; display:inline-block; margin-top:15px; }
    .donationHeader {margin-top:20px;display: none;}
    .donationHeader h1 { margin: 0; padding: 0; font-size:28px; }
    #donationCallout { display:inline-block; width: 100%; }
    #donationCallout img { float: left; display:inline-block; clear:right; margin-bottom:10px; margin-right: 20px; max-width: 100px; border:3px solid #aaa;}
    #donationCallout div p:not(:nth-of-type(1)) { margin-bottom:16px; line-height:18px;}
    #donationEffect { float: none; width: 100%; display: inline-block;  border-top: 1px solid #ccc; padding-top: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    /*#donationEffect ul { margin: 3px 0 0 0; display:block; float: left; width: 100%; padding: 2% 4% 15px; list-style: none; background-color: #f1f1f1; background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#fff)); background-image: -webkit-linear-gradient(top, #f1f1f1, #fff); background-image: -moz-linear-gradient(top, #f1f1f1, #fff); background-image: -ms-linear-gradient(top, #f1f1f1, #fff); background-image: -o-linear-gradient(top, #f1f1f1, #fff); background-image: linear-gradient(to bottom, #f1f1f1, #fff);  }*/
    #donationEffect ul li { clear: both;  text-align: right; padding:3px 0; color: #333;  float: left; background: none; width: 100%;  margin:0; }
    #donationEffect .recognition { padding-top:0; margin-top:5px;}
    #donationEffect .recognition label { padding-top:6px;}
    #donationEffect .recognition small { margin-bottom:4px; color:#009b90; display:block;}
    #donationEffect .recognition small div { width:100%;}
    #donationEffect li label { float: left; text-align:left; display:inline;  width: 100%; vertical-align:middle; margin:0;}
    #donationEffect li div { float: right; width: 100%; padding-right: 3px; }

    #donationEffect li:first-of-type {  margin-bottom:10px; }
    #donationEffect li:first-of-type label, #donationEffect li.total label { display:inline; width:60%;} 
    #donationEffect li:first-of-type div, #donationEffect li.total div { width: 33%;  }


    #donationEffect li p.explanation { width: 65%; margin: 0 0 5px 0; font-size: 10px; line-height:13px; }
    #donationEffect li.total { font-size: 17px; font-weight:bold; color: #333; border-top: dotted 1px #ccc; margin-top: 15px; padding-top:12px;}
    #donationEffect li.total label { font-size: 17px; color: #333; font-weight:bold; }

    #subscriptionBuilder #donationEffect input { min-width:60px; width:100%; display:block; height:40px; margin-top:10px;}
    #donationDecision { clear: both; text-align: right; padding: 10px 4% 0 0; }
    #donationDecision a.btn.btnStandOut { padding:10px 15%; }

    #donationDecision a { margin-left: 20px; }
    #donationDecision .textLink { color: #666; }

    div.playDetails div { width: 400px; }
    div.playDetails img { width: 375px; }

    .supportUsSection { padding-right: 0; border-right: none; width:100% !important;}
    .donorBenefits { margin: 25px 0 25px 0; padding-left:0; padding-top:35px; border-top: 1px solid #ccc; width:100% !important;}
    .donorBenefits .levelTitle { height: 45px; line-height:45px; font-size:16px; padding-top:0; padding-left:2%;}
    .donorBenefits .levelTitle .donationTitle { line-height:45px;}
    .donorBenefits .levelTitle span, .donorBenefits .levelTitle.ui-state-active span { line-height:45px; font-size:16px;}
    .donorBenefits .donationHeader { font-size:23px;display: none;}
    .benefits { display: none;}
    .giftOptions .commemorativeGiftContainer { width:100%; }
    .commemorativeUserFields { width: 100%;}
    .companyInfo {font-size: small;float: right;padding-left: 7px;width: 100%;}
    .giftOptions .commemorativeOptions ul li:last-of-type { margin-bottom:0; margin-top:7px;}




    #checkoutOptions .step { width:100% !important; margin-left:0; padding-left:0 !important;}
    #checkoutOptions .step.shippingInfo.span6 {margin-bottom:0;}

    #checkoutOptions .shippingInfo .addressBilling { min-width:48%; float:left; clear:right; margin-right:4%; }
    #checkoutOptions .shippingInfo .addressShipping { min-width:48%; float:left; clear:right; margin-bottom:20px; border-top:none;}

    .subsModalContent .newSelection { width:100% !important; max-width:100%; display:inline-block; float:left;}
    .subsModalContent .venueImage { display:none;}
    .learnMoreUnder18 .subsModalContent { max-height: 245px; overflow-y: auto; }


    #subscriptionBuilder .selectNewSectionContainer .productionDisplay { margin-left: 0; padding-top: 0; }
    #subscriptionBuilder .selectNewSectionContainer .productionInformation { padding-right: 0; margin-top:10px; float:left; }

    /* Login Page */
    #loginContainer .register, .forgotPassword .emailLookup { float:left; width:100%; border:none;}
    #loginContainer .register { padding-top:25px; border-top:solid 1px #ccc; margin-top:25px;}
    #loginContainer .login { width:100%; }
    #loginContainer .login input {   width: 94%; padding: 2% 3%;   }
    #loginContainer .loginForm li.havePromoCode { width:96%; }
    #loginContainer input[type="submit"] { width:100%; }

    /* Error Handeling */
    .errorSolutions .btn {display:inline-block; width:100%; max-width:none;  padding:20px 0;  margin-bottom:13px; }

    /* Register Login Form */
    #registerControl .leftRegister {  margin:0 0 10px 0;  padding-top:5px; border-top:1px dotted #ccc; float:left; clear:both;}
    #registerControl .rightRegister {margin: 10px 0 30px 0; padding-top:30px; border-top:1px dotted #ccc; float:left; clear:both; }

    #registerControl .form input, #registerControl .form select, #registerControl #enterPromoCode input {border-radius:0; border:1px solid #cccccc; }
    #registerControl .form input { width: 98%; min-width:70%; line-height:1.5em;}
    #registerControl .form li {  list-style:none;}
    #registerControl .form li .leftCol, #registerControl .form li .rightCol  { width:47.2%; min-width:33%; }
    #registerControl .form li .leftCol { margin-right:5.5%;}

    #registerControl .form .leftCol input, #registerControl .form .rightCol select {width:100%; }

    #registerControl #enterPromoCode input { line-height: 1.5em; margin-top: 4px; padding-right: 0; width: 100%; height:35px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #registerControl #enterPromoCode label {display:inline-block; margin-right:10px;}

    #registerControl .checkList li { padding-bottom:15px; }
    #registerControl .checkList li label {font-size:14px; display:inline-block; color:#333;}
    #registerControl .checkList input { margin-right:5px }
    /*#registerControl .formSection {margin-top:5px; width:100%; text-align:center;}*/

    #registerControl .submitRegister { width:100%; height:80px; float:left; margin-bottom:60px;}
    

    /* Course List */
    #courseListPage #filterContainer.courseListFilter { width: 100% !important; margin-right:4%; display:inline-block; float:left;}
    #courseListPage #courseListControl { width: 100%; margin-left:0; margin-left:0; padding:0; border-top:1px solid #999; float:none; display:inline-block;}
    #listOfPackages .subscribeArea {max-width: 100%;margin-top: 15px;    }

    /* Filter Container - Semester */
    #filterContainer.courseListFilter .filter:nth-of-type(2n-1) ul li { width: 48% !important; margin-right:4%; padding:0; display:inline-block; float:left; font-size:11px;}
    #filterContainer.courseListFilter .filter:nth-of-type(2n-1) ul li:nth-of-type(2n) { margin-right:0; display:inline-block; float:left;}
    #filterContainer.courseListFilter .filter:nth-of-type(2n-1) ul li label { font-size:13px;}
    #filterContainer.courseListFilter .filter .checkbox label { padding:2px 0; text-align:center; color:#fff;}
    #filterContainer.courseListFilter .filter label.checkbox { left:0; }
    #filterContainer.courseListFilter .filter li { display:inline-block;  width:100%; background:#903b82; color: #fff; margin-bottom:15px; border-radius:10px;  }


    /* Filter Container - Grade */
    #filterContainer.courseListFilter .filter:nth-of-type(2) ul li { width: 30.5% !important; margin-right:4%; padding:0; display:inline-block; float:left;}
    #filterContainer.courseListFilter .filter:nth-of-type(2) ul li:nth-of-type(3n) { margin-right:0; display:inline-block; }
    #courseListPage #listOfPackages .leftSide {width:50%;} 
    #listOfPackages .packageListItemWrapper .subscribeArea {min-width:120px; width:100%;}

    /* Courses Register Page */
    /* LEFT SIDE COURSE REGISTER */
    #courseRegister .studentInfo { width: 100%; float: left; display: inline-block; margin-bottom: 20px; border-right: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } 
    /* RIGHT SIDE COURSE REGISTER */
    #courseRegister .emergency {width:100%;  padding-left:0; display:inline-block; float:left;} 
    #courseRegister fieldset ul {list-style:none; display:block;}
    #courseRegister .field label { display:block; float:none;  margin-right:0; width:30%; min-width:25%; margin-bottom:0; vertical-align: top; }
    #courseRegister .field input, #courseRegister .field select { display:inline-block; margin-right:0; width:60%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #courseRegister ul > .field { width:100%; display:inline-block; min-height:60px;}
    #courseRegister .field input {height:30px;}

    /* left side */
    #courseRegister .studentInfo .field select, #courseRegister .studentInfo .field label, #courseRegister .studentInfo .field input {width:100%;}
    #courseRegister .studentInfo .field:nth-of-type(5) select {width:31.0%; margin-right:3.5%; float:left;}
    /* right side */
    #courseRegister .emergency .field input, #courseRegister .emergency .field select, #courseRegister .emergency .field label { width:100%; }
    #courseRegister .emergency .field:nth-of-type(2n+4) input {width:31.0%; margin-right:3.5%; float:left; }

    #courseRegister .errorMsg { position:absolute; margin-top:-20px; margin-left:-15px; color:#ff0000; font-size:20px; }
    #courseRegister .studentInfo .field select.smallSelect { width:100%;}
    #courseRegister .studentInfo .field label.longLabel {width:100%;}
    #courseRegister .studentInfo .field.photo > label { width:30%; display:inline-block; float:left; }
    #courseRegister .studentInfo .field.photo .image {display:inline-block; float:right; width:70%;}
    #courseRegister .studentInfo .field .btn { width:70%;  max-width:none; float:right; min-height:20px; margin-top:0; line-height:22px;}
    #courseRegister .studentInfo .field .photoDisclaimer { margin-bottom:2px; width:100%;}
    #courseRegister .emergency .field:last-of-type textarea { height: 150px; width: 100%;  }
    #courseRegister .courseDetails .courseDetailsLeft {width:58%; display:inline-block; float:left; border-right:1px dotted #ccc; }
    #courseRegister .courseDetails .courseDetailsRight {width:38.7%; display:inline-block; float:none;  }
    #courseRegister .courseDetails .courseDetailsLeft li { display:block; list-style:none;  width:100%; margin-top:0; line-height:30px;}
    #courseRegister .courseDetails .courseDetailsLeft li label {display:block; vertical-align:middle; margin-right:20px; margin-left:3px;  width:50%;}
    #courseRegister .courseDetails .courseDetailsLeft li select {width:85.0%;}
    #courseRegister .courseDetails h2 {font-size:24px; padding-bottom:0; width:90%;}
    #courseRegister .courseDetails h4 {font-size:12px; margin:7px 0; text-transform:none; line-height:16px; padding-top:2px; margin-left:10px; color:#444; width:100%; padding-left:10px; border-left:3px solid #ccc;}
    #courseRegister .courseDetails { max-width:100%; width:auto; }

    /* Account - Manage Students*/
    #courseRegister .courseDetails.manageStudents { width:100% !important;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #courseRegister .courseDetails li .studentDropDown { width: 100%; float: left; }
    #courseRegister .courseDetails li .studentLabel {min-width:60px !important; width:60px; padding-top:7px;}
   
    /* Best Available Seats Modal */
    #choiceWrapper .span7 { clear:both; }
    #choiceWrapper .overLay { display:none; position:fixed; width:100%; text-align:center; padding:0; margin:0; top:0; left:0; height:100%; background:rgba(0,0,0,.4); z-index:9999; }
    #choiceWrapper .btn.overLayBtn { display:block; margin-left:0; }
    #choiceWrapper .seatMapImg { float:none; top:23%;  outline:none; border:none;  margin-left:0; border:4px solid #9CB226; padding:10px; background:#fff;}
    #choiceWrapper .bestAvailableButton {clear: both; margin-left:0; float: left;padding:15px 0; margin-top:10px; max-width:100%; width:100%; text-align:center; }

    #subscriptionBuilder #conflictOptions {display:inline-block; width:100%; margin-top:10px;}
    #subscriptionBuilder #conflictOptions .btn {display:inline-block; width:100%; max-width:none;  padding:20px 0;  margin-bottom:13px;}

    #loginContainer .register { padding-left: 0; }
    #loginContainer ul li .btn, #loginContainer .submit .btn, #subscriptionBuilder .btn, #courseRegister .btn.btnStandOut, #registerControl .submitRegister .btn, #changePasswordControl #loginContainer .btn { max-width:none; width:100%; padding:15px 0; margin-left:0;}
    #loginContainer ul li input[type='text'], #loginContainer ul li input[type='password'] { border-radius: 0; border: 1px solid #ccc; display: inline-block; width: 100%;  }

   
    /* SYOS & BEST AVAILABLE */


    #choiceToggle {height: auto; width:100%;}
    #choiceToggle a { padding: 10px 12px; height:auto; max-width:none; }

    /* Cart Index Page */
    /*#subscriptionBuilder .sideCartCallout { float:right;}
    #subscriptionBuilder .mainCartCallout {  float:left; }*/
    #subscriptionBuilder .contactInfoCallout { float:left; width:50%; }
    #subscriptionBuilder .packageArea { padding:0; }
    /*#packageDisplay .miniCart .perfRow td:first-of-type, #cartItemDisplay .miniCart .perfRow td:first-of-type { padding-left:20px; }*/
    #cartItemDisplay .miniCart .perfRow td:last-of-type tr td:last-of-type { padding-right:0; }
    #paymentMainDisplay #cartItemDisplay, #packageDisplayContainer #cartItemDisplay { padding:0; background:none; }

    #subscriptionBuilder #paymentMainDisplay table.packageCart th:first-of-type { padding-left:20px; }
    #paymentMainDisplay #cartItemDisplay .miniCart .singleTicketWrapper .perfRow > td:first-of-type { padding-left:20px; }
    /*#paymentMainDisplay #cartItemDisplay .span12:last-of-type .miniCart:last-of-type .perfRow td:first-of-type { padding-left:20px;}*/
    /*#checkoutOptions .paymentInformation li input,#checkoutOptions .paymentInformation li select { height:35px;}*/
    #checkoutOptions .giftCard .btn.btnStandOut { padding: 12px 7%; height:auto;}

    /* Only on Select Seating */
    #subscriptionBuilder #selectSeatingContainer #packageDisplayContainer table.packageCart th:first-of-type { padding-left:10px; }
    #selectSeatingContainer #packageDisplayContainer #cartItemDisplay .miniCart .perfRow > td:first-of-type { padding-left:10px; }


    /* Responsive Modals */
    .subsModalContent { padding:6%;}
    .selectNewSectionContainer.fullPackageParking .subsModalContent  { padding: 2% 6% 0 6%;}

    .subsModalContent fieldset { margin-top:10px; }
    #subscriptionBuilder .newAddress input[type=text], #subscriptionBuilder .newAddress select { width:100%; }
    .subsModalContent li .leftCol, .subsModalContent li .rightCol { width:100%;}
    #subscriptionBuilder .oldAddress { width:100%;}
    #subscriptionBuilder .newAddress { width:100%; border:none; padding-left:0;}

    /* Roster Pages */
    .rosterPage.bioDetails h2 { text-align:center; width:100%;}
    .rosterPage.bioDetails .span3 { float:left; margin-left:0;margin-top:0; text-align:center;}
    .rosterPage.bioDetails .span3 img {display:block; clear:right; margin:0 auto; }


    .rosterPage.bioDetails .span9 { float:right; margin-left:0; width:100%; }
    .rosterPage.bioDetails .span9 div:first-of-type {margin:15px 0 15px 0; text-align:center; }

    /* Main Body & Sidebar */
    .mainBody { float:left; width:100%;}
    .callout-wrapper { width:100%; float:right; text-align:center; }
    /*.callout-wrapper + .mainBody { float:left; display:inline-block; width:100%; margin-right:0;}*/
   

    /* PDP Pages */
    .price-range ul { width: 85%; margin:0 auto;}
    #selectSeatingArea .packageDescription{left:18%}

    /* Reserve Best Available */
    .fullMobileAccessible .subsModalContent { bottom: 120px;  }
	.multiple-price-types .best-available-sections th { vertical-align: bottom; }
	.multiple-price-types .best-available-sections th span, .multiple-price-types .best-available-sections td span { display: block; word-wrap: break-word; max-width: 78px; padding: 5px; margin: 0 auto; text-align: center; line-height: 1; position: relative; z-index: 1; background: #f5f5f5; border-right: 1px solid #fff; font-size: 14px; }
    .multiple-price-types .best-available-sections td span.lblPriceTypeName {max-width: none; background: none; border: 0;}
     .multiple-price-types .best-available-sections td span.lblPriceTypeName:after {background: none; }
	.multiple-price-types .best-available-sections td span:after { content: ''; position: absolute; top: 100%; left: 0; height: 400px; width: 100%; background: #f5f5f5; border-right: 1px solid #fff; }
	.multiple-price-types .best-available-sections th:first-child { visibility: hidden; }
	.multiple-price-types .best-available-sections td { position: relative; vertical-align: top; text-align: left; }
	.multiple-price-types .best-available-sections td:first-child { padding: 0; width: 0; }
	.multiple-price-types .best-available-sections td:first-child ~ td { padding: 45px 0 0; width: 18%; min-width: 75px; overflow: hidden; }
	#choiceWrapper .multiple-price-types .best-available-sections input[type=radio] { margin-top: 14px; }
	.multiple-price-types .best-available-sections label { white-space: nowrap; float: left; position: relative; margin: 10px 0 0 -320px !important; text-indent: 305px; width: 320px; z-index: 10; left: 25px; top: 7px; text-overflow: ellipsis; }
	#choiceWrapper .multiple-price-types .gray td { padding: 10px 0; }
	#choiceWrapper .multiple-price-types .gray td select { display: block; width: 55px; margin: 0 auto; }

    /* CYO */
    #subscriptionBuilder .productionActionDisplay ul { padding-top: 20px; text-align: left; }

}

