/*
General properties
*/

/* fonts and alignment for common elements */
body, p, tr, td, th, ol, ul, li {
	font-family: helvetica, arial, verdana, sans-serif;
/*	Used before problem in Johan Chrome browser arised, Trac ticket 383:
	font-family: Univers, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-size: 13px;
	text-align:left; vertical-align:top;
}

/* null body padding and margins */
html, body {margin:0; padding:0;}

/* remove border from linked images */
img {border: none;}

/* remove all cell padding from all tables */
/* table {border-style:solid; border-color:red; border-width:1px;} */
table {border-collapse: collapse; padding:0; margin:0; border-style:none;}

/* null padding and margins for table cells */
td {margin:0; padding:0; border-style:none;}


/* 
Specific properties
*/

/* place gradient into backgound of the body */
body {text-align:center; background-image: url(images/topGrad.png); background-repeat:repeat-x;}

p { margin:18px 0 0 0;}

a, a:hover, a:active {color:#808fd9; text-decoration:none; font-weight: bold;}
a[href]:hover, a[href]:hover * {color:#96a8ff; font-weight: bold;}

a.blackLink, a.blackLink:active {color:black; text-decoration:none; font-weight: normal;}
a.blackLink:hover {color:#4d4d4d; font-weight: normal;}
a.blackLink:visited {}

h1 {font-family: helvetica, arial, verdana, sans-serif; font-size:18px; font-weight: bold; color: #808fd9; margin:0 0 18px 0; line-height:21px;}
h2 {font-family: helvetica, arial, verdana, sans-serif; font-size:13px; font-weight: bold; color: #808fd9; text-transform:uppercase; margin:0; padding:0px 0 0 0; line-height:16px;} 
h3 {font-family: helvetica, arial, verdana, sans-serif; font-size:13px; font-weight: bold; color: #808fd9; margin:0 0 0px 0; padding:0;line-height:15px;}

div.introText {margin:19px 0 48px 0;}
.introText *      { font-size: 16px; line-height: 24px; color: #333333;}
.introText h1     { font-size: 18px; line-height: 20px; margin:4px 0 4px 0; vertical-align: bottom; color: #808fd9;}
.introText p { margin:0px 0 0 0;}
.introText a, .introText a:hover, .introText a:active {color:#808fd9; text-decoration:none; font-weight: bold;}
.introText a[href]:hover {color:#96a8ff; font-weight: bold;}

img#logo {margin: 0 auto; display:block; float:none;}

/* the same width as for logo image to preserve centering */
div.pagePlacement {width:815px; margin: 0 auto; float:none;}
/*div.pageText {width: 635px; margin: 0 90px 0 90px; text-align: left; line-height:18px;}*/
div.pageText {width: 545px; margin: 0 135px 0 135px; text-align: left; line-height:18px;}

table.tableCompanies {margin:15px 0 21px 0; width:100%;}

table.flap {background-color:#808fd9; white-space:nowrap; width:100%;}
table.flap td.txt {color:white; background-color:#808fd9; width:100%; text-align:center; vertical-align:middle; font-weight: bold;}

table.flap2 {background-color:#808fd9; white-space:nowrap; width:100%; cursor: pointer;}
table.flap2 td.txt {color:white; background-color:#808fd9; width:100%; text-align:center; vertical-align:middle; font-weight: bold; font-size:12px;}

table.flap2Gray {background-color:#cdcdcd; white-space:nowrap; width:100%; cursor: pointer;}
table.flap2Gray td.txt {color:white; background-color:#cdcdcd; width:100%; text-align:center; vertical-align:middle; font-weight: bold; font-size:12px;}

tr.odd {}
tr.even {background-color:#dde1f5;}

table.tableCompanies td.tabComp1 {padding:2px 16px 2px 3px; width: 135px; white-space:nowrap;}
table.tableCompanies td.tabComp2 {padding:2px 16px 2px 9px; width: 114px;}
table.tableCompanies td.tabComp3 {padding:2px 16px 2px 3px; width: 128px;}
table.tableCompanies td.tabComp4 {padding:2px 16px 2px 3px; width:150px;}

div.contacts {width:100%; background-color: #eaeaea; margin: 70px 0 40px 0; padding:2px 0; vertical-align:middle; text-align:center;}
div.contacts a, div.contacts a:hover {color: black; font-weight:normal;}

div.faqChartImage {padding:0 0 18px 26px; font-size: 11px; line-height: 16px; float:right; width:221px;}
div.faqChartImage img {padding: 0 0 10px 0;}

div.hiddenDiv {position:absolute; top:-10000px; left:-10000px; }
