HTML
{
	height:				100%;
}
BODY
{
	padding:			0px;
	margin:				0px;
	border:				0px;
	color:				#000000;
	background:			#EBEBEB url( 'gfx/bgbody.png' ) left top;
	font-family:		Arial, Helvetica, sans-serif;
	height:				100%;
}
A
{
	margin:				0px;
	color:				#5B79B8;
	text-decoration:	none;
}
UL
{
	display:			block;
}
IMG
{
	border:				0px;
}
FORM
{
	margin:				0px;
}
PRE
{
	margin:				0px;
	padding:			0px;
}

.topbar
{
	margin:				0px auto;
	padding:			0px;
	background:			#021731;
	width:				100%;
	height:				54px;
}

.maincontent
{
	margin:				20px auto 50px;
	width:				964px;
	padding:			0px 10px 50px;
}

.footer
{
	background:			transparent url( 'gfx/bgfooter.png' ) top left repeat-x;
	height:				40px;
	position:			fixed;
	bottom:				0px;
	width:				100%;
}

.copyright
{
	font-size:			8pt;
	font-weight:		bold;
	color:				#FFFFFF;
	text-align:			left;
	margin:				0px auto;
	padding:			10px 10px;
	width:				964px;
}

.copyright > A
{
	color:				#DDEEFF;
	float:				right;
	margin:				0px 0px 0px 20px;
}

.helpimage
{
	border:				0px;
	margin:				10px auto;
	display:			inline-block;
	text-align:			center;
}

.imagebox
{
	width:				150px;
	margin:				5px;
	font-size:			8pt;
	font-weight:		bold;
	text-align:			center;
	display:			inline-block;
}
.contentsbox
{
	margin:				0px 20px 20px 0px;
	float:				left;
	font-size:			9pt;
	text-align:			justify;
}
.preboxright
{
	margin:				0px 0px 20px 20px;
	float:				right;
	font-size:			9pt;
	text-align:			left;
}
.rightbox
{
	width:				260px;
	margin:				0px 0px 20px 20px;
	float:				right;
	font-size:			9pt;
	text-align:			justify;
}

.modebox
{
	margin:				0px 0px 0px 20px;
	float:				right;
	font-size:			9pt;
	font-weight:		bold;
	clear:				both;
}

/* Menus...
\*==================================================================================*/
.menu
{
	background:			transparent url( 'gfx/osologo.png' ) left top no-repeat;
	margin:				0px auto;
	padding:			33px 25px 0px 80px;
	font-weight:		bold;
	font-size:			10pt;
	width:				879px;
	height:				20px;
}
.floatleft
{
	float:				left;
	display:			inline-block;
}
.floatright
{
	float:				right;
	display:			inline-block;
}

.menuitem
{
	margin:						3px 0px 0px;
	width:						130px;
	height:						21px;
	font-size:					9pt;
	color:						#DDDD66;
	text-decoration:			none;
	text-align:					center;
	display:					inline-block;
}

.menuitem.single
{
	margin:						0px;
	padding:					2px 0px 0px;
	height:						19px;
	background:					#EBEBEB url( 'gfx/bgbody.png' ) left top;
	font-size:					10pt;
	font-weight:				bold;
	color:						#000000;
	border-top-left-radius:		4px;
	border-top-right-radius:	4px;
}

.menuitem.parent
{
	margin:						0px;
	padding:					2px 0px 0px;
	height:						19px;
	background:					#FFFFFF;/*EBEBEB url( 'gfx/bgbox.png' ) left top;*/
	font-size:					10pt;
	font-weight:				bold;
	color:						#000000;
	border-top-left-radius:		4px;
	border-top-right-radius:	4px;
}

.ribbon
{
	margin:						0px;
	padding:					12px 0px 0px;
	width:						100%;
	height:						20px;
	background:					#FFFFFF;/*transparent url( 'gfx/bgbox.png' ) left top;*/
	border-bottom:				#BBBBBB 1px solid;
	vertical-align:				middle;
}

.ribbonitem
{
	margin:						2px 0px 0px;
	padding:					1px 0px 0px;
	width:						130px;
	height:						17px;
	font-size:					9pt;
	color:						#DDDD66;
	text-decoration:			none;
	display:					inline-block;
	text-align:					center;
	border-top-left-radius:		4px;
	border-top-right-radius:	4px;
}

.ribbonitem.on
{
	background:					#EBEBEB url( 'gfx/bgbody.png' ) left top;
	color:						#000000;
	font-weight:				bold;
	font-size:					10pt;
	border:						#BBBBBB 1px solid;
	border-bottom:				0px;
	border-top-left-radius:		4px;
	border-top-right-radius:	4px;
}

.ribbonitem.on A
{
	color:				#000000;
}

.box
{
	border:				#BBBBBB 1px solid;
	border-radius:		4px;
	padding:			10px;
	text-align:			justify;
	vertical-align:		top;
}

/* News...
\*==================================================================================*/
.newsheadlines
{
	width:				280px;
	float:				right;
	background:			#FFFFFF;
	display:			inline-block;
	font-size:			smaller;
	margin-left:		20px;
}

.news
{
	background:			transparent url( 'gfx/bgbox.png' ) top left;
	text-align:			justify;
	vertical-align:		top;
	margin-bottom:		15px;
}

.right
{
	background:			#FFFFFF;
	width:				260px;
	margin:				0px 0px 20px 20px;
	float:				right;
	font-size:			9pt;
	text-align:			justify;
}

DIV.right > A
{
	font-weight:		bold;
}

.contact
{
	background:			transparent url( 'gfx/bgbox.png' ) top left;
	width:				650px;
	margin:				0px 20px;
	padding:			30px 0px;
}

.contactl
{
	width:				200px;
	padding:			4px 5px;
	text-align:			right;
	vertical-align:		top;
}

.contactr
{
	width:				400px;
	padding:			3px 5px;
}

.message
{
	text-align:			center;
	color:				#00CC00;
	font-weight:		bold;
}

.error
{
	color:				#CC0000;
	font-weight:		bold;
}

.title
{
	font-weight:		bold;
	border-bottom:		#888888 1px solid;
}
.text
{
	margin:				0px 0px 20px;
	text-align:			justify;
}
.smalltext
{
	font-size:			x-small;
	font-weight:		bold;
}
.contents
{
	margin:				5px 0px 10px 20px;
	text-align:			justify;
}

/* Product lists...
\*=============================================================*/
.product
{
	width:				640px;
	background:			#FFFFFF;
	text-align:			justify;
	vertical-align:		top;
}
.producttitle
{
	text-align:			left;
	font-weight:		bold;
	margin:				5px 20px 5px;
	font-size:			x-large;
}
.productlogo
{
	margin:				0px 10px 5px 0px;
	float:				left;
}
.more
{
	font-size:			smaller;
}


.version
{
	border:				#000000 1px solid;
	background:			#F8F8F8;
	margin:				20px auto 5px;
	width:				700px;
}
.download
{
	border:				0px;
	margin:				-2px 10px 0px 0px;
	vertical-align:		middle;
}
.thumb
{
	display:			inline-block;
	margin:				10px;
}

.thumb.left
{
	float:				left;
}

.thumb.right
{
	float:				right;
}

.dialog
{
	background:			transparent url( 'gfx/bgbox.png' ) top left;
	width:				900px;
	margin:				0px auto 40px;
	padding:			30px 0px;
}
.blankrow
{
	padding:			5px 10px;
	width:				880px;
	text-align:			left;
}
.dialogrow
{
	margin:				0px;
	padding:			3px 0px;
	font-weight:		bold;
	font-size:			small;
}
.dialogleft
{
	margin:				0px;
	padding:			0px 5px 0px 0px;
	width:				230px;
	text-align:			right;
	display:			inline-block;
	vertical-align:		top;
}
.dialogleft.error
{
	font-weight:		bold;
	color:				#CC0000;
}
.dialogright
{
	margin:				0px;
	padding:			0px 0px 0px 5px;
	width:				400px;
	display:			inline-block;
	vertical-align:		top;
}
.dialogtext
{
	margin:				0px;
	padding:			0px;
	vertical-align:		top;
	font-weight:		bold;
	font-size:			small;
}
.dialogsplit
{
	border-top:			#BEB7A5 1px solid;
}
.itemcol
{
	margin:				0px;
	width:				740px;
	border-top:			#BEB7A5 1px solid;
	border-right:		#BEB7A5 1px solid;
	padding:			5px 10px;
}
.countcol
{
	margin:				0px;
	width:				120px;
	border-top:			#BEB7A5 1px solid;
	text-align:			center;
	padding:			5px 10px;
}
.itemcol.head
{
	border:				0px;
	padding:			10px 10px 2px;
	font-size:			small;
	font-weight:		bold;
}
.countcol.head
{
	border:				0px;
	padding:			10px 10px 2px;
	font-size:			small;
	font-weight:		bold;
}
.labelcol
{
	padding:			4px 5px 3px 20px;
	width:				260px;
	text-align:			right;
	vertical-align:		top;
}
.labelcol.error
{
	font-weight:		bold;
	color:				#CC0000;
}
.controlcol
{
	padding:			3px 5px 3px;
	width:				460px;
	text-align:			justify;
	vertical-align:		top;
}
.buttoncol
{
	padding:			3px 20px 3px 5px;
	width:				120px;
	text-align:			justify;
	vertical-align:		top;
}
.pagecol
{
	padding:			3px 5px 3px 0px;
	width:				565px;
	text-align:			justify;
	vertical-align:		top;
}
.textcol
{
	padding:			10px 20px;
	text-align:			justify;
	vertical-align:		top;
}

.leftcol
{
	width:				430px;
	font-size:			small;
	vertical-align:		top;
	padding:			10px;
}
.rightcol
{
}

/*.labelcol.slim
{
	width:				145px;
}
.controlcol.wide
{
	width:				675px;
}*/

.slimcontrol
{
	width:				200px;
}
.control
{
	width:				450px;
}
/*.control.wide
{
	width:				675px;
}*/
.button
{
	width:				120px;
}

.dialogerrormsg
{
	margin:				0px auto 5px;
	text-align:			center;
	font-weight:		bold;
	color:				#BB0000;
	font-size:			smaller;
}

DIV.dialogright > A
{
	font-size:			x-small;
	font-weight:		bold;
}
.contactbox
{
	margin:				20px;
	border:				#000000 1px solid;
	background:			#DBE4E9;
	font-size:			smaller;
}

.credittable
{
	margin:				20px 10px 0px;
	padding:			0px;
	border-collapse:	collapse;
	font-size:			smaller;
}

.creditlanguage
{
	padding:			0px 10px;
	width:				110px;
}

.creditname
{
	padding:			0px 10px;
	width:				160px;
}

.media
{
	background:			#FFFFFF;
	text-align:			left;
	vertical-align:		top;
	margin-bottom:		20px;
}

.smallmedia
{
	margin:			0px;
	padding:		3px 10px 7px 0px;
}

.abouttable
{
	margin:				0px auto;
	padding:			0px;
	border-collapse:	collapse;
	font-size:			smaller;
}

.aboutleft
{
	padding:			3px 10px 10px;
	vertical-align:		top;
	text-align:			right;
	font-weight:		bold;
}

.aboutright
{
	padding:			3px 10px 10px;
	vertical-align:		top;
}

/*
{
	border:				1px solid red;
}
*/