﻿.teebase
{			
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10px;
	width:98%;
	text-align:left;
}

#teebasecontrols
{
	padding-top:10px;
	text-align:left;
	width:100%;	
}

#teebasecontrols div
{
	margin-left:20px;
}
#teebaseshotnumber
{
	float:left;
	width:120px;
	font-size::medium;
	font-weight:bold;
}
#teebaseshotnumber span.holenumber
{	
	border:solid 1px #000;
	background-color:#FFCC00;
	margin-left:10px;
	padding: 2px 5px 2px 5px;
	text-align:center;
}
#teebaseshotnumber span.shotnumber
{	
	border:solid 1px #000;
	background-color:#FFCC00;
	margin-left:10px;
	padding: 2px 5px 2px 5px;
	text-align:center;
}

.approachbox
{
	border:solid 1px #000;
	background-color:#FFCC00;
	font-weight:bold;
}

.approachRadio
{
	padding-right: 10px;
}

#teebasepreviousshot
{
	text-align:center;
	float:left;
	width:150px;
}
.previousshotdetails
{		
	text-align:center;
	border:solid 1px #000;	
	font-weight:bold;
	color:#000;
}
.previousshotdetails span
{
	margin: 5px 5px 5px 5px;
}
.previousshotdetails.NFwL
{
	background-color:#CCFFFF;
}

.previousshotdetails.OBL
{
	background-color:#000000;
	color:#FFFFFF;

}
.previousshotdetails.HzL
{
	background-color:#FF6600;
}
.previousshotdetails.ZL
{
	background-color:#808080;
	color:#FFFFFF;
}
.previousshotdetails.LR
{
	background-color:#339966;
	color:#FFFFFF;
}
.previousshotdetails.BuL
{
	background-color:#FFFF00;
}
.previousshotdetails.LSm
{
	background-color:#CCFFCC;
}
.previousshotdetails.FAIRWAY
{
	background-color:#CCFFFF;
}
.previousshotdetails.OG
{
	background-color:#CCFFCC;
}
#teebasedropdowns
{
	vertical-align:middle;
	width:170px;
	float:left;
	height:50px;
	margin-bottom:4px;
}
#teebasedropdowns select
{
	margin-bottom:2px;
}
#teebasedropdowns label
{
	font-weight:bold;
	vertical-align:middle;
	padding-right:6px;
}

#teebaseteeimage
{		
	float:left;
	width:200px;
	height:56px;
}

#teebasedropdowns .teebasedropdownslabel
{
	text-align:right;
	vertical-align:middle;
}

#teebasedropdowns .smallinputfield
{
	width:120px;
}

#teebasedropdowns .teebasedropdownsrows
{
	vertical-align:middle;
}
