﻿* {margin: 0; padding: 0;}
a {outline: 0;}
a:link, a:visited, a:active
{
     color: #94192e;
     text-decoration: none;
}

a:hover
{
		text-decoration: underline;
}

a.u:hover
{
		text-decoration: none;
}

html
{
	height: 100%;
}
body
{
   	font-family: sans-serif;
    color: #333333;
	font-size: 100%;
	line-height: 1.5em;
}

p
{
	font-size: 1em;
	padding-right: 0.714em;
	margin-bottom: 1.5em;
}

fieldset
{
	margin: 0;
	padding: 0;
	border: 0;
}

h1, h2
{
	color: #cc6600;
	font-size: 1.714em;
	line-height: 1.75em;
	text-decoration: none;
}
h3
{
	color: #b55340;
	font-size: 1.000em;
	text-transform: uppercase;
	font-weight: normal;
	text-decoration: none;
}
h4
{
	color: #666666;
}
h5
{
	color: #94192e;
	font-size: 1.000em;
	font-weight: lighter;
}
h6
{
	color: #333333;
	font-size: 0.857em;
	line-height: 1.75em;
	margin-bottom: 1.75em;
	font-weight: lighter;
}
input {
	text-align: center;
	background-color: #cfcfcf;
	height: 1.583em;
	color: #333333;
	font-family: inherit;
	font-size: inherit;
	border: #ffffff 0.063em outset;
}
input:required:invalid, input:focus:invalid
{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT1JREFUeNpi/P//PwMpgImBRMACY/x7/uDX39sXt/67cMoDyOVgMjBjYFbV/8kkqcCBrIER5KS/967s+rmkXxzI5wJiRSBm/v8P7NTfHHFFl5mVdIzhGv4+u///x+xmuAlcdXPB9KeqeLgYd3bDU2ZpRRmwH4DOeAI07QXIRKipYPD35184/nn17CO4p/+cOfjl76+/X4GYAYThGn7/g+Mfh/ZZwjUA/aABpJVhpv6+dQUjZP78Z0YEK7OezS2gwltg64GmfTu6i+HL+mUMP34wgvGvL78ZOEysf8M1sGgZvQIqfA1SDAL8iUUMPIFRQLf+AmMQ4DQ0vYYSrL9vXDz2sq9LFsiX4dLRA0t8OX0SHKzi5bXf2HUMBVA0gN356N7p7xdOS3w5fAgcfNxWtn+BJi9gVVBOQfYPQIABABvRq3BwGT3OAAAAAElFTkSuQmCC);
	background-position: right top;
	background-repeat: no-repeat;
	-moz-box-shadow: none;
}
input:required:valid
{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZZJREFUeNpi/P//PwMpgImBRMAy58QshrNPTzP8+vOLIUInisFQyYjhz98/DB9/fmT48/+35v7H+8KNhE2+WclZd+G0gZmJmYGThUNz1fUVMZtvbWT59eUXG9wGZIWMUPj993eJ5VeWxuy8veM/CzPL3yfvH/9H0QBSBDYZyOVm4mGYfn6q4cory5lYmFh+MrEwM/76/YsR7mk2ZjbWP///WP37/y8cqIDhx58fjvtu7XV6//ndT34G/v8FasUsDjKO/+A2PP3wpGLd+TVsfOz8XH6KAT+nHpokcu7h6d9q/BoMxToVbBYqlt9///+1GO4/WVdpXqY/zMqXn13/+vTjI9mj94/y//v9/3e9ZRObvYbDT0Y2xnm///x+wsfHB3GSGLf41jb3rv0O8nbcR66d+HPvxf2/+YZFTHaqjl8YWBnm/vv37yly5LL8+vuLgYuVa3uf/4T/Kd8SnSTZpb6FGUXwcvJxbAPKP2VkZESNOBDx8+9PBm4OwR1TwmYwcfzjsBUQFLjOxs52A2YyKysrXANAgAEA7buhysQuIREAAAAASUVORK5CYII=);
	background-position: right top;
	background-repeat: no-repeat;
}
textarea
{
    font-family: inherit;
    font-size: inherit;
    background-color: #e1e1e1;
    color: #333333;
    overflow: hidden;
	border: medium none;
}
select
{
	color: #333333;
	font-family: inherit;
	font-size: inherit;
}
ol
{
	margin-top: 0;
	margin-bottom: 1.5em;
	margin-left: 1.429em;
	padding-left: 0;
}
ul
{
	margin-top: 0;
	margin-bottom: 1.5em;
	margin-left: 1.429em;
	padding-left: 0;
	list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAABMUlEQVQYlWWQIavCYABFv59ltwirgtkiMjZQ08CBKNM5pnNhKBgEEQVNK2MYTIrNYjCpSVAUhtrGwnnB8nzv9HvhHCF+8Xq9CIKAMAx5v9+Iv0RRRKPRIJfL0Ww2MQyDfD5Pr9fj+Xx+BkmSUCgUqNfr7Pd7brcb1+uV7XaL4zgYhkGSJIjlckkqlWI6nXK5XIjjmDiOOZ1OzOdzyuUy6/UaoWkakiRhmiar1Yrj8cj5fGaz2eB5HpVKBdd1EYqikMlkUFUVy7KYTCYsFgv6/T7VahVZljFNEzEej0mn06iqSq1Ww3VdPM/Dtm10XUdRFHzfR9zvd7LZLKVSiW63y3A4ZDQaMRgMaLfb6LrO4/H4mO92O4rFIpqmfT3ats3hcOBfy9lsRqvVotPp4Pv+V/QfyZr2l9103f0AAAAASUVORK5CYII=);
}
li.bluelist {list-style-image: url(/p1/blau10.gif);}
li.yellowlist {list-style-image: url(/p1/gelb10.gif);}
li.greenlist {list-style-image: url(/p1/gruen10.gif);}
li.redlist {list-style-image: url(/p1/rot10.gif);}
li
{
	padding-left: 0;
	padding-right: 0.714em;
	font-size: inherit;
}
content
{
	color: #333333;
}

.grayscale {filter: grayscale(100%);}
.grayscale:hover{filter:none;}

.TitleHead1
{
    color: #cc6600;
    font-size: 1.714em;
	font-weight: normal;
    text-decoration: none;
}
.TitleHead2
{
    color: #b55340;
	text-transform: uppercase;
    text-decoration: none;
}
.TitleHead2grey
{
    color: #696969;
	font-weight: bold;
    text-decoration: none;
}
.LinkGrey
{
     color: #696969;
     font-size: 1.000em;
     text-decoration: none;
}
.LinkWhite 
{
	color: #ffffff;
	font-size: 1.000em;
	text-decoration: none;
}
.LinkFooter
{
        color: #ffffff;
    font-size: 0.083em;
    text-decoration: none;
}
.mytab {
	margin: 0 0 0 1.250em;
}
.bu1 {
	text-align: center;
	padding: 0.188em 0.438em;
	display: inline;
	background: #777 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAA9ElEQVQYlc2Ru26DMABFb9KmpEpl2igtLX24SYPEihA7QmLNgMTAyMZq8QPeYEOyxIzk0R/A6h/wP9HBUqcOHXuHs99zACCA4zgBCCEBXNf9gud5J1BKjwjD8BNxHH8gSZJ3ZFn2ikt+8VGW5TOqqvJQ1/Uj2rY9gDG2R9d1D+j73oUQgmAcxztIKXdQSt1Ca72FUuoGxpgNtNbXUEpdgXO+BoDVD37fsiz+/8PftrIvOedre9oYs7E25nl2ME3T1mqSUu6sOiEEwTAM91YsY2xvZTdN82QDFEXxgjzPfaRp+mZDRVFEbTxK6dEGJYScQQgJvgEaxKQV+I/ZdAAAAABJRU5ErkJggg==) repeat-x bottom;
	border: none;
	color: #ffffff;
	cursor: pointer;
	border-radius: 0.188em;
}
.bu1:hover
{
	background-position: 0 -3.125em;
}
.bu1:active {
	background-position: 0 top;
	position: relative;
	top: 0.063em;
	padding: 0.250em 0.438em 0.125em;
}
.bu2 {
	float: right;
	font-size: 0.857em;
	text-align: center;
	padding: 0.125em 0.483em 0.188em;
	display: inline;
	background: #ffffff;
	border: 0.063em solid #c0c0c0;
	color: #333333;
	cursor: pointer;
	border-radius: 0.188em;
}
.bu2:hover
{
	border: 0.063em solid #333333;
	background: #333333;
	color: #ffffff;
}
.bu2:active
{
	position: relative;
	top: 0.063em;
	padding: 0.250em 0.375em 0.125em 0.500em;
}
.bu3 {
	font-size: 0.857em;
	text-align: center;
	padding: 0.125em 0.483em 0.188em;
	display: inline;
	background: #ffffff;
	border: 0.063em solid #c0c0c0;
	color: #94192e;
	cursor: pointer;
	border-radius: 0.188em;
}
.bu3:hover
{
	border: 0.063em solid #333333;
	background: #333333;
	color: #ffffff;
	text-decoration: none;
}
.bu3:active {
	position: relative;
	top: 0.063em;
	padding: 0.250em 0.375em 0.125em 0.500em;
}

input::-moz-focus-inner {border: 0;} /*Remove button padding in FF*/
.content1 {display: block; padding-left: 1.143em;}

.tinline {display: inline;} /*Toggle inline*/

.expand1 {
	color: #b55340;
	font-size: 1.000em;
	text-transform: uppercase;
	padding-left: 1.143em;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAJUlEQVQYlWNgYGD4TwJm+E8MoI5iXGLkK8bmqQFwBj5AnmJiMQBVZU+/7iNkxgAAAABJRU5ErkJggg==);
	cursor: pointer;
	/*	background-image: url('/p1/plus.gif'); */
}

.expand1.collapsed {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAH0lEQVQYlWNgYGD4TwJm+E8MGKyKsXlqsLuZKMXEYgDqaluzPwJ1TAAAAABJRU5ErkJggg==);}

.img-resize {width: 100%;}
.img-swap {cursor: zoom-in;}
.img-swap-res {cursor: zoom-in; width: 350px; height: auto;}
.svg-swap {cursor: zoom-in; width: 350px; height: auto;}
.vid-swap {cursor: zoom-in;}
.ifrm {
	position: sticky;
	top: 66px;
	left: 0;
	width: 100%;
	border: none;
	overflow-x: hidden;
	overflow-y: auto;
} /* Iframe */

table {font-family: inherit; font-size: 1em;}
.tb1 {border-spacing: 0; border: 0 solid white; margin-bottom: 1.5em;}
.tb1 thead td, .tb1 thead th, .tb1 tbody th {color: #ffffff; text-align: left; font-weight:normal; font-size: 0.857em; vertical-align: top; padding: 0; padding-left: 0.313em; background-color: #818181;  border-left: #c0c0c0 0.063em solid;} /* Header #cccccc */
.tb1 thead td a {color: #ffffff;}
.tb1 tbody td {vertical-align: top; padding:0 ; padding-left: 0.313em; border-bottom: #c0c0c0 0.063em solid; border-right: #c0c0c0 0.063em solid;}
.tb1 tbody tr:hover {background-color: #f5f5f5;}
.tb1 p {margin-bottom: 0;}


.t2 {border: 0; border-collapse: separate; width:100%; height:100%; background-color: #ffffff;}
.t3 {margin-left:auto; margin-right:auto; text-align:left; border-collapse: collapse; border: 0; max-width: 724px; height:100%;}

td {font-family: inherit; font-size: inherit;}
td.rc {border-radius: 0.313em;} /* Table cell with round corners and shadow */
td.sh {box-shadow: 0.125em 0.125em 0.125em #999999;} /* Table cell with shadow */
.td2 {vertical-align: top; padding-bottom: 0.625em; border-bottom: 0.063em solid #c0c0c0; height:100%;} /* background:url("/sites1/_drafts/underline24.gif");*/

/* Wrapper for youtube videos */
.videoWrapper {position: relative; padding-bottom: 56.25%; padding-top: 1.563em; height: 0;} /* 16:9 */
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/* Wrapper for tables */
.tablediv{overflow-y: hidden; overflow-x: auto;}

/* Controller table*/
table.cnc {width: 100%; max-width: 700px; border: 0px; border-collapse: separate; border-spacing: 0px;}
.cnc td {vertical-align: top; border: white 0.063em solid;}
.cnc tr:hover {background-color:#f5f5f5;}
.cnc td.td1 {border-color: #FFFFFF #FFFFFF #C0C0C0 #FFFFFF;}
.cnc td.td2 {border-color: #FFFFFF #FFFFFF #C0C0C0 #C0C0C0;}
.cnc td.td3 {text-align: center; border-color: #FFFFFF #FFFFFF #C0C0C0 #C0C0C0;}
.cnc td.td4 {border-color: #FFFFFF #C0C0C0 #C0C0C0 #C0C0C0; white-space: normal;}

/* Fanuc */
dt {
	margin-top: 0.2em;
	margin-bottom: 0.4em;
	font-weight: bold;
	font-style: italic;
	font-family: Arial;
}

dd {
	margin-top: 0.2em;
	margin-bottom: 0.4em;
	margin-left: 3%;
}

h1.fanuc {
	font-size: 35pt;
	font-weight: bold;
	font-family: sans-serif;
}

div.fanucyellow {
	background-color: yellow;
}

.info {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 3%;
	margin-right: 3%;
	border-style: solid;
	border-width: thin;
	padding: 3mm;
}

.caution {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 3%;
	margin-right: 3%;
	font-weight: bold;
	border-style: solid;
	border-width: thin;
	border-color: red;
	padding: 3mm;
}

.ftitle {
	background-color: yellow;
	font-size: 2.8em;
	font-weight: bold;
	font-family: Arial;
	padding: 0.2em
}

.text {overflow-y: hidden; overflow-x: auto;}

.label {
	margin-top: 1.4em;
	font-weight: bold;
}

.mth {
	background-color: lightcyan;
	font-size: 1.2em;
	font-weight: bold;
	font-family: Arial;
	padding: 0.4em
}

.dtarg {
	font-weight: bold;
	font-style: italic;
	font-family: Arial;
}

.ddarg {
	margin-left: 3%;
}

.dt {
	margin-left: 0%;
}

.dd {
	margin-left: 3%;
}

.id {
	margin-left: 6%;
}

.support {
	background-color: rgba(235,140,0,.4);
}

.ois {
	display: none;
}
/* Fanuc */

#stb {position: sticky; top: 95vh; left: 80vw; z-index: 19; opacity: 0;} /* top button */
#stb.show {opacity: 1; transition: opacity 1s, transform 1s;}

@media (max-width: 1025px) {
/* styles for screens 1025px and down go here */
	h1 {font-weight: normal;}
	h2 {font-weight: normal;}
	.text{max-width: 91vw;}
	.tablediv{max-width: 91vw;}
	.PicDiv {width: 91vw; overflow: scroll; overflow-y: hidden; overflow-x: auto;} /* vw = Viewport Width */
	#toc {display: none;} /* No TOC for small screens*/
	#table1 {display: none;}
	#table2 {border-spacing: 0;}
	#table3 {border-spacing: 0;}
	#cell2 {padding-left: 0.313em; padding-right: 0;}
	.cell3 {vertical-align: top; height: 5.000em; border-bottom: 0.063em solid #c0c0c0; padding-left: 0.313em; padding-right: 0.313em; padding-top: 0; padding-bottom: 0;}

	#wr {margin: 0 auto; padding: 0; width: 100%; text-align: left; height: 100%; background: #ffffff;} /* container to center page*/
	#stb {position: sticky; top: 90vh; left: 85vw; text-decoration: none; z-index: 19; opacity: 0;}
}

@media (min-width: 1026px) {
/* styles for screens 1026px and up go here */
	body {font-size: 87.5%;}
	h1 {font-weight: lighter;}
	h2 {font-weight: lighter;}
	.text{max-width: 650px;}
	.tablediv{max-width: 650px;}
	.PicDiv {width: 650px; overflow: scroll; overflow-y: hidden; overflow-x: auto;}
	#toc {vertical-align: top; width:250px; background-color: #ffffff; border: 0.063em solid #c0c0c0; padding-top:0.625em; padding-left:0.625em;}
	#table1s {display: none;}
	#table2 {border-spacing: 0.625em;}
	#table3 {border-spacing: 0.625em; max-width: 724px;}
	#cell2 {padding-left: 1.875em; padding-right: 1.875em;}
	.cell3 {vertical-align: top; width: 594px; height: 80px; border-bottom: 0.063em solid #c0c0c0; padding-left: 1.875em; padding-right: 1.875em; padding-top: 0.625em; padding-bottom: 0.313em;}
	#wr	{margin: 0 auto; padding: 0; width: 1024px;	text-align: left; height: 100%;	background: #ffffff; box-shadow: 15px 0 10px -10px #BBBBBB, -15px 0 10px -10px #BBBBBB;}
}

/* PrismJS 1.29.0 https://prismjs.com/download.html#themes=prism&languages=markup+clike+c+csharp+cpp+ini+sql&plugins=toolbar+copy-to-clipboard */
code[class*=language-], pre[class*=language-] {
	color: #000;
	background: 0 0;
	text-shadow: 0 1px #fff;
	font-family: Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;
	font-size: 1em;
	text-align: left;
	white-space: pre-wrap;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;
	tab-size: 4;
	hyphens: none
}

	code[class*=language-] ::-moz-selection, code[class*=language-]::-moz-selection, pre[class*=language-] ::-moz-selection, pre[class*=language-]::-moz-selection {
		text-shadow: none;
		background: #b3d4fc
	}

	code[class*=language-] ::selection, code[class*=language-]::selection, pre[class*=language-] ::selection, pre[class*=language-]::selection {
		text-shadow: none;
		background: #b3d4fc
	}

@media print {
	code[class*=language-], pre[class*=language-] {
		text-shadow: none
	}
}

pre[class*=language-] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto
}

:not(pre) > code[class*=language-], pre[class*=language-] {
	background: #f5f2f0
}

:not(pre) > code[class*=language-] {
	padding: .1em;
	border-radius: .3em;
	white-space: normal
}

.token.cdata, .token.comment, .token.doctype, .token.prolog {
	color: #708090
}

.token.punctuation {
	color: #999
}

.token.namespace {
	opacity: .7
}

.token.boolean, .token.constant, .token.deleted, .token.number, .token.property, .token.symbol, .token.tag {
	color: #905
}

.token.attr-name, .token.builtin, .token.char, .token.inserted, .token.selector, .token.string {
	color: #690
}

.language-css .token.string, .style .token.string, .token.entity, .token.operator, .token.url {
	color: #9a6e3a;
	background: hsla(0,0%,100%,.5)
}

.token.atrule, .token.attr-value, .token.keyword {
	color: #07a
}

.token.class-name, .token.function {
	color: #dd4a68
}

.token.important, .token.regex, .token.variable {
	color: #e90
}

.token.bold, .token.important {
	font-weight: 700
}

.token.italic {
	font-style: italic
}

.token.entity {
	cursor: help
}

div.code-toolbar {
	position: relative
}

	div.code-toolbar > .toolbar {
		position: absolute;
		z-index: 10;
		top: .3em;
		right: .2em;
		transition: opacity .3s ease-in-out;
		opacity: 0
	}

	div.code-toolbar:hover > .toolbar {
		opacity: 1
	}

	div.code-toolbar:focus-within > .toolbar {
		opacity: 1
	}

	div.code-toolbar > .toolbar > .toolbar-item {
		display: inline-block
	}

		div.code-toolbar > .toolbar > .toolbar-item > a {
			cursor: pointer
		}

		div.code-toolbar > .toolbar > .toolbar-item > button {
			background: 0 0;
			border: 0;
			color: inherit;
			font: inherit;
			line-height: normal;
			overflow: visible;
			padding: 0;
			user-select: none;
		}

		div.code-toolbar > .toolbar > .toolbar-item > a, div.code-toolbar > .toolbar > .toolbar-item > button, div.code-toolbar > .toolbar > .toolbar-item > span {
			font-size: 0.857em;
			text-align: center;
			padding: 0.125em 0.483em 0.188em;
			background: #ffffff;
			border: 0.063em solid #c0c0c0;
			color: #94192e;
			cursor: pointer;
			border-radius: 0.188em;
		}

			div.code-toolbar > .toolbar > .toolbar-item > a:focus, div.code-toolbar > .toolbar > .toolbar-item > a:hover, div.code-toolbar > .toolbar > .toolbar-item > button:focus, div.code-toolbar > .toolbar > .toolbar-item > button:hover, div.code-toolbar > .toolbar > .toolbar-item > span:focus, div.code-toolbar > .toolbar > .toolbar-item > span:hover {
				border: 0.063em solid #333333;
				background: #333333;
				color: #ffffff;
				text-decoration: none;
			}
