img.ic  {position:relative;float:right;top:-4px;padding-left:10px;width:64px}  /* cookie icon */

/* code */
.cd {position:relative;top:-1px;padding:0 0 0 2ch;text-indent:-2ch;font-family:monospace;font-size:.8em;font-size:.8rem;wor_d-wrap:break-word}
.cd.i2 {padding:0 0 0 4ch;text-indent:-2ch}
.cd.i4 {padding:0 0 0 6ch;text-indent:-2ch}
.cd.i6 {padding:0 0 0 8ch;text-indent:-2ch}
.cd.i7 {padding:0 0 0 7ch;text-indent:-7ch}
.cd.i8 {padding:0 0 0 8ch;text-indent:-8ch}
.cd.i82 {padding:0 0 0 8ch;text-indent:-6ch}
.cd.iC {padding:0 0 0 12ch;text-indent:-12ch}
.cd.ni {padding:0;text-indent:0}
.cd.fs {font-size:1em}
.cd span.dr {color:#800000}  /*   dark red */
.cd span.br {color:#FF0000}  /* bright red */
.cd span.db {color:#000080}  /*   dark blue */
.cd span.bb {color:#0000FF}  /* bright blue */
.cd span.lb {color:#0080FF}  /*  light blue */
.cd span.or {color:#FF8000}  /* orange */
.cd span.bn {color:#804000}  /* brown */
.cd span.gn {color:#20A020}  /* green */
.cd span.pu {color:#8000FF}  /* purple */
.cd span.gr {color:#808080}  /* grey */
.cd span.dg {color:#404040}  /* dark grey */
.cd span.bo {outline:solid 1px #C0C0C0}
.lc span.im,
pre  {display:inline;white-space:pre-wrap;word-wrap:break-word}
a .cd,
a .cd:hover {color:#404040}

/* code comments */
.lc {color:#20A020;font-size:.8em;font-size:.8rem}
.lc ul {padding-left:8px;list-style-type:none}
.lc span.bu {margin-left:4px}
.lc ul li:before {position:relative;top:2px;margin-right:4px;font-size:1em;font-size:1rem;line-height:0;content:'\2022'}
.lc ul li {margin:0 0 6px 17px;text-indent:-10px} /* padding adds together - margins overlap - so only 6px between lines instead of 12px */
.lc.nb ul li {margin:6px 0 6px 33px;text-indent:-26px}
.lc.nb ul li:before {padding-right:6px;content:''}
.lc span.tt {visibility:hidden}
.lc span.n1,span.n2,span.n3,span.n4,span.n5,span.n6 {position:relative;top:2px;margin-right:3px;color:#000000;font-size:1em;font-size:1rem;font-weight:bold;line-height:0}
.lc span.n1:before {content:'\2780'}
.lc span.n2:before {content:'\2781'}
.lc span.n3:before {content:'\2782'}
.lc span.n4:before {content:'\2783'}
.lc span.n5:before {content:'\2784'}
.lc span.n6:before {content:'\2785'}
.lc span.li {background-color:#FFFFFF;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}
.lc span.li img {position:relative;top:-2.5px;padding:0 2px;width:4%;height:4px}




/* hide/show sections */
.hi1,.hi2,.hi3,.hi4,.hi5,.hi6,
.sh1,.sh2,.sh3,.sh4,.sh5,.sh6,.sh7,.sh8,
.co1,.co2,.co3,.co4,.co5,.co6 {display:none}  /* hide checkbox */
.hi1a,.hi2a,.hi3a,.hi4a,.hi5a,.hi6a,
.sh1a,.sh2a,.sh3a,.sh4a,.sh5a,.sh6a,.sh7a,.sh8a,
.co1a,.co2a,.co3a,.co4a,.co5a,.co6a {cursor:pointer}  /* cursor for label */
.hi1a span,.hi2a span,.hi3a span,.hi4a span,.hi5a span,.hi6a span,
.sh1a span,.sh2a span,.sh3a span,.sh4a span,.sh5a span,.sh6a span,.sh7a span,.sh8a span {position:relative;top:-1px;font-size:.9em;fon_t-size:.9rem;font-weight:normal;font-style:italic;color:#A0A0A0}  /* hide/show span text in heading */
.hi1 ~ .hi1a div,.hi2 ~ .hi2a div,.hi3 ~ .hi3a div,.hi4 ~ .hi4a div,.hi5 ~ .hi5a div,.hi6 ~ .hi6a div,
.sh1 ~ .sh1a div,.sh2 ~ .sh2a div,.sh3 ~ .sh3a div,.sh4 ~ .sh4a div,.sh5 ~ .sh5a div,.sh6 ~ .sh6a div,.sh7 ~ .sh7a div,.sh8 ~ .sh8a div {display:inline}

/* show/hide text button */
.co1a div,.co2a div,.co3a div,.co4a div,.co5a div,.co6a div {position:absolute;top:-32px;right:0;padding:4px;min-width:40px;font-size:.65em;fon_t-size:.65rem;text-align:center;color:#808080;background-image:url(imgs/overlay.png);background-repeat:repeat-x;background-position:0 -70px;z-index:1}
.co1a div,.co2a div,.co3a div,.co4a div,.co5a div,.co6a div {background-color:#FFC0C0}  /* button initially red */
.co1a div:last-child,.co2a div:last-child,.co3a div:last-child,.co4a div:last-child,.co5a div:last-child,.co6a div:last-child {background-color:#40FF40}  /* pressed button green */
.co1a div:last-child span,.co2a div:last-child span,.co3a div:last-child span,.co4a div:last-child span,.co5a div:last-child span,.co6a div:last-child span {position:relative;top:1px}  /* drop button text when pressed */
.co1:checked ~ .co1a div:first-child,
.co2:checked ~ .co2a div:first-child,
.co3:checked ~ .co3a div:first-child,
.co4:checked ~ .co4a div:first-child,
.co5:checked ~ .co5a div:first-child,
.co6:checked ~ .co6a div:first-child,
.co1:not(checked) ~ .co1a div:last-child,
.co2:not(checked) ~ .co2a div:last-child,
.co3:not(checked) ~ .co3a div:last-child,
.co4:not(checked) ~ .co4a div:last-child,
.co5:not(checked) ~ .co5a div:last-child,
.co6:not(checked) ~ .co6a div:last-child {display:none}
.co1:checked ~ .co1a div:last-child,
.co2:checked ~ .co2a div:last-child,
.co3:checked ~ .co3a div:last-child,
.co4:checked ~ .co4a div:last-child,
.co5:checked ~ .co5a div:last-child,
.co6:checked ~ .co6a div:last-child {display:block}
.hi1b,.hi2b,.hi3b,.hi4b,.hi5b,.hi6b,
.sh1b,.sh2b,.sh3b,.sh4b,.sh5b,.sh6b,.sh7b,.sh8b {position:relative}

.rp {padding-right:50px}  /* set right padding so button doesn't overlap */

/* hide visible sections */
.hi1:not(checked) ~ .hi1a span,
.hi2:not(checked) ~ .hi2a span,
.hi3:not(checked) ~ .hi3a span,
.hi4:not(checked) ~ .hi4a span,
.hi5:not(checked) ~ .hi5a span,
.hi6:not(checked) ~ .hi6a span,
.hi1:checked ~ .hi1b,
.hi2:checked ~ .hi2b,
.hi3:checked ~ .hi3b,
.hi4:checked ~ .hi4b,
.hi5:checked ~ .hi5b,
.hi6:checked ~ .hi6b {display:none}
.hi1:checked ~ .hi1a span,
.hi2:checked ~ .hi2a span,
.hi3:checked ~ .hi3a span,
.hi4:checked ~ .hi4a span,
.hi5:checked ~ .hi5a span,
.hi6:checked ~ .hi6a span {display:inline}

/* show hidden sections */
.sh1:checked ~ .sh1a span,
.sh2:checked ~ .sh2a span,
.sh3:checked ~ .sh3a span,
.sh4:checked ~ .sh4a span,
.sh5:checked ~ .sh5a span,
.sh6:checked ~ .sh6a span,
.sh7:checked ~ .sh7a span,
.sh8:checked ~ .sh8a span,
.sh1:not(checked) ~ .sh1b,
.sh2:not(checked) ~ .sh2b,
.sh3:not(checked) ~ .sh3b,
.sh4:not(checked) ~ .sh4b,
.sh5:not(checked) ~ .sh5b,
.sh6:not(checked) ~ .sh6b,
.sh7:not(checked) ~ .sh7b,
.sh8:not(checked) ~ .sh8b {display:none}
.sh1:checked ~ .sh1b,
.sh2:checked ~ .sh2b,
.sh3:checked ~ .sh3b,
.sh4:checked ~ .sh4b,
.sh5:checked ~ .sh5b,
.sh6:checked ~ .sh6b,
.sh7:checked ~ .sh7b,
.sh8:checked ~ .sh8b {display:inline}

/* show comments */
.co1:not(checked) ~ .co1b div.lc,
.co2:not(checked) ~ .co2b div.lc,
.co3:not(checked) ~ .co3b div.lc,
.co4:not(checked) ~ .co4b div.lc,
.co5:not(checked) ~ .co5b div.lc,
.co6:not(checked) ~ .co6b div.lc,
.co1:not(checked) ~ .co1b p.lp {display:none}
.co1:checked ~ .co1b div.lc,
.co2:checked ~ .co2b div.lc,
.co3:checked ~ .co3b div.lc,
.co4:checked ~ .co4b div.lc,
.co5:checked ~ .co5b div.lc,
.co6:checked ~ .co6b div.lc,
.co1:checked ~ .co1b p.lp {display:block}



div.co1b,
div.co2b,
div.co3b,
div.co4b,
div.co5b {padding:8px;background-color:#F6F6F6;border-radius:4px}

pre {font-size:.8em}

.pl {margin-bottom:8px}
.pl ul {list-style-type:none}
.pl ul li {position:relative;padding:0 0 6px 14px}
.pl ul li::before {position:absolute;top:-4px;left:3px;content:'\2022';font-size:1.4em}
.pl ul ul li::before {content:'\25E6'}

/* screens <= 561px */
@media only screen AND (max-width:561px){
  .cd {font-size:.7rem}
}

/* screens <= 430px */
@media only screen AND (max-width:430px){
  
}

/* screens <= 401px */
@media only screen AND (max-width:401px){
  
}