/* Helix overriden the default styling for jQuery Datepicker v5.0.1. */

/* The following is for the next month arrows.  The default is 30%.  Change to 20% to show all the top control in one line*/
.datepick {
	margin:0 2%;
/*
	width:164px !important;
*/
}

.datepick-cmd.datepick-cmd-prev, .datepick-cmd.datepick-cmd-next { 
    width: 20%; 
}

.datepick-ctrl {
    background-color: #ffffff;
}

.datepick-month a {
    background-color: #ffffff;
}

.datepick-month td .datepick-today {
    background-color: #ffffff;
    color:#0a0d4c;
    font-weight:bold;
}

.datepick-month td {
    background-color: #ffffff;
}

.datepick-month td .datepick-weekend {
    background-color: #ffffff;
}

.datepick-cmd:hover {
	background-color:  #ffffff;
	color:#0a0d4c;
}

.datepick-ctrl .datepick-cmd:hover {
	background-color:  #ffffff;
	color:#0a0d4c;
}

.datepick-month td .datepick-highlight {
	background-color:  #ffffff;
	color:#0a0d4c;
}

.datepick-month th, .datepick-month th a {
    background-color: #09115a;
}

.datepick-month-header, .datepick-month-header select, .datepick-month-header input {
    background-color: #eeeeee;
    height: auto;
}
.datepick-month-header {
	overflow: auto;
}
select.datepick-month-year {
	float: left;
	width: 50%;
}
.datepick-month-header select, .datepick-month-header input {
    margin: 6px 0;
}

a.datepick-cmd {
    height: auto;
}

@media screen and (max-width: 680px) {
.datepick {
	font-size: 100%;
	width:96% !important;
	margin:0 auto;
}

.datepick-popup {
	width:95% !important;
	left:3% !important;
}

.datepick-month {
    width: 100% !important;
    margin:0 auto;
}

.datepick-month th, .datepick-month td {
	padding:6px;
}

.datepick-nav, .datepick-ctrl {
    font-size: 110%;
    margin:7px 0;
}
}