/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Default CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */

.hidden {
        opacity: 0;
        position: absolute;
}
.visible {
        opacity: 1;
}


input.calendar,
select.calendar {
        width: 99px;
}

button.calendar {
        background: url(../image/calendar-icon.gif);
        border: 0;
        cursor: pointer;
        float: left;
        height: 20px;
        margin-right: 6px;
        width: 20px;
         /*--  visibility: hidden; --*/
}
button.calendar:hover,
button.calendar.active {
        background-position: 0 20px;
          /* --  visibility: hidden;  -- ukrycie buttona --*/
}

div.calendar {
        background: url(../image/calendar.png);
        height: 195px;
        padding: 0 6px;
        text-align: center;
        width: 147px;
}        
        div.calendar * {
                margin: 0;
                padding: 0;
        }        
        div.calendar div {
                background: none !important;
                cursor: move;
                height: 185px;
                overflow: hidden;
                padding-top: 10px;
                position: relative;
                width: 147px;
        }        
        
        div.calendar caption {
                color: #333;
                font: normal 12px/16px Arial, Helvetica, sans-serif;
                padding-top: 6px;
                text-align: center;
                width: 100%;
        }
        div.calendar caption a {
                cursor: pointer;
                display: block;
                height: 12px;
                overflow: hidden;
                position: absolute;
                text-indent: -100px;
                top: 17px;
                width: 11px;
        }
        div.calendar caption a.prev {
                background-image: url(../image/calendar-prev.gif);
                left: 0;
        }
        div.calendar caption a.next {
                background-image: url(../image/calendar-next.gif);
                right: 0;
        }
        div.calendar caption a:hover {
                background-position: 0 12px;
        }
        div.calendar caption span {
                height: 25px;
                position: relative;
                text-align: center;
        }
        div.calendar caption span.month {
                padding-right: 8px;
        }
        div.calendar caption span.month:after {
                content: ',';
        }

        div.calendar table {
                background: #FFF;
                border: 0;
                border-collapse: collapse;
                border-spacing: 0;
                cursor: default;
                margin: 0 auto;
                overflow: hidden;
                width: 147px;
        }
        div.calendar td,
        div.calendar th {
                border: 0;
                color: #6D440E;
                font: normal 12px Arial, Helvetica, sans-serif;
                height: 21px;
                text-align: center;
                width: 21px;
        }
        div.calendar td {
                background: url(../image/calendar-td.gif);
                color: #FFF;
                font-size: 11px;
        }
        div.calendar td.invalid {
                color: #999;
        }
        div.calendar td.valid {
                background: url(../image/calendar-valid.gif);
                color: #6D440E;
                cursor: pointer;
        }
        div.calendar td.hilite {
                background: url(../image/calendar-hilite.gif);
        }
        div.calendar td.inactive {
                background: url(../image/calendar-td.gif) 0 100%;
                color: #FFF;
        }
        div.calendar td.active,
        div.calendar td.hover {
                background: url(../image/calendar-valid.gif) 0 100%;
                color: #FFF;
                cursor: pointer;
        }
        
        
/* -------------------- OKNO KALENDARZA ---------------------- */



input.xyz,
select.xyz{
       border: 1px solid #6D440E;
       width: 140px;
       margin-left: 2px;
       margin-right: 4px;
       margin-top: 2px;
       margin-bottom: 10px;
       float: left;
       padding-left: 2px;
       padding-top: 2px;
       
}


label.xyz{
         float: left;
        margin-left: 2px;
        margin-right: 6px;
        text-align: left;
        width: 70px;
        position: relative
        font-size: 10px;
        font-name: Arial, Tahoma;
        color: #6D440E;
        font-weight: bold;
        margin-bottom: 10px;
        
}



input.submit_rezerw
{
        height: 20px;
        width: 40%;
        background-color: #6D440E
        font-size: 10px;
        color: #6D440E;
        border: 1px solid #6D440E;
        vertical-align: middle;
        font-family: Arial , Verdana, Tahoma, "Lucida Grande", sans-serif;
        margin-top: 8px;
        clear: both;
}