﻿/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

HTML, BODY {
		margin: 0px;
		padding: 0px;
		height: 100%; /* needed for container min-height */
		background-color: black;
		font-family:Tahoma,Verdana; 
		font-size: 12px; 
		color:#FFFFFF; 
		/*overflow-x: hidden;*/
}

#container {
		position: relative; /* needed for footer positioning*/
		margin: 0 auto; /* center, not in IE5 */
		width: 1015px;	
		/*height: auto !important;  real browsers */
		/*height: 100%;  IE6: treaded as min-height*/
		/*min-height: 100%;  real browsers */
		text-align: center;
		background-image: url('../../images/PageTemplate/background_900.gif');
		background-repeat: repeat-y;
		background-position: center;
}

#container FORM {
		padding: 0px;
		margin: 0px;
		text-align: left;
}

#header {
		width: 1015px;
		height: 160px;
		background-image: url(../../images/PageTemplate/header_back_900.gif);
		background-position: top center;
}

#content {
		padding: 1em 1em 5em; /* bottom padding for footer 
		padding-bottom: 126px;*/
}

#footer {
	/*position: absolute;*/
	width: 100%;
	height: 126px;
	/*padding-top: -60px;*/
	/*bottom: 0;  stick to bottom */
	background-image: url('../../images/PageTemplate/footer_back_900.gif');
	background-position: center bottom;
	background-repeat: no-repeat;
}
/* Elements behaviors */
a:visited {color: #ccc;}
a:link {color: #ccc;}
a:hover {color: #fff;}
a:active {color: #fff;}

/* Classes */
.Panels
{
	font-family:Tahoma;
	font-size:12pt;
	color:White;
	background-color:Black;
	width:auto;
}
.LinkButtons 
{
	font-family: Tahoma;
	font-size: 8.5px;
	color: #999999;
	background-color:Black;
}
.ImageButtons
{
	Border-Style:none; 
}
.ValidationMsgs
{
	font-family: Tahoma;
	font-size: 9px;
	color:Red;
	background-color:Black;
}
.TextBoxes
{ 
	font-size: 9pt; 
	font-weight: bold; 
	color: #666666;
	background-color:White;
	max-height: 13px;
}
.headings {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #EDCC6B;
}
.greyheadings {
	font-family: Tahoma;
	font-size: 12px;
	color: #999999;
}
.yellowheadings {
	font-family: Tahoma;
	font-size: 12px;
	color: #edcc6b;
	font-weight:bold;
}
.TopSpace
{
	margin-top:12px;
}


.whiteTextStyle {
	font-family: tahoma;
	font-size: 11px;
	color: white;
}
.greyTextStyle {
	font-family: Tahoma;
	font-size: 11px;
	color: #999999;
}
.ErrorTextStyle {
	font-family: Tahoma;
	font-size: 11px;
	color: #FF0000;
}
.LeftLabelStyle {
	font-family: tahoma;
	font-size: 11px;
	color: #FFFFFF;
	width: 138px;
	vertical-align: bottom;
	text-align: right;
	float: left;
	margin-right: 10px;
	padding-top:5px;
}
.RightValueStyle
{
	font-family: tahoma;
	font-size: 11px;
	color: #FFFFFF;
	width: 138px;
	vertical-align: bottom;
	text-align: left;
	float: left;
	margin-right: 10px;
	margin-left:5px;
	padding-top: 5px;
}


.FormReadOnly
{
	background-color:#000000;
	color:#ffffff;
	border:#000000;

}
.SpacingPStyle {
	line-height: normal;
	margin-bottom: 5px;
	margin-top: 5px;
}
.formAdditionalInstructions {
	font-family: tahoma;
	font-size: 11px;
	color: #FFFFFF;
	margin-left: 138px;
	width: 250px;
	padding-left: 10px;
	margin-top: 5px;
	text-decoration: none;
}
.TableGrayTextLeft {
	font-family: Tahoma;
	font-size: 11px;
	color: #999999;
	width: 100px;
	display: inline-block;

}
.TableWhiteTextRight {
	font-family: tahoma;
	font-size: 11px;
	color: White;
	width: 70px;
	text-align: right;
	display: inline-block;
}
.formAdditionalInstructions2 {
	font-family: tahoma;
	font-size: 11px;
	color: #FFFFFF;
	margin-left: 110px;
	width: 250px;
	margin-top: 5px;
	padding-top:5px;

}
/* not used currently */
.TextInputStyles 
{
	font-family: tahoma;
	font-size: 11px;
	vertical-align: middle;
}
.modalBackground
{
    background-color: blue;
}
/*.panelpopout
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    background-color: gray;
}
.vertDivider {
	background-position: right;
	background-image: url('images/ReservationModify/generic_divider_center.gif');
	background-repeat: repeat-y;
	width: 3px;
} */
.LoginSpacing {
	padding: 0px;
	margin-top: 8px;
	margin-bottom: 6px;
}
.LoginTextBox {
	border-width: -1px;
	padding: 0px;
	margin: 0px;
	border-style: inset;
}
.formAdditionalInstructionsCopy {
	border: 1px solid #FFFF00;
	font-family: tahoma;
	font-size: 11px;
	color: #FFFFFF;
	margin-left: 152px;
	width: 245px;
	padding-left: 5px;
	text-decoration: none;
}
.LeftHeadingSpecial {
	font-family: tahoma;
	font-size: 11px;
	color: #FFFFFF;
	width: 138px;
	vertical-align: bottom;
	text-align: right;
	float: left;
	padding-top: 5px;
	display: inline;
}
.TextBoxLeftStyle {
	margin-left: 150px;
}
.whiteTextStyleCopy {
	border: thin inset #FFFF00;
	font-family: tahoma;
	font-size: 11px;
	color: white;
	display: inline-block;
}
.SpacingPStyleCopy {
	line-height: normal;
	margin-bottom: 5px;
	margin-top: 5px;
}
.LeftLabelStyleCopy {
	font-family: tahoma;
	font-size: 11px;
	color: #FFFFFF;
	
	vertical-align: top;
	text-align: right;
	float: left;
	
	
	display: inline;
}
.TableStyle1 {
	text-align: left;
}
body
{ background-color:Black }

.LeftColumn
{
	position:relative ;
	float:left;
	width:50%;
}
.RightColumn
{
	position:relative ;
	float:left;
	width:50%;
}
/* HoverBox Begin*/
#HoverBox 
{
	left:8px;
	font-family: Tahoma;
	font-size: 9px;
	font-weight: bold;
	width: auto;
    border: 1px solid #D3D3D3;
	background-color: #242424;
	color: #D3D3D3;
}
#HoverBox ul 
{
	 
	list-style-image:  url(images/GoldArrowBulletGreyBk.jpg);  /*="list-style-image: url(green_bullet.gif)">*/
	margin: 0;
	padding: 0;
	border: none;
}
#HoverBox li 
{
	margin: 0;
}
#HoverBox li a 
{
	font-family: Tahoma;
	font-size: 9px;
	font-weight: bold;
	display: block;
	background-color: #242424;
	color: #D3D3D3;
	width: 100%;
	text-decoration: none;

}
html>body #HoverBox li a 
{
	width: auto;
}
#HoverBox li a:hover 
{
	font-family: Tahoma;
	font-size: 9px;
	font-weight:bold;
	background-color: #242424;
	color: #EDCC6B;
}

/* HoverBox End */


/* Tab Control Styles  */
/*
.ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer. 
.ajax__tab_outer: An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner. 
.ajax__tab_inner: An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab. 
.ajax__tab_tab: An element of the tab that contains the text content. Child CSS classes:none. 
.ajax__tab_body: A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none. 
.ajax__tab_hover . This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer. 
.ajax__tab_active: This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer. 
*/
.TabControls .ajax__tab_header 
{
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #EDCC6B;
}

.RoomAvail_RoomDetail
{
	border-right: #343434 2px solid;
	border-top: #343434 2px solid;
	border-left: #343434 2px solid;
	border-bottom: #343434 2px solid;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 8px;
	padding-top: 8px;
	background-color: #212121;
	position: relative;
	width: 100%;
	height: 125px;
	margin-bottom: 13px;
}
.RoomAvail_Title
{
	font-size: 14px;
	font-weight: bold;
	color: #edcc6b;
	font-family: Tahoma, Verdana;
	width:49%;

}
.RoomAvail_AvgRate
{
	text-align: right;
	color: #999999;
	font-size: 14px;
	font-family: Tahoma, Verdana;
	font-weight: bold;
	width: 50%;
}

#RoomAvail_main
{
	vertical-align: top;
	text-align: left;
	font-family: Tahoma, Verdana;

}

.RoomAvail_RoomImage
{
	float: left;
	padding-right: 8px;
	 
}

.RoomAvail_DailyDetail
{
	position: relative;
	width:100%;
	padding-right: 12px;
	padding-left: 12px;
	padding-bottom: 12px;
	padding-top: 12px;
	color:#999999;
	font-family:Tahoma, Verdana;
}


.RoomAvail_Widget
{
	position:relative ;
	text-align: left;
}

.RoomAvail_Item
{
	width: 490px;
	position: relative;

}

.RoomAvail_DailyRates
{
	position:relative;
	width:65%;
	vertical-align:top;
	float:left;
}
.RoomAvail_Book
{
color:#999999;
font-family:Tahoma,Verdana;
font-size:12px;
text-align: right;
font-weight:bold;

	
	/*position: relative;
	width: 35%;
	vertical-align: top;
	float: right;
	;*/
	
}
.RoomAvail_DailyRateTable TD
{ 
	color:#999999;
	font-family:Tahoma, Verdana;
	font-size:12px;
	text-align:center;
	vertical-align:top;
}

.RoomAvail_RoomHead
{
	margin-bottom: 8px;

}


.soldOutDay
{
	background-color:#930000 ;
	border-color: #6a6a6a;
	color: #999999;
}

.PromoDay
{
	background-color:#edcc6b;
	border-color:#6a6a6a;
	color:#242424
}

.noArrivalDay  {
	background-color:#54528c;
	border-color:#6a6a6a;
}
/*.MinLengthDay
{
	background-color:#edcc6b;
	border-color:#6a6a6a;
	color:#242424
}*/


RateCalendar_RoomRate
{
	color:White; 	font-size:11px;
	font-family: Tahoma, Verdana;
	font-weight:normal;
	
	
}
.RateCalendar_RoomRate_Dark
{
	color:#242424; 	font-size:11px;
	font-family: Tahoma, Verdana;
	font-weight:normal;
}
.RateCalendar_Main
{
	background-color: #242424;
	border-color: #6a6a6a;

}
.RateCalendar_Header
{
	background-color:#151515;
	font-size: 14px;
	border-color:#151515;
	border:0px;
	color:#cdcccd;
	border-right: 0px;
	border-top:1px solid;
	border-left: 0px;
	border-bottom: 1px solid;
	
}
.RateCalendar_Title
{
	background-color: #4a4a4c;
	border-color: #6a6a6a;
	height: 23px;
	font-size: 15px;
	font-weight: bold;
	color:#ffffff;

	
}
.LegendImage
{
	
}

.RateCalendar_NextPrevious
{
	color:#999999;
	font-family:Verdana, Tahoma;
	font-size:12px;
	font-weight:bold;
	
}
.RateCalendar_Day
{
	border-color:#6a6a6a;
	color:#999999;
}
.RateCalender_TitleFont 
{ 
	color:White;
	font-family:Tahoma;
	font-weight: bold;
}
.RateCalender_SubTitleFont 
{ 
	color:#edcc6b;
	font-family:Tahoma;
	font-weight: bold;
}
.RateCalendar_LegendFont
{
	color: #9e9e9e;
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
}
.RateCalendar_input { font-size: 9pt; font-weight: bold; color: #666666; }


.RateCalendar_LeftColumn
{

}
.RateCalendar_RightColumn 
{
	
}
.RateCalendar_NotAvail

{
background-color:#999999;
border-color:#6a6a6a;
color:#242424;

}

.WaterMarkTextBox {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}	
 

.RateDescStyle 
{
	background-color:#4e4e4e;
	position:absolute;
	z-index: 3;
	left:80;
	top:10;
	margin:10px;
	border: solid 2px #000000;
	width:350px;
	visibility:visible;
	display:inline;
	
	
}
.RateDescStyle_hidden
{
	background-color:#4e4e4e;
	position:absolute;
	z-index: 3;
	left:80;
	top:10;
	margin:10px;
	border: solid 2px #000000;
	width:350px;
	visibility:hidden;
	display:none;
	
	
