.mc-main,.mc-list  {background: #fff;}

.mc-main .my-calendar-date-switcher, .mc-main .calendar-event .details, .mc-main .calendar-events {background: white;}

.mc-main .my-calendar-date-switcher {

padding: 4px;

margin: 0 0 10px;

}

.mc-main .category-key h3 {font-size: 1em!important;}

.mc-main .category-key {border-top: 2px dotted #eee;}

.mc-main .my-calendar-date-switcher input, .mc-main .my-calendar-date-switcher label, .mc-main .my-calendar-date-switcher select {

margin: 0;

padding: 0;

}

.mc-main .my-calendar-date-switcher .button {font-size: 1em;}

.mc-main .calendar-event .details, .mc-main .calendar-events {color:#000;}

.mc-main .list-event .details, .mc-main .day-without-date {background:#fafafa;}

.mc-main .nextmonth, .mc-main .nextmonth .weekend {color: #777;}

.mc-main .mc-list .odd {background:#d3e3e3;}

.mc-main .odd .list-event .details {background:#e3f3f3;}

.mc-main .current-day {background:#ffb;}

.mc-main .current-day .mc-date {color: #000; background: #ffd;}

.mc-main .mc-date {background:#f6f6f6; }

.mc-main .weekend .mc-date {background:#f0f1f5; color: #000; }



.mc-main .my-calendar-nav li a {

color: blue;

}



.mc-main .my-calendar-nav li a:hover {color: blue;}

#upcoming-events .past-event {color: #777; }

#upcoming-events .today {color: #111; }

#upcoming-events .future-event {color: #555; }

.mc-main caption, .mc-main .my-calendar-month, .mc-main .my-calendar-week, .mc-main .mc-single {

background: #f6f6f6;

font-size: 1em;

font-color: blue;

background: rgb(255,255,255); /* Old browsers */

margin: 2px 0;

font-weight:700;

padding:4px 0;



border: 1px solid #eee;

text-align: center;

}

.mc-main .mc-single { font-size: 1.1em!important; text-align: left; padding: 4px; }

.mc-main table {

width:100%;

line-height:1.2;

border-collapse:collapse;

}

.mc-main td {

vertical-align:top;

text-align:left;

width:13%;

font-size: 16px;

height:70px;

padding:2px!important;

}

.mini td {height: auto!important;}



.mc-main th abbr {border-bottom: none;}

.mc-main h3 {

font-size:.7em!important;

font-family: Arial, Verdana, sans-serif;

font-weight:400;

margin:3px 0;

padding:1px;

clear: none;

line-height: 1;

text-transform: none;

letter-spacing: 100%;

}

.mc-main.mini h3, .mc-main.list h3 {

font-size: 1em!important;

display:none;

}

.mc-main.mini h3 { font-weight: 700; }

.mc-main h3 img {

vertical-align: middle;

margin: 0 2px 0 0!important;

}

.mc-main .list-event h3 {

margin:0;

}

.mc-main .calendar-event .details, .mc-main .calendar-events {

position:absolute;

top: 25%;

left: 5%;

width:85%;

border-radius: 4px;

-moz-box-shadow:2px 2px 2px #444;

-webkit-box-shadow:2px 2px 2px #444;

box-shadow:2px 2px 2px #444;

padding:15px;

z-index: 3;

}



/* HERE */

.mc-main .calendar-events {

width:200px;left:50px;

}

.mc-main .calendar-events .details {

width: 100%;padding: 0px!important;

}



.mc-main .details .close {

float: right;

width: 16px!important;

padding: 2px 2px 7px 7px;

}

.mc-main.mini .details .close {

position: absolute;

top: 8px;

right: 8px;

}

.mc-main .list-event .details {

margin:5px 0;

padding:5px 5px 0;

border: 1px solid #ccc;

}

.mc-main .mc-list {margin: 0;padding: 0;}

.mc-main .mc-list li {

padding:5px 0;

list-style-type: none;

margin: 0;

}

.mc-main .mc-date {

display:block;

margin:-2px -2px 2px;

padding:2px 4px;

}

.mc-main th {

font-size:1em;

text-transform:uppercase;

padding:1px 0!important;

text-align: center;

letter-spacing: 1px;

color: #666!important;

}

.mc-main .category-key {padding: 5px;margin: 5px 0;}

.mc-main .category-key ul {

list-style-type: none;

margin: 0;

padding: 0;

-moz-column-count: 3;

-webkit-column-count: 3;

column-count: 3;

display:none;

}

.mc-main.mini .category-key ul {

-moz-column-count: 2;

-webkit-column-count: 2;

column-count: 2;

}

.mc-main .category-key li {

margin: 2px 0;

font-size: .8em;

}

.mc-main .category-key span {

margin-right:3px;

vertical-align:middle;

}

.mc-main .category-key .no-icon {

width: 10px;

height: 10px;

display: inline-block;

-moz-border-radius: 2px;

-webkit-border-radius: 2px;

border-radius: 2px;

}



.mc-list li {

text-indent:0;

margin:0;

padding:0;

}

.mc-main .calendar-event .event-time, .mc-main .list-event .event-time {

display:block;

float:left;

height:100%;

margin-right:10px;

margin-bottom:10px;

font-weight:700;

font-size:.9em;

width: 7em;

}

.mc-main p {

line-height:1.5;

margin:0 0 .8em;

padding:0;

}

.mc-main .sub-details {margin-left:8em;}

.mc-main {position: relative;}

.mc-main img {border: none;}

.category-color-sample img {

vertical-align: top;

padding: 2px;

border-radius: 3px;

}

.mc-main.calendar .my-calendar-nav, .mc-main.list .my-calendar-nav {

float: right;

}

.mc-main .my-calendar-nav ul {

height: 2em;

list-style-type:none;

margin:0 auto;

padding:0;

}

.mini .my-calendar-nav ul {height: 2em!important;}

.mc-main .my-calendar-nav li {

float:left;

list-style-type: none;

}

.mc-main .my-calendar-nav li:before {content:'';}

.mc-main .my-calendar-nav li a {

display:block;

text-align:center;

padding:1px 5px;

}

.mini .my-calendar-nav li a {

}



.mc-main .my-calendar-next {

text-align:right;

}

.mc-main .my-calendar-next a {

-webkit-border-top-right-radius: 18px;

-webkit-border-bottom-right-radius: 18px;

-moz-border-radius-topright: 18px;

-moz-border-radius-bottomright: 18px;

border-top-right-radius: 18px;

border-bottom-right-radius: 18px;

}

.mc-main .my-calendar-prev a {

-webkit-border-top-left-radius: 18px;

-webkit-border-bottom-left-radius: 18px;

-moz-border-radius-topleft: 18px;

-moz-border-radius-bottomleft: 18px;

border-top-left-radius: 18px;

border-bottom-left-radius: 18px;

}

.mc-main.mini .my-calendar-date-switcher label {

display: block;

float: left;

width: 6em;

}

.mc-main.mini .my-calendar-date-switcher {padding: 4px;}

.mc-main.mini td .category-icon {display: none;}

.mc-main.mini h3 {font-size: 1.1em;}

.mc-main.mini .day-with-date span, .mc-main.mini .day-with-date a, .mc-main.mini .current-day span, .mc-main.mini .current-day a {

font-family: Arial, Verdana, sans-serif;

font-size: .9em;

padding:1px;

text-align: center;

}

.mc-main .mini-event .details span, .mc-main .mini-event .details a {text-align: left;}

.mc-main .mini-event .sub-details {

margin: 0;

border-bottom: 1px solid #ccc;

padding: 2px 0 0;

margin-bottom: 5px;

}

.mc-main .mini-event .details img {width: 100%;}

.mc-main.mini .day-with-date a {

display: block;

margin: -2px;

font-weight: 700;

text-decoration: underline;

}

.mc-main .nextmonth {

background: #f6f6f6;

color: #888;

}

.mc-main .nextmonth .event-title {opacity: .7;}

.mc-main .nextmonth .mc-date {background: #eee;}

.mc-main .nextmonth .weekend {color: #888;}

.mc-main .vcard, #mc_event .vcard {

font-size: .9em;

background: #f9fbff;

padding: .5em;

float: right;

clear: right;

width: 120px;

}

.mc-main.day .my-calendar-nav { float: none;} 

#mc-day {margin: 5px 0;padding: 5px;clear: