/*Custom CSS File */
.picker-container {position: absolute; z-index: 99;}
.cal { border-collapse: collapse;  border-spacing: 0; display: block;  width: 70%; text-align:center;}
.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 { color: #fff; font-size: 24px; font-weight: 300; line-height: 31px; text-align: center;}
.cal caption a {  display: block; line-height: 32px; padding: 0 10px; font-size: 15px; color: #e2e2e2;}
.cal caption a:hover { color: white;}
.cal caption .prev { float: left;}
.cal caption .next {float: right;}
.cal th, .cal td { width: 40px; height: 40px; text-align: center;}
.cal th:first-child, .cal td:first-child { border-left: 0;}
.cal th { color: #fff; font-size: 16px; font-weight: 300; line-height: 32px;}
.cal td { color: #fff; font-size: 16px; font-weight: 300; line-height: 32px;}
.cal td a {  clear: both;  display: block;  position: relative;  width: 30px;  line-height: 28px;  color: #fff; }
.cal td a:hover, .cal td.off a {  background-color:transparent;}
.cal td.off a { color: #b3b3b3;}
.cal td.active a, .cal td a:active { margin: -1px;  color: #2f323a; background:#fff; border-radius:5px;}
.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;}