/*!
Pure v0.5.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md

!
normalize.css v1.1.3 | MIT License | git.io/normalize
Copyright (c) Nicolas Gallagher and Jonathan Neal

! normalize.css v1.1.3 | MIT License | git.io/normalize
==========================================================================
HTML5 display definitions
==========================================================================
*
* Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary*/
#INVALID-RULE
{
	display: block;
}
/**
* Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
AUDIO, CANVAS, VIDEO
{
	display: inline-block;
	=display: inline;
	=zoom: 1;
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
 */
AUDIO:not([controls])
{
	display: none;
	height: 0;
}
/**
* Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
* Known issue: no IE 6 support.
 */
[hidden]
{
	display: none;
}
/*==========================================================================
Base
==========================================================================
*
* 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
*    `em` units.
* 2. Prevent iOS text size adjust after orientation change, without disabling
*    user zoom.
 */
HTML
{
	font-size: 100%;
	/*1*/
	-ms-text-size-adjust: 100%;
	/*2*/
	-webkit-text-size-adjust: 100%;
	/*2*/
}
/**
* Address `font-family` inconsistency between `textarea` and other form
* elements.
 */
HTML, BUTTON, INPUT, SELECT, TEXTAREA
{
	font-family: "Open Sans", sans-serif;
}
/**
* Address margins handled incorrectly in IE 6/7.
 */
BODY
{
	margin: 0;
}
/*==========================================================================
Links
==========================================================================
*
* Address `outline` inconsistency between Chrome and other browsers.
 */
A:focus
{
	outline: thin dotted;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
 */
A:active, A:hover
{
	outline: 0;
}
/*==========================================================================
Typography
==========================================================================
*
* Address font sizes and margins set differently in IE 6/7.
* Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
* and Chrome.
 */
H1
{
	font-size: 2em;
	margin: 0.2em 0;
}
H2
{
	font-size: 1.5em;
	margin: 0.1em 0;
}
H3
{
	font-size: 1.17em;
	margin: 1em 0;
}
H4
{
	font-size: 1em;
	margin: 1.33em 0;
}
H5
{
	font-size: 0.83em;
	margin: 1.67em 0;
}
H6
{
	font-size: 0.67em;
	margin: 2.33em 0;
}
/**
* Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
ABBR[title]
{
	border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
B, STRONG
{
	font-weight: bold;
}
BLOCKQUOTE
{
	margin: 1em 40px;
}
/**
* Address styling not present in Safari 5 and Chrome.
 */
DFN
{
	font-style: italic;
}
/**
* Address differences between Firefox and other browsers.
* Known issue: no IE 6/7 normalization.
 */
HR
{
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}
/**
* Address styling not present in IE 6/7/8/9.
 */
MARK
{
	background: #FF0;
	color: #000;
}
/**
* Address margins set differently in IE 6/7.
 */
P, PRE
{
	margin: 1em 0;
}
/**
* Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
CODE, KBD, PRE, SAMP
{
	font-family: monospace, serif;
	-font-family: "courier new", monospace;
	font-size: 1em;
}
/**
* Improve readability of pre-formatted text in all browsers.
 */
PRE
{
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
/**
* Address CSS quotes not supported in IE 6/7.
 */
Q
{
	quotes: none;
}
/**
* Address `quotes` property not supported in Safari 4.
 */
Q:before, Q:after
{
	content: '';
	content: none;
}
/**
* Address inconsistent and variable font size in all browsers.
 */
SMALL
{
	font-size: 80%;
}
/**
* 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;
}
/*==========================================================================
Lists
==========================================================================
*
* Address margins set differently in IE 6/7.
 */
DL, MENU, OL, UL
{
	margin: 1em 0;
}
DD
{
	margin: 0 0 0 40px;
}
/**
* Address paddings set differently in IE 6/7.
 */
MENU, OL, UL
{
	padding: 0 0 0 40px;
}
/**
* Correct list images handled incorrectly in IE 7.
 */
NAV UL, NAV OL
{
	list-style: none;
	list-style-image: none;
}
/*==========================================================================
Embedded content
==========================================================================
*
* 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improve image quality when scaled in IE 7.
 */
IMG
{
	border: 0;
	/*1*/
	-ms-interpolation-mode: bicubic;
	/*2*/
}
/**
* Correct overflow displayed oddly in IE 9.
 
svg:not(:root)*/
#INVALID-RULE
{
	overflow: hidden;
}
/*==========================================================================
Figures
==========================================================================
*
* Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
FIGURE
{
	margin: 0;
}
/*==========================================================================
Forms
==========================================================================
*
* Correct margin displayed oddly in IE 6/7.
 */
FORM
{
	margin: 0;
}
/**
* 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 6/7/8/9.
* 2. Correct text not wrapping in Firefox 3.
* 3. Correct alignment displayed oddly in IE 6/7.
 */
LEGEND
{
	border: 0;
	/*1*/
	padding: 0;
	white-space: normal;
	/*2*/
	=margin-left: -7px;
	/*3*/
}
/**
* 1. Correct font size not being inherited in all browsers.
* 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
*    and Chrome.
* 3. Improve appearance and consistency in all browsers.
 */
BUTTON, INPUT, SELECT, TEXTAREA
{
	font-size: 100%;
	/*1*/
	margin: 0;
	/*2*/
	vertical-align: baseline;
	/*3*/
	=vertical-align: middle;
	/*3*/
}
/**
* Address Firefox 3+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
 */
BUTTON, INPUT
{
	line-height: normal;
}
/**
* 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 Chrome, Safari 5+, and IE 6+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
 */
BUTTON, 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.
* 4. Remove inner spacing in IE 7 without affecting normal text inputs.
*    Known issue: inner spacing remains in IE 6.
 */
BUTTON, HTML INPUT[type="button"], INPUT[type="reset"], INPUT[type=""]
{
	-webkit-appearance: button;
	/*2*/
	cursor: pointer;
	/*3*/
	=overflow: visible;
	/*4*/
}
/**
* Re-set default cursor for disabled elements.
 */
BUTTON[disabled], HTML INPUT[disabled]
{
	cursor: default;
}
/**
* 1. Address box sizing set to content-box in IE 8/9.
* 2. Remove excess padding in IE 8/9.
* 3. Remove excess padding in IE 7.
*    Known issue: excess padding remains in IE 6.
 */
INPUT[type="checkbox"], INPUT[type="radio"]
{
	box-sizing: border-box;
	/*1*/
	padding: 0;
	/*2*/
	=height: 13px;
	/*3*/
	=width: 13px;
	/*3*/
}
/**
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
*    (include `-moz` to future-proof).
 */
INPUT[type="search"]
{
	-webkit-appearance: textfield;
	/*1*/
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	/*2*/
	box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
 */
INPUT[type="search"]::-webkit-search-cancel-button, INPUT[type="search"]::-webkit-search-decoration
{
	-webkit-appearance: none;
}
/**
* Remove inner padding and border in Firefox 3+.
 */
BUTTON::-moz-focus-inner, INPUT::-moz-focus-inner
{
	border: 0;
	padding: 0;
}
/**
* 1. Remove default vertical scrollbar in IE 6/7/8/9.
* 2. Improve readability and alignment in all browsers.
 */
TEXTAREA
{
	overflow: auto;
	/*1*/
	vertical-align: top;
	/*2*/
}
/*==========================================================================
Tables
==========================================================================
*
* Remove most spacing between table cells.
 */
TABLE
{
	border-collapse: collapse;
	border-spacing: 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]
{
	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;
}
/*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
.pure-g
{
	max-width: 960px;
	margin: 0px auto;
	
	/*Webkit: collapse white-space between units*/
	=letter-spacing: normal;
	/*reset IE < 8*/
	=
	/*IE < 8: collapse white-space between units*/
	text-rendering: optimizeSpeed;
	/*Webkit: fixes text-rendering: optimizeLegibility

Sets the font stack to fonts known to work properly with the above letter
and word spacings. See: https://github.com/yui/pure/issues/41/

The following font stack makes Pure Grids work on all known environments.

* FreeSans: Ships with many Linux distros, including Ubuntu

* Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
Arial to get picked up by the browser, even though neither is available
in Chrome OS.

* Droid Sans: Ships with all versions of Android.

* Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
*/
	font-family: "Open Sans", sans-serif;
	/*
Use flexbox when possible to avoid `letter-spacing` side-effects.

NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
`-moz-` prefix version is omitted.
*/
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	/*IE10 uses display: flexbox*/
	display: -ms-flexbox;
	-ms-flex-flow: row wrap;
}
/*Opera as of 12 on Windows needs word-spacing.
The ".opera-only" selector is used to prevent actual prefocus styling
and is not required in markup.
*/
.opera-only :-o-prefocus, .pure-g
{
	
}
.pure-u
{
	display: inline-block;
	=display: inline;
	/*IE < 8: fake inline-block*/
	zoom: 1;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	text-rendering: auto;
}
/*
Resets the font family back to the OS/browser's default sans-serif font,
this the same font stack that Normalize.css sets for the `body`.
*/
.pure-g [class*="pure-u"]
{
	font-family: Arial, ArialMT, "Open Sans", sans-serif;
}
.pure-u-1, .pure-u-1-1, .pure-u-1-2, .pure-u-1-3, .pure-u-2-3, .pure-u-1-4, .pure-u-3-4, .pure-u-1-5, .pure-u-2-5, .pure-u-3-5, .pure-u-4-5, .pure-u-5-5, .pure-u-1-6, .pure-u-5-6, .pure-u-1-8, .pure-u-3-8, .pure-u-5-8, .pure-u-7-8, .pure-u-1-12, .pure-u-5-12, .pure-u-7-12, .pure-u-11-12, .pure-u-1-24, .pure-u-2-24, .pure-u-3-24, .pure-u-4-24, .pure-u-5-24, .pure-u-6-24, .pure-u-7-24, .pure-u-8-24, .pure-u-9-24, .pure-u-10-24, .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-20-24, .pure-u-21-24, .pure-u-22-24, .pure-u-23-24, .pure-u-24-24
{
	display: inline-block;
	=display: inline;
	zoom: 1;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	text-rendering: auto;
}
.pure-u-1-24
{
	width: 4.1667%;
	=width: 4.1357%;
}
.pure-u-1-12, .pure-u-2-24
{
	width: 8.3333%;
	=width: 8.3023%;
}
.pure-u-1-8, .pure-u-3-24
{
	width: 12.5%;
	=width: 12.469%;
}
.pure-u-1-6, .pure-u-4-24
{
	width: 16.6667%;
	=width: 16.6357%;
}
.pure-u-1-5
{
	width: 20%;
	=width: 19.969%;
}
.pure-u-5-24
{
	width: 20.8333%;
	=width: 20.8023%;
}
.pure-u-1-4, .pure-u-6-24
{
	width: 25%;
	=width: 24.969%;
}
.pure-u-7-24
{
	width: 29.1667%;
	=width: 29.1357%;
}
.pure-u-1-3, .pure-u-8-24
{
	width: 33.3333%;
	=width: 33.3023%;
}
.pure-u-3-8, .pure-u-9-24
{
	width: 37.5%;
	=width: 37.469%;
}
.pure-u-2-5
{
	width: 40%;
	=width: 39.969%;
}
.pure-u-5-12, .pure-u-10-24
{
	width: 41.6667%;
	=width: 41.6357%;
}
.pure-u-11-24
{
	width: 45.8333%;
	=width: 45.8023%;
}
.pure-u-1-2, .pure-u-12-24
{
	width: 50%;
	=width: 49.969%;
}
.pure-u-13-24
{
	width: 54.1667%;
	=width: 54.1357%;
}
.pure-u-7-12, .pure-u-14-24
{
	width: 58.3333%;
	=width: 58.3023%;
}
.pure-u-3-5
{
	width: 60%;
	=width: 59.969%;
}
.pure-u-5-8, .pure-u-15-24
{
	width: 62.5%;
	=width: 62.469%;
}
.pure-u-2-3, .pure-u-16-24
{
	width: 66.6667%;
	=width: 66.6357%;
}
.pure-u-17-24
{
	width: 70.8333%;
	=width: 70.8023%;
}
.pure-u-3-4, .pure-u-18-24
{
	width: 75%;
	=width: 74.969%;
}
.pure-u-19-24
{
	width: 79.1667%;
	=width: 79.1357%;
}
.pure-u-4-5
{
	width: 80%;
	=width: 79.969%;
}
.pure-u-5-6, .pure-u-20-24
{
	width: 83.3333%;
	=width: 83.3023%;
}
.pure-u-7-8, .pure-u-21-24
{
	width: 87.5%;
	=width: 87.469%;
}
.pure-u-11-12, .pure-u-22-24
{
	width: 91.6667%;
	=width: 91.6357%;
}
.pure-u-23-24
{
	width: 95.8333%;
	=width: 95.8023%;
}
.pure-u-1, .pure-u-1-1, .pure-u-5-5, .pure-u-24-24
{
	width: 100%;
}
.pure-button
{
	/*Structure*/
	display: inline-block;
	=display: inline;
	/*IE 6/7*/
	zoom: 1;
	line-height: normal;
	white-space: nowrap;
	vertical-align: baseline;
	text-align: center;
	cursor: pointer;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/*Firefox: Get rid of the inner focus border*/
.pure-button::-moz-focus-inner
{
	padding: 0;
	border: 0;
}
/*csslint outline-none:false*/
.pure-button
{
	font-family: inherit;
	font-size: 100%;
	=font-size: 90%;
	/*IE 6/7 - To reduce IE's oversized button text*/
	=overflow: visible;
	/*IE 6/7 - Because of IE's overly large left/right padding on buttons*/
	padding: 0.5em 1em;
	color: #444;
	/*rgba not supported (IE 8)*/
	color: rgba(0, 0, 0, 0.8);
	/*rgba supported*/
	=color: #444;
	/*IE 6 & 7*/
	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, .pure-button:hover, .pure-button:focus
{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
	background-image: -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));
}
.pure-button:focus
{
	outline: 0;
}
.pure-button-active, .pure-button:active
{
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 6px rgba(0, 0, 0, 0.2);
}
.pure-button[disabled], .pure-button-disabled, .pure-button-disabled:hover, .pure-button-disabled:focus, .pure-button-disabled:active
{
	border: none;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	filter: alpha(opacity=40);
	-khtml-opacity: 0.40;
	-moz-opacity: 0.40;
	opacity: 0.40;
	cursor: not-allowed;
	box-shadow: none;
}
.pure-button-hidden
{
	display: none;
}
/*Firefox: Get rid of the inner focus border*/
.pure-button::-moz-focus-inner
{
	padding: 0;
	border: 0;
}
.pure-button-primary, .pure-button-selected, A.pure-button-primary, A.pure-button-selected
{
	background-color: rgb(0, 120, 231);
	color: #FFF;
}
.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
{
	padding: 0.5em 0.6em;
	display: inline-block;
	border: 1px solid #CCC;
	box-shadow: inset 0 1px 3px #DDD;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*
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 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;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*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.*/
.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, .pure-form SELECT:focus, .pure-form TEXTAREA:focus
{
	outline: 0;
	outline: thin dotted;
	/*IE6-9*/
	border-color: #129FEA;
}
/*
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 INPUT:not([type]):focus
{
	outline: 0;
	outline: thin dotted;
	/*IE6-9*/
	border-color: #129FEA;
}
.pure-form INPUT[type="file"]:focus, .pure-form INPUT[type="radio"]:focus, .pure-form INPUT[type="checkbox"]:focus
{
	outline: thin dotted #333;
	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], .pure-form SELECT[disabled], .pure-form TEXTAREA[disabled]
{
	cursor: not-allowed;
	background-color: #EAEDED;
	color: #CAD2D3;
}
/*
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 INPUT:not([type])[disabled]
{
	cursor: not-allowed;
	background-color: #EAEDED;
	color: #CAD2D3;
}
.pure-form INPUT[readonly], .pure-form SELECT[readonly], .pure-form TEXTAREA[readonly]
{
	background: #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: #EE5F5B;
}
.pure-form INPUT:focus:invalid:focus, .pure-form TEXTAREA:focus:invalid:focus, .pure-form SELECT:focus:invalid:focus
{
	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
{
	border: 1px solid #CCC;
	background-color: #FFFFFF;
}
.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;
}
.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 SELECT, .pure-form-stacked LABEL, .pure-form-stacked TEXTAREA
{
	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-stacked INPUT:not([type])
{
	display: block;
	margin: 0.25em 0;
}
.pure-form-aligned INPUT, .pure-form-aligned TEXTAREA, .pure-form-aligned SELECT, .pure-form-aligned .pure-help-inline, .pure-form-message-inline
{
	display: inline-block;
	=display: inline;
	=zoom: 1;
	vertical-align: middle;
}
.pure-form-aligned TEXTAREA
{
	vertical-align: top;
}
/*Aligned Forms*/
.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 10em;
}
/*Rounded Inputs*/
.pure-form INPUT.pure-input-rounded, .pure-form .pure-input-rounded
{
	border-radius: 2em;
	padding: 0.5em 1em;
}
/*Grouped Inputs*/
.pure-form .pure-group FIELDSET
{
	margin-bottom: 10px;
}
.pure-form .pure-group INPUT
{
	display: block;
	padding: 10px;
	margin: 0;
	border-radius: 0;
	position: relative;
	top: -1px;
}
.pure-form .pure-group INPUT:focus
{
	z-index: 2;
}
.pure-form .pure-group INPUT:first-child
{
	top: 1px;
	border-radius: 4px 4px 0 0;
}
.pure-form .pure-group INPUT:last-child
{
	top: -2px;
	border-radius: 0 0 4px 4px;
}
.pure-form .pure-group BUTTON
{
	margin: 0.35em 0;
}
.pure-form .pure-input-1
{
	width: 100%;
}
.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%;
}
/*Inline help for forms
NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead.*/
.pure-form .pure-help-inline, .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=""]
	{
		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"], .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;
	}
	/*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;
	}
}
/*csslint adjoining-classes:false, outline-none:false
TODO: Remove this lint rule override after a refactor of this code.*/
.pure-menu UL
{
	position: absolute;
	visibility: hidden;
}
.pure-menu.pure-menu-open
{
	visibility: visible;
	z-index: 2;
	width: 100%;
}
.pure-menu UL
{
	left: -10000px;
	list-style: none;
	margin: 0;
	padding: 0;
	top: -10000px;
	z-index: 1;
}
.pure-menu > UL
{
	position: relative;
}
.pure-menu-open > UL
{
	left: 0;
	top: 0;
	visibility: visible;
}
.pure-menu-open > UL:focus
{
	outline: 0;
}
.pure-menu LI
{
	position: relative;
}
.pure-menu A, .pure-menu .pure-menu-heading
{
	display: block;
	color: inherit;
	line-height: 1.5em;
	padding: 5px 20px;
	text-decoration: none;
	white-space: nowrap;
}
.pure-menu.pure-menu-horizontal > .pure-menu-heading
{
	display: inline-block;
	=display: inline;
	zoom: 1;
	margin: 0;
	vertical-align: middle;
}
.pure-menu.pure-menu-horizontal > UL
{
	display: inline-block;
	=display: inline;
	zoom: 1;
	vertical-align: middle;
}
.pure-menu LI A
{
	padding: 5px 20px;
}
.pure-menu-can-have-children > .pure-menu-label:after
{
	content: '\25B8';
	float: right;
	/*These specific fonts have the Unicode char we need.*/
	font-family: "Open Sans", sans-serif;
	margin-right: -20px;
	margin-top: -1px;
}
.pure-menu-can-have-children > .pure-menu-label
{
	padding-right: 30px;
}
.pure-menu-separator
{
	background-color: #DFDFDF;
	display: block;
	height: 1px;
	font-size: 0;
	margin: 7px 2px;
	overflow: hidden;
}
.pure-menu-hidden
{
	display: none;
}
/*FIXED MENU*/
.pure-menu-fixed
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}
/*HORIZONTAL MENU CODE
Initial menus should be inline-block so that they are horizontal*/
.pure-menu-horizontal LI
{
	display: inline-block;
	=display: inline;
	zoom: 1;
	vertical-align: middle;
}
/*Submenus should still be display: block;*/
.pure-menu-horizontal LI LI
{
	display: block;
}
/*Content after should be down arrow*/
.pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label:after
{
	content: "\25BE";
}
/*Add extra padding to elements that have the arrow so that the hover looks nice*/
.pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label
{
	padding-right: 30px;
}
/*Adjusting separator for vertical menus*/
.pure-menu-horizontal LI.pure-menu-separator
{
	height: 50%;
	width: 1px;
	margin: 0 7px;
}
/*Submenus should be horizontal separator again*/
.pure-menu-horizontal LI LI.pure-menu-separator
{
	height: 1px;
	width: auto;
	margin: 7px 2px;
}
/*csslint adjoining-classes:false
TODO: Remove this lint rule override after a refactor of this code.
MAIN MENU STYLING*/
.pure-menu.pure-menu-open, .pure-menu.pure-menu-horizontal LI .pure-menu-children
{
	background: #FFF;
	/*Old browsers*/
	border: 1px solid #B7B7B7;
}
/*remove borders for horizontal menus*/
.pure-menu.pure-menu-horizontal, .pure-menu.pure-menu-horizontal .pure-menu-heading
{
	border: none;
}
/*LINK STYLES*/
.pure-menu A
{
	border: 1px solid transparent;
	border-left: none;
	border-right: none;
}
.pure-menu A, .pure-menu .pure-menu-can-have-children > LI:after
{
	color: #777;
}
.pure-menu .pure-menu-can-have-children > LI:hover:after
{
	color: #FFF;
}
/*Focus style for a dropdown menu-item when the parent has been opened*/
.pure-menu .pure-menu-open
{
	background: #DEDEDE;
}
.pure-menu LI A:hover, .pure-menu LI A:focus
{
	background: #EEE;
}
/*DISABLED STATES*/
.pure-menu LI.pure-menu-disabled A:hover, .pure-menu LI.pure-menu-disabled A:focus
{
	background: #FFF;
	color: #BFBFBF;
}
.pure-menu .pure-menu-disabled > A
{
	background-image: none;
	border-color: transparent;
	cursor: default;
}
.pure-menu .pure-menu-disabled > A, .pure-menu .pure-menu-can-have-children.pure-menu-disabled > A:after
{
	color: #BFBFBF;
}
/*HEADINGS*/
.pure-menu .pure-menu-heading
{
	color: #565D64;
	text-transform: uppercase;
	font-size: 90%;
	margin-top: 0.5em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
}
/*ACTIVE MENU ITEM*/
.pure-menu .pure-menu-selected A
{
	color: #000;
}
/*FIXED MENU*/
.pure-menu.pure-menu-open.pure-menu-fixed
{
	border: none;
	border-bottom: 1px solid #B7B7B7;
}
/*csslint box-model:false
TODO: Remove this lint rule override after a refactor of this code.*/
.pure-paginator
{
	/*`pure-g` Grid styles*/
	
	/*Webkit: collapse white-space between units*/
	=letter-spacing: normal;
	/*reset IE < 8*/
	=
	/*IE < 8: collapse white-space between units*/
	text-rendering: optimizeSpeed;
	/*Webkit: fixes text-rendering: optimizeLegibility
`pure-paginator` Specific styles*/
	list-style: none;
	margin: 0;
	padding: 0;
}
.opera-only :-o-prefocus, .pure-paginator
{
	
}
/*`pure-u` Grid styles*/
.pure-paginator LI
{
	display: inline-block;
	=display: inline;
	/*IE < 8: fake inline-block*/
	zoom: 1;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	text-rendering: auto;
}
.pure-paginator .pure-button
{
	border-radius: 0;
	padding: 0.8em 1.4em;
	vertical-align: top;
	height: 1.1em;
}
.pure-paginator .pure-button:focus, .pure-paginator .pure-button:active
{
	outline-style: none;
}
.pure-paginator .prev, .pure-paginator .next
{
	color: #C0C1C3;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.45);
}
.pure-paginator .prev
{
	border-radius: 2px 0 0 2px;
}
.pure-paginator .next
{
	border-radius: 0 2px 2px 0;
}
@media (max-width: 480px)
{
	.pure-menu-horizontal
	{
		width: 100%;
	}
	.pure-menu-children LI
	{
		display: block;
		border-bottom: 1px solid #000000;
	}
}
.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: #E0E0E0;
	color: #000;
	text-align: left;
	vertical-align: bottom;
}
/*
striping:
even - #fff (white)
odd  - #f2f2f2 (light gray)
*/
.pure-table TD
{
	background-color: transparent;
}
.pure-table-odd TD
{
	background-color: #F2F2F2;
}
/*nth-child selector for modern browsers*/
.pure-table-striped TR:nth-child(2n-1) TD
{
	background-color: #F2F2F2;
}
/*BORDERED TABLES*/
.pure-table-bordered TD
{
	border-bottom: 1px solid #CBCBCB;
}
.pure-table-bordered TBODY > TR:last-child TD, .pure-table-horizontal 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;
	border-bottom: 1px solid #CBCBCB;
}
.pure-table-horizontal TBODY > TR:last-child TD
{
	border-bottom-width: 0;
}
.button-success, .button-error, .button-warning, .button-secondary
{
	color: #FFFFFF;
	border-radius: 4px;
}
.button-success
{
	background: rgb(26, 216, 0);
	/*this is a green*/
}
.button-error
{
	background: rgb(202, 60, 60);
	/*this is a maroon*/
}
.button-warning
{
	background: #FBAD18;
	/*this is an orange*/
}
.button-secondary
{
	background: #0561AF;
	/*this is a light blue*/
}
.button-xsmall
{
	font-size: 70%;
}
.button-small
{
	font-size: 85%;
}
.button-large
{
	font-size: 110%;
}
.button-xlarge
{
	font-size: 125%;
}