body 
{
	background: #222222;
	text-align: left;
}

div
{
	font-size: 14px;
	padding: 5px;
}

/*************************************************
main
*************************************************/
#flashjoystickhelp
{
	font-family: Arial, Helvetica, sans-serif;
	background: #2D2D2D;
	font-size: 14px;
	color: #CCCCCC;
	width: 800px;
	text-align: left;
	left: 50%;
	margin-left: -400px;
	position: relative;
}

#welcome 
{
}

#bannerads
{
	left: 26px;
	position: relative;
	padding: 0px;
	padding-top: 5px;
	height: 90px;
}

#flashsticklogo
{
	background: url("images/FlashJoystick_Logo.jpg") no-repeat center;
	width: 371px;
	height: 200px;
	left: 205px;
	position: relative;
}

#lastupdate
{
	top: 100px;
	left: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	position: relative;
}

.toplink
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 100;
	color: #CCCCCC;
}

.pointofinterest
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF9900;
}

h3 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
}

dd
{
	display: list-item;
}

a
{
	color: #FFFFFF;
}

/**************************************************
Sections
**************************************************/
#sections
{
	text-align: center;
}

#sections div
{
	display: inline;
	font-size: 12px;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
}

#sections a
{
	color: #FFFFFF;
}

/************************************************
System Requirements
*************************************************/
#system_requirements dd
{
	font-weight: bold;
}

#system_requirements_recommended
{
}

#system_requirements_minimum
{
}
/************************************************
Using Flash Joystick
************************************************/
#FlashJoystick_View
{
	background: url("images/FlashJoystick_View.jpg") no-repeat center;
	width: 245px;
	height: 127px;
	position: relative;
	left: 265px;
}

#FlashJoystick_Load
{
	background: url("images/FlashJoystick_Load.jpg") no-repeat center;
	width: 248px;
	height: 128px;
	position: relative;
	left: 264px;
}

#FlashJoystick_Quit
{
	background: url("images/FlashJoystick_Quit.jpg") no-repeat center;
	width: 249px;
	height: 127px;
	position: relative;
	left: 264px;
}

#FlashJoystick_SysTray
{
	background: url("images/FlashJoystick_SysTray.jpg") no-repeat center;
	width: 155px;
	height: 48px;
	position: relative;
	left: 311px;
}

#FlashJoystick_Updates
{
	background: url("images/FlashJoystick_Updates.jpg") no-repeat center;
	width: 249px;
	height: 127px;
	position: relative;
	left: 264px;
}

#FlashJoystick_ViewLoadSave
{
	background: url("images/FlashJoystick_ViewLoadSave.jpg") no-repeat center;
	width: 115px;
	height: 128px;
	position: relative;
	left: 333px;
}

/*************************************************
Joystick App
*************************************************/
#JoyMap_MouseEmulate
{
	background: url("images/JoyMap_MouseEmulate.jpg") no-repeat center;
	width: 317px;
	height: 155px;
	position: relative;
	left: 231px;
}

#JoyMap_LeftJoyButtons
{
	background: url("images/JoyMap_LeftJoyButtons.jpg") no-repeat center;
	width: 198px;
	height: 194px;
	position: relative;
	left: 289px;
}

#JoyMap_ButtonMapping
{
	background: url("images/JoyMap_ButtonMapping.jpg") no-repeat center;
	width: 194px;
	height: 156px;
	position: relative;
	left: 291px;
}

#JoyMap_SaveLoad
{
	background: url("images/JoyMap_SaveLoad.jpg") no-repeat center;
	width: 274px;
	height: 72px;
	position: relative;
	left: 251px;
}

/*****************************************************
Component Install
******************************************************/
#FlashComponentInstall_XP
{
	background: url("images/FlashComponentInstall_XP.jpg") no-repeat center;
	width: 772px;
	height: 108px;
	position: relative;
	left: 0px;
}

#FlashComponentInstall_Vista
{
	background: url("images/FlashComponentInstall_Vista.jpg") no-repeat center;
	width: 772px;
	height: 108px;
	position: relative;
	left: 0px;
}

#FlashComponentInstall_ComponentDisplay
{
	background: url("images/FlashComponentInstall_ComponentDisplay.jpg") no-repeat center;
	width: 220px;
	height: 109px;
	position: relative;
	left: 278px;
}

#FlashComponentInstall_SecurityError
{
	background: url("images/FlashComponentInstall_SecurityError.jpg") no-repeat center;
	width: 533px;
	height: 242px;
	position: relative;
	left: 119px;
}
/*********************************************************
Component Usage
*********************************************************/
#ComponentUsage_InstanceName
{
	background: url("images/ComponentUsage_InstanceName.jpg") no-repeat center;
	width: 366px;
	height: 249px;
	position: relative;
	left: 205px;
}

.code_div
{
	background-color: #FFFFFF;
	padding: 20px;
	color: #000000;
	border-style: dashed;
	border-width: thin;
	border-color: #666666;
	width: 600px;
	left: 90px;
	position: relative;
}

.code_comment
{
	color: #00AA00;
}

.code_type
{
	color: #0000FF;
}

/*********************************************************
Copyright
**********************************************************/
#copyright
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	position: relative;
	color: #FFFFFF;
}