/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.ui-datepicker{
    z-index:8031 !important;
}
.ui-datepicker {
    /*width: 214px;*/
    /*height: 172px;*/
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px; /* border radius */
    background-color: #fff; /* layer fill content */
    -moz-box-shadow: 0 0 4px rgba(4,4,4,.2); /* drop shadow */
    -webkit-box-shadow: 0 0 4px rgba(4,4,4,.2); /* drop shadow */
    box-shadow: 0 0 4px rgba(4,4,4,.2); /* drop shadow */
    margin: 10px 0 0 ;
    padding: 15px 20px;
    border: none;
    display: none;
}
.ui-datepicker:before {
    content: '';
    width: 19px;
    height: 9px;
    background: url("../images/review-ico.png") no-repeat;
    position: absolute;
    top: -9px;
    right: 10px;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
    background: none;
    border: none;
    margin: 0 0 15px;
}
.ui-datepicker .ui-datepicker-header a{
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev{position: absolute; border: none; left: 0; top:0; height: 25px; width: 25px;}
.ui-datepicker .ui-datepicker-next{position: absolute; border: none; right: 0; top:0;  height: 25px; width: 25px;}


.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    top: 50%;
    margin-top: -6px;
}
.ui-datepicker-prev .ui-icon{
    background: url("../images/datepicker-arrows.png") no-repeat;
    width: 9px;
    height: 15px;
}
.ui-datepicker-next .ui-icon{
    background: url("../images/datepicker-arrows.png") no-repeat -11px 0;
    width: 9px;
    height: 15px;
}

.ui-datepicker-prev:hover .ui-icon{
    background-position: 0 -15px;
}
.ui-datepicker-next:hover .ui-icon{
    background-position: -11px -15px;
}
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-datepicker .ui-datepicker-title {
    color: #339; /* text color */
    font-size: 14px;
    font-weight: normal;
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}


.ui-datepicker table {
    width: 210px;
    /*border-collapse: separate;*/
    margin: 0;
    border-collapse: collapse;
}

.ui-datepicker th {
    text-align: center;
    padding: 0 1px;
    color: #000; /* text color */
    font-size: 14px;
    font-weight: bold;
    border-left: 1px solid #d7d7d7;
    width: 27px;
    max-width: 27px;
}
.ui-datepicker td {
    padding: 0;
    border: 0;
    text-align: center;
    height: 27px;
    max-height: 27px;
    border-left: 1px solid #d7d7d7;
}
.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    text-decoration: none;
    border: none;
    background: none;
    margin: 0;
    line-height: 27px;
    text-align: center;
    /*display: block;*/
    color: #666666;
    font-weight: normal;
    font-size: 14px;
}


.ui-datepicker.top{
    margin: -10px 0 0;
}
.ui-datepicker.top:before {
    background: url("../images/review-ico2.png") no-repeat;
    position: absolute;
    top: auto;
    bottom: -9px;
    right: 10px;
}


.ui-widget{
    font-family: Arial, sans-serif;
}

.ui-datepicker th:first-child, .ui-datepicker td:first-child{
    border: none;
}

.ui-datepicker td span:hover, .ui-datepicker td a:hover, .ui-datepicker td a.ui-state-active, .ui-datepicker td.ui-datepicker-today a{
    width: 27px;
    height: 27px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px; /* border radius */
    background-color: #339; /* layer fill content */
    color: #fff;

}
.ui-datepicker td a{
    margin: 0;
    padding: 0;
    border: 0;
    display: inline-block;
    /*background: none;*/
    width: 27px;
    max-width: 27px;
    height: 27px;
    max-height: 27px;
    text-align: center;
}
.ui-datepicker-trigger{
    position: absolute;
    background: none;
	width: 22px;
	height: 22px;
	font-size: 0;
    right: 10px;
    top: 30px;
    outline: none;
	background: url("../images/calendar.png") no-repeat;
}

input.datepicker::-webkit-input-placeholder {
    color: #339;
}
input.datepicker:-moz-placeholder {
    color: #339;
}