
  /* COPYRIGHT -- CLUBESSENTIAL 2006, All rights reserved
-------------------------------------------------------------------*/

.Header { 
	font-family: Arial; 
	font-size: 9pt; 
	font-style: normal; 
	line-height: normal; 
	font-weight: bold; 
	font-variant: normal; 
	color: #FFFFFF 
}

.Text1 { 
	font-family: Arial; 
	font-size: 8pt; 
	font-style: normal; 
	line-height: normal; 
	font-weight: normal; 
	font-variant: normal; 
	color: #000000 
}
/* --------- General Row Hover Classes --------- */
.rowNormal {
	BACKGROUND-COLOR: #F8F8F8;
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #000000;

}
.rowHover {
	BACKGROUND-COLOR: #FFFFFF;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #000000;


}
 
/* --------- Copyright text at bottom of each page --------- */
.copyright {
 FONT-SIZE: 10px;
 COLOR: #000000;
}
 
/* --------- Survey Module --------- */
.modSurveyEditDividerHdr
{
 
}


/* --------- INBOX MODULE --------- */
.modInboxMessageTextArea{
 BACKGROUND-COLOR: #FFFFFF;
}
 
/* --------- MEMBER PROFILE MODULE --------- */
.modRosterHiliteHiddenField{
 COLOR: #ADADAD;
}
 
/* --------- ROSTER PROFILE UPDATE REPORT MODULE --------- */
.modProfileReportRowHeader{
 BACKGROUND-COLOR: #ACC3FF;
}
 
.modProfileReportRow{
 BACKGROUND-COLOR: #FFFFFF;
}
 


/* --------- Plug-in POLLING --------- */
/*bkg = E1DAB4 (matched)  or  F4EECC (light)*/

/* --------- Edit Plugin - Polling Window BG --------- */
.plgPollQuestionArea{ 
	BACKGROUND-COLOR: #DDE9F7;
	FONT-FAMILY: Arial;
	COLOR: #000000;
	}


/* --------- Edit Plugin - Polling Window Header --------- */
.plgPollHeader{
	FONT-SIZE: smaller;
	BACKGROUND-COLOR: #918563;
	FONT-WEIGHT: bold;
	FONT-FAMILY: Arial;
	COLOR: #FFFFFF;
	}

/* --------- Edit Plugin - Polling Window Results --------- */
.plgPollResultBar{
	BACKGROUND-COLOR: #DDE9F7; /* --------- Edit Plugin - Same color as Polling Window --------- */
}

/* --------- Edit Plugin - Polling Window Selected Results - Text --------- */
.plgPollHighlightFont{
	FONT-FAMILY: Arial;
	COLOR: #818181;
}

/* --------- Edit Plugin - Polling Window Border Color - 1px --------- */
.plgPollBorder{
	/* BACKGROUND-COLOR: #918563;*/
}

/* --------- Edit DYNAMIC LIST MODULE - It's own page --------- */
/* --------- ###  DYNAMIC LIST  ### --------- */
.modDListItemListname{
	FONT-SIZE: 11px;
	FONT-FAMILY: Arial;
	COLOR: #000000;
	/* font-weight: bold;*/
	text-decoration: none;

	}
	
/* --------- Edit DYNAMIC LIST MODULE - title for page - centered --------- */
.modDListItemTitle{
	FONT-SIZE: 11px;
	FONT-FAMILY: Arial;
	COLOR: #000000;
	font-weight: bold;
	text-decoration: none;

	}
	
/* --------- Edit DYNAMIC LIST MODULE - subtitle for individual list article --------- */
.modDListItemSubtitle{
	FONT-SIZE: 11px;
	FONT-FAMILY: Arial;
	COLOR: #A7A7A7;
	font-weight: normal;
	text-decoration: none;

	}
	


/* --------- Edit Roster - present on Admin view ONLY (hint: hidden) --------- */
A.RosterRowHidden{
	COLOR: #CD3F34;
}

/* --------- Edit Roster - present on Admin view ONLY --------- */
A.RosterRowHidden:hover {
	COLOR: #476BA3;
}

/* --------- Edit Roster - present on Admin view ONLY --------- */
A.RosterRowHidden:visited{
	COLOR: #476BA3;
}



/* --------- GENERAL PLUGIN ACTION LINKS ON HEADER BAR --------- */
A.plgHeaderBarAction{
	FONT-SIZE: 9px;
	FONT-WEIGHT: normal;
	COLOR: #6b5d35;
	}
A.plgHeaderBarAction:hover {
	FONT-SIZE: 9px;
	FONT-WEIGHT: normal;
	COLOR: #000000;
}
A.plgHeaderBarAction:visited {
	FONT-SIZE: 9px;
	FONT-WEIGHT: normal;
	COLOR: #000000;
}



/* --------- Module Specific Classes --------- */
/* --------- CALENDAR MODULE --------- */
.modCalYearCurrentMonthHighlight{
	BACKGROUND-COLOR: #FFFFFF;
}

/* --------- Calendar Today's Day Box --------- */
.modCalYearCurrentDayHighlight{
	BACKGROUND-COLOR: #918563;
	font-weight: bold;
	color: #FFFFFF;

}


/* --------- INBOX MODULE - make same as bg color of folders --------- */
.modInboxMessageView{
	BACKGROUND-COLOR: #eef2f3;
}



/* --------- USER REGISTRATION MODULE - make same as bg color of folders --------- */
.modSignupForm{
	BACKGROUND-COLOR: #eef2f3;
}



/* --------- Edit SEARCH ENGINE - print button --------- */
A.modSearchPrintButton{
	COLOR: #FF0000;
	TEXT-DECORATION: none;
	/*FONT-WEIGHT: bold;*/
	FONT-SIZE: 10pt;
}
/* --------- SEARCH ENGINE RESULTS - make same as bg color of folders --------- */
.modSearchResults{
	BACKGROUND-COLOR: #eef2f3;
	COLOR: #000000;
	FONT-SIZE: 10pt;
}


/* --------- Module Specific Classes --------- */
/* --------- Edit ARTICLE PLUGIN/MODULE --------- */
.modArticlesRowHighlight{
 /* --------- Edit ARTICLE PLUGIN/MODULE HIGHLIGHT - make same as bg color of folders --------- */
	font-family: Arial;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;

}

.modArticlesDayHeader{
/* --------- Edit heading color for articles - background color --------- */
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	/*border: 1px solid #A21605; */

}


/* --------- Edit EVENT MANAGER HEADER - DEFAULT --------- */
A.modEvtMgrHeader {
	FONT-WEIGHT: bold;
	COLOR: #FFFFFF;
	TEXT-DECORATION: none
	}
A.modEvtMgrHeader:hover {
	FONT-WEIGHT: bold;
	COLOR: #FFFFFF;
	}
A.modEvtMgrHeader:visited {
	FONT-WEIGHT: bold;
	COLOR: #FFFFFF;
	}


/* --------- DIRECTORY SPECIFIC CLASSES - DEFAULT --------- */
.modDirectoryNoEditShade{
	BACKGROUND-COLOR: #F7F4F3;
}

.modDirectoryCheckboxShade{
	BACKGROUND-COLOR: #DEDEDE;
}

/* --------- IMPORTANT Edit GLOBAL TEXT BOXES - DEFAULT --------- */
.txtbox {
	background-color: #ffffff; 
	color: #000000; 
	font-family: Arial; 
	font-size: 9pt; 
	border-style: inset; 
	border-width: 2px; 
	margin-top: 2px; 
	margin-bottom: 2px
	}




/* GENERAL */
/* --------- Edit BODY TAG FOR THE ENTIRE PAGE - DEFAULT FONT AND SCROLL BAR SPECS --------- */

/* --------- Edit BODY TAG FOR THE ENTIRE PAGE - DEFAULT FONT AND SCROLL BAR SPECS --------- */
/* --------- Edit BODY TAG FOR THE ENTIRE PAGE - DEFAULT FONT AND SCROLL BAR SPECS --------- */

BODY{
	FONT-SIZE: 8pt;
	FONT-FAMILY: Arial;
	}
	
TABLE{
	FONT-SIZE: 8pt;
	FONT-FAMILY: Arial;
	}

A {FONT-SIZE: 8pt; FONT-FAMILY: Arial; TEXT-DECORATION: none; COLOR: #8a7a4c}
	A.small {COLOR:#8a7a4c;}
	A.anchor {COLOR:#8a7a4c;}
	A:visited {COLOR:#8a7a4c;} 
	A:hover {COLOR:#000000; TEXT-DECORATION: underline}


/* --------- NAV MENU BACKGROUND --------- */
.CEMenu {BACKGROUND-COLOR: #0C1967;
font-variant:normal;}

/* --------- BACKGROUND COLOR OF THE CLUB LOGO AT THE LEFTMOST CORNER --------- */
.cornerheader {}

/* --------- BACKGROUND COLOR OF THE TOP BANNER --------- */
.bannerheader {BACKGROUND-COLOR: #000000}

/* --------- BACKGROUND COLOR OF THE GLOBAL BUTTONS --------- */
.globalnav {}

/* --------- PAGE BACKGROUND Fill --------- */
.page {
BACKGROUND: #FFFFFF;
}


/* --------- PLUGIN TITLES --------- */
.plugintitle {
	FONT-SIZE: 11pt;
	FONT-FAMILY: Arial;
	COLOR: #FFFFFF;
	}

/* --------- External News Text (not links) --------- */
.news { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 10pt;}

/* --------- Plug-in CALENDAR --------- */
.plgCalendarHeader{
	FONT-SIZE: 11px;
	BACKGROUND-COLOR: #f7f1df;
	FONT-FAMILY: Arial;
	COLOR: #6b5d35;
	font-weight: bold;
	text-decoration: none;
	padding: 2px;

	}
.plgCalendarWeekday{
	FONT-SIZE: 11px;
	BACKGROUND-COLOR: #efe6ca;
	FONT-FAMILY: Arial;
	COLOR: #6b5d35;
	font-weight: normal;
	text-decoration: none;
	padding: 2px;

	}
.plgCalendarWeekend{
	FONT-SIZE: 11px;
	BACKGROUND-COLOR: #eae1c4;
	FONT-FAMILY: Arial;
	COLOR: #6b5d35;
	font-weight: normal;
	text-decoration: none;
	padding: 2px;

	}
.plgCalendarDayOn{
	BACKGROUND-COLOR: #FFFFFF;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
	padding: 2px;

	}

/* --------- Plug-in HEADER BAR - ALL --------- */
.plgHeaderBar{ /* --------- This in the only style needing to change for adjusting the HEADER BAR Text & style --------- */
	FONT-SIZE: 11px;
	BACKGROUND-COLOR: #f7f1df;
	FONT-FAMILY: Arial;
	COLOR: #6b5d35;
	}
.plgHeaderBarAction{
	FONT-SIZE: 10px;
	BACKGROUND-COLOR: #f7f1df;
	FONT-FAMILY: Arial;
	COLOR: #6b5d35;
	}
/* --------- EDIT - BG of ICON --------- */
.plgHeaderBarBorder{BACKGROUND-COLOR: #f7f1df;} /* --------- EDIT - top 1px line of 5 day calendar and white frame for date field on calendar (Fri-8th) --------- */
.plgBorder{BACKGROUND-COLOR: #f7f1df;} /* --------- EDIT - 1px border around plugin --------- */

.plgAltLine{BACKGROUND-COLOR: #f7f1df;}

/* --------- Plug-in 5DAY WEATHER --------- */
.plgWeatherHeader{
	FONT-SIZE: 11px;
	BACKGROUND-COLOR: #f7f1df;
	FONT-WEIGHT: bold;
	FONT-FAMILY: Arial;
	COLOR: #6b5d35
	}
.plgWeatherAltBkg{BACKGROUND-COLOR: #efe6ca;}
.plgWeatherHghTxt{
	FONT-SIZE: 10px;
	FONT-FAMILY: Arial;
	COLOR: #9e8e61;
	
	}
.plgWeatherLowTxt{
	FONT-SIZE: smaller;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	COLOR: #aa9965;
	
	}
.plgWeatherCndTxt{
	FONT-SIZE: 11px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	COLOR: #9e8e61;
	
	}

/* Plug-in INBOX */
.plgInboxHeader{
	FONT-SIZE: 10pt;
	BACKGROUND-COLOR: #918563;
	FONT-WEIGHT: bold;
	FONT-FAMILY: Arial;
	COLOR: #000000
	}

/* --------- Plug-in LEADERBOARD --------- */
.plgLdrbrdHeader{
	FONT-SIZE: 10pt;
	FONT-WEIGHT: bold;
	FONT-FAMILY: Arial;
	COLOR: #000000
	}
.plgLdrbrdHiliteUser{
	FONT-WEIGHT: bold;
	COLOR: #DDE9F7
	}

/* --------- Plug-in EXTERNAL NEWS 
.s{
	FONT-SIZE: 8pt;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	COLOR: #000000;
	PADDING-LEFT: 9px
	}
.h{
	FONT-SIZE: 10pt;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	COLOR: #918563;
	PADDING-LEFT: 20px
	} --------- */


/* --------- Plug-in NEWS 
.plgNewsPosted{
	FONT-SIZE: 8pt;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	COLOR: #000000;
	PADDING-LEFT: 9px
	} --------- */

/* --------- Plug-in LINK --------- */
.plgLinkTxt{
	FONT-SIZE: 10pt;
	FONT-FAMILY: Arial;
	COLOR: #918563;
	}
.plgLinkDesc{
	FONT-SIZE: smaller;
	FONT-FAMILY: Arial;
	COLOR: #000000;
	PADDING-LEFT: 9px;
	TEXT-DECORATION: none
	}

/* --------- Plug-in RESERVATIONS --------- */
.plgResCurrent{
	FONT-SIZE: 10pt;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	COLOR: #DDE9F7;
	}
.plgResTxt{
	FONT-SIZE: 10pt;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	COLOR: #918563;
	}
.plgResDesc{
	FONT-SIZE: 8pt;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	COLOR: #000000;
	}
	
/* --------- **********MODULE SPECIFIC CLASSES*********** --------- */

/* --------- ###  GENERAL MODULE SETTINGS  ### --------- */
.modHeader{
	FONT-SIZE: 11pt;
	FONT-FAMILY: Arial;
	COLOR: #000000
	}
.modHeaderLine{
	COLOR: #000000
	}
.modAdmin{
	FONT-SIZE: 10pt;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #FFFFFF
	}
.modPopupHeader{
	FONT-SIZE: 10pt;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #918563;
	BORDER-BOTTOM: #000000 1px solid;
   BORDER-TOP: #A21605 1px solid;
	PADDING-BOTTOM: 1px;
	PADDING-LEFT: 1px;
	PADDING-RIGHT: 1px;
	PADDING-TOP: 1px
	}
.modAltLine{
	BACKGROUND-COLOR: #eef2f3;
}
.fadedfont{
	COLOR: #EF3F34;
}

/* --------- Plugin MESSAGE BOARD --------- */
.modMsgBrdShaded{
	BACKGROUND-COLOR: #DDE9F7;
	}

/* --------- Plugin MAP AND DIRECTIONS --------- */
.modMapShaded{
	BACKGROUND-COLOR: #DDE9F7;
	}

/* --------- Plugin SEARCH ENGINE --------- */
.modSearchShaded{
	BACKGROUND-COLOR: #DDE9F7;
	}
.modSearchShaded2{
	BACKGROUND-COLOR: #DDE9F7;
	}

/* --------- LIVE CHAT --------- */
.modChatIndexHeader{
	BACKGROUND-COLOR: #918563;
	COLOR: #FFFFFF
}
.modChatRoomList{
	BACKGROUND-COLOR: #DDE9F7;
	COLOR: #000000
}

/* --------- SITE STATISTICS --------- */
.modStatsVisitorBar{
	BACKGROUND-COLOR: #DDE9F7;
	COLOR: #FFFFFF
}
.modStatsUserBar{
	BACKGROUND-COLOR: #918563;
	COLOR: #FFFFFF
}

/* --------- EVENT MANAGER --------- */
.modEvtMgrHeader{
	BACKGROUND-COLOR: #918563;
	FONT-WEIGHT: bold;
	COLOR: #FFFFFF
}

/* --------- GOLF STATISTICS --------- */
.modGolfStatsHeader1{
	BACKGROUND-COLOR: #918563;
	FONT-WEIGHT: bold;
	COLOR: #FFFFFF
}
.modGolfStatsHeader2{
	BACKGROUND-COLOR: #DDE9F7;
	COLOR: #000000
}
.modGolfStatsDataRow{
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #000000
}

/* --------- COURSE TOUR --------- */
.modCrsTourSelectedTab{
	BACKGROUND-COLOR: #DDE9F7;
	FONT-WEIGHT: bold;
	COLOR: #000000
}
.modCrsTourUNSelectedTab{
	BACKGROUND-COLOR: #918563;
	COLOR: #FFFFFF
}
.modCrsTourHoleChooser{
	BACKGROUND-COLOR: #918563;
	FONT-WEIGHT: bold;
	COLOR: #FFFFFF
}
.modCrsTourSelectedHole{
	BACKGROUND-COLOR: #FFFFFF;
}
.modCrsTourTeeBoxHeader{
	BACKGROUND-COLOR: #918563;
	COLOR: #FFFFFF
}
.modCrsTourTeeBoxData{
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #000000
}
.modCrsTourScoreCardHeader{
	BACKGROUND-COLOR: #918563;
	COLOR: #FFFFFF
}
.modCrsTourScoreCardDataRow{
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #000000
}
.modCrsTourScoreCardDataRowALT{
	BACKGROUND-COLOR: #DDE9F7;
	COLOR: #000000
}
.modCrsTourScoreCardHeader:visited {
	COLOR: #FFFFFF
}
.modCrsTourScoreCardHeader:hover {
	COLOR: #FFFFFF
}

/* --------- ACTIVE USER LISTING --------- */
.modActUserListHeader{
	BACKGROUND-COLOR: #918563;
	COLOR: #FFFFFF
}
.modActUserListHeader:visited{
	COLOR: #FFFFFF
}
.modActUserListHeader:hover{
	COLOR: #FFFFFF
}
.modActUserListDataRow{
	BACKGROUND-COLOR: #FFFFFF;
	FONT-SIZE: 8pt;
	COLOR: #000000
}
.modActUserListDataRowALT{
	BACKGROUND-COLOR: #DDE9F7;
	FONT-SIZE: 8pt;
	COLOR: #000000
}

/* --------- CALENDAR --------- */
.modCalDayRowLeftHeader{
	BACKGROUND-COLOR: #FFFFFF;
}
.modCalDayRow{
	BACKGROUND-COLOR: #f7f1df;
}
.modCalWeekDayHeader{
	BACKGROUND-COLOR: #918563;
	COLOR: #FFFFFF;
}
.modCalWeekDayHeader:hover{
	BACKGROUND-COLOR: #918563;
	COLOR: #FFFFFF;
}
.modCalWeekDayHeader:visited{
	BACKGROUND-COLOR: #918563;
	COLOR: #FFFFFF;
}
.modCalWeekRow{
	BACKGROUND-COLOR: #f7f1df;
}
.modCalMonthWeekEndDay{
	BACKGROUND-COLOR: #efe6ca;
}
.modCalMonthWeekDayDisabled{
	BACKGROUND-COLOR: #f7f1df;
}

/* --------- ROSTER --------- */
.RosterRowOn{
	FONT-SIZE: 10pt;
	BACKGROUND-COLOR: #FFFFFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	}
.RosterColDiv {BACKGROUND-COLOR: #918563}

.RosterRowOff {
	FONT-SIZE: 10pt;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	}
.RosterLetterOn {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	BACKGROUND-COLOR: #DDE9F7;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	}
.RosterLetterOff {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	BACKGROUND-COLOR: #918563;
	COLOR: #DDE9F7;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
	}
A.RosterLetterOff {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	BACKGROUND-COLOR: #918563;
	COLOR: #DDE9F7;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
	}
A.RosterLetterOff:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	BACKGROUND-COLOR: #918563;
	COLOR: #DDE9F7;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
	}
A.RosterLetterOff:visited {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	BACKGROUND-COLOR: #918563;
	COLOR: #DDE9F7;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
	}
	
.RosterColumnTitle {BACKGROUND-COLOR: #DDE9F7;}

/* --------- DIRECTORY -> EDIT ROSTER OPTIONS -> CANCEL & NEXT BUTTON --------- */
.but{
	BORDER-RIGHT: 1px outset ButtonHighlight;
	BORDER-TOP: 1px outset ButtonHighlight;
	FONT-SIZE: 10pt;
	BACKGROUND-COLOR: #DDE9F7;
	BORDER-LEFT: 1px outset ButtonHighlight;
	CURSOR: pointer;
	COLOR: #000000;
	BORDER-BOTTOM: 1px outset ButtonHighlight;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	}

/* --------- DIRECTORY -> EDIT ROSTER OPTIONS -> CLOSE BUTTON --------- */
.membut {
	BORDER-RIGHT: 1px solid ButtonFace;
	BORDER-TOP: 1px solid ButtonFace;
	FONT-SIZE: 8pt;
	BACKGROUND-COLOR: #DDE9F7;
	BORDER-LEFT: 1px solid ButtonFace;
	CURSOR: pointer;
	COLOR: #000000;
	BORDER-BOTTOM: 1px solid ButtonFace;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	}

/* --------- BUTTONS --------- */
/* --------- Admin Bar Button --------- */
.abut {
	BACKGROUND-COLOR: #DDE9F7; 
	COLOR: #000000; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 8pt; 
	BORDER-STYLE: outset; 
	BORDER-WIDTH: 2px; 
	MARGIN-TOP: 2px; 
	MARGIN-BOTTOM: 2px
	}

.largerfont	{FONT-SIZE: 11pt}
.smallerfont {FONT-SIZE: 8pt}

/* --------- 3.0 --------- */ /* --------- Used for pop-up windows headers --------- */
TD.clsRaised
{
	BACKGROUND-COLOR: #918563; /* --------- To override local code color --------- */
	BORDER-BOTTOM: 1px solid #000000;
	BORDER-TOP: 1px solid #DDE9F7;
	PADDING-BOTTOM: 1px;
	PADDING-LEFT: 1px;
	PADDING-RIGHT: 1px;
	PADDING-TOP: 1px
}

/* TABS */
	.tnavTitle {
		FONT-WEIGHT: bold;
		FONT-SIZE: 11pt;
		FONT-FAMILY: Arial, Helvetica, sans-serif
		}
	/* --------- Border around tab sections --------- */
	.tnavBorder {BACKGROUND-COLOR: #918563}
	
	/* --------- Title for active tab section --------- */
	.tnavTabON {
		FONT-WEIGHT: bold;
		FONT-SIZE: 10pt;
		COLOR: #000000;
		FONT-FAMILY: Arial, Helvetica, sans-serif;
		BACKGROUND-COLOR: #FFFFFF;
		TEXT-DECORATION: none
		}
	/* --------- Title for inactive tab sections --------- */
	.tnavTabOFF {
		FONT-WEIGHT: normal;
		FONT-SIZE: 10pt;
		COLOR: #FFFFFF;
		FONT-FAMILY: Arial, Helvetica, sans-serif;
		BACKGROUND-COLOR: #918563;
		TEXT-DECORATION: none
		}
	/* --------- Visited inactive tab sections --------- */
	A.tnavTabOFF:visited {
		FONT-WEIGHT: normal;
		FONT-SIZE: 10pt;
		COLOR: #FFFFFF;
		FONT-FAMILY: Arial, Helvetica, sans-serif;
		BACKGROUND-COLOR: #918563;
		TEXT-DECORATION: none
		}
	/* --------- Rollover inactive tab sections --------- */
	A.tnavTabOFF:hover {
		FONT-WEIGHT: normal;
		FONT-SIZE: 10pt;
		COLOR: #FCF902;
		FONT-FAMILY: Arial, Helvetica, sans-serif;
		BACKGROUND-COLOR: #918563;
		TEXT-DECORATION: none
		}
		
/* --------- INBOX -> Mail groups window body --------- */
.tnavTabContent {
	FONT-SIZE: 10pt;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #DDE9F7;
	TEXT-DECORATION: none
	}

/* --------- INBOX - >MAIL GROUP - > Move over --------- */
.rowhighlight {BACKGROUND-COLOR: #FFFFFF;}

.adminbar	{
	BACKGROUND-COLOR: #DDE9F7;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-WEIGHT: normal;
	FONT-SIZE: 10pt;
	COLOR: #000000
	}

/* --------- 3.0 COMPATIBILITY */ /*Weather, Calendar --------- */
	/* --------- Used in New Roster for body area --------- */
	.colorBG1 {}
	.colorBG2 {}
	
	/* --------- Color for plug-in dividers and Calendar heads --------- */
	/* --------- Also used in new inbox set items --------- */
	.colorlevel1BG {BACKGROUND-COLOR: #918563}



/*****************************************************/
/*****************************************************/
                      /*  UNUSED */
/*****************************************************/
/*****************************************************/
/* --------- OLD --------- */


/* --------- OLD --------- */
.RosterSearchBox
{
	FONT-SIZE: 10pt;
	BACKGROUND-COLOR: #6FFF07; /*#E7E5B2;*/
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif
}

/* --------- OLD --------- */
.UserProfile
{
	BACKGROUND-COLOR: #6FFF10; /*white*/
}

/* --------- OLD --------- */
.UserProfileMenu_THIS_IS_OLD
{
	FONT-SIZE: 10pt;
	BACKGROUND-COLOR: #6FFF11; /*#d3cfc2;*/
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}

/* --------- Background --------- */
/* --------- OLD --------- */
.darea
{
	BACKGROUND-COLOR: #6FFF11; /*#E7E5B2*/
}

/* --------- OLD --------- */
.dynamicpage
{
	BACKGROUND-COLOR: #6FFF13; /*#E7E5B2*/
}

/* --------- OLD --------- */
.abut2 {
	/* --------- background-color: #F1F1EF; 
	color: #800000; --------- */
	background-color: #5CEF16; 
	color: #5CEF17; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	border-style: outset; 
	border-width: 2px; 
	margin-top: 2px; 
	margin-bottom: 2px
	}

/* --------- OLD --------- */
.moduletitle
{
	FONT-SIZE: 24pt; /*14pt*/
	FONT-FAMILY: Arial, Helvetica, sans-serif
}



/* --------- Original 10pt with color F5F4E9 --------- */
	A.tnavTabON {
		FONT-WEIGHT: bold;
		FONT-SIZE: 20pt;
		COLOR: #2300FF;
		FONT-FAMILY: Arial, Helvetica, sans-serif;
		BACKGROUND-COLOR: #5CFF03;
		TEXT-DECORATION: none
		}
/* --------- Original 10pt with bgcolor FFFFFF --------- */
	A.tnavTabON:visited {
		FONT-WEIGHT: bold;
		FONT-SIZE: 20pt;
		COLOR: #2300FE;
		FONT-FAMILY: Arial, Helvetica, sans-serif;
		BACKGROUND-COLOR: #0021FF;
		TEXT-DECORATION: none
		}
/* --------- Original 10pt with bfcolor FFFFFF --------- */
	A.tnavTabON:hover {
		FONT-WEIGHT: bold;
		FONT-SIZE: 20pt;
		COLOR: #000000;
		FONT-FAMILY: Arial, Helvetica, sans-serif;
		BACKGROUND-COLOR: #0021FA;
		TEXT-DECORATION: none
		}









/* --------- OLD CALENDAR STYLES --------- */
	/* --------- Original 8pt with bgcolor 006000 color FFFFFF --------- */
	/* --------- OLD --------- */
	.plgCalHeader {
		FONT-FAMILY: Arial, Helvetica, Sans Serif;
		FONT-WEIGHT: normal;
		FONT-SIZE: 18pt;
		COLOR: #5CFE00;
		BACKGROUND-COLOR: #5CFE00;
		}
	/* --------- OLD --------- */
	/* --------- Original 8pt with bgcolor F5F4E9 color 000000 --------- */
	.plgCalContentWkDay {
		FONT-FAMILY: Arial, Helvetica, Sans Serif;
		FONT-WEIGHT: normal;
		FONT-SIZE: 18pt;
		COLOR: #5CFD00;
		BACKGROUND-COLOR: #5CFD00;
		}
	/* --------- OLD --------- */
	/* --------- Original 8pt with bgcolor FFFFFF color 000000 --------- */
	.plgCalContentWkDayMO {
		FONT-FAMILY: Arial, Helvetica, Sans Serif;
		FONT-WEIGHT: normal;
		FONT-SIZE: 18pt;
		COLOR: #5CFC00;
		BACKGROUND-COLOR: #5CFC00;
		}
	/* --------- OLD --------- */
	/* --------- Original 8pt with bgcolor E1DAB4 color 000000 --------- */
	.plgCalContentWkEnd {
		FONT-FAMILY: Arial, Helvetica, Sans Serif;
		FONT-WEIGHT: normal;
		FONT-SIZE: 18pt;
		COLOR: #5CFB00;
		BACKGROUND-COLOR: #5CFB00;
		}
		/* --------- OLD --------- */
		/* --------- Original 8pt with bgcolor FFFFFF color 000000 --------- */
	.plgCalContentWkEndMO {
		FONT-FAMILY: Arial, Helvetica, Sans Serif;
		FONT-WEIGHT: normal;
		FONT-SIZE: 18pt;
		COLOR: #5CFA00;
		BACKGROUND-COLOR: #5CFA00;
		}

	/* --------- OLD --------- */
	/* --------- 3.0 COMPATIBILITY --------- */ /* --------- Weather, Calendar --------- */
	.colorlevel1 {COLOR: #5CFF10}
	/*.colorlevel1 {COLOR: #000000}*/
	.colorlevel2 {COLOR: #5CFF11}
	/*.colorlevel2 {COLOR: #A65456}*/
	.colorlevel3 {COLOR: #5CFF11}
	/*.colorlevel3 {COLOR: #E1D1D1}*/
	.colorlevel4 {COLOR: #5CFF13}
	/*.colorlevel4 {COLOR: #000000}*/
	.colorlevel5 {COLOR: #5CFF14}
	/*.colorlevel5 {COLOR: #DA8080}*/
	
	.colorBG3 {}
	/*.colorBG3 {BACKGROUND-COLOR: #000000}*/
	
	.colorAdminBG {BACKGROUND-COLOR: #5CFF18}
	/*.colorAdminBG {BACKGROUND-COLOR: #FDE5E6}*/
	
	.colorlevel2BG {BACKGROUND-COLOR: #5CFF20}
	/*.colorlevel2BG {BACKGROUND-COLOR: #A65456}*/
	.colorlevel3BG {BACKGROUND-COLOR: #5CFF21}
	/*.colorlevel3BG {BACKGROUND-COLOR: #ECE2E2}*/
	.colorlevel4BG {BACKGROUND-COLOR: #5CFF22}
	/*.colorlevel4BG {BACKGROUND-COLOR: #000000}*/
	.colorlevel5BG {BACKGROUND-COLOR: #5CFF23}
	/*.colorlevel5BG {BACKGROUND-COLOR: #DA8080}*/








/*****************************************************/
/* --------- COPYRIGHT -- CLUBESSENTIAL 2002, All rights reserved --------- */

/** --------- ADDITIONS BY JUN --------- */

.modCalMonthWeekDay {
	BACKGROUND-COLOR: #f7f1df;
	font-family: Arial;
	text-decoration: none;
	font-size: 11px;
	color: #000000;
}

.modCalMonthWeekDayHeader {
	BACKGROUND-COLOR: #f7f1df;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.modCalMonthToday {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background-color: #f7f1df;
	border: thin solid #000000;
}

.modCalDayRowDk {
	BACKGROUND-COLOR: #f7f1df;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.modReportingDataRowHeading1 {
	FONT-SIZE: 11px;
	COLOR: #000000;
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
}

.modReportingDataRowALTHeading1 {

	BACKGROUND-COLOR: #F3F3F3;
	FONT-SIZE: 11px;
	COLOR: #000000;
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
}

.modReportingDataRowHeading2 {
	FONT-SIZE: 11px;
	COLOR: #000000;
	font-family: Arial;
	font-weight: normal;
	text-decoration: none;
	text-indent: 10px;
	text-align: left;
	list-style-position: outside;
	list-style-image: url(images/bullet_arrowright_b6b6b6.gif);
}

.modReportingDataRowALTHeading2 {
	BACKGROUND-COLOR: #F3F3F3;
	FONT-SIZE: 11px;
	COLOR: #000000;
	font-family: Arial;
	font-weight: normal;
	text-decoration: none;
	text-indent: 10px;
	text-align: left;
	list-style-position: outside;
	list-style-image: url(images/bullet_arrowright_b6b6b6.gif);
}

.modReportingDataRow {
	BACKGROUND-COLOR: #FFFFFF;
	FONT-SIZE: 11px;
	COLOR: #000000;
	font-family: Arial;
	font-weight: normal;
}

.modReportingDataRowALT {
	BACKGROUND-COLOR: #F3F3F3;
	FONT-SIZE: 11px;
	COLOR: #000000;
	font-family: Arial;
	font-weight: normal;
	text-decoration: none;
}

.modReportingHeader {
	BACKGROUND-COLOR: #918563;
	COLOR: #FFFFFF;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;

}

.modReportingDataRowHeading3 {
	BACKGROUND-COLOR: #FFFFFF;
	FONT-SIZE: 11px;
	COLOR: #000000;
	font-family: Arial;
	font-weight: normal;
	text-decoration: none;
	text-indent: 20px;
	text-align: left;
	list-style-position: outside;
	list-style-image: url(images/bullet_arrowright_b6b6b6.gif);
}

.modReportingDataRowALTHeading3 {
	BACKGROUND-COLOR: #F3F3F3;
	FONT-SIZE: 11px;
	COLOR: #000000;
	font-family: Arial;
	font-weight: normal;
	text-decoration: none;
	text-indent: 20px;
	text-align: left;
	list-style-position: outside;
	list-style-image: url(images/bullet_arrowright_b6b6b6.gif);
}

.modReportingDataRowHeading4 {
	BACKGROUND-COLOR: #FFFFFF;
	FONT-SIZE: 11px;
	COLOR: #000000;
	font-family: Arial;
	font-weight: normal;
	text-decoration: none;
	text-indent: 30px;
	text-align: left;
	list-style-position: outside;
	list-style-image: url(images/bullet_arrowright_b6b6b6.gif);
}

.modReportingDataRowHeading5 {
	BACKGROUND-COLOR: #FFFFFF;
	FONT-SIZE: 11px;
	COLOR: #000000;
	font-family: Arial;
	font-weight: normal;
	text-decoration: none;
	text-indent: 40px;
	text-align: left;
	list-style-position: outside;
	list-style-image: url(images/bullet_arrowright_b6b6b6.gif);
}

.modReportingDataRowALTHeading4 {
	BACKGROUND-COLOR: #F3F3F3;
	FONT-SIZE: 11px;
	COLOR: #000000;
	font-family: Arial;
	font-weight: normal;
	text-decoration: none;
	text-indent: 30px;
	text-align: left;
	list-style-position: outside;
	list-style-image: url(images/bullet_arrowright_b6b6b6.gif);
}

.modReportingDataRowALTHeading5 {
	BACKGROUND-COLOR: #F3F3F3;
	FONT-SIZE: 11px;
	COLOR: #000000;
	font-family: Arial;
	font-weight: normal;
	text-decoration: none;
	text-indent: 40px;
	text-align: left;
	list-style-position: outside;
	list-style-image: url(images/bullet_arrowright_b6b6b6.gif);
}

.modArticlesRowHighlightALT {

	BACKGROUND-COLOR: #f7f1df;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
A.modArticlesTitle {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
A.modArticlesTitle:hover {

	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.modSurveyResultHeader {
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #918563;
}
.rowAlternate {
	background-color: #F0F0F0;
	font-weight: normal;
	color: #000000;
}
.rowHeader {
	BACKGROUND-COLOR: #A21605;
	font-weight: bold;
	border: 1px solid #000000;
	color: #FFFFFF;

}
/*
.CookieTrail {
	font-family: Arial;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #918563;
	padding: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #918563;
}
A.CookieTrail {

	font-family: Arial;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
A.CookieTrail:hover {

	font-family: Arial;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-decoration: underline;
}
*/  



/* The following selectors are from the statement css conversion, the following need order and categories defined. thx*/
.billingParentTbl
{
	height:100%;
	border: thin inset; 
	width:100%;
	padding:0px;
	border-spacing:0px;	
}
.stmtDiv
{
	OVERFLOW : visible;  
	min-width:600px;
	HEIGHT : 100%;
}
.stmtDateSpan,.stmtMemberIDSpan
{
	font-size:10pt;
	color:#000000;
}
.stmtMemInfoCell
{
	vertical-align:top;
	text-align:left;
	width:200px;
	font-size:10pt;
	font-weight:lighter;
	padding-right:50px;
}
.stmtMinimumCell
{
	vertical-align:top;
	text-align:left;
	width:250px;
	font-size:10pt;
	font-weight:lighter;
}
.stmtMinTbl
{
	border-spacing:0px;
	padding:0px;
	width:100%;
	font-size:10pt;
	white-space:nowrap;
}
.stmtMinTbl TD
{
	padding: 0px 20px 0px 0px;
}
.minFieldHead
{
	font-weight:bold;
}
.stmtDetailTbl
{
	width:100%;
	border:1px;
	border-spacing:0px;
}
.stmtDetails
{
		overflow : auto;  
		width: 100%; 
		height: 100%;
		border: 1px;
}
.stmtDetailsPrint
{
		overflow : visible;  
		width: 100%; 
		height: 100%;
		border: thin inset;
}
.stmtDtlHead
{
	font-size:10pt;	
	white-space:nowrap;
	border-right: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
}
.stmtDtlRow
{
	font-size:10pt;
	border-right: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	white-space:nowrap;
}
.stmtMoneyCell
{
	text-align:right;
}
.stmtAgingHead,.stmtTtlHead
{
	text-align:center;
	font-size:8pt;	
	white-space:nowrap;
}
.stmtAging
{
	text-align:center;
	font-size:8pt;	
	white-space:nowrap;
}
.stmtTtl
{
	text-align:right;
	font-size:12pt;	
	font-weight:bold;
	white-space:nowrap;
}
/*side bar classes*/
#histExpandedDiv
{
	width:150px;
}
#histClosedDiv
{
	text-align:center;
}

.sideBarHead 
{
	color: #000000;
	font-size:10pt;	
	font-weight:bold;
	text-decoration:underline
 }
 
 .sideBarDesc
{
	color: #000000;
	font-size:8pt;	
	font-weight:lighter;
	padding-left:5px;
	
 }
 #accntCenterArea A
 {
	padding-left:5px;
	font-weight:lighter;
 }
  #accntCenterArea IMG
 {
	border:0px;
 }
/* Search classes */
#searchDiv { vertical-align:top;}
#searchBtnArea { text-align:right;}

/* end Search classes */
/*end side bar classes*/

/* admin classes*/
#adminPaneLabel
{
	 white-space:nowrap;
}
#adminActions 
{
 text-align:right;
 white-space:nowrap;
}
#adminActions 
{
	padding-right:10px;
}
#viewAsMemberArea
{
	padding-left:20px;
	white-space:nowrap;
}

/* end admin*/
/* general stuff*/
.sectionHead,.sectionheader
{
	font-size:14pt;
	font-weight:bold;
	color:#003300;	
}

.disclosureCell
{
	font-style:italic;
	font-size:8pt;
	padding: 5px 15px 15px 15px;
}
.partPaymentRow
{
	padding-left:15px;
	text-align:left;
}
.partPaymentRow TABLE
{
	border:solid 1px;
}
.shaded
{
	font-size:14pt;
	padding:5px;
}

.errorbox
{
}

.ddlCountry,.ddlState{width:150px;}
.payAmtCell{text-align:center;}
.payTxtBx{width:80px;}
.transactionMsg{font-size:10pt; font-style: italic;}

/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */
#nav-bar {
	clear:both;
	width:100%;
	display:table;
}
#nav-bar ul.main-nav {
	float:left;
	width:100%;
	margin:0;
	padding:0;
}
#nav-bar ul.main-nav li {
	float:left;
	list-style:none;
	padding:0 2px 0 0;
}
#nav-bar ul.main-nav li a {
	display:block;
	width:130px;
	height:21px;
	padding:12px 0 0;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font:10px/13px Arial, Helvetica, sans-serif;
	background:url(../../../Images/nav-items.gif) no-repeat;
}
#nav-bar ul.main-nav li a.active,
#nav-bar ul.main-nav li a:hover {
	padding:10px 0 0;
	height:23px;
	font:11px/13px Arial, Helvetica, sans-serif;
	background-position:0 -33px;
}

#ftrLogos {
	color:#999999;
	font: 9px/1.6 Verdana, Arial, Helvetica, sans-serif;
	padding-top:8px;
	padding-bottom:8px;
	margin-top:4px;
	border-top:#999999 1px solid;}