/*
#========================================================================
#              Copyright 2009 (Unpublished Material)                 
#                           SolidWorks Corporation                       
#========================================================================
#
#     File Name:   onlinehelp-dita.css
#     
#     Contents:    Primary CSS file for HTML topic pages generated from DITA XML sources.
#                  NB: This version is for locally installed help
#
#========================================================================
*/

/*
#=========================================================================
# VERSIONING
#    2013_sp0_002
#=========================================================================
*/
/*
#=========================================================================
#  VERSION COMMENTS - begun October 2012; going to try to keep these up-to-date as
#  summary comments whenever the versioning info above changes
#
#  2013_sp0_002 - added word-wrap:break-word to rules for filepath, userinput, and
#                 related links boxes to provide more flexible wrapping of long
#                 strings such as file paths and giant German words
#
# AWH 20150610 removed max-width rule on td.dtcell
#AWH 201601 a series of changes for new CMS setup and new OT (2.1.1)
#=========================================================================

# Attempting a print override to avoid bad printing of Related Topics links from CHM - doubt it will work
*/
@media print {
    #auto_links {
        display:none!important;
    }
}
/* RESET - adding a true set of reset rules so that we start from a clean slate in all browsers */
/* removed label, form, fieldset, input selectors - awh 20120801 */
html, body, div, blockquote, img, lp, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, a, th, td {
	margin:0;
	padding:0;
	border:0;
}
/* end RESET */

/* LINKS - standard link colors */
a:link { color: #1A79B1; text-decoration: none; }
a:visited { 	color: #1A79B1; text-decoration: none; }
a:hover { text-decoration: underline; }

/* style for orange borders on flashit buttons - awh 20110718 */
a.flashit:link {
 padding:1px;
 margin-left:1px;
 margin-right:1px;
 margin-top:2px;
 border:1px solid #fe9508;
 background-color: #ffffff;
}

a.flashit:visited {
 padding:1px;
 margin-left:1px;
 margin-right:1px;
 margin-top:2px;
 border:1px solid #fe9508;
 background-color: #ffffff;
}

a.flashit:hover {
 padding:1px;
 margin-left:1px;
 margin-right:1px;
 margin-top:2px;
 border:1px solid #3a5c81;
 background-color: #ffffff;
}

a.flashit:active {
 padding:1px;
 margin-left:1px;
 margin-right:1px;
 margin-top:2px;
 border:1px solid #3a5c81;
 background-color: #ffffff;
}

/* end LINKS */

a.flashit img {margin-top:4px} /* fix for flashit borders encroaching on text above awh 20130509 */

/* BODY - font stuff and line height cascade throughout except where specifically overridden */
body {
	margin-left: 10px;
	font: 12px Verdana,Arial,sans-serif;
	background-color: #fff;
	line-height:1.25; }

/* BASE PARAGRAPH AND DIV RULES */
/*p, div, ul, ol, dl, table, pre */
/* AWH - changes for OT 2.x processing - added all .body items - .DITAtopicbody class value no longer written */
.body p, .body div, .body ul, .body ol, .body dl, .body table, .body pre, .DITAtopicbody p, .DITAtopicbody div, .DITAtopicbody ul, .DITAtopicbody ol, .DITAtopicbody dl, .DITAtopicbody table, .DITAtopicbody pre, p.shortdesc {
	margin-top:0.5em;	margin-bottom:0.5em }

#auto_links p, #auto_links div, #auto_links ul, #auto_links ol, #auto_links dl, #auto_links table, #auto_links pre {
	margin-top:0.5em;	margin-bottom:0.5em; font-weight: normal; word-wrap:break-word }

/* special block level element rules */
.example_div, .result, .postreq { margin:1em 0 }
.child_links_stem { font-size:1.35em; font-weight:bold; color:#3B3B3B; margin-top:1em; margin-bottom:0.3em; font-variant:small-caps } /* paragraph that introduces automatically generated child link lists */
pre, img, table { overflow:auto } /* scrolling for elements that might overflow width of viewport */
pre { font-family: "Courier New" Courier monospace; min-height:3em } /* ensure preformatted paras are tall enough to include scroll bars - added font-faimly rule - awh 20120730 */
br + img {margin:0.5em 0}

/* COMMON LIST RULES (OL, UL) */

ol {margin-left:2.7em; list-style-type:decimal }
ul {margin-left:1.35em; list-style-type:disc }
ul * ul {list-style-type:square}
ul * ul * ul {list-style-type:circle}
ol * ol {list-style-type:lower-alpha}
ol * ol * ol {list-style-type:lower-roman}
li { margin-top: 0.25em }
li span p,li span div {margin-left:0em; text-indent:0}
li span, li p {font-weight:normal}
td span, td strong span {text-indent:0} /* CHM viewer doesn't respect negative indents (but only in table cells?) */

/* rules for automatically generated link lists */
.ullinks { list-style-type: none; margin-left:0em; }
.ulchildlink, .olchildlink { margin-left:0em; margin-top:0.5em; margin-bottom:1em; font-weight:normal }
.ulchildlink p, .olchildlink p { margin-left:0em; margin-top:0.25em }

/* end COMMON LIST RULES (OL, UL) */

/* DEFINITION LIST RULES (ALSO COVERS PARAMETER LISTS */
dl { margin: 0.5em 0; padding:0 }
dl * dl { margin-left:1.35em; }
dt { margin:0; padding:0; font-weight:bold; font-size:1.1em }
dd { margin:0 0 0.5em 0; padding:0 }

/* SIMPLE LIST OVERRIDE */
ul.simple {margin-left:1.35em}

li div.note  {margin-left: 0pt;}

/* START TABLE STUFF */

/* some general table rules */
table { border-collapse:collapse; margin:0.5em 0; font-weight:normal } /* preventing doubled borders around cells, rows, etc. */
th, td { padding: 3px } /* standard padding for all cells */

/* setting table outside border properties based on the value of the table's frame attribute */
table[frame=above] {border:0px solid #fff; border-top:1px solid #e4e5e6} /*Frame = top */
table[frame=below]  {border:0px solid #fff; border-bottom:1px solid #e4e5e6} /*Frame = bottom */
table[frame=hsides]{border:0px solid #fff; border-top:1px solid #e4e5e6; border-bottom:1px solid #e4e5e6} /*Frame = topbot */
.tableborder table, table[frame=border] {border:1px solid #e4e5e6 } /*Frame = all or blank */
table[frame=vsides] {border:0px solid #fff; border-left:1px solid #e4e5e6; border-right:1px solid #e4e5e6} /*Frame = sides */
table[frame=void] {border:0px solid #fff} /*Frame = none */

/* table header row */
thead { background-color: #609fd1; border:1px solid #609fd1; color:white }

/* rules for cell rulings inside a table - based on Col and Row Separator settings on the whole table (Table tab in Table Properties d.b.) */
/* note no need for a rule for rules=none as this comes out right (no rulings) without one */
table[rules=all] * td { border:1px solid #e4e5e6 } /* both are set to 1 and/or blank */
table[rules=cols] * td { border-left:1px solid #e4e5e6; border-left:1px solid #e4e5e6 } /* row is set to 0, col is set to 1 or blank */
table[rules=rows] * td { border-top:1px solid #e4e5e6; border-bottom:1px solid #e4e5e6 } /* row is set to 1 or blank, col is set to 0 */


/* overrides to suppress ruling on bottom of rows or right side of columns */
/* table[rules=all] * td.cell-norowborder,table[rules=rows] * td.cell-norowborder  {border-bottom:2px solid white } /* suppress bottom ruling on a row - result of setting the row separator to 0 in Column or Row area */ */
/* table[rules=all] * td.row-nocellborder,table[rules=cols] * td.row-nocellborder  {border-right:2px solid white } /* suppress right side ruling on a column - result of setting the column separator to 0 in Column area */
table[rules=all] * td {border:1px solid #e4e5e6}

/* table shading options - result from setting outputclass attributes on the <entry> element for a cell */
td.shaded { background-color:#e4e5e6 }
td.shadehead { background-color: #609fd1; border-bottom:1px solid #609fd1 !important; color:white; font-weight:bold; }

/* force no wrapping */
td.nowrap { white-space:nowrap }

/* overrides on p inside table cells so that first one isn't too far down */
td p, td .stem { margin-top:0em; margin-bottom:1em }

/* separate rules for tables formed from DL structures */
table.dl {border:0px solid white }
table table.dl {margin:0 }
tr.dlhead { background-color: #609fd1; border:1px solid #e4e5e6; color:white; font-weight:bold; text-align:left }
table.dl th { vertical-align:bottom; text-align:left }
table.dl td { vertical-align:top; border:0px solid white }
td.dtcell, th.dthd { font-weight:bold }
p.dt { font-weight:bold }

/* for choice tables - header as other tables, no bottom border (per Jim) */
.choicetable th { background-color: #609fd1; color:white; font-weight:bold; }
/* override of previous line for new structure in choice tables where all Option column cells are th.choption - awh 20160121 */
.choicetable th.choption { background-color: #fff; color:black; font-weight:bold; text-align:left; border:none }
table[frame=hsides].choicetable { border-bottom: none }

/* override for font-weight on choicetable body rows, which are otherwise all bold-face in CHM output */
.chrow { font-weight: normal }
/*  and override of the override for dt cells - rare , but happens sometimes*/
.chrow p.dt { font-weight: bold }
/* and override for choice description cells, because for some reason past style has always been to have no ruling in choicetables (per Jim?) - awh 20160122 */
table[rules=rows] * td.chdesc, table[rules=rows] * td.choption { border-top:none; border-bottom:none } /* row is set to 1 or blank, col is set to 0 */

.cellrowborder { border:none }
	
.row-nocellborder { border:none; border-right: hidden }
	
.cell-norowborder, .chdesc { border:none; border-bottom: hidden }
	
.nocellnorowborder { border:none; border-right: hidden; border-bottom: hidden }

/* END TABLE STUFF */

/* TASK TOPIC SPECIFIC STUFF */
.singlestep .cmd { border-left:0.5em solid #cd773d; margin-left:2.7em; padding-left:0.85em }
.singlestep p.info, .singlestep p.stepxmp, .singlestep p.stepresult { margin-left:4.05em }
/* ol.steps li p.dt { font-weight:bold; }
ol li, ol.steps li  { font-weight:bold }
ol.substeps li  { font-weight:bold !important; }
ol li *, ol.steps li *, ol.substeps li * {font-weight:normal } */
ol li {font-weight:bold}
ol li > * {font-weight:normal}
/* ol.steps li span , ol.steps li p{	font-weight:normal; } */
ul.choices li span p, ul.choices li span div { margin-left:0 }
/* END TASK TOPIC SPECIFIC */
div.nested0 {margin-top: 0pt;}

/* new to get better control of superscript and especially subscript - awh 20120214 */
sup { font-size:0.75em; vertical-align:0.5em }
sub { font-size:0.75em; vertical-align:-0.4em }

.base { background-color: #fff } /* doubt this is used */

/* Default of italics to set apart figure captions */
.figcap { font-style: normal }
.figdesc { font-style: normal }

/* Use @frame to create frames on figures */
.figborder { border-style: solid; padding-left : 3px; border-width : 2px; padding-right : 3px; margin-top: 1em; border-color : Silver;}
.figsides { border-left : 2px solid; padding-left : 3px; border-right : 2px solid; padding-right : 3px; margin-top: 1em; border-color : Silver;}
.figtop { border-top : 2px solid; margin-top: 1em; border-color : Silver;}
.figbottom { border-bottom : 2px solid; border-color : Silver;}
.figtopbot { border-top : 2px solid; border-bottom : 2px solid; margin-top: 1em; border-color : Silver;}

/* Most link groups are created with <div>. Ensure they have space before and after. */
.linklist { margin-bottom: 1em }
.linklistwithchild { margin-left: 1.5em; margin-bottom: 1em  }
.sublinklist { margin-left: 1.5em; margin-bottom: 1em  }

.breadcrumb { font-size : smaller; margin-bottom: 1em }

/* Set heading sizes, getting smaller for deeper nesting */

/* topictitle1 == h1 */
.topictitle1 { /* font-size and padding tweaked to minimize overlap with related links - awh 20120430 */

	font-size: 1.5em;
	color: #fff;
	padding:0.8em 0 0.5em 0.5em;
	margin:0px -10px;
	width:100%;
	vertical-align: bottom;
 	background: #000 url('art/bg.jpg') no-repeat;
}

.topictitle2 {

	font-size: 1.35em;
	color: #5B7F95;
	margin-top: 15pt;
	padding: 0px;
}
/* edited awh 210120614 - added second selector for new RN look and tweaked various values */
.relnotesSectionHead, .nested1 h2
{
	border-top: #1c2e3a 2px solid;
	margin-top: 1.8em;
	font-size: 1.6em;
	padding-bottom: 0.6em;
	color: #5B7F95;
	margin-right: 1.25em;
	padding-top: 0.6em;
	font-weight: bold;
}

.topictitle3 	{
	font-size: 1.15em;
	color: #5B7F95;
	margin-top: 10pt;
}

.topictitle4 { margin-top: .83em; font-size: 1.15em; font-weight: bold;}

.topictitle5 { font-size: 1.15em; font-weight: bold;}

.topictitle6 { font-size: 1.15em; font-style: italic;}

.sectiontitle {

	font-size: 1.35em;
	color: #5B7F95;
	margin-top: 1em;
	margin-bottom:0.5em;
	padding: 0px;
}

/* Support for stem sentences in DITA topics */
.stem {
	font-size: 1.075em;
	font-weight: bold;
	font-style: normal;
	color: #3b3b3b;
	margin-top:0.8em;
}
/* section is a class on a div element that wraps h2 class = sectiontitle */
.section { }

.tablenoborder { }

.notelisttitle { font-weight: bold }

/* .note class is generated from an XML note element with type=note (or default). */
.note , .tip 
{
	padding: 5px;
	margin-right:1em;
	background-color: #f4f4f4;
	border:1px solid #999;
}

.fastpath { margin-top: 1em; margin-bottom : 1em;}
.fastpathtitle { font-weight: bold }
.important 
{
	margin-top: 1em; 
	margin-bottom : 1em;
}

.importanttitle { font-weight: bold }
.remember 
{
	margin-top: 1em; 
    margin-bottom : 1em;
}
.remembertitle { font-weight: bold }
.restriction 
{
	margin-top: 1em; 
	margin-bottom : 1em;
}

.restrictiontitle { font-weight: bold }

.attention 
{
	margin-top: 1em; 
	margin-bottom : 1em;
}

.attentiontitle { font-weight: bold }

.caution, .danger 
{
	padding: 5px;
	margin-right:1em;
	background-color:#ffa;
	border:2px solid #ffe34d;
	font-weight:bold;
}

/*	HTML elements of class .closer, .dothis, and .why result from any element 
	whose outputclass is set to why or closer. These should be preceded by 
	the appropriate graphic, but do not require any special XSLT processing. */

.closer, .dothis, .why
{
	/*padding: 5px;
	background-color: #edfaff;
	border: 1px solid #09f;*/
}
}

/* SUPPORT FOR VIDEO AND EXAMPLE CLASSES */
a.video, a.example
{
	background-repeat:no-repeat;
	padding-left:19px;
	/*white-space:nowrap; commented out for now - doing more harm than good - awh 20120730 */
}
a.xref.video
{
	background-image:url("art/video.png");	
}

a.xref.example
{
	background-image:url("art/example.png");
}

/*	HTML elements of class .congrats result from any element whose outputclass is set to congrats. 
    These receive text formatting only, and do not require graphics or XSLT processing. */

.congrats { color: #0000FF }

/* Simple lists do not get a bullet */
ul.simple { list-style-type: none }

/* Various basic phrase styles */
.bold { font-weight: bold; }
.boldItalic { font-weight: bold; font-style: italic; }
.italic { font-style: italic; }
.underlined { text-decoration: underline; }
.uicontrol, .uicontrol .keyword { font-weight: bold !important; }
.parmname { font-weight: bold; }
.kwd { font-weight: bold; }
.defkwd { font-weight: bold; text-decoration: underline; }
.var { font-weight: bold;	font-family: "Courier New" Courier monospace; font-size:1.05em }
.shortcut { text-decoration: underline; }
.filepath, .userinput {	font-family: Courier New, Courier, monospace; font-size:1.05em; word-wrap:break-word }
.varname { font-style:italic }
.wintitle {font-weight: normal}/* awh add 20160122 - surprised this wasn't here  before */

/* new for styling reg marks and service marks just the way we'd like - awh 20120214 */
.regmark {font-size:1.1em; vertical-align:0.3em; padding-left:2px}
.servicemark {font-size:0.7em; vertical-align:0.5em; padding-left:2px}
/* end reg mark and service mark */

/* Default of bold for definition list terms */
.dlterm { font-weight: bold; }

/* Use CSS to expand lists with @compact="no" */
.dltermexpand { font-weight: bold; margin-top: 1em; }
*[compact="yes"]>li { margin-top: 0em;}
*[compact="no"]>li { margin-top: .53em;}	
.liexpand { margin-top: 1em; margin-bottom: 1em }
.sliexpand { margin-top: 1em; margin-bottom: 1em }
.dlexpand { margin-top: 1em; margin-bottom: 1em }
.ddexpand { margin-top: 1em; margin-bottom: 1em }
.stepexpand { margin-top: 1em; margin-bottom: 1em }
.substepexpand { margin-top: 1em; margin-bottom: 1em }

/* Align images based on @align on topic/image */
div.imageleft { text-align: left }
div.imagecenter { text-align: center }
div.imageright { text-align: right }
div.imagejustify { text-align: justify }

pre.screen { padding: 5px; border: outset; background-color: #CCCCCC; margin-top: 2px; margin-bottom : 2px; white-space: pre }

.DITAtopicabstract .DITAtopicshortdesc {	margin-bottom:14pt; }

.DITAtopicshortdesc
{
}

.DITAtopicabstract
{
}

/* RELATED LINK STUFF */
}
/* added .related-links selector (last one) to support new output structure from OT 2.1.1 - awh 20160121 */
/* AWH - changes for OT 2.x processing - added div.body item - .DITAtopicbody class value no longer written */
div.body, .DITAtopicbody, .nested1, body > p.shortdesc, .child_links, .olchildlink, nav.related-links > .ullinks, .related-links > .ullinks, #child_links  { margin-right:14em }/* width was 16 - awh 20120717*/
.nested1 > .DITAtopicbody { margin-right:0 }
/* added .related-links selectors (first two) to support new output structure from OT 2.1.1 - awh 20160121 */
.related-links > .linklist, .related-links > .familylinks, #auto_links { position:fixed; top:85px; right:0.3em; margin:0; background-color:#fff; z-index:9999 }
.relref, .reltasks, .relconcepts, .relinfo, .parentlink, .previouslink, .nextlink  { width:13em; background-color: #f4f4f4; border:1px solid #eaeaea; overflow:auto; margin-top:0 } /* added margin-top 0 for better clearance of header bg - awh 20120430 *//* width was 15 - awh 20120717*/
.familylinks { margin-top:0 } /* added margin-top 0 for better clearance of header bg - awh 20120430 */
.relref strong, .reltasks strong, .relconcepts strong, .relinfo strong, .parentlink strong, .previouslink strong, .nextlink strong
{
	color:#3b3b3b;
	padding:0.4em;
	font-variant:small-caps;
	font-size:1em /* was 1.1 - awh 20120717*/
}

/* added the .parentlink > .link selector and the display:block rule for consistent presentation of parent right-hand links - awh 20160121 */
.relref div, .reltasks div, .relconcepts div, .relinfo div, .parentlink div, .previouslink div, .nextlink div, .parentlink > .link, .previouslink > .link, .nextlink > .link {
	width:13em; /* was 15, also removed overridden font-weight bold here - awh 20120717*/
	font-size:0.9em;
	padding:0.3em;
	padding-left:0.8em;
	margin:0;
	display: block;
}

.relref div a, .reltasks div a, .relconcepts div a, .relinfo div a, .parentlink div a, .previouslink div a, .nextlink div a { text-decoration:none }

.relref div a:hover, .reltasks div a:hover, .relconcepts div a:hover, .relinfo div a:hover, .parentlink div a:hover, #prevlink div a:hover, #nextlink div a:hover { text-decoration:underline }

/* Tutorial welcome page artifacts */

.tutorialnavigation
{
	text-align:			center;
	width:				350px;
	font-weight:		bold;
	margin-top:			20pt;
	margin-bottom:		20pt;
	background-color:	#eee;
}

.tutorialtablehead { background-color: #808080; color: #fff; font-size: 1.25em }

.tutorialdisplayindent { text-align: center }

.tutorialdisplay
{
	text-align: center;
	width: 290px;
	font-weight: bold;
	margin-top: 20pt;
	margin-bottom: 20pt;
}

.imageBox { width: 290px; height: 230px }

.imageboxcell { width: 290px; background-color: #006699 }

.textBox { width: 290px; font-weight: bold; margin-top: 5pt; margin-bottom: 5pt }

.textboxcell { width: 350px; background-color: #EEEEEE; border: thin solid black }

.someotherboxcell { width: 350px; background-color: #E9967A }

.hidden { display: none }