..

0	/*!
1	Pure v3.0.0
2	Copyright 2013 Yahoo!
3	Licensed under the BSD License.
4	https://github.com/pure-css/pure/blob/master/LICENSE
5	*/
6	/*!
7	normalize.css v | MIT License | https://necolas.github.io/normalize.css/
8	Copyright (c) Nicolas Gallagher and Jonathan Neal
9	*/
10	/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
11
12	/* Document
13	========================================================================== */
14
15	/**
16	* 1. Correct the line height in all browsers.
17	* 2. Prevent adjustments of font size after orientation changes in iOS.
18	*/
19
20	html {
21	line-height: 1.15; /* 1 */
22	-webkit-text-size-adjust: 100%; /* 2 */
23	}
24
25	/* Sections
26	========================================================================== */
27
28	/**
29	* Remove the margin in all browsers.
30	*/
31
32	body {
33	margin: 0;
34	}
35
36	/**
37	* Render the `main` element consistently in IE.
38	*/
39
40	main {
41	display: block;
42	}
43
44	/**
45	* Correct the font size and margin on `h1` elements within `section` and
46	* `article` contexts in Chrome, Firefox, and Safari.
47	*/
48
49	h1 {
50	font-size: 2em;
51	margin: 0.67em 0;
52	}
53
54	/* Grouping content
55	========================================================================== */
56
57	/**
58	* 1. Add the correct box sizing in Firefox.
59	* 2. Show the overflow in Edge and IE.
60	*/
61
62	hr {
63	box-sizing: content-box; /* 1 */
64	height: 0; /* 1 */
65	overflow: visible; /* 2 */
66	}
67
68	/**
69	* 1. Correct the inheritance and scaling of font size in all browsers.
70	* 2. Correct the odd `em` font sizing in all browsers.
71	*/
72
73	pre {
74	font-family: monospace, monospace; /* 1 */
75	font-size: 1em; /* 2 */
76	}
77
78	/* Text-level semantics
79	========================================================================== */
80
81	/**
82	* Remove the gray background on active links in IE 10.
83	*/
84
85	a {
86	background-color: transparent;
87	}
88
89	/**
90	* 1. Remove the bottom border in Chrome 57-
91	* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
92	*/
93
94	abbr[title] {
95	border-bottom: none; /* 1 */
96	text-decoration: underline; /* 2 */
97	-webkit-text-decoration: underline dotted;
98	text-decoration: underline dotted; /* 2 */
99	}
100
101	/**
102	* Add the correct font weight in Chrome, Edge, and Safari.
103	*/
104
105	b,
106	strong {
107	font-weight: bolder;
108	}
109
110	/**
111	* 1. Correct the inheritance and scaling of font size in all browsers.
112	* 2. Correct the odd `em` font sizing in all browsers.
113	*/
114
115	code,
116	kbd,
117	samp {
118	font-family: monospace, monospace; /* 1 */
119	font-size: 1em; /* 2 */
120	}
121
122	/**
123	* Add the correct font size in all browsers.
124	*/
125
126	small {
127	font-size: 80%;
128	}
129
130	/**
131	* Prevent `sub` and `sup` elements from affecting the line height in
132	* all browsers.
133	*/
134
135	sub,
136	sup {
137	font-size: 75%;
138	line-height: 0;
139	position: relative;
140	vertical-align: baseline;
141	}
142
143	sub {
144	bottom: -0.25em;
145	}
146
147	sup {
148	top: -0.5em;
149	}
150
151	/* Embedded content
152	========================================================================== */
153
154	/**
155	* Remove the border on images inside links in IE 10.
156	*/
157
158	img {
159	border-style: none;
160	}
161
162	/* Forms
163	========================================================================== */
164
165	/**
166	* 1. Change the font styles in all browsers.
167	* 2. Remove the margin in Firefox and Safari.
168	*/
169
170	button,
171	input,
172	optgroup,
173	select,
174	textarea {
175	font-family: inherit; /* 1 */
176	font-size: 100%; /* 1 */
177	line-height: 1.15; /* 1 */
178	margin: 0; /* 2 */
179	}
180
181	/**
182	* Show the overflow in IE.
183	* 1. Show the overflow in Edge.
184	*/
185
186	button,
187	input { /* 1 */
188	overflow: visible;
189	}
190
191	/**
192	* Remove the inheritance of text transform in Edge, Firefox, and IE.
193	* 1. Remove the inheritance of text transform in Firefox.
194	*/
195
196	button,
197	select { /* 1 */
198	text-transform: none;
199	}
200
201	/**
202	* Correct the inability to style clickable types in iOS and Safari.
203	*/
204
205	button,
206	[type="button"],
207	[type="reset"],
208	[type="submit"] {
209	-webkit-appearance: button;
210	}
211
212	/**
213	* Remove the inner border and padding in Firefox.
214	*/
215
216	button::-moz-focus-inner,
217	[type="button"]::-moz-focus-inner,
218	[type="reset"]::-moz-focus-inner,
219	[type="submit"]::-moz-focus-inner {
220	border-style: none;
221	padding: 0;
222	}
223
224	/**
225	* Restore the focus styles unset by the previous rule.
226	*/
227
228	button:-moz-focusring,
229	[type="button"]:-moz-focusring,
230	[type="reset"]:-moz-focusring,
231	[type="submit"]:-moz-focusring {
232	outline: 1px dotted ButtonText;
233	}
234
235	/**
236	* Correct the padding in Firefox.
237	*/
238
239	fieldset {
240	padding: 0.35em 0.75em 0.625em;
241	}
242
243	/**
244	* 1. Correct the text wrapping in Edge and IE.
245	* 2. Correct the color inheritance from `fieldset` elements in IE.
246	* 3. Remove the padding so developers are not caught out when they zero out
247	* `fieldset` elements in all browsers.
248	*/
249
250	legend {
251	box-sizing: border-box; /* 1 */
252	color: inherit; /* 2 */
253	display: table; /* 1 */
254	max-width: 100%; /* 1 */
255	padding: 0; /* 3 */
256	white-space: normal; /* 1 */
257	}
258
259	/**
260	* Add the correct vertical alignment in Chrome, Firefox, and Opera.
261	*/
262
263	progress {
264	vertical-align: baseline;
265	}
266
267	/**
268	* Remove the default vertical scrollbar in IE 10+.
269	*/
270
271	textarea {
272	overflow: auto;
273	}
274
275	/**
276	* 1. Add the correct box sizing in IE 10.
277	* 2. Remove the padding in IE 10.
278	*/
279
280	[type="checkbox"],
281	[type="radio"] {
282	box-sizing: border-box; /* 1 */
283	padding: 0; /* 2 */
284	}
285
286	/**
287	* Correct the cursor style of increment and decrement buttons in Chrome.
288	*/
289
290	[type="number"]::-webkit-inner-spin-button,
291	[type="number"]::-webkit-outer-spin-button {
292	height: auto;
293	}
294
295	/**
296	* 1. Correct the odd appearance in Chrome and Safari.
297	* 2. Correct the outline style in Safari.
298	*/
299
300	[type="search"] {
301	-webkit-appearance: textfield; /* 1 */
302	outline-offset: -2px; /* 2 */
303	}
304
305	/**
306	* Remove the inner padding in Chrome and Safari on macOS.
307	*/
308
309	[type="search"]::-webkit-search-decoration {
310	-webkit-appearance: none;
311	}
312
313	/**
314	* 1. Correct the inability to style clickable types in iOS and Safari.
315	* 2. Change font properties to `inherit` in Safari.
316	*/
317
318	::-webkit-file-upload-button {
319	-webkit-appearance: button; /* 1 */
320	font: inherit; /* 2 */
321	}
322
323	/* Interactive
324	========================================================================== */
325
326	/*
327	* Add the correct display in Edge, IE 10+, and Firefox.
328	*/
329
330	details {
331	display: block;
332	}
333
334	/*
335	* Add the correct display in all browsers.
336	*/
337
338	summary {
339	display: list-item;
340	}
341
342	/* Misc
343	========================================================================== */
344
345	/**
346	* Add the correct display in IE 10+.
347	*/
348
349	template {
350	display: none;
351	}
352
353	/**
354	* Add the correct display in IE 10.
355	*/
356
357	[hidden] {
358	display: none;
359	}
360
361	/*csslint important:false*/
362
363	/* ==========================================================================
364	Pure Base Extras
365	========================================================================== */
366
367	/**
368	* Extra rules that Pure adds on top of Normalize.css
369	*/
370
371	html {
372	font-family: sans-serif;
373	}
374
375	/**
376	* Always hide an element when it has the `hidden` HTML attribute.
377	*/
378
379	.hidden,
380	[hidden] {
381	display: none !important;
382	}
383
384	/**
385	* Add this class to an image to make it fit within it's fluid parent wrapper while maintaining
386	* aspect ratio.
387	*/
388	.pure-img {
389	max-width: 100%;
390	height: auto;
391	display: block;
392	}
393
394	/*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
395
396	.pure-g {
397	display: flex;
398	flex-flow: row wrap;
399
400	/* Prevents distributing space between rows */
401	align-content: flex-start;
402	}
403
404	.pure-u {
405	display: inline-block;
406	vertical-align: top;
407	}
408
409	.pure-u-1,
410	.pure-u-1-1,
411	.pure-u-1-2,
412	.pure-u-1-3,
413	.pure-u-2-3,
414	.pure-u-1-4,
415	.pure-u-3-4,
416	.pure-u-1-5,
417	.pure-u-2-5,
418	.pure-u-3-5,
419	.pure-u-4-5,
420	.pure-u-5-5,
421	.pure-u-1-6,
422	.pure-u-5-6,
423	.pure-u-1-8,
424	.pure-u-3-8,
425	.pure-u-5-8,
426	.pure-u-7-8,
427	.pure-u-1-12,
428	.pure-u-5-12,
429	.pure-u-7-12,
430	.pure-u-11-12,
431	.pure-u-1-24,
432	.pure-u-2-24,
433	.pure-u-3-24,
434	.pure-u-4-24,
435	.pure-u-5-24,
436	.pure-u-6-24,
437	.pure-u-7-24,
438	.pure-u-8-24,
439	.pure-u-9-24,
440	.pure-u-10-24,
441	.pure-u-11-24,
442	.pure-u-12-24,
443	.pure-u-13-24,
444	.pure-u-14-24,
445	.pure-u-15-24,
446	.pure-u-16-24,
447	.pure-u-17-24,
448	.pure-u-18-24,
449	.pure-u-19-24,
450	.pure-u-20-24,
451	.pure-u-21-24,
452	.pure-u-22-24,
453	.pure-u-23-24,
454	.pure-u-24-24 {
455	display: inline-block;
456	letter-spacing: normal;
457	word-spacing: normal;
458	vertical-align: top;
459	text-rendering: auto;
460	}
461
462	.pure-u-1-24 {
463	width: 4.1667%;
464	}
465
466	.pure-u-1-12,
467	.pure-u-2-24 {
468	width: 8.3333%;
469	}
470
471	.pure-u-1-8,
472	.pure-u-3-24 {
473	width: 12.5000%;
474	}
475
476	.pure-u-1-6,
477	.pure-u-4-24 {
478	width: 16.6667%;
479	}
480
481	.pure-u-1-5 {
482	width: 20%;
483	}
484
485	.pure-u-5-24 {
486	width: 20.8333%;
487	}
488
489	.pure-u-1-4,
490	.pure-u-6-24 {
491	width: 25%;
492	}
493
494	.pure-u-7-24 {
495	width: 29.1667%;
496	}
497
498	.pure-u-1-3,
499	.pure-u-8-24 {
500	width: 33.3333%;
501	}
502
503	.pure-u-3-8,
504	.pure-u-9-24 {
505	width: 37.5000%;
506	}
507
508	.pure-u-2-5 {
509	width: 40%;
510	}
511
512	.pure-u-5-12,
513	.pure-u-10-24 {
514	width: 41.6667%;
515	}
516
517	.pure-u-11-24 {
518	width: 45.8333%;
519	}
520
521	.pure-u-1-2,
522	.pure-u-12-24 {
523	width: 50%;
524	}
525
526	.pure-u-13-24 {
527	width: 54.1667%;
528	}
529
530	.pure-u-7-12,
531	.pure-u-14-24 {
532	width: 58.3333%;
533	}
534
535	.pure-u-3-5 {
536	width: 60%;
537	}
538
539	.pure-u-5-8,
540	.pure-u-15-24 {
541	width: 62.5000%;
542	}
543
544	.pure-u-2-3,
545	.pure-u-16-24 {
546	width: 66.6667%;
547	}
548
549	.pure-u-17-24 {
550	width: 70.8333%;
551	}
552
553	.pure-u-3-4,
554	.pure-u-18-24 {
555	width: 75%;
556	}
557
558	.pure-u-19-24 {
559	width: 79.1667%;
560	}
561
562	.pure-u-4-5 {
563	width: 80%;
564	}
565
566	.pure-u-5-6,
567	.pure-u-20-24 {
568	width: 83.3333%;
569	}
570
571	.pure-u-7-8,
572	.pure-u-21-24 {
573	width: 87.5000%;
574	}
575
576	.pure-u-11-12,
577	.pure-u-22-24 {
578	width: 91.6667%;
579	}
580
581	.pure-u-23-24 {
582	width: 95.8333%;
583	}
584
585	.pure-u-1,
586	.pure-u-1-1,
587	.pure-u-5-5,
588	.pure-u-24-24 {
589	width: 100%;
590	}
591	.pure-button {
592	/* Structure */
593	display: inline-block;
594	line-height: normal;
595	white-space: nowrap;
596	vertical-align: middle;
597	text-align: center;
598	cursor: pointer;
599	-webkit-user-drag: none;
600	-webkit-user-select: none;
601	user-select: none;
602	box-sizing: border-box;
603	}
604
605	/* Firefox: Get rid of the inner focus border */
606	.pure-button::-moz-focus-inner {
607	padding: 0;
608	border: 0;
609	}
610
611	/* Inherit .pure-g styles */
612	.pure-button-group {
613	letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
614	text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
615	}
616
617	.opera-only :-o-prefocus,
618	.pure-button-group {
619	word-spacing: -0.43em;
620	}
621
622	.pure-button-group .pure-button {
623	letter-spacing: normal;
624	word-spacing: normal;
625	vertical-align: top;
626	text-rendering: auto;
627	}
628
629	/*csslint outline-none:false*/
630
631	.pure-button {
632	font-family: inherit;
633	font-size: 100%;
634	padding: 0.5em 1em;
635	color: rgba(0, 0, 0, 0.80);
636	border: none rgba(0, 0, 0, 0);
637	background-color: #E6E6E6;
638	text-decoration: none;
639	border-radius: 2px;
640	}
641
642	.pure-button-hover,
643	.pure-button:hover,
644	.pure-button:focus {
645	background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
646	}
647	.pure-button:focus {
648	outline: 0;
649	}
650	.pure-button-active,
651	.pure-button:active {
652	box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
653	border-color: #000;
654	}
655
656	.pure-button[disabled],
657	.pure-button-disabled,
658	.pure-button-disabled:hover,
659	.pure-button-disabled:focus,
660	.pure-button-disabled:active {
661	border: none;
662	background-image: none;
663	opacity: 0.40;
664	cursor: not-allowed;
665	box-shadow: none;
666	pointer-events: none;
667	}
668
669	.pure-button-hidden {
670	display: none;
671	}
672
673	.pure-button-primary,
674	.pure-button-selected,
675	a.pure-button-primary,
676	a.pure-button-selected {
677	background-color: rgb(0, 120, 231);
678	color: #fff;
679	}
680
681	/* Button Groups */
682	.pure-button-group .pure-button {
683	margin: 0;
684	border-radius: 0;
685	border-right: 1px solid rgba(0, 0, 0, 0.2);
686
687	}
688
689	.pure-button-group .pure-button:first-child {
690	border-top-left-radius: 2px;
691	border-bottom-left-radius: 2px;
692	}
693	.pure-button-group .pure-button:last-child {
694	border-top-right-radius: 2px;
695	border-bottom-right-radius: 2px;
696	border-right: none;
697	}
698
699	/*csslint box-model:false*/
700	/*
701	Box-model set to false because we're setting a height on select elements, which
702	also have border and padding. This is done because some browsers don't render
703	the padding. We explicitly set the box-model for select elements to border-box,
704	so we can ignore the csslint warning.
705	*/
706
707	.pure-form input[type="text"],
708	.pure-form input[type="password"],
709	.pure-form input[type="email"],
710	.pure-form input[type="url"],
711	.pure-form input[type="date"],
712	.pure-form input[type="month"],
713	.pure-form input[type="time"],
714	.pure-form input[type="datetime"],
715	.pure-form input[type="datetime-local"],
716	.pure-form input[type="week"],
717	.pure-form input[type="number"],
718	.pure-form input[type="search"],
719	.pure-form input[type="tel"],
720	.pure-form input[type="color"],
721	.pure-form select,
722	.pure-form textarea {
723	padding: 0.5em 0.6em;
724	display: inline-block;
725	border: 1px solid #ccc;
726	box-shadow: inset 0 1px 3px #ddd;
727	border-radius: 4px;
728	vertical-align: middle;
729	box-sizing: border-box;
730	}
731
732	/*
733	Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
734	since IE8 won't execute CSS that contains a CSS3 selector.
735	*/
736	.pure-form input:not([type]) {
737	padding: 0.5em 0.6em;
738	display: inline-block;
739	border: 1px solid #ccc;
740	box-shadow: inset 0 1px 3px #ddd;
741	border-radius: 4px;
742	box-sizing: border-box;
743	}
744
745
746	/* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */
747	/* May be able to remove this tweak as color inputs become more standardized across browsers. */
748	.pure-form input[type="color"] {
749	padding: 0.2em 0.5em;
750	}
751
752
753	.pure-form input[type="text"]:focus,
754	.pure-form input[type="password"]:focus,
755	.pure-form input[type="email"]:focus,
756	.pure-form input[type="url"]:focus,
757	.pure-form input[type="date"]:focus,
758	.pure-form input[type="month"]:focus,
759	.pure-form input[type="time"]:focus,
760	.pure-form input[type="datetime"]:focus,
761	.pure-form input[type="datetime-local"]:focus,
762	.pure-form input[type="week"]:focus,
763	.pure-form input[type="number"]:focus,
764	.pure-form input[type="search"]:focus,
765	.pure-form input[type="tel"]:focus,
766	.pure-form input[type="color"]:focus,
767	.pure-form select:focus,
768	.pure-form textarea:focus {
769	outline: 0;
770	border-color: #129FEA;
771	}
772
773	/*
774	Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
775	since IE8 won't execute CSS that contains a CSS3 selector.
776	*/
777	.pure-form input:not([type]):focus {
778	outline: 0;
779	border-color: #129FEA;
780	}
781
782	.pure-form input[type="file"]:focus,
783	.pure-form input[type="radio"]:focus,
784	.pure-form input[type="checkbox"]:focus {
785	outline: thin solid #129FEA;
786	outline: 1px auto #129FEA;
787	}
788	.pure-form .pure-checkbox,
789	.pure-form .pure-radio {
790	margin: 0.5em 0;
791	display: block;
792	}
793
794	.pure-form input[type="text"][disabled],
795	.pure-form input[type="password"][disabled],
796	.pure-form input[type="email"][disabled],
797	.pure-form input[type="url"][disabled],
798	.pure-form input[type="date"][disabled],
799	.pure-form input[type="month"][disabled],
800	.pure-form input[type="time"][disabled],
801	.pure-form input[type="datetime"][disabled],
802	.pure-form input[type="datetime-local"][disabled],
803	.pure-form input[type="week"][disabled],
804	.pure-form input[type="number"][disabled],
805	.pure-form input[type="search"][disabled],
806	.pure-form input[type="tel"][disabled],
807	.pure-form input[type="color"][disabled],
808	.pure-form select[disabled],
809	.pure-form textarea[disabled] {
810	cursor: not-allowed;
811	background-color: #eaeded;
812	color: #cad2d3;
813	}
814
815	/*
816	Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
817	since IE8 won't execute CSS that contains a CSS3 selector.
818	*/
819	.pure-form input:not([type])[disabled] {
820	cursor: not-allowed;
821	background-color: #eaeded;
822	color: #cad2d3;
823	}
824	.pure-form input[readonly],
825	.pure-form select[readonly],
826	.pure-form textarea[readonly] {
827	background-color: #eee; /* menu hover bg color */
828	color: #777; /* menu text color */
829	border-color: #ccc;
830	}
831
832	.pure-form input:focus:invalid,
833	.pure-form textarea:focus:invalid,
834	.pure-form select:focus:invalid {
835	color: #b94a48;
836	border-color: #e9322d;
837	}
838	.pure-form input[type="file"]:focus:invalid:focus,
839	.pure-form input[type="radio"]:focus:invalid:focus,
840	.pure-form input[type="checkbox"]:focus:invalid:focus {
841	outline-color: #e9322d;
842	}
843	.pure-form select {
844	/* Normalizes the height; padding is not sufficient. */
845	height: 2.25em;
846	border: 1px solid #ccc;
847	background-color: white;
848	}
849	.pure-form select[multiple] {
850	height: auto;
851	}
852	.pure-form label {
853	margin: 0.5em 0 0.2em;
854	}
855	.pure-form fieldset {
856	margin: 0;
857	padding: 0.35em 0 0.75em;
858	border: 0;
859	}
860	.pure-form legend {
861	display: block;
862	width: 100%;
863	padding: 0.3em 0;
864	margin-bottom: 0.3em;
865	color: #333;
866	border-bottom: 1px solid #e5e5e5;
867	}
868
869	.pure-form-stacked input[type="text"],
870	.pure-form-stacked input[type="password"],
871	.pure-form-stacked input[type="email"],
872	.pure-form-stacked input[type="url"],
873	.pure-form-stacked input[type="date"],
874	.pure-form-stacked input[type="month"],
875	.pure-form-stacked input[type="time"],
876	.pure-form-stacked input[type="datetime"],
877	.pure-form-stacked input[type="datetime-local"],
878	.pure-form-stacked input[type="week"],
879	.pure-form-stacked input[type="number"],
880	.pure-form-stacked input[type="search"],
881	.pure-form-stacked input[type="tel"],
882	.pure-form-stacked input[type="color"],
883	.pure-form-stacked input[type="file"],
884	.pure-form-stacked select,
885	.pure-form-stacked label,
886	.pure-form-stacked textarea {
887	display: block;
888	margin: 0.25em 0;
889	}
890
891	/*
892	Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
893	since IE8 won't execute CSS that contains a CSS3 selector.
894	*/
895	.pure-form-stacked input:not([type]) {
896	display: block;
897	margin: 0.25em 0;
898	}
899	.pure-form-aligned input,
900	.pure-form-aligned textarea,
901	.pure-form-aligned select,
902	.pure-form-message-inline {
903	display: inline-block;
904	vertical-align: middle;
905	}
906	.pure-form-aligned textarea {
907	vertical-align: top;
908	}
909
910	/* Aligned Forms */
911	.pure-form-aligned .pure-control-group {
912	margin-bottom: 0.5em;
913	}
914	.pure-form-aligned .pure-control-group label {
915	text-align: right;
916	display: inline-block;
917	vertical-align: middle;
918	width: 10em;
919	margin: 0 1em 0 0;
920	}
921	.pure-form-aligned .pure-controls {
922	margin: 1.5em 0 0 11em;
923	}
924
925	/* Rounded Inputs */
926	.pure-form input.pure-input-rounded,
927	.pure-form .pure-input-rounded {
928	border-radius: 2em;
929	padding: 0.5em 1em;
930	}
931
932	/* Grouped Inputs */
933	.pure-form .pure-group fieldset {
934	margin-bottom: 10px;
935	}
936	.pure-form .pure-group input,
937	.pure-form .pure-group textarea {
938	display: block;
939	padding: 10px;
940	margin: 0 0 -1px;
941	border-radius: 0;
942	position: relative;
943	top: -1px;
944	}
945	.pure-form .pure-group input:focus,
946	.pure-form .pure-group textarea:focus {
947	z-index: 3;
948	}
949	.pure-form .pure-group input:first-child,
950	.pure-form .pure-group textarea:first-child {
951	top: 1px;
952	border-radius: 4px 4px 0 0;
953	margin: 0;
954	}
955	.pure-form .pure-group input:first-child:last-child,
956	.pure-form .pure-group textarea:first-child:last-child {
957	top: 1px;
958	border-radius: 4px;
959	margin: 0;
960	}
961	.pure-form .pure-group input:last-child,
962	.pure-form .pure-group textarea:last-child {
963	top: -2px;
964	border-radius: 0 0 4px 4px;
965	margin: 0;
966	}
967	.pure-form .pure-group button {
968	margin: 0.35em 0;
969	}
970
971	.pure-form .pure-input-1 {
972	width: 100%;
973	}
974	.pure-form .pure-input-3-4 {
975	width: 75%;
976	}
977	.pure-form .pure-input-2-3 {
978	width: 66%;
979	}
980	.pure-form .pure-input-1-2 {
981	width: 50%;
982	}
983	.pure-form .pure-input-1-3 {
984	width: 33%;
985	}
986	.pure-form .pure-input-1-4 {
987	width: 25%;
988	}
989
990	/* Inline help for forms */
991	.pure-form-message-inline {
992	display: inline-block;
993	padding-left: 0.3em;
994	color: #666;
995	vertical-align: middle;
996	font-size: 0.875em;
997	}
998
999	/* Block help for forms */
1000	.pure-form-message {
1001	display: block;
1002	color: #666;
1003	font-size: 0.875em;
1004	}
1005
1006	@media only screen and (max-width : 480px) {
1007	.pure-form button[type="submit"] {
1008	margin: 0.7em 0 0;
1009	}
1010
1011	.pure-form input:not([type]),
1012	.pure-form input[type="text"],
1013	.pure-form input[type="password"],
1014	.pure-form input[type="email"],
1015	.pure-form input[type="url"],
1016	.pure-form input[type="date"],
1017	.pure-form input[type="month"],
1018	.pure-form input[type="time"],
1019	.pure-form input[type="datetime"],
1020	.pure-form input[type="datetime-local"],
1021	.pure-form input[type="week"],
1022	.pure-form input[type="number"],
1023	.pure-form input[type="search"],
1024	.pure-form input[type="tel"],
1025	.pure-form input[type="color"],
1026	.pure-form label {
1027	margin-bottom: 0.3em;
1028	display: block;
1029	}
1030
1031	.pure-group input:not([type]),
1032	.pure-group input[type="text"],
1033	.pure-group input[type="password"],
1034	.pure-group input[type="email"],
1035	.pure-group input[type="url"],
1036	.pure-group input[type="date"],
1037	.pure-group input[type="month"],
1038	.pure-group input[type="time"],
1039	.pure-group input[type="datetime"],
1040	.pure-group input[type="datetime-local"],
1041	.pure-group input[type="week"],
1042	.pure-group input[type="number"],
1043	.pure-group input[type="search"],
1044	.pure-group input[type="tel"],
1045	.pure-group input[type="color"] {
1046	margin-bottom: 0;
1047	}
1048
1049	.pure-form-aligned .pure-control-group label {
1050	margin-bottom: 0.3em;
1051	text-align: left;
1052	display: block;
1053	width: 100%;
1054	}
1055
1056	.pure-form-aligned .pure-controls {
1057	margin: 1.5em 0 0 0;
1058	}
1059
1060	.pure-form-message-inline,
1061	.pure-form-message {
1062	display: block;
1063	font-size: 0.75em;
1064	/* Increased bottom padding to make it group with its related input element. */
1065	padding: 0.2em 0 0.8em;
1066	}
1067	}
1068
1069	/*csslint adjoining-classes: false, box-model:false*/
1070	.pure-menu {
1071	box-sizing: border-box;
1072	}
1073
1074	.pure-menu-fixed {
1075	position: fixed;
1076	left: 0;
1077	top: 0;
1078	z-index: 3;
1079	}
1080
1081	.pure-menu-list,
1082	.pure-menu-item {
1083	position: relative;
1084	}
1085
1086	.pure-menu-list {
1087	list-style: none;
1088	margin: 0;
1089	padding: 0;
1090	}
1091
1092	.pure-menu-item {
1093	padding: 0;
1094	margin: 0;
1095	height: 100%;
1096	}
1097
1098	.pure-menu-link,
1099	.pure-menu-heading {
1100	display: block;
1101	text-decoration: none;
1102	white-space: nowrap;
1103	}
1104
1105	/* HORIZONTAL MENU */
1106	.pure-menu-horizontal {
1107	width: 100%;
1108	white-space: nowrap;
1109	}
1110
1111	.pure-menu-horizontal .pure-menu-list {
1112	display: inline-block;
1113	}
1114
1115	/* Initial menus should be inline-block so that they are horizontal */
1116	.pure-menu-horizontal .pure-menu-item,
1117	.pure-menu-horizontal .pure-menu-heading,
1118	.pure-menu-horizontal .pure-menu-separator {
1119	display: inline-block;
1120	vertical-align: middle;
1121	}
1122
1123	/* Submenus should still be display: block; */
1124	.pure-menu-item .pure-menu-item {
1125	display: block;
1126	}
1127
1128	.pure-menu-children {
1129	display: none;
1130	position: absolute;
1131	left: 100%;
1132	top: 0;
1133	margin: 0;
1134	padding: 0;
1135	z-index: 3;
1136	}
1137
1138	.pure-menu-horizontal .pure-menu-children {
1139	left: 0;
1140	top: auto;
1141	width: inherit;
1142	}
1143
1144	.pure-menu-allow-hover:hover > .pure-menu-children,
1145	.pure-menu-active > .pure-menu-children {
1146	display: block;
1147	position: absolute;
1148	}
1149
1150	/* Vertical Menus - show the dropdown arrow */
1151	.pure-menu-has-children > .pure-menu-link:after {
1152	padding-left: 0.5em;
1153	content: "\25B8";
1154	font-size: small;
1155	}
1156
1157	/* Horizontal Menus - show the dropdown arrow */
1158	.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after {
1159	content: "\25BE";
1160	}
1161
1162	/* scrollable menus */
1163	.pure-menu-scrollable {
1164	overflow-y: scroll;
1165	overflow-x: hidden;
1166	}
1167
1168	.pure-menu-scrollable .pure-menu-list {
1169	display: block;
1170	}
1171
1172	.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {
1173	display: inline-block;
1174	}
1175
1176	.pure-menu-horizontal.pure-menu-scrollable {
1177	white-space: nowrap;
1178	overflow-y: hidden;
1179	overflow-x: auto;
1180	/* a little extra padding for this style to allow for scrollbars */
1181	padding: .5em 0;
1182	}
1183
1184	/* misc default styling */
1185
1186	.pure-menu-separator,
1187	.pure-menu-horizontal .pure-menu-children .pure-menu-separator {
1188	background-color: #ccc;
1189	height: 1px;
1190	margin: .3em 0;
1191	}
1192
1193	.pure-menu-horizontal .pure-menu-separator {
1194	width: 1px;
1195	height: 1.3em;
1196	margin: 0 .3em ;
1197	}
1198
1199	/* Need to reset the separator since submenu is vertical */
1200	.pure-menu-horizontal .pure-menu-children .pure-menu-separator {
1201	display: block;
1202	width: auto;
1203	}
1204
1205	.pure-menu-heading {
1206	text-transform: uppercase;
1207	color: #565d64;
1208	}
1209
1210	.pure-menu-link {
1211	color: #777;
1212	}
1213
1214	.pure-menu-children {
1215	background-color: #fff;
1216	}
1217
1218	.pure-menu-link,
1219	.pure-menu-heading {
1220	padding: .5em 1em;
1221	}
1222
1223	.pure-menu-disabled {
1224	opacity: .5;
1225	}
1226
1227	.pure-menu-disabled .pure-menu-link:hover {
1228	background-color: transparent;
1229	cursor: default;
1230	}
1231
1232	.pure-menu-active > .pure-menu-link,
1233	.pure-menu-link:hover,
1234	.pure-menu-link:focus {
1235	background-color: #eee;
1236	}
1237
1238	.pure-menu-selected > .pure-menu-link,
1239	.pure-menu-selected > .pure-menu-link:visited {
1240	color: #000;
1241	}
1242
1243	.pure-table {
1244	/* Remove spacing between table cells (from Normalize.css) */
1245	border-collapse: collapse;
1246	border-spacing: 0;
1247	empty-cells: show;
1248	border: 1px solid #cbcbcb;
1249	}
1250
1251	.pure-table caption {
1252	color: #000;
1253	font: italic 85%/1 arial, sans-serif;
1254	padding: 1em 0;
1255	text-align: center;
1256	}
1257
1258	.pure-table td,
1259	.pure-table th {
1260	border-left: 1px solid #cbcbcb;/* inner column border */
1261	border-width: 0 0 0 1px;
1262	font-size: inherit;
1263	margin: 0;
1264	overflow: visible; /*to make ths where the title is really long work*/
1265	padding: 0.5em 1em; /* cell padding */
1266	}
1267
1268	.pure-table thead {
1269	background-color: #e0e0e0;
1270	color: #000;
1271	text-align: left;
1272	vertical-align: bottom;
1273	}
1274
1275	/*
1276	striping:
1277	even - #fff (white)
1278	odd - #f2f2f2 (light gray)
1279	*/
1280	.pure-table td {
1281	background-color: transparent;
1282	}
1283	.pure-table-odd td {
1284	background-color: #f2f2f2;
1285	}
1286
1287	/* nth-child selector for modern browsers */
1288	.pure-table-striped tr:nth-child(2n-1) td {
1289	background-color: #f2f2f2;
1290	}
1291
1292	/* BORDERED TABLES */
1293	.pure-table-bordered td {
1294	border-bottom: 1px solid #cbcbcb;
1295	}
1296	.pure-table-bordered tbody > tr:last-child > td {
1297	border-bottom-width: 0;
1298	}
1299
1300
1301	/* HORIZONTAL BORDERED TABLES */
1302
1303	.pure-table-horizontal td,
1304	.pure-table-horizontal th {
1305	border-width: 0 0 1px 0;
1306	border-bottom: 1px solid #cbcbcb;
1307	}
1308	.pure-table-horizontal tbody > tr:last-child > td {
1309	border-bottom-width: 0;
1310	}