body {
  font-size: 0.7em;
  background-color: white;
  margin: 0;
  color: #4c4e5b;
  font-family: tahoma, verdana, arial, sans serif;
}

input, select, textarea {
  color: #000099;
  font-family: tahoma, verdana, arial, sans serif;
  font-size: 100%;
}

form {
  margin: 0;
}

img {
  border: 0;
}

p {
  margin: 10px 0;
  line-height: 15px;
}

/* IE NEEDS A PERCENTAGE \*/
* html p {height: 120%;} /* 
/* END FIX */

a {
  color: #2651a6;
}

a:visited {
  color: #5980cc;
}

hr {
  height: 1px;
  border-top: #dddddd 1px solid;
  border-bottom: none;
  border-left: none;
  border-right: none;
  margin: 10px 0;
}

a:hover,
a:visited:hover {
  color: #676977;
  text-decoration: none;
}

.highlight {
  color: red;
}

.clear {
  clear: both;
  font-size: 0;
}

.legend {
  background-color: #f0f0f0;
  padding: 4px;
  width: 250px;
  margin-left: auto;
}

/* icons */
a.icon {
  background-repeat: no-repeat;
  background-position: 0 3px;
}

a.icon-arrow-up {
  background-image: url(/images/icons/links/arrow_up.png);
  padding-left: 8px;
}


/* main layout */
table.main-container {
  border-collapse: collapse;
  margin: 0 auto;
}

table.main-container td {
  padding: 0;
}

#left-edge {
  background-image: url(/images/page_edge/left.png);
  background-repeat: repeat-y;
  width: 12px;
  font-size: 0;
}

#right-edge {
  background-image: url(/images/page_edge/right.png);
  background-repeat: repeat-y;
  width: 12px;
  font-size: 0;
}

#bottom-edge {
  background-image: url(/images/page_edge/bottom.png);
  background-repeat: repeat-x;
  height: 12px;
  font-size: 0;
}

#left-corner {
  background-image: url(/images/page_edge/left_corner.png);
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  font-size: 0;
}

#right-corner {
  background-image: url(/images/page_edge/right_corner.png);
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  font-size: 0;
}

table.main-container td.main-cell {
  width: 775px;
}

.logo-bar {
  height: 60px;
  background-image: url(/images/top_background.png);
  background-repeat: repeat-x;
}

.logo-bar img.logo {
  float: left;
  margin-left: 10px;
}

.logo-bar img.strap {
  float: right;
  margin-top: 22px;
  margin-right: 15px;
}


.home-image-bar {
  height: 190px;
  background-color: #85baed;
}


/* navigation bar */
.nav-bar {
  height: 25px;
  background-color: #a4a5ba;
  background-image: url(/images/nav_background.png);
  background-repeat: repeat-x;
  padding: 0 2px;
}

.nav-bar a {
  display: block;
  float: left;
  height: 25px;
  background-repeat: no-repeat;
}

.nav-bar a span {
  display: none;
}

.nav-bar a.home                     { background-image: url(/images/nav/home.png); width: 45px; }
.nav-bar a.home:hover               { background-position: right top; }
.nav-bar a.home-selected            { background-image: url(/images/nav/home_selected.png); width: 45px; }

.nav-bar a.about-formgenie          { background-image: url(/images/nav/about_formgenie.png); width: 101px; }
.nav-bar a.about-formgenie:hover    { background-position: right top; }
.nav-bar a.about-formgenie-selected { background-image: url(/images/nav/about_formgenie_selected.png); width: 101px; }

.nav-bar a.faqs                     { background-image: url(/images/nav/faqs.png); width: 42px; }
.nav-bar a.faqs:hover               { background-position: right top; }
.nav-bar a.faqs-selected            { background-image: url(/images/nav/faqs_selected.png); width: 42px; }

.nav-bar a.trial                     { background-image: url(/images/nav/demo.png); width: 68px; }
.nav-bar a.trial:hover               { background-position: right top; }
.nav-bar a.trial-selected            { background-image: url(/images/nav/demo_selected.png); width: 68px; }

.nav-bar a.demo                     { background-image: url(/images/nav/free_demo.png); width: 70px; }
.nav-bar a.demo:hover               { background-position: right top; }
.nav-bar a.demo-selected            { background-image: url(/images/nav/free_demo_selected.png); width: 70px; }

.nav-bar a.buy                      { background-image: url(/images/nav/buy.png); width: 60px; }
.nav-bar a.buy:hover                { background-position: right top; }
.nav-bar a.buy-selected             { background-image: url(/images/nav/buy_selected.png); width: 60px; }

.nav-bar a.screenshots              { background-image: url(/images/nav/screenshots.png); width: 82px; }
.nav-bar a.screenshots:hover        { background-position: right top; }
.nav-bar a.screenshots-selected     { background-image: url(/images/nav/screenshots_selected.png); width: 82px; }

.nav-bar a.about-us                 { background-image: url(/images/nav/about_us.png); width: 62px; }
.nav-bar a.about-us:hover           { background-position: right top; }
.nav-bar a.about-us-selected        { background-image: url(/images/nav/about_us_selected.png); width: 62px; }

.nav-bar a.my-formgenie             { background-image: url(/images/nav/my_formgenie.png); width: 86px; }
.nav-bar a.my-formgenie:hover       { background-position: right top; }
.nav-bar a.my-formgenie-selected    { background-image: url(/images/nav/my_formgenie_selected.png); width: 86px; }

.nav-bar a.contact                  { background-image: url(/images/nav/contact.png); width: 60px; }
.nav-bar a.contact:hover            { background-position: right top; }
.nav-bar a.contact-selected         { background-image: url(/images/nav/contact_selected.png); width: 60px; }

.nav-bar a.links                    { background-image: url(/images/nav/links.png); width: 45px; }
.nav-bar a.links:hover              { background-position: right top; }
.nav-bar a.links-selected           { background-image: url(/images/nav/links_selected.png); width: 45px; }

.nav-bar a.upgrade                  { background-image: url(/images/nav/upgrade.png); width: 60px; }
.nav-bar a.upgrade:hover            { background-position: right top; }
.nav-bar a.upgrade-selected         { background-image: url(/images/nav/upgrade_selected.png); width: 60px; }

.nav-bar a.results                  { background-image: url(/images/nav/results.png); width: 58px; }
.nav-bar a.results:hover            { background-position: right top; }
.nav-bar a.results-selected         { background-image: url(/images/nav/results_selected.png); width: 58px; }


/* main body */
.main-body {
  background-color: #f0f2f5;
  background-image: url(/images/main_background.png);
  background-repeat: repeat-x;
  padding: 20px 10px 10px 10px;
}

.main-body h1.page-title {
  background-repeat: no-repeat;
  height: 18px;
  margin: 0 0 15px 0;
}

.main-body h1.page-title span {
  display: none;
}

.main-body h2 {
  margin: 10px 0;
  color: #183164;
  font-family: georgia, times, serif;
  font-size: 120%;
  font-weight: normal;
}

/* FIX TO REMOVE PEEKABOO BUG FROM IE-WIN \*/
* html .main-body {height: 1%;} /* 
/* END FIX */


/* home */
table.home-table {
  border-collapse: collapse;
  width: 100%;
}

table.home-table td.text {
  padding: 0 15px 0 0;
}

table.home-table td.flash-movie {
  padding: 0;
  width: 375px;
}


/* footer */
.footer {
  margin: 5px auto 20px auto;
  width: 775px;
  color: #b9bacb;
  text-align: center;
  font-size: 90%;
}

.footer p {
  margin: 0 0 5px 0;
}

.footer a,
.footer a:hover {
  color: #b9bacb;
}


/* lists */
ul.pretty {
    list-style: none;
    margin: 10px 0 10px 10px;
    padding: 0;
}

ul.pretty li {
    padding-left: 24px;
    background: url(/images/icons/bullit.png) 0 2px no-repeat;
    margin: 8px 0;
}

/* faqs */
ol.faq-list {
  margin-bottom: 20px;
  font-size: 120%;
}

ol.faq-list li {
  margin-bottom: 3px;
}

ol.faq-answers h3 {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 5px;
}

ol.faq-answers h4 {
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 5px;
}

ol.faq-answers li {
  margin-bottom: 10px;
}


/* simple form */
form.simple-form {
  margin-top: 10px;
  margin-bottom: 10px;
}

form.simple-form .field {
  padding: 5px;
}

form.simple-form .field label {
  font-weight: bold;
  margin-bottom: 3px;
  display: block;
  color: #55555A;
}

form.simple-form input,
form.simple-form textarea {
  width: 175px;
}

form.simple-form .submit-container {
  padding-left: auto;
  text-align: right;
  margin-top: 5px;
}

form.simple-form ul.error {
  margin: 0 0 5px 0;
  color: red;
  margin-left: 0;
  padding-left: 20px;
  font-size: 90%;
}

form.simple-form ul.error li {
  margin-bottom: 2px;
}

form.simple-form .note {
  font-size: 90%;
  margin-bottom: 3px;
}


/* side form */
.side {
  float: right;
  margin: 0 0 10px 10px;
  background-color: #e5e7eb;
  padding: 5px;
  width: 190px;
}

.side p:first-child {
  margin-top: 0;
}

.side p:last-child {
  margin-bottom: 0;
}


/* feature matrix */
table.feature-matrix {
  border-collapse: separate;
  border-spacing: 1px;
  margin: 10px auto;
  background-color: white;
  border: white 10px solid;
}

table.feature-matrix td {
  padding: 4px;
}

table.feature-matrix th {
  padding: 0;
}

table.feature-matrix th.demo {
  background-color: #eef7eb;
  width: 99px;
}

table.feature-matrix th.weekender {
  background-color: #ededff;
  width: 99px;
}

table.feature-matrix th.bronze {
  background-color: #f7f3eb;
  width: 99px;
}

table.feature-matrix th.silver {
  background-color: #ebf0f7;
  width: 99px;
}

table.feature-matrix th.gold {
  background-color: #f7f6eb;
  width: 99px;
}

table.feature-matrix th .label {
  margin: 3px 0;
  font-weight: bold;
}

table.feature-matrix td.feature {
  width: 200px;
  background-image: url(/images/matrix/feature_background.png);
  background-position: right top;
  background-repeat: repeat-y;
  font-size: 90%;
  text-align: right;
  padding-right: 10px;
}

table.feature-matrix td.demo {
  background-color: #e9f2e6;
  text-align: center;
}

table.feature-matrix td.weekender {
  background-color: #e8e8fa;
  text-align: center;
}

table.feature-matrix td.bronze {
  background-color: #f2eee6;
  text-align: center;
}

table.feature-matrix td.silver {
  background-color: #e6ebf2;
  text-align: center;
}

table.feature-matrix td.gold {
  background-color: #f2f1e6;
  text-align: center;
}

table.feature-matrix td.notes {
  font-size: 90%;
  padding: 5px 5px 15px 5px;
}

table.feature-matrix th.costs {
  background-color: #f0f2f5;
  font-weight: bold;
  text-align: center;
}

table.feature-matrix img.buy,
table.feature-matrix img.upgrade {
  margin-top: 3px;
}

table.feature-matrix td .save {
  color: red;
  font-weight: normal;
  margin-top: 3px;
}

table.feature-matrix tr.buy-buttons td {
  text-align: center;
  padding: 15px 4px;
  background-image: url(/images/divider_vertical.png);
  background-position: right top;
  background-repeat: repeat-y;
}


/* screenshots */
table.screenshots {
  background-color: #e5e7eb;
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0;
}

table.screenshots td {
  padding: 10px;
  text-align: center;
  font-size: 90%;
  width: 33%;
}

table.screenshots td img {
  margin-bottom: 10px;
}

table.screenshots td a {
  text-decoration: none;
}


/* buy header */
table.buy-header {
  width: 732px;
  margin: 0 auto ;
  border-collapse: collapse;
  height: 97px;
}

table.buy-header td {
  padding: 0px;
}

table.buy-header td.trail {
  background-image: url(/images/title_header/bottom.png);
  background-repeat: no-repeat;
  height: 55px;
  padding: 3px 0 0 10px;
}

table.buy-header td.trail .divider {
  color: #c0c2cd;
  margin: 0 10px;
}

table.buy-header td.title {
  height: 42px;
}

table.buy-header td.title img {
  margin-top: 6px;
}


/* detailled form */
table.form {
  width: 100%;
  border-collapse: collapse;
  margin: 10px auto;
}

table.form td,
table.form th {
  padding: 5px;
}

table.form th {
  text-align: right;
  padding-top: 7px;
  color: #606163;
}

table.form th label {
  font-weight: bold;
}

table.form td {
  padding-left: 20px;
}

table.form div.note {
  font-size: 90%;
  margin-top: 3px;
  font-weight: normal;
}

table.form span.note {
  font-size: 90%;
  margin-left: 5px;
  font-weight: normal;
}

table.form td.mandatory {
  background-image: url(/images/icons/mandatory_bullet.png);
  background-repeat: no-repeat;
  background-position: 4px 11px;
}

table.form td.mandatory-indicator {
  background-image: url(/images/icons/mandatory_bullet.png);
  background-repeat: no-repeat;
  background-position: 4px 9px;
  font-size: 90%;
  padding-left: 14px;
}

table.form td input,
table.form td select,
table.form td textarea {
  width: 200px;
}

table.form td input.box {
  width: auto;
  vertical-align: -20%;
}

table.form tr.divider td {
  height: 1px;
  font-size: 0;
  background-color: #e5e7eb;
  padding: 0;
}

table.form tr.spacer td {
  height: 10px;
  font-size: 0;
  padding: 0;
}

table.form tr.no-form th {
  padding-top: 5px;
  font-weight: bold;
}

table.form td.submit {
  padding-left: auto;
  text-align: right;
}

table.form td .important-note {
  font-size: 90%;
  margin-top: 3px;
  font-weight: normal;
  color: red;
}

table.form tr.heading th {
  background-color: #e5e7eb;
  font-weight: bold;
  text-align: left;
  padding-top: 5px;
}

table.form tr.heading th a.edit-link {
  float: right;
}

.form-nav .right {
  float: right;
}

.form-nav .right a,
.form-nav .right input {
  margin-left: 10px;
}


/* form errors */
form ul.error {
  color: red;
}

form ul.error li {
  margin-bottom: 2px;
}

form ul.error li label {
  text-decoration: underline;
  cursor: pointer;
}

form ul.error li label:hover {
  text-decoration: none;
}


/* notification lists */
ul.notification {
  color: blue;
}


/* news ticker */
#ticker_container {
  height: 140px; 
  padding: 5px;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

#ticker_container_title {
  font-size: 110%;
  font-weight: bold;
}

#ticker_container_body {
  margin-top: 7px;
}

#ticker_container_more {
  margin-top: 7px;
  text-align: right;
}