/* --------------------------------------------------
//
// reservation start styles customized
// slimline
// author:      jw
// created:     24.02.2011
//
// ----------------------------------------------- */
    /* -----------------------------------------------
    template defaults
    ----------------------------------------------- */
    body {
        font: normal normal normal 11px/130% Verdana, Arial, "Liberation Sans", "Bitstream Vera", Geneva, Helvetica, sans-serif;
    	color: #333333;
    	background: #eeeeee;
	}

    h1 {
        font: bold 24px Arial, Helvetica, Verdana, sans-serif;
        border-bottom: 1px solid #f55501;
        color: #000000;
    }

    h1.sx-res-retention-hd {
        font-size: 17px;
    }

    a {
        color: #000000;
    }

    #blanko,
	#sx-gc-main {
        width: 490px;
        background: #fff;
    }
    /* -----------------------------------------------
    global classes
    ----------------------------------------------- */
    .sx-gc-error {
        background: #F3C4C4;
        border: 2px solid #ff0000;
        color: #000000;
    }

    .sx-gc-error p {
        color: #000000;
    }

    .sx-gc-message {
		background: #fecf62;
		color:#7a2624;
	}

    .sx-gc-message p {
		color: #7a2624 !important;
	}

    /* -----------------------------------------------
    start - IBE
    ----------------------------------------------- */
    .sx-res-booking {
        border: 1px solid #a2a2a2;
        -moz-box-shadow: 2px 2px 3px #BFBFBF;
        -khtml-box-shadow: 2px 2px 3px #BFBFBF;
        -webkit-box-shadow:2px 2px 3px #BFBFBF;
        box-shadow: 2px 2px 3px #BFBFBF;
    }

    .sx-res-booking-entry {
        border: 1px solid #ff6600;
        background: #ffffff;
    }

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

    /* -----------------------------------------------
     howto
    ----------------------------------------------- */
    .sx-res-booking .sx-res-pu-location #sx-res-booking-howto {
        border: 1px solid #959595;
        background: #ffffff;
        color: #000000;
    }

    /* -----------------------------------------------
    datepicker
    ----------------------------------------------- */
    .ui-datepicker {
        width: 19em;
    }
    
    .ui-datepicker-current-period-start a,
    .ui-datepicker-current-period-start .ui-state-default {
        border: 1px solid #b36e01;
        background: #fef0a5 url(/common/img/app/reservation/default/bg/bg-first-day.png) no-repeat left 50%;
        color: #000000;
    }

    .ui-datepicker-current-period-end a,
    .ui-datepicker-current-period-end .ui-state-default {
        border: 1px solid #b36e01;
        background: #fef0a5 url(/common/img/app/reservation/default/bg/bg-last-day.png) no-repeat right 50%;
        color: #000000;
    }

    .ui-datepicker-current-period a,
    .ui-datepicker-current-period .ui-state-default {
        border: 1px solid #b36e01;
        background: #fef0a5;
        color: #000000;
    }
    
    .ui-datepicker-current-period .ui-state-hover,
    .ui-datepicker-current-period-start .ui-state-hover,
    .ui-datepicker-current-period-end .ui-state-hover { 
        background-color: #fc970b; 
    }

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

    .sx-res-login-state a {
        color: #777777;
    }

    #sx-res-login-passw.sx-gc-waiting {
        background: #ffedbf url(/common/img/app/reservation/default/bg/bg-login-loader.gif) no-repeat 99% 1px;
    }

    #sx-res-mnum-list li {
        border-bottom: 1px dashed #a2a2a2;
    }

    #sx-res-mnum-list li .sx-gc-leftfloater {
        color: #a2a2a2;
    }

    /* -----------------------------------------------
    ddlist
    ----------------------------------------------- */
    .sx-ddlist-suggest .sx-res-info-wrapper {
        color: #000000;
    }

    .sx-res-ddlist-wrapper li h5 span {
        background-image: url(/common/img/app/reservation/default/google/marker-position.png);
        background-repeat: no-repeat;
        background-position: 0 0;
    }

    .sx-res-ddlist-wrapper li h5 {
        border-bottom: 1px dotted #a2a2a2;
    }

    /* -----------------------------------------------
    suggest infos
    ----------------------------------------------- */
    .sx-res-info-wrapper {
        color: #000000;
    }

    .sx-res-phone-cost-note {
        color: #777;
    }

    .sx-res-station-hint {
		background: #FFF3E3;
		border: 1px solid #7A2624;
		color:#7a2624;
	}

    /* -----------------------------------------------
    info arrows
    ----------------------------------------------- */
    .sx-res-info-wrapper-arrow {
        background: transparent url(/common/img/app/reservation/default/bg/bg-info-arrow.gif) no-repeat left top;
    }

    .sx-res-info-wrapper-arrow-red {
        background: transparent url(/common/img/app/reservation/default/bg/bg-info-arrow-ff6900.gif) no-repeat left top;
    }

    /* -----------------------------------------------
    datetime
    ----------------------------------------------- */
     .ddlist-wrapper .sx-ddlist-time ul {
        border-left: 1px solid #a2a2a2;
    }

    .ddlist-wrapper .sx-res-openhours-info {
        color: #000000;
    }

    .sx-ddlist-time li {
        border-bottom: 1px solid #a2a2a2;
    }