
body {
	background-color: rgb( 204,204,204 );
	color:rgb( 204,204,204 );
	font-family:verdana, tahoma, arial, helvetica, sans-serif;
	font-size:12pt;
	margin:20px 10px 20px 10px;
	text-align:left;
}


table.ExternalLinks{ margin:30px auto 0px auto; }
table.ExternalLinks td{ padding:0px 15px 0px 15px; }
table.ExternalLinks a{ border-width:0px; color:rgb(190,190,190); font-family:arial, helvetica, sans-serif; font-size:11pt; }
table.ExternalLinks img { border-width:0px; }


a { text-decoration:none; color:rgb( 121,172,210 ); font-family:arial, helvetica, sans-serif; }
a:link { color: rgb( 121,172,210 ); }
a:visited { color: rgb( 121,172,210 ); }
a:hover { color:rgb( 121,172,210 ); text-decoration:underline; }

a.navTop { text-decoration:none; color:rgb( 180,180,180 ); font-family:arial, helvetica, sans-serif; }
a.navTop:link { color: rgb( 180,180,180 ); }
a.navTop:visited { color: rgb( 180,180,180 ); }
a.navTop:hover { color:rgb( 121,172,210 ); text-decoration:underline; }

a.navDisabled{ cursor:default; color:rgb( 90,90,90 ); text-decoration:none; }
a.navDisabled:link { color: rgb( 90,90,90 ); }
a.navDisabled:visited { color: rgb( 90,90,90 ); }
a.navDisabled:hover{ color:rgb( 90,90,90 ); text-decoration:none; }

.bold { font-weight:bold; }

div.content {
	text-align: center; /* IE Hack */
	width: 981px;
	height: 100%;
	margin: 0px auto;
	padding:0px 0px 0px 0px;
	border:0px solid rgb( 102,102,102 );
	background-color: rgb( 0,0,0 );
}

div.Footer{ margin:0px 0px 10px 0px; }

dt{ text-align:left; margin:4px 0px 2px 0px; font-weight:normal; color:rgb( 0,0,0 ); }
dd{ text-align:left; margin-left:20px; margin-bottom:5px; }

.fColorBlack{ color:rgb( 0,0,0 ); }
.fColorGray51{ color:rgb( 51,51,51 ); }
.fColorGray76{ color:rgb( 76,76,76 ); }
.fColorGray102{ color:rgb( 102,102,102 ); }
.fColorGray153{ color:rgb( 153,153,153 ); }
.fColorGray204{ color:rgb( 204,204,204 ); }
.fColorRed{ color:rgb( 255,0,0 ); }
.fColorWhite{ color:rgb( 255,255,255 ); }

.fSize16{ font-size:16pt; }
.fSize15{ font-size:15pt; }
.fSize14{ font-size:14pt; }
.fSize13{ font-size:13pt; }
.fSize12{ font-size:12pt; }
.fSize11{ font-size:11pt; }
.fSize10{ font-size:10pt; }
.fSize9 { font-size:9pt;  }
.fSize8 { font-size:8pt;  }

img.header{ float:left; margin:0px 0px 0px 0px; border-bottom:4px solid rgb( 56,97,128 ); border-top:1px solid rgb( 102,102,102 ); border-right:1px solid rgb( 102,102,102 ); border-left:1px solid rgb( 102,102,102 ); }
img.link { float:left; border-width:0px; }

img.tn { border:2px solid rgb( 204,204,204 ); float:left; margin:8px; }
img.tn:link { border:2px solid rgb( 204,204,204 ); }
img.tn:visited { border:2px solid rgb( 204,204,204 ); }
img.tn:hover { border:2px solid rgb( 255,255,255 ); }

img.tnRight { border:2px solid rgb( 204,204,204 ); float:right; margin:2px 0px 2px 4px; }
img.tnRight:link { border:2px solid rgb( 204,204,204 ); }
img.tnRight:visited { border:2px solid rgb( 204,204,204 ); }
img.tnRight:hover { border:2px solid rgb( 255,255,255 ); }

img.tnOn { border:2px solid rgb( 163,19,0 ); float:left; }
img.tnOn:link { border:2px solid rgb( 163,19,0 ); }
img.tnOn:visited { border:2px solid rgb( 163,19,0 ); }
img.tnOn:hover { border:2px solid rgb( 163,19,0 ); }

.justify { text-align:justify; }

ol{ margin-top:4px; margin-bottom:4px; }

.off{ display:none; }
.offScreen{  position:absolute; top:-100000px; left:-100000px; }
.on{}

span.new{ color:rgb( 255,255,255 ); background-color:rgb( 209,24,0 ); font-family:arial black; font-size:10pt; }

td.linksTop { text-align:center; padding:4px 0px 0px 0px; font-size:11pt; color:rgb( 90,90,90 ); }

td.colHeader { font-weight:normal; color:rgb( 255,255,255 ); padding:30px 20px 6px 20px; white-space:nowrap; text-align:left; }
td.colData { font-weight:normal; padding:3px 20px 3px 20px; text-align:left;  }
td.hr{ background-color:rgb( 55,82,102 ); height:1px; width:520px; }
td.bullet{ width:6px; height:27px; padding:0px 8px 0px 8px; background-image:url( images/linkBullet.gif ); background-repeat:no-repeat; background-position:center center; }

td.pageContent{ padding:30px 20px 0px 20px; }
.pageHeader{ background-image:url( images/header.gif ); background-repeat:no-repeat; background-position:top left; height:224px; }
.pageTitle{ margin:24px 0px 0px 0px; font-weight:bold; color:rgb( 138,88,71 ); font-size:14pt; }
.pullDownEst { font-size:10pt; background-color:rgb(227,216,198); color:rgb(25,25,25); width:310px; }

td.spacer{ padding:0px 8px 0px 8px; }
td{ font-size:12pt; }

.textInputFullWid { background-color:rgb(255,255,255); color:rgb(51,51,51); font-family:arial, helvetica, sans-serif; width:405px; }
.textInputHalfWid { background-color:rgb(255,255,255); color:rgb(51,51,51); font-family:arial, helvetica, sans-serif; width:200px; }

.underline{ text-decoration:underline; }
ul{ margin-top:4px; margin-bottom:4px; }

/***** START HOMEPAGE ******/
/* Contains picture w/ drop-shadow; SS photos (w/o drop-shadows) will play over this picture flush top/left */
div.homepage {
	width:800px;
	height:400px;
	background-image:url( images/home-h7086WithDropShadow.gif ); background-repeat:no-repeat; background-position:156px 35px;
}

/* Slide-Show photo; it does not contain a drop shadow */
img.homepageSS{ float:left; margin:0px 0px 0px 0px; width:489px; height:330px; }

/* Contains Hanalei Bay Scenic */
td.homepage {
	width:800px;
	height:400px;
	background-color: rgb( 55,82,102 );
	background-image:url( images/homeBkgScenic.jpg ); background-repeat:no-repeat; background-position:center center;
}

td.homepageContent{ font-size:13pt; padding:12px 0px 0px 0px; line-height:140%; }
td.homepageLinks{ padding:20px 0px 0px 0px; }
td.TheHanaleiBayHouse{ padding:0px 0px 10px 0px; }
img.TheHanaleiBayHouse{ float:left; margin:0px 0px 0px 0px; width:432px; height:58px; }
/****** END HOMEPAGE ******/


/* Dynamic Index */
a.diHeading{ text-decoration:none; font-weight: normal; }
a.diHeading:hover{ text-decoration:underline; }

a.diPlusMinus { font-family:monospace; font-weight:normal; color:rgb( 153,153,153 ); font-size:8pt; margin-right:8px; border:1px solid rgb( 102,102,102 ); padding:0px 1px 0px 1px; }
a.diPlusMinus:link { color:rgb( 153,153,153 ); }
a.diPlusMinus:visited { color:rgb( 153,153,153 ); }
a.diPlusMinus:hover { color:rgb( 255,255,255 ); text-decoration:none; }

span.diPlusMinus { font-family:monospace; font-weight:normal; color:rgb( 204,204,204 ); font-size:8pt; margin-right:2px; padding:0px 1px 0px 1px; }


.diCaptionOn{ color:rgb( 0,0,0 ); background-color:rgb( 214,200,171 ); }
.diCaptionOff{ color:rgb( 51,51,51 ); background-color:rgb( 221,209,189 ); }
div.diContent{ display:none; margin:2px 20px 10px 34px; text-align:justify; }
div.diContentBkgOn{  background-color:rgb( 214,200,171 ); }
div.QA{ margin:4px 0px 6px 0px; }
/* Dynamic Index */


/* Dynamic Window */
a.dwLink { color:rgb( 0,0,255 ); text-decoration:none; }
a.dwLink:link { color:rgb( 0,0,255 ); }
a.dwLink:visited { color:rgb( 0,0,255 ); }
a.dwLink:hover { color:rgb( 0,0,255 ); text-decoration:underline;  }
.dwWin{ background-color:rgb( 255,255,255 ); position:absolute; border:1px solid rgb( 153,153,153 ); }
.dwTitleRow{ background-color:rgb( 55,82,102 ); border-bottom:0px solid rgb( 55,82,102 ); }
.dwTitle{ background-color:rgb( 55,82,102 ); font-size:12pt; font-family:arial,helvetica; color:rgb( 255,255,255 ); text-align:center; cursor:default; font-weight:bold }
a.dwX{ margin:0px 4px 0px 4px; color:rgb( 226,213,209 ); text-decoration:none; font-weight:normal; font-size:16pt; }
a.dwX:link { color: rgb( 226,213,209 ); }
a.dwX:visited { color: rgb( 226,213,209 ); }
a.dwX:hover{ color:rgb( 255,255,255 ); text-decoration:none; }
.dwBodyParent{ background-color:rgb( 255,255,255 ); }
.dwBodyParentImg{ background-color:rgb( 51,51,51 ); }
.dwBody{ font-size:11pt; font-family:arial,helvetica; color:rgb( 51,51,51 ); text-align:left; margin:0px; }
.dwTextInputHalfWid { background-color:rgb(255,255,255); font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:rgb(51,51,51); width:200px; border:1px solid rgb( 153,153,153 ); margin:0px 0px 0px 10px; }
/* Dynamic Window */


/* FW */
.uploadInstructions{ white-space:nowrap; font-size:10pt; text-align:left; margin:0px 0px 0px 0px; }
a.fw { color:rgb( 0,0,255 ); text-decoration:underline;  }
a.fw:hover { color:rgb( 0,0,255 ); }
a.fw:link { color:rgb( 0,0,255 ); }
a.fw:visited { color:rgb( 0,0,255 ); }
a.fwPlusMinus { font-family:monospace; font-weight:normal; color:rgb( 102,102,102 ); font-size:8pt; margin-right:8px; border:1px solid rgb( 204,204,204 ); padding:0px 1px 0px 1px; }
a.fwPlusMinus:hover { text-decoration:none; }
a.fwPlusMinus:link { text-decoration:none; }
a.fwPlusMinus:visited { text-decoration:none; }
button.htmlTags{  font-size:9pt; margin:2px 2px 3px 2px; }
div.aspConsoleInner { text-align:left; width:800px; color:rgb( 51,51,51 ); background-color:rgb( 255,255,255 ); padding:10px 10px 10px 10px; }
div.aspConsoleLine1{ color:rgb( 255,0,0 ); font-weight:bold; margin:0px 0px 10px 0px; }
div.aspConsoleLine2{}
div.aspConsoleOuter { position:absolute; top:10px; left:50%; margin:0px 0px 0px -400px; z-index:900000; }
div.buttonsFW{ margin:6px 0px 6px 0px; }
div.fw0{ text-align:left; margin:4px 0px 0px 30px; font-size:10pt; display:none; }
div.fw1{ text-align:left; margin:4px 0px 0px 30px; font-size:10pt; }
div.fwHelpSect{ margin:0px 0px 5px 0px; }
div.htmFW{ margin:0px 0px 0px 0px; }
div.jsFW{ margin:20px 0px 0px 0px; }
div.otherFunctions{ margin:10px 0px 10px 0px; color:rgb( 153,153,153 ); }
div.sectButtonsFW{}
div.sectNotesFW{ width:850px; text-align:left; margin:4px 0px 4px 0px; color:rgb( 51,51,51 ); }
div.sectTitleFW{ font-weight:bold; color:rgb( 51,51,51 ); }
div.xmlFW{ margin:20px 0px 0px 0px; }
form.fw{ margin:0px; }
input.fwText{ width:250px; font-family:arial, helvetica, sans-serif; font-size:10pt; }
table.EditContainer{ margin:30px 0px 0px 0px; padding:0px 25px 0px 25px; background-color:rgb( 225,225,225 ); border:2px solid rgb( 255,255,255 ); }
td.fwField{ text-align:right; padding:1px 5px 1px 4px; font-weight:bold; white-space:nowrap; }
td.fwValue{ padding:1px 4px 1px 5px; }
td.xmlInstructions{ color:rgb( 51,51,51 ); text-align:left; }
textarea.dataBoxJS{ font-family:arial,helvetica; font-size:11pt; color:rgb( 0,0,0 ); background-color:rgb( 240,240,240 ); width:900px; height:400px; }
textarea.dataBoxXML{ font-family:arial,helvetica; font-size:11pt; color:rgb( 0,0,0 ); background-color:rgb( 240,240,240 ); width:900px; height:400px; }
textarea.htmlBox{ font-family:arial,helvetica; font-size:11pt; color:rgb( 0,0,0 ); background-color:rgb( 240,240,240 ); width:900px; height:400px; }
/* FW */


/* Calendar */
a.calArrow { color:rgb( 0,0,255 ); font-size:14pt; }
a.calArrow:link { color:rgb( 0,0,255 ); }
a.calArrow:visited { color:rgb( 0,0,255 ); }
a.calArrow:hover { color:rgb( 255,0,0 ); text-decoration:none; }

caption.calGreeting { color:rgb( 204,204,204 ); font-size:13pt; }

div.calDivider { background-color:rgb( 70,70,70 ); width:90%; margin:0px 0px 25px 0px; height:2px; }
div.pubCalInstructions { margin:20px 0px 10px 0px; }
div.calLastEditedBy{ font-size:9pt; text-align:center; margin:4px 0px 0px 0px; }
div.dwTitleDate{ font-weight:normal; font-size:11pt; }

div.eMailBold{ margin:14px 0px 0px 0px; font-weight:bold; }
div.eMailMod{ margin:0px 0px 0px 10px; color:rgb( 255,0,0 ); }
div.eMailUnMod{ margin:0px 0px 0px 10px; }

fieldset.calDesignation{ border:1px solid rgb( 55,82,102 ); }

legend.calDesignation{ font-size:11pt; color:rgb( 204,204,204 ); }
li.instructions{ margin-top:4px; }

input.confirmed { margin:0px 4px 0px 0px; }
input.pending { margin:0px 4px 0px 0px; }
input.special { margin:0px 0px 0px 0px; }

input.dwDate{ width:70px; font-family:arial, helvetica, sans-serif; font-size:10pt; }
input.calText{ width:300px; font-family:arial, helvetica, sans-serif; font-size:10pt; }
input.calTextShort{ width:80px; font-family:arial, helvetica, sans-serif; font-size:10pt; }

.navLinks{ color:rgb( 153,153,153 ); text-decoration:none; }

span.calActive  { cursor:pointer; color:rgb( 255,255,255 ); background-color:rgb( 216,90,0 ); }
span.calBooked { color:rgb( 78,106,128 ); text-decoration: line-through; }
span.calCkIn  { cursor:pointer; color:rgb( 255,255,255 ); background-color:rgb( 216,90,0 ); }
span.calOff  { cursor:text; }
span.calPending { color:rgb( 197,83,0 ); text-decoration: line-through; }

/* Setting calProp display:none for single property calendar; hides property name on calendar & in pop-up title bars */
span.calProp { display:none; }
span.calOpen  { cursor:pointer; }
span.calOpenPub  { cursor:default; }
span.calSpecial{ color:rgb( 255,255,255 ); background-color:rgb( 171,81,36 ); }
span.calToday{ color:rgb( 255,115,0 ); font-weight:bold; text-transform:uppercase; cursor:default; }

table.calInstructions{ }
table.calPopUps{ }

td.calDays { color:rgb( 220,220,220 ); background-color:rgb( 22,43,59 ); font-family:monospace; white-space:nowrap; letter-spacing:1px; }
td.calDaysWeek { color:rgb( 204,204,204 ); background-color:rgb( 22,43,59 ); font-family:monospace; white-space:nowrap; letter-spacing:1px; }
td.calField{ text-align:right; padding:1px 5px 1px 4px; font-weight:bold; white-space:nowrap; }
td.calFieldForm{ padding:10px 4px 0px 4px; }
td.calValue{ padding:1px 4px 1px 5px; }
td.calValueForm{ padding:10px 4px 0px 4px; }
td.calHiRes{ font-size:12pt; }
td.calLastUpdate{ font-size:10pt; color:rgb( 204,204,204 ); text-align:center; padding:10px 0px 0px 0px; }
td.calButtons{ text-align:center; padding:10px 0px 0px 0px; }
td.calLoRes{ font-size:10pt; }
td.calMon { white-space:nowrap; background-color:rgb( 22,43,59 ); padding:1px 6px 1px 6px; text-align:right; }
td.calProp { white-space:nowrap; padding:1px 6px 1px 6px; text-align:right; background-color:rgb( 22,43,59 ); }
td.calSpacer { line-height:20px; }

textarea.dwNotes{ width:300px; font-family:arial, helvetica, sans-serif; font-size:10pt; }

ul.calInstructions{ margin-top:10px; margin-bottom:0px; }
/* Calendar */

/* Begin SS/TN */
.ssConsole{ margin:6px 0px 6px 0px; font-size:12pt; }
.ssImage{ margin:0px 0px 0px 0px; border:2px solid rgb( 0,0,0 ); }
.ssButton{ color:rgb( 51,51,51 ); font-size:9pt; font-family:Arial, Helvetica; background-color:rgb( 204,204,204 ); }
.ssButtonOn{ color:rgb( 204,0,0 ); font-size:9pt; font-family:Arial, Helvetica; background-color:rgb( 204,204,204 ); }
.ssControls{ margin:6px 0px 10px 0px; }
.ssTnDiv{ margin:15px 0px 30px 0px; color:rgb( 197,162,129 ); }
.ssTnTitle{ margin:0px 0px 10px 0px; color:rgb( 204,204,204 ); font-size:13pt; text-transform:uppercase; }
.tnLgImgTitle{ font-size:10pt; color:rgb( 0,0,0 ); font-family:Arial, Helvetica; margin:2px 0px 5px 0px; }
a.ssTnLink { font-size:12pt; text-decoration:none; }
a.ssTnLink:link { }
a.ssTnLink:visited { }
a.ssTnLink:hover { text-decoration:underline; }
a.ssExitPopUp { text-decoration:none; color:rgb( 51,51,51 ); font-size:10pt; }
a.ssExitPopUp:link { }
a.ssExitPopUp:visited { }
a.ssExitPopUp:hover { color:rgb( 204,51,0 ); text-decoration:none; }
/* End SS/TN */

