@charset "utf-8";
/* CUSTOMIZATION OF PURE FRAMEWORK */
/* http://purecss.io/ */

*, *:before, *:after {box-sizing:border-box;}

html, button, input, select, textarea {font:16px/1.5em "Ubuntu", Arial, Helvetica, sans-serif; color:rgb(0,0,0);}
h1, h2, h3, h4, h5, h6 {line-height:1.125em;}
h1, h2, h3 {font-weight:500;}
p,pre  {text-align:justify; hyphens:auto; -ms-hyphens:auto; -moz-hyphens:auto; -webkit-hyphens:auto;}
a[href] {color:rgb(0,0,0); text-decoration:none; border-bottom:1px solid rgb(175,175,175);}
mark {padding:0px 0.25em; background-color:rgb(250,190,0);}
abbr[title], acronym[title] {border-bottom: 1px dotted; cursor:help;}
blockquote {font-style:italic;}
blockquote:before {font-family:"FontAwesome"; content:"\f10e"; text-decoration:inherit; display: inline-block; speak: none; color:rgba(0,0,0,0.1); padding-right:.25em; font-size:2em;}
blockquote * {margin:0; display:inline-block; color:rgb(0,0,0); font-size:1em;}
blockquote small {display:block; margin: 0 0 0 40px ;font-size:0.8em;}
ol ol li {list-style-type:lower-alpha;}
dl {margin:1em 0;}
dt {font-weight:700;}
hr {margin:1em 0; border:none; border-top:1px solid rgb(0,0,0,); clear:both;}
code, kbd, pre, samp {font-family:"Ubuntu Monospace";}
pre {padding:1em; background:rgba(155, 155, 155, 0.2); border-radius:4px}
input.placeholder {color:rgb(221,221,221);} /* IE 8-9 */
input:-ms-input-placeholder {color:rgba(155, 155, 155, 0.2);} /* IE 10 */
table {margin:1em 0;}
table th, table td {box-sizing:initial !important;}
table.fixed {position:fixed; width:auto; display:none; border:none; margin:0;}
table.fixed thead {background-color:rgb(255, 255, 255);}
figure {margin:0.2em 0 2em 0; text-align:center;}
figure img {max-width:300px !important; padding:5px; background-color:rgba(155,155,155,0.2); border:1px solid rgb(155,155,155); border-radius:4px;}
figure figcaption {max-width:400px !important; margin:0 auto; padding:0 1em; font-size:85%; font-style:italic; line-height:1.5em; color:rgb(125,125,125);}
figure ~ h1, figure ~ h2, figure ~ h3, figure ~ h4, figure ~ h5, figure ~ h6 {clear:both;}

*:target, .target {background-color:rgba(155, 155, 155, 0.2);}

.pure-table {width:100%; border:none;}
.pure-table td, .pure-table th {border-color:rgb(255,255,255);}
.pure-table th.pure-sortable {cursor:pointer; padding-right:24px;}
.pure-table th.pure-sortable .fa {line-height:1.5em; margin-right:-17px; margin-left:0;} /* sort icons */
.pure-table tr ~ tr {border-top:1px solid rgb(221,221,221);}
.pure-table tr:hover {background-color:rgba(155, 155, 155, 0.1);}
.pure-table thead {background-color:rgba(155, 155, 155, 0.2);}
.pure-table.fixed thead {background-color:rgb(235, 235, 235);}

table[data-sortable] th {cursor: pointer; padding-right: 24px; white-space:nowrap;}
table[data-sortable] th:after {line-height: 1.5em; margin-right: -17px; margin-left: 0;}
table[data-sortable] th[data-sorted]:after {font-family: FontAwesome; float: right;}
table[data-sortable] th[data-sorted='false']:after {opacity: 0.2; content:"\e94f";} /* .fa-sort */
table[data-sortable] th[data-sorted-direction='ascending']:after {content:"\e951";} /* .fa-sort-up */
table[data-sortable] th[data-sorted-direction='descending']:after { content:"\e950";} /* .fa-sort-down */
table[data-sortable] th[data-sorted='true']:after { color: black;}
table[data-sortable].fixed th {cursor: initial;}
table[data-sortable].fixed th[data-sorted]:after {display:none;}

.pure-form  input, .pure-form select, .pure-form textarea {background-color:rgba(255,255,255,0.5);}
.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"], .pure-form select, .pure-form textarea {font-size:0.95em;}
.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, .pure-form select:focus, .pure-form textarea:focus {border-color:rgb(47,47,47);}
.pure-form input:focus:invalid:focus, .pure-form textarea:focus:invalid:focus, .pure-form select:focus:invalid:focus {border-color:rgb(202,60,60);}
.pure-button {border-radius:4px;}
a[href].pure-button {border:none;}
.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected {background-color:rgba(0,0,0,0.8); color:rgb(230, 230, 230);}

.pure-button-tile, a[href].pure-button-tile {display:block; margin:1em 0; padding:1em 1.5em 1em 2.5em; text-align:left; font-size:1.2em; background-image:url(../img/pure-button-tile-fallback.png); background-image:url(../img/pure-button-tile.svg), none; background-position:1.5em center; background-repeat:no-repeat;}

.pure-g-r [class*="pure-u"] {font-family:"Ubuntu", Arial, Helvetica, sans-serif;}
.pure-g-r [class*="pure-u"] [class*="pure-u"] + [class*="pure-u"] {margin-left:-.31em;} /* avoid whitespace between nested grid elements */
.pure-g-r .pure-gap:first-of-type {padding-left:0;}
.pure-g-r .pure-gap {padding:0 .5em;}
.pure-g-r .pure-gap:last-of-type {padding-right:0;}

.pure-menu li a {padding:0; margin:5px 10px; color:rgb(125,125,125);}
.pure-menu li a small {margin-left:-5px; margin-right:-5px}
.pure-menu li:hover a, .pure-menu li.pure-menu-selected a {color:#fab400;}
.pure-menu li a:focus, .pure-menu li a:hover {background:none;}
.pure-menu .pure-form {position:relative; margin: 0 0.7em;}
.pure-menu .pure-form input {width:3em; position:relative; z-index:2; background:transparent; transition:width .5s;}
.pure-menu .pure-form input:focus {width:10em; padding-right:3em;}
.pure-menu .pure-form button {position:absolute; z-index:1; top:0; right:0; width:2.9em; padding:0.5em 0; background:transparent; border:none;}

.pure-submenu li a {padding:5px 10px; margin:0; border-bottom:none !important;}
.pure-submenu {padding:0; font-size: 0.9em;}

.pure-paginator {margin:1em 0;}

/* EXTEND */
.pure-dl-horizontal{overflow:auto;}
.pure-dl-horizontal dt{clear:left;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:180px;}
.pure-dl-horizontal dd{margin-left:200px;}
.pure-button-cancel{color:rgb(190,0,0);}

/* not in use
.pure-form .pure-input-prepend input,.pure-form .pure-input-prepend select{border-radius:0 4px 4px 0;}
.pure-form .pure-input-append input,.pure-form .pure-input-append select{border-radius:4px 0 0 4px;}
.pure-form .pure-input-prepend.pure-input-append input,.pure-form .pure-input-prepend.pure-input-append select{border-radius:0;}
.pure-input-append .add-on,.pure-input-prepend .add-on{background-color:rgb(238,238,238);border:1px solid rgb(204,204,204);display:inline-block;font-size:.95em;text-align:center;width:auto;padding:.325em .6em;}
.pure-input-append .add-on{margin-left:-.4em;}
.pure-input-append .add-on:last-child{border-radius:0 4px 4px 0;margin-left:-.4em;}
.pure-input-prepend .add-on:first-child{border-radius:4px 0 0 4px;margin-right:-.4em;}
.pure-input-prepend.pure-input-append .add-on:first-child{margin-left:0;}
.pure-form input.pure-error, .pure-form select.pure-error, .pure-form textarea.pure-error {color:rgb(190,0,0); border-color:rgb(190,0,0) !important;}
*/

.pure-paginator .prev, .pure-paginator .next {text-shadow:none; color:inherit;}
.pure-paginator .next {border-radius: 0 4px 4px 0;}
.pure-paginator .prev {border-radius: 4px 0 0 4px;}
.pure-paginator li {vertical-align:middle;}
.pure-paginator li>*:not(a) {margin:0 1em;}

.pure-filter {display:inline-block; position:relative; z-index:10;}
.pure-filter form {display:none;}
.pure-filter.pure-filter-active form {
    background-color:#E6E6E6;
	display:block;
    padding: 0.8em 1.4em;
    position: absolute;
    left: 0;
    white-space: nowrap;
	border-radius:0 4px 4px 4px;
	background-color:rgb(204,204,204);
}
.pure-filter.pure-filter-active.pure-pull-right form {
	right:0;
	left:auto;
	border-radius:4px 0 4px 4px;
	min-width:100%;
}
.pure-filter-active .pure-button {
    border-radius: 4px 4px 0 0;
	box-shadow:none;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
    background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.10));
    background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
}

[class^="pure-background-"] {padding:0 .25em;}
.pure-background-pencil {background-color:rgb(155,155,155);}
.pure-background-sanguine {background-color:rgb(190,70,40);}
.pure-background-ink {background-color:rgb(0,0,0); color:rgb(255,255,255);}
.pure-background-ink-red {background-color:rgb(190,0,0); color:rgb(255,255,255);}
.pure-background-white {background-color:rgb(255,255,255);}

.pure-color-pencil {background:none; color:rgb(155,155,155);}
.pure-color-sanguine {background:none; color:rgb(190,70,40);}
.pure-color-ink {background:none; color:rgb(0,0,0);}
.pure-color-ink-red {background:none; color:rgb(190,0,0);}
.pure-color-accent {background:none; color:rgb(250,190,0);}
.pure-color-white {background:none; color:rgb(255,255,255);}

.pure-underline-pencil {border-bottom:1px solid rgb(155,155,155);}
.pure-underline-sanguine {border-bottom:1px solid rgb(190,70,40);}
.pure-underline-ink {border-bottom:1px solid rgb(0,0,0);}
.pure-underline-ink-red {border-bottom:1px solid rgb(190,0,0);}
.pure-underline-accent {border-bottom:1px solid rgb(250,190,0);}
.pure-underline-white {border-bottom:1px solid rgb(255,255,255);}

.pure-author-professional-schuchardt {background-color:rgba(153,204,102,0.4);}
.pure-author-professional-john {background-color:rgba(255,204,153,0.4);}
.pure-author-professional-geist {background-color:rgba(153,204,255,0.4);}
.pure-author-proofreaders-kraeuter {background-color:rgba(255,153,0,0.4);}
.pure-author-proofreaders-eckermann {background-color:rgba(255,255,0,0.4);}
.pure-author-proofreaders-riemer {background-color:rgba(0,0,255,0.4);}
.pure-author-proofreaders-goettling {background-color:rgba(153,0,255,0.4);}
.pure-author-anonymous {background-color:rgba(255,153,153,0.4);}
.pure-author-archival {background-color:rgba(153,102,0,0.4);}
.pure-author-other {background-color:rgba(153,102,102,0.4);}

.pure-background-accent {background-color:rgb(250,190,0);}

.pure-fade-10 {opacity:0.1; filter:alpha(opacity=10);}
.pure-fade-20 {opacity:0.2; filter:alpha(opacity=20);}
.pure-fade-30 {opacity:0.3; filter:alpha(opacity=30);}
.pure-fade-40 {opacity:0.4; filter:alpha(opacity=40);}
.pure-fade-50 {opacity:0.5; filter:alpha(opacity=50);}
.pure-fade-60 {opacity:0.6; filter:alpha(opacity=60);}
.pure-fade-70 {opacity:0.7; filter:alpha(opacity=70);}
.pure-fade-80 {opacity:0.8; filter:alpha(opacity=80);}
.pure-fade-90 {opacity:0.9; filter:alpha(opacity=90);}

[class*=pure-fade-][class*=pure-background-] {opacity:1; filter:alpha(opacity=100);}

.pure-alert{margin-bottom:20px;border:1px solid transparent;border-radius:4px;padding:15px;}
.pure-alert [class^="icon-"] {margin-right:.5em;}
.pure-alert > p,.pure-alert > ul{margin:0;}
.pure-alert-success{color:rgb(40,130,0) ;background-color:rgba(40,130,0,0.2);border-color:rgb(40,130,0);}
.pure-alert-success a{color:rgb(40,130,0);}
.pure-alert-danger{color:rgb(190,0,0); background-color:rgba(190,0,0,0.1);border-color:rgb(190,0,0);}
.pure-alert-danger a{color:rgb(190,0,0);}
.pure-alert-warning{color:rgb(220,160,0); background-color:rgba(220,160,0,0.2);border-color:rgb(220,160,0);}
.pure-alert-warning a{color:rgb(220,160,0);}
.pure-alert-info{color:rgb(155,155,155); background-color:rgba(155,155,155,0.2);border-color:rgb(155,155,155);}
.pure-alert-info a{color:rgb(155,155,155);}
.pure-alert-dismissable{background-color:rgba(155,155,155,0.2);border-color:rgb(155,155,155);}

.pure-window{margin-bottom:20px;background-color:rgba(255,255,255,0.5); border:1px solid rgb(155,155,155); border-radius:4px; overflow:auto;}
.pure-window-heading{background-color:rgba(155,155,155,0.2); border-top-right-radius:3px;border-top-left-radius:3px;padding:10px 15px; overflow:auto;}
.pure-window-body{border-top:1px solid rgb(155,155,155); padding:15px; overflow-y:auto;}
.pure-window-body ~ .pure-window-body {border-left:1px solid rgb(221,221,221);}
.pure-window-body:before,.pure-window-body:after{display:table;content:" ";}
.pure-window-body:after{clear:both;}
.pure-window-footer{font-size:0.5em;background-color:rgba(155,155,155,0.2); border-top:1px solid rgb(155,155,155); border-bottom-right-radius:3px;border-bottom-left-radius:3px;padding:5px 15px;}

.pure-window-group {margin-bottom:20px;}
.pure-window-group .pure-window {margin-bottom:0; border-radius:0; position:relative;}
.pure-window-group .pure-window ~ .pure-window {border-top:none;}
.pure-window-group .pure-window:first-child{border-radius:4px 4px 0 0;}
.pure-window-group .pure-window:last-child{border-radius:0 0 4px 4px;}

.pure-window-chained {margin-bottom:20px;  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 */}
.pure-window-chained .pure-window {margin-bottom:0;border-radius:0;position:relative;display: inline-block;
    *display: inline; /* IE < 8: fake inline-block */
    zoom: 1; width:100%;   letter-spacing: normal;
    word-spacing: normal;
    text-rendering: auto; box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;}
.pure-window-chained .pure-window ~ .pure-window {left:-1px;}
.pure-window-chained .pure-window:first-child{border-radius:4px 0 0 4px;}
.pure-window-chained .pure-window:last-child{border-radius:0 4px 4px 0;}

.pure-variations {margin-bottom:20px; padding:15px; background-color:rgba(155,155,155,0.2); border:1px solid rgb(155,155,155); border-radius:4px;}
.pure-variations > p,.pure-variations > ul{margin:0;}

.pure-tooltip {position:fixed; z-index:100; pointer-events:none; margin-top:-25px; transform:translate(-50%,-100%); background:rgb(51,51,51); color:rgb(230,230,230); border-radius:4px; padding:0.25em 0.5em;}
.pure-tooltip::after {position:absolute; content:""; display:block; width:0; left:50%; bottom:-7px; transform:translateX(-50%); border-width:8px 8px 0; border-color:rgb(51,51,51) transparent; border-style:solid;}
.pure-tooltip + .pure-tooltip {display:none;} /* show only one tooltip if nested */
.pure-tooltip .transcript-tooltip-span ~ .transcript-tooltip-span {padding-left:0.5em;}
.pure-tooltip .transcript-tooltip-hand {font-weight:bold;}
.pure-tooltip .transcript-tooltip-material {font-style:italic;}
.pure-tooltip .transcript-tooltip-text-decoration {}
.pure-tooltip .transcript-tooltip-property {}
.pure-tooltip .transcript-tooltip-script {}
.pure-tooltip .transcript-tooltip-inline-decoration {}

.pure-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;display:none;overflow:hidden; width:500px; background-color:rgb(255,255,255); border:1px solid rgb(155,155,155); border-radius:4px; box-shadow:0 0 20px rgba(0,0,0,0.5);}
.pure-modal-heading{background-color:rgba(155,155,155,0.2); padding:10px 15px;}
.pure-modal-body{border-top:1px solid rgb(155,155,155); max-height:500px;overflow-y:auto;padding:15px;}
.pure-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1030;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}

.pure-right, .pure-right > *{text-align:right !important;}
.pure-left, .pure-left > *{text-align:left !important;}
.pure-center, .pure-center > *{text-align:center !important;}
.pure-pull-right{float:right !important; margin-left:1em; clear:right;}
.pure-pull-left{float:left !important; margin-right:1em; clear:left;}
.pure-clearfix{clear:both;content:"";*zoom: 1; display:block; height:0;}
.pure-hide{display:none !important;}
.pure-show{display:block !important;}
.pure-invisible{visibility:hidden;}
.pure-disabled {cursor: not-allowed; opacity:0.4;}
.pure-nowrap {white-space:nowrap;}

@media print {
	.pure-noprint {display:none !important;}
}