/* ------ GENERAL -------------------------- */
.cocal-hide {
  display:none;
  visibility:hidden;
}
.cocal-show {
  display:inherit;
  visibility:visible;
}
.cocal-tooltip {
  display:none;
  position:absolute;
  border:1px solid #DDD;
  padding:2px 6px;
  background-color:#FFFFE0;
  color:#000;
  text-align:left;
  font-size:0.9em;
}
/* ------ MONTH-VIEW -------------------------- */
.cocal-table-month {
  background:none repeat scroll 0 0 #FFFFFF;
  margin:0;
  width:100%;
  height:500px;
  min-height:500px;
  position:relative;
  table-layout:fixed;
  border:1px solid #000;
  background-color:#F0F0EE;
  padding:0px;
  display:table;
}
.cocal-month {
  font-size:0.9em;
  line-height:14px;
  background:none repeat scroll 0 0; /*  #FFFFFF; */
  margin-right:1px;
  width:100%;
  height:100%;
  position:relative;
  white-space:nowrap;
  margin:0;
  border:0;
  padding:10px;
  display:table-cell;
}
.cocal-month-week-grid-container {
  height:100%;
  margin-right:-1px;
  vertical-align:middle;
  position:relative;
}
.cocal-month-week-grid-header, .cocal-month-week-grid {
  height:100%;
  top:10px;
  bottom:10px;
  position:absolute;
  table-layout:fixed;
  width:100%;
  text-align:center;
}
.cocal-month-week-grid-header {
  position:relative;
}
.cocal-month-header {
  vertical-align:top;
  padding-top:10px;
}
.cocal-month-weeks {
  background:none repeat scroll 0 0 #FFFFFF;
  border-top:1px solid #DDD;
  border-right:1px solid #DDD;
  border-bottom:1px solid #DDD;
  overflow:hidden;
  position:absolute;
  top:61px;
  right:10px;
  left:10px;
  bottom:10px;
}
.cocal-month-week {
  left:0;
  width:100%;
  overflow:hidden;
  position:absolute;
}
.cocal-month-week-set61 {
  top:0%;
  height:16.666%;
}
.cocal-month-week-set62 {
  top:16.666%;
  height:16.666%;
}
.cocal-month-week-set63 {
  top:33.332%;
  height:16.666%;
}
.cocal-month-week-set64 {
  top:49.998%;
  height:16.666%;
}
.cocal-month-week-set65 {
  top:66.664%;
  height:16.666%;
}
.cocal-month-week-set66 {
  top:83.330%;
  bottom:0;
}
.cocal-month-week-set51 {
  top:0%;
  height:20%;
}
.cocal-month-week-set52 {
  top:20%;
  height:20%;
}
.cocal-month-week-set53 {
  top:40%;
  height:20%;
}
.cocal-month-week-set54 {
  top:60%;
  height:20%;
}
.cocal-month-week-set55 {
  top:80%;
  bottom:0;
}
.cocal-month-week-set41 {
  top:0%;
  height:25%;
}
.cocal-month-week-set42 {
  top:25%;
  height:25%;
}
.cocal-month-week-set43 {
  top:50%;
  height:25%;
}
.cocal-month-week-set44 {
  top:75%;
  bottom:0;
}
.cocal-month-week-day {
  border-left:1px solid #DDDDDD;
}
.cocal-month-week-content {
  position:relative;
  table-layout:fixed;
  width:100%;
  text-align:left;
  vertical-align:top;
}
.cocal-month-day-title {
  background:none repeat scroll 0 0 #FFF;
  border-left:1px solid #DDD;
  border-top:1px solid #DDD;
  color:#222222;
  line-height:16px;
  overflow:hidden;
  padding:4px 2px 0;
  vertical-align:middle;
}
.cocal-month-day-title-firstrow {
  border-top:0 none;
}
.cocal-month-day-title-nr {
  display:block;
  background-color:#FFF;
  height:1.2em;
  padding:2px;
}
.cocal-month-day-othermonth {
  color:#AAAAAA;
}
.cocal-calendar-kw {
  float:left;
  height:1.2em;
  display:block;
  padding:3px;
  margin-right:3px;
  color:#FFF;
  font-size:0.8em;
  background-color:#B0B0B0;
}
.cocal-month-day-ev-slot {
  vertical-align:top;
}
.cocal-month-ev-pos {
  position:relative;
  margin:0px 1px 0px 1px;
  padding:1px 1px 0 1px;
  font-family:Arial, sans-serif;
}
/* ------ WEEK-VIEW -------------------------- */
.cocal-table-days {
  /* width: 100%; */
  /* table-layout: fixed; */
  border:1px solid #000;
  background-color:#FFF;
  margin-top:-1px;
  padding:1px 1px 1px 1px;
  border-spacing:0px;
  z-index:2;
}
.cocal-axis-hour-slot {
  width:60px !important;
  height:50px;
  min-width:60px !important;
  max-width:60px !important;
}
.cocal-axis-hour-slot-invisible {
  height:1px;
}
.cocal-day-header {
  border-left:1px solid #DDD;
  overflow:hidden;
  border-top:none;
  vertical-align:middle;
  text-align:center;
}
.cocal-day-header-weekend {
  /* no properties */
}
.cocal-axis {
  /* no properties */
}
.cocal-day-long {
  border-top:1px solid #DDD;
}
.cocal-axis-hour-slot-long {
  min-height:10px;
  border-top:1px solid #DDD;
  padding-right:2px;
}
.cocal-long-events-slot {
  min-height:10px;
}
.cocal-day-body {
  border-top:1px solid #DDD;
}
.cocal-day-body, .cocal-day-long {
  border-left:1px solid #DDD;
  vertical-align:top;
  overflow:hidden;
  padding:0px 2px 0px 0px;
}
.cocal-span-wrapper {
  margin:1px 0 0 0px;
  position:relative;
}
.cocal-hour-markers {
  position:absolute;
  width:100%;
  font-size:1px;
}
.cocal-marker-cell {
  min-height:42px;
}
.cocal-marker-60min {
  height:40px;
  border-top:1px solid #DDD;
}
.cocal-marker-30min {
  height:20px;
  border-bottom:1px solid #DDD;
}
.cocal-marker-15min {
  height:10px;
  border-bottom:1px dotted #DDD;
}
.cocal-marker-10min {
  height:6px;
  border-bottom:1px dotted #DDD;
}
.cocal-marker-5min {
  height:2.66px;
  border-bottom:1px dotted #DDD;
}
.cocal-no-top-border {
  border-top:none;
  padding-top:1px;
}
.cocal-time-slots {
  border-right:0px solid #DDD;
  border-top:0px solid #DDD;
  color:#555;
  padding:0;
  text-align:right;
  vertical-align:top;
}
.cocal-time-container {
  height:42px;
}
.cocal-time-slot {
  border-top:1px solid #DDD;
  padding-right:2px;
  height:41px;
  min-height:41px;
}
.cocal-time-slot-first {
  /* border-top: 1px solid #DDD; */
}
.cocal-time-slot-last {
  border-bottom:medium none;
}
.cocal-events-gutter {
  /* no properties */
}
.cocal-day-weekend {
  /* no properties */
}
.cocal-event-wrapper {
  cursor:default;
  position:relative;
}
/* ------ WEEK, LONG EVENTS -------------------------- */
.cocal-week-allday .cocal-week-allday-grid {
  border-left:medium none;
  border-right:medium none;
}
.cocal-week-allday-grid {
  top:0;
  left:0;
  position:absolute;
  /* table-layout:fixed; */
  width:100%;
  height:100%;
  border-color:#DDD;
  border-style:solid;
  border-width:0px 1px 0px 0px;
  min-height:20px;
  height:20px;
}
.cocal-week-allday-bg-next, .cocal-week-allday-bg {
  border-left:1px solid #DDD;
}
.cocal-week-allday-bg-next, .cocal-week-allday-bg, .cocal-bgk-week-allday-today {
  border-top:1px solid #DDD;
}
.cocal-week-allday {
  border-color:#DDD;
  border-style:solid;
  border-width:1px 0px 0px 0px;
  font-size:0.8em;
  line-height:14px;
  font-size:12px;
  line-height:10px;
  table-layout:fixed;
  /* width:100%; */
}
.cocal-week-allday-pos {
  position:relative;
  height:100%;
  padding:0;
  margin-top:-1px;
}
.cocal-week-content {
  padding:1px 1px 0;
  position:relative;
  /* table-layout:fixed; */
  width:100%;
  text-align:left;
  vertical-align:top;
  min-height:20px;
  height:20px;
}
.cocal-week-ev-pos {
  padding:0px 2px 0px 0px;
}
.cocal-week-day-ev-slot {
  vertical-align:top;
  line-height:1.5em;
  cursor:default;
  padding-bottom:0px;
}
/* ------ EVENT -------------------------- */
.cocal-ev-container, .cocal-ev-horiz-container {
  width:250px;
  height:100px;
  min-width:50px;
  min-height:1.5em;
  margin:0;
  padding:0;
  border:1px solid #FFF;
  overflow:hidden;
  background-color:#FFF;
  font-size:0.9em;
  cursor:default;
  text-align:left;
  vertical-align:middle;
  display:block;
  position:absolute;
  /*
   box-shadow:
   0 0 0 3px white,
   0 0 0 4px #999;
   */
}
.cocal-ev-horiz-container {
  width:100%;
  height:1.8em;
  display:block;
  position:relative;
}
.cocal-ev-content {
  margin:0;
  border:0;
  padding:0px 1px 0px 1px;
  height:100%;
  -webkit-background-size:20px 20px;
  -moz-background-size:20px 20px;
  background-size:20px 20px;
}
.cocal-ev-header {
  padding:2px 1px 1px 1px;
  overflow:hidden;
  vertical-align:middle;
  min-height:1.2em;
  white-space:nowrap;
}
.cocal-ev-cbx, .cocal-ev-icon {
  float:left;
  padding:0px 5px 0px 0px;
  vertical-align:middle;
  max-width:16px;
  max-height:16px;
}
.cocal-ev-time {
  float:left;
  padding:0px 4px 0px 0px;
  white-space:nowrap;
}
.cocal-ev-title {
  padding:0px 1px 0px 0px;
  white-space:nowrap;
}
.cocal-ev-location {
  padding:0px 0px 0px 0px;
  white-space:nowrap;
  display:block;
  clear:left;
}
.cocal-ev-body {
  white-space:normal;
  height:100%;
  padding:1px;
  -webkit-background-size:20px 20px;
  -moz-background-size:20px 20px;
  background-size:20px 20px;
  overflow:hidden;
}
.cocal-ev-desc {
  height:100%;
  /*padding:2px;*/
  white-space:normal;
  text-align:left;
  text-overflow:ellipsis;
  text-rendering:auto;
}
.cocal-more-event {
  text-align:left;
  padding:2px;
  border:0 none !important;
}
.cocal-more-event a {
  text-decoration:none;
}
.cocal-ev-status {
  float:left;
  width:6px;
  height:100%;
}
/* event in popup as only one row */ 
.ui-dialog.ui-widget .cocal-ev-horiz-container { 
  font-size:0.85em; /* overrride default font-size of jquery ui-widget */ 
  max-height:1.8em; 
  overflow:hidden; 
} 
/* hide overlapping location text in event within popup */ 
.ui-dialog.ui-widget .cocal-ev-horiz-container .cocal-ev-location { 
  visibility:hidden; 
} 

/* ------ BORDER -------------------------- */
.cocal-rounded-border-top-left {
  -webkit-border-radius-topleft:6px;
  -khtml-border-radius-topleft:6px;
  -moz-border-radius-topleft:6px;
  -o-border-radius-topleft:6px;
  border-top-left-radius:6px;
}
.cocal-rounded-border-bottom-left {
  -webkit-border-bottom-left-radius:6px;
  -khtml-border-radius-bottomleft:6px;
  -moz-border-radius-bottomleft:6px;
  -o-border-radius-bottomleft:6px;
  border-bottom-left-radius:6px;
}
.cocal-rounded-border-top-right {
  -webkit-border-radius-topright:6px;
  -khtml-border-radius-topright:6px;
  -moz-border-radius-topright:6px;
  -o-border-radius-topright:6px;
  border-top-right-radius:6px;
}
.cocal-rounded-border-bottom-right {
  -webkit-border-radius-bottomright:6px;
  -khtml-border-radius-bottomright:6px;
  -moz-border-radius-bottomright:6px;
  -o-border-radius-bottomright:6px;
  border-bottom-right-radius:6px;
}
/* ------ BACKGROUNDS -------------------------- */
.cocal-bgk-header {
  background:#F9F9F9;
  background:-moz-linear-gradient(top,  #F9F9F9 0%, #F5F5F5 100%); /* FF3.6+ */
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#F5F5F5)); /* Chrome, Safari4+ */
  background:-webkit-linear-gradient(top,  #F9F9F9 0%,#F5F5F5 100%); /* Chrome10+, Safari5.1+ */
  background:-o-linear-gradient(top,  #F9F9F9 0%,#F5F5F5 100%); /* Opera 11.10+ */
  background:-ms-linear-gradient(top,  #F9F9F9 0%,#F5F5F5 100%); /* IE10+ */
}
.cocal-bgk-zebra {
  background-color:#FFF9E5;
}
.cocal-bgk-week-allday-today, .cocal-bgk-day-today {
  background-color:#E6F2CF;
}
.cocal-bgk-collision {
  background-image:url(/mugprod/img/cocal-bgk-stripes.png);
  background-image:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
  background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
  background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
  background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
  background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
  background-image:linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
  background:-ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
/* ------ EVENT STATUS BARS -------------------------- */
.cocal-bgk-ev-status-bold-blue {
  background-color:#4B6FBC;
}
.cocal-bgk-ev-status-blue {
  background-color:#4C86BC;
}
.cocal-bgk-ev-status-aquamarine {
  background-color:#2F9C8C;
}
.cocal-bgk-ev-status-olive {
  background-color:#5C8538;
}
.cocal-bgk-ev-status-green {
  background-color:#659C57;
}
.cocal-bgk-ev-status-yellow {
  background-color:#DACA27;
}
.cocal-bgk-ev-status-gold {
  background-color:#E1AA20;
}
.cocal-bgk-ev-status-orange {
  background-color:#DE8700;
}
.cocal-bgk-ev-status-red {
  background-color:#DA5C55;
}
.cocal-bgk-ev-status-bold-red {
  background-color:#C32022;
}
.cocal-bgk-ev-status-chocolate {
  background-color:#9D560A;
}
.cocal-bgk-ev-status-wheat {
  background-color:#B88740;
}
.cocal-bgk-ev-status-orchid {
  background-color:#B45CB1;
}
.cocal-bgk-ev-status-magenta {
  background-color:#B94485;
}
.cocal-bgk-ev-status-gray {
  background-color:#B2B2B2;
}
.cocal-bgk-ev-status-white {
  background-color:#FAFAFA;
}
/* ------ SKIN -------------------------- */
.cocal-skin-bold-blue, .cocal-skin-blue, .cocal-skin-aquamarine, .cocal-skin-olive, .cocal-skin-green, .cocal-skin-yellow, .cocal-skin-gold, .cocal-skin-orange, .cocal-skin-red, .cocal-skin-bold-red, .cocal-skin-chocolate, .cocal-skin-wheat, .cocal-skin-orchid, .cocal-skin-magenta, .cocal-skin-gray, .cocal-skin-white, .cocal-skin-default, .cocal-ev-content {
  -webkit-box-shadow:inset 0px 0px 6px #DEDEDE; /* webkit  */
  -moz-box-shadow:inset 0px 0px 6px #DEDEDE; /* firefox */
  box-shadow:inset 0px 0px 6px #DEDEDE;
}
.cocal-skin-bold-blue {/* --- bold-blue --- */
  background-color:#5F8CED !important;
}
.cocal-skin-bold-blue:hover {
  background-color:#739AEF !important;
}
.cocal-skin-blue, .cocal-skin-default, .cocal-ev-content {/* --- blue --- */
  background-color:#60A9EC;
}
.cocal-skin-blue:hover, .cocal-skin-default:hover, .cocal-ev-content:hover {
  background-color:#66B7ED !important;
}
.cocal-skin-aquamarine {/* --- aquamarine, turquoise --- */
  background-color:#3BC5B0 !important;
}
.cocal-skin-aquamarine:hover {
  background-color:#40CCC2 !important;
}
.cocal-skin-olive {/* --- bold green, olive --- */
  background-color:#74A847 !important;
}
.cocal-skin-olive:hover {
  background-color:#77AF51 !important;
}
.cocal-skin-green {/* --- green --- */
  background-color:#7FC56E !important;
}
.cocal-skin-green:hover {
  background-color:#7ECD82 !important;
}
.cocal-skin-yellow {/* --- yellow --- */
  background-color:#F3E12C !important;
}
.cocal-skin-yellow:hover {
  background-color:#F7E770 !important;
}
.cocal-skin-gold {/* --- gold --- */
  background-color:#FFC125 !important;
}
.cocal-skin-gold:hover {
  background-color:#FECA4A !important;
}
.cocal-skin-orange {/* --- orange --- */
  background-color:#FC9900 !important;
}
.cocal-skin-orange:hover {
  background-color:#FCA638 !important;
}
.cocal-skin-red {/* --- red --- */
  background-color:#F86961 !important;
}
.cocal-skin-red:hover {
  background-color:#FE877B !important;
}
.cocal-skin-bold-red {/* --- bold-red --- */
  background-color:#DD2527 !important;
}
.cocal-skin-bold-red:hover {
  background-color:#E74545 !important;
}
.cocal-skin-chocolate {/* --- chocolate, brown --- */
  background-color:#B2620C !important;
}
.cocal-skin-chocolate:hover {
  background-color:#CB7507 !important;
}
.cocal-skin-wheat {/* --- wheat --- */
  background-color:#D19949 !important;
}
.cocal-skin-wheat:hover {
  background-color:#D2A44A !important;
}
.cocal-skin-orchid {/* --- orchid --- */
  background-color:#CD69C9 !important;
}
.cocal-skin-orchid:hover {
  background-color:#CC78C8 !important;
}
.cocal-skin-magenta {/* --- magenta --- */
  background-color:#D24E97 !important;
}
.cocal-skin-magenta:hover {
  background-color:#DB5A91 !important;
}
.cocal-skin-gray {/* --- gray --- */
  background-color:#CACACA !important;
}
.cocal-skin-gray:hover {
  background-color:#D1D1D1 !important;
}
.cocal-skin-white {/* --- white --- */
  background-color:#FFFFFF !important;
}
.cocal-skin-white:hover {
  background-color:#FAFAFA !important;
}
.cocal-ev-container.canceled,
.cocal-ev-horiz-container.canceled {
  text-decoration: line-through;
  opacity: .55;
}