html, body {
	position:			relative;
	width:				100%;
	height:				100%;
}

body {
	color:				#333;
	margin:				0;
	padding:			0px;
	box-sizing:			border-box;
/*	font-family:		-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; */
	font-family:		Verdana;
	font-size: 			12px;
}

a {
	color:				rgb(0,100,200);
	text-decoration:	none;
}

a:hover {
	text-decoration:	underline;
}

a:visited {
	color:				rgb(0,80,160);
}

label {
	display:			block;
}

input, button, select, textarea {
	font-family:		inherit;
	font-size:			inherit;
	-webkit-padding:	0.4em 0;
	padding:			0;
	margin:				0 0 0.5em 0;
	box-sizing:			border-box;
	border:				1px solid #ccc;
	border-radius:		0px;
	outline: 			none;
}

input:disabled {
	color:				#ccc;
}

button {
	color:				#333;
	background-color:	#f4f4f4;
	outline:			none;
}

button:disabled {
	color:				#999;
}

button:not(:disabled):active {
	background-color:	#ddd;
}

button:focus {
	border-color:		#666;
}


/*	Tags, etc., applied to help topic HTML.

		TOC						Table Of Contents

		rr-topic-path			Applied to topic path shown at top left.

		rr-topic-root-<...>		Applied to top level topics. That is, topics of
								TOC root items.

		rr-topic-side-<...>		Applied to help that optionally appears at the 
								side of, for example, dialogs.
*/
.rr-topic-class-functions-table {
	width:				100%;
	border-spacing:		0px;
}

.rr-topic-class-functions-table th {
    border-bottom:		solid 1px gray;
	padding-bottom:		2px;
	font-size:			12px;
	font-weight:		normal;
}

.rr-topic-class-functions-table td {
	border-right:		solid 1px lightgray;
    border-bottom:		solid 1px lightgray;
	padding-left:		4px;
	padding-top:		2px;
	padding-bottom:		2px;
}

.rr-topic-class-functions-table-function-td {
	vertical-align:		middle;
	border-left:		solid 1px lightgray;
	font-family:		consolas;
	font-size:			14px;
	letter-spacing:		0.5px;
}

.rr-topic-class-functions-table-command-td {
	font-family:		consolas;
	font-size:			14px;
	letter-spacing:		0.5px;
}

rr-topic-anchor {
	color:				#33F;
	cursor:				pointer;
}

rr-topic-anchor:hover {
	color:				#00F;
	cursor:				pointer;
}

rr-topic-li0 {							/*	list items */
	display:			list-item;
	list-style:			none;
	margin-top:			5px;
}

rr-topic-path {
	display:			block;
	margin-left:		-20px;
	font-family:        verdana;
	font-size:          8px;
}

rr-topic-inline-code {
	color:				black;
/*	padding-left:		5px;			*/
/*	padding-right:		5px;			*/
	font-family:        courier;;
	font-size:          14px;
	font-weight:		bold;
/*	letter-spacing:		0.5px;			*/
}

rr-topic-section-function-name {
	font-family:        courier;
	font-size:          16px;
    letter-spacing:		0.2px;
}

rr-topic-root-title {
	display:			block;
	text-align:			center;
	margin-top:			10px;
	margin-bottom:		10px;
	font-family:        verdana;
	font-size:          20px;
}

rr-topic-root-section {
	display:			block;
	margin-left:		40px;
	font-family:        verdana;
	font-size:          12px;
}

rr-topic-root-section-title {
	display:			block;
	font-family:        verdana;
	font-size:          12px;
	font-weight:   		bold;
	margin-top:			10px;
}


rr-topic-root-paragraph {
	display:			block;
	margin-top:			10px;
	margin-bottom:		10px;
}

rr-topic-root-paragraph-img {
	display:			block;
	margin-top:			10px;
	margin-bottom:		10px;
	text-align:			center;
}

rr-topic-root-h1 {
	display:			block;
	margin-top:			16px;
	font-family:        verdana;
	font-size:			16px;
}


/*	Tags, etc., applied to help topic HTML one level down from root topics.
*/
rr-topic-root-1-title {
	display:			block;
	text-align:			center;
	margin-top:			10px;
	margin-bottom:		10px;
	font-family:        verdana;
	font-size:          18px;
}

rr-topic-root-1-section {
	display:			block;
	font-family:        verdana;
	font-size:          12px;
}

rr-topic-root-1-paragraph {
	display:			block;
	margin-top:			10px;
	margin-bottom:		10px;
}

rr-topic-root-1-paragraph-indent-1 {
	display:			block;
	margin-left:		20px;
	margin-top:			10px;
	margin-bottom:		10px;
}

.rr-topic-list-1 {
	padding-inline-start:	0px;
}


/*	Tags, etc., applied to help topic HTML - functions.
*/
rr-topic-fnc-command-name {
	display:			block;
	margin-top:			20px;
	margin-bottom:		10px;
	font-family:        courier;
	font-weight:		bold;
	font-size:          18px;
    letter-spacing:		0.2px;
}

rr-topic-fnc-body {
	display:			block;
	margin-left:		40px;
	font-family:        verdana;
	font-size:          12px;
}

rr-topic-fnc-parameters-h4 {
	display:			block;
	margin-top:			10px;
	margin-bottom:		5px;
	margin-left:		-20px;
	font-weight:		normal;
	font-size:			16px;
}

rr-topic-fnc-parameter-name {
	display:			block;
	margin-top:			5px;
	margin-bottom:		5px;
	font-family:        courier;
	font-size:          14px;
	font-weight:		bold;
    letter-spacing:		0.2px;
}

rr-topic-fnc-parameter-description {
	display:			block;
	margin-left:		30px;
}

rr-topic-fnc-parameter-prp1-name {
	display:			block;
	margin-top:			5px;
	margin-bottom:		5px;
	font-family:        courier;
	font-size:          12px;
    letter-spacing:		0.2px;
}

rr-topic-fnc-parameter-prp1-description {
	display:			block;
	margin-left:		30px;
}

rr-topic-fnc-return-h4 {
	display:			block;
	margin-top:			10px;
	margin-bottom:		5px;
	margin-left:		-20px;
	font-weight:		normal;
	font-size:			16px;
}

rr-topic-fnc-return-description {
	display:			block;
}

rr-topic-fnc-example-h4 {
	display:			block;
	margin-top:			10px;
	margin-bottom:		5px;
	margin-left:		-20px;
	font-weight:		normal;
	font-size:			16px;
}

rr-topic-fnc-example {
	display:			block;
	font-family:        courier;
	font-size:          12px;
    letter-spacing:		0.2px;
}


/*	Help topics that optionally appear at the sides of dialogs (when the user
	clicks on the  Help  word in the upper right of the dialog.

	There should not be a title in the topic because the topic is understood
	to be that of the dialog.

	Space is limited. Margins are smaller.
*/
rr-topic-side-section {
	display:			block;
	margin-left:		10px;
	font-family:        verdana;
	font-size:          12px;
}

rr-topic-side-paragraph {
	display:			block;
	margin-top:			10px;
	margin-bottom:		10px;
}

rr-topic-side-h1 {
	display:			block;
	margin-top:			16px;
	font-family:        verdana;
	font-size:			16px;
}


/*	Images in help topics.
*/
.rr-topic-img-075-left {
	scale:				0.75;
	transform-origin: 	left;
}




/*	This container (and other classes below) might be common and of a different
	name for other panes.  * FIX: one of each! *

	Possibly name this container "rr-common-main-container".
*/
.rr-help-edit-container {					/*	like rr-pe-diags-container	*/
/*	margin:             0px 5px 0px 5px;	*/
/*	padding:            0px 5px 0px 5px;	*/
	display:            grid;
	grid-template-rows:	19px 29px 29px 29px auto;
	width:              100%;
	height:				100%;
}

.rr-help-edit-title {						/*	like rr-pe-diags-title		*/
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          12px;
	padding-bottom:     5px;
	flex:               1 1 auto;
	max-height:         14px;
	cursor:				default;
	text-align: 		center;
}

.rr-help-edit-controls {
    display:            flex;
	padding-left:		10px;
	padding-bottom:		5px;
	font-family:		verdana;
	font-size:			10px;
}

.rr-help-edit-button {
	border-color:		gray;
}

.rr-help-edit-topic-label {
	cursor:				default;
}
.rr-help-edit-controls-label {
	padding-top:		4px;
	flex:               1 1 auto;
	max-width:          65px;
	text-align:         left;
	cursor:				default;
}

.rr-help-edit-toctext-input {
	flex:               1 1 auto;
	max-width:          400px;
	border: 			solid 1px gray;
	padding-left:		4px;
	font-size:			10px;
	font-family:		verdana;
	height:				16px;
	outline:			none;
}

.rr-help-edit-text {						/*	like rr-pe-diags-text		*/
	border:             none;
	font-family:        consolas;
	font-size:          10px;
	resize:             none;
	flex:               1 1 auto;
}

.rr-help-edit-new {
	width:				70px;
	height:				20px;
	margin-right: 		12px;
}

.rr-help-edit-delete {
	width:				90px;
	height:				20px;
	margin-right: 		12px;
}

.rr-help-edit-up {
	width:				50px;
	height:				20px;
	margin-right: 		12px;
}

.rr-help-edit-down {
	width:				40px;
	height:				20px;
	margin-right: 		12px;
}

.rr-help-edit-in {
	width:				50px;
	height:				20px;
	margin-right: 		12px;
}

.rr-help-edit-out {
	width:				50px;
	height:				20px;
	margin-right: 		12px;
}
.rr-help-container {						/*	like rr-pe-diags-container	*/
	margin:             0px 5px 0px 5px;
	padding:            0px 5px 0px 5px;
	display:            flex;
	flex-direction:     column;
	width:              100%;
	flex:               1 1 auto;
}

.rr-help-title {							/*	like rr-pe-diags-title		*/
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          12px;
	padding-bottom:     5px;
	flex:               1 1 auto;
	max-height:         14px;
	cursor:				default;
	text-align: 		center;
}

.rr-help-text {								/*	like rr-pe-diags-text		*/
	border:             none;
	font-family:        consolas;
	font-size:          12px;
	resize:             none;
	flex:               1 1 auto;
}

.rr-help-monaco-container {	
	border:             none;
	font-family:        consolas;
	font-size:          10px;
}

.rr-help-markdown-container {				/*	a div around the markdown	*/
	border:             none;
	font-family:        verdana;
	font-size:          12px;
/*	flex:               1 1 auto;			*/
/*	overflow-x:			hidden;				*/
/*	overflow-y:			auto;				*/
	letter-spacing:		0.5px;
	margin-left:		20px;
	margin-right:		20px;
}

.rr-help-markdown-container div h4 {
	margin-top:			12px;
	margin-bottom:		6px;
}

.rr-help-markdown-container div pre {
	margin-top:			6px;
}

.rr-help-markdown-container div div {
	margin-left:		40px;
	margin-top:			10px;
}

.rr-help-markdown-container div div div {
	margin-left:		40px;
	margin-top:			10px;
}

.rr-help-markdown-container div div div div {
	margin-left:		40px;
	margin-top:			10px;
}

.rr-help-markdown-container pre {
	font-size:			13px;
	letter-spacing:		0px;
	margin-bottom:		0px;
}

.rr-help-markdown-container ul {
	margin-top:			2px;
}

.rr-general-button {
	font-family:        Verdana; 		/*	sans-serif, 'Roboto';			*/
	font-size:          10px;
	color:				black;
	background:         white;
	border-style:       solid;
	border-width:       1px;
	border-color:       gray;
	padding:            2px 8px 3px 8px;
	min-width:          60px;    
}

/*	For monaco editor.  
	Based on - 
		https://medium.com/@lyuda.dzyubinska/monaco-editor-decorator-385ba6aa90b8
*/
.monacoDecoratorYellow {
	background: 		yellow;
}

.monacoDecoratorDashTopBot { 		/* 	Next statement to execute. */
	margin-top: 		-2px;
	border-top: 		dashed 1px lightgray;
	border-bottom:   	dashed 1px lightgray;
}