/*
 * Copyright (c) 2012-2013 Thibaut Courouble
 * http://www.cssflow.com
 *
 * Licensed under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 */

/* calendar style here */
.picker-container {
  position: absolute;
  z-index: 99;
}


.cal {
  background-color: white;
  display: block;
  width:302px !important;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  border-collapse: collapse;
  border-spacing: 0;
}

.cal a {
  text-decoration: none;
}

.cal tr, .cal th, .cal td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

.cal caption {
  line-height: 32px;
  font-weight: bold;
  color: #e2e2e2;
  text-align: center;
  text-shadow: 0 -1px black;
  background: #333;
  border-bottom: 1px solid #313131;
  padding:3px 0
}
.cal caption a {
  display: block;
  line-height: 32px;
  padding: 0 10px;
  font-size: 15px;
  color: #fff;
  background:#7db802;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -ms-border-radius:5px;
}
.cal caption a:hover {
  color: #000;
}
.cal caption .prev {
  float: left;
  margin-left:3px;
}
.cal caption .next {
  float: right;
  margin-right:3px
}
.cal caption .month { color:#ffffff; text-shadow:none}
.cal th, .cal td {
  width: 30px;
  text-align: center;
}
.cal th:first-child, .cal td:first-child {
  border-left: 0;
}
.cal th {
line-height: 20px;
  font-size: 15px !important;
  color: #696969 !important;
  text-transform: uppercase;
  background: #fff !important;
  text-align: center !important;
  padding: 10px 5px !important;}
.cal td {
  font-size: 11px;
  padding:0px !important;
  border:0px none !important;
  background:transparent !important
}
.cal td a {
  clear: both;
  display: block;
  position: relative;
  width: auto;
  line-height:41px;
  color: #333333;
  background:#fff
}
.cal td a:hover, .cal td.off a {
  background: #ffffff;
}
.cal td a:hover{
  color:#333 !important
}

.cal td.off a {
  color: #b3b3b3;
}
.cal td.active a{
  color: #ffffff;
  background:#7db802;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -ms-border-radius:10px;
}
.cal td.off a:hover { color:#b3b3b3 !important;}

.cal td.active:first-child a, .cal td:first-child a:active {
  border-left: 0;
  margin-left: 0;
}
.cal td.active:last-child a, .cal td:last-child a:active {
  border-right: 0;
  margin-right: 0;
}
.cal tr:last-child td.active a, .cal tr:last-child td a:active {
  border-bottom: 0;
  margin-bottom: 0;
}