﻿body { height:auto; background-image:url(images/background.jpg);  background-repeat:repeat-x; text-align:center; }
body { height:auto; background:#ffffff; }

/*=================================================================*/
/* Site/Master rules
/*=================================================================*/
.siteContainer	{ width:800px; height:100%; margin-left:auto; margin-right:auto; }
.siteContainer	{ margin-top:0px; padding-left:0px; padding-right:0px; }

.siteAdTop		{ display:block; width:100%; min-height:90px; background-color:Transparent; text-align:center; }
.siteAdTop		{ margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px; }
.siteAdTop		{ padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; }
/* Required for IE to completely hide the OASAd control */
.siteAdTop		{ margin-top:-3px; }
.siteAdBottom	{ float:left; display:block; width:400px; height:100%; background-color:transparent; }

/* Header and Menu */
.siteHeader		{ margin-left:0px; display:block; width:800px; height:91px; text-align:center; color:#000000; }
.siteHeader		{ background-image:url(images/masthead.jpg); background-position:left top; background-repeat:no-repeat; }
.siteHeader_fr		{ margin-left:0px; display:block; width:800px; height:91px; text-align:center; color:#000000; }
.siteHeader_fr		{ background-image:url(images/masthead_fr.jpg); background-position:left top; background-repeat:no-repeat; }
.siteHeaderTopSection { height:0px; width:100% }
.siteHeaderMiddleSection { height:18px; width:100%; position:relative; top:72px; padding-left:118px; }
.siteHeaderBottomSection { display:none; }
.siteHeaderMenu	{ background-color:Transparent; color:#ffffff; text-align:left; }
.siteHeaderMenu	{ font-size:12px; line-height:normal; }

.ulMenu	{ padding:0 0 0 0px; margin:0; list-style:none; height:18px; background:transparent; position:relative; }
.ulMenu	{ border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.ulMenu	{ border-style:none; }
.ulMenu li { float:left;}
.ulMenu li a { display:block; float:left; height:18px; line-height:18px; color:#000000; text-decoration:none; padding:0 0 0 8px; cursor:pointer;}
.ulMenu li a { font-size:10px; font-family:verdana, arial, sans-serif; font-weight:bold; text-align:center; }
.ulMenu li a b {float:left; display:block; padding:0 16px 0 8px;}
.ulMenu li a:hover {color:inherit; background:url(none); }
.ulMenu li a:hover b {background:url(none); }



/*   Content   */
..siteContent	{ width:800px; padding-top:0px; text-align:left; background-color:#ffffff; overflow:hidden; border: solid 1px black;}

.siteContentLeft	{ float:left; position:relative; display:block; width:122px; height:100%; margin-left:0px; text-align:left; }
.siteContentRight	{ float:left; display:block; width:672px; height:100%; padding-left:6px; padding-right:0px; }

.siteContentLeftNoNav	{ display:none; width:0px; }
.siteContentRightNoNav	{ width:724px; margin-left:6px; }

.siteFooter	{ width: 800px; margin-left:auto; margin-right:auto; }
/*=================================================================*/
/* Page Layout
/*=================================================================*/
/* --- Total width(loggedInColumnLeft.width(385) + loggedInColumnLeft.margin-right(2) + loggedInColumnRight.width(211)) = 598px --- */
.loggedInColumnLeft	{ display:block; float:left; width:383px; max-width:383px; margin:0px; padding:0px; }
.loggedInColumnLeft	{ margin-left:3px; }
.loggedInColumnRight { display:block; float:right; width:208px; max-width:208; margin:0px; padding-top:10px;padding-bottom:10px; }
.loggedInColumnRight { margin-left:2px; margin-right:3px; }

/*=================================================================*/
/* Login Control
/*=================================================================*/
.loginControl
{
	background-color: #ffffff;
	border: solid 1px #aaaaaa;
}
.loginControlFrameHeader
{
	color: #336797;
	background-color: #366dc7;
	background-image:url(images/tabtopbg383.jpg); background-repeat:repeat-x;
	
}

.loginControlFrameHeaderText
{
	color:  #295e94;
}

/*=================================================================*/
/* Weather Control
/*=================================================================*/
.weatherControlRegion {font-family: Arial, Verdana, Sans-Serif; font-size: 11px; font-weight: normal; color: #ffffff; background-color: #2c1818;}

/*=================================================================*/
/* Miscellaneous Styles.
/*=================================================================*/
.purchaseBtn { text-align:center; }

.divClubNewMembers { border: #336797 1px solid; }
.divMyScoreCenter { border: #336797 1px solid; }
.divMyWeather { border:#336797 1px solid; }

.myListMgr {  background-color:#3f7e00; height:30px; padding-top:3px; padding-left:3px; padding-right:3px; border:outset 1px; }

.messageCenterButtonFlat { background-image:url(images/button105.gif); background-position:center top; background-repeat:no-repeat; width:105px; height:25px; }
.messageCenterButtonFlatMed { background-image:url(images/button105.gif); background-position:center top; background-repeat:no-repeat; width:105px; height:25px; }

.myListMgr { background-color:#6e6754; }
.myListManagerButtonFlat { background-image:url(images/button105.gif); background-position:center top; background-repeat:no-repeat; width:105px; height:25px; }
.myListManagerButtonFlatLong  { background-image:url(images/button144.gif); background-position:center top; background-repeat:no-repeat; width:144px; height:25px; }

/*=================================================================*/
/* Grid View
/*=================================================================*/

/*=================================================================*/
/* Skin linked styles
/*=================================================================*/
.buttonDefault { background-image:url(images/button144.gif); background-position:center top; background-repeat:no-repeat; width:144px; height:25px; color: #336797; font-size:12px; }
.buttonLong { background-image:url(images/button194.gif); background-position:center top; background-repeat:no-repeat; width:194px; height:25px; color: #336797; font-size:12px; }
.buttonShort { background-image:url(images/button105.gif); background-position:center top; background-repeat:no-repeat; width:105px; height:25px; color: #336797; font-size:12px; }
.btnCommand { background-image:url(images/buttonEmphasize144.gif); background-position:center top; background-repeat:no-repeat; width:144px; height:25px; font-size:12px; color: #336797;}
.btnScoreGreen { background-image:url(images/button144.gif); background-position:center top; background-repeat:no-repeat; width:144px; height:25px; color: #336797; font-size:12px; }
.btnScoreRed { background-image:url(images/buttonEmphasize144.gif); background-position:center top; background-repeat:no-repeat; width:144px; height:25px; color: #336797; font-size:12px; }

.button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #336797; }

/*=================================================================*/
/*  Event Styles
/*=================================================================*/
.ecpMenuButton { background-image:url(images/buttonEmphasize194.gif); background-repeat:no-repeat; background-color:Transparent; padding-top:6px; }
.ecpSaveSettingsButton { background-image:url(images/button194.gif); background-repeat:no-repeat; background-color:Transparent; padding-top:6px; width:203px; }

.btnPad6Top { padding-top:6px; }

/*=================================================================*/
/* Infragistics Controls.
/*=================================================================*/
.commonWebPanel { width:100%; padding-left:0px; padding-top:0px; padding-right:0px; padding-bottom:0px; margin-bottom:10px; }
.commonWebPanel { border-left:solid 1px #000000; border-right:solid 1px #000000; border-bottom:solid 1px #000000; border-top:none; }

.commonWebPanelHeader { height:20px; padding-left:3px; padding-right:3px; border-top-style:solid; border-top-width:2px; border-top-color:#000000; }
.commonWebPanelHeader { font-family:Arial, Helvetica, Sans-Serif; font-size:11px; font-weight:bold;  }
.commonWebPanelHeader { text-align:left; color:#ffffff; background-color:#000000; }
.commonWebPanelHeader { background-image:url(images/tabtopbg383.jpg); background-repeat:no-repeat; }

.commonWebTab { border-color:#2d4b31; }

/* WebPanelNoBorder */
.commonWebPanelNoBorder { width:100%; margin-bottom:0px; }
.commonWebPanelNoBorder { border:none; }
.commonWebPanelNoBorderHeader { height:20px; padding-left:3px; padding-right:3px; border:none; }
.commonWebPanelNoBorderHeader { font-family:Arial, Helvetica, Sans-Serif; font-size:12px; font-weight:bold;  }
.commonWebPanelNoBorderHeader { text-align:left; color:#295e94; }
.commonWebPanelNoBorderHeader { background-image:url(images/tabtopbg383.jpg); background-repeat:repeat-x; }


.subNavHeader { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #295e94; }
.subNavHeader { background-color:Transparent; text-align:left; background-image:url(images/title_bg.jpg); background-repeat:repeat-y; background-position:left top; }



/*=================================================================*/
/* Club New Members
/*=================================================================*/
.divClubNewMembersPanel { border: #000000 1px solid; background-color:#ffffff; }
.divClubContactsPanel{ border:solid 2px #000000; }
.divClubCoursesPanel{ border:solid 2px #000000; }

/*=================================================================*/
/* Score Center
/*=================================================================*/
.scoreCenterContainer { background-color:#ffffff; color:#336797 }
.scoreCenterLabel { font-size:11px; color:#000000; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }

.scoreCenterAssociationLabel { color:#336797; }

.scoreCenterIndexLabel { height: 21px; vertical-align: middle; }
.scoreCenterIndexLabel { font-size:11px; color:#1b5e33; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
.scoreCenterIndexLabel { color: #000000; background-color: #000000; text-align: center; font-weight:bold; }

.scoreCenterFactor { background-color:#ffffff; color: #ffffff; width:87px; height:47px; text-align:center; vertical-align:middle; }
.scoreCenterFactor { font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight: bold; }
.scoreCenterFactorLabel { background-color:#ffffff; color:#ffffff; }
.scoreCenterFactorLabel { font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; }
.scoreCenterText { font-size:11px; color:#000000; font-family:Arial, Helvetica, sans-serif; font-weight:normal; }
.scoreCenterText a { color:#000000; text-decoration:underline; }
.scoreCenterText a:hover { color:#000000; text-decoration:underline; }
.scoreCenterTextBold { font-size:11px; color:#000000; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
.scoreCenterTextBold a { color:#000000; text-decoration:underline; }
.scoreCenterTextBold a:hover { color:#000000; text-decoration:underline; }

.btnScoreCenterEnter { width:203px; height:25px; color:#336797; background-image:url(images/buttonEmphasize194.gif); background-repeat:no-repeat; background-position:top center; }
.btnScoreCenterEnter { font-family:Arial, Helvetica, Sans-Serif; font-weight:bold; font-size:12px; }
.btnScoreCenterEnter { margin-top:0px; padding-top:6px; cursor:pointer; }

.btnScoreCenterUtility { width:203px; height:25px; color:#336797; background-image:url(images/button194.gif); background-repeat:no-repeat; background-position:top center; }
.btnScoreCenterUtility { font-family:Arial, Helvetica, Sans-Serif; font-weight:bold; font-size:12px; }
.btnScoreCenterUtility { margin-top:0px; padding-top:3px; text-align:center; }

.scoreCenterTFTopImage { width: 87px; height: 4px; background-image: url(images/tabfactor_top.gif); }
.scoreCenterTFLeftImage { width: 12px; height: 72px; background-image: url(images/tabfactor_left.gif); background-position:left; }
.scoreCenterTFRightImage { width: 12px; height: 72px; background-image: url(images/tabfactor_right.gif); background-position:right; }

.factorIndexValueBox { width:87px; text-align:center; vertical-align: top; padding-left:6px; padding-right:6px; }

.scoreDisplayTopImage { background-image: url(images/tabfactor_top.gif); }
.scoreDisplayLeftImage { background-image: url(images/tabfactor_left.gif); }
.scoreDisplayRightImage { background-image: url(images/tabfactor_right.gif); }
.scoreDisplayFactorValue { color: #558abe; }
.scoreDisplayFactorValueSmall { color: #558abe; }
.scoreDisplayFactorLabel { background-color:#558abe; color:white; }

.scoreCenterAssociationLogo
{
	float: left;
	width: 85px;
	height: 49px;
	margin-left: 10px;
	margin-top: 8px;
	background-image: url("images/logo_on_tan.jpg");
	background-position:center center;
	background-repeat:no-repeat;
}

/*=================================================================*/
/* Help Page.
/*=================================================================*/
.basicHelpMemberUserManualImage {width:300px; height:307px; background-image:url(images/Help/ManualCover.jpg);}
.basicHelpClubAdminManualImage {width:300px; height:307px; background-image:url(images/Help/ManualCover_Club.jpg);}
.basicHelpUsernameImage {background-image:url(images/Help/ForgotUsername.jpg);}
.basicHelpPasswordImage {background-image:url(images/Help/ForgotPassword.jpg);}



/*=================================================================*/
/* Main Menu
/*=================================================================*/
div.divMainMenu
{
	border-color: black;
	border-width: 1px;
	border-style: solid;
	border-top-style: hidden;	
	border-bottom-style: hidden;	

	width: 800px;
	margin-top: -6px;
	margin-left: 0px;
	margin-right: 0px;	
}

.MainMenuMultiPage
{
	height: 35px; /* needs to match ".MainMenu ._rmTemplateContainer" and "#__SubMenuPlaceHolder" */
}

.MainMenu 
{
	width: 100%;
	overflow: hidden;
}


.MenuMode
{
	 background-color:#ffdd33;
	 border-style:none;
}

.MainMenu ._rmTemplateContainer
{
	background-image: url('images/MenuItem.jpg');
	background-repeat: repeat-x;
	height: 35px;
}

.MainMenu ._rmLink
{
	cursor: default;
}

.MainMenu ._rmLink[href*="/"]
{
	cursor: pointer;
}

.MainMenu ._rmTemplateContainer ._rmText
{
	color: #356596;
	font-size: 10pt;
	font-family: Verdana;
	margin: 3px 10px 0px 10px;
	display: inline-block;
	zoom:1;           /* IE 7 Hack to display inline-block correctly! */
	*display: inline; /* IE 7 Hack to display inline-block correctly! */
}


.MainMenu ._rmTemplateContainer ._rmSeparator
{
	float: left;
	margin-top:  4px;
	height: 20px;
	width: 1px;
	background-color: Silver;
}

.MainMenu .rmFirst ._rmTemplateContainer ._rmSeparator
{
	display: none;
}

.MainMenu ._rmSelected
{
	background-image: none;
	background-color: #fffff9;
}

.MainMenu ._rmSelected ._rmText
{
	color: Red;
}

.MainMenu .rmRootGroup
{
	width: 110%;	
	background: transparent url('images/MenuItem.jpg') repeat !important; 
}

.MainMenu .rmHorizontal .rmItem .rmText
{
	padding: 0px !important;
}

.RadMenu .rmRootGroup
{
	border-bottom: none !important;
}

/*=================================================================*/
/* Main Sub Menu
/*=================================================================*/

#__SubMenuPlaceHolder
{
	border-color: black;
	border-width: 1px;
	border-style: solid;	
	border-top-style: hidden;

	background-color: #fffff9;
	width: 798px;
	padding-top: 4px;
	height: 25px;
}

.MainSubMenu .rsmItem
{
	padding: 0px;
}

.MainSubMenu .rsmItem .rsmLink
{
	font-family: Verdana;
	color: #356596;
}

.MainSubMenu ._rsmSeparator
{
	display: inline-block;
	zoom:1;           /* IE 7 Hack to display inline-block correctly! */
	display: inline; /* IE 7 Hack to display inline-block correctly! */
	margin-top: 3px;
	height: 15px;
	width: 1px;
	background-color: #555555;
}

.MainSubMenu .rsmLink:hover
{
	/* background-image: url('images/button105.gif') !important; */
	/* background-color: gray !important;*/
}

/*=================================================================*/
/* Main Menu Buttons
/*=================================================================*/
.btnGolfer
{
	height: 32px;
	width: 120px;
	background-color: Silver;
}
.btnAdmin
{
	height: 20px;
	width: 120px;
	background-color: Silver;

}
.MenuMode
{
	 background-color:Silver;
	 border-style:none;
	 font-family:Arial, Helvetica, Sans-Serif; 
	 font-weight:bold; 
	 font-size:11px; 	
	 text-align:right !important;
	 color:#ffffff;
	 padding-top:12px;
}
.MenuMode:hover
{
	 color: #BCE937;
}
/*******************************************************************************
*  ScoreCenter Tooltip
*******************************************************************************/
 .tooltipScoreCenter
 {
 	z-index:8001;
 }
 .divTooltipScoreCenter
 {
 	width: 160px; 
 	background-color: ButtonFace;
 }
 .divTooltipScoreCenterHeader
 {
 	width: 100%; 
 	text-align: center; 
 	font-weight: bold; 
 	color:Navy;
 }
 .divTooltipScoreCenterButtons
 {
 	float:none; 
 	width: 80%; 
 	font-weight: bold;
 	float:none;
 	text-align:center;
 	margin:10%;
 	
 }
/*******************************************************************************
*  Member Tooltip
*******************************************************************************/
 .divTooltipMember
 {
 	width: 370px; 
 	background-color: ButtonFace;
 	z-index:8001;
 }
 .divTooltipMemberHeader
 {
 	width: 100%; 
 	text-align: center; 
 	font-weight: bold; 
 	color:Navy;
 }
 .divTooltipMemberLabels
 {
 	margin-left:10px;
 	margin-top:10px;
 	margin-bottom:10px;
 	float: left; 
 	width: 100px; 
 	text-align: right; 
 	font-weight: bold;
 }
 .divTooltipMemberData
 {
 	margin:10px;
 	float: right;
 	width: 240px;
 }  
  /*********************************
   radeditor defaults
   css areas within control
   "MyContentAreaIFRAMECssClass" 
   "MyContentAreaCssClass" 
   "MyTextBoxAreaInHtmlModeClass"
***********************************/
.MyContentAreaCssClass
{
	width: auto !important;
	height: auto !important;
	color: #000; 
    background-color: #fff; 
    padding:3px; 
    background-image: none; 
    margin: 0px; 
    text-align: left	
}
/************************************************
GolfNetOnline Tooltip
 *************************************************/	
 .tooltipGolfNetOnline
 {
 	z-index:8001;
 }
 .divTooltipGolfNetOnline
 {
 	width: 160px; 
 	background-color: ButtonFace;
 }
 .divTooltipGolfNetOnlineHeader
 {
 	width: 100%; 
 	text-align: center; 
 	font-weight: bold; 
 	color:Navy;
 }
 .divTooltipGolfNetOnlineButtons
 {
 	float:none; 
 	width: 80%; 
 	font-weight: bold;
 	float:none;
 	text-align:center;
 	margin:10%;	
 }
