/*** FONT FAMILIES ***/

.visi_bottomleft,
.visi_bottomright,
.visi_title,
.visi_topbar,
h1, h2, h3, li, p, th, td,
.form_simple label,
.form_simple fieldset,
.form_simple .form_label,
.form_simple input[type=submit], 
.form_simple input[type=reset],
.form_simple .form_htmlview {
  font-family: Helvetica, sans-serif;
}

code,
.form_simple input[type=text], 
.form_simple input[type=password], 
.form_simple textarea {
  font-family: Courier, monospace;
}

@media print {
  .visi_bottomleft,
  .visi_bottomright,
  .visi_title,
  h1, h2, h3, li, p, th, td,
  .form_simple label,
  .form_simple fieldset,
  .form_simple .form_label,
  .form_simple input[type=submit], 
  .form_simple input[type=reset],
  .form_simple .form_htmlview {
    font-family: Times, serif;
  }
}



/*** FONT SIZE ***/

.visi_title {
  font-size: 150%;
}

h1 {
  font-size: 120%;
}

h2,
#visi_menubar h1 {
  font-size: 100%;
}

.form_simple .form_htmlview h1,
.form_simple .form_htmlview h2,
.visi_bottom,
code,
.visi_topbar,
.form_simple label,
.form_simple fieldset,
.form_simple .form_label,
.form_simple input[type=submit], 
.form_simple input[type=reset],
.form_simple input[type=text], 
.form_simple input[type=password], 
.form_simple textarea,
h3, li, p, th, td {
  font-size: small;
}

.visi_footnote p, 
.visi_footnote li,
.visi_footnotesym,
.form_simple .form_htmlview p {
  font-size: x-small;
}

@media print {
  .visi_title, h1 {
    font-size: 16pt;
  }

  h2 {
    font-size: 12pt;
  }

  code,
  .form_simple label,
  .form_simple fieldset,
  .form_simple .form_label,
  .form_simple input[type=submit], 
  .form_simple input[type=reset],
  .form_simple input[type=text], 
  .form_simple input[type=password], 
  .form_simple textarea,
  h3, li, p, th, td {
    font-size: 10pt;
  }

  #visi_alvpage #visi_content th,
  #visi_alvpage #visi_content td,
  .visi_footnote p, 
  .visi_footnote li,
  .visi_footnotesym,
  .visi_bottomleft,
  .visi_bottomright,
  .form_simple .form_htmlview p {
    font-size: 8pt;
  }
}


/*** SPECIAL CHARACTER ATTRIBUTES ***/

h1, h2, h3, th,
.visi_total, 
.visi_summary,
.visi_footnotesym {
  font-weight: bold;
}

#visi_searchpage .visi_topbar #visi_search,
#visi_menubar #visi_selpage,
.visi_topbar #visi_selmenu {
  font-weight: bold;
}

h1, h2, h3 {
  page-break-after: avoid;
}

#visi_menubar a:hover, #visi_menubar a:visited:hover {
  text-decoration: underline;
}

#visi_menubar a, #visi_menubar a:active, #visi_menubar a:visited,
.visi_topbar a, .visi_topbar a:active, .visi_topbar a:visited,
.visi_topbar a:hover, .visi_topbar a:visited:hover {
  text-decoration: none;
}



/*** LINE HEIGHT ***/

#visi_content li, p {
  line-height: 150%;
}

.visi_topbar #visi_linkbar li {
  line-height: 180%;
}

.form_simple p,
.form_simple .form_htmlview h1,
.form_simple .form_htmlview p {
  line-height: 120%;
}

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

@media print {
  h1, h2, h3, li, p {
    line-height: 120%;
  }
}



/*** TEXT COLOR ***/

body,
.visi_bottomleft {
  color: black;
}

.visi_topbar {
  color: #404040; /* gray */

}

#visi_content .visi_title {
 /* color: #cd3700; reddish orange */
	color: #dc4203; /* reddish orange picked from the titles in brochure */
}

.visi_total, 
.visi_topbar a, .visi_topbar a:active, .visi_topbar a:visited {
  /* color: #a00000; darkish red */
	color: #dc4203; /* reddish orange picked from the titles in brochure */
}

.visi_topbar a:hover, .visi_topbar a:visited:hover {
  color: #ff0000; /* bright red */
}

#visi_menubar a, #visi_menubar a:active, #visi_menubar a:visited,
#visi_menubar a:hover, #visi_menubar a:visited:hover {
/*   color: #3366cc; clear blue */
  color: #408eb1; /* blue picked from the brochure */
}

a, a:active, a:hover {
/*  color: #0000ff; pure blue */
	color: #408eb1; /* blue picked from the brochure */
}
a:visited, a:visited:hover {
  color: #800080; /* purple */
}

.visi_bottom a, .visi_bottom a:active, .visi_bottom a:visited,
.visi_bottom a:hover, .visi_bottom a:visited:hover {
  color: black;
}

#visi_menubar h1,
#visi_content h1 {
  color: #515151; /* gray */ /*#003399 blue*/
}

#visi_content .form_htmlview h1 {
  color: black;
}

@media print {
  #visi_content .visi_title,
  #visi_menubar h1,
  #visi_content h1,
  a, a:active, a:visited, a:hover, a:visited:hover {
    color: black;
  }
}



/*** BACKGROUND COLOR ***/

body {
/*  background: #6ba5c3; baby blue */
  background: white;
}

.form_simple .form_htmlview,
#buy_form,
#pay_form,
.visi_page {
  background: white;
}

#pay_form .form_htmlview {
  background: #ffffe0; /* warm white */
}

.visi_topbar {
  /* background-color: #fdd087; pale pink */
  background-color: #c1dce5; /* light blue picked from the brochure */
}

.form_simple {
  background: #e0e0e0; /* light gray */
}

@media print {
  body,
  .form_simple {
    background: white;
  }
}



/*** BORDER COLOR ***/

.visi_logo,
.visi_topbar,
.visi_page,
.visi_footnote {
  border-color: #605040; /* gray with a hint of red */
}

.form_simple {
  border-color: #e0e0e0; /* light gray */
}

.form_simple .form_htmlview {
  border-color: #808080; /* gray */
}

#visi_menubar h1, 
#visi_content {
 /*  border-color: #99ccdd; light blue */
	border-color: #c1dce5; /* light blue picked from the brochure */
}


/*** GENERAL LAYOUT ***/

body {
  margin: 4px 4px 3ex 4px;
}

.visi_nocss {
  display: none;
}

.visi_page {
  max-width: 970px;
  min-width: 620px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
/*
  border-top-width: 2px;
  border-left-width: 2px;
  border-right-width: 4px;
  border-bottom-width: 4px;
*/
  border-width: 1px;
  border-style: solid;
}

.visi_bottom {
  margin-left: auto;
  margin-right: auto;
  max-width: 970px;
  margin-bottom: 1ex;
}

.visi_bottomleft {
  float: left;
}

.visi_bottomright {
  float: right;
}

.visi_logo {
  text-align: left;
  width: 100%;
  height: 150px;
  border-bottom: 1px solid;
}

.visi_logo .visi_company  {
  float: left;
  width: 415px;
  height: 150px;
  margin-left: 2ex;
}

.visi_logo .visi_banner {
  float: right;
  text-align: right;
  width: 150px;
  height: 150px;
  margin-right: 4ex;
}

.visi_logo .visi_banner a img {
  border: 0;
}

.visi_topbar {
  clear: both;
  padding-top: 1px;
  padding-bottom: 1px;
  width: 100%;
  margin-bottom: 4ex;
  border-bottom: 1px solid;
}

.visi_topbar #visi_linkbar {
  text-align: left;
  margin: 0 2ex 0 2ex;
  padding: 0;
}

.visi_topbar #visi_linkbar li {
  display: block;
  list-style: none;
  padding: 0;
  float: left;
}

.visi_topbar #visi_linkbar a {
  padding-left: 1ex;
  padding-right: 1ex;
}

.visi_topbar #topstop {
  clear: both;
}

#visi_menubar {
  text-align: right;
  width: 125px;
  float: left;
  margin: 0;
  padding: 0 0 0 10px;
}

#visi_menubar h1 {
}

#visi_menubar a {
  padding-left: 14px;
}

#visi_menubar ul {
  padding-left: 0;
  margin-left: 0;
}

#visi_menubar li {
  list-style: none;
  line-height: 120%;
  padding-left: 0;
  margin-top: 1ex;
}

#visi_menubar h1:first-child {
  margin-top: 0;
}

#visi_content {
  text-align: left;
  padding-left: 2ex;
  padding-right: 4ex;
  margin-top: 0;
  margin-left: 150px;
  margin-bottom: 4ex;
  border-style: solid;
  border-width: 0 0 0 1px;
  min-height: 300px;
}

#visi_content .visi_title {
  margin-top: 0;
  margin-bottom: 0.5ex;
}

#visi_content h1 {
  margin-top: 1em;
  margin-bottom: 0.5ex;
}

#visi_content h1 + p {
  margin-top: 0.5ex;
}

#visi_content h2 {
  margin-top: 0.5ex;
  margin-bottom: 0.5ex;
}

#visi_content h2 + p {
  margin-top: 0.5ex;
}

#visi_content ul {
  margin-top: 1ex;
  margin-bottom: 1ex;
}

#visi_content ul li {
  margin-bottom: 0.5ex;
}

#visi_content .visi_footnote ul li {
  margin-bottom: 0;
}

#visi_tocimg, .visi_float {
  float: right;
  margin-right: 1ex;
  margin-left: 2ex;
  margin-bottom: 1ex;
}

#visi_stopper {
  clear: both;
}

.visi_wide #visi_content {
  margin-left: 0;
  margin-right: 0;
  padding-left: 4ex;
  padding-right: 4ex;
  border-left: 0;
}

@media print {
  .visi_page {
    border-width: 0;
  }

  .visi_logo .visi_company  {
    margin-left: 0;
  }

  .visi_logo .visi_banner {
    margin-right: 0;
  }

  #visi_menubar {
    display: none;
  }

  .visi_topbar {
    display: none;
  }

  #visi_content {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    border-left: 0;
    min-height: 0;
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .visi_bottom {
    border-top: 1px solid black;
  }

  .visi_wide #visi_content {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    border-left: 0;
  }
}



/*** FORMS ***/

.form_simple {
  border-width: 2px;
  border-style: outset;
  padding: 1ex;
  text-align: left;
}

.form_simple fieldset {
  margin-top: 1ex;
  padding-left: 1ex;
  padding-bottom: 1ex;
  padding-right: 1ex;
}
.form_simple fieldset:first-child {
  margin-top: 0;
}
.form_simple fieldset p {
  margin-top: 0;
}
.form_simple fieldset ul {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.form_simple .form_group {
  clear: left;
}

.form_simple .form_label {
  width: 16ex;
  float: left;
}

.form_simple .form_field input {
  max-width: 100%;
  margin-bottom: 2px;
}

.form_simple table {
  width: 100%;
  border-top: 0;
  border-bottom: 0;
}

.form_simple label input {
  vertical-align: text-top;
}

.form_simple .form_controls {
  text-align: center;
  margin-top: 1ex;
}

.form_simple .form_controls input {
  margin-left: 0.25ex;
  margin-right: 0.25ex;
}

.form_simple input[type=checkbox] {
  margin-right: 1ex;
}

.form_simple .form_htmlview,
.form_simple textarea {
  width: 99%;
}

.form_simple .form_htmlview {
  overflow: auto;
  border-width: 2px;
  border-style: inset;
  background: white;
  height: 18em;
}

#visi_content .form_simple .form_htmlview h1,
#visi_content .form_simple .form_htmlview h2,
#visi_content .form_simple .form_htmlview h3,
#visi_content .form_simple .form_htmlview p {
  padding-left: 6px;
  padding-right: 6px;
}

#visi_content .form_simple .form_htmlview h1:first-child,
#visi_content .form_simple .form_htmlview p:first-child {
  margin-top: 6px;
}

.form_simple .form_htmlview h1,
.form_simple .form_htmlview h2 {
  margin-top: 0;
  margin-bottom: 0;
}

.form_simple .form_htmlview p {
  margin-top: 0;
  margin-bottom: 8px;
}

@media print {
  .form_simple {
    border-width: 0;
    background: #ffffff;
  }

  .form_simple input[type=password],
  .form_simple input[type=text] {
    border: 0;
    border-bottom: 1px solid black;
  }

  .form_simple .form_htmlview {
    overflow: visible;
    height: auto !important;
    border: 0;
    margin-bottom: 1ex;
  }
 
  .form_simple .form_htmlview h1,
  .form_simple .form_htmlview h2,
  .form_simple .form_htmlview h3,
  .form_simple .form_htmlview p {
    padding-left: 0;
    padding-right: 0;
  }
}


/*** TABLES ***/

table {
  border-bottom: 1px solid black;
  border-top: 1px solid black;
}

.visi_summary td {
  border-top: 1px solid black;
}

.visi_mailertable,
.visi_pricetable,
.visi_asiakastable,
#visi_locationpage table,
#visi_locationpage th {
  border-bottom: 0;
  border-top: 0;
}

th {
  vertical-align: bottom;
  border-bottom: 1px solid black;
}
td {
  vertical-align: top;
}
td, th {
  padding-right: 1ex;
  text-align: left;
  padding-top: 2px;
  padding-bottom: 2px;
}

.visi_even {
  background: #f0f0f0;
}

.visi_odd {
  background: #ffffff;
}



/*** IMAGE BORDERS ***/

img[src="gfx/about1.jpg"],
img[src="gfx/about2.jpg"],
img[src="gfx/about3.jpg"],
img[src="gfx/about4.jpg"],
img[src="gfx/europe.jpg"] {
  border: 1px solid black;
}


img[src="https://www.paypal.com/en_US/i/bnr/horizontal_solution_PPeCheck.gif"],
img[src="gfx/charn-logo.jpg"],
img[src="gfx/taros-logo.jpg"],
img[src="gfx/secure.jpg"],
img[src="gfx/visualdata200x200.jpg"],
img[src="gfx/molecule_web.jpg"],
img[src="gfx/molecule_web-small.jpg"],
img[src="gfx/trajectory-small.jpg"] {
  border: 0 !important; /*no border even if used in a link*/
}


/*** FOOT NOTES ***/

#visi_content .visi_footnotesym {
  vertical-align: super;
}

#visi_content .visi_footnote {
  margin-top: 2em;
}

#visi_content .visi_footnote p:first-child {
  margin-top: 0;
}

#visi_content .visi_footnote p {
  margin-top: 4px;
  margin-bottom: 4px;
}

#visi_content .visi_footnote ul {
  margin-top: 4px;
  margin-bottom: 4px;
}



/*** HIGHLIGH ACTIVE PAGE IN MENU BAR ***/

/* hide submenus by default */
#visi_home, 
#visi_company, 
#visi_software, 
#visi_services, 
#visi_support, 
#visi_references, 
#visi_shop,
#visi_contact,
#visi_account {
  display: none;
}

/* display page specific submenu */
#visi_homepage #visi_home,
#visi_aboutpage #visi_home,
#visi_applicationspage #visi_software,
#visi_visisompage #visi_software,
#visi_visisammonpage #visi_software,
#visi_visualdatapage #visi_software,
#visi_comparepage #visi_software,
#visi_somdemopage #visi_software,
#visi_demoregisterpage #visi_software,
#visi_brutuspage #visi_software,
#visi_brutusdemopage #visi_software,
#visi_visiscreenerpage #visi_software,
#visi_visiscreenerdemopage #visi_software,
#visi_publicationspage #visi_references,
#visi_rservicespage #visi_services,
#visi_virtualpage #visi_services,
#visi_synthesispage #visi_services,
#visi_supportpage #visi_support,
#visi_faqpage #visi_support,
#visi_shoppage #visi_shop,
#visi_donepage #visi_shop,
#visi_buy_visisompage #visi_shop,
#visi_buy_visisammonpage #visi_shop,
#visi_buy_visualdatapage #visi_shop,
#visi_buy_brutuspage #visi_shop,
#visi_buy_visiscreenerpage #visi_shop,
#visi_buypage #visi_shop,
#visi_locationpage #visi_contact,
#visi_contactpage #visi_contact,
#visi_errorpage #visi_contact,
#visi_registerpage #visi_account,
#visi_profilepage #visi_account,
#visi_subscribepage #visi_account,
#visi_passpage #visi_account,
#visi_logoutpage #visi_account,
#visi_downloadpage #visi_account,
#visi_licensespage #visi_account,
#visi_listdloadspage #visi_account {
  display: block;
}

/* highlight current page in the submenu on the left */
#visi_homepage #visi_menubar a[href="index.php"],
#visi_aboutpage #visi_menubar a[href="about.php"],
#visi_applicationspage #visi_menubar a[href="applications.php"],
#visi_visisompage #visi_menubar a[href="visisom.php"],
#visi_visisammonpage #visi_menubar a[href="visisammon.php"],
#visi_visualdatapage #visi_menubar a[href="visualdata.php"],
#visi_comparepage #visi_menubar a[href="compare.php"],
#visi_somdemopage #visi_menubar a[href="somdemo.php"],
#visi_demoregisterpage #visi_menubar a[href="somdemo.php"],
#visi_brutuspage #visi_menubar a[href="brutus.php"],
#visi_brutusdemopage #visi_menubar a[href="brutus.php"],
#visi_visiscreenerpage #visi_menubar a[href="visiscreener.php"],
#visi_visiscreenerdemopage #visi_menubar a[href="visiscreener.php"],
#visi_rservicespage #visi_menubar a[href="rservices.php"],
#visi_virtualpage #visi_menubar a[href="virtual.php"],
#visi_synthesispage #visi_menubar a[href="synthesis.php"],
#visi_supportpage #visi_menubar a[href="support.php"],
#visi_faqpage #visi_menubar a[href="faq.php"],
#visi_publicationspage #visi_menubar a[href="publications.php"],
#visi_shoppage #visi_menubar a[href="shop.php"],
#visi_buy_visisompage #visi_menubar a[href="buy-visisom.php"],
#visi_buy_visisammonpage #visi_menubar a[href="buy-visisammon.php"],
#visi_buy_visualdatapage #visi_menubar a[href="buy-visualdata.php"],
#visi_buy_brutuspage #visi_menubar a[href="buy-brutus.php"],
#visi_buy_visiscreenerpage #visi_menubar a[href="buy-visiscreener.php"],
#visi_buypage #visi_menubar a[href="buy.php"],
#visi_locationpage #visi_menubar a[href="location.php"],
#visi_contactpage #visi_menubar a[href="contact.php"],
#visi_registerpage #visi_menubar a[href="register.php"],
#visi_profilepage #visi_menubar a[href="profile.php"],
#visi_subscribepage #visi_menubar a[href="subscribe.php"],
#visi_passpage #visi_menubar a[href="pass.php"],
#visi_logoutpage #visi_menubar a[href="logout.php"],
#visi_licensespage #visi_menubar a[href="licenses.php"],
#visi_listdloadspage #visi_menubar a[href="listdloads.php"],
#visi_downloadpage #visi_menubar a[href="listdloads.php"]{
  background-image: url(gfx/arrow.gif);
  background-repeat: no-repeat;
  background-color: transparent;
}

/* highlight current tab in the top menu bar */
#visi_homepage #visi_linkbar a[href="index.php"],
#visi_aboutpage #visi_linkbar a[href="index.php"],
#visi_applicationspage #visi_linkbar a[href="brutus.php"],
#visi_visisompage #visi_linkbar a[href="brutus.php"],
#visi_visisammonpage #visi_linkbar a[href="brutus.php"],
#visi_visualdatapage #visi_linkbar a[href="brutus.php"],
#visi_comparepage #visi_linkbar a[href="brutus.php"],
#visi_somdemopage #visi_linkbar a[href="brutus.php"],
#visi_demoregisterpage #visi_linkbar a[href="brutus.php"],
#visi_brutuspage #visi_linkbar a[href="brutus.php"],
#visi_brutusdemopage #visi_linkbar a[href="brutus.php"],
#visi_visiscreenerpage #visi_linkbar a[href="visiscreener.php"],
#visi_visiscreenerdemopage #visi_linkbar a[href="visiscreener.php"],
#visi_publicationspage #visi_linkbar a[href="publications.php"],
#visi_rservicespage #visi_linkbar a[href="rservices.php"],
#visi_virtualpage #visi_linkbar a[href="rservices.php"],
#visi_synthesispage #visi_linkbar a[href="rservices.php"],
#visi_supportpage #visi_linkbar a[href="support.php"],
#visi_faqpage #visi_linkbar a[href="support.php"],
#visi_shoppage #visi_linkbar a[href="shop.php"],
#visi_donepage #visi_linkbar a[href="shop.php"],
#visi_buy_visisompage #visi_linkbar a[href="shop.php"],
#visi_buy_visisammonpage #visi_linkbar a[href="shop.php"],
#visi_buy_visualdatapage #visi_linkbar a[href="shop.php"],
#visi_buy_brutuspage #visi_linkbar a[href="shop.php"],
#visi_buy_visiscreenerpage #visi_linkbar a[href="shop.php"],
#visi_buypage #visi_linkbar a[href="shop.php"],
#visi_locationpage #visi_linkbar a[href="location.php"],
#visi_contactpage #visi_linkbar a[href="location.php"],
#visi_errorpage #visi_linkbar a[href="location.php"],
#visi_registerpage #visi_linkbar a[href="register.php"],
#visi_profilepage #visi_linkbar a[href="register.php"],
#visi_subscribepage #visi_linkbar a[href="register.php"],
#visi_passpage #visi_linkbar a[href="register.php"],
#visi_logoutpage #visi_linkbar a[href="register.php"],
#visi_downloadpage #visi_linkbar a[href="register.php"],
#visi_licensespage #visi_linkbar a[href="register.php"],
#visi_listdloadspage #visi_linkbar a[href="register.php"]
{
  font-weight: bold;
}



/** CONTACT PAGE ***/

.visi_contacttbl {
  width: 20em;
}


/*** ONLINE SHOP ***/

#buy_form {
  border: 0;
  padding: 0;
  width: 20em;
}

#pay_form {
  border: 0;
  padding: 0;
}

#buy_form .form_controls,
#pay_form .form_controls {
  text-align: left;
  margin-top: 1em;
}

.visi_price {
  width: 12ex;
  text-align: right;
  float: left;
}

.visi_total {
  width: 12ex;
  text-align: right;
  float: left;
}

#login_form,
#password_form,
#subscribe_form {
  width: 30em;
}