.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {background-color:#7dc402;}
.ui-widget-content .ui-state-hover { border:none !important;background-color:#fff;}
.ui-datepicker .ui-datepicker-header { background:#7dc402 !important;}
table .ui-state-default { border: 1px solid #7dc402 !important;}
table .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color:#7dc402 !important;}
table .ui-state-default, .ui-widget-content .ui-state-default {color:#000 !important;}
table .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #7dc402 !important;}
table .ui-state-hover {background: #7dc402 !important;color:#fff !important;}
table .ui-state-highlight, .ui-widget-content .ui-state-highlight {background: #e2fcb6 !important;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { background-image:url(../css/ui/images/ui-icons_222222_256x240.png); }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { background-image:url(../css/ui/images/ui-ui-icons_ffffff_256x240.png); background-color:#fff !important; }

/* Martin debug 
 * The ui.datepicker.min.js has been changed to initialise the datepicker into div#wrapper - the line looks like this 
 * "find("#wrapper").append($.datepicker.dpDiv);$.datepicker.initialized=true}"
 * This change has forced some changes within css
 * Also the main div that wraps the page has been changed to have a Relative positioning
 * This way the div#ui-datepicker-div element will get its left and top positioning from
 * the first parent element that holds the page.
 */
div#wrapper
	{
	position: relative;
	}
div#ui-datepicker-div 
	{
	position: absolute !important;
	top: 416px !important;
	left: 125px !important;
	display: none;
	z-index: 999999;
	}