.year-list ul {
    list-style-type: none;
    margin:0;
    padding:0;
}

.year-list li {
    border: 1px solid transparent;
    border-radius: 4px;
    margin-top:5px;
    padding: 0px;
    overflow: auto;
    line-height:40px;
}

.year-list .month {
    background-color: #EEEEEE;
    font-weight:bold;
    padding-left: 10px;
    border-radius: 0px;
}

.year-list .detail{
    margin: 0 0 0 70px;
    height:40px;
    padding: 0 0 0 10px;
}

.year-list .number{
    color: white;
    width: 70px;
    height: 40px;
    line-height:40px;
    float:left;
}

.number p {
    padding: 0px;
    margin: 0px;
}

.year-list .active {
    padding-right: 10px;
    min-width: 250px;
    float:left;
}

.year-list .date {
    padding-right: 10px;
    min-width: 120px;
    float:left;
}

.year-list .time {
    padding-right: 10px;
    min-width: 130px;
    float:left;
}

.year-list .details {
    float:right;
    clear:right;
    margin-right: 10px;
}

.year-list .header {
    float:left;
    font-weight: bold;
}

.year-list .detail-entry {
    cursor: pointer;
}

.year-list .fire .number{
    background-color: #E51400;
}

.year-list .fire {
    background-color: #E0ACA8;
}

.year-list .fire:hover {
    background-color: #E27A71;
}

.year-list .technical .number{
    background-color: #1BA1E2;
}

.year-list .technical {
    background-color: #ADCFDD;
}

.year-list .technical:hover {
    background-color: #7DC1E0;
}

.year-list .exercise .number{
	background-color: #339933;
}

.year-list .exercise {
	background-color: #A7C6A7;
}

.year-list .exercise:hover {
	background-color: #669966;
}

.year-list .news .number{
	background-color: #F09609;
}

.year-list .news {
	background-color: #EFDABA;
}

.year-list .news:hover {
	background-color: #EDBD76;
}

.year-list .youth .number{
	background-color: #A200FF;
}

.year-list .youth {
	background-color: #E7BFFF;
}

.year-list .youth:hover {
	background-color: #CE7FFF;
}