@import url("https://fonts.googleapis.com/css?family=Droid+Serif|Fira+Mono");
/*!
Pure v1.0.0
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
/*!
normalize.css v^3.0 | MIT License | git.io/normalize
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/** 1. Set default font family to sans-serif. 2. Prevent iOS and IE text size adjust after device orientation change, without disabling user zoom. */
html { font-family: 'Droid Serif', serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

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

a:active, a:hover { outline: 0; }

/** Improve readability of focused elements when they are also in an active/hover state. */
/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

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

sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; text-transform: none; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input::-moz-focus-inner { border: 0; padding: 0; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */
/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

/*csslint important:false*/
/* ========================================================================== Pure Base Extras ========================================================================== */
/** Extra rules that Pure adds on top of Normalize.css */
/** Always hide an element when it has the `hidden` HTML attribute. */
.hidden, [hidden] { display: none !important; }

/** Add this class to an image to make it fit within it's fluid parent wrapper while maintaining aspect ratio. */
.pure-img { max-width: 100%; height: auto; display: block; }

/*!
Pure v1.0.0
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
.pure-button { /* Structure */ display: inline-block; zoom: 1; line-height: normal; white-space: nowrap; vertical-align: middle; text-align: center; cursor: pointer; -webkit-user-drag: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; box-sizing: border-box; }

.pure-button::-moz-focus-inner { padding: 0; border: 0; }

/* Firefox: Get rid of the inner focus border */
/* Inherit .pure-g styles */
.pure-button-group { letter-spacing: -0.31em; /* Webkit: collapse white-space between units */ *letter-spacing: normal; /* reset IE < 8 */ *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */ text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */ }

.opera-only :-o-prefocus { word-spacing: -0.43em; }

.pure-button-group { word-spacing: -0.43em; }

.pure-button-group .pure-button { letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }

/*csslint outline-none:false*/
.pure-button { font-family: inherit; font-size: 100%; padding: 0.5em 1em; color: #444; /* rgba not supported (IE 8) */ color: rgba(0, 0, 0, 0.8); /* rgba supported */ border: 1px solid #999; /*IE 6/7/8*/ border: none rgba(0, 0, 0, 0); /*IE9 + everything else*/ background-color: #E6E6E6; text-decoration: none; border-radius: 2px; }

.pure-button-hover { /* csslint ignore:start */ filter: alpha(opacity=90); /* csslint ignore:end */ background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1))); background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1)); }

.pure-button:hover { /* csslint ignore:start */ filter: alpha(opacity=90); /* csslint ignore:end */ background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1))); background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1)); }

.pure-button:focus { /* csslint ignore:start */ filter: alpha(opacity=90); /* csslint ignore:end */ background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1))); background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1)); outline: 0; }

.pure-button-active { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset; border-color: #000 \9; }

.pure-button:active { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset; border-color: #000 \9; }

.pure-button[disabled] { border: none; background-image: none; /* csslint ignore:start */ filter: alpha(opacity=40); /* csslint ignore:end */ opacity: 0.40; cursor: not-allowed; box-shadow: none; pointer-events: none; }

.pure-button-disabled { border: none; background-image: none; /* csslint ignore:start */ filter: alpha(opacity=40); /* csslint ignore:end */ opacity: 0.40; cursor: not-allowed; box-shadow: none; pointer-events: none; }

.pure-button-disabled:hover, .pure-button-disabled:focus, .pure-button-disabled:active { border: none; background-image: none; /* csslint ignore:start */ filter: alpha(opacity=40); /* csslint ignore:end */ opacity: 0.40; cursor: not-allowed; box-shadow: none; pointer-events: none; }

.pure-button-hidden { display: none; }

.pure-button-primary, .pure-button-selected { background-color: #0078e7; color: #fff; }

a.pure-button-primary, a.pure-button-selected { background-color: #0078e7; color: #fff; }

/* Button Groups */
.pure-button-group .pure-button { margin: 0; border-radius: 0; border-right: 1px solid #111; /* fallback color for rgba() for IE7/8 */ border-right: 1px solid rgba(0, 0, 0, 0.2); }

.pure-button-group .pure-button:first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }

.pure-button-group .pure-button:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-right: none; }

/*!
Pure v1.0.0
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
/*csslint box-model:false*/
/*
Box-model set to false because we're setting a height on select elements, which
also have border and padding. This is done because some browsers don't render
the padding. We explicitly set the box-model for select elements to border-box,
so we can ignore the csslint warning.
*/
.pure-form input[type="text"], .pure-form input[type="password"], .pure-form input[type="email"], .pure-form input[type="url"], .pure-form input[type="date"], .pure-form input[type="month"], .pure-form input[type="time"], .pure-form input[type="datetime"], .pure-form input[type="datetime-local"], .pure-form input[type="week"], .pure-form input[type="number"], .pure-form input[type="search"], .pure-form input[type="tel"], .pure-form input[type="color"] { padding: 0.5em 0.6em; display: inline-block; border: 1px solid #ccc; box-shadow: inset 0 1px 3px #ddd; border-radius: 4px; vertical-align: middle; box-sizing: border-box; }

.pure-form select, .pure-form textarea { padding: 0.5em 0.6em; display: inline-block; border: 1px solid #ccc; box-shadow: inset 0 1px 3px #ddd; border-radius: 4px; vertical-align: middle; box-sizing: border-box; }

.pure-form input:not([type]) { padding: 0.5em 0.6em; display: inline-block; border: 1px solid #ccc; box-shadow: inset 0 1px 3px #ddd; border-radius: 4px; box-sizing: border-box; }

.pure-form input[type="color"] { padding: 0.2em 0.5em; }

.pure-form input[type="text"]:focus, .pure-form input[type="password"]:focus, .pure-form input[type="email"]:focus, .pure-form input[type="url"]:focus, .pure-form input[type="date"]:focus, .pure-form input[type="month"]:focus, .pure-form input[type="time"]:focus, .pure-form input[type="datetime"]:focus, .pure-form input[type="datetime-local"]:focus, .pure-form input[type="week"]:focus, .pure-form input[type="number"]:focus, .pure-form input[type="search"]:focus, .pure-form input[type="tel"]:focus, .pure-form input[type="color"]:focus { outline: 0; border-color: #129FEA; }

.pure-form select:focus, .pure-form textarea:focus { outline: 0; border-color: #129FEA; }

.pure-form input:not([type]):focus { outline: 0; border-color: #129FEA; }

.pure-form input[type="file"]:focus, .pure-form input[type="radio"]:focus, .pure-form input[type="checkbox"]:focus { outline: thin solid #129FEA; outline: 1px auto #129FEA; }

.pure-form .pure-checkbox, .pure-form .pure-radio { margin: 0.5em 0; display: block; }

.pure-form input[type="text"][disabled], .pure-form input[type="password"][disabled], .pure-form input[type="email"][disabled], .pure-form input[type="url"][disabled], .pure-form input[type="date"][disabled], .pure-form input[type="month"][disabled], .pure-form input[type="time"][disabled], .pure-form input[type="datetime"][disabled], .pure-form input[type="datetime-local"][disabled], .pure-form input[type="week"][disabled], .pure-form input[type="number"][disabled], .pure-form input[type="search"][disabled], .pure-form input[type="tel"][disabled], .pure-form input[type="color"][disabled] { cursor: not-allowed; background-color: #eaeded; color: #cad2d3; }

.pure-form select[disabled], .pure-form textarea[disabled] { cursor: not-allowed; background-color: #eaeded; color: #cad2d3; }

.pure-form input:not([type])[disabled] { cursor: not-allowed; background-color: #eaeded; color: #cad2d3; }

.pure-form input[readonly] { background-color: #eee; /* menu hover bg color */ color: #777; /* menu text color */ border-color: #ccc; }

.pure-form select[readonly], .pure-form textarea[readonly] { background-color: #eee; /* menu hover bg color */ color: #777; /* menu text color */ border-color: #ccc; }

.pure-form input:focus:invalid, .pure-form textarea:focus:invalid, .pure-form select:focus:invalid { color: #b94a48; border-color: #e9322d; }

.pure-form input[type="file"]:focus:invalid:focus, .pure-form input[type="radio"]:focus:invalid:focus, .pure-form input[type="checkbox"]:focus:invalid:focus { outline-color: #e9322d; }

.pure-form select { /* Normalizes the height; padding is not sufficient. */ height: 2.25em; border: 1px solid #ccc; background-color: white; }

.pure-form select[multiple] { height: auto; }

.pure-form label { margin: 0.5em 0 0.2em; }

.pure-form fieldset { margin: 0; padding: 0.35em 0 0.75em; border: 0; }

.pure-form legend { display: block; width: 100%; padding: 0.3em 0; margin-bottom: 0.3em; color: #333; border-bottom: 1px solid #e5e5e5; }

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
/* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */
/* May be able to remove this tweak as color inputs become more standardized across browsers. */
/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form-stacked input[type="text"], .pure-form-stacked input[type="password"], .pure-form-stacked input[type="email"], .pure-form-stacked input[type="url"], .pure-form-stacked input[type="date"], .pure-form-stacked input[type="month"], .pure-form-stacked input[type="time"], .pure-form-stacked input[type="datetime"], .pure-form-stacked input[type="datetime-local"], .pure-form-stacked input[type="week"], .pure-form-stacked input[type="number"], .pure-form-stacked input[type="search"], .pure-form-stacked input[type="tel"], .pure-form-stacked input[type="color"], .pure-form-stacked input[type="file"] { display: block; margin: 0.25em 0; }

.pure-form-stacked select, .pure-form-stacked label, .pure-form-stacked textarea, .pure-form-stacked input:not([type]) { display: block; margin: 0.25em 0; }

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form-aligned input, .pure-form-aligned textarea, .pure-form-aligned select, .pure-form-aligned .pure-help-inline { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }

.pure-form-message-inline { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }

.pure-form-aligned textarea { vertical-align: top; }

.pure-form-aligned .pure-control-group { margin-bottom: 0.5em; }

.pure-form-aligned .pure-control-group label { text-align: right; display: inline-block; vertical-align: middle; width: 10em; margin: 0 1em 0 0; }

.pure-form-aligned .pure-controls { margin: 1.5em 0 0 11em; }

/* Aligned Forms */
/* Rounded Inputs */
.pure-form input.pure-input-rounded, .pure-form .pure-input-rounded { border-radius: 2em; padding: 0.5em 1em; }

.pure-form .pure-group fieldset { margin-bottom: 10px; }

.pure-form .pure-group input, .pure-form .pure-group textarea { display: block; padding: 10px; margin: 0 0 -1px; border-radius: 0; position: relative; top: -1px; }

.pure-form .pure-group input:focus, .pure-form .pure-group textarea:focus { z-index: 3; }

.pure-form .pure-group input:first-child, .pure-form .pure-group textarea:first-child { top: 1px; border-radius: 4px 4px 0 0; margin: 0; }

.pure-form .pure-group input:first-child:last-child, .pure-form .pure-group textarea:first-child:last-child { top: 1px; border-radius: 4px; margin: 0; }

.pure-form .pure-group input:last-child, .pure-form .pure-group textarea:last-child { top: -2px; border-radius: 0 0 4px 4px; margin: 0; }

.pure-form .pure-group button { margin: 0.35em 0; }

.pure-form .pure-input-1 { width: 100%; }

.pure-form .pure-input-3-4 { width: 75%; }

.pure-form .pure-input-2-3 { width: 66%; }

.pure-form .pure-input-1-2 { width: 50%; }

.pure-form .pure-input-1-3 { width: 33%; }

.pure-form .pure-input-1-4 { width: 25%; }

.pure-form .pure-help-inline { display: inline-block; padding-left: 0.3em; color: #666; vertical-align: middle; font-size: 0.875em; }

/* Grouped Inputs */
/* Inline help for forms */
/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
.pure-form-message-inline { display: inline-block; padding-left: 0.3em; color: #666; vertical-align: middle; font-size: 0.875em; }

/* Block help for forms */
.pure-form-message { display: block; color: #666; font-size: 0.875em; }

@media only screen and (max-width: 480px) { .pure-form button[type="submit"] { margin: 0.7em 0 0; }
  .pure-form input:not([type]), .pure-form input[type="text"], .pure-form input[type="password"], .pure-form input[type="email"], .pure-form input[type="url"], .pure-form input[type="date"], .pure-form input[type="month"], .pure-form input[type="time"], .pure-form input[type="datetime"], .pure-form input[type="datetime-local"], .pure-form input[type="week"], .pure-form input[type="number"], .pure-form input[type="search"], .pure-form input[type="tel"], .pure-form input[type="color"] { margin-bottom: 0.3em; display: block; }
  .pure-form label { margin-bottom: 0.3em; display: block; }
  .pure-group input:not([type]), .pure-group input[type="text"], .pure-group input[type="password"], .pure-group input[type="email"], .pure-group input[type="url"], .pure-group input[type="date"], .pure-group input[type="month"], .pure-group input[type="time"], .pure-group input[type="datetime"], .pure-group input[type="datetime-local"], .pure-group input[type="week"], .pure-group input[type="number"], .pure-group input[type="search"], .pure-group input[type="tel"], .pure-group input[type="color"] { margin-bottom: 0; }
  .pure-form-aligned .pure-control-group label { margin-bottom: 0.3em; text-align: left; display: block; width: 100%; }
  .pure-form-aligned .pure-controls { margin: 1.5em 0 0 0; }
  /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
  .pure-form .pure-help-inline, .pure-form-message-inline, .pure-form-message { display: block; font-size: 0.75em; /* Increased bottom padding to make it group with its related input element. */ padding: 0.2em 0 0.8em; } }

/*!
Pure v1.0.0
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
@media screen and (min-width: 35.5em) { .pure-u-sm-1, .pure-u-sm-1-1, .pure-u-sm-1-2, .pure-u-sm-1-3, .pure-u-sm-2-3, .pure-u-sm-1-4, .pure-u-sm-3-4, .pure-u-sm-1-5, .pure-u-sm-2-5, .pure-u-sm-3-5, .pure-u-sm-4-5, .pure-u-sm-5-5, .pure-u-sm-1-6, .pure-u-sm-5-6, .pure-u-sm-1-8, .pure-u-sm-3-8, .pure-u-sm-5-8, .pure-u-sm-7-8, .pure-u-sm-1-12, .pure-u-sm-5-12, .pure-u-sm-7-12, .pure-u-sm-11-12, .pure-u-sm-1-24, .pure-u-sm-2-24, .pure-u-sm-3-24, .pure-u-sm-4-24, .pure-u-sm-5-24, .pure-u-sm-6-24, .pure-u-sm-7-24, .pure-u-sm-8-24, .pure-u-sm-9-24, .pure-u-sm-10-24, .pure-u-sm-11-24, .pure-u-sm-12-24, .pure-u-sm-13-24, .pure-u-sm-14-24, .pure-u-sm-15-24, .pure-u-sm-16-24, .pure-u-sm-17-24, .pure-u-sm-18-24, .pure-u-sm-19-24, .pure-u-sm-20-24, .pure-u-sm-21-24, .pure-u-sm-22-24, .pure-u-sm-23-24, .pure-u-sm-24-24 { display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }
  .pure-u-sm-1-24 { width: 4.1667%; *width: 4.1357%; }
  .pure-u-sm-1-12, .pure-u-sm-2-24 { width: 8.3333%; *width: 8.3023%; }
  .pure-u-sm-1-8, .pure-u-sm-3-24 { width: 12.5000%; *width: 12.4690%; }
  .pure-u-sm-1-6, .pure-u-sm-4-24 { width: 16.6667%; *width: 16.6357%; }
  .pure-u-sm-1-5 { width: 20%; *width: 19.9690%; }
  .pure-u-sm-5-24 { width: 20.8333%; *width: 20.8023%; }
  .pure-u-sm-1-4, .pure-u-sm-6-24 { width: 25%; *width: 24.9690%; }
  .pure-u-sm-7-24 { width: 29.1667%; *width: 29.1357%; }
  .pure-u-sm-1-3, .pure-u-sm-8-24 { width: 33.3333%; *width: 33.3023%; }
  .pure-u-sm-3-8, .pure-u-sm-9-24 { width: 37.5000%; *width: 37.4690%; }
  .pure-u-sm-2-5 { width: 40%; *width: 39.9690%; }
  .pure-u-sm-5-12, .pure-u-sm-10-24 { width: 41.6667%; *width: 41.6357%; }
  .pure-u-sm-11-24 { width: 45.8333%; *width: 45.8023%; }
  .pure-u-sm-1-2, .pure-u-sm-12-24 { width: 50%; *width: 49.9690%; }
  .pure-u-sm-13-24 { width: 54.1667%; *width: 54.1357%; }
  .pure-u-sm-7-12, .pure-u-sm-14-24 { width: 58.3333%; *width: 58.3023%; }
  .pure-u-sm-3-5 { width: 60%; *width: 59.9690%; }
  .pure-u-sm-5-8, .pure-u-sm-15-24 { width: 62.5000%; *width: 62.4690%; }
  .pure-u-sm-2-3, .pure-u-sm-16-24 { width: 66.6667%; *width: 66.6357%; }
  .pure-u-sm-17-24 { width: 70.8333%; *width: 70.8023%; }
  .pure-u-sm-3-4, .pure-u-sm-18-24 { width: 75%; *width: 74.9690%; }
  .pure-u-sm-19-24 { width: 79.1667%; *width: 79.1357%; }
  .pure-u-sm-4-5 { width: 80%; *width: 79.9690%; }
  .pure-u-sm-5-6, .pure-u-sm-20-24 { width: 83.3333%; *width: 83.3023%; }
  .pure-u-sm-7-8, .pure-u-sm-21-24 { width: 87.5000%; *width: 87.4690%; }
  .pure-u-sm-11-12, .pure-u-sm-22-24 { width: 91.6667%; *width: 91.6357%; }
  .pure-u-sm-23-24 { width: 95.8333%; *width: 95.8023%; }
  .pure-u-sm-1, .pure-u-sm-1-1, .pure-u-sm-5-5, .pure-u-sm-24-24 { width: 100%; } }

@media screen and (min-width: 48em) { .pure-u-md-1, .pure-u-md-1-1, .pure-u-md-1-2, .pure-u-md-1-3, .pure-u-md-2-3, .pure-u-md-1-4, .pure-u-md-3-4, .pure-u-md-1-5, .pure-u-md-2-5, .pure-u-md-3-5, .pure-u-md-4-5, .pure-u-md-5-5, .pure-u-md-1-6, .pure-u-md-5-6, .pure-u-md-1-8, .pure-u-md-3-8, .pure-u-md-5-8, .pure-u-md-7-8, .pure-u-md-1-12, .pure-u-md-5-12, .pure-u-md-7-12, .pure-u-md-11-12, .pure-u-md-1-24, .pure-u-md-2-24, .pure-u-md-3-24, .pure-u-md-4-24, .pure-u-md-5-24, .pure-u-md-6-24, .pure-u-md-7-24, .pure-u-md-8-24, .pure-u-md-9-24, .pure-u-md-10-24, .pure-u-md-11-24, .pure-u-md-12-24, .pure-u-md-13-24, .pure-u-md-14-24, .pure-u-md-15-24, .pure-u-md-16-24, .pure-u-md-17-24, .pure-u-md-18-24, .pure-u-md-19-24, .pure-u-md-20-24, .pure-u-md-21-24, .pure-u-md-22-24, .pure-u-md-23-24, .pure-u-md-24-24 { display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }
  .pure-u-md-1-24 { width: 4.1667%; *width: 4.1357%; }
  .pure-u-md-1-12, .pure-u-md-2-24 { width: 8.3333%; *width: 8.3023%; }
  .pure-u-md-1-8, .pure-u-md-3-24 { width: 12.5000%; *width: 12.4690%; }
  .pure-u-md-1-6, .pure-u-md-4-24 { width: 16.6667%; *width: 16.6357%; }
  .pure-u-md-1-5 { width: 20%; *width: 19.9690%; }
  .pure-u-md-5-24 { width: 20.8333%; *width: 20.8023%; }
  .pure-u-md-1-4, .pure-u-md-6-24 { width: 25%; *width: 24.9690%; }
  .pure-u-md-7-24 { width: 29.1667%; *width: 29.1357%; }
  .pure-u-md-1-3, .pure-u-md-8-24 { width: 33.3333%; *width: 33.3023%; }
  .pure-u-md-3-8, .pure-u-md-9-24 { width: 37.5000%; *width: 37.4690%; }
  .pure-u-md-2-5 { width: 40%; *width: 39.9690%; }
  .pure-u-md-5-12, .pure-u-md-10-24 { width: 41.6667%; *width: 41.6357%; }
  .pure-u-md-11-24 { width: 45.8333%; *width: 45.8023%; }
  .pure-u-md-1-2, .pure-u-md-12-24 { width: 50%; *width: 49.9690%; }
  .pure-u-md-13-24 { width: 54.1667%; *width: 54.1357%; }
  .pure-u-md-7-12, .pure-u-md-14-24 { width: 58.3333%; *width: 58.3023%; }
  .pure-u-md-3-5 { width: 60%; *width: 59.9690%; }
  .pure-u-md-5-8, .pure-u-md-15-24 { width: 62.5000%; *width: 62.4690%; }
  .pure-u-md-2-3, .pure-u-md-16-24 { width: 66.6667%; *width: 66.6357%; }
  .pure-u-md-17-24 { width: 70.8333%; *width: 70.8023%; }
  .pure-u-md-3-4, .pure-u-md-18-24 { width: 75%; *width: 74.9690%; }
  .pure-u-md-19-24 { width: 79.1667%; *width: 79.1357%; }
  .pure-u-md-4-5 { width: 80%; *width: 79.9690%; }
  .pure-u-md-5-6, .pure-u-md-20-24 { width: 83.3333%; *width: 83.3023%; }
  .pure-u-md-7-8, .pure-u-md-21-24 { width: 87.5000%; *width: 87.4690%; }
  .pure-u-md-11-12, .pure-u-md-22-24 { width: 91.6667%; *width: 91.6357%; }
  .pure-u-md-23-24 { width: 95.8333%; *width: 95.8023%; }
  .pure-u-md-1, .pure-u-md-1-1, .pure-u-md-5-5, .pure-u-md-24-24 { width: 100%; } }

@media screen and (min-width: 64em) { .pure-u-lg-1, .pure-u-lg-1-1, .pure-u-lg-1-2, .pure-u-lg-1-3, .pure-u-lg-2-3, .pure-u-lg-1-4, .pure-u-lg-3-4, .pure-u-lg-1-5, .pure-u-lg-2-5, .pure-u-lg-3-5, .pure-u-lg-4-5, .pure-u-lg-5-5, .pure-u-lg-1-6, .pure-u-lg-5-6, .pure-u-lg-1-8, .pure-u-lg-3-8, .pure-u-lg-5-8, .pure-u-lg-7-8, .pure-u-lg-1-12, .pure-u-lg-5-12, .pure-u-lg-7-12, .pure-u-lg-11-12, .pure-u-lg-1-24, .pure-u-lg-2-24, .pure-u-lg-3-24, .pure-u-lg-4-24, .pure-u-lg-5-24, .pure-u-lg-6-24, .pure-u-lg-7-24, .pure-u-lg-8-24, .pure-u-lg-9-24, .pure-u-lg-10-24, .pure-u-lg-11-24, .pure-u-lg-12-24, .pure-u-lg-13-24, .pure-u-lg-14-24, .pure-u-lg-15-24, .pure-u-lg-16-24, .pure-u-lg-17-24, .pure-u-lg-18-24, .pure-u-lg-19-24, .pure-u-lg-20-24, .pure-u-lg-21-24, .pure-u-lg-22-24, .pure-u-lg-23-24, .pure-u-lg-24-24 { display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }
  .pure-u-lg-1-24 { width: 4.1667%; *width: 4.1357%; }
  .pure-u-lg-1-12, .pure-u-lg-2-24 { width: 8.3333%; *width: 8.3023%; }
  .pure-u-lg-1-8, .pure-u-lg-3-24 { width: 12.5000%; *width: 12.4690%; }
  .pure-u-lg-1-6, .pure-u-lg-4-24 { width: 16.6667%; *width: 16.6357%; }
  .pure-u-lg-1-5 { width: 20%; *width: 19.9690%; }
  .pure-u-lg-5-24 { width: 20.8333%; *width: 20.8023%; }
  .pure-u-lg-1-4, .pure-u-lg-6-24 { width: 25%; *width: 24.9690%; }
  .pure-u-lg-7-24 { width: 29.1667%; *width: 29.1357%; }
  .pure-u-lg-1-3, .pure-u-lg-8-24 { width: 33.3333%; *width: 33.3023%; }
  .pure-u-lg-3-8, .pure-u-lg-9-24 { width: 37.5000%; *width: 37.4690%; }
  .pure-u-lg-2-5 { width: 40%; *width: 39.9690%; }
  .pure-u-lg-5-12, .pure-u-lg-10-24 { width: 41.6667%; *width: 41.6357%; }
  .pure-u-lg-11-24 { width: 45.8333%; *width: 45.8023%; }
  .pure-u-lg-1-2, .pure-u-lg-12-24 { width: 50%; *width: 49.9690%; }
  .pure-u-lg-13-24 { width: 54.1667%; *width: 54.1357%; }
  .pure-u-lg-7-12, .pure-u-lg-14-24 { width: 58.3333%; *width: 58.3023%; }
  .pure-u-lg-3-5 { width: 60%; *width: 59.9690%; }
  .pure-u-lg-5-8, .pure-u-lg-15-24 { width: 62.5000%; *width: 62.4690%; }
  .pure-u-lg-2-3, .pure-u-lg-16-24 { width: 66.6667%; *width: 66.6357%; }
  .pure-u-lg-17-24 { width: 70.8333%; *width: 70.8023%; }
  .pure-u-lg-3-4, .pure-u-lg-18-24 { width: 75%; *width: 74.9690%; }
  .pure-u-lg-19-24 { width: 79.1667%; *width: 79.1357%; }
  .pure-u-lg-4-5 { width: 80%; *width: 79.9690%; }
  .pure-u-lg-5-6, .pure-u-lg-20-24 { width: 83.3333%; *width: 83.3023%; }
  .pure-u-lg-7-8, .pure-u-lg-21-24 { width: 87.5000%; *width: 87.4690%; }
  .pure-u-lg-11-12, .pure-u-lg-22-24 { width: 91.6667%; *width: 91.6357%; }
  .pure-u-lg-23-24 { width: 95.8333%; *width: 95.8023%; }
  .pure-u-lg-1, .pure-u-lg-1-1, .pure-u-lg-5-5, .pure-u-lg-24-24 { width: 100%; } }

@media screen and (min-width: 80em) { .pure-u-xl-1, .pure-u-xl-1-1, .pure-u-xl-1-2, .pure-u-xl-1-3, .pure-u-xl-2-3, .pure-u-xl-1-4, .pure-u-xl-3-4, .pure-u-xl-1-5, .pure-u-xl-2-5, .pure-u-xl-3-5, .pure-u-xl-4-5, .pure-u-xl-5-5, .pure-u-xl-1-6, .pure-u-xl-5-6, .pure-u-xl-1-8, .pure-u-xl-3-8, .pure-u-xl-5-8, .pure-u-xl-7-8, .pure-u-xl-1-12, .pure-u-xl-5-12, .pure-u-xl-7-12, .pure-u-xl-11-12, .pure-u-xl-1-24, .pure-u-xl-2-24, .pure-u-xl-3-24, .pure-u-xl-4-24, .pure-u-xl-5-24, .pure-u-xl-6-24, .pure-u-xl-7-24, .pure-u-xl-8-24, .pure-u-xl-9-24, .pure-u-xl-10-24, .pure-u-xl-11-24, .pure-u-xl-12-24, .pure-u-xl-13-24, .pure-u-xl-14-24, .pure-u-xl-15-24, .pure-u-xl-16-24, .pure-u-xl-17-24, .pure-u-xl-18-24, .pure-u-xl-19-24, .pure-u-xl-20-24, .pure-u-xl-21-24, .pure-u-xl-22-24, .pure-u-xl-23-24, .pure-u-xl-24-24 { display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }
  .pure-u-xl-1-24 { width: 4.1667%; *width: 4.1357%; }
  .pure-u-xl-1-12, .pure-u-xl-2-24 { width: 8.3333%; *width: 8.3023%; }
  .pure-u-xl-1-8, .pure-u-xl-3-24 { width: 12.5000%; *width: 12.4690%; }
  .pure-u-xl-1-6, .pure-u-xl-4-24 { width: 16.6667%; *width: 16.6357%; }
  .pure-u-xl-1-5 { width: 20%; *width: 19.9690%; }
  .pure-u-xl-5-24 { width: 20.8333%; *width: 20.8023%; }
  .pure-u-xl-1-4, .pure-u-xl-6-24 { width: 25%; *width: 24.9690%; }
  .pure-u-xl-7-24 { width: 29.1667%; *width: 29.1357%; }
  .pure-u-xl-1-3, .pure-u-xl-8-24 { width: 33.3333%; *width: 33.3023%; }
  .pure-u-xl-3-8, .pure-u-xl-9-24 { width: 37.5000%; *width: 37.4690%; }
  .pure-u-xl-2-5 { width: 40%; *width: 39.9690%; }
  .pure-u-xl-5-12, .pure-u-xl-10-24 { width: 41.6667%; *width: 41.6357%; }
  .pure-u-xl-11-24 { width: 45.8333%; *width: 45.8023%; }
  .pure-u-xl-1-2, .pure-u-xl-12-24 { width: 50%; *width: 49.9690%; }
  .pure-u-xl-13-24 { width: 54.1667%; *width: 54.1357%; }
  .pure-u-xl-7-12, .pure-u-xl-14-24 { width: 58.3333%; *width: 58.3023%; }
  .pure-u-xl-3-5 { width: 60%; *width: 59.9690%; }
  .pure-u-xl-5-8, .pure-u-xl-15-24 { width: 62.5000%; *width: 62.4690%; }
  .pure-u-xl-2-3, .pure-u-xl-16-24 { width: 66.6667%; *width: 66.6357%; }
  .pure-u-xl-17-24 { width: 70.8333%; *width: 70.8023%; }
  .pure-u-xl-3-4, .pure-u-xl-18-24 { width: 75%; *width: 74.9690%; }
  .pure-u-xl-19-24 { width: 79.1667%; *width: 79.1357%; }
  .pure-u-xl-4-5 { width: 80%; *width: 79.9690%; }
  .pure-u-xl-5-6, .pure-u-xl-20-24 { width: 83.3333%; *width: 83.3023%; }
  .pure-u-xl-7-8, .pure-u-xl-21-24 { width: 87.5000%; *width: 87.4690%; }
  .pure-u-xl-11-12, .pure-u-xl-22-24 { width: 91.6667%; *width: 91.6357%; }
  .pure-u-xl-23-24 { width: 95.8333%; *width: 95.8023%; }
  .pure-u-xl-1, .pure-u-xl-1-1, .pure-u-xl-5-5, .pure-u-xl-24-24 { width: 100%; } }

/*!
Pure v1.0.0
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
/*csslint adjoining-classes: false, box-model:false*/
.pure-menu { box-sizing: border-box; }

.pure-menu-fixed { position: fixed; left: 0; top: 0; z-index: 3; }

.pure-menu-list, .pure-menu-item { position: relative; }

.pure-menu-list { list-style: none; margin: 0; padding: 0; }

.pure-menu-item { padding: 0; margin: 0; height: 100%; }

.pure-menu-link, .pure-menu-heading { display: block; text-decoration: none; white-space: nowrap; }

/* HORIZONTAL MENU */
.pure-menu-horizontal { width: 100%; white-space: nowrap; }

.pure-menu-horizontal .pure-menu-list { display: inline-block; }

.pure-menu-horizontal .pure-menu-item, .pure-menu-horizontal .pure-menu-heading, .pure-menu-horizontal .pure-menu-separator { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; }

/* Initial menus should be inline-block so that they are horizontal */
/* Submenus should still be display: block; */
.pure-menu-item .pure-menu-item { display: block; }

.pure-menu-children { display: none; position: absolute; left: 100%; top: 0; margin: 0; padding: 0; z-index: 3; }

.pure-menu-horizontal .pure-menu-children { left: 0; top: auto; width: inherit; }

.pure-menu-allow-hover:hover > .pure-menu-children, .pure-menu-active > .pure-menu-children { display: block; position: absolute; }

/* Vertical Menus - show the dropdown arrow */
.pure-menu-has-children > .pure-menu-link:after { padding-left: 0.5em; content: "\25B8"; font-size: small; }

/* Horizontal Menus - show the dropdown arrow */
.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after { content: "\25BE"; }

/* scrollable menus */
.pure-menu-scrollable { overflow-y: scroll; overflow-x: hidden; }

.pure-menu-scrollable .pure-menu-list { display: block; }

.pure-menu-horizontal.pure-menu-scrollable { white-space: nowrap; overflow-y: hidden; overflow-x: auto; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; /* a little extra padding for this style to allow for scrollbars */ padding: .5em 0; }

.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list { display: inline-block; }

.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar { display: none; }

/* misc default styling */
.pure-menu-separator { background-color: #ccc; height: 1px; margin: .3em 0; }

.pure-menu-horizontal .pure-menu-children .pure-menu-separator { background-color: #ccc; height: 1px; margin: .3em 0; }

.pure-menu-horizontal .pure-menu-separator { width: 1px; height: 1.3em; margin: 0 0.3em; }

.pure-menu-horizontal .pure-menu-children .pure-menu-separator { display: block; width: auto; }

/* Need to reset the separator since submenu is vertical */
.pure-menu-heading { text-transform: uppercase; color: #565d64; }

.pure-menu-link { color: #777; }

.pure-menu-children { background-color: #fff; }

.pure-menu-link, .pure-menu-disabled, .pure-menu-heading { padding: .5em 1em; }

.pure-menu-disabled { opacity: .5; }

.pure-menu-disabled .pure-menu-link:hover { background-color: transparent; }

.pure-menu-active > .pure-menu-link { background-color: #eee; }

.pure-menu-link:hover, .pure-menu-link:focus { background-color: #eee; }

.pure-menu-selected .pure-menu-link { color: #000; }

.pure-menu-selected .pure-menu-link:visited { color: #000; }

/*!
Pure v1.0.0
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
.pure-table { /* Remove spacing between table cells (from Normalize.css) */ border-collapse: collapse; border-spacing: 0; empty-cells: show; border: 1px solid #cbcbcb; }

.pure-table caption { color: #000; font: italic 85%/1 arial, sans-serif; padding: 1em 0; text-align: center; }

.pure-table td, .pure-table th { border-left: 1px solid #cbcbcb; /*  inner column border */ border-width: 0 0 0 1px; font-size: inherit; margin: 0; overflow: visible; /*to make ths where the title is really long work*/ padding: 0.5em 1em; /* cell padding */ }

.pure-table td:first-child, .pure-table th:first-child { border-left-width: 0; }

.pure-table thead { background-color: #e0e0e0; color: #000; text-align: left; vertical-align: bottom; }

.pure-table td { background-color: transparent; }

/* Consider removing this next declaration block, as it causes problems when
there's a rowspan on the first cell. Case added to the tests. issue#432 */
/* striping: even - #fff (white) odd  - #f2f2f2 (light gray) */
.pure-table-odd td, .pure-table-striped tr:nth-child(2n-1) td { background-color: #f2f2f2; }

/* nth-child selector for modern browsers */
/* BORDERED TABLES */
.pure-table-bordered td { border-bottom: 1px solid #cbcbcb; }

.pure-table-bordered tbody > tr:last-child > td { border-bottom-width: 0; }

/* HORIZONTAL BORDERED TABLES */
.pure-table-horizontal td, .pure-table-horizontal th { border-width: 0 0 1px 0; border-bottom: 1px solid #cbcbcb; }

.pure-table-horizontal tbody > tr:last-child > td { border-bottom-width: 0; }

#logo { text-align: center; }

div.content { width: 75em; max-width: 80%; margin-left: auto; margin-right: auto; font-size: 1em; }

div.sidebarblock { float: right; position: relative; width: 30em; max-width: 50%; margin-left: auto; margin-right: auto; font-size: 0.75em; }

.keyseq { color: rgba(51, 51, 51, 0.8); }

kbd { font-family: "Fira Mono","Droid Sans Mono","DejaVu Sans Mono",monospace; display: inline-block; color: rgba(0, 0, 0, 0.8); font-size: .65em; line-height: 1.45; background-color: #f7f7f7; border: 1px solid #ccc; border-radius: 3px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 0.1em #fff inset; margin: 0 .15em; padding: .2em .5em; vertical-align: middle; position: relative; top: -.1em; white-space: nowrap; }

.keyseq kbd:first-child { margin-left: 0; }

.keyseq kbd:last-child { margin-right: 0; }