
/* Main Style Sheet for jQuery UI date picker */
#ui-datepicker-div.dmxCalendar, .ui-datepicker-inline.dmxCalendar {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	padding: 0;
	margin: 0;
	background: #EEE;
	width: 185px;
	
}
#ui-datepicker-div.dmxCalendar {
	display: none;
	border: 1px solid #777;
	z-index: 100; /*must have*/
}
.ui-datepicker-inline.dmxCalendar {
	float: left;
	display: block;
	border: 0;
	border: 1px solid #777;
}
.dmxCalendar .ui-datepicker-rtl {
	direction: rtl;
}
.dmxCalendar.ui-datepicker-dialog {
	padding: 0px !important;
	background: #666 !important;
	border-width: 1px !important;
	border-style: solid !important;
	border-color: #333 #000 #000 #333 !important;
}
.dmxCalendar .ui-datepicker-disabled {
	position: absolute;
	z-index: 100;
	background-color: white;
	opacity: 0.5;
}
.dmxCalendar button.ui-datepicker-trigger {
	width: 25px;
}
.dmxCalendar img.ui-datepicker-trigger {
	margin: 2px;
	vertical-align: middle;
}
.dmxCalendar .ui-datepicker-prompt {
	padding: 2px;
	background: #666 !important;
	color: #FFF !important;
	font-weight:bold;
	border:1px solid;
	border-color:#BBB #555 #000 #999;
  float:none;
	width: auto;
}
* html .dmxCalendar .ui-datepicker-prompt {
	width: auto;
}
.dmxCalendar .ui-datepicker-control, 
.dmxCalendar .ui-datepicker-links, 
.dmxCalendar .ui-datepicker-header, 
.dmxCalendar .ui-datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #fff;
	/*font-size:11px;*/
	filter:alpha();
}

.dmxCalendar .ui-datepicker-one-month .ui-datepicker-header {
	border-bottom:1px solid #777;
	height:22px;
	line-height:22px;
}



.dmxCalendar .ui-datepicker-control {
	background: #777;
	border-top:1px solid #AAA;
	border-bottom:1px solid #555;
	padding: 2px 0px;
	
}

.dmxCalendar .ui-datepicker-links {
	background:#999;
	border-top:1px solid #777;
	padding: 2px 0px;
}

.dmxCalendar .ui-datepicker-control, 
.dmxCalendar .ui-datepicker-links {
	font-weight: bold;
	/*font-size:11px;*/
}

.dmxCalendar .ui-datepicker-links label { /* disabled links */
	padding: 2px 5px;
	color: #777;
}

.dmxCalendar .ui-datepicker-clear, 
.dmxCalendar .ui-datepicker-prev {
	float: left;
	width: 34%;
	text-align:left;
}
.dmxCalendar .ui-datepicker-rtl .ui-datepicker-clear, 
.dmxCalendar .ui-datepicker-rtl .ui-datepicker-prev {
	float: right;
	text-align: right;
}
.dmxCalendar .ui-datepicker-current {
	float: left;
	width: 30%;
	text-align: center;
}
.dmxCalendar .ui-datepicker-close, 
.dmxCalendar .ui-datepicker-next {
	float: right;
	width: 34%;
	text-align: right;
}
.dmxCalendar .ui-datepicker-rtl .ui-datepicker-close, 
.dmxCalendar .ui-datepicker-rtl .ui-datepicker-next {
	float: left;
	text-align: left;
}
.dmxCalendar .ui-datepicker-header {
	padding: 1px 0 3px;
	background: #999;
	text-align: center;
	font-weight: bold;
	height: 1.5em;
}
.dmxCalendar .ui-datepicker-header select {
	background: #999;
	color: #fff;
	border: 0px;
	font-weight: normal;
	margin:0 auto -3px;
}
.dmxCalendar .ui-datepicker {
	background: #ccc;
	text-align: center;
	border-bottom:1px solid #ccc;
	border-top:1px solid #BBB;
	border-left:1px solid #FFF;
	border-right:1px solid #BBB;
	/*filter:alpha();*/
	
}
.dmxCalendar .ui-datepicker a {
	display: block;
	width: 100%;
}
.dmxCalendar .ui-datepicker-title-row {
	background: #777;
	border-top: 1px solid #888;
	border-bottom: 1px solid #444;
	/*filter:alpha();*/
}
.dmxCalendar .ui-datepicker-days-row {
	background: #FFF;
	color: #666;
}
.dmxCalendar .ui-datepicker-week-col {
	background: #777;
	color: #fff;
}
.dmxCalendar .ui-datepicker-days-cell {
	color: #000;
	border: 1px solid #EEE;
}
.dmxCalendar .ui-datepicker-days-cell a{
	display: block;
}
.dmxCalendar .ui-datepicker-week-end-cell {
	background: #eee;
}
.dmxCalendar .ui-datepicker-title-row .ui-datepicker-week-end-cell,
.dmxCalendar .ui-datepicker-title-row td {
	background: #777;
	border-top:1px solid #888;
	border-bottom:1px solid #555;
}
.dmxCalendar .ui-datepicker-unselectable {
	color: #888;
}
.dmxCalendar .ui-datepicker-days-cell-over {
	background: #fff !important;
	border: 1px solid #777 !important;
}
.dmxCalendar .ui-datepicker-today {
	background: #ddd !important;
	border-color:#999 !important;
}
.dmxCalendar .ui-datepicker-week-over td, 
.dmxCalendar .ui-datepicker-week-over .ui-datepicker-week-end-cell {
	background: #DDDDD0;
	border-color: #DDDDD0;
}
.dmxCalendar .ui-datepicker-current-day,
.dmxCalendar .ui-datepicker-current-day .ui-datepicker-links a {
	background: #F90 !important;
	color: #000 !important;
	border-color: #C00 !important;
}

.dmxCalendar .ui-datepicker-status {
	background: #e5e5e5;
	border-top:1px solid #999;
	width: 100%;
	font-size: 11px;
	text-align: center;
	padding:1px 0;
	color:#666;
	border-bottom:1px solid #CCC;
	height:1.2em;
	line-height:1.2em;
  white-space:nowrap;
  overflow: hidden;
	filter:alpha();
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#ui-datepicker-div.dmxCalendar a, .ui-datepicker-inline.dmxCalendar a {
	cursor: default;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.dmxCalendar .ui-datepicker-inline .ui-datepicker-links a {
	padding: 0 5px !important;
}
.dmxCalendar .ui-datepicker-control a, 
.dmxCalendar .ui-datepicker-links a {
	padding: 2px 5px !important;
	color: #eee !important;
}
.dmxCalendar .ui-datepicker-title-row a {
	color: #eee !important;
}
.dmxCalendar .ui-datepicker-control a:hover {
	background: #666 !important;
	color: #fff !important;
}
.dmxCalendar .ui-datepicker-links a:hover {
	background: #777 !important;
	color: #fff !important;
}

.dmxCalendar .ui-datepicker-title-row a:hover {
	background: #999 !important;
	color: #fff !important;
	border-top-color:#999;
}

/* ___________ MULTIPLE MONTHS _________*/

.dmxCalendar .ui-datepicker-multi .ui-datepicker {
	border: 1px solid #777;
}
.dmxCalendar .ui-datepicker-one-month {
	float: left;
	clear: none;
	width: 185px;
}
.dmxCalendar .ui-datepicker-new-row {
	clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.dmxCalendar .ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -2; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

