/*********************************************************
 * General Styles
 *********************************************************/

body
{
	text-align: center;
}

body, td, a, a:link, a:visited, h1
{
	font-family: Verdana, Arial, Courier New, Courier;
	font-size: 10pt;
}

/*********************************************************
 * Layout
 *********************************************************/

div.frame
{
	width: 790px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

div.frame div.top
{
	float: left;
	clear: both;
	width: 100%;
}

div.frame div.top div.logo
{
	float: left;
}

div.frame div.top div.logo img
{
	border: 0px;
}

div.frame div.top div.logo a
{
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
	color: #707070;
}

div.frame div.top span.beta
{
	position: relative;
	top: -5px;
	margin-left: 5px;
}

div.frame div.top div.slogan
{
	float: right;
	padding-top: 15px;
	font-size: 12pt;
	font-weight: bold;
	color: #484848;
}

div.frame div.menu
{
	float: left;
	clear: both;
	width: 100%;
	height: 22px;
	margin-top: 20px;
	background: url('../images/menu-background.gif');
	border: 1px solid #c0c0c0;
}

div.frame div.menu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 1px;
}

* html div.frame div.menu ul
{
	margin-left: -6px;
}

div.frame div.menu ul li
{
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	margin-left: 6px;
	margin-right: 6px;
}

div.frame div.menu ul li a
{
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
	color: #BE855A;
	padding-right: 10px;
	background: url('../images/menu-separator.gif');
	background-repeat: no-repeat;
	background-position: top right;
}

div.frame div.menu ul li a.last
{
	background: none;
}

div.frame div.menu ul li.current a, div.frame div.menu ul li a:hover
{
	color: #CA4826;
}

div.frame div.content
{
	float: left;
	clear: both;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.frame div.content a
{
	color: #800000;
	text-decoration: underline;
}

div.frame div.content a:hover
{
	color: #ff0000;
}

div.frame div.content h1
{
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	font-size: 14pt;
	font-weight: normal;
}

div.frame div.content h2
{
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	font-size: 12pt;
	font-weight: bold;
}

div.frame div.content input.submit
{
	padding: 5px;
	font-weight: bold;
}

div.frame div.content span.error
{
	color: #ff0000;
}

div.frame div.content p.bold
{
	font-weight: bold;
}

div.frame div.content div.form
{
	float: left;
	clear: both;
	width: 100%;
}

div.frame div.content div.form div.row
{
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 5px;
}

div.frame div.content div.form div.label
{
	float: left;
	clear: left;
	width: 20%;
}

div.frame div.content div.form div.field
{
	float: left;
	clear: right;
	width: 80%;
}

div.frame div.content div.question
{
	float: left;
	clear: both;
	width: 100%;
	line-height: 14pt;
	margin-bottom: 5px;
}

div.frame div.content div.question div.box
{
	float: left;
	padding: 5px;
	margin-right: 5px;
	line-height: 12pt;
	font-size: 10pt;
	font-weight: bold;
	background: #f7f9f8;
	border: 1px solid #c0c0c0;
}

div.frame div.bottom
{
	float: left;
	clear: both;
	width: 100%;
	height: 84px;
	font-size: 8pt;
	background: url('../images/bottom-background.jpg');
	background-repeat: repeat-x;
	border-top: 1px solid #c0c0c0;
	text-align: center;
}

div.frame div.bottom div.text
{
	float: left;
	clear: both;
	width: 100%;
	padding-top: 5px;
	color: #2d2d2d;
}

div.frame div.bottom div.text ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
}

div.frame div.bottom div.text ul li
{
	display: inline;
	margin: 0;
	padding: 0;
	margin-left: 6px;
	margin-right: 6px;
}

div.frame div.bottom div.text ul li a
{
	text-decoration: underline;
	font-size: 8pt;
	color: #2d2d2d;
}

div.frame div.bottom div.text ul li a:hover
{
	color: #000000;
}

/*********************************************************
 * Home Page
 *********************************************************/
 
div.home
{
	float: left;
	clear: both;
	width: 100%;
}

div.home div.introducing
{
	float: right;
	clear: right;
	width: 50%;
	font-size: 10pt;
}

div.home div.introducing div.padding
{
	padding: 5px;
	padding-top: 0px;
	padding-right: 10px;
}

div.home div.introducing h1
{
	margin: 0px;
	padding: 0px;
	font-size: 14pt;
	font-weight: normal;
}

div.home div.introducing p.download
{
	margin-top: 40px;
	text-align: center;
}

div.home div.introducing p.download img
{
	border: 0px;
}

div.home div.introducing p.privacy
{
	margin-top: 40px;
	margin-bottom: 0px;
	text-align: center;
}

div.home div.introducing p.privacy img
{
	border: 0px;
}

div.home div.explanation
{
	float: left;
	clear: left;
	width: 49%;
	background: #f7f9f8;
	border: 1px solid #c0c0c0;
	color: #A84643;
	font-weight: bold;
}

div.home div.explanation div.padding
{
	padding: 5px;
}

div.home div.explanation p.signature
{
	color: #000000;
	font-weight: normal;
}

div.home div.explanation p.screenshot
{
	margin-bottom: 0px;
	text-align: center;
}

div.home div.explanation img.screenshot
{
	border: 0px;
}

/*********************************************************
 * Privacy & Security
 *********************************************************/
 
div.privacy
{
	float: left;
	clear: both;
	width: 100%;
}

div.privacy div.text
{
	float: left;
	clear: left;
	width: 79%;
	font-size: 10pt;
}

div.privacy div.text div.padding
{
	padding: 5px;
	padding-top: 0px;
	padding-right: 10px;
}

div.privacy div.text h2
{
	font-size: 12pt;
	width: auto;
}

div.privacy div.side
{
	float: right;
	clear: right;
	width: 20%;
	padding-top: 10px;
	color: #A84643;
	font-weight: bold;
}

div.privacy div.side div.padding
{
	padding: 5px;
}

/*********************************************************
 * How to Use
 *********************************************************/
 
div.howtouse
{
	float: left;
	clear: both;
	width: 100%;
}

div.howtouse div.step
{
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 10px;
}

div.howtouse div.step div.number
{
	float: left;
	clear: left;
	padding: 5px;
	font-size: 10pt;
	font-weight: bold;
	background: #f7f9f8;
	border: 1px solid #c0c0c0;
}

div.howtouse div.step div.text
{
	float: left;
	clear: right;
	width: 96%;
	margin-left: 10px;
	text-align: justify;
}

div.howtouse div.step div.text br.break
{
	clear: both;
}

div.howtouse div.step div.text img
{
	border: 0px;
}

/*********************************************************
 * Listing
 *********************************************************/

table.listing {
	font-family: Verdana, Courier New, Courier, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	border-collapse: collapse;
	text-align: left;
}

table.listing thead {
	background: #de1810;
	font-family: Verdana, Courier New, Courier, Arial, Helvetica;
	font-size: 12px;
	color: #fefefe;
}

table.listing thead th {
	padding: 5px;
	border-left: 1px solid #e7e7e7;
	border-top: 1px solid #e7e7e7;
	font-weight: normal;
}

table.listing thead th a, table.listing thead th a:link, table.listing thead th a:visited {
	font-family: Verdana, Courier New, Courier, Arial, Helvetica;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

table.listing thead th a:hover {
	color: #ffffff;
	text-decoration: underline;
}

table.listing thead td {
	background: #ffffff;
	border-left: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	border-top: 0px;
	border-right: 0px;
}

table.listing td {
	padding: 5px;
	border-left: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
}

table.listing tr.even td {
	background: #dfdfdf;
	color: #000000;
}

table.listing tr.odd td {
	background: #ffffff;
	color: #000000;
}

table.listing tr.odd td a, table.listing tr.odd td a:link, table.listing tr.odd td a:visited,
table.listing tr.even td a, table.listing tr.even td a:link, table.listing tr.even td a:visited
{
	color: #000080;
}

table.listing tr.even th, table.listing tr.odd th  {
	padding: 5px;
	border-left: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	text-align: left;
}

table.listing tr.even th {
	font-weight: bold;
}

table.listing tr.odd th {
	font-weight: bold;
}

table.listing tr.footer {
}

table.listing tr.footer td {
	padding: 0px;
	border: 0px;
}

table.listing tr.footer td table tr td.navigation a, table.listing tr.footer td table tr td.navigation a:visited,
table.listing tr.footer a.navigation, table.listing tr.footer a.navigation:visited
{
	font-family: Verdana, Courier New, Courier, Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #800000;
	text-decoration: underline;
}

table.listing tr.footer td table tr td.navigation a:hover,
table.listing tr.footer a.navigation:hover
{
	color: #ff0000;
}