compass-jquery-plugin 0.3.0.beta.5 → 0.3.0.beta.10

data/templates/jqical/jquery.ui/jqical.scss

@@ -0,0 +1,941 @@
+// Generated by compass-jquery-plugin/gem-tasks/jqical.rake
+
+/*****************************************************************************
+ *  FILE:  anytime.css - The Any+Time(TM) JavaScript Library (stylesheet)
+ *
+ *  VERSION: 4.1112
+ *
+ *  Copyright 2008-2010 Andrew M. Andrews III (www.AMA3.com). Some Rights 
+ *  Reserved. This work licensed under the Creative Commons Attribution-
+ *  Noncommercial-Share Alike 3.0 Unported License except in jurisdicitons
+ *  for which the license has been ported by Creative Commons International,
+ *  where the work is licensed under the applicable ported license instead.
+ *  For a copy of the unported license, visit
+ *  http://creativecommons.org/licenses/by-nc-sa/3.0/
+ *  or send a letter to Creative Commons, 171 Second Street, Suite 300,
+ *  San Francisco, California, 94105, USA.  For ported versions of the
+ *  license, visit http://creativecommons.org/international/
+ *
+ *  Alternative licensing arrangements may be made by contacting the
+ *  author at http://www.AMA3.com/contact/
+ *
+ *  This file provides default styling for the Any+Time JavaScript Library's
+ *  calendar widget.  The styles within can be overridden to customize the
+ *  picker's appearance for a particular platform.  jQuery UI styles (such
+ *  as those created by jQuery ThemeRoller) will override the styles in this
+ *  stylesheet.
+ *
+ *  These styles have been tested (but not extensively) on Windows Vista in
+ *  Internet Explorer 8.0, Firefox 3.0, Opera 10.10 and Safari 4.0.  Minor
+ *  variations in IE older versions of IE are to be expected, due to its
+ *  broken box model. Please report any other problems to the author via
+ *  the URL above.
+ *
+ *  Any+Time is a trademark of Andrew M. Andrews III.
+ ****************************************************************************/
+
+/*
+ *  The following styles ascertain that the types of elements used by
+ *  our picker have reasonable styles, especially font, font-size,
+ *  list-style-type, margin and padding.
+ */
+
+.AnyTime-pkr * {
+  border: 0;
+  font: inherit;
+  font-size: x-small;
+  font-style: normal;
+  font-weight: normal;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  white-space: nowrap; }
+
+/*
+ *  .AnyTime-win simulates a "window" that might be a popup or inline.
+ *  Styles should include background-color and border.  A window should 
+ *  be sized according to its contents; therefore, width and height
+ *  should NOT be specified.
+ */
+
+div.AnyTime-win {
+  background-color: #F0F0F1;
+  border: 3px solid #C0C0C0;
+  font: normal normal normal xx-small / normal sans-serif;
+  padding-bottom: 0.2em;
+  -moz-border-radius: 6px;
+  -webkit-border-radius: 6px; }
+
+/*
+ *  .AnyTime-pkr is the Date/Time picker, inserted into the page immediately 
+ *  after the input (text field) to which it corresponds.  The picker
+ *  attempts to size itself automatically based on its format fields;
+ *  therefore, do NOT set width or height.  This is empty by default,
+ *  because .AnyTime-win styles provide consistent window appearance.
+ */
+
+.AnyTime-pkr {
+  .AnyTime-cloak {
+    background-color: #D7D7D7;
+    opacity: 0.7;
+    filter: alpha(opacity = 70); }
+  .AnyTime-hdr {
+    background-color: #D0D0D1;
+    color: #606062;
+    font-family: Arial,Helvetica,sans-serif;
+    font-size: medium;
+    font-weight: normal;
+    height: 1em;
+    margin: 0;
+    padding: 0 0 0.4em 0;
+    text-align: center;
+    -moz-border-radius: 2px;
+    -webkit-border-radius: 2px; }
+  .AnyTime-x-btn {
+    background-color: #FCFCFF;
+    border: 1px solid #F99;
+    color: #FF9F9F;
+    cursor: default;
+    float: right;
+    margin: 0.3em;
+    text-align: center;
+    width: 1.5em;
+    -moz-border-radius: 0.4em;
+    -webkit-border-radius: 0.4em; }
+  .AnyTime-btn {
+    background-color: #FCFCFE;
+    border: 1px outset #C0C0C1;
+    color: #606062;
+    cursor: default;
+    float: left;
+    font-family: Arial,Helvetica,sans-serif;
+    height: 1.5em;
+    margin-bottom: 1px;
+    margin-right: 1px;
+    padding-top: 0.1em;
+    -moz-border-radius: 0.4em;
+    -webkit-border-radius: 0.4em; }
+  .AnyTime-body {
+    padding: 0.5em; }
+  .AnyTime-date {
+    float: left;
+    padding: 0 0.5em; }
+  .AnyTime-lbl {
+    clear: left;
+    color: #606063;
+    font-family: Arial,Helvetica,sans-serif;
+    font-size: 100%;
+    font-weight: normal;
+    font-style: normal;
+    height: 1.3em;
+    margin: 0;
+    padding: 0;
+    text-align: center; }
+  .AnyTime-lbl-yr, .AnyTime-lbl-mon, .AnyTime-lbl-dom, .AnyTime-lbl-hr, .AnyTime-lbl-min, .AnyTime-lbl-sec {}
+  .AnyTime-yrs {
+    height: 2.6em;
+    text-align: center;
+    width: 18.6em; }
+  .AnyTime-yrs-past-btn {
+    width: 2.7em; }
+  .AnyTime-yr-prior-btn, .AnyTime-yr-cur-btn, .AnyTime-yr-next-btn {
+    width: 3.75em; }
+  .AnyTime-yrs-ahead-btn {
+    width: 2.7em; }
+  .AnyTime-mons {
+    height: 4.8em;
+    text-align: center;
+    width: 18.8em; }
+  .AnyTime-mon-btn {
+    width: 2.75em; }
+  .AnyTime-mon1-btn, .AnyTime-mon2-btn, .AnyTime-mon3-btn, .AnyTime-mon4-btn, .AnyTime-mon5-btn, .AnyTime-mon6-btn, .AnyTime-mon8-btn, .AnyTime-mon9-btn, .AnyTime-mon10-btn, .AnyTime-mon11-btn, .AnyTime-mon12-btn {}
+  .AnyTime-mon7-btn {
+    clear: left; }
+  .AnyTime-dom-table {
+    background-color: #F0F0F1;
+    border: 1px solid #E3E3E4;
+    border-spacing: 1px;
+    width: 18.6em; }
+  .AnyTime-dom-head, tr.AnyTime-dow {}
+  th.AnyTime-dow {
+    background-color: #C0C0C1;
+    color: white;
+    font-family: Arial,Helvetica,sans-serif;
+    font-size: 95%;
+    font-weight: normal;
+    font-style: normal; }
+  .AnyTime-dow1, .AnyTime-dow2, .AnyTime-dow3, .AnyTime-dow4, .AnyTime-dow5, .AnyTime-dow6, .AnyTime-dow7, .AnyTime-dom-body, .AnyTime-wk, .AnyTime-wk1, .AnyTime-wk2, .AnyTime-wk3, .AnyTime-wk4, .AnyTime-wk5, .AnyTime-wk6 {}
+  .AnyTime-dom-btn {
+    float: none;
+    height: 1.7em;
+    text-align: right;
+    padding: 0 0.5em 0 0; }
+  .AnyTime-dom-btn-filled {}
+  .AnyTime-dom-btn-empty {
+    background-color: #F3F3F4;
+    border: 1px solid #C0C0c1; }
+  .AnyTime-dom-btn-empty-above-filled, .AnyTime-dom-btn-empty-before-filled, .AnyTime-dom-btn-empty-after-filled, .AnyTime-dom-btn-empty-below-filled {}
+  .AnyTime-time {
+    float: left;
+    padding: 0 0 0 1em;
+    text-align: center; }
+  .AnyTime-hrs {
+    float: left;
+    padding-left: 0.5em;
+    padding-right: 0.5em;
+    text-align: center;
+    width: 7.2em; }
+  .AnyTime-hrs-am, .AnyTime-hrs-pm {
+    float: left;
+    width: 3.6em; }
+  .AnyTime-hr-btn {
+    text-align: right;
+    padding-right: 0.25em;
+    width: 3em; }
+  .AnyTime-hr0-btn, .AnyTime-hr1-btn, .AnyTime-hr2-btn, .AnyTime-hr3-btn, .AnyTime-hr4-btn, .AnyTime-hr5-btn, .AnyTime-hr6-btn, .AnyTime-hr7-btn, .AnyTime-hr8-btn, .AnyTime-hr9-btn, .AnyTime-hr10-btn, .AnyTime-hr11-btn, .AnyTime-hr12-btn, .AnyTime-hr13-btn, .AnyTime-hr14-btn, .AnyTime-hr15-btn, .AnyTime-hr16-btn, .AnyTime-hr17-btn, .AnyTime-hr18-btn, .AnyTime-hr19-btn, .AnyTime-hr20-btn, .AnyTime-hr21-btn, .AnyTime-hr22-btn, .AnyTime-hr23-btn {}
+  .AnyTime-mins {
+    float: left;
+    padding-left: 0.5em;
+    padding-right: 0.5em;
+    text-align: center;
+    width: 4.7em; }
+  .AnyTime-mins-tens, .AnyTime-mins-ones {
+    float: left;
+    width: 2.3em; }
+  .AnyTime-min-ten-btn, .AnyTime-min-one-btn {
+    float: left;
+    text-align: center;
+    width: 2em; }
+  .AnyTime-min-ten-btn-empty, .AnyTime-min-one-btn-empty {
+    background-color: #F3F3F4;
+    border: 1px solid #C0C0c1; }
+  .AnyTime-min00-btn, .AnyTime-min10-btn, .AnyTime-min0-btn, .AnyTime-min1-btn {}
+  .AnyTime-secs {
+    float: left;
+    padding-left: 0.5em;
+    padding-right: 0.5em;
+    text-align: center;
+    width: 4.7em; }
+  .AnyTime-secs-tens, .AnyTime-secs-ones {
+    float: left;
+    width: 2.3em; }
+  .AnyTime-sec-ten-btn, .AnyTime-sec-one-btn {
+    float: left;
+    text-align: center;
+    width: 2em; }
+  .AnyTime-sec-ten-btn-empty, .AnyTime-sec-one-btn-empty {
+    background-color: #F3F3F4;
+    border: 1px solid #C0C0c1; }
+  .AnyTime-sec00-btn, .AnyTime-sec10-btn, .AnyTime-sec0-btn, .AnyTime-sec1-btn {}
+  .AnyTime-offs {
+    clear: left;
+    float: left;
+    padding-left: 0.5em;
+    padding-top: 0.5em;
+    text-align: center; }
+  .AnyTime-off-btn, .AnyTime-off-cur-btn {}
+  .AnyTime-off-select-btn {
+    width: 1.5em; }
+  .AnyTime-yr-selector, .AnyTime-hdr-yr-selector {}
+  .AnyTime-body-yr-selector {
+    padding: 1em; }
+  .AnyTime-yr-mil, .AnyTime-yr-cent, .AnyTime-yr-dec, .AnyTime-yr-yr {
+    float: left;
+    width: 2.5em; }
+  .AnyTime-mil-btn, .AnyTime-cent-btn, .AnyTime-dec-btn, .AnyTime-yr-btn {
+    float: left;
+    text-align: center;
+    width: 2em; }
+  .AnyTime-mil0-btn, .AnyTime-mil1-btn, .AnyTime-cent0-btn, .AnyTime-cent1-btn, .AnyTime-dec0-btn, .AnyTime-dec1-btn, .AnyTime-yr0-btn, .AnyTime-yr1-btn {}
+  .AnyTime-yr-era {
+    float: left;
+    padding-left: 1em;
+    width: 4.1em; }
+  .AnyTime-era-btn {
+    text-align: center;
+    width: 3em; }
+  .AnyTime-bce-btn, .AnyTime-ce-btn, .AnyTime-off-selector, .AnyTime-hdr-off-selector {}
+  .AnyTime-body-off-selector {
+    margin: 0.5em; }
+  .AnyTime-off-off {}
+  .AnyTime-off-off-btn {
+    clear: left;
+    padding-left: 1em;
+    padding-right: 1em;
+    text-align: left; }
+  .AnyTime-off-off-last-btn {}
+  .AnyTime-cur-btn {
+    border: 1px solid #333334;
+    background-color: #C0C0C1;
+    color: #FCFCFE;
+    font-weight: bold; }
+  .AnyTime-out-btn {
+    background-color: #F0F0F1;
+    border: 1px solid #C0C0c1; }
+  .AnyTime-focus-btn {
+    border: 1px dashed black; } }
+
+/*
+ *  .AnyTime-cloak covers an AnyTime-pkr whenever an AnyTime-yr-selector is placed over
+ *  it.  The picker cannot be accessed until the AnyTime-yr-selector has been
+ *  dismissed (possibly by clicking the AnyTime-cloak). The style usually
+ *  includes a background-color and opacity (and filter for MSIE opacity).
+ */
+
+/*
+ *  .AnyTime-hdr is the title bar at the top of a "window." In addition to
+ *  the title label, the title bar for popup (non-inline) pickers also
+ *  contains .AnyTime-x-btn.
+ */
+
+/*
+ *  .AnyTime-x-btn is a pseudo-button that, when clicked, causes the entire
+ *  picker to disappear (the picker also disappears if the user clicks 
+ *  almost anywhere off of it, or presses ESC).  This is designed to have,
+ *  at minumum, a border and float:right.
+ */
+
+/*
+ *  .AnyTime-btn is a pseudo-button for selection of a format field value.
+ *  Both height and float:left should be specified, but width is usually
+ *  left for different variations to specify (see classes .AnyTime-***-btn).
+ */
+
+/*
+ *  .AnyTime-body contains everything in thee picker except the title bar.
+ *  Because the picker attempts to size itself automatically based on
+ *  its format fields, do not width or height.
+ */
+
+/*
+ *  .AnyTime-date contains all content (labels and pseudo-buttons) for selecting
+ *  a date (or part thereof).  It is designed to be float:left and should
+ *  have a small amount of paddding.
+ */
+
+/*
+ *  .AnyTime-lbl headings appear before each group of pseudo-buttons for a
+ *  particular format field.  Each specific label has a class, also.
+ *  Styles clear:left and height should be specified here.
+ */
+
+/*
+ *  .AnyTime-yrs contains the year-selection pseudo-buttons.
+ *  A height and width should be specified.
+ */
+
+/*
+ *  Following are classes for the pseudo-buttons within .AnyTime-yrs
+ *  A width should be specified for each.
+ */
+
+/*
+ *  .AnyTime-mons
+ *  .AnyTime-mons contains the month-selection pseudo-buttons.
+ *  A height and width should be specified.
+ */
+
+/*
+ *  .AnyTime-mon-btn is for the pseudo-buttons within .AnyTime-mons
+ *  A width should be specified.
+ *  Each pseudo-button also has a class of its own.
+ */
+
+/*
+ *  .AnyTime-dom-table is the table containing days-of-the-month.
+ *  .AnyTime-dom-head is the table heading, containing days-of-the-week labels.
+ *  tr.AnyTime-dow is the row in the heading.
+ *  td.AnyTime-dow is a column heading; each heading has its own class, also.
+ *  .AnyTime-dom-body is the table heading, containing days-of-the-week labels.
+ *  .AnyTime-wk is a table row, containing pseudo-buttons for days.
+ *  Each week has its own class (.AnyTime-wk***), also.
+ */
+
+/*
+ *  .AnyTime-dom-btn is a pseudo-button for a day-of-the-month.
+ *  Styles width, text-align:right and float:none should be specified.
+ *  .AnyTime-dom-btn-filled is a button containing a specific day-of-the-month.
+ *  .AnyTime-dom-btn-empty is a button for an empty cell (no day-of-the-month).
+ *  .AnyTime-dom-btn-empty-above-filled is an empty button above a filled button.
+ *  .AnyTime-dom-btn-empty-before-filled is empty, left of a filled button.
+ *  .AnyTime-dom-btn-empty-after-filled is empty, right of a filled button.
+ *  .AnyTime-dom-btn-empty-below-filled is empty, below a filled button.
+ */
+
+/*
+ *  .AnyTime-time contains all content (labels and pseudo-buttons) for selecting
+ *  a time (or part thereof).  It is designed to be float:left and should
+ *  have a small amount of paddding.
+ */
+
+/*
+ *  .AnyTime-hrs contains two columns (.AnyTime-hrs-am and .AnyTime-hrs-pm) of
+ *  pseudo-buttons for selecting hours. It is designed to be float:left, have
+ *  a width and padding.  The columns should each have width and float:left.
+ */
+
+/*
+ *  .AnyTime-hr-btn is a pseudo-button for selecting an hour.
+ *  Style should include width.
+ *  Each button also has a style of its own. 
+ */
+
+/*
+ *  .AnyTime-mins contains two columns (.AnyTime-mins-tens and .AnyTime-mins-ones)
+ *  of pseudo-buttons for selecting minutes.
+ *  It is designed to be float:left, have a width and padding.
+ *  The columns should each have width and float:left.
+ */
+
+/*
+ *  .AnyTime-min-ten-btn is a button in the .AnyTime-mins-tens column.
+ *  .AnyTime-min-one-btn is a button in the .AnyTime-ones-tens column.
+ *  A width should be specified.
+ *  Each button also has its own style.
+ */
+
+/*
+ *  .AnyTime-secs contains two columns (.AnyTime-secs-tens and .AnyTime-secs-ones)
+ *  of pseudo-buttons for selecting seconds.
+ *  It is designed to be float:left, have a width and padding.
+ *  The columns should each have width and float:left.
+ */
+
+/*
+ *  .AnyTime-sec-ten-btn is a button in the .AnyTime-secs-tens column.
+ *  .AnyTime-sec-one-btn is a button in the .AnyTime-ones-tens column.
+ *  A width should be specified.
+ *  Each button also has its own style.
+ */
+
+/*
+ *  .AnyTime-offs contains the UTC offset (timezone) selection pseudo-buttons.
+ *  The container is designed to have clear:left, float:left and padding. 
+ *  The two buttons have their own styles, and .AnyTime-off-select-btn should
+ *  include a width.
+ *  The width of the container and the .AnyTime-off-cur-btn should not be
+ *  specified, as they are computed based on the width of the
+ *  .AnyTime-off-select-btn and the .AnyTime-time container.
+ */
+
+/*
+ *  .AnyTime-yr-selector is an overlay (popup) for selecting a specific year.
+ *  The picker attempts to size the overlay automatically, based on
+ *  whether "era" buttons are displayed; therefore, do not set width.
+ *  AnyTime-hdr-yr-selector is its title bar. 
+ *  AnyTime-body-yr-selector is its body.
+ */
+
+/*
+ *  .AnyTime-yr-mil is the column of millenium-selector pseudo-buttons.
+ *  .AnyTime-yr-cent is the column of century-selector pseudo-buttons.
+ *  .AnyTime-yr-dec is the column of decade-selector pseudo-buttons.
+ *  .AnyTime-yr-yr is the column of year-selector pseudo-buttons.
+ *  A width and float:left should be specified for each.
+ *
+ *  .AnyTime-mil-btn is a millenium-selector button.
+ *  .AnyTime-cent-btn is a century-selector button.
+ *  .AnyTime-dec-btn is a decade-selector button.
+ *  .AnyTime-yr-btn is a year-selector button.
+ *  Each button has its own class, also.
+ */
+
+/*
+ *  .AnyTime-yr-era contains the column of era-selection pseudo-buttons.
+ *  A width and float:left should be specified.
+ *  Each era button has class .AnyTime-era-btn (with width) as well as
+ *  its own class.
+ */
+
+/*
+ *  .AnyTime-off-selector is an overlay (popup) for selecting a specific year.
+ *  The picker attempts to size the overlay automatically, based on
+ *  its contents; therefore, do not set width.
+ *  .AnyTime-hdr-off-selector is its title bar. 
+ *  .AnyTime-body-off-selector is its body.
+ *  .AnyTime-off-off is the column of offset-selector pseudo-buttons.
+ *  .AnyTime-off-off-btn is an offset-selector pseudo-button.
+ *  .AnyTime-off-off-last-btn is the last offset-selector pseudo-button.
+ */
+
+/*
+ *  .AnyTime-cur-btn is applied to every pseudo-button that represents
+ *  a currently-selected value.  They should stand out from the other
+ *  buttons, using a different background-color, border, color, font,
+ *  font-style and/or font-weight.  Note that color alone is not
+ *  sufficient for color-blind users to differentiate the buttons.
+ */
+
+/*
+ *  .AnyTime-out-btn is applied to every pseudo-button that represents
+ *  a value that should not be selected because it would make the value.
+ *  out-of-range.  Typically, this is to give it a "grayed-out" appearance.
+ *  Note that color alone is not sufficient for color-blind users to
+ *  differentiate the buttons, but since there's no harm in pressing these
+ *  buttons, it's probably no big deal.  
+ */
+
+/*
+ *  .AnyTime-focus-btn is applied to the single pseudo-button that appears to
+ *  have keyboard focus.  It should stand out from all other buttons,
+ *  using a different background-color, border, color, font, font-style
+ *  and/or font-weight.  Note that color alone is not sufficient for
+ *  color-blind users to differentiate the button.  Because most UIs
+ *  represent focus using a dashed or dotted border, this is recommended.
+ */
+
+/*
+ *  END OF FILE
+ */
+
+/*
+ * FullCalendar v1.4.5 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: Sun Feb 21 20:30:11 2010 -0800
+ *
+ */
+
+.fc {
+  font-size: 1em;
+  .fc-header, .fc-content {
+    font-size: 1em; }
+  direction: ltr;
+  text-align: left;
+  table {
+    border-collapse: collapse;
+    border-spacing: 0; }
+  td, th {
+    padding: 0;
+    vertical-align: top; } }
+
+/* Header
+------------------------------------------------------------------------*/
+
+table.fc-header {
+  width: 100%; }
+
+.fc-header-left {
+  width: 25%;
+  table {
+    float: left; } }
+
+.fc-header-center {
+  width: 50%;
+  text-align: center;
+  table {
+    margin: 0 auto; } }
+
+.fc-header-right {
+  width: 25%;
+  table {
+    float: right; } }
+
+.fc-header-title {
+  margin-top: 0;
+  white-space: nowrap;
+  text-align: center; }
+
+.fc-header-space {
+  padding-left: 10px; }
+
+/* right-to-left */
+
+.fc-rtl .fc-header-title {
+  direction: rtl; }
+
+/* Buttons
+------------------------------------------------------------------------*/
+
+.fc-header {
+  .fc-state-default, .ui-state-default {
+    margin-bottom: 1em;
+    cursor: pointer; }
+  .fc-state-default {
+    border-width: 1px 0;
+    padding: 0 1px;
+    border-style: solid;
+    a {
+      border-style: solid;
+      display: block;
+      border-width: 0 1px;
+      margin: 0 -1px;
+      width: 100%;
+      text-decoration: none; }
+    span {
+      display: block;
+      border-style: solid;
+      border-width: 1px 0 1px 1px;
+      padding: 3px 5px; } }
+  .ui-state-default {
+    padding: 4px 6px; }
+  .fc-state-default span, .ui-state-default span {
+    white-space: nowrap; }
+  .fc-no-right {
+    padding-right: 0;
+    a {
+      margin-right: 0;
+      border-right: 0; } }
+  .ui-no-right {
+    border-right: 0; }
+  .fc-corner-left {
+    margin-left: 1px;
+    padding-left: 0; }
+  .fc-corner-right {
+    margin-right: 1px;
+    padding-right: 0; }
+  .fc-state-default {
+    border-color: #777;
+    /* outer border */
+    color: #333;
+    a {
+      border-color: #777;
+      /* outer border */
+      color: #333; }
+    span {
+      border-color: #fff #fff #d1d1d1;
+      /* inner border */
+      background: #e8e8e8; } }
+  .fc-state-active a {
+    color: #fff; }
+  .fc-state-down span, .fc-state-active span {
+    background: #888;
+    border-color: #808080 #808080 #909090;
+    /* inner border */ }
+  .fc-state-disabled {
+    a {
+      color: #999;
+      border-color: #ccc;
+      /* outer border */ }
+    border-color: #ccc;
+    /* outer border */
+    span {
+      border-color: #fff #fff #f0f0f0;
+      /* inner border */
+      background: #f0f0f0; } } }
+
+/* for adjacent buttons */
+
+/* for fake rounded corners */
+
+/* DEFAULT button COLORS */
+
+/* PRESSED button COLORS (down and active) */
+
+/* DISABLED button COLORS */
+
+/* Content Area & Global Cell Styles
+------------------------------------------------------------------------*/
+
+.fc-widget-content {
+  border: 1px solid #ccc;
+  /* outer border color */ }
+
+.fc-content {
+  clear: both;
+  .fc-state-default {
+    border-style: solid;
+    border-color: #ccc;
+    /* inner border color */ }
+  .fc-state-highlight {
+    /* today */
+    background: #ffc; }
+  .fc-not-today {
+    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 {
+  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 */ }
+
+.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 */
+    overflow: hidden;
+    font-size: .85em;
+    text-decoration: none;
+    cursor: pointer; }
+  text-align: left; }
+
+/* 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-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 {
+  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;
+  a {
+    border-width: 0; } }
+
+/* for fake rounded corners */
+
+.fc-content {
+  .fc-corner-left {
+    margin-left: 1px;
+    a {
+      margin-left: -1px;
+      border-left-width: 1px; } }
+  .fc-corner-right {
+    margin-right: 1px;
+    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; }
+  .ui-resizable-w {
+    top: 0           !important;
+    left: -3px       !important;
+    width: 7px       !important;
+    height: 100%     !important;
+    cursor: w-resize; }
+  .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; }
+  td {
+    border-width: 1px 0 0 1px; } }
+
+.fc-grid {
+  th.fc-leftmost, td.fc-leftmost {
+    border-left: 0; }
+  .fc-day-number {
+    float: right;
+    padding: 0 2px; }
+  .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-day-content {
+    clear: both;
+    padding: 2px 2px 0;
+    /* distance between events and day edges */ }
+  .fc-event-time {
+    font-weight: bold; } }
+
+/* event styles */
+
+/* right-to-left */
+
+.fc-rtl .fc-grid {
+  direction: rtl;
+  .fc-day-number {
+    float: left; }
+  .fc-event-time {
+    float: right; } }
+
+/* Agenda Week View, Agenda Day View
+------------------------------------------------------------------------*/
+
+.fc .fc-agenda {
+  th, td {
+    border-width: 1px 0 0 1px; }
+  .fc-leftmost {
+    border-left: 0; } }
+
+.fc-agenda tr.fc-first {
+  th, td {
+    border-top: 0; } }
+
+.fc-agenda-head tr.fc-last th {
+  border-bottom-width: 1px; }
+
+.fc {
+  .fc-agenda-head td, .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; }
+  td {
+    padding-bottom: 10px; } }
+
+.fc {
+  .fc-divider {
+    div {
+      font-size: 1px;
+      /* for IE6/7 */
+      height: 2px; }
+    .fc-state-default {
+      background: #eee;
+      /* color for divider between all-day and time-slot events */ } }
+  .fc-agenda-body {
+    td div {
+      height: 20px;
+      /* slot height */ }
+    tr.fc-minor {
+      th, td {
+        border-top-style: dotted; } } } }
+
+/* body styles */
+
+.fc-agenda .fc-day-content {
+  padding: 2px 2px 0;
+  /* distance between events and day edges */ }
+
+/* Vertical Events
+------------------------------------------------------------------------*/
+
+.fc-event-vert {
+  border-width: 0 1px;
+  a {
+    border-width: 0; } }
+
+/* for fake rounded corners */
+
+.fc-content {
+  .fc-corner-top {
+    margin-top: 1px;
+    a {
+      margin-top: -1px;
+      border-top-width: 1px; } }
+  .fc-corner-bottom {
+    margin-bottom: 1px;
+    a {
+      margin-bottom: -1px;
+      border-bottom-width: 1px; } } }
+
+/* event content */
+
+.fc-event-vert {
+  span {
+    display: block;
+    position: relative;
+    z-index: 2;
+    &.fc-event-time {
+      white-space: nowrap;
+      _white-space: normal;
+      overflow: hidden;
+      border: 0;
+      font-size: 10px; }
+    &.fc-event-title {
+      line-height: 13px; }
+    &.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 */ } }
+  .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; } }
+
+/* resizable */