body, table
{
 margin: 0;
 padding: 0px;
 font-family: Verdana, Arial, Helvetica, Sans-Serif;
 font-style: normal;
 font-weight: normal;
 color: #000000;
 text-decoration: none;
 BACKGROUND: #FFFFFF;
}

div#header {
}

div#content {
  padding:8px 8px 50px 8px;
}

div#footer {
  position:absolute;
  width:100%;
  bottom:0;
}

.gallery {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.gallery div {
  flex-grow: 1;
  margin: 5px;
  text-align: center;
}

body.appendix_body
{
 margin: 0;
 padding: 0px;
 font-size: 0.95em;
 font-family: Verdana, Arial, Helvetica, Sans-Serif;
 font-style: normal;
 font-weight: normal;
 color: #000000;
 text-decoration: none;
 BACKGROUND: #FFFFDD;
}

body.appendix_r_body
{
 margin: 0;
 padding: 8px;
 font-family: Verdana, Arial, Helvetica, Sans-Serif;
 font-style: normal;
 font-weight: normal;
 color: #000000;
 text-decoration: none;
 BACKGROUND: #FFFFDD;
}

div.appendix {
  width: 100%;
  padding: 8px;
  BACKGROUND: #FFFFDD;
}
div.appendix_title {
  BORDER-BOTTOM: #cacaca 1px solid;
  padding: 4px 4px 12px 4px;
  font-size: 1.1em;
  font-weight: bold;
  color: #0000FF;
  text-decoration: none;
  min-height: 36px;
}

td.appendix_r_title {
  /*BORDER-BOTTOM: #cacaca 1px solid;*/
  padding: 4px;
  font-size: 1.2em;
  font-weight: bold;
  color: #0000FF;
  text-decoration: none;
  height: 44px;
}

h1 {
  margin-top:0.5em;
  margin-bottom:0.5em;
  font-size:1.7em;
  color:#0000FF;
}
h2 {
  margin-top:0.64em;
  margin-bottom:0.46em;
  FONT-WEIGHT:600; 
  FONT-SIZE:1.3em; 
  COLOR:#0066FF;
  FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
  padding:2px 2px 2px 4px;
}
h3 {
  margin-top:0.54em;
  margin-bottom:0.36em;
  FONT-WEIGHT:600; 
  FONT-SIZE:1.16em; 
  COLOR:#3366BB;
  FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
  padding:2px 2px 2px 4px;
}
h4 {
  margin-top:0.44em;
  margin-bottom:0.26em;
  FONT-WEIGHT:600; 
  FONT-SIZE:1.08em; 
  COLOR:#2266CC;
  FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
  padding:2px 2px 2px 4px;
  font-style:italic;
}
.appendix_topic_header {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  FONT-SIZE: 1.2em; 
}

.cell_dashed_bottom {
  BORDER-BOTTOM: #bbbbbb 1px dashed;
}

table.incorrect_code_example_table {
  width: 92%;
  border-spacing: 0;
  border-collapse: collapse;
  padding: 4px 4px 4px 4px;
  margin-left: 32px;
}

table.incorrect_code_example_table td {
  BORDER-BOTTOM: #cacaca 1px solid;
  vertical-align: middle;
  BACKGROUND: #DDDDDD;
}

.incorrect_code_example_table_nowrap {
  BORDER-BOTTOM: #cacaca 1px solid;
  vertical-align: middle;
  WHITE-SPACE: nowrap;
  BACKGROUND: #DDDDDD;
}

table.toptable {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  padding: 4px 4px 4px 4px;
  BACKGROUND: #EAEAEA;
}

table.toptable td {
  BORDER-BOTTOM: #cacaca 1px solid;
  padding: 4px;
  vertical-align: middle;
}

.toptable_nowrap {
  BORDER-BOTTOM: #cacaca 1px solid;
  vertical-align: middle;
  padding: 4px;
  WHITE-SPACE: nowrap;
  TEXT-ALIGN: right;
  width: 200px;
}

td.code_example_cell {
  padding: 4px;
  color: #000000;
  text-decoration: none;
  BACKGROUND: #ECECEC;
}

td.code_cell {
  padding: 4px;
  color: #000000;
  text-decoration: none;
  BACKGROUND: #ECECEC;
  font-family: monospace, monospace;
  white-space: nowrap;
}

td.code_function_cell {
  padding: 4px;
  color: #000000;
  text-decoration: none;
  BACKGROUND: #ECECEC;
  font-family: monospace, monospace;
  white-space: pre-wrap;
}

table.code_example_table {
  border-spacing: 2;
  width: 92%;
  padding: 4px 4px 4px 4px;
  BACKGROUND: #DADADA;
}

table.dbprops {
  background-color:rgba(0, 0, 0, 0);
  FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}
table.dbprops th {
  BACKGROUND: #EEEEEE;
  BORDER-BOTTOM: #cacaca 1px solid;
  padding: 2px 4px;
  font-weight: bold;
}
table.dbprops td {
  BORDER-BOTTOM: #cacaca 1px solid;
  padding: 2px 4px;
}

.div_note_light
{
margin:8px 24px;
padding: 8px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 4px solid #aaa;
border-right: 1px solid #ddd;
background:#FAFDFE;
}

.div_note_light_att
{
margin:16px 24px 8px 24px;
padding: 8px;
border-top: 1px solid #fdd;
border-bottom: 1px solid #fdd;
border-left: 4px solid #900;
border-right: 1px solid #fdd;
background:#FAFDFE;
}

.div_code_example
{
width: 80%;
padding: 8px;
border: 1px solid #ccc;
background:#EFEFEF;
border-radius: 3px;
-moz-border-radius: 3px;
margin:0 auto;
color: #336699;
font-family: monospace, monospace;
overflow-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}

pre, code {
  font-family: monospace, monospace;
}
pre {
  border:1px solid #eeeeee;
  overflow-x: auto;
  white-space: pre-wrap;
}
pre > code {
  display: block;
  padding: 2px;
  word-wrap: normal;
  color: #6666CC;
}

pre.script {
border:1px solid #cdcdcd;
background:#EFEFEF;
margin: 8px 24px 8px 24px;
padding: 4px 4px 4px 4px;
}
pre.script code {
color: #336699;
}

span.f_warning {color: #FF0000}

span.f_red {color: #FF0000}

span.f_blue {color: #0000FF}

span.f_aqua {color: #0066FF}

span.f_grey_red_blue {color: #445566}

span.f_option
{
 font-weight: 500;
 color: #000099;
 background: #eee;
 white-space: pre-line;
 background: #eee;
 font-size: 0.92rem;
 line-height: 1;
 max-width: 100%;
 overflow: auto;
 padding: 0.2rem 0.4rem;
 border-radius:5px;
}

.f_CodeExample
{
 font-family: monospace, monospace;
 color: #000000;
}

span.f_CodeExample_Blue
{
 font-family: monospace, monospace;
 color: #0000FF;
}

span.f_CodeExample_Brown
{
 font-family: monospace, monospace;
 color: #990000;
}

span.f_Comment
{
 font-family: monospace, monospace;
 font-style: italic;
 color: #909000;
}

span.f_CodeHighlighted
{
 font-family: monospace, monospace;
 color: #999900;
 BACKGROUND: #FFFFEE;
}

span.f_Parameter
{
 font-family: monospace, monospace;
 color: #660000;
 white-space: pre;
 font-weight: 600;
}

span.f_ParameterType
{
 font-family: monospace, monospace;
 color: #006600;
 font-style: italic;
 font-weight: bold;
}

span.f_CourierFixed
{
 font-size: 0.9em;
 font-family: 'Courier New';
 color: #000000;
}

span.f_Heading1
{
 font-size: 1.4em;
 font-weight: bold;
 color: #ffffff;
}

span.f_ImageCaption
{
 font-size: 0.9em;
 font-weight: bold;
}

span.f_Notes
{
}

p
{
 text-align: left;
 text-indent: 0px;
 padding: 0px 0px 0px 0px;
 margin: 8px 12px;
}

.p_CodeExample
{
 white-space: nowrap;
}

.p_Comment
{
}

.p_Heading1
{
}

.p_ImageCaption
{
}

.p_Notes
{
}

.p_translation
{
 font-style: italic;
 color: #666666;
}


.subtopic_title {
  FONT-WEIGHT: bold; 
  FONT-SIZE: 1.2em; 
  COLOR: #000000; 
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  border-top: 1px solid #FFDDDD;
  border-bottom: 1px solid #FFDDDD;
  background: #FFD;
  vertical-align: middle;
}



.div_sub_main_area {
	TEXT-ALIGN: left; COLOR: #000000
}
.div_main_area {
	TEXT-ALIGN: left; COLOR: #000000
}
.div_nav_tree_header {
	TEXT-ALIGN: left; FONT-STYLE: normal; MARGIN: 3px 15px; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; COLOR: #000000; FONT-SIZE: 0.95em; TEXT-DECORATION: none
}
A.tree_branch_leaf:hover {
	BORDER-BOTTOM: #a1accc 1px solid; TEXT-ALIGN: left; BORDER-LEFT: #a1accc 1px solid; PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #d4dfff; FONT-STYLE: normal; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; COLOR: #000000; FONT-SIZE: 0.95em; BORDER-TOP: #a1accc 1px solid; BORDER-RIGHT: #a1accc 1px solid; TEXT-DECORATION: none; PADDING-TOP: 0px
}
A.tree_branch_main:hover {
	BORDER-BOTTOM: #a1accc 1px solid; TEXT-ALIGN: left; BORDER-LEFT: #a1accc 1px solid; PADDING-BOTTOM: 1px; BACKGROUND-COLOR: #d4dfff; FONT-STYLE: normal; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; COLOR: #000000; FONT-SIZE: 0.95em; BORDER-TOP: #a1accc 1px solid; FONT-WEIGHT: bold; BORDER-RIGHT: #a1accc 1px solid; TEXT-DECORATION: none; PADDING-TOP: 1px
}
A.tree_branch_leaf:visited {
	TEXT-ALIGN: left; FONT-STYLE: normal; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; COLOR: #000000; FONT-SIZE: 0.95em; TEXT-DECORATION: none
}
A.tree_branch_main:visited {
	TEXT-ALIGN: left; FONT-STYLE: normal; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; COLOR: #000000; FONT-SIZE: 0.95em; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
A.tree_branch_leaf {
	TEXT-ALIGN: left; FONT-STYLE: normal; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; COLOR: #000000; FONT-SIZE: 0.95em; TEXT-DECORATION: none
}
A.tree_branch_main {
	TEXT-ALIGN: left; FONT-STYLE: normal; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; COLOR: #000000; FONT-SIZE: 0.95em; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.tree_branch_leaf {
	BORDER-BOTTOM: #ffffff 1px solid; TEXT-ALIGN: left; BORDER-LEFT: #ffffff 1px solid; PADDING-BOTTOM: 0px; FONT-STYLE: normal; TEXT-INDENT: 0px; MARGIN: 1px 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; COLOR: #000000; FONT-SIZE: 0.95em; BORDER-TOP: #ffffff 1px solid; BORDER-RIGHT: #ffffff 1px solid; TEXT-DECORATION: none; PADDING-TOP: 0px
}
.tree_branch_main {
	BORDER-BOTTOM: #ffffff 1px solid; TEXT-ALIGN: left; BORDER-LEFT: #ffffff 1px solid; PADDING-BOTTOM: 1px; FONT-STYLE: normal; TEXT-INDENT: 0px; MARGIN: 1px 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; COLOR: #000000; FONT-SIZE: 0.95em; BORDER-TOP: #ffffff 1px solid; FONT-WEIGHT: bold; BORDER-RIGHT: #ffffff 1px solid; TEXT-DECORATION: none; PADDING-TOP: 1px
}
.tree_branch {
	TEXT-ALIGN: left; MARGIN-TOP: 0px; WHITE-SPACE: nowrap; MARGIN-BOTTOM: 0px; COLOR: #000000; MARGIN-LEFT: 15px
}
.div_nav_tree {
	TEXT-ALIGN: left; MARGIN-TOP: 10px; COLOR: #000000; MARGIN-LEFT: 7px
}

table.option_desc_table {
  border-spacing: 2;
  border-collapse: separate;
  width: 90%;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 0px 20px;
}
table.option_desc_table td {
  padding: 1px 4px 1px 4px;
  BORDER-BOTTOM: #cacaca 1px solid;
}
table.option_desc_table th {
  padding: 2px 4px 2px 4px;
  BORDER-TOP: #cacaca 1px solid;
  BORDER-BOTTOM: #cacaca 1px solid;
  BACKGROUND: #FFFFCC;
  font-weight: normal;
  text-shadow: 1px 1px #cacaca;
}

span.f_CodeExample_ConStr {
display: inline-block;
font-family: monospace, monospace;
color: #6666CC;
overflow-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}

span.f_Descr_ConStr {
color: #666666;
font-style: italic;
}

img {
max-width: 100%;
height: auto;
}

.cat {
  border-radius:4px;
  border:1px solid #cccccc;
  color:#666633;
  padding:4px 6px;
  text-align:center;
  text-decoration:none;
  display:inline-block;
  font-size:1em;
  font-weight:bold;
  margin:8px 4px 4px 4px;
}
.subcat {
  border-radius:4px;
  border:1px solid #cccccc;
  color:#666633;
  padding:4px 6px;
  text-align:center;
  text-decoration:none;
  display:inline-block;
  font-size:1em;
  font-weight:bold;
  margin:8px 4px 4px 4px;
}

.div_middle_text {
  display:table;
  height:100%;
  width:100%;
  text-align:center;
}
.div_middle_text_cell {
  display:table-cell;
  vertical-align:middle;
}

.div_two_col_table {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.div_two_col_item {
  flex-grow: 1;
  min-width: 320px;
  width: 100%;
  text-align: center;
}

@media (min-width: 640px) {
  .div_two_col_table {
	flex-direction: row;
  }

  .div_two_col_item {
	max-width: 50%;
  }
}