WPMUDEV Calender CSS Stylesheet Help

Hello Brilliant Developers

Can you please help with this. I want to achieve the following please:

1) Change the widget border to black #000000
2) Change the background of the Week Day Part to #FFFACD
3) Change the label and days to #FFFFFF

Here is what I have accomplished so far with the complete CSS style sheet:

/**** Begin Default Theme Styles ***********/

input#event-date {
width: 144px;
}

form#add-event-form select {
width: auto;
}

.bp-widget {
margin-top: 25px;
padding: 5px;
border: 1px solid #000000;
}

.bp-widget h4 span {
float: right;
color: #ccc;
}

.bp-widget h4 a {
padding: 0;
}

table.calendar-view {
width: 100%;
margin: 5%;
}

table.calendar-view {
clear: both;
}

table.calendar-view td.cal-left {
width: 300px;
vertical-align: middle;
}

table.calendar-view td.cal-right {
padding-left: 50px;
vertical-align: middle;
}

h5.events-title {
margin: 0px;
margin-bottom: 5px;
font-weight: bold;
}

h6.event-label {
margin-top: 10px;
margin-bottom: 5px;
font-style: italic;
}

div.event-description, div.event-location {
margin: 20px;
margin-top: 0;
}

span.event-meta {
display: block;
margin-bottom: 5px;
color: #999999;
font-size: 11px;
}

div.year-cal-item {
float: left;
margin: 1em;
}

div.clear {
clear: both;
}

div.widget-error {
padding-left: 15px
}

/* Calendar table CSS */
table.calendar th, table.calendar td {
margin: 0;
padding: 3%;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}

table.calendar caption {
margin: 3;
padding: 5%;
background: #FF8C00;
}

table.calendar th {
border-bottom: 1px solid #000000;
font-weight: normal;
background: #FF8C00;
text-align: center;
}

table.calendar td {
border: 1px solid #ffa51e;
padding: .1em .3em;
width: 1em;
text-align: center;
}

table.calendar a {
color: #000000;
text-decoration: none;
}

table.calendar td.today {
background: #FFFACD;
}

table.calendar td.selected {
border: 1px dotted #ff7800;
}

table.calendar td.highlighted {
background: #FFD700;
}

table.calendar td:hover, table.calendar td.today:hover,
table.calendar td.selected:hover, table.calendar td.highlighted:hover {
background: #FF8C00;
border: 1px solid #000000;
}

table.calendar td.pad {
color: #FFA500;
background: #FFA500;
}

table.calendar td.pad:hover {
background: #FF8C00;
border: 0;
}

.sunday, .saturday {
background: #f0f0f0;
}

#year {
padding: 0;
width: 500px;
list-style: none;
}

#year:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#year li {
float: left;
padding: 0 .5em .5em 0;
height: 150px;
}

.my_event a.event_title {
font-size: 110%
}

/* 399533-1478987803-ai */

I am attaching a screen shot so you can see the front end as it is. [image pos="0"]

Can you please point out which sections I should be changing the colors in so I can do it please.

Thanks a million for all you amazing support so far. Priceless.