/* COPYRIGHT -- CLUBESSENTIAL 2006, All rights reserved
-------------------------------------------------------------------*/

/* GENERAL */

html {min-height: 100%;
height: auto;
}

.DarkBackgroundWrapper, .DarkBackgroundWrapper table, body {

      background-color: #292929;
      color:#FFFFFF; 

}

#ctl00_radTreeFiles_wrapper .TreeNode {

	color:#fff;
	
	}

/* NetCaddy fix is at the Bottom */



h1 {
font-family: 'Times New Roman';
color: #FFFFFF;
font-size: 14pt;
font-weight: 100;
word-spacing: 1px;
letter-spacing: 2px;
}

h2 {
font-family: helvetica, arial, Tahoma, sans-serif;
color: #FFFFFF;
font-size: 9pt;
font-weight:700;
}

h3 {
font-family: helvetica, arial, Tahoma, sans-serif;
color: #015001;
font-size: 8pt;
font-weight:100;
}

h4 {
font-family: helvetica, Tahoma, helvetica, sans-serif;
color: #000000;
font-size: 8pt;
font-weight:100;
}

h5 {
font-family: Arial, helvetica, Tahoma, sans-serif;
color: #FFFFFF;
font-size: 8pt;
font-weight:normal;
letter-spacing:  0px;
line-height: 18px;
}

/* --------- PAGE BACKGROUND Fill --------- */
.page {
	
	FONT-SIZE: 8pt;
	FONT-FAMILY: Arial ;
	text-align: center;
	background: #242424;
      }

/* --------- NAV MENU BACKGROUND --------- */
.CEMenu {
	/* ---------BACKGROUND: url("../../../Images/navBG.gif"); 
	background-color: #FFFFFF;
	background-repeat:no-repeat; 
	background-position:center; 
	position:relative; 
	left:0px;
	text-align:center;--------- */
	}


/* --------- 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
{
 BACKGROUND-COLOR: ;
 FONT-SIZE: ;
 COLOR: ;
 
} --------- */


/* --------- 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: #DDE9F7;
	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: #DDE9F7;*/
}

/* --------- 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: #ccc;
	}
A.plgHeaderBarAction:hover {
	FONT-SIZE: 9px;
	FONT-WEIGHT: normal;
	COLOR: #0a60ad;
}
A.plgHeaderBarAction:visited {
	FONT-SIZE: 9px;
	FONT-WEIGHT: normal;
	COLOR: #ccc;
}



/* --------- Module Specific Classes --------- */
/* --------- CALENDAR MODULE --------- */
.modCalYearCurrentMonthHighlight{
	BACKGROUND-COLOR: #FFFFFF;
}

/* --------- Calendar Today's Day Box --------- */
.modCalYearCurrentDayHighlight{
	BACKGROUND-COLOR: #DDE9F7;
	font-weight: bold;
	color: #FFFFFF;

}


/* --------- INBOX MODULE - make same as bg color of folders --------- */
.modInboxMessageView{
	BACKGROUND-COLOR: #f6f6e5;
}



/* --------- USER REGISTRATION MODULE - make same as bg color of folders --------- */
.modSignupForm{
	BACKGROUND-COLOR: #f6f6e5;
}



/* --------- 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: #f6f6e5;
	COLOR: #000000;
	FONT-SIZE: 10pt;
}


/* --------- Module Specific Classes --------- */
/* --------- Edit ARTICLE PLUGIN/MODULE --------- */
.modArticlesRowHighlight{
	BACKGROUND-COLOR: #f6f6e5; /* --------- Edit ARTICLE PLUGIN/MODULE HIGHLIGHT - make same as bg color of folders --------- */
	font-family: Arial;
	font-size: 11pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;

}

.modArticlesDayHeader{
	BACKGROUND-COLOR: #6174b0; /* --------- Edit heading color for articles - background color --------- */
	font-family: Arial;
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF;
	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;
	}





	
TABLE{
	FONT-SIZE: 8pt;
	FONT-FAMILY: Arial;
	color:#fff;
	}

A {font-size: inherit; font-family: inherit; TEXT-DECORATION: none; COLOR: #DDE9F7;}
	A.small {COLOR:#DDE9F7;}
	A.anchor {COLOR:#DDE9F7;}
	A:visited {COLOR:#DDE9F7;} 
	A:hover {COLOR:#DDE9F7; TEXT-DECORATION: underline;}



/* --------- 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: transparent;
	FONT-FAMILY: Arial;
	COLOR: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding: 2px;

	}
.plgCalendarWeekday{
	FONT-SIZE: 11px;
	BACKGROUND:none;
	FONT-FAMILY: Arial;
	COLOR: #000000;
	font-weight: normal;
	text-decoration: none;
	padding: 2px;

	}
.plgCalendarWeekend{
	FONT-SIZE: 11px;
	BACKGROUND:none;
	FONT-FAMILY: Arial;
	COLOR: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	padding: 2px;

	}
.plgCalendarDayOn{
	BACKGROUND:none;
	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: transparent;
	FONT-FAMILY: Arial;
	COLOR: #fff;
	}
.plgHeaderBarAction{
	FONT-SIZE: 10px;
	BACKGROUND-COLOR: transparent;
	FONT-FAMILY: Arial;
	COLOR: #131356;
	}
/* --------- EDIT - BG of ICON --------- */
.plgHeaderBarBorder{BACKGROUND-COLOR: transparent;} /* --------- EDIT - top 1px line of 5 day calendar and white frame for date field on calendar (Fri-8th) --------- */
.plgBorder{} /* --------- EDIT - 1px border around plugin --------- */

.plgAltLine{
	BACKGROUND-COLOR: #000;
	}

/* --------- Plug-in 5DAY WEATHER --------- */
.plgWeatherHeader{
	FONT-SIZE: smaller;
	BACKGROUND-COLOR: transparent;
	FONT-WEIGHT: bold;
	FONT-FAMILY: Arial;
	COLOR: #000000;
	}
.plgWeatherAltBkg{BACKGROUND-COLOR: transparent;}
.plgWeatherHghTxt{
	FONT-SIZE: smaller;
	FONT-FAMILY: Arial;
	COLOR: #131356;
	}
.plgWeatherLowTxt{
	FONT-SIZE: smaller;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	COLOR: #131356;
	}
.plgWeatherCndTxt{
	FONT-SIZE: smaller;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	COLOR: #000000;
	}

/* Plug-in INBOX */
.plgInboxHeader{
	FONT-SIZE: 10pt;
	BACKGROUND-COLOR: #DDE9F7;
	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: #DDE9F7;
	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: #DDE9F7;
	}
.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: #DDE9F7;
	}
.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: #DDE9F7;
	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: #f6f6e5;
}
.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: #DDE9F7;
	COLOR: #FFFFFF;
}
.modChatRoomList{
	BACKGROUND-COLOR: #DDE9F7;
	COLOR: #000000;
}

/* --------- SITE STATISTICS --------- */
.modStatsVisitorBar{
	BACKGROUND-COLOR: #DDE9F7;
	COLOR: #FFFFFF;
}
.modStatsUserBar{
	BACKGROUND-COLOR: #DDE9F7;
	COLOR: #FFFFFF;
}

/* --------- EVENT MANAGER --------- */
.modEvtMgrHeader{
	BACKGROUND-COLOR: #DDE9F7;
	FONT-WEIGHT: bold;
	COLOR: #000;
}

/* --------- GOLF STATISTICS --------- */
.modGolfStatsHeader1{
	BACKGROUND-COLOR: #DDE9F7;
	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: #DDE9F7;
	COLOR: #FFFFFF;
}
.modCrsTourHoleChooser{
	BACKGROUND-COLOR: #DDE9F7;
	FONT-WEIGHT: bold;
	COLOR: #FFFFFF;
}
.modCrsTourSelectedHole{
	BACKGROUND-COLOR: #FFFFFF;
}
.modCrsTourTeeBoxHeader{
	BACKGROUND-COLOR: #DDE9F7;
	COLOR: #FFFFFF;
}
.modCrsTourTeeBoxData{
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #000000;
}
.modCrsTourScoreCardHeader{
	BACKGROUND-COLOR: #DDE9F7;
	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: #DDE9F7;
	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: #DDE9F7;
}
.modCalWeekDayHeader{
	BACKGROUND-COLOR: #DDE9F7;
	COLOR: #FFFFFF;
}
.modCalWeekDayHeader:hover{
	BACKGROUND-COLOR: #DDE9F7;
	COLOR: #FFFFFF;
}
.modCalWeekDayHeader:visited{
	BACKGROUND-COLOR: #DDE9F7;
	COLOR: #FFFFFF;
}
.modCalWeekRow{
	BACKGROUND-COLOR: #DDE9F7;
}
.modCalMonthWeekEndDay{
	BACKGROUND-COLOR: #CFCFCF;
}
.modCalMonthWeekDayDisabled{
	BACKGROUND-COLOR: #DDE9F7;
}

/* --------- ROSTER --------- */
.RosterRowOn{
	FONT-SIZE: 10pt;
	BACKGROUND-COLOR: #FFFFFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	color:#000;
	}
.RosterColDiv {BACKGROUND-COLOR: #DDE9F7;}

.RosterRowOff {
	FONT-SIZE: 10pt;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	}
	.rosterRowOn a, .RosterRowOn a:visited, .RosterRowOn a:hover {color:#111}
	
.RosterLetterOn {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	BACKGROUND-COLOR: #DDE9F7;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	color:#000;
	}
.RosterLetterOff {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	BACKGROUND-COLOR: #5a5a5a;
	COLOR: #DDE9F7;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	}
A.RosterLetterOff {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	COLOR: #DDE9F7;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	}
A.RosterLetterOff:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	BACKGROUND-COLOR: #DDE9F7;
	COLOR: #DDE9F7;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	}
A.RosterLetterOff:visited {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	BACKGROUND-COLOR: #DDE9F7;
	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: #DDE9F7; /* --------- 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: #DDE9F7;}
	
	/* --------- 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: #000;
		FONT-FAMILY: Arial, Helvetica, sans-serif;
		BACKGROUND-COLOR: #DDE9F7;
		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: #DDE9F7;
		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: #DDE9F7;
		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 {BACKGROUND-COLOR: #DDE9F7;}
	.colorBG2 {BACKGROUND-COLOR: #DDE9F7;}
	
	/* --------- Color for plug-in dividers and Calendar heads --------- */
	/* --------- Also used in new inbox set items --------- */
	.colorlevel1BG {BACKGROUND-COLOR: #DDE9F7;}



/*****************************************************/
/*****************************************************/
                      /*  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 {BACKGROUND-COLOR: #5CFF17;}
	/*.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: #FFFFFF;
	font-family: Arial;
	text-decoration: none;
	font-size: 11px;
	color: #000000;
}

.modCalMonthWeekDayHeader {
	BACKGROUND-COLOR: #DDE9F7;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.modCalMonthToday {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background-color: #DDE9F7;
	border: thin solid #000000;
}

.modCalDayRowDk {
	BACKGROUND-COLOR: #f6f6e5;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.modReportingDataRowHeading1 {
	BACKGROUND-COLOR: #FFFFFF;
	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 {
	BACKGROUND-COLOR: #FFFFFF;
	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: #DDE9F7;
	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: #F0F0F0;
	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: #DDE9F7;
}
.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: #DDE9F7;
	padding: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDE9F7;
}
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;
}

.tnavtabon a, .tnavtabon .smallerfont {
color: #000
}

	.tnavtabon a:hover{
		color: #000
}


/**********************************************/
/*			Custom Styles Start               */
/**********************************************/

/* ----- background divs for each page set. ----- */


div#main_wrapper {

	width: 875px;
	margin: 0 auto;

}

/*=TOP LINKS -----------------------------------------*/
table#calendarLinks {
	background: #191919;
	padding: 5px 5px 5px 5px;
	height:20px;
	}
	
	#masterPageUC__ctl0_HNav_Menu_1692 {
		height:20px;}

div#top_links {
	
	background: #191919;
	padding: 5px 5px 5px 5px;
	text-align: right;
	color: #DDE9F7;
	font-family:Arial, Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;

}
div#top_links a{
	text-align: right;
	color: #757575;
	font-family:Arial, Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 10px;
}
div#top_links a:hover {
	color: #fff;
	text-decoration: none;
}


/*/////////////////////////////////////////////////////////////*/
/*= HORZ MENU ----------------------------------------------------*/

div#horzMenu_wrapper {
	border: solid 1px #757575;
	border-left: none;
	border-right: none;
	padding: 10px 0;
	text-align: center;
	background: #292929;
}

/*///////////////////////////////////////////////////////////*/

/*= CONTENT PORTION ------------------------------------------------
div#content_wrapper {
	background: #292929;
}*/

td#content_leftCol {
	
	width: 220px;
	background: url(../../../Images/bgLeft_wood.jpg);
	
}

#aquatics td#content_leftCol{
	background: url(../../../Images/bgLeft_tile.jpg);
}

#court td#content_leftCol{
	background: url(../../../Images/bgLeft_wood2.jpg);
}

div#leftCol_wrapper {

	margin: 15px;
	background: #111 url(../../../Images/est1880.gif) bottom right no-repeat;
	/*background: url(../../../Images/dot.gif);*/
	padding: 10px;
}

div#vertMenu_wrapper {
	
	padding: 10px 5px 30px 5px;

}

td#content_rightCol {

	padding: 15px;
	background: #292929;
}

td#MessageBoard {
	padding: 15px;
	background-color: #292929;
	}
	
	td#MessageBoard a{
		color: #000;
		text-decoration:none;
	}
	
		td#MessageBoard a:hover{
		color: #000;
		text-decoration:underline;
		}

#homepage {
background: #242424 url("../../../Images/site_bg.jpg") top left repeat-y;
}

/*/////////////////////////////////////////////////////////////////*/

/*= FOOTER -----------------------------------------------------------*/

div#footer {
	background: #191919;
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: normal;
	color: #e7e7e7;
	padding: 10px 10px 0px 10px;
	text-align: left;
	text-transform: uppercase;
	/*clear: both;*/
	height: 35px;
}

div#footer span {
	float: left;
}	

div#footer a {

	color: #757575;
	
}

div#footer a:hover {

	color: #fff;
	text-decoration: none;
}

span.hideText {
	display: none;
}

div#footer a#platinumClub {
	display: block;
	background: url(../../../Images/platinumClub.gif) bottom left no-repeat;
	width: 180px;
	height: 15px;
	float: right;
}
div#footer a#platinumClub:hover {
	background-position: top left;
}

/*/////////////////////////////////////////////////////////////////*/


#bg_top {

	margin: 0 auto;
	padding: 10px 10px 3px 10px;
	width: 100%;
	text-align: right;
	background: #292929;
	min-height: 100%;
	height: 24px;
}

#VNav_bg {

	margin: 0 auto;
	padding: 14px 14px 22px 15px;
	width: 197px;
	text-align: left;
	background: #000000;
	min-height: 100%;
	height: 100%;

}

#VNav_table {

	margin: 0 auto;
	padding: 0;
	width: 100%;
	text-align: left;
	background: #000000;
	background-position: center top;
	min-height: 100%;
	height: 100%;
}

#logo a img {
border: 0;
}
/* ----- end background divs ----- */

/*-------------------------------------
CUSTOM DIVS
---------------------------------------*/

table#masterPageUC_MPCA252027__ctl5_listTable {
	color:#333333;}
	
table#masterPageUC_MPCA279419_tbl1 {
	color:#000;}
	
td.tnavTabON td {
	color:#000;}
	
#masterPageUC_MPCA279032__ctl1_tblOptInChecks {
	color:#000;}
	
#masterPageUC_MPCA279032__ctl1_tblOptInChecks table{
	color:#000;}
	
#masterPageUC_MPCA279032__ctl1_tblPluginHeader td.plgHeaderBar {
	color:#000;}
	
tr.modAltLine {
	background-color:#5A5A5A;}
	
#masterPageUC_MPCA279032__ctl2_tblOptInChecks {
		color:#000;}
		
td#logIn a {
	color:#000000;
	text-decoration:underline;}
	
	td#logIn a:hover {
		color:#000000;}
		
#loginBox {
	margin:0 auto;
	}
	






/*---------- DJC ADDED: 09/30/2009 : copied from GrandKeyClub.com css ----------------*/


#defaultNetBody .DarkBackgroundWrapper, #defaultNetBody .DarkBackgroundWrapper table {
	
	background-color:#000;
	color:#FFF;
	
}



/* begin selectors to style event manager */
#editEventDiv .page {
	background-color: #fff;
	background-image: none;
}

/*---------------------------------------------------------
/////////////////////////////////////////////////////////
-----------------------------------------------------------
CALENDAR DATE PICKER -----*/


/*datepicker container*/
#datepicker {

    padding: 6px;
	border: 2px double #6593CF;
	font: 11px Arial, Verdana, sans-serif;
	background: #F1F1F1;

}

	/*blank calendar day blocks at beginning and end of month*/
	#datepicker table.page, #datepicker td.page {

		background: #FFF;

	}
	
	/*Month*/
	#datepicker .plgHeaderBar {
	
		padding: 4px 2px;
		font: bold 12px Arial, Verdana, sans-serif;
		background: #CED8E6;
		color: #204D89;
	
	}
	
	/*Days of the week*/
	#datepicker .plgCalendarHeader {
	
		padding: 4px 2px;
		font-weight: bold;
		background: #CED8E6;
		color: #555;
	
	} 
	
	/*Dates, current day (#datepicker .plgCalendarDayOn)*/
	#datepicker .plgCalendarWeekday, #datepicker .plgCalendarWeekend,
	#datepicker .plgCalendarDayOn {
	
		background: #FFF;
		color: #204D89;
		cursor: pointer;
	
	}  
		/*links*/
		#datepicker .plgHeaderBar a.plgHeaderBarAction {
		
			padding: 4px 2px;
			font: bold 11px Arial, Verdana, sans-serif;
			background: #CED8E6;
			color: #112949;
			cursor: pointer;
		
		}
			/*next/previous arrows for months*/
			#datepicker a.plgHeaderBarAction font {
			
				cursor: pointer;
			
			} 
			
			/*hover states for links and next/previous arrows for months*/
			#datepicker .plgHeaderBar a.plgHeaderBarAction:hover,
			#datepicker a.plgHeaderBarAction font:hover {
		
				color: #3279D5;
				text-decoration: none;
			
			}