/* global.css */


/*! normalize.css v1.1.0 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

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


/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}


/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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


/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
	display: none;
}


/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *   `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *   user zoom.
 */

/*html {
	font-size: 100%; /* 1 */
	/*-webkit-text-size-adjust: 100%; /* 2 */
	/*-ms-text-size-adjust: 100%; /* 2 
}*/


/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
	font-family: sans-serif;
}


/**
 * Address margins handled incorrectly in IE 6/7.
 */

/*body {
	margin: 0;
}*/


/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
	outline: none !important;
}


/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
	outline: 0;
}


/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

#content h1 {
	text-transform: initial;
	font-size: 2em;
	margin: .67em 0;
}


#content h2 {
	text-transform: initial;
	font-size: 1.5em;
	margin: .83em 0;
}


#content h3 {
	font-size: 1.17em;
	margin: 1em 0;
}


#content h4 {
	font-size: 1.6rem;
}


#content h5 {
	font-size: .83em;
	margin: 1.67em 0;
}


#content h6 {
	font-size: .67em;
	margin: 2.33em 0;
}


/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

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


/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
	font-weight: bold;
}


blockquote {
	margin: 1em 40px;
}


/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
	font-style: italic;
}


/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

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


/**
 * Address styling not present in IE 6/7/8/9.
 */

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


/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
	margin: 1.1em 0;
}


/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}


/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}


/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
	quotes: none;
}


/**
 * Address `quotes` property not supported in Safari 4.
 */

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


/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
	font-size: 75%;
}


/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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


sup {
	top: -.5em;
}


sub {
	bottom: -.25em;
}


/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
	margin: 1em 0;
}


dd {
	margin: 0 0 0 40px;
}


/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
	padding: 0 0 0 40px;
}


/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}


/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
	border: 0; /* 1 */
	-ms-interpolation-mode: bicubic; /* 2 */
}


/**
 * Correct overflow displayed oddly in IE 9.
 */

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


/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
	margin: 0;
}


/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
	margin: 0;
}


/**
 * Define consistent border, margin, and padding.
 */

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


/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

#content legend {
	border: 0; /* 1 */
	padding: 0;
	white-space: normal; /* 2 */
	*margin-left: -7px; /* 3 */
}


/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *   and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
	font-size: 100%; /* 1 */
	margin: 0; /* 2 */
	vertical-align: baseline; /* 3 */
	*vertical-align: middle; /* 3 */
}


/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
	line-height: normal;
}


/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
	text-transform: none;
}


/**
 * 1. Avoid the WebKit bug in Android 4..* where (2) destroys native `audio`
 *   and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *   `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *   Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
	*overflow: visible;  /* 4 */
}


/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
	cursor: default;
	background: #b2b2b2;
}


/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *   Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
	*height: 13px; /* 3 */
	*width: 13px; /* 3 */
}


/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *   (include `-moz` to future-proof).
 */

textarea,
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="text"],
input[type="search"] {
	-webkit-appearance: none; /* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* 2 */
	box-sizing: content-box;
	-webkit-border-radius: 0;
}


/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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


/**
 * Remove inner padding and border in Firefox 3+.
 */

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


/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}


/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */


/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *   `contenteditable` attribute is included anywhere else in the document.
 *   Otherwise it causes space to appear at the top and bottom of elements
 *   that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *   `:before` to contain the top-margins of child elements.
 */

.u-cf {
  content: "";
  display: table;
  clear: both; }

.group:before,
.group:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}


.group:after {
	clear: both;
}


/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.group {
	display: block;
	*zoom: 1;
}


/*
 * Image replacement
 */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
	display: none !important;
	visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
	visibility: hidden;
}






/* ==========================================================================
   ==========================================================================
   ==========================================================================

   JP Morgan Styles

   ==========================================================================
   ==========================================================================
   ========================================================================== */



/* ==========================================================================
   Fonts
   ========================================================================== */

/*
This CSS resource incorporates links to font software which is 
the valuable copyrighted property of WebType LLC, The Font Bureau 
and/or their suppliers. You may not 
attempt to copy, install, redistribute, convert, modify or reverse 
engineer this font software. Please contact WebType with any 
questions: http://www.webtype.com 
*/


@font-face {
	font-family: "Amplitude-Light";
	src: url("/fonts/amplitude_light/ee553ccf-2d0c-4e23-9d9d-1067a902018a-2.eot");
	src: url("/fonts/amplitude_light/ee553ccf-2d0c-4e23-9d9d-1067a902018a-2.eot?") format("embedded-opentype"),
	     url("/fonts/amplitude_light/ee553ccf-2d0c-4e23-9d9d-1067a902018a-3.woff") format("woff"),
	     url("/fonts/amplitude_light/ee553ccf-2d0c-4e23-9d9d-1067a902018a-1.ttf") format("truetype"),
	     url("/fonts/amplitude_light/ee553ccf-2d0c-4e23-9d9d-1067a902018a-4.svg#web") format("svg");
	font-style: normal;
	font-weight: normal;
}

@font-face {
  font-family: "Amplitude";
  src: url("/fonts/amplitude_regular/8b10efc3-e37f-468c-9326-3f261bc2b6e9-2.eot");
  src: url("/fonts/amplitude_regular/8b10efc3-e37f-468c-9326-3f261bc2b6e9-2.eot?") format("embedded-opentype"),
       url("/fonts/amplitude_regular/8b10efc3-e37f-468c-9326-3f261bc2b6e9-3.woff") format("woff"),
       url("/fonts/amplitude_regular/8b10efc3-e37f-468c-9326-3f261bc2b6e9-1.ttf") format("truetype"),
       url("/fonts/amplitude_regular/8b10efc3-e37f-468c-9326-3f261bc2b6e9-4.svg#web") format("svg");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Amplitude-Medium";
  src: url("/fonts/amplitude_medium/5c91d7e8-9155-43e0-a01c-f4c8b4ab0369-2.eot");
  src: url("/fonts/amplitude_medium/5c91d7e8-9155-43e0-a01c-f4c8b4ab0369-2.eot?") format("embedded-opentype"),
       url("/fonts/amplitude_medium/5c91d7e8-9155-43e0-a01c-f4c8b4ab0369-3.woff") format("woff"),
       url("/fonts/amplitude_medium/5c91d7e8-9155-43e0-a01c-f4c8b4ab0369-1.ttf") format("truetype"),
       url("/fonts/amplitude_medium/5c91d7e8-9155-43e0-a01c-f4c8b4ab0369-4.svg#web") format("svg");
  font-style: normal;
  font-weight: bold;
}




@font-face {
	font-family: "CelesteWeb";
	src: url("/fonts/celeste/CelesteOT.eot");
	src: url("/fonts/celeste/CelesteOT.eot?") format("embedded-opentype"),
	     url("/fonts/celeste/CelesteOT.woff") format("woff"),
	     url("/fonts/celeste/CelesteOT.ttf") format("truetype"),
	     url("/fonts/celeste/CelesteOT.svg#web") format("svg");
	font-style: normal;
	font-weight: bold;
}

@font-face {
	font-family: "CelesteWeb-Ita";
	src: url("/fonts/celeste_italic/CelesteOT-Ita.eot");
	src: url("/fonts/celeste_italic/CelesteOT-Ita.eot?") format("embedded-opentype"),
	     url("/fonts/celeste_italic/CelesteOT-Ita.woff") format("woff"),
	     url("/fonts/celeste_italic/CelesteOT-Ita.ttf") format("truetype"),
	     url("/fonts/celeste_italic/CelesteOT-Ita.svg#web") format("svg");
	font-style: normal;
	font-weight: bold;
}

@font-face{
		font-family: "FontAwesome";
		src: url("/fonts/awesome/fontawesome-webfont.eot"); /*?v=3.2.1*/
		src: url("/fonts/awesome/fontawesome-webfont.eot?") format("embedded-opentype"), /*?#iefix&v=3.2.1*/
		    url("/fonts/awesome/fontawesome-webfont.woff") format("woff"), /*?v=3.2.1*/
			url("/fonts/awesome/fontawesome-webfont.ttf") format("truetype"), /*?v=3.2.1*/
			url("/fonts/awesome/fontawesome-webfont.svg#fontawesomeregular") format("svg"); /*#fontawesomeregular?v=3.2.1*/
		font-weight:normal;
		font-style:normal;
}

/*Force Webkit to use SVG fonts*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
/*
@font-face {
	font-family: "Amplitude-Light";
	src: url("/fonts/amplitude_light/ee553ccf-2d0c-4e23-9d9d-1067a902018a-1.ttf") format("truetype");
}
@font-face {
  font-family: "Amplitude";
  src: url("/fonts/amplitude_regular/8b10efc3-e37f-468c-9326-3f261bc2b6e9-4.svg#web") format("svg");
}
@font-face {
  font-family: "Amplitude-Medium";
  src: url("/fonts/amplitude_medium/5c91d7e8-9155-43e0-a01c-f4c8b4ab0369-4.svg#web") format("svg");
}
@font-face {
	font-family: "CelesteWeb";
	src: url("/fonts/celeste/CelesteOT.svg#web") format("svg");
}
@font-face {
	font-family: "CelesteWeb-Ita";
	src: url("/fonts/celeste_italic/CelesteOT-Ita.svg#web") format("svg");
}
*/
@font-face {
	font-family: "FontAwesome";
	src: url("/fonts/awesome/fontawesome-webfont.svg#fontawesomeregular") format("svg"); /*#fontawesomeregular?v=3.2.1*/
}
}

/* colors

light gray: #edeef0;
medium gray: #6d6e71;
blue: #84aed4;
orange: #f58220;
dark brown: #321c0f;
light brown: #54301A;

headings: #55565a;
body: #6d6e71;
link: #88abd5; -- not quite the same as the blue background color

*/

/* ==========================================================================
   Some defaults
   ========================================================================== */

html, body {
	margin: 0;
	padding: 0;
	color: #6d6e71;
	font-family: "Amplitude-Light", "Arial Narrow", arial;
	min-width: 1000px;
}

header {
	position: relative;
}

.page-header {
	border-bottom: 1px solid #e3e4e4;
	margin: 20px 0;
	padding: 0 0 20px;
	text-align: center;
}

/*h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	color: #55565a;
	font-family: "Amplitude", arial;
	font-weight: normal;
}

h1, .h1 {
	font-family: "Amplitude-Light", arial;
	font-size: 35px;
	width: 80%;
	margin: 0 auto;
	text-align: center;

}

h2, .h2 {
	font-size: 30px;
	font-family: "Amplitude-Medium", arial;
	text-transform: none;
	margin: .5em 0;
}

#content h2:first-child {
	margin-top: 0;
}

#content h3, .h3 {
	font-size: 20px;
}

#content h4, .h4 {

}

#content h5, .h5 {
	display: block;
	color: #6d6e71;
	font-family: "Amplitude-Medium", arial;
	font-size: 16px;
	margin: 0 0 .5em;
	text-transform: uppercase;
}

#content h5 span {
	font-family: "Amplitude-Light", arial;
	display: block;
	text-transform: none;
	margin-top: 2px;
}

#content .h1 .h5,
#content h1 .h5 {
	margin: 0 0 -5px;
}

#content h1 small {
	display: block;
}

#content h3.first {
 consider applying this as default for h3 
	font-family: "Amplitude-Medium", arial;
	margin: 0 0 .5em;
}
#content h2.first {
	margin: 0;
}

#content h2.h3 {
	font-size: 20px;
	font-family: "Amplitude-Medium", arial;
	text-transform: none!important;
}

#content h2.h5 {
	text-transform: none;
	margin: 10px 0 -15px;
}

#content h2 + .hr {
	margin-top: -7px;
}
#content h2[class] + .hr {
	margin-top: 20px;
}
*/

/* probably most links won't have text-decoration, so we'll make that the default */
a {
	color: #88abd5;
	text-decoration: none;
}

a:hover, a:focus {
	text-decoration:underline;
}
#topbg a:hover, #topbg a:focus,
header a:hover, header a:focus {
	text-decoration:none;
}
b, strong, th {
	font-family: "Amplitude-Medium", arial;
	font-weight: normal;
}

/*Correction for Asian Text*/
:lang(zh) b, :lang(zh) strong, :lang(zh) th,
:lang(ja) b, :lang(ja) strong, :lang(ja) th,
:lang(ko) b, :lang(ko) strong, :lang(ko) th {
    font-weight: bold;
}

ul, ol {
	padding: 0 0 0 20px;
}

/*h2 + ul, /*unclear what this is doing here--too global a command*/
nav ul,
.nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

button, .button {
    background: none repeat scroll 0 0 #88ABD5;
    border: 0 none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    font-family: "Amplitude",arial;
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    padding: 6px 10px 8px;
    text-transform: uppercase;
}

.button:after {
    content: " \f105";
    font-family: fontawesome;
}

.wrap {
	margin: 0 auto;
	position: relative;
	width: 950px;
}

.promo {
	/* height: 155 or 320 */
}

body > section {
	margin: 0 0 60px;
}

body > section:before {
	background: url("/images/divider-shadow.png") 50% 0 no-repeat;
	content: " ";
	display: block;
	height: 60px;
	width: 100%;
}

body > header + section:before {
	display: none;
}

body > section.home {
	margin-bottom:0;
}

body > section.home:after {
	background: url("/images/jpmorgan_signature.png") 50% 0 no-repeat;
	content: " ";
	display: block;
	height: 153px;
	width: 100%;
	position:relative;
	left:-281px;
}

.home.mosaic {
    margin-top: 30px;
}

.hr {
	-webkit-transform: translate3d(0,0,0);
	border-top: 1px solid #e3e4e4;
	margin: 20px 0;
}

.hr hr {
	display: none;
}

sup,
sub {
	position: relative;
	top: -.4em;
	vertical-align: baseline;
}

sub {
	top: .4em;
}

.intro {
	width: 80%;
	margin: 0 auto;
	font-size: 20px;
	padding: 0 0 10px;
	line-height: 1.1;
	text-align: center;
}

/* ugly, but it had to be done */
.intro.left {
	text-align: left;
}
/* also ugly, should now use the above instead */
.col18 .intro {
	text-align: left;
}

.intro + p {
	margin-top: -1em;
}


figure img,
figure > span,

figure object {
	display: block !important;
	max-width: 100%;
}

figure[data-video-id] {
	overflow: hidden;
}

figure object {
	margin-top: -1px;
}

p + figure {
	margin-top: 25px;
}

figure iframe {
	margin-bottom: -5px;
}

/* ==========================================================================
   Grids / Columns
   ========================================================================== */
/* could use two single-character classname helpers...
U+25A5 ▥ e2 96 a5 ▥ ▥ SQUARE WITH VERTICAL FILL;
U+25AF ▯ e2 96 af ▯ ▯ WHITE VERTICAL RECTANGLE */
.col { width:30px; margin:0 0 0 10px; float:left; }
.col:first-child { margin:0; }
.col2  { width: 70px; }
.col3  { width: 110px; }
.col4  { width: 150px; }
.col5  { width: 190px; }
.col6  { width: 230px; } /* common */
.col7  { width: 270px; }
.col8  { width: 310px; }
.col9  { width: 350px; }
.col10 { width: 390px; }
.col11 { width: 430px; }
.col12 { width: 470px; }
.col13 { width: 510px; }
.col14 { width: 550px; }
.col15 { width: 590px; }
.col16 { width: 630px; }
.col17 { width: 670px; } /* common */
.col18 { width: 710px; }
.col19 { width: 750px; }
.col20 { width: 790px; }
.col21 { width: 830px; }
.col22 { width: 870px; }
.col23 { width: 910px; }
.col24 { width: 950px; }
.suffix1 { padding-right: 40px; }
.suffix2 { padding-right: 80px; }
.suffix8 { padding-right: 320px; }
.prefix1 { padding-left: 40px; }
.prefix2 { padding-left: 80px; }

.col.half { width:445px; margin-right:60px; }
.col.half + .col.half { margin:0; }

body > div {
    margin: 0 auto;
    width: 950px;
}
/* ////////////////////////////////////////
/* ////////////////////////////////////////
/* ////////////////////////////////////////
/* ////////////////////////////////////////
/* ////////////////////////////////////////
/*
/*             Start old Global styles
/*
/* ////////////////////////////////////////
/* ////////////////////////////////////////
										 */


#bodyContent {

	}

#emailContent {

	}

/* Utility definitions */
div.clear {
	height:0;
	padding:0;
	margin:0;
	line-height:0;
}

.errorTxt, .error {
	color:#F58220;/*Orange*/
}


/* Container and Container content styles */
#containerbg {
	margin: 0 auto 30px;
}

div#container {
	width: auto;
	clear:both;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
}


/* Email Content Styles */
div#emailContent {
    padding:0 35px 35px 15px;
    margin-bottom:35px;
    border-right:1px solid #e8e8e9;
}

div#emailContent font {
    color: #990000 !important;
}

div#emailContent div.contentBucket {
    border-top: 0 none;
}

div#emailContent div.contentBucket .emailButton {
    line-height:17px;;
    background-color: #e9e9e9 !important;
    border: 1px solid #6D6E71 !important;
    color: #54640D !important;
}

div#emailContent div.contentBucket .emailButton:hover {
    color: #343F01 !important;
}




/* Right Rail styles 


div#rightRail, div#rightBody {
    display: table-cell;
    vertical-align: top;
	width:190px;
	font-size:.9em;
}*/



	.sidebar_right {
		clear:both;
		float:right;
		padding:5px 10px 0px 15px;
		margin: 0px 0px 4px 10px;
		font-style: normal;
	}

	.sidebar_left {
		clear:both;
		float:left;
		padding:5px 10px 0px 15px;
		margin: 0px 10px 4px 0px;
		font-style: normal;
	}

	.regular_left {
		clear:left;
		padding:0 10px 10px 15px;
	}

	.regular_right {
		clear:right;
		padding:0 10px 10px 15px;
	}

/** large textbox **/

div.rrTBLarge {
    margin-bottom: 10px;
}

div.rrTBLarge .tbl_t_announce, 
div.rrTBLarge .tbl_t_spot,
div.rrTBLarge .tbl_t_case, 
div.rrTBLarge .tbl_t_feature {
    background-color: #6D6E71;
    color: #FFFFFF;
    font-family: Amplitude-Light;
    font-size: 16px;
    line-height: 21px;
    margin: 0;
    padding: 8px 0 7px;
    text-align: center;
}

.rrTBLarge .tbl_b_announce,
.rrTBLarge .tbl_b_spot,
.rrTBLarge .tbl_b_case,
.rrTBLarge .tbl_b_feature {
    background-color:#EDEEF0;
    margin-bottom:15px;
    padding:10px;
}

.rrUnitGeneric p {

}

/* colorbox.global.css */

	.colorboxes{
		padding:10px 20px 10px 20px; 
		position:relative;
		z-index:10;
		}
	.colorboxes p{
		font-family:Arial, Helvetica, sans-serif;
		color:#333333;

		}
	/*
		ColorBox Core Style:
		The following CSS is consistent between example themes and should not be altered.
	*/
	#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#colorbox,
#cboxWrapper {
   /* width: 1010px !important;*/
    background: none repeat scroll 0 0 #FFFFFF;
}
	#cboxOverlay{position:fixed; width:100%; height:100%;}
	#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
	#cboxContent{position:relative;}
	#cboxLoadedContent{overflow:auto;}
	#cboxTitle{margin:0;}
	#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
	#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
	.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
	.cboxIframe{width:100%; height:100%; display:block; border:0;}
	#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
	#cboxOverlay{background:#090909;}
	#colorbox{}
	#colorbox:focus{outline:0;}
    #cboxTopLeft{ }
    #cboxTopCenter{ }
    #cboxTopRight{ }
   
    #cboxBottomLeft{ }
    #cboxBottomCenter{ }
    #cboxBottomRight{ }
   
    #cboxMiddleLeft{ }
    #cboxMiddleRight{ }

#cboxTopCenter, #cboxBottomCenter {
    height: 50px;
    width: 1010px !important;
}

#cboxMiddleLeft, #cboxMiddleRight {
    width: 30px;
}
    #cboxContent{overflow:visible;/* width:950px !important;*/}
	.cboxIframe{}
	#cboxError{padding:50px; border:1px solid #ccc;}
	#cboxLoadedContent{width:auto !important;}
	#cboxLoadingOverlay{background:#fff;}
	#cboxLoadingGraphic{background:url(/images/onlineservices/loading.gif) no-repeat center center;}
	#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C; display:none !important;}
	#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
	
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    background: none repeat scroll 0 0 #6D6E71;
    border: 0 none;
    color: #FF0000;
    font-size: 1px;
    height: 30px;
    padding: 0;
    position: absolute;
    right: -30px;
    text-indent: -9999px;
    top: -50px;
    width: 30px;
}
#cboxClose:after {
    color: #FFFFFF;
    content: "X";
    display: block;
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 27px;
    height: 30px;
    position: absolute;
    text-align: center;
    text-indent: 2px;
    top: 1px;
    top: -13px\9;
    width: 30px;
}
#cboxClose:hover {
    background-color: #edeef0;
}
#cboxClose:hover:after {
    color: #6D6E71;
}
	#cboxPrevious{left:0px; background-position: -51px -25px;}
	#cboxPrevious:hover{background-position:-51px 0px;}
	#cboxNext{left:27px; background-position:-75px -25px;}
	#cboxNext:hover{background-position:-75px 0px;}
	#cboxClose{}
	#cboxClose:hover{background-position:-100px 0px;}
	
	.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
	.cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
	.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
	.cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}



/****  start THICKBOX style ****/
/*
#TB_window {
	font: 10px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {}

#TB_window a:visited  {}

#TB_window a:hover  {}

#TB_window a:active  {}

#TB_window a:focus  {}

#TB_overlay {
	position: fixed;
	z-index:10199;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}




.TB_overlayMacFFBGHack {
	background: url(/aboutjpm/timeline/resources/macFFfix.png) repeat;
}

.TB_overlayBG {
	background-color:#090909;;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay {
	
	position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 10200;
	color:#000000;
	display:none;
	text-align:left;
	top:50%;
	left:50%;
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.50);
	-khtml-box-shadow: 0px 3px 6px rgba(0,0,0,0.50);
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.50);
	 box-shadow: 0px 3px 6px rgba(0,0,0,0.50);
}

* html #TB_window { 

position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	float:left;
	margin: 25px 0 35px 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:25px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	border:none;
	height:25px;
	padding:25px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	border:none;
	position:absolute;
	right:0;
	top:0;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:25px 0 5px 10px;
	margin-bottom:1px;
	position:absolute;
	display:none;
}

#TB_title{

}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#_loading_txt p{
	font-family:Arial, Helvetica, sans-serif;
}

#TB_load{

	position: fixed;
	display:none;
	font-size:10px;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px;
}

* html #TB_load { 

position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { 

    position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_closeWindowButton {
	border:none;
}

#TB_closeWindowButton {
    background: none repeat scroll 0 0 #6D6E71;
    border: 0 none;
    color: #FF0000;
    font-size: 1px;
    height: 30px;
    padding: 0;
    position: absolute;
    right: -30px;
    text-indent: -9999px;
    top: 0;
    width: 30px;
}
#TB_closeWindowButton:after {
    color: #FFFFFF;
    content: "X";
    display: block;

    font-family: Arial,Helvetica,Sans-serif;
    font-size: 27px;
    height: 30px;
    position: absolute;
    text-align: center;
    text-indent: 0;
    top: 0;
    width: 30px;
}
#TB_closeWindowButton:hover {
    background-color: #edeef0;
}
#TB_closeWindowButton:hover:after {
    color: #6D6E71;
}


#TB_closeWindowButton img {
	display:none;
}

#TB_iframeContent {
	clear:both;
	border:none;
	margin-bottom:0px;
	margin-top:1px;
overflow:hidden;
	_margin-bottom:1px;
}*/

/****  end THICKBOX style ****/

/*** BEGIN skip link style ***/

div.skiplink-container a { left: -999em; position: absolute; }
div.skiplink-container a:focus {
    background: none repeat scroll 0 0 #FFFFFF !important;
    left: auto;
    padding: 0.5em;
    z-index: 1000;
    color:#88abd5 !important;
}
/*** END skip link style ***/

/*:focus {
 outline:1px solid black;
}*/

.accessible-text {
	font-size:0; 
	width:0; 
	height:1px; 
	position:absolute; 
	overflow:hidden; 
	z-index:-1000;
}

/*START Regular Tables*/

table{
	width:100%
}
#bodyContent th, #bodyContent td{
	padding:6px 20px;
	text-align:left;
	vertical-align:top;
}
#bodyContent tbody tr:first-child td{
	padding-top:15px
}
#bodyContent th{
	border:1px solid #b1b2b3;
	border-width:1px 0;
	background:#fff;
	font-size:1.25em;
	font-weight:400
}
#bodyContent th[data-sort]:hover{
	cursor:pointer;
	color:#000
}
#bodyContent th[data-sort] i{
	display:inline-block;
	visibility:hidden;
	margin:-3px 0 0 8px;
	vertical-align:middle;
	width:0;
	height:0;
	border:4.5px solid transparent;
	border-top:0;
	border-bottom:5px solid #6d6e71
}
#bodyContent th.sorting-asc i{
	visibility:visible
}
#bodyContent th.sorting-desc i{
	visibility:visible;
	border-top:5px solid #6d6e71;
	border-bottom:0
}
#bodyContent tr.even td{
	background:#edeef0
}
#bodyContent td a{
	font-family:"Amplitude-Medium",arial;
	text-decoration:underline
}


/*START Side-by-side lists*/

.sidebysidelist {
	display:table;
	table-layout:fixed;
	width:100%;
	border-collapse:collapse;
	margin:1em 0;
}

.sidebysidelist div {
	display:table-row;
}

.sidebysidelist ul {
	display:table-cell;
}

.sidebysidelist ul ul,
.sidebysidelist ul div, 
.sidebysidelist div div,{
	display:block;
}

/*END Side-by-side lists*/


/*START cssTable*/

.cssTable {
	display: table; 
	table-layout: fixed; 
	width: 100%; 
	border-collapse: collapse;
	margin: 1em 0; 
}

.cssTable .cssRow {
	display:table-row;
}

.cssTable .cssCell {
	display: table-cell;
}

/*END cssTable*/


/* News & Announcements styles */

.newshdr, .newshdr a {
    color: #321c0f;
    font-size: 16px;
}
#newsbox {
    font-family: "Amplitude-Medium","Amplitude-Light","Arial Narrow",arial;
    font-size: 12px;
}
#newsbox .link {
    margin-bottom: 1em;
    line-height: 12px;
}
#newsbox .readBG,
#newsbox #page1 .botNavA, 
#newsbox #page1 .botNavB,
#page2 .leftNav2 {
    display: none;
}
.rightNav a {
    font-family: "Amplitude-Medium","Amplitude-Light","Arial Narrow",arial;
    font-size: 16px;
}
.rightNav a:after {
    content: " \f105";
    font-family: fontawesome;
}


/*enable FontAwesome*/


[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;}
[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;}
.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;}
a [class^="icon-"],a [class*=" icon-"]{display:inline;}
[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;}
.icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;}
.icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;}
[class^="icon-"].hide,[class*=" icon-"].hide{display:none;}
.icon-muted{color:#eeeeee;}
.icon-light{color:#ffffff;}
.icon-dark{color:#333333;}
.icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}
.pull-right{float:right;}
.pull-left{float:left;}
[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;}
[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;}
[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;}
.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;}
.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;}
.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;}
.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;}
.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;}
.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit;}
.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;}

.icon-stack .icon-stack-base{font-size:2em;*line-height:1em;}
.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);}
.icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);}
a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;}
.icon-glass:before{content:"\f000";}
.icon-music:before{content:"\f001";}
.icon-search:before{content:"\f002";}
.icon-envelope-alt:before{content:"\f003";}
.icon-heart:before{content:"\f004";}
.icon-star:before{content:"\f005";}
.icon-star-empty:before{content:"\f006";}
.icon-user:before{content:"\f007";}
.icon-film:before{content:"\f008";}
.icon-th-large:before{content:"\f009";}
.icon-th:before{content:"\f00a";}
.icon-th-list:before{content:"\f00b";}
.icon-ok:before{content:"\f00c";}
.icon-remove:before{content:"\f00d";}
.icon-zoom-in:before{content:"\f00e";}
.icon-zoom-out:before{content:"\f010";}
.icon-power-off:before,.icon-off:before{content:"\f011";}
.icon-signal:before{content:"\f012";}
.icon-gear:before,.icon-cog:before{content:"\f013";}
.icon-trash:before{content:"\f014";}
.icon-home:before{content:"\f015";}

.icon-file-alt:before{content:"\f016";}
.icon-time:before{content:"\f017";}
.icon-road:before{content:"\f018";}
.icon-download-alt:before{content:"\f019";}
.icon-download:before{content:"\f01a";}
.icon-upload:before{content:"\f01b";}
.icon-inbox:before{content:"\f01c";}
.icon-play-circle:before{content:"\f01d";}
.icon-rotate-right:before,.icon-repeat:before{content:"\f01e";}
.icon-refresh:before{content:"\f021";}
.icon-list-alt:before{content:"\f022";}
.icon-lock:before{content:"\f023";}
.icon-flag:before{content:"\f024";}
.icon-headphones:before{content:"\f025";}
.icon-volume-off:before{content:"\f026";}
.icon-volume-down:before{content:"\f027";}
.icon-volume-up:before{content:"\f028";}
.icon-qrcode:before{content:"\f029";}
.icon-barcode:before{content:"\f02a";}
.icon-tag:before{content:"\f02b";}
.icon-tags:before{content:"\f02c";}
.icon-book:before{content:"\f02d";}
.icon-bookmark:before{content:"\f02e";}
.icon-print:before{content:"\f02f";}
.icon-camera:before{content:"\f030";}
.icon-font:before{content:"\f031";}
.icon-bold:before{content:"\f032";}
.icon-italic:before{content:"\f033";}
.icon-text-height:before{content:"\f034";}
.icon-text-width:before{content:"\f035";}
.icon-align-left:before{content:"\f036";}
.icon-align-center:before{content:"\f037";}
.icon-align-right:before{content:"\f038";}
.icon-align-justify:before{content:"\f039";}
.icon-list:before{content:"\f03a";}
.icon-indent-left:before{content:"\f03b";}
.icon-indent-right:before{content:"\f03c";}
.icon-facetime-video:before{content:"\f03d";}
.icon-picture:before{content:"\f03e";}
.icon-pencil:before{content:"\f040";}
.icon-map-marker:before{content:"\f041";}
.icon-adjust:before{content:"\f042";}
.icon-tint:before{content:"\f043";}
.icon-edit:before{content:"\f044";}
.icon-share:before{content:"\f045";}
.icon-check:before{content:"\f046";}
.icon-move:before{content:"\f047";}
.icon-step-backward:before{content:"\f048";}
.icon-fast-backward:before{content:"\f049";}
.icon-backward:before{content:"\f04a";}
.icon-play:before{content:"\f04b";}
.icon-pause:before{content:"\f04c";}
.icon-stop:before{content:"\f04d";}
.icon-forward:before{content:"\f04e";}
.icon-fast-forward:before{content:"\f050";}
.icon-step-forward:before{content:"\f051";}
.icon-eject:before{content:"\f052";}
.icon-chevron-left:before{content:"\f053";}
.icon-chevron-right:before{content:"\f054";}
.icon-plus-sign:before{content:"\f055";}
.icon-minus-sign:before{content:"\f056";}
.icon-remove-sign:before{content:"\f057";}
.icon-ok-sign:before{content:"\f058";}
.icon-question-sign:before{content:"\f059";}
.icon-info-sign:before{content:"\f05a";}
.icon-screenshot:before{content:"\f05b";}
.icon-remove-circle:before{content:"\f05c";}
.icon-ok-circle:before{content:"\f05d";}
.icon-ban-circle:before{content:"\f05e";}
.icon-arrow-left:before{content:"\f060";}
.icon-arrow-right:before{content:"\f061";}
.icon-arrow-up:before{content:"\f062";}
.icon-arrow-down:before{content:"\f063";}
.icon-mail-forward:before,.icon-share-alt:before{content:"\f064";}
.icon-resize-full:before{content:"\f065";}
.icon-resize-small:before{content:"\f066";}
.icon-plus:before{content:"\f067";}
.icon-minus:before{content:"\f068";}
.icon-asterisk:before{content:"\f069";}
.icon-exclamation-sign:before{content:"\f06a";}
.icon-gift:before{content:"\f06b";}
.icon-leaf:before{content:"\f06c";}
.icon-fire:before{content:"\f06d";}
.icon-eye-open:before{content:"\f06e";}
.icon-eye-close:before{content:"\f070";}
.icon-warning-sign:before{content:"\f071";}
.icon-plane:before{content:"\f072";}
.icon-calendar:before{content:"\f073";}
.icon-random:before{content:"\f074";}
.icon-comment:before{content:"\f075";}
.icon-magnet:before{content:"\f076";}
.icon-chevron-up:before{content:"\f077";}
.icon-chevron-down:before{content:"\f078";}
.icon-retweet:before{content:"\f079";}
.icon-shopping-cart:before{content:"\f07a";}
.icon-folder-close:before{content:"\f07b";}
.icon-folder-open:before{content:"\f07c";}
.icon-resize-vertical:before{content:"\f07d";}
.icon-resize-horizontal:before{content:"\f07e";}
.icon-bar-chart:before{content:"\f080";}
.icon-twitter-sign:before{content:"\f081";}
.icon-facebook-sign:before{content:"\f082";}
.icon-camera-retro:before{content:"\f083";}
.icon-key:before{content:"\f084";}
.icon-gears:before,.icon-cogs:before{content:"\f085";}
.icon-comments:before{content:"\f086";}
.icon-thumbs-up-alt:before{content:"\f087";}
.icon-thumbs-down-alt:before{content:"\f088";}
.icon-star-half:before{content:"\f089";}
.icon-heart-empty:before{content:"\f08a";}
.icon-signout:before{content:"\f08b";}
.icon-linkedin-sign:before{content:"\f08c";}
.icon-pushpin:before{content:"\f08d";}
.icon-external-link:before{content:"\f08e";}
.icon-signin:before{content:"\f090";}
.icon-trophy:before{content:"\f091";}
.icon-github-sign:before{content:"\f092";}
.icon-upload-alt:before{content:"\f093";}
.icon-lemon:before{content:"\f094";}
.icon-phone:before{content:"\f095";}
.icon-unchecked:before,.icon-check-empty:before{content:"\f096";}
.icon-bookmark-empty:before{content:"\f097";}
.icon-phone-sign:before{content:"\f098";}
.icon-twitter:before{content:"\f099";}
.icon-facebook:before{content:"\f09a";}
.icon-github:before{content:"\f09b";}
.icon-unlock:before{content:"\f09c";}
.icon-credit-card:before{content:"\f09d";}
.icon-rss:before{content:"\f09e";}
.icon-hdd:before{content:"\f0a0";}
.icon-bullhorn:before{content:"\f0a1";}
.icon-bell:before{content:"\f0a2";}
.icon-certificate:before{content:"\f0a3";}
.icon-hand-right:before{content:"\f0a4";}
.icon-hand-left:before{content:"\f0a5";}
.icon-hand-up:before{content:"\f0a6";}
.icon-hand-down:before{content:"\f0a7";}
.icon-circle-arrow-left:before{content:"\f0a8";}
.icon-circle-arrow-right:before{content:"\f0a9";}
.icon-circle-arrow-up:before{content:"\f0aa";}
.icon-circle-arrow-down:before{content:"\f0ab";}
.icon-globe:before{content:"\f0ac";}
.icon-wrench:before{content:"\f0ad";}
.icon-tasks:before{content:"\f0ae";}
.icon-filter:before{content:"\f0b0";}
.icon-briefcase:before{content:"\f0b1";}
.icon-fullscreen:before{content:"\f0b2";}
.icon-group:before{content:"\f0c0";}
.icon-link:before{content:"\f0c1";}
.icon-cloud:before{content:"\f0c2";}
.icon-beaker:before{content:"\f0c3";}
.icon-cut:before{content:"\f0c4";}
.icon-copy:before{content:"\f0c5";}
.icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6";}
.icon-save:before{content:"\f0c7";}
.icon-sign-blank:before{content:"\f0c8";}
.icon-reorder:before{content:"\f0c9";}
.icon-list-ul:before{content:"\f0ca";}
.icon-list-ol:before{content:"\f0cb";}
.icon-strikethrough:before{content:"\f0cc";}
.icon-underline:before{content:"\f0cd";}
.icon-table:before{content:"\f0ce";}
.icon-magic:before{content:"\f0d0";}
.icon-truck:before{content:"\f0d1";}
.icon-pinterest:before{content:"\f0d2";}
.icon-pinterest-sign:before{content:"\f0d3";}
.icon-google-plus-sign:before{content:"\f0d4";}
.icon-google-plus:before{content:"\f0d5";}
.icon-money:before{content:"\f0d6";}
.icon-caret-down:before{content:"\f0d7";}
.icon-caret-up:before{content:"\f0d8";}
.icon-caret-left:before{content:"\f0d9";}
.icon-caret-right:before{content:"\f0da";}
.icon-columns:before{content:"\f0db";}
.icon-sort:before{content:"\f0dc";}
.icon-sort-down:before{content:"\f0dd";}
.icon-sort-up:before{content:"\f0de";}
.icon-envelope:before{content:"\f0e0";}
.icon-linkedin:before{content:"\f0e1";}
.icon-rotate-left:before,.icon-undo:before{content:"\f0e2";}
.icon-legal:before{content:"\f0e3";}
.icon-dashboard:before{content:"\f0e4";}
.icon-comment-alt:before{content:"\f0e5";}
.icon-comments-alt:before{content:"\f0e6";}
.icon-bolt:before{content:"\f0e7";}
.icon-sitemap:before{content:"\f0e8";}
.icon-umbrella:before{content:"\f0e9";}
.icon-paste:before{content:"\f0ea";}
.icon-lightbulb:before{content:"\f0eb";}
.icon-exchange:before{content:"\f0ec";}
.icon-cloud-download:before{content:"\f0ed";}
.icon-cloud-upload:before{content:"\f0ee";}
.icon-user-md:before{content:"\f0f0";}
.icon-stethoscope:before{content:"\f0f1";}
.icon-suitcase:before{content:"\f0f2";}
.icon-bell-alt:before{content:"\f0f3";}
.icon-coffee:before{content:"\f0f4";}

.icon-food:before{content:"\f0f5";}
.icon-file-text-alt:before{content:"\f0f6";}
.icon-building:before{content:"\f0f7";}
.icon-hospital:before{content:"\f0f8";}
.icon-ambulance:before{content:"\f0f9";}
.icon-medkit:before{content:"\f0fa";}
.icon-fighter-jet:before{content:"\f0fb";}
.icon-beer:before{content:"\f0fc";}
.icon-h-sign:before{content:"\f0fd";}
.icon-plus-sign-alt:before{content:"\f0fe";}
.icon-double-angle-left:before{content:"\f100";}
.icon-double-angle-right:before{content:"\f101";}
.icon-double-angle-up:before{content:"\f102";}
.icon-double-angle-down:before{content:"\f103";}
.icon-angle-left:before{content:"\f104";}
.icon-angle-right:before{content:"\f105";}
.icon-angle-up:before{content:"\f106";}
.icon-angle-down:before{content:"\f107";}
.icon-desktop:before{content:"\f108";}
.icon-laptop:before{content:"\f109";}
.icon-tablet:before{content:"\f10a";}
.icon-mobile-phone:before{content:"\f10b";}
.icon-circle-blank:before{content:"\f10c";}
.icon-quote-left:before{content:"\f10d";}
.icon-quote-right:before{content:"\f10e";}
.icon-spinner:before{content:"\f110";}
.icon-circle:before{content:"\f111";}
.icon-mail-reply:before,.icon-reply:before{content:"\f112";}
.icon-github-alt:before{content:"\f113";}
.icon-folder-close-alt:before{content:"\f114";}
.icon-folder-open-alt:before{content:"\f115";}
.icon-expand-alt:before{content:"\f116";}
.icon-collapse-alt:before{content:"\f117";}
.icon-smile:before{content:"\f118";}
.icon-frown:before{content:"\f119";}
.icon-meh:before{content:"\f11a";}
.icon-gamepad:before{content:"\f11b";}
.icon-keyboard:before{content:"\f11c";}
.icon-flag-alt:before{content:"\f11d";}
.icon-flag-checkered:before{content:"\f11e";}
.icon-terminal:before{content:"\f120";}
.icon-code:before{content:"\f121";}
.icon-reply-all:before{content:"\f122";}
.icon-mail-reply-all:before{content:"\f122";}
.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";}
.icon-location-arrow:before{content:"\f124";}
.icon-crop:before{content:"\f125";}
.icon-code-fork:before{content:"\f126";}
.icon-unlink:before{content:"\f127";}
.icon-question:before{content:"\f128";}
.icon-info:before{content:"\f129";}
.icon-exclamation:before{content:"\f12a";}
.icon-superscript:before{content:"\f12b";}
.icon-subscript:before{content:"\f12c";}
.icon-eraser:before{content:"\f12d";}
.icon-puzzle-piece:before{content:"\f12e";}
.icon-microphone:before{content:"\f130";}
.icon-microphone-off:before{content:"\f131";}
.icon-shield:before{content:"\f132";}
.icon-calendar-empty:before{content:"\f133";}
.icon-fire-extinguisher:before{content:"\f134";}
.icon-rocket:before{content:"\f135";}
.icon-maxcdn:before{content:"\f136";}
.icon-chevron-sign-left:before{content:"\f137";}
.icon-chevron-sign-right:before{content:"\f138";}
.icon-chevron-sign-up:before{content:"\f139";}
.icon-chevron-sign-down:before{content:"\f13a";}
.icon-html5:before{content:"\f13b";}
.icon-css3:before{content:"\f13c";}
.icon-anchor:before{content:"\f13d";}
.icon-unlock-alt:before{content:"\f13e";}
.icon-bullseye:before{content:"\f140";}
.icon-ellipsis-horizontal:before{content:"\f141";}
.icon-ellipsis-vertical:before{content:"\f142";}
.icon-rss-sign:before{content:"\f143";}
.icon-play-sign:before{content:"\f144";}
.icon-ticket:before{content:"\f145";}
.icon-minus-sign-alt:before{content:"\f146";}
.icon-check-minus:before{content:"\f147";}
.icon-level-up:before{content:"\f148";}
.icon-level-down:before{content:"\f149";}
.icon-check-sign:before{content:"\f14a";}
.icon-edit-sign:before{content:"\f14b";}
.icon-external-link-sign:before{content:"\f14c";}
.icon-share-sign:before{content:"\f14d";}
.icon-compass:before{content:"\f14e";}
.icon-collapse:before{content:"\f150";}
.icon-collapse-top:before{content:"\f151";}
.icon-expand:before{content:"\f152";}
.icon-euro:before,.icon-eur:before{content:"\f153";}
.icon-gbp:before{content:"\f154";}
.icon-dollar:before,.icon-usd:before{content:"\f155";}
.icon-rupee:before,.icon-inr:before{content:"\f156";}
.icon-yen:before,.icon-jpy:before{content:"\f157";}
.icon-renminbi:before,.icon-cny:before{content:"\f158";}
.icon-won:before,.icon-krw:before{content:"\f159";}
.icon-bitcoin:before,.icon-btc:before{content:"\f15a";}
.icon-file:before{content:"\f15b";}
.icon-file-text:before{content:"\f15c";}
.icon-sort-by-alphabet:before{content:"\f15d";}
.icon-sort-by-alphabet-alt:before{content:"\f15e";}
.icon-sort-by-attributes:before{content:"\f160";}
.icon-sort-by-attributes-alt:before{content:"\f161";}
.icon-sort-by-order:before{content:"\f162";}
.icon-sort-by-order-alt:before{content:"\f163";}
.icon-thumbs-up:before{content:"\f164";}
.icon-thumbs-down:before{content:"\f165";}
.icon-youtube-sign:before{content:"\f166";}
.icon-youtube:before{content:"\f167";}
.icon-xing:before{content:"\f168";}
.icon-xing-sign:before{content:"\f169";}
.icon-youtube-play:before{content:"\f16a";}
.icon-dropbox:before{content:"\f16b";}
.icon-stackexchange:before{content:"\f16c";}
.icon-instagram:before{content:"\f16d";}
.icon-flickr:before{content:"\f16e";}
.icon-adn:before{content:"\f170";}
.icon-bitbucket:before{content:"\f171";}
.icon-bitbucket-sign:before{content:"\f172";}
.icon-tumblr:before{content:"\f173";}
.icon-tumblr-sign:before{content:"\f174";}
.icon-long-arrow-down:before{content:"\f175";}
.icon-long-arrow-up:before{content:"\f176";}
.icon-long-arrow-left:before{content:"\f177";}
.icon-long-arrow-right:before{content:"\f178";}
.icon-apple:before{content:"\f179";}
.icon-windows:before{content:"\f17a";}
.icon-android:before{content:"\f17b";}
.icon-linux:before{content:"\f17c";}
.icon-dribbble:before{content:"\f17d";}
.icon-skype:before{content:"\f17e";}
.icon-foursquare:before{content:"\f180";}
.icon-trello:before{content:"\f181";}
.icon-female:before{content:"\f182";}
.icon-male:before{content:"\f183";}
.icon-gittip:before{content:"\f184";}
.icon-sun:before{content:"\f185";}
.icon-moon:before{content:"\f186";}
.icon-archive:before{content:"\f187";}
.icon-bug:before{content:"\f188";}
.icon-vk:before{content:"\f189";}
.icon-weibo:before{content:"\f18a";}
.icon-renren:before{content:"\f18b";}

.scale-with-grid {
	max-width: 100%;
	height: auto;
}


#content {
	overflow: hidden;
	display: flex;
	justify-content: center;
	font-size: 1.6rem;
}

#content h1, #content .h1, #content h2, #content .h2, #content h3, #content .h3, #content h4, #content .h4, #content h5, #content .h5, #content h6, #content .h6 {
	color: #55565a;
	font-family: "Amplitude", arial;
	font-weight: normal;
}

legend{
	width: initial;
}

#rightRail{
   display: none;
}

p{
	font-size: 16px;
}