.calendar_slide_down
{
  position: absolute;
  background: black;

  border: 1px solid white;

  display: none;

  margin-top: 35px;

  z-index: 5;
}

.calendar_page_header
{
  margin: auto;

  height: 1.5em;
  width:  90%;

  border-bottom: .1em solid white;
}

.calendar_page_slide_left,
.calendar_page_slide_right
{
  cursor: pointer;

  height: 1.2em;
  width:  1.2em;

  margin-top: .05em;
}

.calendar_page_slide_left
{
  background: url("../images/controls/switch_left.png");
  background-size: 100% 100%;
  float: left;

  margin-left: .5em;
}

.calendar_page_slide_right
{
  background: url("../images/controls/switch_right.png");
  background-size: 100% 100%;
  float: right;

  margin-right: .5em;
}

.calendar_page_month_year_info
{
  height: 100%;
  width:  70%;

  float: left;

  text-align: center;

  line-height: 1.3em;
}

.calendar_page_day_acronyms
{
  margin-top: .2em;
  height:     1.2em;
}

.calendar_page_day_acronym
{
  background: -webkit-gradient(linear, left top, left bottombottom, from(rgba(205,205,205,1)), to(rgba(178,178,178,1)));
  background: -moz-linear-gradient(top, rgba(205,205,205,1), rgba(178,178,178,1));

  border: .1em solid white;

  color: black;

  float: left;

  height: 1em;
  width: 12%;

  text-align: center;

  line-height: 1em;

  margin-left: .27em;
}

.calendar_page_content
{
  height: auto;
  margin-top: .2em;
}

.calendar_page_week
{
  height: 1em;
  width:  100%;

  margin-bottom: .4em;
}

.calendar_page_day_wrapper
{
  border: .1em solid white;

  float: left;

  height: 100%;
  width:  12%;

  margin-left: .27em;
}

.calendar_page_day
{
  height: 100%;
  width:  100%;

  background: -webkit-gradient(linear, left top, left bottombottom, from(rgba(215,215,215,1)), to(rgba(188,188,188,1)));
  background: -moz-linear-gradient(top, rgba(215,215,215,1), rgba(188,188,188,1));
  background: -o-linear-gradient(top, rgba(215,215,215,1), rgba(188,188,188,1));
  background: -ms-linear-gradient(top, rgba(215,215,215,1), rgba(188,188,188,1));
  background: linear-gradient(top, rgba(215,215,215,1), rgba(188,188,188,1));

  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#D7D7D7', endColorstr='#BCBCBC');

  text-align: center;
  line-height: 1em;

  color: black;
}

.selectable:hover
{
  background: white;
  cursor: pointer;
}

.not_selectable
{
  background: -webkit-gradient(linear, left top, left bottombottom, from(rgba(175,175,175,1)), to(rgba(138,138,138,1)));
  background: -moz-linear-gradient(top, rgba(175,175,175,1), rgba(138,138,138,1));

  cursor: default;
}

.current_day
{
  background: -webkit-gradient(linear, left top, left bottombottom, from(rgba(225,25,0,1)), to(rgba(198,25,0,1)));
  background: -moz-linear-gradient(top, rgba(225,25,0,1), rgba(198,25,0,1));
}

/*
.calendar_menu .weekday
{
  float: left;

  height: 1em;
  width:  1em;

  border: .1em solid white;

  margin-right: .1em;
  margin-left:  .1em;
}*/

.calendar_icon
{
  margin-left:  1em;
  margin-top:   .7em;

  float: left;

  height: 2.5em;
  width:  5em;

  background: -webkit-gradient(linear, left top, left bottombottom, from(rgba(205,205,205,1)), to(rgba(178,178,178,1)));
  background: -moz-linear-gradient(top, rgba(205,205,205,1), rgba(178,178,178,1));
    
  color: #111;

  text-align: center;

  border: 1px solid #f3f3f3;
  border-radius: 2px;

  font-size: 0.5em;
}

.calendar_icon:hover
{
  background: white;
  cursor:     pointer;
}

.calendar_icon_weekday
{
  display: block;

  color: #111;

  background : -webkit-gradient(linear, left top, left bottom, from(rgba(228,167,167,1)), to(rgba(168,52,54,1)));
  background : -moz-linear-gradient(top, rgba(228,167,167,1), rgba(168,52,54,1));
}

.calendar_icon_date
{
  display: block;

  color: #111;
}