#holes-list
{
	height:40px;
}

#holes-list dt
{
	float:left;
}

#holes-list a
{
	display:block;
	padding:3px 4px;
	font-size:14px;
	font-family:Arial,Verdana,sans;
	line-height: 1em;
	color:#a1a1a1;
	border:solid 1px transparent;
}

#holes-list a:hover
{
	border:solid 1px #cccccc;
}

#holes-list a.current
{
	display:block;
	color:#333333;
	border:solid 1px #333333;
}

#hole-container
{
	width:630px;
}

#hole-images
{
	float:left;
	width:410px;
	min-height:330px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}

#hole-tabs
{
	border-bottom: 1px solid #cccccc;
	height: 50px;
}

div.hole-tab
{
	padding: 18px;
	border-right: 1px solid #cccccc;	
	float: left;
	height: 14px;
	cursor: pointer;
	background-color: #f9f9f9;
}

div.hole-tab:hover
{
	background-color: #fafafa;
}

div.hole-tab-selected
{
	padding: 18px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid white;
	float: left;
	height: 14px;
	cursor: pointer;
	background-color: #ffffff;
}

div.hole-tab-content
{
	padding: 5px;
	text-align: center;
}

div.hole-tab-content-hidden
{
	display: none;
}

#hole-content
{
	float:right;
	width:190px;
	padding-right:70px;
	padding-top:5px;
}

#hole-content ul
{
	padding:3px 0 20px 0px;
	margin: 0;
}

#hole-content li
{
	list-style:none;
	color:#797979;
	padding:0 30px ;
	background-position:0 4px;
	font-family:Arial,Verdana,sans;
	font-size:12px;
	line-height: 25px;
}

#black_distance { background: url("/images/public/black_distance_icon.gif") no-repeat; }
#blue_distance { background: url("/images/public/blue_distance_icon.gif") no-repeat; }
#white_distance { background: url("/images/public/white_distance_icon.gif") no-repeat; }
#red_distance { background: url("/images/public/red_distance_icon.gif") no-repeat; }
#gold_distance { background: url("/images/public/gold_distance_icon.gif") no-repeat; }