@charset "utf-8";
/* CSS Document */

#navcontainer{
	margin-top: 21px;
	margin-left: 21px;
	text-align: left;
	float:left;
}

.mates #navcontainer
{
	margin-top: 37px;
}

	* HTML #navcontainer{
		margin-left: 10px;
	}
	
.home #navcontainer{
	margin-top: 13px;
	margin-left: 22px;
	text-align: left;
	float:left;
}

	* HTML .home #navcontainer{
	margin-left: 10px;
	
}

#navcontainer ul
{
	clear:both;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	width: 700px;
	display:block;

}

#navcontainer ul li { display: inline; }

/*#navcontainer ul li a
{
	display:block;
	text-decoration: none;
	color: #FFFFFF;

}

#navcontainer ul li a:hover
{
	color: #fff;
	
}*/


/*Main Navigation*/

#navcontainer ul.main li{
	display:block;
	float:left;
}


#navcontainer  ul.main li a:link, #navcontainer ul.main li a:visited, #navcontainer ul.main li a:hover{
	display:block;
	height:27px;
	text-indent: -99em;
	overflow:hidden;

}
#navcontainer ul.main li{
	float:left;
	margin-right: 3px;

}

/*MainNav Customisation*/

	/* Customisation*/
	/*Home*/
	li#home a
	{
		display:block;
		height:27px;
		width:76px;
		background: url(../images/nav/navMain_home.gif) no-repeat 0 0;
	}
	
	li#home a:hover{background-position: 0 -27px;}
	
	li#home.selected a:link, li#home.selected a:visited {background: url(../images/nav/navMain_home.gif) no-repeat 0 -27px;}
	
	/*Booking Tee Times*/
	li#teetimes a
	{
		display:block;
		height:27px;
		width:96px;
		background: url(../images/nav/navMain_tee.gif) no-repeat 0 0;
	}
	
	li#teetimes a:hover{background-position: 0 -27px;}
	
	li#teetimes.selected a:link, li#teetimes.selected a:visited {background: url(../images/nav/navMain_tee.gif) no-repeat 0 -27px;}
	
	/*Vouchers*/		
	li#vouchers a
	{
		display:block;
		height:27px;
		width:86px;
		background: url(../images/nav/navMain_vouchers.gif) no-repeat 0 0;
	}
	
	li#vouchers a:hover{background-position: 0 -27px;}
	
	li#vouchers.selected a:link, li#vouchers.selected a:visited {background: url(../images/nav/navMain_vouchers.gif) no-repeat 0 -27px;}
	
	/* Tours */	
	li#tours a
	{
		display:block;
		height:27px;
		width:76px;
		background: url(../images/nav/navMain_travel.gif) no-repeat 0 0;
	}
	
	li#tours a:hover{background-position: 0 -27px;}
	
	li#tours.selected a:link, li#tours.selected a:visited {background: url(../images/nav/navMain_travel.gif) no-repeat 0 -27px;}
	
	/* Tours */	
	li#cards a
	{
		display:block;
		height:27px;
		width:136px;
		background: url(../images/nav/navMain_Classifieds.gif) no-repeat 0 0;
	}
	
	li#cards a:hover{background-position: 0 -27px;}
	
	li#cards.selected a:link, li#cards.selected a:visited {background: url(../images/nav/navMain_Classifieds.gif) no-repeat 0 -27px;}
		
	/*Help*/
	li#help a
	{
		display:block;
		height:27px;
		width:86px;
		background: url(../images/nav/navMain_help.gif) no-repeat 0 0;
	}
	
	li#help a:hover{background-position: 0 -27px;}
	
	li#help.selected a:link, li#help.selected a:visited {background: url(../images/nav/navMain_help.gif) no-repeat 0 -27px;}
	
	/* WineClub */
	li#wineclub a
	{
		display:block;
		height:27px;
		width:96px;
		background: url(../images/nav/navMain_WineClub.gif) no-repeat 0 0;
	}
	
	li#wineclub a:hover{background-position: 0 -27px;}
	
	li#wineclub.selected a:link, li#help.selected a:visited {background: url(../images/nav/navMain_WineClub.gif) no-repeat 0 -27px;}	
	
	/* Mates */	
	li#MenuMates a
	{
		display:block;
		height:27px;
		width:76px;
		background: url(../images/nav/navMain_mates2.gif) no-repeat 0 0;
	}
	
	li#MenuMates a:hover{background-position: 0 -27px;}
	
	li#MenuMates.selected a:link, li#MenuMates.selected a:visited {background: url(../images/nav/navMain_mates2.gif) no-repeat 0 -27px;}
	
	
	/* width is a must for IE6*/

	* HTML li#section1 a:link, * HTML li#section1 a:visited{
		width: 92px;
	}
	
	* HTML li#section2 a:link, * HTML li#section2 a:visited{
		width: 125px;
	}
	* HTML li#section3 a:link, * HTML li#section3 a:visited{
		width: 117px;
	}
	* HTML li#section4 a:link, * HTML li#section4 a:visited{
		width: 93px;
	}
	* HTML li#section5 a:link, * HTML li#section5 a:visited{
		width: 84px;
	}

	

/* second Menu*/

#navcontainer ul.secondmenu{
	margin-top:0px;
	height: 30px;
	display:block;
	background: url(../images/bg/bg_submenu.png) repeat-x top left ;
}

	* HTML #navcontainer ul.secondmenu{
		background: none;
	}
	
	
#navcontainer ul.secondmenu li{
	margin-right: 1px;
	margin-left: 0px;
	float:left;
}

#navcontainer ul.secondmenu li a:link, #navcontainer ul.secondmenu li a:visited{
	display:block;
	text-indent:-99em;
	overflow:hidden;

	
}

.sub #navcontainer ul.secondmenu li a:link, .sub #navcontainer ul.secondmenu li a:visited{
	padding: 2px 0px ;
}

	.sub #navcontainer ul.secondmenu{
		width: 710px;
	}

#navcontainer ul.secondmenu{
	margin-top: 14px;
	}
	
	.sub #navcontainer ul.secondmenu{
		margin-top: 12px;
	}
	
	
	.mates #navcontainer ul.secondmenu{
		margin-top:10px;
		padding-top: 0px;
		width: 970px;		
	}
	
	
	
	* HTML .mates #navcontainer ul.secondmenu{
		width: 960px;
	}
	
	.mates  #navcontainer ul.secondmenu li a:link, .mates #navcontainer ul.secondmenu li a:visited{
		height:29px;
	}

	/*profile*/
	li#profile a{
		height:19px;
		width: 87px;
		background: url(../images/nav/sub/sub_profile.jpg) 0 0;
	}
	
	li#profile a:hover{background-position: 0 -29px;}
	
	li#profile.selected a:link, li#profile.selected a:visited{	
		background-position: 0 -29px;
	}
	
	/*mates*/
	li#mates a
	{
		height:19px;
		width: 73px;
		background: url(../images/nav/sub/sub_mates.jpg) no-repeat top left ;
	}
	
	li#mates a:hover{background-position: 0 -29px;}
	
	li#mates.selected a:link, li#mates.selected a:visited, li#mates a:hover{		
		background-position: 0 -29px;
	}
	
	/*Messages*/
	li#messages a
	{
		height:19px;
		width: 99px;
		background: url(../images/nav/sub/sub_messages.jpg) no-repeat top left ;
	}
	
	li#messages a:hover{background-position: 0 -29px;}
	
	li#messages.selected a:link, li#messages.selected a:visited, li#messages a:hover{		
		background-position: 0 -29px;
	}
	
	/*Groups*/
	li#groups a
	{
		height:19px;
		width: 87px;
		background: url(../images/nav/sub/sub_groups.jpg) no-repeat top left ;
	}
	
	li#groups a:hover{background-position: 0 -29px;}
	
	li#groups.selected a:link, li#groups.selected a:visited, li#groups a:hover{		
		background-position: 0 -29px;
	}
	
	/*handicap*/
	li#handicap a
	{
		height:19px;
		width: 105px;
		background: url(../images/nav/sub/sub_handicap.jpg) no-repeat top left ;
	}
	
	li#handicap a:hover{background-position: 0 -29px;}
	
	li#handicap.selected a:link, li#handicap.selected a:visited, li#handicap a:hover{		
		background-position: 0 -29px;
	}
	
	/*comprank*/
	li#comprank a
	{
		height:19px;
		width: 115px;
		background: url(../images/nav/sub/sub_comprank.jpg) no-repeat top left ;
	}
	
	li#comprank a:hover{background-position: 0 -29px;}
	
	li#comprank.selected a:link, li#comprank.selected a:visited, li#comprank a:hover{		
		background-position: 0 -29px;
	}
	
	/*stats*/
	li#stats a
	{
		height:19px;
		width: 70px;
		background: url(../images/nav/sub/sub_stats.jpg) no-repeat top left ;
	}
	
	li#stats a:hover{background-position: 0 -29px;}
	
	li#stats.selected a:link, li#stats.selected a:visited, li#stats a:hover{		
		background-position: 0 -29px;
	}
	
	/*charts*/
	li#charts a
	{
		height:19px;
		width: 85px;
		background: url(../images/nav/sub/sub_charts.jpg) no-repeat top left ;
	}
	
	li#charts a:hover{background-position: 0 -29px;}
	
	li#charts.selected a:link, li#charts.selected a:visited, li#charts a:hover{		
		background-position: 0 -29px;
	}
	
	/*leaderboards*/
	li#leaderboards a
	{
		height:19px;
		width: 141px;
		background: url(../images/nav/sub/sub_leaderboards.jpg) no-repeat top left ;
	}
	
	li#leaderboards a:hover{background-position: 0 -29px;}
	
	li#leaderboards.selected a:link, li#leaderboards.selected a:visited, li#leaderboards a:hover{		
		background-position: 0 -29px;
	}
	
	/*video*/
	li#video a
	{
		height:19px;
		width: 74px;
		background: url(../images/nav/sub/sub_video.jpg) no-repeat top left ;
	}
	
	li#video a:hover{background-position: 0 -29px;}
	
	li#video.selected a:link, li#video.selected a:visited, li#video a:hover{		
		background-position: 0 -29px;
	}
	
	/*Social*/
	li#socialround a
	{
		height:19px;
		width: 87px;
		background: url(../images/nav/sub/sub_social.jpg) no-repeat top left ;
	}
	
	li#socialround a:hover{background-position: 0 -29px;}
	
	li#socialround.selected a:link, li#socialround.selected a:visited, li#socialround a:hover{		
		background-position: 0 -29px;
	}

/* Sub Menu*/

#navcontainer ul.submenu{
	padding-top:8px;
}
#navcontainer ul.submenu li{

	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 3px 10px 5px 10px;
	border-right: 1px dashed #999999;
}


/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
	padding: 3px 0;
	margin-left: 5px;
	margin-top: 6px;
	margin-bottom: 0;
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
	display: block;
	/*width: 55px;*/
	float:left;
	border-right: 1px dashed #5FB1A5;
	margin: 0 3px 0 0;
	padding: 3px 0px;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 0px 4px 0px 4px;
margin-right: 0px;
font-size: 13px;
color: #8FCB6B;
}

.shadetabs li a:visited{
	color: #8FCB6B;
}

.shadetabs li a:hover{

	color:white;
}


.shadetabs li a.selected{ /*selected main tab style */
	color: white;
	}

.shadetabs li a.selected:hover{ /*selected main tab style */
	color:white;
	text-decoration: none;
}

.tabcontent{
/*display:none;*/
}

.stage{
	float:left;
	clear:both;
	width: 300px;
	text-align: left;
	line-height:1.3em;
	
}

	.stage .panel{
	width:280px;
	height: 73px; 
	padding: 27px 25px 15px 15px;
	font-size: 11px;


		
	}

	.stage #news{
			background: url(../images/home/bg_news.jpg) no-repeat top left;
	}
	
	.stage #tours{
			background: url(../images/home/bg_sms.jpg) no-repeat top left;
	}
	
	.stage #sms{
			background: url(../images/home/bg_sms.jpg) no-repeat top left;
	}
	
	.stage #mates{
			background: url(../images/home/bg_mates.jpg) no-repeat top left;
	}
	

#NewsPanel .shadetabs{
	margin-left: 25px;
}

	#NewsPanel .stage{
	margin-left: 30px;
	}

* HTML #NewsPanel .stage{
	margin-left: 15px;
}


/***************** LOGIN PANEL *********************/



#LoginPanel .shadetabs{
	float:left;
	margin-top: 0px;
	padding:0px;
}



#LoginPanel .shadetabs, #LoginPanel .stage{
	margin-left: 0px;
}

	 * HTML #LoginPanel .shadetabs, #LoginPanel .stage{
		margin-left:0px;
	}
	
#login{
	width: 220px;
	
}

	* HTML #login{
	padding-bottom:0px;
	margin-bottom:0px;
	width: 230px;
	}

#login.shadetabs li{
	
	border:none;
	width:100px;
	padding-bottom:0px;
	margin-bottom:0px;
	
}


	* HTML #login.shadetabs li{
		width:80px;	
	}
	
	* HTML #login.shadetabs li a:link, * HTML #login.shadetabs li a:visited, * HTML #login.shadetabs li a.selected:link,* HTML  #login.shadetabs li a.selected:visited{
		width: 85px;
		height: 20px;
	
	}

#login.shadetabs li a:link, #login.shadetabs li a:visited {
	font-size: 11px;
	display:block;
	width: 100px;
	height: 20px;
	padding: 5px 0px 0px 15px;
	background: url(../images/login/bg_login_tab_off.gif) no-repeat top left ;

}


#login.shadetabs li a.selected:link, #login.shadetabs li a.selected:visited{ /*selected main tab style */	
	color: white;
	background: url(../images/login/bg_login_tab_on.gif) no-repeat top left ;
}

#LoginPanel .stage {
	padding-top:5px;
	font-size: 10px;
	background:  url(../images/login/bg_login_body.gif) no-repeat top left ;
}

	#RightColumn #LoginPanel .stage{
		background:  url(../images/login/bg_login_body_long.gif) no-repeat top left ;
	}

#LoginPanel label{
	font-size: 11px;	
	margin-left: 10px;
	color:white;
	padding-top:0px;
}
	#LoginPanel ul li{
		margin:0px;
		padding: 0px 0px;
	}
	
	#LoginPanel ul li.link{
		text-align:right;
		font-size: 10px;
		padding-right: 0px;
	}
	
	#LoginPanel ul li.link a:link, #LoginPanel ul li.link a:visited{
		font-weight: bold;
		color: #006600;
	
	}

	#LoginPanel input{
		font-size: 11px;
		width: 125px;
		border:none;
		padding: 1px;
		margin:0px;
		height:15px;
	}
	
	#LoginPanel img{
		width: 18px;
		height: 18px;
		
	}


#LoginPanel .stage .panel{
	
	width: 260px;
	padding-top: 10px;

}

* HTML #LoginPanel .stage .panel{
	
	width: 260px;
	padding-top: 10px;
	
}

#SetHomePage input 
	{
		width:10px;
		margin-left: 45px;
		font-size:11px;
	}
#SetHomePage label
	{
		color:Black;
		font-size:11px;
	}


@media print {
.tabcontent {
display:block !important;
}
}