/*
 * FullCalendar v1.4.9 Stylesheet
 *
 * Feel free to edit this file to customize the look of FullCalendar.
 * When upgrading to newer versions, please upgrade this file as well,
 * porting over any customizations afterwards.
 *
 * Date: Fri Nov 19 22:45:44 2010 -0800
 *
 */
 
 
/* TODO: make font sizes look the same in all doctypes */


.fc,
.fc .fc-header,
.fc .fc-content {
  font-size: 1em;
  }
  
.fc {
  direction: ltr;
  text-align: left;
  }
  
.fc table {
  border-collapse: collapse;
  border-spacing: 0;
  }
  
.fc td, .fc th {
  padding: 0;
  vertical-align: top;
  }

.fc.itemsLoading{opacity:.5; filter: alpha(opacity=50);}

/* Header
------------------------------------------------------------------------*/
  
table.fc-header {
  width: 100%;
  }
  
.fc-header-left {
  width: 25%;
  }
  
.fc-header-left table {
  float: left;
  }
  
.fc-header-center {
  width: 50%;
  text-align: center;
  }
  
.fc-header-center table {
  margin: 0 auto;
  }
  
.fc-header-right {
  width: 25%;
  }
  
.fc-header-right table {
  float: right;
  }
  
.fc-header-title {
  margin-top: 0;
  white-space: nowrap;
  font-size:20px;
  }
  
.fc-header-space {
  padding-left: 10px;
  }
  
/* right-to-left */

.fc-rtl .fc-header-title {
  direction: rtl;
  }



/* Buttons
------------------------------------------------------------------------*/

.fc-header .fc-state-default,
.fc-header .ui-state-default {
  margin-bottom: 1em;
  cursor: pointer;
  }
  
.fc-header .fc-state-default {
  border-width: 1px 0;
  padding: 0 1px;
  }
  
.fc-header .fc-state-default,
.fc-header .fc-state-default a {
  border-style: solid;
  }
  
.fc-header .fc-state-default a {
  display: block;
  border-width: 0 1px;
  margin: 0 -1px;
  width: 100%;
  text-decoration: none;
  }
  
.fc-header .fc-state-default span {
  display: block;
  border-style: solid;
  border-width: 1px 0 1px 1px;
  padding: 3px 5px;
  }
  
.fc-header .ui-state-default {
  padding: 4px 6px;
  }
  
.fc-header .fc-state-default span,
.fc-header .ui-state-default span {
  white-space: nowrap;
  }
  
/* for adjacent buttons */
  
.fc-header .fc-no-right {
  padding-right: 0;
  }
  
.fc-header .fc-no-right a {
  margin-right: 0;
  border-right: 0;
  }
  
.fc-header .ui-no-right {
  border-right: 0;
  }
  
/* for fake rounded corners */
  
.fc-header .fc-corner-left {
  margin-left: 1px;
  padding-left: 0;
  }
  
.fc-header .fc-corner-right {
  margin-right: 1px;
  padding-right: 0;
  }
  
/* DEFAULT button COLORS */
  
.fc-header .fc-state-default,
.fc-header .fc-state-default a {
  border-color: #777; /* outer border */
  color: #333;
  }

.fc-header .fc-state-default span {
  border-color: #fff #fff #d1d1d1; /* inner border */
  background: #e8e8e8;
  }
  
/* PRESSED button COLORS (down and active) */
  
.fc-header .fc-state-active a {
  color: #fff;
  }
  
.fc-header .fc-state-down span,
.fc-header .fc-state-active span {
  background: #888;
  border-color: #808080 #808080 #909090; /* inner border */
  }
  
/* DISABLED button COLORS */
  
.fc-header .fc-state-disabled a {
  color: #999;
  }
  
.fc-header .fc-state-disabled,
.fc-header .fc-state-disabled a {
  border-color: #ccc; /* outer border */
  }
  
.fc-header .fc-state-disabled span {
  border-color: #fff #fff #f0f0f0; /* inner border */
  background: #f0f0f0;
  }
  
  
  
/* Content Area & Global Cell Styles
------------------------------------------------------------------------*/
  
.fc-widget-content {
  border: 1px solid #ccc; /* outer border color */
  }
  
.fc-content {
  clear: both;
  }
  
.fc-content .fc-state-default {
  border-style: solid;
  border-color: #ccc; /* inner border color */
  }
  
.fc-content .fc-state-highlight { /* today */
  background: #ccc;
  }
  
.fc-content .fc-not-today { /* override jq-ui highlight (TODO: ui-widget-content) */
  background: none;
  }
  
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
  background: #9cf;
  opacity: .2;
  filter: alpha(opacity=20); /* for IE */
  }
  
.fc-view { /* prevents dragging outside of widget */
  width: 100%;
  overflow: hidden;
  }
  
  
  


/* Global Event Styles
------------------------------------------------------------------------*/

.fc-event,
.fc-agenda .fc-event-time,
.fc-event a {
  border-style: solid; 
  border-color: #36c;     /* default BORDER color (probably the same as background-color) */
  background-color: #36c; /* default BACKGROUND color */
  color: #fff;            /* default TEXT color */
  }
  
  /* Use the 'className' CalEvent property and the following
   * example CSS to change event color on a per-event basis:
   *
   * .myclass,
   * .fc-agenda .myclass .fc-event-time,
   * .myclass a {
   *     background-color: black;
   *     border-color: black;
   *     color: red;
   *     }
   */
   
.fc-event {
  text-align: left;
  }
  
.fc-event a {
  overflow: hidden;
  font-size: .85em;
  text-decoration: none;
  cursor: pointer;
  }
  
.fc-event-editable {
  cursor: pointer;
  }
  
.fc-event-time,
.fc-event-title {
  padding: 0 1px;
  }
  
/* for fake rounded corners */

.fc-event a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  }
  
/* right-to-left */

.fc-rtl .fc-event a {
  text-align: right;
  }
  
/* resizable */
  
.fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anoymore, change class ***/
  display: block;
  position: absolute;
  z-index: 99999;
  border: 0 !important; /* important overrides pre jquery ui 1.7 styles */
  background: url(data:image/gif;base64,AAAA) !important; /* hover fix for IE */
  }
  
  
  
/* Horizontal Events
------------------------------------------------------------------------*/

.fc-event-hori {
  border-width: 1px 0;
  margin-bottom: 1px;
  }
  
.fc-event-hori a {
  border-width: 0;
  }
  
/* for fake rounded corners */
  
.fc-content .fc-corner-left {
  margin-left: 1px;
  }
  
.fc-content .fc-corner-left a {
  margin-left: -1px;
  border-left-width: 1px;
  }
  
.fc-content .fc-corner-right {
  margin-right: 1px;
  }
  
.fc-content .fc-corner-right a {
  margin-right: -1px;
  border-right-width: 1px;
  }
  
/* resizable */
  
.fc-event-hori .ui-resizable-e {
  top: 0           !important; /* importants override pre jquery ui 1.7 styles */
  right: -3px      !important;
  width: 7px       !important;
  height: 100%     !important;
  cursor: e-resize;
  }
  
.fc-event-hori .ui-resizable-w {
  top: 0           !important;
  left: -3px       !important;
  width: 7px       !important;
  height: 100%     !important;
  cursor: w-resize;
  }
  
.fc-event-hori .ui-resizable-handle {
  _padding-bottom: 14px; /* IE6 had 0 height */
  }
  
  
  

/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/

.fc-grid table {
  width: 100%;
  }
  
.fc .fc-grid th {
  border-width: 0 0 0 1px;
  text-align: center;
  }
  
.fc .fc-grid td {
  border-width: 1px 0 0 1px;
  }
  
.fc-grid th.fc-leftmost,
.fc-grid td.fc-leftmost {
  border-left: 0;
  }
  
.fc-grid .fc-day-number {
  float: right;
  padding: 0 2px;
  }
  
.fc-grid .fc-other-month .fc-day-number {
  opacity: 0.3;
  filter: alpha(opacity=30); /* for IE */
  /* opacity with small font can sometimes look too faded
     might want to set the 'color' property instead
     making day-numbers bold also fixes the problem */
  }
  
.fc-grid .fc-day-content {
  clear: both;
  padding: 2px 2px 0; /* distance between events and day edges */
  }
  
/* event styles */
  
.fc-grid .fc-event-time {
  font-weight: bold;
  }
  
/* right-to-left */

.fc-rtl .fc-grid {
  direction: rtl;
  }
  
.fc-rtl .fc-grid .fc-day-number {
  float: left;
  }
  
.fc-rtl .fc-grid .fc-event-time {
  float: right;
  }
  
/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/

.fc .fc-agenda th,
.fc .fc-agenda td {
  border-width: 1px 0 0 1px;
  }
  
.fc .fc-agenda .fc-leftmost {
  border-left: 0;
  }
  
.fc-agenda tr.fc-first th,
.fc-agenda tr.fc-first td {
  border-top: 0;
  }
  
.fc-agenda-head tr.fc-last th {
  border-bottom-width: 1px;
  }
  
.fc .fc-agenda-head td,
.fc .fc-agenda-body td {
  background: none;
  }
  
.fc-agenda-head th {
  text-align: center;
  }
  
/* the time axis running down the left side */
  
.fc-agenda .fc-axis {
  width: 50px;
  padding: 0 4px;
  vertical-align: middle;
  white-space: nowrap;
  text-align: right;
  font-weight: normal;
  }
  
/* all-day event cells at top */
  
.fc-agenda-head tr.fc-all-day th {
  height: 35px;
  }
  
.fc-agenda-head td {
  padding-bottom: 10px;
  }
  
.fc .fc-divider div {
  font-size: 1px; /* for IE6/7 */
  height: 2px;
  }
  
.fc .fc-divider .fc-state-default {
  background: #eee; /* color for divider between all-day and time-slot events */
  }

/* body styles */
  
.fc .fc-agenda-body td div {
  height: 20px; /* slot height */
  }
  
.fc .fc-agenda-body tr.fc-minor th,
.fc .fc-agenda-body tr.fc-minor td {
  border-top-style: dotted;
  }
  
.fc-agenda .fc-day-content {
  padding: 2px 2px 0; /* distance between events and day edges */
  }
  
/* vertical background columns */

.fc .fc-agenda-bg .ui-state-highlight {
  background-image: none; /* tall column, don't want repeating background image */
  }
  


/* Vertical Events
------------------------------------------------------------------------*/

.fc-event-vert {
  border-width: 0 1px;
  }
  
.fc-event-vert a {
  border-width: 0;
  }
  
/* for fake rounded corners */
  
.fc-content .fc-corner-top {
  margin-top: 1px;
  }
  
.fc-content .fc-corner-top a {
  margin-top: -1px;
  border-top-width: 1px;
  }
  
.fc-content .fc-corner-bottom {
  margin-bottom: 1px;
  }
  
.fc-content .fc-corner-bottom a {
  margin-bottom: -1px;
  border-bottom-width: 1px;
  }
  
/* event content */
  
.fc-event-vert span {
  display: block;
  position: relative;
  z-index: 2;
  }
  
.fc-event-vert span.fc-event-time {
  white-space: nowrap;
  _white-space: normal;
  overflow: hidden;
  border: 0;
  font-size: 10px;
  }
  
.fc-event-vert span.fc-event-title {
  line-height: 13px;
  }
  
.fc-event-vert span.fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: .3;
  filter: alpha(opacity=30); /* for IE */
  }
  
/* resizable */
  
.fc-event-vert .ui-resizable-s {
  bottom: 0        !important; /* importants override pre jquery ui 1.7 styles */
  width: 100%      !important;
  height: 8px      !important;
  line-height: 8px !important;
  font-size: 11px  !important;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
  }
  
/* Pixelsilk Additions */

.fc-overlay-container{
  
  }
.fc-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  z-index: 1000;
  }
.fc-overlay-loader {
  position: absolute; 
  right: 0;
  bottom: 0;
  width: 100px;
  text-align: center;
  color: #fff;
  border-left: 1px solid #EAECED;
  border-top: 1px solid #EAECED;
  background: #646464;
  padding: 5px;
  z-index: 1001;
  }
.event-box {
  position: absolute;
  width: 330px;
  margin: 0 auto;
  border-radius: 10px;
  border: 1px solid #cccccc;
  background: #fff;
  height: 330px;
  top: 150px;
  left: 0;
  z-index: 1002;
  }
.event-box-header {
  border-radius: 10px 10px 0 0;
  background: #aaaaaa;
  color: #fff;
  text-align: center;
  height: 20px;
  }
.event-box-content {
  padding: 10px;
  max-height: 245px;
  overflow: auto;
  }
.fc-view-more {
  color: #e87000;
  font-size: 16px;
  }
.fc-button {
  background: #EDEDED;
  border: 1px solid #CCCCCC;
  border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
  position: relative;
  font-size: 16px;
  padding: 0;
  margin: 0;
  cursor: default;
  }
.fc-button-container {
  padding: 4px 13px;  
  }
.fc-button:active {
  background: #dadada;
  }
.fc-button-bottom {
  position: absolute;
  bottom: 0;
  left: 0px;
  width: 100%;
  height: 40%;
  border-top: 4px solid #E5E5E5;
  background: #DEDEDE;
  }
.fc-button span {
  z-index: 1005;
  position: relative;
  }
.fc-button:hover {
  border: 1px solid #aaaaaa;
  }
.fc-button-event-ok {
  position: absolute; bottom: 10px;
  }
.fc-event .editButtons {
  position: absolute;
  right: 0;
  bottom: 0;
  }
.fc-event .editButtons a {
  margin: 0;
  padding: 2px;
  width: 9px;
  display: inline-block;
  border: none;
  line-height: normal;
  }
.fc-event .editButtons img {
  margin: 0;
  padding: 0;
  }