@import url(global_v1-2.css);
@import url(SerendipityRedesign_css/modules.css);
@import url(SerendipityRedesign_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;
	color: #000;
}


h1 {
	
	color: #1053A0;
	font: 24px "Century Gothic", Arial, sans-serif;
	text-transform: lowercase;

}


h2 {
	
	color: #6894C8;
	font: 16px "Century Gothic", Arial, sans-serif;
	text-transform: uppercase;
	
}

h3 {
	
	color: #1053A0;
	font: 11px "Century Gothic", Arial, sans-serif;

}

h4 {
	
	color: #AF7A1F;
	font: italic 16px/1.3 "Century Gothic", Arial, sans-serif;

}

h5 {
	
	color: #2b3B24;
	font: 11px "Century Gothic", Arial, sans-serif;
	display: inline;

}

h6 {
	
	color: #898989;
	font: 10px "Century Gothic", Arial, sans-serif;

}

p {
	
	color: #4F4F46;
	font: 12px/1.6 "Century Gothic", Arial, sans-serif;

}

table, div {
	
	font: 11px "Lucida Sans Unicode", Verdana, Arial, sans-serif;

}

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

}

a:hover {
	
	color: #6894C8;
	font: inherit;
	text-decoration: underline;

}

.page {
	
	background: url(../../../Images/bodyBg.gif) repeat-x center top #FFF;
	text-align: center;
	
}

.CEMenu {
	
	margin: 0;
	padding: 0;
	text-align:left;

}

/* 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-style:outset;
	border: 1px;
	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 ------ */
.abut {
	
	background: #eee;
	border-style: outset;
	border-width: 2px;
	color: #333;
	font: 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	margin-bottom: 2px;
	margin-top: 2px;

}

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

}

/*////////////////////////////////////
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: Serendipity Racquet & Tennis Club
/////////////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

a img {

	border: none;

}

.centered {

	margin: 0 auto;
	text-align: center;

}

hr {

	height: 0;
	margin: 0 0 7px;
	padding-top: 7px !important;
	border: none;
	border-bottom: 1px dashed #CCC;

}

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

.siteWrapper {

	width: 952px;
	margin: 0 auto;
	text-align: center;
	
}

#pubHome {

	
}

#contentPage {

	
}

#privHome {


}

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

#branding {

	width: 100%;
	height:184px;
	background: url(../../../Images/headerBg.gif) no-repeat center top;
	
}

	#branding #upperTable {

		height: 40px;
		width: 100%;
		margin: 0;
		padding: 0;
		text-align: left;

	}
	
	#branding #loginCell {

		width: 626px;
		vertical-align: top;
		padding-left: 54px;
		font-family: Arial, Helvetica, sans-serif;
	
	}
	
	
		/*#branding #loginCell ul {

			margin: 0;
			padding: 0;
			list-style: none;
			
	
		}
		
			#branding #loginCell li {
			
				margin: 6px 6px 0 6px;
				padding: 0;
	
			}
			
				#branding #loginCell #memLoginTitle {
		
				color: #97978F;
				padding-top: 5px;
				font-size: 10px;
				float: left;
	
				}
		
				#branding #loginCell #memLoginTitle span {
				
					color: #97978F;
					font-size: 10px;
					
			
				}
			
				#branding #loginCell span {

					display: inline;
					text-transform: uppercase;
					font-size: 9px;
					color: #1053A0;
	
				}
			
				#branding #loginCell .inputItem {
					
					width: 202px;
					float: left;
		
				}
				
				#branding #loginCell .advLogUsername,
				#branding #loginCell .advLogPassword {
	
					width: 142px;
					height: 18px;
					margin-left: 4px;
					border: 1px solid #E4E4A0;
		
				}
			
				#branding #loginCell li #forgotPassLink {
	
					display: block;
					text-align: right;
					font-size: 9px;
					margin-right: 2px;
					text-transform: none;
		
				}
				
				#branding #loginCell li.clearBoth {
	
					margin: 0;
					width: 0;
					height: 0;
					display: none;
		
				}*/
	
	#branding #rightLinkCell {
	
		vertical-align: top;
		padding-top: 12px;
		width: 286px;
		padding-right: 54px;
		text-align: right;
		font: 10px "Century Gothic", Arial, sans-serif;
	
	}
	
	/* edit login fields globally */

#branding .advLogUsername {
	color:#496185;
	font: bold 9px Arial, Helvetica, serif;
	text-transform:none;
	background:#fff url(../../../Images/login_username.jpg) no-repeat top left;
	border:1px solid #e4e49e;
	padding-left:5px;
	padding-top:2px;
	height:16px;
	width:130px;
}
	
	#memberLogin_main .advLogUsername {
		width:128px;
	}


.advLogPassword {
	background:#fff url(../../../Images/login_password.jpg) no-repeat top left;
	border:1px solid #e4e49e;
	height:16px;
	width:130px;
	padding-left:5px;
}
	#memberLogin_main .advLogPassword {
		width:128px;
	}

/* overwrite Global Login Divs ---not on this site----start implementing */
#login_error {
	display:none;
}

#memberLogin_main #login_error {
	height:20px;
}

.login_fields {
}

.login_input {
}

#username {
	
}

#un_box {
	display:inline;
	width:140px;
}

#password {
}

#pw_box {
	display:inline;
	width:140px;
}

#login_forgotPassword {
	display:inline;
	width:150px;
}

#login_link {
	display:inline;
	width:50px;
}

#login_cookieMessage {
	color:#163360;
	display:inline;
	margin-right:12px;
	width:106px;
}
	/* styles text of remember me */
	.advLogRemoveChk {
		
	}
	
	#privHome #branding #rightLinkCell {
	
		width: 100%;
	
	}
	
		#branding #rightLinkCell a {
		
			color: #97978F;
			margin-right: 20px;
		
		}
		
		#branding #rightLinkCell a:hover {
		
			color: #71716A;
			text-decoration: none;
		
		}
		
	#branding #homeLink {
	
		display: block;
		width: 76px;
		height: 80px;
		margin-top: 10px;
		background: url(../../../Images/headerLogo.jpg) no-repeat left;
	
	}
	
	#branding #homeLink:hover {
	
		background: url(../../../Images/headerLogo.jpg) no-repeat right;
	
	}
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {

	width: 880px;
	margin-top: 10px;
	height: 14px;

}

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

#contentArea {
	
	width: 100%;
	text-align: left;
	background: url(../../../Images/contentBg.gif) repeat-y center top;
	
}

	#contentWrapper {
	
		width: 860px;
		margin-left: 46px;
	
	}
	
/*************
global stuff
*************/
	
		#contentMain {
		
			width: 348px;
			padding-top: 32px;
			text-align: left;
		
		}
		
			#contentMain #quickLinks {
		
				width: 100%;
				margin-top: 20px;	
		
			}
			
				#contentMain #quickLinks h3 {
		
					margin: 6px 0;	
		
				}
		
		
		#contentSecondary {
		
			width: 468px;
			text-align: left;
		
		}
		
		#lowerContentLinks {
		
			padding: 60px 0 6px;
			width: 100%;
			text-align: center;
		
		}
		
		#lowerContentLinks a,
		#lowerContentLinks span {
		
			color: #4F4F46;
			font-size: 10px;
		
		}
		
		#lowerContentLinks a:hover {
		
			color: #71716A;
			text-decoration: none;
		
		}
		
#mediaWindow img {

	display: block;
	margin-top:15px;

}

/*****************
private home page
*****************/

		#privHome #contentSecondary #calloutWrapper {
		
			width: 100%;
			padding: 10px 0;
		
		}
		
			#privHome #contentSecondary #calloutWrapper table h3 {
			
				font-size: 14px;
				margin-bottom: 4px;
			
			}
			
			#privHome #contentSecondary #calloutWrapper table h6 {
			
				font-family: Arial, Helvetica, sans-serif;
				color: #464646;
			
			}
		

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

#footer {

	width: 100%;
	background: url(../../../Images/footerBg.gif) no-repeat center top;
	padding-top: 10px;

}