/* Main Style Sheet for jQuery UI date picker */
 #ui-datepicker-div, .ui-datepicker-inline {
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 14px;
 	padding: 0;
 	margin: 0;
 	background: #ddd;
 	width: 185px;
 }
 #ui-datepicker-div {
 	display: none;
 	border: 1px solid #777;
 	z-index: 9999; /*must have*/
                     font-size:11px;
 }
 .ui-datepicker-inline {
 	float: left;
 	display: block;
 	border: 0;
 }
 .ui-datepicker-rtl {
 	direction: rtl;
 }
 .ui-datepicker-dialog {
 	padding: 5px !important;
 	border: 4px ridge #ddd !important;
 }
 button.ui-datepicker-trigger {
 	width: 25px;
 }
 img.ui-datepicker-trigger {
 	margin: 2px;
 	vertical-align: middle;
 }
 .ui-datepicker-prompt {
 	float: left;
 	padding: 2px;
 	background: #ddd;
 	color: #000;
 }
 * html .ui-datepicker-prompt {
 	width: 185px;
 }
 .ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
 	clear: both;
 	float: left;
 	width: 100%;
 	color: #000000; !important
 }
 .ui-datepicker-control {
 	background: #232234; /*Datepicker Heading1 Color*/
 	padding: 2px 0px;
 }
 .ui-datepicker-links {
 	background: #606676; /*Datepicker Heading2 Color*/
 	padding: 2px 0px;
color:#000000; !important
 }
 .ui-datepicker-control, .ui-datepicker-links {
 	font-weight: bold;
 	font-size: 80%;
 }
 .ui-datepicker-links label { /* disabled links */
 	padding: 2px 5px;
 	color: #888;
 }
 .ui-datepicker-clear, .ui-datepicker-prev {
 	float: left;
 	width: 34%;
 }
 .ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
 	float: right;
 	text-align: right;
 }
 .ui-datepicker-current {
 	float: left;
 	width: 30%;
 	text-align: center;
 }
 .ui-datepicker-close, .ui-datepicker-next {
 	float: right;
 	width: 34%;
 	text-align: right;
 }
 .ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
 	float: left;
 	text-align: left;
 }
 .ui-datepicker-header {
 	padding: 1px 0 3px;
 	background: #FFF;
 	text-align: center;
 	font-weight: bold;
 	height: 1.3em;
 }
 .ui-datepicker-header select {
 	background: #FFF;
 	color: #333;
                      border:1px #777 solid;
 	font-weight: bold;
                     font-family:Tahoma;
                     font-size:11px;
 }
 .ui-datepicker {
 	background: #ccc;
 	text-align: center;
 	font-size: 100%;
 }
 .ui-datepicker a {
 	display: block;
 	width: 100%;
 }
 .ui-datepicker-title-row {
 	background: #777;
 }
 .ui-datepicker-days-row {
 	background: #eee;
 	color: #666;
 }

 .ui-datepicker-week-col {
 	background: #777;
 	color: #fff;
 }
 .ui-datepicker-days-cell {
 	color: #000;
 	border: 1px solid #ddd;
 }
 .ui-datepicker-days-cell a{
 	display: block;
                     color: #505050 !important;
 }
 .ui-datepicker-week-end-cell {
 	background: #ddd;
 }
 .ui-datepicker-title-row .ui-datepicker-week-end-cell {
 	background: #777;
 }
 .ui-datepicker-days-cell-over {
 	background: #fff;
 	border: 1px solid #777;
 }
 .ui-datepicker-unselectable {
 	color: #888;
 }
 .ui-datepicker-today {
 	background: #DDDDDD !important;
 }

.ui-datepicker-today a, .ui-datepicker-today a:link, .ui-datepicker-today a:hover  {
                      color:#FFFFFF !important;
}

 .ui-datepicker-current-day {
 	background: #999 !important;
 }
 .ui-datepicker-status {
 	background: #ddd;
 	width: 100%;
 	font-size: 80%;
 	text-align: center;
 }
 
 /* ________ Datepicker Links _______
 
 ** Reset link properties and then override them with !important */
 #ui-datepicker-div a, .ui-datepicker-inline a {
 	cursor: pointer;
 	margin: 0;
 	padding: 0;
 	background: none;
 	color: #000;
	/*added for sentosa a hover conflict*/
	font-size:11px !important;
	font-weight:normal !important;
 }
 .ui-datepicker-inline .ui-datepicker-links a {
 	padding: 0 5px !important;
 }
 .ui-datepicker-control a, .ui-datepicker-links a {
 	padding: 2px 5px !important;
 	color: #eee !important;
 }
/*ADDED*/
.ui-datepicker-links a {
 	padding: 2px 5px !important;
 	color: #FFF !important;
}

 .ui-datepicker-title-row a {
 	color: #eee !important;
 }
 .ui-datepicker-control a:hover {
 	background: #fdd !important;
 	color: #333 !important;
 }
 .ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
 	background: #ddd !important;
 	color: #333 !important;
 }
 
 /* ___________ MULTIPLE MONTHS _________*/
 
 .ui-datepicker-multi .ui-datepicker {
 	border: 1px solid #777;
 }
 .ui-datepicker-one-month {
 	float: left;
 	width: 185px;
 }
 .ui-datepicker-new-row {
 	clear: left;
 }
 
 /* ___________ IE6 IFRAME FIX ________ */
 
 .ui-datepicker-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: 200px; /*must have*/
     height: 200px; /*must have*/
 }

  /* Styles for the example page */

div.demo-holder {
	float: left; 
	margin: 1em;
	font-size: 80%;
}
div.demo-holder input {
	width: 90px;
	margin: 1px 5px 5px 0;
}

/* Date picker specific styles follow */

a.date-picker {
	width: 16px;
	height: 16px;
	border: none;
	color: #fff;
	padding: 0;
	margin: 0;
	float: left;
	overflow: hidden;
	cursor: pointer;
	/* background: url(calendar.png) no-repeat; */
}
a.date-picker span {
	margin: 0 0 0 -2000px;
}
div.date-picker-holder, div.date-picker-holder * {
	margin: 0;
	padding: 0;
}
div.date-picker-holder {
	position: relative;
}
div.date-picker-holder input {
	float: left;
}
div.popup-calendar {
  display: none;
  position: absolute;
  z-index: 2;
  top: 0;
  left: -16px; /* value for IE */
  padding: 4px;
  border: 2px solid #000;
  background: #fff;
  color: #000;
  overflow:hidden;
  width: 163px;
  }
html>body div.popup-calendar {
  left: 99px; /* value for decent browsers */
  }
div.popup-calendar div.link-close {
  float: right;
  }
div.popup-calendar div.link-prev {
  float: left;
  }
div.popup-calendar h3 {
  font-size: 1.3em;
  margin: 2px 0 5px 3px;
  }
div.popup-calendar div.link-next {
  float: right;
  }
div.popup-calendar div a {
  padding: 1px 2px;
  color: #000;
  }
div.popup-calendar div a:hover {
  background-color: #000;
  color: #fff;
  }
div.popup-calendar table {
  margin: 0;
  }
  * html div.popup-calendar table {
  display: inline;
  }
div.popup-calendar table th, div.popup-calendar table td {
  background: #eee;
  width: 21px;
  height: 17px;
  text-align: center;
  }
div.popup-calendar table td.inactive {
  color: #aaa;
  padding: 1px 0 0;
  }
div.popup-calendar table th.weekend, div.popup-calendar table td.weekend {
  background: #f6f6f6;
  }
div.popup-calendar table td a {
  display: block;
  border: 1px solid #eee;
  width: 19px;
  height: 15px;
  text-decoration: none;
  color: #333;
  }
div.popup-calendar table td.today a {
  border-color: #aaa;
  }
div.popup-calendar table td a.selected, div.popup-calendar table td a:hover {
  background: #333; 
  color: #fff;
  }