﻿/* CSS Document */

body 
{   
     background-color:#353e5b;
     margin:0px
    }
    
IMG {
    border-width:0px
    }
    
.imgborder
{
    border:solid 1px #353e5a
}

a.link {color:#D28929; text-decoration:underline; }
a.visited {color: #D28929; text-decoration:underline; }
a.hover {color:#9FBD3A; text-decoration:underline; }
a.active {color:#D28929; text-decoration:underline; }

/* Begin Navigation & Drop menus */

a.leftlink:link {color:#47455C}
a.leftlink:visited {color: #47455C; text-decoration:none}
a.leftlink:hover {color:#38415E; text-decoration:none}
a.leftlink:active {color:#47455C; text-decoration:none}

a.footlink:link {color:#fff; text-decoration:none}
a.footlink:visited {color:#fff; text-decoration:none}
a.footlink:hover {color:#dde2e5; text-decoration:underline}
a.footlink:active {color:#dde2e5; text-decoration:none}

a.newslink:link {color:#D28929; text-decoration:underline;}
a.newslink:visited {color:#D28929; text-decoration:underline;}
a.newslink:hover {color:#6E8F45; text-decoration: underline;}
a.newslink:active {color:#D28929; text-decoration:underline;}

.rewardsbullet
{
    list-style-image: url('/images/rewardsblt.gif')
}

.bullet
{
    background-image: url(/images/arrow_orange.gif);
    background-repeat: no-repeat;
    background-position: 1px 3px;
    padding-left: 15px;
}
.tmp
{
    font-family: verdana,arial,helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #304153;
}
.t
{
    font-family: arial,helvetica, sans-serif;
    font-size: 11pt;
    font-weight: normal;
    color: #304153;
}
.weathertitle
{
    font-family: arial,helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #304153;
    text-align: center;
}
.leftnav {
	padding-left:20px;
	padding-right:0px;
	text-align:right;
    }

.leftmenuitem
    {
    font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#47455C;
	padding-top:5px;
    text-align:left;
    height:19px;
     cursor:pointer;
    vertical-align:bottom
    }
.lefthover
    {
    font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top:5px;
    text-align:left;
    height:19px;
    vertical-align:bottom;
    color:#27243F;
    background-image:url('/images/left_grad.jpg');
    background-repeat:no-repeat;
    cursor:pointer;
    }

.leftmenu
{
    border-right:dotted 2px #D7DDE1;
	vertical-align:top;	
}

.frontnewsitems
{
    vertical-align:top;
    padding-left:8px;
    padding-bottom: 8px;
    padding-right: 0px;
} 

#FL
{
    left: 15px;
    top: 91px; 
    position: absolute;
    display: none;
    border: none; 
    background-color: white;
}
#MX
{
    left: 11px;
    top: 19px; 
    position: absolute;
    display: none;
    border: none; 
    background-color: white; 
}
#MXPV
{
    left: 122px;
    top: 58px; 
    position: absolute;
    display: none;
    border: none; 
    background-color: white; 
}
#DR
{
    left: 162px;
    top: 11px; 
    position: absolute;
    display: none;
    border: none; 
    background-color: white; 
}
/* End Image Map styles */
/* Start Points/Seasons Styles */
.platinum
{
    background-color: Silver;
}
.diamond
{
    background-color: #38415E;
}
.emerald
{
    background-color: #9DBE41;
}
.ruby
{
    background-color: #E37F1F;
}
.pearl
{
    background-color: #6c808f;
}

/* End Points/Seasons Styles */

.shadow
{
    background-image:url('images/shadow_bg2.jpg');
    background-repeat:repeat-y;
    text-align:center
    }    

.maintable
    {
	background-color:white}

.maincontent
{
    padding-left:30px;
    vertical-align:top;
    padding-right: 30px;
}

.submenu
{ 
	border-left:solid 1px white;
	border-right:solid 1px white;
	background-image:url('/images/submenu_bg.gif'); 
    background-repeat:repeat-x; 
    height: 29px;
    text-align:left
}
.searchbox
{
    width: 100px;
    height: 11px;
    font-size: 11px;
    font-family: Arial, Helvetica, Sans-Serif;
    padding-bottom: 1px;
}

H3
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    
}

H2{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#a99443;
	text-align:left
    }

H1{
    font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#27243F;
    }

.heading{
    font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#27243F;
	}

.content
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#47455C;
	text-align:justify;
    }

.intro{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#47455C;
	text-align:justify;
	line-height:18px;
	padding-right:20px
    }
	
.newstitle
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6c808f;
    font-weight: bold;
}
	
HR {border:dashed 1px #bec7cd; text-align:left;
	}

.hrdotted{border:dotted 1px #6c808f
	}

.hrbottom{border:solid 1px white;
    width:400px;
    }

.footernav
    {
    vertical-align:top;
    font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:white;
	text-align:center;
	border-top: solid 2px #38415d;
	border-bottom: solid 2px #38415d;
	background-color:#637491;
	}    
    
.corpaddress
    {
    Font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:gray;
	text-align:center;
	padding-left:12px;     
    }
.img1
{
  opacity:0.85;
  -moz-opacity:0.85;
  filter:alpha(opacity=85);   
  border: solid 1px #666666;
}
.img2
{
  opacity:1;
  -moz-opacity:1;
  filter:alpha(opacity=100);
  border: solid 1px #333333;
}
.boxed
{
    border: solid 1px #eeeeee;
    padding: 15px;
}
.hidden
{
    display: none;
}
.navcontent
{
    background-image: url('/external/images/main_img_b.jpg');
    background-repeat: no-repeat;
    text-align:justify;
    line-height: 16px;
    padding-top: 60px;
    padding-left: 70px;
    padding-right: 45px;
    position: absolute; 
    width: 190px; 
    height: 360px;
}
/* AJAX STYLES */

.progressBackgroundFilter {
  position: absolute;
  height: 2000px;
  width: 2000px;
  top:0px; 
  left:0px;
  overflow:hidden; 
  padding:0; 
  margin:0; 
  background-color:#000;
  filter:alpha(opacity=50); 
  opacity:0.5;
  z-index:1000; 
} 

.processMessage { 
  position:absolute; 
  top: 250px; 
  left: 50%;
  padding: 10px; 
  width:300px;
  margin-left: -150px;
  z-index:1001; 
  background-color:#fff;
  text-align: center;
} 

/* WHEEL STYLES */
#window1a, #window2a, #window3a
{
    background-color: white; 
    padding: 10px; 
    position: relative;
    top: -38px;
    height: 70px;
}
#window1, #window2, #window3
{
    margin-top: 5px;
    background-color: #fff;
    display: block; 
    height: 40px; 
    float: left;
    opacity: 0.20;
    -moz-opacity: 0.20;
    filter: alpha(opacity=20);
}
#window1:hover, #window2:hover, #window3:hover
{
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}
#wheelinfo
{
    height: 50px;
}
#wheellabels DIV
{
    float: left; 
    top: 30px; 
    text-align: center;
    font:  bold 11px Arial, Helvetica, sans-serif;
}
#wheeldates DIV
{
     float:left;
     font:bold 11px Arial, Helvetica, sans-serif;
}
.upgrade, .clubresort, .homeresort
{
    color: #eee;
}
.upgrade 
{
    background-color: #FF7939;
    background-image: url('/external/images/calendar_bg_orange.jpg');
    background-repeat: no-repeat;
}
.clubresort 
{
    background-color: #9DC82B;
    background-image: url('/external/images/calendar_bg_blue.jpg');
    background-repeat: no-repeat;
}
.homeresort 
{
    background-color: #00559E;
    background-image: url('/external/images/calendar_bg_green.jpg');
    background-repeat: no-repeat;
}

/* NAVIGATOR STYLES FROM CN.COM */
.navcontent, #welcome_content:hover, #plan_content:hover, #contact_content:hover,
#rewards_content:hover, #cruises_content:hover, #travel_content:hover, #resort_content:hover
{
    text-align:justify;
    line-height: 16px;
    padding-top: 65px;
    padding-left: 20px;
    padding-right: 70px;
    margin:10px;
    position:absolute;
    left:562px;
    top:298px; 
    width: 190px; 
    height: 360px;
    display:block;
    z-index:99;
}

.welcome_tab:hover
{
    border-left: solid 3px #FF7939;
}
.planning_tab:hover
{
    border-left: solid 3px #FF305A;
}
.contact_tab:hover
{
    border-left: solid 3px #007D73;
}
.rewards_tab:hover
{
    border-left: solid 3px #9DC82B;
}
.cruises_tab:hover
{
    border-left: solid 3px #94286B;
}
.travel_tab:hover
{
    border-left: solid 3px #139EBD;
}
.resort_tab:hover
{
    border-left: solid 3px #FFD300;
}

.hidden
{
    display: none;
}
#navigator_menu
{
    width:180px;
}
#navigator_menu DIV A SPAN
{
    float: left;
    border-left: solid 3px transparent;
}

#navigator_menu .instructions
{
    width:95%;
    font:normal 9px arial, helvetica, sans-serif;
    color:#5d7296;
    text-align:center;
    margin:10px 5px 10px 5px;    
}

#navigator_menu .tab_title
{
    font:bold 12px arial, helvetica, sans-serif;
    color:#5d7296;
    text-decoration:none;
    vertical-align:middle;
    position:relative;
    top:15px;
    left:10px;  
}

#navigator_menu .welcome_tab
{
    float:right;
    height:45px;
    width:177px;
    background:#ffffff url(/external/images/navigator/welcome_btn_bg.gif) no-repeat;
    text-decoration:none;
}

#navigator_menu .planning_tab
{
    float:right;
    height:45px;
    width:177px;
    background:#ffffff url(/external/images/navigator/plan_btn_bg.gif) no-repeat;
    text-decoration:none;
}

#navigator_menu .contact_tab
{
    float:right;
    height:45px;
    width:177px;
    background:#ffffff url(/external/images/navigator/contact_btn_bg.gif) no-repeat;
    text-decoration:none;
}

#navigator_menu .rewards_tab
{
    float:right;
    height:45px;
    width:177px;
    background:#ffffff url(/external/images/navigator/rewards_btn_bg.gif) no-repeat;
    text-decoration:none;
}

#navigator_menu .cruises_tab
{
    float:right;
    height:45px;
    width:177px;
    background:#ffffff url(/external/images/navigator/cruises_btn_bg.gif) no-repeat;
    text-decoration:none;
}

#navigator_menu .travel_tab
{
    float:right;
    height:45px;
    width:177px;
    background:#ffffff url(/external/images/navigator/travel_btn_bg.gif) no-repeat;
    text-decoration:none;
}

#navigator_menu .resort_tab
{
    float:right;
    height:45px;
    width:177px;
    background:#ffffff url(/external/images/navigator/resort_btn_bg.gif) no-repeat;
    text-decoration:none;
}

.navbanner_headline
{
    text-align:right;
    font:bold 13px arial, helvetica, sans-serif;
    letter-spacing:.04em;
    color:#fff;
    position:absolute;
    left:270px;
    top:227px;
    width:50%;
}

.navbanner_headline span
{
    
    font:normal 12px arial, helvetica, sans-serif;
}

.maincontent
{
    font:normal 11px arial, helvetica, sans-serif;
    color:#000;
    padding:10px 20px 10px 10px;
    background:#fff;
    text-align:justify;
    height:100%;
}

ul.nav_bullet
{
    padding:10px 0 10px 30px;
    list-style-image:url(/navigator/images/dot_arrow.gif);
}
.new
{
    color: #ff0000;
    padding-right: 5px;
}