.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	}
.ui-widget {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:13.5px;
	}	
.ui-widget .ui-widget {
	font-size: 1em;
	}	
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
	}	
.ui-widget-content{
	border: none;
	background: #ffffff;
	color: #222222;
	padding: 0;
	}	
.ui-widget-content a{
	color: #222222;
	}

/*~~~ Month Heading Name ~~~*/
.ui-widget-header {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	background: #ffffff;
	color: #222222;
	font-weight: bold;
	font-size: 13.5px;
	}
.ui-widget-header a { color: #222222; }


/* New Date Box */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid #efefef;
	background: #F7F7F7;
	font-weight: normal;
	color: #474747;
	
	width: 23.5px;
	padding: 5px 1px 3px 1px;
	line-height: 17px;
	margin: 2px 1px;
	text-align: center;	
	}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
	}

/* on Mouse Hover Date*/
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	border: 1px solid #ff9b2f;
	background-color: #ff9b2f;
	font-weight: normal;
	color: #ffffff;	
	}
.ui-state-hover a, .ui-state-hover a:hover {
	color: #212121;
	text-decoration: none;
	}
	
	/* Active Green Date*/
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border: 1px solid #88BA06;
	background: #88BA06;
	font-weight: normal;
	color: #ffffff;
	}
	
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
	}
	
.ui-widget :active{
	outline: none;
	}

/* Select Date Box Present Date*/
.ui-state-highlight,
.ui-widget-content
.ui-state-highlight,
.ui-widget-header
.ui-state-highlight {
	font-weight:bold;
	border: 1px dashed #cccccc;
	background: #FFFFFF;
	color: #363636;
	}

.ui-icon {
	width: 16px;
	height: 16px;
	background-image: url(icon.png);
	}

.ui-icon-circle-triangle-e {
	background-position: -48px -192px;
	}	
.ui-icon-circle-triangle-w {
	background-position: -80px -192px;
	}	

	/* Start First  Date Picker */
	.ui-datepicker{
		width: 17em !important;	
		width: 223px;
		width: 97%;
		padding: .2em;
		display: none;
		}
	
	.ui-datepicker
	.ui-datepicker-header {
		position:relative;
		padding:.4em 0;
		}
		.ui-datepicker
		.ui-datepicker-prev, 
		.ui-datepicker 
		.ui-datepicker-next {
			position:absolute;
			top: 5px;
			width: 1.8em;
			height: 1.8em;
			}
			
			/*~~ onMouse Hover Left Prev Arrow Manage*/
			.ui-datepicker 
			.ui-datepicker-prev-hover, 
			.ui-datepicker 
			.ui-datepicker-next-hover{
				top: 5px;
				}
				
			.ui-datepicker
			.ui-datepicker-prev {
				left:2px;
				}
			.ui-datepicker 
			.ui-datepicker-next {
				right:2px;
				}
	
		.ui-datepicker
		.ui-datepicker-prev-hover {
			background: none;
			left:1px;
			border-color: #ccc;
			}
		.ui-datepicker 
		.ui-datepicker-next-hover{
			background: none;
			right:1px;
			border-color: #ccc;
			}
	
	
.ui-datepicker
.ui-datepicker-prev span,
.ui-datepicker
.ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left:-8px; top: 50%;
	margin-top:-8px; 
	}

/*~~~ Month Title Background ~~~*/
.ui-datepicker
.ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
	}
.ui-datepicker 
.ui-datepicker-title select {
	font-size: 2em;
	margin: 1px 0;
	}
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .23; filter:Alpha(Opacity=23); background-image: none; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.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*/
}