﻿body
{
	text-align:left;
	font-family:Verdana, Arial, Sans-Serif;
	margin:0px;
	padding:0px;
	border:0px;
	background:url(/system/racetrack/global/img/body_bg.jpg) #FFF repeat-x left top;	
}
	#contentContainer
	{
		position:relative;
		display:block;
		width:708px;
		padding:8px 16px 0px 16px;
		width:676px;
		background:url(/system/racetrack/global/img/content_container_bg.gif) no-repeat left top;
	}
		/*
		----------------------------------------
		Main Tab System
		----------------------------------------
		*/
		#tabSystem
		{
			position:relative;
			display:block;
			width:676px;
			height:64px;
		}
			table.tabSystemOuter
			{
				width:676px;	
			}
				table.tabSystemOuter td
				{
					text-align:center;
					vertical-align:top;
					padding:0px;
				}
				table.tabSystemOuter td.tab
				{
					width:220px;
					height:64px;
					background:url(/system/racetrack/global/img/tab_system_tab_bg.gif) no-repeat left top;
					font-weight:normal;
				}
				table.tabSystemOuter td.tabSelected
				{
					width:220px;
					height:64px;
					background:url(/system/racetrack/global/img/tab_system_tab_selected_bg.gif) no-repeat left top;
					font-weight:bold;
				}
				table.tabSystemOuter td.tabSeperator
				{
					width:8px;
					height:64px;
					background:url(/system/racetrack/global/img/tab_system_tab_seperator.gif) no-repeat left top;
				}
			table.tabSystemInner
			{
				width:172px;
				margin:0px auto 0px auto;
			}
				table.tabSystemInner th
				{
					width:172px;
					height:20px;
					text-align:center;
					font-family:Verdana, Arial, Helvetica, Sans-Serif;
					font-size:11px;
					font-weight:normal;
					color:#D0DADB;
					background:url(/system/racetrack/global/img/tab_system_tab_th_bg.gif) repeat-x;
					padding:0px;
				}
					table.tabSystemInner th.selected
					{
						font-weight:bold;
					}
				table.tabSystemInner td
				{
					vertical-align:top;
					padding:0px;
				}
				table.tabSystemInner td.option
				{
					width:124px;
					height:36px;
					text-align:left;
				}
				table.tabSystemInner td.submit
				{
					width:48px;
					height:36px;
					text-align:right;
				}
			#tabSystem select.selectBox
			{
				width:120px;
				font-family:Verdana, Arial, Sans-Serif;
				font-size:11px;
				font-weight:normal;
				color:#066;
				margin-top:8px;
			}
			#tabSystem input.submitButton
			{
				width:44px;
				font-family:Verdana, Arial, Sans-Serif;
				font-size:11px;
				color:#666;
				margin-top:8px;
			}
		/*
		----------------------------------------
		Chart Area
		----------------------------------------
		*/
		#chartArea
		{
			position:relative;
			display:block;
			width:676px;
			height:332px;
		}
			#chartContainer
			{
				position:absolute;
				left:0px;
				top:0px;
				width:566px;
				height:332px;
				background-color:#9CF;
			}
				#loadingBox
				{
					position:relative;
					display:none;
					/*left:146px;
					top:68px;*/
					width:384px;
					height:196px;
					z-index:10000;
				}
				#chart
				{
					position:absolute;
					left:0px;
					top:0px;
					width:564px;
					height:330px;
					border:solid 1px #366;
				}
				#chartScale
				{
					position:absolute;
					left:436px;
					top:294px;
					width:120px;
					height:30px;
					background:url(/system/racetrack/global/img/chart_scale.gif) no-repeat left top;
					text-align:center;
					line-height:30px;
					font-size:9px;
					color:#033;
					z-index:1000;	
				}
			#chartControls
			{
				position:absolute;
				left:566px;
				top:0px;
				width:109px;
				height:330px;
				vertical-align:middle;
				border-top:solid 1px #366;
				border-right:solid 1px #366;
				border-bottom:solid 1px #366;
				background-color:#9CC;
			}
				table.chartControls
				{
					width:100%;
					margin:auto 0px auto 0px;
				}
				table.chartControls th
				{
					height:20px;
					text-align:center;
					font-family:Verdana, Arial, Sans-Serif;
					font-size:11px;
					font-weight:normal;
					color:White;
					background-color:#366;
					padding:0px;
				}
				table.chartControls td
				{
					vertical-align:top;
					text-align:center;
					padding:0px;
				}
				table.chartControlsInner
				{
					margin:16px auto 0px auto;
				}
					table.chartControlsInner td
					{
						text-align:center;
						vertical-align:middle;
						padding:0px;
					}
		/*
		----------------------------------------
		Organiser Announcement
		----------------------------------------
		*/
		#organAnnounce
		{
			position:relative;
			display:block;
			width:674px;
			height:28px;
			line-height:28px;
			/*margin:8px 0px 8px 0px;*/
			background:url(/system/racetrack/global/img/organ_announce_bg.gif) repeat-x;
			border-left:solid 1px #366;
			border-right:solid 1px #366;
		}
			#organAnnounce p
			{
				font-family:Verdana, Arial, Helvetica, Sans-Serif;
				font-size:11px;
				font-weight:bold;
				margin:0px 0px 0px 8px;
				color:#CFF;
			}
			.announce {color:#9CC;font-weight:normal;}
		/*
		----------------------------------------
		Ranking OR Yacht Detail/Report History
		----------------------------------------
		*/
		#pageInfo
		{
			position:relative;
			display:block;
			width:676px;
			margin-top:8px;
		}
			/*
			----------------------------------------
			Ranking
			----------------------------------------
			*/
			table.divisionRank
			{
				width:676px;
				border:solid 1px #366;
				background-color:White;
			}
				table.divisionRank tr.on
				{
					background-color:#E4E4E4;	
				}
				table.divisionRank tr.off
				{
					background-color:White;	
				}
				table.divisionRank th
				{
					height:28px;
					text-align:center;
					font-family:Verdana, Arial, Sans-Serif;
					font-size:11px;
					font-weight:normal;
					color:#033;
					background:url(/system/racetrack/global/img/division_rank_th_bg.gif) repeat-x;
					border-bottom:solid 1px #999;
					padding:0px;
				}
				table.divisionRank td
				{
					text-align:center;
					font-family:Verdana, Arial, Sans-Serif;
					font-size:11px;
					color:#066;
					padding:0px;
				}
					table.divisionRank td.division
					{
						width:28px;
						font-family:Arial, Verdana, Sans-Serif;
						font-size:16px;
						color:White;
						padding:0px;	
					}
					table.divisionRank td.rank
					{
						font-family:Arial, Verdana, Sans-Serif;
						font-size:16px;
						font-weight:bold;
						color:#033;
						padding:0px;
					}
			/*
			----------------------------------------
			Yacht Detail and Yacht History
			----------------------------------------
			*/
			#yachtDetailContainer, #yachtHistoryContainer
			{
				position:relative;
				display:block;
			}
				div.tabSystemYacht
				{
					display:block;
					width:676px;
					height:28px;
				}
				table.tabSystemYachtOuter
				{
					width:448px;
					height:28px;
					border-collapse:collapse;	
				}
					table.tabSystemYachtOuter td
					{
						width:220px;
						height:28px;
						text-align:center;
						font-family:Verdana, Arial, Sans-Serif;
						font-size:11px;
						color:#333;
						padding:0px;						
					}
					table.tabSystemYachtOuter td.tab
					{
						font-weight:normal;
						background-color:#C3DDDD;
					}
					table.tabSystemYachtOuter td.tabSelected
					{
						font-weight:bold;
						background-color:White;
					}
					table.tabSystemYachtOuter td.tabSeperator
					{
						width:8px;	
					}
				#pageInfo .tabSystemYacht a
				{
					color:#033;
					text-decoration:none;	
				}
			div.yachtData
			{
				position:relative;
				display:block;
				width:676px;
				padding:8px 24px 8px 24px;
				width:628px;
				/*background:url(../img/ydr_content_tile_bg.gif) repeat-y left top;*/
				background-color:White;
			}
				table.yachtDetail, table.raceProgress, table.reportHistory
				{
					width:100%;
					border-collapse:collapse;
					/*margin:15px 15px 15px 0px;*/
				}
					table.yachtDetail td
					{
						font-family:Verdana, Arial, Sans-Serif;
						font-size:11px;
						color:#066;
						padding:0px;
					}
					table.yachtDetail td.yachtPhoto
					{
						width:196px;
						text-align:left;
					}
					table.yachtDetail td.raceDivision
					{
						width:140px;
						text-align:center;
						vertical-align:top;
					}
					table.yachtDetail td.fieldName
					{
						font-weight:bold;
						width:70px;
						height:30px;
						border-bottom:solid 1px #CCC;
					}
					table.yachtDetail td.fieldValue
					{
						height:30px;
						border-bottom:solid 1px #CCC;
					}
				table.raceProgress
				{
					margin-top:8px;
					border:solid 1px #366;
				}
					table.raceProgress th
					{
						height:24px;
						text-align:center;
						font-family:Verdana, Arial, Sans-Serif;
						font-size:11px;
						font-weight:normal;
						color:#033;
						background:url(/system/racetrack/global/img/division_rank_th_bg.gif) repeat-x;
						border-bottom:solid 1px #999;
						padding:0px;
					}
					table.raceProgress td
					{
						height:24px;
						text-align:center;
						font-family:Verdana, Arial, Sans-Serif;
						font-size:11px;
						color:#066;
						padding:0px;
					}
					table.raceProgress td.division
					{
						width:28px;
						height:48px;
						font-family:Arial, Verdana, Sans-Serif;
						font-size:24px;
						color:White;
						padding:0px;	
					}
					table.raceProgress td.rank
					{
						font-family:Arial, Verdana, Sans-Serif;
						font-size:24px;
						font-weight:bold;
						font-style:italic;
						color:#033;
						padding:0px;
					}
				table.reportHistory
				{	
					border:solid 1px #366;
				}
					table.reportHistory th
					{
						text-align:center;
						font-family:Verdana, Arial, Sans-Serif;
						font-size:11px;
						height:28px;
						color:#033;
						padding:0px;
						background:url(/system/racetrack/global/img/division_rank_th_bg.gif) repeat-x;
						border-bottom:solid 1px #999;
					}
					table.reportHistory td
					{
						text-align:center;
						font-family:Verdana, Arial, Sans-Serif;
						font-size:11px;
						height:28px;
						color:#066;
						border-bottom:solid 1px #CCC;
						padding:0px;
					}
	/*
	----------------------------------------
	Footer
	----------------------------------------
	*/
	#footer
	{
		width:708px;
		height:16px;
		background:url(/system/racetrack/global/img/footer_bg.gif) no-repeat left top;			
	}
/*
----------------------------------------
Misc
----------------------------------------
*/
a, img, table, td
{
	border:0px;
}
table
{
	border-collapse:collapse;
}
form
{
	margin:0px;
}
