@charset "iso-8859-1";

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

@media screen, handheld
{
	body
	{
		color: #404040;
		background: #FFFFFF;
		background-image: url(images/Back.gif);
		background-repeat: repeat-y;
		font-family: "Trebuchet MS", "Tahoma", "Arial", "Helvetica";
		margin: 0;
		padding: 0;
		/*
		padding-left: 192px;
		padding-top: 72px;
		padding-right: 16px;
		padding-bottom: 16px;*/
		font-size: small;
	}
}

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: #202020;
    font-size: 20pt;
    font-weight: bold;
    margin: 0 0 1em 0;
}
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 2ex 0;
}
h4
{
    color: #404040;
    font-size: 10pt;
    font-weight: bold;
    margin: 1ex 0 2ex 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;
	}
}

/* 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: 104px;
	left: 18px;
	width: 156px;
}
#content
{
	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 form
{
    padding-left: 8px;
    padding-right: 8px;
    font-weight: normal;
    font-size: 12pt;
    color: #202020;
}

/* Product Sections */

@media screen, handheld
{
	.product
	{
		padding-left: 64px;
		padding-top: 4px;
		height: 52px;
		overflow: hidden;
	}

	.banking
	{
		background-image: url(images/BankingHead.gif);
	}
	
	.paycheck
	{
		background-image: url(images/PayCheckHead.gif);
	}
	
	.wallet
	{
	    background-image: url(images/WalletHead.gif);
	}
}

.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;
	}
}