/*
 * *****************************************************************************
 * Week navigation
 * *****************************************************************************
 */

.weekNavigation {
    float: right;
    margin: 10px 10px 10px 0;
    display: inline-block;
}

.weekNavigation .selected {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-left: 1em;
    margin-right: 1em;
}

.weekNavigation .selected .week_range {
    font-size: 150%;
    font-weight: normal;
    display: block;
}

.weekNavigation a {
    border: 1px solid lightGrey;
    padding: 5px;
    display: inline-block;
    border-radius: 2px;
    background-color: white;

    width: 32px;
    height: 32px;

    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: relative; /*Aby dobre fungoval hower s backgroundem.*/
}

.weekNavigation .c_previous {
    background-image: url("../images/customicondesign-office5-simple/png/navigate-left32.png");
}

.weekNavigation .c_next {
    background-image: url("../images/customicondesign-office5-simple/png/navigate-right32.png");
    margin-left: -1px; /* Aby linka mezi predchozim a nasledujicim tydnem byla jen jedna. */
}

.weekNavigation .c_current_week {
    background-image: url("../images/customicondesign-office5-simple/png/pause32.png");
}

.weekNavigation  .c_previous:hover,
.weekNavigation  .c_next:hover,
.weekNavigation  .c_current_week:hover {
    background-color: #D7E9F5;
    border: 1px solid black;
    z-index: 1;
}