@import url(global_v1-2.css);
@import url(BelAirBC_css/modules.css);
@import url(BelAirBC_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: #000;
	font: 18px Arial, Helvetica, sans-serif;

}


h2 {
	
	color: #847D54;
	font: 16px Georgia, "Times New Roman", Times, serif;
	
}

h3 {
	
	color: #000;
	font: bold 14px Arial, Helvetica, sans-serif;

}

h4 {
	
	color: #4F781A;
	font: 14px/1.8 Arial, Helvetica, sans-serif;

}

h5 {
	
	color: #000;
	font: 14px/1.2 Arial, Helvetica, sans-serif;

}

h6 {
	
	color: #312214;
	font: 11px Arial, Helvetica, sans-serif;

}

p {
	
	color: #1A1816;
	font: 11px/1.6 Arial, Helvetica, sans-serif;

}

table, div {
	
	font: 11px Arial, Helvetica, sans-serif;

}

a,a.small,a.anchor,a.visited {
	
	color: #2D3B56;
	font: inherit;
	text-decoration: underline;

}

a:hover {
	
	color: #2D3B56;
	font: inherit;
	text-decoration: none;

}

.page {
	
	background: url(../../../Images/bodyBg.jpg) no-repeat center top #FAE394;
	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: #eee;
	border-style: outset;
	border-width: 2px;
	color: #333;
	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;
	display: none;
	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: Bel-Air Bay Club
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

#mediaWindow img {
	
	display: block;
	
}

	/*reset next prev image links in photo album back to inline*/
	#mediaWindow a img {
	
		display: inline;
	
	}

a img {

	border: none;

}

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

.siteWrapper {

	width: 100%;
	background: url(../../../Images/bodyWrapperBg.gif) repeat-x center top;
	
}

#pubHome {


	
}

#pubContent {


	
}

	#siteContainer {
	
		width: 960px;
		margin: 0 auto;
	
	}
	
		#contentContainer {
		
			width: 960px;
			margin: 30px auto 0;
			padding-top: 15px;
			background:url(../../../Images/contentFrame_top.gif) no-repeat center top;
		
		}

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

#branding {

	width: 100%;
	height: 100px;
	
}

	#branding #logo {
	
		width: 191px;
		height: 36px;
		margin-top: 30px;
		background: url(../../../Images/bannerLogo.gif) no-repeat left top;
	
	}
	
	#branding .floatRight {
		
		width: 300px;
		text-align: right;
		color: #506dA3;
	
	}
	
	#pubPages #branding .floatRight {

		margin-top: 0;
	
	}
	
	#privPages #branding .floatRight {

		margin-top: 22px;
	
	}
	
		#branding .floatRight a {
	
			text-decoration: none;
			font-weight: bold;
		
		}
		
		#branding .floatRight a:hover {
		
			color: #4F79C7;
		
		}
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {

	width: 100%;
	line-height: 30px;

}

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

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

	.contentWrapper {
		
		width: 930px;
		margin-left: 15px;
		
	}


		#pubPages #mediaWindow {
		
			width: 100%;
		
		}
		
		
/**************
public content
***************/

	#pubContent {
	
		background: url(../../../Images/pubContent_contentBg.gif) repeat-y right bottom;
		
	}

		#pubContent #mediaWindow {
		
			padding-bottom: 15px;
			background: url(../../../Images/mediaWndwBttmBrder2.gif) repeat-x center bottom #f0f1e3;
		
		}
		
		#pubContent #contentSleeve {
		
			width: 100%;
			background: url(../../../Images/pubContent_contentBgCrest.jpg) no-repeat right bottom;
			padding: 40px 0;
		
		}
		
			#pubContent #contentMain {
		
				width: 800px;
				margin-left: 40px;
		
			}
			
				#pubContent #contentMain h4 {
		
					background: url(../../../Images/pubContent_ornament.gif) no-repeat center bottom;
					padding-bottom: 30px;
					margin-bottom: 10px;
		
				}
				
					#pubContent #contentMain h4 img {
		
						border-left: 20px solid #F1F1E4;
		
					}
					
/**************
private pages
***************/					
		
	#privPages .contentWrapper {
	
		background: url(../../../Images/priv_contentBg.jpg) no-repeat center bottom;
		padding-bottom: 130px;
		
	}
	
		#privPages #upperContentArea {
		
			width: 100%;
			background: url(../../../Images/priv_upperContentBg2.gif) repeat-x left top;
		
		}
	
		#privPages #sidebar,
		#privPages #contentSecondary {
	
			width: 200px;
			padding: 30px 0;
			font: 12px Arial, Helvetica, sans-serif;
			color: #2D3B56;
		
		}
		
			#privPages #sidebar #vnav,
			#privPages #contentSecondary .inside {
	
				width: 160px;
		
			}
			
				#privPages #contentSecondary .inside {
		
					margin-left: 30px;
			
				}
	
		#privPages #mediaWindow,
		#privPages #contentMain {
	
			width: 730px;
		
		}
		
		#privPages #mediaWindow {
	
			height: 389px;
		
		}
		
			#privPages #mediaWindow .inside {
			
				width: 714px;
				margin: 8px 0 0 8px;
			
			}
			
		#privPages #contentMain {
	
			width: 730px;
		
		}
		
			#privPages #contentMain #middleContentWrapper {
	
				width: 670px;
				margin: 30px 0 0 30px;
		
			}
		
			#privPages #contentMain .inside {
		
				width: 670px;
				margin-left: 30px;
				border-top: 1px solid #9DB27F;
				margin-top: 30px;
				padding-top: 30px;
			
			}
			
			#noGreenBorder #contentMain .inside{
				border-top: none;
				margin-top: 0px;
				color: #000;
				font: 14px/1.2 Arial, Helvetica, sans-serif;
				}
				
				#noGreenBorder #contentMain .inside table,
				#noGreenBorder #contentMain .inside div{
				border-top: none;
				margin-top: 0px;
				color: #000;
				font: 14px/1.2 Arial, Helvetica, sans-serif;
				}
			
				#privPages #contentMain .inside .floatLeft,
				#privPages #contentMain .inside .floatRight {
		
					width: 310px;
			
				}

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

#footer {

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

}

	#footer a, #footer a:hover {

		color: #312214;

	}
	
/* -------------------------------------------------------------
= Advanced Login
------------------------------------------------------------- */
	
.advLogUsername {
	color:#83a1d8;
	font: bold 9px Arial, Helvetica, serif;
	background:#FFFFFF url(../../../Images/login_username.jpg) no-repeat top left;
	/*background:#c2cedb;*/
	border-color:#FFFFFF;
	padding-left:5px;
	padding-top:2px;
	height:19px;
	width:109px;
}
	
	#memberLogin_main .advLogUsername {
		width:128px;
	}


.advLogPassword {
	background:#FFFFFF url(../../../Images/login_password.jpg) no-repeat top left;
	/*background:#c2cedb;*/
	border-color:#FFFFFF;
	height:19px;
	width:109px;
	padding-left:5px;
	color: #83a1d8;
}
	#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 {
		
	}


#privPages #moduleWrapper {
	
		width: 100%;
		background:url(../../../Images/moduleContentBg.gif) repeat-y center top;
	
	}
	
	#privPages #moduleWrapper #contentMain .inside {
		
		margin-top: 0;
		padding-top: 0;
		border-top: none;
			
	}