﻿/******************************Start Controls****************************************************************************

/**********************************************************************************************************************
*Start Login Control
***********************************************************************************************************************/

#Login {
	float:right;
	position: relative;
	margin: 10px auto 0px auto;
	padding: 5px;
	border: 1px solid #666;

}

#Login span {
color: #94c6ff;
font-weight:bold;
}

#Login input[type="text"] {
	width:150px;
	background: #ffffff;
	/*float: left;*/
	color: #94c6ff;
	font-weight: bold;
	font-size:10pt;
	height:15px;
}

#Login input[type="password"] {
	width:100px;
	background: #ffffff;
	float: left;	
	color: #94c6ff;
	font-weight: bold;
	font-size:10pt;
	height:15px;
}

#Login input[type="submit"] {
	margin: 0px auto;
	text-align: center;
}

/**********************************************************************************************************************
*End Login Control
***********************************************************************************************************************/

/**********************************************************************************************************************
*Start Search Control
***********************************************************************************************************************/

.QuickSearch
{
	/*background-color:InfoBackground;*/

}

.QuickSearch .Header
{
        padding-left:5px;
        padding-right:5px;
        margin-bottom: 10px;
	font-size:1em;
	font-family:Arial;
	color:black;
        width:745px;
        height:20px;
        background-color:#dddddd;
        border: 2px solid lightBlue!important;
}

.QuickSearch .Header:hover
{
      background-color:lightBlue;
}

.QuickSearch .Header div {
        float:right!important;
        text-align:right;
}

.QuickSearch .Header div + div img
{
       margin-top:3px;
       margin-right:7px;
       float:right!important;
}

.QuickSearch .Body
{
color: Blue;
}

.QuickSearch .Body div span:first-child {

}

.QuickSearch input, select, textarea
{
   border: 2px solid Blue;
   width: 170px;
}

.QuickSearch input {
  background-color: #dddddd!important;
  border-color: lightBlue!important;
  width: 70px;
}

.QuickSearch select:hover {
   background-color:lightBlue!important;
}

.QuickSearch select > option:hover {
   color:lightBlue!important;
   border:1px solid Blue!important;
}


/**********************************************************************************************************************
*End Search Control
***********************************************************************************************************************/


/**********************************************************************************************************************
*Start Map Control
***********************************************************************************************************************/
.VectorMap
{
}

.VectorMap .Header
{
	padding-left:5px;
        padding-right:5px;
        margin-bottom: 10px;
	font-size:1em;
	font-family:Arial;
	color:black;
        width:745px;
        height:20px;
        background-color:#dddddd;
        border: 2px solid lightBlue!important;
        position: relative;
}
.VectorMap .Header div {
        float:left!important;
        text-align:left;
        width:180px;
}

.VectorMap .Header div + div img
{
       margin-top:3px;
       margin-right:7px;
       float:left!important;
       clear: both;
}
.Vector .Header:hover
{
      background-color:lightBlue;
}

.VectorMap .Container
{
	/*background-color:InfoBackground;*/
	text-align:center;
	z-index:2;
	position: relative;
	clear: both;
}


.VectorMap .Background
{
	float: center;
	background-image:url(_Images/MapBkgr.jpg);
	width:522px;
	height:302px;
	position:relative;
	z-index:3;
	clear:both;
	
}

.VectorMap .Dot
{
	position:absolute;
	z-index:110;
	clear: both;
}


/**********************************************************************************************************************
*End Map Control
***********************************************************************************************************************/

/**********************************************************************************************************************
*Start Condo Line Item Control
***********************************************************************************************************************/

.CondoLineItem
{
	position: relative;
	width: 749px;
	padding-top: 20px;
	clear:both;
	/*overflow:auto;*/
}

.CondoLineItem .Header
{
	position: relative;
	background: #ddd;
	/* background-image: url('_Images/searchtitlebar-back-yellow.gif'); */
	width: 749px;
	height: 110px;
	border-bottom: 1px solid #aaa;
	background-color:#D0DAE1;
}

.CondoLineItem .Header .MainPix
{
	float:left;
	padding: 0 10px;
	height:100px;
	width: 100px;

}

.CondoLineItem .Header .MainPix .Pix
{
	padding-top: 5px;
    width:100px;
    height:100px;
	overflow:auto;
}


.CondoLineItem .Header .LeftSide
{
	width: 400px;
	float: left;
	overflow: hidden;
	height: 45px;
	padding: 0 10px;
}

.CondoLineItem .Header .LeftSide .Name {
	width:380px;
	font-weight: bold;
}

.CondoLineItem .Header .LeftSide .Location {
	float:left;
}

.CondoLineItem .Header .LeftSide .Country {
	float:left;
}

.CondoLineItem .Header .Info
{
	float: left;
	font-style:italic;
	
}

.CondoLineItem .Header .Info .UrgentInfoFlag
{
	/*Width:10px;
	Height:15px;
	background-image:url(_Images/UrgentInfoFlag.gif);*/
}

.CondoLineItem .Header .ShortDescription
{
	float:left;
	width:500px;
	margin-top:-10px;
}


/**********************************************************************************************************************
*End Line Item Control
***********************************************************************************************************************/

/**********************************************************************************************************************
*Start Urgent Info
***********************************************************************************************************************/

.UrgentInfo
{
	position:absolute;
	top:-30px;
	left:10px;
}

.UrgentInfo .Div1
{
	width:300px;
}

.UrgentInfo .Div2
{
	/*float:left;
	height:10px;
	background-image:url(_Images/UrgentInfo.png);*/
}

.UrgentInfo .Div3
{
	float:right;
}

.UrgentInfo .CloseButton
{
	border:1px solid gray;
	width:10px;
	text-align:left;
	font-size:8pt;
	cursor:hand;
}

.UrgentInfo .Body
{
	border:solid 2 px red; 
	background-color:#cfe6cf;
	width:300px;
	height:105px;
}

.UrgentInfo .Body .Text 
{
	margin-top:2px; 
	margin-left:2px;
	width:295px;
	height:100px; 
	border:solid 1px black; 
	text-align:left;
	scrollbar-face-color: lightgrey;
	overflow: auto; 
	scrollbar-shadow-color: lightgrey; 
	scrollbar-arrow-color: blue;
	scrollbar-track-color: darkblue; 
	scrollbar-darkshadow-color: gray; 
	scrollbars: Vertical;
	font-size:10px;
}


/**********************************************************************************************************************
*End Urgent Info
***********************************************************************************************************************/
/**********************************************************************************************************************
*Start Getaway Line Item Control
***********************************************************************************************************************/

.GetawayLineItem
{	
	position:relative;
	width: 749px;
	padding-top: 20px;
}

.GetawayLineItem .Header
{
	padding-left: 10px;
	padding-right: 10px;	
	width: 100%;
	height:20px;
	font-size: 11px;
	font-family: Arial;
	font-weight: lighter;
	color: #33393f;
	cursor: pointer;
	background-color:#cccccc;
	float: left;
	border-bottom:solid 1px #6f6a65;	
}

.GetawayLineItem .PixDiv
{
	float:left;
	border-right:1px;
	padding:4px;
}

.GetawayLineItem .Pix
{
	width:212px;
}

.GetawayLineItem .RightSideContainerDiv
{
	text-align:left;
}

.GetawayLineItem .RightSideInfoDiv
{
	width:70%;
	text-align:left;
}

.GetawayLineItem .Line
{
	width:100%;
	padding-bottom:2px;
}

.GetawayLineItem .GoodFromHeader
{
	font-weight:bolder;
}

.GetawayLineItem .GoodFromValue
{
	font-weight:bolder;
}


.GetawayLineItem .Country
{
	font-weight:bolder;
}


.GetawayLineItem .Destination
{
	font-weight:bolder;
	font-size:14px;
}

.GetawayLineItem .Info
{
	height:100px;
	width:100%;
	overflow:scroll;
	text-align:left;
	padding:4px;
}

.GetawayLineItem .RetailHeader
{
	font-size:100%;
	font-weight:bolder;
	color:Red;
}

.GetawayLineItem .RetailValue
{
	font-size:100%;
	font-weight:bolder;
	color:Red;
	text-decoration:line-through;
}

.GetawayLineItem .RewardsAllowedHeader
{
    font-size:100%;
	font-weight:bolder;
	color:blue;
	
}

.GetawayLineItem .RewardsAllowedValue
{
    font-size:100%;
	font-weight:bolder;
	color:blue;
}

.GetawayLineItem .RewardsUsedHeader
{
    font-size:100%;
	font-weight:bolder;
	color:red;
}

.GetawayLineItem .RewardsUsedValue
{
    font-size:100%;
	font-weight:bolder;
	color:red;

}

.GetawayLineItem .YouPayHeader
{
	font-size:100%;
	font-weight:bolder;
	color:Green;
}

.GetawayLineItem .YouPayValue
{
	font-size:100%;
	font-weight:bolder;
	color:Green;
}

/**********************************************************************************************************************
*End Getaway Line Item Control
***********************************************************************************************************************/


/**********************************************************************************************************************

*Start Resort Details

***********************************************************************************************************************/


.ResortDetails
{
clear:both;
}


.ResortDetails .Header
{
	padding-left: 10px;
	padding-right: 10px;	
	width: 729px;
	height:20px;
	font-size: 12px;
	font-family: Arial;
	font-weight: lighter;
	color: black;
	cursor: pointer;
	float: left;
    background-color:#dddddd;
    border: 2px solid lightYellow;
    clear: both;
}

.ResortDetails .Header:hover {
       background-color: lightBlue;
       color: blue;
       clear: both;
}

.ResortDetails .Header .Label
{
	float:right;
	width :167px;
	margin-left: 10px;
	clear: both;
}

.ResortDetails .Header .Pix
{
	float: right;
	margin-top: 3px;
}

.ResortDetails .Body
{
	/*padding: 6px;*/
	width: 749px;
	height: 20px;
	font-size: 10px;
	font-family: Arial;
	font-weight: lighter;
	color: #33393f;
	cursor: pointer;
	clear: both;

	/* background-image: url("_Images/mapopenclose.png"); */
}

#ResortDirectoryFilter {
   margin-top:20px;
   margin-bottom:20px;
   background-color:#dddddd!important;
   clear: both;
}
 

img#ucBody_resortdirectory {
	position: relative;
	left: -580px;
	top: 5px;
	clear: both;
}



.ResortDetails .Body .Details .Info
{
	width: 100%; 
	height: 100%;
	clear: both; 
	position:relative;
}

.ResortDetails .Body .Details .Info #container
{
    width: 100%; 
    height: 400px; 
    scrollbar-face-color: lightgrey;
    overflow: auto; 
    scrollbar-shadow-color: lightgrey; 
    scrollbar-arrow-color: blue;
    scrollbar-track-color: lightblue; 
    scrollbar-darkshadow-color: gray; 
    scrollbars: Vertical;
	background-color:#D0DAE1;
	clear: both;
	position:relative;
}


.ResortDetails .Body .Details .Info #container .Header
{
float: left;
}

.ResortDetails .Body .Details .Info #container .Address
{
    float: left; 
   width: 100%;
   clear: both;
}

.ResortDetails .Body .Details .Info #container .Description
{
     float: left; 
    text-align:left;
	width: 749px;
	clear: both;
}


.ResortDetails .Body .Details .Info #container .AdditionalInformation
{
      float: center; 
      width: 700px;
      font-size: 1.2em;
      margin-left: 10px;
      margin-right: 10px;
      text-align:left;
      clear: both;
}

.ResortDetails .Body .Details .Info #container #Amenities
{
      float: center; 
      width: 100%;
      clear: both;
}

.ResortDetails .Body .Details .Info #container #Pix
{
      float: left; 
      width: 100%;
      clear: both;
}

/**********************************************************************************************************************

*End Resort Details

***********************************************************************************************************************/

 

/**********************************************************************************************************************

*Start Resort Directory Filter

***********************************************************************************************************************/


#ResortDirectoryFilter
{
	color: black;
	width: 749px;
	float:left;
	text-align: right;
	background-color:#CCCCCC
}


#ResortDirectoryFilter input,select,textarea
{
      background-color:#FFFFFF;
      font-size:10px;
}

/**********************************************************************************************************************

*End Resort Directory Filter

***********************************************************************************************************************/

/**********************************************************************************************************************

*Start Virtual Earth Map Control

***********************************************************************************************************************/
.VEarth
{
}

.VEarth .Header:hover {
     background-color:lightBlue;
     color: blue;
}
.VEarth .Header
{
	padding-left: 10px;
	padding-right: 10px;	
	width: 725px;
	height:20px;
	font-size: 12px;
	font-family: Arial;
	font-weight: lighter;
	color: black;
        background-color: #dddddd;
	cursor: pointer;
	float: left;
	border:solid 2px lightBlue;	

}

.VEarth .Header .Label
{
	float:right;
	width : 167px;
	margin-left: 10px;
}

.VEarth .Header .Pix
{
	float: right;
	margin-top: 3px;
}


 .VEarth .Body
{
	/*padding: 6px;*/
	width: 749px;
	float: center;
	height: 342px;
	font-size: 10px;
	font-family: Arial;
	font-weight: lighter;
	color: #33393f;
	cursor: pointer;
	background-color:#CCCCCC;
	posiition:relative;
	clear: both;

	/* background-image: url("_Images/mapopenclose.png"); */
}

.VEarth .Body .Map

{

      position: relative;
      overflow:hidden;

      width: 749px; 

      height: 300px;
      clear: both;

}

 

.VEarth .Body .Search

{

      text-align:left;

      

}

 

.VEarth .Body .Search span

{

      color:Red;

      font-style:italic;

      padding-right:4px;

}

/**********************************************************************************************************************

*End Virtual Earth Map Control

***********************************************************************************************************************/

/**********************************************************************************************************************
*Start Inventory Item Control
***********************************************************************************************************************/

.Inventory
{
	font-family:Verdana;
	width: 745px;
	clear:both;
	
}

.Inventory th
{
	background-color:#CCCCCC;
	color:Black;
	font-size:70%;
}

.Inventory td
{
	font-size:70%;
	font-weight:bold;
	
}

.Inventory .Retail
{
	font-size:100%;
	font-weight:bolder;
	color:Black;
	text-decoration:line-through;
}

.Inventory .Retail .RetailLabel
{
}

.Inventory .RewardsAllowed
{
	font-size:100%;
	font-weight:bolder;
	color-blue
}

.Inventory .RewardsAllowed .RewardsAllowedLabel
{
}

.Inventory .RewardsUsed
{
	font-size:100%;
	font-weight:bolder;
	color:Red;	
}

.Inventory .RewardsUsed .RewardsUsedLabel
{
}

.Inventory .YouPay
{
	font-size:100%;
	font-weight:bolder;
	color:Green;
}

.Inventory .YouPay .YouPayLabel
{
}

.Inventory .Bedrooms
{
	
}

.Inventory .Sleeps
{
}

.Inventory .Privacy
{
}

.Inventory .Kitchen
{
}

.Inventory .Checkin
{
}

.Inventory .Checkout
{
}

.Inventory .HoldBook
{
	text-align:center;
}

.Inventory .Type
{
	color:Red;
	font-weight:bolder;
	font-size:140%;
	padding-bottom:4px;
	margin-bottom:4px;
	border-bottom: solid 1px black;
}

/**********************************************************************************************************************
*End Inventory Item Control
***********************************************************************************************************************/
/**********************************************************************************************************************
*Start Cruise Line Item Control
***********************************************************************************************************************/

.CruiseLineItem
{	
   	position:relative;
	width: 749px;
	padding-top: 20px;
}

.CruiseLineItem .Header
{
	padding-left: 10px;
	padding-right: 10px;	
	width:100%;
	height:20px;
	font-size: 14px;
	font-family: Arial;
	font-weight: lighter;
	color: #33393f;
	cursor: pointer;
	background-color:#cccccc;
	float:left;
	border-bottom:solid 1px #6f6a65;	
}

.CruiseLineItem .PixDiv
{
	float:left;
	border-right:1px;
	padding:4px;
}

.CruiseLineItem .Pix
{
	width:212px;
}

.CruiseLineItem .RightSideContainerDiv
{
	text-align:left;
}

.CruiseLineItem .RightSideInfoDiv
{
	width:70%;
	text-align:left;
}

.CruiseLineItem .Line
{
	width:100%;
	padding-bottom:2px;
}

.CruiseLineItem .SailingDatesHeader
{
	font-weight:bolder;
}

.CruiseLineItem .SailingDatesValue
{
	font-weight:bolder;
}

.CruiseLineItem .VesselHeader
{
	font-weight:bolder;
}

.CruiseLineItem .VesselValue
{
	font-weight:bolder;
}

.CruiseLineItem .Destination
{
	font-weight:bolder;
	font-size:100%;
}

.CruiseLineItem .Info
{
    font-size:100%;
	height:100px;
	width:100%;
	overflow:scroll;
	text-align:left;
	padding:4px;
}

.CruiseLineItem .RetailHeader
{
    font-size:100%;
	font-weight:bolder;
	color: black;
}

.CruiseLineItem .RetailValue
{
   	font-size:100%;
	font-weight:bolder;
	color: black;
	text-decoration:line-through;
}

.CruiseLineItem .MemberRateHeader
{    
	font-size:100%;
	font-weight:bolder;
	color: blue;
}

.CruiseLineItem .MemberRateValue
{    
	font-size:100%;
	font-weight:bolder;
	color: blue;
	text-decoration:line-through;
}
 .CruiseLineItem .RewardsAllowedHeader
{
   font-size:100%;
	font-weight:bolder;
	color: blue;
	}

 .CruiseLineItem .RewardsAllowedValue
{    
   font-size:100%;
	font-weight:bolder;
	color: blue;
}

.CruiseLineItem .RewardsUsedHeader
{   
    font-size:100%;
	font-weight:bolder;
	color:Red;
}

.CruiseLineItem .RewardsUsedValue
{   
    font-size:100%;
	font-weight:bolder;
	color:Red;
}

.CruiseLineItem .YouPayHeader
{    
	font-size:100%;
	font-weight:bolder;
	color:Green;
}

.CruiseLineItem .YouPayValue
{    
	font-size:100%;
	font-weight:bolder;
	color:Green;
}

/**********************************************************************************************************************
*End Cruise Line Item Control
***********************************************************************************************************************/


/**********************************************************************************************************************
*Start Pager Control
***********************************************************************************************************************/

.Pager
{
    /* position:relative;
    background: #666 url(_Images/_Pager/pager_bg.gif) repeat-x center; */
    width:749px;
	
}

.Pager .Command
{
    float:left;
}    


.Pager .Info
{
    font-size:12px;
    float:left;
	padding: 0 280px;
    height:20px;
    width:180px;
}

.ajax__slider_h_rail {position:relative;background:url(<%=WebResource("AjaxControlToolkit.Slider.Images.slider_h_rail.gif")%>) repeat-x;height:22px;width:130px;}
.ajax__slider_h_handle {position:absolute;height:22px;width:10px;}
.ajax__slider_v_rail {position:relative;background:url(<%=WebResource("AjaxControlToolkit.Slider.Images.slider_v_rail.gif")%>) repeat-y;width:22px;height:130px;}
.ajax__slider_v_handle {position:absolute;height:10px;width:22px;}

/**********************************************************************************************************************
*End Pager Control
***********************************************************************************************************************/

/******************************End Controls****************************************************************************




/*--|||| END STYLES ||||--*/