/* --------------------------------------------------
//
// reservation start styles
// slimline
// author:      jw
// created:     24.02.2011
//
// ----------------------------------------------- */
    /* -----------------------------------------------
    template defaults
    ----------------------------------------------- */
    html {
        height: 100.1%;
    }

	* {
        margin: 0;
        padding: 0;
    }

    body {
        height: 100.1%;
    	margin: 0;
    	padding: 0;
    	text-align: center;
	}

    .blanko-wrapper h1 {
        clear: both;
        margin: 0 0 20px 0;
        padding:0 0 3px 0;
    }
    
    h1 {
        margin: 0 0 20px 0;
    }

    h2 {
        font-size: 14px;
        padding: 0 0 10px 0;
    }

    h3,
    h4,
    h5,
    h6 {
        font-size: 11px;
        padding: 0 0 10px 0;
    }

    p {
        padding: 0 0 10px 0;
    }

    a {
        text-decoration: none;
    }

    ul, li {
        list-style: none;
    }

    img {
        border: none;
    }

    table {
        border-collapse: collapse;
        margin: 0 0 20px 0;
    }

    th {
        text-align: left;
        vertical-align: top;
        border-collapse: collapse;
    }

    td {
        vertical-align: top;
        border-collapse: collapse;
    }

    #blanko,
	#sx-gc-main {
        text-align: left;
        margin: 0 auto 0 auto;
        padding: 5px;
    }

    #sx-res-logo-wrapper {
        height: 50px;
        padding: 20px 0 20px 0;
        overflow: hidden;
    }

    #sx-res-logo-wrapper:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        height: 0;
    }    

    /* -----------------------------------------------
    global classes
    ----------------------------------------------- */
    .sx-gc-leftfloater {
        float: left;
    }

    .sx-gc-rightfloater {
        float: right;
    }
    
    .sx-gc-active {
        cursor: pointer;
        cursor: hand;
        text-decoration: underline;
    }

    .sx-gc-error {
        clear: both;
        margin: 0 0 20px 0;
        padding: 10px 10px 4px;
    }

    .sx-gc-error p {
        font-weight: bold;
        margin: 0;
        padding: 0 0 6px;
    }

    .sx-gc-message {
		padding: 10px;
		margin:0 0 10px 0;
	}

    .sx-gc-message p {
        padding: 0 0 6px 0;
	}

    /* -----------------------------------------------
    start - IBE
    ----------------------------------------------- */
    .sx-res-booking {
        display: block;
        margin: 0 0 20px 0;
        padding: 10px 10px 5px 10px;
        min-height: 1px;
    }
    
    .sx-res-booking-row {
        min-height: 1px;
    }
    
    * html .sx-res-booking,
    * html .sx-res-booking-row {
        height: 1px;
    }
    
    .sx-res-booking-row:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        height: 0;
    }
    
    .sx-res-booking div.sx-gc-leftfloater {
        clear: both;
        width: 49%;
    }

    .sx-res-booking div.sx-gc-rightfloater {
        width: 49%;
    }

    .sx-res-booking p {
        clear: both;
        overflow: hidden;
        zoom: 1;
    }

    .sx-res-booking-entry {
        -moz-border-radius: 3px;
        -khtml-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px 3px;
        padding: 4px 2px 4px 2px;
        font-size: 13px;
        font-weight: normal;
    }

    .sx-res-booking .sx-gc-multientry-wrapper {
        width: 90%;
        display: block;
        padding: 0 3px 0 3px;
    }

    .sx-gc-singleentry-wrapper .sx-res-booking-entry {
        width: 90%;
    }

    .sx-gc-multientry-wrapper .sx-res-booking-entry {
        width: 47%;
        margin: 0 -3px 0 -3px;
    }

    .sx-res-booking .sx-res-booking-pu-as-ret {
        padding: 20px 0 3px 0;
    }

    .sx-res-booking label {
        display: inline-block;
        padding: 0 0 3px 0;
        font-weight: bold;
        font-size: 12px;
    }

    .sx-gc-del-col-wrapper label,
    .sx-res-booking-pu-as-ret label {
        font-weight: normal;
        margin: 0;
        padding: 0;
    }

    .sx-res-booking #sx-js-res-pu-datetime,
    .sx-res-booking #sx-js-res-ret-datetime {
        padding: 0 0 6px 0;
        overflow: visible;
        width: 100%;
    }

    .sx-res-booking .sx-gc-error {
        margin: 0 0 10px 0;
        display: none;
    }

    .sx-home-options-wrapper {

    }

    .sx-home-options-wrapper p,
    .sx-home-options-wrapper div {
        padding:0 0 6px 0;
    }

    .sx-res-booking-del-col {
        display: none;
    }    

    .sx-res-booking-coi {
        display: none;
    }

    .sx-res-booking-coi-open {
        display: block;
    }

    .sx-res-booking-del-col-open {
        display: block;
    }

    .sx-res-booking-del-col span {
        padding: 0 20px 0 0;
    }
    
    /* we do not use google map here */
    #sx-js-res-pu-google-map,
    #sx-js-res-ret-google-map {
        display: none;
    }

    .sx-res-residence-wrapper {
        padding: 10px 0 10px 0;
        display: none;
        overflow: hidden;
        zoom: 1;
        width: 97%;
    }

    .sx-res-residence-wrapper-open {
        display: block;
    }

    .sx-res-residence-wrapper strong {
        float: left;
        width: 47%;
    }

    .sx-res-residence-wrapper .sx-toggle-posl {
        float: right;
        width: 47%;
    }

    /* -----------------------------------------------
     howto
    ----------------------------------------------- */
    .sx-res-booking .sx-res-pu-location #sx-res-booking-howto {
        position: absolute;
        top: 50px;
        left: 20px;
        width: 300px;
        padding: 10px;
        display: none;
    }

    .sx-res-booking .sx-res-pu-location-hover #sx-res-booking-howto,
    .sx-res-booking .sx-res-pu-location:hover #sx-res-booking-howto {
        display: block;
    }

    #sx-res-booking-howto .sx-res-info-wrapper-arrow {
        left: 20px;
    }
    
    #sx-res-booking-howto ul {
        display: block;
        border: none;
        margin-bottom: 10px;
    }
 
    /* -----------------------------------------------
    datepicker
    ----------------------------------------------- */
    /*
        ATTN! time z-index must be lower in the beginning
        and higher while beeing displayed
    */
    .sx-res-datepicker {
        position: relative;
        z-index: 3101;
        margin: 0 0 10px 0;
    }

    .sx-res-datepicker .sx-res-info-wrapper-arrow {
        left: 20px;
        top: -11px;
    }

    .ui-datepicker.ui-datepicker-multi {
        width: 30em !important;
    }

    .ui-datepicker table {
        font-size: 1.1em;
    }
    
    .ui-datepicker td {
        padding: 1px;
    }

    .ui-datepicker .ui-datepicker-title select {
        font-size: 0.90em;
        margin: 1px 0 0 0;
        padding: 1px;
    }
    
    .ui-datepicker-current-period-start a,
    .ui-datepicker-current-period-start .ui-state-default {
        font-weight: bold;
    }

    .ui-datepicker-current-period-end a,
    .ui-datepicker-current-period-end .ui-state-default {
        font-weight: bold;
    }

    .ui-datepicker-current-period a,
    .ui-datepicker-current-period .ui-state-default {
        font-weight: normal;
    }

    /* obsolete div if open datepicker */
    #ui-datepicker-div {
        display: none;
    }

    /* -----------------------------------------------
    login
    ----------------------------------------------- */
    .sx-res-login-state {
        color: #777;
    }

    .sx-res-login-state a {
        text-decoration: underline;
    }

    .sx-gc-login-button-wrapper {
        padding: 10px 10px 10px 10px;
        overflow: hidden;
        zoom: 1;
    }

    #sx-res-mnum-list li {
        clear: both;
        overflow: hidden;
        zoom: 1;
        padding: 6px 0 6px 0;
        cursor: pointer;
        cursor: hand;
    }

    #sx-res-mnum-list li .sx-gc-leftfloater {
        width: 27%;
        text-decoration: underline;
        cursor: pointer;
        cursor: hand;
    }

    #sx-res-mnum-list li .sx-gc-rightfloater {
        width: 72%;
    }

    .sx-res-password-or-surname p {
        cursor: pointer;
        cursor: hand;
        font-weight: bold;
        font-size: 13px;
        padding: 0 0 6px 20px;
        text-decoration: underline;
    }
    
    .sx-res-customer-content .sx-gc-singleentry-wrapper input {
        width: 90%;
    }
    
    .sx-res-booking-login span.sx-gc-singleentry-wrapper {
        padding-left: 0;
    }

    .sx-res-booking-login div.sx-gc-leftfloater {
        float: left;
        width: 30%;
    }
    
    .sx-res-booking-login div.sx-gc-rightfloater {
        clear: none;
        float: right;
        width: 69%;
    }

    .sx-res-booking-login {
        clear: both;
    }
    
    .sx-js-res-login-state-corp {
        margin-top: 6px;
        display: block;
    }

    /* display in ie only, modern browsers use placeholder */
    .sx-res-dpl-in-ie {
        display: none;
    }

    .ie7 .sx-res-dpl-in-ie,
    .ie8 .sx-res-dpl-in-ie,
    .ie9 .sx-res-dpl-in-ie {
        display: block;
        margin: 0 0 3px 0;
    }  

    /* -----------------------------------------------
    ddlist
    ----------------------------------------------- */
    .sx-res-ddlist-wrapper {
        padding: 0 0 10px 0;
        clear: both;
    }

    .sx-res-ddlist-wrapper li em {
        font-style: normal;
        text-decoration: underline;
    }

    .sx-res-ddlist-wrapper .sx-ddlist-suggest {
        width: 470px;
        height: 380px;
        margin: -3px 0 0 0;
    }
    
    .sx-res-ret-location .sx-ddlist-suggest {
        left: -239px;
    }

    * + html .sx-res-ddlist-wrapper .sx-ddlist-suggest {
        margin: -5px 0 0 0;
    }

    * html .sx-res-ddlist-wrapper .sx-ddlist-suggest {
        margin: -5px 0 0 0;
    }

    .sx-ddlist-suggest ul.sx-res-suggestlist {
        width: 44%;
        height: 100%;
        float: left;;
    }

    .sx-ddlist-suggest .sx-res-info-wrapper {
        width: 56%;
        height: 100%;
        float: right;
        position: relative;
        margin: 0 0 0 -3px;
    }

    .sx-res-ddlist-wrapper li h5 span {
        font-weight: normal;
        display: block;
        padding: 5px 0 5px 40px;
        height: 39px;
    }

    .sx-ddlist-suggest .ddlist-handle { 
        margin: 0 0 0 -2px;    
    }    

    /* -----------------------------------------------
    suggest infos
    ----------------------------------------------- */
    .sx-res-info-wrapper .sx-res-info-content {
        padding: 10px;
    }

    .sx-res-info-wrapper table {
        width: 100%;
        margin: 0 0 6px 0;
    }

    .sx-res-info-wrapper td {
        vertical-align: top;
        padding: 0 5px 1px 0;
    }

    .sx-res-phone-cost-note {
        font-size: 10px;
        padding: 0;
        margin: 0 0 3px 0;
    }

    .sx-res-station-hint {
        font-size: 10px;
        font-weight: bold;
        padding: 2px 5px 2px 5px;
    }

    /* -----------------------------------------------
    info arrows
    ----------------------------------------------- */
    .sx-res-info-wrapper-arrow {
        width: 23px;
        height: 12px;
        position: absolute;
        top: -12px;
        left: 6%;
    }

    .sx-res-ret-location .sx-res-info-wrapper-arrow {
        left: 56%;
    }
    
    .sx-res-datepicker .sx-res-info-wrapper-arrow {
        left: 20px;
        top: -11px;
    }

    .sx-ddlist-time.sx-res-info-wrapper-arrow {
        left: 20px;
        top: -12px;
    }

    /* -----------------------------------------------
    datetime
    ----------------------------------------------- */
    .ddlist-wrapper .sx-ddlist-time {
        width: 150%;
        height: 300px;
        left: 0;
        margin-top: 5px;
    }
    
    #sx-js-res-ret-datetime-entry .sx-ddlist-time {
        left: -50%;
    }

    .ddlist-wrapper .sx-ddlist-time ul {
        width: 34%;
        float: right;
    }

    .ddlist-wrapper .sx-res-openhours-info {
        width: 58%;
        float: left;
        padding: 10px 6% 10px 1%;
        margin: 0 -15px 0 0;
    }

    .sx-ddlist-time .sx-res-info-wrapper-arrow {
        left: 35%;
    }
    
    #sx-js-res-ret-datetime-entry .sx-ddlist-time .sx-res-info-wrapper-arrow {
        left: 70%;
    }

    .sx-res-openhours-info p,
    .sx-res-openhours-info .sx-res-phone-info,
    .sx-res-openhours-info .sx-res-fax-info {
        display: none;
    }

    .sx-res-openhours-info td {
        padding: 5px 3px 5px 0;
    }

    .sx-ddlist-time li {
        padding: 3px 5px 3px 5px;
    }
    
    * html #sx-js-res-ret-datetime-entry .sx-ddlist-time {
        left: -95px;
    }

    .sx-ddlist-time .ddlist-handle { 
        margin: 0;    
    }

    .sx-gc-txt.sx-res-txt-small {
        width: 30%;
    }