@charset "UTF-8";
/* (c) 2012 Instagram, Inc, */
/* @license
 * MyFonts Webfont Build ID 2164953, 2012-03-23T23:06:30-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 *
 * Webfont: Proxima Nova Regular by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/regular/
 * Licensed pageviews: unlimited
 *
 * Webfont: Proxima Nova Semibold by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/semibold/
 * Licensed pageviews: unlimited
 *
 * Webfont: Proxima Nova Bold Italic by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/bold-it/
 * Licensed pageviews: unlimited
 *
 * Webfont: Proxima Nova Bold by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/bold/
 * Licensed pageviews: unlimited
 *
 * Webfont: Proxima Nova Italic by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/regular-it/
 * Licensed pageviews: unlimited
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2164953
 * Webfonts copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 *
 * © 2012 Bitstream Inc
 */
@font-face {
  font-family: 'proxima-nova';
  src: url("../../webfonts/proximanova-bold-webfont.eot");
  src: url("../../webfonts/proximanova-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../../webfonts/proximanova-bold-webfont.woff") format("woff"), url("../../webfonts/proximanova-bold-webfont.ttf") format("truetype"), url("../../webfonts/proximanova-bold-webfont.svg#ProximaNovaBold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'proxima-nova';
  src: url("../../webfonts/proximanova-boldit-webfont.eot");
  src: url("../../webfonts/proximanova-boldit-webfont.eot?#iefix") format("embedded-opentype"), url("../../webfonts/proximanova-boldit-webfont.woff") format("woff"), url("../../webfonts/proximanova-boldit-webfont.ttf") format("truetype"), url("../../webfonts/proximanova-boldit-webfont.svg#ProximaNovaBoldItalic") format("svg");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'proxima-nova';
  src: url("../../webfonts/proximanova-reg-webfont.eot");
  src: url("../../webfonts/proximanova-reg-webfont.eot?#iefix") format("embedded-opentype"), url("../../webfonts/proximanova-reg-webfont.woff") format("woff"), url("../../webfonts/proximanova-reg-webfont.ttf") format("truetype"), url("../../webfonts/proximanova-reg-webfont.svg#ProximaNovaRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'proxima-nova';
  src: url("../../webfonts/proximanova-regit-webfont.eot");
  src: url("../../webfonts/proximanova-regit-webfont.eot?#iefix") format("embedded-opentype"), url("../../webfonts/proximanova-regit-webfont.woff") format("woff"), url("../../webfonts/proximanova-regit-webfont.ttf") format("truetype"), url("../../webfonts/proximanova-regit-webfont.svg#ProximaNovaRegularItalic") format("svg");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'proxima-nova';
  src: url("../../webfonts/proximanova-sbold-webfont.eot");
  src: url("../../webfonts/proximanova-sbold-webfont.eot?#iefix") format("embedded-opentype"), url("../../webfonts/proximanova-sbold-webfont.woff") format("woff"), url("../../webfonts/proximanova-sbold-webfont.ttf") format("truetype"), url("../../webfonts/proximanova-sbold-webfont.svg#ProximaNovaSemibold") format("svg");
  font-weight: 600;
  font-style: normal; }

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

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

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

[hidden] {
  display: none; }

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

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

body {
  margin: 0; }

h1 {
  font-size: 2em; }

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

b,
strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

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

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

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

q {
  quotes: none; }

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

small {
  font-size: 75%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

ul,
ol {
  margin-left: 0;
  padding: 0 0 0 40px; }

dd {
  margin: 0 0 0 40px; }

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

img {
  border: 0;
  -ms-interpolation-mode: bicubic; }

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

figure {
  margin: 0; }

form {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px; }

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

button,
input {
  line-height: normal; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible; }

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

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }
  input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none; }

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

textarea {
  overflow: auto;
  vertical-align: top; }

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

html, body {
  height: 100%; }

html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased; }

body {
  background: #fff; }

a img, fieldset {
  border: none; }

fieldset {
  padding: 0; }

input[type=submit],
input.submit {
  font-weight: bold;
  width: auto !important; }

input[type=image], input.image,
input[type=radio], input.radio,
input[type=checkbox], input.checkbox {
  background: none !important;
  border: none !important;
  height: auto !important;
  width: auto !important; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
  margin: 0; }

img.left {
  display: inline;
  float: left !important; }

img.right {
  display: inline;
  float: right !important; }

caption, th {
  text-align: left; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden !important; }

.visible {
  visibility: visible !important; }

.clear:after, .page-footer:after, article header:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0.01em !important;
  line-height: 0.01em !important; }

.clear, .page-footer, article header {
  display: inline-block; }

* html .clear, * html .page-footer, * html article header, article * html header {
  height: 1%; }

.clear, .page-footer, article header {
  display: block; }

@media screen and (max-device-width: 480px) {
  html {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none; } }
form p {
  margin-bottom: 10px; }

label {
  display: block; }

input,
select,
textarea {
  border: 1px solid #ccc;
  padding: 9px 8px 7px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); }
  input:focus,
  select:focus,
  textarea:focus {
    border-color: #a4baca !important;
    background: #f5f7f9; }

input:focus,
select:focus,
textarea:focus {
  border-color: #999; }

select {
  padding: 2px; }

input[type=file] {
  padding: 2px;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

label {
  font-weight: bold; }

.form-checkbox > span label span,
.form-radio > span label span {
  padding-left: 10px; }

.form-checkbox > span label span,
.form-radio > span label span {
  font-weight: normal; }

body {
  line-height: 20px;
  color: #222222; }

.proxima-nova,
body, input, select, textarea {
  font-family: 'proxima-nova', 'Helvetica Neue', Arial, Helvetica, sans-serif; }

.freight-sans-pro,
h1, h2, h3 {
  font-family: 'freight-sans-pro', 'proxima-nova', 'Helvetica Neue', Arial, Helvetica, sans-serif; }

code {
  font-family: Monaco, Consolas, 'Lucida Console', monospace; }

.at-symbol {
  font-family: Verdana, Helvetica, Arial, sans-serif; }

body {
  font-size: 14px;
  font-size: 1.4rem; }

h1 {
  font-size: 36px;
  line-height: 40px; }

h2 {
  font-size: 23px;
  line-height: 30px; }

h3 {
  font-size: 16px;
  font-weight: 600;
  font-weight: bold; }

h4 {
  font-size: 14px;
  font-weight: 600;
  font-weight: bold;
  text-transform: uppercase; }

small {
  font-size: 12px; }

h1, h2, h3, h4, h5, h6,
th {
  font-weight: 600;
  font-weight: bold; }

h1 {
  margin: 40px 0 20px -1px; }

h2 {
  margin: 20px 0 10px; }

h1 + h2 {
  margin-top: 20px; }

h3 {
  margin: 20px 0 10px; }

h4 {
  margin: 20px 0 10px; }

h1:first-child, h2:first-child {
  margin-top: 0; }

p {
  margin: 0 0 10px; }

pre {
  margin: 15px 0 25px; }
  pre code {
    padding: 14px 14px 14px 19px; }

form label {
  display: block;
  margin: 0 0 5px; }
form input, form select, form textarea {
  font-size: 14px;
  font-size: 1.4rem; }

table {
  margin: 20px 0 30px; }

th, td {
  padding: 5px 10px 4px 0;
  border-bottom: 1px solid #ddd; }

th, tr:last-child td {
  border-bottom-color: #ccc; }

ul, ol {
  margin: 0 0 20px; }
  ul ul, ul ol, ol ul, ol ol {
    margin: 5px 0 15px; }

li {
  margin: 0 0 5px; }

a, a:visited {
  text-decoration: none; }
a:hover {
  text-decoration: underline; }

a, a:visited {
  color: #3f729b; }

a:hover {
  color: #1c5380; }

code {
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 15px; }

th {
  text-transform: uppercase; }

.at-symbol {
  opacity: 0.6; }

p.emphasized {
  font-size: 16px;
  font-weight: 600;
  line-height: 25px; }

.top-bar h1, .top-bar h2 {
  color: #fff; }
.top-bar h2 {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); }
.top-bar a, .top-bar a:visited, .top-bar a:hover {
  text-decoration: none; }

.page-footer {
  font-size: 12px;
  line-height: 16px; }
  .page-footer nav, .page-footer p {
    text-transform: uppercase;
    font-weight: bold; }
  .page-footer p {
    color: #999999;
    color: rgba(0, 0, 0, 0.3); }

.account-state {
  font-weight: bold; }
  .account-state, .account-state a, .account-state a:hover, .account-state a:active {
    color: #fff; }
  .account-state a:active {
    color: #eee; }

.dropdown {
  color: #333;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  font-weight: bold; }
  .dropdown, .dropdown a, .dropdown a:link, .dropdown a:active {
    color: #666;
    text-decoration: none; }
  .dropdown a:hover {
    color: #444; }
  .dropdown a:active {
    color: #111; }
  .dropdown li.negative, .dropdown li.negative a, .dropdown li.negative a:active {
    color: #c00; }
  .dropdown li strong {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 15px;
    color: #aaa; }

.page-footer-chromeless, .page-footer-dark,
.page-home .page-footer {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }

.page-footer-dark span, .page-footer-dark a, .page-footer-dark a:visited, .page-footer-dark a:active, .page-footer-dark a:hover {
  color: #fff;
  -moz-opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3; }
.page-footer-dark a:hover, .page-footer-dark a:active {
  -moz-opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.8;
  opacity: 0.8; }

a {
  -webkit-tap-highlight-color: rgba(63, 114, 155, 0.3); }

pre code {
  display: block;
  overflow: auto;
  background: #fafafa;
  border: 1px solid #ddd; }

code {
  max-width: 100%;
  display: inline;
  background: #eee; }

form ul.errorlist {
  display: none; }
  form ul.errorlist + p input {
    background-color: #fff6f6;
    border-color: #eec3c7; }

fieldset {
  margin: 0 0 20px; }

input[type=text] {
  -webkit-appearance: none; }

textarea {
  padding: 7px 7px 6px; }

.form-actions {
  padding-top: 20px; }

.main form.bordered {
  padding: 40px 0 1px;
  margin: -1px 0 0;
  border-top: 1px solid #ddd; }
  .main form.bordered input:not([type=submit]), .main form.bordered span {
    width: 50%;
    display: inline-block; }
  .main form.bordered span > input:not([type=submit]) {
    width: 100%; }
  .main form.bordered textarea {
    width: 100%; }
  .main form.bordered .form-actions {
    margin-top: 40px;
    border-top: 1px solid #ddd;
    padding-top: 20px; }

.main form.adjacent fieldset {
  margin: 0 0 30px; }
.main form.adjacent p {
  min-height: 30px;
  margin-bottom: 10px; }
.main form.adjacent label {
  display: inline-block;
  width: 160px;
  min-height: 20px; }
.main form.adjacent.wide label {
  width: 220px; }
.main form.adjacent.very-wide label {
  width: 330px; }
.main form.adjacent input[type=text],
.main form.adjacent input[type=email],
.main form.adjacent input[type=password],
.main form.adjacent input[type=tel],
.main form.adjacent textarea {
  margin-top: -5px;
  position: relative;
  top: 0; }
.main form.adjacent textarea {
  margin-bottom: 10px; }
.main form.adjacent span .button {
  margin: -5px 0 0 10px; }
.main form.adjacent span.helptext {
  font-size: 0.9em;
  font-style: italic;
  display: block;
  padding: 10px 0 10px 0;
  width: auto;
  max-width: 999px !important; }

.fadedTextField {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(0, 0, 0, 0.08); }
  .fadedTextField:focus {
    background: #fff; }

table {
  width: 100% !important; }

ol, ul {
  padding-left: 20px;
  list-style-position: outside; }

ul {
  list-style-type: square; }

ol {
  list-style-type: decimal; }

[type=submit],
.button {
  position: relative;
  cursor: pointer;
  font-weight: bold;
  line-height: 1em;
  text-decoration: none !important;
  color: #111;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  position: relative;
  background-color: #eeeeee;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
  [type=submit]:hover,
  .button:hover {
    background-color: #eeeeee; }
  [type=submit].button-active, [type=submit].active, [type=submit]:active, html.touch [type=submit].pressed,
  .button.button-active,
  .button.active,
  .button:active, html.touch
  .button.pressed {
    background-color: #dddddd; }
  [type=submit],
  .button {
    border: 1px solid #bbbbbb; }
  [type=submit].button-active, [type=submit].active, [type=submit]:active, html.touch [type=submit].pressed,
  .button.button-active,
  .button.active,
  .button:active, html.touch
  .button.pressed {
    border-color: #a2a2a2; }

[type=button],
[type=submit],
.button,
.button-medium {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 7px 10px 8px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.button-micro {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 4px 7px 4px;
  -webkit-border-radius: 2px;
  border-radius: 2px; }

.button-tiny {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 6px 8px 5px;
  -webkit-border-radius: 2px;
  border-radius: 2px; }

.button-small,
.button-altsmall,
.main form.adjacent span .button {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 7px 9px 6px; }

.button-large {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 9px 12px; }

.button-xlarge {
  font-size: 23px;
  font-size: 2.3rem;
  padding: 10px 13px; }

[type=submit], [type=submit]:visited,
.button,
.button:visited,
.button-light,
.button-light:visited {
  color: #0f3556 !important; }
[type=submit]:hover,
.button:hover,
.button-light:hover {
  color: #062540 !important; }
[type=submit].button-active, [type=submit].active, [type=submit]:active, html.touch [type=submit].pressed,
.button.button-active,
.button.active,
.button:active, html.touch
.button.pressed,
.button-light.button-active,
.button-light.active,
.button-light:active, html.touch
.button-light.pressed {
  color: #062540 !important; }

.button-grey, .button-grey:visited {
  color: #666666 !important; }
.button-grey:hover {
  color: #444444 !important; }
.button-grey.button-active, .button-grey.active, .button-grey:active, html.touch .button-grey.pressed {
  color: #444444 !important; }

.button-dark, .button-gray, .button-blue, .button-brown, .button-red, .button-darkred, .button-green, .button-yellow, .button-altblue, .button-headerblue, .button-altgreen, .button-dark:visited, .button-gray:visited, .button-blue:visited, .button-brown:visited, .button-red:visited, .button-darkred:visited, .button-green:visited, .button-yellow:visited, .button-altblue:visited, .button-headerblue:visited, .button-altgreen:visited {
  color: #fff !important; }
.button-dark:hover, .button-gray:hover, .button-blue:hover, .button-brown:hover, .button-red:hover, .button-darkred:hover, .button-green:hover, .button-yellow:hover, .button-altblue:hover, .button-headerblue:hover, .button-altgreen:hover {
  color: #fff !important; }
.button-dark.button-active, .button-active.button-gray, .button-active.button-blue, .button-active.button-brown, .button-active.button-red, .button-active.button-darkred, .button-active.button-green, .button-active.button-yellow, .button-active.button-altblue, .button-active.button-headerblue, .button-active.button-altgreen, .button-dark.active, .active.button-gray, .active.button-blue, .active.button-brown, .active.button-red, .active.button-darkred, .active.button-green, .active.button-yellow, .active.button-altblue, .active.button-headerblue, .active.button-altgreen, .button-dark:active, .button-gray:active, .button-blue:active, .button-brown:active, .button-red:active, .button-darkred:active, .button-green:active, .button-yellow:active, .button-altblue:active, .button-headerblue:active, .button-altgreen:active, html.touch .button-dark.pressed, html.touch .pressed.button-gray, html.touch .pressed.button-blue, html.touch .pressed.button-brown, html.touch .pressed.button-red, html.touch .pressed.button-darkred, html.touch .pressed.button-green, html.touch .pressed.button-yellow, html.touch .pressed.button-altblue, html.touch .pressed.button-headerblue, html.touch .pressed.button-altgreen {
  color: rgba(255, 255, 255, 0.8) !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3) !important; }

.button-uppercase, .button-altsmall, .main form.adjacent span .button {
  text-transform: uppercase; }

.button-icon {
  text-indent: -9999em; }
  .button-icon i {
    display: block; }
  .button-icon:active i, html.touch .button-icon.pressed i {
    opacity: 0.8; }

.button-icon-left b {
  padding-left: 24px; }

.button-icon-right b {
  padding-right: 24px; }

.button-pulldown b {
  padding-right: 14px;
  background: url(../../images/glyphs/arrow-down-small.png) no-repeat 100% 50%; }

.button-light-context-light, [type=submit],
.button,
.button-light, .button-grey {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow:              0 1px 1px rgba(0, 0, 0, 0.08),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255, 255, 255, 0.2)         ;
  -moz-box-shadow:              0 1px 1px rgba(0, 0, 0, 0.08),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255, 255, 255, 0.2)         ;
  box-shadow:              0 1px 1px rgba(0, 0, 0, 0.08),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255, 255, 255, 0.2)         ; }
  .button-light-context-light.button-active, .button-active[type=submit],
  .button-active.button,
  .button-active.button-light, .button-active.button-grey, .button-light-context-light.active, .active[type=submit],
  .active.button,
  .active.button-light, .active.button-grey, .button-light-context-light:active, [type=submit]:active,
  .button:active,
  .button-light:active, .button-grey:active, html.touch .button-light-context-light.pressed, html.touch .pressed[type=submit],
  html.touch .pressed.button,
  html.touch .pressed.button-light, html.touch .pressed.button-grey {
    -webkit-box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.08),             inset 0 0 1px rgba(0, 0, 0, 0.08),             0 1px 0 rgba(255, 255, 255, 0.9)         ;
    -moz-box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.08),             inset 0 0 1px rgba(0, 0, 0, 0.08),             0 1px 0 rgba(255, 255, 255, 0.9)         ;
    box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.08),             inset 0 0 1px rgba(0, 0, 0, 0.08),             0 1px 0 rgba(255, 255, 255, 0.9)         ; }

.button-light-context-dark {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow:              0 1px 1px rgba(0, 0, 0, 0.3),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255, 255, 255, 0.2)         ;
  -moz-box-shadow:              0 1px 1px rgba(0, 0, 0, 0.3),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255, 255, 255, 0.2)         ;
  box-shadow:              0 1px 1px rgba(0, 0, 0, 0.3),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255, 255, 255, 0.2)         ; }
  .button-light-context-dark.button-active, .button-light-context-dark.active, .button-light-context-dark:active, html.touch .button-light-context-dark.pressed {
    -webkit-box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.15),             inset 0 0 1px rgba(0, 0, 0, 0.15),             0 1px 0 rgba(255, 255, 255, 0.3)         ;
    -moz-box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.15),             inset 0 0 1px rgba(0, 0, 0, 0.15),             0 1px 0 rgba(255, 255, 255, 0.3)         ;
    box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.15),             inset 0 0 1px rgba(0, 0, 0, 0.15),             0 1px 0 rgba(255, 255, 255, 0.3)         ; }

.button-dark-context-light, .button-blue,
.button-brown,
.button-red,
.button-green,
.button-yellow,
.button-altblue,
.button-altgreen, .button-gray {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow:              0 1px 1px rgba(0, 0, 0, 0.1),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255, 255, 255, 0.2)         ;
  -moz-box-shadow:              0 1px 1px rgba(0, 0, 0, 0.1),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255, 255, 255, 0.2)         ;
  box-shadow:              0 1px 1px rgba(0, 0, 0, 0.1),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255, 255, 255, 0.2)         ; }
  .button-dark-context-light.button-active, .button-active.button-blue,
  .button-active.button-brown,
  .button-active.button-red,
  .button-active.button-green,
  .button-active.button-yellow,
  .button-active.button-altblue,
  .button-active.button-altgreen, .button-active.button-gray, .button-dark-context-light.active, .active.button-blue,
  .active.button-brown,
  .active.button-red,
  .active.button-green,
  .active.button-yellow,
  .active.button-altblue,
  .active.button-altgreen, .active.button-gray, .button-dark-context-light:active, .button-blue:active,
  .button-brown:active,
  .button-red:active,
  .button-green:active,
  .button-yellow:active,
  .button-altblue:active,
  .button-altgreen:active, .button-gray:active, html.touch .button-dark-context-light.pressed, html.touch .pressed.button-blue,
  html.touch .pressed.button-brown,
  html.touch .pressed.button-red,
  html.touch .pressed.button-green,
  html.touch .pressed.button-yellow,
  html.touch .pressed.button-altblue,
  html.touch .pressed.button-altgreen, html.touch .pressed.button-gray {
    -webkit-box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.15),             inset 0 0 1px rgba(0, 0, 0, 0.15),             0 1px 0 rgba(255, 255, 255, 0.8)         ;
    -moz-box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.15),             inset 0 0 1px rgba(0, 0, 0, 0.15),             0 1px 0 rgba(255, 255, 255, 0.8)         ;
    box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.15),             inset 0 0 1px rgba(0, 0, 0, 0.15),             0 1px 0 rgba(255, 255, 255, 0.8)         ; }

.button-dark-context-dark {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-box-shadow:              0 1px 1px rgba(0, 0, 0, 0.3),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255, 255, 255, 0.1)         ;
  -moz-box-shadow:              0 1px 1px rgba(0, 0, 0, 0.3),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255, 255, 255, 0.1)         ;
  box-shadow:              0 1px 1px rgba(0, 0, 0, 0.3),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255, 255, 255, 0.1)         ; }
  .button-dark-context-dark.button-active, .button-dark-context-dark.active, .button-dark-context-dark:active, html.touch .button-dark-context-dark.pressed {
    -webkit-box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.15),             inset 0 0 1px rgba(0, 0, 0, 0.15),             0 1px 0 rgba(255, 255, 255, 0.3)         ;
    -moz-box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.15),             inset 0 0 1px rgba(0, 0, 0, 0.15),             0 1px 0 rgba(255, 255, 255, 0.3)         ;
    box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.15),             inset 0 0 1px rgba(0, 0, 0, 0.15),             0 1px 0 rgba(255, 255, 255, 0.3)         ; }

.inset-button,
.inset-button-light-context-light {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow:              0 1px 0 rgba(255, 255, 255, 0.6),             inset 0 1px 0 rgba(0, 0, 0, 0.08)         ;
  -moz-box-shadow:              0 1px 0 rgba(255, 255, 255, 0.6),             inset 0 1px 0 rgba(0, 0, 0, 0.08)         ;
  box-shadow:              0 1px 0 rgba(255, 255, 255, 0.6),             inset 0 1px 0 rgba(0, 0, 0, 0.08)         ; }
  .inset-button.button-active, .inset-button.active, .inset-button:active, html.touch .inset-button.pressed,
  .inset-button-light-context-light.button-active,
  .inset-button-light-context-light.active,
  .inset-button-light-context-light:active, html.touch
  .inset-button-light-context-light.pressed {
    -webkit-box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.05),             inset 0 0 1px rgba(0, 0, 0, 0.05),             0 1px 0 rgba(255, 255, 255, 0.6)         ;
    -moz-box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.05),             inset 0 0 1px rgba(0, 0, 0, 0.05),             0 1px 0 rgba(255, 255, 255, 0.6)         ;
    box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.05),             inset 0 0 1px rgba(0, 0, 0, 0.05),             0 1px 0 rgba(255, 255, 255, 0.6)         ; }

.inset-button-light-context-dark {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow:              0 1px 0 rgba(255, 255, 255, 0.3),             inset 0 1px 0 rgba(0, 0, 0, 0.08)         ;
  -moz-box-shadow:              0 1px 0 rgba(255, 255, 255, 0.3),             inset 0 1px 0 rgba(0, 0, 0, 0.08)         ;
  box-shadow:              0 1px 0 rgba(255, 255, 255, 0.3),             inset 0 1px 0 rgba(0, 0, 0, 0.08)         ; }
  .inset-button-light-context-dark.button-active, .inset-button-light-context-dark.active, .inset-button-light-context-dark:active, html.touch .inset-button-light-context-dark.pressed {
    -webkit-box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.15),             inset 0 0 1px rgba(0, 0, 0, 0.15),             0 1px 0 rgba(255, 255, 255, 0.3)         ;
    -moz-box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.15),             inset 0 0 1px rgba(0, 0, 0, 0.15),             0 1px 0 rgba(255, 255, 255, 0.3)         ;
    box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.15),             inset 0 0 1px rgba(0, 0, 0, 0.15),             0 1px 0 rgba(255, 255, 255, 0.3)         ; }

.inset-button-dark-context-light {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow:              0 1px 0 rgba(255, 255, 255, 0.8),             inset 0 1px 0 rgba(0, 0, 0, 0.08)         ;
  -moz-box-shadow:              0 1px 0 rgba(255, 255, 255, 0.8),             inset 0 1px 0 rgba(0, 0, 0, 0.08)         ;
  box-shadow:              0 1px 0 rgba(255, 255, 255, 0.8),             inset 0 1px 0 rgba(0, 0, 0, 0.08)         ; }
  .inset-button-dark-context-light.button-active, .inset-button-dark-context-light.active, .inset-button-dark-context-light:active, html.touch .inset-button-dark-context-light.pressed {
    -webkit-box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.15),             inset 0 0 1px rgba(0, 0, 0, 0.15),             0 1px 0 rgba(255, 255, 255, 0.8)         ;
    -moz-box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.15),             inset 0 0 1px rgba(0, 0, 0, 0.15),             0 1px 0 rgba(255, 255, 255, 0.8)         ;
    box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.15),             inset 0 0 1px rgba(0, 0, 0, 0.15),             0 1px 0 rgba(255, 255, 255, 0.8)         ; }

.inset-button-dark-context-dark {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow:              0 1px 0 rgba(255, 255, 255, 0.2),             inset 0 1px 0 rgba(0, 0, 0, 0.08)         ;
  -moz-box-shadow:              0 1px 0 rgba(255, 255, 255, 0.2),             inset 0 1px 0 rgba(0, 0, 0, 0.08)         ;
  box-shadow:              0 1px 0 rgba(255, 255, 255, 0.2),             inset 0 1px 0 rgba(0, 0, 0, 0.08)         ; }
  .inset-button-dark-context-dark.button-active, .inset-button-dark-context-dark.active, .inset-button-dark-context-dark:active, html.touch .inset-button-dark-context-dark.pressed {
    -webkit-box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.15),             inset 0 0 1px rgba(0, 0, 0, 0.15),             0 1px 0 rgba(255, 255, 255, 0.2)         ;
    -moz-box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.15),             inset 0 0 1px rgba(0, 0, 0, 0.15),             0 1px 0 rgba(255, 255, 255, 0.2)         ;
    box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.15),             inset 0 0 1px rgba(0, 0, 0, 0.15),             0 1px 0 rgba(255, 255, 255, 0.2)         ; }

[type=submit],
.button,
.button-light {
  background-color: #f9fafb;
  background-image: url(../../images/shared/noise-1.png), -webkit-gradient(linear, left top, left bottom, from(#f9fafb), to(#eef1f4));
  background-image: url(../../images/shared/noise-1.png), -webkit-linear-gradient(top, #f9fafb, #eef1f4);
  background-image: url(../../images/shared/noise-1.png), -moz-linear-gradient(top, #f9fafb, #eef1f4);
  background-image: url(../../images/shared/noise-1.png), -o-linear-gradient(top, #f9fafb, #eef1f4);
  background-image: url(../../images/shared/noise-1.png), -ms-linear-gradient(top, #f9fafb, #eef1f4);
  background-image: url(../../images/shared/noise-1.png), linear-gradient(top, #f9fafb, #eef1f4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9fafb', EndColorStr='#eef1f4');
  background-position: 50% 50%; }
  [type=submit].button-active, [type=submit].active, [type=submit]:active, html.touch [type=submit].pressed,
  .button.button-active,
  .button.active,
  .button:active, html.touch
  .button.pressed,
  .button-light.button-active,
  .button-light.active,
  .button-light:active, html.touch
  .button-light.pressed {
    background: #e8ecf0; }
  [type=submit],
  .button,
  .button-light {
    border: 1px solid #c6daec; }
  [type=submit].button-active, [type=submit].active, [type=submit]:active, html.touch [type=submit].pressed,
  .button.button-active,
  .button.active,
  .button:active, html.touch
  .button.pressed,
  .button-light.button-active,
  .button-light.active,
  .button-light:active, html.touch
  .button-light.pressed {
    border-color: #b3cee6; }

.button-light {
  background-color: white;
  background-image: url(../../images/shared/noise-1.png), -webkit-gradient(linear, left top, left bottom, from(white), to(#f9fafb));
  background-image: url(../../images/shared/noise-1.png), -webkit-linear-gradient(top, white, #f9fafb);
  background-image: url(../../images/shared/noise-1.png), -moz-linear-gradient(top, white, #f9fafb);
  background-image: url(../../images/shared/noise-1.png), -o-linear-gradient(top, white, #f9fafb);
  background-image: url(../../images/shared/noise-1.png), -ms-linear-gradient(top, white, #f9fafb);
  background-image: url(../../images/shared/noise-1.png), linear-gradient(top, white, #f9fafb);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#f9fafb');
  background-position: 50% 50%; }
  .button-light.button-active, .button-light.active, .button-light:active, html.touch .button-light.pressed {
    background: #f3f5f7; }

.button-grey {
  background-color: #eaeaea;
  background-image: url(../../images/shared/noise-1.png), -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#d6d6d6));
  background-image: url(../../images/shared/noise-1.png), -webkit-linear-gradient(top, #eaeaea, #d6d6d6);
  background-image: url(../../images/shared/noise-1.png), -moz-linear-gradient(top, #eaeaea, #d6d6d6);
  background-image: url(../../images/shared/noise-1.png), -o-linear-gradient(top, #eaeaea, #d6d6d6);
  background-image: url(../../images/shared/noise-1.png), -ms-linear-gradient(top, #eaeaea, #d6d6d6);
  background-image: url(../../images/shared/noise-1.png), linear-gradient(top, #eaeaea, #d6d6d6);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#eaeaea', EndColorStr='#d6d6d6');
  background-position: 50% 50%;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) !important; }
  .button-grey.button-active, .button-grey.active, .button-grey:active, html.touch .button-grey.pressed {
    background: #d1d1d1; }
  .button-grey {
    border: 1px solid #bbbbbb; }
  .button-grey.button-active, .button-grey.active, .button-grey:active, html.touch .button-grey.pressed {
    border-color: #aaaaaa; }

.button-gray {
  background-color: #999999;
  background-image: url(../../images/shared/noise-1.png), -webkit-gradient(linear, left top, left bottom, from(#999999), to(#888888));
  background-image: url(../../images/shared/noise-1.png), -webkit-linear-gradient(top, #999999, #888888);
  background-image: url(../../images/shared/noise-1.png), -moz-linear-gradient(top, #999999, #888888);
  background-image: url(../../images/shared/noise-1.png), -o-linear-gradient(top, #999999, #888888);
  background-image: url(../../images/shared/noise-1.png), -ms-linear-gradient(top, #999999, #888888);
  background-image: url(../../images/shared/noise-1.png), linear-gradient(top, #999999, #888888);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#999999', EndColorStr='#888888');
  background-position: 50% 50%;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4) !important; }
  .button-gray.button-active, .button-gray.active, .button-gray:active, html.touch .button-gray.pressed {
    background: #838383; }
  .button-gray {
    border: 1px solid #777777; }
  .button-gray.button-active, .button-gray.active, .button-gray:active, html.touch .button-gray.pressed {
    border-color: #666666; }

.button-blue {
  background-color: #6f97b6;
  background-image: url(../../images/shared/noise-1.png), -webkit-gradient(linear, left top, left bottom, from(#6f97b6), to(#3f729b));
  background-image: url(../../images/shared/noise-1.png), -webkit-linear-gradient(top, #6f97b6, #3f729b);
  background-image: url(../../images/shared/noise-1.png), -moz-linear-gradient(top, #6f97b6, #3f729b);
  background-image: url(../../images/shared/noise-1.png), -o-linear-gradient(top, #6f97b6, #3f729b);
  background-image: url(../../images/shared/noise-1.png), -ms-linear-gradient(top, #6f97b6, #3f729b);
  background-image: url(../../images/shared/noise-1.png), linear-gradient(top, #6f97b6, #3f729b);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#6f97b6', EndColorStr='#3f729b');
  background-position: 50% 50%;
  text-shadow: 0 1px 1px #1c5380; }
  .button-blue.button-active, .button-blue.active, .button-blue:active, html.touch .button-blue.pressed {
    background: #3c6d94; }
  .button-blue {
    border: 1px solid #1c5380; }
  .button-blue.button-active, .button-blue.active, .button-blue:active, html.touch .button-blue.pressed {
    border-color: #133856; }

.button-brown {
  background-color: #8f6a58;
  background-image: url(../../images/shared/noise-1.png), -webkit-gradient(linear, left top, left bottom, from(#8f6a58), to(#6c4634));
  background-image: url(../../images/shared/noise-1.png), -webkit-linear-gradient(top, #8f6a58, #6c4634);
  background-image: url(../../images/shared/noise-1.png), -moz-linear-gradient(top, #8f6a58, #6c4634);
  background-image: url(../../images/shared/noise-1.png), -o-linear-gradient(top, #8f6a58, #6c4634);
  background-image: url(../../images/shared/noise-1.png), -ms-linear-gradient(top, #8f6a58, #6c4634);
  background-image: url(../../images/shared/noise-1.png), linear-gradient(top, #8f6a58, #6c4634);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#8f6a58', EndColorStr='#6c4634');
  background-position: 50% 50%;
  text-shadow: 0 1px 1px #6c4634; }
  .button-brown.button-active, .button-brown.active, .button-brown:active, html.touch .button-brown.pressed {
    background: #654231; }
  .button-brown {
    border: 1px solid #6c4634; }
  .button-brown.button-active, .button-brown.active, .button-brown:active, html.touch .button-brown.pressed {
    border-color: #4a3023; }

.button-red {
  background-color: #e8485f;
  background-image: url(../../images/shared/noise-1.png), -webkit-gradient(linear, left top, left bottom, from(#e8485f), to(#b72e42));
  background-image: url(../../images/shared/noise-1.png), -webkit-linear-gradient(top, #e8485f, #b72e42);
  background-image: url(../../images/shared/noise-1.png), -moz-linear-gradient(top, #e8485f, #b72e42);
  background-image: url(../../images/shared/noise-1.png), -o-linear-gradient(top, #e8485f, #b72e42);
  background-image: url(../../images/shared/noise-1.png), -ms-linear-gradient(top, #e8485f, #b72e42);
  background-image: url(../../images/shared/noise-1.png), linear-gradient(top, #e8485f, #b72e42);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#e8485f', EndColorStr='#b72e42');
  background-position: 50% 50%;
  text-shadow: 0 1px 1px #b72e42; }
  .button-red.button-active, .button-red.active, .button-red:active, html.touch .button-red.pressed {
    background: #af2c3f; }
  .button-red {
    border: 1px solid #b72e42; }
  .button-red.button-active, .button-red.active, .button-red:active, html.touch .button-red.pressed {
    border-color: #8e2433; }

.button-darkred {
  background-color: #c6213a;
  background-image: url(../../images/shared/noise-1.png), -webkit-gradient(linear, left top, left bottom, from(#c6213a), to(#961427));
  background-image: url(../../images/shared/noise-1.png), -webkit-linear-gradient(top, #c6213a, #961427);
  background-image: url(../../images/shared/noise-1.png), -moz-linear-gradient(top, #c6213a, #961427);
  background-image: url(../../images/shared/noise-1.png), -o-linear-gradient(top, #c6213a, #961427);
  background-image: url(../../images/shared/noise-1.png), -ms-linear-gradient(top, #c6213a, #961427);
  background-image: url(../../images/shared/noise-1.png), linear-gradient(top, #c6213a, #961427);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#c6213a', EndColorStr='#961427');
  background-position: 50% 50%;
  text-shadow: 0 1px 1px #961427; }
  .button-darkred.button-active, .button-darkred.active, .button-darkred:active, html.touch .button-darkred.pressed {
    background: #8d1325; }
  .button-darkred {
    border: 1px solid #961427; }
  .button-darkred.button-active, .button-darkred.active, .button-darkred:active, html.touch .button-darkred.pressed {
    border-color: #690e1b; }

.button-green {
  background-color: #6bb38a;
  background-image: url(../../images/shared/noise-1.png), -webkit-gradient(linear, left top, left bottom, from(#6bb38a), to(#3d8b5f));
  background-image: url(../../images/shared/noise-1.png), -webkit-linear-gradient(top, #6bb38a, #3d8b5f);
  background-image: url(../../images/shared/noise-1.png), -moz-linear-gradient(top, #6bb38a, #3d8b5f);
  background-image: url(../../images/shared/noise-1.png), -o-linear-gradient(top, #6bb38a, #3d8b5f);
  background-image: url(../../images/shared/noise-1.png), -ms-linear-gradient(top, #6bb38a, #3d8b5f);
  background-image: url(../../images/shared/noise-1.png), linear-gradient(top, #6bb38a, #3d8b5f);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#6bb38a', EndColorStr='#3d8b5f');
  background-position: 50% 50%;
  text-shadow: 0 1px 1px #1e693f; }
  .button-green.button-active, .button-green.active, .button-green:active, html.touch .button-green.pressed {
    background: #3a845a; }
  .button-green {
    border: 1px solid #3d8b5f; }
  .button-green.button-active, .button-green.active, .button-green:active, html.touch .button-green.pressed {
    border-color: #2d6847; }

.button-yellow {
  background-color: #c9981a;
  background-image: url(../../images/shared/noise-1.png), -webkit-gradient(linear, left top, left bottom, from(#c9981a), to(#a07711));
  background-image: url(../../images/shared/noise-1.png), -webkit-linear-gradient(top, #c9981a, #a07711);
  background-image: url(../../images/shared/noise-1.png), -moz-linear-gradient(top, #c9981a, #a07711);
  background-image: url(../../images/shared/noise-1.png), -o-linear-gradient(top, #c9981a, #a07711);
  background-image: url(../../images/shared/noise-1.png), -ms-linear-gradient(top, #c9981a, #a07711);
  background-image: url(../../images/shared/noise-1.png), linear-gradient(top, #c9981a, #a07711);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#c9981a', EndColorStr='#a07711');
  background-position: 50% 50%;
  text-shadow: 0 1px 1px #a07711; }
  .button-yellow.button-active, .button-yellow.active, .button-yellow:active, html.touch .button-yellow.pressed {
    background: #977010; }
  .button-yellow {
    border: 1px solid #a07711; }
  .button-yellow.button-active, .button-yellow.active, .button-yellow:active, html.touch .button-yellow.pressed {
    border-color: #72550c; }

.button-altblue {
  background-color: #5daaf3;
  background-image: url(../../images/shared/noise-1.png), -webkit-gradient(linear, left top, left bottom, from(#5daaf3), to(#2a85de));
  background-image: url(../../images/shared/noise-1.png), -webkit-linear-gradient(top, #5daaf3, #2a85de);
  background-image: url(../../images/shared/noise-1.png), -moz-linear-gradient(top, #5daaf3, #2a85de);
  background-image: url(../../images/shared/noise-1.png), -o-linear-gradient(top, #5daaf3, #2a85de);
  background-image: url(../../images/shared/noise-1.png), -ms-linear-gradient(top, #5daaf3, #2a85de);
  background-image: url(../../images/shared/noise-1.png), linear-gradient(top, #5daaf3, #2a85de);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#5daaf3', EndColorStr='#2a85de');
  background-position: 50% 50%;
  text-shadow: 0 1px 1px #2a85de; }
  .button-altblue.button-active, .button-altblue.active, .button-altblue:active, html.touch .button-altblue.pressed {
    background: #2280dc; }
  .button-altblue {
    border: 1px solid #2a85de; }
  .button-altblue.button-active, .button-altblue.active, .button-altblue:active, html.touch .button-altblue.pressed {
    border-color: #1d6bb8; }

.button-headerblue {
  background-color: #517fa4;
  background-image: url(../../images/shared/noise-1.png), -webkit-gradient(linear, left top, left bottom, from(#517fa4), to(#306088));
  background-image: url(../../images/shared/noise-1.png), -webkit-linear-gradient(top, #517fa4, #306088);
  background-image: url(../../images/shared/noise-1.png), -moz-linear-gradient(top, #517fa4, #306088);
  background-image: url(../../images/shared/noise-1.png), -o-linear-gradient(top, #517fa4, #306088);
  background-image: url(../../images/shared/noise-1.png), -ms-linear-gradient(top, #517fa4, #306088);
  background-image: url(../../images/shared/noise-1.png), linear-gradient(top, #517fa4, #306088);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#517fa4', EndColorStr='#306088');
  background-position: 50% 50%;
  text-shadow: 0 1px 1px #06365f; }
  .button-headerblue.button-active, .button-headerblue.active, .button-headerblue:active, html.touch .button-headerblue.pressed {
    background: #2d5b80; }
  .button-headerblue {
    border: 1px solid #06365f; }
  .button-headerblue.button-active, .button-headerblue.active, .button-headerblue:active, html.touch .button-headerblue.pressed {
    border-color: #031b2f; }

.button-altgreen {
  background-color: #47bc60;
  background-image: url(../../images/shared/noise-1.png), -webkit-gradient(linear, left top, left bottom, from(#47bc60), to(#39a64e));
  background-image: url(../../images/shared/noise-1.png), -webkit-linear-gradient(top, #47bc60, #39a64e);
  background-image: url(../../images/shared/noise-1.png), -moz-linear-gradient(top, #47bc60, #39a64e);
  background-image: url(../../images/shared/noise-1.png), -o-linear-gradient(top, #47bc60, #39a64e);
  background-image: url(../../images/shared/noise-1.png), -ms-linear-gradient(top, #47bc60, #39a64e);
  background-image: url(../../images/shared/noise-1.png), linear-gradient(top, #47bc60, #39a64e);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#47bc60', EndColorStr='#39a64e');
  background-position: 50% 50%;
  text-shadow: 0 1px 1px #2c803c; }
  .button-altgreen.button-active, .button-altgreen.active, .button-altgreen:active, html.touch .button-altgreen.pressed {
    background: #369e4a; }
  .button-altgreen {
    border: 1px solid #329345; }
  .button-altgreen.button-active, .button-altgreen.active, .button-altgreen:active, html.touch .button-altgreen.pressed {
    border-color: #256d33; }

.img-outset,
.img-inset {
  background: none; }
  .img-outset img,
  .img-inset img {
    width: auto;
    display: block;
    visibility: visible; }

.imgContainer {
  position: relative;
  display: block; }

.imgImg {
  background-size: 100% 100%; }

.imgLoading .imgImg {
  opacity: 0; }

.imgLoaded .imgImg {
  opacity: 1; }

.imgLoaded.imgWithTransition .imgImg {
  -webkit-transition: opacity 2s;
  -moz-transition: opacity 2s;
  -o-transition: opacity 2s;
  transition: opacity 2s; }

.imgIndicator {
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1; }

.imgLoadingIndicator .imgIndicator {
  display: block; }

.img,
.img-outset,
.img-inset {
  position: relative;
  display: inline-block; }
  .img b,
  .img-outset b,
  .img-inset b {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%; }
  .img img,
  .img-outset img,
  .img-inset img {
    display: block; }

.img-outset,
.img-inset {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: no-repeat 0 0;
  -webkit-background-size: 100%;
  background-size: 100%; }
  .img-outset b,
  .img-inset b {
    -webkit-border-radius: 2px;
    border-radius: 2px; }
  .img-outset img,
  .img-inset img {
    display: block; }

span.img-inset {
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.4), 0 1px 0 1px rgba(255,255,255,0.1);
  -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.4), 0 1px 0 1px rgba(255,255,255,0.1);
  box-shadow: 0 1px 0 rgba(255,255,255,0.4), 0 1px 0 1px rgba(255,255,255,0.1); }
  span.img-inset b {
    -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 2px 0 rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 2px 0 rgba(0,0,0,.2);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 2px 0 rgba(0,0,0,.2); }

span.img-outset {
  -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.2); }
  span.img-outset b {
    -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.1), inset 0 1px 0 rgba(255,255,255,.3);
    -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.1), inset 0 1px 0 rgba(255,255,255,.3);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.1), inset 0 1px 0 rgba(255,255,255,.3); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  span.img-outset {
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.1); } }
.avatar-xsmall, .top-bar-actions > li img, .avatar-xsmall img, .top-bar-actions > li img img {
  width: 22px;
  height: 22px; }

.avatar-small, .avatar-small img {
  width: 30px;
  height: 30px; }

.avatar-medium, .avatar-medium img {
  width: 40px;
  height: 40px; }
.avatar-medium, .avatar-medium b {
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.avatar-large, .avatar-large img {
  width: 70px;
  height: 70px; }
.avatar-large, .avatar-large b {
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.avatar-profile, .avatar-profile img {
  width: 110px;
  height: 110px; }
.avatar-profile, .avatar-profile b {
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.root {
  height: 100%;
  min-width: 320px; }

.page,
.dialog-outer {
  position: relative;
  min-height: 100%; }

.page-footer {
  position: relative;
  margin-top: -48px;
  z-index: 20; }

.hidden {
  display: none; }

.wrapper {
  width: 992px;
  margin: 0 auto;
  padding: 0 16px;
  position: relative; }

.top-bar {
  position: relative;
  height: 43px;
  border-bottom: 1px solid #1c5380;
  border-bottom-color: rgba(4, 40, 71, 0.8);
  -webkit-box-shadow: 0 1px 0 rgba(111, 151, 182, 0.5) inset, 0 -1px 0 rgba(111, 151, 182, 0.2) inset, 0px 1px 1px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 0 rgba(111, 151, 182, 0.5) inset, 0 -1px 0 rgba(111, 151, 182, 0.2) inset, 0px 1px 1px rgba(0,0,0,.2);
  box-shadow: 0 1px 0 rgba(111, 151, 182, 0.5) inset, 0 -1px 0 rgba(111, 151, 182, 0.2) inset, 0px 1px 1px rgba(0,0,0,.2);
  background-color: #517fa4;
  background-image: url(../../images/shared/noise-1.png), -webkit-gradient(linear, left top, left bottom, from(#517fa4), to(#306088));
  background-image: url(../../images/shared/noise-1.png), -webkit-linear-gradient(top, #517fa4, #306088);
  background-image: url(../../images/shared/noise-1.png), -moz-linear-gradient(top, #517fa4, #306088);
  background-image: url(../../images/shared/noise-1.png), -o-linear-gradient(top, #517fa4, #306088);
  background-image: url(../../images/shared/noise-1.png), -ms-linear-gradient(top, #517fa4, #306088);
  background-image: url(../../images/shared/noise-1.png), linear-gradient(top, #517fa4, #306088);
  background-position: 50% 50%;
  z-index: 100; }
  .top-bar hgroup {
    position: relative;
    height: 44px; }
  .top-bar .logo {
    height: 35px;
    width: 97px;
    background: url(../../images/shared/shared-assets.png) no-repeat 0 4px;
    position: absolute;
    top: 4px;
    margin: 0;
    text-indent: -9999em; }
    .top-bar .logo a {
      display: block;
      height: 100%;
      width: 100%; }
  .top-bar h2 {
    position: absolute;
    top: 7px;
    left: 120px;
    margin: 0; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .top-bar {
    background-color: #517fa4;
    background-image: url(../../images/shared/noise-2.png), -webkit-gradient(linear, left top, left bottom, from(#517fa4), to(#306088));
    background-image: url(../../images/shared/noise-2.png), -webkit-linear-gradient(top, #517fa4, #306088);
    background-image: url(../../images/shared/noise-2.png), -moz-linear-gradient(top, #517fa4, #306088);
    background-image: url(../../images/shared/noise-2.png), -o-linear-gradient(top, #517fa4, #306088);
    background-image: url(../../images/shared/noise-2.png), -ms-linear-gradient(top, #517fa4, #306088);
    background-image: url(../../images/shared/noise-2.png), linear-gradient(top, #517fa4, #306088);
    background-position: 50% 50%;
    -webkit-background-size: 30px 20px, auto;
    background-size: 30px 20px, auto; }
    .top-bar .logo {
      background-image: url(../../images/branding/logo@2x.png);
      -webkit-background-size: 96px 33px;
      background-size: 96px 33px;
      top: 6px; } }
.page-footer {
  clear: both;
  overflow: hidden;
  padding: 8px 0 7px;
  border-top: 1px solid #dddddd;
  background: #fff;
  text-align: center; }
  .page-footer nav, .page-footer nav ul, .page-footer .copyright {
    margin: 0;
    padding: 0; }
  .page-footer nav, .page-footer .copyright, .page-footer li {
    display: inline-block; }
  .page-footer li {
    margin: 0; }
  .page-footer a {
    display: block;
    padding: 8px 6px; }
  .page-footer .copyright {
    padding: 8px 6px;
    margin: 0 0 0 8px; }

.page-footer-chromeless, .page-footer-dark,
.page-home .page-footer {
  background: none;
  border: none; }

.inset-avatar .inset-avatar-border {
  float: left;
  width: 22px;
  height: 22px;
  margin: -1px 8px 0 0;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 2px #06365f;
  -moz-box-shadow: 0 1px 2px #06365f;
  box-shadow: 0 1px 2px #06365f; }
  .inset-avatar .inset-avatar-border .inset-avatar-frame {
    width: 22px;
    height: 22px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.8);
    -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.8);
    box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.8);
    position: absolute;
    z-index: 100; }
  .inset-avatar .inset-avatar-border img {
    width: 22px !important;
    -webkit-border-radius: 2px;
    border-radius: 2px; }

.top-bar-actions {
  margin: 0;
  padding: 0;
  border-right: 1px solid #5786aa;
  border-right-color: rgba(255, 255, 255, 0.1);
  border-left: 1px solid #06365f;
  border-left-color: rgba(0, 0, 0, 0.1); }
  .top-bar-actions > li {
    position: relative;
    float: left;
    display: inline;
    margin: 0; }
    .top-bar-actions > li > a {
      position: relative;
      display: block;
      height: 20px;
      padding: 11px 11px 13px 12px;
      border-right: 1px solid #06365f;
      border-right-color: rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.1);
      -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.1);
      box-shadow: inset 1px 0 0 rgba(255,255,255,.1);
      text-shadow: 0 1px 0 rgba(3, 27, 47, 0.5);
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
      .top-bar-actions > li > a i {
        display: block;
        float: left;
        height: 28px;
        width: 28px;
        margin: -5px 4px 0 -8px; }
      .top-bar-actions > li > a:hover {
        background: url(../../images/alpha/fff_10.png);
        background: rgba(255, 255, 255, 0.1);
        border-right-color: rgba(0, 0, 0, 0.15); }
      .top-bar-actions > li > a.link-active, .top-bar-actions > li > a:active, html.touch .top-bar-actions > li > a.pressed {
        border-left: none;
        background-color: #1c5380;
        background-color: rgba(6, 54, 95, 0.35);
        -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.15), inset 0 0 1px rgba(6, 54, 95, 0.4), inset 1px 0 1px rgba(6, 54, 95, 0.4);
        -moz-box-shadow: -1px 0 0 rgba(255,255,255,.15), inset 0 0 1px rgba(6, 54, 95, 0.4), inset 1px 0 1px rgba(6, 54, 95, 0.4);
        box-shadow: -1px 0 0 rgba(255,255,255,.15), inset 0 0 1px rgba(6, 54, 95, 0.4), inset 1px 0 1px rgba(6, 54, 95, 0.4); }
    .top-bar-actions > li .img-outset {
      float: left;
      display: inline;
      margin: -2px 10px 1px -1px; }
    .top-bar-actions > li img {
      width: 24px;
      height: 24px;
      visibility: hidden; }
  .top-bar-actions .link-signin i {
    background: url(../../images/shared/glyph-assets.png) no-repeat 2px 3px; }
  .top-bar-actions .link-settings i {
    background: url(../../images/shared/glyph-assets.png) no-repeat 3px -196px; }
  .top-bar-actions .link-open-instagram i {
    width: 26px;
    height: 28px;
    margin-left: 1px !important;
    background: url(../../images/shared/glyph-assets.png) no-repeat 0px -399px; }
  .top-bar-actions .link-open-instagram strong {
    position: relative;
    color: #e5ebf0;
    top: -1px; }

.account-state {
  position: absolute;
  top: 0;
  right: 15px; }
  .account-state p, .account-state .top-bar-actions {
    float: right;
    display: inline; }
  .account-state p {
    padding: 8px 0 0 15px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); }
  .account-state .dropdown {
    right: 1px;
    top: 38px; }
    .account-state .dropdown a {
      padding-right: 18px;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    .account-state .dropdown i {
      top: 0;
      left: auto;
      right: 13px;
      height: 10px;
      width: 13px;
      background: url(../../images/shared/dropdown-arrow.png) no-repeat 0 0; }
    .account-state .dropdown ul {
      min-width: 150px; }

.dropdown {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 50;
  margin: -10px 0 0;
  padding: 10px 0 0;
  pointer-events: none;
  -webkit-transition: opacity 0.2s ease-out, margin 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out, margin 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out, margin 0.2s ease-out;
  transition: opacity 0.2s ease-out, margin 0.2s ease-out;
  opacity: 0;
  /* Add .dropdownOptionList if extra specificity is needed. */ }
  html.android .dropdown, html.no-csstransitions .dropdown, html.msie .dropdown, html.opera .dropdown {
    display: none; }
  .dropdown ul.dropdownOptionList,
  .dropdown ul {
    background: #eeeeee url(../../images/bg/white-gradient-300px.png) repeat-x 0 0;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 1px 8px rgba(0,0,0,.2), 0 0 0 1px rgba(0,0,0,.08);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 1px 8px rgba(0,0,0,.2), 0 0 0 1px rgba(0,0,0,.08);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 1px 8px rgba(0,0,0,.2), 0 0 0 1px rgba(0,0,0,.08);
    min-width: 100px;
    padding: 1px 3px;
    margin: 0;
    list-style: none; }
  .dropdown li {
    padding: 5px 0 5px;
    margin: 0;
    border-top: 1px solid #eee;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.95);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.95);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.95); }
    .dropdown li:first-child {
      border-top: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .dropdown li a {
      display: block;
      padding: 4px 8px 4px 8px;
      margin: -3px 0px -3px;
      border: 1px solid transparent;
      -webkit-border-radius: 2px;
      border-radius: 2px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      /* Add .dropdownLinkHover if extra specificity is needed. */ }
      .dropdown li a:hover.dropdownLinkHover, .dropdown li a:hover {
        border: 1px solid #eee;
        background: #999999 url(../../images/bg/white-gradient-300px.png) repeat-x 50% 50%;
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
        -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.9); }
      html.touch .dropdown li a:hover, .dropdown li a:active {
        border: 1px solid #ddd;
        border-top-color: #d6d6d6;
        background: #eaeaea;
        -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,0.9);
        -moz-box-shadow: inset 0 0 3px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,0.9);
        box-shadow: inset 0 0 3px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,0.9); }
    .dropdown li > strong {
      display: block;
      margin-bottom: -5px;
      padding-bottom: 5px;
      border-bottom: 1px solid #ddd; }
  .dropdown i {
    position: absolute;
    left: 10px;
    right: auto;
    top: 0;
    height: 10px;
    width: 13px;
    z-index: 10;
    background: url(../../images/shared/glyph-assets.png) no-repeat -1px -800px; }
  .dropdown i.right {
    left: auto;
    right: 10px; }

.dropdown-inverted {
  margin: 0 0 -10px;
  padding: 0 0 5px;
  top: auto;
  bottom: 0; }
  .dropdown-inverted i {
    background-position: -1px -701px; }

.dropdown-open .dropdown {
  margin: 0;
  opacity: 0.99;
  pointer-events: all; }
  html.android .dropdown-open .dropdown, html.no-csstransitions .dropdown-open .dropdown, html.msie .dropdown-open .dropdown, html.opera .dropdown-open .dropdown {
    display: block; }

.alerts {
  margin-bottom: 20px; }

.alert-red,
.alert-blue,
.alert-green {
  padding: 11px 12px 9px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 10px;
  border: solid 1px;
  min-height: 0; }

.alert-red {
  color: #b94a5c;
  background-color: #f2dede;
  border-color: #eed3d7; }

.alert-blue {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1; }

.alert-green {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6; }

.p-error .main {
  padding: 0 0 160px; }

.error-container {
  width: 400px;
  border: 1px solid #a4baca;
  background: #fdfdfd;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 100px auto 0;
  padding: 25px 30px 20px;
  text-align: center; }

.top-bar .internal-settings {
  position: relative;
  float: right;
  display: inline;
  width: 44px;
  height: 44px;
  margin: 0 0 -1px;
  padding: 0; }
  .top-bar .internal-settings > a {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 40px;
    height: 40px;
    margin: 2px;
    background: url(../../images/glyphs/internal-settings.png) no-repeat 0 -1px;
    text-indent: -9999em;
    opacity: 0.6; }
  .top-bar .internal-settings .dropdown {
    right: 0;
    margin-right: -1px; }
    .top-bar .internal-settings .dropdown i {
      right: 17px; }
  .top-bar .internal-settings.dropdown-open a, .top-bar .internal-settings:hover a {
    opacity: 1; }
.top-bar .on-prerelease > a {
  background-position: 0 -41px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .top-bar .internal-settings > a {
    background-image: url(../../images/glyphs/internal-settings@2x.png);
    background-size: 40px 80px; } }
@media screen and (max-width: 460px) {
  .p-error .main {
    padding-bottom: 0; }

  .error-container {
    margin: 0;
    border: none;
    width: auto; } }
@media screen and (max-width: 990px) {
  body, .root {
    width: 100%; }

  .wrapper {
    width: 100%;
    box-sizing: border-box; }

  .account-state {
    right: 0; }
    .account-state ul {
      border-right-width: 0; } }
@media screen and (max-width: 480px) {
  .account-state .link-signin > a strong,
  .account-state .link-profile > a strong {
    display: none; }
  .account-state a {
    padding-bottom: 12px; }
    .account-state a .img-inset,
    .account-state a .img-outset {
      margin-right: 0; } }
@media screen and (max-width: 480px) {
  .top-bar .wrapper {
    padding: 0 9px; } }
@-webkit-keyframes 'fade-in' {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes fade-in {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes fade-in {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes 'fade-in' {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .top-bar {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0); }

  .top-bar .logo {
    top: 5px;
    background-image: url(../../images/shared/shared-assets@2x.png);
    -webkit-background-size: 150px 600px;
    background-size: 300px 300px; }

  .account-state .link-signin i,
  .account-state .link-settings i,
  .account-state .link-open-instagram i {
    background-image: url(../../images/shared/glyph-assets@2x.png);
    -webkit-background-size: 150px 1600px;
    background-size: 150px 1600px; }

  .dropdown {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }

  .dropdown-open .dropdown {
    margin: -10px 0 0;
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); } }
.mobileAvatarImage img {
  height: 100%;
  visibility: hidden;
  width: auto; }

body {
  -webkit-font-smoothing: subpixel-antialiased;
  color: #444; }

a:visited {
  color: inherit; }

h1 {
  margin: 0; }

.blog-header a,
article header a,
.article-body a,
.blog-footer a,
.paging a,
article footer a {
  font-weight: bold; }

.top-bar {
  color: #dde5ec;
  text-shadow: 0 1px 1px #063056;
  text-transform: uppercase; }
  .top-bar a {
    color: #fff;
    font-weight: bold; }
    .top-bar a:hover {
      text-decoration: underline; }

.blog-footer {
  font-weight: bold; }
  .blog-footer ul {
    margin: 0 0 5px; }
  .blog-footer .social-links,
  .blog-footer .blog-links {
    font-size: 16px; }

.blog-header {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 30px; }
  .blog-header p {
    text-align: justify; }

.photogrid {
  font-size: 12px;
  color: #ccc;
  text-shadow: 0 1px 3px #000; }
  .photogrid a {
    color: #fff; }
  .photogrid figcaption {
    line-height: 12px;
    color: #fff; }
  .photogrid > p {
    font-size: 14px; }

.audio-stage {
  font-size: 14px;
  line-height: 20px; }
  .audio-stage .audio-player {
    font-size: 11px;
    line-height: 27px; }

article h1, article h1 a {
  color: #333;
  font-weight: normal; }
article h1 a:hover,
article h1 a:focus,
article h1 a:visited {
  color: #000; }
article header ul {
  font-size: 14px; }
article footer {
  font-size: 16px; }
  article footer h2 {
    font-size: 16px; }

.article-body {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 30px; }
  .article-body p.intro {
    color: #666; }
  .article-body p,
  .article-body ul,
  .article-body ol,
  .article-body h2 {
    text-align: justify; }
  .article-body h2 {
    margin: 0 0 10px; }
  .article-body pre {
    font-size: 12px;
    line-height: 20px; }

body {
  background: #f2f2f2;
  background: #e0e0e0 url(../../images/blog/noise-gray.png) 50% 0; }

ul {
  padding: 0;
  list-style: none; }

pre code {
  border: none;
  background: #eee; }

.top-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; }
  .top-bar .wrapper {
    width: auto;
    max-width: 800px;
    padding: 0 30px; }
  .top-bar .logo {
    z-index: 25; }
  .top-bar p {
    padding: 10px 0;
    margin: 0;
    position: relative;
    top: 2px;
    margin-top: -45px;
    text-align: center; }

.blog-header {
  padding: 45px 30px 0;
  color: #666; }

.blog-header a:first-child,
.article-body p.intro a {
  color: #333;
  font-weight: normal;
  text-decoration: underline; }

.blog-header a:first-child:hover,
.blog-header a:first-child:focus,
.article-body p.intro a:hover,
.article-body p.intro a:focus {
  color: #000; }

.blog-header p {
  max-width: 720px;
  margin: 0 auto;
  padding: 50px 0 50px 85px;
  background: url(../../images/blog/icon.png) no-repeat 2px center;
  position: relative;
  left: -5px; }

.blog-header,
.blog-footer {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }

.blog-footer {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 40px 30px;
  overflow: hidden;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.blog-footer ul a {
  display: block; }

.blog-footer ul {
  float: left;
  display: inline; }

.blog-footer ul li {
  float: left;
  display: inline;
  margin-right: 1em; }

.blog-footer .social-links,
.blog-footer p {
  float: right;
  display: inline; }

.blog-footer .ig-links,
.blog-footer p {
  text-transform: uppercase;
  color: #999; }

.blog-footer .ig-links a,
.blog-footer p a {
  color: #999; }

.blog-footer .ig-links a:hover,
.blog-footer p a:hover,
.blog-footer .ig-links a:hover,
.blog-footer p a:hover {
  color: #666; }

.blog-footer .social-links li {
  margin: 0 0 0 1em; }

.blog-footer .ig-links {
  clear: both; }

.photogrid,
.video-stage {
  position: relative;
  clear: both;
  margin: 20px 0 40px;
  padding: 40px 40px 40px;
  background: #333333 url(../../images/shared/noise-2.png) center;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0))), #333333 url(../../images/shared/noise-2.png) center;
  background: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%), #333333 url(../../images/shared/noise-2.png) center;
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.9), 0 1px 3px rgba(0,0,0,0.6) inset;
  -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.9), 0 1px 3px rgba(0,0,0,0.6) inset;
  box-shadow: 0 1px 0 rgba(255,255,255,0.9), 0 1px 3px rgba(0,0,0,0.6) inset; }

.photogrid:last-child {
  margin-bottom: -40px;
  -webkit-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset, 0 1px 0 1px #333;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset, 0 1px 0 1px #333;
  box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset, 0 1px 0 1px #333; }
.article-body .photogrid ul {
  max-width: none;
  margin: 0 auto 0;
  padding: 0;
  position: relative;
  z-index: 50;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 3px black;
  -moz-box-shadow: 0 1px 3px black;
  box-shadow: 0 1px 3px black; }
.article-body .photogrid > p {
  margin: 10px auto; }
.article-body .photogrid ul li {
  margin: 0;
  list-style: none; }
.photogrid ul li {
  position: absolute;
  width: 16.8%;
  background: #000;
  z-index: 98; }
.photogrid li a {
  display: block;
  position: relative; }
.photogrid li img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-transition: opacity 0.1s linear;
  -moz-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear; }
.photogrid li figcaption {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: right;
  padding: 30px 10px 10px;
  -moz-opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: 0.5;
  opacity: .5;
  font-weight: normal;
  overflow: hidden;
  text-shadow: 0 1px 3px #000;
  -webkit-transition: opacity 0.1s linear;
  -moz-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear; }
.photogrid ul:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 1px;
  z-index: 100;
  border-top: 1px solid rgba(255, 255, 255, 0.1); }
.photogrid ul:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 100;
  border-left: 1px solid rgba(255, 255, 255, 0.1); }
.photogrid:hover ul img, .photogrid:hover ul figcaption {
  -moz-opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.8;
  opacity: .8; }
.photogrid:hover li:hover a img, .photogrid:hover li:hover a figcaption {
  opacity: 1; }
.photogrid ul li:hover {
  z-index: 101; }
.photogrid ul li a:hover:after,
.photogrid ul li a:focus:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid rgba(255, 255, 0, 0.8);
  z-index: 100;
  -webkit-box-shadow: 0 3px 25px rgba(0,0,0, .8), 0 0 0 1px rgba(0,0,0, .4), 0 0 25px rgba(255,255,0, .15), 0 0 25px rgba(255,255,0, .15) inset;
  -moz-box-shadow: 0 3px 25px rgba(0,0,0, .8), 0 0 0 1px rgba(0,0,0, .4), 0 0 25px rgba(255,255,0, .15), 0 0 25px rgba(255,255,0, .15) inset;
  box-shadow: 0 3px 25px rgba(0,0,0, .8), 0 0 0 1px rgba(0,0,0, .4), 0 0 25px rgba(255,255,0, .15), 0 0 25px rgba(255,255,0, .15) inset; }
.photogrid ul.count-4 li,
.photogrid ul.count-5 li.photo-1,
.photogrid ul.count-5 li.photo-3,
.photogrid ul.count-5 li.photo-4,
.photogrid ul.count-5 li.photo-5,
.photogrid ul.count-8 li.photo-1,
.photogrid ul.count-8 li.photo-2,
.photogrid ul.count-8 li.photo-3,
.photogrid ul.count-8 li.photo-4,
.photogrid ul.count-8 li.photo-8,
.photogrid ul.count-7 li.photo-1,
.photogrid ul.count-2 li.photo-1,
.photogrid ul.count-3 li.photo-1,
.photogrid ul.count-6 li.photo-1,
.photogrid ul.count-6 li.photo-2,
.photogrid ul.count-9 li.photo-1,
.photogrid ul.count-10 li.photo-1 {
  position: relative;
  float: left; }
.photogrid ul.count-4 li,
.photogrid ul.count-5 li.photo-1,
.photogrid ul.count-5 li.photo-2,
.photogrid ul.count-5 li.photo-4,
.photogrid ul.count-5 li.photo-5 {
  width: 25%; }
.photogrid ul.count-5 li.photo-3,
.photogrid ul.count-7 li.photo-1,
.photogrid ul.count-2 li.photo-1,
.photogrid ul.count-3 li.photo-1,
.photogrid ul.count-6 li.photo-1,
.photogrid ul.count-6 li.photo-2,
.photogrid ul.count-9 li.photo-1,
.photogrid ul.count-2 li.photo-2,
.photogrid ul.count-10 li.photo-1 {
  width: 50%; }
.photogrid ul.count-3 li,
.photogrid ul.count-3 li.photo-1,
.photogrid ul.count-9 li.photo-1,
.photogrid ul.count-6 li.photo-1,
.photogrid ul.count-6 li.photo-2,
.photogrid ul.count-7 li.photo-2 {
  width: 33.3333333333%; }
.photogrid ul.count-8 li.photo-1,
.photogrid ul.count-8 li.photo-8 {
  width: 28.7%; }
.photogrid ul.count-6 li.photo-3,
.photogrid ul.count-6 li.photo-5,
.photogrid ul.count-7 li.photo-6,
.photogrid ul.count-9 li.photo-4,
.photogrid ul.count-9 li.photo-8,
.photogrid ul.count-10 li.photo-3,
.photogrid ul.count-10 li.photo-6,
.photogrid ul.count-10 li.photo-9 {
  right: 16.6666666667%; }
.photogrid ul.count-8 li.photo-2,
.photogrid ul.count-8 li.photo-3,
.photogrid ul.count-8 li.photo-4,
.photogrid ul.count-8 li.photo-5,
.photogrid ul.count-8 li.photo-6,
.photogrid ul.count-8 li.photo-7 {
  width: 14.2%; }
.photogrid ul.count-6 li.photo-4,
.photogrid ul.count-6 li.photo-6,
.photogrid ul.count-7 li.photo-4,
.photogrid ul.count-3 li.photo-3,
.photogrid ul.count-7 li.photo-3,
.photogrid ul.count-7 li.photo-7,
.photogrid ul.count-9 li.photo-5,
.photogrid ul.count-9 li.photo-9,
.photogrid ul.count-10 li.photo-4,
.photogrid ul.count-10 li.photo-7,
.photogrid ul.count-10 li.photo-10 {
  right: 0; }
.photogrid ul.count-6 li.photo-5,
.photogrid ul.count-6 li.photo-6,
.photogrid ul.count-9 li.photo-6,
.photogrid ul.count-7 li.photo-6,
.photogrid ul.count-7 li.photo-5,
.photogrid ul.count-7 li.photo-7,
.photogrid ul.count-9 li.photo-7,
.photogrid ul.count-9 li.photo-8,
.photogrid ul.count-9 li.photo-9,
.photogrid ul.count-10 li.photo-8,
.photogrid ul.count-10 li.photo-9,
.photogrid ul.count-10 li.photo-10 {
  bottom: 0; }
.photogrid ul.count-3 li.photo-2,
.photogrid ul.count-9 li.photo-3,
.photogrid ul.count-9 li.photo-7 {
  right: 33.3333333333%; }
.photogrid ul.count-7 li.photo-4,
.photogrid ul.count-10 li.photo-5,
.photogrid ul.count-10 li.photo-6,
.photogrid ul.count-10 li.photo-7 {
  top: 33.3333333333%; }
.photogrid ul.count-5 li.photo-2,
.photogrid ul.count-8 li.photo-5,
.photogrid ul.count-8 li.photo-6,
.photogrid ul.count-8 li.photo-7 {
  top: 50%; }
.photogrid ul.count-7 li.photo-5,
.photogrid ul.count-7 li.photo-2,
.photogrid ul.count-2 li.photo-2,
.photogrid ul.count-10 li.photo-2,
.photogrid ul.count-10 li.photo-5,
.photogrid ul.count-10 li.photo-8 {
  left: 50%; }
.photogrid ul.count-9 li.photo-2,
.photogrid ul.count-9 li.photo-6 {
  left: 33.3333333333%; }
.photogrid ul.count-8 li.photo-5 {
  left: 28.7%; }
.photogrid ul.count-8 li.photo-6 {
  left: 42.9%; }
.photogrid ul.count-8 li.photo-7 {
  left: 57.1%; }

.video-stage .fluid-width-video-wrapper {
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  margin: 0; }

.post-photo .photogrid,
.post-video .video-stage {
  margin-top: 15px; }

.audio-stage {
  position: relative;
  clear: right;
  float: right;
  display: inline;
  min-height: 75px;
  min-width: 210px;
  width: 20%;
  padding: 15px 15px 15px 105px;
  margin: -11px 40px 29px;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
  .audio-stage img {
    width: 75px;
    height: 75px; }
  .audio-stage .audio-cover {
    position: absolute;
    left: 15px;
    top: 15px; }
  .audio-stage .audio-player {
    position: absolute;
    left: 105px;
    bottom: 15px;
    height: 27px;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
  .audio-stage span, .audio-stage strong {
    display: block; }

.main {
  padding: 0 30px; }

article,
.paging ul {
  clear: both;
  overflow: hidden;
  padding: 0 0 40px;
  margin: 0 auto 30px;
  background: #f5f5f5;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2), 0 1px 0 rgba(255,255,255,0.9) inset;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2), 0 1px 0 rgba(255,255,255,0.9) inset;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2), 0 1px 0 rgba(255,255,255,0.9) inset; }

article {
  max-width: 1200px; }
  article footer {
    background: #eee;
    border-top: 1px solid #ddd;
    padding: 20px 60px 40px;
    margin: 30px 0 -40px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px; }
    article footer h2 {
      max-width: 800px;
      margin: 0 auto; }
    article footer ol {
      max-width: 800px;
      margin: 10px auto 0;
      padding: 0; }
    article footer ol li {
      border-bottom: 1px solid #ddd;
      padding: 10px 0 9px 24px;
      margin: 0;
      position: relative;
      list-style: none; }
    article footer ol li:first-child {
      border-top: 1px solid #ddd;
      margin-top: -1px; }
    article footer ol li img {
      position: absolute;
      top: 50%;
      margin-top: -8px;
      left: 0; }
    article footer .clear, article footer .page-footer, article footer header {
      display: none; }
    article footer blockquote {
      display: inline;
      font-style: italic;
      color: #999; }
    article footer blockquote a:before {
      content: "“"; }
    article footer blockquote a:after {
      content: "”"; }
    article footer blockquote a {
      color: #999;
      text-decoration: underline;
      font-weight: normal; }
    article footer blockquote a:hover,
    article footer blockquote a:focus {
      color: #666; }

.paging {
  margin: 0 auto 30px;
  max-width: 1200px;
  position: relative;
  text-transform: uppercase; }
  .paging ul {
    margin: 0;
    padding: 0;
    height: 60px; }
  .paging ul li {
    height: 60px;
    width: 50%;
    float: left;
    display: inline;
    text-align: left;
    white-space: nowrap; }
  .paging ul li a {
    padding: 20px 30px;
    display: block; }
  .paging ul li.paging-older {
    text-align: right;
    float: right;
    border-left: 1px solid #fafafa;
    margin-left: -1px; }
  .paging ul li.paging-newer {
    border-left: none;
    border-right: 1px solid #ddd;
    margin-right: -1px; }

.tag-commas:last-of-type {
  display: none; }

article h1 {
  position: relative;
  left: -2px; }

article header {
  position: relative;
  max-width: 800px;
  min-height: 50px;
  margin: 0 auto -10px;
  padding: 50px 60px 20px; }
  article header h1, article header p {
    margin: 0 0 20px; }
  article header h1 {
    margin-right: 120px !important;
    margin-bottom: 20px; }
  article header ul {
    position: absolute;
    right: 0;
    bottom: 16px;
    margin-right: 60px;
    text-align: right; }
    article header ul li {
      margin: 0 0 6px; }
    article header ul a {
      display: block;
      padding-right: 20px; }
  article header ul,
  article header p {
    text-transform: uppercase;
    color: #ccc; }
  article header p {
    margin-top: -15px;
    padding: 0 0 0 17px;
    background: url(../../images/blog/meta-tags.png) no-repeat 0 50%; }
  article header .meta-url a {
    background: url(../../images/blog/meta-date.png) no-repeat 100% 4px; }
  article header .meta-notes a {
    background: url(../../images/blog/meta-notes.png) no-repeat 100% 4px; }
  article header ul a,
  article header p a {
    color: #ccc; }
  article header ul a:hover,
  article header p a:hover,
  article header ul a:focus,
  article header p a:focus {
    color: #999;
    text-decoration: none; }

.article-body p,
.article-body h1, .article-body h2, .article-body h3, .article-body h4, .article-body h5,
.article-body ul,
.article-body ol {
  max-width: 800px;
  padding: 0 60px;
  margin: 0 auto 20px; }
.article-body pre {
  max-width: 760px;
  padding: 20px;
  margin: 0 auto 20px;
  background: #fff; }
.article-body h2 {
  margin-bottom: 10px; }
.article-body ul li {
  list-style: disc;
  margin-left: 1.5em; }
.article-body p.intro {
  float: right;
  display: inline;
  width: 38.2%;
  padding-top: 10px;
  text-align: left;
  padding: 15px 1.5em;
  background: #e0e0e0 url(../../images/blog/noise-gray.png) center;
  margin: 0 3em 20px;
  border-bottom: 1px solid #ccc; }

.centredimg {
  text-align: center !important; }

@media screen and (max-width: 880px) {
  .article-body p.intro {
    float: none;
    display: block;
    width: auto; } }
@media screen and (max-width: 620px) {
  .photogrid,
  .video-stage {
    margin: 5px 0 15px;
    padding: 20px 20px; }

  .video-stage {
    margin-top: 0;
    padding-bottom: 5px; }

  .fluid-width-video-wrapper {
    margin-bottom: 5px; }

  .audio-stage {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    float: none;
    display: block; }

  .top-bar .wrapper,
  .blog-header,
  .main,
  .blog-footer {
    padding-left: 15px;
    padding-right: 15px; }

  article footer {
    padding-left: 25px;
    padding-right: 25px; }

  .top-bar p {
    text-align: right; }

  .blog-header p {
    padding: 40px 0 30px 75px; }

  article {
    padding: 0 0 20px; }
    article header {
      padding: 20px 25px 10px;
      min-height: 0; }
      article header h1 {
        margin-right: 100px;
        margin-bottom: 5px; }
      article header p {
        margin-top: -5px; }
      article header ul {
        margin-top: 11px;
        margin-right: 25px;
        bottom: 9px; }
        article header ul li {
          margin: 0; }
      article header .meta-notes {
        position: relative;
        top: -1px; }

  .article-body p,
  .article-body h1, .article-body h2, .article-body h3, .article-body h4, .article-body h5,
  .article-body ul,
  .article-body ol {
    padding: 0 25px;
    margin: 0 0 10px; }
  .article-body pre {
    padding: 10px 15px; }
  .article-body img {
    max-width: 100%; }
  .article-body p.intro {
    margin-left: 25px;
    margin-right: 25px; }

  .blog-footer {
    padding: 10px 20px 30px; }
    .blog-footer ul, .blog-footer p {
      display: block !important;
      float: none !important;
      text-align: center !important;
      margin: 0 !important; }
    .blog-footer li {
      margin-left: 5px !important;
      margin-right: 5px !important;
      float: none !important;
      display: inline-block !important; }
    .blog-footer .social-links {
      margin-bottom: 20px !important; }

  .blog-header {
    line-height: 25px;
    font-size: 16px; }

  article header ul, article header p {
    font-size: 12px; }
  article h1 {
    font-size: 28px;
    line-height: 30px; }
  article h2 {
    font-size: 18px; }

  .article-body,
  article footer {
    line-height: 25px;
    font-size: 14px; }

  .blog-footer ul, .blog-footer p {
    font-size: 14px !important; } }
@media screen and (max-width: 440px) {
  .photogrid {
    padding: 0 0 10px; }
    .article-body .photogrid ul {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      margin-bottom: -10px; }
      .article-body .photogrid ul li figcaption {
        display: none; }
    .article-body .photogrid ul + p {
      padding-top: 20px; }

  .main {
    padding-left: 5px;
    padding-right: 5px; }

  .top-bar {
    position: absolute;
    z-index: 2000; }
    .top-bar p {
      margin-right: -8px; }
      .top-bar p span {
        display: none; }
      .top-bar p a {
        margin: 0 8px; }

  .blog-header {
    padding-right: 10px;
    padding-left: 10px; }
    .blog-header p {
      padding: 25px 0 25px 45px;
      background-position: 4px 27px;
      -webkit-background-size: 30px 30px;
      background-size: 30px 30px; }

  article {
    padding-bottom: 10px;
    margin-bottom: 10px; }
    article header {
      padding: 15px 20px 5px;
      margin: 0 0 5px; }
      article header h1 {
        margin-right: 0 !important; }
      article header p {
        margin-bottom: 0; }
      article header ul {
        display: none; }

  .article-body p,
  .article-body h1, .article-body h2, .article-body h3, .article-body h4, .article-body h5,
  .article-body ul,
  .article-body ol {
    padding: 0 20px; }
  .article-body p.intro {
    padding: 14px 20px;
    margin: 10px 0 20px;
    background: #eaeaea;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }

  .paging ul li a {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px; }

  .blog-header p {
    text-align: left;
    font-size: 14px;
    line-height: 20px; }

  .article-body p,
  .article-body ul,
  .article-body ol,
  .article-body h1, .article-body h2, .article-body h3, .article-body h4 {
    text-align: left; }

  article h1 {
    font-size: 22px;
    line-height: 25px; } }
body.blog-business {
  background: #555555 url(../../images/shared/noise-2.png); }
  body.blog-business .blog-header {
    color: #ccc;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); }
    body.blog-business .blog-header p {
      background-image: url(../../images/blog/icon_light.png); }
    body.blog-business .blog-header a {
      color: #06365f !important;
      text-decoration: none;
      color: #fff !important; }
      body.blog-business .blog-header a:hover {
        text-decoration: underline; }
    body.blog-business .blog-header a:first-child {
      text-decoration: underline; }
  body.blog-business .photogrid,
  body.blog-business .video-stage {
    -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1), 1px 0 0 rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1), 1px 0 0 rgba(0,0,0,0.3);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1), 1px 0 0 rgba(0,0,0,0.3); }
  body.blog-business .photogrid:last-child {
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px; }
  body.blog-business .video-stage {
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0; }
  body.blog-business .blog-footer {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); }
    body.blog-business .blog-footer a {
      color: #fff; }
    body.blog-business .blog-footer .ig-links a, body.blog-business .blog-footer p {
      color: #ccc !important; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .blog-header p {
    background-image: url(../../images/blog/icon@2x.png);
    -webkit-background-size: 60px 60px;
    background-size: 60px 60px; }

  article header p {
    background-image: url(../../images/blog/meta-tags@2x.png);
    -webkit-background-size: 13px 13px;
    background-size: 13px 13px; }
  article header .meta-url a {
    background-image: url(../../images/blog/meta-date@2x.png);
    -webkit-background-size: 13px 13px;
    background-size: 13px 13px; }
  article header .meta-notes a {
    background-image: url(../../images/blog/meta-notes@2x.png);
    -webkit-background-size: 13px 13px;
    background-size: 13px 13px; }

  body.blog-business .blog-header p {
    background-image: url(../../images/blog/icon_light@2x.png); } }
@media screen and (max-width: 440px) {
  .blog-header p {
    -webkit-background-size: 30px 30px !important;
    background-size: 30px 30px !important; } }