/* Main Site CSS */

body
{
	background-color: #E4F4EF;
	font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,"Sans Serif";
	font-size: 8pt;
	font-weight: normal;
	font-weight:500;
	font-family: verdana,helvetica,arial,sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}

#container
{
	background-color: #ffffff;
	margin: 0 auto; /*auto is needed for ns6+ & ie5mac to center the container*/
	padding: 0;
	text-align: left;
	width: 920px;
	border: 3px solid #ffffff;
}

#header
{

	background: url(images/heading.jpg) no-repeat 0px 0px;
	background-color: #E4F4EF;
	margin: 0;
	padding: 0 0 0 0;
	text-align: left;
	height: 170px;
	width: 100%;
	/*border-bottom: 20px solid #92B8AD;*/

}

table
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: left;
}

.submit-button
{
	color: #FFFFFF;
	background: url(images/submit.jpg) repeat-x;
	cursor: hand;
	height: 19px;
	margin: 0;
	border:  none;
	padding: 0;
	font-size: 8pt;
}

#maincontent
{
	font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,"Sans Serif";
	font-size: 8pt;
	padding: 0px;
	margin: 0;
	text-align: center;
	width: 800px;
	background-color: #ffffff;
	border-top: 1px solid #ffffff; /*this line fixes a bug in FF where the margin-top on child div's don't work*/
	float: left;
}

.oddrow
{
	background-color: #ffffff;
	padding-left: 2px;
	color: #666666;
	height: 20px;
}

.evenrow
{
	background-color: #ffffff;
	padding-left: 2px;
	color: #666666;
	height: 20px;
}

.headrow
{
	/*background-color: #006FFC;*/
	padding-left: 2px;
	padding-right: 2px;
	color: #ffffff;
	font-weight: bold;
	background-image: url(images/gridheader.png);
	background-repeat: repeat-x;
	height: 20px;

}

.selectedrow
{
	background-color: #DEDEDE;
	padding-left: 2px;
	color: #006FFC;
	height: 20px;
}

.statuslabel
{
	color: red;
}

#contentfiller
{
	width: 1px;
	height: 450px;
	float :left;
	display: none;
}

.DetailColumnHeaders
{
	padding-left: 2px;
	padding-right: 2px;
	color: #666666;
	font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,"Sans Serif";
	font-size: 8pt;
	font-weight: bold;
}

.InputText
{
	border: 1px solid #AEB2B4;
	font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,"Sans Serif";
	font-size: 8pt;
	font-weight: normal;
	margin-bottom: 4px;
	color:#666;
}

#menubar
{
	text-align: left;
	margin-top: 0px;
	width: 120px;
	height: 660px;
	float: left;
	background: url(images/littlehdr.jpg) bottom no-repeat;
	background-color: #92B8AD;
}

#summary
{
	padding-top 10px;
	background-color:#ffffff;
	height: 60px;
	width: 800px;
	float: left;
}

.WelcomeLabel
{
	font-size: 14pt;
	font-family: "Tahoma";
	width: 200px;
	color: #2F4423;
}

.SummaryLabel
{
	font-size: 14pt;
	font-family: "Tahoma";
	width: 250px;
	color: #5B6DBC;
	height: 30px;
}

.LoginDetails
{
	color: #999999;
}

.menubutton
{
	float: left;
	width: 105px;
	height: 15px;
	text-align: left;
	color: #000000;
	padding-top: 2px;
	padding-left: 15px;
	margin: 0px;
}

.menubuttonSelected
{
	float: left;
	width: 105px;
	height: 15px;
	text-align: left;
	color: #ffffff;
	padding-top: 2px;
	padding-left: 15px;
	margin: 0px;
	background-color: #224466;
}

.menubutton a:visited, .menubutton a:link
{
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}

.menubuttonSelected a:visited, .menubuttonSelected a:link
{
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}

.menubutton a:hover
{
	color: #808000;
	text-decoration: underline;
}

.menudivider
{
	display: none;

}

.pagetitle
{
	padding-left: 5px;
}

#footer
{
	display: block;
	clear :both;
	height: 1px;
	width: 920px;
	background-color: #E4F4EF;
}

.GButtonContainer
{
	width: 595px;
	margin: 0 auto;
}

.Gbutton1
{
	background: url(images/gbutton1.jpg) no-repeat;
	width: 180px;
	height: 60px;
	padding-top: 20px;
	padding-left: 15px;
	text-align: left;
	float: left;
}

a.Gbutton1
{
	text-decoration: none;
	background-image: none;
}

a.Gbutton1:hover
{
	cursor: pointer;
}

.Gbutton1:hover
{
	cursor: pointer;
}

.Gbutton2
{
	background: url(images/gbutton2.jpg) no-repeat;
	width: 180px;
	height: 60px;
	padding-top: 20px;
	padding-left: 15px;
	text-align: left;
	float: left;

}

a.Gbutton2
{
	text-decoration: none;
	background-image: none;
}

a.Gbutton2:hover
{
	cursor: pointer;
}

.Gbutton2:hover
{
	cursor: pointer;
}

.Gbutton3
{
	background: url(images/gbutton3.jpg) no-repeat;
	width: 180px;
	height: 60px;
	padding-top: 20px;
	padding-left: 15px;
	text-align: left;
	float: left;

}

a.Gbutton3
{
	text-decoration: none;
	background-image: none;
}

a.Gbutton3:hover
{
	cursor: pointer;
}

.Gbutton3:hover
{
	cursor: pointer;
}

.Gbutton4
{
	background: url(images/gbutton4.jpg) no-repeat;
	width: 180px;
	height: 60px;
	padding-top: 20px;
	padding-left: 15px;
	text-align: left;
	float: left;

}

a.Gbutton4
{
	text-decoration: none;
	background-image: none;
}

a.Gbutton4:hover
{
	cursor: pointer;
}

.Gbutton4:hover
{
	cursor: pointer;
}

.Gbutton5
{
	background: url(images/gbutton7.jpg) no-repeat;
	width: 180px;
	height: 60px;
	padding-top: 20px;
	padding-left: 15px;
	text-align: left;
	float: left;

}

a.Gbutton5
{
	text-decoration: none;
	background-image: none;
}

a.Gbutton5:hover
{
	cursor: pointer;
}

.Gbutton5:hover
{
	cursor: pointer;
}

.Gbutton6
{
	background: url(images/gbutton6.jpg) no-repeat;
	width: 180px;
	height: 60px;
	padding-top: 20px;
	padding-left: 15px;
	text-align: left;
	float: left;

}

a.Gbutton6
{
	text-decoration: none;
	background-image: none;
}

a.Gbutton6:hover
{
	cursor: pointer;
}

.Gbutton6:hover
{
	cursor: pointer;
}

.Gbutton7
{
	background: url(images/gbutton7.jpg) no-repeat;
	width: 180px;
	height: 60px;
	padding-top: 20px;
	padding-left: 15px;
	text-align: left;

}

a.Gbutton7
{
	text-decoration: none;
	background-image: none;
}

a.Gbutton7:hover
{
	cursor: pointer;
}

.Gbutton7:hover
{
	cursor: pointer;
}

.Gbutton8
{
	background: url(images/gbutton8.jpg) no-repeat;
	width: 180px;
	height: 60px;
	padding-top: 20px;
	padding-left: 15px;
	text-align: left;

}

a.Gbutton8
{
	text-decoration: none;
	background-image: none;
}

a.Gbutton8:hover
{
	cursor: pointer;
}

.Gbutton8:hover
{
	cursor: pointer;
}

/*
Gbutton9 is not required because it uses Gbutton3, Gbutton's 7, 8 & 9 appear on the Account screen
	*/

.Gbutton10
{
	background: url(images/gbutton2.jpg) no-repeat;
	width: 180px;
	height: 60px;
	padding-top: 20px;
	padding-left: 15px;
	text-align: left;
	float: left;

}

a.Gbutton10
{
	text-decoration: none;
	background-image: none;
}

a.Gbutton10:hover
{
	cursor: pointer;
}

.Gbutton10:hover
{
	cursor: pointer;
}

.Gbutton11
{
	background: url(images/gbutton1.jpg) no-repeat;
	width: 180px;
	height: 60px;
	padding-top: 20px;
	padding-left: 15px;
	text-align: left;
	float: left;

}

a.Gbutton11
{
	text-decoration: none;
	background-image: none;
}

a.Gbutton11:hover
{
	cursor: pointer;
}

.Gbutton11:hover
{
	cursor: pointer;
}

.Gbutton12
{
	background: url(images/gbutton1.jpg) no-repeat;
	width: 180px;
	height: 60px;
	padding-top: 20px;
	padding-left: 15px;
	text-align: left;
	float: left;

}

a.Gbutton12
{
	text-decoration: none;
	background-image: none;
}

a.Gbutton12:hover
{
	cursor: pointer;
}

.Gbutton12:hover
{
	cursor: pointer;
}

.GbuttonText
{
	color: #000000;
	font-family: Arial;
	font-weight: bold;
}

.GbuttonDesc
{
	color: #666666;
	font-family: Arial;
	font-weight: bold;
}

.GbuttonDesc2
{
	color: #666666;
	font-family: Arial;
	font-weight: bold;
}

.datagridView
{
	color: #0E3D83;
	font-size: 8pt;
	text-align: left;
	border-color: #ffffff;
	border-style:Solid;
}

.detailsgridView
{
	color: #666666;
	font-size: 8pt;
	text-align: left;
	border-color: #FFFFFF;
}

a.Gridbutton1,a:link.Gridbutton1,a:visited.Gridbutton1
{
	color: #ffffff;
	background: url(images/submit.jpg) repeat-x;
	display: block;
	height: 18px;
	text-align: center;
	text-decoration: none;
	padding-top: 2px;
}

a:hover.Gridbutton1
{
	background: url(images/submit.jpg) repeat-x;
	display: block;
	height: 18px;
	text-decoration: underline;
}

a.Gridbutton2,a:link.Gridbutton2,a:visited.Gridbutton2
{
	color: #ffffff;
	background: url(images/submit.jpg) repeat-x;
	display: block;
	height: 18px;
	text-align: center;
	text-decoration: none;
	padding-top: 2px;
}

a:hover.Gridbutton2
{
	background: url(images/submit.jpg) repeat-x;
	display: block;
	height: 18px;
	text-decoration: underline;
}

.SubHeading
{
	padding-left: 2px;
	padding-right: 2px;
	color: #666666;
	font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,"Sans Serif";
	font-size: 10pt;
	font-weight: bold;
}

#loginpanel
{
	background-color: #ffffff;
	width: 292px;
	padding-top: 10px;
	margin: 0 auto;
	color: #666666;
	border: 5px solid #768A83;
	text-align: -moz-center;
	margin-top: 30px;
}

#loginpanel table
{
	margin: 0 auto;
}

.logintb
{
	width: 95px;
	font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,"Sans Serif";
	font-size: 8pt;
	font-weight: normal;;
	color:#666;
}

#logonblurb1
{
	/*margin-top: 10px;
	width: 800px;
	height: 50px;
	display: none;*/
}

#logonblurb2
{
	margin-top: 10px;
	width: 800px;
}

#logonblurb3
{
	width: 770px;
	clear: both;
}

.TermsConditions
{
	width: 730px;
	height: 150px;
	border-color: #dddddd;
	border-width: 1px;
	overflow: scroll;
	padding-left: 10px;
	padding-right: 10px;

}

span
{
	margin: 0;
	padding: 0;
}

a.GridPager,a.GridPager:link,a.GridPager:visited
{
	color: #666666;
}

a,a:link,a:visited
{
	color: #666666;
}

.MessageBox
{
	PADDING-RIGHT: 20px;
	PADDING-LEFT: 12px;
	PADDING-TOP: 20px;
	BACKGROUND-IMAGE: url(Images/msgbox.png);
	OVERFLOW: hidden;
	WIDTH: 289px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 131px;
	TEXT-ALIGN: left;
	color: Black;
	z-index: 100;
}

.MessageBox .buttons {
	background-color: #ffffff;
	border: 2px solid #224466;
	color: #224466;
	font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,"Sans Serif";
	font-size: 8pt;
	font-weight: 700;
	height: 21px;
	margin:  12px 3px 0 0;
	text-align: center;
}

.MessageBox .buttons:hover {
	cursor: hand;
}

.MessageBox .Msg
{
	margin: 0 0 0 28px;
	height: 55px;	
}

.PleaseWait
{
	BACKGROUND-IMAGE: url(Images/wait.png);
	OVERFLOW: hidden;
	WIDTH: 320px;
	HEIGHT: 55px;
	/*z-index: 1;*/
	display: none;
	PADDING-TOP: 17px;
	BACKGROUND-REPEAT:  no-repeat;
}

.PleaseWaitGif
{
	width: 32px;
	height: 32px;
	BACKGROUND-IMAGE: url(Images/wait.gif);
}

.BlackOut
{
	background-color: black;
	filter:alpha(opacity=75); /* IE's opacity*/
	opacity: 0.75; /* FireFox's opacity*/
	OVERFLOW: hidden;
	WIDTH: 800px;
	HEIGHT: 800px;
	display: none;
}

#signup
{
	float: left;
	margin-left: 5px;
	width: 460px;
	text-align: center;

}

#signupbenifits
{
	float: right;
	margin-right: 5px;
	width: 310px;
}

h3
{
	line-height: 20px;
	font-size: 14pt;
	font-family: "Tahoma";
	font-weight: normal;
	color: #2A40A9;
	margin: 0;
	padding: 0;
}

.TextLabel
{
	font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,"Sans Serif";
	font-size: 8pt;
	font-weight: normal;
	color:#666;
}

.SubBox
{
	width: 750px;
	margin: 0 auto;
}

h2
{
	padding-left: 2px;
	/*width: 100%;*/
	color: #666666;
	font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,”Sans Serif”;
	font-size: 11pt;
	font-weight: bold;
	text-align: left;
	border: solid 1px #768A83;
	background-color: #CFE0DB;
}

#loginpanel h2
{
	padding: 0;
	margin: 10px 0 0 0;
	font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,"Sans Serif";
	font-size: 8pt;
	border: none;
	background: none;
	width: 100%;
	text-align: left;
}

.InputTextReadOnly
{
	border: 1px solid #AEB2B4;
	font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,"Sans Serif";
	font-size: 8pt;
	font-weight: normal;
	margin-bottom: 4px;
	background-color: #e2e2e2;
	color: #666666;
}

.alertnote {
		color: #ff0000;
}

	/* Affiliate (Portal) Display Stuff, DO NOT CHANGE */

.ResultsGrid
{
	background-color: #ffffff;
}

.ResultsGrid .HeadRow
{
	background-color: #013648;
}

.ResultsGrid .HeadRowWeekend
{
	background-color: #345C69;
}

.ResultsGrid .ResultRowWeekend
{
	background-color: #F2F2F2;
}

.ResultsGrid .ResultRowWeekly
{
	background-color: #FFE6CC;
}

.ResultsGrid .SpecialRowWeekly
{
	background: #FFC891 url(../images/specials.png) no-repeat center;
}

.ResultsGrid .UnitDesc
{
	margin: 5px;
	FONT-SIZE: 8pt;
	font-weight: bold;
	color: #000000;
}

.ResultsGrid .Desc, .ResultsGrid .Desc a, .ResultsGrid .Desc a:link
{
	color: #ffffff;	
	padding-left: 5px;
	font-weight: bold;
	FONT-SIZE: 9pt;
}

.ResultsGrid .DescSml
{
	color: #cccccc;	
	padding-left: 10px;
	FONT-SIZE: 8pt;
}

.ResultsGrid .Date1
{
	color: #00CCCC;	
	font-weight: bold;	
}

.ResultsGrid .Date2
{
	color: #FEC9B7;
	font-weight: bold;	
}

.ResultsGrid .Sold
{
	color: red;
	font-weight: bold;
	letter-spacing: 1px;
	FONT-SIZE: 7pt;	
}

.ResultsGrid .Night
{
	font-weight: bold;
	width: 100%;
	height: 100%;
	cursor: default;
	margin: 5px 0 5px 0;
}

.ResultsGrid .NightLight
{
	color: #ccc;
	width: 100%;
	height: 100%;
	cursor: default;
	margin: 5px 0 5px 0;
}

.ResultsGrid .Week
{
	font-weight: bold;
	width: 100%;
	height: 100%;
}

.ResultsGrid .SelectNight, .ResultsGrid .SelectNight a:link, .ResultsGrid .SelectNight a:visited
{
	font-weight: bold;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	color: #013648;
}

.ResultsGrid .SelectNight:hover, .ResultsGrid .SelectNight a:hover
{
	background-color: Green;
	cursor: pointer;
	color: #ffffff;
}

.ResultsGrid .SelectSpecialNight, .ResultsGrid .SelectSpecialNight a:link, .ResultsGrid .SelectSpecialNight a:visited
{
	font-weight: bold;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	color: #013648;
	background-color: #FFC800;
}

.ResultsGrid .SelectSpecialNight:hover, .ResultsGrid .SelectSpecialNight a:hover
{
	background-color: Green;
	cursor: pointer;
	color: #ffffff;
}

.ResultsGrid .HighlightedCell
{
	background-color: Green;
	cursor: pointer;
	color: #ffffff;
}

.ResortProfile
{
	padding: 5px;
	margin: 0;
	background-color: #ffffff;
	border: solid 10px #92B8AD;
	text-align: left;
}

.ResortProfile h2
{
	width: 100%;
	FONT-SIZE: 10pt;
	border: 0;
	margin-bottom: 3px;
	padding-top: 5px;
	clear: both;
	background: none;
	border-bottom: solid 1px #ccc;
}

.ResortProfile h3
{
	FONT-SIZE: 11pt;
	margin-bottom: 3px;
	font-weight: bold;
}

.ResortProfile ul
{
	list-style: none;
	margin: 0;
	padding: 0 0 4px 0;
	width: 95%;
}

.ResortProfile ul li{
	list-style: none;
	margin: 0;
	padding: 0 0 2px 17px;
	float: left;
	width: 150px;
}

.ProfileAlert
{
	background-color: #CAD9DE;
	border: solid 2px #013648;	
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 3px;
	
}

.ProfileImage
{
	border: solid 1px #ccc;
	margin: 3px;
	padding: 2px;	
}

.ProfileBook
{
	color: #FFFFFF;
	background: url(images/submit.jpg) repeat-x;
	cursor: hand;
	height: 19px;
	margin: 0;
	border:  none;
	padding: 0;
	font-size: 8pt;
	width: 200px;
}

.DateDiv
{
	height: 16px;
	border: solid 1px #999;
	width: 77px;
	background-color: #ffffff;	
	margin-right: 3px;
	/*margin-top: 6px;*/
	padding: 1px 0 0 3px;
}

.InfoButton
{
	background: url(images/info.png) no-repeat;
	width: 24px;
	height: 24px;	
	cursor: pointer;
}

.HelpBox
{
	PADDING-RIGHT: 20px;
	PADDING-LEFT: 12px;
	PADDING-TOP: 20px;
	BACKGROUND-IMAGE: url(images/helpbox.jpg);
	OVERFLOW: hidden;
	WIDTH: 569px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 381px;
	TEXT-ALIGN: left;
	color: Black;
	z-index: 100;
}

.HelpBox .buttons {
	background-color: #ffffff;
	border: 2px solid #1E70A8;
	color: #1E70A8;
	font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,"Sans Serif";
	font-size: 8pt;
	font-weight: 700;
	height: 21px;
	margin: 9px 3px 0 0;
	text-align: center;
}

.HelpBox .buttons:hover {
	cursor: hand;
}

.HelpBox .Msg
{
	margin: 5px 0 0 3px;
	height: 305px;
}

.HelpBox .MsgHeader
{
	font-size: 14pt;
}

.HelpBox h2
{
	background: none;
	padding-left: 0;	
}

.EX
{
	background-color: #ffffff;
	border: solid 1px #2A40A9;
	text-align:left;
}

.SubBox table
{
	margin: 0 auto;
}