/* Structure
********************/

#yearly-calendar {
    width: 420px;
    float: left;
    padding: 0px 0 20px 0px;
}
#daily-actions {
    width: 190px;
    font-size: 12px;
    float: left;
}

.month-row {
    margin-bottom: 20px;
}

#search_input {
    width: 250px;
    border: 1px solid #DEDEDE;
    font-size: 12px;
    padding: 2px;
}


/* Monthly calendar
*********************/

.calendar-month {
    float: left;
    margin-right: 20px;
}

.calendar-month table {
    border-collapse: collapse;
    empty-cells: show;
}

.calendar-month table tr td { 
    border: 1px solid #FFF; 
    width: 16px;
    height: 16px;
}

.calendar-month .blank {
    background: #FFFFFF;
}
.calendar-month .day {
    background: #F2F2F2;
}
.calendar-month .day.action {
    cursor: pointer;
}
.calendar-month .day.level0 {
    background: #f1eef6;
}
.calendar-month .day.level1 {
    background: #d0d1e6;
}
.calendar-month .day.level2 {
    background: #a6bddb;
}
.calendar-month .day.level3 {
    background: #74a9cf;
}
.calendar-month .day.level4 {
    background: #3690c0;
}
.calendar-month .day.level5 {
    background: #0570b0;
}
.calendar-month .day.level6 {
    background: #034e7b;
}
.calendar-month .day.highlight {
    background-color: #7CBA0F;
}


/* Action list for day
************************/
#daily-actions h3 {
    color: #000;
}

#daily-actions ul {
    margin-top: 10px;
}

#daily-actions li {
    line-height: 1.2em;
    border-bottom: 1px dotted #E0E0E0;
    padding: 4px 0;
    color: #444;
}
#daily-actions li a {
    color: #7CBA0F;
    text-decoration: none;
}
#daily-actions li a:hover {
    text-decoration: underline;
}
#daily-actions li span {
    font-size: 0.9em;
    color: #999;
}