CSS Source

You can view the full source code for jquery.agjCalendar.css and jquery.agjCalendar.themes.css below.

In production environments we recommend you use either jquery.agjCalendar.min.css for integrations with themes or jquery.agjCalendar.min.no-themes.css for integrations without themes.

jquery.agjCalendar.css

/**
 * CSS source code of agjCalendar v1.1.0.
 *
 * Copyright (c) 2013-2024 Andrew G. Johnson <andrew@andrewgjohnson.com>
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to
 * deal in the Software without restriction, including without limitation the
 * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
 * sell copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
 * IN THE SOFTWARE.
 * @file The CSS source code for the agjCalendar jQuery plugin stylesheet.
 * @copyright 2013-2024 Andrew G. Johnson <andrew@andrewgjohnson.com>
 * @license MIT
 * @see {@link https://github.com/andrewgjohnson/agjCalendar GitHub Repository}
 * @see {@link https://agjCalendar.agjjQuery.org/ Online Documentation}
 * @author Andrew G. Johnson <andrew@andrewgjohnson.com>
 * @version 1.1.0
 */

#agjCalendar-modal-background
{
  background-color:#cccccc;
  bottom:-100px;
  display:none;
  filter:alpha(opacity=75);
  -khtml-opacity:0.75;
  left:-100px;
  -moz-opacity:0.75;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  opacity:0.75;
  position:fixed;
  right:-100px;
  top:-100px;
  z-index:2147483646
}

div.agjCalendar-modal-background-full
{
  background-color:#000000!important;
  filter:alpha(opacity=100)!important;
  -khtml-opacity:1!important;
  -moz-opacity:1!important;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important;
  opacity:1!important
}

#agjCalendar
{
  border:1px solid #999999;
  color:#000000;
  display:none;
  font-family:Verdana,sans-serif;
  font-size:12px;
  height:231px;
  position:absolute;
  text-align:left;
  z-index:2147483647
}
body.agjCalendar-active #agjCalendar { display:block }

div.agjCalendar-single
{
  width:179px
}

div.agjCalendar-double
{
  width:353px
}

div.agjCalendar-triple
{
  width:527px
}

div.agjCalendar-full
{
  background-color:#ffffff;
  border:0!important;
  bottom:0;
  height:auto!important;
  left:0;
  right:0;
  top:0;
  width:auto
}

#agjCalendar-header
{
  background-color:#eeeeee;
  border-bottom:1px solid #999999;
  display:block;
  font-size:11px;
  height:23px;
  line-height:22px;
  padding:0 0 0 6px;
  position:relative;
  text-shadow:#ffffff 1px 1px;
  text-shadow:rgba(255,255,255,0.5) 1px 1px
}

div.agjCalendar-full #agjCalendar-header
{
  background-color:#ffffff;
  border-collapse:separate;
  bottom:0;
  color:#000000;
  display:table;
  height:10%;
  line-height:100%;
  left:0;
  padding:0;
  position:fixed;
  text-align:center;
  text-decoration:none;
  text-indent:0;
  width:100%;
  z-index:2147483647
}

  div.agjCalendar-full #agjCalendar-header-inner
  {
    display:table-row;
    float:none;
    height:auto;
    width:auto
  }

  div.agjCalendar-full span
  {
    display:none
  }

  #agjCalendar-powered-by
  {
    color:#0000cc;
    outline:0;
    text-decoration:underline
  }

  #agjCalendar-powered-by:hover
  {
    color:#0000ff;
    text-decoration:none
  }

  div.agjCalendar-full #agjCalendar-powered-by
  {
    display:none
  }

  #agjCalendar-hide
  {
    background-image:url("../agjCalendar/hide.png");
    *background-image:url("../agjCalendar/hide.gif");
    background-position:0 50%;
    background-repeat:no-repeat;
    border-radius:9px;
    display:block;
    float:right;
    height:23px;
    -moz-border-radius:9px;
    outline:0;
    overflow:hidden;
    position:absolute;
    right:6px;
    text-indent:-5000px;
    top:0;
    width:13px
  }

  @media
    only screen and (-webkit-min-device-pixel-ratio:2),
    only screen and (min--moz-device-pixel-ratio:2),
    only screen and (-o-min-device-pixel-ratio:2/1),
    only screen and (min-device-pixel-ratio:2),
    only screen and (min-resolution:192dpi),
    only screen and (min-resolution:2dppx)
  {
    #agjCalendar-hide { background-image:url("../agjCalendar/hide2x.png");background-size:13px 13px }
  }

  div.agjCalendar-full #agjCalendar-hide
  {
    background-image:none;
    border-radius:0;
    color:#000000;
    display:table-cell;
    float:none;
    height:auto;
    -moz-border-radius:0;
    position:static;
    right:auto;
    text-align:center;
    text-decoration:none;
    text-indent:0;
    top:auto;
    vertical-align:middle;
    width:auto
  }

#agjCalendar-body
{
  background-color:#ffffff;
  border:5px solid #ffffff;
  border-right:0;
  font-size:11px;
  height:197px;
  position:relative
}

div.agjCalendar-full #agjCalendar-body
{
  border:0;
  bottom:0;
  height:auto;
  left:0;
  position:absolute;
  right:0;
  top:0
}

#agjCalendar-first,#agjCalendar-second,#agjCalendar-third
{
  float:left;
  height:197px;
  width:169px
}

#agjCalendar-second,#agjCalendar-third
{
  display:none;
  margin:0 0 0 5px
}

div.agjCalendar-double #agjCalendar-second,div.agjCalendar-triple #agjCalendar-second,div.agjCalendar-triple #agjCalendar-third
{
  display:block
}

div.agjCalendar-full #agjCalendar-first
{
  background-color:#ffffff;
  border:none;
  border-collapse:separate;
  display:table;
  float:none;
  height:90%;
  left:0;
  margin:auto;
  padding:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:2147483647
}

div.agjCalendar-full #agjCalendar-second,div.agjCalendar-full #agjCalendar-third
{
  display:none
}

  #agjCalendar-body div.agjCalendar-month,#agjCalendar-body div.agjCalendar-days
  {
    background-color:#eeeeee;
    border:0 solid #cccccc;
    border-width:0 1px;
    display:block;
    float:left;
    height:23px;
    width:167px
  }

  #agjCalendar-body div.agjCalendar-month
  {
    border-top-width:1px;
    padding:5px 6px 0 5px;
    width:156px
  }

  div.agjCalendar-full #agjCalendar-body div.agjCalendar-month
  {
    border:0;
    display:table;
    float:none;
    left:0;
    height:10%;
    padding:0;
    position:fixed;
    right:0;
    top:0;
    width:100%
  }

    div.agjCalendar-full #agjCalendar-body div.agjCalendar-month-inner-1
    {
      display:table-row
    }

    div.agjCalendar-full #agjCalendar-body div.agjCalendar-month-inner-2
    {
      background-color:#ffffff;
      display:table-cell;
      text-align:center;
      vertical-align:middle
    }

    #agjCalendar-dropdown
    {
      background-color:#ffffff;
      border:1px solid #cccccc;
      float:left;
      font-family:Verdana,sans-serif;
      font-size:12px;
      height:18px;
      padding:0 3px;
      text-transform:uppercase;
      width:100px
    }

    div.agjCalendar-full #agjCalendar-dropdown
    {
      border:0;
      float:none;
      height:auto;
      padding:10px;
      text-transform:none;
      width:auto
    }

    #agjCalendar-body div.agjCalendar-month strong
    {
      cursor:default;
      float:left;
      font-size:12px;
      font-weight:normal;
      height:18px;
      line-height:17px;
      padding:0 0 0 4px;
      text-transform:uppercase
    }

    #agjCalendar-body div.agjCalendar-month a
    {
      background-position:0 50%;
      background-repeat:no-repeat;
      border-radius:9px;
      display:block;
      float:right;
      height:18px;
      margin:0 0 0 3px;
      -moz-border-radius:9px;
      outline:0;
      text-indent:-5000px;
      width:13px
    }

    #agjCalendar-body div.agjCalendar-month a.agjCalendar-next-month
    {
      background-image:url("../agjCalendar/right-arrow.png");*background-image:url("../agjCalendar/right-arrow.gif")
    }

    @media
      only screen and (-webkit-min-device-pixel-ratio:2),
      only screen and (min--moz-device-pixel-ratio:2),
      only screen and (-o-min-device-pixel-ratio:2/1),
      only screen and (min-device-pixel-ratio:2),
      only screen and (min-resolution:192dpi),
      only screen and (min-resolution:2dppx)
    {
      #agjCalendar-body div.agjCalendar-month a.agjCalendar-next-month { background-image:url("../agjCalendar/right-arrow2x.png");background-size:13px 13px }
    }

    #agjCalendar-body div.agjCalendar-month a.agjCalendar-previous-month
    {
      background-image:url("../agjCalendar/left-arrow.png");*background-image:url("../agjCalendar/left-arrow.gif")
    }

    @media
      only screen and (-webkit-min-device-pixel-ratio:2),
      only screen and (min--moz-device-pixel-ratio:2),
      only screen and (-o-min-device-pixel-ratio:2/1),
      only screen and (min-device-pixel-ratio:2),
      only screen and (min-resolution:192dpi),
      only screen and (min-resolution:2dppx)
    {
      #agjCalendar-body div.agjCalendar-month a.agjCalendar-previous-month { background-image:url("../agjCalendar/left-arrow2x.png");background-size:13px 13px }
    }

    div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a
    {
      background-image:none;
      border-radius:0;
      float:none;
      height:1px;
      margin:0;
      -moz-border-radius:0;
      position:absolute;
      right:5px;
      text-indent:0;
      top:50%;
      width:1px
    }

    div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a.agjCalendar-previous-month
    {
      left:5px;
      right:auto
    }

      div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a span
      {
        background-image:none;
        border-bottom:5px solid transparent;
        border-left:10px solid #999999;
        border-top:5px solid transparent;
        cursor:pointer;
        display:block;
        float:none;
        height:0;
        position:absolute;
        right:0;
        text-indent:-5000px;
        top:-5px;
        width:0
      }

      div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a.agjCalendar-previous-month span
      {
        border-left:0;
        border-right:10px solid #999999;
        left:0;
        right:auto
      }

  #agjCalendar-body div.agjCalendar-days
  {
    border-bottom-width:1px
  }

  div.agjCalendar-full #agjCalendar-body div.agjCalendar-days
  {
    display:table-row;
    float:none;
    height:auto;
    width:auto
  }

    #agjCalendar-body div.agjCalendar-days div
    {
      cursor:default;
      display:block;
      float:left;
      font-weight:normal;
      height:23px;
      line-height:22px;
      padding:0 0 0 1px;
      text-align:center;
      text-transform:lowercase;
      width:23px
    }

    #agjCalendar-body div.agjCalendar-days div.agjCalendar-sunday
    {
      padding-left:0
    }

    div.agjCalendar-full #agjCalendar-body div.agjCalendar-days div
    {
      display:table-cell;
      float:none;
      height:auto;
      line-height:normal;
      vertical-align:middle;
      width:14.28%
    }

    div.agjCalendar-full #agjCalendar-body div.agjCalendar-days div.agjCalendar-sunday
    {
      width:14.32%
    }

  #agjCalendar-body div.agjCalendar-week
  {
    border:0 solid #cccccc;
    border-bottom-color:#eeeeee;
    border-width:0 1px 1px;
    display:block;
    float:left;
    height:23px;
    position:relative;
    width:167px
  }

  #agjCalendar-body div.agjCalendar-week-six
  {
    border-bottom-color:#cccccc
  }

  div.agjCalendar-full #agjCalendar-body div.agjCalendar-week
  {
    display:table-row;
    float:none;
    height:12.8%
  }

  div.agjCalendar-full #agjCalendar-body div.agjCalendar-five-weeks div.agjCalendar-week
  {
    height:14.65%
  }

  div.agjCalendar-full #agjCalendar-body div.agjCalendar-four-weeks div.agjCalendar-week
  {
    height:17.1%
  }

  div.agjCalendar-full #agjCalendar-body div.agjCalendar-four-weeks div.agjCalendar-week-five,div.agjCalendar-full #agjCalendar-body div.agjCalendar-four-weeks div.agjCalendar-week-six,div.agjCalendar-full #agjCalendar-body div.agjCalendar-five-weeks div.agjCalendar-week-six
  {
    display:none
  }

    #agjCalendar-body div.agjCalendar-week div
    {
      background-color:#ffffff;
      border-left:1px solid #eeeeee;
      color:#cccccc;
      cursor:default;
      display:block;
      float:left;
      font-weight:normal;
      height:23px;
      left:0;
      line-height:22px;
      position:absolute;
      text-align:center;
      text-transform:lowercase;
      top:0;
      width:23px
    }

    #agjCalendar-body div.agjCalendar-week div.agjCalendar-saturday,
    #agjCalendar.agjCalendar-start-week-on-monday div.agjCalendar-week div.agjCalendar-sunday
    {
      border-left-width:1px;
      left:143px
    }

    #agjCalendar-body div.agjCalendar-week div.agjCalendar-friday,
    #agjCalendar.agjCalendar-start-week-on-monday div.agjCalendar-week div.agjCalendar-saturday
    {
      border-left-width:1px;
      left:119px
    }

    #agjCalendar-body div.agjCalendar-week div.agjCalendar-thursday,
    #agjCalendar.agjCalendar-start-week-on-monday div.agjCalendar-week div.agjCalendar-friday
    {
      border-left-width:1px;
      left:95px
    }

    #agjCalendar-body div.agjCalendar-week div.agjCalendar-wednesday,
    #agjCalendar.agjCalendar-start-week-on-monday div.agjCalendar-week div.agjCalendar-thursday
    {
      border-left-width:1px;
      left:71px
    }

    #agjCalendar-body div.agjCalendar-week div.agjCalendar-tuesday,
    #agjCalendar.agjCalendar-start-week-on-monday div.agjCalendar-week div.agjCalendar-wednesday
    {
      border-left-width:1px;
      left:47px
    }

    #agjCalendar-body div.agjCalendar-week div.agjCalendar-monday,
    #agjCalendar.agjCalendar-start-week-on-monday div.agjCalendar-week div.agjCalendar-tuesday
    {
      border-left-width:1px;
      left:23px
    }

    #agjCalendar-body div.agjCalendar-week div.agjCalendar-sunday,
    #agjCalendar.agjCalendar-start-week-on-monday div.agjCalendar-week div.agjCalendar-monday
    {
      border-left-width:0;
      left:0
    }

    div.agjCalendar-full #agjCalendar-body div.agjCalendar-week div
    {
      border-bottom:1px solid #eeeeee;
      display:table-cell;
      float:none;
      height:auto;
      left:auto!important;
      line-height:normal;
      position:relative;
      top:auto;
      vertical-align:middle;
      width:auto
    }

    #agjCalendar-body div.agjCalendar-week div.agjCalendar-blank
    {
      background-color:#f9f9f9
    }

    #agjCalendar-body div.agjCalendar-week div.agjCalendar-today
    {
      font-style:italic
    }

    #agjCalendar-body div.agjCalendar-week div.agjCalendar-other-active
    {
      color:#b5b5cc
    }

    #agjCalendar-body div.agjCalendar-week a
    {
      background-color:#ffffff;
      color:#000000;
      display:block;
      float:left;
      height:23px;
      outline:0;
      text-decoration:none;
      width:23px
    }

    #agjCalendar-body div.agjCalendar-week div.agjCalendar-in-range,#agjCalendar-body div.agjCalendar-week div.agjCalendar-in-range a
    {
      background-color:#f4f4ff
    }

    #agjCalendar-body div.agjCalendar-week div.agjCalendar-other-active,#agjCalendar-body div.agjCalendar-week div.agjCalendar-other-active a
    {
      background-color:#e8e8ff
    }

    #agjCalendar-body div.agjCalendar-week div.agjCalendar-active,#agjCalendar-body div.agjCalendar-week div.agjCalendar-active a
    {
      background-color:#ddddff;
      font-weight:bold
    }

    #agjCalendar-body div.agjCalendar-week div.agjCalendar-today a.agjCalendar-active
    {
      *font-size:10px
    }

    div.agjCalendar-full #agjCalendar-body div.agjCalendar-week a
    {
      float:none;
      height:auto;
      width:auto
    }

    div.agjCalendar-full #agjCalendar-body div.agjCalendar-week a:after
    {
      background-color:#ffffff;
      bottom:0;
      content:"";
      cursor:pointer;
      display:block;
      filter:alpha(opacity=0);
      -khtml-opacity:0;
      left:0;
      -moz-opacity:0;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      opacity:0;
      position:absolute;
      right:0;
      top:0
    }

    @-moz-document url-prefix() { div.agjCalendar-full #agjCalendar-body div.agjCalendar-week a:after { display:none!important } }


/* responsive design */

@media only screen and (min-width:240px)
{
  div.agjCalendar-full #agjCalendar-header,div.agjCalendar-full #agjCalendar-body,div.agjCalendar-full #agjCalendar-dropdown { font-size:16px }
  div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a                                                             { right:15px }
  div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a.agjCalendar-previous-month                                  { left:15px }
  div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a span                                                        { border-width:7px 0 7px 15px;top:-7px }
  div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a.agjCalendar-previous-month span                             { border-right-width:15px }
}

@media only screen and (min-width:320px) and (min-height:320px)
{
  div.agjCalendar-full #agjCalendar-header,div.agjCalendar-full #agjCalendar-body,div.agjCalendar-full #agjCalendar-dropdown { font-size:22px }
  div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a                                                             { right:20px }
  div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a.agjCalendar-previous-month                                  { left:20px }
  div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a span                                                        { border-width:10px 0 10px 20px;top:-10px }
  div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a.agjCalendar-previous-month span                             { border-right-width:20px }
}

@media only screen and (min-width:480px) and (min-height:480px)
{
  div.agjCalendar-full #agjCalendar-header,div.agjCalendar-full #agjCalendar-body,div.agjCalendar-full #agjCalendar-dropdown { font-size:27px }
  div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a                                                             { right:30px }
  div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a.agjCalendar-previous-month                                  { left:30px }
  div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a span                                                        { border-width:20px 0 20px 30px;top:-20px }
  div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a.agjCalendar-previous-month span                             { border-right-width:30px }
}

@media only screen and (min-width:640px) and (min-height:640px)
{
  div.agjCalendar-full #agjCalendar-header,div.agjCalendar-full #agjCalendar-body,div.agjCalendar-full #agjCalendar-dropdown { font-size:33px }
  div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a                                                             { right:40px }
  div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a.agjCalendar-previous-month                                  { left:40px }
  div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a span                                                        { border-width:20px 0 20px 40px;top:-20px }
  div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a.agjCalendar-previous-month span                             { border-right-width:40px }
}

jquery.agjCalendar.themes.css

/**
 * CSS source code for the themes stylesheet of agjCalendar v1.1.0.
 *
 * Copyright (c) 2013-2024 Andrew G. Johnson <andrew@andrewgjohnson.com>
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to
 * deal in the Software without restriction, including without limitation the
 * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
 * sell copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
 * IN THE SOFTWARE.
 * @file The CSS source code for the agjCalendar jQuery plugin themes
 * stylesheet.
 * @copyright 2013-2024 Andrew G. Johnson <andrew@andrewgjohnson.com>
 * @license MIT
 * @see {@link https://github.com/andrewgjohnson/agjCalendar GitHub Repository}
 * @see {@link https://agjCalendar.agjjQuery.org/ Online Documentation}
 * @see {@link https://agjCalendar.agjjQuery.org/themes/ Themes Documentation}
 * @author Andrew G. Johnson <andrew@andrewgjohnson.com>
 * @version 1.1.0
 */


/* start of agjCalendar `red` theme */

#agjCalendar.agjCalendar-theme-red                                                                                                 { border-color:#cc8080 }
div.agjCalendar-theme-red #agjCalendar-header                                                                                      { background-color:#ffe6e6;border-color:#cc8080 }
div.agjCalendar-theme-red #agjCalendar-dropdown                                                                                    { border-color:#eebbbb }
div.agjCalendar-theme-red #agjCalendar-body div.agjCalendar-days,div.agjCalendar-theme-red #agjCalendar-body div.agjCalendar-month { background-color:#ffe6e6;border-color:#eebbbb }
div.agjCalendar-theme-red #agjCalendar-body div.agjCalendar-week                                                                   { border-color:#eebbbb;border-bottom-color:#ffe6e6 }
div.agjCalendar-theme-red #agjCalendar-body div.agjCalendar-week-six                                                               { border-bottom-color:#eebbbb }
div.agjCalendar-theme-red #agjCalendar-body div.agjCalendar-week div                                                               { border-color:#ffe6e6 }
div.agjCalendar-theme-red #agjCalendar-body div.agjCalendar-week div.agjCalendar-blank                                             { background-color:#fff6f6 }
div.agjCalendar-full.agjCalendar-theme-red #agjCalendar-body div.agjCalendar-month a span                                          { border-color:transparent #cc8080 }

/* end of agjCalendar `red` theme */


/* start of agjCalendar `orange` theme */

#agjCalendar.agjCalendar-theme-orange                                                                                                    { border-color:#cca680 }
div.agjCalendar-theme-orange #agjCalendar-header                                                                                         { background-color:#fff3e6;border-color:#cca680 }
div.agjCalendar-theme-orange #agjCalendar-dropdown                                                                                       { border-color:#eed5bb }
div.agjCalendar-theme-orange #agjCalendar-body div.agjCalendar-days,div.agjCalendar-theme-orange #agjCalendar-body div.agjCalendar-month { background-color:#fff3e6;border-color:#eed5bb }
div.agjCalendar-theme-orange #agjCalendar-body div.agjCalendar-week                                                                      { border-color:#eed5bb;border-bottom-color:#fff3e6 }
div.agjCalendar-theme-orange #agjCalendar-body div.agjCalendar-week-six                                                                  { border-bottom-color:#eed5bb }
div.agjCalendar-theme-orange #agjCalendar-body div.agjCalendar-week div                                                                  { border-color:#fff3e6 }
div.agjCalendar-theme-orange #agjCalendar-body div.agjCalendar-week div.agjCalendar-blank                                                { background-color:#fffaf6 }
div.agjCalendar-full.agjCalendar-theme-orange #agjCalendar-body div.agjCalendar-month a span                                             { border-color:transparent #cca680 }

/* end of agjCalendar `orange` theme */


/* start of agjCalendar `yellow` theme */

#agjCalendar.agjCalendar-theme-yellow                                                                                                    { border-color:#cccc80 }
div.agjCalendar-theme-yellow #agjCalendar-header                                                                                         { background-color:#ffffe6;border-color:#cccc80 }
div.agjCalendar-theme-yellow #agjCalendar-dropdown                                                                                       { border-color:#eeeebb }
div.agjCalendar-theme-yellow #agjCalendar-body div.agjCalendar-days,div.agjCalendar-theme-yellow #agjCalendar-body div.agjCalendar-month { background-color:#ffffe6;border-color:#eeeebb }
div.agjCalendar-theme-yellow #agjCalendar-body div.agjCalendar-week                                                                      { border-color:#eeeebb;border-bottom-color:#ffffe6 }
div.agjCalendar-theme-yellow #agjCalendar-body div.agjCalendar-week-six                                                                  { border-bottom-color:#eeeebb }
div.agjCalendar-theme-yellow #agjCalendar-body div.agjCalendar-week div                                                                  { border-color:#ffffe6 }
div.agjCalendar-theme-yellow #agjCalendar-body div.agjCalendar-week div.agjCalendar-blank                                                { background-color:#fffff6 }
div.agjCalendar-full.agjCalendar-theme-yellow #agjCalendar-body div.agjCalendar-month a span                                             { border-color:transparent #cccc80 }

/* end of agjCalendar `yellow` theme */


/* start of agjCalendar `green` theme */

#agjCalendar.agjCalendar-theme-green                                                                                                   { border-color:#80cc80 }
div.agjCalendar-theme-green #agjCalendar-header                                                                                        { background-color:#e6ffe6;border-color:#80cc80 }
div.agjCalendar-theme-green #agjCalendar-dropdown                                                                                      { border-color:#bbeebb }
div.agjCalendar-theme-green #agjCalendar-body div.agjCalendar-days,div.agjCalendar-theme-green #agjCalendar-body div.agjCalendar-month { background-color:#e6ffe6;border-color:#bbeebb }
div.agjCalendar-theme-green #agjCalendar-body div.agjCalendar-week                                                                     { border-color:#bbeebb;border-bottom-color:#e6ffe6 }
div.agjCalendar-theme-green #agjCalendar-body div.agjCalendar-week-six                                                                 { border-bottom-color:#bbeebb }
div.agjCalendar-theme-green #agjCalendar-body div.agjCalendar-week div                                                                 { border-color:#e6ffe6 }
div.agjCalendar-theme-green #agjCalendar-body div.agjCalendar-week div.agjCalendar-blank                                               { background-color:#f6fff6 }
div.agjCalendar-full.agjCalendar-theme-green #agjCalendar-body div.agjCalendar-month a span                                            { border-color:transparent #80cc80 }

/* end of agjCalendar `green` theme */


/* start of agjCalendar `cyan` theme */

#agjCalendar.agjCalendar-theme-cyan                                                                                                  { border-color:#80cccc }
div.agjCalendar-theme-cyan #agjCalendar-header                                                                                       { background-color:#e6ffff;border-color:#80cccc }
div.agjCalendar-theme-cyan #agjCalendar-dropdown                                                                                     { border-color:#bbeeee }
div.agjCalendar-theme-cyan #agjCalendar-body div.agjCalendar-days,div.agjCalendar-theme-cyan #agjCalendar-body div.agjCalendar-month { background-color:#e6ffff;border-color:#bbeeee }
div.agjCalendar-theme-cyan #agjCalendar-body div.agjCalendar-week                                                                    { border-color:#bbeeee;border-bottom-color:#e6ffff }
div.agjCalendar-theme-cyan #agjCalendar-body div.agjCalendar-week-six                                                                { border-bottom-color:#bbeeee }
div.agjCalendar-theme-cyan #agjCalendar-body div.agjCalendar-week div                                                                { border-color:#e6ffff }
div.agjCalendar-theme-cyan #agjCalendar-body div.agjCalendar-week div.agjCalendar-blank                                              { background-color:#f6ffff }
div.agjCalendar-full.agjCalendar-theme-cyan #agjCalendar-body div.agjCalendar-month a span                                           { border-color:transparent #80cccc }

/* end of agjCalendar `cyan` theme */


/* start of agjCalendar `blue` theme */

#agjCalendar.agjCalendar-theme-blue                                                                                                                                                             { border-color:#8080cc }
div.agjCalendar-theme-blue #agjCalendar-header                                                                                                                                                  { background-color:#e6e6ff;border-color:#8080cc }
div.agjCalendar-theme-blue #agjCalendar-dropdown                                                                                                                                                { border-color:#bbbbee }
div.agjCalendar-theme-blue #agjCalendar-body div.agjCalendar-days,div.agjCalendar-theme-blue #agjCalendar-body div.agjCalendar-month                                                            { background-color:#e6e6ff;border-color:#bbbbee }
div.agjCalendar-theme-blue #agjCalendar-body div.agjCalendar-week                                                                                                                               { border-color:#bbbbee;border-bottom-color:#e6e6ff }
div.agjCalendar-theme-blue #agjCalendar-body div.agjCalendar-week-six                                                                                                                           { border-bottom-color:#bbbbee }
div.agjCalendar-theme-blue #agjCalendar-body div.agjCalendar-week div                                                                                                                           { border-color:#e6e6ff }
div.agjCalendar-theme-blue #agjCalendar-body div.agjCalendar-week div.agjCalendar-blank                                                                                                         { background-color:#f6f6ff }
div.agjCalendar-full.agjCalendar-theme-blue #agjCalendar-body div.agjCalendar-month a span                                                                                                      { border-color:transparent #8080cc }
div.agjCalendar-theme-blue #agjCalendar-body div.agjCalendar-week div.agjCalendar-in-range,div.agjCalendar-theme-blue #agjCalendar-body div.agjCalendar-week div.agjCalendar-in-range a         { background-color:#ddffdd }
div.agjCalendar-theme-blue #agjCalendar-body div.agjCalendar-week div.agjCalendar-other-active,div.agjCalendar-theme-blue #agjCalendar-body div.agjCalendar-week div.agjCalendar-other-active a { background-color:#bbffbb }
div.agjCalendar-theme-blue #agjCalendar-body div.agjCalendar-week div.agjCalendar-active,div.agjCalendar-theme-blue #agjCalendar-body div.agjCalendar-week div.agjCalendar-active a             { background-color:#99ff99 }

/* end of agjCalendar `blue` theme */


/* start of agjCalendar `purple` theme */

#agjCalendar.agjCalendar-theme-purple                                                                                                    { border-color:#cc99cc }
div.agjCalendar-theme-purple #agjCalendar-header                                                                                         { background-color:#ffe6ff;border-color:#cc99cc }
div.agjCalendar-theme-purple #agjCalendar-dropdown                                                                                       { border-color:#ffe6ff }
div.agjCalendar-theme-purple #agjCalendar-body div.agjCalendar-days,div.agjCalendar-theme-purple #agjCalendar-body div.agjCalendar-month { background-color:#ffeeff;border-color:#eeccee }
div.agjCalendar-theme-purple #agjCalendar-body div.agjCalendar-week                                                                      { border-color:#eeccee;border-bottom-color:#ffe6ff }
div.agjCalendar-theme-purple #agjCalendar-body div.agjCalendar-week-six                                                                  { border-bottom-color:#eeccee }
div.agjCalendar-theme-purple #agjCalendar-body div.agjCalendar-week div                                                                  { border-color:#ffe6ff }
div.agjCalendar-theme-purple #agjCalendar-body div.agjCalendar-week div.agjCalendar-blank                                                { background-color:#fff9ff }
div.agjCalendar-full.agjCalendar-theme-purple #agjCalendar-body div.agjCalendar-month a span                                             { border-color:transparent #cc99cc }

/* end of agjCalendar `purple` theme */


/* start of agjCalendar `pink` theme */

#agjCalendar.agjCalendar-theme-pink                                                                                                  { border-color:#cc99b3 }
div.agjCalendar-theme-pink #agjCalendar-header                                                                                       { background-color:#ffeef7;border-color:#cc99b3 }
div.agjCalendar-theme-pink #agjCalendar-dropdown                                                                                     { border-color:#eeccdd }
div.agjCalendar-theme-pink #agjCalendar-body div.agjCalendar-days,div.agjCalendar-theme-pink #agjCalendar-body div.agjCalendar-month { background-color:#ffeef7;border-color:#eeccdd }
div.agjCalendar-theme-pink #agjCalendar-body div.agjCalendar-week                                                                    { border-color:#eeccdd;border-bottom-color:#ffeef7 }
div.agjCalendar-theme-pink #agjCalendar-body div.agjCalendar-week-six                                                                { border-bottom-color:#eeccdd }
div.agjCalendar-theme-pink #agjCalendar-body div.agjCalendar-week div                                                                { border-color:#ffeef7 }
div.agjCalendar-theme-pink #agjCalendar-body div.agjCalendar-week div.agjCalendar-blank                                              { background-color:#fff9fc }
div.agjCalendar-full.agjCalendar-theme-pink #agjCalendar-body div.agjCalendar-month a span                                           { border-color:transparent #cc99b3 }

/* end of agjCalendar `pink` theme */