/* 
Document   : style.css
Created on : 18.08.2013, 22:11:49
Author     : Julian
Description:
Purpose of the stylesheet follows.
    */

    table.calendar {
        margin: 0;
        padding: 0;
        width: 100%;
        background-color: #f5f5f5;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
        font-size: 4em;
        height: 100%;
    }
    table.calendar tr td {
        width: 12.5%; 
        text-align: center;
        border: 1px solid #e3e3e3;
        height: 15.83333333333333%;
        background-color: #efefef;
    }
    table.calendar tr td.kw {
        color: #CCC;
        background-color: #005580;
        border-bottom: #003673;
        border-top: #003673;
    }
    table.calendar tr.header td,
    table.calendar tr.header td.kw {
        border-bottom: 1px solid activeborder;
        height: 5%;
    }
    table.calendar tr td.weekend {
        font-weight: bold;
    }
    table.calendar tr td a {
        display: table;
        width: 100%;
        height: 100%;
        text-decoration: none;
        color: #0088cc;
        cursor: default;
    }
    table.calendar tr td a.no-pointer,
    table.calendar tr td a.no-pointer > * {
        cursor: default;
    }
    table.calendar tr td a.day-pointer,
    table.calendar tr td a.month-pointer {
        cursor: pointer;
    }
    table.calendar tr td a:hover {
        color: #40bfff;
        background-color: #fEfEfE
    }
    table.calendar tr td a span {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
    table.calendar .booked {
        background-color: #FFFF00;
    }
    table.calendar .booked > *:hover {
        background-color: #e5ff73;
        cursor:pointer;
    }
    table.calendar .asked {
        background-color: #DB2525;
        color: #AFAFAF;
    }
    table.calendar .asked > *:hover {
        background-color: #ff4a4a;
        cursor:pointer;
    }
    table.calendar .out-of-month,
    table.calendar .out-of-month > *,
    table.calendar .out-of-month > *:hover {
        color: #c1c1c1;
        background-color: #efefef;
        cursor: default;
    }
    table.calendar .out-of-month.booked,
    table.calendar .out-of-month.booked > *,
    table.calendar .out-of-month.booked > *:hover {
        background-color: #ecff99;
    }
    table.calendar .out-of-month.asked,
    table.calendar .out-of-month.asked > *,
    table.calendar .out-of-month.asked > *:hover {
        background-color: #eb7474;
    }
    div#calendar_app {
        height: 100%;
        width: 100%;
    }