@charset "utf-8";

/*==============================================================================
  File Name: module/calendar.css
  Media Type: All
  Title: Calendar Plugin Style Sheet

  Author: Fumito Arakawa as Phize
  Author URI:
    http://geeklog-r.net
    http://phize.net

  License: GNU General Public License(http://www.gnu.org/licenses/gpl.html)

  Order Of Cascading:
    1. ../import.css
    2. ../element.css
    3. ../common.css
    4. ../layout.css
    5. ../module.css
       .
       .
       .
    *. calendar.css

  Table Of Contents:
    Calendar Plugin Style
      +Monthly Calendar
      +Weekly Calendar
      +Daily Calendar

  Order Of Properties:
    Based on CSS 2.1 Specification(http://www.w3.org/TR/CSS21/)
==============================================================================*/



/*==============================================================================
  Calendar Plugin Style
    +Monthly Calendar
    +Weekly Calendar
    +Daily Calendar
==============================================================================*/

/* Navigation */
.section-plugin-calendar .navigation-period li
{
  margin: 0 2px;
}

.section-plugin-calendar .navigation-period li.current
{
  padding: 0.25em 4px;
  border: 1px solid #D0D0D0;
  color: #FFFFFF;
  background: #666666;
}

.section-plugin-calendar .navigation-period li.current strong
{
  color: #FFFFFF;
}

.section-plugin-calendar .navigation-period a
{
  padding: 0.25em 4px;
  border: 1px solid #D0D0D0;
  color: #333333;
  background: #FFFFFF;
  text-decoration: none;
}

.section-plugin-calendar .navigation-period a:hover,
.section-plugin-calendar .navigation-period a:focus,
.section-plugin-calendar .navigation-period a:active
{
  color: #FFFFFF;
  background: #666666;
}

/* Calendar */
.section-plugin-calendar table
{
  margin-right: 2.5%;
  margin-left: 2.5%;
  width: 95%;
}

.section-plugin-calendar th
{
  text-align: center;
}

.section-plugin-calendar td
{
  vertical-align: top;
}

/* Event */
.section-plugin-calendar td ol
{
  list-style: none outside;
}

/* Navigation(Event) */
.section-plugin-calendar td .navigation
{
  text-align: right;
}

/* Quick Add Form */
.section-plugin-calendar #FormCalendarQuickAdd fieldset
{
  padding: 0.5em 8px;
  border: 1px solid #D8D8D8;
}

.section-plugin-calendar #FormCalendarQuickAdd legend
{
  padding: 0 8px;
  border: 1px solid #D8D8D8;
  display: inline;
}

.section-plugin-calendar #FormCalendarQuickAdd .field dt
{
  display: none;
}

.section-plugin-calendar #FormCalendarQuickAdd .field dd.date,
.section-plugin-calendar #FormCalendarQuickAdd .field dd.time
{
  display: inline;
}

.section-plugin-calendar #FormCalendarQuickAdd .field dd.event
{
  margin-top: 0.5em;
}

/*---------------------------------------
  Monthly Calendar
---------------------------------------*/
/* Calendar */
.section-plugin-calendar-monthly th
{
  width: 9%;
}

.section-plugin-calendar-monthly td
{
  width: 13%;
  height: 8em;
}

.section-plugin-calendar-monthly td.cal-today
{
  background: #FBFBFB;
}

.section-plugin-calendar-monthly td ol
{
  padding-top: 0.5em;
  border-top: 1px dotted #D0D0D0;
}

/* Year&Month Form */
.section-plugin-calendar-monthly #FormCalendarYearMonth
{
  text-align: center;
}

.section-plugin-calendar-monthly #FormCalendarYearMonth .field
{
  display: inline;
}

.section-plugin-calendar-monthly #FormCalendarYearMonth .field dt
{
  display: none;
}

.section-plugin-calendar-monthly #FormCalendarYearMonth .field dd
{
  display: inline;
}

.section-plugin-calendar-monthly #FormCalendarYearMonth .submit
{
  display: inline;
}

/*---------------------------------------
  Weekly Calendar
---------------------------------------*/
/* Calendar */
.section-plugin-calendar-weekly th
{
  width: 11em;
}

.section-plugin-calendar-weekly tr.weekview-curday th
{
  background: #F0F0F0;
}

.section-plugin-calendar-weekly tr.weekview-curday td
{
  background: #FBFBFB;
}

/*---------------------------------------
  Daily Calendar
---------------------------------------*/
/* Calendar */
.section-plugin-calendar-daily th
{
  width: 6em;
}
