/*
 * Kaboodle
 * Copyright (C) 2004-2009 Inzen Pty Ltd
 * 
 * File Summary
 * Default kaboodle calendar styles
 * 
 * File Name: kbd_CDREventCalendar.css
 * 
 * This is the default kaboodle event calendar style definitions used by the kaboodle event calendar system files. Do not rename or delete this file.  
 * The css can be modified to add or change existing styles to the kaboodle system defaults.
 *
 * A backup of this CSS file resides in /System/Examples/CGI Scripts/kbd_CDREventCalendar_backup.css. 
 * If, for any reason kbd_CDREventCalendar.css is lost or damaged make a copy of the backup file placing it
 * anywhere in the file repository and rename it to kbd_CDREventCalendar.css.
 *
 * Version:  1.0
 * Modified: 2009-05-22 00:00:00
 *
 * File Authors:
 * Alexander Munro (support@inzen.com.au)
 *
 */

  #kbd_Calendar
  {
    width:960px;
    border: 0px;
    margin: 5px auto;
    text-align: center; /* IE hack */
    background-color: white;
  }

  #kbd_Calendar .cal_Header
  {
    background-color: #000000; 
  }

  #kbd_Calendar .cal_Header img
  {
    width: 100%;
    height: 41px;
    margin-bottom: 0px !important; /* Moz, Opera, Chrome, Safari etc  */
    margin-bottom: -2px; /* IE Hack */
  }

  #kbd_Calendar .cal_Banner
  {
    background-color: #ffffff;
    height:178px;
  }

  #kbd_Calendar .cal_Banner img
  {
    float: left;
    height:178px;
    margin-left: 50px !important; /* Moz, Opera, Chrome, Safari etc  */
    margin-left: 45px; /* IE Hack */
  }

  #kbd_Calendar .cal_Monday, #kbd_Calendar .cal_Tuesday, #kbd_Calendar .cal_Wednesday, #kbd_Calendar .cal_Thursday, #kbd_Calendar .cal_Friday, #kbd_Calendar .cal_Saturday
  {
    float:left;
    width:282px;
    padding-bottom:15px;
/*    height: 450px; /* this is problematic - data can be hidden */
    vertical-align:top; /* IE Hack */
  }

  #kbd_Calendar .cellHeading
  {
     padding-top: 12px;
     color: #C22832;
     font-weight: bolder; 
     font-size:16pt; 
     width:282px;
     text-align: center;
     margin: 0px auto;
  }

  #kbd_Calendar .dayCellHeading
  {
     padding-top: 12px;
     color: #C22832;
     font-weight: bolder; 
     font-size:16pt; 
     text-align: center;
     margin: 0px auto;
  }

  #kbd_Calendar .cal_WeekContainer
  {
    margin: 0px 50px 0px 50px;
  }

  #kbd_Calendar .cal_DayContainer
  {
    margin:0px auto;
    padding-bottom: 0px;
  }

  #kbd_Calendar .cal_WeekDayContainer
  {
    margin:0px auto;
    padding-bottom: 0px;
    width: 865px;
  }

  #kbd_Calendar .cal_DayDefault
  {
    background: #FBF3EE url('/ftproot/images/cal_swirl01.jpg');
    vertical-align: top; 
    width:550px; 
    margin:0px auto;
    padding-left: 25px !important; /* Moz, Opera, Chrome, Safari etc  */
  }

  #kbd_Calendar .cal_ListDefault
  {
    background: #FBF3EE url('/ftproot/images/cal_swirl01.jpg');
    width:650px; 
    margin:0px auto;
    padding-left: 25px !important; /* Moz, Opera, Chrome, Safari etc  */
    padding-top: 10px;
  }

  #kbd_Calendar .cal_DayFooter
  {
    height:50px;
  }

  #kbd_Calendar .cellNoData
  {
    height: 350px;
    text-align: center; 
    font-weight: bold;
  }

  #kbd_Calendar .cal_Monday
  {
    background: #FBF3EE url('/ftproot/images/cal_swirl01.jpg');
  }

  #kbd_Calendar .cal_Wednesday
  {
    background: #FBF3EE url('/ftproot/images/cal_swirl02.jpg');
    background-size: 100% auto;
  }

  #kbd_Calendar .cal_Friday
  {
    background: #FBF3EE url('/ftproot/images/cal_swirl03.jpg');
  }
  
  
  #kbd_Calendar .cal_Tuesday, #kbd_Calendar .cal_Thursday, #kbd_Calendar .cal_Saturday
  {
    background-color: white;
  }

  #kbd_Calendar .cal_DayDate
  {
    text-align: center; 
    margin: 0px 0px 8px 0px; 
    padding-bottom:15px;
  }

  #kbd_Calendar .cal_Time, #kbd_Calendar .cal_EventName, #kbd_Calendar .cal_Facilitator, #kbd_Calendar .cal_Venue, #kbd_Calendar .cal_ListDay, #kbd_Calendar .cal_ListDate
  {
    vertical-align: top;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #818181;
    padding: 4px 8px 4px 8px;
  }

  #kbd_Calendar .cal_Time
  {
    font-size: 12px;
    color: #818181;
    white-space: nowrap;
  }

  #kbd_Calendar .cal_ListDay
  {
    font-size: 12px;
    color: #C22832;
  }

  #kbd_Calendar .cal_ListDate
  {
    font-size: 12px;
  }

  #kbd_Calendar .cal_Facilitator
  {
     padding:0px;
  }

  #kbd_Calendar .cal_TimeHighLight, #kbd_Calendar .cal_EventNameHighLight, #kbd_Calendar .cal_FacilitatorHighLight, #kbd_Calendar .cal_VenueHighLight, #kbd_Calendar .cal_ListDayHighLight, #kbd_Calendar .cal_ListDateHighLight
  {
    vertical-align: top;
    font-family:tahoma;
    font-size: 11px;
    font-weight: bold;
    color: black;
    padding: 4px 8px 4px 8px;
  }

  #kbd_Calendar .cal_TimeHighLight
  {
    font-size: 12px;
    color: black;
    white-space: nowrap;
  }

  #kbd_Calendar .cal_FacilitatorHighLight
  {
     padding:0px;
  }

  #kbd_Calendar .cal_Time a, #kbd_Calendar .cal_EventName a, #kbd_Calendar .cal_Facilitator a, #kbd_Calendar .cal_Venue  a
  {
    text-decoration: none;
    font-family:tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #818181;
  }

  #kbd_Calendar .cal_Time a:hover, #kbd_Calendar .cal_EventName a:hover, #kbd_Calendar .cal_Facilitator a:hover, #kbd_Calendar .cal_Venue  a:hover
  {
    text-decoration: none;
    color: #FF9933;
    font-family:tahoma;
    font-size: 11px;
    font-weight: bold;
  }


  #kbd_Calendar .cal_TimeHighLight a, #kbd_Calendar .cal_EventNameHighLight a, #kbd_Calendar .cal_FacilitatorHighLight a, #kbd_Calendar .cal_VenueHighLight a
  {
    text-decoration: none;
    font-family:tahoma;
    font-size: 11px;
    font-weight: bold;
    color: black;
  }

  #kbd_Calendar .cal_TimeHighLight a:hover, #kbd_Calendar .cal_EventNameHighLight a:hover, #kbd_Calendar .cal_FacilitatorHighLight a:hover, #kbd_Calendar .cal_VenueHighLight a:hover
  {
    text-decoration: none;
    font-family:tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #FF9933;
  }

  #kbd_Calendar .cal_FootNote
  {
    float:right; 
    padding: 20px 120px 20px 20px; 
  }

  #kbd_Calendar .cal_DayFootNote
  {
    float:right; 
    padding: 20px 30px 20px 20px; 
    position: relative;
    margin: -60px 40px 0px 0px;
  }

  #kbd_Calendar .cal_Footer
  {
    background-color: #000000;
    height:41px;
  }

  #kbd_Calendar .cal_Footer img
  {
    width: 100%;
    height: 41px; 
  }

  #kbd_Calendar .cal_ButtonNoDataContainer
  {
     float: right; !important; /* Moz, Opera, Chrome, Safari etc  */   
     text-align: right; /* IE Hack */
     padding: 0px 160px 12px 0px;
     white-space: nowrap;
  }

  #kbd_Calendar .cal_ButtonListContainer
  {
     float: right; !important; /* Moz, Opera, Chrome, Safari etc  */   
     text-align: right; /* IE Hack */
     padding: 0px 160px 12px 0px;
     white-space: nowrap;
  }

  #kbd_Calendar .cal_ButtonDayContainer
  {
     float: right; !important; /* Moz, Opera, Chrome, Safari etc  */   
     text-align: right; /* IE Hack */
     padding: 0px 160px 12px 0px;
     white-space: nowrap;
  }

  #kbd_Calendar .cal_ButtonWeekContainer
  {
     float: right; !important; /* Moz, Opera, Chrome, Safari etc  */   
     text-align: right; /* IE Hack */
     padding: 0px 160px 12px 0px;
     white-space: nowrap;
  }

  #kbd_Calendar #addEventButton
  {
    display: none;
  }


/* Advanced search dialog styles */

  #kbd_Calendar .cal_AdvancedSearch
  {
    background-color: #F6F5F0;
    background-image: url(/images/cs_LongGradient.gif);
    background-repeat: repeat-x;
    border-right:#efefde 1px outset;
    border-bottom:#efefde 1px outset;
    margin: 0px auto;
    padding: 10px 10px 5px 0px;  
    margin-bottom: 12px;
  }

  #kbd_Calendar #iEventDefinitionID
  {
     background-color: white;
     color: black;
  }

  #kbd_Calendar .cal_AdvancedSearch td
  {
    vertical-align: top;
  }







