@media screen , handheld , projection 
{
	.right
	{
	  float: right;
	}

	h3
	{
	  font-size: 13px;
	  font-family: Arial, Helvetica, sans-serif;
	  font-style: normal;
	  font-weight: bold;
	  color: #670061;
	  margin-top: 3px;
	  margin-bottom: 3px;
	}

	.prompt
	{
	  color: #000;
	}

	.locationSelector
	{
	  position: relative;
	  z-index: 2;
	}

	.locationSelector input
	{
	  z-index: 2;
	}

	.locationSelectorValidator
	{
	  position: absolute;
	  top: 20px;
	  left: 0px;
	  background: #FFF;
	  border: solid 1px #000;
	  font-weight: normal;
	  width: 250px;
	  z-index: 199;
	  font-size: 11px; /*height:30px;*/
	  padding: 2px;
	}

	/* DateSelector control STARTS */

	/* Base */


	/* Home page */
	.dateText
	{
	  width: 90px;
	  background:#fff;
	  font-size: 11px;
	  padding-left: 4px;
	  height: 17px;
	  font-family: Arial,Helvetica,sans-serif;
	}

	.dateTextDisabled
	{
		width: 90px;
		background:#d4d0c8;
		font-size: 11px;
		padding-left: 4px;
		height: 17px;
	}

	/* SearchResults page */
	.sp_dateText
	{ 
		width :108px !important;
		border-style :solid;
		border-width :1px;
		border-color :#808080;
		background:#DBDCDE;
		font-size: 12px;
		padding-left: 4px;
		/*height: 13px;*/
	}

	.sp_dateTextDisabled
	{ 
		width :108px !important;
		border-style :solid;
		border-width :1px;
		border-color :#808080;
		background:#d4d0c8;
		font-size: 12px;
		padding-left: 4px;
		/*height: 13px;*/
	}

	/* CMS flights page */
	.fp_dateText
	{
	  width: 88px !important;
	  background:#fff;
	  font-size: 1.0em;
	  padding-left: 4px;
	  height: 20px;
	}

	.fp_dateTextDisabled
	{
		width: 88px !important;
		background:#d4d0c8;
		font-size: 1.0em;
		padding-left: 4px;
		height: 20px;
	}

	/* CMS destinations page */
	.dp_dateText
	{
	  width: 91px !important;
	  background:#fff;
	  font-size: 1.0em;
	  padding-left: 4px;
	  height: 20px;
	}

	.dp_dateTextDisabled
	{
		width: 91px !important;
		background:#d4d0c8;
		font-size: 1.0em;
		padding-left: 4px;
		height: 20px;
	}
	/* END dateText custom layout */

	.CalendarGraphic
	{
		width: 17px;
		height: 17px;
		background: url(images/calendar_graphic.gif) no-repeat;
		margin-top: -3px;
	}
	.calendarIcon
	{
		text-decoration: none;
		position: relative;
		top: 4px;
		left: 1px;
		z-index: 1;
	}
	.calendarIconDisabled
	{
		position: relative;
		top: 4px;
		left: 1px;
		z-index: 1;
		cursor:default;
	}

	.DateSelectorWrapper
	{
	  position: relative;
	  z-index: 199 !important;
	}

	.DateCalendarWrapper
	{
	  position: absolute;
	  z-index: 10;
	  /*overflow: hidden; /*taken out for MANTIS's 8786/8781*/
	  display: block;
	  top: 0px;
	  left: 0px;
	  width: 222px;
	  border: solid 1px #440D41;
	  padding: 0px;
	  background: #fff;
	  display: none;
	  height: 182px;
	}

	.dp_DateCalendarWrapper
	{
	  left: -109px;
	}

	.sp_DateCalendarWrapper /*IE6*/
	{
	  top: -205px;
	}
	html>body .sp_DateCalendarWrapper /*IE7+ and FF*/
	{
	  top: -203px;
	}


	.DateCalendarWrapper iframe
	{
	  display: none;
	  display: /**/ block;
	  position: absolute;
	  top: 0;
	  left: 0;
	  z-index: -1;
	  height: 190px;
	  width: 222px;
	  filter: mask();
	}
	.selectorHeading
	{
	  font-weight: bold;
	  padding: 2px;
	  background: #551051;
	  color: #FFF;
	  height: 15px;  
	}

	.selectorHeading .left
	{
	  float: left;
	  text-align: center;
	  width: 180px;  
	  padding-left: 15px;
	  font-size: 10px; 
	  font-weight: bold;
	}

	.selectorHeading .right
	{
	  float: right;
	}

	.selectorHeading .right a
	{
	  color: #ddc9e2;
	  text-decoration: none;
	}
	
	.selectorHeading .right a:hover
	{
	  color: #ddc9e2;
	  text-decoration: none;
	}
	
	.monthNames
	{
	  background: #99719c;
	  color: #FFF;
	  margin-bottom: 1px;
	  padding: 0px;
	  font-weight: bold;
	  font-size: 10px;
	  height: 28px;
	}
	.monthNames th, .monthNames td
	{
	  padding: 0px;
	  font-family: Arial,Helvetica,sans-serif;  
	  font-weight: bold;
	  font-size: 10px;
	}

	.monthNames td
	{
	  width: 35px;
	  text-align: center;
	  padding: 0px;
	  height: auto;
	}

	.monthNames a
	{
	  color: #FFF;
	  text-decoration: none;
	  /*padding: 0px 3px 1px 3px;*/
	}

	.monthNames a:hover
	{
	  color: #FFF;
	  text-decoration: none;
	}

	.monthNames a:visited
	{
	  color: #FFF;
	  text-decoration: none;
	}

	.monthNames a:active
	{
	  color: #FFF;
	  text-decoration: none;
	}

	.monthNames .selected
	{
	  border: solid 1px;
	  border-top-color: #440D41;
	  border-left-color: #440D41;
	  border-right-color: #DDC9E2;
	  border-bottom-color: #DDC9E2;
	  background: #D0A7CD; 
	}

	.monthNames .selected a
	{
	  color: #FFFFFF;
	  cursor: default;
	}

	.monthMouseOver
	{
	  border: solid 1px;
	  border-top-color: #DDC9E2;
	  border-left-color: #DDC9E2;
	  border-right-color: #440D41;
	  border-bottom-color: #440D41;
	  background: #99719C;
	  cursor: pointer;  
	}

	.monthMouseOut
	{
	  border: solid 1px #99719C;
	  background: #99719C;
	  cursor: default;
	}

	.calendarTitle
	{
	  background: #ddc9e2;
	  color: #551051;
	  font-size: 10px;
	  font-weight: bold;
	  text-align: center;
	  padding: 2px;
	}

	.calendarMain
	{
	  background: #F2F2F2 !important;
	  padding: 0px !important;
	  margin: 0px !important;
	  width: 100%;
	  color: #551051;
	  font-weight: normal !important;
	  z-index: 199 !important;
	  font-size: 10px !important;
	  height: 118px;
	}

	.calendarMain th
	{
	  padding: 0px !important;
	  margin: 0px !important;
	  color: #551051;
	  background: #F2F2F2;
	  color: #551051;
	  font-size: 10px !important;
	}

	.calendarMain td
	{
	  padding: 0px !important;
	  margin: 0px !important;
	  font-size: 10px !important;
	  font-weight: normal !important;  
	  text-align: center;
	}

	.calendarMain a
	{
	  text-decoration: none;
	  width: 100%;
	}

	.date
	{
	  border: solid 1px #cccccc;
	  background: #FFF;
	}

	.dateSelected
	{
	  border: solid 1px #CCC;
	  background: #D0A7CD !important;
	  color: #000000;
	}

	.dateOther
	{
	  visibility: hidden;
	}

	.dayMouseOver
	{
	  border: solid 1px #99719C;
	  background: #FFF;
	  cursor: pointer;
	}

	.dayMouseOut
	{
	  border: solid 1px #CCC;
	  background: #FFF;
	  cursor: default;
	}

	.dateToday
	{
	  border: solid 1px #DDD;
	  color: #aaa !important;
	  background: #eeeeef !important;
	}

	.datePast
	{
	  border: solid 1px #DDD;
	  color: #aaaaaa !important;
	  background: #f2f2f2 !important;
	}

	.datePreviouslySelected
	{
	  border: solid 1px #CCCCCC;
	  color: #000000;
	  background: #D0A7CD !important;
	}

	/* DateSelector control ENDS */
}