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


/* 	--------------------------------------------------
	1.0 Global Reset and Standards
		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%;}

body {
	background: #fff;
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px; font-size: 1.3rem;
	line-height: 18px;
	-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;}
hr.divider {border-color: #e5e5e5;}

/*
This definition is combined with the one in section 1.4 to fully configure tables
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*/

sub, sup {font-size: .75em; line-height: 0;}
sub {vertical-align: sub;}
sup {vertical-align: super;}

img {border: 0; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic;}
img.with-caption {margin-bottom: 9px;}
img.fancy {
	border: 1px solid #e5e5e5;
	box-shadow: 0 2px 4px rgba(0,0,0,0.25);
}

:focus {outline: none;}

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

a {color: #0066cc; line-height: inherit; text-decoration: none;}
a:hover {color: #004d99; text-decoration: underline;}
a.loud:hover {color: #cc6600;}
a.quiet:hover {color: #666;}
a.urgent:hover {color: #990000;}
a.default:hover {color: #000 !important;}
a.no-hover:hover {text-decoration: none;}
a:hover span.hover {text-decoration: underline;}
a.zoom-hover:hover {font-size: 200%; font-weight: bold; line-height: 0;}

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

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

ul.summary, ol.summary {list-style-position: inside; margin: 0;}
ul.summary li, ol.summary li {margin: 0;}

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

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

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

/* This sector combines "reset" attributes and "standards" attributes so that we do not duplicate the "table" selector */
table {
	border-collapse: collapse;
	border-spacing: 0;
	background-color: transparent;
	max-width: 100%;
}

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

.table th.text-right, .table td.text-right {text-align: right;}
.table th.text-center, .table td.text-center {text-align: center;}

.table.item-list {margin-bottom: 0;}
.table.item-list td {padding-top: 9px; padding-bottom: 3px;}
.table.item-list td.with-field {padding-top: 1px;}
.table.item-list td.near-h6 {padding-top: 10px;}
.table.item-list td.nested {border: none; padding-top: 6px;}
.table.item-list td h6.tighter-leading {margin-bottom: 6px;}
.table.item-list td p {margin-bottom: 6px;}
.table.item-list td p.very-tight-leading {margin-bottom: 3px;}
.table.item-list td p.no-leading {margin-bottom: 0;}

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

::-webkit-input-placeholder {color: #bfbfbf; font-style: italic;}
:-moz-placeholder {color: #bfbfbf; font-style: italic;}
:-ms-input-placeholder {color: #bfbfbf; font-style: italic;}

ol.form, ol.form ol {list-style: none; margin-left: 0;}
ol.form li {margin-right: 12px; margin-bottom: 12px;}

.form .note {
	color: #808080;
	display: block;
	font-size: 11px; font-size: 1.1rem;
	line-height: 15px;
}

.form span.help {margin-left: 9px;}
.form li.field-group span.help {margin-left: 0;}

.form li.field-group input, ol.form li.field-group select {margin-right: 12px;}

.form span.group {
	display: block;
	float: left;
	margin-right: 24px;
}

legend {font-weight: bold; padding-bottom: 12px;}

label, fieldset.sub legend label {color: #808080; display: block; font-weight: bold;}
label.inline-label, fieldset.sub label {display: inline; font-weight: normal;}

fieldset.sub legend {color: #808080; padding: 0;}
fieldset.sub ol {margin-top: 0;}
fieldset.sub li {margin-bottom: 6px; padding: 0;}

input, select, textarea {
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	margin: 3px 0;
}

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

input[type="password"], input[type="text"] {height: 24px; line-height: 24px;}

input[type="radio"], input[type="checkbox"] {margin: 3px 6px 3px 3px;}

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

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

select {
	border-radius: 0;
	height: 30px;
	line-height:24px;
	padding-right: 3px; padding-left: 3px;
	-webkit-appearance: none;
}
@-moz-document url-prefix() {select {padding-top: 5px;}}

textarea {vertical-align: top}

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

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

.input-xsmall {width: 28px;}
.select-xsmall {width: 36px;}

.input-small {width: 76px;}
.select-small {width: 84px;}

.input-medium {width: 172px;}
.select-medium {width: 180px;}

.input-large {width: 268px;}
.select-large {width: 276px;}

.input-xlarge {width: 364px;}
.select-xlarge {width: 372px;}

.input-full, .select-full {width: 100%;}

.submit-link {background: transparent; border: none; color: #0066cc; cursor: pointer; font-weight: bold;}
.submit-link:hover {color: #004d99; text-decoration: underline;}
.submit-link:active {
    box-shadow: none;
}

.file-upload {color: #0066cc; cursor: pointer; display: inline-block;}
.file-upload:hover {color: #004d99; text-decoration: underline;}

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

.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.hide {display: none !important;}
.show {display: inherit;}
.no-js .hide {display: inherit;}
.no-js .show {display: none;}


/* 	--------------------------------------------------
	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.25;}
h1 small, h1.small, h1 span.small, h2 small, h2.small, h2 span.small, h3 small, h3.small, h3 span.small, h4 small, h4.small, h4 span.small, h5 small, h5.small, h5 span.small, h6 small, h6.small, h6 span.small {color: #808080; font-weight: 300;}
h1 a small, h1.small a, h1 a span.small, h2 a small, h2.small a, h2 a span.small, h3 a small, h3.small a, h3 a span.small, h4 a small, h4.small a, h4 a span.small, h5 a small, h5.small a, h5 a span.small, h6 a small, h6.small a, h6 a span.small {color: inherit;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit;}
h1 {font-size: 48px; font-size: 4.8rem; margin-bottom: 18px;}
h2 {font-size: 36px; font-size: 3.6rem; margin-bottom: 12px;}
h3 {font-size: 30px; font-size: 3.0rem; margin-bottom: 9px;}
h4 {font-size: 24px; font-size: 2.4rem; margin-bottom: 6px;}
h5 {font-size: 18px; font-size: 1.8rem; margin-bottom: 6px;}
h6 {font-size: 15px; font-size: 1.5rem; margin-bottom: 3px;}

h1 small, h1.small, h1 span.small {font-size: 30px; font-size: 3.0rem;}
h2 small, h2.small, h2 span.small {font-size: 24px; font-size: 2.4rem;}
h3 small, h3.small, h3 span.small {font-size: 18px; font-size: 1.8rem;}
h4 small, h4.small, h4 span.small, h5 small h5.small, h5 span.small {font-size: 15px; font-size: 1.5rem;}
h6 small, h6.small, h6 span.small {font-size: 13px; font-size: 1.3rem;}

h1 span.small, h2 span.small, h3 span.small, h4 span.small, h5 span.small, h6 span.small {line-height: inherit;}

.with-subheading {margin-bottom: 0;}
.subheading {color: #808080; font-weight: 300;}
.stand-alone {margin-bottom: 18px !important;}

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

p {font-size: 13px; font-size: 1.3rem; margin: 0 0 18px;}
p.lead, p span.lead {font-size: 18px; font-size: 1.8rem; line-height: 1.5;}
p.left {margin-right: 9px;}
p.right {margin-left: 9px;}
.normal-leading {margin-bottom: 18px;}
.tight-leading {margin-bottom: 9px;}
.tighter-leading {margin-bottom: 6px;}
.very-tight-leading {margin-bottom: 3px;}
.no-leading {margin-bottom: 0;}
.neg-tight-leading {margin-top: -9px;}
.neg-very-tight-leading {margin-top: -15px;}
.neg-no-leading {margin-top: -18px;}

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

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

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

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

blockquote.align-right {border-right: 5px solid #d9d9d9; border-left: 0; padding: 6px 13px 6px 18px;}
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; line-height: inherit;}
strong, .strong {font-weight: bold; line-height: inherit;}
strike, .strike {color: #808080; text-decoration: line-through;}
.no-wrap {white-space: nowrap;}
.normal {font-weight: normal !important;}
.default {color: #333 !important;}
.small {font-size: 11px; font-size: 1.1rem; line-height: 1.5;}
.loud {color: #e57300;}
.quiet {color: #808080;}
.urgent {color: #cc0000;}
.success {color: #006600;}

/* 	--------------------------------------------------
	3.0 Scaffolding
		3.1 Grids
		3.2 Responsive Grids
		3.3 Panels and Specialty Boxes
--------------------------------------------------- */

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

.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;}
.span33pct {width: 236px;}
.span66pct {width: 492px;}
.span25pct-full {width: 220px;}
.span33pct-full {width: 300px;}
.span66pct-full {width: 620px;}

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

.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: 1230px) {
	.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;}
	.span33pct {width: 290px;}
	.span66pct {width: 610px;}
        .span25pct-full {width: 270px;}
        .span33pct-full {width: 370px;}
        .span66pct-full {width: 770px;}

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

.span-center {float: none; margin: 0 auto;}

/* 	3.3 Panels and Specialty Boxes
--------------------------------------------------- */

.billboard {
	background: #f2f2f2;
	border-radius: 12px;
	box-shadow: inset 0 2px 4px rgba(0,0,0,0.25);
	margin-bottom: 18px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
.billboard-box {padding: 12px 18px 6px 18px;}

.panel {
	background: #f2f2f2;
	background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
	border: 1px solid #e5e5e5;
	border-radius: 6px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.25);
	margin-bottom: 20px;
	padding: 12px 12px 18px 12px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
.panel p {margin-bottom: 0;}
.panel p + p {margin-top: 9px;}

.fixed {position: fixed;}
.fixed .panel {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: 0 2px 8px rgba(0,0,0,0.25);
}

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

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

.nav-path li {
	background: url(/graphics/css/icon-arrow-right.gif) no-repeat 100% 50%;
	float: left;
	margin-right: 6px; margin-bottom: 0;
	padding-right: 18px;
}

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

.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-select li {margin-bottom: 1px;}
.nav-select li a, .nav-select li span {
	border-radius: 3px;
	display: block;
	padding: 3px 6px;
	text-decoration: none;
}
.nav-select li a:hover, .nav-select li a.focus {
    background: #e5e5e5;
}

.nav-select li a:hover {
    cursor: pointer;
}

.nav-select li a.selected {
	background: #0066cc;
	background: linear-gradient(to bottom, #0066cc 0%, #3399ff 100%);
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.25);
}
.nav-select .list-heading {padding: 3px 6px;}
.nav-select .list-divider {margin: 6px 0;}

.nav-bar.group {
	background: #f2f2f2;
	background: linear-gradient(to bottom, #f2f2f2 0%, #ffffff 100%);
	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
	border-radius: 72px;
	padding: 6px 18px;
}
.nav-bar > li {float: left; position: relative; margin-bottom: 0;}
.nav-bar > li.vertical-spacer {height: 1px; width: 9px;}
.nav-bar > li.vertical-divider {background-color: #ccc; border-right: 1px solid #f2f2f2; height: 18px; margin: 3px 9px; overflow: hidden;  width: 1px;}
.nav-bar > li.active > a {color: #333;}
.nav-bar > li > a {display: block; padding: 3px;}
.nav-bar > li > a:hover {text-decoration: none;}
.nav-bar > li > a.button, .nav-bar > li > input.button {
	border-radius: 72px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
	padding: 5px 12px 6px;
	margin: -1px 0;
}

.panel.nav-box {margin-bottom: 11px;}
.nav-box {padding:12px;}

.dropdown-container {position: relative; z-index: 0;}
.dropdown-container.active {z-index: 1;}
.dropdown-container.active > a {color: #333;}
.dropdown-container > a:hover {text-decoration: none;}

.active .dropdown-menu {display: block;}
.dropdown-menu {
	background: #f2f2f2;
	border-radius: 6px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.25);
	display: none;
	padding: 12px 12px 9px;
	position: absolute;
	margin-top: 9px;
	top: 100%; left: -9px;
	z-index: 4;
}
.dropdown-menu.inline {margin-top: 12px;}
.dropdown-menu.right {right: -9px; left: auto;}
.dropdown-menu.right .caret {right: 18px; left: auto;}

.dropdown-menu .caret {
	border-right: 9px solid transparent;
	border-bottom: 9px solid #f2f2f2;
	border-left: 9px solid transparent;
	content: "";
	height: 0px;
	overflow: hidden;
	position: absolute;
	top: -9px; left: 18px;
	width: 0px;
	z-index: 5;
}
.dropdown-menu .nav-select {margin-right: -6px; margin-left: -6px;}

.dropdown-content {width: 172px;}
.dropdown-content p, .dropdown-content ul, .dropdown-content hr {margin-top: 0; margin-bottom: 9px;}

.nav-bar:before, .nav-box:before, .nav-bar:after, .nav-box:after {content:""; display:table;}
.nav-bar:after, .nav-box:after {clear: both;}
.nav-bar, .nav-box {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);
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 13px; font-size: 1.3rem;
	line-height: 1;
	outline: none;
	padding: 9px 18px 11px;
	position: relative;
	margin: 0 0 3px 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%);
}

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

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

.tiny.button {font-size: 10px; font-size: 1rem; padding: 7px 12px 8px; width: auto;}
.small.button {font-size: 11px; font-size: 1.1rem; padding: 8px 15px 9px; width: auto;}
.large.button {font-size: 18px; font-size: 1.8rem; padding: 11px 24px 14px; width: auto;}

.full-width.button {
	padding-right: 0 !important;
	padding-left: 0 !important;
	text-align: center;
	width: 100%;
}
.round.button {
	border-radius: 72px;
}

.button-group hr {margin: 0; position: relative; bottom: -17px;}
.button-group hr + p {margin-top: -1px;}
.tiny.button-group hr {bottom: -13px;}
.tiny.button-group hr + p {padding: 0 12px;}

.button-group .button {
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
	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-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.button-group .inside.button {
	border-radius: 0;
}
.button-group .last.button {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.button-group .pressed.button {cursor: default;}

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

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

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

.alert-box a.close {color: #333; font-size: 18px; font-size: 1.8rem; font-weight: bold; opacity: 0.4; position: absolute; right: 12px; top: 3px;}
.alert-box a.close:hover, .alert-box a.close:focus {opacity: .8; text-decoration: none;}

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

.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.warning {background: #ffe5e5; border-color: #e5b8b8; color: #990000;}
.alert-box.success {background: #e5ffe5; border-color: #b8e5b8; color: #006600;}

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

.label, .badge, .tag {
	font-size: 11px; font-size: 1.1rem;
	font-weight: bold;
	line-height: 1;
	white-space: nowrap;
}

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

.label {
	border-radius: 3px;
	padding: 2px 4px 3px;
	position: relative;
	top: -1px;
}

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

.badge {
	padding: 2px 8px 1px;
}

.tag {
	background: #cce5ff;
	border: 1px solid #b2d7ff;
	color: #0066cc;
	display: inline-block;
	padding: 3px 8px 4px;
	position: relative;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
.tag.active {padding-right: 24px;}
.tag.active .close {font-size: 15px; font-size: 1.5rem; font-weight: bold; opacity: 0.8; position: absolute; right: 8px; top: 0;}
.tag.disabled {
	background: #f2f2f2;
	border-color: #bfbfbf;
	color: #808080;
}
.nav-bar .tag {font-size: inherit; padding: 3px 12px 4px; top: 1px;}
.tag-group {display: inline-block; margin-bottom: -6px;}
.tag-group .tag {margin-bottom: 6px;}

.alternate.label, .alternate.badge {background: #ff9933;}
.secondary.label, .secondary.badge {background: #999;}
.warning.label, .warning.badge {background: #ff3333;}

a.label:hover, a.badge:hover {color: #fff; cursor: pointer; text-decoration: none;}
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;}

h3 .label {top: -7px;}
h4 .label {top: -5px;}
h5 .label {top: -3px;}
h6 .label {top: -2px;}

.highlight {background: #ff0; padding: 2px 4px 3px; white-space: nowrap;}

.marker-wrapper {position: absolute; top: -3px; 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: 4px;
	overflow: hidden;
	width: 18px;
	z-index: 1;
}

.alternate.marker {
	background: #e57300;
	background: linear-gradient(to bottom, #ff9933 0%, #e57300 100%);
	border: 1px solid #cc6600;
}
.secondary.marker {
	background: #d9d9d9;
	background: linear-gradient(to bottom, #f2f2f2 0%, #d9d9d9 100%);
	border: 1px solid #bfbfbf;
}
.warning.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;
}

.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: "★";}

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

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

.icon {background-repeat: no-repeat;}

.icon.before {background-position: 0 50%; padding-left: 15px;}
.icon.after {background-position: 100% 50%; padding-right: 15px;}
.icon.lg-before {background-position: 0 50%; padding-left: 24px;}
.icon.lg-after {background-position: 100% 50%; padding-right: 24px;}

.icon.add {background-image: url(/graphics/css/icon-add.png);}
.icon.lg-add {background-image: url(/graphics/css/icon-lg-add.png);}
.icon.alert {background-image: url(/graphics/css/icon-alert.gif);}
.icon.lg-alert {background-image: url(/graphics/css/icon-lg-alert.png);}
.icon.arrow-up {background-image: url(/graphics/css/icon-arrow-up.gif);}
.icon.arrow-right {background-image: url(/graphics/css/icon-arrow-right.gif);}
.icon.arrow-right-disabled {background-image: url(/graphics/css/icon-arrow-right-disabled.gif);}
.icon.arrow-down {background-image: url(/graphics/css/icon-arrow-down.gif);}
.icon.arrow-left {background-image: url(/graphics/css/icon-arrow-left.gif);}
.icon.arrow-left-disabled {background-image: url(/graphics/css/icon-arrow-left-disabled.gif);}
.icon.cancel {background-image: url(/graphics/css/icon-cancel.png);}
.icon.cancel-active {background-image: url(/graphics/css/icon-cancel-hover.png);}
.icon.lg-cancel {background-image: url(/graphics/css/icon-lg-cancel.png);}
.icon.lg-cancel-active {background-image: url(/graphics/css/icon-lg-cancel-hover.png);}
.icon.confirm {background-image: url(/graphics/css/icon-confirm.png);}
.icon.lg-confirm {background-image: url(/graphics/css/icon-lg-confirm.png);}
.icon.lg-flag-cad {background-image: url(/graphics/css/icon-lg-flag-cad.png);}
.icon.lg-flag-eur {background-image: url(/graphics/css/icon-lg-flag-eur.png);}
.icon.lg-flag-gbp {background-image: url(/graphics/css/icon-lg-flag-gbp.png);}
.icon.lg-flag-usd {background-image: url(/graphics/css/icon-lg-flag-usd.png);}
.icon.pdf {background-image: url(/graphics/css/icon-pdf.png);}
.icon.remove {background-image: url(/graphics/css/icon-remove.png);}
.icon.remove-active {background-image: url(/graphics/css/icon-remove-hover.png);}
.icon.lg-remove {background-image: url(/graphics/css/icon-lg-remove.png);}
.icon.lg-remove-active {background-image: url(/graphics/css/icon-lg-remove-hover.png);}
.icon.status-red {background-image: url(/graphics/css/icon-status-red.png);}
.icon.status-yellow {background-image: url(/graphics/css/icon-status-yellow.png);}
.icon.status-green {background-image: url(/graphics/css/icon-status-green.png);}

a.icon.cancel:hover, a:hover .icon.cancel {background-image: url(/graphics/css/icon-cancel-hover.png);}
a.icon.lg-cancel:hover, a:hover .icon.lg-cancel {background-image: url(/graphics/css/icon-lg-cancel-hover.png);}
a.icon.remove:hover, a:hover .icon.remove {background-image: url(/graphics/css/icon-remove-hover.png);}
a.icon.lg-remove:hover, a:hover .icon.lg-remove {background-image: url(/graphics/css/icon-lg-remove-hover.png);}

a.dropdown, a .dropdown {background-image: url(/graphics/css/icon-dropdown.gif); white-space: nowrap;}
a.dropdown:hover, a:hover .dropdown, .active a.dropdown, .active a .dropdown {background-image: url(/graphics/css/icon-dropdown-hover.gif);}

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

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

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

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

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

.inverse .list-divider {background: #808080;}

.inverse label, .inverse fieldset.sub legend label {color: #bfbfbf;}

.inverse .table td {border-top-color: #bfbfbf;}

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

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

.inverse h1 small, .inverse h1.small, .inverse h1 span.small, .inverse h2 small, .inverse h2.small, .inverse h2 span.small, .inverse h3 small, .inverse h3.small, .inverse h3 span.small, .inverse h4 small, .inverse h4.small, .inverse h4 span.small, .inverse h5 small, .inverse h5.small, .inverse h5 span.small, .inverse h6 small, .inverse h6.small, .inverse h6 span.small {color: #bfbfbf;}

.inverse .quiet {color: #bfbfbf;}

.inverse .default {color: #f2f2f2 !important;}

/* 	5.3 Components
--------------------------------------------------- */

.inverse .billboard {text-shadow: 0 1px 0 rgba(0,0,0,0.25);}

.inverse .panel {
	background: #1a1a1a;
	background: linear-gradient(to bottom, #4d4d4d 0%, #1a1a1a 100%);
	text-shadow: 0 1px 0 rgba(0,0,0,0.25);
 }

.inverse .nav-select li a:hover, .inverse .nav-select li a.focus {background: #595959;}
.inverse .nav-select li a.selected {
	background: #0066cc;
	background: linear-gradient(to bottom, #0066cc 0%, #3399ff 100%);
}

.inverse .nav-bar > li.vertical-divider {background-color: #333; border-color: #666;}
.inverse .nav-bar > li.active > a {color: #f2f2f2;}
.inverse .nav-bar.group {
	background: #333;
	background: linear-gradient(to bottom, #1a1a1a 0%, #333333 100%);
	box-shadow: inset 0 -1px 0 rgba(255,255,255,0.25);
}

.inverse .dropdown-container.active > a {color: #f2f2f2;}

.inverse .dropdown-menu, .dropdown-menu.inverse {
	background: #4d4d4d;
}
.inverse .dropdown-menu .caret, .dropdown-menu.inverse .caret {
	border-bottom-color: #4d4d4d;
}

.inverse a.dropdown, .inverse a .dropdown {background-image: url(/graphics/css/icon-dropdown-inverse.gif);}
.inverse a.dropdown:hover, .inverse a:hover .dropdown, .inverse .active a.dropdown, .inverse .active a .dropdown {background-image: url(/graphics/css/icon-dropdown-hover-inverse.gif);}

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

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

/* 	6.1 Links
--------------------------------------------------- */
.has-touch a:hover {color: #0066cc; text-decoration: none;}
.has-touch .nav-select li a:hover {background: transparent;}
.has-touch a.dropdown:hover, .has-touch a:hover .dropdown {background-image: url(/graphics/css/icon-dropdown.gif);}