/*!
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 */

.pure-button:focus,
a:active,
a:hover {
   outline: 0
}

.pure-table,
table {
   border-collapse: collapse;
   border-spacing: 0
}

html {
   font-family: sans-serif;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%
}

body {
   margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
   display: block
}

audio,
canvas,
progress,
video {
   display: inline-block;
   vertical-align: baseline
}

audio:not([controls]) {
   display: none;
   height: 0
}

[hidden],
template {
   display: none
}

a {
   background-color: transparent
}

abbr[title] {
   border-bottom: 1px dotted
}

b,
optgroup,
strong {
   font-weight: 700
}

dfn {
   font-style: italic
}

h1 {
   font-size: 2em;
   margin: .67em 0
}

mark {
   background: #ff0;
   color: #000
}

small {
   font-size: 80%
}

sub,
sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline
}

sup {
   top: -.5em
}

sub {
   bottom: -.25em
}

img {
   border: 0
}

svg:not(:root) {
   overflow: hidden
}

figure {
   margin: 1em 40px
}

hr {
   box-sizing: content-box;
   height: 0
}

pre,
textarea {
   overflow: auto
}

code,
kbd,
pre,
samp {
   font-family: monospace, monospace;
   font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
   color: inherit;
   font: inherit;
   margin: 0
}

.pure-button,
input {
   line-height: normal
}

button {
   overflow: visible
}

button,
select {
   text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
   -webkit-appearance: button;
   cursor: pointer
}

button[disabled],
html input[disabled] {
   cursor: default
}

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

input[type=checkbox],
input[type=radio] {
   box-sizing: border-box;
   padding: 0
}

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

input[type=search] {
   -webkit-appearance: textfield;
   box-sizing: content-box
}

.pure-button,
.pure-form input:not([type]),
.pure-menu {
   box-sizing: border-box
}

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

fieldset {
   border: 1px solid silver;
   margin: 0 2px;
   padding: .35em .625em .75em
}

legend,
td,
th {
   padding: 0
}

legend {
   border: 0
}

.hidden,
[hidden] {
   display: none !important
}

.pure-img {
   max-width: 100%;
   height: auto;
   display: block
}

.pure-g {
   letter-spacing: -.31em;
   text-rendering: optimizespeed;
   font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-flow: row wrap;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
   -webkit-align-content: flex-start;
   -ms-flex-line-pack: start;
   align-content: flex-start
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
   table .pure-g {
      display: block
   }
}

.opera-only :-o-prefocus,
.pure-g {
   word-spacing: -.43em
}

.pure-u,
.pure-u-1,
.pure-u-1-1,
.pure-u-1-12,
.pure-u-1-2,
.pure-u-1-24,
.pure-u-1-3,
.pure-u-1-4,
.pure-u-1-5,
.pure-u-1-6,
.pure-u-1-8,
.pure-u-10-24,
.pure-u-11-12,
.pure-u-11-24,
.pure-u-12-24,
.pure-u-13-24,
.pure-u-14-24,
.pure-u-15-24,
.pure-u-16-24,
.pure-u-17-24,
.pure-u-18-24,
.pure-u-19-24,
.pure-u-2-24,
.pure-u-2-3,
.pure-u-2-5,
.pure-u-20-24,
.pure-u-21-24,
.pure-u-22-24,
.pure-u-23-24,
.pure-u-24-24,
.pure-u-3-24,
.pure-u-3-4,
.pure-u-3-5,
.pure-u-3-8,
.pure-u-4-24,
.pure-u-4-5,
.pure-u-5-12,
.pure-u-5-24,
.pure-u-5-5,
.pure-u-5-6,
.pure-u-5-8,
.pure-u-6-24,
.pure-u-7-12,
.pure-u-7-24,
.pure-u-7-8,
.pure-u-8-24,
.pure-u-9-24 {
   letter-spacing: normal;
   word-spacing: normal;
   vertical-align: top;
   text-rendering: auto;
   display: inline-block;
   zoom: 1
}

.pure-g [class*=pure-u] {
   font-family: sans-serif
}

.pure-u-1-24 {
   width: 4.1667%
}

.pure-u-1-12,
.pure-u-2-24 {
   width: 8.3333%
}

.pure-u-1-8,
.pure-u-3-24 {
   width: 12.5%
}

.pure-u-1-6,
.pure-u-4-24 {
   width: 16.6667%
}

.pure-u-1-5 {
   width: 20%
}

.pure-u-5-24 {
   width: 20.8333%
}

.pure-u-1-4,
.pure-u-6-24 {
   width: 25%
}

.pure-u-7-24 {
   width: 29.1667%
}

.pure-u-1-3,
.pure-u-8-24 {
   width: 33.3333%
}

.pure-u-3-8,
.pure-u-9-24 {
   width: 37.5%
}

.pure-u-2-5 {
   width: 40%
}

.pure-u-10-24,
.pure-u-5-12 {
   width: 41.6667%
}

.pure-u-11-24 {
   width: 45.8333%
}

.pure-u-1-2,
.pure-u-12-24 {
   width: 50%
}

.pure-u-13-24 {
   width: 54.1667%
}

.pure-u-14-24,
.pure-u-7-12 {
   width: 58.3333%
}

.pure-u-3-5 {
   width: 60%
}

.pure-u-15-24,
.pure-u-5-8 {
   width: 62.5%
}

.pure-u-16-24,
.pure-u-2-3 {
   width: 66.6667%
}

.pure-u-17-24 {
   width: 70.8333%
}

.pure-u-18-24,
.pure-u-3-4 {
   width: 75%
}

.pure-u-19-24 {
   width: 79.1667%
}

.pure-u-4-5 {
   width: 80%
}

.pure-u-20-24,
.pure-u-5-6 {
   width: 83.3333%
}

.pure-u-21-24,
.pure-u-7-8 {
   width: 87.5%
}

.pure-u-11-12,
.pure-u-22-24 {
   width: 91.6667%
}

.pure-u-23-24 {
   width: 95.8333%
}

.pure-u-1,
.pure-u-1-1,
.pure-u-24-24,
.pure-u-5-5 {
   width: 100%
}

.pure-button {
   display: inline-block;
   zoom: 1;
   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
}

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

.pure-button-group {
   letter-spacing: -.31em;
   text-rendering: optimizespeed
}

.opera-only :-o-prefocus,
.pure-button-group {
   word-spacing: -.43em
}

.pure-button {
   font-family: inherit;
   font-size: 100%;
   padding: .5em 1em;
   color: #444;
   color: rgba(0, 0, 0, .8);
   border: 1px solid #999;
   border: transparent;
   background-color: #E6E6E6;
   text-decoration: none;
   border-radius: 2px
}

.pure-button-hover,
.pure-button:focus,
.pure-button:hover {
   filter: alpha(opacity=90);
   background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
   background-image: linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1))
}

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

.pure-button-disabled,
.pure-button-disabled:active,
.pure-button-disabled:focus,
.pure-button-disabled:hover,
.pure-button[disabled] {
   border: none;
   background-image: none;
   filter: alpha(opacity=40);
   opacity: .4;
   cursor: not-allowed;
   box-shadow: none;
   pointer-events: none
}

.pure-button-hidden {
   display: none
}

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

.pure-button-group .pure-button {
   letter-spacing: normal;
   word-spacing: normal;
   vertical-align: top;
   text-rendering: auto;
   margin: 0;
   border-radius: 0;
   border-right: 1px solid #111;
   border-right: 1px solid rgba(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-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=tel],
.pure-form input[type=color],
.pure-form input[type=number],
.pure-form input[type=search],
.pure-form input[type=text],
.pure-form select,
.pure-form textarea {
   padding: .5em .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: .5em .6em;
   display: inline-block;
   border: 1px solid #ccc;
   box-shadow: inset 0 1px 3px #ddd;
   border-radius: 4px
}

.pure-form input[type=color] {
   padding: .2em .5em
}

.pure-form input:not([type]):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=tel]:focus,
.pure-form input[type=color]:focus,
.pure-form input[type=number]:focus,
.pure-form input[type=search]:focus,
.pure-form input[type=text]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
   outline: 0;
   border-color: #129FEA
}

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

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

.pure-form input:not([type])[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=tel][disabled],
.pure-form input[type=color][disabled],
.pure-form input[type=number][disabled],
.pure-form input[type=search][disabled],
.pure-form input[type=text][disabled],
.pure-form select[disabled],
.pure-form textarea[disabled] {
   cursor: not-allowed;
   background-color: #eaeded;
   color: #cad2d3
}

.pure-form input[readonly],
.pure-form select[readonly],
.pure-form textarea[readonly] {
   background-color: #eee;
   color: #777;
   border-color: #ccc
}

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

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

.pure-form select {
   height: 2.25em;
   border: 1px solid #ccc;
   background-color: #fff
}

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

.pure-form label {
   margin: .5em 0 .2em
}

.pure-form fieldset {
   margin: 0;
   padding: .35em 0 .75em;
   border: 0
}

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

.pure-form-stacked input:not([type]),
.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=tel],
.pure-form-stacked input[type=color],
.pure-form-stacked input[type=file],
.pure-form-stacked input[type=number],
.pure-form-stacked input[type=search],
.pure-form-stacked input[type=text],
.pure-form-stacked label,
.pure-form-stacked select,
.pure-form-stacked textarea {
   display: block;
   margin: .25em 0
}

.pure-form-aligned .pure-help-inline,
.pure-form-aligned input,
.pure-form-aligned select,
.pure-form-aligned textarea,
.pure-form-message-inline {
   display: inline-block;
   vertical-align: middle
}

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

.pure-form-aligned .pure-control-group {
   margin-bottom: .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
}

.pure-form .pure-input-rounded,
.pure-form input.pure-input-rounded {
   border-radius: 2em;
   padding: .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: .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,
.pure-form-message-inline {
   display: inline-block;
   padding-left: .3em;
   color: #666;
   vertical-align: middle;
   font-size: .875em
}

.pure-form-message {
   display: block;
   color: #666;
   font-size: .875em
}

@media only screen and (max-width :480px) {
   .pure-form button[type=submit] {
      margin: .7em 0 0
   }
   .pure-form input:not([type]),
   .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=tel],
   .pure-form input[type=color],
   .pure-form input[type=number],
   .pure-form input[type=search],
   .pure-form input[type=text],
   .pure-form label {
      margin-bottom: .3em;
      display: block
   }
   .pure-group input:not([type]),
   .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=tel],
   .pure-group input[type=color],
   .pure-group input[type=number],
   .pure-group input[type=search],
   .pure-group input[type=text] {
      margin-bottom: 0
   }
   .pure-form-aligned .pure-control-group label {
      margin-bottom: .3em;
      text-align: left;
      display: block;
      width: 100%
   }
   .pure-form-aligned .pure-controls {
      margin: 1.5em 0 0
   }
   .pure-form .pure-help-inline,
   .pure-form-message,
   .pure-form-message-inline {
      display: block;
      font-size: .75em;
      padding: .2em 0 .8em
   }
}

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

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

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

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

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

.pure-menu-horizontal {
   width: 100%;
   white-space: nowrap
}

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

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

.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-active > .pure-menu-children,
.pure-menu-allow-hover:hover > .pure-menu-children {
   display: block;
   position: absolute
}

.pure-menu-has-children > .pure-menu-link:after {
   padding-left: .5em;
   content: "\25B8";
   font-size: small
}

.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after {
   content: "\25BE"
}

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

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

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

.pure-menu-horizontal.pure-menu-scrollable {
   white-space: nowrap;
   overflow-y: hidden;
   overflow-x: auto;
   -ms-overflow-style: none;
   -webkit-overflow-scrolling: touch;
   padding: .5em 0
}

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

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

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

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

.pure-menu-heading {
   text-transform: uppercase;
   color: #565d64
}

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

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

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

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

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

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

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

.pure-table {
   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;
   border-width: 0 0 0 1px;
   font-size: inherit;
   margin: 0;
   overflow: visible;
   padding: .5em 1em
}

.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
}

.pure-table-odd td,
.pure-table-striped tr:nth-child(2n-1) td {
   background-color: #f2f2f2
}

.pure-table-bordered td {
   border-bottom: 1px solid #cbcbcb
}

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

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

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