#content, #container, #imageMap{
	position:relative;
	/*z-index:1;*/
}

/***********************************************************************************************************************************

	MAP PAGE STYLES
************************************************************************************************************************************/
.absolute{
	position:absolute;
	top:0px;
	left:0px;
}
#holesOverlay{
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}
#hoverOverlay{
	z-index:2;
}

/***********************************************************************************************************************************

	POPUP STYLES
************************************************************************************************************************************/
/* 
	Background Fade
*/
#backgroundFade{
	position:absolute;
	left:15px;
	/* INSERT BELOW LINES IF USING HOLE IMAGE 
	top:18px;
	height:450px;
	*/
	/* REMOVE BELOW LINES IF USING HOLE IMAGE */
	top:100px;
	height:375px;
	/* REMOVE LINES END */
	width:576px;
	z-index:10;
	background:#fff;
}
	/* 
		Container created with JS
	*/
	#popupContainer{
		position:absolute;
		/* INSERT BELOW LINES IF USING HOLE IMAGE 
		top:60px;
		left:75px;
		*/
		/* REMOVE BELOW LINES IF USING HOLE IMAGE */
		top:130px;
		left:130px;
		/* REMOVE LINES END */
		z-index:100;
	}
	/* 
		Container inside included page
	*/
	#holeDetail{
		/* INSERT BELOW LINES IF USING HOLE IMAGE 
		width:400px;
		*/
		/* REMOVE BELOW LINES IF USING HOLE IMAGE */
		width:300px;
		/* REMOVE LINES END */
		padding:10px;
		border:1px solid #999999;
		background:#FFFFFF;
		position:relative;
	}
		#holeImg{
			float:left;
			width:275px;
			/* REMOVE DISPLAY NONE IF USING HOLE IMAGE */
			display:none;
		}
		
		#detailRhs{
			/* INSERT BELOW LINES IF USING HOLE IMAGE 
			float:left;			
			width:125px;
			*/
		}
		#closeLink{
			position:absolute;
			top:8px;
			right:7px;
		}
		
		#detailRhs h2{
			font-size:2.5em;
			line-height:0.8em;
			margin:0 0 0 -2px;
			padding:0;
		}
			#detailRhs h2 span{
				font-size:0.7em;
				color:#00451A;
				font-style:normal;
				padding-left:1px;
			}
			
		#detailRhs h3.hole_name{
			font-size:1.4em;
			margin:0;
			padding:2px 0 6px;
			font-style:italic;
			color:#555555;
		}
		/* 
			Hole Details table
		*/
		#tblholeDetails{
			font-size:1em;
			width:100%;
			border-spacing:0;
			border-collapse:collapse;
			border-left:1px solid #999999;
			border-top:1px solid #999999;
		}
			#tblholeDetails th, #tblholeDetails td{
				border-right:1px solid #999999;
				border-bottom:1px solid #999999;
				padding:3px 0px;
				text-align:center !important;
			}
			#tblholeDetails th{
				background:#00451A;
				color:#FFFFFF;
			}
			#tblholeDetails td.blue{
				background:#144BA5;
				color:#FFFFFF;
			}
			#tblholeDetails td.white{
				background:#FFFFFF;
			}
			#tblholeDetails td.yellow{
				background:#FFEE00;
			}
			#tblholeDetails td.red{
				background:#F52D0A;
				color:#FFFFFF;
			}
		/* 
			Next and Previous links for holes
		*/
		ul#pagination{
			padding:0;
			margin:4px 0 0;
		}
		#pagination li.prev, #pagination li.next{
			list-style:none;
			padding:0;
			margin:0;
		}
		#pagination li.prev{
			float:left;
		}
		#pagination li.next{
			float:right;
		}
		/* 
			Pro's Tip Section
		*/
		#detailRhs h3.pro_tip{
			clear:both;
			margin-top:3px;
			margin-bottom:3px;
			padding-bottom:0;
			font-style:italic;
		}
		#content #proTip{
			margin:0;
			line-height:1.2em;
		}