@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);
@import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif:400italic); /* Used in quote_style class. */

/* Reset -------------------------------------------------------------------------------------- */

html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,
b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure, 
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video 
{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}

ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration:line-through;}
abbr[title],dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select {vertical-align:middle;}

/* Import fonts --------------------------------------------------------------------------- */

@font-face
{
	font-family:'FontAwesome';
	src:url('../fnt/fontawesome-webfont.eot?v=4.0.3');
	src:url('../fnt/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url('../fnt/fontawesome-webfont.woff?v=4.0.3') format('woff'),url('../fnt/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),url('../fnt/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
	font-weight:normal;
	font-style:normal
}
.fa
{
	display:inline-block;
	font-family:FontAwesome;
	font-style:normal;
	font-weight:normal;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.fa-lg
{
	font-size:1.333em;
	line-height:.75em;
	vertical-align:-15%
}
.fa-2x {font-size:2em}
.fa-3x {font-size:3em}
.fa-4x {font-size:4em}
.fa-5x {font-size:5em}
.fa-fw {width:1.2857em;text-align:center}
.fa-ul {padding-left:0;margin-left:2.143em;list-style-type:none}
.fa-ul>li {position:relative}
.fa-li {position:absolute;left:-2.143em;width:2.143em;top:0.1423em;text-align:center}
.fa-li.fa-lg {left:-1.857em}
.fa-border {padding:.2em 0.25em 0.15em;border:solid 0.08em #eee;border-radius:.1em}
.pull-right {float:right}
.pull-left {float:left}
.fa.pull-left {margin-right:.3em}
.fa.pull-right {margin-left:.3em}
.fa-spin {-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}
@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}
@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.fa-rotate-90
{
	-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
}
.fa-rotate-180
{
	-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}
.fa-rotate-270
{
	-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-ms-transform:rotate(270deg);
	-o-transform:rotate(270deg);
	transform:rotate(270deg);
}
.fa-flip-horizontal
{
	-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1)";
	-webkit-transform:scale(-1,1);
	-moz-transform:scale(-1,1);
	-ms-transform:scale(-1,1);
	-o-transform:scale(-1,1);
	transform:scale(-1,1);
}
.fa-flip-vertical
{
	-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1)";
	-webkit-transform:scale(1,-1);
	-moz-transform:scale(1,-1);
	-ms-transform:scale(1,-1);
	-o-transform:scale(1,-1);
	transform:scale(1,-1);
}
.fa-stack
{
	position:relative;
	display:inline-block;
	width:2em;
	height:2em;
	line-height:2em;
	vertical-align:middle
}
.fa-stack-1x,.fa-stack-2x
{
	position:absolute;
	left:0;
	width:100%;
	text-align:center
}
.fa-stack-1x{line-height:inherit}
.fa-stack-2x{font-size:2em}
.fa-inverse{color:#fff}

/* Basic page setup --------------------------------------------------------------------------- */

html { /*background-color:#fff;*/}
body {margin:0 auto;padding:0;font:110%/1.5 'Open Sans',sans-serif;color:#333;text-rendering:optimizeLegibility;}
h1 {color:#ccc;font:bold 3.00em 'Open Sans Condensed',sans-serif;letter-spacing:-1px;}
h2 {color:#444;font:bold 2.25em 'Open Sans Condensed',sans-serif;letter-spacing:-1px;}
h3 {color:#444;font:bold 1.60em 'Open Sans Condensed',sans-serif;letter-spacing:-1px;}
h4 {color:#555;font:bold 1.25em 'Open Sans Condensed',sans-serif;}
h5 {color:#555;font:bold 1.00em 'Open Sans Condensed',sans-serif;}
h6 {color:#555;font:bold 0.90em 'Open Sans Condensed',sans-serif;}

p {hyphens:auto;}
ul,ol {margin:0 0 1.5em 0;padding:0 0 0 24px;}
li ul,li ol {margin:0;font-size:1em;}
dl,dd {margin-bottom:1.5em;}
dt {font-weight:normal;}
b,strong {font-weight:bold;}
hr {display:block;margin:1em 0;padding:0;height:1px;border:0;border-top:1px solid #ddd;}
small {font-size:1em;}
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
img {border:0;/*max-width:100%;height:auto;*/width:auto\9;/* ie8 */}
/*img.floatleft {float:left;margin:0 10px 0 0;}
img.floatright {float:right;margin:0 0 0 10px;}*/

table {border-collapse:collapse;border-spacing:0;margin-bottom:1.4em;width:100%;}
th,td,caption {padding:0.25em 10px 0.25em 5px;}
tfoot {font-style:italic;}
caption {background-color:transparent;}

form {margin:0;}
fieldset {margin-bottom:1.5em;padding:0;border-width:0;}
legend {*margin-left:-7px;padding:0;border-width:0;}
label {font-weight:normal;cursor:pointer;display:block;margin:0;position:relative;top:0;left:0;}
label.inline {display:inline;margin:0;}
label span {color:#666;font-size:0.9em;}
label span.right {position:absolute;bottom:0;right:1em;text-align:right;}
label.disabled {color:#ccc;}
button,input,select,textarea {font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
button,input {line-height:normal;*overflow:visible;}
button,input[type="button"],input[type="reset"],input[type="submit"] {padding:0.5em 1em;margin:0;cursor:pointer;text-shadow:0 1px 0 #fff;}
input[type="checkbox"],input[type="radio"] {box-sizing:border-box;}
input[type="search"] {box-sizing:content-box;}
button::-moz-focus-inner,input::-moz-focus-inner {padding:0;border:0;}
input,textarea {margin:0;border:1px solid #ccc;font-family:'Ubuntu Mono',monospace;font-size:1em;padding:5px;border-radius:5px;background:#fff;box-shadow:inset 0px 1px 6px #ccc;}
input::-webkit-input-placeholder,input:-moz-placeholder,.placeholder {color:#bbb;}
input::-moz-focus-inner {border:0;}
input[disabled="disabled"],input.disabled {color:#999;background:#f5f5f5;box-shadow:inset 0px 1px 2px #ddd;}
input:valid,textarea:valid {/* Styles */}
input:invalid,textarea:invalid {box-shadow:0 0 2px #f00;}
.no-boxshadow input:invalid,.no-boxshadow textarea:invalid {background-color:#ccc;}

.button,.button-bevel
{
	font:600 1.0em/1.5em 'Open Sans',sans-serif;
	color:#ddd;
	text-decoration:none;
	display:inline-block;
	text-align:center;
	padding:4px 15px 5px 15px;
	margin:0;
	cursor:pointer;
	text-shadow:0 1px 1px rgba(0,0,0,0.4);
	transition:100ms linear;
}

.button {border-radius:5px;box-shadow:inset rgba(255,255,255,0.3) 1px 1px 0;}
.button:active {box-shadow:inset rgba(0,0,0,0.4) 0px 0px 6px;border-bottom-style:none;}

.black {background-image:linear-gradient(to bottom,#444444,#1c1c1c);border:1px solid #2a2a2a;}
.black:hover {background-image:linear-gradient(to bottom,#686868,#1c1c1c);color:#fff;}

.blue {background-image:linear-gradient(to bottom,#5FACFA,#165DBE);text-shadow:0 0 1px #888;color:#fff;}
.blue:hover {background-image:linear-gradient(to bottom,#5392D3,#0E50AA);}

.green {background-image:linear-gradient(to bottom,#70ce31,#2b6a0a);color:#fff;}
.green:hover {background-image:linear-gradient(to bottom,#5ca62a,#225b06);}
.green:active {background-image:linear-gradient(to bottom,#2a6909,#3e8116);}

/* X2max.com --------------------------------------------------------------------------- */

input:focus,textarea:focus {outline:none !important;border-color:#719ece;box-shadow:0 0 6px #719ece;}

.section {clear:both;padding:0;margin:0;}
.group:before,.group:after {content:"";display:table;}
.group:after {clear:both;}
.group {zoom:1;}	
.col {display:block;float:left;margin:1% 0 1% 1.6%;}
.col:first-child {margin-left:0;} /* All browsers except IE6 and lower. */

.clear {clear:both;}
.plain {font-weight:normal;}
.italic {font-style:italic;}
.semibold {font-weight:600;}
.bold {font-weight:bold;}
.emphasize {font:italic 1.0em/1.4 'Noto Serif',serif;}
.sans_serif {font-family:'Open Sans',sans-serif;}
.sans_serif_small {font-family:'Open Sans',sans-serif;font-size:0.9em;}
.sans_serif_tiny {font-family:'Open Sans',sans-serif;font-size:0.8em;}
.serif {font-family:'Noto Serif',serif;}
.mono {font-family:'Ubuntu Mono',monospace;}
.hilite {/*background:#fffadc;*/}
.red {color:#f00;}
.gray {color:#aaa;}
.text_left {text-align:left;}
.text_center {text-align:center;}
.text_right {text-align:right;}
.no_line_wrap {white-space:nowrap;}
.sub {font-size:75%;line-height:0;position:relative;vertical-align:baseline;bottom:-0.25em;}
.sup {font-size:50%;line-height:0;position:relative;vertical-align:baseline;top:-0.5em;}
.footnote {font-size:0.8em;}
.vspace_04 {height:0.4em}

a:link {color:#333;text-decoration:none;outline:none;} /* Remove default appearance from all links. */
a:link .regular,a:visited .regular {color:#800;transition:all 200ms;}
a:hover .regular,a:active .regular {border-bottom:1px solid #800;background-color:rgba(127,0,0,0.05);}
a:link .regular_light,a:visited .regular_light {color:#333;border-bottom:1px dotted #333;transition:all 200ms;}
a:hover .regular_light,a:active .regular_light {color:#800;border-bottom:1px solid #800;background-color:rgba(127,0,0,0.05);}

.annotation {padding:3px 0;background-color:white;font-size:0.85em;font-style:italic;color:#aaa;}

/* Add external link icon. */
/* https://css-tricks.com/attribute-selectors/ */
a[href^="//"]:after,a[href^="http://"]:after,a[href^="https://"]:after {content:"\00a0\f08e";font-family:FontAwesome;font-size:0.85em;color:#800;}
a:link .external,a:visited .external {color:#800;transition:all 200ms;}
a:hover .external,a:active .external {border-bottom:1px solid #800;background-color:rgba(127,0,0,0.05);}

/* Styles for function reference and xmCHART scripts. */
.xm_fn_name {font:1em/1.3em 'Ubuntu Mono',monospace;}
a:link .xm_fn_name,a:visited .xm_fn_name {color:#660;text-decoration:none;border:none;transition:all 200ms;}
a:hover .xm_fn_name,a:active .xm_fn_name {background-color:rgba(102,102,0,0.08);border-bottom:1px solid #990;}
.xm_fn_link {font:1em/1.3em 'Ubuntu Mono',monospace;}
a:link .xm_fn_link,a:visited .xm_fn_link {padding:1px 5px 2px 6px;border-radius:19px;color:#660;text-decoration:none;border:1px solid rgba(204,204,204,0.54);background-color:rgba(0,0,0,0.02);transition:all 200ms;}
a:hover .xm_fn_link,a:active .xm_fn_link {background-color:rgba(102,102,0,0.08);text-decoration:underline}
.xm_arg_name {font:italic 1.0em/1.4 'Noto Serif',serif;}
.xm_constant {font:1.0em/1.3em 'Ubuntu Mono',monospace;}
a:link .xm_constant,a:visited .xm_constant {color:#4276b6;transition:all 200ms;}
a:hover .xm_constant,a:active .xm_constant {background-color:rgba(66,118,182,0.1);border-bottom:1px solid #4E8CD8;}
.xm_string {color:#b00;}
.xm_font_name {color:#333;}
.xm_comment {color:#0e6f03;}
.xm_external_fn_name {font:1em/1.3em 'Ubuntu Mono',monospace;}
a:link .xm_external_fn_name,a:visited .xm_external_fn_name {padding:1px 5px 2px 6px;border-radius:19px;border:1px solid rgba(204,204,204,0.54);color:#606;text-decoration:none;transition:all 200ms;}
a:hover .xm_external_fn_name,a:active .xm_external_fn_name {background-color:rgba(102,0,102,0.08);text-decoration:underline}

.xm_script_step_name {font:1em/1.3em 'Ubuntu Mono',monospace;}
a:link .xm_script_step_name,a:visited .xm_script_step_name {padding:1px 5px 2px 6px;border-radius:19px;border:1px solid rgba(204,204,204,0.54);color:#606;text-decoration:none;transition:all 200ms;}
a:hover .xm_script_step_name,a:active .xm_script_step_name {background-color:rgba(102,0,102,0.08);text-decoration:underline}

[data-tooltip] {position:relative;z-index:2;cursor:pointer;}
[data-tooltip]:before,
[data-tooltip]:after {visibility:hidden;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;pointer-events:none;}
/* Position tooltip above the element. */
[data-tooltip]:before {position:absolute;bottom:150%;left:50%;margin-bottom:4px;margin-left:-80px;padding:1em 1.5em;width:170px;border-radius:4px;background-color:#222;background-color:hsla(0,0%,20%,0.9);color:#fff;content:attr(data-tooltip);text-align:left;font-size:0.9em;line-height:1.2;white-space:pre-wrap;}
/* Triangle hack to make tooltip look like a speech bubble. */
[data-tooltip]:after {position:absolute;bottom:150%;left:50%;margin-left:-5px;width:0;border-top:5px solid #000;border-top:5px solid hsla(0,0%,20%,0.9);border-right:5px solid transparent;border-left:5px solid transparent;content:" ";font-size:0;line-height:0;}
/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {visibility:visible;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1;}

.info {margin:0.6em;}
.info_icon {float:left;margin:0.25em 0.6em 0 0;font-size:1.5em;color:#167bb3;text-shadow:0 0 0.15em #ccf;}
.info_content {overflow:auto;}
.warning {margin:0.6em;}
.warning_icon {float:left;margin:0.25em 0.6em 0.29em 0;font-size:1.4em;color:#d21939;text-shadow:0 0 0.15em #fcc}
.warning_content {overflow:auto;}

.note_panel {margin:1.2em 0;background:#f9f9f9;border:1px solid #eaeaea;border-left-width:5px;border-radius:0 3px 3px 0;padding:0.9em 1.2em;font-weight:lighter;}
.note_panel:before {content:"Note: ";font-weight:bold;}

.attention {margin:1em 0;padding:0.8em 1em;background:#fffbfb;border:1px solid #fcc;border-left-width:5px;border-radius:0 3px 3px 0;color:#d00;}
.attention:before {content:"Attention: ";font-weight:bold;}
.attention a:link,.attention a:visited {color:#d00;border-bottom:1px dotted #d00;transition:all 200ms;}
.attention a:hover,.attention a:active {border-bottom:1px solid #d00;background-color:rgba(127,0,0,0.1);}

.deprecated {margin:1em 0;padding:0.8em 1em;background:#f9d2b6;border:0px solid #c26b32;border-left-width:5px;border-radius:3px 0 0 3px;color:#333;}
/*.deprecated {margin:1em 0;padding:0.8em 1em;background:#fffbfb;border:1px solid #fcc;border-left-width:5px;border-radius:0 3px 3px 0;color:#d00;}*/
.deprecated:after {content:"*A deprecated function or attribute means that you should not use it because it will be removed in a future release of xmCHART, even though you can at present.";font-size:0.7em;font-style:italic;}
.deprecated a:link,.deprecated a:visited {border-bottom:1px dotted #800;transition:all 200ms;}
/* External link placed within deprecation div. */
a:link .deprecation_external,a:visited .deprecation_external {/*border-bottom:1px dotted #f9d2b6;*/color:#800;transition:all 200ms;}
a:hover .deprecation_external,a:active .deprecation_external {border-bottom:1px solid #800;background-color:rgba(127,0,0,0.05);}
._dev {margin:2em 0;padding:0.8em 1em;background:#f2f6f8;border:1px solid #CFE0E6;font-family:courier;font-size:0.9em;line-height:1.4;color: red;}

.disclosure_triangle {font:0.9em Arial,'DejaVu Sans',sans-serif;color:#666;} /* remove */

.xm_accordion_header {margin:1em 1.25em 0.25em 0.25em;-webkit-user-select:none;-khtml-user-select:auto;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.xm_accordion_panel {display:none;margin-left:1.3em;padding:0.5em 0.8em;border:1px solid #ddd;border-radius:4px;}
.xm_accordion_header a:link,.xm_accordion_header a:visited {font-weight:bold;color:#555;text-decoration:none;}
.xm_accordion_header a:hover,.xm_accordion_header a:hover span,
.xm_accordion_header a:active,.xm_accordion_header a:active span,
.xm_accordion_header a:focus,.xm_accordion_header a:focus span {color:#800;}

.intro_list_indents {margin:1em 0 2em 2.5em;}
.link_list_indents {margin:0.4em 0 0.4em 1.25em;}
.link_list dd {color:#666;margin:0;}
.link_list dd i {position:relative;top:-0.1em;margin:0;font-size:0.85em;color:#888;}
.link_list dd a:link,.link_list dl a:visited {font-size:1.05em;color:#333;text-decoration:none;transition:all 200ms;}
.link_list dd a:hover,.link_list dd a:active {color:#800;border-bottom:1px solid #800;background-color:rgba(127,0,0,0.05);}

.code {font:1.0em/1.3em 'Ubuntu Mono',monospace;padding: 1px 5px 2px 6px;border-radius:19px;border:1px solid rgba(204,204,204,0.54);background-color: rgba(0, 0, 0, 0.02);}
.code_line_indents {margin:0.35em 0 0.5em 1.25em;}
.code_lines p {margin-left:2em;font:normal 0.9em/1.4em 'Ubuntu Mono',monospace;white-space:pre-wrap;text-indent:-2em;-moz-hyphens:none;-ms-hyphens:none;-webkit-hyphens:none;hyphens:none;}
.code_block_indents {margin:1.2em 0 1.2em 1.25em;}
.code_block {border:1px solid #eaeaea;border-left-width:5px;padding:0.9em 0.9em 0.5em 0.9em;}
.code_block p {margin-left:4em;font:0.9em/1.3em 'Ubuntu Mono',monospace;color:#333;white-space:pre-wrap;text-indent:-4em;-moz-hyphens:none;-ms-hyphens:none;-webkit-hyphens:none;hyphens:none;}
.code_simply {font-family:'Ubuntu Mono',monospace;line-height:130%;white-space:pre-wrap;}
.example {table-layout:fixed;margin:1.6em 0;background-color:#fafbfe;border:1px solid #cfe0e6;border-radius:3px;}
.example_header {margin:0;line-height:1.4;}
.example_header td:nth-child(1) {padding-left:0.6em;font-size:0.9em;}
.example_header td:nth-child(2) {padding-right:0.6em;font-size:0.8em;text-align:right;}
.example_header a:link,.example_header a:visited {color:#555;}
.example_header a:hover,.example_header a:active {color:#000;box-shadow:0 0 10px 1px #cfe0e6;border-bottom:none;}
.example_header a:link:after {content:" COPY";font-size:0.75em;color:#888;}
.example_listing {font-size:0.9em;font-family:'Ubuntu Mono',monospace;white-space:pre-wrap;word-wrap:break-word;}
.example_listing tr:nth-child(even) td:nth-child(1) {background-color:#f7f9fb;}
.example_listing tr:nth-child(even) td:nth-child(2) {background-color:#f4f9fb;}
.example_listing tr:nth-child(odd) {background-color:#fff;}
.example_listing tr:first-child {border-top:1px solid #e5eff3;height:1.8em;}
.example_listing tr:last-child {border-bottom:1px solid #e5eff3;height:1.8em;}
.example_listing td:nth-child(1) {width:1.4em;padding-left:0.6em;padding-right:0.5em;border-right:3px solid #cfe0e6;color:#aaa;-webkit-user-select:none;-khtml-user-select:auto;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.example_listing td:nth-child(2) {padding-left:0.5em;}
.example_listing td:nth-child(2) p {margin-left:4em;text-indent:-4em;color:#333;}
.example_image {max-width:93.75%;margin:0 1em 0.9em;}
.screenshot {max-width:100%;margin-top:1em;height:auto;}
.input_error_text {clear:both;float:left;font-family:'Open Sans',sans-serif;font-size:0.9em;color:#f00;height:0;}

.user_selection_off {-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.user_selection_on {-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;}

/* Source code colorize styles ---------------------------------------------------------------- */

.xm_source_code_colorize_base {margin:0;font:12px Courier;color:#000;white-space:pre}
.xm_source_code_colorize_fnName {color:#4682b4;font-weight:bold}
.xm_source_code_colorize_argString {color:#ff4500}
.xm_source_code_colorize_argNumber {color:#008b8b}
.xm_source_code_colorize_argConstant {color:#4169e1}
.xm_source_code_colorize_comment {color:#8c8c8c;font-style:italic}

/* Main layout -------------------------------------------------------------------------------- */

#main_container {width:100%;text-align:left;}
#main_header_container {position:fixed;top:0;left:-10px;width:100%;height:80px;padding-left:10px;z-index:1;background:#474e59;opacity:0.98;box-shadow:0 0 10px #444;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
#main_header {clear:both;width:80%;max-width:92.3em;margin:0 auto;padding:1.0em 0;font-size:0.8125em;text-align:center;}
#main_header_regular {clear:both;width:80%;max-width:92.3em;margin:0 auto;padding:1.0em 0;font-size:0.8125em;text-align:center;}
#main_header_logo_container {width:33%;float:left;margin-top:22px;font:bold 2.0em/0.7em 'Open Sans Condensed',sans-serif;color:#efefef;cursor:default;}
#main_header_logo_container a:link,#main_header_logo_container a:visited {color:#efefef;text-decoration:none;}
#main_header_logo_container a:hover,#main_header_logo_container a:active {color:#efefef;}
#main_header_logo {float:left;}
#main_header_logo span {color:#e00;}
#main_header_menu_container {width:66.5%;float:left;margin-top:32px;font:bold 1.1em/0.7em 'Open Sans Condensed',sans-serif;text-align:left;}
#main_header_menu_container a:link,#main_header_menu_container a:visited {color:#efefef;text-decoration:none;transition:color 200ms;}
#main_header_menu_container a:hover,#main_header_menu_container a:active {color:#f00;}
#main_header_menu_download {text-indent:2.0em;cursor:default;}
#main_header_menu_samples {text-indent:2.1em;cursor:default;}
#main_header_menu_examples {text-indent:2.0em;cursor:default;}
#main_header_menu_gallery {text-indent:2.1em;cursor:default;}
#main_header_menu_docs {text-indent:1.4em;cursor:default;}
#main_header_menu_purchase {text-indent:1.5em;cursor:default;}
#main_header .menu {float:left;width:23.8%;}
#main_header .menu_selected {float:left;width:23.8%;color:#f00;}
#main_body_container {width:100%;margin-top:80px;}
#main_nav_trail {width:80%;max-width:92.3em;margin:0 auto;padding:1em 0;font-size:0.8125em;}
#main_nav_trail .separator {color:#666;font-size:1.3em;}
#main_nav_trail .leaf_node {color:#888;font-style:italic;}
#main_nav_trail a:link,#main_nav_trail a:visited {color:#333;transition:all 200ms;}
#main_nav_trail a:hover,#main_nav_trail a:active {color:#800;border-bottom:1px solid #800;background-color:rgba(127,0,0,0.05);}
#main_nav_trail hr {border-top:1px solid #ddd;margin-bottom:0;}
#main_content {clear:both;width:80%;font-size:0.8125em;max-width:92.3em;margin:0 auto;padding:0.5em 0;color:#333;}
#main_content_intro {margin-top:0.8em;margin-bottom:1em;}
#main_footer_container {width:100%;border-top:5px solid #d4d4d4;-webkit-user-select:none;-khtml-user-select:auto;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
#main_footer {clear:both;width:80%;max-width:92.3em;font-size:0.8125em;margin:0 auto;padding-top:0.7em;color:#333;}
#main_footer ul {list-style-type:none;padding-left:0;}
#main_footer_left {float:left;width:40%;text-align:left;}
#main_footer_left p {margin-top:-0.3em;font:normal 0.65em Verdana,sans-serif;margin-bottom:2em;}
#main_footer_center {float:left;width:35%;text-align:center;cursor:default;}
#main_footer_right {float:left;width:25%;text-align:right;cursor:default;}
#main_footer .link_disabled {color:#888;font-style:italic;}
#main_footer a:link,#main_footer a:visited {color:#333;transition:all 200ms;}
#main_footer a:hover,#main_footer a:active {color:#800;border-bottom:1px solid #800;background-color:rgba(127,0,0,0.05);}

#modal_listing_overlay {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);}
#modal_listing_window {position:absolute;z-index:1000;background:rgba(0,0,0,0.2);border-radius:8px;box-shadow:0 0 25px #000;}
#modal_listing_content {border-radius:8px;background:#fff;padding:11px 12px 12px 12px;cursor:move;}
#modal_listing_close {position:absolute;width:30px;height:30px;top:-15px;right:-15px;background:url(/common/img/close_modal_2x.png) 0 0 no-repeat;background-size:30px 30px;}
#modal_listing_checkbox {float:left;margin-left:8px;font-size:0.8em;}
#modal_listing_checkbox_icon {font-size:0.8em;vertical-align:middle;cursor:pointer}
#modal_listing_checkbox_label {display:inline-block;vertical-align:middle;color:#333;font-family:'Open Sans',sans-serif;}
#modal_listing_example_id {margin-right:8px;margin-top:3px;font-size:0.75em;text-align:right;font-family:'Open Sans',sans-serif;}
#modal_listing_textarea {min-width:300px;margin:-20px 8px 0 8px;font:0.8em/1.0em 'Ubuntu Mono',monospace;resize:both;overflow:auto;}

#modal_slide_overlay {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);}
#modal_slide_window {position:absolute;z-index:1000;background:rgba(0,0,0,0.2);border-radius:8px;box-shadow:0 0 25px #000;}
#modal_slide_content {margin:0;padding:0;background:#f0f0f0;border-radius:8px;cursor:move;}
#modal_slide_close {position:absolute;width:30px;height:30px;top:-15px;right:-15px;background:url(/common/img/close_modal_2x.png) 0 0 no-repeat;background-size:30px 30px;}
#modal_slide_header .title {float:left;padding-left:35px;padding-top:14px;font:bold 0.9em 'Open Sans Condensed',sans-serif;cursor:move;}
#modal_slide_header .download {float:right;padding-top:17px;padding-right:40px;font:normal 0.75em 'Open Sans',sans-serif;}
#modal_slide_header a:link,#modal_slide_header a:visited {color:#800;transition:all 200ms;}
#modal_slide_header a:hover,#modal_slide_header a:active {border-bottom:1px solid #800;background-color:rgba(127,0,0,0.05);}
#modal_slide_image {}
#modal_slide_icon_prev {display:none;position:absolute;}
#modal_slide_icon_next {display:none;position:absolute;}

#scroll_to_top {display:none;text-decoration:none;position:fixed;bottom:0.75rem;right:0.75rem;overflow:hidden;width:43px;height:43px;border:none;z-index:1001;}
#scroll_to_top:active,#scroll_to_top:focus {/*outline:none;*/}

/* Vendor specific -------------------------------------------------------------------------------- */

html {-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgb(52,158,219);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
p.hyphens_on {-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;-webkit-hyphenate-character:"\2010";-webkit-hyphenate-limit-after:1;-webkit-hyphenate-limit-before:3;hyphens:auto;}
p.hyphens_off {-moz-hyphens:none;-ms-hyphens:none;-webkit-hyphens:none;hyphens:none;}
a:link {-webkit-tap-highlight-color:transparent;}

.clearfix {zoom:1;}
::-webkit-selection {background:rgb(23,119,175);color:rgb(250,250,250);text-shadow:none;}
::-moz-selection {background:rgb(23,119,175);color:rgb(250,250,250);text-shadow:none;}
::selection {background:rgb(23,119,175);color:rgb(250,250,250);text-shadow:none;}
button,input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance:button;}
::-webkit-input-placeholder {font-size:0.875em;line-height:1.4;}
input:-moz-placeholder {font-size:0.875em;line-height:1.4;}
.ie7 img,.iem7 img {-ms-interpolation-mode:bicubic;}
input[type="checkbox"],input[type="radio"] {box-sizing:border-box;}
input[type="search"] {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;}
button::-moz-focus-inner,input::-moz-focus-inner {padding:0;border:0;}

@media (max-width:640px) and (min-width:401px)
{
	#main_header_logo_container {width:100%;margin-top:3px;font-size:1.8em;}
	#main_header_menu_container {width:100%;margin-top:16px;font-size:1.05em;}
	#main_header_menu_download {text-indent:0em;}
	#main_header_menu_samples {text-indent:0.8em;}
	#main_header_menu_docs {text-indent:0.8em;}
	#main_header_menu_purchase {text-indent:1.7em;}
}
@media (max-width:400px) and (min-width:321px)
{
	#main_header_logo_container {width:100%;margin-top:3px;font-size:1.8em;}
	#main_header_menu_container {width:100%;margin-top:16px;font-size:1em;}
	#main_header_menu_download {text-indent:0em;}
	#main_header_menu_samples {text-indent:0.8em;}
	#main_header_menu_docs {text-indent:0.8em;}
	#main_header_menu_purchase {text-indent:1.7em;}
}
@media (max-width:320px)
{
	#main_header_logo_container {width:100%;margin-top:3px;font-size:1.8em;}
	#main_header_menu_container {width:100%;margin-top:18px;font-size:0.8em;}
	#main_header_menu_download {text-indent:0em;}
	#main_header_menu_samples {text-indent:0.8em;}
	#main_header_menu_docs {text-indent:0.8em;}
	#main_header_menu_purchase {text-indent:1.7em;}
}

/* Make layout responsive at 1024px for smaller screen. */
@media only screen and (max-width:1024px) and (min-width:769px)
{
	header {width:93.75%;}       /* 960px / 1024px */
	#maincontent {width:93.75%;} /* 960px / 1024px */
	.maincontent {width:93.75%;} /* 960px / 1024px */
	footer {width:93.75%;}       /* 960px / 1024px */
}

/* Make layout responsive at 768px for iPad portrait. */
@media only screen and (max-width:768px) and (min-width:481px)
{
	header {width:93.75%;}       /* 720px / 768px */
	#maincontent {width:93.75%;} /* 720px / 768px */
	.maincontent {width:93.75%;} /* 720px / 768px */
	footer {width:93.75%;}       /* 720px / 768px */	
}

/* Make layout responsive at 480px for iPhone landscape. */
@media only screen and (max-width:480px)
{
	header {width:93.75%;}       /* 450px / 480px */
	#maincontent {width:93.75%;} /* 450px / 480px */
	.maincontent {width:93.75%;} /* 450px / 480px */
	footer {width:93.75%;}       /* 450px / 480px */
	.col {margin:1% 0 1% 0%;}
}

/* Grid of 3 columns. */
.span_3_of_3 {width:100%;}
.span_2_of_3 {width:66.13%;}
.span_1_of_3 {width:32.26%;}

/* Go full width at less than 480px. */
@media only screen and (max-width:480px)
{
	.span_3_of_3 {width:100%;}
	.span_2_of_3 {width:100%;}
	.span_1_of_3 {width:100%;}
}

/* Grid of 4 columns. */
.span_4_of_4 {width:100%;}
.span_3_of_4 {width:74.6%;}
.span_2_of_4 {width:49.2%;}
.span_1_of_4 {width:23.8%;}

/* Go full width at less than 480px. */
@media only screen and (max-width:480px)
{
	.span_4_of_4 {width:100%;}
	.span_3_of_4 {width:100%;}
	.span_2_of_4 {width:100%;}
	.span_1_of_4 {width:100%;}
}

/* Grid of 8 columns. */
.span_8_of_8 {width:100%;}
.span_7_of_8 {width:87.3%;}
.span_6_of_8 {width:74.6%;}
.span_5_of_8 {width:61.9%;}
.span_4_of_8 {width:49.2%;}
.span_3_of_8 {width:36.5%;}
.span_2_of_8 {width:23.8%;}
.span_1_of_8 {width:11.1%;}

/* Go full width at less than 480px. */
@media only screen and (max-width:480px)
{
	.span_8_of_8 {width:100%;}
	.span_7_of_8 {width:100%;}
	.span_6_of_8 {width:100%;}
	.span_5_of_8 {width:100%;}
	.span_4_of_8 {width:100%;}
	.span_3_of_8 {width:100%;}
	.span_2_of_8 {width:100%;}
	.span_1_of_8 {width:100%;}
}

/* Mobile devices -------------------------------------------------------------------------------- */

.header1_m {margin:0;padding:0.35em 0.35em 0.15em;color:#ccc;font:bold 2.5em 'Open Sans Condensed',sans-serif;letter-spacing:-1px;}
.header2_m {margin:0;padding:0;font-family:'Open Sans Condensed',sans-serif;font-size:1.4em;}
.header3_m {margin:0;padding:0;font-family:'Open Sans Condensed',sans-serif;font-size:1.0em; }
.header4_m {margin:0;padding:0;font-family:'Open Sans Condensed',sans-serif;font-size:0.8em; }

/*#main_container_m {margin:0 auto;padding:0;font:100%/1.4 'Open Sans',sans-serif;color:#333;text-rendering:optimizeLegibility;background-color:#474e59;cursor:default;}*/

#main_header_container_m {-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}		
#main_header_m {display:block;position:fixed;top:0;left:-10px;width:100%;height:66px;padding-left:10px;z-index:1;background:#474e59;opacity:0.98;box-shadow:0 0 10px #444;}
#main_header_title_m {margin-right:70px;padding:10px 16px;font:bold 1.9em 'Open Sans Condensed',sans-serif;color:#efefef;text-decoration:none;}
#main_header_title_m a {color:#efefef;text-decoration:none;}
#main_header_title_m span {color:#e00;}
#main_header_menu_m {position:absolute;top:22px;right:16px;width:32px;height:25px;cursor:pointer;/*transform:rotate(0deg);transition:3.5s ease-in-out;*/}
#main_header_menu_m span {display:block;position:absolute;left:0;width:100%;height:5px;border-radius:3px;background:#ddd;/*transform:rotate(0deg)*/;transition:.25s ease-in-out;	}
#main_header_menu_m span:nth-child(1) {top:0;}
#main_header_menu_m span:nth-child(2),#main_header_menu_m span:nth-child(3) {top:10px;}
#main_header_menu_m span:nth-child(4) {top:20px;}
#main_header_menu_m.open span:nth-child(1) {top:10px;width:0;left:50%;}
#main_header_menu_m.open span:nth-child(2) {transform:rotate(45deg);}
#main_header_menu_m.open span:nth-child(3) {transform:rotate(-45deg);}
#main_header_menu_m.open span:nth-child(4) {top:10px;width:0;left:50%;}
#main_header_btn_group_m {margin:0;padding:0;overflow:hidden;list-style-type:none;}
#main_header_btn_group_m li a {display:none;padding:12px 0;border-top:1px solid #888;color:#fff;font-size:1em;text-align:center;text-decoration:none; }
#main_header_btn_group_m.show li a {display:block; }
#main_header_btn_group_m.show li a:hover {border-top:1px solid #ddd;color:#474e59;background:#ddd;}

#main_body_container_m {background-color:#fff;overflow:hidden;}
#main_content_m {-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}	
#main_content_m p {margin:0;padding:0 1.25em;font-size:0.8em;}

#main_footer_container_m {-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}	
#main_footer_m {display:block;}
#main_footer_btn_group_m {margin:0;padding:0;overflow:hidden;list-style-type:none;}
#main_footer_btn_group_m li a {display:block;float:left;padding:10px 0;width:33.3333%;color:#fff;font-size:0.8em;text-align:center;text-decoration:none;}
#main_footer_btn_group_m li a:hover {background-color:#ddd;color:#474e59;}
#main_footer_hr_m {border-top:1px solid #ddd;}
#main_footer_copyright1_m {margin:2px 6px;font-size:0.6em;color:#fff;}
#main_footer_copyright2_m {margin:2px 6px;font-size:0.5em;color:#fff;}