.left {float: left;}
.right {float: right;}
.hidden {display: none;}

.left-addEvent {float: left; width:25%;}
.right-addEvent {float: right; width:70%; margin-right:6px;}

.event-calendar { width: 100%; }
.event-calendar .event-add-padding {padding: 0 5px;}

.calendar-widget table { background-color: #ddddff; width: 100%; padding: 0; margin: 0;}
.calendar-widget td { text-align: center; position: relative; height: 30px; line-height: 30px; padding: 0px; margin: 1px; }
.calendar-widget td.inactive-month { background-color: #ffffee; }
.calendar-widget td.active-month { background-color: #eeeeff; }
.calendar-widget td a {width: 100%; display: block; line-height: 30px; text-decoration: none; color: black;}
.calendar-widget td a:hover {background-color: white;}

.calendar-widget th a {text-decoration: none; color: #6666aa;}
.calendar-widget th a:hover {color: #4444dd;}
.calendar-widget .today {border: solid 2px red;}
.calendar-widget .highlighted {background-color: #8888dd; color: white;}
.calendar-widget .highlighted a {color: white;}
.calendar-widget .highlighted a:hover {color: black;}


.event-add {width: 100%; display: none; padding: 0px; background-color: #ddddff; }
.event-add .event-add-padding { padding: 5px; }
.event-add .event-add-padding input {width: 100%;}
.event-add .event-add-padding select {width: 100%;}
.event-add .event-add-padding .right {margin-left: 78px; margin-right: 10px; float: none; position: relative;}
.event-add .event-add-padding .left  {margin-left: 10px; width: 64px; padding: 0; float: left;}

.day-events {display: none; width: 200px; text-align:center;}
.day-events .day-header {margin: 0px auto; background-image: url(../images/corner.png); background-position: center; background-repeat: no-repeat; height: 30px;}
.day-events .day-content {text-align: left; padding: 0 10px;background-color: #9999dd; color:white; }
div.day-events div.day-content h3 {padding: 0; margin: 0;}
.day-events .day-upper-corners {height: 10px; overflow: hidden; line-height: 10px; font-size: 0; text-indent: -10000px;}
.day-events .day-upper-corners .left
                               {background-image: url(../images/circle.png);
                                background-repeat: no-repeat; 
                                background-position: 0px 0px;
                                height: 10px; width: 10px; float: left;}
.day-events .day-upper-corners .right
                               {background-image: url(../images/circle.png);
                                background-repeat: no-repeat; 
                                background-position: -10px 0px; 
                                height: 10px; width: 10px; float: right;}
                                
.day-events .day-lower-corners .left
                               {background-image: url(../images/circle.png);
                                background-repeat: no-repeat; 
                                background-position: 0px -10px;
                                height: 10px; width: 10px; float: left;}
.day-events .day-lower-corners .right
                               {background-image: url(../images/circle.png);
                                background-repeat: no-repeat; 
                                background-position: -10px -10px; 
                                height: 10px; width: 10px; float: right;}
                                
.day-events .day-upper-corners .center
                               {background-color: #9999dd; height: 10px; margin: 0 10px;}
.day-events .day-lower-corners .center
                               {background-color: #9999dd; height: 10px; margin: 0 10px;}                               

.day-edit-events {width: 100%; display: none;}
.day-edit-events .day-edit-event {background-color: #ddddff; padding: 5px;}
.day-edit-events .day-edit-event a {float: right;}