html, body{height:100%}
body{position:relative; background:#EBEBD9; margin:5px 0; font:85% arial,verdana,sans-serif}
#black_overlay{ display:block;  position:absolute;  top:0%;  left:0%;  width:100%;  height:100%;  background-color:#DAD7CB;  z-index:1001;  -moz-opacity:0.5;  opacity:.50;  filter:alpha(opacity=50)}
#white_content{display:block; position:fixed; top:50%; left:50%; width:200px; margin:-90px 0 0 -100px; height:180px; padding:0; border:16px solid #fff; background-color:white; z-index:1002; overflow:auto}
#black_overlay iframe, 
#white_content iframe{display:none; display/**/:block; position:absolute; top:0; left:0; z-index:-1; filter:mask(); width:100%; height:100%; }
img{border:0px}
h1{font:120%/1.4 'times new roman',verdana,sans-serif; padding:0; margin:10px 30px 10px 30px; color:#003359}
h2{font:100%/1.4 arial,verdana,sans-serif; font-weight:normal; padding:3px 30px; margin:0; color:#003359}
h3{font:90%/1.4 arial,verdana,sans-serif; font-weight:normal; text-transform:uppercase; padding:3px 30px; margin:0; color:#003359}
h4{font:80%/1.4 arial,verdana,sans-serif; font-weight:normal; padding:3px 30px; margin:0; color:#003359}
h5{font:80%/1.4 arial,verdana,sans-serif; padding:3px 30px; margin:0; color:#003359}
h6{font:80%/1.4 arial,verdana,sans-serif; padding:3px 30px; margin:0; color:#003359}
hr{color:#DDD3AF; background:#DDD3AF; border:0; height:1px; width:94%; margin-left:3%}
p{font:90%/1.2 arial,verdana,sans-serif; padding:3px 30px; margin:0; color:#000}
textarea, input, select{font:75% arial,verdana,sans-serif; color:#000}
.subHeader{font:125%/1.4 arial,verdana,sans-serif; padding:0; color:#666; border-bottom:solid 1px #ccc}
.mem_header_cust{font-size:70%; color:#666}
.mem_header_points{font-size:60%; color:#666}
span.ErrorMessage{font:85%/1.4 arial,verdana,sans-serif; padding:3px 30px; margin:0; color:#C00; font-weight:bold}
span.ErrorMessage2{font:85%/1.4 arial,verdana,sans-serif; color:#C00; font-weight:bold}
.termsandconditions{color:#666; font-size:80%}
.txtNormal{width:100px}
.txtWide{width:500px}
.txtShort{width:50px}
.txtBodyText{padding:1px 2px; margin:0; width:76px; font-size:90%}
.ddlBodyText{padding:1px 2px; margin:0; width:200px; font-size:75%}
.lblBodyText{margin:0; font-size:90%}
.txtDateText, 
.DateTxt{padding:1px 2px; margin:0; width:76px; font-size:90%}
.txtDefaultText{padding:1px 2px; margin:0; font-size:100%}
.ResortDropdown{margin-left:30px; font-size:80%; width:190px}
.ProximitySearch{margin-left:30px; font-size:75%; width:170px}
.ProximityLabel{padding:0; margin:0; font:80%/1.2 arial,verdana,sans-serif}
.SourceTxt{color:#000; padding:1px 2px; margin:0; width:36px}
.RateTxt{color:#000; padding:1px 2px; margin:0; width:28px}
#PageWrapper{clear:both; position:relative; left:50%; margin:5px 0 0 -385px; padding:0 0 10px 0; width:770px; background:#ffffff; text-align:left}
#pagebar_container{clear:both;display:inline-block;position:relative;margin:0 0 0 10px; padding:0; width:750px; height:200px; background:#E0E9EF; text-align:left}
#pagebar_left{display:none}
#pagebar_right{display:none}
#pagebar_img{position:absolute; top:0; left:0; z-index:1; display:block; width:750px; height:200px}
#middle_wrapper{position:relative; display:inline-block; left:50%; margin:0 0 0 -375px; padding:0; width:750px; background-color:#E0E9EF}
#middle_navigation{text-align:left; margin:0; padding:0; width:750px; height:30px; background-color:#E2E8EF; overflow:hidden;}
#map{width:380px; height:300px; margin-left:30px; padding:0}
div#BreadCrumbs{display:inline; text-align:left; margin:0; padding:2px 0 2px 0; padding:0; width:750px; color:#003359}
#BreadCrumbs p{margin:3px 30px 0 30px; padding:5px 0; font-size:80%; color:#003359}
#BreadCrumbs a, 
#BreadCrumbs a:link, 
#BreadCrumbs a:visited{color:#003359}
#BreadCrumbs a:hover, 
#BreadCrumbs a:active{color:#88441E}
#pageleft_side{display:none}
#pageright_side{background-color:#E0E9EF}
#pageright_side ul{padding:3px 30px; margin:0; color:#000}
#pageright_side li{font:85%/1.4 arial,verdana,sans-serif; padding:0; margin:0 30px; color:#000}
#pageright_side a, #pageright_side a:link, #pageright_side a:visited, #pageright_side a:active{color:#003359}
#pageright_side a:hover{color:#6F9AD3}
#pageright_side ul.rentalFeaturedList{list-style-image:url(../images/treeview/expand.gif); list-style-type:square; padding:0; margin:0 0 0 15px}
#pageright_side ul.rentalFeaturedList li{padding:0; margin:0; font-size:80%}
#pageright_side .StatusBar{margin:10px 30px 10px 30px}
#pageright_side .RPPList{font:normal 85%/1em arial,verdana,sans-serif; font-weight:bold}
#pageright_side .FeaturedSearch .RPPList span{margin-left:20px}
#pageright_side label{color:#000; font-size:80%}
#factsheet ul{float:left; width:500px; list-style:none; margin:0 0 0 10px; padding:0}
#factsheet li{float:left; width:180px; margin:0; background-image:url(../images/treeview/expand.gif); background-position:0 3px; background-repeat:no-repeat; padding:0px 0 0 15px; font-size:80%}
.FSbodyText{font:85%/1.4 arial,verdana,sans-serif; color:#000; margin-top:5px; margin-bottom:5px}
.FSbodyboldText{font:85%/1.4 arial,verdana,sans-serif; color:#000; margin-top:5px; margin-bottom:5px}
.FSAnchorLink{font:85%/1.4 arial,verdana,sans-serif; color:#000; padding:0; margin:0}
#pageright_side .bodyText table{border-top:0; border-bottom:0; border-right:0; border-left:0; padding:0; margin:0}
#pageright_side .bodyText table td{border-top:0; border-bottom:0; border-right:0; border-left:0; padding:0; margin:0}
#pageright_side .DisplayItemHeader td{font:100%/1.4 arial,verdana,sans-serif; font-weight:bold; color:#FFF; background-color:#0D456E; padding:2px 5px}
#pageright_side .DisplayItemHeader b{font:80%/1.4 arial,verdana,sans-serif; font-weight:bold; color:#FFF; background-color:#0D456E; padding:2px 5px; text-align:center}
.DisplayItemSubCat{font:85%/1.4 arial,verdana,sans-serif; color:#666}
.DisplayItemCat{font:85%/1.4 arial,verdana,sans-serif; font-weight:bold; color:#0D456E}
#pageright_side .DisplayItemSubCat ul{margin:0; padding:0 0 0 20px}
#pageright_side .DisplayItemSubCat li{margin:0; padding:0}
div.homepage_features{width:720px; margin:0 0 0 10px; padding:0}
.LeadFormLabel{text-align:right; padding:0 3px 0 0; margin:0; color:#000; font-weight:bold; font-size:80%; width:50%}
.ResultTable{width:280px; margin:0 0 0 30px; border:none; display:table;}
.ResultTableNormal{width:430px; margin:0 0 0 30px; border:none; display:table;}
.ResultTableWide{width:690px; margin:0 0 0 30px; border:none;}
.ResultTableWideInside{width:100%; margin:0; border:none;}
.ResultTableWide td, 
.ResultTableNormal td, 
.ResultTableWideInside td, 
.ResultTable td{border:none; padding:5px}
.ResultHeader{background:#02335C; color:#fff; font-size:80%; font-weight:bold}
.NeedHelpTable{width:190px; margin:0; border:none; display:table; padding:0px}
.NeedHelpTable td{padding:5px}
.NeedHelpHeader td{background:#003359; color:#fff; font-size:120%; padding:10px; border:none}
.RegistrationHeader td{background:#C5D2E0; color:#003359; font-size:120%; padding:10px; border:none}
.RegistrationSubHeader td{background:#fff; color:#000; font-size:90%; font-weight:bold; padding:10px; border:none}
.RegistrationRow td{background:#F0F3F5; color:#000000; font-size:80%; text-align:left; border:none}
.RegistrationRowAlt td{background:#fff; color:#000000; font-size:80%; text-align:left; border:none}
.RegistrationRow td input, 
.RegistrationRowAlt td input{font-size:100%}
.ResultSubHeader{background:#6290B2; color:#fff; font-size:90%; font-weight:normal}
.ResultRowSubSubHeader{background:#6290B2; color:#fff; font-size:90%; font-weight:normal}
.ResultRow{background:#B7CAD8; color:#000; font-size:80%; text-align:left}
.ResultRowAlt{background:#96B5CB; color:#000; font-size:80%; text-align:left}
.ResultFooter{background:#02335C; color:#fff; font-size:80%; font-weight:bold}
.ResultPager{background:#02335C; color:#fff; font-size:80%; font-weight:bold}
#pageright_side .ResultRow label, 
#pageright_side .ResultRowAlt label{font-size:100%}
#pageright_side .ResultHeader a, 
#pageright_side .ResultHeader a:link, 
#pageright_side .ResultHeader a:visited{color:#fff}
#pageright_side .ResultHeader a:active, 
#pageright_side .ResultHeader a:hover{color:#fff}
#pageright_side input.dgButton{text-align:center}
#pageright_side .ResultSubHeader a, 
#pageright_side .ResultSubHeader a:link, 
#pageright_side .ResultSubHeader a:visited{color:#fff; font-weight:bold}
#pageright_side .ResultSubHeader a:active, 
#pageright_side .ResultSubHeader a:hover{color:#fff; font-weight:bold}
#pageright_side .ResultPager a, 
#pageright_side .ResultPager a:link, 
#pageright_side .ResultPager a:visited{color:#fff}
#pageright_side .ResultPager a:active, 
#pageright_side .ResultPager a:hover{color:#DAD7CB}
.NewsTableWide{width:765px; margin:0 0 0 30px; border:none; border-collapse:collapse}
.NewsTableWide tr, 
.NewsTableWide th, 
.NewsTableWide span{border:none}
.NewsTableWide td{padding:10px 0; border:none; color:#666}
.NewsRow{color:#666; font-size:80%}
.NewsPager{margin:0 30px; text-align:right; background:#fff; color:#003768; font-size:90%}
#pageright_side .NewsPager a, 
#pageright_side .NewsPager a:link, 
#pageright_side .NewsPager a:visited{color:#003359}
#pageright_side .NewsPager a:active, 
#pageright_side .NewsPager a:hover{color:#6F9AD3}
.ResultRow input, .ResultRowAlt input{font-size:100%; text-align:left}
#pageright_side table.websurvey_question{width:100%}
#pageright_side .websurvey_question td{border:none; width:20%}
#footer{clear:both; position:relative; left:50%; margin:0 0 0 -375px; padding:0; width:750px}
p.footer{text-align:left; font:10px/1.4 arial,verdana,sans-serif; padding:0; margin:0; color:#666}
a.footer, 
a.footer:link, 
a.footer:visited{text-transform:uppercase; color:#003359; text-decoration:none; font-weight:normal}
a.footer:hover, 
a.footer:active{text-transform:uppercase; color:#003359; text-decoration:none; font-weight:normal}
.SpecialRoom{font:80%/1.4 arial,verdana,sans-serif; padding:0; margin:0; color:#000}
.SpecialWeekend{font:80%/1.4 arial,verdana,sans-serif; padding:0; margin:0; color:#000}
.SpecialPrice{font:90%/1.4 arial,verdana,sans-serif; font-weight:bold; padding:0; margin:0; color:#003359}
.ResortList{width:430px; margin-left:30px}
#pageright_side .ResortList p{font:70%/1.4 arial,verdana,sans-serif; padding:3px; background:#000}
#pageright_side .ResortList h2{font:150%/1.4 arial,verdana,sans-serif; padding:0; margin:0 0 10px 0; color:#60351D; border-bottom:solid 1px #ccc}
#pageright_side .ResortList h4{font:95%/1.4 arial,verdana,sans-serif; font-weight:bold; margin:0; padding:0 0 0 3px; background:#60351D; color:#fff}
.SearchPanel{width:370px; padding:10px}
.NewsHeader{display:none}
.img_pagebar img{width:750px; height:200px}
.newsTopStory{ font-size:85%;  color:#554A41;  margin:5px 15px 15px 5px}
.newsHeadlines{ font-size:85%;  color:#554A41;  margin:-10px 15px 15px 20px}
.newsDetail{ font-size:85%;  color:#554A41;  margin:10px 15px 15px 20px}
.newsDetailDate{ font-size:90%;  color:#554A41}
.newsHomePage{ font-size:85%;  color:#554A41;  margin:0px 10px 8px 10px}
.FAQs{ font-size:85%;  color:#554A41}
.FAQQuestion{ font-weight:bold;  margin:5px 10px 0px 20px}
.FAQAnswer{ margin:0px 10px 0px 20px}
#faqAnswers{background:#fff; margin:10px 0 10px 0; padding:10px; border:1px solid #60351D}
.faqTitle{font-size:12px; text-decoration:none; color:#764701}
.faqlist{list-style:none; margin:0; padding:0}
.faqlist li{padding:0 0 10px 0px}
/* Header */
#header{display:inline-block;position:relative;margin:0 0 0 10px;padding:0;background-color:#fff; text-align:right; width:750px}
.imgLogo{float:left; margin:5px 0 0 0; z-index:300}
#topnavcontainer ul{display:inline; margin:0; padding:0; background:#fff url(../images/BG-navigation.jpg) repeat-x bottom left; color:#003359; float:left; text-align:left; width:750px; font-family:arial,helvetica,sans-serif; font-size:10px; font-weight:bold; height:26px}
#topnavcontainer ul li{display:inline; margin:0; padding:0}
#topnavcontainer ul li a, 
#topnavcontainer ul li a:link, 
#topnavcontainer ul li a:visited{margin:0 8px; padding:0; color:#003359; text-decoration:none}
#topnavcontainer ul li a:hover{background-color:transparent; color:#003359}
#topnavcontainer ul li a#active_tab, 
#topnavcontainer ul li a#active_tab:link, 
#topnavcontainer ul li a#active_tab:visited, 
#topnavcontainer ul li a#active_tab:hover{background-color:transparent;color:#003359}
div.login{float:right; position:relative; width:380px; height:65px; margin:5px 0 0 0; padding:0; border:solid 0px black}
div.login h2{position:relative; float:right; margin:0 3px 0 0; padding:3px 0 0 0; color:#003359; font:100% arial,helvetica,sans-serif; font-weight:normal; vertical-align:bottom}
div#username, 
div#password, 
div#submit{position:relative; float:right; margin:0}
div#username, 
div#password{margin-right:5px}
input#username-field, 
input#password-field{width:5em; font:75% arial,helvetica,sans-serif; color:#0B2F4F}
div.login div#username label.overlabel, 
div.login div#password label.overlabel{position:absolute; top:3px; left:5px; display:none}
div.login div#username label.overlabel-apply, 
div.login div#password label.overlabel-apply{position:absolute; top:3px; left:5px; z-index:1; color:#DAD7CB; font:75%/1.4 arial,helvetica,sans-serif}
div#logininfo{clear:both; display:block; text-align:left; padding-left:110px}
#header .login p{padding:0; margin:0; color:#003359; font-size:80%}
#header .login p.loginerr{color:#C00; font-weight:bold}
div.login a{color:#003359; font-size:100%; text-decoration:none}
div.login a:hover{color:#003359; text-decoration:underline}
div.LoggedIn{float:right; position:relative; width:380px; height:65px; margin:5px 0 0 0; padding:0; border:solid 0px black}
#header div.LoggedIn p{padding:0; margin:0; color:#003359; font-size:90%}
#header div.LoggedIn p.loginerr{color:#C00; font-weight:bold}
div.LoggedIn a{color:#003359; font-size:100%; text-decoration:none}
div.LoggedIn a:hover{color:#003359; text-decoration:underline}
/* Calendar */
#CalendarControlIFrame{display:none; left:0px; position:absolute; top:0px; height:190px; width:190px; z-index:200}
#CalendarControl{position:absolute; background-color:#fff; margin:0; padding:0; display:none; z-index:300}
#CalendarControl table{font-family:arial,verdana,helvetica,sans-serif; font-size:80%; border-left:1px solid #002d55; border-right:1px solid #002d55}
#CalendarControl th{font-weight:normal; color:#554A41}
#CalendarControl th a{font-weight:bold; text-decoration:none; color:#FFF; padding:0px}
#CalendarControl th a:hover{color:#ccc; text-decoration:underline}
#CalendarControl td{text-align:center}
#CalendarControl .header{background-color:#002d55; color:#fff}
#CalendarControl .weekday{background-color:#EBEBEB; color:#554A41}
#CalendarControl .weekend{background-color:#ccc; color:#554A41}
#CalendarControl .current{border:1px solid #339; background-color:#002d55; color:#FFF}
#CalendarControl .weekday, 
#CalendarControl .weekend, 
#CalendarControl .current{display:block; text-decoration:none; border:0px solid #FFF; width:1.8em}
#CalendarControl .weekday:hover, 
#CalendarControl .weekend:hover, 
#CalendarControl .current:hover{color:#FFF; background-color:#002d55; border:0px solid #999}
#CalendarControl .previous{text-align:left}
#CalendarControl .next{text-align:right}
#CalendarControl .previous, 
#CalendarControl .next{padding:0px 2px 0px 2px; font-size:140%}
#CalendarControl .previous a, 
#CalendarControl .next a{color:#FFF; text-decoration:none; font-weight:bold}
#CalendarControl .previous a:hover, 
#CalendarControl .next a:hover{color:#ccc}
#CalendarControl .title{text-align:center; font-size:100%; font-weight:bold; color:#FFF}
#CalendarControl .empty{background-color:#EBEBEB; border:0px solid #FFF}
/* Lightbox */
#lightbox{position:absolute; top:150px; left:0; width:100%; z-index:1000; text-align:center; line-height:0}
#lightbox a img{border:none}
#outerImageContainer{position:relative; background-color:#fff; width:640px; height:480px; margin:0 auto}
#imageContainer{padding:10px}
#loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0}
#hoverNav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10}
#imageContainer>#hoverNav{left:0}
#hoverNav a{outline:none}
#prevLink, 
#nextLink{width:49%; height:100%; background:transparent url(images/General/blank.gif) no-repeat; display:block}
#prevLink{left:0; float:left; background:url(../images/General/prev.gif) left bottom no-repeat}
#nextLink{right:0; float:right; background:url(../images/General/next.gif) right bottom no-repeat}
#prevLink:hover, 
#prevLink:visited:hover{background:url(../images/General/prev.gif) left bottom no-repeat}
#nextLink:hover, 
#nextLink:visited:hover{background:url(../images/General/next.gif) right bottom no-repeat}
#imageDataContainer{font:10px Verdana,Helvetica,sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em}
#imageData{padding:10px}
#imageData #imageDetails{width:70%; float:left; text-align:left}
#imageData #caption{font-weight:bold}
#imageData #numberDisplay{display:block; clear:left; padding-bottom:1.0em}
#imageData #bottomNavClose{width:66px; float:right; padding-bottom:0.7em}
#overlay{position:absolute; top:0; left:0; z-index:900; width:100%; height:100%; background-color:#003768; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
* html>body .clearfix{display:inline-block; width:100%}
* html .clearfix{}
#caption, 
#numberDisplay{font:120% arial,verdana,sans-serif; color:#7E4F26}
.score_back{background-color:#c5d2e0;width:90%;padding:0;margin:3px 0  0 30px;} 
.score_bar{display: block;background-color:#003359;height:12px;padding:5px;color:#c5d2e0;text-align:right;font-weight:bold;width:95%}
/* Bulletin Board */
.txtHeader{font:125%/1.4 arial,verdana,sans-serif; padding:0; color:#00355f; font-weight:bold; padding:5px;}
.txtSmall{font:80%/1.4 arial,verdana,sans-serif; padding:0; color:#00355f; padding:5px;}
#BBHeader{ width:700px; padding:0}
#BBContent{ width:700px; margin-left:5px; padding:0}
.BBHeader{background:#02335C url(../images/resultheader3_bg.gif); color:#fff; font-size:80%; font-weight:bold; padding:10px; border:none}
.BBResultHeader td{background:#C5D2E0 url(../images/resultheader1_bg.gif); color:#003359; font-size:80%; padding:10px; border:none}
.BBResultHeader2 td{background:#ebf2f7 url(../images/resultheader2_bg.gif); color:#003359; font-size:80%; padding:10px; border:none}
/* Bulletin Board Gridview */
.mGrid a {color:#fff;}
.mGrid {width: 100%; background:#C5D2E0; color:#fff; font-size:80%; margin: 5px 0 10px 0;  border:none;}  
.mGrid td {padding: 2px; border:none; color: #00355f;}  
.mGrid th {color: #fff; background: #02335C url(../images/resultheader3_bg.gif) repeat-x top; font-size:100%; font-weight:bold; padding: 10px; border:none}  
.mGrid th a {color:#ffffff !important;}
.mGrid .alt {background: #f2faff repeat-x top; color:#00355f;  border:none}  
.mGrid .pgr {background: #fff}  
.mGrid .pgr table {margin: 5px 0;}  
.mGrid .pgr td {border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #000;}     
.mGrid .pgr a {color: #666; text-decoration: none; }  
.mGrid .pgr a:hover { color: #000; text-decoration: none;}  
/* Modal Popup */
.modalBackground {background-color:Gray;filter:alpha(opacity=70);opacity:0.7;}
.modalPopup {background-color:#ffffdd;border-width:3px;border-style:solid;border-color:Gray;padding:3px;width:250px;}
.sampleStyleA {background-color:#FFF;}
.sampleStyleB {background-color:#FFF;font-family:monospace;font-size:10pt;font-weight:bold;}
.sampleStyleC {background-color:#ddffdd;font-family:sans-serif;font-size:10pt;font-style:italic;}
.sampleStyleD {background-color:Blue;color:White;font-family:Arial;font-size:10pt;}
.ModalWrapper { display: none; width: 100%; height: 100%; position: fixed; /* for non ie6. for ie6 see style-ie.css */ top: 0px; left: 0px; z-index: 10000; }
.ModalWrapper #ModalBackground,
.ModalWrapper #ModalBackground2,
.ModalPopupBackground { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-color: Gray; filter: alpha(opacity=50); opacity: 0.50; }
.ModalWrapper #Centerer,
.ModalWrapper #Centerer2{ position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 10001; }
.ModalWrapper #Activity,
.PopupWindow { padding: 15px; background-color: White; border: 1px double #7F513A; text-align: center; font-weight: bold; width: 300px; }
.ModalWrapper #Activity2 { padding: 10px; background-color: White; border: 1px double #7F513A; text-align: left; width: 600px; height: 450px }
.ModalWrapper #IE6DropDownCover { display: none; display: block; position: absolute; top: 0; left: 0; z-index: -1; filter: mask(); width: 100%; height: 100%; }
.ModalWrapper #Activity #Image { padding-right: 15px; }
.ModalWrapper #Activity #Label { text-align:left; width:100%; }
.ModalWrapper #Activity2 #ModalLabel {text-align:left; height:400px; overflow-y: scroll}
.ModalWrapper #Activity2 #ModalClose {vertical-align:middle; height:30px;padding-top:15px;}
.ModalWrapper #Activity table { width: 100%; height: auto !important;}
.ModalWrapper #Activity2 table { width: 100%; height:450px; }
.ModalWrapper table,
.ModalWrapper td,
.ModalWrapper th { vertical-align: middle; }
.ModalWrapper a {cursor:pointer}
.PopupWindow { color: #512b1b; background: #f2f0e6 !important; text-align: left; font-weight: normal; width: 400px; zoom: 1; }
.PopupWindow hr { border: 1px dotted #b3995d; border-style: none none dotted; margin: 0.5em 0; color: #f2f0e6; }
.PopupWindow a { color: #764524; }
.PopupWindow .PopupMessage { }
.PopupWindow .Header {  }
.PopupWindow .PopupControls { text-align: center; font-weight: bold; }
.PopupWindow .PopupControls .Button { background: url(../images/upgrades/buttonleft.jpg); background-position: left center; min-height: 35px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; _height: 35px; } 
.PopupWindow .PopupControls .Button .Right { height: 35px; line-height: 35px; padding-left:7px; padding-right:13px;  margin-left: 5px; background: url(../images/upgrades/buttonright.jpg); background-position: right center;}
.PopupWindow .PopupControls .Button .Right a, .PopupWindow .PopupControls .Button .Right a:hover, .PopupWindow .PopupControls .Button .Right a:active, .PopupWindow .PopupControls .Button .Right a:visited { text-decoration: none; }
.PopupWindow .Footer { text-align: right; }
.ModalWrapper .close { background: #5D85BA url(../images/dri_badges_button_background.jpg) repeat-x scroll 0 0; border: 1px solid #C5D2E0; color: #FFFFFF; display: block; float: right; font-weight: bold; line-height: 21px; text-align: center; width: 57px; }



/* Success */
#successdiv {background: #99ff99; color:#006600; border: 1px solid #006600; height:25px; width:680px; padding:5px; margin-left:30px; }

/* Scroller */
#HOA {margin:0px 0px 0px 29px;}
#HOA p a {color:#729BCF; text-decoration:none; }
#HOA #scroller {width: 450px; background: #EEEEEE; }
#HOA #scroller .scrollable .image>.actionbar { text-align:center; color: white; height: 67px; background: url(../images/v4/rotatorbar.png) repeat-x;}
#HOA #scroller .scrollable .image>.actionbar>div { display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; }
#HOA #scroller .scrollable .image>.actionbar .left { cursor:pointer; height: 67px; width: 28px; background: url(../images/v4/rotatorleft.png) no-repeat 10px center; }
#HOA #scroller .scrollable .image>.actionbar .left:hover { background-position: 0 center; }
#HOA #scroller .scrollable .image>.actionbar .left.disabled { visibility: hidden; }
#HOA .scrollable .browse.disabled { visibility: hidden; } 
#HOA #scroller .scrollable .image>.actionbar .offer { color:#FFFFFF; font-size:22px; padding-left:10px; text-transform:uppercase; padding-left: 10px; }
#HOA #scroller .scrollable .image>.actionbar .price { color:#FFFFFF; font-size:22px; line-height:22px; text-decoration:none; padding: 0 8px; letter-spacing:-1px; }
#HOA #scroller .scrollable .image>.actionbar .price>.currency { font-size: 46px; line-height: 54px; }
#HOA #scroller .scrollable .image>.actionbar .action { color:#FFFFFF; font-size:17px; font-weight:bold; text-transform:uppercase; padding-right: 10px; }
#HOA #scroller .scrollable .image>.actionbar .right { cursor:pointer; height: 67px; width: 28px; background: url(../images/v4/rotatorright.png) no-repeat 0 center;  }
#HOA #scroller .scrollable .image>.actionbar .right:hover { background-position: 10px center; }
#HOA #scroller .scrollable .image>.actionbar .right.disabled { visibility: hidden; }
#HOA .prevPage {  position: absolute; top: 0px; left: 0px; cursor: pointer; height: 393px; width: 35px; background: url("../images/arrow-left.png") no-repeat scroll 0% 0% transparent; z-index: 1; }
#HOA .nextPage { position: absolute; top: 0px; right: 0px; cursor: pointer; height: 393px; width: 35px; background: url("../images/arrow-right.png") no-repeat scroll 0% 0% transparent; z-index: 1; }

/* Reduce space for Water Inrusion Assessment title on top button link */
#topnavcontainerHawaii ul{display:inline; margin:0; padding:0; background:#fff url(../images/BG-navigation.jpg) repeat-x bottom left; color:#003359; float:left; text-align:left; width:750px; font-family:arial,helvetica,sans-serif; font-size:10px; font-weight:bold; height:26px}
#topnavcontainerHawaii ul li{display:inline; margin:0; padding:0}
#topnavcontainerHawaii ul li a, 
#topnavcontainerHawaii ul li a:link, 
#topnavcontainerHawaii ul li a:visited{margin:0 7px; padding:0; color:#003359; text-decoration:none}
#topnavcontainerHawaii ul li a:hover{background-color:transparent; color:#003359}
#topnavcontainerHawaii ul li a#active_tab, 
#topnavcontainerHawaii ul li a#active_tab:link, 
#topnavcontainerHawaii ul li a#active_tab:visited, 
#topnavcontainerHawaii ul li a#active_tab:hover{background-color:transparent;color:#003359}

/* Account Upgrade */
#dialog{ z-index:9999; position: absolute; top: 50%; left: 50%; width: 300px; height: 150px; margin: -101px 0 0 -101px; border: 2px solid #003359; background-color: #f0f0f0;}
.dialogOff{display: none;}
.dialogOn{ display: block; background-color: Teal;}
#dialog .buttons{list-style-type: none;}
#dialog .buttons .right{float: right;}
#dialog .buttons li a{display: block; width: 50px; color: #60351D; background:url(../images/BTN_lightbrown.gif) no-repeat; height:36px; padding: 2px; margin: 3px; text-align: center; text-decoration: none;}
#mask{position: absolute; z-index:9000; background-color: #bbb; }

#divContainer{width: 100%; font-family: Arial; }
#divViewPort{width: 100%; margin: 10px auto; overflow-x: hidden;}
#divSlidingContents { width: 100000px; }

#divSlidingContents .sectHeader {display: block; font-weight: bold;}
#divSlidingContents .sectContent { margin: 20px; }

.showLoaderIndicator{float: right; margin-right: 2px; margin-bottom: 5px;}
.hideLoaderIndicator{display: none;}
thead th {background:none !important;}

#systemMsg{padding: 2px; color: #CC0000; font-weight: bold; font-size: 1.25em;}
#successMsg{padding: 2px; color: #00CC00; font-weight: bold;}

#centeredDiv{}
#leftColumn{float: left; width: 47%; padding-top: 10px; }
#rightColumn{float: right; width: 47%; padding-top: 10px; }

.centeredTable{ margin-left: 10%;}
.required{}
.greenMode{background-color: #f0ede5; padding: 1px 1px; color: Black; border: solid 1px #008000;}
.redMode{background-color: #f0ede5; padding: 1px 1px; color: Black; border: solid 2px red}

#staticSteps {height:52px;}
#staticSteps li {height:52px; background:url("../images/tabs/wizardtab_878.jpg") no-repeat scroll 0 0 transparent; color:#A1A1A1; display:block; font-family:arial; font-size:10px; font-weight:bold; line-height:12px; margin:0; position:relative; text-align:center; text-decoration:none; text-transform:uppercase; list-style-type: none; display: inline; float: left; width: 292px;}
 
 /* L=LEFT, M=MIDDLE R=RIGHT I=INACTIVE A=ACTIVE*/
 
 /* LEFT*/
 #staticSteps li.LAII {background-position:-1px -0px;}
 #staticSteps li.LIAI {background-position:-1px -52px;}
 #staticSteps li.LIIA {background-position:-1px -104px;}
 
  /* MIDDLE*/
 #staticSteps li.MAII {background-position:-293px -104px;}
 #staticSteps li.MIAI {background-position:-293px -0px;}
 #staticSteps li.MIIA {background-position:-293px -52px;}
 
  /*RIGHT*/
 #staticSteps li.RAII {background-position:-585px -104px;}
 #staticSteps li.RIAI {background-position:-585px -52px;}
 #staticSteps li.RIIA {background-position:-585px 0;}

.navigation{ list-style-type: none; padding: 0.5em 0; border-top: 1px solid #666;}
.navigation .left { float: left; }
.navigation .right {float: right;}
.navigation li a { display: block; width: 125px; color: #60351D; background:url(../images/BTN_lightbrown.gif) no-repeat; height:36px; padding: 2px; margin: 3px; text-align: center; text-decoration: none;}
.navigation li a:hover { color: #482715;}

.section{ width: 878px; padding: 5px; float: left;}
.sectionHeader{ display: block;  color: black; font-weight: bold; font-size: 14px; text-align: left;}         

.hover-wrap{display: inline;}
.hover-wrap label.hover{position: absolute; top: -0.3em; left: 0.3em; color: #666; font-size:smaller;}

fieldset{border-style: solid; border-color: blue; margin: 0px !important; display:block; padding: 0px; font-size: 100%; font-weight: normal;}
fieldset legend{color: Black; font-weight:bold; font-size:110%; top: 0px; margin: 0px !important;}
fieldset label{display: block; width: 95px; text-align: right; float:left; padding-right: 5px;}

fieldset .password {width: 75px; margin: 2px 0;}
lable span.required{color: Red;}

#secNotification{margin-left: 15%;}
#listViolations{list-style-type: none; padding: 0; margin: 0; padding-bottom: 1em; }
#listViolations li{background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0 0.4em; padding-left: 1.2em;}

#passwordTable{}
#pwdRequirements{font-weight: bold; font-size: 0.1em; color: black; }
label{white-space: nowrap;}
#divPwdRequirements { width: 280px; }
#divPwdRequirements img{padding: 3px 0 3px 0; vertical-align:middle; }
#divPwdRequirements .legendDesc{padding:0; font-size: 1em; margin-top: -3px; color: Gray; white-space: nowrap; }

#secQuestions{margin-left: 15%;}
.secQandA{margin-bottom: 1.5em;}
.secQandA label{display: block; width: 65px; text-align: right; float:left; padding-right: 5px; margin: 2px 0;}
.secQandA .ddl{width: 450px; margin-bottom: 5px;}
.secQandA .ansText{width: 150px; }
.secQandA .minAnswerLength{width: 100%; font-size: smaller; color: gray;}

.contactUpdate{ width: 330px; }
.contactUpdate input{color: Black; padding: 0.1em;}
.contactUpdate label{display: block; width: 130px; text-align: right; float:left; padding-right: 5px; margin: 2px 0;}
.contactUpdate .inlineLabel{display: inline; width: 20px; float: none;}
.contactUpdate .text{width: 150px; margin-bottom: 5px; padding: 0.1em}
.contactUpdate .readOnly{width: 150px; text-align: left; }
.contactUpdate .narrow1 {width: 80px; margin-right: 0px; padding: 0.1em}
.contactUpdate .small {width: 30px;}
.contactUpdate .dropList{width: 160px; margin-bottom: 5px;}
.contactUpdate a{ font-size: smaller; color: Gray;}
.contactUpdate .smallNote{font-size: smaller; color: Gray;}
.contactUpdate .checkBoxLabel{padding-left: 3px; white-space: nowrap;}
.contactUpdate img{padding: 3px 0 3px 3px; vertical-align:middle;}
.contactUpdate #divLanguage {width: 330px; white-space: nowrap; margin-top: 5px;}
.contactUpdate .checkBoxLabel {vertical-align:top;}
.contactUpdate .checkBoxDiv {margin-top: 5px;}
.contactUpdate .divSubscriptions {width: 330px;}

#divStmntHelp {position: absolute; width: 150px; height: auto; background-color: Gray; border: solid 1px black; padding: 0.5em;}
.footNote{display:block; text-align: center; margin: 2px 0;}

#divInterest{width: 700px; border: solid 0px Gray; padding: 5px 5px 5px 5px;}
#divInterest .headerSection{width: 100%; background-color: #60351d; padding: 2px 0px 2px 2px; margin-bottom: 3px;}
#divInterest .headerSection img{padding: 3px 3px 3px 3px; vertical-align:middle; }
#divInterest .bodySection{margin-bottom: 1em;}
#divInterest td{width: 33.3%;}
#divInterest .headerLabel{color: white;}
#divInterest .headerLink{float: right;}
#divInterest .headerLink .lnkSelectAll{color: white; font-weight: bold; margin-right: 5px;}
#divInterest td label{margin-left: 0.3em;}
#interestList .innerList{ list-style: none;}

div#divTravelPrefs{margin: 10px 30px;}
div#divTravelPrefs #tabTravelPrefs td{padding: 5px 5px; vertical-align: middle;}

#fldsetQandA #secQandAList{margin-left: 0; padding-left: 0; list-style: none;}
#fldsetQandA #secQandAList li{margin-bottom: 8px;}
.setData{width: 360px;}
.setData .linkArea a{text-align: right; float: right;}
.setData label{display: block; width: 100px; text-align: left; float:left; padding-right: 5px; margin: 2px 0;  font-size: 11px; font-family: Verdana;}
.setData .readOnly{width: 210px; text-align: left; float:left; margin: 2px 0; font-size: 12px; }
.setData .inline{width: 200px;}
/* .setData a{float: right; margin: 0.1em 0 0.3em 0.1em; } */
.setData a{float: right; text-decoration: none; }
.setData .smallNote{font-size: smaller; color: Gray;}

#fldsetAcctLocator {margin-left: 33%; width: 350px;}
#fldsetAcctLocator #locatorMode {width: 340px;}
.locatorCriteria{width: 255px;  margin: 20px 10%; }
.locatorCriteria .narrow2{float: left; width: 120px; margin-right: 0px; margin-bottom: 5px; }
.locatorCriteria img{padding: 3px 0 3px 3px; vertical-align:middle;}

.locatorCriteria2{width: 255px;  margin: 20px 10%; }
.locatorCriteria2 .clearRightText{float: left; clear: right; width: 120px; margin-right: 10px; margin-bottom: 5px;}
.locatorCriteria2 .narrow2{width: 120px; margin-right: 0px; margin-bottom: 5px; }
.locatorCriteria2 img{padding: 3px 0 3px 3px; vertical-align:middle;}

#fldsetUsernameSummary{margin-left: 33%; width: 350px;}
#userData{width: 350px;}
#userData label{display: block; width: 135px; text-align: right; float:left; padding-right: 5px; margin: 2px 0;}
#fldsetUsernameSummary .readOnlyFloatLeft{width: 180px; text-align: left; float:left; margin: 2px 0; font-size: 12px; }

#fldsetSecQuestions{margin-left: 25%; width: 500px;}
#securityQuestions .secQPrompt{ border: solid 1px Gray;}
#securityQuestions #tableQuestions .leftCell{ width: 100px; text-align: right; font-weight: bold;}
#securityQuestions #tableQuestions .rightCell label{text-align: left; width:350px;}
#securityQuestions #tableQuestions input{width: 350px;}

#fldsetUnameInfo {margin-left: 30%; width: 50%;}
#fldsetUnameInfo #usernameInfo label{width: 100%; font-weight: bold; margin-bottom: 0.5em; margin-right: 50px; float: left; text-align: left;}
#fldsetUnameInfo #optionsAvail{display: block; margin-top: 25px; margin-left: 70px;}

#fldsetUsername{width: 420px; margin-left: 25%;}
#fldsetUsername label{ font-weight: bold;}
#fldsetUsername input{color: Black; padding: 0.1em; width: 250px;}
#usernameUpdate{width: 400px;}


#fldsetNotification{width: 420px; margin-left: 25%;}
#fldsetNotification .emailID{ font-weight: bold;}

#interestList li{ width: auto; margin: 0; padding: 0;}
#interestList li a{float: left; text-decoration: none;}