/* manual.css  applies only to service manual */
@import "../main.css" ;

:root {
/*	font-family: sans-serif ;
	--bgcolor: #f7f7f7 ;
	--textcolor: #222222 ; */
	--image-margin-right: "270" ;
	--linkhovercolor: #e8e8e8 ;
	--maxwidth: 850px ;
	--toolwidth: 250px ; /* the width of the tool name field */
	--pwidth: 500px ; /* the width of the left column */
}



body {
/*	margin-left: 20px ; */
	max-width: var(--maxwidth) ;
/*	font-family: sans-serif ; */
	color: var(--textcolor) ;
	background: var(--bgcolor) ;
}


/* this is in main.css 
i {
	font-family: serif ;
}

a:link  {
	color: blue ;
	text-decoration: none ;
}

a:visited {
	color: dodgerblue  ;
}

*/

a:hover {
	color: var(--textcolor)  ;
	text-decoration: underline ;
	background: var(--linkhovercolor) ;
}

/* in main.css 
a:active {
	color: #00ff00  ;
}
*/

a:target {
	padding-top: 3 ;
	background-color: yellow ;
	position: static ;
	top: 10px ;
}


.hint {
	color: darkgreen ;
	font-size: .80em ;
}

p.hint {
	margin-left: 20px ;
	max-width: 450 ;
}

.hint b {
	font-style: normal ;
	font-size: 1.25em   ;
	color: orange ;
	font-weight: normal ; 
}

img.thumbnail {
	width: 260px ; 
/*	width: 400px ; */
	float: right ;
	border-style: solid ;
	border-width: 1px ;
}

.fullwidth  {
	max-width: var(--maxwidth) ;
}

.widepic {
	text-align: center ;
}

img.widepic {
	width: 700px  ;
	border-style: solid ;
	border-width: 1px ;
}


hr {
	background: url(images/bar.gif) no-repeat left ;
	height: 2px ;
	margin: 3 auto 3 0 ;  /*top right bottom left */
	border: 0px ;
}



.fullleft table  {
	width: var(--pwidth) ;
	border: 1px solid var(--textcolor) ;
}


.fullleft td {
	border-collapse: collapse ;
	border: 1px solid var(--textcolor)  ;
	text-align: center ;
	padding: 5px ;
}


/* this is in main.css 
table {
	border-collapse: collapse ;
	border: 1px solid var(--textcolor)  ;
}

th {
	border-collapse: collapse ;
	border: 2px solid var(--textcolor)  ;
	text-align: center ;
	padding: 5px ;
}

td {
	border-collapse: collapse ;
	border: 1px solid var(--textcolor) ;
	padding: 5px ;
}

*/


.sectiontoc table {
	width: 50% ;
	border-collapse: collapse ;
	border: none ;
}
.sectiontoc td, .sectiontoc tr {
	border-collapse: collapse ;
	border: none ;
	margin-top: 1em ;
	margin-bottom: 1em ;
	font-weight: bold ;
}

/* This is in main.css 
table.noborder {
	border-collapse: collapse ;
	border: none ;
	margin-top: 0px ;
	margin-bottom: 0px ;
	margin-right: 0px ;
	margin-left: 0px ;
	padding: 3px ;
}

table.noborder td {
	border-collapse: collapse ;
	border: none ;
	margin-top: 0px ;
	margin-bottom: 0px ;
	margin-right: 0px ;
	margin-left: 0px ;
	padding: 5px ;
}

*/ 

table.tools {
	border-collapse: collapse ;
	border: none ;
	margin-top: 0px ;
	margin-bottom: 0px ;
	margin-right: 0px ;
	margin-left: 0px ;
	padding: 0px ;
/*	width: 60% ; */
}

table.tools td {
	font-weight: bold ;
	border-collapse: collapse ;
	border: none ;
/*	border: 1px solid blue ; */
	color: var(--textcolor) ;
	margin-top: 0px ;
	margin-bottom: 0px ;
	margin-right: 0px ;
	margin-left: 0px ;
	padding-top: 1px ;
	padding-right: 6px ;
	padding-left: 0px ;
	vertical-align: top ;
}

td.toolindent {
	padding-left: 20px !important ;
}

table.specifications td {
	vertical-align: top ;
}

table.thin {
	border-collapse: collapse ;
	border: none ;
	margin-top: 0px ;
	margin-bottom: 0px ;
	margin-right: 0px ;
	margin-left: 0px ;
	padding: 0px ;
}

sub {
	font-size: .6em ;
}

table.thin td {
	border-collapse: collapse ;
	border: none ;
	color: var(--textcolor) ;*
	margin-top: 0px ;
	margin-bottom: 0px ;
	margin-right: 0px ;
	margin-left: 0px ;
	padding: 0px ;
	padding-right: 6px ;
	padding-left: 0px ;
}

ol, ul {
	margin-top: 3px ;
	margin-bottom: 3px ;
	list-style-position: outside ;
	margin-left: -15px ;
}
	
li.thin {
	border-collapse: collapse ;
	border: none ;
	color: var(--textcolor) ;*
	margin-top: 0px ;
	margin-bottom: 0px ;
	margin-right: 0px ;
	margin-left: 0px ;
	padding: 0px ;
	padding-right: 6px ;
	padding-left: 0px ;
}


h1 {
/*	float: right ; */
}

h2 {
	margin-top: 0px ; 
/*	background-color: #ffdddd ; /* pink */
}

.inline {
	margin-top: 0px ;
}

.tight {
	margin-top: 0px ;
	margin-bottom: 0px;
}

h2.inline {
	margin-top: 0px ; 
/*	background-color: #ddddff ; /* blue */
}

.nopic {
/*	background-color: #ddffdd ; /* green */
	margin-top: 1em ; 
}



.inline h2, .inline h3  {
	margin-top: 0px ; 
/*	background-color: orange ; */

}

h3 {
	margin-bottom: 3px ;
	margin-top: 0px ;
	/* crap, why is this here...*/
}

h3.inline {
/*	background-color: orange ; */
	font-weight: normal ;
}


/* all heading targets should look the same, always.  */


.target {
/*	margin-top: 40px ;
	padding-top: 40px ; */
}

.target h2 {
/*	color: orange ; */
}

.target a:link, .target a:visited {
	color: var(--textcolor) ;
	text-decoration: none ;
}

.target a:hover, .target a:active {
	color: var(--textcolor) ;
	text-decoration: underline ;
	background: var(--linkhovercolor) ;
}



/* all page numbers should look the same, always.  */

/* This makes the current page number stay visible
but it's annoying as it covers targets.  */

/*
.page {
	position: -webkit-sticky ;
	position: sticky ;
	top: 30px ;
	left: 850px ;
	background: var(--bgcolor) ;
	max-width: 90px;  
}
*/


.page a:link, .page a:visited {
	text-decoration: none ;
	color: green ;
}

.page a:hover, .page a:active {
	text-decoration: underline ;
	background: var(--linkhovercolor) ;
}


p.units {
	max-width: var(--maxwidth) !important ;
	margin-top: 0px ;
	margin-bottom: 0px ;
	margin-right: 15px ;
	float: right ;
}


p.indent {
	margin-left: 30px ;
	margin-top: 0px ;
	margin-bottom: 0px;
}

.wide {
	max-width: var(--maxwidth) !important ;
}

/* width of left column stuff */

p, .warning, .caution, .note, ol, ul, .inline table {
/*	margin-right: 275 ; */
	max-width: var(--pwidth)  ;
/*	margin-right: var(--image-margin-right ) ; */
}

.warning li, .caution li, .note li {
	margin-left: -10px ;
	list-style: outside ;
}


.warning {
	font-family: serif ;
	font-style: italic ;
	font-weight: bold ;
}


.warning h4 {
	background-color: black ;
	color: red ;
	padding-top: 4px ;
	padding-bottom: 2px ;
	margin-bottom: 3px ;	/* whitespace below */
	font-family: sans-serif ;
	font-style: normal ;
	text-align: center ;
	max-width: 120px ;
}

.warning h4:after {
	content: ' \26a0' ;  /* ! in triangle symbol */
}

.caution {
	font-family: serif ;
	font-style: italic ;
	font-weight: normal ;
}

.caution h4 {
	background-color: #cccccc ;
	color: orange ;
	padding-top: 5px ;
	padding-bottom: 2px ;
	margin-bottom: 3px ;	/* whitespace below */
	font-family: sans-serif ;
	font-style: normal ;
	text-align: center ;
	max-width: 100px ;
}


.note h4 {
	font-style: normal;
	font-weight: 400 ;
	padding-bottom: 0px ;
/*	margin-bottom: -4px ; */
}

.note hr, .caution hr, .warning hr {
	margin-top: 0px ;
	margin-bottom: 1px ;

}

.note ul, .caution ul, .warning ul {
	margin-top: 1px ;
	margin-bottom: 0px ;

}

.note h4, .caution h4, .warning h4 {
	margin-bottom: 3px ;
}



.editor-note {
	background-color: #dddddd ;
	padding: 10px ;
	margin-left: 40px ;
	max-width: 640px ;
	font-family: serif ;
	font-style: italic ;
	margin-bottom: 15px ;
	font-size: .80em ;
}

br.clear {
	clear: both ;
}


/* in main.css */

/*
.feedback {
	position: fixed;
	top: 0px ;
	right: 10px ;
	background: white ;
	color: black ;
	border: 1px solid black ;
}


.feedback p {
	font-size: .8em ;
	margin: 5px ;
}

*/

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



.centered {  
	border-collapse: collapse ;
	text-align: center ;
}