/* --------------------------------------------------------------
Main Style Sheet for jQuery UI date picker
-------------------------------------------------------------- */
#ui-datepicker-div, .ui-datepicker-inline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0;
	margin: 0;
	width: 230px !important;
	height:230px;
	background: url(../images/admin_images/dashboard.png) no-repeat;
}

#ui-datepicker-div { /* attach to field */
	float:left;
	display: none;
	width: 230px;
	height:230px;
	z-index: 99; /*must have*/
}

.ui-datepicker-inline { /* inline */
	display: block;
	border: 0;
}

.ui-datepicker-rtl {
	direction: rtl;
}

.ui-datepicker-dialog {
	padding: 5px !important;
	border: 4px ridge #ddd !important;
}

.ui-datepicker-disabled {
	position: absolute;
	z-index: 100;
	background-color: white;
	opacity: 0.5;
}

button.ui-datepicker-trigger {
	width: 25px;
}

img.ui-datepicker-trigger {
	vertical-align: middle;
}

.ui-datepicker-prompt {
	float: left;
}

* html .ui-datepicker-prompt {
	width: 185px;
}

/* --------------------------------------------------------------
DatePicker Header 
-------------------------------------------------------------- */


.ui-datepicker-control,
.ui-datepicker-links,
.ui-datepicker-header,
.ui-datepicker {
	clear: both;
	float: left;
	width: 210px;
	color: #CF0;
	margin-left:10px;
	margin-right:10px;
	font-weight:normal !important;
}

.ui-datepicker-control {
	padding: 2px 0px;
	margin-left:10px;
	margin-right:10px;
	font-weight:normal !important;
}


/* top nav button/links  */
.ui-datepicker-links {
	width: 210px;
	padding: 2px 0px;
	margin: 12px 10px 0px 10px;
}

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

/* current today button  */

.ui-datepicker-current {
	float: left;
	width:140px;
	text-align: center;
}
	.ui-datepicker-current a {  
		float:left;
		width:140px;
		display:block;
	}

/* other links */	
.ui-datepicker-close {
	float: right;
	width: 34%;
	text-align: right;
}
.ui-datepicker-rtl .ui-datepicker-close {
	float: left;
	text-align: left;
}
	
		
/* next and previous buttons */
	
.ui-datepicker-next,
.ui-datepicker-prev {
	float:left;
	display:block;
	width:30px;
	height:11px;
	background-position: 0px 0px;
	
}
.ui-datepicker-next {
	float:right;
}
.ui-datepicker-prev {
	float:left;
}
	.ui-datepicker-inline .ui-datepicker-next a,
	.ui-datepicker-inline .ui-datepicker-prev a,
	#ui-datepicker-div .ui-datepicker-next a,
	#ui-datepicker-div .ui-datepicker-prev a {
		float:left;
		display:block;
		height:11px;
		overflow:hidden;
	}
	#ui-datepicker-div .ui-datepicker-next a,
	#ui-datepicker-div .ui-datepicker-prev a {
		height:8px !important;
	}
	.ui-datepicker-inline .ui-datepicker-prev a.ui-datepicker-prev-big,
	#ui-datepicker-div .ui-datepicker-prev a.ui-datepicker-prev-big {
		background: url(../images/admin_images/dashboard-prev-big.gif) no-repeat; 
	}
	.ui-datepicker-inline .ui-datepicker-prev a.ui-datepicker-prev-small,
	#ui-datepicker-div .ui-datepicker-prev a.ui-datepicker-prev-small {
		background: url(../images/admin_images/dashboard-prev-small.gif) no-repeat;
	}
	.ui-datepicker-inline .ui-datepicker-next a.ui-datepicker-next-big,
	#ui-datepicker-div .ui-datepicker-next a.ui-datepicker-next-big {	
		background: url(../images/admin_images/dashboard-next-big.gif) no-repeat;
	}	
	.ui-datepicker-inline .ui-datepicker-next a.ui-datepicker-next-small,
	#ui-datepicker-div .ui-datepicker-next a.ui-datepicker-next-small {	
		background: url(../images/admin_images/dashboard-next-small.gif) no-repeat;
	}
	.ui-datepicker-inline .ui-datepicker-next a.ui-datepicker-next-small:hover,
	.ui-datepicker-inline .ui-datepicker-next a.ui-datepicker-next-big:hover,
	.ui-datepicker-inline .ui-datepicker-prev a.ui-datepicker-prev-small:hover,
	.ui-datepicker-inline .ui-datepicker-prev a.ui-datepicker-prev-big:hover,
	#ui-datepicker-div .ui-datepicker-next a.ui-datepicker-next-small:hover,
	#ui-datepicker-div .ui-datepicker-next a.ui-datepicker-next-big:hover,
	#ui-datepicker-div .ui-datepicker-prev a.ui-datepicker-prev-small:hover,
	#ui-datepicker-div .ui-datepicker-prev a.ui-datepicker-prev-big:hover
	 {
		background-position: 0 -11px;
	 }

.ui-datepicker-rtl .ui-datepicker-clear {
	float: right;
	text-align: right;
}

/* header date display */
.ui-datepicker-header {
	width: 210px;
	text-align: center;
	height: 14px;
	margin: 10px 10px 0px 10px;
}
	


/* --------------------------------------------------------------
DatePicker Dates 
-------------------------------------------------------------- */

.ui-datepicker { /* Date picker table */
	width: 210px;
	margin:10px;
}


.ui-datepicker-title-row { /* week days names  --  row */
	height:16px;
}
.ui-datepicker-title-row td { /* week days names  --  row */
	height:16px;
	text-align: center;
	
}

.ui-datepicker-days-row { /* week days  --  row */
	color: #CF0;
	height:16px;
}


.ui-datepicker-week-col {
	color: #ffffff;	
}


.ui-datepicker-days-cell { /* days cells */
	text-align: center;
}


.ui-datepicker-days-cell a { /* days cell links */
	display: block;
	color: #ffffff !important;
	font-weight:normal !important;
	font-size:11px !important;
	line-height:16px;
	width:25px;
	height:16px;
	border:1px solid #090909;
}
.ui-datepicker-days-cell a:hover {  /* days cell links:hover */
	color: #CF0 !important;
}

.ui-datepicker-week-end-cell a { /* weekend days cell links */
	color: #ffffff !important;
}


ui-datepicker-other-month { 	/* othe rmonth date */
	color: #444444 !important;
	font-size:11px;
}
.ui-datepicker-unselectable {
	color: #444444 !important;
}
.ui-datepicker-today a {
	color: #31b7c3 !important;
	border:1px solid #31b7c3;
	
}
.ui-datepicker-current-day {
	color: #CF0 !important;

}
.ui-datepicker-current-day a {
	color: #CF0 !important;
	font-size:11px !important;
	border:1px solid #ffffff;
}
.ui-datepicker-status {
	width: 100%;
	text-align: center;	
}


/* --------------------------------------------------------------
DatePicker Dates 
-------------------------------------------------------------- */

.ui-datepicker-month-combo,
.ui-datepicker-year-combo
{
	position: absolute;
	display:none;
	top: 0px;
	left: 0px;
	width: 70px;
	height:230px;
	cursor: default;
	background: #090909;
	color: #fff;
	font-size: 11px;
	z-index: 100;
	padding:12px 10px 12px 10px;
	background: url(../images/dashboard_panel.png) no-repeat;
}

.ui-datepicker-month-combo .ui-datepicker-month-item a,
.ui-datepicker-month-combo .ui-datepicker-year-item a
{
	width:48px;
	display:block;
	text-align:center;
	color:#ffffff;
	border:1px solid #090909;
	margin-bottom:1px;
}
.ui-datepicker-month-combo .ui-datepicker-month-item a:hover,
.ui-datepicker-month-combo .ui-datepicker-year-item a:hover
 {
	color:#090909;
	background-color:#CF0;
}








/* ________ 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;
}

.ui-datepicker-inline
.ui-datepicker-links a {
	padding: 0 5px !important;
	font-size:11px !important;
	font-weight:normal !important;	
}
.ui-datepicker-control a,
.ui-datepicker-links a {
	padding: 2px 5px !important;
	color: #ffffff  !important;
}
/* 
	week header 
*/
.ui-datepicker-title-row a {
	color: #888888 !important;
	font-size:11px !important;
	font-weight:normal !important;	
	
}

.ui-datepicker-control a:hover {
	color: #CF0 !important;
}
.ui-datepicker-links a:hover,
.ui-datepicker-title-row a:hover {
	color: #CF0 !important;
}


/* ___________ MULTIPLE MONTHS _________*/

.ui-datepicker-multi .ui-datepicker {
	
}
.ui-datepicker-one-month {
	float: left;
	width: 185px;
}
.ui-datepicker-new-row {
	clear: left;
}
/*
.ui-datepicker tbody tr td a {
	color:#ffffff;
	font-weight:normal !important;
	font-size:11px !important;
	
}
*/

/* ___________ 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*/
}




/* misc */
.ui-datepicker-clear {
	clear:both;
}