/* Aivosto.com style sheet 
   ©2008-2010 Aivosto Oy */

/* Font order: 
   Body Verdana, Headings Georgia, Menu Verdana
   Body Georgia, Headings Georgia, Menu Arial
   All Arial
   All Helvetica
   All sans-serif */

/* Base font */
body, input, textarea, select, .bodyfont, PRE.license, table.rss { 
   font-family: Verdana,Georgia,Arial,Helvetica,sans-serif;

   /* Disabled to keep FireFox using same font size for all fonts */
   /*font-size-adjust: 0.58;  /* Verdana = 0.58 */ 
   line-height: 1.5; /* Was: 1.3 */
}

/* Title font */
h1,h2,h3,h4,h5,caption { 
   font-family: Georgia,Arial,Helvetica,sans-serif; 
   /*font-size-adjust: 0.5;  /* Georgia = 0.5 */
}

table.main { border-collapse: collapse; height: 1280px; width: 100%; }
td.menu {
   font-size: 83%; /* 10 pt */
   font-weight: bold; 
   line-height: 1.5;
   background-color: #FFCC66;
   border-right: 1px solid #330000;
   padding-left: 12px; /* 3mm caused bug in Firefox 3.0 */
   padding-top: 12px;
}
td.menu, .menuspacer { width: 181px; }
td.body {
   font-size: 67%; 
   /*text-align: justify;*/
   padding-left: 15px; 
   padding-top: 6px;
   padding-right: 3px; /* IE7 */
}
td.body table { text-align: left; }


.logo { border: 1px solid black; display: block; }
.skip { visibility: hidden; }
p.menu { margin-top: 1em; }


body {
   margin-top: 0;
   margin-left: 0; 
   margin-bottom: 0; /* IE7 */
   padding-top:  0; /* Opera */
   padding-left: 0; /* Opera */
   padding-bottom: 0; /* Opera */
}
@media screen {
   body {
      max-width: 56em; 
   }
}
table {
   /* Firefox & IE5 require this to inherit font size and line height to tables */
   font-size: 100%; 
   line-height: inherit;
}

th, caption { font-weight: bold; }
caption { padding-bottom: 0.5ex; }

ul, ol {
   MARGIN-TOP: 0;
   list-style-position: outside;
}

ol ul {
   MARGIN-TOP: 0;
   list-style-type: disc;
}

UL.simple {
   list-style-type: none;
   list-style-position: outside;
   margin-left: 0;  /* IE6 */
   padding-left: 0; /* Firefox 1.0 */
}
UL.simple LI {
   list-style-type: none;
   list-style-position: outside;
}


h1.pagetitle {
   font-size: 175%; /* 14 pt */
   font-weight: normal;  
   text-align: center;
   padding-bottom: 0.3ex;
   border-bottom: 2px solid #9999FF;
   margin-top: 0; /* For Opera 8.51 */
}

h2 {
   font-size: 150%; /* 12 pt */
   line-height: 1.5; margin-top: 1.6em;
}

h3 {
   font-size: 125%;
   line-height: 1.2;
}

h4 { 
   font-size: 115%;
   font-style: italic;
   line-height: 1.5;
}
h5 {
   font-size: 100%;
}


a:link img, a:visited img { border-color: black; }
a:link:hover img, a:visited:hover img, a:active img { border-color: #ff6600; }
TD.menu a:hover img { border-color: black; }

a:link    { COLOR: #0000DD; }
a:visited { COLOR: #000080; }
a:link:hover, a:visited:hover, 
a:active  { COLOR: #ff6600;  }


td.menu img {
   border-color: black;
   margin-bottom: 0; /* For Firefox */
   display: block;  
}

td.menu a:link, td.menu a:visited {
   color: #660000;
   text-decoration: none; 
}
td.menu .menu2 img { 
   margin-bottom: 0; 
   display: inline;
}
td.menu table.subscribe img { display: inline; }

td.menu a:hover, td.menu a:active, td.menu .menu2 a:hover, td.menu .menu2 a:active {
   color: #ff6600; 
}

td.menu .menu2 { 
   font-size: 84%; 
   line-height: 1.3; /* Keep sub-menus more compact */
}
td.menu .menu2 A { font-weight: normal; }

/* Link filetype */
.filetype { color: #c60; font-weight: normal; font-size: 90%;  }

/* Popup link icon */
img.popup { border-width: 0; vertical-align: top; width: 9px; height: 9px; padding-left: 0.7ex; }

img.rss { 
   border-width: 0; 
   vertical-align: bottom; 
   width: 36px;
   height: 14px;
}
table.subscribe img.rss { margin-top: 1ex; }

/* rsspretty.xsl */
table.rss td { text-align: left; }
table.rss h3 { font-size: 100%; margin-bottom: 0; }

img.flag { border: 0; }

/* Leave a little space between (justified) text and image/table on the right */
td.body img[align=right],
td.body table[align=right] { 
   margin-left: 2ex; 
}



/* Quotes in the side bar */
p.quote {
   margin-top: 2em;  margin-bottom: 0; 
   font-weight: normal;
   font-size: 80%;
   line-height: 1.3;
   width: 160px;
}
p.name {
   text-align: right;
   font-weight: normal;
   font-size: 80%;
   font-style: italic;
   line-height: 1.3;
   width: 160px;
   margin-top: 0; 
}


.emphasis {
   color: black; 
   font-weight: bold;
}

td.emphasize, p.emphasize {
   padding: 1ex 1.5ex;
   background: #CCCCFF; /* Blue */ 
   border: 1px solid black;
}

/* Blue box with thin black border, like emphasize but no font effect */
div.bluebox, td.bluebox {
   padding: 1.5ex 1.5ex;
   background: #CCCCFF; /* Blue */ 
   border: 1px solid black;
}

.indent { margin-left: 3em; margin-right: 3em; }

code, pre, tt {
   font-family: "courier new",monospace;
   text-align: left;
}
code { color: #000066; }

pre.code {
   margin-left: 2em;
   color: #000066;
}

pre.code .comment {
   color: #006600; /* Dark green */
}

.PA { color: red; font-weight: bold; }

small, .small { font-size: 90%; }
P.URN { font-size: 90%; text-align: right; margin: 1em 0 1em 1em; color: #666666; }
td.small p, td.small h4 { margin-top: 0; margin-bottom: 1.566em; }

td.smallcolumn {
   text-align: justify;
   padding-left: 8px;
   padding-right: 8px;
}

dfn {
   font-weight: bold;
   font-variant: small-caps;
   font-style: normal;
   margin-left: 2em; margin-right: 2em;
}
dfn sup { font-variant: normal; }

address {
   margin-top: 2em;
   margin-bottom: 1ex;
   font-style: normal;
   font-size: 8pt;
   line-height: 13pt; /* Firefox 3.0 */
   color: #000080;
   text-align: center;
}
address img, img.e-addr { vertical-align: bottom; border: 0px; width: 122px; height: 15px; }

/* Stylish orange table  */
table.stylish td, table.stylish th {
  border: 0px;
  padding-left: 2ex; 
  padding-right: 2ex;
  border-left: 1px solid black;
  border-top: 1px solid black;
}
table.stylish td {
  background: white;
  padding-top: 0.5ex; 
  padding-bottom: 0.5ex;
}
table.stylish th, table.stylish th.empty { 
   background: #FFCC66; /* Orange */ 
   padding-top: 0.5ex; padding-bottom: 0.5ex; 
}
table.stylish td.empty {
  background: #FFFFFF;
}
table.stylish { 
   border-color:black;
   border-style:solid;
   border-width:2px;  
   background: black;
   border-collapse: collapse;
}

/* Grid table */
table.grid td, table.grid th {
  border: 0px;
  padding-left: 2ex; 
  padding-right: 2ex;
  border-left: 1px solid black;
  border-top: 1px solid black;
  background: white;
  padding-top: 0.5ex; 
  padding-bottom: 0.5ex;
}
table.grid { 
   border-color:black;
   border-style:solid;
   border-width:2px;  
   background: black;
   border-collapse: collapse;
}


table.normal th, table.normal td, table.numbers th {
  text-align: left;
  vertical-align: top;
  padding: 2px 4px 2px 0;
}
table.tabs { border-collapse: collapse; }
table.tabs th, table.tabs td {
  text-align: left;
  vertical-align: top;
  padding: 0 1ex 0 0;
}

table.publication td, table.updated td {
  border: 1px solid black;
  padding: 1ex;
  background-color: white;
}
table.updated h5 {
  margin-bottom: 3pt; margin-top: 0;
}
table.publication td {
  line-height: 1.3; background-color: #f8f8ff;
}
table.publication, table.updated {
  height: 8em;
  margin-top: 0; margin-bottom: 1ex;
}

/* Subscription box */
table.subscribe {
   border-color:black;
   border-style:solid;
   border-width:1px;
   background: #C0C0FF; /* Blue */ 
   font-weight: normal;
   width: 160px;
}
th.subscribe {
   font-weight: normal;
   background: #9999FF; /* Darker blue */ 
   padding: 3px 5px 3px 5px;
   white-space: nowrap;
   text-align: center;
}
th.subscribe a:link, th.subscribe a:visited, th.subscribe a:active  {
   text-decoration: underline;
   color: black;
}
th.subscribe a:hover {
   COLOR: #ff6600;
   text-decoration: underline;
}
td.subscribe {
   background: #C0C0FF; /* Blue */ 
   padding: 2px 5px 5px 5px;
   text-align: center;
}
td.subscribe input {
   font-size: 100%;
   margin-top: 1px;
   padding-left: 0.5ex;
   border: 1px solid #9999ff;
}
td.menu th.subscribe { font-size: 90%; }
td.menu td.subscribe { font-size: 80%; }
td.body th.subscribe { font-size: 112%; }

/* Product page price tables */
table.prodprice {
   border: solid black 2px;
   background: white;
   border-collapse: collapse;
}
/* Main padding to give space between cells/rows  */
table.prodprice td, table.prodprice th {
   padding: 0.5ex;
   padding-right: 1ex; /* Required, otherwise right-aligned cell will look bad */
}
/* Price table main header */
table.prodprice th {
   border-bottom: solid black 1px ;
   background: #FFCC66 /* #FFE04D; Orange */
}
/* Inner price table keeping all content except for main header line */
table.prodprice table {
   background: white; 
   border: none;
   width: 100%;
   /* Column header font settings */
   font-weight: bold;
}
/* Inner price table, individual price lines */
table.prodprice td table tr.prodpriceline {
   font-weight: normal; /* Override bold header font setting */
}

/* Upgrade prices in small italics (Visustin only) */
table.prodprice td.upgrade, table tr.upgrade {
   font-size: 85%; 
}



/* Price tables - WWW only */
TABLE.prices TR.title A:visited, TABLE.prices TR.title A:link,
TABLE.prices TR.subtitle-upgrade A:visited, TABLE.prices TR.subtitle-upgrade A:link { color:black; } 



/* Price tables - WWW and help */
TABLE.prices    { border: 2px solid black; border-collapse: collapse; }
TABLE.prices TH { background: #FFDD99; /* Orange */ border: 1px solid #000; padding: 0.6em 0.4em; }
TABLE.prices TD { background: white; padding: 0.4em; border-right: 1px solid #333; border-left: 1px solid #333; }
TABLE.prices TR.subtitle TH { background: #FFDD99;  font-weight: bold; }
TABLE.prices TR.subtitle-upgrade TH { background: #FFEEDD; font-weight: normal; }
TABLE.prices TR.subtitle TD A:visited, TABLE.prices TR.subtitle TD A:link { color:black; } 


TABLE.prices TD:first-child { text-align: left; } /* Firefox & Opera: Align row headers to the left */
TABLE.prices TD+TD { text-align: right; }         /* Firefox & Opera: Align prices to the right */

TABLE.prices TH:first-child { text-align: left; } /* Firefox & Opera: Align row headers to the left */
TABLE.prices TH+TH { text-align: center; }        /* Firefox & Opera: Align prices to the right */

TABLE.prices COLGROUP.price TD { text-align: right; } /* IE6: Align prices and headers to the right */
TABLE.prices COLGROUP.rowheader { text-align: left; } /* IE6: Align row headers to the left */


TABLE.prices TR TD { border-top: 1px solid #333; }
TABLE.prices TR.extra { border-top: 1px solid #333; }

TABLE.prices { empty-cells: show; }

TABLE.prices TR.extra TD { padding-bottom: 1.5em; }
TABLE.prices .from { color: #900; font-style: italic; }
TABLE.prices .to { /*color: #060; font-style: italic;*/ }

TABLE.prices .upgrades { font-size: 87%; font-weight: normal; }



/* Order instructions */
DIV.paymentheader {
   margin: 1em 0 1em 0px;
   border: 1px solid black;
   background: #CCCCFF; /* Blue */ 
   padding: 1ex 1ex 1ex 2ex;
   clear: right;
}
DIV.paymentheader H3 {
   margin-top: 0; margin-bottom: 0.5ex;
}

TABLE.invoice {
   margin-top: 1ex;
}

TD.invoice {
   padding: 10px 10px 0 0;
}

TD.VAT {
   padding: 10px;
   color: yellow;
   background: #000080; /* Dark blue */
   border: 2px ridge;
   /*border: 2px solid yellow;*/
}
TD.VAT H4 { 
   margin-top: 0; /* Opera 8.51 fix */ 
   margin-bottom: 1ex;
}
TD.VAT P { 
   margin-top: 0; margin-bottom: 0;
}


PRE.license {
   border-top: 3px dotted #ccc;
   border-bottom: 3px dotted #ccc;
   border-left: 3px dotted #ccc;
   padding: 1em;
}

.FAQ H2 {
   border-top: 1px solid #cccccc;
   padding-top: 1ex;
}
.FAQ H3 { font-size: 100%; margin-bottom: 0.3ex; font-style: italic; }
.FAQ P  { margin-top: 0; /*margin-bottom: 1ex;*/ }

.linkline A { margin-right: 2em; clear: left;  }
.linkline { margin-left: 1em; }


.editions {
   color: #CC6633; /* Dark orange */
   font-weight: normal;
   font-size: 85%;
}

/* PA editions.html, VBW editions */
TABLE#editions TD,
TABLE#editions TR.subtitle TH  { border-color: #333; }
TABLE#editions TH { border-color: black; }
TABLE#editions TH#pro { border-top-color: black; }
TABLE#editions TR.subtitle TH { background: #f8f8f8; font-weight: bold; text-align: left; }
TABLE#editions TD.no { color: gray; font-weight: normal; }
TABLE#editions TD.yes { font-weight:bold; }


/* project/whatsnew.html, visustin-whatsnew.html */
.orderupgrade { float: left; border: 1px solid black; padding: 2ex; margin-right: 2ex; background: #FFEECC; margin-bottom: 1ex; margin-top:0; }
.orderupgrade A { font-weight: bold; }


p { 
   margin-bottom: 1.8em; /* Firefox 3.0 */
} 


form.search { border: 1px solid #cccccc; padding: 1ex 1em 1ex 1em; background: #f8f8f8; text-align: left; }
input, textarea, select { line-height: 1.2; padding-bottom: 2pt; padding-top: 2pt; font-size: 100%; }
select { margin-bottom: 2pt; }

@media print {
   /* Hide menu bar */
   td.menu { display: none; }
   td.body { padding-top: 0; padding-left: 0; }
   body { font-size: 112.5%; }

   /* Add URL for Firefox and Opera */
   address:after {
      content: " - www.aivosto.com"; 
   }
}