#log {
    background: #F5F4F0;
    border: solid 1px #DEDBD1;
    padding: 0.3em;
    margin: 10px 0px;
    width: 100%;
}
.ja-innerpad .img_left{
    position:relative;
    float:left;
    width:40%;
    margin-right:1%;
}
.ja-innerpad .content_right{
    position:relative;
    float:left;
    width:58%;
    padding-top:4px;
    font-family:Arial;
}
.datxe{
    width:100%;
    height:auto;
}
.reservation input{
    width:120px;
}
.reservation .item{
    width:100%;
}
#datxe{
    padding:8px;
    border-radius:8px;
    border:1px solid grey;
}
.haft{
    position:relative;
    width:50%;
    height:auto;
    float:left;
}
.auto{
    width:auto;
    height:auto;
}
.br{
    width:100%;
    height:2px;
    background: -webkit-linear-gradient(left,#0b81cb 50%, #d33e37 30%, #d33e37);
    margin-bottom:10px;
}
.full{
    width:100%;
    height:100%;
}

td div.x-form-item div.x-form-element input{
    height:21px;
}
li div.x-form-item div.x-form-element input{
    height:21px;
}
.pnImgLogo {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
img.ui-datepicker-trigger{
    margin-bottom:5px;
    margin-left:3px;
}
.pngBanner{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

#start a {
    font-weight: bold;
}

.radiobtn label {
    display: inline;
}

div.usermn {
    float: left;
    padding: 20px 20px 0;
    position: relative;
    width: 50%;
}

    div.usermn ul li {
        height: 32px;
    }

.error_msg {
    color: red;
}

div.config {
    border: 1px solid gray;
    padding: 10px;
    margin-bottom: 10px;
}

    div.config ul li {
        margin-bottom: 10px;
    }

#yj_booking {
    width: 100%;
    padding: 3px;
    margin: -5px auto;
    overflow: hidden;
}

h4 img {
    border-radius: 10px;
}

.content {
    padding: 0 10px;
}

div.reservation {
    font: normal 12px "Trebuchet MS", Arial, Verdana;
    color: black;
}

    div.reservation fieldset {
        border: solid 0px #DEDBD1;
        margin: 0;
        margin-bottom: 1px;
        padding: 5px;
    }

        div.reservation fieldset input,
        div.reservation fieldset select,
        div.reservation fieldset button,
        div.reservation fieldset textarea {
            vertical-align: middle;
            font: normal 13px "Trebuchet MS", Arial, Verdana;
            border: solid 1px #DEDBD1;
            margin-bottom: 4px;
        }

        div.reservation fieldset.personal-data input {
            width: 135px;
            border: solid 1px #DEDBD1;
        }

        div.reservation fieldset textarea,
        .element textarea {
            overflow: auto;
            width: 100%;
            height: 100px;
            white-space: normal;
        }

    div.reservation legend {
        background: infobackground;
        border: solid 1px #DEDBD1;
        padding: 0 4px;
        margin-bottom: 4px;
        font-weight: bold;
    }

.colorRed {
    color: red;
}

div.reservation fieldset label {
    display: block;
}

div.reservation fieldset div {
    float: left;
    margin-right: 6px;
}

.left {
    margin-left: -5px;
    font-weight: bold;
}

.right {
    font-weight: bold;
    margin-left: 10px;
}

.display-none {
    display: none;
}

.display-block {
    display: block;
}

.validator {
    background: url('images/warning.gif') no-repeat;
    padding-left: 20px;
    color: red;
}

.text-align-right {
    text-align: left;
}

.break {
    clear: both;
}





.toggler {
    cursor: pointer;
    background: infobackground;
    border: solid 1px #DEDBD1;
    padding: 0 4px;
    margin-bottom: 4px;
    font-weight: bold;
    font: normal 13px "Trebuchet MS", Arial, Verdana;
}

.element {
    padding: 0 5px;
    width: 95%;
}
/* OpenID icon style */
input.system-openid {
    background: url(http://openid.net/login-bg.gif) no-repeat;
    background-color: #fff;
    background-position: 0 50%;
    color: #000;
    padding-left: 18px;
}


/* Unpublished */
.system-unpublished {
    background: #e8edf1;
    border-top: 4px solid #c4d3df;
    border-bottom: 4px solid #c4d3df;
}

/* System Messages */
#system-message {
    margin-bottom: 10px;
    padding: 0;
}

    #system-message dt {
        font-weight: bold;
    }

    #system-message dd {
        margin: 0;
        font-weight: bold;
        text-indent: 30px;
    }

        #system-message dd ul {
            color: #0055BB;
            margin-bottom: 10px;
            list-style: none;
            padding: 10px;
            border-top: 3px solid #84A7DB;
            border-bottom: 3px solid #84A7DB;
        }

    /* System Standard Messages */
    #system-message dt.message {
        display: none;
    }

    #system-message dd.message {
    }

    /* System Error Messages */
    #system-message dt.error {
        display: none;
    }

    #system-message dd.error ul {
        color: #c00;
        background-color: #E6C0C0;
        border-top: 3px solid #DE7A7B;
        border-bottom: 3px solid #DE7A7B;
    }

    /* System Notice Messages */
    #system-message dt.notice {
        display: none;
    }

    #system-message dd.notice ul {
        color: #c00;
        background: #EFE7B8;
        border-top: 3px solid #F0DC7E;
        border-bottom: 3px solid #F0DC7E;
    }

/* Debug */
#system-debug {
    color: #ccc;
    background-color: #fff;
    padding: 10px;
    margin: 10px;
}

    #system-debug div {
        font-size: 11px;
    }
/* Form validation */
.invalid {
    border-color: #ff0000;
}

label.invalid {
    color: #ff0000;
}

/* Buttons */
#editor-xtd-buttons {
    padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
    float: left;
}

    .button2-left a,
    .button2-right a,
    .button2-left span,
    .button2-right span {
        display: block;
        height: 22px;
        float: left;
        line-height: 22px;
        font-size: 11px;
        color: #666;
        cursor: pointer;
    }

    .button2-left span,
    .button2-right span {
        cursor: default;
        color: #999;
    }

    .button2-left .page a,
    .button2-right .page a,
    .button2-left .page span,
    .button2-right .page span {
        padding: 0 6px;
    }

.page span {
    color: #000;
    font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
    text-decoration: none;
    color: #0B55C4;
}

.button2-left a,
.button2-left span {
    padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
    padding: 0 6px 0 24px;
}

.button2-left {
    background: url(../images/j_button2_left.png) no-repeat;
    float: left;
    margin-left: 5px;
}

.button2-right {
    background: url(../images/j_button2_right.png) 100% 0 no-repeat;
    float: left;
    margin-left: 5px;
}

.button2-left .image {
    background: url(../images/j_button2_image.png) 100% 0 no-repeat;
}

.button2-left .readmore {
    background: url(../images/j_button2_readmore.png) 100% 0 no-repeat;
}

.button2-left .pagebreak {
    background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat;
}

.button2-left .blank {
    background: url(../images/j_button2_blank.png) 100% 0 no-repeat;
}

/* Tooltips */
div.tooltip {
    float: left;
    background: #ffc;
    border: 1px solid #D4D5AA;
    padding: 5px;
    max-width: 200px;
    z-index: 13000;
}

    div.tooltip h4 {
        padding: 0;
        margin: 0;
        font-size: 95%;
        font-weight: bold;
        margin-top: -15px;
        padding-top: 15px;
        padding-bottom: 5px;
        background: url(../images/selector-arrow.png) no-repeat;
    }

    div.tooltip p {
        font-size: 90%;
        margin: 0;
    }

/* Caption fixes */
.img_caption.left {
    float: left;
    margin-right: 1em;
}

.img_caption.right {
    float: right;
    margin-left: 1em;
}

.img_caption.left p {
    clear: left;
    text-align: center;
}

.img_caption.right p {
    clear: right;
    text-align: center;
}

/* Calendar */
a img.calendar {
    width: 16px;
    height: 16px;
    margin-left: 3px;
    background: url(../images/calendar.png) no-repeat;
    cursor: pointer;
    vertical-align: middle;
}
/*------------------------------------------------------------------------
# JA Rutile for Joomla 15 - Version 1.0 - Licence Owner JA130162
# ------------------------------------------------------------------------
# Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites:  http://www.joomlart.com -  http://www.joomlancers.com
# This file may not be redistributed in whole or significant part.
-------------------------------------------------------------------------*/

/* BONUS TYPOGRAPHY STYLES
--------------------------------------------------------- */
pre, .code {
    background: #FFFFCC;
    border-left: 5px solid #999999;
    font: 1em/1.5 "Courier News", monospace;
    margin: 5px 0 15px;
    padding: 10px 15px;
}

blockquote {
    padding: 1em 40px 1em 15px;
}

    blockquote span.open {
        background: url(../images/so-q.gif) no-repeat left top;
        padding: 2px 0 2px 25px;
    }

    blockquote span.close {
        background: url(../images/sc-q.gif) no-repeat bottom right;
        padding: 2px 25px 2px 0;
    }

/* Dropcap */
.dropcap {
    color: #CC0000;
    display: block;
    float: left;
    font: 60px/58px Georgia, Times, serif;
    padding: 0 10px 0 0;
}

/* Tips, Error, Message, Hightlight*/
p.error {
    background: url(../images/icon-error.gif) no-repeat 0px 4px;
    color: #CC0000;
    padding-left: 25px;
}

p.message {
    background: url(../images/icon-info.gif) no-repeat 0px 4px;
    color: #00508E;
    padding-left: 25px;
}

p.tips {
    background: url(../images/icon-tips.gif) no-repeat 0px 4px;
    color: #FF6600;
    padding-left: 25px;
}

p.feed {
    background: url(../images/icon-rss.gif) no-repeat 0px 4px;
    padding: 3px 0 3px 25px;
}

.highlight {
    color: #333333;
    background: #FFFFCC;
    font-weight: bold;
    padding: 1px 5px;
}

/* Note Style */
p.stickynote {
    background: url(../images/sticky-bg.gif) no-repeat 5px center #FFFFFF;
    border: 1px solid #E6E6E6;
    padding: 15px 10px 15px 60px;
}

p.download {
    background: url(../images/icon-download.gif) no-repeat 5px center #FFFFFF;
    border: 1px solid #E6E6E6;
    padding: 15px 10px 15px 60px;
}

.blocknumber {
    clear: both;
    padding: 5px 15px 10px;
    position: relative;
}

/* Check list */
ul.checklist {
    list-style: none;
}

    ul.checklist li {
        background: url(../images/icon-checklist.gif) no-repeat 0 6px !important;
        margin-left: 15px !important;
        padding: 0 0 0 20px !important;
    }

/* Check list (star) */
ul.stars {
    list-style: none;
}

    ul.stars li {
        background: url(../images/icon-star.gif) no-repeat 0 0px;
        margin-left: 15px;
        padding: 0 0 0 20px;
    }

/* Check list arrow */
ul.arrow {
    list-style: none;
}

    ul.arrow li {
        background: url(../images/icon-arrow.gif) no-repeat 3px 7px;
        margin-left: 15px;
        padding: 0 0 0 20px;
    }

/* Film list arrow */
ul.film {
    list-style: none;
}

    ul.film li {
        background: url(../images/icon-film.gif) no-repeat 0px 2px;
        margin-left: 15px;
        padding: 0 0 0 20px;
        line-height: 180%;
    }

/* Bignumber */
.bignumber {
    background: url(../images/ol-bg.gif) no-repeat top left;
    color: #FFFFFF;
    display: block;
    float: left;
    font: bold 20px/normal Arial, sans-serif;
    margin-right: 8px;
    padding: 6px 7px;
}

/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4 {
    margin: 15px 0;
}

    div.bubble1 span.author,
    div.bubble2 span.author,
    div.bubble3 span.author,
    div.bubble4 span.author {
        background: url(../images/icon-author.gif) no-repeat left center;
        font-weight: bold;
        margin-left: 25px;
        padding-left: 20px;
    }

    div.bubble1 div {
        background: url(../images/bub1-br.gif) no-repeat bottom right;
        margin: 0;
        width: 100%;
    }

        div.bubble1 div div {
            background: url(../images/bub1-bl.gif) no-repeat bottom left;
        }

            div.bubble1 div div div {
                background: url(../images/bub1-tr.gif) no-repeat top right;
            }

                div.bubble1 div div div div {
                    background: url(../images/bub1-tl.gif) no-repeat top left;
                }

                    div.bubble1 div div div div div {
                        margin: 0;
                        padding: 10px 15px 20px;
                        width: auto;
                    }

    div.bubble2 div {
        background: url(../images/bub2-br.gif) no-repeat bottom right;
        margin: 0;
        width: 100%;
    }

        div.bubble2 div div {
            background: url(../images/bub2-bl.gif) no-repeat bottom left;
        }

            div.bubble2 div div div {
                background: url(../images/bub2-tr.gif) no-repeat top right;
            }

                div.bubble2 div div div div {
                    background: url(../images/bub2-tl.gif) no-repeat top left;
                }

                    div.bubble2 div div div div div {
                        margin: 0;
                        padding: 10px 15px 25px;
                        width: auto;
                    }

    div.bubble3 div {
        background: url(../images/bub3-br.gif) no-repeat bottom right;
        margin: 0;
        width: 100%;
    }

        div.bubble3 div div {
            background: url(../images/bub3-bl.gif) no-repeat bottom left;
        }

            div.bubble3 div div div {
                background: url(../images/bub3-tr.gif) no-repeat top right;
            }

                div.bubble3 div div div div {
                    background: url(../images/bub3-tl.gif) no-repeat top left;
                }

                    div.bubble3 div div div div div {
                        margin: 0;
                        padding: 10px 15px 45px;
                        width: auto;
                    }

    div.bubble4 div {
        background: url(../images/bub4-br.gif) no-repeat bottom right;
        margin: 0;
        width: 100%;
    }

        div.bubble4 div div {
            background: url(../images/bub4-bl.gif) no-repeat bottom left;
        }

            div.bubble4 div div div {
                background: url(../images/bub4-tr.gif) no-repeat top right;
            }

                div.bubble4 div div div div {
                    background: url(../images/bub4-tl.gif) no-repeat top left;
                }

                    div.bubble4 div div div div div {
                        margin: 0;
                        padding: 10px 15px 45px;
                        width: auto;
                    }

/* Legend */
.legend-title {
    background: #FFFFFF;
    display: block;
    font-size: 100%;
    float: left;
    font-weight: bold;
    left: 7px;
    margin: 0;
    padding: 0 3px;
    position: absolute;
    top: -10px;
}

.legend {
    border: 1px solid #E6E6E6;
    margin: 20px 0;
    padding: 0 10px;
    position: relative;
}

.padding-none ul.film li {
    margin-left: 0;
}

.body-admin {
    margin: 0 5px;
    border: 1px solid gray;
    border-radius: 3px;
    box-shadow: 3px 5px #ccc;
    color: #428bca;
    padding: 0px 20px 20px;
}

.radiobutton {
    width: 100px;
}

td.last-name {
    padding-left: 20px;
}

td.first-name {
    padding-left: 10px;
}

td.button_save {
    margin-left: 100px;
}

div.title {
    margin: 0px 20px;
}

.label-news {
    margin-right: 50px;
}