/*
#========================================================================
#              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_001
#=========================================================================
*/

/* 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 */

/* 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 { */
.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 }

/* 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; 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 {font-weight:bold; 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:1.35em; }

/* 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; font: 12px Verdana,Arial,sans-serif; } /* 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 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; max-width:100px }
p.dt { font-weight:bold }

/* for choice tables - header as other tables, no bottom border (per Jim) */
.choicetableborder th { background-color: #609fd1; color:white; font-weight:bold; }
table[frame=hsides].choicetableborder { 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 }

.cellrowborder { border:none }
	
.row-nocellborder { border:none; border-right: hidden }
	
.cell-norowborder { 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 , ol.steps li p.dt {	font-weight:bold; }
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 
{
	padding-left: 31px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	background-image: url("art/sw-note.gif");
	background-repeat: no-repeat;
	margin-right:1em;
	font-weight:normal;
	background-color: #f4f4f4;
	border:1px solid #eaeaea;
}
 
.tip 
{
	padding-left: 31px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	background-image: url("art/sw-tip.gif");
	background-repeat: no-repeat;
	margin-right:1em;
	background-color: #f4f4f4;
	border:1px solid #eaeaea;
	font-weight:normal;
}

.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 }

.danger 
{
	padding-left: 27px;
	padding-top: 5px;
	padding-bottom: 10px;
	background-image: url("art/sw-danger.gif");
	background-repeat: no-repeat;
	background-position:0% 0.3em;
}

.caution 
{
	padding-left: 31px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	background-image: url("art/sw-caution.gif");
	background-repeat: no-repeat;
	margin-right:1em;
	background-position:0.2em 0.3em;
	font-weight:normal;
	background-color: #fffff1;
	border:1px solid #e0dd00;
}

/*	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
{
	padding-left: 27px;
	padding-top: 5px;
	padding-bottom: 5px;
	bottom: 4px;
	background-image: url("art/sw-closer.gif");
	background-repeat: no-repeat;
}

.dothis
{
	padding-left: 27px;
	padding-top: 5px;
	padding-bottom: 5px;
	bottom: 4px;
	background-image: url("art/sw-dothis.gif");
	background-repeat: no-repeat;
}

.why
{
	padding-left: 27px;
	padding-top: 5px;
	padding-bottom: 5px;
	bottom: 4px;
	background-image: url("art/sw-why.gif");
	background-repeat: no-repeat;
}

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

.example
{
	background-image:url("art/example.png");
	background-repeat:no-repeat;
	padding-left:19px;
	/*white-space:nowrap; commented out for now - doing more harm than good - awh 20120730 */
}


/*	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 { 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 }
.filepath {word-wrap:break-word}
.varname { font-style:italic }

/* 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 */

.DITAtopicbody, .nested1, body > p.shortdesc, .child_links, .olchildlink { margin-right:14em }/* width was 16 - awh 20120717*/
.nested1 > .DITAtopicbody { margin-right:0 }
#auto_links { position:fixed; top:85px; right:0.3em; margin:0; background-color:#fff; z-index:9999 }
.relref, .reltasks, .relconcepts, .relinfo, .parentlink, #prevlink, #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, #prevlink strong, #nextlink strong
{
	color:#3b3b3b;
	padding:0.4em;
	font-variant:small-caps;
	font-size:1em /* was 1.1 - awh 20120717*/
}

.relref div, .reltasks div, .relconcepts div, .relinfo div, .parentlink div, #prevlink div, #nextlink div
{
	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;
}

.relref div a, .reltasks div a, .relconcepts div a, .relinfo div a, .parentlink div a, #prevlink 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 }