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.