/* Main Style Sheet for jQuery UI date picker */

#datepicker_div {
	display: none;
	width: 185px;
	margin: 5px 0 0 153px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #7cd1ed;
	border: 2px solid #b9e3f3;
	z-index: 9999; /*must have*/
}

.datepicker_control {
	clear: both;
	float: left;
	width: 175px;
	background:  #7cd1ed;
	border-bottom: 1px solid #b9e3f3;
	padding: 5px;
}

.datepicker_links {
	clear: both;
	float: left;
	width: 175px;
	background:  #7cd1ed;
	padding: 3px 5px;
}

.datepicker_header {
	clear: both;
	float: left;
	width: 100%;
	padding: 1px 0 3px;
	background:  #7cd1ed;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
	padding: 5px 0 10px 0;
}

.datepicker {
	clear: both;
	float: left;
	width: 100%;
	background:  #7cd1ed;
	text-align: center;
	font-size: 100%;
}

.datepicker_links label { /* disabled links */
	font-weight: bold;
	font-size: 11px;
	width: 100%;
	color: #3e768e;
}

.datepicker_clear {
	float: left;
	width: 34%;
}

.datepicker_clear a {
	text-decoration: none;
}

.datepicker_prev {
	font-weight: bold;
	float: left;
	width: 34%;
}

.datepicker_prev a {
	padding: 0 0 0 5px;
	background: url(/images/prevArrow.gif) top left no-repeat;
	text-decoration: none;
}

.datepicker_prev label {
	padding: 0 0 0 5px;
	background: url(/images/prevArrowDisabled.gif) top left no-repeat;
}

.datepicker_current {
	float: left;
	width: 30%;
	text-align: center;
}
.datepicker_next {
	font-weight: bold;
	float: right;
	width: 34%;
	text-align: right;
}

.datepicker_next a {
	padding: 0 5px 0 0;
	background: url(/images/nextArrow.gif) top right no-repeat;
	text-decoration: none;
}

.datepicker_next label {
	padding: 0 5px 0 0;
	background: url(/images/nextArrowDisabled.gif) top right no-repeat;
}

.datepicker_close a {
	display: block;
	float: right;
	width: 17px;
	height: 17px;
	background: url(/images/closeCalendar.gif) top right no-repeat;
	text-indent: -9999px;
}

.datepicker_header select {
	background: url(/images/selectBg.gif);
	border: 1px solid #000;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	margin: 0 5px 0 3px;
	width: 45%;
}

.datepicker_header select option {
	background: #fff;
	color: #000;
}

.datepicker a {
	display: block;
	width: 100%;
}

.datepicker_titleRow {
	background: #fff;
}

.datepicker_daysRow {
	background: #b9e3f3;
}

.datepicker_weekCol {
	background: #fff;
}

.datepicker_daysCell {
	border: 1px solid #7cd1ed;
}

.datepicker_daysCell a{
	display: block;
}

.datepicker_weekEndCell {
	background: #8ed2ec;
}

.datepicker_titleRow td  {
	border: 1px solid #7cd1ed;
}

.datepicker_titleRow .datepicker_weekEndCell {
	background: #fff;
	border: 1px solid #7cd1ed;
}

.datepicker_daysCellOver {
	background: #fff;
	border: 1px solid #397c96;
}

.datepicker_unselectable {
	color: #888;
}

.datepicker_today {
	background: #397c96 !important;
	color: #fff !important;
}

.datepicker_currentDay {
	background: #fff !important;
}

.datepicker_status {
	background: #ddd;
	width: 100%;
	font-size: 80%;
	text-align: center;
}


/* ___________ MULTIPLE MONTHS _________*/

.datepicker_multi .datepicker {
	border: 1px solid #777;
}
.datepicker_oneMonth {
	float: left;
	width: 185px;
}
.datepicker_newRow {
	clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.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*/
}

#txtQuitDate {
	float: left;
	width: 330px;
	margin-right: 5px;
}

#dateTrigger {
	float: left;
	margin-top: 3px;
}

#jqueryEnabled { display: none;}

#quitPopup { display: none; position: absolute; top: -40px; left: -20px; width: 270px; background: #7cd1ed url(/images/bottomCurve.gif) bottom left no-repeat;}

#quitPopupInner {
	background: url(/images/topCurve.gif) top left no-repeat;
	padding: 10px 10px 0px 10px;
}
#quitPopupInner p {
	color: #000;
}

#quitLabel { text-decoration: none;}


