@import url(common.css);

div.loader
{
	background-color: #fff;
	border: 1px solid #ccc;
	position: absolute;
	width: 350px;
	padding: 2px;
	z-index: 3;
	margin: 100px 0 0 200px;
}

div.loaderTitle
{
	display: block;
	padding: 5px;
	background-color: #c10000;
	color: #fff;
	font-weight: bold;
	margin: 0 0 2em 0;
}

div.loaderContent
{
	margin: 0 0 2em 0;
	padding: 5px;
	text-align: center;
}

div.loaderBG
{
	background-color: #fff;
	position: absolute;
	z-index: 2;
	background-repeat: no-repeat;
	background-position: top left;
	width: 780px;
	height: 100%;
}

div.bulletin
{
	margin: 0 0 155px 0;
}

/* Bulletin Board Header --------- */
div.bulletinHeader
{
	background-color: #D01600;
	padding: 5px 5px 7px 10px;
	color: #fff;
}

div.bulletinHeader a:link,
div.bulletinHeader a:visited
{
	color: #fff;
}

div.bulletinHeader label
{
	font-weight: bold;
	font-size: 11px;
}

div.bulletinHeader select
{
	color: #333;
	font-size: 11px;
	font-weight: normal;
}

	div.selDepCity
	{
		white-space: nowrap;
	}
		div.selDepCity label
		{
			white-space: nowrap;
			float: left;
			display: inline;			
		}

		div.selDepCity select
		{
			width: 150px;
			float: left;
			display: inline;
		}
	
	div.selSortType
	{
		white-space: nowrap;
	}
		div.selSortType label
		{
			white-space: nowrap;
			float: left;
			display: inline;
		}

		div.selSortType select
		{
			width: 100px;
			float: left;
			display: inline;
		}
	
	div.selDepCity a
	{
		font-size: 11px;
		float: left;
		display: inline;
	}
	
	a.filter_options
	{
		background: transparent url(/img/icons/icon_compactor_up.gif) no-repeat left 3px;
		white-space: nowrap;
	}
	
	a.filter_options:hover
	{
		text-decoration: none;
	}


/* Bulletin Board Filter --------- */
div.bulletinFilter
{
	border-top: 1px solid #fff;
	border-bottom: 2px solid #f0f0f0;
	background: #fff url(/img/_red08/specific/deals/slider_bg.gif) repeat-x bottom left;
	margin: 0 0 5px 0;
}

div.bulletinFilter h2
{
	background-color: #d4d4d4;
	color: #555;
	margin: 0;
	padding: 5px 5px 5px 10px;
	font-size: 11px;
	font-weight: normal;
}

div.bulletinFilterBDR
{
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	height: 145px;
}

	div.filterByPrice
	{
		width: 395px;
		float: left;
		display: inline;
		border-left: 1px solid #cecece;
		border-right: 1px solid #cecece;
		border-bottom: 1px solid #cecece;
	}
		
		span.filterMaxPrice strong
		{
			font-weight: bold;
			color: #c10000;
			font-size: 12px;
		}
		
		div.filterSlider 
		{ 
			position: relative; 
			font-weight: bold; 
			color: #666; 
			margin: 60px 0 0 0;
		}
		
		div.sliderBar 
		{ 
			background: url(/img/_red08/specific/deals/slider_bar.gif) no-repeat; 
			height: 31px; 
			width: 351px; 
			margin: 0 0 0 20px;
			position: relative;
		}
		
		div.sliderMinValue { 
			position: absolute; 
			font-size: 10px; 
			text-align: center; 
			width: 50px; 
		}
		
		div.sliderMaxValue 
		{ 
			position: absolute; 
			font-size: 10px; 
			margin: 0 0 0 332px; 
			text-align: center; 
			width:55px;
		}
		
		div.sliderHandle 
		{		
			position: absolute; 
			top: -19px;
			height: 50px;
			width: 16px;
			background: transparent url(/img/_red08/specific/deals/slider.gif) no-repeat;
			cursor: pointer;
		}
		
		div.slideDynValue 
		{ 
			height: 20px; 
			width: 55px; 
			overflow: hidden; 
			position: absolute; 
			top: -35px;
			left: 333px;
			margin-left:-20px; 
			color: #c10000; 
			font-weight: bold; 
			text-align: center;
		}
	
	div.filterBySaleType
	{
		width: 357px;
		float: left;
		border-right: 1px solid #cecece;
		border-bottom: 1px solid #cecece;
		display: inline;
	}
		div.filterBySaleType h2
		{
			padding: 5px 5px 5px 5px;
		}
	
		div.filterBySaleType div.typeShowAll
		{
			font-size: 11px;
			background: #eee none !important;
			border-bottom: 1px dotted #ccc;
			font-weight: bold;
			padding: 2px;
		}
		
		div.filterBySaleType div.typeNoSales
		{
			padding: 7px 5px 5px 5px;
			font-size: 11px;
			font-weight: bold;
		}
		
		div.filterBySaleType div.typeSale
		{
			font-size: 11px;
			background: #fff url(/img/_red08/specific/deals/sale_bg.gif) repeat-x left bottom;
			padding: 2px 2px 3px 2px;
			font-weight: bold;
		}
		
			div.typeSale label
			{
				
			}
				div.typeSale label span
				{
					padding: 3px 0 0 0;
					float: left;
					width: 175px;
				}
				
				div.typeSale label input
				{
					float: left;
					display: inline;
				}
		
			div.typeSale div
			{
				float: right;
				font-size: 9px;
				color: #c10000
			}
			
				div.typeSale div span.saleLeft
				{
					float: left;
					padding: 4px 5px 0 0;
				}
				
				div.typeSale div a, div.typeSale div img
				{
					float: left;
					margin: 0 0 0 0;
				}
				
/* Bulletin Board Results --------- */
div.bulletinResults
{
	margin: 0 0 15px 0;
}	
	div.bulletinResults div.showForm
	{
		border: 1px solid #d1d1d1 !important;
		padding: 2px !important
	}
	
	div.bulletinResults div.showForm div.resultDetails 
	{
		padding: 4px 2px 7px 4px;
	}
	
	div.result
	{
/*		display: none;*/
		margin: 5px 0 5px 0;
	}
	
		div.resultDetails
		{
			padding: 7px 5px 10px 7px;
		}
	
		div.alt div.resultDetails, 
		div.alt div.resultForm
		{
			background-color: #F2F2F2;
		}
		
			div.detailImg
			{
				float: left;
				display: inline;
				background: transparent url(/img/_red08/specific/deals/img_bg.gif) no-repeat top left;
				margin: 0 8px 0 0;
				overflow: hidden;
				width: 78px;
				height: 78px;
			}
			
			div.alt div.detailImg
			{
				background: transparent url(/img/_red08/specific/deals/img_bg_alt.gif) no-repeat top left;
			}
			
				div.detailImg img
				{
					margin: 6px;
					display: block;
				}
			
			div.detail
			{
				float: left;
				display: inline;
				padding: 7px 0 0 0;
			}
				div.detail h3
				{
					padding: 0 0 0 0;
					color: #414141;
					display: inline;
					font-size: 18px;
					clear: none;
					margin: 0;
				}
				
				div.detail h3 small
				{
					font-size: 9px;
					font-weight: normal;
					color: #797979;
				}
				
					div.detailPrice
					{
						float: left;
						display: inline;
						color: #D11600;
						font-size: 35px;
						font-weight: bold;
						width: 218px;
						margin: 0 0 0 0;
					}
					
					div.detailSale
					{
						float: left;
						display: inline;
						font-size: 9px;
						color: #666;
						text-align: right;
						width: 87px;
						margin: 0 6px 0 0;
						overflow: hidden;
					}
						div.detailSale span.saleLeft
						{
							font-size: 9px;
							color: #c10000;
							display: block;
							padding: 0 0 2px 0;
						}
						div.detailSale img
						{
							margin: 0 0 2px 0;
						}
					
					div.detailDates
					{
						float: left;
						display: inline;
						width: 170px;
					}
						div.detailDates strong
						{
							font-size: 11px;
							display: block;
							padding: 0 0 2px 0;
						}
						
						div.detailDates div.date
						{
							font-size: 11px;
							padding: 0 0 2px 0;
						}
						
						div.detailDates a.dateShowAll
						{
							clear: both;
							font-size: 11px;
							padding: 2px 0 0 0;
						}
						
						div.detailDates a.showAllActive:link,
						div.detailDates a.showAllActive:visited
						{
							position:absolute;
							z-index: 9999;
							padding: 2px 5px 0 5px !important;
							border-top: 1px solid #ccc;
							border-right: 1px solid #ccc;
							border-left: 1px solid #ccc;
							background-color: #fff;
						}
						
						div.detailDates a.dateShowAll:link,
						div.detailDates a.dateShowAll:visited
						{
							color: #999;
						}
						
						div.detailDates a.dateShowAll:link,
						div.detailDates a.dateShowAll:visited,
						div.detailDates a.dateShowAll:link,
						div.detailDates a.dateShowAll:visited
						{
							color: #c10000;
						}
						
						div.detailDates div.dateShow
						{
							display: none;
							margin: 15px 0 0 -188px;
							position: absolute;
							border: 1px solid #ccc;
							background-color: #fff;
							padding: 10px 10px 10px 2px;
							z-index: 9998;
						}
						
						div.detailDates div.dateShow div.flashAlt
						{
							padding: 0 5px 5px 5px;
							width: 200px;
						}
						
						div.detailDates div.dateShow div.flashAlt p
						{
							font-size: 11px;
						}
						
						div.detailDates a.active
						{
							border: 1px solid #c10000;
							background-color: #fff;
							width: 100px;
							height: 25px;
						}
					
					div.detailBook
					{
						float: left;
						display: inline;
						padding: 10px 0 0 0;
						position: relative;
					}
						
						div.detailBook img
						{
							position: relative;
						}
					
					div.detailConditions
					{
						float: left;
						display: inline;
						width: 94px;
						padding: 10px 0 0 0;
						text-align: right;
						margin: 0 0 0 0;
					}
					
						div.detailConditions a
						{
							font-size: 10px;
						}
						
						div.detailConditions div.conditions_txt
						{
							padding: 0 0 0 10px;
						}
						
						div.bookingConditions a
						{
							margin: 0 0 0 2px;
						}
		
		div.resultForm
		{
			display: none;
		}
		
		div.resultForm h4
		{
			color: #333;
			margin: 0;
			padding: 5px 0 5px 10px;
			font-size: 17px;
			font-weight: bold;
		}
		
			div.resultForm a.ico_help
			{
				float: right;
				font-size: 11px;
				margin: 5px 15px 0 0;
			}
			
			div.resultForm form
			{
				border-top: 1px solid #F2F2F2;
			}
			
			.alt div.resultForm form
			{
				border-top: 1px solid #fff;
			}
			
			div.resultForm form fieldset
			{
				height: 142px;
				float: left;
				display: inline;
				margin: 0;
				padding: 10px;
				position: relative;
			}
			
			html>body div.resultForm form fieldset
			{
				height: 122px;
			}
			
				.alt fieldset.bookingType
				{
					border-right: 1px solid #fff !important;
				}
				
				fieldset.bookingType
				{
					border-top: 0px none;
					border-bottom: 0px none;
					border-left: 0px none;
					border-right: 1px solid #f2f2f2 !important;
				}
				
				fieldset.bookingType label,
				fieldset.bookingType input,
				fieldset.bookingType select,
				fieldset.bookingType span.rdo,
				fieldset.bookingType a
				{
					float: left;
					display: inline;
					font-size: 11px;
				}
				
				fieldset.bookingType a.typeMultiCity
				{
					padding: 3px 0 0 10px;
				}
				
				fieldset.bookingType small
				{
					color: #666;
					display: block;
					clear: left;
				}
				
				fieldset.bookingType div.typeCities
				{
					font-size: 11px;
				}
					
				.alt fieldset.bookingDates
				{
					border-right: 1px solid #fff !important;
				}
				
				fieldset.bookingDates
				{
					border-top: 0px none;
					border-bottom: 0px none;
					border-left: 0px none;
					border-right: 1px solid #f2f2f2 !important;
				}
				
				fieldset.bookingDates div.clearit
				{
					margin: 0 0 1em 0;
				}

				fieldset.bookingDates em
				{
					font-size: 11px;
					font-weight: bold;
					margin: 0 0 5px 0;
				}
				
				fieldset.bookingDates select
				{
					font-size: 11px;
				}
				
				html body fieldset.bookingDates select.calHour
				{
					display: none;
				}
				
				fieldset.bookingDates label
				{
					font-weight: bold;
					display: block;
					font-size: 11px;
					margin: 0 0 5px 0;
				}
			
				fieldset.bookingOptions
				{
					border: 0px none;
					font-size: 11px;
				}
				
				fieldset.bookingOptions a.button
				{
					position: absolute;
					bottom: 10px;
					right: 0;
				}
				
				fieldset.bookingOptions a.button, x:-moz-any-link
				{
					bottom: 20px;
					right: 10px;
				}
				
				*:first-child+html body fieldset.bookingOptions a.button /* IE7 */
				{
					bottom: 10px;
					right: 0;
				}
				
/* Curreny Exceptions */
div.curr_TWD div.detailPrice,
div.curr_KRW div.detailPrice,
div.curr_INR div.detailPrice,
div.curr_HKD div.detailPrice
{ font-size: 30px; }