@import url(global_v1-2.css);
@import url(ClubLinkMicrosite_css/modules.css);
@import url(ClubLinkMicrosite_css/plugins.css);
@import url(adminLogin.css);


/*
I. GLOBAL:  Global classes, header styles, link styles and .page (body tag) class
II. BUTTONS
III. MISC CLASSES 
IV. CUSTOM SITE SELECTORS

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

body {
	
	background:  #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
}


h1 {
	
	font-size: 35px;
	font-weight: normal;
	font-variant: small-caps;
	color: #2A2926;
}


h2 {
	
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
	color: #006F53;
	
}

h3 {
	
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
	color: #003876;
	
}

h4 {

	font-size: 13px;
	font-weight: bold;

}

h5 {
	
	color: #43413D;
	font-size: 12px;

}

h6 {
	
	font-size: 11px;
	font-weight: normal;
	color: #43413D;
	
}

p {
	
	font-size: 13px;
	line-height: 1.3;
	color: #43413D;

}



table, div {
	
	font-size: 11px;

}

a,a.small,a.anchor,a.visited {
	
	color: #1B7C61;
	font: inherit;
	text-decoration: none;

}

a:hover {
	
	color: #1B7C61;
	font: inherit;
	text-decoration: underline;

}

.page {
	
	background: url(../../../Images/BG_repeat-Y.jpg) repeat-y center top #E0DABE;
	text-align: center;
	
}

.CEMenu {
	
	margin: 0;
	padding: 0;

}

/* important edit global text boxes - deFault --------- */
.txtbox {
	
	background: #FFF;
	border-style: inset;
	border-width: 2px;
	color: #000;
	font: 11px Arial, Helvetica, sans-serif;
	margin: 2px 0;

}

/****** END GLOBAL ------------------
/////////////////////////////////////
II. BUTTONS
/////////////////////////////////////
= directory -> edit roster options -> cancel & next button --------- */
.but {
	
	background: #eee;
	border: 1px outset buttonhighlight;
	color: #333;
	cursor: pointer;
	font: 13px Arial, Helvetica, sans-serif;

}

/*= directory -> edit roster options -> close button --------- */
.membut {
	
	background: #eee;
	border: 1px solid buttonFace;
	color: #333;
	cursor: pointer;
	font: 11px Arial, Helvetica, sans-serif;

}

/*= ADMIN BUTTON AND BAR ------ */
.abut {
	
	background: #315e8c;
	border-style: outset;
	border-width: 2px;
	color: #ffffff;
	font: 11px Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
	margin-top: 2px;

}

.adminbar {
	
	background: #eee;
	color: #333;
	font: 400 12px Arial, Helvetica, sans-serif;

}

/*////////////////////////////////////
III. MISC CLASSES 
//////////////////////////////////////
 --------- general row hover classes --------- */
.rowNormal {
	
	background: #eee;
	color: #000;
	font: 400 11px Arial, Helvetica, sans-serif;

}

.rowHover {
	
	background: #FFF;
	color: #000;
	font: 400 11px Arial, Helvetica, sans-serif;

}

.rowAlternate {
	
	background: #eee;
	color: #000;
	font-weight: 400;

}

.rowHeader {
	
	background: #555;
	border: 1px solid #000;
	color: #FFF;
	font-weight: 700;

}


/*.cookieTrail {
	
	background: #FFF;
	border-bottom: 1px solid #FFF;
	color: #000;
	font: 400 11px Arial, Helvetica, sans-serif;
	padding: 2px;
	text-decoration: none;

}

a.cookieTrail,a.cookieTrail:hover {
	
	color: #333;
	font: 400 11px Arial, Helvetica, sans-serif;
	text-decoration: none;

}*/

/*////////////////////////////////////////////////////////
Layout and Custom Selectors For: siteName
////////////////////////////////////////////////////////*/

.pushText {

	display: none;

}

.pushText {

	text-indent: -999999px;	
	
}

	#mediaWindow .floatLeft img {
	
		display: block;
			
	}
	
td {
	
	vertical-align: top;
		
}
a img {

	border: none;	
	
}

/* -- restyled horizontal rule for easy client-replication of grey dotted horizontal border.  -- */	
hr {

	margin: 0;
	padding: 0;
	border: none;
	border-top: 1px dotted #979388;
	background: none;
	background: transparent;
	height: 1px;

}

/*////////////////////////////////////////////////////////////////
= MASTER PAGE SPECIFIC CLASSES 
////////////////////////////////////////////////////////////////*/

.siteWrapper {

	width: 972px;
	margin: 0 auto;
	
}

#pubHome {


	
}

#pubContent {


	
}

	#moduleWrapperTop {
	
		width: 960px;	
		background: url(../../../Images/moduleWrapperTop.png) no-repeat left top;
		padding-top: 8px;
		margin: 20px auto 0;	
	}
	
		#moduleWrapperBottom {
		
			width: 960px;	
			background: url(../../../Images/moduleWrapperBottom.png) no-repeat left bottom;
			padding-bottom: 8px;	
		}
		
			#moduleWrapperMiddle {
			
				width: 960px;
				padding: 12px 0;	
				background: url(../../../Images/moduleWrapperMiddle.png) repeat-y left center;
				text-align: left;	
			}


/* -------------------------------------------------------------
= HEADER CLASSES 
------------------------------------------------------------- */

#branding {

	width: 960px;
	height: 154px;
	margin: 0 auto;
	
}

/* -- styling for elements at very top of site (global ClubLink link, center-aligned club-specific logo, right-aligned logout button for member side  -- */	

	#branding #clubLinkLogo, #branding #clubLinkLogo a {
		width: 106px;
		height: 57px;	
	}
	
	#branding #clubLinkLogo {
		margin-top: 88px;	
	}
	
		#branding #clubLinkLogo a {
			display: block;
			background: url(../../../Images/GlobalCLLogo_doors.png) no-repeat left top;	
		}
		
		#branding #clubLinkLogo a:hover {
			background-position: right top;		
		}
/* -- French corporate logo  -- */	
		
	#branding #clubLinkLogoFR, #branding #clubLinkLogoFR a {
		width: 106px;
		height: 57px;	
	}
	
	#branding #clubLinkLogoFR {
		margin-top: 88px;	
	}
	
		#branding #clubLinkLogoFR a {
			display: block;
			background: url(../../../Images/GlobalCLLogo_doorsFR.png) no-repeat left top;	
		}
		
		#branding #clubLinkLogoFR a:hover {
			background-position: right top;		
		}
		
	#branding #siteLogoFR, #branding #siteLogoFR a{
	
		width: 114px;
		height: 138px;
		
		
	}
	
	#branding #siteLogoGhost {
	
		margin-left: 317px;
		margin-top: 6px;
		
	}
		
	#branding #memLogoutWrapper, #branding #memLogoutWrapper a {
	
		width: 82px;
		height: 24px;	
		
	}
	
	#branding #memLogoutWrapper {
	
		margin-top: 120px;
		
	}
	
	#eng #branding #memLogoutWrapper a {
	
		display: block;
		background: url(../../../Images/privHeader_logoutBtn.gif) no-repeat left top;	
		
	}
	
	#fr #branding #memLogoutWrapper a {
	
		display: block;
		background: url(../../../Images/privHeader_logoutBtn_fr.gif) no-repeat left top;	
		
	}
	
	#eng #branding #memLogoutWrapper a:hover,
	#fr #branding #memLogoutWrapper a:hover {
	
		background-position: right top;		
		
	}
	
/* -- styling for top bar (directions and map link, center-aligned address, language selection links  -- */	
#topBar {

	width: 960px;
	height: 36px;
	margin: 0 auto;
	background: url(../../../Images/topBarBg.png) no-repeat center top;	
	
}

	#topBar a#directsMapBtn {
	
		display: block;
		width: 150px;
		height: 36px;
		
	}
	
	#topBar a#teetimesBtn {
	
		display: block;
		width: 150px;
		height: 36px;
		
	}
	
	#eng #topBar a#directsMapBtn:hover, #fr #topBar a#directsMapBtn:hover,
	#eng #topBar a#teetimesBtn:hover, #fr #topBar a#teetimesBtn:hover {
	
		background-position: right top;	
		
	}
	
	#topBar a#directsMapBtn {
	
		width: 150px;
		height: 36px;
		
	}
	
	#topBar a#teetimesBtn {
	
		width: 150px;
		height: 36px;
		
	}
	
	#topBar #addressWrapper {
	
		width: 660px;
		line-height: 36px;
		text-align: center;	
		
	}
	
	#topBar #languageSelectWrapper {
	
		width: 146px;
		line-height: 36px;
		text-align: center;	
		
	}
	
	#topBar h6, #topBar a {
	
		color: #8A887D;

	}

/* -------------------------------------------------------------
= CONTENT  
------------------------------------------------------------- */

#contentArea {
	
	width: 972px;
	
}

#contentArea .articleSummary {
	display: none;
}

#contentARea .evtDetails_eventList {
	display: none;
}


	#contentWrapper {
	
		width: 972px;
	
	}
	
	
/***********************************************************************************
public home styles
***********************************************************************************/

/* -- styling for public home top content area (flash slideshow/welcome links), wrapper divs
creating drop shadows  -- */		
		#mediaWindowTop {
			
			width: 972px;
			background: url(../../../Images/pubHome_contentBoxTop.png) no-repeat center top;
			padding-top: 15px;
			
		}
		
		#mediaWindowBottom {
			
			width: 972px;
			background: url(../../../Images/pubHome_contentBoxBottom.png) no-repeat center bottom;



			padding-bottom: 18px;
			
		}
		

		#mediaWindow {
			
			width: 972px;
			background: url(../../../Images/pubHome_contentBoxRepeat.png) repeat-y center center;
			
		}
		 
			#mediaWindow .inside {
				
				width: 936px;
				margin: 0 auto;
				padding-top: 6px;
				text-align: left;
				
			}
			
				#flashWrapper {
					
					width: 572px;
					
				}
				
/* -- styling for public home rollover links next to flash slideshow  -- */				
				#welcomeWrapper {
					
					width: 290px;
					margin-left: 44px;
	
				}
				
				#welcomeWrapper p,
				#welcomeWrapper div,
				#welcomeWrapper table {
					font-size: 13px;
		  			line-height: 1.3;
	      			color: #43413D;
				}
				
					#welcomeLinks {
						
						width: 206px;
						margin-left: 38px;
						padding: 10px 0;
						
					}
				
						#memLoginLink,
						#memKitLink {
						
							display: block;
							width: 206px;
							height: 38px;
												
						
						}
						
						#memLoginLink {
						
							margin-bottom: 8px;
						
						}
						
						#fr #memLoginLink:hover,
						#eng #memLoginLink:hover,
						#fr #memKitLink:hover,
						#eng #memKitLink:hover {
						
							background-position: right top;
						
						}
/* -- public home contentMain div- remove background image used for content page and private home divs  -- */								
		#contentPage #pubHome #contentMain, #pubHomeContentMain  {
			width: 960px;
			margin: 0 auto;	
			background: none;
			padding: 11px 0 20px;
			
		}
		
			#contentPage #pubHome #mainContentSleeve {
		
				width: 950px;
				padding: 4px 0 10px;
				margin-left: 0;
				
			}
			
			#contentPage #pubHome #mainContentSleeve,
			#contentPage #pubHome #mainContentSleeve table,
			#contentPage #pubHome #mainContentSleeve div {

				line-height: normal;
				font-size: inherit;
				color: inherit;
				
			}
			
/* -- remove extra white space below public home bottom HTML content <img>s  in IE -- */
			 #contentPage #pubHome #mainContentSleeve td td img  {
		  
				  vertical-align: bottom;
				  /*display: block;*/
				  
			  }
						
/***********************************************************************************
private home/content page shared styles
***********************************************************************************/
						
	#sidebar {

		width: 228px;
		text-align:left;
	
	}
	
/* -- styling for global vertical nav container(s), wrapper divs
creating drop shadows  -- */
		#navTop {

			width: 228px;
			background: url(../../../Images/navBg_top2.png) no-repeat left top;
			padding-top: 7px;
	
		}
		
		#navBottom {

			width: 228px;
			background: url(../../../Images/navBg_bottom2.png) no-repeat left bottom;
			padding-bottom: 14px;
	
		}
		
		#navMiddle {
			
			width: 228px;
			background: url(../../../Images/navBg_middle2.png) repeat-y left center;
			
		}
		
		#nav, #sidebarLowerContent {
			
			width: 212px;
			margin-left: 7px;
			
		}

/* -- styling for sidebar wrapper div below nav (outside drop shadow bg)  -- */
		#sidebarLowerContent {
			
			width: 212px;
			margin: 10px 0px 10px 7px;
			
		}
		
		
/* -- global contentMain styling for content and private home pages (right column, fading gradient bg)  -- */
	#contentMain {
	
		width: 742px;
		background: url(../../../Images/contentBgGradient2.png) no-repeat left top;
		padding-top: 11px;
		padding-bottom: 20px;
		text-align: left;	
		
	}
	
	/* -- Makes Add Article link larger so editors see it  -- */
	
	#ContentMain .addArticleLink {
		font-size: 40px;
	}
	
/***********************************************************************************
private home styles
***********************************************************************************/
/* -- styling for default photo album (top of private home page)  -- */
		#photoAlbumWrapper {
		
			width: 718px;
			margin-left: 12px;
		}
		
			#photoAlbumWrapper #controlsAndCopy {
				
				width: 644px;
				padding: 10px 0;
				margin-left: 37px;
				
			}
			
				#controlsAndCopy .floatLeft {
				
					width: 526px;
					text-align: left;
				
				}
				
				#controlsAndCopy .floatRight {
				
					width: 40px;
					text-align: right;
				
				}
				
/* -- wrapping divs for private home middle callout links  -- */	
		#middleCalloutLinksSleeve {
			width: 640px;
			padding: 10px 0;
			margin-left: 45px;
		}
				
		#privHome #middleCalloutLinksWrapper {
		
			padding: 20px 0;
			border-top: 1px dotted #979388;
			border-bottom: 1px dotted #979388;
			
		}

#middleCalloutLinksWrapper br {
	clear: both;
}
		
/* -- styling for 3 large rollover buttons in middle of private home page (middle callout links)  -- */		
			#eng #postScoreLink,
			#fr #postScoreLink,
			#eng #linkLineLink,
			#fr #linkLineLink,
			#eng #viewAccountLink,
			#fr #viewAccountLink {
				
				display: block;
				width: 200px;
				height: 46px;
							
			} 
			
			
			#privHome #middleCalloutLinksWrapper #linkLineLink {
				
				margin: 0 20px;
				
			}
			
			#eng #postScoreLink:hover,
			#fr #postScoreLink:hover,
			#eng #linkLineLink:hover,
			#fr #linkLineLink:hover,
			#eng #viewAccountLink:hover,
			#fr #viewAccountLink:hover {
				
				background-position: right top;
							
			} 
			
/* -- wrapping div for lower content on private home (calendars & minipage content above "Our Partners" photo album) -- */		
	#privHome #lowerContentSleeve {
	
		width: 652px;
		margin-left: 39px;
		
	}
	
/* -- wrapper divs for priv home calendar plugin -- */			
			#calendarTop {
			
				width: 426px;
				background: url(../../../Images/calendarBg_top.png) no-repeat left top;
				padding-top: 13px;
				
			}
			
			#calendarBottom {
			
				width: 426px;
				background: url(../../../Images/calendarBg_bottom.png) no-repeat left bottom;
				padding-bottom: 11px;
				
			}
			
			#calendarMiddle {
			
				width: 426px;
				background: url(../../../Images/calendarBg_middle.png) repeat-y left center;
				padding: 7px 0 9px;
				
			}
			
				#calendarInnerWrap,
				#calendarInnerWRapFR {
				
					width: 392px;
					margin-left: 17px;
					
				}
					#calendarInnerWrap p a,
					#calendarInnerWrapFR p a {
				
						color: #43413D;
						text-decoration: underline;
					
					}
					
					#calendarInnerWrap p a:hover,
					#calendarInnerWRap p a:hover {
				
						color: #1B7C61;
					
					}
		
/* -- wrapper divs for priv home "select a club" calendar select dropdown  -- */

			#middleRightSleeve{
				
				width: 226px;
			}
				
			#calendarSelectTop {
				
				width: 226px;
				background: url(../../../Images/calendarSelectBg_top.png) no-repeat left top;
				padding-top: 13px;
				
			}
			
			#calendarSelectBottom {
				
				width: 226px;
				background: url(../../../Images/calendarSelectBg_bottom.png) no-repeat left bottom;
				padding-bottom: 11px;
				
			}
			
			#calendarSelectMiddle {
				
				width: 226px;
				background: url(../../../Images/calendarSelectBg_middle.png) repeat-y left center;
				padding: 7px 0 9px;
				
			}
			
				#calendarSelectInnerWrap {
					
					width: 192px;
					margin-left: 17px;
					
				}
				
					#calendarSelectDropDownWrapper {
		
						width: 192px;
						height: 20px;
						margin-top: 6px;
					
					}
					
						#calendarSelectDropDownWrapper select{
					
							border: 1px solid #abadb3;
							font: 11px Arial, Helvetica, sans-serif;
							color: #3F3F3F;
							width: 192px;
							background: #FFF;
					
						}
						
			#contentBelowCalDropDown {
				width: 194px;
				margin-left: 16px;
			}

/* -- wrapping div for "Our Partners" photo album (outside of #lowerContentSleeve because of wider width needed to accomodate photo album width/content spacing)  -- */			
				#ourPartnersWrapper {
				
					width: auto;
					margin: 0 auto;	
					text-align: center;
					
				}
				
					#ourPartnersWrapper table{
						
						margin: 0 auto;
						
					}
						#ourPartnersWrapper td{
							
							vertical-align: middle;
							padding:0 1px;
						
						}
/* -- contentMain wrapping div on content page - top and bottom padding for even spacing (no photo album on top like private home page)  -- */					
	#contentPage #contentMain {
	
		 padding: 40px 0 20px;
		
	}	
/* -- wrapping div housing all right column content on content page  -- */			
	#contentPage #mainContentSleeve {
	
		  width: 652px;
		  margin-left: 39px;
		  font-size: 13px;
		  line-height: 1.3;
	      color: #43413D;
		
	}
			
	#contentPage #mainContentSleeve table,
	#contentPage #mainContentSleeve div{
		font-size: 13px;
		  line-height: 1.3;
	      color: #43413D;
	}
	
	#contentPage #mainContentSleeveGallery {
	
		  width: 652px;
		  margin-left: 39px;
		  font-size: 13px;
		  line-height: 1.3;
	      color: #43413D;
		
	}
			
	#contentPage #mainContentSleeveGallery table,
	#contentPage #mainContentSleeveGallery div{
		font-size: 13px;
		  line-height: 1.3;
	      color: #43413D;
	}

	#moduleWrapperMiddle #contentArea {
			
		width: 920px;
		margin-left: 20px;	
	}	
	
	#moduleWrapperMiddle #contentArea .articleSummary {
	display: none;
}			

/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */

#footer {

	width: 960px;
	height: 36px;
	margin: 0 auto;
	
	background: url(../../../Images/BottomBarBg.png) no-repeat center top;	
	
}

#footerFR {

	width: 960px;
	height: 36px;
	margin: 0 auto;
	
	background: url(../../../Images/BottomBarBgFr.png) no-repeat center top;	
	
}

	#footer .inside, #footerFR .inside {
	
		width: 942px;
		margin: 0 auto;
		height: 36px;
		line-height: 36px;
		
	}
	
	#footer .floatLeft, #footerFR .floatLeft {
	
		width: 730px;
		text-align: left;
		
	}
	
	#footer .floatRight, #footerFR .floatRight {
	
		width: 260px;
		text-align: right;
		
	}

	#footer .inside a, #footerFR .inside a {
	
		color: #43413D;
		
	}
	
	#FooterLinks {
		width: 932px;
		padding-top: 10px;
		padding-bottom: 20px;
		margin-left: 14px;
		margin-right: 14px;
		text-align: left;
	}
	
	#FooterLinks a {
		color: #43413D;
	}
	
		#footer .inside .social { 
			float:right; 
			padding-right:65px; 
			text-align:right;			
		}
		
		#footer .inside .social .fb-like {
			width:48px;
			overflow:hidden;
		}
	
	table.socIcons {
		
		padding-top:5px;
		
	}
	
	td.socIcons img {
		
		width:23px;
		height:23px;
		
	}
	
	td.spacer {
		
		width:7px;
		
	}
	
/* -----LOGIN PAGE SPECIFIC --> SHOULD OVERRIDE INITIAL STYLES --- */

#LoginPageWrapper {
	padding-top: 32px;
}

#LoginPage .advLogUsername, #LoginPage .advLogPassword {
	background: url(../../../images/MicrositeLoginBG.jpg) center top no-repeat;
	height: 37px;
	padding-left: 10px;
	color: #959288;
	font: 13px/37px Georgia, Arial, sans-serif;
	padding-top:0px;
	border:0px;
	
}

#LoginPage a{
	color: #959288;
	font: 12px Georgia, Arial, sans-serif;
}


/* -------------------------------------------------------------
= Scorecard Properties
------------------------------------------------------------- */


.scorecard_cell {
    background-color: #FFFFFF;
    color: #809BB9;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 2px;
    text-align: center;
    vertical-align: bottom;
}

.scorecardWhiteText {
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9px;
    height: 15px;
    padding: 2px;
    text-align: center;
}

.scorecardBlackText {
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9px;
    height: 15px;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
}

.scorecardWhiteTextLG {
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 15px;
    padding: 3px;
    text-align: center;
}

.scorecardBlackTextLG {
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 15px;
    padding: 3px;
    text-align: center;
    vertical-align: middle;
}

.scorecardBD {
    border: 1px solid #000000;
}

/*.CookieTrail,
.CookieTrail_CLCorp,
div.CookieTrail,
div.CookieTrail_CLCorp {
    float: none;
	position: static;
}*/

.fList li {
margin-left: 0;
}

#ModuleCalendarDropDown {
display: none;
}