.ui-datepicker{ margin-top:5px; box-shadow: 0 0 12px rgba(0, 0, 0, .6); font-size:12pt; border-radius: 10px; color: #333; text-shadow: 0 1px 0 white; font-weight: normal; border: 5px solid #111!important; width:266px; background: -webkit-linear-gradient(#E6E6E6,#CCC); background: -moz-linear-gradient(#E6E6E6,#CCC); background-clip: padding-box; } .ui-datepicker table{ border-collapse:collapse; } .ui-datepicker td{ padding:0px; } .ui-datepicker-prev, .ui-datepicker-next{ background-color: rgba(0, 0, 0, .4); border: 3px solid #111!important; padding:0px; width:18px !important; height:18px !important; box-shadow: 0 1px 0 rgba(255, 255, 255, .4); border-radius:12px; background-image: -webkit-linear-gradient(#555,#333); background-image: -moz-linear-gradient(#555,#333); top:5px !important; cursor:pointer; } .ui-datepicker-next{ right:2px !important; } .ui-datepicker-prev{ left:2px !important; } .ui-datepicker .ui-widget-header{ background:transparent; border:none; } .ui-datepicker .ui-datepicker-title{ color: #333; text-shadow: 0 1px 0 white; font-weight: bold; } .ui-datepicker .ui-datepicker-calendar .ui-state-hover{ background-image: -webkit-linear-gradient(#333,#5A5A5A) !important; background-image: -moz-linear-gradient(#333,#5A5A5A) !important; } .ui-datepicker .ui-datepicker-calendar .ui-state-default{ width: 36px; height: 30px; padding:0px; margin:0px; display: inline-block; vertical-align: middle; text-align: center; line-height: 30px; font-weight: bold; font-size: 12px; border: 1px solid #222; background: #333; font-weight: bold; color: white; text-shadow: 0 -1px 1px black; background-image: -webkit-linear-gradient(#555,#333); background-image: -moz-linear-gradient(#555,#333); border-radius: 10px; } .ui-datepicker .ui-datepicker-calendar .ui-state-active{ border: 1px solid #F7C942; background: #FADB4E; font-weight: bold; color: #333; text-shadow: 0 1px 0 white; background-image: -webkit-linear-gradient(#FCEDA7,#FADB4E); background-image: -moz-linear-gradient(#FCEDA7,#FADB4E); } .ui-datepicker .ui-datepicker-calendar .ui-state-highlight{ color:#72B0D4; } .ui-datepicker .ui-datepicker-today a{ border: 1px solid white; } .ui-datepicker-next .ui-icon{ background-position: -32px -16px; background-image: url(/assets/shared/jquery-ui-images/ui-icons_ffffff_256x240.png); } .ui-datepicker-header .ui-datepicker-prev .ui-icon{ background-position: -96px -16px; background-image: url(/assets/shared/jquery-ui-images/ui-icons_ffffff_256x240.png); } .ui-datepicker-days-cell-over .ui-state-hover, .ui-datepicker-current-day .ui-state-hover{ border: 1px solid #F7C942 !important; background: #FADB4E !important; font-weight: bold !important; color: #333 !important; text-shadow: 0 1px 0 white !important; background-image: -webkit-linear-gradient(#FCEDA7,#FADB4E) !important; background-image: -moz-linear-gradient(#FCEDA7,#FADB4E) !important; } .ui-datepicker .ui-widget-header .ui-state-hover{ padding:0px; margin:0px; } .ui-datepicker-buttonpane .ui-state-default{ margin:8px 0px 10px 0px !important; font-size:14px; border: 1px solid #145072 !important; background: #2567AB !important; font-weight: normal !important; color: white !important; text-shadow: 0 -1px 1px #145072 !important; background-image: -webkit-linear-gradient(#5F9CC5,#396B9E) !important; background-image: -moz-linear-gradient(#5F9CC5,#396B9E) !important; border-radius:10px; background-clip: padding-box; } .ui-datepicker-buttonpane .ui-state-hover{ background-image: -webkit-linear-gradient(#72B0D4,#4B88B6) !important; background-image: -moz-linear-gradient(#72B0D4,#4B88B6) !important; } .ui-datepicker-buttonpane { border:none; margin:0px !important; }