/* Visustin help CSS style rules 
  WWW and CHM 
  ©2010 Aivosto Oy (www.aivosto.com) */

/* CHM specific rules */
@import url(/chm.css);


/* Base font */
body, input, textarea, select, .bodyfont, PRE.license, PRE.licensechanges { 
   font-family: Verdana,Georgia,Arial,Helvetica,sans-serif;
   line-height: 1.5; /* Was: 1.3 */
}
body { 
   font-size: 75%; 
   background-color: white;
   background-image: url('backgrnd.gif');
   background-position: top left;
   background-repeat: repeat-y;
   background-attachment: fixed;
   margin: 8px 4px 1ex 40px;
}
@media screen {
   body {
      max-width: 56em; 
   }
}


/* Title font */
h1,h2,h3,h4,h5,caption { 
   font-family: Georgia,Arial,Helvetica,sans-serif; 
}
h1,h2,h3,h4,h5 {
   text-align: left;
}
h1 {
   font-size: 158%; /* 14pt; */

   font-size: 17pt; /* 14pt; */
   font-weight: normal;  
   color: #008;
   line-height: 140%;
   margin-top: 1ex; 
   text-align: left; 
   padding-left: 0.2ex;
   font-style: italic;
}

h2 {
   font-size: 133%; /* 12 pt */
   line-height: 1.5; 
}

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

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

TABLE {
   font-size: 100%; /* Firefox 1.0 does not inherit size without this line */
}



/* 2-pixel high solid black HR */
HR { 
  border: 0;
  color: #000;
  background-color: #000;
  height: 2px;
}

TH, CAPTION { font-weight: bold; }
CAPTION { padding-bottom: 0.5ex; }


H2.lineabove, H4.lineabove { border-top: 1px solid black; padding-top: 1ex; }

A:link    { COLOR: #0000CC; }
A:visited { COLOR: #333399; }
a:link:hover, a:visited:hover, a:visited:active, a:link:active { COLOR: #ff6600; }


code, pre, kbd {
   font-family: "courier new",fixed;
}
code, pre {
   text-align: left;
}
kbd {
   color: #000099;     /* Dark blue for keyboard input */
   font-style: normal; /* Disable italic */
}

/* Command line syntax page */
DL.commandlines DD {
   font-family: "courier new",fixed;
   margin-bottom: 1ex; color: #000099;
}
.commandline { color: #009; }
.param { color: #000099; font-weight: normal; }
.commandlinesyntax { font-weight: bold; }

small, .small {
   font-size: 85%;
}


TD.smallcolumn {
   /* font-size: smaller;  75%; */
   text-align: justify;
   padding-left: 8px;
   padding-right: 8px;
}

TD.emphasize, p.emphasize {
   font-size: 110%;
   padding: 1ex;
   background: #CCCCFF; /* Blue */ 
   border: 1px solid black;
}


BIG {
   font-weight: bold;
} 

DFN {
   font-weight: bold;
   font-style: normal;
   color: #006;

   display: block;
   margin-left: 3em;
   margin-right: 3em;
}

P.endtext {
   margin-top: 1em;
   font-style: normal;
   color: #000080;
   text-align: center;
   border: none;
}

.pro { 
   color: #990000; 
   font-size: smaller;
}

.edition { 
   color: #990000; 
}

SPAN.new {
   color: #ff6633; 
   font-size: smaller;
}

A.sample { font-size: smaller; }

.button { 
   background: #ECE9D8;

   border: 2px outset #F1EFE2;
   padding: 1px 0.5ex 1px 0.5ex; 
   font-family: "MS Sans Serif",arial,helvetica,sans-serif;
}


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: inline;
}
OL.alpha {
   list-style: upper-alpha;
}

TABLE.fix TD, TABLE.fix TH {
  border: 0px solid black;
  padding-left: 2ex; 
  padding-right: 2ex;
}
TABLE.fix TD {
  background: #FFCCCC;
  text-align: center; 
}
TABLE.fix TH {
  background: #CCCCCC;
}
TABLE.fix TD.empty {
  background: #FFFFFF;
}
TABLE {
  border: 0px solid black;
  border-collapse: collapse;
}
TABLE.normal TH {
  text-align: left;
  vertical-align: top;
  padding: 2pt 2ex 2pt 0;
}
TABLE.normal TD {
  vertical-align: top;
  padding: 2pt 2ex 2pt 0;
}


/* Stylish blue table */
TABLE.stylish TD, TABLE.stylish TH {
  border: 0px solid black;
  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: #CCCCFF; /* Blue */ 
   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;  /* cellspacing = 0 */
}


/* Key shortcuts table */
TABLE.shortcuts TD, TABLE.shortcuts TH {
  border: 0px solid black;
  padding-left: 2ex; 
  padding-right: 2ex;
}
TABLE.shortcuts TD {
  background: white;
  padding-top: 0.5ex; 
  padding-bottom: 0.5ex;
}
TABLE.shortcuts TH { 
   background: #CCCCFF; /* Blue */ 
   text-align: left;
   padding-top: 0.5ex; padding-bottom: 0.5ex; 
   border-top: 1px solid black;
   border-bottom: 1px solid black;
}
TABLE.shortcuts { 
   border-color:black;
   border-style:solid;
   border-width:1px;  
   background: black;
   border-collapse: collapse;  /* cellspacing = 0 */
}
TABLE.shortcuts TR.separator TD { border-top: 1px solid black; }

/* File formats table */
TABLE.formats { margin-bottom: 0; }
TABLE.formats TR TD { border-left-width: 0; padding-left: 1ex; padding-right: 1ex; vertical-align: top; }
TABLE.formats TR TH { border-left-width: 0; padding-left: 1ex; padding-right: 1ex; }
TABLE.formats TH.subtitle { text-align: left; background-color: white; border-top: 2px solid black; border-bottom: 2px solid black; }
TABLE.formats TH { text-align: left; }
TABLE.formats TR.subtitlecolor TD {  border-top: 2px solid black; background: #CCCCFF; /* Blue */  }

/* Price tables - blue */
TABLE.prices    { border: 2px solid black; border-collapse: collapse; /* cellspacing = 0 */ }
TABLE.prices TH { background: #CCCCFF; /* Blue */  border: 1px solid #666; padding: 0.4em; }
TABLE.prices TD { background: white; border-right: 1px solid #999; padding: 0.4em; }
TABLE.prices TR.subtitle TH { background: #CCCCFF; /* Blue */   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; } 


/* save-specs */
.gifv3 { color: blue; }

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: right; }          /* 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 #666;  }

TABLE.prices { empty-cells: show; }

TABLE.prices TR.extra TD { font-style: italic; padding-bottom: 2em; }
TABLE.prices .from { color: #900; font-style: italic; }
TABLE.prices .to { color: #090; font-style: italic; }

TABLE.prices .upgrades { font-size: 90%; font-weight: normal; }
TABLE.prices COL#singleuser { font-weight: bold; }

TABLE.prices TR.upgrade { font-style: italic; font-size: 90%; color: darkblue; }

TEXTAREA.license, PRE.license, PRE.licensechanges {
   padding: 1em;
   line-height: 1.3;
}

PRE.license, PRE.licensechanges {
   border-top: 3px dotted #ccc;
   border-bottom: 3px dotted #ccc;
   border-left: 3px dotted #ccc;
}
PRE.licensechanges INS { color: green; font-style: italic; text-decoration: none; }

TEXTAREA.license { font-family: "Times New Roman", Times, Serif; }

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

/* Help contents link on top of each page */
P.contentslink {
   font-size: smaller;
   text-align: left;
   margin-top: 0;
   margin-bottom: 0.3ex;
}
P.contentslink A:link, P.contentslink A:visited {
   color: #666699;
}

P.URN { font-size: smaller; text-align: right; margin: 1em 1em 0 1em; color: #666666; }

/* Online link on main page */
LI.online { color: #0000cc; }
LI.pro { color: #990000; font-size: 100%; }

/* index.html */
DIV.index H2 { margin-bottom: 0; font-size: 110%; }
DIV.index TR.menu UL { margin-top: 0; margin-left: 2em; padding-left: 0; }
DIV.index LI { list-style-type: square; line-height: 1.5; }
DIV.index TR.menu UL UL { margin-left: 1em; padding-left: 1ex; }
DIV.index TABLE.top { border-width: 0; border-collapse: collapse; margin-top: 1ex; margin-bottom: 1em; width: 100%; }
DIV.index TABLE.top TD.text { padding: 1ex 1em 1ex 0; line-height: 1.5; }
DIV.index TABLE.top TD.languages { padding: 0; text-align:right; }
DIV.index TABLE.languages { border: 1pt solid gray; }
DIV.index TABLE.languages TD { text-align:right; vertical-align: top; background-color: #f8f8ff; padding: 1ex;  }
DIV.index TABLE.languages UL { margin-bottom: 0; margin-top: 0; }
DIV.index TABLE.languages LI { list-style-type: none; }

/* versionhistory.html */
DIV.versionhistory H2 { border-bottom: 2px solid black; background-color: #ccccff; }
DIV.versionhistory H3 { font-size: 120%; border-bottom: 1pt solid gray; }
DIV.versionhistory H4 { margin-bottom: 0; font-size: 100%;  }
DIV.versionhistory P { margin-top: 0; }

/* symbols.html */
DIV.symbols .try { color: #0000FF; }
DIV.symbols .loop { color: #BD3EFF; }
DIV.symbols .catch, 
DIV.symbols .end { color: #A52A2A; }
DIV.symbols .finally, 
DIV.symbols .yes { color: #006400; }
DIV.symbols .no, 
DIV.symbols .preprocess { color: red; }
DIV.symbols .comment { color: darkcyan; }

/* visio.html */
DIV.visio A img { border: 0px; }
DIV.visio TABLE.stylish TR.links TD { padding-bottom: 1em; border-top: 0px;}

/* cobol.html */
TABLE.codecolumns TR.codecolumns TD { padding-left: 0; padding-right: 0; text-align: center; width: 2.5em; background-color: #f0f0ff; }
TABLE.codecolumns TD { padding-left: 0.5ex; padding-right: 0.2ex; }
TABLE.codecolumns TD.skip { background-color: #f8f8f8; color: #666666; }
TABLE.codecolumns TD { font-size: 80%; }
TABLE.codecolumns TH { font-size: 80%; }

/* Keyword index with <DL> */
DIV.keywordindex DL DT {
  margin-top: 1ex;
  font-weight: bold;
}
/* Nested keyword list */
DIV.keywordindex DL DL {
  margin-top: 0; /* For opera */
  margin-left: 1em;
  font-weight: normal;
}
DIV.keywordindex DL DL DT {
  margin-top: 0;
  font-weight: normal;
  font-style: italic;
}
DIV.keywordindex DL DD {
  font-style: normal;
  margin-left: 2em;
}
DIV.keywordindex DL DL DD {
  font-style: normal;
  margin-left: 1em;
}
IMG.toolbar-button {
  width: 16px; height: 16px; 
}
img.e-addr { vertical-align: bottom; border: 0px; width: 133px; height: 17px; }

.hidden { display:none; }

/* Printing */
@media print {
   P.endtext, .edition {
      font-style: italic;
      color: #000;
   }
   kbd { font-weight: bold; color: #000; }

   dfn, .pro, .param, DL.commandlines DD, 
   TABLE.prices TR.upgrade, PRE.licensechanges INS, P.URN { color: #000; }

   /* H1=Page title at top of page */
   H1 { 
      color: #000; 
      font-size: 180%;
      margin-top: 0; 
      padding-left: 0;
   }

   IMG.wideimage { width: 75%; }
   TABLE.languages { margin-right: 1em; }
   TABLE.formats TD, TABLE.formats.TH { font-size: 85%; }

   P.endtext:after { content:' - www.aivosto.com/visustin/help/'; }

   /* Show href for online links */
   A.online:after { 
      content:attr(href); 
      margin-left: 1ex; 
      font-size: smaller; 
      font-style: italic;
   }
   /* Hide navigation from print */
   .contentslink, .subhomelink { display: none; }

   /* Hide background image and utilize entire page area */
   BODY { 
      background-image: none; 
      margin: 0 4pt 0 4pt;
   }
}