/*
-----------------------------------------------
Embassy Suites Waikiki
Date picker widget

author:	opus:creative / opuscreative.com
----------------------------------------------- */

.datePicker {
	background: transparent;
	font: 900 0.9em/0.8em Verdana, Arial, Helvetica, Sans-serif;
	min-width: 21em;
	position: absolute;	
	text-align: center;
	width: 21em;
	z-index: 9999;
	}
.datePicker a { text-decoration: none; }
	
/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
.iehack {
	background: #fff;
	border: none;
	display: none;
	padding: 0;
	position: absolute;
	z-index: 9998;
	}

/* The button created beside each input */
.date-picker-control {
	background: transparent url(/images/datepick/calendar.gif) no-repeat 0 0;
	border: none;
	cursor: pointer;
	height: 17px;
	margin: 0 0 0 4px;
	padding: 0;
	width: 20px;
	}
	
/* The next & previous buttons */
.datePicker th button {
	background: transparent;
	border: none;
	color: #000;
	cursor: pointer;
	display: inline;
	font-family: "Times New Roman", Times, Georgia, serif;
	font-weight: bold;
	height: 1em;
	line-height: 0.8em;
	margin-bottom: 4px;
	padding: 0;
	width: 0.9em;
	}
.datePicker th button:active,
.datePicker th button:focus,
.date-picker-control:active,
.date-picker-control:focus { outline: none; }
.datePicker th button.prev-but { text-align: left; }
.datePicker th button.next-but { text-align: right; }

/* The mon, tue, wed etc day buttons */
.datePicker th button.fd-day-header {
	font: 900 1em Verdana, Sans-Serif;
	height: auto;
	line-height: 1.4em;
	margin: 0 auto;
	width: auto;
	text-align: center;
	}
        
/* The table */
.datePicker table {
	background: #fff url(/images/datepick/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px;
	border: 1px solid #ccc;
	margin-top: 2px;
	padding: 0;
	position: relative;
	text-align: center;
	width: 100%;
	}
.datePicker table tfoot td { background: #fff url(/images/datepick/media/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px; }

/* Common TD & TH styling */
.datePicker table td {
	background: #fff url(/images/datepick/media/gradient-e5e5e5-ffffff.gif) repeat-x 0 -50px;
	border: 1px solid #ccc;
	cursor: default;
	line-height: 1.2em; /* Opera requires a line-height bigger than 1em in order to redraw properly */
	padding: 0.6em 0.5em 0.5em 0.5em;
	}
.datePicker table th {
	border: none;
	color: #222;
	font-weight: bold;
	line-height: 1em;
	padding: 0;
	text-align: center;
	}
	
/* The "mon tue wed etc" day header button styles */
.datePicker table th.date-picker-day-header {
	cursor: help;
	text-transform: lowercase;
	}
	
/* The "todays date" style */
.datePicker table td.date-picker-today {
	background: #fff url(/images/datepick/bullet2.gif) no-repeat 0 0;
	color: #666 !important;
	}

/* The "selected date" style */
.datePicker table td.date-picker-selected-date {
	background: #c9e7e9 url(/images/datepick/bg_header.jpg) no-repeat 0 0;
	border-color: #26927e !important;
	color: #26927e !important;
	cursor: default !important;
	}

/* the "highlight days" style */
/*td.date-picker-highlight { color: #26927e; }*/

/* The date "out of range" style */
.datePicker table td.out-of-range {
	background: transparent !important;
	color: #ccc !important;
	}

/* The "disabled days" style */
.datePicker table td.day-disabled {
	background: transparent !important;
	color: #ccc !important;
	}

/* The "cursor" style */
.datePicker table td#date-picker-hover {
	border-color: #26927e !important;
	color: #26927e !important;
	cursor: pointer;
	}