/* 	--------------------------------------------------
	0.0 TABLE of CONTENTS
	--------------------------------------------------
	1.0 Global Reset & Standard Elements
		1.1 Reset
		1.2 Links
		1.3 Lists
		1.4 Tables
		1.5 Forms
		1.6 Miscellaneous
	2.0 Typography
		2.1 Headings & Paragraphs
		2.2 Blockquotes
		2.3 Miscellaneous
	3.0 Scaffolding
		3.1 Grids
		3.2 Responsive Grids
		3.3 Panels & Specialty Boxes
	4.0 Components
		4.1 Navigation
		4.2 Buttons
		4.3 Alerts
		4.4 Labels, Badges & Tags
		4.5 Icons
		4.6 Earmarks
	5.0 Light on Dark
		5.1 Standards
		5.2 Typography
		5.3 Scaffolding
		5.4 Components
	6.0 Touch-Specific Elements
		6.1 Links
--------------------------------------------------- */


/* 	--------------------------------------------------
	1.0 Global Reset & Standard Elements
		1.1 Reset
		1.2 Links
		1.3 Lists
		1.4 Tables
		1.5 Forms
		1.6 Miscellaneous
--------------------------------------------------- */

/* 	1.1 Reset
--------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	border: 0;
	font: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

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

html {
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;}

body {
	background-color: #e5e5e5;
	color: #333; text-shadow: 0 1px 0 rgba(255,255,255,0.8);
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13.5px; font-size: 1.35rem;
	line-height: 1.33333333;
	-webkit-font-smoothing: antialiased;
}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

hr {border: solid #ccc; border-width: 1px 0 0; clear: both; height: 0; margin: 0 0 18px;}

table {
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
	max-width: 100%;
}

sub, sup {font-size: 0.5em; line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.75em;}

img, input[type="image"] {height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic;}

:focus {outline: none;}

/* 	1.2 Links
--------------------------------------------------- */

a {background-color: transparent; color: #0066cc; line-height: inherit; text-decoration: none;}
a:hover {color: #004d99; text-decoration: underline;}
a.success:hover {color: #003300 !important;}
a.urgent:hover {color: #660000 !important;}
a.loud:hover {color: #b35900 !important;}
a.special:hover {color: #4d3d18 !important;}
a.forbidden:hover {color: #000 !important;}
a.quiet:hover {color: #4d4d4d !important;}
a.whisper:hover {color: #666 !important;}
a.no-hover:hover {text-decoration: none !important;}
a.no-hover:hover span.hover {text-decoration: underline;}

/* 	1.3 Lists
--------------------------------------------------- */

ul, ol, dl {margin-bottom: 18px;}
ul ul, ul ol, ol ol, ol ul {margin: 0;}
ul {list-style: none;}
ol {list-style: decimal;}
ul.circle, ul.disc, ul.square, ol {margin-left: 24px;}
ul.circle {list-style: circle;}
ul.disc {list-style: disc;}
ul.square {list-style: square;}
li {margin-bottom: 9px;}

li.list-heading {font-weight: bold;}
li.list-divider {background: #ccc; height: 1px;}
li + li.list-heading {margin-top: 18px;}
li.list-divider + li.list-heading {margin-top: 0;}

ul.tight li {margin-bottom: 6px;}
ul.tighter li {margin-bottom: 3px;}
ul.none li {margin-bottom: 0;}

dt {font-weight: bold; margin-bottom: 3px;}
dd {font-style: italic; margin-bottom: 9px; margin-left: 12px;}

/* 	1.4 Tables
--------------------------------------------------- */

.table {border-bottom: 1px solid #ccc; margin-bottom: 18px; width: 100%;}
.table th, .table td {padding: 9px; margin: 0; text-align: left; vertical-align: top;}
.table th:first-child, .table td:first-child {padding-left: 0;}
.table th:last-child, .table td:last-child {padding-right: 0;}
.table th {font-weight: bold; padding-top: 0; vertical-align: bottom;}
.table td {border-top: 1px solid #ccc;}

@media (max-width: 979.98px) {
	.table th.mobile-first, .table td.mobile-first {padding-left: 0;}
	.table th.mobile-last, .table td.mobile-last {padding-right: 0;}
}

.item-list td {padding-bottom: 3px;}
.item-list td.with-field {padding-top: 3px;}
.item-list td p {margin-bottom: 6px;}
.item-list td.thumbnail {position: relative; width: 10%;}
.item-list td.with-field input[type="text"], input[type="password"] {padding: 6px;}

.item-list.small th {padding-top: 0; padding-bottom: 6px;}
.item-list.small td {padding-top: 6px; padding-bottom: 0;}

.search-grid {border-bottom: 1px solid #ccc; margin-bottom: 18px;}
.search-grid td {border-top: none; padding: 0 9px;}
.search-grid td:first-child {width: 33.33%;}
.search-grid img {width: 100%;}

@media (min-width: 980px) {
	.search-grid {border-bottom: none; margin-bottom: 0;}
}

.search-list > tr:first-child td {border-top: none; padding-top: 9px;}
.search-list td {padding-bottom: 3px;}
.search-list td.with-field {padding-top: 3px !important;}
.search-list td p {margin-bottom: 6px;}
.search-list td.thumbnail {position: relative; width: 12.5%;}
.search-list td.with-field input[type="text"], input[type="password"] {padding: 6px;}

.image-grid td {vertical-align: bottom;}
.image-grid img {width: 100%;}

/* 	1.5 Forms
--------------------------------------------------- */

.form, .form ol {list-style: none; margin-bottom: 0; margin-left: 0;}
.form li {display: block; margin-bottom: 18px;}
.form li ul {margin-bottom: -18px;}

.form .aux-choice {display: block; margin-top: 3px;}
.form .note {
	color: #808080;
	display: block;
	font-size: 11px; font-size: 1.1rem;
	margin-top: 3px;
}

.form label {color: #808080; display: block; font-weight: bold; margin-bottom: 3px;}
.form .inline-label {display: inline-block;  margin: 0 9px 0 0;}

.form .field-group {margin-bottom: 0; zoom: 1;}
.form .field-group:before, .field-group:after {content:""; display:table;}
.form .field-group:after {clear: both;}
.form .field-group li {float: left;}

.form .sub legend {color: #808080; display: block; font-weight: bold; margin-bottom: 3px;}
.form .sub legend.for-choices {margin-bottom: 6px;}
.form .sub li {margin-bottom: 9px;}
.form .sub li:last-child {margin-bottom: 0;}
.form .sub label {display: inline-block; font-weight: normal; margin-bottom: 0;}

.form li input, .form li select, .form li textarea, .field-plus {margin-right: 9px;}

button, input, select, textarea {
	box-sizing: border-box;
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13.5px; font-size: 1.35rem;
	margin: 0;
}

input[type="text"], input[type="password"], select, textarea {
	background: #fff;
	border: 1px solid #ccc;
}

input[type="text"], input[type="password"] {padding: 9px;}

input[type="checkbox"], input[type="radio"] {height: 1em; margin: 0 3px;}

input[type="text"].round, input[type="password"].round {
	border-radius: 72px;
	padding: 9px 12px;
}

input[disabled="disabled"], select[disabled="disabled"], textarea[disabled="disabled"] {background: transparent;}

input.button {-webkit-font-smoothing: antialiased;}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	padding: 9px;
}
select::-ms-expand {display: none;}
@-moz-document url-prefix() {select {padding: 8px 5px;}}

textarea {padding: 9px; vertical-align: top;}

input:active, input:focus, select:active, select:focus, textarea:active, textarea:focus {
    box-shadow: 0 0 6px #66ccff;
}

input[disabled="disabled"]:active, input[disabled="disabled"]:focus, select[disabled="disabled"]:active, select[disabled="disabled"]:focus, textarea[disabled="disabled"]:active, textarea[disabled="disabled"]:focus {
    box-shadow: none;
}

::-webkit-input-placeholder {color: #ccc;}
:-moz-placeholder {color: #ccc;}
:-ms-input-placeholder {color: #ccc;}

.field-xsmall {width: 45px;}
.field-small {width: 96px;}
.field-medium {width: 192px;}
.field-large, .field-xlarge, .field-full {width: 100%;}

@media (min-width: 980px) {
	.field-large {width: 288px;}
	.field-xlarge {margin-right: 0; width: 384px;}
}

.error label, .error .note {color: #990000;}
.error input, .error select, .error textarea {background: #ffe5e5; color: #990000; border-color: #cca3a3;}
.error .submit-link {background: transparent; color: #0066cc;}

.submit-link {background: transparent; border: none; color: #0066cc; cursor: pointer; font-weight: bold; margin: 0; padding: 0;}
.submit-link:hover {color: #0052a3; text-decoration: underline;}
.submit-link.no-hover:hover {text-decoration: none;}
.submit-link:active {box-shadow: none;}

input[type="file"] {width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1;}

.file-upload {color: #0066cc !important; cursor: pointer; display: inline-block !important; margin-bottom: 0 !important;}
.file-upload:hover {color: #0052a3 !important; text-decoration: underline;}

/* 	1.6 Miscellaneous
--------------------------------------------------- */

img.fancy, input[type="image"].fancy {
	border: 1px solid #ccc;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	box-sizing: border-box;
}

.inline-divider {
	border-left: 1px solid #808080;
	border-right: 1px solid #fff;
	height: 18px;
	margin: 9px;
	overflow: hidden;
}

.inline-spacer {
	height: 18px;
	margin: 9px;
	overflow: hidden;
}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.text-center {text-align: center !important;}
.text-justify {text-align: justify !important;}

.display-none {display: none !important;}
.display-inline {display: inline !important;}
.display-inline-block {display: inline-block !important;}
.display-block {display: block !important;}
.display-table {display: table !important;}
.display-table-row {display: table-row !important;}
.display-table-cell {display: table-cell !important;}
.display-list-item {display: list-item !important;}


/* 	--------------------------------------------------
	2.0 Typography
		2.1 Headings and Paragraphs
		2.2 Blockquotes
		2.3 Miscellaneous
--------------------------------------------------- */

/* 	2.1 Headings and Paragraphs
--------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {color: #1a1a1a; font-weight: bold; line-height: 1.2;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit;}
h1.mega {font-size: 72px; font-size: 7.2rem; margin-bottom: 24px;}  /* 96 */
h1.jumbo {font-size: 63px; font-size: 6.3rem; margin-bottom: 21px;} /* 84 */
h1 {font-size: 54px; font-size: 5.4rem; margin-bottom: 18px;}       /* 72 */
h2 {font-size: 45px; font-size: 4.5rem; margin-bottom: 15px;}       /* 60 */
h3 {font-size: 36px; font-size: 3.6rem; margin-bottom: 12px;}       /* 48 */
h4 {font-size: 27px; font-size: 2.7rem; margin-bottom: 9px;}        /* 36 */
h5 {font-size: 18px; font-size: 1.8rem; margin-bottom: 6px;}        /* 24 */
h6 {font-size: 15px; font-size: 1.5rem; margin-bottom: 3px;}        /* 18 */

h1, h2 {letter-spacing: -0.5px;}

h1 span.small, h2 span.small, h3 span.small, h4 span.small, h5 span.small, h6 span.small {color: #808080; font-weight: 300; line-height: inherit;}
h1 a span.small, h2 a span.small, h3 a span.small, h4 a span.small, h5 a span.small, h6 a span.small {color: inherit;}
h1 span.small {font-size: 45px; font-size: 4.5rem;}
h2 span.small {font-size: 36px; font-size: 3.6rem;}
h3 span.small {font-size: 27px; font-size: 2.7rem;}
h4 span.small {font-size: 18px; font-size: 1.8rem;}
h5 span.small {font-size: 15px; font-size: 1.5rem;}
h6 span.small {font-size: 13.5px; font-size: 1.35rem;}

h1.with-subheading, h2.with-subheading, h3.with-subheading, h4.with-subheading, h5.with-subheading, h6.with-subheading {margin-bottom: 3px;}

h1.with-subheading + h2, h1.with-subheading + h3, h1.with-subheading + h4, h1.with-subheading + h5, h1.with-subheading + h6 {color: #808080; margin-bottom: 18px;}
h2.with-subheading + h3, h2.with-subheading + h4, h2.with-subheading + h5, h2.with-subheading + h6 {color: #808080; margin-bottom: 15px;}
h3.with-subheading + h4, h3.with-subheading + h5, h3.with-subheading + h6 {color: #808080; margin-bottom: 12px;}
h4.with-subheading + h5, h4.with-subheading + h6 {color: #808080; margin-bottom: 9px;}
h5.with-subheading + h6 {color: #808080; margin-bottom: 6px;}


p {margin: 0 0 18px;}
p.lead, p span.lead {font-size: 18px; font-size: 1.8rem;}
p.left {margin-right: 9px;}
p.right {margin-left: 9px;}

.bottom-margin-none {margin-bottom: 0 !important;}
.bottom-margin-tighter {margin-bottom: 3px !important;}
.bottom-margin-tight {margin-bottom: 6px !important;}
.bottom-margin-half {margin-bottom: 9px !important;}
.bottom-margin-loose {margin-bottom: 12px !important;}
.bottom-margin-looser {margin-bottom: 15px !important;}
.bottom-margin-default {margin-bottom: 18px !important;}
.bottom-margin-double {margin-bottom: 36px !important;}

.bottom-margin-pull-tighter {margin-bottom: -3px !important;}
.bottom-margin-pull-tight {margin-bottom: -6px !important;}
.bottom-margin-pull-half {margin-bottom: -9px !important;}
.bottom-margin-pull-loose {margin-bottom: -12px !important;}
.bottom-margin-pull-looser {margin-bottom: -15px !important;}
.bottom-margin-pull-default {margin-bottom: -18px !important;}

.top-margin-none {margin-top: 0 !important;}
.top-margin-tighter {margin-top: 3px !important;}
.top-margin-tight {margin-top: 6px !important;}
.top-margin-half {margin-top: 9px !important;}
.top-margin-loose {margin-top: 12px !important;}
.top-margin-looser {margin-top: 15px !important;}
.top-margin-default {margin-top: 18px !important;}
.top-margin-double {margin-top: 36px !important;}

.top-margin-pull-tighter {margin-top: -3px !important;}
.top-margin-pull-tight {margin-top: -6px !important;}
.top-margin-pull-half {margin-top: -9px !important;}
.top-margin-pull-loose {margin-top: -12px !important;}
.top-margin-pull-looser {margin-top: -15px !important;}
.top-margin-pull-default {margin-top: -18px !important;}

@media (max-width: 979.98px) {
	.mobile-bottom-margin-pull-tighter {margin-bottom: -3px !important;}
	.mobile-bottom-margin-pull-tight {margin-bottom: -6px !important;}
	.mobile-bottom-margin-pull-half {margin-bottom: -9px !important;}
	.mobile-bottom-margin-pull-loose {margin-bottom: -12px !important;}
	.mobile-bottom-margin-pull-looser {margin-bottom: -15px !important;}
	.mobile-bottom-margin-pull-default {margin-bottom: -18px !important;}

	.mobile-top-margin-pull-tighter {margin-top: -3px !important;}
	.mobile-top-margin-pull-tight {margin-top: -6px !important;}
	.mobile-top-margin-pull-half {margin-top: -9px !important;}
	.mobile-top-margin-pull-loose {margin-top: -12px !important;}
	.mobile-top-margin-pull-looser {margin-top: -15px !important;}
	.mobile-top-margin-pull-default {margin-top: -18px !important;}
}

.p-group {margin-bottom: 18px;}
.p-group p {margin-bottom: 0;}
.p-group p + p {margin-top: 9px;}

.tight-p-group {margin-bottom: 18px;}
.tight-p-group p {margin-bottom: 0;}
.tight-p-group p + p {margin-top: 6px;}

.tighter-p-group {margin-bottom: 18px;}
.tighter-p-group p {margin-bottom: 0;}
.tighter-p-group p + p {margin-top: 3px;}

/* 	2.2 Blockquotes
--------------------------------------------------- */

blockquote, blockquote p {color: #808080; font-size: 18px; font-size: 1.8rem;}
blockquote {border-left: 5px solid #ccc; margin-bottom: 18px; padding: 9px 18px;}
blockquote p {margin-bottom: 0;}
blockquote cite {color: #333; display: block; font-size: 13px; font-size: 1.3rem; margin-top: 9px;}
blockquote cite:before {content: "\2014 \00a0";}

blockquote.align-right {border-right: 5px solid #ccc; border-left: 0;}
blockquote.align-right p {text-align: right;}
blockquote.align-right cite:before {content: "";}
blockquote.align-right cite:after {content: "\00a0 \2014";}

/* 	2.3 Miscellaneous
--------------------------------------------------- */

em, .em {font-style: italic !important;}
strong, .strong {font-weight: bold !important;}
del, .del, .strike {color: #808080; text-decoration: line-through;}
small, .small {font-size: 11px; font-size: 1.1rem;}
mark, .mark {background: #ff0; padding: .2em; white-space: nowrap;}

.normal {font-weight: normal !important;}
.light {font-weight: 300 !important;}
.default {color: #333 !important;}
.success {color: #006600 !important;}
.urgent {color: #990000 !important;}
.loud {color: #e57300 !important;}
.special {color: #806528 !important;}
.forbidden {color: #333 !important;}
.quiet {color: #808080 !important;}
.whisper {color: #999 !important;}
.no-wrap {white-space: nowrap;}


/* 	--------------------------------------------------
	3.0 Scaffolding
		3.1 Grids
		3.2 Responsive Grids
		3.3 Cards & Ribbons
		3.4 Toolbars
--------------------------------------------------- */

/* 	3.1 Grids
--------------------------------------------------- */

.wrapper {margin: 0 auto;}
.container {padding: 0 20px;}

[class^="span"] {min-height: 1px; position: relative;}

.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10,
.span25pct,
.span33pct,
.span66pct,
.span75pct,
.span25pct-of8,
.span33pct-of8,
.span66pct-of8,
.span75pct-of8 {width: 100%;}

.display-sm-none {display: none !important;}
.display-sm-inline {display: inline !important;}
.display-sm-inline-block {display: inline-block !important;}
.display-sm-block {display: block !important;}
.display-sm-flex {display: flex !important;}
.display-sm-grid {display: grid !important;}
.display-sm-table {display: table !important;}
.display-sm-table-row {display: table-row !important;}
.display-sm-table-cell {display: table-cell !important;}
.display-sm-list-item {display: list-item !important;}

.section, .mobile-section {padding-bottom: 18px;}

.container:before, .container:after, .row:before, .row:after, .clearfix:before, .clearfix:after {content:""; display:table;}
.container:after, .row:after, .clearfix:after {clear: both;}
.container, .row, .clearfix {zoom: 1;}

/* 	3.2 Responsive Grid
--------------------------------------------------- */

@media (min-width: 980px) {
	.wrapper {margin: 0 auto; width: 980px;}
	.container {padding: 0 20px;}

	.row {margin-left: -20px;}

	[class^="span"] {float: left; margin-left: 20px; min-height: 1px; position: relative;}

	.span1 {width: 76px;}
	.span2 {width: 172px;}
	.span3 {width: 268px;}
	.span4 {width: 364px;}
	.span5 {width: 460px;}
	.span6 {width: 556px;}
	.span7 {width: 652px;}
	.span8 {width: 748px;}
	.span9 {width: 844px;}
	.span10 {width: 940px;}
	.span25pct {width: 220px;}
	.span33pct {width: 300px;}
	.span66pct {width: 620px;}
	.span75pct {width: 700px;}
	.span25pct-of8 {width: 172px;}
	.span33pct-of8 {width: 236px;}
	.span66pct-of8 {width: 492px;}
	.span75pct-of8 {width: 556px;}

	.offset1 {margin-left: 116px;}
	.offset2 {margin-left: 212px;}
	.offset3 {margin-left: 308px;}
	.offset4 {margin-left: 404px;}
	.offset5 {margin-left: 500px;}
	.offset6 {margin-left: 596px;}
	.offset7 {margin-left: 692px;}
	.offset8 {margin-left: 788px;}
	.offset9 {margin-left: 884px;}
	.offset25pct {margin-left: 260px;}
	.offset33pct {margin-left: 340px;}
	.offset66pct {margin-left: 660px;}
	.offset75pct {margin-left: 740px;}
	.offset25pct-of8 {margin-left: 212px;}
	.offset33pct-of8 {margin-left: 276px;}
	.offset66pct-of8 {margin-left: 532px;}
	.offset75pct-of8 {margin-left: 596px;}

	.pull1 {right: 96px;}
	.pull2 {right: 192px;}
	.pull3 {right: 288px;}
	.pull4 {right: 384px;}
	.pull5 {right: 480px;}
	.pull6 {right: 576px;}
	.pull7 {right: 672px;}
	.pull8 {right: 768px;}
	.pull9 {right: 864px;}
	.pull25pct {right: 240px;}
	.pull33pct {right: 320px;}
	.pull66pct {right: 640px;}
	.pull75pct {right: 720px;}
	.pull25pct-of8 {right: 192px;}
	.pull33pct-of8 {right: 256px;}
	.pull66pct-of8 {right: 512px;}
	.pull75pct-of8 {right: 576px;}

	.push1 {left: 96px;}
	.push2 {left: 192px;}
	.push3 {left: 288px;}
	.push4 {left: 384px;}
	.push5 {left: 480px;}
	.push6 {left: 576px;}
	.push7 {left: 672px;}
	.push8 {left: 768px;}
	.push9 {left: 864px;}
	.push25pct {left: 240px;}
	.push33pct {left: 320px;}
	.push66pct {left: 640px;}
	.push75pct {left: 720px;}
	.push25pct-of8 {left: 192px;}
	.push33pct-of8 {left: 256px;}
	.push66pct-of8 {left: 512px;}
	.push75pct-of8 {left: 576px;}

	.display-md-none {display: none !important;}
	.display-md-inline {display: inline !important;}
	.display-md-inline-block {display: inline-block !important;}
	.display-md-block {display: block !important;}
	.display-md-flex {display: flex !important;}
	.display-md-grid {display: grid !important;}
	.display-md-table {display: table !important;}
	.display-md-table-row {display: table-row !important;}
	.display-md-table-cell {display: table-cell !important;}
	.display-md-list-item {display: list-item !important;}

	.mobile-section {padding-bottom: 0;}
}

@media screen and (min-width: 1230px), only print {
	.wrapper {margin: 0 auto; width: 1230px;}
	.container {padding: 0 30px;}

	.row {margin-left: -30px;}

	[class^="span"] {float: left; margin-left: 30px; min-height: 1px; position: relative;}

	.span1 {width: 90px;}
	.span2 {width: 210px;}
	.span3 {width: 330px;}
	.span4 {width: 450px;}
	.span5 {width: 570px;}
	.span6 {width: 690px;}
	.span7 {width: 810px;}
	.span8 {width: 930px;}
	.span9 {width: 1050px;}
	.span10 {width: 1170px;}
	.span25pct {width: 270px;}
	.span33pct {width: 370px;}
	.span66pct {width: 770px;}
	.span75pct {width: 870px;}
	.span25pct-of8 {width: 210px;}
	.span33pct-of8 {width: 290px;}
	.span66pct-of8 {width: 610px;}
	.span75pct-of8 {width: 690px;}

	.offset1 {margin-left: 150px;}
	.offset2 {margin-left: 270px;}
	.offset3 {margin-left: 390px;}
	.offset4 {margin-left: 510px;}
	.offset5 {margin-left: 630px;}
	.offset6 {margin-left: 750px;}
	.offset7 {margin-left: 870px;}
	.offset8 {margin-left: 990px;}
	.offset9 {margin-left: 1110px;}
	.offset25pct {margin-left: 330px;}
	.offset33pct {margin-left: 430px;}
	.offset66pct {margin-left: 830px;}
	.offset75pct {margin-left: 930px;}
	.offset25pct-of8 {margin-left: 270px;}
	.offset33pct-of8 {margin-left: 350px;}
	.offset66pct-of8 {margin-left: 670px;}
	.offset75pct-of8 {margin-left: 750px;}

	.pull1 {right: 120px;}
	.pull2 {right: 240px;}
	.pull3 {right: 360px;}
	.pull4 {right: 480px;}
	.pull5 {right: 600px;}
	.pull6 {right: 720px;}
	.pull7 {right: 840px;}
	.pull8 {right: 960px;}
	.pull9 {right: 1080px;}
	.pull25pct {right: 300px;}
	.pull33pct {right: 400px;}
	.pull66pct {right: 800px;}
	.pull75pct {right: 900px;}
	.pull25pct-of8 {right: 240px;}
	.pull33pct-of8 {right: 320px;}
	.pull66pct-of8 {right: 640px;}
	.pull75pct-of8 {right: 720px;}

	.push1 {left: 120px;}
	.push2 {left: 240px;}
	.push3 {left: 360px;}
	.push4 {left: 480px;}
	.push5 {left: 600px;}
	.push6 {left: 720px;}
	.push7 {left: 840px;}
	.push8 {left: 960px;}
	.push9 {left: 1080px;}
	.push25pct {left: 300px;}
	.push33pct {left: 400px;}
	.push66pct {left: 800px;}
	.push75pct {left: 900px;}
	.push25pct-of8 {left: 240px;}
	.push33pct-of8 {left: 320px;}
	.push66pct-of8 {left: 640px;}
	.push75pct-of8 {left: 720px;}

	.display-lg-none {display: none !important;}
	.display-lg-inline {display: inline !important;}
	.display-lg-inline-block {display: inline-block !important;}
	.display-lg-block {display: block !important;}
	.display-lg-flex {display: flex !important;}
	.display-lg-grid {display: grid !important;}
	.display-lg-table {display: table !important;}
	.display-lg-table-row {display: table-row !important;}
	.display-lg-table-cell {display: table-cell !important;}
	.display-lg-list-item {display: list-item !important;}
}


/* 	3.3 Cards & Ribbons
--------------------------------------------------- */

.card {
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	margin-bottom: 18px;
	padding: 9px;
	zoom: 1;
}

.card.active {border: 1px solid #004d99;}

.ribbon {
	display: grid;
	column-gap: 18px;
	grid-template-columns: repeat(5, 1fr);
	justify-content: space-between;
}

.ribbon p {
	align-self: end;
	justify-self: center;
}

.ribbon ul li:last-child {margin-bottom: 0;}

/* 	3.4 Toolbars
--------------------------------------------------- */

.toolbar {
	background: #e5e5e5;
	background: linear-gradient(to bottom, #e5e5e5 0%, #f2f2f2 100%);
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	margin-bottom: 18px;
	padding: 9px;
	position: -webkit-sticky;
	position: sticky;
	text-align: right;
	top: 0;
	zoom: 1;
	z-index: 1;
}

.sub-toolbar {
	background: #f2f2f2;
	margin-top: -18px;
	position: relative;
}

.toolbar-options {
	margin-bottom: 0;}

.toolbar-options.with-field {margin: -1px 0 -1px;}
.toolbar-options.with-field input[type="text"], .toolbar-options.with-field input[type="password"] {padding: 6px;}

.toolbar-options > li {display: inline-block; margin-bottom: 0; position: relative;}
.toolbar-options > li .button {
	box-shadow: 0 0 0 rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.5);
	padding: 6px 9px;
}
.toolbar-options > li .button:active, .toolbar-options > li .pressed.button {
	box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5);
}
.toolbar-options > li .button.disabled {
	box-shadow: inset 0 0 0 transparent;
}

.toolbar-options > .vertical-divider {
	border-left: 1px solid #808080;
	border-right: 1px solid #fff;
	height: 18px;
	margin: -5px 5px;
	overflow: hidden;
}


/* 	--------------------------------------------------
	4.0 Components
		4.1 Navigation
		4.2 Buttons
		4.3 Alerts
		4.4 Labels, Badges and Tags
		4.5 Icons
		4.6 Earmarks and Bookmarks
--------------------------------------------------- */

/* 	4.1 Navigation
--------------------------------------------------- */

.paging {text-align: center;}
.paging .small.button {margin: 0 9px; width: 96px;}

.dropdown-trigger {display: inline-block; position: relative;}
.dropdown-trigger.active > a {color: #333;}
.dropdown-trigger.active > a.button {
	background: linear-gradient(to bottom, #0066cc 0%, #3399ff 100%);
	box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5);
	color: #fff;
}
.dropdown-trigger.active > a.secondary.button {
	background: linear-gradient(to bottom, #d9d9d9 0%, #f2f2f2 100%);
	color: #0066cc;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
.dropdown-trigger > a:hover {text-decoration: none;}

.active .dropdown-menu {display: block;}
.active .button + .dropdown-menu {left: 0;}
.dropdown-menu {
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	display: none;
	line-height: 1.33333333;
	margin-top: 3px;
	min-width: 192px;
	padding: 6px 9px 3px;
	position: absolute;
	text-align: left;
	top: 100%; left: -6px;
	width: auto;
	z-index: 1;
}
.dropdown-menu-right {right: -6px; left: auto;}
.active .button + .dropdown-menu-right {right: 0; left: auto;}
.active .button.full-width + .dropdown-menu {right: 0;}

.dropdown-item {
	display: block;
	margin: 0 -9px 3px;
	padding: 3px 9px;
}
a.dropdown-item.selected, a.dropdown-item.selected:hover {
	background: linear-gradient(to bottom, #0066cc 0%, #3399ff 100%);
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
a.dropdown-item:hover {background: #f2f2f2; text-decoration: none;}

.dropdown-divider {background: #e5e5e5; display: block; height: 1px; margin: 6px -9px;}

@media (min-width: 980px) {
	.dropdown-trigger > a::after, .dropdown-trigger > span.disabled.button::after {
		content: "";
		border-top: 4px solid;
		border-right: 4px solid transparent;
		border-left: 4px solid transparent;
		display: inline-block;
		height: 0;
		margin-left: 6px;
		vertical-align: middle;
		width: 0;
	}
	.dropdown-trigger.naked > a::after {
		border: none;
		margin-left: 0;
	}
}

.nav-list > li > a {display: block;}
.nav-list.filters li {margin-bottom: 3px; padding-left: 6px;}
.nav-list.filters li a {text-decoration: none;}
.nav-list.filters li a:hover span.filter {text-decoration: underline;}
.nav-list.filters li.active {color: #e57300;}
.nav-list.filters li.list-heading {padding-left: 0;}
.nav-list.filters li.more a, .nav-list.filters li.less a {font-weight: bold;}
.nav-list.filters li.list-heading a:hover, .nav-list.filters li.more a:hover {text-decoration: underline;}
.nav-list.filters li.list-heading.with-filter a:hover {text-decoration: none;}
.nav-list.filters li.list-divider {margin: 6px 0;}
.nav-list.filters li.list-divider.sub {margin-left: 6px;}
.nav-list.filters li input[type="radio"], .nav-list.filters li input[type="checkbox"] {margin: 0 6px 0 0;}

.nav-list.selectable li {margin-bottom: 3px;}
.nav-list.selectable li a { border-radius: 3px; padding: 3px 9px; text-decoration: none;}
.nav-list.selectable li a:hover {background: #e5e5e5;}
.nav-list.selectable li a.selected, .nav-list.selectable li a.selected:hover {
	background: linear-gradient(to bottom, #0066cc 0%, #3399ff 100%);
}
.nav-list.selectable li a.selected {color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.2);}
.nav-list.selectable li.list-divider {background: #e5e5e5; display: block; height: 1px; margin: 6px 0}

.nav-path li {
	float: left;
	margin-bottom: 0;
	padding-right: 9px;
}
.nav-path li.last-child {background: none; padding-right: 0;}
.nav-path:before, .nav-path:after {content:""; display:table;}
.nav-path:after {clear: both;}
.nav-path {zoom: 1;}


/* 	4.2 Buttons
--------------------------------------------------- */

.button {
	background: #0066cc;
	background: linear-gradient(to bottom, #3399ff 0%, #0066cc 100%);
	border: 1px solid #004d99;
	border-radius: 6px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.5);
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 13.5px; font-size: 1.35rem;
	line-height: 1;
	outline: none;
	padding: 12px 18px;
	position: relative;
	margin: 0;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}

.button:hover, .button:focus {
	background: #0059b3;
	background: linear-gradient(to bottom, #2e8ae5 0%, #0059b3 100%);
	color: #fff;
	text-decoration: none;
}
.button:active, .pressed.button {
	background: linear-gradient(to bottom, #0066cc 0%, #3399ff 100%);
	box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5);
}

.alternate.button {
	background: #e57300;
	background: linear-gradient(to bottom, #ff9933 0%, #e57300 100%);
	border: 1px solid #cc6600;
}
.alternate.button:hover, .alternate.button:focus {
	background: #d96c00;
	background: linear-gradient(to bottom, #f29130 0%, #d96c00 100%);
}
.alternate.button:active, .pressed.alternate.button {
	background: linear-gradient(to bottom, #e57300 0%, #ff9933 100%);
}

.secondary.button {
	background: #d9d9d9;
	background: linear-gradient(to bottom, #f2f2f2 0%, #d9d9d9 100%);
	border: 1px solid #bfbfbf;
	color: #0066cc;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
.secondary.button:hover, .secondary.button:focus {
	background: #cccccc;
	background: linear-gradient(to bottom, #e5e5e5 0%, #cccccc 100%);
	color: #0066cc;
}
.secondary.button:active, .pressed.secondary.button {
	background: linear-gradient(to bottom, #d9d9d9 0%, #f2f2f2 100%);
}

.tertiary.button {
	background: #858585;
	background: linear-gradient(to bottom, #adadad 0%, #858585 100%);
	border: 1px solid #707070;
}
.tertiary.button:hover, .tertiary.button:focus {
	background: #7a7a7a;
	background: linear-gradient(to bottom, #a1a1a1 0%, #7a7a7a 100%);
}
.tertiary.button:active, .pressed.tertiary.button {
	background: linear-gradient(to bottom, #858585 0%, #adadad 100%);
}

.urgent.button {
	background: #cc0000;
	background: linear-gradient(to bottom, #ff3333 0%, #cc0000 100%);
	border: 1px solid #990000;
	color: #fff !important;
}
.urgent.button:hover, .urgent.button:focus {
	background: #b30000;
	background: linear-gradient(to bottom, #e52e2e 0%, #b30000 100%);
	color: #fff !important;
}
.urgent.button:active, .pressed.urgent.button {
	background: linear-gradient(to bottom, #cc0000 0%, #ff3333 100%);
}

.disabled.button, .disabled.button:hover, .disabled.button:focus, .disabled.button:active {
	background: #e5e5e5;
	box-shadow: none !important;
	cursor: default;
	border: 1px solid #bfbfbf;
	color: #808080;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

.small.button {font-size: 11px; font-size: 1.1rem; padding: 9px 15px;}
.large.button {font-size: 18px; font-size: 1.8rem; padding: 15px 21px;}
.svelte.button {padding: 6px 9px;}
.mini.button {
	box-shadow: 0 0 0 rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.5);
	padding: 3px 6px;
}
.mini.button:active {	box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5);}

.full-width.button {
	text-align: center;
	width: 100%;
}

.round.button {border-radius: 72px;}

@media (max-width: 979.98px) {
	.button {
		font-size: 18px;
		font-size: 1.8rem;
		padding: 15px 21px;
		text-align: center;
		width: 100%;
	}
}

button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border: none;}

.button-group hr {
	display: none;
}
.button-group .button {
	margin: 0;
}
.button-group .button:active, .button-group .pressed.button {
	box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5);
}
.button-group .first.button {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.button-group .inside.button {
	border-top: none;
	border-radius: 0;
}
.button-group .last.button {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-top: none;
	margin-bottom: 3px;
}

.button-group .disabled.button, .button-group .disabled.button:hover, .button-group .disabled.button:focus, .button-group .disabled.button:active {
	background: #e5e5e5;
	box-shadow: none;
	cursor: default;
	border: 1px solid #bfbfbf;
	color: #808080;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

@media (min-width: 980px) {
	.button-group hr {display: block; margin: 0; position: relative; bottom: -17px;}
	.button-group hr + p {margin-top: -1px;}
	.small.button-group hr {bottom: -15px;}

	.button-group .button {
		box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.5);
		margin-bottom: 3px;
	}
	.button-group .first.button {
		border-top-right-radius: 0;
		border-bottom-left-radius: 6px;
	}
	.button-group .inside.button {
		border-top: 1px solid #004d99;
		border-left: none;
	}
	.button-group .secondary.inside.button {
		border-top-color: #bfbfbf;
	}
	.button-group .last.button {
		border-top-right-radius: 6px;
		border-bottom-left-radius: 0;
		border-top: 1px solid #004d99;
		border-left: none;
	}
	.button-group .secondary.last.button, .button-group .disabled.button {
		border-top-color: #bfbfbf;
	}
	.button-group .inside.disabled.button {
		border-left: none;
	}
}
.button-group .pressed.button {cursor: default;}

/* 	4.3 Alerts
--------------------------------------------------- */

.alert-box {
	background: #ffffe5;
	border: 1px solid #cccca3;
	border-left-width: 9px;
	border-radius: 3px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	color: #666600;
	margin-bottom: 18px;
	padding: 12px 36px 12px 12px;
	position: relative;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

.alert-box .close {display: block; margin: 12px; position: absolute; text-decoration: none; top: 0; right: 0;}

.alert-box h1, .alert-box h2, .alert-box h3, .alert-box h4, .alert-box h5, .alert-box h6 {color: inherit;}

.alert-box > :last-child {margin-bottom: 0;}

.alert-box p, .alert-box ul, .alert-box li {margin-bottom: 0;}
.alert-box p + p, .alert-box p + ul, .alert-box ul + ul, .alert-box ul + p {margin-top: 9px;}
.alert-box .small {color: inherit;}

.alert-box.urgent {background: #ffe5e5; border-color: #cca3a3; color: #990000;}
.alert-box.success {background: #e5ffe5; border-color: #a3cca3; color: #006600;}

.inline.alert-box {
	border-top-color: #ccc;
	border-right: none;
	border-left: none;
	border-bottom: none;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	padding: 9px 30px 9px 9px !important;
}
.inline.alert-box .close {margin: 9px}

/* 	4.4 Labels, Badges and Tags
--------------------------------------------------- */

.label, .badge, .tag {
	border: 1px solid #b2d7ff;
	display: inline-block;
	font-size: 11px; font-size: 1.1rem;
	font-weight: bold;
	line-height: 1;
	white-space: nowrap;
}

.label, .badge {
	background: #3399ff;
	color: #fff;
	padding: 4px 6px;
	text-shadow: 0 1px 0 rgba(0,0,0,0.1);
}

.badge, .tag {border-radius: 18px;}

.label {
        border-radius: 3px;
	text-transform: uppercase;
}

.badge {
	background: #ff3333;
	border: none;
	box-shadow: 0 1px 2px rgba(0,0,0,0.25);
	padding: 3px 6px;
	position: relative;
	top: -1px;
}

.tag {
	background: #cce5ff;
	color: #0066cc;
	padding: 4px 9px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
.tag.disabled {
	background: #fff;
	border-color: #bfbfbf;
	color: #808080;
}

a.tag:hover {background: #3399ff; color: #fff; cursor: pointer; text-decoration: none; text-shadow: 0 1px 0 rgba(0,0,0,0.1);}
a.tag.active:hover {background: #ff3333; border-color: #ffb2b2;}

.tag-group {display: inline-block; margin-bottom: -6px;}
.tag-group .tag {margin-bottom: 6px;}

.marker-wrapper {position: absolute; top: 15px; left: -12px;}
.marker {
	background: #0066cc;
	background: linear-gradient(to bottom, #3399ff 0%, #0066cc 100%);
	border: 1px solid #004d99;
	box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.5);
	content: "";
	height: 9px;
	margin-bottom: 3px;
	overflow: hidden;
	width: 18px;
	z-index: 1;
}

.loud.marker {
	background: #e57300;
	background: linear-gradient(to bottom, #ff9933 0%, #e57300 100%);
	border: 1px solid #cc6600;
}
.quiet.marker {
	background: #d9d9d9;
	background: linear-gradient(to bottom, #f2f2f2 0%, #d9d9d9 100%);
	border: 1px solid #bfbfbf;
}
.urgent.marker {
	background: #cc0000;
	background: linear-gradient(to bottom, #ff3333 0%, #cc0000 100%);
	border: 1px solid #990000;
}

.special.marker {
	background: #bf983b;
	background: linear-gradient(to bottom, #e5b647 0%, #bf983b 100%);
	border: 1px solid #806528;
}

.forbidden.marker {
	background: #333;
	background: linear-gradient(to bottom, #666 0%, #333 100%);
	border: 1px solid #000;
}

.square-marker {
	background: #bf983b;
	border: 1px solid #806528;
	box-shadow: 0 1px 2px rgba(0,0,0,0.25);
	color: #bf983b;
	height: 12px;
	margin: 0 0 3px 3px;
	width: 12px;
}

.star-marker {
	color: #bf983b;
	font-size: 18px;
	margin: 0 0 0 1px;
	text-shadow: 0 1px 2px rgba(0,0,0,0.25);
	-webkit-text-stroke: 1px #806528;
	width: 18px;
}
.star-marker::before {content: "★";}

.circle-marker {
	background: #bf983b;
	border: 1px solid #806528;
	border-radius: 12px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.25);
	color: #bf983b;
	height: 12px;
	margin: 0 0 3px 3px;
	width: 12px;
}

.triangle-marker {
	color: #bf983b;
	font-size: 18px;
	margin: -4px 0 -2px 1px;
	text-shadow: 0 1px 2px rgba(0,0,0,0.25);
	-webkit-text-stroke: 1px #806528;
	width: 18px;
}
.triangle-marker::before {content: "▲"}

.marker a {content: ""; display: block; height: 12px; overflow: hidden; width: 18px;}


/* 	4.5 Icons
--------------------------------------------------- */


/* 	4.6 Earmarks and Bookmarks
--------------------------------------------------- */


/* 	--------------------------------------------------
	5.0 Light on Dark
		5.1 Standards
		5.2 Typography
		5.3 Components
--------------------------------------------------- */

/*	5.0 Light on Dark
--------------------------------------------------- */

.inverse {color: #f2f2f2; text-shadow: 0 1px 0 rgba(0,0,0,0.2);}

/*		5.1 Standards
--------------------------------------------------- */

.inverse hr, hr.inverse {border-color: #808080;}

.inverse a {color: #66b3ff;}
.inverse a:hover {color: #99ccff;}

.inverse .default, .inverse.default {color: #f2f2f2 !important;}
.inverse .quiet, .inverse.quiet {color: #bfbfbf !important;}
.inverse .whisper, .inverse.whisper {color: #d9d9d9 !important;}

.inverse .inline-divider, .inverse.inline-divider {
	border-left: 1px solid #1a1a1a !important;
	border-right: 1px solid #666 !important;
}



/*		5.2 Typography
--------------------------------------------------- */

.inverse h1, h1.inverse, .inverse h2, h2.inverse, .inverse h3, h3.inverse, .inverse h4, h4.inverse, .inverse h5, h5.inverse, .inverse h6, h6.inverse {color: #e5e5e5;}

/*		5.3 Scaffolding
--------------------------------------------------- */

/*		5.4 Components
--------------------------------------------------- */

.inverse.dropdown-menu {background: #333;}
.inverse a.dropdown-item:hover {background: #4d4d4d;}
.inverse a.dropdown-item.selected, .inverse a.dropdown-item.selected:hover {
	background: linear-gradient(to bottom, #0066cc 0%, #3399ff 100%);
	color: #fff;
}
.inverse .dropdown-divider {background: #808080;}

.inverse a.button {color: #fff !important;}
.inverse .button:hover, .inverse .button:focus {color: #fff;}
.inverse .secondary.button {color: #0066cc;}
.inverse .secondary.button:hover, .inverse .secondary.button:focus {color: #0066cc;}
.inverse .disabled.button, .inverse .disabled.button:hover, .inverse .disabled.button:focus {color: #808080;}


/* 	--------------------------------------------------
	6.0 Touch-Specific Elements
		6.1 Links
--------------------------------------------------- */

/* 	6.1 Links
--------------------------------------------------- */