@media screen {
    .quickbook {
        position: absolute;
        top: 108px;
        right: 23px;
        width: 250px;
        z-index: 10000
        }
    .quickbook.fixed {
        position: fixed;
        top: 38px;
        left: 0;
        right: 0;
        width: 100%
        }
    body.ps-active #page .quickbook {
        position: fixed;
        top: 62px;
        right: 23px;
        display: block;
        z-index: 100000
        }
    .quickbookheader {
        margin-bottom: 0.5em;
        font-size: 130%;
        text-transform: uppercase;
        text-align: center;
        padding: 0.5em 0.8em 0.5em
        }
    .quickbookheader span {
        display: block;
        font-size: 80%;
        text-transform: none
        }
    .quickbook.fixed .quickbookheader {
        display: none
        }
    .quickbookcontent {
        font-size: 90%;
        vertical-align: middle;
        padding: 0 0.8em 0.5em
        }
    .quickbook.fixed .quickbookcontent {
        width: 990px;
        margin: 0 auto
        }
    .quickbook .ym-gbox {
        padding: 0
        }
    .quickbook label {
        padding: 0.5em 0 0 0
        }
    .quickbook .hotel select, .quickbook .location select {
        width: 100%
        }
    .quickbook .date select, .quickbook .date img {
        display: inline
        }
    .quickbook .date select, .quickbook .nights select, .quickbook .rooms select {
        width: 4em;
        margin: 0
        }
    .quickbook .date #ci_ym {
        width: 8em
        }
    #datepicker {
        width: 8em;
        margin-right: 5px
        }
    #datepicker[type="text"] {
        background: #FFF url(/includes/img/clndr.gif) no-repeat right center;
        border-width: 1px;
        padding: 2px
        }
    .quickbook .date img {
        display: inline-block;
        zoom: 1;
        vertical-align: middle
        }
    .quickbook .nights, .quickbook .rooms, #datepicker {
        display: inline-block;
        zoom: 1
        }
    .quickbook .book {
        display: inline-block;
        zoom: 1;
        margin-top: 0.5em
        }
    .ym-button {
        display: inline-block;
        zoom: 1;
        white-space: nowrap;
        background-color: #ccc;
        background-image: -webkit-linear-gradient(top, #eee, #ccc);
        background-image: -moz-linear-gradient(top, #eee, #ccc);
        background-image: -ms-linear-gradient(top, #eee, #ccc);
        background-image: -o-linear-gradient(top, #eee, #ccc);
        background-image: linear-gradient(top, #eee, #ccc);
        border: 1px solid #777;
        -webkit-border-radius: 0.2em;
        -moz-border-radius: 0.2em;
        border-radius: 0.2em;
        -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
        color: #333;
        cursor: pointer;
        font: normal 1em/2em Arial, Helvetica;
        padding: 0 1.5em;
        overflow: visible;
        /* removes extra side spacing in IE */
        text-decoration: none !important;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8)
        }
    .ym-button:hover, .ym-button:focus {
        background-color: #ddd;
        background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
        background-image: -moz-linear-gradient(top, #fafafa, #ddd);
        background-image: -ms-linear-gradient(top, #fafafa, #ddd);
        background-image: -o-linear-gradient(top, #fafafa, #ddd);
        background-image: linear-gradient(top, #fafafa, #ddd)
        }
    .quickbook .ui-datepicker-trigger {
        margin-bottom: 3px
        }
    .quickbook.fixed .quickbookcontent {
        padding: 0.5em 0.8em
        }
    .quickbook.fixed .ym-form > div {
        display: inline-block;
        zoom: 1;
        padding-left: 4em
        }
    .quickbook.fixed .ym-form > div:first-child {
        padding-left: 1em
        }
    .quickbook.fixed .ym-form label {
        display: inline-block;
        zoom: 1;
        padding: 0 1em 0 0
        }
    .quickbook.fixed .ym-form select, .quickbook.fixed .ym-form input {
        display: inline-block;
        zoom: 1;
        width: auto;
        max-width: 15em
        }
    .ym-form .ym-error label {
        color: #800;
        font-weight: normal
        }
    .ym-form .ym-error input, .ym-form .ym-error select, .ym-form .ym-error textarea {
        border: 1px #800 solid
        }
    .ym-form .ym-error input:hover, .ym-form .ym-error input:focus, .ym-form .ym-error select:hover, .ym-form .ym-error select:focus, .ym-form .ym-error textarea:hover, .ym-form .ym-error textarea:focus {
        border: 1px #800 solid !important
        }
    .ym-form .ym-error .ym-message, .ym-form .ym-error option[value="*"] {
        color: #800;
        font-weight: bold;
        margin-top: 0
        }
    }
@media screen and (max-width: 990px) {
    .quickbook {
        position: relative;
        top: auto;
        right: auto;
        width: auto
        }
    .quickbook.fixed {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        width: auto
        }
    .quickbookcontent {
        text-align: center
        }
    .quickbook .ym-form > div {
        width: 20%;
        min-width: 200px;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin: 5px;
        zoom: 1;
        text-align: left
        }
    .quickbook .ym-form > div.nights, .quickbook .ym-form > div.rooms {
        width: 8%;
        min-width: 50px
        }
    .quickbook .ym-form > div.ym-fbox-button {
        margin-top: 24px;
        min-width: 0
        }
    }