/*###################################################################################*/
/*###################################################################################*/
/* 1. Master Page       */
/*###################################################################################*/
/*###################################################################################*/

/*========================================*/
/* 1.1. Master body & Master table */
/*========================================*/

/* 1.1.1. Master Body  */
body
{
    /*background-color : #434343;*/
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FFF9C5;
    font-size: 10px;
}

/* 1.1.2. Master table  */
table.MasterTable
{
    background-color: #835572;
    border: 3px solid #FBF5C5;
    text-align: center;
    width: 895px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #F7EBC6; 
}

.masterLogo
{
    width: 80;
    height: 70;
}


/*========================================*/
/* 1.2. Top Menu */
/*========================================*/

/* 1.2.1. The Panels  */

div.MasterMenuHome
{
    background-color: #66494D;
    border: 1px solid #FBF5C5;
    width: 100%;
}

div.MasterMenuHome:hover
{
    background-color: #B89996;
    border: 1px solid #835572;
    width: 100%;
}

/* 1.2.2. The Link buttons  */
.MasterMenuHomeLinkButtons:link
{
    font-family: Tahoma;
    color: #F7EBC6;
    font-size: small;
    font-weight: bold;
}

.MasterMenuHomeLinkButtons:visited
{
	font-family : Tahoma;
	color: #F7EBC6;	
	font-size: small;
	font-weight: bold;
}

.MasterMenuHomeLinkButtons:hover
{
	font-family : Tahoma;
	color: yellow;	
	font-size: small;
	font-weight: bold;
}

/* 1.2.4. Top Login / The Panel  */
td.MasterLogin
{
    background-color: black;
    border: #0000FF 1px solid;
    height: 15px;
    text-align: Right;
    vertical-align: middle;
    font-family: Tahoma;
    font-size: small;
    display: none;
}
td.MasterLogin:hover
{
	 background-color : #B89996;
	 height: 25px;
	 text-align: Right;
	 vertical-align: middle;
	 border : black 1px solid;
	height: 1.5em;
    	overflow: hidden;
}

/* 1.2.5. Top Login / The Link Buttons  */
.MasterLoginLinkButtons:link
{
	font-family : Tahoma;
	color: #F7EBC6;	
	font-size: small;
	font-weight: bold;
}

.MasterLoginLinkButtons:visited
{
	font-family : Tahoma;
	color: #F7EBC6;	
	font-size: small;
	font-weight: bold;
}

.MasterLoginLinkButtons:hover
{
	font-family : Tahoma;
	color: #F7EBC6;	
	font-size: small;
	font-weight: bold;
}

/* 1.2.6. Top Login / The Labels  */
.MasterLoginLabel
{
	font-family : Tahoma;
	color: #F7EBC6;	
	font-size: small;
	font-weight: normal;	
}

/*========================================*/
/* 1.3. The Top Screen */
/*========================================*/

/* 1.3.1. The Name  */
.MasterHotelNameLabel
{
    font-style: normal;
    font-family: Arial;
    color: black;
    font-size: xx-large;
    font-weight: 700;
    position: relative;
    display: none;
}

/* 1.3.2. The labels on the top right (Print screen & Select Language) */
.MasterTopLabels
{
	font-style: normal;                                    
	font-family : Tahoma;
	color: #F7EBC6;	
	font-size: small;
}

/* 1.3.3. The language drop-down-list on the right  */
.MasterComboLanguages
{			 
    font-style: normal;                                    
	font-family : Tahoma;
	color: black;	
	font-size: small;
	font-weight: normal;
	background: white;
	border: black 1px solid;
}

/*========================================*/
/* 1.4. Bottom Menu */
/*========================================*/

/* 1.4.1. The Panel  */
.MasterBottomMenu
{
	background-color: #835572;
	width: 895px;
	border : #FFF9C5 2px solid;
	vertical-align:middle;
	height: 22px;
	color: #F7EBC6;
}

.MasterBottomMenu:hover
{
	background-color: #B89996;
	width: 895px;
	border : #FFF9C5 2px solid;
	vertical-align:middle;
}

/* 1.4.2. The Link buttons  */
.MasterBottomMenuHomeLinkButtons:link
{
	font-family : Tahoma;
	color: #FFF9C5;	
	font-size: small;
}

.MasterBottomMenuHomeLinkButtons:visited
{
	font-family : Tahoma;
	color: #FFF9C5;	
	font-size: small;
}

a.MasterBottomMenuHomeLinkButtons:hover
{
	font-family : Tahoma;
	color: yellow;	
	font-size: small;
}

.MasterBottomMenuHomeLabel
{
	font-family : Tahoma;
	color: #FFF9C5;
	font-size: small;
	font-weight: bold;
	text-decoration: underline;
	cursor:pointer;
}

/*###################################################################################*/
/*###################################################################################*/
/* 2. Availability Page */
/*###################################################################################*/
/*###################################################################################*/

/*========================================*/
/* 2.1 Main Selection Screen */
/*========================================*/

/* 2.1.1. The Title labels  */
.AvailabilityTitleLabels
{
    font-family: Tahoma;
    color: #FFF9C5;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: underline;
}

/* 2.1.2. The Selection labels  */
.AvailabilityLabels
{
	font-family : Tahoma;
	color: FFF9C5;	
	font-size: 10pt;
	text-decoration: none;
}

/* 2.1.3. The 'Persons' labels  */
.AvailabilityPersonsLabels
{
	font-family : Tahoma;
	color: #FFF9C5;	
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
}

/* 2.1.4. The Message  */
.AvailabilityMessage
{
	font-family : Tahoma;
	color: red;	
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

.CheckAvailabilityButton
{
	font-family : Tahoma;
	color:Black;
	height: 40px;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
}

/*========================================*/
/* 2.2. Hotel Selection Grid */
/*========================================*/

/* 2.2.1. Property Name  */
td.PropertyName
{
    vertical-align: middle;
    font-weight: bold;
}

/* 2.2.2. Property Name Selected */
td.PropertyNameSelected
{
    vertical-align: middle;
    color: #FFF9C5;
    font-weight: bold;
    background-color: #66494D;
}

/* 2.2.3. Hotel Info Labels. */
.HotelLabel
{
    font-family: Tahoma;
    color: #FFF9C5;
    font-size: 11pt;
    font-weight: normal;
    text-decoration: none;
}

/* 2.2.4. Info Buttons. */
.HotelButton
{
	font-family : Tahoma;
	color: black;	
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none;
}

/* 2.2.5. Rate Grid */
    .RateTitle
{
    background-color: #FFF9C5;
    border: solid 1px #66494D;
    padding: 3,3,3,3;
    width: 100%;
    color: #FFFFFF;
}
   .RateTitlePackage
{
	background-color: #FFF9C5;
	border: solid 1px #66494D;
	padding: 3,3,3,3;
	width: 100%;
	color: #FFFFFF;
}

    .RateTitleLabelsMain
{
    font-style: normal;
    color: black;
    font-weight: bold;
    font-size: 12px;
    
}

    .RateTitleLabelsInfo
{
    font-style: italic;
    color: black;
    font-weight: normal;
    font-size: 10px;
    
}

    .RateTitleLabelsPackageMain
{
    font-style: normal;
    color: black;
    font-weight: bold;
    font-size: 12px;
    
}

    .RateTitleLabelsPackageInfo
{
    font-style: italic;
    font-weight: bold;
    color: black;
    font-weight: normal;
    font-size: 10px;
    
}

    .RateTitleClick
{
    font-style: italic;
    font-weight: normal;
    font-size: 8px;
    color: black;
    font-weight: bold;	
    
}


/* 2.2.6 Rate Info Links */
a.RateAndRoomTypeLinks:link
{
	font-family : Tahoma;
	color: black;	
	font-size: 8pt;
}

.RateAndRoomTypeLinks:visited
{
	font-family : Tahoma;
	color: black;	
	font-size: 8pt;
}

a.RateAndRoomTypeLinks:hover
{
	font-family : Tahoma;
	color: navy;	
	font-size: 8pt;
}

/* 2.2.7 Nr of Rooms Dropdown */
.NrOfRoomsDropdown
{
	font-family : Tahoma;
	color: black;	
	font-size: 8pt;
	font-weight: normal;
}

/* 2.2.8 Heading Titles */
.HeadingTitles
{
    font-family: Tahoma;
    color: #00FB00;
    font-size: 9pt;
    font-weight: normal;
    font-style: italic;
}

/* 2.2.9 Fill in headings */
.HotelFillInHeadings
{
	font-family : Tahoma;
	color: black;	
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
}

/* 2.2.10 Continue Button */
.HotelContinueButton
{
	font-family : Tahoma;
	color: black;	
	font-size: 14pt;
	font-weight: bold;
	height: 50px;
}

/* 2.2.11 Hotel Panel */
table.PropertiesList
{
	background-color: Transparent;
	vertical-align: middle;
	border: #80BFFF 2px solid;
	border-bottom: #66494D 2px solid;
	border-style: solid;
	border-width: 2px;
}

table.PropertiesList:hover
{
	 background-color : Transparent;	
	 vertical-align : middle;
	 border : #66494D 2px solid;
}

table.PropertiesListSelected
{
	 background-color : Transparent;	
	 vertical-align : middle;
	 border : #66494D 2px solid;
}

/*========================================*/
/* 2.3 Info Screens */
/*========================================*/

/* 2.3.1 Info Heading */
div.InfoHeading
{
	background-color: #66494D;
	width: 90%;
	padding: 5px;
	color: #FFF9C5;
	font-size: 16px;
	vertical-align: middle;
	font: Tahoma;
}

/* 2.3.2 Heading Label */
div.InfoSections
{
    background-color: #B89996;
    border: 1px solid #835572;
    font-weight: bold;
    width: 100%;
    cursor: hand;
    font-size: 10px;
}

.InfoHeadingLabels
{
	font-family : Tahoma;
	color: black;	
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
}

/* 2.3.3 Labels */
.InfoLabels
{
	font-family : Tahoma;
	color: #FFF9C5;	
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

/* 2.3.4 Click Labels */
.InfoHeadingClickLabels
{
	font-family : Tahoma;
	color: black;	
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}

/* 2.3.5 Panels */
div.InfoPanels
{
    background-color: #835572;
    border: 2px solid #66494D;
    width: 100%;
    height: auto;
}

/*========================================*/
/* 2.4 Info Screens Rategrid */
/*========================================*/

/* 2.4.1 Heading Labels */
.RateGridHeading
{
    font-family: Tahoma;
    color: black;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
}


/*###################################################################################*/
/*###################################################################################*/
/* 3. Profiles / Services Side Panels       */
/*###################################################################################*/
/*###################################################################################*/

/*========================================*/
/* 3.1. Side DIV's */
/*========================================*/
div.ChangePanel
{
	background-color: #FFF9C5;
	border: 1px solid #FFF9C5;
	width: 100%;
	color:Black;
	margin-bottom: 5px;
	
}

div.ChangePanel:hover
{
	background-color: #FFF9C5;
	border: 1px solid #3399FF;
	width: 100%;
	
}

/*========================================*/
/* 3.2. Side Table */
/*========================================*/
td.ChangePanelTitle
{
    background-color: #835572;
    border: 1px solid #835572;
    width: 100%;
    color: #FFF9C5;
    text-decoration: blink;
}

.ChangePanelTitleLabel
{
    font-family: Tahoma;
    color: #FFF9C5;
    font-size: 10pt;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}

.ChangePanelMainLabel
{
	font-family : Tahoma;
	color: black;	
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
}

.ChangePanelLabel
{
	font-family : Tahoma;
	color: black;	
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}

.ChangePanelButton
{
	font-family : Tahoma;
	color: black;
	background: #FFF9C5;	
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}


/*###################################################################################*/
/*###################################################################################*/
/* 4. General Availability Page */
/*###################################################################################*/
/*###################################################################################*/

/*========================================*/
/* 4.1 Heading Div */
/*========================================*/

.GenAvailDiv
{
	background-color: 	Silver;
	border : black 1px solid;
	width: 100%;
	color:Black;
	
}

.GenAvailDiv:hover
{
	background-color: 	Silver;
	border : black 1px solid;
	width: 100%;
	
}

.GenAvailHeadingLabel
{
	font-family : Tahoma;
	color: black;	
	font-size: 14pt;
	font-weight: bold;
	font-style: normal;
}

.GenAvailLabel
{
	font-family : Tahoma;
	color: black;	
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}

.GenAvailSelect
{
	font-family : Tahoma;
	color: black;	
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

.GenAvailButton
{
	font-family : Tahoma;
	color: black;	
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

/*###################################################################################*/
/*###################################################################################*/
/* 5. Profile Information */
/*###################################################################################*/
/*###################################################################################*/

/* 5.1 Profile Heading */
.ProfileHeading
{
	background-color: #B89996;
	border: 1px solid #835572;
	width: 100%;
	color: #FFF9C5;
	height: 20px;
	text-indent: 3%;
	vertical-align: middle;
	font-family: Tahoma;
	font-size: 16px;
	font-weight: bold;
}
/* 5.2 Labels */
.ProfileLabels
{
	font-family : Tahoma;
	color: #FFF9C5;	
	font-size: 8pt;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
}

/* 5.3 LogInMenu's */

td.LoginMenu
{
	background-color: #B89996;
	border: 1px solid #835572;
	font-family: Tahoma;
	font-size: 16px;
	font-weight: bold;
	color: #FFF9C5;
}

td.LoginMenu:hover
{
	background-color: #B89996;
	border: 1px solid #FFF9C5;
	font-family: Tahoma;
	font-size: 16px;
	font-weight: bold;
	color: #FFF9C5;
}

/*###################################################################################*/
/*###################################################################################*/
/* 6. Services       */
/*###################################################################################*/
/*###################################################################################*/

/*========================================*/
/* 6.1. Room INFO */
/*========================================*/

.ServiceRoomInfo_Title
{
	width: 95%;
	margin-left:10px;
	border: solid 2px #835572;
	font-family: Tahoma;
	font-size: 14pt;
	font-weight: bold;
	color: #FFF9C5;
	background-color: #B89996;
	padding:5px; 
	text-align: center;
	margin-bottom: 2px;
}

.ServiceRoomInfo_Details
{
	width: 90%;
	margin-left: 20px;
	border: solid 2px #FFF9C5;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: normal;
	text-align:left;
	color: black;
	margin-bottom: 20px;
}

.ServiceRoomInfo_Click
{	
	width:100%;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: normal;
	cursor:pointer;
	text-decoration:underline;
	color: #FFF9C5;
	margin-top : 5px;
	margin-bottom: 10px;
	}

/*========================================*/
/* 6.2. Other Services */
/*========================================*/

.OtherService_Main
{
	padding: 5px;
		
}

.OtherService_Main:Hover
{
	padding: 5px;
		
}

.OtherService_Descr
{
	color:#FFF9C5;
	text-decoration:underline;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 10pt;
	cursor:pointer;
}

.OtherService_PriceInfo
{
	margin-left:5px;
	color:black;
	font-style: italic;
	font-family: Tahoma;
	font-size: 8pt;
}

.OtherServices_Extra
{
	color:black;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 8pt;
	
}

.OtherServices_Title
{
	width:95%;
	margin-left: 10px;
	color:#FFF9C5;
	background-color: #B89996;
	padding: 5px;
	text-align: left;
	border: solid 1px #835572;
	font-family: Tahoma;
	font-weight:bold;
	font-size: 12pt;
	text-align: center;
}

.OtherServices_TotalPrice
{
	float: right;
	width: 150px;
	text-align: right;
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;
	border: solid 2px #835572;
	background-color: #B89996;
	padding: 5px;
	margin-bottom:10px;
	color:#FFF9C5;
}

.OtherServices_Price
{
	float: right;
	text-align: right;
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: normal;
	padding: 5px;
	
}

.ServicesHeaderTitle
{
	text-align: right;
	font-family: Verdana;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: underline;
}

/*========================================*/
/* 6.3. Fixed Services */
/*========================================*/


.FixedService_Main
{
	padding: 5px;
	
	
}

.FixedService_Main:Hover
{
	padding: 5px;
	
	
}

.FixedService_Descr
{
	color:#FFF9C5;
	text-decoration:underline;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 10pt;
	
}

.FixedServices_Extra
{
	color:black;
	font-weight: normal;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: normal;
	font-style:italic;
	
}

.FixedServices_Title
{
	width:95%;
	margin-left: 10px;
	color:#FFF9C5;
	background-color: #B89996;
	padding: 5px;
	text-align: left;
	border: solid 1px #835572;
	font-family: Tahoma;
	font-weight:bold;
	font-size: 12pt;
	text-align: center;
}


.FixedServices_TotalPrice
{
    float: right;
    text-align: right;
    font-family: Tahoma;
    font-size: 10pt;
    font-weight: bold;
    border: solid 2px #835572;
    background-color: #B89996;
    padding: 5px;
}


 
 




table.PageForm
{
	width: 893px;	
}

table.RateHeading
{
	background-color : Silver;	
}




/* ############################ */
/* Message Box                  */
/* ############################ */

div.MessageForm
{
	top: 0px; 
	height: 100%; 
	background-color: Silver;
	background-image : url(../CSS/Background5.gif);
	/* opacity: 0.50;
	filter: alpha(opacity=50);*/
	vertical-align: middle; 
    left: 0px; 
    z-index: 999999; 
    width: 100%; 
    position: absolute;
    text-align: center;
    z-index: 1; 
}

div.MessageBox
{
	background-color : #585858;	
	vertical-align: middle;
	color:White;
	border: black 2px solid;
	cursor: help;
	width: 600px;
	z-index: 2;
	position:relative;
}











/* ################## */
/* Help Divs & Images */
/* ################## */

div.HelpDiv
{
	background-color : #585858;	
	vertical-align : middle;
	color:White;
	border: black 2px solid;
	cursor: help;
	
}

img.HelpImage:hover
{
	cursor: help;
}