@charset "iso-8859-1";

@media print
{
	body
	{
		font-family: "Trebuchet MS", "Tahoma", "Arial", "Helvetica";
	}
}

@media screen, handheld
{
	body
	{
		color: #404040;

		background: #FFFFFF;
		background-image: -webkit-gradient(linear, center top, center bottom, from(#e0ecf8), to(#ffffff), color-stop(100px, #ffffff));
		background-image: -webkit-linear-gradient(top, #e0ecf8, #ffffff 100px, #ffffff);
		background-image: -moz-linear-gradient(top, #e0ecf8, #ffffff 100px,#ffffff);
		background-image: -o-linear-gradient(top, #e0ecf8, #ffffff 100px, #ffffff);
		background-image: -ms-linear-gradient(top, #e0ecf8, #ffffff 100px, #ffffff);
		background-image: linear-gradient(top, #e0ecf8, #ffffff 100px, #ffffff);

		font-family: "Trebuchet MS", "Tahoma", "Arial", "Helvetica";
		font-size: small;

		margin: 0;
		padding: 0;
	}
}

p
{
	margin-top: 3pt;
	margin-bottom: 6pt;
}

img
{
	border: none;
}

table
{
	border: 1px solid #E8E8E8;
	margin: 0;
	padding: 0;
}
th
{
	font-weight: bold;
	background: #E0ECF8;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 8px;
	padding-right: 8px;
}
td
{
	color: #000000;
	padding: 8px;
	vertical-align: top;
}

table.borderless
{
	border: none;
}

ul
{
	margin: 6pt 0;
	padding: 0;
	list-style-type: square;
}
li
{
	margin: 0 0 6pt 2em;
}

ul.intro li
{
	margin: 0 0 0 2em;
	font-weight: bolder;
}

hr
{
	border-style: none;
	margin: 4px 0;
	padding: 0;
	color: #E0ECF8;
	background-color: #E0ECF8;
	height: 4px;
	clear: both;
}

address
{
	font-size: small;
	padding-bottom: 3em;
}

h1
{
	color: #404040;
	font-size: 18pt;
	font-weight: bold;
	margin: 36pt 0 1em 0;
	padding: 0 0 0 0;
	line-height: 48px;
	border-bottom: solid 12px #E0ECF8;
}

h2
{
	clear: both;
	color: #404040;
	font-size: 12pt;
	font-weight: bold;
	margin: 2ex 0 1em 0;
}
@media screen, handheld
{
	h2
	{
		background: #E0ECF8;
		text-indent: 6pt;
	}
}
h3
{
	color: #404040;
	font-size: 12pt;
	font-weight: bold;
	margin: 1ex 0 1ex 0;
}
h4
{
	color: #404040;
	font-size: 10pt;
	font-weight: bold;
	margin: 1ex 0 1ex 0;
}

dt
{
	font-style: italic;
	margin-top: 3pt;
	margin-bottom: 6pt;
	clear: both;
}

dd
{
	margin-top: 3pt;
	margin-bottom: 6pt;
}

em
{
	font-style: normal;
	font-weight: bold;
	color: #2856A6;
}

a:link
{
	color: #2968A8;
}
a:visited
{
	color: #205080;
}
a:hover
{
	color: #404040;
}

@media print
{
	a
	{
		text-decoration: none;
	}
}

/* */

.subsembly
{
	color: #1F4F7F;
	font-size: 38pt;
	font-weight: bold;
	font-family: "Trebuchet MS", "Tahoma", "Arial", "Helvetica";
}
.slogan
{
	color: #494F56;
	font-size: 18pt;
	font-weight: bold;
	font-family: "Trebuchet MS", "Tahoma", "Arial", "Helvetica";
}

/* Layout */

#header
{
	height: 96px;
	background-image: url(images/BackGradient.gif);
	background-repeat: repeat-x;
}
#logo
{
	position: absolute;
	top: 0;
	left: 0;
	width: 224px;
	height: 96px;
	border: none;
	background-image: url(images/WebHeader.gif);
}
#lang
{
	position: absolute;
	top: 8px;
	right: 8px;
	height: 20px;
	padding: 0pt;
	margin: 0pt;
	font-size: 9px;
}
#navigation
{
	position: absolute;
	top: 24px;
	left: 18px;
	width: 156px;

	background: #E0ECF8;
	
	background-image: -webkit-gradient(linear, right center, left center, from(#e0ecf8), to(#cde0f4));
	background-image: -webkit-linear-gradient(right, #e0ecf8, #cde0f4);
	background-image: -moz-linear-gradient(right, #e0ecf8, #cde0f4);
	background-image: -o-linear-gradient(right, #e0ecf8, #cde0f4);
	background-image: -ms-linear-gradient(right, #e0ecf8, #cde0f4);
	background-image: linear-gradient(right, #e0ecf8, #cde0f4);

	border: 1px solid #6d8094;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.35);
	-moz-box-shadow: 0 1px 8px rgba(0,0,0,0.35);
	box-shadow: 0 1px 8px rgba(0,0,0,0.35);
}
#content
{
	margin-top: 24px;
	margin-left: 200px;
	margin-right: 8px;
}

@media print
{
	#header
	{
		display: none;
	}
	#logo
	{
		display: none;
	}
	#lang
	{
		display: none;
	}
	#navigation
	{
		display: none;
	}
	#content
	{
		margin: 0;
	}
}


/* Navigation Menu */

#navigation > a
{
	display: block;
	text-decoration: none;
}

#navigation > a.thismenu
{
	padding-left: 16px;
	padding-right: 16px;
	font-weight: bold;
	font-size: 12pt;
	color: #202020;
	background: #91C2F2;
}

#navigation > a.menu
{
	padding-left: 16px;
	padding-right: 16px;
	font-weight: bold;
	font-size: 12pt;
	color: #205080;
}

#navigation > a.thissubmenu
{
	padding-left: 24px;
	padding-right: 16px;
	font-weight: normal;
	font-size: 10pt;
	color: #202020;
	background: #91C2F2;
}

#navigation > a.submenu
{
	padding-left: 24px;
	padding-right: 16px;
	font-weight: normal;
	font-size: 10pt;
	color: #205080;
}

#navigation > a:hover
{
	color: #E0E0E0;
	background: #446688;
}

#navigation > .menusection
{
	font-weight: bold;
	font-size: 12pt;
	margin-top: 1ex;
	padding-left: 8px;
	padding-right: 8px;
	color: #202020;
}

#navigation > div
{
	padding-left: 8px;
	padding-right: 8px;
}

/* Product Sections */

@media screen, handheld
{
	.product
	{
		padding-left: 64px;
	}

	.banking
	{
		background-image: url(images/BankingIcon48x48.png);
		background-repeat: no-repeat;
	}
	
	.paycheck
	{
		background-image: url(images/PayCheckIcon48x48.png);
		background-repeat: no-repeat;
	}
	
	.wallet
	{
		background-image: url(images/WalletIcon48x48.png);
		background-repeat: no-repeat;
	}
}

.verdana
{
	font-family: "Verdana";
	font-weight: 900;
	color: #202020;
}
.blue
{
	color: #2856A6;
}
.normal
{
	color: #202020;
	font-weight: normal;
}
.legalese
{
	font-size: xx-small;
	color: #606060;
}
.date
{
	margin-top: -2ex;
	margin-bottom: 2ex;
	color: #888;
}


.buttons
{
	float: right;
	margin-left: 8px;
	margin-bottom: 4px;
}
@media print
{
	.buttons
	{
		display: none;
	}
}

.tagimage
{
	float: left;
	margin-right: 16px;
	margin-bottom: 8px;
}

.tagline
{
	font-family: "Verdana";
	font-weight: 900;
	color: #202020;
}

/* Product Content */

.awards
{
	clear: right;
	float: right;
	margin-left: 16px;
	margin-bottom: 8px;
}

.screenshots
{
	clear: right;
	float: right;
	margin-left: 16px;
	margin-bottom: 8px;
	font-size: x-small;
	text-align:right;
}
@media print
{
	.screenshots a
	{
		display: none;
	}
}

/* Footer */

.w3logo
{
	float: right;
	margin-left:16px;
}
@media print
{
	.w3logo
	{
		display: none;
	}
}

/* Use to mark content that should not be printed */

@media print
{
	.noprint
	{
		display: none;
	}
}