﻿/* -- html elements -- */
* {font:normal 8pt verdana, tohoma, arial;}
html {height: 100%; border: 0; padding: 0; margin: 0;} 
body {height: 100%; background:#ffffff; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-align:center;}
h2 {font-weight:600; font-size:11px;}
h3 {font:bold 14px verdana, tohoma, arial}
h4 {font:bold 11px verdana, tohoma, arial}
h5 {font:normal 11px verdana, tohoma, arial}
a {font:normal 8pt verdana, arial, tohoma; text-decoration:none;}
a:link {color:#0A59A4; text-decoration:none; cursor:hand}
a:hover {color:#0A59A4; text-decoration:underline; cursor:hand}
a:visited {color:#0A59A4; cursor:hand}
ul {list-style-position:outside;}
li {list-style-type:square; padding: 2px 0px 2px 0px;}
hr {text-align:center;}

/* -- layout containers -- */
.masterContainer {background:url(../../images/side.gif) repeat-y top left #ffffff; width:960px; margin:auto; min-width:960px; text-align:center;}

.pageText p {text-align:left; font-size:8pt; font-weight:normal;}
.pageText ul {list-style-type:square; list-style-position:outside; margin:0 0 0 20px;}
.pageText a {font-size:8pt; text-decoration:none;}
.pageText a:link {color:#0A59A4; text-decoration:none; cursor:hand}
.pageText a:hover {color:#0A59A4; text-decoration:underline; cursor:hand}
.pageText a:visited {color:#0A59A4; cursor:hand}

.footer {background:url(../../images/footer.gif) no-repeat bottom left #ffffff; clear:both; height:50px; width:960px; padding-top:20px;}
.footer a {color:#0a59a4; font-size:8pt; text-decoration:none;} 
.footer a:link {color:#0a59a4; text-decoration:none; cursor:hand;}
.footer a:hover {color:#0a59a4; text-decoration:underline; cursor:hand}
.footer a:visited {color:#0a59a4; cursor:hand}

.sloganContainer {float:left; margin-left:45px; margin-top:-15px; width:325px; height:45px;}
.sloganContainer h1 {font-size:12pt; font-weight:600; color:#00801b; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

.headerContainer {height:121px; width:960px; padding:16px 0 0 1px; text-align:center; display:block; background-image:url(../../images/header.gif); background-repeat:no-repeat; background-position:left top;}
.logoContainer {float:left; width:271px; height:91px; display:block; cursor: pointer; margin: 25px 0px 0px 20px;}
.headerRight {float:right; width:450px; height:66px; margin:3px 20px 3px 0px; font-size:7.5pt; text-align:right;}
.menuContainer {background:url(../../images/side.gif) repeat-y top left; clear:both; width:960px; margin-top:5px; background-color:#ffffff; text-align:left; padding:0;}

/* -- container controls -- */
.leftAlignContainer {padding:0em 1em 1em 1em; text-align:left;}
.leftAlignContainerWithLeftBorder {padding:0em 1em 1em 1em; text-align:left; border-left:solid 1px #596f9f;}
.rightAlignContainer {padding:0em 1em 1em 1em; text-align:right;}

.paragraph {padding:0 0 1em 0;}
.paragraph ul {list-style-type:square; list-style-position:outside; margin:0 0 0 20px;}
.heading {font-size:13px; font-weight:bold; padding: 0 0 0.5em 0; color: #292929;}
.heading a {font-size:13px; font-weight:bold; padding: 0 0 0.5em 0; color: #0A59A4;}
.subHeading {font-size:11px; font-weight:bold; padding: 0 0 0.5em 0; color: #292929;}

div.tutorialParagraph {padding:0 0 2em 0; width: 715px;}
div.tutorialHeading {font-size:14px; font-weight:bold; padding: 2em 0 0 0; color: #00801b;}
div.tutorialHeading a {font-size:14px; font-weight:bold; padding: 0 0 0 0; color: #0A59A4;}
div.tutorialHeading a:link {color:#0a59a4; text-decoration:none; cursor:hand;}
div.tutorialHeading a:hover {color:#0a59a4; text-decoration:underline; cursor:hand}
div.tutorialHeading a:visited {color:#0a59a4; cursor:hand}
div.tutorialBody {padding:0 0 0 0;}
div.tutorialBodyParagraph {text-align:justify; padding:3em 0 3em 0; font-size:9pt;}
div.tutorialImageFooter {font:bold 7.5pt verdana, tohoma, arial; }

.testimonialContainer {padding:10px 5px 0px 5px;}
.testimonialBody {text-align:justify; color:#000000;}
.testimonialCustomer {padding-top: 2px; text-align:right; font-style:italic;}
.testimonialCustomer span {font-style:italic;}

/* Terms of use, privacy policy and other containers */
.disclaimerContainer {background-color:#ffffff; padding: 0em 1em 1em 1em; font-size: 10px; text-align:left;}
.disclaimerContainer a {font-size: 10px !important; }
.disclaimerContainer .heading {font-weight:bold;}

div.mouseover_popup {text-align: left; background-color:rgb(255,255,230);  border:1px solid black;  padding:10px; font-size:8pt;}
div.mouseover_popup li {background: url(../../images/bullet-triangle-blue.png) no-repeat 2px 4px !Important; padding-left: 20px; line-height: 15px; list-style-type:none !Important; margin-left: -30px;}
div.mouseover_popup table {border: 0; width: 99%; border-collapse: collapse; }
div.mouseover_popup td {text-align: center!important; vertical-align: top; color: black; border: 0px; font-size: 11px;}
div.mouseover_popup table.border td {border: 1px solid silver;}
div.mouseover_popup td.leftalign {text-align: left!important;}
div.mouseover_popup .caption {color: #003366; font-weight: bolder!important;}

div.leftAlignContainer li { background:url(../../images/bullet-check-green.png) no-repeat 2px 4px; padding-left:20px; line-height:15px; list-style-type:none !Important; margin-left:-30px;}
div.leftAlignContainer li a {color: #0A59A4;}
div.leftAlignContainer li a:link {color:#0a59a4; text-decoration:none; cursor:hand;}
div.leftAlignContainer li a:hover {color:#0a59a4; text-decoration:underline; cursor:hand}
div.leftAlignContainer li a:visited {color:rgb(85,26,139); cursor:hand}

.topLink {padding:0 0 1em 0; width:100%; text-align:right;}
.topLink a {}
