body
{
   background:       White;
   color:            #060;
   text-align:       left;
   font-family:      arial;
}

a
{
   text-decoration:  underline;
   color:            #060;
}
a:hover
{
   color:            white;
   background:       darkgreen;
}

.alert
{
   padding:          4px;
   margin:           2px 0px 4px 0px;
   font-weight:      bold;
   background-color: palegoldenrod;
   border:           1px solid goldenrod;
}

.alert-message
{
   display:          none;
   background-color: Yellow;
   color:            black;
   border:           1px solid black;
   padding:          3px;
   margin:           4px 0px 2px 0px;
   font-weight:      bold;
}

.wait
{
   display:          none;
   padding:          24px;
   border:           2px solid Black;
   background-color: Wheat;
   color:            Black;
   position:         absolute;
}

.home-ready-link
{
   padding:          7px;
}
.home-ready-link a
{
   text-decoration: none;
}
.home-ready-link a:hover
{
   color:         white;
   background:    white;
}

.dialog-cal-dates
{
   font-size:        12pt;
   font-weight:      bold;
}

.yes-select-dates
{
   text-decoration:  underline;
   color:            Blue !important;
}

.Bold { font-weight:bold; }
.Bold a { font-weight:bold; }
.Smaller { font-size:80%; }
.larger { font-size:125%; }
.Small { font-size:70%; }
.Standard { font-size:90%; }
.Right { text-align:right; }
.fixed { font-family:Courier; }
.center { width:100%; text-align:center; }
.dummy { display:none; }
.line { height:1px; border-top:solid 1px black; border-bottom:none; border-left:nonw; border-right:none; margin:4px 4px 4px 4px; display:block; }

.Red { color:Red; }
.BoldRed { color:Red; font-weight:bold; font-size:110%; }

.TermsOfService { background:white; color:black; border:solid 2px black; padding-left:4px; text-align:left; font-family:arial; }

.banner { position:relative; height:60px; font-size:90%; }
.banner .slogan { padding-left:35px; color:#090; font-weight:bold; letter-spacing:1px; }
.banner .links .dest_search { color:black; letter-spacing:1px; padding-bottom:5px; }
.banner .links .dest_search .button { border:1px solid black; background-color:black; color:white; height:20px; }
.banner .links td { right:0px; letter-spacing:1px; }
.banner .links a { color:black; text-decoration:none; }
.banner .links a:hover { color:red; background:white; text-decoration:underline; }
.banner .links .Logon { display:inline; border:1px solid black; }
.banner .links .Logon a { background-color:Green; color:White; display:inline; padding:2px 2px 2px 2px; }
.banner .links .Logon a:hover { color:Orange; }
.banner .links .Logon a:active { color:Orange; padding:3px 2px 2px 5px; }

.header
{
   font-size:           10pt;
 }
.header .tabs
{
   padding-bottom:      0px;
   padding-top:         4px;
   background:          #000;
   font-size:           11pt;
   font-weight:         bold;
 }
.header .tabs .item
{
   font-size:           9pt;
 }
.header .tabs table { position:relative; width:auto }
.header .tabs td { position:relative; font-weight:bold; padding-left:4px; padding-right:4px; vertical-align:middle; }
.header .tabs td.active a:hover { color:#E7FBCE; border-color:#E7FBCE; background:#060; }
.header .tabs td.active .items a { color:#FFF; border-color:white; }
.header .tabs td.active .items a:hover { color:#E7FBCE; border-color:#E7FBCE; background:#060; }
.header .tabs td:hover .items { display:block; }
.header .tabs a { display:block; width:100%; border-left:2.5px solid #FFF; padding-bottom:2px; padding-left:4px; color:#FFF; text-decoration:none; text-align:center; vertical-align:middle; }
.header .tabs a:hover { color:#E7FBCE; background:#060; }
.header .tabs .items { position:absolute; display:none; width:300px; margin:0px; padding:0px; background:#000; }
.header .tabs .items a { border-left:2.5px solid #FFF; text-align:left; padding:2px 0px 2px 5px; background:#000; width:300px; }
.header .tabs .items a:hover { color:#E7FBCE; border-color:#E7FBCE; background:#060; }
.header img { border:solid 0px red; vertical-align:middle; }
.header .images { width:100%; padding:3px 0px 0px 0px; }
.header .image { padding:0px 0px 0px 0px; }

.navbar
{
   background:       #E7FBCE;
}
.navbar .section
{
   width:            200px;
   padding-right:    4px;
   border-top:       2px solid white;
   font-size:        90%;
}
.navbar .section b {  margin:2px; color:#000; }
.navbar a { display:block; width:100%; padding:5px; color:#FFF; text-decoration:none; }
.navbar a.active { padding:5px; color:#060; background:#E7FBCE; font-weight:bold; }
.navbar a:hover { background:#E7FBCE; color:red; }
.navbar a.active { padding:5px; color:#060; background:#E7FBCE; font-weight:bold; }
.navbar .page { padding:5px 5px 5px 10px; font-size: 90%; }
.navbar .page td { font-size: 90%; }
.navbar .page a { display:inline; width:auto; padding:0px; color:#060; text-decoration:underline; }
.navbar .page a:hover { display:inline; color:red; background:#060; }
.navbar .thumb
{
   width:            100%;
   text-align:       center;
   padding:          48px 0px 24px 0px;
}

.navbar-div
{
   margin-top:       120px !important;
   display:          none;
   color:            Black;
   border:           1px solid Red;
   margin:           4px;
   padding:          4px;
   font-size:        10pt;
}

.specials { color:white; font-size:90%; border: ridge 2px silver; border-collapse:collapse; text-align:left; }
.specials .header { background-color:black; font-weight:bold; text-align:center; }
.specials .label { font-weight:bold; }

.footer { color:#000; width:100%; margin-top:5px; font-size:70%; }
.footer a { color:#000; }
.footer a:hover { color:white; }
.FooterTagline { color:#FFF; font-size:100%; width:100%; padding: 3px 0px 3px 0px; text-align:center; font-weight:bold; }
.FooterTagline a { color:#FFF; text-decoration:underline; }

.page { background:#E7FBCE; margin: 0px 0pcx 0px 0px; padding: 1px 4px 7px 7px }

.HeaderTagline
{
   font-size:        10pt;
   width:            100%;
   padding:          3px 0px 3px 0px;
   font-weight:      bold;
   color:            #FFF;
   border-top:       solid 3px white;
   font-family:      Arial;
}
.HeaderTagline .left { float:left; padding-left:7px; padding-right:12px; }
.HeaderTagline .right { text-align:center; }
.HeaderTagline .small { font-size:75%; }
.HeaderTagline a { color:#FFF; text-decoration:underline; }
.HeaderTagline a:hover { color:#E7FBCE; border-color:#E7FBCE; background:#060; }
.HeaderTagline .Logout { position:absolute; right:12px; vertical-align:middle; }
.HeaderTagline img { padding-left:4px; padding-right:4px }

.CaptionBar { font-weight:bold; background-color:#090; color:White; padding:5px 5px 5px 4px; margin-top:7px; }

.IndexBar { border:solid 1px chocolate; background-color:#fffae2; width:100%; padding:3px 0px 3px 4px; margin-bottom:7px; }
.IndexBarNoTop { border-top-style:none; border-left-style:solid; border-right-style:solid; border-bottom-style:solid; border-color:Chocolate; border-width:1px; background-color:#fffae2; width:100%; padding:3px 0px 3px 4px; }

.index
{
   width:            100%;
   padding-top:      10px;
   padding-bottom:   7px;
   vertical-align:   middle;
}
.index .title
{
   font-size:        18pt;
   font-weight:      bold;
   display:          inline-block;
}
.index .title-ready
{
   font-size:        14pt;
   font-weight:      bold;
   display:          inline-block;
}
.index .watch-top a
{
   font-size:        10pt;
   font-weight:      bold;
   text-decoration:  none;
}

.SortField { color:Red; }
.SearchBar { border:solid 1px #060; background-color:#E7FBCE; width:100%; padding:3px 0px 3px 4px; margin-bottom:7px; }

.property-header
{
   width:            100%;
   text-align:       center;
   vertical-align:   middle;
   display:          block;
   margin:           7px 0px 7px 0px;
}
.property-header div
{
   padding:          0px 20px 0px 20px;
   display:          inline-block;
   font-size:        90%;
}
.property-header .narrow
{
}
.property-header .wide
{
}
.property-header .bold
{
   font-weight:      bold;
}

.HierarchyBar
{
   border:           solid 1px #060;
   font-size:        90%;
   font-weight:      normal;
   background-color: #fffae2;
   padding:          4px;
   margin:           3px 0px 3px 0px;
}

.hierarchy-bar
{
   border:           4px outset #BDB;
   font-size:        100%;
   font-weight:      bold;
   background-color: #360;
   color:            White;
   padding:          4px;
   margin:           3px 0px 3px 0px;
}
.hierarchy-bar a { color: White !important; }
.hierarchy-bar a:hover { color: Red !important; }

.LegendBar { border:solid 1px chocolate; border-bottom:none; background-color:#fffae2; width:100%; padding:3px 0px 3px 4px; margin-top:7px; }
.AdminPanel { padding: 4px 4px 4px 4px; margin-top:7px; margin-bottom:7px; border: solid 1px chocolate; background-color:khaki; }

.HostComments { font-style:italic; color:Purple; }

.Overview { border-style:none; font-weight:bold; padding-left:20px; padding-right:20px; text-align:justify; background-color: #fffae2; }

.Grid { border:ridge 2px white; font-size:90%; }
.Grid td { border:solid 1px darkgray; padding:4px; }
.Grid td a { display:inline; text-decoration:underline; }
.Grid td a:hover { color:#E7FBCE; border-color:#E7FBCE; background:#060; }
.GridHeader td { background:black; color:White; font-weight:bold; text-align:center; }
.GridItem td { display:inline; color:Black; border:solid 1px black; }
.SortGridHeader td { background:black; border:none; text-align:center; padding:4px; color:White; font-weight:bold; text-align:center; }
.SortGridHeader td a { display:inline; font-weight:bold; text-decoration:none; }
.SortGridHeader td a:hover { display:inline; color:#E7FBCE; border-color:#E7FBCE; background:#060; }
.navbar .page .SortGridHeader td a { color:White; }
.page .SortGridHeader td a { color:White; }

.Grid .Inquiry td { border:solid 1px black; }
.Grid .Inquiry td a { display:inline; text-decoration:underline; }
.Grid .Inquiry td a:hover { color:#E7FBCE; border-color:#E7FBCE; background:#060; }
.Grid .Inquiry td a:visited { color:Purple; }
.Grid .PastDateInquiry td { background:#DDD; color:#777; border:solid 1px black; }
.Grid .PastDateInquiry td a { display:inline; text-decoration:underline; }
.Grid .PastDateInquiry td a:hover { color:#E7FBCE; border-color:#E7FBCE; background:#060; }
.Grid .PastDateInquiry td a:visited { color:Purple; }
.Grid .CancelledInquiry td { background-color:coral; border:solid 1px black; }
.Grid .CancelledInquiry td a { display:inline; text-decoration:underline; }
.Grid .CancelledInquiry td a:hover { color:#E7FBCE; border-color:#E7FBCE; background:#060; }
.Grid .CancelledInquiry td a:visited { color:Purple; }

.LightRedRow { background-color:coral; }

.ReportingGrid { border:ridge 2px white; font-size:70%; }
.ReportingGrid td { border:solid 1px darkgray; padding:4px; }
.ReportingGrid td a { display:inline; text-decoration:underline; }
.ReportingGrid td a:hover { color:#E7FBCE; border-color:#E7FBCE; background:#060; }
.ReportingGrid td a:visited { color:Purple; }
.ReportingGridFooter { font-weight:bold; border: solid 2px black; }
.ReportingGrid .NegativeValue { color:Red; }

.Fees td { background:Silver; border:solid 1px darkgray; }
.Fees .FeesHeader td { background:Black; color:White; }

.PaidFeeCtl { border:solid 0px WhiteSmoke; background-color:WhiteSmoke; border-collapse:collapse; }
.PaidFeeCtl td { color:Black; border:solid 1px chocolate; padding:2px 2px 2px 2px; }
.PaidFeeCtl .PaidFeeCtlHeader td { background:black; color:White; font-weight:bold; text-align:center; }
.PaidFeeCtl .PaidFeeCtlFooter td { font-weight:bold; }
.PaidFeeCtl .NegativeValue { color:Red; }

.CustomerService { border:none; padding: 12px 0px 12px 0px; background-color: #E7FBCE; width: 100%; text-align: center; }

.rpvCriteria li { height:20px; vertical-align:middle; padding-top:2px; padding-bottom:2px; }

.AcceptCtl
{
   border-top:       none;
   border-left:      solid 1px Chocolate;
   border-right:     solid 1px Chocolate;
   border-bottom:    solid 1px Chocolate;
   padding-left:     4px;
   padding-right:    4px;
   padding-top:      7px;
   padding-bottom:   7px;
}

.page .points { border:ridge 2px white; font-size:90%; }
.page .points td { color:#060; border:solid 1px darkgray; padding:2px 2px 2px 2px; }
.page .points td a { display:inline; text-decoration:underline; color:#060;  }
.page .points td a:hover { display:inline; color:#E7FBCE; background:#060; }
.page .points .small { font-weight:normal; }
.page .points .PointsHeader td { background:black; color:white; border:none; font-weight:bold; text-align:center; }
.page .points .footer td { font-size:150%; font-weight:bold; }
.page .points .detail td { background:#FFFFCC; }

.InquiryOptions
{
   padding: 12px 4px 12px 4px;
   border: solid 1px chocolate;
   background-color:burlywood;
   color: Black;
}

.PAGE_CAPTION
{
   font-size:		110%;
   font-weight:	bold;
}

.SectionHeader
{
   font-size:		  100%;
   font-weight:	  bold;
   text-decoration: underline;
}

.MessageList { padding: 1px 0px 1px 3px; }

.MESSAGE_SUCCESS
{
   color:			   DarkViolet;
   font-size:		   85%;
   font-weight:	   bold;
}

.MESSAGE_ERROR
{
   color:			   Red;
   font-size:		   80%;
   font-weight:	   bold;
}

.MESSAGE_INFORMATIONAL
{
   color:            Navy;
   font-size:		   80%;
   font-weight:	   bold;
}

.MESSAGE_INFORMATIONAL_HIGHLIGHTED
{
   color:            Navy;
   font-size:		   80%;
   font-weight:	   bold;
   background-color: #D6EBD6;
}

.MESSAGE_ATTENTION
{
   color:            Purple;
   font-size:		   100%;
   font-weight:	   bold;
}

.DISCOUNT_TABLE
{
   font-family:	Sans-Serif;
   font-size:		80%;
   font-weight:	normal;
}

.TocHeaderLink
{
   font-size:		80%;
   font-weight:	bold;
}

.ERRORMESSAGE
{
   color:         Red;
   font-style:    italic;
   font-weight:   bold
}

.SelectedOptionLMS { background-color:lightgreen; font-weight:bold; }
.PointHistoryBalance { background:#090; color:White; font-weight:bold; }

.Grid .ResHistoryBoldRight { border-right:solid 2px black; }
.Grid .ResHistoryRed { color:red; }
.Grid .ResHistoryItem1 { background-color:#FFFFE0; }
.Grid .ResHistoryItem2 { background-color:#E7FBCE; }

.InquiryDetailsMenu { font-weight:normal; }
.InquiryDetailsCaption { font-weight:bold; }
.InquiryDetailsBg { background-color:#D6EBD6; padding:7px 7px 7px 7px; color:Black; font-weight:bold; }
.InquiryDetailsBgCancelled { background-color:coral; padding:7px 7px 7px 7px; color:Black; font-weight:bold; }
.InquiryDetailsBgPastDate { background-color:LightGrey; padding:7px 7px 7px 7px; color:Black; font-weight:bold; }

.MenuDetails { color:black; background:LightGrey; font-weight:bold; text-align:right; border-top:solid 2px white; border-bottom:solid 1px white; }
.MenuDetails table { height:25px; }
.MenuDetails a { color:#060; text-decoration:underline; padding:0px 2px; border: none; }
.MenuDetails a:hover { color:red; }

.Choices
{
	font-weight:		bold;
	color:				black;
   text-align:       center;
   border-top:       solid 1px Chocolate;
   border-bottom:    solid 1px Chocolate;
}

td.Choices
{
   height: 25px;
}

a.Choices
{
   color:				Black;
	text-decoration:	none;
	padding:			   0px 2px;
	border:           none;
}

a.ChoicesSelected
{
   background-color: LightGrey;
   color:				Black;
	text-decoration:	none;
	padding:			   0px 2px;
	border:           none;
}

a.Choices:hover
{
   color:				White;
	background-color:	Chocolate;
}

.GuestInquryPoints
{
   border-top:       none;
   border-left:      none;
   border-right:     none;
   border-bottom:    solid 1px Chocolate;
}

.InquiryResults
{
   margin-top:       12px;
   margin-bottom:    7px;
   padding-bottom:   12px;
   border:           none;
   border-bottom:    2px solid #060;
   font-family:      Arial;
   font-weight:      normal;
}

.InquirySection
{
   margin-top:       12px;
   margin-bottom:    7px;
   padding-bottom:   12px;
   border:           none;
   font-family:      Arial;
   font-weight:      normal;
}
.InquirySection .header
{
   color:            #060;
   padding:          0px 0px 12px 3px;
   margin-top:       0px;
   font-weight:      bold;
   font-size:        16px;
   text-align:       left;
}
.InquirySection .footer
{
   text-align:       center;
   font-size:        10pt;
}
.InquirySection .body
{
   font-size:        10pt;
}
.InquirySection .body .banner
{
   padding-left:     3px;
}
.InquirySection .body .ready
{
   display:          inline-block;
   background-color: #090;
   color:            White;
   height:           100px;
   padding:          3px;
   margin:           2px 2px 2px 2px;
   vertical-align:   middle;
}
.InquirySection .body .likely
{
   display:          inline-block;
   background-color: #9C9;
   color:            Black;
   height:           100px;
   padding:          3px;
   margin:           2px 2px 2px 2px;
   vertical-align:   middle;
}
.InquirySection .body .maybe
{
   display:          inline-block;
   background-color: #FFB13B;
   color:            Black;
   height:           100px;
   padding:          3px;
   margin:           2px 2px 2px 2px;
   vertical-align:   middle;
   width:            350px;
}
.InquirySection .body .ready .head
{
   vertical-align:   middle;
   text-align:       center;
}
.InquirySection .body .ready a
{
   color:            White;
}
.InquirySection .body .head
{
   width:            100px;
}
.InquirySection .body .cap
{
   width:            220px;
   text-align:       center;
   font-size:        10pt;
}
.InquirySection .body .cap a
{
   color:            White;
   font-size:        11pt;
}
.InquirySection .body .ready .spacing
{
   padding:          4px;
   margin-bottom:    10px;
}

.InquirySection .body .maybe ul
{
   margin-top:       0px;
   margin-left:      0px;
   margin-bottom:    0px;
}

.HostingOffers
{
   margin-top:       4px;
   margin-bottom:    2px;
   border:           none;
   font-family:      Arial;
   font-weight:      normal;
}
.HostingOffers .header
{
   color:            #060;
   padding:          0px 0px 12px 3px;
   margin-top:       0px;
   font-weight:      bold;
   font-size:        16px;
   text-align:       left;
}
.HostingOffers .footer
{
   text-align:       center;
   font-size:        10pt;
}
.HostingOffers .body
{
   font-size:        10pt;
}
.HostingOffers .body .banner
{
   padding-left:     3px;
}
.HostingOffers .body .ready
{
   display:          inline-block;
   background-color: #090;
   color:            White;
   height:           100px;
   padding:          3px;
   margin:           2px 2px 2px 2px;
   vertical-align:   middle;
}
.HostingOffers .body .likely
{
   display:          inline-block;
   background-color: #9C9;
   color:            Black;
   height:           100px;
   padding:          3px;
   margin:           2px 2px 2px 2px;
   vertical-align:   middle;
   width:            580px;
}
.HostingOffers .body .likely .likely-points-month
{
}
.HostingOffers .body .maybe
{
   display:          inline-block;
   background-color: #FFB13B;
   color:            Black;
   height:           50px;
   padding:          3px;
   margin:           2px 2px 12px 2px;
   vertical-align:   middle;
   width:            580px;
}
.HostingOffers .body .maybe-section
{
   width:            580px;
   height:           50px;
}
.HostingOffers .body .ready a
{
   color:            White;
}
.HostingOffers .body .head
{
   width:            100px;
}
.HostingOffers .body .ready .head
{
   vertical-align:   middle;
   text-align:       center;
}
.HostingOffers .body .cap a
{
   color:            White;
   font-size:        11pt;
}
.HostingOffers .body .ready .spacing
{
   padding:          4px;
   margin-bottom:    10px;
}

.InquiryDate { font-size:80%; }
.InquiryMessage { padding-left:20px; }
.InquiryName { font-style:normal; font-weight:bold; display:inline; padding-right:10px; }
.InquiryRole { font-style:italic; display:inline; padding-right:7px; }
.InquiryDateRead { font-style:italic; display:inline; color:gray; }
.InquiryMessageHost { color:black; background:#EEE; }
.InquiryMessageGuest { color:#060; }
.InquiryMessageAdmin { color:DarkRed; }
.InquiryMessageHeader
{
   font-weight:      bold;
   background-color: #D6EBD6;
   color:            Black;
   padding:          5px 5px 5px 4px;
   margin-top:       4px;
   text-align:       left;
   border:           solid 1px chocolate;
   border-bottom:    none;
}
.InquirySectionBottom
{
   border:           solid 1px chocolate;
   border-top:       none;
   padding:          4px;
}

.MessageHighlight
{
   background-color: #D6EBD6;
   padding:          2px 4px 2px 4px;
   border-style:     none;
}

.OtherInquirySection
{
   border:           solid 1px Chocolate;
   padding-left:     4px;
   padding-right:    4px;
   padding-top:      7px;
   padding-bottom:   4px;
   font-weight:      bold;
   background-color: WhiteSmoke;
}

.DetailsBox
{
   background-color: WhiteSmoke;
   border:           solid 1px Chocolate;
   padding-left:     4px;
   padding-right:    4px;
   padding-top:      5px;
   padding-bottom:   5px;
}
.DetailsBox td { font-size: 90%; }

.DetailsBoxMenu
{
   background-color: lightgrey;
   border:           solid 1px Chocolate;
   padding-left:     4px;
   padding-top:      3px;
   padding-bottom:   3px;
}

.StepFieldset
{
   width:            auto;
   border:           solid 1px Chocolate;
   padding-left:     4px;
   padding-right:    4px;
   padding-bottom:   4px;
}

.INDEXHEADING
{
   color:         #060;
   text-align:	   left;
   font-family:	Sans-Serif;
   font-size:		110%;
   font-weight:   bold;
}

.IndexRow td { font-size:90%; vertical-align:middle; }
.IndexRow a:visited { color:Purple; }
.IndexRow .highlight { text-decoration:underline; }
.IndexRow .bold { font-weight:bold; }
.NeverLoggedOn { color:gray; }
.NeverLoggedOn a { text-decoration:underline; color:gray; }
.NotAvail { color:darkseagreen; }
.NotAvail a { text-decoration:underline; color:darkseagreen; }

.Steps { font-size: 75%; color:Black; }
.Steps td { padding:2px 4px 2px 4px; }
.Steps .Caption { font-size: 120%; }
.Steps .Current { background-color:#D7EBEC; }

/*
   Notifications
*/
.Notifications
{
   border:           1px solid black;
   padding:          2px 2px 2px 4px;
   color:            Black;
   display:          none;    /* default off - turned on by script when applicable */
   margin-top:       3px;
}
.NewNotices
{
   background-color: yellow;
}
.SavedNotices
{
   background-color: #EEE;
}
.Notifications .list
{
   font-size:        11pt;
   font-weight:      bold;
   display:          none;    /* default off - turned on by script when applicable */
}
.Notifications .archived
{
   font-weight:      normal;
}
.notifications-dialog
{
   display:          none;
}
.notifications-dialog .body
{
   font-size:        10pt;
}

.ResChangeBox { background-color:White; color:Navy; margin-bottom:4px; border-left:solid 3px #C6DAEC; border-right:solid 3px #C6DAEC; }
.ResChangeBars { background-color:#C6DAEC; padding:3px 3px 3px 3px; }

.RecentHeader { color:Black; text-align:center; font-size:80%; }
.RecentHeader .RecentHeader1 { color:#060; font-weight:bold; font-size:120%; }
.RecentHeader .RecentHeader2 { font-weight:bold; }
.RecentHeader .RecentGrid { margin-left:auto; margin-right:auto; }

.Step { font-weight: bold; padding: 2px 2px 2px 7px; margin: 15px 0px 10px 0px; }
.StepEdit { background-color: #D6EBD6; color:Black; }
.StepCreate { background-color: #060; color:White; }

.InquiryNote { padding: 7px 0px 0px 7px; }

.LoggedOnNotice { display:block; background-color:PaleGoldenRod; color:DarkRed; padding:2px 2px 2px 2px; text-align:center; }

.Survey { background-color:#E7FBCE; padding:2px 0px 2px 4px; }
.SurveyBanner { background-color:#090; display:block; color:White; padding:2px 4px 2px 7px; }
.SurveyNote { font-size:80%; color:DarkRed; }

.PevNext { display:block; background-color:PaleGoldenRod; padding:2px 2px 2px 2px; }

.Accordion { border:solid 1px darkgrey; margin-top:4px; }
.AccordionHeader { background-color:#A3D29D; color:Black; border: outset 1px white; cursor:pointer; font-weight:bold; }
.AccordionHeaderAction { background-color:#060; color:White; text-align:center; border:outset 2px White; padding:4px 16px 4px 16px; width:85px; }
.AccordionHeaderText { color:Black; text-align:left; padding:4px 16px 4px 16px; }
.AccordionContent { background-color:#F5F5F5; color:Black; padding:2px 0px 7px 7px; border-left:solid 1px Gray; border-right:solid 1px Gray; }

.CalculatorTable { border:solid 1px DarkGray; font-size: 80%; }
.CalculatorTable td { margin: 0px 0px 0px 0px; padding:1px 12px 1px 12px; }

.PurchasePointsTable { border:solid 1px DarkGray; }
.PurchasePointsTable td { margin: 0px 0px 0px 0px; padding:1px 12px 1px 12px; }

.ModalBackground { background-color:#DCDCDC; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; }
.ModalForeground { background-color: White; border:solid 2px black; padding: 7px 7px 7px 7px; text-align:center; }

.ProgressPopup { width:400px; height:200px; border:solid 2px chocolate; background-color:PaleGoldenRod; color:DarkRed; text-align:center; vertical-align:middle; }

.InquirySubmit { background-color:#060; color:White; }

.LinkButton { display:inline; border:1px solid black; padding: 4px 4px 4px 4px; background-color:Green; border: 2px outset wheat; margin-bottom:12px; }
.LinkButton a { background-color:Green; color:White; display:inline; padding:2px 2px 2px 2px; }
.LinkButton a:hover { color:Orange; }
.LinkButton a:active { color:Orange; padding:3px 2px 2px 5px; }

.offers
{
   margin-top:       12px;
   color:            #EBFFAD;
   font-weight:      bold;
   text-align:left;
}
.offers .header
{
   font-size:        larger;
}
.offers .section
{
   background-color: #7CB197;
   width:            960px;
   margin-bottom:    16px;
   padding:          12px;
}
.offers .section .sub
{
   padding: 12px 0px 12px 0px;
   width: 100%;
}
.offers .section .underline
{
   border-bottom: 1px solid gray;
}

.nights input
{
   width:40px;
}

.points
{
   width:50px;
}

.negotiable
{
}

.breakout
{
   color: FireBrick;
   font-weight: bold;
}

.listing
{
   font-size:10pt;
}

.listings h3
{
   color: #060;
   background-color:#DDD;
   width: 100%;
   padding:7px 7px 7px 7px;
   font-weight: bold;
   margin-bottom: 3px;
   font-size:14pt;
}
.listings .section-header
{
   color:            #060;
   background-color: #DDD;
   width:            100%;
   padding:          5px 5px 5px 5px;
   font-weight:      bold;
   margin-bottom:    3px;
   font-size:        12pt;
}
.listings .section-header .watch
{
   border:           none;
   margin-left:      25px;
   display:          inline-block;
}
.listings .listing
{
   color:            #060;
   width:            100%;
   font-weight:      normal;
   margin-bottom:    3px;
   text-align:       left;
}
.listings .listing .MiniCalendar
{
   font-size:        9pt;
   vertical-align:   middle;
   text-align:       center;
   border-style:     none;
}
.listings .listing .MiniCalendar-Month
{
   color:            #060 !important;
   border-style:     none !important;
   padding-right:    4px !important;
}
.listings .listing .MiniCalendar td
{
   border:           solid 1px silver;
   text-align:       center;
   padding:          1px;
}
.listings .listing .MiniCalendar-Ready
{
   color:            White;
   background-color: #090;
 }
.listings .listing .MiniCalendar-Likely
{
   color:            Black;
   background-color: #9C9;
}
.listings .listing .MiniCalendar-Maybe
{
   color:            Black;
   background-color: #FFB13B;
}
.listings .listing .MiniCalendar-Disable
{
   color:            Gray;
   background-color: Silver;
}
.listings .listing .MiniCalendar-No
{
   color:            White;
   background-color: Red;
}
.listings .listing .MiniCalendar-More
{
   color:            Black !important;
   border-style:     none !important;
}
.listings .batch
{
   display:          inline;
   margin-right:     12px;
}
.listings .separator
{
   border-top:       2px solid #9C9;
}

.mini-cal-find
{
   display:          none;
}
.dialog-batch-flex-opt
{
}

.listings .listing .property
{
   color:Black;
   font-weight:bold;
   text-align:left;
   vertical-align:top;
}

.listings .listing .date
{
   color:Black;
   width: 180px;
   vertical-align:middle;
}

.listings .listing .nights
{
   color:Black;
   width: 100px;
   vertical-align:middle;
}

.listings .listing .points
{
   color:Black;
   width: 120px;
   vertical-align:middle;
}

.listings .listing .thumbnails
{
   text-align:left;
   padding-left:20px;
   width:400px;
}

.listings .listing .ready
{
   padding-left:     10px;
}
.listings .listing .ready a
{
   color:            #090;
   text-decoration:  underline;
}
.listings .listing .ready a:hover
{
   text-decoration:  underline;
   color:            White;
   background-color: #090;
}
.listings .listing .likely
{
   text-align:       center;
   width:            80px;
   color:            #9C9;
   font-weight:      bolder;
   font-size:        135%;
   padding-left:     10px;
}
.listings .listing .likely a
{
   color:            #9C9;
   text-decoration:  underline;
}
.listings .listing .likely a:hover
{
   text-decoration:  underline;
   color:            White;
   background-color: #9C9;
}
.listings .listing .maybe
{
   text-align:       center;
   width:            80px;
   color:            #FFB13B;
   font-weight:      bolder;
   font-size:        135%;
   padding-left:     10px;
}
.listings .listing .maybe a
{
   color:            #FFB13B;
   text-decoration:  underline;
}
.listings .listing .maybe a:hover
{
   text-decoration:  underline;
   color:            White;
   background-color: #FFB13B;
}

.floating-toolbar-anchor
{
   position:         relative;
}
.floating-toolbar
{
   color:            #060;
   background-image: url(/jquery/css/custom-theme/images/ui-bg_gloss-wave_100_459e00_500x100.png);
   position:         relative;
   bottom:           0px;
   left:             0px;
   width:            1040px;
   height:           68px;
   border:           1px solid black;
   z-index:          100;
   margin-right:     7px;
}
.floating-toolbar .row-top
{
   display:          block;
   width:            1034px;
   height:           22px;
   padding:          3px 0px 0px 4px;
}
.floating-toolbar .row-top .filters
{
   float:            left;
   display:          inline-block;
   width:            400px;
   font-size:        12pt;
   font-weight:      bold;
   color:            Black;
}
.floating-toolbar .row-top .dates
{
   float:            left;
   display:          inline-block;
   font-weight:      bold;
   padding-left:     100px;
}
.floating-toolbar .row-top .dates span
{
   padding-right:    12px;
   font-size:        12pt;
   font-weight:      bold;
}
.floating-toolbar .row-top .top
{
   display:          inline-block;
   text-align:       right;
   vertical-align:   top;
   float:            right;
}
.floating-toolbar .row-middle
{
   clear:            both;
   display:          block;
   width:            1034px;
   height:           16px;
   padding:          0px 0px 2px 4px;
}
.floating-toolbar .row-middle div
{
   display:          inline-block;
   vertical-align:   top;
}
.floating-toolbar .row-middle .left
{
   font-size:        8pt;
   text-align:       left;
   margin-left:      4px;
   width:            494px;
}
.floating-toolbar .row-middle .left a
{
   color:            Yellow;
   font-weight:      bold;
}
.floating-toolbar .row-middle .right
{
   font-size:        8pt;
   text-align:       left;
   width:            400px;
}
.floating-toolbar .row-bottom
{
   display:          block;
   width:            1034px;
   height:           24px;
   clear:            both;
}
.floating-toolbar .sort a
{
   color:            #fffae2;
}
.floating-toolbar .row-bottom .section-title
{
   display:          inline-block;   
   color:            #fffae2;
   width:            600px;
   height:           21px;
   font-size:        12pt;
   font-weight:      bold;
   padding:          2px 0px 0px 4px;
   float:            left;
}
.floating-toolbar .row-bottom .column-sort
{
   display:          inline-block;
   color:            #fffae2;
   width:            52px;
   height:           15px;
   font-size:        8pt;
   font-weight:      bold;
   text-align:       center;
   padding:          7px 0px 0px 0px;
}
.floating-toolbar .row-bottom .column-bed-bath-sleep-pets
{
   display:          inline-block;
   color:            #fffae2;
   width:            38px;
   height:           15px;
   font-size:        8pt;
   text-align:       center;
   padding:          7px 0px 0px 0px;
}
.floating-toolbar .row-bottom .column-price
{
   display:          inline-block;
   color:            #fffae2;
   width:            60px;
   height:           15px;
   font-size:        8pt;
   text-align:       center;
   padding:          7px 0px 0px 0px;
}
.floating-toolbar .row-bottom .column-homeaway
{
   display:          inline-block;
   color:            #fffae2;
   width:            90px;
   height:           15px;
   font-size:        8pt;
   text-align:       center;
   padding:          7px 0px 0px 0px;
}

.index_contents
{
   border-width:  0px;
   border-style:  none;
   width:         100%;
   font-size:     10pt;
   margin-bottom: 7px;
}
.index_contents .header
{
   text-align:       left;
   background-color: #DDD;
   padding:          4px;
   margin:           2px 2px 2px 0px;
   border-bottom:    2px solid white;
   font-size:        12pt;
   font-weight:      bold;
}
.index_contents .left
{
   text-align:left;
   background-color:#DDD;
   padding:4px;
   margin:2px 2px 2px 0px;
   width:34%;
   border-bottom:2px solid white;
}
.index_contents .center
{
   text-align:left;
   background-color:#DDD;
   padding:4px;
   margin:2px 2px 2px 2px;
   width:33%;
   border-left:2px solid white;
   border-right:2px solid white;
   border-bottom:2px solid white;
}
.index_contents .right
{
   text-align:left;
   background-color:#DDD;
   padding:4px;
   margin:2px 0px 2px 2px;
   width:33%;
   border-bottom:2px solid white;
}

.amenities table
{
   border:           1px solid DarkGray;
   color:            Black;
   font-size:        90%;
   vertical-align:   middle;
   margin-bottom:    7px;
   width:            100%;
}
.amenities .head
{
   width:            200px;
   border:           4px outset #BDB;
   font-weight:      bold;
   background-color: #360;
   color:            White;
   padding:          4px;
}
.amenities .text
{
   border:           0;
   padding-left:     4px;
}

.cal-icon
{
   border:           0;
}

/* For use with jquery datpickers */

.custom-datepicker
{
}

.custom-datepicker .ready a
{
   background:       none !important;
   background-color: #090 !important;
}
.custom-datepicker .likely a
{
   background:       none !important;
   background-color: #9C9 !important;
}
.custom-datepicker .maybe a
{
   background:       none !important;
   background-color: #FFB13B !important;
}
.custom-datepicker .disable a
{
   background:       none !important;
   background-color: Silver !important;
   color:            Gray !important;
}
.custom-datepicker .no a
{
   background:       none !important;
   background-color: Red !important;
}
.custom-datepicker .disabled span
{
   background:       none !important;
   background-color: Silver !important;
   color:            Gray;
}
.custom-datepicker .guest-requested a
{
   background:       none !important;
   background-color: Yellow !important;
   color:            Green;
}
.custom-datepicker .not-requested a
{
   background:       none !important;
   background-color: #52a412 !important;
   color:            White;
}

.custom-datepicker .ui-datepicker-today a
{
   color:            Red !important;   /* color of today's cell text */
}
.custom-datepicker .ui-datepicker-current-day
{
   background:       none !important;
   background-color: Black !important; /* selected day's highlight color */
}
.custom-datepicker .ui-state-active
{
   background:       none !important;
   color:            Black !important; /* selected day's text color */
}

.prompt
{
   display:          none;
}
.prompt .arrow
{
   display:          table-cell;
   vertical-align:   bottom;
   padding-left:     205px;
}
.prompt .text
{
   display:          table-cell;
   padding:          12px;
   color:            #060;
   vertical-align:   middle;
   height:           100%;
   border:           1px solid DimGray;
   background-color: White;
}

.accordion-header
{
   padding:          4px 4px 4px 24px  !important;
}
.accordion-header .button
{
   color:            Black             !important;
   width:            150px             !important;
   font-size:        12pt              !important;
   font-weight:      bold              !important;
   border:           2px raised white  !important;
   display:          inline-block      !important;
}
.accordion-header .label
{
   color:            Black             !important;
   font-size:        10pt              !important;
   padding-left:     4px               !important;
   display:          inline-block      !important;
}

.fixed-select
{
   width:            270px;
   height:           32px;
   font-weight:      bold;
   font-size:        12pt;
}
.flexible-select
{
   width:            270px;
   height:           32px;
   font-weight:      bold;
   font-size:        12pt;
}

.inquiry-summary
{
   display:          block;
}
.inquiry-summary .filter-ctl
{
}
.inquiry-summary .wait
{
   display:          block;
}
.inquiry-summary .results
{
   display:          block;
   font-size:        9pt;
}
.inquiry-summary .results .header
{
   font-weight:      bold;
   background-color: Black;
   color:            White;
}
.inquiry-summary .results .dates
{
   border:           none;
}
.inquiry-summary .results .dates td
{
   border:           none;
}
.inquiry-summary .results .header td
{
   border-left:      1px solid White;
}
.inquiry-summary .results td
{
   border-left:      1px solid Black;
   border-top:       1px solid Black;
}
.inquiry-summary .results table
{
   border-right:     1px solid Black;
   border-bottom:    1px solid Black;
}
.inquiry-summary .results .sort
{
   color:            White;
}
.inquiry-summary .results .PastDateInquiry td
{
   background:       #DDD;
   color:            #777;
}
.inquiry-summary .results .CancelledInquiry td
{
   background-color: coral;
   color:            Black;
}

.inquire-section
{
   padding:          12px;
   border:           2px solid #9C9;
   margin-bottom:    12px;
   display:          inline-block;
   font-size:        14pt;
   font-weight:      bold;
   color:            Black;
   background-color: #FFB13B;
}

/* as used on property page */
.watch-start
{
   color:            #060;
   text-align:       center;
}
.watch-start img
{
   cursor:           pointer;
}
.watch-stop
{
   color:            #060;
   text-align:       center;
}
.watch-stop img
{
   cursor:           pointer;
}

/* as used on index page */
.watch
{
   border:           none;
}
.watch .section
{
   border:           1px solid Black;
   font-size:        14pt;
   font-weight:      bold;
}
.watch .header
{
   border-right:     1px solid Black;
   background-color: Black;
   color:            White;
   font-weight:      bold;
}
.watch .item
{
   border:           none;
   border-left:      1px solid Black;
   border-top:       1px solid Black;
}
.watch-start-index
{
}
.watch-stop-index
{
}

.batch-listings
{
   color:            #060;
   font-size:        9pt;
   font-weight:      normal;
}
.batch-listings .header
{
   color:            #FFF;
   background-color: #555;
   font-weight:      bold;
}
.batch-listings .header td
{
   text-align:       center;
   border-right:     2px solid White;
   padding:          4px;
}
.batch-listings .headline
{
}
.batch-listings .toggle
{
}
.batch-listings .unselected
{
   opacity:          0.25;
}
.batch-listings .unselected td
{
   color:            Gray;
}
.batch-listings .unselected a
{
   color:            Gray;
}

.mru-dialog
{
}
.mru-dialog .use
{
}

.rth-select
{
   font-size:        13pt;
   font-weight:      bold;
   color:            Black;
}

.sync-summary
{
   background-color: White;
   color:            Black;
   border-left:      1px solid black;
   border-top:       1px solid black;
}

.sync-summary .header
{
   background-color: #555;
   color:            White;
   border-right:     1px solid White;
   font-weight:      bold;
}

.sync-summary .header td
{
   padding:          5px;
}

.sync-summary td
{
   border-right:     1px solid black;
   border-bottom:    1px solid black;
   padding:          3px;
}

.conversion
{
   border-left:      1px solid #090;
   border-right:     1px solid #090;
   width:            700px;
}

.conversion .header
{
   font-weight:      bold;
   text-align:       center;
   font-size:        12pt;
   padding:          7px;
   background-color: #090;
   color:            White;
}

.conversion td
{
   border-bottom:    1px solid #090;
}

/* Styles for JOIN page
-----------------------------------------------------------*/

.join
{
   font-size:           10pt;
}
.join .core
{
   background-color:    #EEE;
   border:              1px solid #DDD;
   color:               Black;
   padding:             4px;
}
.join .likely
{
   background-color:    #9C9;
   border:              1px solid #DDD;
   color:               Black;
   padding:             4px;
}
.join .maybe
{
   background-color:    #FFB13B;
   border:              1px solid #DDD;
   color:               Black;
   padding:             4px;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color:              #ff0000;
    font-weight:        bold;
    font-size:          9pt;
}

.input-validation-error
{
    border:             1px solid #ff0000;
    background-color:   #ffeeee;
}