@charset "utf-8";
/* CSS Document */

.ui-datepicker {width: 286px; height: auto; margin:  0 auto; font-family: 'Open Sans', sans-serif; font-size:.9375em;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5); display:none;}
.ui-datepicker a {text-decoration: none;}
.ui-datepicker table {width: 100%; border-collapse: collapse; border-spacing: 0; background:#fff;}
.ui-datepicker-header {font-family: 'Raleway', sans-serif;   font-weight: normal; font-size:1em; line-height: 40px; letter-spacing:1px; background: #000; color: #e0e0e0;}
.ui-datepicker-title {text-align: center; }
.ui-datepicker-prev, .ui-datepicker-next {display: inline-block; width: 30px; height: 30px; text-align: center; cursor: pointer; line-height: 600%; overflow: hidden; background-repeat: no-repeat; background-position: center 11px;}
.ui-datepicker-prev {float: left; background-image:url('../images/calendararrowl.png');}
.ui-datepicker-next {float: right; background-image:url('../images/calendararrowr.png');}
.ui-datepicker thead {
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
  background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
  background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
  background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
  background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
  border-bottom: 1px solid #bbb;
}
.ui-datepicker th {text-transform: uppercase; font-weight:normal; font-size:.8125em; padding: 8px 0; color: #666666; text-shadow: 1px 0px 0px #fff; filter: dropshadow(color=#fff, offx=1, offy=0);}
.ui-datepicker tbody td {padding: 0; border-right: 1px solid #bbb;}
.ui-datepicker tbody td:last-child {border-right: 0px;}
.ui-datepicker tbody tr {border-bottom: 1px solid #bbb;}
.ui-datepicker tbody tr:last-child {border-bottom: 0px;}
.ui-datepicker td span, .ui-datepicker td a {display: inline-block; font-weight: normal;  text-align: center; width: 40px; height: 30px; line-height: 30px; color: #666666;
  text-shadow: 1px 1px 0px #fff; filter: dropshadow(color=#fff, offx=1, offy=1);}
.ui-datepicker-calendar .ui-state-default {
  background: #afc8d3;
  background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
  background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);
  background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);
  background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);
  background: linear-gradient(top,  #ededed 0%,#dedede 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
  -webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
  -moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
  box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
}
.ui-datepicker-unselectable .ui-state-default {background: #fff; color: #b4b3b3;}
.ui-datepicker-calendar .ui-state-hover {background: #f7f7f7;}
.ui-datepicker-calendar .ui-state-active {
  background: #6eafbf;
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
  color: #e0e0e0;
  text-shadow: 0px 1px 0px #4d7a85;
  filter: dropshadow(color=#4d7a85, offx=0, offy=1);
  border: 1px solid #55838f;
  position: relative;
  margin: -1px;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
  width: 29px;
  margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
  width: 29px;
  margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
  height: 29px;
  margin-bottom: 0;
}
@media only screen 
and (min-width : 1224px) {
.ui-datepicker {

/*font-size:.75em; font-weight:normal;*/


}
.ui-datepicker th {font-size:.75em; padding: 8px 0;}	
.ui-datepicker td span, .ui-datepicker td a {font-size:.875em;}
}