/* Template Default CSS Stylesheet for New Web Application Project */
/*  Update History                                                 */
/*  Date       By   Description                                    */
/*  8/16/07  vau   Created: #custompagediv,  #lastupdate           */
/*                          Updated FreeStyleBackground            */
/* 8/17/07    vau  Created cmsheadline, cmstext                    */
/* 8/23/07    vau  Added navigation styles: nav                    */
/* 5/23/08    vau  Updated nav menus with new design               */
/***********************************************************************************/


BODY
{
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: .8em;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    position: relative;
    text-align: center;
   background-image: url("http://ayso1422.d4sportsclub.com/image.aspx?ID=35");
}

IMG
{
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}


A:link { text-decoration: underline; color: blue; }
A:visited { text-decoration: underline; color: blue;}
A:active { text-decoration: underline; color: blue;}
A:hover { text-decoration: none; color: blue;}

/* Adding for formatting of custom pages to be used with <DIV> -- 8/16/07 vau ****/
/* Top & Bottom: 10; Right, Left padding: 20 px ********/
#custompagediv {
	clear: both;
	padding: 10px  20px;
	}
    
/* Used to date pages when updated  --8/16/07 vau */    
#lastupdate {
    text-align: right;
    font-size: x-small;
    font-weight: bold;
    margin-bottom: 0;
 }    


 /* Used for page index  -- like the Laguna Niguel site  -- 8/17/2008 vau*/
 #cmsheadline {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;   
	font-weight: bold;
	color: #0000ff;
	font-size: 16px;
}

#cmstext {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;  
	font-size: 12px;
	font-weight: normal;
    color: black;
}


/* brian sample template */
.D4MainTable { width: 796px; text-align: center; background-color: white; }
.D4BodyTable { width: 796px;  }
.D4LeftSide { width: 30%;}
.D4LeftSideTable { width: 224px; }
.D4Center { width: 336px;}
.D4RightSide { width: 30%;}
.D4RightTable { width: 224px; }

.AnnouncementMainTable {}
.AnnouncementTitle { background-image: url("image.aspx?id=53"); width: 233px; height: 33px; }
.AnnouncementTeamPageTitle { background-image: url("image.aspx?id=53"); width: 233px; height: 33px; }
.AnnouncementContentBackground { padding-left: 10px;}
.AnnouncementDataGrid {}

.AboutUsMainTable {}
.AboutUsTitle { background-image: url("image.aspx?id=60"); width:188px; height: 23px; }
.AboutUsBackground {}

.CampsMainTable {}
.CampsTitle { background-image: url("image.aspx?id=62"); width: 188px; height: 23px; }
.CampsBackground {}

.CoachMain { background-color: white; height: 300px; }
.CoachMainTable { background-color: white; }
.CoachGroupTitleBackground { PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 8px;
PADDING-TOP: 8px; BACKGROUND-COLOR: #000080; color: white; font-weight: bold; font-family: tahoma; }
.CoachRoleBackground {background-color: #f0ec91; font-size: 14px; font-family: tahoma; }
.CoachWebGroupTable { width: 600px; } 
.CoachGridItemStyle { background-color: #c0c0c0; }
.CoachGridAltItemStyle { background-color: #eaeaea; }

.ContactUsFormTable { background-color: wheat; border: 1px solid black; }
.ContactUsFormTitle { background-color: navy; font-family: arial; font-size: 16px; color: yellow; padding: 5px;}
.ContactUsFormMessage { padding: 12px; font-family: arial; font-size: 12px; color: navy;}
.ContactUsFormQuestion { color: navy; font-family: tahoma; font-size: 12px; padding-left: 10px; }
.ContactUsFormAnswer { color: navy; font-family: tahoma; font-size: 12px; width: 200px; border:#7A9DBD 1px solid; }
.ContactUsFormPPInterest { color: navy; font-family: tahoma; font-size: 12px; padding-left: 10px; }
.ContactUsFormItems { color: navy; font-family: tahoma; font-size: 12px; } .ContactUsFormIssue { color: navy; font-family: tahoma; font-size: 12px; padding-left: 10px; }
.ContactUsFormIssueItems{ color: navy; font-family: tahoma; font-size: 12px; }
.ContactUsFormReferral { color: navy; font-family: tahoma; font-size: 12px; padding-left: 10px;}
.ContactUsFormReferralItems { color: navy; font-family: tahoma; font-size: 12px; }
.ContactUsFormComments { color: navy; font-family: tahoma; font-size: 12px; padding-left: 10px; }
.ContactUsFormCommentsAns {color: navy; font-family: tahoma; font-size: 12px; border:#7A9DBD 1px solid; width: 400px; height: 100px; }
.ContactUsFormThank { color: navy; }

.CustomPageMainTable { text-align: center; width: 796px; background-color: white; }
.CustomPageContent { vertical-align: top;}

/* Updated link colors for .EventsClubPageBody vau 9/2/08  ****/
.EventsClubPageMainTable{ background-color: white; }
.EventsClubPageBody { background-color: white; text-align: center; }
a.EventsClubPageBody:link { text-decoration: none; color:red; font-size: 12px; font-weight: bold; } a.EventsClubPageBody:visited { text-decoration: none; color: #1D75FF; font-size: 12px; font-weight: bold;} 
a.EventsClubPageBody:hover { text-decoration: underline; color: #1D75FF; font-size: 12px; font-weight: bold;}   
a.EventsClubPageBody:active { text-decoration: none; color: #1D75FF; font-size: 12px; font-weight: bold;} 

.EventsClubPageDataGrid { width: 750px; }
.EventsClubPageDataGridAlternatingItemStyle { background-color: #DDDDDD; FONT-SIZE: 10pt; }
.EventsClubPageDataGridItemStyle { background-color: white; FONT-SIZE: 10pt; }
.EventsClubPageDataGridHeaderStyle { background-color: #8C8CFF; FONT-SIZE: 10pt; }

.EventsMainTable {}
.EventsTitle {background-image: url("image.aspx?id=54"); width: 233px; height: 33px;}
.EventsTeamPageTitle {background-image: url("image.aspx?id=54"); width: 233px; height: 33px;}
.EventsContentBackground { padding-left: 10px;}
.EventsDataGrid { font-size: 10px; border: 0px; }
.EventsDataGridAlternatingItemStyle {}
.EventsDataGridItemStyle {}
.EventsDataGridHeaderStyle {}

.EventsClubBody {  text-align: center; }
.EventsClubDataGrid { }
.EventsClubDataGridAlternatingItemStyle { background-color: #DDDDDD; }
.EventsClubDataGridItemStyle { background-color: gray; }
.EventsClubDataGridHeaderStyle { background-color: blue; font-weight: bold; }
.EventsClubDescription { font-family: arial; width: 325px;}
.EventsClubTitle { width: 200px; }

.TeamLinksTable { border: 1px solid black; background-color: gainsboro;}
.TeamLinksHeader { color: yellow; background-color: navy; font-family: arial; font-size: 10pt;} A.TeamLinksLinks:link { text-decoration: none; color:#1D75FF; font-size: 12px; font-weight: bold; } A.TeamLinksLinks:visited { text-decoration: none; color: #1D75FF; font-size: 12px; font-weight: bold;} A.TeamLinksLinks:active { text-decoration: none; color: #1D75FF; font-size: 12px; font-weight: bold;} A.TeamLinksLinks:hover { text-decoration: underline; color: #1D75FF; font-size: 12px; font-weight: bold;}

.FieldInfoMainTable {}
.FieldInfoTitle { background-image: url("image.aspx?id=55"); width: 188px; height: 23px;}
.FieldInfoBackground { background-image: url("image.aspx?id=57"); width: 30px; height: 15px; background-repeat: no-repeat; }

.FormsMainTable {}
.FormsTitle { background-image: url("image.aspx?id=56"); width: 188px; height: 23px;}
.FormsBackground { background-image: url("image.aspx?id=57"); width: 30px; height: 15px; background-repeat: no-repeat; }

/* Used in Right Column section of Home page. Formatted section. 8/15/2007 vau */
.FreeStyleMainTable { width: 100%; }
.FreeStyleTitle {  }
.FreeStyleBackground {PADDING-RIGHT: 8px; PADDING-LEFT: 20px; PADDING-BOTTOM: 8px;
					 PADDING-TOP: 8px; font-size: 12px }

.MerchandiseMainTable {}
.MerchandiseTitle { background-image: url("image.aspx?id=61"); width: 188px; height: 23px; }
.MerchandiseBackground {}

.NavBottomMainTable { background-color: black; width: 100%;  color: white; text-align: center;  }
.NavBottomFooterContent {   color: white; text-align: center;   }

.NavBottomD4FooterContent { background-color: black;}

.NavTopContent {}

.PageMainTable {}
.PageContent {}

.PhotoGalleryMainTable { width: 796px; }

.ProgramAnnouncementTitle {}

.PlayerRosterMainTable {}
.PlayerRosterTitleBackground {}
.PlayerRosterTitleForeground { background-image: url("image.aspx?id=27"); width: 233px; height: 33px;}
.PlayerRosterContentBackground {}
.PlayerRosterDataGrid {font-size: 10px;}

.ProgramMainCampTitle {}

.ProgramMainTable { background-color: #18366c; width: 790px; }
.ProgramListTitleBackground {}



.ProgramListTitleForeground {}
.ProgramListContentBackground {}
.ProgramListDataGrid {}

.ProgramLeftSide { color: yellow; width: 500px;}
.ProgramRightSide { width: 250px;}
.ProgramMainTable { width: 796px; background-color: white;}
.ProgramPolicyTable { width: 750px; }

.PlayerProfileName { background-color:black; color: white; font-weight: bold; font-size: 10pt; font-family: Arial;}
.PlayerProfileTeam { background-color: gray; color: yellow; font-weight: bold; font-size: 10pt; font-family: Arial;}
.PlayerProfileMain { background-color: gainsboro; width: 796px;}
.PlayerCategoryMain { background-color: #16366F;}
.PlayerCategoryTitle { background-color: #16366F; color: white; font-weight: bold; font-size: 10pt; font-family: Arial;}
.PlayerCategoryBody { background-color: #EAEAEA;}
.PlayerCategoryQuestion { font-family: Arial; font-size: 10pt; font-weight: bold; }
.PlayerCategoryAnswer { font-family: Arial; font-size: 10pt; }
.PlayerPhotoMain { background-color: black;}
.PlayerPhotoName { color: white; font-weight: bold;}

.SponsorsMainTable {}
.SponsorsTitle { background-image: url("image.aspx?id=33"); width: 233px; height: 34px;}
.SponsorsContentBackground { text-align: center;}

.TeamListContentBackground { background-color: #FFFFFF; }
.TeamListDataGrid { background-color: white; }
.TeamListDataGridAlternatingItem { background-color: white; }
.TeamListDataGridItem { background-color: #DDDDDD;}
.TeamListDataGridHeaderItem { background-color: #9B96B0; font-weight: bold;}
.TeamsClubMainTable { background-color: white; padding-top: 5%; padding-bottom: 5%; }

.TeamListMainTable { width: 50px;}
.TeamListTitleBackground {}
.TeamListTitleForeground { background-image: url("image.aspx?id=20"); width: 233px; height: 33px;}
.TeamListContentBackground { text-align: center; }
.TeamListDataGrid { font-size: 12px; }

.TeamTitle { font-size: 14px; font-weight: bold;}
.TeamPageBodyTable { background-color: white; width: 796px;}
.TeamPageMainTable { background-color: white; width: 796px; }
.TeamLeftSide { width: 200px; }
.TeamCenter { width: 396px; }
.TeamRightSide { width: 200px; }

.WebContentMainTable {}
.WebContentBackground {}

.VolunteerListDataGridItem { color: white; }
.VolunteerListDataGridAlternatingItem  { color: white; }
.VolunteerListDataGrid  { color: white; }

.calendar_mini
{
	border: 1px solid black;
	font-size: 8pt;
	font-family: tahoma;
	background-color: white;
}

.calendar_mini_TodayDayStyle
{
	color: white;
	background-color: skyblue;
}

.calendar_mini_DayStyle
{
	background-color: white;
}

.calendar_mini_NextPrevStyle
{
	font-size: 9pt;
	font-family: tahoma;
	color: white;
}

.calendar_mini_DayHeaderStyle
{
	color: white;
	background-color: #0055BE;
}

.calendar_mini_TitleStyle
{
	font-size: 9pt;
	font-family: tahoma;
	font-weight: bold;
	color: red;
	background-color: white;
}

.calendar_mini_OtherMonthDayStyle
{
	color: silver;
	background-color: gainsboro;
}

.calendar_full
{
	border: 1px solid black;
	width: 700px;
	font-family: tahoma;
	font-size: 14pt;
}

.calendar_full_TodayDayStyle
{
	font-weight: bold;
	color: midnightblue;
	background-color: skyblue;
	font-size: 10pt;
	text-align: left;
	height: 100px;
	width: 100px;
	vertical-align: top;
}

.calendar_full_DayStyle
{
	font-size: 10pt;
	text-align: left;
	height: 100px;
	width: 100px;
	vertical-align: top;
	background-color: white;
	color: black;
}

.calendar_full_NextPrevStyle
{
	color: white;
}

.calendar_full_DayHeaderStyle
{
	font-size: 12pt;
	color: white;
	background-color: #0055BE
}

.calendar_full_TitleStyle
{

	font-weight: bold;
	color: red;
	background-color: white;
}

.calendar_full_OtherMonthDayStyle
{
	color: silver;
	background-color: gainsboro;
	font-size: 10pt;
	text-align: left;
	height: 100px;
	width: 100px;
	vertical-align: top;
}

<!-- *** QuickMenu copyright (c) 2007, OpenCube Inc. All Rights Reserved.

	-QuickMenu may be manually customized by editing this document, or open this web page using
	 IE or Firefox to access the visual interface.

-->


<!--%%%%%%%%%%%% QuickMenu Styles [Keep in head for full validation!] %%%%%%%%%%%-->

<style type="text/css">


/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		background-color:red;
		background-image:url(qmimages/gradient_28.gif);
		border-width:2px 0px 2px 0px;
		border-style:solid;
		border-color:#FFFFFF; 
		border-bottom-color:#262626; 
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:8px 20px 5px 20px;
		color:#222222;
		font-family:Arial;
		font-size:12px;
		text-decoration:none;
		font-variant:normal;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		text-decoration:underline;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a	
	{	
		text-decoration:underline;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		text-decoration:underline;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:8px;
		margin:1px 0px 0px 0px;
		background-color:transparent;
		border-width:1px;
		border-style:none;
		border-color:#000000;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:2px 40px 2px 5px;
		background-color:#990000;
		color:#FFFFFF;
		font-size:11px;
		font-variant:normal;
		border-width:1px;
		border-style:solid;
		border-color:#990000;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		text-decoration:underline;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		text-decoration:underline;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#FFFFFF;
		color:#333333;
		text-decoration:none;
		border-color:#525252;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		margin:2px 5px 4px 5px;
		color:#222222;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:5px 4px 5px 4px;
		border-color:#525252;
	}


	/*"""""""" Content Box""""""""*/	
	#qm0 .qmcbox	
	{	
		width:200px;
		padding:10px;
		font-family:Arial;
		font-size:12px;
	}


	/*"""""""" (main) Rounded Items""""""""*/	
	#qm0 .qmritem span	
	{	
		border-color:#666666;
		background-color:#EEEEEE;
	}


	/*"""""""" (main) Rounded Items Content""""""""*/	
	#qm0 .qmritemcontent	
	{	
		padding:0px 0px 0px 4px;
	}


	/*"""""""" (sub) Rounded Items""""""""*/	
	#qm0 div .qmritem span	
	{	
		border-color:#666666;
		background-color:#EEEEEE;
	}


	/*"""""""" (sub) Rounded Items Content""""""""*/	
	#qm0 div .qmritemcontent	
	{	
		padding:0px 0px 0px 4px;
	}


	/*"""""""" Custom Rule""""""""*/	
	div#qm0 div div	
	{	
		margin:0px 0px 0px -1px;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul ul	
	{	
		margin:0px 0px 0px -1px;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 a	
	{	
		padding:5px 20px 5px 20px;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul a	
	{	
		padding:2px 40px 2px 5px;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul	
	{	
		margin:0px;
		background-color:#990000;  
		border-width:1px;
		border-style:solid;
		border-color:#525252;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul li:hover > a.qmparent	
	{	
		background-color:#FFFFFF;
		color:#333333;
		text-decoration:none;
		border-color:#525252;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 .qmparent	
	{	
		background-image:url(qmimages/arrow_7.gif);
		background-repeat:no-repeat;
		background-position:95% 55%;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul .qmparent	
	{	
		background-image:url(qmimages/arrow_10.gif);
	}


<!-- Add-On Core Code (Remove when not using any add-on's) -->
<style type="text/css">.qmfv{visibility:visible !important;}.qmfh{visibility:hidden !important;}</style>
/* below is for the schedule/standing menu system */
.ss_Dropdown
{
    background-color: white;
}
#dropmenudiv
{
    border: #000 1px solid;
    z-index: 100;
    font: 10px/16px Verdana;
    position: absolute;
}
#dropmenudiv a
{
    color: #000;
    padding: 1px 0px 1px 0px;
    display: block;
    width: 100%;
    text-indent: 3px;
    border-bottom: black 1px solid;
    text-decoration: none;
    background-color: #ddd;
}
#dropmenudiv a:hover
{
    color: #f00;
    text-decoration: underline;
    background-color: #fff;
}
/* above is for the schedule/standing menu system */