/* Main Style Sheet for jQuery UI date picker */
#datetimepicker_div, .datetimepicker_inline {font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0; margin: 0; background: #ddd; width: 185px;}
#datetimepicker_div {display: none; 1px solid #777: none; z-index: 100; /*must have*/}
.datetimepicker_inline {float: left; display: block; border: 0;}
.datetimepicker_rtl {direction: rtl;}
.datetimepicker_dialog {padding: 5px !important; border: 4px ridge #ddd !important;}
.datetimepicker_disabled {position: absolute; z-index: 100; background-color: white; opacity: 0.5;}
button.datetimepicker_trigger {width: 25px;}
img.datetimepicker_trigger {/*margin: 2px; vertical-align: middle;*/ position: relative; left: -16px; top: 3px;}
.datetimepicker_prompt {float: left; padding: 2px; background: #ddd; color: #000;}
* html .datetimepicker_prompt {width: 185px;}
.datetimepicker_control, .datetimepicker_links, .datetimepicker_header, .datetimepicker {clear: both; float: left; width: 100%; color: #fff;}
.datetimepicker_control {border-bottom: 1px solid black; background: #18208C; padding: 2px 0px; display:none;}
.datetimepicker_links {border-bottom: 1px solid #000; background: #18208C; /*background: #F60; border-top: 1px solid #F94; border-bottom: 1px solid #940;*/ padding: 2px 0px;}
.datetimepicker_control, .datetimepicker_links {font-weight: bold; font-size: 80%;}
.datetimepicker_links label {/* disabled links */padding: 2px 5px; color: #888;}
.datetimepicker_clear, .datetimepicker_prev {float: left; width: 34%;}
.datetimepicker_rtl .datetimepicker_clear, .datetimepicker_rtl .datetimepicker_prev {float: right; text-align: right;}
.datetimepicker_current {float: left; width: 30%; text-align: center;}
.datetimepicker_close, .datetimepicker_next {float: right; width: 34%; text-align: right;}
.datetimepicker_rtl .datetimepicker_close, .datetimepicker_rtl .datetimepicker_next {float: left; text-align: left;}
.datetimepicker_header {border-top: 1px solid #999; border-bottom: 1px solid #000; padding: 1px 0 3px; background: #666; text-align: center; font-weight: bold; height: 1em;}
.datetimepicker_header select {/*display: none;*/ background: #ccc; color: #003; border: 1px solid snow; font-size: 90%; margin: 1px 2px; font-weight: bold;}
.datetimepicker {background: #ccc; text-align: center; font-size: 100%;}
.datetimepicker a {display: block; width: 100%;}
.datetimepicker_titleRow {background: #777;}
.datetimepicker_daysRow {background: #eee; color: #666;}
.datetimepicker_weekCol {background: #777; color: #fff;}
.datetimepicker_daysCell {color: #000; border: 1px solid #ddd;}
.datetimepicker_daysCell a{display: block;}
.datetimepicker_weekEndcell {background: #ddd;}
.datetimepicker_titleRow .datetimepicker_weekEndCell {background: #777;}
.datetimepicker_daysCellOver {background: #fff; border: 1px solid #777;}
.datetimepicker_unselectable {color: #888;}
.datetimepicker_today {background: #fcc !important;}
.datetimepicker_currentDay {background: #999 !important;}
.datetimepicker_status {background: #ddd; width: 100%; font-size: 80%; text-align: center;}
/*.datetimepicker_newHour, .datetimepicker_newMinute {font-size:90%}*/

/* ________ datetimepicker Links _______

** Reset link properties and then override them with !important */
#datetimepicker_div a, .datetimepicker_inline a {	cursor: pointer; margin: 0; padding: 0; background: none; color: #000;}
.datetimepicker_inline .datetimepicker_links a {padding: 0 5px !important;}
.datetimepicker_control a, .datetimepicker_links a {	padding: 2px 5px !important; color: #eee !important;}
.datetimepicker_titleRow a {color: #eee !important;}
.datetimepicker_control a:hover {color: #CCC !important; background-color: #CCC;}
.datetimepicker_links a:hover, .datetimepicker_titleRow a:hover {/*	background: #ddd !important;*/ color: #ccc !important;}

/* ___________ MULTIPLE MONTHS _________*/

.datetimepicker_multi .datetimepicker {border: 1px solid #ccc;}
.datetimepicker_oneMonth {float: left; width: 185px;}
.datetimepicker_newRow {clear: left;}

/* ___________ IE6 IFRAME FIX ________ */

.datetimepicker_cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 193px; /*must have*/
    height: 200px; /*must have*/
	}