.sg-diary {
    padding: 10px;
    border: 1px solid silver;
    margin: 5px;
}

    .sg-diary .sg-diary-table {
        table-layout: fixed;
        width: 100%;
    }

    .sg-diary #CalenderDatePicker {
        margin-left: 10px;
    }

    /* rows*/
    .sg-diary .sg-diary-table tr td, .sg-diary .sg-diary-table tr th {
        width: 17.14%;
    }

        .sg-diary .sg-diary-table tr td, .sg-diary .sg-diary-table tr th.sg-diary-red-day {
            width: 7.14%;
        }

    .sg-diary .sg-diary-table tr {
        min-height: 75px;
        height: 75px;
    }
        /* all cells */
        .sg-diary .sg-diary-table tr.sg-diary-day-hdr {
            min-height: 21px;
            height: 21px;
        }

            .sg-diary .sg-diary-table tr.sg-diary-day-hdr th {
                text-align: left;
            }

                .sg-diary .sg-diary-table tr.sg-diary-day-hdr th div {
                    padding: 2px;
                    margin: 0px;
                }

    .sg-diary .sg-diary-table td {
        padding: 3px;
        margin: 2px;
        overflow: hidden;
        vertical-align: top;
    }
     .sg-diary .sg-diary-cell {
         font-size:12px;
     }
        .sg-diary .sg-diary-table td.sg-diary-cell {
            background: #f3f3f3;
        }

        .sg-diary .sg-diary-table td.sg-diary-cell-null {
            color: grey;
            background: #FEFEFE;
        }

    .sg-diary .sg-diary-app {
        padding: 1px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid grey;
        margin-bottom: 2px;
        overflow: hidden;
        white-space: pre-line;
    }

    .sg-diary .sg-diary-app-closed {
        color: #6B6B6B;
        cursor: not-allowed;
    }

    .sg-diary .sg-diary-app-open, .sg-diary .sg-diary-app-booked {
        color: green;
        cursor: pointer;
    }

    .sg-diary .sg-diary-app-full {
        color: red;
        cursor: pointer;
    }
    /* hover */
    .sg-diary .sg-diary-app-open:hover, .sg-diary-app-full:hover {
        background: #d8e3ff;
    }
    /* today */
    .sg-diary .sg-diary-cell-today {
        border: 1px solid black;
    }

    /* headers */
    .sg-diary .sg-diary-data {
        display: none;
    }

    .sg-diary .sg-diary-head {
        clear: both;
    }

        .sg-diary .sg-diary-head div {
            float: left;
            width: 33.33%;
            display: inline;
        }

        .sg-diary .sg-diary-head .sg-diary-next {
            text-align: right;
        }

    .sg-diary .sg-diary-prev, .sg-diary .sg-diary-next {
        text-decoration: underline;
        cursor: pointer;
    }

        .sg-diary .sg-diary-prev:hover, .sg-diary .sg-diary-next:hover {
            color: red;
        }

    .sg-diary .sg-diary-hdr > div {
        margin: 2px;
        padding-left: 5px;
        overflow: hidden;
    }

    .sg-diary .sg-diary-day-hdr {
        border-bottom: 1px solid silver;
        margin-bottom: 2px;
        clear: both;
    }

    .sg-diary .sg-diary-month-year {
        text-align: center;
        font-weight: bold;
        padding-bottom: 5px;
    }
    /* key */
    .sg-diary .sg-diary-key {
        width: 20px;
        padding: 2px 10px;
        margin-right: 2px;
        height: 20px;
        border: 1px solid silver;
        display: inline;
    }

    .sg-diary .sg-diary-key-closed {
        background: red;
        background: #6B6B6B;
    }

    .sg-diary .sg-diary-key-open {
        background: green;
    }

    .sg-diary .sg-diary-key-full {
        background: red;
    }
    /* bank holiday/ weekends*/
    .sg-diary .sg-diary-red-day {
        color: red;
    }

    .sg-diary .sg-diary-bank-holiday, .sg-diary .sg-diary-leave {
        color: red;
    }

.sg-dairy-extra-info {
    padding-top: 3px;
    font-size: 0.9em;
    color: black;
}

    .sg-dairy-extra-info ul {
        list-style: circle;
    }

    .sg-dairy-extra-info span {
        font-weight: bold;
    }

.sg-dairy-miles {
    float: right;
    font-size: 0.8em;
    font-style: italic;
}

.sg-dairy-app-top-right {
    float: right;
    font-size: 0.8em;
    font-style: italic;
}

.sg-diary-staff-row {
    line-height: 12px;
}

    .sg-diary-staff-row span {
        color: red;
        font-size: 0.9em;
        font-style: italic;
    }

    .sg-diary-staff-row img {
        height: 12px;
        margin: 0 3px -3px 3px;
        cursor: pointer;
    }

.sg-diary-description {
    line-height: 12px;
    height: 12px;
    overflow: hidden;
    float:left;
    width:100%;
}