/* ================= Resets (add more if you use more) =============== */
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;} 
select,input,button,textarea,button {resize:none;}

/* ==============shortcuts=================*/
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.centered {text-align:center;}
.marginCentered {margin:0 auto;}
.fullwidth {width:100%;}
.none {display:none;}
.hidden {visibility:hidden;}
.desktop {display:block;}
.mobile {display:none;}
.uppercase {text-transform:uppercase }
strong, b {font-weight:700;}
hr {border:0;background-color:#999;height:1px;width:100%;}

/*================== browser fixes ===============*/
/*border-box styling*/
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

/* 100% height for objects made available, margin clearing */ 
html, body { height:100%; min-height:100%; margin:0; padding:0; } 

/*kitchen sink parent clearfix for floated children*/
.clearfix { display: inline-block; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

/* image scaling integrity, after-gap issues, and no-border links */
img { border:none; display:block; -ms-interpolation-mode:bicubic; }

/*Remove the gray background color from active links in IE 10.*/
a { background: transparent; }

/*Prevent `sub` and `sup` affecting `line-height` in all browsers.*/
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/*used to force styling of input elements*/
select, input[type=checkbox], input[type=radio], 
input[type="button"], input[type="reset"], input[type="submit"] 
{ -webkit-appearance: none; -moz-appearance:none; appearance:none;  }

/*removes extra padding on buttons that Firefox injects.*/
button::-moz-focus-inner { padding: 0; border: 0; }

/* display only in a screen reader */
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* preload images (simply place img in a id=preload div) */
#preload {display:block;z-index:-1;position:fixed;top:-1000px;left:0;width:auto;height:0px;overflow:hidden;}
#preload img {display:inline-block;float:left;width:1px;height:1px}

/* JQuery highlighter for pre tags */
div.highlight {background:#FFFFFF;border:1px solid #E0E0E0;font-family:"Courier New",Courier,monospace;overflow:hidden;-webkit-border-radius:4px;border-radius:4px;margin:0 0 1.5em;position:relative;-webkit-box-shadow: 3px 3px 6px 3px rgba(30,30,30,0.60);box-shadow: 3px 3px 6px 3px rgba(30,30,30,0.60);background:#fff url(../images/Global/lines_rpt.jpg) 0 -6px repeat;}
div.highlight.src {background-image:none;}
div.highlight pre {width:100%;overflow:auto;padding:0;margin:0;font-size:13px;clear:both;border-radius:0;border:none}
div.highlight ul.tabs {overflow:hidden;padding:5px 0;margin:0;list-style:none;border-bottom:1px solid #E0E0E0;width:100%;position:relative;background-color:#fff;}
div.highlight ul.tabs li {padding:0;margin:0 5px;float:left;background:none;border-bottom:1px dashed #CCC;line-height:1em;color:#999;cursor:pointer}
div.highlight ul.tabs li.active {border-bottom:none;cursor:default}
div.highlight pre.code ol {margin:0;padding:0 0 0 45px;background:transparent url(../images/Global/num_rpt.jpg) -15px 0 repeat-y;}
div.highlight pre.code ul {margin:0;padding:0}
div.highlight pre.code ol li,div.highlight pre.code ul li {padding:0 0 0 5px;border-left:3px solid #CCC;/*background:#EFEFEF;*/width:100%;padding-right:25px;}
div.highlight pre.code ul li {border-left:none}
div.highlight pre.source {display:none;padding:0 0 0 5px}
pre.code .str {color:#080}
pre.code .kwd,pre.code .kwd span {color:#070}
pre.code .com,pre.code .com span {color:#080;font-style:italic;font-weight:normal}
pre.code .typ {color:#606}
pre.code .lit {color:cornflowerblue;}
pre.code .pun {color:#660}
pre.code .pln {color:#300}
pre.code .tag {color:#008;font-weight:bold}
pre.code .atn {color:#606}
pre.code .atv {color:#080}
pre.code .dec {color:#606}
pre.code .fnc, pre.code .fnc span {color:#00b}
.css pre.code li {font-weight:bold;}
.css pre.code .kwd, .css pre.code .kwd span {color:blueviolet;font-weight:bold}
.css pre.code .pln {color:cornflowerblue;}
.css pre.code .psu {color:mediumvioletred;}
.php pre.code .str, .php pre.code .str span {color:#d00}
.php pre.code .var, .php pre.code .var span {color:#00b}
.php pre.code .com, .php pre.code .com span {color:#ff8000;font-style:italic;font-weight:normal}
div.highlight .selectall {position:absolute;top:3px;right:10px;background:#dedede;border:1px solid #E0E0E0;font-family:"Courier New",Courier,monospace;overflow:hidden;-webkit-border-radius:4px;border-radius:4px;color:#999;cursor:pointer;display:none;}
div.highlight .selectall:hover {background-color:#cdcdcd;color:#888;}
/* end pre tag syntax highlighter */

/* site styles */
body {font-family: Arial, Helvetica, sans-serif;line-height:125%;color:#333;}
#allwrap-conceal {width:100%;height:100%;overflow:hidden;}
header {width:100%;background-color:#000;height:90px;padding:20px 0;margin:0;}
#header-logo {width:130px;height:auto;position:absolute;left:25px;}
#logo-rider { color: #fff; position: relative; top: 12px; left: 175px; font-size: 16px; font-weight: 700;}
nav {position:relative;}
#navwrap {width:500px;text-align:left;margin:0 20px;padding:0; overflow-y:hidden;height:95%;}
#navwrap .navsection {width:100%;padding:0 15px 20px 0;}
#navwrap p {font-size:18px;font-weight:700;padding-bottom:5px;color:#f1d580;border-bottom:1px dashed #78a8c1;margin-bottom:5px;cursor:pointer;}
#navwrap .closed::before, #navwrap .open::before {padding:2px 3px;margin-right:10px;background-color:#dedede;color:#216c93;font-size:13px;position:relative;top:-.15em;cursor:pointer;-webkit-border-radius: 3px;border-radius: 3px;border:1px solid #999;}
#navwrap .closed::before {content:'►';}
#navwrap .open::before{content:'▼';}
#navwrap ul {padding-bottom:15px;display:none;}
#navwrap ul.always {display:block;}
#navwrap li {padding:8px 0 0 0;}
#navwrap a:link, #navwrap a:visited, #navwrap a:active {font-size:14px;color:#fff;cursor:pointer;}
#navwrap a:hover {color:#f1d580;}
#traybtn {position:absolute;left:-76px;top:20px;border:0;padding:0;cursor:pointer;background: transparent url('../images/global/bulb-sprite.png') no-repeat top left; width: 56px; height: 56px;outline:none;}
#traybtn:hover {background-position: 0 -56px;}
nav .panel { display: block;position:fixed;top:0;right:-550px; width: 540px;height:100%; padding: 20px 0; background-color: #285d89; color: #fff; -webkit-box-shadow: -4px 0 12px 0 rgba(30,30,30,20);box-shadow: -4px 0 12px 0 rgba(30,30,30,20); z-index:99999;}
#spinner {display:none;}
.linkbtns {background-color:#999; color:#fff; width:47px; font-weight:700;position:fixed;left:0;padding:6px;-webkit-border-radius: 0 7px 7px 0;border-radius: 0 7px 7px 0;cursor:pointer;}
.linkbtns:hover {background-color:#285D89;}
#maillink {bottom:20px;}
#printlink {bottom:70px;}

/* page elements */
article {margin:0;width:100%;max-width:1000px;padding:40px 25px;margin:0 auto;}
section {width:80%;margin:0 auto;padding:15px 0;}
h1 {width:80%;font-size:36px;margin:15px auto 50px auto;text-align:left;line-height:125%;}
article h2 {width:100%;font-size:21px;text-align:left;margin-bottom:15px;}
article p {font-size:14px;padding-bottom:15px;}
article ol, article ul {font-size:14px;margin:0 0 0 20px;padding:0;}
article li {margin:0 0 6px 0;}
.para-list li {margin-bottom:15px;}
code {color:green;}
article .snarki {font-size:12px;margin:10px 0;padding:0;}
section.img-block {text-align:center;}
figure {width:auto;min-width:200px;max-width:750px;display:inline-block;margin:5px auto 10px auto;text-align:center;background-color:#dedede;-webkit-box-shadow: 3px 3px 6px 3px rgba(30,30,30,0.60);box-shadow: 3px 3px 6px 3px rgba(30,30,30,0.60);background:#dedede url(../images/global/figurebac.jpg) top center repeat-y;-webkit-border-radius: 4px;border-radius: 4px;}
figure img {-webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; max-width:746px;}
figcaption {font-style:italic;padding:5px;background-color:#dedede;-webkit-border-radius: 0 0 4px 4px;border-radius: 0 0 4px 4px;}
blockquote {background-color:#eee;font-size:14px;padding:20px 40px;margin:10px 0 20px 0;width:100%;}
blockquote cite {margin:12px 0 0 0;padding:0;}
cite {display:block;width:100%;margin:0 auto;font-size:12px;padding-bottom:10px;}
.bigemphasis { color:#900; font-size:28px; font-weight:700; }

/* tooltips */
a.tooltip { position:relative; text-decoration:none; color:blue; font-weight:700;}
a.tooltip::before { content: attr(data-tooltip); font-size: 12px; position:absolute; z-index: 999; white-space:nowrap; bottom:9999px; left: 0; background:#000; color:#e0e0e0; padding:0px 7px; line-height: 24px; height: 24px; opacity: 0; }
a.tooltip:hover::before { opacity: 1; top:22px; }
a.tooltip:hover::after { content: ""; opacity: 1; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid black; z-index: 999; position:absolute; white-space:nowrap; top:17px; left: 0px; }

/* footer */
footer {width:100%;margin-top:35px;border-top:1px dashed #666; padding:15px 10%;}
footer p {font-size:12px;}
footer span.date {font-style:italic;padding-left:10px;}
footer span.date::before {content:"--  "}
#printheader {display:none;}


@media only print {
    #printheader {display:block;font-size:10px;font-weight:400;line-height:125%;color:#000;max-width:700px;margin:25px auto 0 auto;border-bottom:1px solid #999;}
	div.highlight, pre.code {width:750px;overflow:visible;}
	.css pre.code li {width:750px;word-break:normal;word-wrap:break-word;} /* TODO:  improvements on printing pre sections */
	#maillink, #printlink, #tray, header {display:none;}
}