#event-selector {

}

#event-selector .event {
    display: block;
    margin-bottom: 10px;
    padding: 5px;
    cursor: pointer;
    background-color: white;
    border: 2px solid #ccc;
}

#event-selector .event h3 {
    margin-top: 0;
    margin-bottom: 0;
}

#event-selector .event.selected {
    border-color: #ff5501;
    background-color: rgba(255, 85, 1, 0.15);
}

#event-selector .event .info {
}

#event-selector .event .info .date {
    font-weight: bold;
}

#event-selector .event .info .time {
}

#event-selector .event.selected .info {
}

#event-selector .available {
    display: block;
    font-size: 0.8em;
}

#event-selector .event.complete {
    cursor: not-allowed;
    background-color: #eee;
    color: #aaa;
    border-color: #888;
}

#event-selector .event.complete .available {
    color: red;
}