@charset "UTF-8";

/**
 * (en) calendar custom
 *
 * 
 * 
 */
 
@media screen, projection {

/*--------------------------------------------------------------------------*/
 
 
/**
 * calendar custom
 *
 */



#calendar-title-left {display: none;}

/*  calendar calendar table styles  */
.calendar-calendar tr.odd, .calendar-calendar tr.even {background-color:#fff;}

#col3_inside .attachment-after .calendar-calendar, 
#col3_inside .attachment-after .calendar-footer {padding:0 10px;}
#col3_inside div.calendar-calendar div.month-view {background: #fff;}
fieldset {padding-left:0; padding-right: 0;}

.body-field-wrapper .collapse-processed span {
  color: #648E08 !important;
  text-decoration: underline !important;
}

.calendar-calendar table {
  border-collapse: collapse;
  border-spacing: 0;
  margin:0 auto;
  padding:0;
  width: 100%; /* Setting at 100% causes problem in Internet Explorer. */
}

/* footer */
#col3_inside .attachment-after .date-nav {border-bottom:1px solid #333;}
#col3_inside .attachment-after .calendar-footer {padding-bottom:20px;}

#col3_inside .attachment-after .calendar-footer table {
  margin-top:10px;
  width:280px;
  text-transform:none;
}
#col3_inside .attachment-after .calendar-footer th, 
#col3_inside .attachment-after .calendar-footer tbody {border:none;}

#col3_inside .attachment-after .calendar-footer th {
  height:25px;
  font-size:1.09em;
  padding:0;
}

#col3_inside .attachment-after .calendar-footer td {
  vertical-align:middle;
  color:#565656;
  padding:0;
  width:105px;
  height:27px;
}

#col3_inside .attachment-after .calendar-footer td.calendar-legend-icons {width:35px;}

/* styling mini calendar */
.calendar-calendar .month-view table.mini {
  border:3px solid #545454;
  font-weight:bold !important;
  padding:0;
  margin:0;
  width:100%;
}

.calendar-calendar .month-view table.mini .today a {color:#bfbfbf !important;}

.calendar-calendar .month-view table.mini a {
  color:#9f9f9f;
  text-decoration:none;
  font-weight:bold !important;
}

.calendar-calendar .month-view table .mini-day-on a {text-decoration:underline;}

.calendar-calendar table.mini td, .calendar-calendar table.mini th {
  height:25px;
  vertical-align:middle !important;
  padding:0;
  margin:0;
}

.calendar-calendar table.mini th {
  border-left: 1px solid #2a2a2a !important;
  border-bottom: none;
  background:none !important;
  color:#4d4d4d;
}

.calendar-calendar table.mini td {border-left: 1px solid #bdbdbd !important;}
.calendar-calendar table.mini tr {border-bottom:2px solid #545454 !important;}
.calendar-calendar table.mini .calendar-empty {display:none;}

/* mini icons */
.mini-day-event-icon_food, 
.mini-day-event-icon_wellness, 
.mini-day-event-icon_sport, 
.mini-day-mixed, 
.mini-day-other {
  height:17px;
  width:21px;
  margin:1px 0 0 4px;
  padding-top:2px;
}
.mini-day-event-icon_food a,
.mini-day-event-icon_wellness a,
.mini-day-event-icon_sport a,
.mini-day-mixed a,
.mini-day-other a {color:#333 !important;}

#block-views-calendar_event-calendar_block_1 .view-footer  {padding:8px 0;}

#col2 .calendar-calendar td.today {background:none;}

  /* IE needs a little help to get the side by side tables to the right size */
.calendar-calendar .year-view td {
  width:32%;
  padding:1px;
  border:none;
}

.calendar-calendar .year-view td table td {width:13%; padding:0;}

.calendar-calendar tr {
  padding: 0;
  margin: 0;
  background-color: transparent;
}

.calendar-calendar th a {
  font-weight: bold;
  color: #fff;
  background-color: #ccc;
}
.calendar-calendar td {
  width: 12%; /* 14% is about 1/7 of total table width */
  min-width: 12%;
  border: 1px solid #9b9b9b;
  color: #777;
  text-align: center;
  vertical-align:top;
  margin: 0;
}

#col3 .calendar-calendar td {
  border-color: #666;
  border-top: 2px solid black;
}

#col3 .calendar-calendar tr td.today div.month,
#col3 .calendar-calendar tr td.today div.day,
#col3 .calendar-calendar tr td.today div.month a,
#col3 .calendar-calendar tr td.today div.day a {background: #99CC00; color: #333;}

#col3 .calendar-calendar tr td.today {background:none;}

#col3 .calendar-calendar td.sun {border-right:none;}

#col3 .calendar-calendar td .inner div  .view-field{
	padding:0 3px;
	text-transform:none;
}

/* visualising different events */

.calendar-cell-header-event-icon_sport,
.calendar-cell-header-event-icon_food,
.calendar-cell-header-event-icon_wellness,
.calendar-cell-header-profile,
.calendar-cell-header-personal_date,
.calendar-cell-header-appointment,
.calendar-cell-header-event_link {
  height:23px;
  margin-left:1px !important;
  padding:2px 0 3px 3px !important;
}

.calendar-cell-header-event-icon_sport span,
.calendar-cell-header-event-icon_food span,
.calendar-cell-header-event-icon_wellness span,
.calendar-cell-header-profile span,
.calendar-cell-header-personal_date span,
.calendar-cell-header-appointment span,
.calendar-cell-header-event_link span {
  display:block;
  width:24px;
  height:21px;
}

/* format for the week number in the first cell */
.calendar-calendar td.week {
  width:1%;
  min-width:1%;
  border-left:0;
}
  
.calendar-calendar .week {
  clear:both;
  font-style: normal;
  color: #555;
}


/* IE6 does not support min-height, using Min-Height fast hack from http://www.dustindiaz.com/min-height-fast-hack */
.calendar-calendar .view-item {
  /*height: 0;*/
}
.calendar-calendar .inner {
  
  min-height:90px;
  height:auto;
  padding:0;
  margin:0;
}

.calendar-calendar .inner div {
  padding:0;
  margin:0;
  padding-bottom: 5px;
}

/* Make sure paragraphs buried in calendar cells use padding, not margins, for separation so the background color doesn't come through. */
.calendar-calendar .inner p {
  padding:0 0 .8em 0;
  margin:0;
}

.calendar-calendar td a {
  font-weight: bold;
  text-decoration: none;
}

.calendar-calendar td a:hover {text-decoration: underline;}
.calendar-calendar td.year, 
.calendar-calendar td.month {text-align: center;}

/* format days of the week header cells */
.calendar-calendar th.days {
  text-align: center;
  padding:1px;
  margin:0;
 }

/*  floating day number div  */
.calendar-calendar div.day {
  text-align: center;
  margin: 0;
  clear:both;
  width:1.5em;
  height: 16px;
  float: none;
  padding-top: 4px;
}

/*  individual node container  */
.calendar-calendar div.calendar {
  background-color: #fff;
  border: solid 1px #ddd;
  text-align: center;
  width: 100%;
  margin-bottom: 5px;
  /* float:right; */ /* needed to keep IE from hiding the floating day number */
  /* clear:both; */
}
/* No floating of day view content because there is no floating day number */
.calendar-calendar .day-view div.calendar {
  float:none;
  width:98%;
  margin:1% 1% 0 1%;
}

.calendar-calendar div.title {text-align:center;}
.calendar-calendar div.title a {color: #000;}
.calendar-calendar div.title a:hover {color: #c00;}

.calendar-calendar .content {
  clear:both;
  padding: 3px;
  padding-left: 5px;
}

.calendar div.form-item {
  white-space: normal;
}

#block-views-calendar_event-calendar_block_1 .content-inner, #block-formblock-appointment .content-inner, #block-formblock-personal_date .content-inner {
  padding: 10px 10px 10px !important;
}
#block-views-calendar_event-calendar_block_1 .content {
  -moz-border-radius-bottomleft: 8px; 
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-left-radius: 8px; 
  -webkit-border-bottom-right-radius: 8px;
}
#block-formblock-appointment .content-inner label, #block-formblock-personal_date .content-inner label {
  display:block;
  font-weight:normal;
  color:#565656;
}
#block-formblock-appointment .description,
#block-formblock-personal_date .description {color:#565656;}

#block-formblock-appointment .content-inner textarea,
#block-formblock-personal_date .content-inner textarea {width:200px;}

#edit-field-appointment-date-0-value-timeEntry-popup-1-wrapper,
#edit-field-personal-date-date-0-value-timeEntry-popup-1-wrapper {float:right;}

#edit-field-appointment-date-0-value-timeEntry-popup-1-wrapper, #edit-field-appointment-date-0-value-datepicker-popup-0-wrapper, #edit-field-appointment-date-0-value-datepicker-popup-1-wrapper, #edit-field-personal-date-date-0-value-datepicker-popup-0-wrapper, #edit-field-personal-date-date-0-value-timeEntry-popup-1-wrapper {width:49%;}

#edit-field-personal-date-date-0-value-timeEntry-popup-1, #edit-field-personal-date-date-0-value-datepicker-popup-0,
#edit-field-appointment-date-0-value-datepicker-popup-0, #edit-field-appointment-date-0-value-timeEntry-popup-1 {
width:94px !important;
margin-right:0;
}

#edit-field-personal-date-date-0-value-datepicker-popup-0,
#edit-field-personal-date-date-0-value-timeEntry-popup-1 {width: 95%; margin-right: 0px;}

#edit-field-personal-date-date-0-value-timeEntry-popup-1-wrapper > .description {margin-left: 3px;}

#edit-field-personal-date-date-0-value2-datepicker-popup-0,
#edit-field-personal-date-date-0-value2-timeEntry-popup-1 {width: 95%; margin-right: 0px;}

#edit-field-personal-date-date-0-value2-timeEntry-popup-1 {float: right;}

#edit-field-personal-date-date-0-value2-datepicker-popup-0-wrapper,
#edit-field-personal-date-date-0-value2-timeEntry-popup-1-wrapper {width: 50%;}

#edit-field-personal-date-date-0-value2-timeEntry-popup-1-wrapper {float: right;}

#edit-field-personal-date-date-0-value2-timeEntry-popup-1-wrapper > .description {margin-left: 3px;}

.container-inline-date {margin: 0 0 15px;}

/* more mini */
table td.mini, 
table th.mini, 
table.mini td.week {padding:0 1px 0 0; margin:0;}
  
.calendar-calendar .mini-day-off {padding:0px;}
.calendar-calendar .mini-day-on {padding:0px;}
.mini-row {width:100%; border:none;}
.mini{width:32%; vertical-align:top;}

/* formatting for the legend stripe and block */
.calendar-calendar .stripe {
  height: 20px;
  width: 100%;
  font-size:1px !important;
  line-height:1px !important;
}
.calendar-calendar .day-view .stripe {width:100%;}

table.calendar-legend {
  background-color:#ccc;
  width:100%;
  margin:0;
  padding:0;
}

table.calendar-legend tr.odd .stripe,
table.calendar-legend tr.even .stripe {
  height:12px !important;
  font-size:0.82em !important;
  line-height:1em !important;
}

.calendar-legend td {text-align:left;}
.calendar-empty {display:none;}

/* formatting for the full day view */

#col3 .calendar-calendar th {
  border:1px solid #9B9B9B;
  color:#000000;
  font-weight:bold;
  padding:7px 1px 7px 5px;
  text-align:left;
  text-transform:none;
}

.calendar-calendar td.calendar-agenda-hour {
  font-family:Arial,Verdana,Helvetica,'Trebuchet MS',sans-serif;
  text-align:left;
  border:none;
  border-left:1px solid #333 !important;
  border-bottom:1px solid #333 !important;
  padding:10px;
  width:1%;
  color:#ccc;
}

.calendar-calendar td.calendar-agenda-no-hours {
  min-width:1%;
}

.calendar-calendar td.calendar-agenda-hour .calendar-hour {
  font-weight:bold;
}

.calendar-calendar td.calendar-agenda-items {
  border:1px #333 solid;
  text-align:left;
}

.calendar-calendar td.calendar-agenda-items div.calendar {
  width:auto;
  padding:.25em;
  margin:0;
}
.calendar-calendar div.calendar div.inner .calendar-agenda-empty {
  width:100%;
  text-align:center;
  vertical-align:middle;
  padding:1em 0;
  background-color:#fff;
}

/* the popup date selector for jumping to a new date */
.calendar-date-select form {
  text-align:right;
  float:right;
  width:25%;
}
.calendar-date-select div, 
.calendar-date-select input, 
.calendar-date-select label {
  text-align:right;
  padding:0;
  margin:0;
  float:right;
  clear:both;
}
.calendar-date-select .description {
  float:right;
}
.calendar-label {
  font-weight:bold;
  display:block;
  clear:both;
}

#col3 .calendar-calendar div.date-nav {
  border-top:1px solid #333 !important;
}

.calendar-calendar div.date-nav, .attachment-after div.date-nav {
  background-color:transparent;
  color:#777;
  padding:10px 5px 10px 5px;
  width:auto;
  border:0;
  position:relative;
}

.date-nav .today-button{
  position:absolute;
  left:15px;
  padding-left:20px;
  padding-top:1px;
  height:16px;
}

.date-nav .today-button a, .date-nav .today-button a:hover, .date-nav .today-button a:visited, .date-nav .today-button a:active {
  font-size:1.09em;
  text-decoration:none;
  text-transform:uppercase;
}

#col2 .calendar-calendar div.date-nav {
  background-color:transparent;
  color:#777;
  padding:0 0 4px 0;
  width:auto;
  border:0;
  margin-bottom: 2px;
}

.calendar-calendar div.date-nav h3 a,
.attachment-after div.date-nav h3s a, 
.calendar-calendar div.date-nav h3,
.attachment-after div.date-nav h3 {
  color:#648E08;
  text-decoration: none;
  text-transform: uppercase;
  font-weight:bold;
}
.calendar-calendar div.date-nav a,
.attachment-after div.date-nav a {
  font-weight:normal;
}

#col2 .calendar-calendar div.date-nav a, 
#col2 .calendar-calendar div.date-nav h3{
  color:#4d4d4d;
  text-decoration: none;
  text-transform: uppercase;
  font-size:1em;
}

#col3 .calendar-calendar th.days {
  background-color:transparent;
  color:#fff;
  font-weight:bold;
  border:1px solid #9B9B9B;
}

#col3 .calendar-calendar th.days {
  color:#000;
  font-weight:bold;
  border:1px solid #9B9B9B;
  padding: 7px 1px 7px 5px;
  text-align:left;
  text-transform:none;
}

.calendar-calendar td.empty {
  background:transparent !important;
  border-color:#666;
  border-top-color:black;
}

.calendar-calendar td.empty div.inner {
  background:#333;
  height: 25px !important;
  min-height: 0;
}

.calendar-calendar td div.day {
  border:1px solid #ccc;
  border:none;
  margin-bottom:0px;
  width: auto;
  text-align: left;
  padding-left: 0px;
  float:none;
}

.calendar-calendar td .inner div.calendar-empty {
	display: none;
}

/* Set small font size for all items in calendar div, themes can override this. */
/* Use x-small instead of em to avoid multiplying effect in nested items. */
.calendar-calendar div.calendar {
  border:none;
  font-size:x-small;
  background-color: #ffffff !important;
  margin-bottom: 0px;
}

.calendar-calendar td .inner div.calendar div,
.calendar-calendar td .inner div.calendar div a {
  border:none;
  background:#ffffff;
  padding:0 0px;
  text-align: left;
}

.calendar-calendar td .inner div.calendar div.calendar-more,
.calendar-calendar td .inner div.calendar div.calendar-more a {
  color:#444;
  background:#fff;
  text-align:right;
}

.calendar-calendar td .inner .view-field,
.calendar-calendar td .inner .view-field a {
  color:#444;
  font-weight:normal;
}

.calendar-calendar td span.date-display-single,
.calendar-calendar td span.date-display-start,
.calendar-calendar td span.date-display-end,
.calendar-calendar td span.date-display-separator {
  font-weight:bold;
}

.calendar-calendar table.mini  tr td.today {
  background:#555 !important;
}

.calendar-calendar td .inner div.calendar div div.view-data-node-data-field-date-field-date-value {
  border-bottom:1px solid #ccc;
}

/* ### additional calendar styles ### */
/* calendar title */
#calendar-title h2 {
	min-height: 26px;
	padding-top: 6px;
 	padding-left: 0;
 	margin: 0;
}

#calendar-title {margin: 0px 20px 0 20px;}

/* calendar event */
#col3 div.view-item-calendar_event {
	margin: 0;
	background: transparent;
}

.calendar-calendar td .inner div.day a {
  color:white;
  padding-left: 5px;
}

.calendar-calendar tfoot{
border-top:2px solid black;
}

.calendar-calendar td .inner div, .calendar-calendar td .inner div a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#333333 none repeat scroll 0 0;
}

/* calendar navigation */
.date-nav div.date-prev {
  width:15px;
  height:15px;
}

#col3 .date-nav div.date-prev {margin-left:150px;}

.date-nav div.date-next {
  width:15px;
  height:15px;
}

#col3 .date-nav div.date-next {margin-right:150px;}

.date-nav span {display:block;}


#col3 .date-heading {
  width:284px;
  margin-top: 2px;
}

#col2 .date-heading {width:155px;margin-top: 6px;}

.view-calendar-event .view-filters {
  padding: 10px 15px;
  border-bottom:1px solid #333;
  border-top:1px solid #333;
}

.view-calendar-event .view-filters .views-widget input {
  margin-right:5px;
  vertical-align:middle;
}

.view-calendar-event .view-filters .views-widget label {
  margin-right:10px;
}

.view-id-calendar_event_regional .view-header {
  border-bottom:1px solid #333;
  padding:10px 15px;
}

.view-id-calendar_event_regional .view-header a {padding-left:20px;}

.view-calendar-event .view-header a {
  color: #648E08;
  text-decoration: none;
  text-transform: uppercase;
}

.view-calendar-event .view-header {
  margin: 8px 0px 8px 15px;
  padding-left: 20px;
  padding-top:1px;
  font-size:1.09em;
  height:16px;
}

.view-display-id-calendar_1 {padding-top: 5px !important;}

.view-calendar-event .view-header p {
  line-height: 17px;
  font-weight: bold;
  margin-bottom: 0px;
}

#col3 .floatbox .view-display-id-calendar_1 .view-content .calendar-calendar .links {margin:10px 0;}

#col3 .floatbox .view-display-id-calendar_1 .view-content .calendar-calendar .links li {
  padding-left: 20px;
  font-size:1.09em;
  height:17px;
}

#col3 .floatbox .view-display-id-calendar_1 .view-content .calendar-calendar .links li.first {
  margin: 8px 0px 8px 15px;
  padding-left: 20px;
  padding-top:1px;
}


#col3 .floatbox .view-display-id-calendar_1 .view-content .calendar-calendar .links li a, .attachment-after  {
  text-decoration: none;
  text-transform: uppercase;
  margin-bottom: 10px;
}

#col2_content .form-item label {
  padding-bottom: 5px;
}

#views-exposed-form-calendar-event-calendar-1 .views-exposed-widgets .gfx-btn {display: none;}

/*--------------------------------------------------------------------------*/

/* autocomplete field in appointments block */
#block-formblock-appointment #edit-field-appointment-recipients-0-value {width: 180px;}


/*--------------------------------------------------------------------------*/

.ical {float: right;padding: 10px 10px 0 0;}


/*--------------------------------------------------------------------------*/


/* end: @media screen, projection */
}