#event-legend {
  position: relative;
  color: #ff6600;
}
#event-legend h3 {
  padding-bottom: 0;
  margin-bottom: 0;
  margin-left: 30px;
}
#calendar-nav, #cal-nav, #event-legend table {
  border: none;
}


#event-legend .treelevel0 {
  margin-left: 20px;
  color: #525252;
  display: inline;
}
/*************** Bullet Colours -----------*/
#event-legend .default_catheader_bullet {
 color: #668cd9;
}
#event-legend .orange_catheader_legend_bullet {
  color: #f2a640;
}
#event-legend .pink_catheader_legend_bullet {
  color: #e67399;
}
#event-legend .green_catheader_legend_bullet {
  color: #4cb052;
}
#event-legend .red_catheader_legend_bullet {
  color: #cc0000;
}
#event-legend .yellow_catheader_legend_bullet {
  color: #e0c240;
}
#event-legend .grey_catheader_legend_bullet {
  color: #8997A5;
}
#event-legend .legend-bullet {
  padding-right: 5px;
}
/* CoolURI not working for the Link, so tick-box removed for the time being */
#event-legend input {
  display: none;
}
#event-legend  .button {
  /* CoolURI not working for the Link, so removed for the time being */
  display: none;
  position: absolute;
  top: 0; left: 200px;
  background-color: #ff6600;
  color: #ffffff;
  border: none;
  padding-top: 5px;
  padding-bottom: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 2px 2px 4px hsla(0 0%,0%,.3);
  -webkit-box-shadow: 2px 2px 4px hsla(0 0%,0%,.3);
  box-shadow: 2px 2px 4px hsla(0 0%,0%,.3);
}

/*------------ GENERAL ------------*/
.tx-cal-controller {
  
}

.tx-cal-controller .error {
  border: 3px solid red;
  padding: 10px;
}

.tx-cal-controller .view-header {
  text-align: left !important;
}

.tx-cal-controller .header-buttons div {
  background-image:url(/fileadmin/templates/ext_cal/img/calendar-icon_bg.png);
  background-position:center bottom;
  background-repeat:no-repeat;
  width: 40px;
  height: 27px;
  text-align: center;
  float:right;
}

.tx-cal-controller .header-buttons div a{
  line-height:29px;
  font-family: Alegreya Sans;
  font-size: small;
}
.tx-cal-controller .header-buttons .week-button, .day-button {
  display: none;
}
.tx-cal-controller .previous-button,
.tx-cal-controller .next-button {
  margin-bottom: 2px;
  margin-left: 40px;
}

.tx-cal-controller .previous-button {
  float:left;
}

.tx-cal-controller .next-button {
  float:right;
}

.tx-cal-controller .previous-button a,
.tx-cal-controller .next-button a {
  padding:2px 7px 0;
}

.tx-cal-controller .timeborder {
  border-bottom:1px solid #ddd;
  padding-right:2px;
}

.tx-cal-controller .ics_link {
  width:100%;
  text-align:center;
  margin-top: 20px;
}

.tx-cal-controller .ics_link a{
  padding-left: 25px;
  background-image: url(/fileadmin/templates/ext_cal/img/calendar-share.png);
  background-repeat: no-repeat;
  font-size:small;
}


/*------------ MONTH ------------*/

.tx-cal-controller .month-weeknums {
  background-color:#DCF0FA;
}

.tx-cal-controller .month-large .month-weeknums {
  width: 2em;
}

.tx-cal-controller .month-weekdays {
  border-bottom:1px solid #AAAAAA;
  background-color:#EFEFEF;
}

.tx-cal-controller .month-small a:link,
.tx-cal-controller .monthoff a:visited {
  color: #000000;
}

.tx-cal-controller .month-small th,
.tx-cal-controller .month-small td {
  padding: 2px;
  width: 22px;
  font-size: 10px;
  text-align: right;
}

.tx-cal-controller .month-small,
.tx-cal-controller .month-medium,
.tx-cal-controller .month-large {
  border-collapse: collapse;
}

.tx-cal-controller .month-small td,
.tx-cal-controller .month-medium td {
  border:1px solid #AAAAAA;
}

.tx-cal-controller .month-large td {
  border-left:1px solid #AAAAAA;
  border-right:1px solid #AAAAAA;
  vertical-align: top;
}

.tx-cal-controller .month-large tr.days td {
  border:1px solid #AAAAAA;
}

.tx-cal-controller .month-large tbody tr:last-child td {
  border-bottom:1px solid #AAAAAA;
}

.tx-cal-controller .month-large .weekday0,
.tx-cal-controller .month-large .weekday1,
.tx-cal-controller .month-large .weekday2,
.tx-cal-controller .month-large .weekday3,
.tx-cal-controller .month-large .weekday4,
.tx-cal-controller .month-large .weekday5,
.tx-cal-controller .month-large .weekday6,
.tx-cal-controller .month-large .weekday7,
.tx-cal-controller .month-large .currentDay {
  height: 3em;
  font-size: 0.8em;
}

.tx-cal-controller .month-small th,
.tx-cal-controller .month-medium th,
.tx-cal-controller .month-large th {
  background-color: #ff6600;
  text-align: center;
  font-weight: normal;
  font-size: small;
}
      

.tx-cal-controller .month-large .weeknum {
  width: 22px;
}

.tx-cal-controller .month-large .daylink {
  font-weight: bold;
}

.tx-cal-controller .month-large .day {
  height: 4em;
  vertical-align: top;
  text-align: left;
}

.tx-cal-controller .month-large div.vevent,
.tx-cal-controller .month-large div.vtodo {
  overflow:hidden;
  white-space:nowrap;
}
    
.tx-cal-controller .month-large .dayNum,
.tx-cal-controller .month-medium .dayNum {
  border-bottom: none;
  background-color: #E8EEF7;
  text-align: right;
  font-size:small;
  line-height:12px;
}
  
.tx-cal-controller .monthWeekend {
  background-color: #FFFFEF;
}

.tx-cal-controller .monthCurrentWeek {
}

.tx-cal-controller .month-small th a:link,
.tx-cal-controller .month-small th a:visited,
.tx-cal-controller .month-medium th a:link,
.tx-cal-controller .month-medium th a:visited,
.tx-cal-controller .month-large th a:link,
.tx-cal-controller .month-large th a:visited {
  font-weight: bold;
  color: #000000;
}

.tx-cal-controller .monthView .currentDay {
  background:#FFF7D7 none repeat scroll 0% !important;
  border-color:#556677 rgb(170, 187, 204) rgb(170, 187, 204) rgb(85, 102, 119) !important;
  border-style:solid !important;
  border-width:1px !important;
}

.tx-cal-controller .weekday0,
.tx-cal-controller .weekday6 {
  background-color: #F8F9F8;
}

.tx-cal-controller .month-medium {
  margin: 1em auto 2em;
  border-collapse:collapse;
  border-spacing:0px;
  width: 80%;
}

.tx-cal-controller .month-medium th,
.tx-cal-controller .month-medium td {
  height: 2em;
  width: 5%;
  text-align: center;
  vertical-align: middle;
}

.tx-cal-controller .month-medium td {
  border:1px solid #A1A5A9;
}

#month-footer {
  text-align: center;
  margin-top: 10px;
}

/*------------ YEAR ------------*/

.tx-cal-controller .yearview h1 {
  text-align: center;
}

.tx-cal-controller .year-table,
.tx-cal-controller .month-large {
  clear: both;
  width: 100%;
  background-color:#FFFFFF;
  table-layout: fixed;
}

.tx-cal-controller .year-table .year-month {
  vertical-align: top;
  text-align: center;
}

.tx-cal-controller .year-table .year-month + .year-month + .year-month{
  padding-right: 0px;
}

/*------------ SIDEBAR ------------*/
    
.tx-cal-controller .sidebar {
  border:1px solid #CCCCCC;
  border-collapse:collapse;
  float:left;
  padding:5px;
  margin-left:5px;
}

.tx-cal-controller .month-sidebar h4 {
  border-top:3px solid #CCCCCC;
  margin-top:5px;
  padding-top:6px;
}

.tx-cal-controller .sidebar h4:first-child {
  border: none;
  margin-top:0px;
  line-height:1.8em;
  padding-top:0px;
}

.tx-cal-controller .sidebar .button {
  padding: 1px 4px;
  background:#EEEEEE none repeat scroll 0 0;
  border: 1px solid #CCCCCC;
  cursor: pointer;
  margin-left: 3px;
  vertical-align: sub;
  float:right;
}

.tx-cal-controller .sidebar .category-submit{
  margin-left:11em;
}

/*------------ SEARCHBOX ------------*/
    
.tx-cal-controller .search-box {
  background: transparent url(/fileadmin/templates/ext_cal/img/bg_searchInput.gif) no-repeat scroll 0 0;
  border: 0 none;
  border-right:1px solid #6C6761;
  color:#515151;
  padding:1px 0 5px 20px;
  width:110px;
}

/*------------ SINGLE EVENT DISPLAY -------------*/

.tx-cal-controller #calendar-event {
  margin-left: 40px;
  position: relative;
}

.tx-cal-controller #calendar-event .label {
  padding-right: 30px;
  color: #ff6600;
}

.tx-cal-controller #calendar-event .title {
  color: #ff6600;
  font-size: 1.25em;
  margin-bottom: 20px;
}

.tx-cal-controller #calendar-event .description {
  margin-left: 95px;
}
@media screen and  (min-width: 230px) and (max-width: 759px) {
  .tx-cal-controller #calendar-event .description {
    margin-left: 15px;
  }
}

.tx-cal-controller #calendar-event .title .label,
.tx-cal-controller #calendar-event .description .label
{
  display: none;
}
.tx-cal-controller #calendar-event .attachments li {
    list-style-type: none;
    color: #d3a579;
}
.tx-cal-controller #calendar-event .attachments h3 {
    color: #ffffff;
}
.tx-cal-controller #calendar-event .attachments {
    padding: 10px;
    margin-bottom: 15px;
    background: contain;
    background-image: none;
    background-color: #d3a579;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 2px 2px 4px hsla(0, 0%,0%,.3);
    -webkit-box-shadow: 2px 2px 4px hsla(0, 0%,0%,.3);
    box-shadow: 2px 2px 4px hsla(0, 0%,0%,.3);
    border-color: #e3e3e3;
}
.tx-cal-controller #calendar-event .attachments li:before {
    color: #ffffff;
    content: none;
}
.tx-cal-controller #calendar-event .attachments li a {
    color: #ffffff;
    text-decoration: none;
    text-transform: capitalize;
}
.tx-cal-controller #calendar-event-backlink {
  margin-left: 40px;
}


/*------------ EVENT ------------*/

.tx-cal-controller .vevent {
  cursor:default;
  color:#666666;
  -moz-user-select:none;
}

.tx-cal-controller .vevent .freq {
  vertical-align: text-bottom;
}

.tx-cal-controller .vevent dt {
  margin-top:-1px;
  font:bold 80%/normal Verdana,sans-serif;
  white-space:nowrap;
  overflow:hidden;
  padding:0 0 1px 0;
  text-align:left;
}

.tx-cal-controller .vevent dl {
  margin:0;
  padding:0 0 1px 0;
  border-left:1px solid;
  border-right:1px solid;
  overflow:hidden;
}

.tx-cal-controller .vevent dd {
  margin:0;
  overflow:hidden;
  padding:0 1px;
  font:100%/1.3em Verdana,sans-serif;
  text-align:left;
  word-wrap:break-word;
}

.tx-cal-controller .gridcontainertop .vevent {
  width: 100%;
}

.tx-cal-controller .weekview .vevent,
.tx-cal-controller .dayview .vevent {
  -moz-border-radius:3px;
  position:absolute;
}

.tx-cal-controller .weekview .allday .vevent,
.tx-cal-controller .dayview .allday .vevent {
  position: relative;
}

.tx-cal-controller .month-large .vevent,
.tx-cal-controller .weekview .wk-allday .vevent,
.tx-cal-controller .dayview .wk-allday .vevent {
  position: inherit;
}

.tx-cal-controller .month-large .vevent {
  line-height: normal;
  margin: 1px;
  text-align: left;
  padding: 3px;
}

.tx-cal-controller .month-large div.vevent a:link span.popup,
.tx-cal-controller .month-large div.vevent a:visited span.popup,
.tx-cal-controller .month-medium span.popup {
  display: none;
}

.tx-cal-controller .month-large div.vevent a:hover span.popup,
.tx-cal-controller .month-medium .dayNum:hover span.popup {
  position: absolute;
  margin:15px 0px 0px 20px;
  background-color: #F5F5DC;
  max-width:220px;
  border: 1px solid #C0C0C0;
  font: normal 10px/12px verdana;
  color: #000;
  text-align:left;
  display: block;
}

/*------------ TODO ------------*/

.tx-cal-controller .vtodo {
  cursor:default;
  color:#fff;
  -moz-user-select:none;
}

.tx-cal-controller .vtodo .freq {
  vertical-align: text-bottom;
}

.tx-cal-controller .vtodo dt {
  margin-top:-1px;
  font:bold 80%/normal Verdana,sans-serif;
  white-space:nowrap;
  overflow:hidden;
  padding:0 0 1px 0;
  text-align:left;
}

.tx-cal-controller .vtodo dl {
  margin:0;
  padding:0 0 1px 0;
  border-left:1px solid;
  border-right:1px solid;
  overflow:hidden;
}

.tx-cal-controller .vtodo dd {
  margin:0;
  overflow:hidden;
  padding:0 1px;
  font:100%/1.3em Verdana,sans-serif;
  text-align:left;
  word-wrap:break-word;
}

.tx-cal-controller .gridcontainertop .vtodo {
  width: 100%;
}

.tx-cal-controller .weekview .vtodo,
.tx-cal-controller .dayview .vtodo {
  -moz-border-radius:3px;
  position:absolute;
}

.tx-cal-controller .weekview .allday .vtodo,
.tx-cal-controller .dayview .allday .vtodo {
  position: relative;
}

.tx-cal-controller .month-large .vtodo,
.tx-cal-controller .weekview .wk-allday .vtodo,
.tx-cal-controller .dayview .wk-allday .vtodo {
  position: inherit;
}

.tx-cal-controller .month-large .vtodo {
  line-height: normal;
  margin: 1px;
  text-align: left;
}

.tx-cal-controller .month-large div.vtodo a:link span.popup,
.tx-cal-controller .month-large div.vtodo a:visited span.popup,
.tx-cal-controller .month-medium span.popup {
  display: none;
}

.tx-cal-controller .month-large div.vtodo a:hover span.popup,
.tx-cal-controller .month-medium .dayNum:hover span.popup {
  position: absolute;
  margin:15px 0px 0px 20px;
  background-color: #F5F5DC;
  max-width:220px;
  border: 1px solid #C0C0C0;
  font: normal 10px/12px verdana;
  color: #000;
  text-align:left;
  display: block;
}

/*---------------- DAY & WEEK VIEW ------------------*/
.tx-cal-controller .dayview,
.tx-cal-controller .weekview {
  border-left:5px solid #DCF0FA;
  clear: both;
}

.tx-cal-controller .gridcontainer {
  background:#f8f8f8;
  position:relative;
  -webkit-user-select:none;
  -khtml-user-select:none;
  overflow-y: visible;
  height: 411px;
  border-top: 10px solid #DCF0FA;
}

.tx-cal-controller .gridcontainertop {
  table-layout:fixed;
  width:100%;
  background-color:#DCF0FA;
  overflow:hidden;
  font-size:11px;
  line-height:14px;
  border-bottom: 10px solid #DCF0FA;
}

.tx-cal-controller .gridcontainertop .allday {
  table-layout:fixed;
  width:100%;
}

.tx-cal-controller .gridcontainertop td {
  height:20px;
  vertical-align:top;
  background-color: #FFFFFF;
}

.tx-cal-controller .gridcontainertop .daynames th {
  text-align: center;
}

.tx-cal-controller .gridcontainertop .daynames th.dummy {
  width: 15px;
}

.tx-cal-controller .gridcontainertop .daynames td {
  width: 40px;
  background-color:#DCF0FA;
}

.tx-cal-controller .scrolltime {
  position:relative;
  overflow-y:scroll;
  overflow-x:hidden;
  border-top:1px solid #DCF0FA;
  border-left:0 none;
  border-bottom:1px solid #DCF0FA;
  padding:0;
  font-size:11px;
  line-height:normal;
  height: 370px;
}

.tx-cal-controller .scrolltime .timetable {
  background-color:#fff;
  table-layout:fixed;
  width:100%;
  margin-top:-1px;
  border-bottom:1px solid #bcf;
}

.tx-cal-controller .scrolltime .timetable .width {
  width: 40px;
}

.tx-cal-controller .scrolltime .timetable .wrapper {
  position:relative;
  margin-left:1px;
  top:3px;
}

.tx-cal-controller .scrolltime .timetable .wrapper .hours {
  position:absolute;
  width:100%;
}

.tx-cal-controller .scrolltime .timetable .wrapper .hours .cell {
  height:42px;
}

.tx-cal-controller .scrolltime .timetable .wrapper .hours .cell .line {
  border-bottom: 1px dotted #ddd;
  border-top:1px solid #ddd;
  font-size:1px;
  height:20px;
  margin-bottom:20px;
}

.tx-cal-controller .scrolltime .timetable .times {
  background-color:#f6f9fc;
  color:#666;
  padding:1px 0 0 0;
  text-align:right;
  vertical-align:top;
}

.tx-cal-controller .scrolltime .timetable .times div {
  height: 42px;
}

.tx-cal-controller .scrolltime .timetable .times div.timeborder {
  height: 41px;
}

.tx-cal-controller .scrolltime .timetable .event-column {
  border-left:1px solid #ddd;
  vertical-align:top;
}

.tx-cal-controller .scrolltime .timetable .event-column .wrapper {
  position:relative;
  cursor:default;
  position:relative;
  margin-right:10px;
}

/*------------ GENERAL Category styles ------------*/

.tx-cal-controller div.default_catheader dl,
.tx-cal-controller div.default_catheader_allday,
.tx-cal-controller div.yellow_catheader dl,
.tx-cal-controller div.yellow_catheader_allday,
.tx-cal-controller div.orange_catheader dl,
.tx-cal-controller div.orange_catheader_allday,
.tx-cal-controller div.red_catheader dl,
.tx-cal-controller div.red_catheader_allday,
.tx-cal-controller div.pink_catheader dl,
.tx-cal-controller div.pink_catheader_allday,
.tx-cal-controller div.blue_catheader dl,
.tx-cal-controller div.blue_catheader_allday,
.tx-cal-controller div.green_catheader dl,
.tx-cal-controller div.green_catheader_allday,
.tx-cal-controller div.brown_catheader dl,
.tx-cal-controller div.brown_catheader_allday,
.tx-cal-controller div.grey_catheader dl,
.tx-cal-controller div.grey_catheader_allday,
.tx-cal-controller div.fnb_header dl,
.tx-cal-controller div.fnb_header_allday {
  -moz-border-radius:3px;
  padding-left: 0.2em;
  opacity: 0.9;
}

.tx-cal-controller div.default_catheader dt,
.tx-cal-controller div.yellow_catheader dt,
.tx-cal-controller div.orange_catheader dt,
.tx-cal-controller div.red_catheader dt,
.tx-cal-controller div.pink_catheader dt,
.tx-cal-controller div.blue_catheader dt,
.tx-cal-controller div.green_catheader dt,
.tx-cal-controller div.brown_catheader dt,
.tx-cal-controller div.grey_catheader dt,
.tx-cal-controller div.fnb_header dt {
  font-size: small;
}

.tx-cal-controller div.default_catheader dd,
.tx-cal-controller div.yellow_catheader dd,
.tx-cal-controller div.orange_catheader dd,
.tx-cal-controller div.red_catheader dd,
.tx-cal-controller div.pink_catheader dd,
.tx-cal-controller div.blue_catheader dd,
.tx-cal-controller div.green_catheader dd,
.tx-cal-controller div.brown_catheader dd,
.tx-cal-controller div.grey_catheader dd,
.tx-cal-controller div.fnb_header {
  white-space: nowrap;
}

.tx-cal-controller .alldays .vevent .default_catheader_text,
.tx-cal-controller .alldays .vevent .blue_catheader_text,
.tx-cal-controller .alldays .vtodo .default_catheader_text,
.tx-cal-controller .alldays .vtodo .blue_catheader_text,
.tx-cal-controller .alldays .vevent .yellow_catheader_text,
.tx-cal-controller .alldays .vtodo .yellow_catheader_text,
.tx-cal-controller .alldays .vevent .orange_catheader_text,
.tx-cal-controller .alldays .vtodo .orange_catheader_text,
.tx-cal-controller .alldays .vevent .red_catheader_text,
.tx-cal-controller .alldays .vtodo .red_catheader_text,
.tx-cal-controller .alldays .vevent .pink_catheader_text,
.tx-cal-controller .alldays .vtodo .pink_catheader_text,
.tx-cal-controller .alldays .vevent .green_catheader_text,
.tx-cal-controller .alldays .vtodo .green_catheader_text,
.tx-cal-controller .alldays .vevent .brown_catheader_text,
.tx-cal-controller .alldays .vtodo .brown_catheader_text,
.tx-cal-controller .alldays .vevent .grey_catheader_text,
.tx-cal-controller .alldays .vtodo .grey_catheader_text,
.tx-cal-controller .alldays .vevent .fnb_header_text,
.tx-cal-controller .alldays .vtodo .fnb_header_text,
.tx-cal-controller .allday.vevent span:first-child,
.tx-cal-controller .allday.vtodo span:first-child {
  color:#FFFFFF;
}

/* available colors: yellow, orange, red, pink, blue (default), green, brown, grey


/*------------ BLUE (DEFAULT) ------------*/

.tx-cal-controller div.default_catheader dl,
.tx-cal-controller div.default_catheader_allday,
.tx-cal-controller div.blue_catheader dl,
.tx-cal-controller div.blue_catheader_allday {
  border: 1px solid #2952A3;
  border-left: 4px solid #2952A3;
  background-color: #668CD9;
  color: #FFFFFF;
}

.tx-cal-controller .default_catheader_allday a .summary,
.tx-cal-controller .default_catheader_allday a:visited .summary,
.tx-cal-controller .default_catheader dd a,
.tx-cal-controller .default_catheader dd a:visited,
.tx-cal-controller .blue_catheader_allday a .summary,
.tx-cal-controller .blue_catheader_allday a:visited .summary,
.tx-cal-controller .blue_catheader dd a,
.tx-cal-controller .blue_catheader dd a:visited {
  color: #FFFFFF !important;
}

.tx-cal-controller .vevent .default_catheader_text,
.tx-cal-controller .vevent .blue_catheader_text,
.tx-cal-controller .vtodo .default_catheader_text,
.tx-cal-controller .vtodo .blue_catheader_text{
  color: #668CD9;
}
        
/*------------ GREEN ------------*/

.tx-cal-controller div.green_catheader dl,
.tx-cal-controller div.green_catheader_allday {
  border: 1px solid #0D7813;
  border-left: 4px solid #0D7813;
  background-color: #4CB052;
  color: #FFFFFF;
}

.tx-cal-controller .green_catheader_allday a .summary,
.tx-cal-controller .green_catheader_allday a:visited .summary,
.tx-cal-controller .green_catheader dd a,
.tx-cal-controller .green_catheader dd a:visited {
  color: #FFFFFF !important;
}

.tx-cal-controller .vevent .green_catheader_text,
.tx-cal-controller .vevent .green_catheader_text a,
.tx-cal-controller .vtodo .green_catheader_text,
.tx-cal-controller .vtodo .green_catheader_text a {
  color: #4CB052;
}

/*------------ ORANGE ------------*/

.tx-cal-controller div.orange_catheader dl,
.tx-cal-controller div.orange_catheader_allday {
  border: 1px solid #BE6D00;
  border-left: 4px solid #BE6D00;
  background-color: #F2A640;
  color: #FFFFFF;
}

.tx-cal-controller .orange_catheader_allday a .summary,
.tx-cal-controller .orange_catheader_allday a:visited .summary,
.tx-cal-controller .orange_catheader dd a,
.tx-cal-controller .orange_catheader dd a:visited {
  color: #FFFFFF !important;
  font-size: small;
}

.tx-cal-controller .vevent .orange_catheader_text,
.tx-cal-controller .vevent .orange_catheader_text a,
.tx-cal-controller .vtodo .orange_catheader_text,
.tx-cal-controller .vtodo .orange_catheader_text a {
  color: #F2A640;
}

/*------------ PINK ------------*/
    
.tx-cal-controller div.pink_catheader dl,
.tx-cal-controller div.pink_catheader_allday {
  border: 1px solid #B1365F;
  border-left: 4px solid #B1365F;
  background-color: #E67399;
  color: #FFFFFF;
}

.tx-cal-controller .pink_catheader_allday a .summary,
.tx-cal-controller .pink_catheader_allday a:visited .summary,
.tx-cal-controller .pink_catheader dd a,
.tx-cal-controller .pink_catheader dd a:visited {
  color: #FFFFFF !important;
}

.tx-cal-controller .vevent .pink_catheader_text,
.tx-cal-controller .vevent .pink_catheader_text a,
.tx-cal-controller .vtodo .pink_catheader_text,
.tx-cal-controller .vtodo .pink_catheader_text a {
  color: #E67399;
}

/*------------ RED ------------*/

.tx-cal-controller div.red_catheader dl,
.tx-cal-controller div.red_catheader_allday {
  border: 1px solid #A32929;
  border-left: 4px solid #A32929;
  /*background-color: #D96666; */
  background-color: #cc0000;
  color: #FFFFFF;
}

.tx-cal-controller .red_catheader_allday a .summary,
.tx-cal-controller .red_catheader_allday a:visited .summary,
.tx-cal-controller .red_catheader dd a,
.tx-cal-controller .red_catheader dd a:visited {
  color: #FFFFFF !important;
}

.tx-cal-controller .vevent .red_catheader_text,
.tx-cal-controller .vevent .red_catheader_text a
.tx-cal-controller .vtodo .red_catheader_text,
.tx-cal-controller .vtodo .red_catheader_text a {
  color: #D96666;
}
    
/*------------ YELLOW ------------*/

.tx-cal-controller div.yellow_catheader dl,
.tx-cal-controller div.yellow_catheader_allday {
  border: 1px solid #AB8B00;
  border-left: 4px solid #AB8B00;
  background-color: #E0C240;
  color: #FFFFFF;
}

.tx-cal-controller .yellow_catheader_allday a .summary,
.tx-cal-controller .yellow_catheader_allday a:visited .summary,
.tx-cal-controller .yellow_catheader dd a,
.tx-cal-controller .yellow_catheader dd a:visited {
  color: #FFFFFF !important;
}

.tx-cal-controller .vevent .yellow_catheader_text,
.tx-cal-controller .vevent .yellow_catheader_text a,
.tx-cal-controller .vtodo .yellow_catheader_text,
.tx-cal-controller .vtodo .yellow_catheader_text a {
  color: #E0C240;
}
    
/*------------ GREY ------------*/

.tx-cal-controller div.grey_catheader dl,
.tx-cal-controller div.grey_catheader_allday {
  border: 1px solid #4E5D6C;
  border-left: 4px solid #4E5D6C;
  background-color: #8997A5;
  color: #FFFFFF;
}

.tx-cal-controller .grey_catheader_allday a .summary,
.tx-cal-controller .grey_catheader_allday a:visited .summary,
.tx-cal-controller .grey_catheader dd a,
.tx-cal-controller .grey_catheader dd a:visited {
  color: #FFFFFF !important;
}

.tx-cal-controller .vevent .grey_catheader_text,
.tx-cal-controller .vevent .grey_catheader_text a,
.tx-cal-controller .vtodo .grey_catheader_text,
.tx-cal-controller .vtodo .grey_catheader_text a {
  color: #8997A5;
}

/*------------- free & busy styles ----------*/

.tx-cal-controller div.fnb_header dl,
.tx-cal-controller div.fnb_header_allday {
  border: 1px solid #4E5D6C;
  border-left: 4px solid #4E5D6C;
  background-color: #8997A5;
  color: #FFFFFF;
}

.tx-cal-controller .fnb_header_allday a .summary,
.tx-cal-controller .fnb_header_allday a:visited .summary,
.tx-cal-controller .fnb_header dd a,
.tx-cal-controller .fnb_header dd a:visited {
  color: #FFFFFF !important;
}

.tx-cal-controller .vevent .fnb_header_text,
.tx-cal-controller .vevent .fnb_header_text a,
.tx-cal-controller .vtodo .fnb_header_text,
.tx-cal-controller .vtodo .fnb_header_text a {
  color: #8997A5;
}
    
/*------------ color style package end ------------*/

/*--- TODO: to be checked from here on to the end!! ---*/
/*------------- list styles ------------*/

.tx-cal-controller .list-view .vevent {
  color: #66ccff;
  background-color: #e9e9e9;
  padding-bottom: 5px;
}
.tx-cal-controller .list-view .even {
  background-color: #ffffff;
}
.tx-cal-controller .list-view .vevent .dtstart-container {
  margin-right:1em;
}

.tx-cal-controller .list-view .vtodo .dtstart-container {
  float:left;
  margin-right:1em;
  text-align:right;
  width:12em;
}

.tx-cal-controller .list-view .vevent .summary,
.tx-cal-controller .list-view .vtodo .summary {
}


    
/*------------- fe-editing styles ------------*/    
    
.tx-cal-controller .cal_required {
  color: red;
}

.tx-cal-controller .constrain {
  color: red;
  font-weight:bold;
}


#editorWrap1 textarea {
  display: block
}

/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

#category_tree {
  float: right;
  width: 25%;
  text-align: left;
}
.tx-cal-controller .create-edit-event .tabcontent {
  margin: 0;
}
.tx-cal-controller .create-edit-event .tabcontent label {
  display: inline-block;
  vertical-align:top;
  width: 6em;
  color: green;
  font-size: 1.25em;
  font-family: Alegreys Sans;
}

.tx-cal-controller .basictab ul {
  margin: 4px;
  padding: 3px 0;
  margin-left: 0;
  font: bold 12px Verdana;
  border-bottom: 1px solid gray;
  list-style-type: none;
  text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.tx-cal-controller .basictab li {
  display: inline;
  margin: 0;
}

.tx-cal-controller .basictab li a {
  text-decoration: none;
  padding: 3px 7px;
  margin-right: 3px;
  border: 1px solid gray;
  border-bottom: none;
  background-color: #6699CC;
  color: #FFFFFF;
}

.tx-cal-controller .basictab li a:visited {
  color: #2d2b2b;
}

.tx-cal-controller .basictab li a:hover,
.tx-cal-controller .basictab li a.current {
  background-color: #557CA3;
  color: #FFFFFF;
}

.tx-cal-controller .basictab li a:active {
  color: #000000;
}

.tx-cal-controller .tabcontainer {
  clear: left;
  width:95%; /*width of 2nd level sub menus*/
  height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

.tx-cal-controller .tabcontent {
  display:none;
}

#tx_cal_controller_create_element input[type="text"]:not([size]) {
  width: 6em;    /* Desired width of input field */
}

#tx_cal_controller_create_element .treelevel0 {
  display: normal;
  margin: 0;
  float: right;
  width: 100%;
}

#tx_cal_controller_create_element p {
  margin: 7px;
}

#tx_cal_controller_create_element .notify,
#tx_cal_controller_create_element .shared,
#tx_cal_controller_create_element .exception {
  display:block;
  margin-left: 140px;
}
    
#allday {
  width:10px;
}

#until label,
#by_day label,
#by_monthday label,
#by_month label {
  margin-left: 50px;
}

#by_month label,
#by_monthday label {
  width: 230px;
}

.tx-cal-controller .reminderOffset {
  width: 2em !important;
}

.tx-cal-controller .tabcontent table {
  margin: 2em 0;
}

.tx-cal-controller .tabcontent table > tbody > tr > td {
  vertical-align:top;
  padding-right: 1em;
  padding-bottom: 1em;
  border-bottom: none;
}

.tx-cal-controller .tabcontent table > tbody > tr > td label {
  width: 6em;
  margin-bottom: 1em;
}

.tx-cal-controller .tabcontent table > tbody > tr > td label > input[type='text'] {
  width: 20em;
  margin-bottom: 1em;
}

/************ MOBILE **************************/

@media screen and  (min-width: 230px) and (max-width: 759px) {
    .tx-cal-controller #calendar-event .attachments  {
        position: relative;
        top: 0; left: 0;
    }
}