/* Style definitions for PTC Tutorial Builder
 *
 * 1.0  07-May-2007  tmcnaney  Copied from IL8 HOW
 * 2.0  13-May-2007  tmcnaney  Simulate frames with CSS
 * 2.1  17-May-2007  tmcnaney  Updated heading styles for import to MS Word
 * 2.2  22-May-2007  tmcnaney  Added UI and LI styles
 * 2.3  27-May-2007  tmcnaney  Updated nested lists, line-height
 * 2.5  30-May-2007  tmcnaney  Ignore H5 for printing. Created "WF4 HOW - Print" style
 * 2.6  13-Jun-2007  tmcnaney  Added overflow:hidden to BODY-breaks scrollbar in TB editor
 * 3.0  01-Jul-2007  tmcnaney  Header table to CSS, dropdown menu styles
 * 3.1  12-Jul-2007  tmcnaney  Softened body text and headers with lighter font color
 * 4.0  20-Nov-2007  tmcnaney  Copied from WF4 HOW and updated key styles
 */

/*************************************************
 * Styles used for all media types
 *************************************************/

/* Anchor pseudo classes */
a:link    { color: #40637a; font-weight: bold; }
a:visited { color: #40637a; font-weight: normal; }
a:hover   { color: red; }

/* Topic links in sub-header "breadcrumbs" */
a.topic:link, a.topic:visited, a.topic:active { color: #666; font-weight: bold; text-decoration: none; font-size: 9pt; }
a.topic:hover { text-decoration: underline; } /* color: #ff7900; */

/* Links in footers or on dark backgrounds */
a.white:link, a.white:visited, a.white:active { color: white; font-weight:normal; text-decoration: none; }
a.white:hover {color: white; font-weight: normal; text-decoration: underline; }

/* footer links */
a.footer:link, a.footer:visited, a.footer:active { color: white; font-weight: normal; text-decoration: none; font-size: 8pt; }
a.footer:hover { text-decoration: underline; }

/* Disclaimer link in footer */
a.disclaimer:link, a.disclaimer:visited, a.disclaimer:active { font-size: 8pt; color: #215c7c; font-weight:normal; text-decoration: none; }
a.disclaimer:hover {color: red; font-weight: normal; text-decoration: none; }

/* User-defined classes */

.header    { background-color: #40637a; font-size: 12pt; font-weight: bold; color: white; padding-left: 5px; }
.subheader { background-color: #cad9e2; border-bottom: 2px solid #89a2b3; }
.subtitle { color: #ccc; font-size: 10pt; }
.topic     { font-size: 9pt; font-weight: bold; color: #666; padding-left: 5px; }

.footer { 
   background-color: #cad9e2; 
   font-size: 9pt; 
   font-weight: bold; 
   color: white; 
   text-align: center;
   border-top: 2px solid #89a2b3;
   padding-top: 0px;  
}

.UI { color: #333; font-weight: bold; }

.whitefg { color: #ffffff; }
.bluefg  { color: #0000ff; }
.redfg   { color: #ff0000; }

/* info and tip boxes */
.tipbox {
   border: #c0c0c0 1px dotted; 
   padding: 10px; 
   font-size: 8.5pt; 
   color: #666; 
   font-family: verdana, tahoma, sans-serif;
   background-color: lightyellow; 
   text-decoration: none;
}
/* Quick insert box text style */
.bodyText { color: #666; }

/* Element styles */

BODY, TABLE { 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 9pt; 
   background-color: #fff;
   color: #666;
   margin-top: 0;
   margin-bottom: 0;
   margin-left: 0;
   margin-right: 0;
   border: 0;
}

/* Bold for UI elements */
B { color: #333; }

/* Heading styles will also be used in printable format to import into MS Word. 
   H1 - main topic heading for TOC
   H2 - sub-topic heading
   H3 - task step
   H4 - Special notes
   H5 - Text to ignore when printing
   H6 - missing info to edit
 */
H1, H2, H3, H4, H5 { color: #333; padding: 2px; }
H1 { font-size: 13pt; background-color: #e3e3e3; margin-left: -1em; padding-left: 1em; }
H2 { font-size: 12pt; background-color: #e3e3e3; margin-left: -1em; padding-left: 1em; }
H3 { font-size: 11pt; background-color: #89a2b3; color: white; }
H4 { font-size: 11pt; }
H5 { font-size: 11pt; }
H6 { font-size: 10pt; font-style: italic; color: red; }

IMG { vertical-align: middle; border: 0; }

UL {
   margin-left: 1.5em;
   padding-left: 0;
   list-style-position: outside;
   line-height: normal;
}

OL {
   margin-left: 2.5em;
   padding-left: 0;
   list-style-position: outside;
   line-height: 2em;
}

/* nested numbered list */
LI OL, OL OL {
   margin-left: 2em;
   list-style-type: lower-alpha;
   line-height: 1.25em;
}

/* nested bullet list */
LI UL, UL UL {
   margin-left: 1.5em;
   line-height: 1.25em;
}

/************************************************* 
 * Table of Contents, Survey 
 *************************************************/
/* Table of Contents Topic Links */
H3 a.toc:link    { color: #4d6f86; font-weight: bold; text-decoration: none; }
H3 a.toc:visited { color: #666; font-weight: normal; text-decoration: none; }
H3 a.toc:hover   { background-color: #4d6f86; color: white; text-decoration: none; }

a.footer_toc:link    { font-size: 8pt; color: white; text-decoration: none; font-weight: bold; }
a.footer_toc:visited { font-size: 8pt; color: white; text-decoration: none; font-weight: bold; }
a.footer_toc:hover   { color: #cc9900; text-decoration: underline; }

a.survey:link    { font-size: 8pt; color: blue; text-decoration: none; font-weight: normal; }
a.survey:visited { font-size: 8pt; color: blue; text-decoration: none; font-weight: normal; }
a.survey:hover   { color: red; text-decoration: underline; }
BODY.toc, TABLE.toc { background-color: #bfc0c2; font-size: 11pt; }
H2.toc { font-size: 14pt; font-weight: bold; background-color: #bfc0c2; color: 000; }

.wf4orange { background-color: #ffcc66; color: #000; font-weight: bold; padding: 5px; }
.wf4intro  { background-color: #ffcc66; color: #fff; font-size: 12pt; font-weight: bold; }

.header_toc { font-size: 14pt; font-weight: bold; color: white; }
.footer_toc { font-size: 10pt; font-weight: normal; color: white; }

.lastupdated { font-size: 7pt; font-weight: normal; font-style: italic; color: red; }

INDEX, SELECT, INPUT { font-size: 11pt; background-color: #e3e3e3; color: #333333; }
INPUT.radio, INPUT.checkbox { background-color: #f1f1f1; }

@media screen {
/* IE6 doesn't support CSS2 fixed positioning, and ignores second pair for width, height
 * it operates in either backwards compatibility mode or standards mode.  DOM expressions
 * are different.
 * content area must have focus to scroll "properly", fixed positioning shows the scrollbar
 * all the way to the top of the viewport, not just the content frame.
 */

/* prevent main browser scrollbar from appearing */
BODY { overflow: hidden; }

div#header {
   visibility: visible;
   position: absolute; 
   top: 0px;
   left: 0px;
   right: 0px;
   width: 100%; 
   height: 45px;
   z-index: 100;
}

div#subheader {
   visibility: visible;
   position: absolute;
   top: 45px;
   left: 0px;
   right: 0px;
   width: 100%;
   height: 25px;
   z-index: 125;
}

div#content { 
   position: absolute;
   padding-left: 1em;
   padding-right: 1em;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   top: 70px;
   left: 0px;
   right: 0px;
   /* set bottom to footer height */
   bottom: 26px;
   width: expression( (document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) + "px");
   /* subtract spacing for header and footer */
   height: expression( (document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - (70 + 26) + "px");
   overflow-x: auto;
   overflow-y: auto;
}

div#footer { 
   visibility: visible;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: 26px;
   z-index: 100;
}

/* navigation buttons */
.button1 { position: absolute; right: 46px; top: 2px; z-index: 125; }
.button2 { position: absolute; right: 24px; top: 2px; z-index: 125; }
.button3 { position: absolute; right: 2px; top: 2px; z-index: 125; }

/************************************************* 
 * Dropdown menu
 *************************************************/
#menu {
   position: absolute;
   top: 4px;
   left: 4px;
   width: 100%;
   z-index: 110;
}

#menu dl, #menu dt, #menu dd {
   margin: 0;
   padding: 0;
}

#menu dl {
   float: left;
   width: 4em;
   margin: 0 1px;
}

#menu dt {
   cursor: pointer;
   text-align: left;
   font-weight: bold;
}

#menu dd {
   border: 2px solid black;
   width: 14em;
}

#menu li, #menu ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   width: 14em;
   text-align: left;
   background: #fff;
}

#menu dt a {
   color: #666;
   font-weight: bold;
   text-decoration: none;
   display: block;
}

#menu li a {
   color: #000;
   text-decoration: none;
   display: block;
   border: 0 none;
}

#menu dt a:hover {
   color: red;
   text-decoration: underline;
}

#menu li a:hover {
   background-color: #eee;
}

} /* end of media screen */

@media print {
/* change all text to black
 * remove navigation elements, headers, footers
 */
BODY {
   background: white !important;
   color: black !important;
   width: 10in !important;
   height: 8in !important;
   margin: 0 !important;
   padding: 0 !important;
   float: none !important;
   /* border: 2px solid red; */
}

TABLE { color: black !important; }

H1, H2, H3, H4 { color: black !important; }
H5 { display: none !important; }

div#header    { display: none; }
div#subheader { display: none; }
div#content   { position: static; margin-top: 0in; }
div#footer    { display: none; }

.noprint   { display: none !important; }
.pagebreak { page-break-before: always !important; }

/* Quick insert box text style */
.bodyText { color: black !important; }

} /* end of media print */