@import url(global_v1-2.css);
@import url(wintergreen_css/modules.css);
@import url(wintergreen_css/plugins.css);
@import url(wintergreen_css/wintergreen-golf.css);
@import url(wintergreen_css/Menu.wintergreen.css);
@import url(_fonts/PaidFonts/Proxima-Nova/stylesheet.css);
@import url(_fonts/PaidFonts/Walbaum/stylesheet.css);
@import url(adminLogin.css);
@import url(admin.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;
	color: #000;
}


h1 {
	
	color: #006140;
	font: 32px Copperplate, "Copperplate Gothic Light", "Times New Roman", Times, serif;
	padding-bottom:25px;
	font-variant:small-caps;
	text-align:left;

}

	.moduleArea .plgHeaderBar {
	
		color: #006140;
		font: 32px Copperplate, "Copperplate Gothic Light", "Times New Roman", Times, serif;
		padding-bottom:25px;
		font-variant:small-caps;
		text-align:left;
	
	}


h2 {
	
	color: #40444c;
	font:700 16px Proxima-Nova, Arial, sans-serif;
	
}

h3 {
	
	color: #bb2a3c;
	font: 16px Proxima-Nova, Arial, sans-serif;

}

h4 {
	
	color: #746643;
	font: 18px/1.7 Proxima-Nova, Arial, sans-serif;

}

h5 {
	
	color: #a16429;
	font: 12px Proxima-Nova, Arial, sans-serif;
	display: inline;

}

h6 {
	
	color: #545962;
	font: 10px/1.8 Proxima-Nova, Arial, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;

}

p {
	
	color: #313131;
	font:14px/1.8 Proxima-Nova, Arial, sans-serif;

}

table, div {
	
	color: #313131;
	font:14px/1.8 Proxima-Nova, Arial, sans-serif;

}

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

}

a:hover {
	
	color: #848D74;
	font: inherit;
	text-decoration: underline;

}

.page {
	
	background:#52342a;
	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 Verdana, "Lucida Sans Unicode", Arial, 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 Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

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

}

/*= ADMIN BUTTON AND BAR ------ */
.memLogin a,
.abut {
	
	display:inline-block;
	background: #cdcc96; /* Old browsers */
	background: -moz-linear-gradient(top,  #cdcc96 0%, #bdb98a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdcc96), color-stop(100%,#bdb98a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cdcc96 0%,#bdb98a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cdcc96 0%,#bdb98a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cdcc96 0%,#bdb98a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cdcc96 0%,#bdb98a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdcc96', endColorstr='#bdb98a',GradientType=0 ); /* IE6-9 */

	border:1px solid #bdb98a;
	border-radius:20px;
	color:#342f29;
	font:12px Proxima-Nova, Arial, sans-serif;
	cursor:pointer;
	padding:5px 25px;
	
}

	.abut:hover {
		
		background: #bdb98a; /* Old browsers */
		background: -moz-linear-gradient(top,  #bdb98a 0%, #cdcc96 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bdb98a), color-stop(100%,#cdcc96)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #bdb98a 0%,#cdcc96 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #bdb98a 0%,#cdcc96 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #bdb98a 0%,#cdcc96 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #bdb98a 0%,#cdcc96 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdb98a', endColorstr='#cdcc96',GradientType=0 ); /* IE6-9 */
		
		text-decoration:none;
		color:#000;
		font:12px Proxima-Nova,Arial,sans-serif;

	}
			

.adminbar {
	
	background: #eee;
	color: #333;
	font: 400 12px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}




/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::
SITE SPECIFIC CSS - For SMS Tee Times Button Styles
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*.siteWrapper .textButton,
.siteWrapper .defaultBtn,
.siteWrapper .courseBtn,
.siteWrapper #golfAvailabilityRoot a.textButton {
	
	background: linear-gradient(to bottom, #00a686 0%, #008269 100%) repeat scroll 0 0 transparent;
	background-color: #00a686;
	border-radius: 20px;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
	color: #FFF;
	/*text-shadow: 0 1px 0 #FFFFFF;
	
	border:1px solid #008269;
	
	font-size: 14px;
	margin: 5px 0;
	padding: 5px 0;
	width: 100%;
	
}

.siteWrapper .textButton:hover,
.siteWrapper .defaultBtn:hover,
.siteWrapper .courseBtn:hover,
.siteWrapper #golfAvailabilityRoot a.textButton:hover {
	
	background: #006652;	/*#fff;
	border-radius: 20px;
	color: #FFF;
	
	/*text-shadow: none;
	
	border:1px solid #008269;
	font-size: 14px;
	padding:5px 0;
	
}



.siteWrapper .textButton.green:hover,
.siteWrapper #golfAvailabilityRoot a.textButton.green:hover {
	
	background: #006652;	/*#669429;
	
}*/






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

}

.rowHover {
	
	background: #FFF;
	color: #000;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, 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;
	display: none;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	padding: 2px;
	text-decoration: none;

}

a.cookieTrail,a.cookieTrail:hover {
	
	color: #333;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	text-decoration: none;

}

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

.hideText {

	display: none;

}

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

.siteWrapper {

	width:1030px;
	text-align:center;
	margin:10px auto;
	background:#f4e6d9;
	-webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,.8);
	box-shadow: 0 0 20px 2px rgba(0,0,0,.8);
	
}

.clearFix:after {
	
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	
}

* html .clearFix {
	
	height: 1%;
	
}

.clearFix {
		
	min-height: 1px;
	
}


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

#branding {

	background:#f4e6d9;
	width:990px;
	margin:0 auto;
	
}

	#branding .logo {
		
		margin:10px auto;
		float:left;
		
	}
	
		.logo a {
			
			display:block;
			width:427px !important;
			height:61px !important;
			background:url(../../../Images/img_logo.png) top left;
			-webkit-transition: all 250ms ease-in-out;
			-moz-transition: all 250ms ease-in-out;
			-ms-transition: all 250ms ease-in-out;
			-o-transition: all 250ms ease-in-out;
			transition: all 250ms ease-in-out;
			
		}
		
			.logo a:hover {
				
				opacity:0.8;
				
			}
	
	#branding .memLogin {
		
		margin:35px 25px 0 0;
		float:right;
		
	}			
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {

	background: #0a6c53; /* Old browsers */
background: -moz-linear-gradient(top,  #0a6c53 0%, #09694d 50%, #005e42 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a6c53), color-stop(50%,#09694d), color-stop(100%,#005e42)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0a6c53 0%,#09694d 50%,#005e42 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0a6c53 0%,#09694d 50%,#005e42 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0a6c53 0%,#09694d 50%,#005e42 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0a6c53 0%,#09694d 50%,#005e42 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a6c53', endColorstr='#005e42',GradientType=0 ); /* IE6-9 */
	width:990px;
	height:33px;
	margin:0 auto;

}

/* -------------------------------------------------------------
= LOGIN  
------------------------------------------------------------- */

.loginPage-wrap {
	
	width:100%;
	margin:0 auto;
	text-align:center;
	padding:30px 0px 0px;
	
}

	.loginPage {
		
		background:#f4e6d9;
		margin: 0 auto;
		padding: 40px 0;
		width: 500px;
		-webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,.8);
		box-shadow: 0 0 20px 2px rgba(0,0,0,.8);
		
	}
	
	.loginPage .logo {
		
		float:none;
		
	}

.loginPage .advLogUsername,
.loginPage .advLogPassword {
	
	color:#545962;
	font:11px/27px Proxima-Nova, Arial, sans-serif;
	border:1px solid #c0b5a7;
	border-radius:20px;
	background:#fdfdfb;
	height:27px;
	padding-left:15px;
	-webkit-box-shadow:inset 0 0 4px 0 rgba(0,0,0,.2);
	box-shadow:inset 0 0 4px 0 rgba(0,0,0,.2);
	
}

.loginPage a,
.loginPage p,
.loginPage div,
.loginPage table {
	
	color:#545962;
	font:10px Proxima-Nova, Arial, sans-serif;
	
}	

.loginPage a {
	
	text-decoration:underline;
	
}

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

#contentWrapper {
	
	width:990px;
	margin:0 auto;
	text-align:center;
	
}

#contentArea {
	
	width:910px;
	margin:0 auto;
	text-align:center;
		
}

	#contentArea.member-modules-wrap {
		width:990px;
		
	}
	
		.member-modules-wrap #contentMain {
			width:780px;
		}

#pgHeader {
	
	width:990px;
	margin:0 auto;
	
}

	#pgHeader img {
		
		display:block;
		
	}
	
#sideBarHm {
	
	float:left;
	width:230px;
	margin:0 auto;
	
}

	#sideBarHm .inside {
		
		padding-top:45px;
		
	}
	
	.photo-album-wrap {
		background: none repeat scroll 0 0 #fff;
		border: 1px solid #e1d5c7;
		margin: 0 auto 30px;
		width: 210px;
		padding-top:10px;
	}
	
		#photoPluginWrapper813142 {			
			width:190px !important;
			margin:0 auto;
		}
	
	#sideBarHm ul.carousel {
		
		list-style:none;
		margin: 0;
		padding: 0;
		padding-top:10px;
		
    }
    #sideBarHm ul.carousel li {
		
		display: inline;
		margin: 0 auto;
		padding: 0 4px;
		width: 16px;
		height: 15px;
		line-height: normal;
		list-style:none;
		
    }
	
    #sideBarHm ul.carousel li a,
    #sideBarHm ul.carousel li a:hover {
		
		text-decoration: none;
		display: inline-block;
		
    }
	
    #sideBarHm .photoDot {
		
		background: url(../../../Images/dots_white.gif) no-repeat left top;
		cursor: pointer;
		display: inline-block;
		height: 15px;
		text-decoration: none;
		width: 16px;
		
    }
	
    #sideBarHm .photoDot.selected {
		
		background-position: right top;
		
    }
		
	
#sideBar {
	
	float:left;
	width:200px;
	margin:0 auto 80px;
	
}

	#sideBar .inside {
		
		padding-top:45px;
		
	}

	#sideBar .vNav {
		
		padding:45px 0px 20px;
		
	}
	
	#sideBar .local {
		
		padding:10px 0;
		
	}
	
	#sideBar .global {
		
		padding:10px 0;
		
	}
	
	#sideBar .quicklinks {
		
		padding:45px 0px;
		text-align:left;
		
	}
	
		#sideBar .quicklinks .mpContent a {
			
			background:url(../../../Images/img_qlArrow.png) left no-repeat;
			padding-left:12px;
			color:#545962;
			
		}
	
#contentMain {
	
	float:right;
	width:680px;
	margin:0 auto;
	text-align:left;
	
}

	#contentMain .inside {
		
		padding:40px 0 50px 80px;
		
	}
	
	#contentMain .pa {
		
		padding:40px 0px;
		
	}
	
	#contentMain .news {
		
		float:left;
		width:410px;
		margin:0 auto 80;
		
	}
	
		#contentMain .articleCell img {
			
			width:140px;
			padding:4px;
			border:1px solid #ccc;
			
		}
	
		#contentMain .hiddenImage img {
			
			width:0px !important;
			margin:10px;
			border-color:#fff;
			
		}
	
	#contentMain .cal {
		
		float:right;
		width:205px;
		margin:0 auto 80;
		
	}
	
#contentMain .RadPanelBar_GraniteClub1010 .rpGroup .rpTemplate {
	
	padding:0px;
	
}

#contentMain .RadPanelBar_GraniteClub1010 .rpGroup {
	
	background-color:none;
	
}
	
/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */

#footer {

	width:910px;
	margin:0 auto 80px;
	border-top:1px solid #d8d4ca;

}

	#footer h1 {
		padding-bottom:0px;
	}

	#footer .inside {
		
		padding:30px 0 0;
		
	}
	
	#footer .lefty {
		
		float:left;
		width:150px;
		margin:0 auto;
		text-align:left;
		
	}
	
		#footer .lefty a {
			
			color:#545962;
			border-bottom:1px dotted #b8b09e;
			
		}
		
		#footer .lefty a:hover {
			
			text-decoration:none;
			color:#003;
			border-bottom:1px dotted #b8b09e;
			
		}
	
	#footer .righty {
		
		float:right;
		margin:0 auto;
		width:760px;
		text-align:left;
		
	}

		#footer .righty a {
		
			color: #545962;
			font: 11px/36px Proxima-Nova, Arial, sans-serif;
			text-transform:none;
		
		}
		
	#footer h6 {
		
		line-height:28px;
		display:inline;
		
	}
	
#htngGolfRoot #allOptions .htngGolfOption {
	
	background:none;
	
}
.alphaLookup {
    height: 20px;
    margin-bottom: 10px;
    background: #e5e5e5;
    padding-bottom: 7px;
}
.alphaLookup a {
    display: inline-block;
    padding: 5px 15px 5px;
    font-size: 10px;
    border: 1px solid #444;
    margin: 0 3px 5px;
    background: #f2f2f2;
    /* border-radius: 8px; */
    font-weight: bold;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-top: 0px;
    text-transform: uppercase;
    color: #000;
}

.alphaLookup img {
    margin: 0px 15px;
    display: inline-block;
    padding: 0 5px;
}