/*
Colors:
	#336699 - dark blue background behind main frame
	#ACB5DF - light gray blue for text 
	#666699 - deep purple for borders
	#000066 - blue black - main text color
	#C9DCFD - light blue - left and right rail background
	#E0E8FB - darker blue - main body background 
	#FF0000 - red
	#FFFFFF - white
*/

body 
{
	margin:0px 0px 0px 0px;
	background-color:#336699; 
	font-family: Verdana,Arial,Tahoma; 
	width:100%; 
	height:100%; 
	font-size:70%;
		 
}
/* Set the fixed page frame for the site */
#frame
{
	background-image:url(../../Images/bg880.gif);
	background-repeat:repeat-y;
	width:883px;
	min-height: 650px; 
    height:100%;
	z-index:1;
	margin-top:20px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom: 20px;
		
}

/* Master Page */

/************************************
* Main components (header,header rail, menu rail,body,leftnav,right rail)
* base definitions.
* These should use a percentage of the #frame for width
BUT #propertyList is hardcoded - can't get percentage to work
*************************************/

#header
{
	height:auto;
	width:98%;
	margin:0px;
	padding:4px 4px 0px 4px;
	background-color:#FFFFFF;
	
}
#headerRail 
{
    background-color: #FFFFFF;
    margin-top:-2px;
    padding-top:3px;
	width: 98.7%;
	height:20px;
    text-align:center;
	font-family: Verdana,Arial,Tahoma;
	font-weight: bold;
}
/* menuRail width + Selections width <= header Rail percentage*/
#menuRail
{
    float: left;
    width:71%;
}

#mainBody {
	background-color: transparent;
	border-top-color:#666699;
	border-top-style:solid;
	border-top-width:1px;
	height:100%;
    min-height:607px;
	padding-left:4px;	
	margin-left:3px;	
	width:57.8%;
	float:left;	
	color:#000066;
}

#leftNav
{
    clear:both;
    background-color: transparent;
	border-top-color:#666699;
	border-top-style:solid;
	border-top-width:1px;
	height:100%;
    min-height:607px;
	float:left;	
	width:19%;	
	margin-left:4px;
	padding-left:4px;
	padding-top:18px;
    color: #000066;
    
}
#rightRail
{
	background-color: transparent;
	height:100%;
    min-height:607px;
	float:left;	
	width:18.5%;
	margin-left:1px;
	padding-left:2px;
	padding: 0px 0px 4px 2px;
	color:#000066;
	
}
#BookingWishList
{
	 Width:100%;
}
#footer
{
    clear:both;
	width:100%;
	height:10%;  
	margin-top:4%;
	padding-top:10px;
	padding-bottom:10px;
	font-family: Verdana,Arial,Tahoma;
    font-size: 11pt;   
}

#footerimg
{
	clear:both;
	margin-top:-3px;
	margin-right:auto;
	margin-left:auto;   
}

/************************************
* Detailed definitions
*************************************/

/******* HEADER **********************/

.HDRimage
{ 
	  width: 100%; 
      height: 157px; 
      padding:0 0 0 0; 
}

#ctl00_updPanelSelections
{
	background-color: #E0E8FB; 
	border: solid 1px #666666; 
	cursor: pointer;
	padding-top:5px;
	padding-bottom:5px;
}

#propList
{
	margin:2% 0 0 0;
}
.proplistlabel
{	
	width:90%;
	text-align:center;	
	height:17px;
	background-color: #FFFFFF;
	color:Blue; 
	cursor: pointer;
}
/******* HEADER MENU **********************/

#headerMenu
{
	width:100%;			 
}
.menuNavStatic 
{
    margin-left:5px; 
    width:100%;	
    text-align:center;
    color:#666699;
}
.menuNavDynamic 
{	
	background-color:white;
	text-align:left;
}
.menuNavDynamicHover 
{	
	text-align:left;
	background-color:#C9DCFD;
	
}

/******* LEFT NAV  **********************/

.searchPanel
{
  padding-top:10px;	  
}
.collapsePanel 
{
	width: 100%;
	height: 0px;
	overflow:hidden;
	margin:5px 0px 5px 6px;
}
.collapsePanelHeader
{
    width: 100%;
    height: 15px;
    color: Blue;
    font-size: x-small;
    font-weight: bold;
    cursor: pointer;
    vertical-align: middle;
}

.searchDropDown
{
	width: 80%;
	font-family: Verdana,Arial,Tahoma;  
    font-size:11px;
    margin:5px 0px 5px 6px;
  
}
.lblAdvSearch
{
	font-family: Verdana,Arial,Tahoma;  
    font-size:x-small;
    margin-left:18px; 
}
.Title
{
	font-family: Verdana,Arial,Tahoma;
	font-size:large; 
	font-weight:bold; 
	text-align: center
}
.searchbutton
{
    font-family: Verdana,Arial,Tahoma;  
    font-size:x-small;
    margin-left:18px; 
    Width:94px;
}
#titleLeftnav
{
	font-family:Verdana, Arial, Tahoma;
	font-style:normal;
	color: #000066;
	font-weight:bold;
	padding-left:3px;
}
#textLeftnav
{
	font-family:Verdana, Arial, Tahoma;
	font-style:normal;
	color: #000066;
	margin-left:5px;
	padding-left:5px;
}

/******* MISC  **********************/
.homeh1
{
	font-family: Verdana,Arial,Tahoma;
	font-size: larger;
	text-align: left;
}
h1, h2, h3, h4
{
    padding-left:2%;
    padding-top:2%;
}
p.lnav{	
	margin: 0;
	padding-left:28%;
	
}
p.center{	
	text-align: center;
	font-size:small;
	padding:18px 2% 0 2%;
}
p.smallcenter{	
	text-align: center;
	font-size:x-small;
	padding-top:1%;	
}
p.smallleft{	
	text-align: left;
	font-size:x-small;	  
}
p.mbody{	
	margin: 0;
	padding:10px 2% 0 2%;
}
p.rbody{	
	margin: 0;
	padding:5px 5% 0 5%;
}
p.mbodymedjustify{	
	margin: 5px;
	font-size:medium;
	text-align: justify
}
p.mbodymedleft{	
	margin: 5px;
	font-size:medium;
	text-align: left
}

p.mbodyhighlight{ 
      margin: 15px;
      font-family:Bookman Old Style;
      font-style:italic;
      font-size:small;
      color:Maroon;
      width:40%;
      float:right; 
}
#oldhtm-mainBody {
      background-color: transparent;
      height:100%;
      margin-left:3px;  
      color:#000066;
}

img.images
{
    margin:10px;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}
img.floatcenter { 
    float: none; 
    margin: 45px; 
}

/******* Right Rail **********************/

#topline
{
    border-top-color:#666699;
	border-top-style:solid;
	border-top-width:1px;
	width:106%;  
}
#SelectionsPanel
{
    margin:10px 0px 0px 6px;
}
#lblPropListTitle
{
	font-family:Verdana, Arial, Tahoma;
	font-style:normal;
	color: #000066;
	font-weight:bold;
	padding-left:3px;
}
#keywordsearch
{
    margin:10px 0px 0px 6px;
}
.linie 
{
	margin-top:8px;
	Width:106%;
	Height:5px;
}
#textrightrail 
{
      font-family:Verdana, Arial, Tahoma;
      font-style:normal;
      color: #000066;
      padding-left:4px;
}

.FTSearchLabel
{	
	font-size:small;
	float:left;	
}
.FTSearchText
{	
	float:left;	
	font-size:smaller;
	width:75%;	
}
.FTSearchGo
{
	color:#ed4512;	
	font-weight: bold;
	float:right;
	padding-right:10px;	
}


.menuLeftStatic 
{
    text-align:left;
    font-weight: bold;
    margin:10px 0px 0px 6px;
	
		
}
.menuLeftDynamic 
{
	
	 text-align:center;
}
.menuLeftDynamicHover 
{
	
	text-align:left;
	background-color:Blue;
	
}

.promodiv
{
	padding: 20px 0 0 0;
}

/******* Home Page **********************/

#specials
{
    clear:both;
}  
/******* RequestAvailability **********************/
.required
{
    color:Red;
}

.requestavailTable{	
	margin: 0;
	padding:10px 1% 0 1%;
	font-family: Verdana,Arial,Tahoma;
	font-size: 12px;
}
.requestavailLbl
{	
	width: 25%;	
}.requestavailTxt
{	
	width: 160px;	
}
.requestavailBigTxt
{	
	width: 350px;
	height: 74px;
}
.requestavailNum
{	
	width: 30px;
}

/******* Results **********************/
#PropertiesList
{
	
}
#propertyListFrame
{   
    
	font-family: Verdana,Arial,Tahoma;
	font-size: small;
	position:relative;
	
}
/* 100% should work here but does not.*/
#propertyList
{	
     width:505px;
     height:auto;
}
.capacitydata
{    
    font-weight:bold;
}
#titleFrame
{
    width:100%;
    padding-bottom:5px;
    padding-left:5px;
}
#summaryFrame
{
    height: auto;
    float:left;
    width:48%;
    padding-top:10px;
     
}
#capacitylabelFrame
{
    width:35%;
    float:left;
}

#capacitydataFrame
{
    width:65%;
    float:right;
}
.resultsImageLargeFrame
{
    padding-top:5px;
    border:solid;
    padding-top:5px;
    float:right;
}
.pagebrowsing
{
	font-family: Verdana,Arial,Tahoma;
	font-size: x-small;
}
.resultheader
{
	font-family: Verdana,Arial,Tahoma;
	font-size: larger;
	text-align: center;
}
.lblShowing
{
	float:left;
	padding:0 3% 0 0;
}
.resultsImageLarge
{
	height: 164px;
	width: 241px;
	float:right;
	padding-right:10px;
}
.ResultsActionButton
{
	font-weight: bold;
    font-size:smaller;
    color:Red;
    text-transform: capitalize;
    float:left;	 
    padding-right:15px;
}
.DisabledText
{
	font-weight:lighter;
    font-size:smaller;
    color:Gray;
    text-transform: capitalize;    
}
/******* Details **********************/

#detailsTitle
{
	padding-top:15px;
	padding-bottom:10px;
}
.detailsPropertyNumber
{
	font-weight: bold;
    font-size:small;
    text-transform: capitalize;
    text-align:right;
    color:black;   
}
.detailsPropertyName
{
	font-weight: bold;
    font-size:small;
    text-transform: capitalize;
    text-align:right;	    
}
.AddSelButton
{
	font-weight: bold;
    font-size:smaller;
    color:Red;
    text-transform: capitalize;
    float:right;	 
    padding-right:15px;
}

#tab1Frame
{
    height:auto;
}
#detailsTab1-left
{
    padding-bottom:5px;
    padding-left:1px;
    padding-right:2px;
    float:left;
    width:23%;
}
.detailsTab1-images
{
	height:80px;
	width:100px;	
}

#detailsTab1-right
{
    
 }

.lblBottomTitle
{
	font-weight:bold;
	font-size: smaller;
}

.lblBottom
{
	font-size: smaller; 
	
}
.lblBottomRight
{
	float:right;
	font-size: smaller; 
	padding-right:0px;
	width:75%;
}
.detailsPriceGrid
{
	width:100%;
	font-weight:bold;
	color:#336699;
	background: #F0F7Fe;	
}
.detailsPriceGridHeader
{
	font-weight:bold;
	color:#336699; 
	background: #C9DCFD;	
}
.lblPrice
{
	font-size: smaller; 
	color:#336699; 
	padding-top:125px;
}
.lblPriceBold
{
	font-weight:bold;
	font-size: smaller;
	color:#336699; 
	padding-top:125px;
}
/********** Selections List **************/
#proplistleft
{    
    float:left;
    padding-right:10px;
}

#proplistright
{
}

.propertylistButton
{
	padding-left:12px;
	padding-bottom:10px;
	Font-Size:Smaller;
	Font-weight:bold;
}
/******* Regions **********************/
#RegionFrame
{ 
	width:100%;
	float:left;
    padding-left:20px;
}
#RegionViewAll
{ 
	width:100%;
	float:left;    
}
#RegionIndependent
{ 
	width:100%;
	float:left;   
}
#RegionApartment
{ 
	width:100%;
	float:left;   
}
/******* ContactUs **********************/
#contactus
{
	padding:50% 0 0 0;
}
/* Used? CSS classes for the navigation menu at bottom of the page (Previous/More Products, etc) */

.propNavigation
{
	width:100%;
	margin-top:30px;
}

#topleftnav,#botleftnav 
{
	float:left;
	width:33%;
	text-align:center;
}

#toprightnav,#botrightnav
{
	float:right;
	width:33%;
	margin-right:20px;
	text-align:center;
}

#topnumnav,#botnumnav
{
	float:inherit;
	text-align:center;
	
}
/******* Partners - IFRAME **********************/
/* Set the fixed page frame for IFRAME */

#iframe
{
      width:880px;
      min-height: 2000px; 
      height:100%;
      z-index:1;
      margin-top:10px;
      margin-right:auto;
      margin-left:auto;
      margin-bottom: 20px;
      background-image:url(../../Images/bg880iframe.gif);
      background-repeat:repeat-y;   
}
#iframeheader
{
      height:auto;
      width:98%;
      margin:0px;
      padding:4px 4px 0px 4px;
      background-color:#FFFFFF;
      
}

#iframeheaderRail 
{
      background-color: #FFFFFF;
      padding-top:5px;
	 width : 99%;
      height:20px;
      text-align:center;
      font-family: Verdana,Arial,Tahoma;
      font-weight: bold;
}

#iframetitle
{
      float: left;
      padding:0px 4px 4px 4px;
}

.iframenavtohome
{
      float: right;
      padding-right:5px;
}

#iframeBody
{
      background-color: transparent;
      padding-left:4px; 
      margin-left:5%;   
      width:73.0%;
      float:left; 
      color:#000066; 
}
#iframerightRail
{
      background-color: transparent;
      height:100%;
      min-height:1000px;
      float:left; 
      width:18.6%;      
      margin-left:3px;
      padding-left:2px;
      padding: 0px 0px 4px 2px;
      color:#000066;
      
}
#iframetopline
{
      border-top-color:#666699;
      border-top-style:solid;
      border-top-width:1px;
      width:107.7%;
      margin-left:-4px;
        
}
/* TODO width should not be absolute - fix partner CSS*/
.PartnerHDRimage
{ 
      width:865px;
      height: 157px; 
      padding:0 0 0 0;  
   
}

/******* Client Feedback - MasterPageHeader **********************/
/* Set the fixed page frame for HEADER ONLY */
#NoNavFrame
{
	background-color: #C9DCFD;
	width:883px;
	min-height: 650px; 
    height:100%;
	z-index:1;
	margin-top:20px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom: 20px;
		
}
#noNavBody
{
	background-color: transparent;
      padding-left:4px; 
      margin-left:5%;   
      width:90%;
      float:left; 
      color:#000066; 
		
}
.ratingRight
{
	float:right;
	margin-right:30px;
}

.ratingLeft
{
	float:left;
	margin-left:10px;
	font-weight:bold;
}
.feedbackLabel
{
	font-weight: bold;
    font-size:small;
    text-align:right;	 
}
.feedbackTxtBox
{
	width:100%; 
	height:60px;
	border-color:Blue;
	border-style:Inset;
	border-width:2px;	 
}

/******* AJAX  **********************/
/* .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. */   

/* XP IE7 theme - Backgrounds */
.detailsTab .ajax__tab_header					{ background:url(images/tab-line.gif) repeat-x bottom; }
.detailsTab .ajax__tab_outer						{ background:url(images/tab-right.gif) no-repeat right; }
.detailsTab .ajax__tab_inner						{ background:url(images/tab-left.gif) no-repeat; }
.detailsTab .ajax__tab_tab						{ background:url(images/tab.gif) repeat-x; }
.detailsTab .ajax__tab_hover .ajax__tab_outer	{ background:url(images/tab-hover-right.gif) no-repeat right; }
.detailsTab .ajax__tab_hover .ajax__tab_inner	{ background:url(images/tab-hover-left.gif) no-repeat; }
.detailsTab .ajax__tab_hover .ajax__tab_tab		{ background:url(images/tab-hover.gif) repeat-x; }
.detailsTab .ajax__tab_active .ajax__tab_outer	{ background:url(images/tab-active-right.gif) no-repeat right; }
.detailsTab .ajax__tab_active .ajax__tab_inner	{ background:url(images/tab-active-left.gif) no-repeat; }
.detailsTab .ajax__tab_active .ajax__tab_tab		{ background:url(images/tab-active.gif) repeat-x; }

/* XP IE7 theme - Other Styles */
.detailsTab .ajax__tab_header 					{ font-family:verdana,tahoma,helvetica;font-size:11px; }
.detailsTab .ajax__tab_outer						{ height:29px; }
.detailsTab .ajax__tab_inner						{ padding-left:3px; }
.detailsTab .ajax__tab_tab						{ padding:8px 40px;margin:0; }
.detailsTab .ajax__tab_body						{ font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff; }