/****************************************
	z-index
*****************************************/
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("https://www.ancestrycdn.com/ui-static/font/source-sans-pro-light.woff2") format("woff2"), url("https://www.ancestrycdn.com/ui-static/font/source-sans-pro-light.woff") format("woff"), url("https://www.ancestrycdn.com/ui-static/font/source-sans-pro-light.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: normal;
  src: local("Source Sans Pro"), local("SourceSansPro-Regular"), url("https://www.ancestrycdn.com/ui-static/font/source-sans-pro.woff2") format("woff2"), url("https://www.ancestrycdn.com/ui-static/font/source-sans-pro.woff") format("woff"), url("https://www.ancestrycdn.com/ui-static/font/source-sans-pro.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: normal;
  src: local("Source Sans Pro Italic"), local("SourceSansPro-It"), url("https://www.ancestrycdn.com/ui-static/font/source-sans-pro-italic.woff2") format("woff2"), url("https://www.ancestrycdn.com/ui-static/font/source-sans-pro-italic.woff") format("woff"), url("https://www.ancestrycdn.com/ui-static/font/source-sans-pro-italic.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: bold;
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("https://www.ancestrycdn.com/ui-static/font/source-sans-pro-bold.woff2") format("woff2"), url("https://www.ancestrycdn.com/ui-static/font/source-sans-pro-bold.woff") format("woff"), url("https://www.ancestrycdn.com/ui-static/font/source-sans-pro-bold.ttf") format("truetype"); }

*, *::before, *::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

html {
  background-color: #ececec;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #181a1c;
  overflow-y: scroll; }

body, button, dd, div, dl, dt, fieldset, form, input, h1, h2, h3, h4, h5, h6, li, ol, legend, p, pre, td, textarea, ul {
  margin: 0;
  padding: 0; }

article, aside, audio, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, video {
  display: block;
  margin: 0;
  padding: 0; }

body, h1, h2, h3, h4, h5, h6,
button,
input {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

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

fieldset,
img {
  border: none; }

legend {
  color: inherit; }

address, caption, cite, code, em, th, h1, h2, h3, h4, h5, h6 {
  font-style: normal;
  font-weight: normal; }

caption, th {
  text-align: left; }

ol, ul, li {
  list-style: none;
  text-indent: 0; }

li {
  list-style: inherit; }

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
  border: none;
  margin: 0;
  outline: none;
  padding: 0; }

body {
  background-color: #f5f5f5;
  font: 16px/1.45 "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }

body::before,
body::after {
  content: '';
  display: block;
  height: 1px;
  margin-top: -1px; }

.bodyBkgAlt {
  background: #fff; }

a:focus,
area:focus,
button:focus,
.ancBtn:focus,
[tabindex="0"]:focus {
  outline: 2px solid #ff8e00;
  outline-offset: 2px; }

:focus,
.mouseEvents :focus {
  outline: none; }

/****************************************
	Links
*****************************************/
a,
button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer; }

:disabled,
.disabled {
  cursor: default; }

a {
  color: #005c7d;
  text-decoration: none; }

p a,
p .link,
a:hover,
a:active,
a:focus,
a.underline,
button.underline {
  text-decoration: underline; }

a:focus,
a:hover {
  color: #0079a3; }

.link {
  -webkit-appearance: none;
  background: none;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #005c7d;
  cursor: pointer;
  font-size: inherit;
  padding: 0;
  text-align: left;
  text-decoration: none; }

.link:active,
.link:hover,
.link:focus {
  color: #0079a3;
  text-decoration: underline; }

.linkSecondary:not(:hover):not(:focus) {
  color: #dedede; }

/****************************************
	Type Defaults
*****************************************/
/* Headings & paragraphs */
h1, h2, h3, h4, h5, h6,
h1.textdefault,
h2.textdefault,
h2.textdefaultsize,
h3.textdefault,
h3.textdefaultsize,
h4.textdefault,
h4.textdefaultsize,
h5.textdefault,
h5.textdefaultsize,
h6.textdefault,
h6.textdefaultsize {
  font-size: 16px;
  line-height: 1.35; }

h1,
h1.textdefault,
h1.textdefaultsize {
  font-size: 20px; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 20px; }

p {
  margin-top: 10px; }

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
p:first-child {
  margin-top: 0; }

/* Lists */
.list {
  margin: 10px 0 0 0; }

.bulleted {
  margin: 10px 0 0 10px; }

.numbered,
.list .list {
  margin: 10px 0 0 20px; }

.bulleted:first-child,
.numbered:first-child,
.list:first-child {
  margin-top: 0; }

.bulleted li,
.numbered li,
.list li {
  margin-top: 5px; }

.bulleted > li::before {
  content: '\2022';
  display: block;
  font-weight: bold;
  height: 0;
  margin-left: -10px;
  opacity: .5; }

/* Fix webkit issue with table-cell children */
.bulleted .bulleted li::before {
  content: '\25E6'; }

.bulleted .bulleted .bulleted li::before {
  content: '\25AA'; }

.numbered,
.bulleted .numbered {
  list-style: decimal; }

.listColumn {
  display: table-cell;
  width: 100%; }

.listColumn:last-child {
  color: #a9a9a9;
  text-align: right; }

.listRuled li:not(:last-child) {
  border-bottom: 1px solid #dedede;
  padding-bottom: 5px; }

.listStriped > li {
  border-top: 1px solid #ececec;
  margin: 0;
  padding: 2px 10px; }

.listStriped > li:last-child {
  border-bottom: 1px solid #ececec; }

.listStriped > li:nth-child(odd) {
  background-color: rgba(245, 245, 245, 0.5); }

@media (min-width: 768px) {
  .listColumn:last-child {
    white-space: nowrap;
    word-wrap: normal; } }

dl {
  margin: 10px 0; }

dt {
  font-weight: bold;
  margin-top: 10px; }

dt:first-child,
dt + dt {
  margin-top: 0; }

small {
  display: inline-block;
  font-size: 14px;
  line-height: 1.35; }

hr {
  border: 0;
  border-bottom: 1px solid #f5f5f5;
  height: 0;
  margin: 20px 0; }

.light {
  font-weight: 300; }

b,
strong,
.bold,
.bolder {
  font-weight: bold; }

sup,
sub {
  font-size: .8em;
  position: relative;
  top: -.6em;
  vertical-align: baseline; }

sub {
  top: .4em; }

blockquote {
  font-style: italic;
  line-height: 1.8;
  margin: 10px 24px 0; }

mark {
  background-color: #ffff96; }

cite,
em,
i,
.italic {
  font-style: italic; }

.normal,
.textdefault {
  font-style: normal;
  font-weight: normal; }

.smallLineHeight {
  line-height: 1.35; }

/*	.topSpacing exists for when a div/form/table/or any other
	element is a sibling to another typography element. */
.noTopSpacing.topSpacingBlock:first-child,
.noTopSpacing.topSpacing:first-child,
.noTopSpacing {
  margin-top: 0 !important; }

.topSpacing {
  margin-top: 10px !important; }

.topSpacingBlock {
  margin-top: 20px !important; }

@media (max-width: 767px) {
  .topSpacingBlock:not(:first-child) {
    margin-top: 10px !important; } }

.textCenter {
  text-align: center; }

.textRight {
  text-align: right; }

.textWrap {
  border-spacing: 0;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  width: 100%;
  word-break: break-word;
  word-wrap: break-word; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .textWrap {
    display: table;
    table-layout: fixed; } }

.textClipped {
  display: block;
  max-width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }

/****************************************
	Alternate Type Helpers
	(MARKETING PAGES ONLY - DO NOT USE OTHERWISE)
*****************************************/
.textalt {
  font-family: Georgia, "Times New Roman", Times, serif; }

.textnormal,
.textdefault {
  font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif; }

.text6xlrg {
  font-size: 36px; }

.text5xlrg {
  font-size: 32px; }

.text4xlrg {
  font-size: 28px; }

.text3xlrg {
  font-size: 24px; }

.text2xlrg {
  font-size: 20px; }

.textxlrg {
  font-size: 18px; }

.textlrg,
.textmed,
.textdefault,
.textdefaultsize {
  font-size: 16px; }

.textsml,
.textxsml {
  font-size: 14px; }

/****************************************
	Colors
*****************************************/
.coloralt,
a.coloralt {
  color: #474d54; }

.coloralt2,
a.coloralt2 {
  color: #c14139; }

.coloralt3,
a.coloralt3 {
  color: #bf5500; }

.coloralt4,
a.coloralt4 {
  color: #fff; }

.colornormal,
a.colornormal,
.textdefault,
a.textdefault {
  color: #181a1c; }

/****************************************
	Helper Classes
*****************************************/
.clear {
  clear: both; }

.clearfix::after {
  clear: both;
  content: "";
  display: table; }

.noDisplay {
  display: none !important; }

.hideVisually:focus {
  background-color: #fff;
  padding: 10px;
  position: absolute !important;
  z-index: 1; }

.hideVisually:not(:focus),
.screenReaderText {
  height: 1px !important;
  line-height: 2em;
  margin: -1px;
  opacity: 0;
  overflow: hidden !important;
  pointer-events: none;
  position: absolute !important;
  width: 1px !important; }

caption.screenReaderText {
  caption-side: bottom;
  position: static; }

/*	max-width:100% doesn't work on images inside of an
	element with display:table-cell. To make it cross-
	browser, the parent element must have these styles. */
img.imageConstrained,
.imageConstrained > img {
  display: inline-block;
  max-width: 100%;
  vertical-align: top; }

.imageConstrained:not(img) {
  border-spacing: 0;
  display: table;
  table-layout: fixed;
  width: 100%; }

.noTransition {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important; }

/****************************************
	Miscellaneous (or to be moved)
*****************************************/
.itemCount {
  background-color: red;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px rgba(0, 0, 0, 0.77);
  box-shadow: 0 1px rgba(0, 0, 0, 0.77);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  left: -4px;
  line-height: 14px;
  padding: 0 2px 1px;
  position: absolute;
  text-decoration: none;
  top: -7px;
  z-index: 2; }

.videoWrapper {
  padding-bottom: 56.25%;
  position: relative;
  width: 100%; }

.videoRatio4x3 {
  padding-bottom: 75%; }

.videoWrapper .video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

audio {
  width: 100%; }

/****************************************
	Responsive
*****************************************/
html,
body {
  max-width: 100%;
  min-width: 320px; }

/* Large Screen */
@media (min-width: 1006px) {
  .show768,
  .show480:not(.hide768),
  .show320:not(.hide768):not(.hide480),
  .show768.hide480.show320 {
    display: none !important; } }

/* Not Large Screen */
@media (max-width: 1005px) {
  .hideVisually768 {
    height: 1px !important;
    line-height: 2em;
    margin: -1px;
    opacity: 0;
    overflow: hidden !important;
    pointer-events: none;
    position: absolute !important;
    width: 1px !important; } }

/* iPad Portait */
@media (max-width: 767px) {
  .hideVisually480 {
    height: 1px !important;
    line-height: 2em;
    margin: -1px;
    opacity: 0;
    overflow: hidden !important;
    pointer-events: none;
    position: absolute !important;
    width: 1px !important; } }

@media (min-width: 768px) and (max-width: 1005px) {
  .hide768,
  .show480:not(.show768),
  .show320:not(.show768) {
    display: none !important; } }

/* iPhone Landscape */
@media (min-width: 480px) and (max-width: 767px) {
  body {
    -webkit-text-size-adjust: none; }
  .hide768:not(.show480),
  .hide480,
  .show320:not(.show480) {
    display: none !important; } }

/* iPhone Portrait */
@media (max-width: 479px) {
  body {
    -webkit-text-size-adjust: none; }
  .hide768:not(.show480):not(.show320),
  .hide480:not(.show320),
  .hide320 {
    display: none !important; }
  .hideVisually320 {
    height: 1px !important;
    line-height: 2em;
    margin: -1px;
    opacity: 0;
    overflow: hidden !important;
    pointer-events: none;
    position: absolute !important;
    width: 1px !important; } }

/* Backgrounds */
.bgDark {
  color: #fff; }

a.bgDark,
.link.bgDark {
  color: #fff; }

.bgDark > a,
.bgDark > .link {
  color: inherit; }

.bgColor1 {
  background-color: #777777; }

.bgColor2 {
  background-color: #655586; }

.bgColor3 {
  background-color: #0079a3; }

.bgColor4 {
  background-color: #6ba410; }

.bgColor5 {
  background-color: #489b9b; }

.bgColor6 {
  background-color: #f06158; }

.bgColor7 {
  background-color: #3a3f45; }

.bgColor8 {
  background-color: #f5f5f5; }

.bgColor9 {
  background-color: #e3720f; }

.bgColor10 {
  background-color: #a92c6c; }

/* Close Button */
.closeBtn {
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  border-radius: 5px;
  cursor: pointer;
  height: 28px;
  line-height: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 28px;
  z-index: 1; }

.closeBtn::before {
  color: #181a1c;
  content: "\E657";
  display: block;
  font: normal normal normal 12px/0 "ancestry-icon";
  -moz-osx-font-smoothing: grayscale;
  text-indent: 2px;
  -webkit-font-smoothing: antialiased;
  speak: none;
  text-align: center; }

.closeBtn:hover {
  background: rgba(0, 0, 0, 0.1); }

@media print {
  @page {
    margin: 1.5cm !important; }
  html {
    zoom: 80% !important; }
  body {
    background: #fff !important; }
  .notPrintable {
    display: none !important; }
  .bgDark,
  .bgDark * {
    background: #fff !important;
    color: #000 !important;
    text-shadow: none !important; } }
.loading {
  position: relative; }

.loading:not(.ancBtn) {
  min-height: 28px;
  min-width: 28px; }

.loading::before {
  -webkit-animation: loadingOpacity 1s 1s linear forwards, loading 1s linear infinite;
  animation: loadingOpacity 1s 1s linear forwards, loading 1s linear infinite;
  background-image: url("https://www.ancestrycdn.com/ui-static/i/loading/1/loading.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  content: '';
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0);
  -ms-transform: translate(-50%, -50%) rotate(0);
  transform: translate(-50%, -50%) rotate(0); }

/* Sizes */
.loading::before,
.loading.ancBtn.lrg::before,
.loading.ancBtn.lrgr::before {
  min-height: 28px;
  min-width: 28px; }

.loading.ancBtn::before,
.loadingSmall.loadingSmall,
.loadingSmall.loadingSmall::before {
  min-height: 17px;
  min-width: 17px; }

.loadingLarge.loadingLarge,
.loadingLarge.loadingLarge::before {
  min-height: 80px;
  min-width: 80px; }

/* On Buttons */
.loading.ancBtn::before {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  left: 15px; }

.loading.ancBtn {
  padding-left: 29px; }

.loading.ancBtn.lrgr {
  padding-left: 52px; }

.loading.ancBtn.lrgr::before {
  left: 28px; }

.loading.ancBtn.lrg {
  padding-left: 44px; }

.loading.ancBtn.lrg::before {
  left: 21px; }

.loading.ancBtn.sml {
  padding-left: 24px; }

.loading.ancBtn.sml::before {
  left: 12px; }

/* With text */
.loadingText {
  min-height: 0;
  padding: 52px 12px 12px;
  text-align: center; }

.loadingText::before {
  top: 32px; }

.loadingText.loadingLarge {
  padding-top: 100px; }

.loadingText.loadingLarge::before {
  top: 52px; }

.loadingText.loadingSmall {
  padding: 32px 8px 8px; }

.loadingText.loadingSmall::before {
  top: 22px; }

/* Images */
.loading.ancBtn::before,
.loadingOnGreen::before,
.loadingOnBlack::before,
.loading.bgDark::before {
  background-image: url("https://www.ancestrycdn.com/ui-static/i/loading/1/loading-on-dark.png"); }

/* Retina Styles */
@media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .loading::before {
    background-image: url("https://www.ancestrycdn.com/ui-static/i/loading/1/loading-2x.png"); }
  .loading.ancBtn::before,
  .loadingOnGreen::before,
  .loadingOnBlack::before,
  .loading.bgDark::before {
    background-image: url("https://www.ancestrycdn.com/ui-static/i/loading/1/loading-on-dark-2x.png"); } }

/* Animations */
@-webkit-keyframes loading {
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg); } }

@keyframes loading {
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg); } }

@-webkit-keyframes loadingOpacity {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes loadingOpacity {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@media print {
  .loading {
    display: none !important; } }
/****************************************
	z-index
*****************************************/
.alert {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  color: #181a1c;
  margin-top: 10px;
  padding: 20px 20px 20px 57px;
  position: relative;
  text-shadow: none;
  -webkit-transform: rotateX();
  transform: rotateX();
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-transition: background .2s, margin-bottom .2s, margin-top .4s, opacity .3s, -webkit-transform .3s;
  transition: background .2s, margin-bottom .2s, margin-top .4s, opacity .3s, -webkit-transform .3s;
  -o-transition: background .2s, margin-bottom .2s, margin-top .4s, opacity .3s, transform .3s;
  transition: background .2s, margin-bottom .2s, margin-top .4s, opacity .3s, transform .3s;
  transition: background .2s, margin-bottom .2s, margin-top .4s, opacity .3s, transform .3s, -webkit-transform .3s; }

.alert::before,
.alertWarning::before {
  color: #ff8e00; }

.alertError::before {
  color: #c14139; }

.alert:first-child {
  margin-top: 0; }

.alertSuccess::before {
  color: #9cbe30; }

.alertInfo::before,
.alertNote::before {
  color: #71b6ce; }

/* Icons */
.alert::before {
  content: "\E668";
  font: normal 25px/0 "ancestry-icon";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  left: 20px;
  position: absolute;
  speak: none;
  text-transform: none;
  top: 30px; }

.alertInfo::before,
.alertNote::before {
  content: "\E63F"; }

.alertSuccess::before {
  content: "\E656"; }

/* Alert visibility */
.conBody > .alert.alertHidden,
.alert.alertHidden {
  display: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none; }

.alertContextualBottomHiding {
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom; }

.alertHiding {
  margin-top: 0;
  opacity: 0;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transition: margin-bottom .4s, margin-top .4s, opacity .2s, -webkit-transform .3s;
  transition: margin-bottom .4s, margin-top .4s, opacity .2s, -webkit-transform .3s;
  -o-transition: margin-bottom .4s, margin-top .4s, opacity .2s, transform .3s;
  transition: margin-bottom .4s, margin-top .4s, opacity .2s, transform .3s;
  transition: margin-bottom .4s, margin-top .4s, opacity .2s, transform .3s, -webkit-transform .3s; }

.alertNoTransition {
  -webkit-transition: none;
  -o-transition: none;
  transition: none; }

/* Alert titles */
.alert .alertTitle {
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  margin-top: -6px; }

/* Notification alert */
.alertNotifications {
  bottom: 20px;
  position: fixed;
  right: 20px;
  width: 280px;
  z-index: 1080; }

/* Sitewide alert */
.alertSitewide.alertSitewide {
  margin: 10px; }

/* Overlay alert (for treeviewer) */
.alert.alertNotification,
.alert.alertOverlay {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }

.alert.alertOverlay {
  left: 50%;
  margin: 0;
  max-width: 100%;
  position: absolute;
  top: 10px;
  z-index: 1020; }

/* Contexual Notification alert (requires relative parent) */
.alert.alertNotification.alertContextualBottom {
  bottom: 0;
  display: inline-block;
  opacity: 1;
  position: absolute;
  right: 0;
  top: initial; }

.alert.alertNotification.alertContextualTop {
  bottom: initial;
  display: inline-block;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0; }

.alert.alertNoTransition.alertContextualBottom,
.alert.alertNoTransition.alertContextualTop {
  opacity: 0; }

.alert.alertNotification.alertContextualBottom .action,
.alert.alertNotification.alertContextualTop .action {
  float: right;
  margin-left: 60px; }

/* Section Alerts */
.alertSection {
  margin-bottom: 10px; }

/* Closeable alert */
.alert.alertCloseable {
  padding-right: 28px; }

@media print {
  .alertCloseBtn {
    display: none !important; } }

@media (max-width: 479px) {
  .alert .alertTitle {
    font-size: 20px; }
  .alert.alertNotification.alertContextualBottom .action,
  .alert.alertNotification.alertContextualTop .action {
    margin-left: 25px; } }
/****************************************
	z-index
*****************************************/
.autocompleteInput::-ms-clear {
  display: none; }

/* Hide IE clear button for autocomplete inputs */
.autocompleteCon {
  display: none; }

.autocompleteCon:not(.autocompleteInCallout) {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  border-radius: 0 0 6px 6px;
  border-top: 0;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  left: 0;
  min-height: 40px;
  padding: 8px 0;
  position: absolute;
  z-index: 1010; }

.autocompleteAttached {
  border-color: #a9a9a9; }

.autocompleteAttached:not(.autocompleteInputInCallout) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.autocompleteVisible {
  display: block; }

.autocompleteResult:focus,
.autocompleteResult:hover,
.autocompleteResult {
  color: inherit;
  cursor: pointer;
  display: block;
  padding: 5px 12px;
  position: relative;
  width: 100%; }

.autocompleteResult[aria-disabled="true"] {
  color: #777777;
  pointer-events: none; }

.autocompleteResult.autocompleteSelected {
  background-color: rgba(119, 119, 119, 0.2);
  outline: none;
  text-decoration: none; }

.autocompleteNoResults.autocompleteNoResults {
  cursor: default; }

.autocompleteHighlighted {
  font-weight: bold; }

.loading .autocompleteResult {
  opacity: 0;
  -webkit-transition: opacity .1s 1s;
  -o-transition: opacity .1s 1s;
  transition: opacity .1s 1s; }

/* Modal Adjustments */
.autocompleteInModal.autocompleteVisible {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

/* Callout Adjustments */
.autocompleteInCallout {
  border-top: 1px solid rgba(119, 119, 119, 0.2);
  margin: 10px -10px -5px;
  padding-top: 5px; }

/* Checkmarks */
.autocompleteHasChecks .autocompleteResult {
  padding-right: 26px; }

.autocompleteHasChecks .autocompleteChecked::after {
  color: #6ba410;
  position: absolute;
  right: 5px;
  top: 16px; }

/* Before/After Content */
.autocompleteBefore + .loading,
.loading + .autocompleteAfter,
.autocompleteBefore + .autocompleteResults:not(:empty),
.autocompleteResults:not(:empty) + .autocompleteAfter {
  border-top: 1px solid rgba(119, 119, 119, 0.2);
  margin-top: 5px;
  padding-top: 5px; }
/****************************************
	z-index
*****************************************/
.badge {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #6ba410;
  background-origin: padding-box;
  border: 0;
  border-radius: 15px;
  color: #fff !important;
  display: inline-block;
  font-family: inherit;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: bold;
  height: 15px;
  line-height: 15px;
  padding: 0 5px;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  text-indent: 0;
  text-transform: uppercase;
  top: -.125em;
  vertical-align: middle; }

.badge::-moz-selection {
  background: transparent; }

.badge::selection {
  background: transparent; }

/* Positioning */
.badgePositioned {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1; }

/* Colors */
.badgeColor1 {
  background-color: #005c7d; }

.badgeColor2 {
  background-color: #c14139; }

.badgeColor3 {
  background-color: #777777; }

.badgeColor4 {
  background-color: #a9a9a9; }

.badgeColorGuidance {
  background-color: #005c7d; }

/* Sizes */
.badgeSize1 {
  font-size: 15px;
  height: 20px;
  line-height: 20px;
  min-width: 20px;
  padding: 0 8px; }

.badgeSize2 {
  font-size: 15px;
  height: 30px;
  line-height: 30px;
  min-width: 30px;
  padding: 0 8px; }

/* Icon Sizes */
.badgeSize1.icon::before {
  font-size: 12px;
  top: 0; }

.badgeSize2.icon::before {
  font-size: 16px; }

.badgeIconOnly {
  overflow: hidden;
  padding-left: 0;
  white-space: nowrap;
  word-wrap: normal; }

/* padding-left and text-indent due to FF bug on button elements */
.badgeIconOnly.icon.icon::before {
  margin-right: 40px; }

.badgeIconOnly.badgeSize1 {
  text-indent: 4px;
  width: 20px; }

.badgeIconOnly.badgeSize2 {
  text-indent: 7px;
  width: 30px; }

@media (max-width: 767px) {
  .badgeIconOnly480 {
    overflow: hidden;
    padding-left: 0;
    white-space: nowrap;
    word-wrap: normal; }
  .badgeIconOnly480.icon.icon::before {
    margin-right: 40px; }
  .badgeSize1.badgeIconOnly480 {
    text-indent: 4px;
    width: 20px; }
  .badgeSize2.badgeIconOnly480 {
    text-indent: 7px;
    width: 30px; } }

@media (max-width: 479px) {
  .badgeIconOnly320 {
    overflow: hidden;
    padding-left: 0;
    white-space: nowrap;
    word-wrap: normal; }
  .badgeIconOnly320.icon.icon::before {
    margin-right: 40px; }
  .badgeSize1.badgeIconOnly320 {
    text-indent: 4px;
    width: 20px; }
  .badgeSize2.badgeIconOnly320 {
    text-indent: 7px;
    width: 30px; } }

/* Badges in buttons */
.ancBtn .badge {
  margin-left: 5px; }

.ancBtn + .badge {
  top: 0; }

@media print {
  .badge {
    background: #fff !important;
    border: 1px solid #474d54 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #474d54 !important;
    text-shadow: none !important; } }
/****************************************
	z-index
*****************************************/
.ancBtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #6ba410;
  border: 1px solid transparent;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: bold;
  line-height: 18.9px;
  min-height: 30px;
  padding: 5px 12px;
  text-align: center;
  text-decoration: none !important;
  text-indent: 0;
  -webkit-transition: .2s padding-left;
  -o-transition: .2s padding-left;
  transition: .2s padding-left;
  vertical-align: middle; }

/* .9 value on line-height and the padding for each size are necessary for FF & Safari */
.ancBtn::-moz-selection {
  background: transparent; }

.ancBtn::selection {
  background: transparent; }

.ancBtn span {
  text-decoration: none !important; }

/* Green (Default) */
.ancBtn:not(:active):not(.active):hover {
  background-color: #42860e; }

.ancBtn:active,
.ancBtn.active {
  background: #356507; }

/* Silver */
.ancBtn.silver {
  background: rgba(0, 0, 0, 0.6); }

.ancBtn.silver:not(:active):not(.active):hover {
  background: rgba(0, 0, 0, 0.75); }

.ancBtn.silver:active,
.ancBtn.silver.active {
  background: rgba(0, 0, 0, 0.9); }

/* Blue */
.ancBtn.blue {
  background-color: #0079a3; }

.ancBtn.blue:not(:active):not(.active):hover {
  background-color: #005c7d; }

.ancBtn.blue:active,
.ancBtn.blue.active {
  background: #022e50; }

/* Orange */
.ancBtn.orange {
  background-color: #e3720f; }

.ancBtn.orange:not(:active):not(.active):hover {
  background-color: #bf5500; }

.ancBtn.orange:active,
.ancBtn.orange.active {
  background: #a94500; }

/* Outline */
.ancBtn.outline {
  border-color: #000;
  color: #000 !important;
  background: transparent; }

.ancBtn.outline:not(:active):not(.active):hover {
  background: rgba(0, 0, 0, 0.1); }

.ancBtn.outline:active,
.ancBtn.outline.active {
  background: rgba(0, 0, 0, 0.2); }

.ancBtn.outline.bgDark {
  border-color: #fff;
  color: #fff !important; }

/* Borderless */
.ancBtn.noBorder {
  color: #000 !important;
  background: transparent; }

.ancBtn.noBorder:not(:active):not(.active):hover {
  background: rgba(0, 0, 0, 0.1); }

.ancBtn.noBorder:active,
.ancBtn.noBorder.active {
  background: rgba(0, 0, 0, 0.2); }

.ancBtn.noBorder.bgDark {
  color: #fff !important; }

/* Sizes */
.lrgr {
  font-size: 20px;
  line-height: 30px;
  min-height: 50px;
  padding: 9px 34px; }

.lrg {
  line-height: 21.9px;
  min-height: 40px;
  padding: 8px 14px 8px; }

.sml {
  font-size: 16px;
  line-height: 17px;
  min-height: 20px;
  padding: 0 5px 1px; }

/* Disabled */
.ancBtn.disabled,
.ancBtn[disabled] {
  background-color: #a9a9a9;
  border-color: transparent !important;
  opacity: .6;
  outline: none !important;
  pointer-events: none;
  -webkit-text-fill-color: #fff; }

/* Rounded */
.ancBtnRnd {
  border-radius: 25px; }

.ancBtnRnd.sml {
  padding-left: 7px;
  padding-right: 7px; }

/* Connected */
.ancBtn.ancBtnL {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.ancBtn.ancBtnM {
  border-radius: 0;
  margin-left: 1px; }

.ancBtn.ancBtnR {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: 1px; }

.ancBtn.ancBtnT,
.ancBtn.ancBtnB,
.ancBtn.ancBtnT ~ .ancBtn.ancBtnM {
  display: block; }

.ancBtn.ancBtnT {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.ancBtn.ancBtnB {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 1px; }

.ancBtn.ancBtnT ~ .ancBtn.ancBtnM {
  margin-left: 0;
  margin-top: 1px; }

.ancBtnL:not(:active),
.ancBtnM:not(:active),
.ancBtnR:not(:active),
.ancBtnT:not(:active),
.ancBtnB:not(:active) {
  -webkit-box-shadow: none;
  box-shadow: none; }

.ancBtn.ancBtnM.outline,
.ancBtn.ancBtnR.outline {
  border-left: 0;
  margin-left: 0; }

/* Icons */
.ancBtn.icon::before {
  color: inherit;
  margin-left: -3px; }

.ancBtn.icon:empty::before,
.ancBtn.icon.sml::before {
  margin-left: -1px; }

.ancBtnIconOnly,
.ancBtn.icon:empty {
  overflow: hidden;
  padding-left: 0;
  text-indent: 4px;
  white-space: nowrap;
  width: 30px;
  word-wrap: normal; }

/* padding-left and text-indent due to FF bug on button elements */
.ancBtnIconOnly.sml,
.ancBtn.sml.icon:empty {
  text-indent: 6px; }

.ancBtnIconOnly.lrg,
.ancBtn.lrg.icon:empty {
  text-indent: 9px;
  width: 40px; }

.ancBtnIconOnly.lrgr,
.ancBtn.lrgr.icon:empty {
  text-indent: 14px;
  width: 50px; }

.ancBtn.ancBtnIconOnly::before,
.ancBtn.icon:empty::before {
  margin-left: 0;
  margin-right: 40px; }

.ancBtn.iconAfter:not(.sml)::after {
  left: .25em;
  margin-left: 0; }

/* Two Icons */
.ancBtnIconOnly.iconAfter::before {
  margin-right: 0; }

.ancBtnIconOnly.iconAfter {
  width: 50px; }

.ancBtnIconOnly.sml.iconAfter {
  text-indent: 6px;
  width: 40px; }

.ancBtnIconOnly.lrg.iconAfter {
  width: 60px; }

.ancBtnIconOnly.lrgr.iconAfter {
  width: 72px; }

/* Full */
.ancBtn.full {
  display: block;
  width: 100%; }

@media (max-width: 767px) {
  .ancBtn.full480 {
    display: block;
    width: 100%; }
  .ancBtnIconOnly480 {
    overflow: hidden;
    padding-left: 0;
    text-indent: 4px;
    white-space: nowrap;
    width: 30px;
    word-wrap: normal; }
  .ancBtnIconOnly480.sml {
    text-indent: 6px; }
  .ancBtnIconOnly480.lrg {
    text-indent: 9px;
    width: 40px; }
  .ancBtnIconOnly480.lrgr {
    text-indent: 14px;
    width: 50px; }
  .ancBtn.ancBtnIconOnly480::before {
    margin-left: 0;
    margin-right: 40px; }
  .ancBtnIconOnly480.iconAfter::before {
    margin-right: 0; }
  .ancBtnIconOnly480.iconAfter {
    width: 50px; }
  .ancBtnIconOnly480.sml.iconAfter {
    text-indent: 6px;
    width: 40px; }
  .ancBtnIconOnly480.lrg.iconAfter {
    width: 60px; }
  .ancBtnIconOnly480.lrgr.iconAfter {
    width: 72px; } }

@media (max-width: 479px) {
  .ancBtn.full320 {
    display: block;
    width: 100%; }
  .ancBtnIconOnly320 {
    overflow: hidden;
    padding-left: 0;
    text-indent: 4px;
    white-space: nowrap;
    width: 30px;
    word-wrap: normal; }
  .ancBtnIconOnly320.sml {
    text-indent: 6px; }
  .ancBtnIconOnly320.lrg {
    text-indent: 9px;
    width: 40px; }
  .ancBtnIconOnly320.lrgr {
    text-indent: 14px;
    width: 50px; }
  .ancBtn.ancBtnIconOnly320::before {
    margin-left: 0;
    margin-right: 40px; }
  .ancBtnIconOnly320.iconAfter::before {
    margin-right: 0; }
  .ancBtnIconOnly320.iconAfter {
    width: 50px; }
  .ancBtnIconOnly320.sml.iconAfter {
    text-indent: 6px;
    width: 40px; }
  .ancBtnIconOnly320.lrg.iconAfter {
    width: 60px; }
  .ancBtnIconOnly320.lrgr.iconAfter {
    width: 72px; } }

@media print {
  .ancBtn {
    background: #fff !important;
    border: 1px solid #474d54 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #474d54 !important;
    text-shadow: none !important; }
  .ancBtn.disabled,
  .ancBtn[disabled] {
    -webkit-text-fill-color: #a9a9a9 !important; } }
/****************************************
	z-index
*****************************************/
.callout {
  display: none;
  left: 0;
  max-width: 480px;
  position: absolute;
  top: 0;
  z-index: 1010; }

.callout.open {
  display: block; }

.callout.unpositioned {
  visibility: hidden; }

/* Callout content */
.calloutContent {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  display: block;
  height: auto;
  min-height: 32px;
  padding: 10px;
  position: relative;
  white-space: normal;
  width: auto;
  z-index: 1; }

.calloutContent:focus {
  outline: none; }

.calloutDomContent {
  display: none; }

#callout .calloutDomContent {
  display: block; }

/* Callout pointer */
.calloutPointer {
  height: 11px;
  left: calc(50% - 16px);
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 32px;
  z-index: 1; }

.calloutPointerShadow {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
  height: 16px;
  left: 7px;
  position: absolute;
  top: 3px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 16px; }

/* Position bottom */
.calloutPositionBottom .calloutContent {
  margin-top: 10px; }

/* Position top */
.calloutPositionTop .calloutContent {
  margin-bottom: 10px; }

.calloutPositionTop .calloutPointer {
  bottom: -2px;
  height: 13px;
  top: auto; }

.calloutPositionTop .calloutPointerShadow {
  bottom: 5px;
  top: auto; }

/* Position left */
.calloutPositionLeft .calloutContent {
  margin-right: 10px; }

.calloutPositionLeft .calloutPointer {
  height: 32px;
  left: auto;
  right: 0;
  top: calc(50% - 16px);
  width: 11px; }

.calloutPositionLeft .calloutPointerShadow {
  left: auto;
  right: 3px;
  top: 7px; }

/* Position right */
.calloutPositionRight .calloutContent {
  margin-left: 10px; }

.calloutPositionRight .calloutPointer {
  height: 32px;
  left: 0;
  top: calc(50% - 16px);
  width: 11px; }

.calloutPositionRight .calloutPointerShadow {
  left: 3px;
  top: 7px; }

/* Hide pointer */
.calloutHidePointer .calloutContent {
  margin: 0; }

.calloutHidePointer .calloutPointer {
  display: none; }

/* Callout alt style 1 */
.bgDark .calloutContent {
  background-color: #181a1c;
  border: 1px solid #fff;
  color: #fff; }

.bgDark.callout a,
.bgDark.callout a:hover,
.bgDark.callout .link {
  color: #fff;
  text-decoration: underline; }

.bgDark .calloutPointerShadow {
  background-color: #181a1c;
  border-color: #fff; }

.bgDark .calloutMenuTitle {
  color: #fff; }

/* Callout alt style 2 */
.calloutStyleAlt .calloutContent {
  border: 3px solid #9cbe30; }

.calloutStyleAlt .calloutPointerShadow {
  border: 3px solid #9cbe30; }

.calloutStyleAlt.calloutPositionBottom .calloutPointer {
  height: 13px; }

.calloutStyleAlt.calloutPositionTop .calloutPointer {
  height: 15px; }

.calloutStyleAlt.calloutPositionLeft .calloutPointer,
.calloutStyleAlt.calloutPositionRight .calloutPointer {
  width: 13px; }

.calloutStyleAlt.calloutPositionBottom .calloutPointerShadow {
  left: 5px;
  top: 4px; }

.calloutStyleAlt.calloutPositionTop .calloutPointerShadow {
  bottom: 6px;
  left: 5px; }

.calloutStyleAlt.calloutPositionLeft .calloutPointerShadow {
  right: 4px;
  top: 5px; }

.calloutStyleAlt.calloutPositionRight .calloutPointerShadow {
  left: 4px;
  top: 5px; }

/* Callout menu */
.calloutMenu {
  overflow: hidden;
  padding: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.calloutMenu:only-child,
.calloutContent .calloutMenu:first-child {
  margin-top: -10px; }

.calloutContent .calloutMenu {
  margin: 0 -10px -10px;
  padding: 0; }

.calloutMenu ul,
.calloutMenu ol {
  margin: 0;
  min-width: 100px; }

.calloutMenu li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative; }

.bgDark .calloutMenu li {
  border-bottom-color: rgba(255, 255, 255, 0.1); }

.calloutMenu li:last-child {
  border-bottom: 0; }

.calloutContent .calloutMenu:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 5px; }

.bgDark .calloutContent .calloutMenu:not(:last-child) {
  border-bottom-color: rgba(255, 255, 255, 0.1); }

.calloutMenu a,
.calloutMenu .link {
  display: block;
  padding: 10px;
  width: 100%; }

.calloutMenu a,
.calloutMenu a:hover,
.calloutMenu .link {
  color: #181a1c;
  text-decoration: none !important; }

.calloutMenu a:hover,
.calloutMenu a:focus,
.calloutMenu .link:hover,
.calloutMenu .link:focus {
  background-color: rgba(169, 169, 169, 0.2);
  outline: none; }

.calloutMenuUnchecked::after {
  opacity: 0; }

.calloutMenu .calloutMenuChecked::after,
.calloutMenu .calloutMenuUnchecked::after {
  color: #6ba410;
  position: absolute;
  right: 7px;
  top: 21px; }

.calloutMenu .calloutMenuChecked,
.calloutMenu .calloutMenuUnchecked {
  padding-right: 40px;
  position: relative; }

.calloutMenuTitle {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: #6ba410;
  font-size: 16px;
  font-weight: bold;
  margin: 0 -10px;
  padding: 0 10px 10px; }

.bgDark .calloutMenuTitle {
  border-bottom-color: rgba(255, 255, 255, 0.1); }

.calloutMenuTitle:last-child {
  border-bottom: 0; }

.calloutMenu .calloutMenuTitle {
  margin: 0;
  padding-top: 8px; }

.calloutMenuTitle + .calloutMenu {
  padding-top: 0; }

.calloutMenuTitle ~ .calloutMenuTitle {
  padding-top: 5px; }

.calloutMenu .calloutMenuTitle ~ .calloutMenuTitle {
  padding-top: 10px; }

/* Active state for callout triggers that are also links */
.calloutTrigger:not(.ancBtn).active > span {
  text-decoration: underline; }

/* Tooltip trigger */
.calloutTooltip {
  color: inherit; }

.calloutTooltip > span {
  border-bottom: 1px dotted #5e6770;
  display: inline-block;
  text-decoration: none !important; }

.calloutTooltip.iconAfter::after {
  display: inline-block;
  font-size: 90%;
  margin-left: 0;
  padding-left: 1px;
  padding-right: 1px;
  vertical-align: super; }

.willTransform {
  will-change: transform; }
/****************************************
	z-index
*****************************************/
.card ~ .card {
  margin-top: 10px; }

.card {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3.1px;
  -webkit-box-shadow: 0 0 0 3px transparent;
  box-shadow: 0 0 0 3px transparent;
  display: block;
  padding: 10px;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: color .2s, background-color .2s, -webkit-box-shadow .2s;
  transition: color .2s, background-color .2s, -webkit-box-shadow .2s;
  -o-transition: box-shadow .2s, color .2s, background-color .2s;
  transition: box-shadow .2s, color .2s, background-color .2s;
  transition: box-shadow .2s, color .2s, background-color .2s, -webkit-box-shadow .2s; }

/* 3.1px is needed rather than 3px to fix a bug on iPhone 6+ w/iOS 8.3 */
a.card:hover,
button.card:hover,
.card[tabindex]:hover {
  -webkit-box-shadow: 0 0 0 3px #5e6770;
  box-shadow: 0 0 0 3px #5e6770;
  text-decoration: none; }

.card[tabindex] {
  cursor: pointer; }

.card:not(.bgDark) {
  color: #181a1c;
  text-shadow: none; }

.card.icon:not(.cardMediaFull) {
  padding-right: 22px; }

.card.icon::before {
  color: #a9a9a9;
  height: 18px;
  line-height: 18px;
  margin: 0;
  position: absolute;
  right: 5px;
  text-align: center;
  text-shadow: none;
  top: 5px;
  width: 18px; }

.cardTitle > .icon {
  display: inline-block; }

.cardTitle > .icon:not(:last-child) {
  margin-right: 5px; }

.cardTitle {
  font-size: 16px;
  font-weight: bold;
  margin-top: 0; }

.cardInfo {
  color: #5e6770;
  font-size: 14px;
  margin-top: 10px; }

.cardInfo a,
.cardInfo .link,
.cardInfo small {
  color: inherit;
  font-size: inherit;
  margin-right: 10px; }

.card.bgDark {
  color: #fff; }

.card.bgDark.icon::before,
.bgDark .cardInfo {
  color: inherit; }

a.card .photo {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

/* Empty Cards */
.cardEmpty {
  border: 1px dashed #a9a9a9;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-left: 8px;
  -webkit-transition: border-color .3s;
  -o-transition: border-color .3s;
  transition: border-color .3s; }

a.cardEmpty:hover,
button.cardEmpty:hover,
.cardEmpty[tabindex]:hover {
  border-color: #0079a3;
  -webkit-box-shadow: none;
  box-shadow: none; }

a.cardEmpty.bgDark:hover,
.cardEmpty.bgDark[tabindex]:hover {
  border-color: #fff; }

.cardEmptyAction {
  color: rgba(94, 103, 112, 0.7);
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s; }

.cardEmptyAction.icon::before {
  display: block;
  font-size: 50px;
  line-height: 50px;
  margin: 0 0 10px;
  text-align: center; }

.cardEmpty:hover .cardEmptyAction {
  color: #0079a3; }

.card[class*="cardSize"] .cardEmptyAction {
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

/* Card actions top */
.cardHasSelectAction > .cardAction {
  float: right;
  margin: -10px -5px -20px 0;
  overflow: hidden;
  position: relative;
  -webkit-transition: visibility .3s, margin-top .3s, height .3s, min-height .3s, padding .3s;
  -o-transition: visibility .3s, margin-top .3s, height .3s, min-height .3s, padding .3s;
  transition: visibility .3s, margin-top .3s, height .3s, min-height .3s, padding .3s;
  visibility: hidden;
  z-index: 2; }

.cardHasSelectAction.icon > .cardAction {
  margin-right: -15px; }

.cardHasSelectAction.icon::before {
  overflow: hidden;
  -webkit-transition: right .2s, width .2s;
  -o-transition: right .2s, width .2s;
  transition: right .2s, width .2s; }

.cardHasSelectAction.icon:hover::before,
.cardHasSelectAction.cardSelected.icon::before {
  right: 0;
  width: 0; }

.cardHasSelectAction:hover > .cardAction,
.cardHasSelectAction.cardSelected > .cardAction {
  margin-top: -5px;
  visibility: visible; }

.cardHasSelectAction:not(.cardSelected):not(:hover) > .cardAction {
  height: 0;
  min-height: 0;
  padding-bottom: 0;
  padding-top: 0; }

/* Card actions bottom */
.cardActions {
  margin: 10px 0 -5px;
  overflow: hidden;
  -webkit-transition: visibility .3s, margin-bottom .3s;
  -o-transition: visibility .3s, margin-bottom .3s;
  transition: visibility .3s, margin-bottom .3s; }

.cardActions .cardAction {
  float: left;
  margin: 0 5px 5px 0;
  -webkit-transition: margin-top .3s ease-in-out;
  -o-transition: margin-top .3s ease-in-out;
  transition: margin-top .3s ease-in-out;
  vertical-align: top; }

.cardHasBottomSelectAction:not(.cardSelected) .cardActions {
  margin-bottom: -10px;
  visibility: hidden; }

.cardHasBottomSelectAction:not(.cardSelected) .cardActions .cardAction:not(:focus) {
  margin-top: -25px; }

/* Focus States */
.card[class*="cardOutline"]:focus {
  outline-offset: 4px; }

/* Colors */
.card:not([class*="bgColor"]):not(.cardEmpty),
.card[class*="cardOutline"]:not(.cardEmpty) {
  background-color: #fff; }

.card.cardOutline1.cardOutline1 {
  -webkit-box-shadow: 0 0 0 3px #c14139;
  box-shadow: 0 0 0 3px #c14139; }

/* Red */
.card.cardOutline2.cardOutline2 {
  -webkit-box-shadow: 0 0 0 3px #584d70;
  box-shadow: 0 0 0 3px #584d70; }

/* Purple */
.card.cardOutline3.cardOutline3 {
  -webkit-box-shadow: 0 0 0 3px #0079a3;
  box-shadow: 0 0 0 3px #0079a3; }

/* Blue */
.card.cardOutline4.cardOutline4 {
  -webkit-box-shadow: 0 0 0 3px #6ba410;
  box-shadow: 0 0 0 3px #6ba410; }

/* Green */
/* Colors for dashed state */
.cardEmpty.cardOutline1.cardOutline1 {
  border-color: #c14139;
  -webkit-box-shadow: none;
  box-shadow: none; }

/* Red */
.cardEmpty.cardOutline2.cardOutline2 {
  border-color: #584d70;
  -webkit-box-shadow: none;
  box-shadow: none; }

/* Purple */
.cardEmpty.cardOutline3.cardOutline3 {
  border-color: #0079a3;
  -webkit-box-shadow: none;
  box-shadow: none; }

/* Blue */
.cardEmpty.cardOutline4.cardOutline4 {
  border-color: #6ba410;
  -webkit-box-shadow: none;
  box-shadow: none; }

/* Green */
/* Media Images */
.cardMedia {
  text-align: left; }

.cardTitleOverlay + .cardFigure img,
.cardFigure:first-child img {
  border-radius: 3px 3px 0 0; }

.cardFigure > .photo {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 10px -10px;
  max-width: none;
  width: calc(100% + 20px); }

.cardFigure:first-child > .photo,
.cardTitleOverlay + .cardFigure > .photo {
  border-radius: 3px 3px 0 0;
  margin-top: -10px; }

.cardTitleOverlay {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 3px 3px 0 0;
  color: #fff;
  left: 0;
  padding: 5px 10px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1; }

/* Full card images */
.cardMediaFull[style] {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover; }

.cardMediaFull .cardCaption {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0 0 3px 3px;
  bottom: 0;
  left: 0;
  max-height: 50%;
  overflow: hidden;
  padding: 10px;
  position: absolute;
  right: 0; }

.cardMediaFull::after {
  content: '';
  display: block;
  padding-top: 177.77778%; }

/* Maintains the 9x16 aspect ratio */
.cardMediaFull.icon::before {
  font-size: 50px;
  height: auto;
  left: 0;
  line-height: 50px;
  right: 0;
  text-align: center;
  top: 28%;
  width: auto; }

.cardMediaFull.cardSize2.icon::before {
  font-size: 70px;
  line-height: 70px; }

/* Card Image Badges */
.cardTitle .badge {
  top: 0; }

.cardFigure .badgePositioned {
  left: 5px;
  top: 5px;
  z-index: 1; }

/* Sizes/Alignment */
.gallery {
  text-align: center; }

.gallery > li {
  display: inline-block;
  vertical-align: top; }

.cardSize1 {
  min-height: 256px;
  width: 140px; }

/* min-height maintains the 9x16 aspect ratio */
.cardSize2 {
  min-height: 320px;
  width: 180px; }

/* min-height maintains the 9x16 aspect ratio */
.card[class*="cardSize"] {
  display: inline-block;
  margin: 5px;
  max-width: 100%;
  vertical-align: top; }

/* Flipping */
.cardFlippableWrapper {
  -webkit-perspective: 10000px;
  perspective: 10000px;
  -webkit-tap-highlight-color: transparent; }

/* These are all needed for iOS */
.cardFlippable {
  -webkit-animation: showFront .4s linear forwards;
  animation: showFront .4s linear forwards; }

.cardFlipped {
  -webkit-animation: showBack .4s linear forwards;
  animation: showBack .4s linear forwards; }

.cardBack {
  background: inherit;
  border-radius: inherit;
  bottom: 0;
  left: 0;
  padding: 10px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  visibility: hidden;
  z-index: 1; }

.cardFlipped .cardBack {
  pointer-events: auto; }

.cardFront,
.cardFlipped .cardBack {
  -webkit-animation: showBackContents .4s linear forwards;
  animation: showBackContents .4s linear forwards; }

.cardBack,
.cardFlipped .cardFront {
  -webkit-animation: showFrontContents .4s linear forwards;
  animation: showFrontContents .4s linear forwards; }

.cardStopped,
.cardStopped .cardBack {
  -webkit-animation: none;
  animation: none; }

/* Animations */
@-webkit-keyframes showFront {
  0% {
    -webkit-transform: perspective(600px) rotateY(180deg);
    transform: perspective(600px) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(600px) rotateY(0);
    transform: perspective(600px) rotateY(0); } }

@keyframes showFront {
  0% {
    -webkit-transform: perspective(600px) rotateY(180deg);
    transform: perspective(600px) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(600px) rotateY(0);
    transform: perspective(600px) rotateY(0); } }

@-webkit-keyframes showBack {
  0% {
    -webkit-transform: perspective(600px) rotateY(0);
    transform: perspective(600px) rotateY(0); }
  100% {
    -webkit-transform: perspective(600px) rotateY(180deg);
    transform: perspective(600px) rotateY(180deg); } }

@keyframes showBack {
  0% {
    -webkit-transform: perspective(600px) rotateY(0);
    transform: perspective(600px) rotateY(0); }
  100% {
    -webkit-transform: perspective(600px) rotateY(180deg);
    transform: perspective(600px) rotateY(180deg); } }

@-webkit-keyframes showFrontContents {
  0%, 49% {
    visibility: visible; }
  50%, 100% {
    visibility: hidden; } }

@keyframes showFrontContents {
  0%, 49% {
    visibility: visible; }
  50%, 100% {
    visibility: hidden; } }

@-webkit-keyframes showBackContents {
  0%, 49% {
    visibility: hidden; }
  50%, 100% {
    visibility: visible; } }

@keyframes showBackContents {
  0%, 49% {
    visibility: hidden; }
  50%, 100% {
    visibility: visible; } }

@media only screen and (min-width: 768px) {
  /* cardArrow styles */
  .cardArrow,
  .cardArrow::after {
    background-color: inherit;
    position: absolute; }
  .card:hover .cardArrow {
    -webkit-box-shadow: inherit;
    box-shadow: inherit; }
  /* When Chrome 44 is released this shouldn't be necessary. */
  .cardArrow {
    border: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    height: 14px;
    outline: inherit;
    width: 14px; }
  .cardArrow::after {
    content: "";
    display: block;
    height: 28px;
    width: 9px; }
  /* cardArrowLeft styles */
  .cardHasArrow[class*="cardHasArrowLeft"] .cardArrow {
    border-top: 0;
    border-top-right-radius: 100%;
    left: -7px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .cardHasArrow[class*="cardHasArrowLeft"] .cardArrow::after {
    border-bottom-right-radius: 8px 14px;
    border-top-right-radius: 8px 14px;
    left: 6px;
    top: -10px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .cardHasArrowLeftTop .cardArrow {
    top: 18px; }
  .cardHasArrowLeftBottom .cardArrow {
    bottom: 18px;
    top: auto; }
  .cardHasArrow.cardEmpty .cardArrow {
    display: none; } }

@media (max-width: 767px) {
  .cardArrow {
    display: none; } }

@media print {
  .card {
    background: #fff !important;
    page-break-inside: avoid !important; }
  .card .cardCaption {
    color: #000 !important; }
  .cardFigure img.hideVisually,
  .cardFigure img.screenReaderText {
    height: auto !important;
    max-height: none !important;
    max-width: none !important;
    opacity: 1 !important;
    position: relative !important;
    width: 100% !important; }
  .cardMediaFull::after {
    padding-top: 0 !important; }
  .cardTitleOverlay {
    background: #fff !important;
    margin: -10px -10px 10px !important;
    position: relative !important; } }
/****************************************
	z-index
*****************************************/
.con,
.conSecond,
.conThird {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  padding: 20px; }

.con:not(.bgDark),
.conSecond:not(.bgDark) {
  background-color: #fff; }

.conBody {
  position: relative; }

.con::after,
.conSecond::after,
.conThird::after,
.conHeader::after,
.conBody::after,
.conSection::after {
  clear: both;
  content: '';
  display: table; }

.conHeader .ancBtn {
  float: right; }

.conHeader + p,
.conBody > :first-child {
  margin-top: 0; }

.conHeader ~ .conHeader {
  margin-top: 20px; }

.conTitle {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.1;
  margin-top: 0;
  padding-bottom: 10px; }

.conSecond .conTitle,
.conThird .conTitle {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3; }

.conTitle > a:only-child {
  color: inherit; }

.conThird:not(.bgDark) {
  background-color: #ececec; }

.conFooter {
  margin-top: 20px; }

.conFooterAlt {
  color: #5e6770;
  margin-top: 10px;
  text-align: center; }

.conFooter > a:not(:first-child),
.conFooterAlt > a:not(:first-child) {
  margin-left: 10px; }

.con:not(:first-child),
.conSecond:not(:first-child),
.conThird:not(:first-child) {
  margin-top: 20px; }

/* Sections */
.conSection {
  border-top: 1px solid #f5f5f5;
  -webkit-box-shadow: inset 0 1px 2px -1px #fff;
  box-shadow: inset 0 1px 2px -1px #fff;
  margin: 20px -20px 0;
  padding: 20px 20px 0; }

a.conSection {
  display: block; }

/* Empty */
.conEmpty.conEmpty {
  background-color: transparent;
  border: 1px dashed rgba(0, 0, 0, 0.3);
  border-radius: 3.1px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 19px; }

/* 3.1px is needed rather than 3px to fix a bug on iPhone 6+ w/iOS 8.3 */
/* Borderless */
.conNoBorder.conNoBorder {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-bottom: 0;
  padding-top: 0; }

@media (max-width: 767px) {
  .con .conTitle {
    font-size: 24px; }
  .con,
  .conSecond,
  .conThird {
    padding: 10px; }
  .conEmpty.conEmpty {
    padding-left: 9px; }
  .con:not(:first-child),
  .conSecond:not(:first-child),
  .conThird:not(:first-child) {
    margin-top: 10px; }
  .conSection {
    margin: 10px -10px 0;
    padding: 10px 10px 0; } }

/* Container List */
.con .conList {
  margin: 0 -20px;
  padding: 0; }

.conList > li {
  border-top: 1px solid #ececec;
  margin: 0;
  padding: 10px 20px; }

.conList > li:last-child {
  border-bottom: 1px solid #ececec; }

.conList > li:nth-child(odd) {
  background-color: #f5f5f5; }

@media (max-width: 767px) {
  .con .conList {
    margin: 0 -10px; }
  .conList > li {
    padding: 10px; } }

/* Container Dividers */
.conDivider {
  clear: both;
  margin: 0 -20px 20px;
  padding-top: 20px; }

.ancGrid > .conDivider {
  margin: 0 -20px 0 4px;
  padding-top: 20px; }

@media (max-width: 767px) {
  .conDivider {
    clear: both;
    margin: 0 -10px 10px;
    padding-top: 10px; }
  .ancGrid > .conDivider {
    margin: 0 -10px 0 4px;
    padding-top: 10px; } }

/* Container with Flush Header */
.conHeaderFlush {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  margin-left: -20px;
  margin-right: -20px;
  margin-top: -20px;
  padding: 8px 20px 9px; }

.conHeaderFlush .conTitle {
  padding: 0; }

.conHeaderFlush[class*="bgColor"] + .conBody {
  padding-top: 9px; }

.con .conHeaderFlush[class*="bgColor"] + .conBody {
  padding-top: 18px; }

@media (max-width: 767px) {
  .conHeaderFlush.conHeaderFlush {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    padding: 7px 10px; }
  .con .conHeaderFlush[class*="bgColor"] + .conBody {
    padding-top: 10px; }
  .conArrow {
    display: none; } }

@media (min-width: 768px) {
  /* conArrow styles */
  .conArrow {
    border: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    height: 14px;
    outline: inherit;
    position: absolute;
    width: 14px; }
  .conArrow::after {
    background-color: inherit;
    content: "";
    display: block;
    height: 28px;
    position: absolute;
    width: 9px; }
  .conHasArrow {
    position: relative; }
  /* Needed for conArrow positioning to work. */
  /* conArrowLeft styles */
  .conHasArrow[class*="conHasArrowLeft"] .conArrow {
    border-top: 0;
    border-top-right-radius: 100%;
    left: -7px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .conHasArrow[class*="conHasArrowLeft"] .conArrow::after {
    border-bottom-right-radius: 8px 14px;
    border-top-right-radius: 8px 14px;
    left: 6px;
    top: -10px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .conHasArrowLeftTop .conArrow {
    top: 18px; }
  .conHasArrowLeftBottom .conArrow {
    bottom: 18px;
    top: auto; }
  .conHasArrow.conEmpty .conArrow {
    display: none; }
  /* conHasArrow styles */
  .conHasArrow .conArrow:not([class*="bgColor"]) {
    background-color: inherit; } }

@media print {
  .con,
  .conSecond,
  .conThird {
    background: #fff !important; } }
/****************************************
	z-index
*****************************************/
input,
select,
textarea {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  -webkit-box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.05);
  color: #181a1c;
  font: inherit;
  outline: none;
  padding: 5px 4px 5px 6px;
  text-align: left;
  vertical-align: middle; }

input {
  line-height: normal; }

select {
  cursor: pointer;
  height: 30px;
  line-height: 28px;
  padding: 0 6px; }

option {
  color: #181a1c;
  font-weight: normal; }

textarea {
  line-height: 1.3;
  resize: vertical;
  vertical-align: top; }

input[type="file"] {
  cursor: pointer;
  padding: 0; }

input[type="reset"] {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none; }

input[type="date"],
input[type="datetime"],
input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

input[type="image"] {
  border: 0;
  padding: 0; }

input[type="checkbox"],
input[type="radio"] {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0; }

input[type="checkbox"] {
  background-color: #dedede; }

input[type="radio"] {
  border-radius: 50%; }

input[type="radio"]:checked {
  background-color: #474d54; }

/* Remove up/down arrows on number inputs. */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  display: none; }

input[type="number"] {
  -moz-appearance: textfield; }

/***************************************
	Placeholder - There is a known
	line-height issue in Safari PC that
	causes placeholder text to be at the
	top of the input. Ignore since it
	works on Mac.
****************************************/
.placeholderPolyfill {
  color: rgba(94, 103, 112, 0.7);
  font-size: inherit; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: rgba(94, 103, 112, 0.7);
  font-size: inherit;
  opacity: 1; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgba(94, 103, 112, 0.7);
  font-size: inherit;
  opacity: 1; }

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: rgba(94, 103, 112, 0.7);
  font-size: inherit;
  opacity: 1; }

input::placeholder,
textarea::placeholder {
  color: rgba(94, 103, 112, 0.7);
  font-size: inherit;
  opacity: 1; }

/***************************************
	X for Webkit Search and IE 10
****************************************/
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAACVBMVEUAAABxcXERERFwofOHAAAAAXRSTlMAQObYZgAAACpJREFUeNplzTEKAAAIw8C2/3+0ghgHl3CDRUkWiUniznrURnAP3ozciwIV6gBlbJctpwAAAABJRU5ErkJggg==);
  color: #c14139;
  cursor: pointer;
  height: 10px;
  opacity: .3;
  width: 10px; }

input::-ms-clear {
  color: #777777;
  cursor: pointer;
  height: 18px;
  width: 18px; }

/***************************************
	New Form Layout
***************************************/
.form input,
.form select,
.form textarea {
  height: 30px;
  margin: 0;
  width: 100%; }

.form input {
  padding-bottom: 0;
  padding-top: 0; }

.form textarea {
  height: 64px; }

.form .textareaLarge {
  height: 160px; }

.form input[type="button"],
.form input[type="checkbox"],
.form input[type="radio"],
.form input[type="reset"],
.form input[type="image"],
.form input[type="submit"] {
  height: auto;
  width: auto; }

.form input[type="button"] {
  vertical-align: middle; }

/* For buttons that need to be lined up with an input */
.btnInline {
  margin-left: 4px;
  position: relative;
  top: 3px; }

/****************************************
	Labels and Legends
*****************************************/
.form label:not(.ancBtn),
.form legend {
  color: #181a1c;
  display: block;
  font-weight: bold;
  line-height: 1.26; }

.form label:not(.ancBtn) {
  padding-bottom: 2px; }

.form .noLabel {
  margin-top: 22px; }

.formLargest .noLabel {
  margin-top: 26px; }

.form .horizontalLegend {
  font-weight: normal;
  margin-top: 1.75em; }

@media (max-width: 1005px) {
  .full768 > .noLabel {
    margin-top: 0; } }

@media (max-width: 767px) {
  .formLarge480 .noLabel {
    margin-top: 1.8384em; }
  .full480 > .noLabel {
    margin-top: 0; } }

@media (max-width: 479px) {
  .full320 > .noLabel {
    margin-top: 0; } }

/* Reset labels that are buttons. Should only be the case on file input buttons. */
.form label.ancBtn {
  display: inline-block;
  width: auto; }

.form .ancBtn.full {
  display: block;
  width: 100%; }

@media (max-width: 767px) {
  .form .ancBtn.full480 {
    display: block;
    width: 100%; } }

@media (max-width: 479px) {
  .form .ancBtn.full320 {
    display: block;
    width: 100%; } }

/* For small edge cases where neither a callout nor placeholder text will suffice. */
.helpText {
  color: #3a3f45;
  margin-top: 3px; }

/* Labels as Icons */
.labelIconOnly {
  position: relative; }

.labelIconOnly label {
  background-color: #ececec;
  border-radius: 3px 0 0 3px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  bottom: 1px;
  left: 1px;
  position: absolute;
  top: 1px;
  width: 30px; }

.labelIconOnly label::before {
  color: #5e6770;
  font-size: 15px;
  left: 0;
  line-height: 28px;
  position: absolute;
  text-align: center;
  text-indent: 1px;
  top: 0;
  width: 100%; }

.labelIconOnly .error::before {
  color: #c14139; }

.labelIconOnly .error > .errorMessage:empty,
.labelIconOnly .success::after {
  display: none; }

.labelIconOnly input,
.labelIconOnly textarea {
  padding-left: 36px; }

/* formLarge */
.formLarge .labelIconOnly label {
  width: 40px; }

.formLarge .labelIconOnly label::before {
  font-size: 16px;
  line-height: 38px; }

.formLarge .labelIconOnly input,
.formLarge .labelIconOnly textarea {
  padding-left: 48px; }

/* formLargest */
.formLargest .labelIconOnly label {
  width: 50px; }

.formLargest .labelIconOnly label::before {
  font-size: 18px;
  line-height: 48px; }

.formLargest .labelIconOnly input,
.formLargest .labelIconOnly textarea {
  padding-left: 62px; }

@media (max-width: 767px) {
  .formLarge480 .labelIconOnly label {
    width: 40px; }
  .formLarge480 .labelIconOnly label::before {
    line-height: 38px; }
  .formLarge480 .labelIconOnly input,
  .formLarge480 .labelIconOnly textarea {
    padding-left: 46px; } }

/* Backwards Compatibility (temporary) */
label.labelIconOnly::before {
  background-clip: padding-box;
  background-color: #ececec;
  border: 1px solid transparent;
  border-radius: 3px 0 0 3px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  bottom: -30px;
  color: #5e6770;
  font-size: 15px;
  left: 0;
  line-height: 28px;
  position: absolute;
  text-align: center;
  text-indent: 1px;
  top: auto;
  width: 30px; }

label.labelIconOnly.error::before {
  color: #c14139; }

label.labelIconOnly.error > .errorMessage:empty,
label.labelIconOnly.success::after {
  display: none; }

label.labelIconOnly + input {
  padding-left: 36px; }

.formLarge label.labelIconOnly::before {
  bottom: -40px;
  font-size: 16px;
  line-height: 38px;
  width: 40px; }

.formLarge label.labelIconOnly + input {
  padding-left: 48px; }

.formLargest label.labelIconOnly::before {
  bottom: -50px;
  font-size: 18px;
  line-height: 48px;
  width: 50px; }

.formLargest label.labelIconOnly + input {
  padding-left: 62px; }

@media (max-width: 767px) {
  .formLarge480 label.labelIconOnly::before {
    bottom: -40px;
    line-height: 38px;
    width: 40px; }
  .formLarge480 label.labelIconOnly + input {
    padding-left: 46px; } }

/***************************************
	Select Dropdowns
****************************************/
.form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMBAMAAACdPPCPAAAAJFBMVEUAAAAyMjIxMTEzMzMnJycyMjIyMjIzMzMyMjIxMTEwMDAzMzOYT3FtAAAAC3RSTlMA62MyDda7nH9IIJVOilsAAABLSURBVAjXY5DeDQEbGayhrM0MTFCWAgNDNZixnYGBwRXMCgGyuMCsBQxAMBvI2MkAAhxAVgMDGGTv3sYAAY67RaAs5t0GDFCgBCIApqco2PKHn/cAAAAASUVORK5CYII=) 98% 54% no-repeat;
  background-position: calc(100% - 9px) 50%;
  background-size: 9px 6px;
  color: #181a1c;
  display: inline-block;
  font-weight: normal;
  padding-right: 22px;
  text-shadow: 0 -1px rgba(255, 255, 255, 0.5);
  white-space: nowrap; }

.form select::-ms-expand {
  display: none; }

/* IE 10 Remove Arrow */
@-moz-document url-prefix() {
  .form select {
    padding-left: 3px; } }

/***************************************
	File Input
****************************************/
.form input[type="file"] {
  height: 1px;
  opacity: 0;
  position: absolute;
  width: 1px; }

.form .fileBtn {
  cursor: pointer;
  position: relative;
  z-index: 1; }

/* Without this line, the cursor does not change */
.form .filename {
  margin-left: 8px;
  vertical-align: middle; }

@media (max-width: 767px) {
  .form .filename {
    max-width: 150px; } }

/****************************************
	Checkboxes/Radio Inputs
	IE Compounds font-size on pseudo-elements
	so there are several pieces here where
	px are used instead of em or % on purpose.
	(i.e. error message and success icons)
*****************************************/
.form .radio + label,
.form .checkbox + label {
  display: inline-block;
  font-weight: normal;
  line-height: 21px;
  max-width: 100%;
  padding: 6px 0 0 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: auto; }

.form .radio:not([disabled]) + label,
.form .checkbox:not([disabled]) + label {
  cursor: pointer; }

.form .radio + label::before,
.form .checkbox + label::before {
  background-color: #dedede;
  -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2);
  color: #fff;
  content: '';
  float: left;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  margin: 1px 4px 0 -24px;
  text-align: center;
  text-indent: 0;
  width: 20px; }

.form .radio + label::before {
  border-radius: 50%; }

.form .radio:checked + label::before {
  background: #6ba410;
  -webkit-box-shadow: inset 0 2px 1px #b8d94c, inset 0 -2px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 6px #6ba410, inset 0 0 0 10px #fff;
  box-shadow: inset 0 2px 1px #b8d94c, inset 0 -2px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 6px #6ba410, inset 0 0 0 10px #fff; }

.form .radio:not([disabled]):focus + label::before {
  -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2), 0 0 1px 2px #3a3f45;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2), 0 0 1px 2px #3a3f45; }

.form .radio:not([disabled]):checked:focus + label::before {
  -webkit-box-shadow: inset 0 2px 1px -1px #b8d94c, inset 0 -2px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 6px #9cbe30, inset 0 0 0 10px #fff, 0 0 1px 2px #3a3f45;
  box-shadow: inset 0 2px 1px -1px #b8d94c, inset 0 -2px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 6px #9cbe30, inset 0 0 0 10px #fff, 0 0 1px 2px #3a3f45; }

.form .radio:not([disabled]):active + label::before {
  -webkit-box-shadow: inset 0 2px 1px -1px #b8d94c, inset 0 -2px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 6px #42860e, inset 0 0 0 10px #fff;
  box-shadow: inset 0 2px 1px -1px #b8d94c, inset 0 -2px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 6px #42860e, inset 0 0 0 10px #fff; }

.form .checkbox + label::before {
  border-radius: 3px;
  content: "\E656";
  font-family: "ancestry-icon";
  font-weight: normal; }

.form .checkbox:not(:checked) + label::before {
  color: transparent; }

.form .checkbox:checked + label::before {
  background-color: #b8d94c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b8d94c), to(#9cbe30));
  background-image: -webkit-linear-gradient(#b8d94c, #9cbe30);
  background-image: -o-linear-gradient(#b8d94c, #9cbe30);
  background-image: linear-gradient(#b8d94c, #9cbe30); }

.form .checkbox:not([disabled]):focus + label::before {
  -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2), 0 0 1px 2px #3a3f45;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2), 0 0 1px 2px #3a3f45; }

.form .checkbox:not([disabled]):active + label::before {
  background: #a9a9a9; }

.form .radio + .disabled::before,
.form .checkbox + .disabled::before {
  opacity: .6; }

.radio + label ~ label,
.checkbox + label ~ label {
  margin-left: 10px; }

.form .checkbox.checkbox,
.form .radio.radio {
  height: 30px;
  line-height: 0;
  opacity: 0 !important;
  overflow: hidden;
  position: absolute;
  width: 1px; }

/* Don't do display:none on radios/checkboxes else user can't tab to this input */
/***************************************
	Required
****************************************/
.requiredIndicator {
  color: #c14139; }

.requiredIndicator::before {
  margin-right: 4px; }

.requiredIndicator::before,
legend.required::after,
label.required::after {
  bottom: -10px;
  color: #c14139;
  content: '*';
  font-size: 2em;
  font-weight: bold;
  line-height: 0;
  position: relative; }

legend.required::after,
label.required::after {
  margin-left: 4px; }

/***************************************
	Error
****************************************/
input:not(.ancBtn).error,
select.error,
textarea.error {
  border: 1px solid #c14139; }

legend.error,
label:not(.ancBtn).error {
  color: #c14139; }

legend.error::after,
label.error::after {
  display: none; }

/* Leave line-height on .errorMessage or Mac browsers jump 1px */
.errorMessage {
  color: #c14139;
  font-weight: normal;
  line-height: .9;
  margin-left: 8px; }

.errorMessage a,
.errorMessage .link {
  color: inherit;
  text-decoration: underline;
  text-indent: 0; }

/* Leave .form to override .icon font-size */
.form .errorMessage::before {
  display: inline-block;
  font-size: 13px;
  margin-right: 0;
  text-indent: 0;
  top: 0;
  width: 1.25em; }

div.errorMessage {
  line-height: 1.3;
  margin: 8px 0 0 0;
  padding-left: 1em;
  text-indent: -1em; }

.calloutContent.errorCallout {
  background: #c14139;
  color: #fff; }

/* Information Errors */
.inform .errorMessage,
.inform ~ .errorMessage {
  color: #71b6ce; }

input.inform,
select.inform,
textarea.inform {
  border-color: #71b6ce;
  -webkit-box-shadow: 0 0 2px #71b6ce;
  box-shadow: 0 0 2px #71b6ce; }

/***************************************
	Success
****************************************/
input.success:not(.ancBtn),
select.success,
textarea.success {
  border-color: #42860e; }

/* TODO: validate color choice */
legend.success::after,
label.success::after {
  color: #9cbe30;
  content: '\E656';
  font: 14px/0 "ancestry-icon";
  margin-left: 8px;
  position: static; }

.checkbox + label.success::after {
  display: none; }

/* When there is a single checkbox that needs validation don't show success checkmark. */
/***************************************
	Focus/Active
***************************************/
input[type="file"]:active ~ .fileBtn,
input[type="file"]:focus ~ .fileBtn {
  outline: 2px solid #ff8e00;
  outline-offset: 2px; }

input:not(.ancBtn):not([disabled]):active,
input:not(.ancBtn):not([disabled]):focus,
select:active,
select:focus,
textarea:active,
textarea:focus {
  border-color: #3a3f45;
  outline: none; }

input.link:focus {
  -webkit-box-shadow: none;
  box-shadow: none; }

/***************************************
	Disabled States
****************************************/
label.disabled,
legend.disabled,
input[disabled]:not(.ancBtn):not(.range),
select[disabled],
textarea[disabled] {
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

legend.disabled,
.form label.disabled {
  color: #5e6770; }

input[disabled]:not(.ancBtn):not(.range),
textarea[disabled],
input[readonly],
textarea[readonly] {
  background: rgba(236, 236, 236, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #5e6770;
  opacity: 1;
  -webkit-text-fill-color: #5e6770; }

select[disabled],
select[readonly] {
  opacity: .4; }

/****************************************
	Form Footer Styles
*****************************************/
.formFooter {
  line-height: 28px;
  margin-top: 20px; }

.formFooter::after {
  clear: both;
  content: '';
  display: table; }

.formFooter input[type="submit"]:first-child,
.formFooter .inputSubmit {
  float: left; }

.formFooter a,
.formFooter button,
.formFooter input,
.formFooter .link {
  margin-right: 12px;
  vertical-align: baseline; }

/****************************************
	Reset Buttons - Have to redeclare height
	because of line-height issue not defining
	height in Opera & FF
*****************************************/
.form input.ancBtn {
  line-height: 16.9px;
  padding: 6.5px 12px 6px; }

.form input.ancBtn.sml {
  line-height: 1.15;
  min-height: 20px;
  padding: 4px 5px; }

.form input.ancBtn.lrg {
  font-size: 18px;
  line-height: 21.9px;
  min-height: 40px;
  padding: 9.5px 14px 8px; }

/****************************************
	Form Sizes
*****************************************/
.formLarge .fileBtn,
.formLarge input,
.formLarge select,
.formLarge textarea {
  height: 40px;
  padding-left: 8px; }

.formLarge select {
  line-height: 38px; }

.formLarge .fileBtn,
.formLarge textarea {
  height: 80px; }

.formLarge .formFooter {
  line-height: 40px; }

.formLargest label:not(.ancBtn) {
  padding-bottom: 4px; }

.formLargest legend,
.formLargest label {
  font-size: 18px; }

.formLargest .fileBtn,
.formLargest input,
.formLargest select,
.formLargest textarea {
  font-size: 20px;
  height: 50px;
  padding-left: 12px; }

.formLargest select {
  line-height: 48px; }

.formLargest .fileBtn,
.formLargest textarea {
  height: 90px; }

.formLargest .formFooter {
  line-height: 40px; }

.formLargest legend.success::after,
.formLargest label.success::after {
  font-size: 17px; }

.formLargest .errorMessage::before {
  font-size: 16px; }

/****************************************
	Range Input
*****************************************/
.range.range {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: rgba(0, 0, 0, 0.6);
  border: none;
  border-radius: 0;
  height: 30px;
  margin: 0 1px 0 2px;
  max-width: 100%;
  padding: 14px;
  position: relative;
  width: 100px; }

.range:focus,
.range:active {
  outline: none; }

.rangeVertical.rangeVertical {
  display: block;
  left: -35px;
  margin: 37px 0;
  max-width: none;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  width: 100px; }

.rangeRounded.rangeRounded {
  border-radius: 3px; }

.range:active,
.range:hover,
.range:focus {
  background: rgba(0, 0, 0, 0.8); }

.range.disabled,
.range[disabled] {
  opacity: .5;
  outline: none !important;
  pointer-events: none; }

.range::-webkit-slider-runnable-track {
  background: #fff;
  height: 2px; }

.range::-moz-range-track {
  background: #fff;
  height: 2px; }

.range::-ms-track {
  background-clip: content-box;
  border: 0 solid transparent;
  border-width: 14px 0;
  color: transparent;
  height: 2px; }

.range::-ms-fill-lower,
.range::-ms-fill-upper {
  background: #fff; }

.range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #dedede;
  border: none;
  border-radius: 3px;
  height: 24px;
  margin-top: -11px;
  width: 12px; }

.range::-moz-range-thumb {
  background: #dedede;
  border: none;
  border-radius: 3px;
  height: 24px;
  margin-top: -14px;
  width: 14px; }

.range::-ms-thumb {
  background: #dedede;
  border: none;
  border-radius: 3px;
  height: 24px;
  width: 14px; }

.range:active::-webkit-slider-thumb {
  background: #fff; }

.range:active::-moz-range-thumb {
  background: #fff; }

.range:active::-ms-thumb {
  background: #fff; }

@-moz-document url-prefix() {
  /* moz only */
  .range::-moz-focus-outer {
    border: 0; }
  /* dotted border on focus */
  .range.range {
    padding: 15px; }
  .formLarge .range {
    padding: 20px; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE 10+ */
  .range.range {
    padding: 0 13px; }
  .formLarge .range {
    padding: 5px 18px; } }

@supports (-ms-accelerator: true) {
  /* ms Edge only */
  .range.range {
    padding: 0 13px; }
  .range::-ms-track {
    border-width: 9px 0; }
  .range::-ms-thumb {
    margin-top: 0; }
  .formLarge .range {
    padding: 0 18px; } }

.formLarge .range {
  height: 40px;
  width: 120px; }

.formLarge .rangeVertical {
  left: -40px;
  margin: 42px 0;
  padding-left: 14px; }

/****************************************
	Mobile Size
*****************************************/
@media (max-width: 767px) {
  .form:not(.formLargest) textarea:not(.textareaLarge) {
    height: 80px; }
  .formLarge480 legend,
  .formLarge480 label,
  .formLarge480 .errorMessage::before {
    font-size: 14px; }
  .formLarge480 select,
  .formLarge480 textarea {
    height: 40px;
    padding-left: 8px; }
  .formLarge480 input {
    height: 40px; }
  .formLarge480 select {
    line-height: 38px; }
  .formLarge480 .fileBtn {
    font-size: 18px;
    height: 40px;
    line-height: 1.8em; }
  .formLarge480 legend.success::after,
  .formLarge480 label.success::after {
    font-size: 15px; } }

@media print {
  .form .radio + label::before {
    background: #fff !important;
    -webkit-box-shadow: 0 0 1px #000 !important;
    box-shadow: 0 0 1px #000 !important; }
  .form .radio:checked + label::before {
    -webkit-box-shadow: inset 0 0 0 10px #000 !important;
    box-shadow: inset 0 0 0 10px #000 !important; } }
.ancGrid {
  margin-left: -20px;
  word-wrap: break-word; }

.ancGrid::after {
  clear: both;
  content: '';
  display: table; }

.ancCol {
  float: left;
  min-height: 1px;
  padding-left: 20px; }

.ancGridPadded {
  padding: 20px 20px 20px 0; }

.ancGridPadded.ancGridNoGutters {
  padding-left: 20px; }

.ancGrid ~ .ancGrid,
.ancCol ~ .ancColRow,
.ancCol ~ .ancColRow ~ .ancCol {
  margin-top: 20px; }

.w10 {
  width: 10%; }

.w12 {
  width: 12.5%; }

.w16 {
  width: 16.66666%; }

.w20 {
  width: 20%; }

.w25 {
  width: 25%; }

.w30 {
  width: 30%; }

.w33 {
  width: 33.33333%; }

.w37 {
  width: 37.5%; }

.w40 {
  width: 40%; }

.w50 {
  width: 50%; }

.w60 {
  width: 60%; }

.w62 {
  width: 62.5%; }

.w66 {
  width: 66.66666%; }

.w70 {
  width: 70%; }

.w75 {
  width: 75%; }

.w80 {
  width: 80%; }

.w83 {
  width: 83.33333%; }

.w87 {
  width: 87.5%; }

.w90 {
  width: 90%; }

.w100 {
  width: 100%; }

/* Multiple rows in single grid */
.ancColRow {
  clear: both; }

/* Right aligned columns */
.ancColRight {
  float: right; }

.ancColRight + .ancCol + .ancColRight {
  clear: right;
  margin-top: 20px; }

.ancCol:first-child + .ancColRight + .ancCol {
  clear: left;
  margin-top: 20px; }

/* Small Gutters */
.ancGridSmall {
  margin-left: -10px; }

.ancGridSmall.ancGridPadded {
  padding: 10px 10px 10px 0; }

.ancGridSmall > .ancCol,
.ancGridSmall.ancGridPadded.ancGridNoGutters {
  padding-left: 10px; }

.ancGridSmall .ancCol + .ancColRow,
.ancGridSmall .ancCol + .ancColRow ~ .ancCol,
.ancGridSmall ~ .ancGrid,
.ancGridSmall > .ancColRight + .ancCol + .ancColRight,
.ancGridSmall > :first-child + .ancColRight + .ancCol {
  margin-top: 10px; }

/* Equal Height */
.ancGridEqual {
  border-collapse: separate;
  border-spacing: 20px 0;
  margin-right: -20px; }

.ancGridEqual > .ancCol {
  display: table-cell;
  float: none;
  padding-left: 0;
  position: relative;
  vertical-align: top; }

.ancGridBreak {
  margin-top: 20px; }

.ancGridBreak768,
.ancGridBreak480,
.ancGridBreak320 {
  display: none; }

/* Padded Equal Height */
.ancGridEqual.ancGridPadded {
  margin-right: 0;
  padding-right: 0; }

.ancGridEqual.ancGridPadded.ancGridNoGutters {
  padding-right: 20px; }

/* Fixing gutters */
.ancGridPadded,
.ancGridNoGutters {
  margin-left: 0; }

.ancGridNoGutters > .ancCol {
  padding-left: 0; }

/* Equal Height and Small Gutters */
.ancGridEqual.ancGridSmall {
  border-spacing: 10px 0;
  margin-right: -10px;
  padding-right: 0; }

.ancGridEqual.ancGridNoGutters.ancGridSmall.ancGridPadded {
  padding-right: 10px; }

/* Alignment */
.ancGridCentered .ancCol {
  vertical-align: middle; }

@media (max-width: 1005px) {
  .ancColRowNot768 {
    clear: none; }
  .ancColRow768 {
    clear: both; }
  .ancCol.full768,
  .full768 > .ancCol {
    clear: both;
    width: 100%; }
  .full768 > .ancCol:first-child,
  .ancGrid > .hide768:first-child + .ancCol {
    margin-top: 0; }
  .ancCol.half768 {
    width: 50%; }
  .ancCol.third768 {
    width: 33.33333%; }
  .ancCol.full768 ~ .ancCol,
  .full768 > :first-child ~ .ancCol,
  .ancCol:not(.hide768) ~ .ancColRow768,
  .ancColRow768:not(:first-child) ~ .ancCol {
    margin-top: 20px; }
  /* Equal height */
  .ancGridEqual.full768 {
    margin-left: 0;
    margin-right: 0; }
  .ancGridEqual.full768 > .ancCol {
    display: block;
    padding-left: 0; }
  .ancGridEqual > .ancCol.full768 {
    display: block;
    width: auto; }
  .ancGridEqual:not(.ancGridNoGutters) > .ancCol.full768 {
    margin-left: 20px;
    margin-right: 20px; }
  .ancGridBreak768 {
    display: block;
    margin-top: 20px; }
  .ancGridEqual:not(.ancGridNoGutters) > .full768:not(:last-child) {
    margin-bottom: 20px; }
  .ancGridPadded.ancGridEqual.full768 {
    padding-left: 10px;
    padding-right: 10px; } }

@media (max-width: 1005px) and (min-width: 768px) {
  /* Small Grid */
  .ancGridSmall .ancCol.full768 ~ .ancCol,
  .ancGridSmall.full768 > :first-child ~ .ancCol,
  .ancGridSmall .ancCol:not(.hide768) ~ .ancColRow768,
  .ancGridSmall .ancColRow768:not(:first-child) ~ .ancCol {
    margin-top: 10px; } }

.ancGridEqual > .ancCol.con {
  padding-left: 20px; }

@media (max-width: 767px) {
  .ancColRowNot480 {
    clear: none; }
  .ancColRow480 {
    clear: both; }
  .ancCol.full480,
  .full480 > .ancCol {
    clear: both;
    width: 100%; }
  .full480 > .ancCol:first-child,
  .ancGrid > .hide480:first-child + .ancCol {
    margin-top: 0; }
  /* Reduce gutter width */
  .ancGrid {
    margin-left: -10px; }
  .ancGridPadded,
  .ancGridNoGutters {
    margin-left: 0; }
  .ancGrid.ancGridPadded {
    padding: 10px 10px 10px 0; }
  .ancCol,
  .ancGridPadded.ancGridNoGutters {
    padding-left: 10px; }
  .ancGridPadded.ancGridEqual.ancGridNoGutters {
    padding-right: 10px; }
  .ancCol.half480 {
    width: 50%; }
  .ancCol.third480 {
    width: 33.33334%; }
  .ancGrid ~ .ancGrid,
  .ancCol ~ .ancColRow,
  .ancCol ~ .ancColRow ~ .ancCol,
  .ancColRight + .ancCol + .ancColRight,
  .ancCol:first-child + .ancColRight + .ancCol,
  .ancCol.full768 ~ .ancCol,
  .ancCol.full480 ~ .ancCol,
  .full768 > :first-child ~ .ancCol,
  .full480 > :first-child ~ .ancCol,
  .ancCol:not(.hide768) ~ .ancColRow768,
  .ancCol:not(.hide480) ~ .ancColRow480,
  .ancColRow768:not(:first-child) ~ .ancCol,
  .ancColRow480:not(:first-child) ~ .ancCol {
    margin-top: 10px; }
  /* Equal height */
  .ancGridEqual {
    border-spacing: 10px 0;
    margin-right: -10px; }
  .ancGridPadded.ancGridEqual {
    padding-right: 0; }
  .ancGridPadded.ancGridEqual.full768,
  .ancGridPadded.ancGridEqual.full480 {
    padding-left: 10px;
    padding-right: 10px; }
  .ancGridEqual.full480 {
    margin-left: 0;
    margin-right: 0; }
  .ancGridEqual.full480 > .ancCol {
    display: block;
    padding-left: 0; }
  .ancGridEqual > .ancCol.full480 {
    display: block;
    width: auto; }
  .ancGridEqual:not(.ancGridNoGutters) > .ancCol.full768,
  .ancGridEqual:not(.ancGridNoGutters) > .ancCol.full480 {
    margin-left: 10px;
    margin-right: 10px; }
  .ancGridBreak,
  .ancGridBreak768,
  .ancGridBreak480 {
    display: block;
    margin-top: 10px; }
  .ancGridEqual:not(.ancGridNoGutters) > .full768:not(:last-child),
  .ancGridEqual:not(.ancGridNoGutters) > .full480:not(:last-child) {
    margin-bottom: 10px; }
  /* Equal height containers */
  .ancGridEqual > .ancCol.con {
    padding-left: 10px; } }

@media (max-width: 479px) {
  .ancColRowNot320 {
    clear: none; }
  .ancColRow320 {
    clear: both; }
  .ancCol.full320,
  .full320 > .ancCol {
    clear: both;
    width: 100%; }
  .full320 > .ancCol:first-child,
  .ancGrid > .hide320:first-child + .ancCol {
    margin-top: 0; }
  .ancCol.half320 {
    width: 50%; }
  .ancCol.third320 {
    width: 33.33334%; }
  .ancCol.full320 ~ .ancCol,
  .full320 > :first-child ~ .ancCol,
  .ancCol:not(.hide320) ~ .ancColRow320,
  .ancColRow320:not(:first-child) ~ .ancCol {
    margin-top: 10px; }
  /* Equal height */
  .ancGridEqual.full320 {
    margin-left: 0;
    margin-right: 0; }
  .ancGridEqual.full320 > .ancCol {
    display: block;
    padding-left: 0; }
  .ancGridEqual > .ancCol.full320 {
    display: block;
    width: auto; }
  .ancGridEqual:not(.ancGridNoGutters) > .ancCol.full320 {
    margin-left: 10px;
    margin-right: 10px; }
  .ancGridPadded.ancGridEqual.full320 {
    padding-left: 10px;
    padding-right: 10px; }
  .ancGridBreak320 {
    display: block;
    margin-top: 10px; }
  .ancGridEqual:not(.ancGridNoGutters) > .full320:not(:last-child) {
    margin-bottom: 10px; }
  /* Equal height containers */
  .ancGridEqual > .ancCol.con {
    padding-left: 10px; } }

.ancGridEqual > .ancCol.conSecond,
.ancGridEqual > .ancCol.conThird,
.ancGridEqual > .ancCol.card {
  padding-left: 10px; }

.ancGridEqual.ancGridNoGutters {
  border-spacing: 0; }

.ancGridEqual.ancGridNoGutters,
.ancGridEqual.ancGridPadded {
  margin-left: 0;
  margin-right: 0; }

.ancGridNoGutters > .ancGridBreak768,
.ancGridNoGutters > .ancGridBreak480,
.ancGridNoGutters > .ancGridBreak320,
.ancGridNoGutters > .ancGridBreak,
.ancGridNoGutters > .ancCol {
  margin-top: 0 !important; }

/* Horrible Hack to make equal width columns always go the width they're supposed to go */
.ancGridEqual > .ancCol::after {
  content: '- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -';
  display: block;
  height: 0;
  opacity: 0;
  overflow: hidden; }
/****************************************
	z-index
*****************************************/
@font-face {
  font-family: "ancestry-icon";
  src: url("../font/ancestry-icon.woff2") format("woff2"), url("../font/ancestry-icon.woff") format("woff"), url("../font/ancestry-icon.ttf") format("truetype"), url("../font/ancestry-icon.svg#icon") format("svg"); }

.icon::before,
.iconAfter::after {
  font: normal 100%/0 "ancestry-icon";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  position: relative;
  speak: none;
  text-transform: none;
  top: .12em; }

.icon::before {
  margin-right: .25em; }

.icon:empty::before {
  margin-right: 0; }

.iconAfter::after {
  margin-left: .25em; }

/* Icons */
.iconMenu::before {
  content: "\E686"; }

.iconCrop::before {
  content: "\E603"; }

.iconSearch::before {
  content: "\E604"; }

.iconZoomOut::before {
  content: "\E605"; }

.iconZoomIn::before {
  content: "\E606"; }

.iconDna::before {
  content: "\E607"; }

.iconTemple::before {
  content: "\E608"; }

.iconFamilySearch::before {
  content: "\E60A"; }

.iconFamilySearch2::before {
  content: "\E609"; }

.iconStar::before {
  content: "\E60B"; }

.iconStarHalf::before {
  content: "\E60C"; }

.iconStarOutline::before {
  content: "\E60D"; }

.iconClock::before {
  content: "\E60E"; }

.iconEye::before {
  content: "\E60F"; }

.iconFlipVertical-2::before,
.iconFlipVertical2::before {
  content: "\E612"; }

.iconFlipHorizontal-2::before,
.iconFlipHorizontal2::before {
  content: "\E613"; }

.iconInvert::before {
  content: "\E614"; }

.iconExpand::before {
  content: "\E615"; }

.iconMove::before {
  content: "\E616"; }

.iconFlipVertical::before {
  content: "\E617"; }

.iconFlipHorizontal::before {
  content: "\E618"; }

.iconSync::before {
  content: "\E61D"; }

.iconWebLink::before {
  content: "\E622"; }

.iconMerge::before {
  content: "\E624"; }

.iconStory::before {
  content: "\E625"; }

.iconStories::before {
  content: "\E626"; }

.iconRewind::before {
  content: "\E627"; }

.iconPlay::before {
  content: "\E628"; }

.iconPause::before {
  content: "\E629"; }

.iconStop::before {
  content: "\E62A"; }

.iconFastForward::before {
  content: "\E62B"; }

.iconVideo::before {
  content: "\E62C"; }

.iconVolumeMin::before {
  content: "\E62D"; }

.iconVolumeMedium::before {
  content: "\E62E"; }

.iconVolumeMax::before {
  content: "\E62F"; }

.iconAudio::before {
  content: "\E630"; }

.iconUpload::before {
  content: "\E631"; }

.iconSave::before {
  content: "\E632"; }

.iconFolder::before {
  content: "\E633"; }

.iconDownload::before {
  content: "\E634"; }

.iconStore::before {
  content: "\E63C"; }

.iconSupport::before {
  content: "\E63D"; }

.iconInfo::before {
  content: "\E63F"; }

.iconPrint::before {
  content: "\E640"; }

.iconNoteAlt::before {
  content: "\E641"; }

.iconMilitary::before {
  content: "\E642"; }

.iconList::before {
  content: "\E643"; }

.iconNewWindow::before {
  content: "\E644"; }

.iconLike::before {
  content: "\E645"; }

.iconDislike::before {
  content: "\E646"; }

.iconFlag::before {
  content: "\E647"; }

.iconShare::before {
  content: "\E648"; }

.iconHeart::before {
  content: "\E649"; }

.iconPerson::before {
  content: "\E64A"; }

.iconPersonAdd::before {
  content: "\E64B"; }

.iconPersonFind::before {
  content: "\E69B"; }

.iconPeople::before {
  content: "\E64C"; }

.iconCustomerSupport::before {
  content: "\E64D"; }

.iconMessageBoard::before {
  content: "\E64E"; }

.iconReportError::before {
  content: "\E64F"; }

.iconBeginThread::before {
  content: "\E650"; }

.iconChat::before {
  content: "\E651"; }

.iconTag::before {
  content: "\E652"; }

.iconMinus::before {
  content: "\E654"; }

.iconPlus::before {
  content: "\E655"; }

.iconClose::before {
  content: "\E657"; }

.iconDenied::before {
  content: "\E658"; }

.iconRotateRight::before {
  content: "\E659"; }

.iconRotateLeft::before {
  content: "\E65A"; }

.iconEdit::before {
  content: "\E65B"; }

.iconBookmark::before {
  content: "\E65C"; }

.iconPin::before {
  content: "\E65D"; }

.iconCart::before {
  content: "\E65E"; }

.iconCamera::before {
  content: "\E65F"; }

.iconInbox::before {
  content: "\E660"; }

.iconMailSent::before {
  content: "\E661"; }

.iconFamily::before {
  content: "\E662"; }

.iconCalculator::before {
  content: "\E663"; }

.iconBell::before {
  content: "\E664"; }

.iconGallery::before {
  content: "\E665"; }

.iconCreditCard::before {
  content: "\E666"; }

.iconCalendar::before {
  content: "\E667"; }

.iconWarning::before {
  content: "\E668"; }

.iconAttachment::before {
  content: "\E669"; }

.iconEmail::before {
  content: "\E66A"; }

.iconDocumentAdd::before {
  content: "\E66B"; }

.iconDocument::before {
  content: "\E66C"; }

.iconDocumentPdf::before {
  content: "\E66D"; }

.iconDocumentExcel::before {
  content: "\E66E"; }

.iconDocumentWord::before {
  content: "\E66F"; }

.iconNote::before {
  content: "\E670"; }

.iconHome::before {
  content: "\E671"; }

.iconCenter::before {
  content: "\E672"; }

.iconTreeAdd::before {
  content: "\E673"; }

.iconTreePedigree::before {
  content: "\E674"; }

.iconTreeFamily::before {
  content: "\E675"; }

.iconLightbulb::before {
  content: "\E678"; }

.iconPhone::before {
  content: "\E679"; }

.iconProfileCard::before {
  content: "\E67A"; }

.iconMap::before {
  content: "\E67B"; }

.iconRemove::before {
  content: "\E67C"; }

.iconAdd::before {
  content: "\E67D"; }

.iconImage::before {
  content: "\E67E"; }

.iconSettings::before {
  content: "\E67F"; }

.iconTrash::before {
  content: "\E680"; }

.iconUnlock::before {
  content: "\E681"; }

.iconLock::before {
  content: "\E682"; }

.iconMale::before {
  content: "\E683"; }

.iconFemale::before {
  content: "\E684"; }

.iconTools::before {
  content: "\E68A"; }

.iconUnlink::before {
  content: "\E68B"; }

.iconLink::before {
  content: "\E68C"; }

.iconDrag::before {
  content: "\E68D"; }

.iconTileLarge::before {
  content: "\E68E"; }

.iconTileSmall::before {
  content: "\E68F"; }

.iconBirth::before {
  content: "\E692"; }

.iconMarriage::before {
  content: "\E690"; }

.iconDeath::before {
  content: "\E691"; }

.iconAcademy::before {
  content: "\E69C"; }

.iconFilmstrip::before {
  content: "\E693"; }

.iconMobile::before {
  content: "\E694"; }

.iconDnaMatch::before {
  content: "\E695"; }

.iconDnaCad::before {
  content: "\E696"; }

.iconExpandRight::before {
  content: "\E69D"; }

.iconCollapseRight::before {
  content: "\E69E"; }

.iconVisibilityOn::before {
  content: "\E69F"; }

.iconVisibilityOff::before {
  content: "\E6A0"; }

.iconHighlight::before {
  content: "\E6A1"; }

.iconFtm::before {
  content: "\E900"; }

.iconPersonList::before {
  content: "\E901"; }

.iconTree::before {
  content: "\E903"; }

.iconMicroscope::before {
  content: "\E904"; }

.iconNew::before {
  content: "\E908"; }

.iconCommunities::before {
  content: "\E905"; }

.iconFilter::before {
  content: "\E906"; }

.iconMatches::before {
  content: "\E907"; }

/* Colored */
.iconLeaf::before,
.iconLeaf2::before,
.iconShakyLeaf::before {
  color: #6ba410;
  content: "\E610"; }

.iconLeafOutline::before {
  color: #6ba410;
  content: "\E687"; }

.iconArchives::before {
  color: #181a1c;
  content: "\E697"; }

.iconFindAGrave::before {
  color: #584d70;
  content: "\E698"; }

.iconFold3::before {
  color: #c24139;
  content: "\E699"; }

.iconNewspapers::before {
  color: #000;
  content: "\E69A"; }

.iconAcom::before {
  color: #9cbe30;
  content: "\E685"; }

.iconTwitter::before {
  color: #59bff0;
  content: "\E635"; }

.iconTumblr::before {
  color: #2c4762;
  content: "\E636"; }

.iconGooglePlus::before {
  color: #dd4b37;
  content: "\E637"; }

.iconYoutube::before {
  color: #dd473b;
  content: "\E638"; }

.iconPinterest::before {
  color: #cc2127;
  content: "\E639"; }

.iconFacebook::before {
  color: #3b5999;
  content: "\E63A"; }

.iconRss::before {
  color: #e98300;
  content: "\E63B"; }

.iconInstagram::before {
  color: #000;
  content: "\E902"; }

.iconColor1::before {
  color: #a9a9a9; }

.icon.bgDark::before {
  color: inherit; }

/* After */
.iconHelp::before,
.iconHelpAfter::after {
  content: "\E63E"; }

.iconCheck::before,
.iconAfterCheck::after {
  content: "\E656"; }

/* Arrows */
.iconArrowLargeRight::before {
  content: "\E611"; }

.iconArrowBack::before {
  content: "\E623"; }

.iconArrowSmallUpAfter::after,
.iconArrowSmallUp::before {
  content: "\E61E";
  margin: 0; }

/* e619 */
.iconArrowSmallDownAfter::after,
.iconArrowSmallDown::before {
  content: "\E621";
  margin: 0; }

/* e61a */
.iconArrowSmallLeftAfter::after,
.iconArrowSmallLeft::before {
  content: "\E620";
  margin: 0; }

/* e61b */
.iconArrowSmallRightAfter::after,
.iconArrowSmallRight::before {
  content: "\E61F";
  margin: 0; }

/* e61c */
.iconArrowUpAfter::after,
.iconArrowUp::before {
  content: "\E61E";
  margin: 0; }

.iconArrowRightAfter::after,
.iconArrowRight::before {
  content: "\E61F";
  margin: 0; }

.iconArrowLeftAfter::after,
.iconArrowLeft::before {
  content: "\E620";
  margin: 0; }

.iconArrowDownAfter::after,
.iconArrowDown::before {
  content: "\E621";
  margin: 0; }

@-webkit-keyframes grow {
  0%,
  50% {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0); }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }

@keyframes grow {
  0%,
  50% {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0); }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }

@-webkit-keyframes shake {
  25% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  75% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); } }

@keyframes shake {
  25% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  75% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); } }

.iconShakyLeaf::before {
  -webkit-animation: grow 1.4s, shake .3s linear 1.5s 3;
  animation: grow 1.4s, shake .3s linear 1.5s 3;
  display: inline-block;
  line-height: 1;
  -webkit-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  transform-origin: 0% 100%; }

/* IE9 (compounding font-size) fix */
.icon.iconBars::after {
  font-size: 100%; }

/* Leaf */
.iconBars::before,
.iconBars::after {
  font-family: "ancestry-icon";
  font-weight: normal;
  left: 0;
  line-height: 1em;
  position: absolute;
  speak: none;
  text-transform: none;
  top: .04em; }

.iconBars {
  margin: 0 auto;
  min-height: 1.25em;
  padding-left: 1.25em;
  position: relative; }

.iconBars::before {
  content: "\E653";
  opacity: .3; }

.iconBarsLow::before {
  content: "\E688"; }

.iconBarsLow::after {
  content: "\E600"; }

.iconBarsMed::before {
  content: "\E602"; }

.iconBarsMed::after {
  content: "\E689"; }

.iconBarsHigh::before {
  opacity: 1; }

/* Align multiline text next to an icon to not wrap below the icon. */
.iconFlushText {
  display: inline-block;
  padding-left: 1.4em;
  text-indent: -1.4em; }

/* 1.4 (width) * 100 (icon font-size) / 100 (normal font size) */
.iconFlushText::before {
  display: inline-block;
  line-height: 1;
  margin-right: 0;
  text-indent: 0;
  width: 1.4em; }

/* Setting width due to icons being variable-width  */
.iconFlushText > * {
  text-indent: 0; }

/* Leaf Image */
.iconLeafImage::before {
  background: url("https://www.ancestrycdn.com/ui-static/i/leaf/1/leaf-30.png") no-repeat 50% 50%;
  background-size: 100% auto;
  content: "";
  display: inline-block;
  height: 30px;
  vertical-align: -6px;
  width: 30px; }

.iconLeafImageSize1::before {
  background-image: url("https://www.ancestrycdn.com/ui-static/i/leaf/1/leaf-50.png");
  height: 50px;
  width: 50px; }

.iconLeafImageSize2::before {
  background-image: url("https://www.ancestrycdn.com/ui-static/i/leaf/1/leaf-100.png");
  height: 100px;
  width: 100px; }

.iconLeafImageSize3::before {
  background-image: url("https://www.ancestrycdn.com/ui-static/i/leaf/1/leaf-140.png");
  height: 140px;
  width: 140px; }

@media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .iconLeafImage::before {
    background-image: url("https://www.ancestrycdn.com/ui-static/i/leaf/1/leaf-30-2x.png"); }
  .iconLeafImageSize1::before {
    background-image: url("https://www.ancestrycdn.com/ui-static/i/leaf/1/leaf-50-2x.png"); }
  .iconLeafImageSize2::before {
    background-image: url("https://www.ancestrycdn.com/ui-static/i/leaf/1/leaf-100-2x.png"); }
  .iconLeafImageSize3::before {
    background-image: url("https://www.ancestrycdn.com/ui-static/i/leaf/1/leaf-140-2x.png"); } }

.iconLeafImagePinned {
  position: absolute;
  right: -10px;
  top: -10px;
  z-index: 1; }

/****************************************
	Icons on Links
*****************************************/
a.icon,
button.icon,
.icon:active,
.icon:focus,
.icon:hover,
p .icon,
a.iconAfter,
button.iconAfter,
.iconAfter:active,
.iconAfter:focus,
.iconAfter:hover,
p .iconAfter {
  text-decoration: none; }

.icon.underline > span,
p .link.icon > span,
p a.icon > span,
.link.icon:focus > span,
.link.icon:hover > span,
.link.icon:active > span,
a.icon:focus > span,
a.icon:hover > span,
a.icon:active > span,
.iconAfter.underline > span,
p .link.iconAfter > span,
p a.iconAfter > span,
.link.iconAfter:focus > span,
.link.iconAfter:hover > span,
.link.iconAfter:active > span,
a.iconAfter:focus > span,
a.iconAfter:hover > span,
a.iconAfter:active > span {
  text-decoration: underline; }

@media print {
  .iconLeafImage::before {
    background: none !important;
    content: url("https://www.ancestrycdn.com/ui-static/i/leaf/1/leaf-30.png") !important;
    z-index: 10; }
  .iconLeafImageSize1::before {
    content: url("https://www.ancestrycdn.com/ui-static/i/leaf/1/leaf-50.png") !important; }
  .iconLeafImageSize2::before {
    content: url("https://www.ancestrycdn.com/ui-static/i/leaf/1/leaf-100.png") !important; }
  .iconLeafImageSize3::before {
    content: url("https://www.ancestrycdn.com/ui-static/i/leaf/1/leaf-140.png") !important; } }
/****************************************
	z-index
*****************************************/
.modal {
  display: none;
  position: relative; }

#modal {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.7);
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1030; }

.modalFixed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  left: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  position: fixed;
  right: 0;
  top: 0; }

.modalFlex {
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 100%;
  padding: 20px; }

.modalContents {
  background: #f5f5f5 none no-repeat 50% 50%;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
  clear: both;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0 auto;
  max-width: 100%;
  min-height: 42px;
  min-width: 260px;
  padding: 20px;
  position: relative;
  width: 600px;
  word-wrap: break-word; }

.modalHideClose .modalClose {
  display: none; }

.modalHeader {
  background-color: #fff;
  border-radius: 5px 5px 0 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  margin: -20px -20px 20px -20px;
  padding: 10px 20px; }

.modalHeader::after {
  clear: both;
  content: '';
  display: table; }

.modalHeader > .ancBtn {
  margin: 0 5px 0 -10px; }

.modalHeader .ancBtn {
  vertical-align: top; }

.modalTitle {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  vertical-align: top; }

.ancBtn + .modalTitle {
  display: inline-block; }

.modalHeaderActions,
.modalHeaderActions > .ancBtn {
  float: right;
  margin-left: 10px; }

/* Open Styles */
.modalOpen,
.modalOpen body {
  overflow: hidden; }

.modalOpen,
.iOSFix body {
  height: 100%; }

.modalOpen body {
  min-height: 100%;
  position: relative; }

.modalOpen #modal,
.modalFlex.open .modal {
  display: block; }

.iOSFix .modalFixed {
  position: absolute; }

.modalFlex.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

/* Image and Video Contents */
.modalContents img {
  height: auto;
  max-width: 100%;
  vertical-align: top; }

/* YouTube Video */
.modalContents object,
.modalContents iframe {
  display: block;
  max-width: 100%; }

/* Modal section */
.modalSection {
  -webkit-box-shadow: inset 0 1px 2px -1px #fff;
  box-shadow: inset 0 1px 2px -1px #fff;
  margin: 0 -20px;
  padding: 20px;
  position: relative; }

.modalHeader + .modalSection {
  margin-top: -20px; }

.modalSection:last-child {
  margin-bottom: -20px; }

/* Modal Columns */
.ancCol.modalColumn {
  padding: 20px; }

/* Match Outer Border Radius */
@media (min-width: 480px) {
  .modalSection:first-child {
    border-radius: 5px 5px 0 0; }
  .modalSection:last-child {
    border-radius: 0 0 5px 5px; }
  .modal > .ancGrid:first-child .ancCol:first-child {
    border-top-left-radius: 5px; }
  .modal > .ancGrid:first-child .ancCol:last-child {
    border-top-right-radius: 5px; }
  .modal > .ancGrid:last-child .ancCol:first-child {
    border-bottom-left-radius: 5px; }
  .modal > .ancGrid:last-child .ancCol:last-child {
    border-bottom-right-radius: 5px; } }

@media (max-width: 767px) {
  .modalFlex {
    padding: 10px; }
  .modalContents {
    padding: 10px 20px 10px 10px; }
  .modalHeader {
    margin: -10px -20px 10px -10px;
    padding-left: 10px;
    padding-right: 20px; }
  .modalSection {
    margin: 0 -10px;
    padding: 10px; }
  .modalSection:last-child {
    margin-bottom: -10px; }
  .modalHeader + .modalSection,
  .modalHeader:first-child {
    margin-top: -10px; }
  .modalHeader > .ancBtn {
    margin-left: 0; }
  .ancCol.modalColumn.modalColumn {
    padding: 10px; } }

@media (max-width: 479px) {
  .modalHeaderActions > .ancBtn {
    float: none;
    margin: 0; }
  .modalHeaderActions > .ancBtn:first-child {
    margin-bottom: 5px; } }

/* Marketing overrides. */
.modalContents.modalCustomPadding {
  padding: 0; }

.modalCustomPadding .modalSection,
.modalCustomPadding .modalHeader {
  margin: 0; }

/* Loading icon */
.modalContents.loading {
  min-height: 300px; }

@media print {
  #modal {
    background: #fff !important;
    position: relative !important; }
  .modalOpen body > *:not(#modal),
  .modalClose {
    display: none !important; }
  .modalContents {
    background: #fff !important; }
  .modalSection {
    -webkit-box-shadow: none !important;
    box-shadow: none !important; } }
/****************************************
	z-index
*****************************************/
.photo {
  border-radius: 8px;
  -webkit-box-shadow: 0 0 0 3px transparent;
  box-shadow: 0 0 0 3px transparent;
  display: inline-block;
  font-size: 0;
  line-height: 0;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  text-align: center;
  -webkit-transition: -webkit-box-shadow .2s;
  transition: -webkit-box-shadow .2s;
  -o-transition: box-shadow .2s;
  transition: box-shadow .2s;
  transition: box-shadow .2s, -webkit-box-shadow .2s;
  vertical-align: top; }

.photo:not(.bgDark) {
  background-color: rgba(0, 0, 0, 0.15);
  color: #5e6770; }

.link.photo:not([class*="photoOutline"]):hover,
.link:hover .photo:not([class*="photoOutline"]),
a.photo:not([class*="photoOutline"]):hover,
a:hover .photo:not([class*="photoOutline"]) {
  -webkit-box-shadow: 0 0 0 3px #5e6770;
  box-shadow: 0 0 0 3px #5e6770; }

.photo[class*="photoOutline"]:not(:active):not(:hover):focus {
  outline-offset: 4px; }

.photo > img {
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle; }

/* Orientation */
.photoPortrait > img {
  max-height: none; }

.photoLandscape > img {
  max-width: none; }

.photoCenter:not(.icon) {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  line-height: 0; }

.photoCenter:not(.icon) > img {
  margin-left: 50%;
  margin-top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.photoCenter[style*="-image"] > img {
  margin: 0;
  opacity: 0; }

/* Sizes */
.photoSize1 {
  height: 600px;
  line-height: 600px;
  width: 600px; }

.photoSize2 {
  height: 250px;
  line-height: 250px;
  width: 250px; }

.photoSize3 {
  height: 180px;
  line-height: 180px;
  width: 180px; }

.photoSize4 {
  border-radius: 6px;
  height: 80px;
  line-height: 80px;
  width: 80px; }

.photoSize5 {
  border-radius: 3px;
  height: 50px;
  line-height: 50px;
  width: 50px; }

.photoSize6 {
  height: 120px;
  line-height: 120px;
  width: 120px; }

.photoSize1.icon::before {
  font-size: 540px; }

.photoSize2.icon::before {
  font-size: 200px; }

.photoSize3.icon::before {
  font-size: 150px; }

.photoSize4.icon::before {
  font-size: 70px; }

.photoSize5.icon::before {
  font-size: 44px; }

.photoSize6.icon::before {
  font-size: 100px; }

/* Shape */
.photoCircle {
  border-radius: 50%; }

.photoSquare {
  display: block; }

.photoSquare::after {
  content: '';
  display: block;
  padding-bottom: 100%; }

.photoSquare > img {
  height: 0; }

/* Icons */
.photo.icon {
  color: #a9a9a9;
  display: inline-block;
  position: relative; }

.photo.icon::before {
  height: inherit;
  left: 0;
  line-height: inherit;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%; }

.photo.iconMale::before,
.photo.iconFemale::before,
.photo.iconPerson::before {
  -webkit-transform: translateY(11%);
  -ms-transform: translateY(11%);
  transform: translateY(11%); }

.photo.iconMale {
  background-color: #b1e2e2;
  color: #68c2c2; }

.photo.iconMale::before {
  text-indent: -.05em; }

.photo.iconFemale {
  background-color: #fcb7bd;
  color: #f58888; }

.photo.iconFemale::before {
  text-indent: -.05em; }

.photoSquare.icon::before {
  font-size: 140px;
  left: 50%;
  line-height: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

/* Selected State */
.photoOutline1 {
  -webkit-box-shadow: 0 0 0 3px #777777;
  box-shadow: 0 0 0 3px #777777; }

.photoOutline2 {
  -webkit-box-shadow: 0 0 0 3px #9e95b3;
  box-shadow: 0 0 0 3px #9e95b3; }

.photoOutline3 {
  -webkit-box-shadow: 0 0 0 3px #71b6ce;
  box-shadow: 0 0 0 3px #71b6ce; }

.photoOutline4 {
  -webkit-box-shadow: 0 0 0 3px #9cbe30;
  box-shadow: 0 0 0 3px #9cbe30; }

.link.photo.bgDark:hover,
.link:hover .photo.bgDark,
a.photo.bgDark:hover,
a:hover .photo.bgDark,
.photo[class*="photoOutline"].bgDark {
  -webkit-box-shadow: 0 0 0 3px #fff;
  box-shadow: 0 0 0 3px #fff; }

@media print {
  .photo {
    background: #fff !important; }
  .photoCenter:not(.icon) > img,
  .photoSquare:not(.icon) > img {
    height: auto !important;
    margin: 0 !important;
    max-height: none !important;
    max-width: none !important;
    opacity: 1 !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    width: 100% !important; }
  .photoSquare:not(.icon)::after {
    padding-bottom: 0 !important; }
  .photoCircle:not(.icon) > img {
    margin-left: 50% !important;
    min-height: 100% !important;
    -webkit-transform: translate(-50%, 0) !important;
    -ms-transform: translate(-50%, 0) !important;
    transform: translate(-50%, 0) !important;
    width: auto !important; }
  .photoCircle.photoPortrait > img {
    width: 100% !important; } }
/****************************************
	z-index
*****************************************/
.progress {
  margin: 0 auto;
  max-width: 990px;
  overflow: hidden;
  text-align: center;
  width: 100%; }

.progressStep {
  position: relative;
  width: 100%; }

.progressStepCompleted::before {
  content: "\E656";
  font: normal 100%/0 "ancestry-icon";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-right: .25em;
  opacity: .7;
  position: relative;
  speak: none;
  text-transform: none;
  top: .1em; }

.progressStep,
.progressTitle {
  background-repeat: no-repeat;
  background-size: 100% 12px;
  padding: 12px 10px 4px; }

@media (max-width: 767px) {
  .progress {
    background-image: -webkit-linear-gradient(top, #a9a9a9 1px, #dedede 1px, #dedede);
    background-image: -o-linear-gradient(top, #a9a9a9 1px, #dedede 1px, #dedede);
    background-image: linear-gradient(to bottom, #a9a9a9 1px, #dedede 1px, #dedede);
    background-repeat: no-repeat;
    background-size: 100% 6px; }
  .progressStepCurrent {
    background-image: -webkit-gradient(linear, left top, right top, from(#68c2c2), to(#68c2c2));
    background-image: -webkit-linear-gradient(left, #68c2c2, #68c2c2);
    background-image: -o-linear-gradient(left, #68c2c2, #68c2c2);
    background-image: linear-gradient(to right, #68c2c2, #68c2c2);
    background-position: 0 0;
    background-size: 100% 6px;
    font-weight: bold;
    padding-top: 6px; }
  .progress ol {
    display: block; }
  .progressTitle,
  .progressStep:not(.progressStepCurrent) {
    display: none; }
  .progressStep.icon:last-child {
    display: block; }
  .progressStepCurrent::before {
    content: attr(data-mobile-label); }
  .progressStepCurrent:first-child:nth-last-child(2) {
    background-size: 50% 6px; }
  .progressStepCurrent:first-child:nth-last-child(3) {
    background-size: 33.33333% 6px; }
  .progressStep:first-child:nth-last-child(3) + .progressStepCurrent {
    background-size: 66.66666% 6px; }
  .progressStepCurrent:first-child:nth-last-child(4) {
    background-size: 25% 6px; }
  .progressStep:first-child:nth-last-child(4) + .progressStepCurrent {
    background-size: 50% 6px; }
  .progressStep:first-child:nth-last-child(4) ~ .progressStepCurrent:nth-child(3) {
    background-size: 75% 6px; }
  .progressStepCurrent:first-child:nth-last-child(5) {
    background-size: 20% 6px; }
  .progressStep:first-child:nth-last-child(5) + .progressStepCurrent {
    background-size: 40% 6px; }
  .progressStep:first-child:nth-last-child(5) ~ .progressStepCurrent:nth-child(3) {
    background-size: 60% 6px; }
  .progressStep:first-child:nth-last-child(5) ~ .progressStepCurrent:nth-child(4) {
    background-size: 80% 6px; }
  /* Progress Colors */
  .progressColor1 .progressTitle {
    background-image: -webkit-gradient(linear, left top, right top, from(#aee1f5), to(#aee1f5));
    background-image: -webkit-linear-gradient(left, #aee1f5, #aee1f5);
    background-image: -o-linear-gradient(left, #aee1f5, #aee1f5);
    background-image: linear-gradient(to right, #aee1f5, #aee1f5); }
  .progressColor1 .progressStepCurrent {
    background-image: -webkit-gradient(linear, left top, right top, from(#71b6ce), to(#71b6ce));
    background-image: -webkit-linear-gradient(left, #71b6ce, #71b6ce);
    background-image: -o-linear-gradient(left, #71b6ce, #71b6ce);
    background-image: linear-gradient(to right, #71b6ce, #71b6ce); }
  .progressColor2 .progressTitle {
    background-image: -webkit-gradient(linear, left top, right top, from(#474d54), to(#474d54));
    background-image: -webkit-linear-gradient(left, #474d54, #474d54);
    background-image: -o-linear-gradient(left, #474d54, #474d54);
    background-image: linear-gradient(to right, #474d54, #474d54); }
  .progressColor2 .progressStepCurrent {
    background-image: -webkit-gradient(linear, left top, right top, from(#474d54), to(#474d54));
    background-image: -webkit-linear-gradient(left, #474d54, #474d54);
    background-image: -o-linear-gradient(left, #474d54, #474d54);
    background-image: linear-gradient(to right, #474d54, #474d54); } }

@media print, (min-width: 768px) {
  .progress ol {
    display: table-cell;
    overflow: hidden;
    width: 100%; }
  .progress ol:only-child {
    display: block; }
  .progress ol:only-child .progressStep:first-child {
    background-position: 0 0;
    background-size: 100% 12px; }
  .progress ol:only-child .progressStep:first-child::after {
    content: none; }
  .progressStep:not(.progressStepCurrent) {
    color: #474d54; }
  .bgDark .progressStep:not(.progressStepCurrent) {
    color: inherit; }
  .progressStep {
    background-image: -webkit-linear-gradient(top, #a9a9a9 1px, #dedede 1px, #dedede);
    background-image: -o-linear-gradient(top, #a9a9a9 1px, #dedede 1px, #dedede);
    background-image: linear-gradient(to bottom, #a9a9a9 1px, #dedede 1px, #dedede);
    background-position: 9px 0, 0 0;
    background-size: calc(100% - 8px) 12px;
    float: left; }
  /* 1px overlap is due to Safari calculating that 100% - 8px + 8px is 100% - 1px in its mind */
  .progressStep::after {
    background-image: -webkit-linear-gradient(45deg, #dedede 35%, transparent 35%), -webkit-linear-gradient(135deg, transparent 65%, #dedede 65%), -webkit-linear-gradient(135deg, #dedede 24%, transparent 24%), -webkit-linear-gradient(45deg, transparent 76%, #dedede 76%, #dedede 90%);
    background-image: -o-linear-gradient(45deg, #dedede 35%, transparent 35%), -o-linear-gradient(135deg, transparent 65%, #dedede 65%), -o-linear-gradient(135deg, #dedede 24%, transparent 24%), -o-linear-gradient(45deg, transparent 76%, #dedede 76%, #dedede 90%);
    background-image: linear-gradient(45deg, #dedede 35%, transparent 35%), linear-gradient(-45deg, transparent 65%, #dedede 65%), linear-gradient(-45deg, #dedede 24%, transparent 24%), linear-gradient(45deg, transparent 76%, #dedede 76%, #dedede 90%);
    background-origin: border-box;
    background-position: 0 -6px, 0 6px, 0 0, 0 0;
    -webkit-border-image: -webkit-gradient(linear, left top, right top, from(#a9a9a9), color-stop(20%, #a9a9a9), color-stop(25%, transparent), color-stop(50%, transparent), color-stop(60%, #a9a9a9));
    -webkit-border-image: -webkit-linear-gradient(left, #a9a9a9, #a9a9a9 20%, transparent 25%, transparent 50%, #a9a9a9 60%);
    -o-border-image: -o-linear-gradient(left, #a9a9a9, #a9a9a9 20%, transparent 25%, transparent 50%, #a9a9a9 60%);
    border-image: -webkit-gradient(linear, left top, right top, from(#a9a9a9), color-stop(20%, #a9a9a9), color-stop(25%, transparent), color-stop(50%, transparent), color-stop(60%, #a9a9a9));
    border-image: linear-gradient(to right, #a9a9a9, #a9a9a9 20%, transparent 25%, transparent 50%, #a9a9a9 60%);
    border-image-slice: 1;
    border-style: solid;
    border-width: 1px 0 0;
    color: transparent;
    content: " ";
    display: block;
    height: 12px;
    left: -1px;
    position: absolute;
    top: 0;
    width: 10px; }
  .progressTitle {
    background-image: -webkit-gradient(linear, left top, right top, from(#b1e2e2), to(#b1e2e2));
    background-image: -webkit-linear-gradient(left, #b1e2e2, #b1e2e2);
    background-image: -o-linear-gradient(left, #b1e2e2, #b1e2e2);
    background-image: linear-gradient(to right, #b1e2e2, #b1e2e2);
    display: table-cell;
    font-size: inherit;
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: top;
    white-space: nowrap;
    word-wrap: normal; }
  .progressStepCurrent {
    background-image: -webkit-gradient(linear, left top, right top, from(#68c2c2), to(#68c2c2));
    background-image: -webkit-linear-gradient(left, #68c2c2, #68c2c2);
    background-image: -o-linear-gradient(left, #68c2c2, #68c2c2);
    background-image: linear-gradient(to right, #68c2c2, #68c2c2);
    font-weight: bold; }
  .progressStepCurrent::after {
    background-image: -webkit-linear-gradient(45deg, #b1e2e2 35%, transparent 35%), -webkit-linear-gradient(135deg, transparent 65%, #b1e2e2 65%), -webkit-linear-gradient(135deg, #68c2c2 24%, transparent 24%), -webkit-linear-gradient(45deg, transparent 76%, #68c2c2 76%, #68c2c2 90%);
    background-image: -o-linear-gradient(45deg, #b1e2e2 35%, transparent 35%), -o-linear-gradient(135deg, transparent 65%, #b1e2e2 65%), -o-linear-gradient(135deg, #68c2c2 24%, transparent 24%), -o-linear-gradient(45deg, transparent 76%, #68c2c2 76%, #68c2c2 90%);
    background-image: linear-gradient(45deg, #b1e2e2 35%, transparent 35%), linear-gradient(-45deg, transparent 65%, #b1e2e2 65%), linear-gradient(-45deg, #68c2c2 24%, transparent 24%), linear-gradient(45deg, transparent 76%, #68c2c2 76%, #68c2c2 90%);
    border-width: 0; }
  .progressStepCompleted {
    background-image: -webkit-gradient(linear, left top, right top, from(#b1e2e2), to(#b1e2e2));
    background-image: -webkit-linear-gradient(left, #b1e2e2, #b1e2e2);
    background-image: -o-linear-gradient(left, #b1e2e2, #b1e2e2);
    background-image: linear-gradient(to right, #b1e2e2, #b1e2e2); }
  .progressStepCompleted::after {
    background-image: -webkit-linear-gradient(45deg, #b1e2e2 35%, transparent 35%), -webkit-linear-gradient(135deg, transparent 65%, #b1e2e2 65%), -webkit-linear-gradient(135deg, #b1e2e2 24%, transparent 24%), -webkit-linear-gradient(45deg, transparent 76%, #b1e2e2 76%, #b1e2e2 90%);
    background-image: -o-linear-gradient(45deg, #b1e2e2 35%, transparent 35%), -o-linear-gradient(135deg, transparent 65%, #b1e2e2 65%), -o-linear-gradient(135deg, #b1e2e2 24%, transparent 24%), -o-linear-gradient(45deg, transparent 76%, #b1e2e2 76%, #b1e2e2 90%);
    background-image: linear-gradient(45deg, #b1e2e2 35%, transparent 35%), linear-gradient(-45deg, transparent 65%, #b1e2e2 65%), linear-gradient(-45deg, #b1e2e2 24%, transparent 24%), linear-gradient(45deg, transparent 76%, #b1e2e2 76%, #b1e2e2 90%);
    border-width: 0; }
  .progressStepCurrent + .progressStep {
    background-image: -webkit-linear-gradient(top, #a9a9a9 1px, #dedede 1px, #dedede);
    background-image: -o-linear-gradient(top, #a9a9a9 1px, #dedede 1px, #dedede);
    background-image: linear-gradient(to bottom, #a9a9a9 1px, #dedede 1px, #dedede); }
  .progressStepCurrent + .progressStep::after {
    background-image: -webkit-linear-gradient(45deg, #68c2c2 35%, transparent 35%), -webkit-linear-gradient(135deg, transparent 65%, #68c2c2 65%), -webkit-linear-gradient(135deg, #dedede 24%, transparent 24%), -webkit-linear-gradient(45deg, transparent 76%, #dedede 76%, #dedede 90%);
    background-image: -o-linear-gradient(45deg, #68c2c2 35%, transparent 35%), -o-linear-gradient(135deg, transparent 65%, #68c2c2 65%), -o-linear-gradient(135deg, #dedede 24%, transparent 24%), -o-linear-gradient(45deg, transparent 76%, #dedede 76%, #dedede 90%);
    background-image: linear-gradient(45deg, #68c2c2 35%, transparent 35%), linear-gradient(-45deg, transparent 65%, #68c2c2 65%), linear-gradient(-45deg, #dedede 24%, transparent 24%), linear-gradient(45deg, transparent 76%, #dedede 76%, #dedede 90%);
    -webkit-border-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(60%, #a9a9a9));
    -webkit-border-image: -webkit-linear-gradient(left, transparent, transparent 50%, #a9a9a9 60%);
    -o-border-image: -o-linear-gradient(left, transparent, transparent 50%, #a9a9a9 60%);
    border-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(60%, #a9a9a9));
    border-image: linear-gradient(to right, transparent, transparent 50%, #a9a9a9 60%);
    border-image-slice: 1; }
  .progressStep:first-child:nth-last-child(2),
  .progressStep:first-child:nth-last-child(2) ~ .progressStep {
    width: 50%; }
  .progressStep:first-child:nth-last-child(3),
  .progressStep:first-child:nth-last-child(3) ~ .progressStep {
    width: 33.33333%; }
  .progressStep:first-child:nth-last-child(4),
  .progressStep:first-child:nth-last-child(4) ~ .progressStep {
    width: 25%; }
  .progressStep:first-child:nth-last-child(5),
  .progressStep:first-child:nth-last-child(5) ~ .progressStep {
    width: 20%; }
  /* Progress Colors */
  .progressColor1 .progressTitle {
    background-image: -webkit-gradient(linear, left top, right top, from(#aee1f5), to(#aee1f5));
    background-image: -webkit-linear-gradient(left, #aee1f5, #aee1f5);
    background-image: -o-linear-gradient(left, #aee1f5, #aee1f5);
    background-image: linear-gradient(to right, #aee1f5, #aee1f5); }
  .progressColor1 .progressStepCurrent {
    background-image: -webkit-gradient(linear, left top, right top, from(#71b6ce), to(#71b6ce));
    background-image: -webkit-linear-gradient(left, #71b6ce, #71b6ce);
    background-image: -o-linear-gradient(left, #71b6ce, #71b6ce);
    background-image: linear-gradient(to right, #71b6ce, #71b6ce); }
  .progressColor1 .progressStepCurrent::after {
    background-image: -webkit-linear-gradient(45deg, #aee1f5 35%, transparent 35%), -webkit-linear-gradient(135deg, transparent 65%, #aee1f5 65%), -webkit-linear-gradient(135deg, #71b6ce 24%, transparent 24%), -webkit-linear-gradient(45deg, transparent 76%, #71b6ce 76%, #71b6ce 90%);
    background-image: -o-linear-gradient(45deg, #aee1f5 35%, transparent 35%), -o-linear-gradient(135deg, transparent 65%, #aee1f5 65%), -o-linear-gradient(135deg, #71b6ce 24%, transparent 24%), -o-linear-gradient(45deg, transparent 76%, #71b6ce 76%, #71b6ce 90%);
    background-image: linear-gradient(45deg, #aee1f5 35%, transparent 35%), linear-gradient(-45deg, transparent 65%, #aee1f5 65%), linear-gradient(-45deg, #71b6ce 24%, transparent 24%), linear-gradient(45deg, transparent 76%, #71b6ce 76%, #71b6ce 90%);
    border-width: 0; }
  .progressColor1 .progressStepCompleted {
    background-image: -webkit-gradient(linear, left top, right top, from(#aee1f5), to(#aee1f5));
    background-image: -webkit-linear-gradient(left, #aee1f5, #aee1f5);
    background-image: -o-linear-gradient(left, #aee1f5, #aee1f5);
    background-image: linear-gradient(to right, #aee1f5, #aee1f5); }
  .progressColor1 .progressStepCompleted::after {
    background-image: -webkit-linear-gradient(45deg, #aee1f5 35%, transparent 35%), -webkit-linear-gradient(135deg, transparent 65%, #aee1f5 65%), -webkit-linear-gradient(135deg, #aee1f5 24%, transparent 24%), -webkit-linear-gradient(45deg, transparent 76%, #aee1f5 76%, #aee1f5 90%);
    background-image: -o-linear-gradient(45deg, #aee1f5 35%, transparent 35%), -o-linear-gradient(135deg, transparent 65%, #aee1f5 65%), -o-linear-gradient(135deg, #aee1f5 24%, transparent 24%), -o-linear-gradient(45deg, transparent 76%, #aee1f5 76%, #aee1f5 90%);
    background-image: linear-gradient(45deg, #aee1f5 35%, transparent 35%), linear-gradient(-45deg, transparent 65%, #aee1f5 65%), linear-gradient(-45deg, #aee1f5 24%, transparent 24%), linear-gradient(45deg, transparent 76%, #aee1f5 76%, #aee1f5 90%);
    border-width: 0; }
  .progressColor1 .progressStepCurrent + .progressStep::after {
    background-image: -webkit-linear-gradient(45deg, #71b6ce 35%, transparent 35%), -webkit-linear-gradient(135deg, transparent 65%, #71b6ce 65%), -webkit-linear-gradient(135deg, #dedede 24%, transparent 24%), -webkit-linear-gradient(45deg, transparent 76%, #dedede 76%, #dedede 90%);
    background-image: -o-linear-gradient(45deg, #71b6ce 35%, transparent 35%), -o-linear-gradient(135deg, transparent 65%, #71b6ce 65%), -o-linear-gradient(135deg, #dedede 24%, transparent 24%), -o-linear-gradient(45deg, transparent 76%, #dedede 76%, #dedede 90%);
    background-image: linear-gradient(45deg, #71b6ce 35%, transparent 35%), linear-gradient(-45deg, transparent 65%, #71b6ce 65%), linear-gradient(-45deg, #dedede 24%, transparent 24%), linear-gradient(45deg, transparent 76%, #dedede 76%, #dedede 90%); }
  .progressColor2 .progressTitle {
    background-image: -webkit-gradient(linear, left top, right top, from(#5e6770), to(#5e6770));
    background-image: -webkit-linear-gradient(left, #5e6770, #5e6770);
    background-image: -o-linear-gradient(left, #5e6770, #5e6770);
    background-image: linear-gradient(to right, #5e6770, #5e6770); }
  .progressColor2 .progressStepCurrent {
    background-image: -webkit-gradient(linear, left top, right top, from(#474d54), to(#474d54));
    background-image: -webkit-linear-gradient(left, #474d54, #474d54);
    background-image: -o-linear-gradient(left, #474d54, #474d54);
    background-image: linear-gradient(to right, #474d54, #474d54); }
  .progressColor2 .progressStepCurrent::after {
    background-image: -webkit-linear-gradient(45deg, #5e6770 35%, transparent 35%), -webkit-linear-gradient(135deg, transparent 65%, #5e6770 65%), -webkit-linear-gradient(135deg, #474d54 24%, transparent 24%), -webkit-linear-gradient(45deg, transparent 76%, #474d54 76%, #474d54 90%);
    background-image: -o-linear-gradient(45deg, #5e6770 35%, transparent 35%), -o-linear-gradient(135deg, transparent 65%, #5e6770 65%), -o-linear-gradient(135deg, #474d54 24%, transparent 24%), -o-linear-gradient(45deg, transparent 76%, #474d54 76%, #474d54 90%);
    background-image: linear-gradient(45deg, #5e6770 35%, transparent 35%), linear-gradient(-45deg, transparent 65%, #5e6770 65%), linear-gradient(-45deg, #474d54 24%, transparent 24%), linear-gradient(45deg, transparent 76%, #474d54 76%, #474d54 90%);
    border-width: 0; }
  .progressColor2 .progressStepCompleted {
    background-image: -webkit-gradient(linear, left top, right top, from(#5e6770), to(#5e6770));
    background-image: -webkit-linear-gradient(left, #5e6770, #5e6770);
    background-image: -o-linear-gradient(left, #5e6770, #5e6770);
    background-image: linear-gradient(to right, #5e6770, #5e6770); }
  .progressColor2 .progressStepCompleted::after {
    background-image: -webkit-linear-gradient(45deg, #5e6770 35%, transparent 35%), -webkit-linear-gradient(135deg, transparent 65%, #5e6770 65%), -webkit-linear-gradient(135deg, #5e6770 24%, transparent 24%), -webkit-linear-gradient(45deg, transparent 76%, #5e6770 76%, #5e6770 90%);
    background-image: -o-linear-gradient(45deg, #5e6770 35%, transparent 35%), -o-linear-gradient(135deg, transparent 65%, #5e6770 65%), -o-linear-gradient(135deg, #5e6770 24%, transparent 24%), -o-linear-gradient(45deg, transparent 76%, #5e6770 76%, #5e6770 90%);
    background-image: linear-gradient(45deg, #5e6770 35%, transparent 35%), linear-gradient(-45deg, transparent 65%, #5e6770 65%), linear-gradient(-45deg, #5e6770 24%, transparent 24%), linear-gradient(45deg, transparent 76%, #5e6770 76%, #5e6770 90%);
    border-width: 0; }
  .progressColor2 .progressStepCurrent + .progressStep::after {
    background-image: -webkit-linear-gradient(45deg, #474d54 35%, transparent 35%), -webkit-linear-gradient(135deg, transparent 65%, #474d54 65%), -webkit-linear-gradient(135deg, #dedede 24%, transparent 24%), -webkit-linear-gradient(45deg, transparent 76%, #dedede 76%, #dedede 90%);
    background-image: -o-linear-gradient(45deg, #474d54 35%, transparent 35%), -o-linear-gradient(135deg, transparent 65%, #474d54 65%), -o-linear-gradient(135deg, #dedede 24%, transparent 24%), -o-linear-gradient(45deg, transparent 76%, #dedede 76%, #dedede 90%);
    background-image: linear-gradient(45deg, #474d54 35%, transparent 35%), linear-gradient(-45deg, transparent 65%, #474d54 65%), linear-gradient(-45deg, #dedede 24%, transparent 24%), linear-gradient(45deg, transparent 76%, #dedede 76%, #dedede 90%); } }

/* Percentage bar */
.progressPercentage {
  display: table;
  width: 100%; }

.progressBar {
  overflow: hidden; }

.progressBar,
.progressBarWidth {
  background-image: -webkit-linear-gradient(top, #a9a9a9 1px, #dedede 1px, #dedede);
  background-image: -o-linear-gradient(top, #a9a9a9 1px, #dedede 1px, #dedede);
  background-image: linear-gradient(to bottom, #a9a9a9 1px, #dedede 1px, #dedede);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 100% 12px;
  display: block;
  height: 12px; }

.progressBarWidth {
  background-image: -webkit-gradient(linear, left top, right top, from(#68c2c2), to(#68c2c2));
  background-image: -webkit-linear-gradient(left, #68c2c2, #68c2c2);
  background-image: -o-linear-gradient(left, #68c2c2, #68c2c2);
  background-image: linear-gradient(to right, #68c2c2, #68c2c2);
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  color: transparent;
  font-size: 0; }

.progressBarWidthAnimated {
  -webkit-animation: slideIn 3s ease-in-out;
  animation: slideIn 3s ease-in-out; }

.progressPercentageInline {
  line-height: 12px; }

.progressPercentageInline .progressBar,
.progressPercentageInline .progressBarTitle {
  display: table-cell;
  vertical-align: middle;
  width: 100%; }

.progressPercentageInline .progressBarTitle {
  line-height: inherit;
  padding-left: 10px;
  white-space: nowrap;
  word-wrap: normal; }

/* Colors */
.progressColor1 .progressBarWidth,
.progressBarColor1 {
  background-image: -webkit-gradient(linear, left top, right top, from(#9cbe30), to(#9cbe30));
  background-image: -webkit-linear-gradient(left, #9cbe30, #9cbe30);
  background-image: -o-linear-gradient(left, #9cbe30, #9cbe30);
  background-image: linear-gradient(to right, #9cbe30, #9cbe30); }

.progressColor2 .progressBarWidth {
  background-image: -webkit-gradient(linear, left top, right top, from(#474d54), to(#474d54));
  background-image: -webkit-linear-gradient(left, #474d54, #474d54);
  background-image: -o-linear-gradient(left, #474d54, #474d54);
  background-image: linear-gradient(to right, #474d54, #474d54); }

/* Sizes */
.progressPercentageSize1 {
  line-height: 20px; }

.progressPercentageSize1 .progressBar,
.progressPercentageSize1 .progressBarWidth {
  background-size: 100% 20px;
  height: 20px; }

.progressPercentageSize1 .progressBarTitle {
  font-weight: bold; }

@media (max-width: 767px) {
  .progressPercentage {
    line-height: 20px; }
  .progressPercentage .progressBar,
  .progressPercentage .progressBarWidth {
    background-size: 100% 6px;
    height: 6px; } }

@-webkit-keyframes slideIn {
  0%,
  20% {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0); }
  96% {
    padding-right: .68966%;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes slideIn {
  0%,
  20% {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0); }
  96% {
    padding-right: .68966%;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@media print {
  .progressBar {
    background: #fff !important;
    border: 1px solid #dedede !important; }
  .progressBarWidth {
    border-top: 12px solid #000 !important;
    height: 0 !important; }
  .progressPercentageSize1 .progressBarWidth {
    border-top-width: 20px !important; }
  .progressStep,
  .progressTitle {
    background-image: none !important;
    border-top: 12px solid #474d54 !important; }
  .progressStep::after {
    display: none; }
  .progressStepCurrent ~ .progressStep {
    background-image: none !important;
    border-top: 12px solid #dedede !important; }
  .progressStepCurrent {
    border-top: 12px solid #000 !important; } }
/****************************************
	z-index
*****************************************/
.storyline {
  padding-left: 100px; }

.storylineList {
  padding-left: 58px; }

/* sections */
.storylineSection {
  position: relative; }

.storylineSection + .storylineSection {
  margin-top: 10px; }

/* bullets */
.storylineBullet {
  background-color: #584d70;
  border-radius: 50%;
  cursor: default;
  height: 70px;
  left: -95px;
  position: absolute;
  top: -10px;
  width: 70px;
  z-index: 2; }

.storylineList .storylineBullet {
  height: 6px;
  left: -16px;
  top: 22px;
  width: 6px; }

.storylineColor1 .storylineBullet,
.storylineColor1 .storylineHasTrail::after {
  background-color: #6ba410; }

.storylineColor2 .storylineBullet,
.storylineColor2 .storylineHasTrail::after {
  background-color: #005c7d; }

.storylineColor3 .storylineBullet,
.storylineColor3 .storylineHasTrail::after {
  background-color: #474d54; }

.storylineColor4 .storylineBullet,
.storylineColor4 .storylineHasTrail::after {
  background-color: #bf5500; }

.storylineColor5 .storylineBullet,
.storylineColor5 .storylineHasTrail::after {
  background-color: #c14139; }

.storylineColor6 .storylineBullet,
.storylineColor6 .storylineHasTrail::after {
  background-color: #204c49; }

.storylineBullet.icon::before {
  color: #f5f5f5;
  font-size: 25px;
  height: 1em;
  left: 50%;
  line-height: 1em;
  margin: -.5em 0 0 -.5em;
  position: absolute;
  top: 50%;
  width: 1em; }

.storylineBullet.storylineBulletSize1.icon::before {
  font-size: 16px; }

.storylineList .storylineBullet.icon::before,
.storylineBullet.storylineBulletSize2.icon::before {
  display: none; }

.storylineBullet.storylineBulletSize1 {
  height: 40px;
  left: -80px;
  top: 5px;
  width: 40px; }

.storylineBullet.storylineBulletSize2 {
  height: 12px;
  left: -66px;
  top: 19px;
  width: 12px; }

/* dates */
.storylineBulletHasText {
  color: #fff;
  display: table;
  text-align: center;
  text-transform: uppercase; }

.storylineBulletHasText .storylineBulletText {
  display: table-cell;
  vertical-align: middle; }

.storylineBulletHasText .storylineBulletTitle {
  display: block;
  font-size: 19px;
  font-weight: bold;
  line-height: 1.2; }

.storylineBulletHasText .storylineBulletSubtitle {
  display: block;
  font-size: 12px;
  line-height: 1.1;
  margin: 0; }

.storylineBulletHasText .storylineBulletSubtitle + .storylineBulletTitle {
  margin-top: -2px; }

.storylineList .storylineBulletHasText p {
  color: #181a1c;
  font-weight: bold;
  margin-right: 9px;
  margin-top: 0;
  position: absolute;
  right: 100%;
  text-shadow: none;
  top: -8px; }

/* timelines */
.storylineHasTrail::after {
  background-color: #584d70;
  content: "";
  display: block;
  height: calc(100% + 10px);
  left: -62px;
  position: absolute;
  top: 25px;
  width: 4px;
  z-index: 1; }

.storylineList .storylineHasTrail::after {
  left: -14px;
  width: 2px;
  z-index: 2; }

/* responsive */
@media (max-width: 767px) {
  .storyline {
    padding-left: 50px; }
  .storylineBullet {
    height: 40px;
    top: 0;
    width: 40px; }
  .storylineBullet,
  .storylineBullet.storylineBulletSize1 {
    left: -50px;
    top: 0; }
  .storylineBullet.storylineBulletSize2 {
    left: -36px; }
  .storylineBullet.icon::before {
    font-size: 16px; }
  .storylineBulletHasText .storylineBulletSubtitle {
    display: none; }
  .storylineBulletHasText .storylineBulletTitle {
    font-size: 15px;
    font-weight: bold; }
  .storylineBulletHasText .storylineBulletSubtitle + .storylineBulletTitle {
    margin-top: 0; }
  .storylineHasTrail::after {
    left: -32px; } }

@media print {
  .storylineBulletHasText,
  .storylineBullet.icon::before {
    color: #000 !important; }
  .storylineSection {
    border-bottom: 1px solid #000 !important; }
  .storylineSection .con,
  .storylineSection .conSecond,
  .storylineSection .conThird {
    border: none !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    page-break-inside: avoid !important; }
  .storylineBullet {
    background: #fff !important;
    border: 1px solid #584d70 !important;
    top: 0 !important;
    z-index: 2 !important; }
  .storylineBullet.storylineBulletSize1 {
    top: 5px !important; }
  .storylineBullet.storylineBulletSize2 {
    top: 19px !important; }
  .storylineList .storylineBullet {
    top: 22px !important; }
  .storylineColor1 .storylineBullet {
    border: 1px solid #6ba410 !important; }
  .storylineColor2 .storylineBullet {
    border: 1px solid #005c7d !important; }
  .storylineColor3 .storylineBullet {
    border: 1px solid #474d54 !important; }
  .storylineColor4 .storylineBullet {
    border: 1px solid #bf5500 !important; }
  .storylineColor5 .storylineBullet {
    border: 1px solid #c14139 !important; }
  .storylineColor6 .storylineBullet {
    border: 1px solid #204c49 !important; }
  .storylineHasTrail::after {
    -webkit-box-shadow: inset 0 0 4px 4px #584d70 !important;
    box-shadow: inset 0 0 4px 4px #584d70 !important;
    z-index: 1 !important; }
  .storylineColor1 .storylineHasTrail::after {
    -webkit-box-shadow: inset 0 0 4px 4px #6ba410 !important;
    box-shadow: inset 0 0 4px 4px #6ba410 !important; }
  .storylineColor2 .storylineHasTrail::after {
    -webkit-box-shadow: inset 0 0 4px 4px #005c7d !important;
    box-shadow: inset 0 0 4px 4px #005c7d !important; }
  .storylineColor3 .storylineHasTrail::after {
    -webkit-box-shadow: inset 0 0 4px 4px #474d54 !important;
    box-shadow: inset 0 0 4px 4px #474d54 !important; }
  .storylineColor4 .storylineHasTrail::after {
    -webkit-box-shadow: inset 0 0 4px 4px #bf5500 !important;
    box-shadow: inset 0 0 4px 4px #bf5500 !important; }
  .storylineColor5 .storylineHasTrail::after {
    -webkit-box-shadow: inset 0 0 4px 4px #c14139 !important;
    box-shadow: inset 0 0 4px 4px #c14139 !important; }
  .storylineColor6 .storylineHasTrail::after {
    -webkit-box-shadow: inset 0 0 4px 4px #204c49 !important;
    box-shadow: inset 0 0 4px 4px #204c49 !important; } }
/****************************************
	z-index
*****************************************/
.tabs {
  font-size: 18px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  text-align: center;
  white-space: nowrap;
  word-break: normal;
  z-index: 2; }

.pageHeader .tabs {
  margin: 10px 5px 0; }

.tab {
  -webkit-appearance: none;
  background-color: transparent;
  border: 0;
  border-bottom: 3px solid transparent;
  color: rgba(24, 26, 28, 0.7);
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  line-height: 24px;
  margin-left: 5px;
  padding: 0 8px 3px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
  text-decoration: none;
  vertical-align: top; }

.tab > .badge {
  margin-left: 6px; }

.tab.active {
  border-bottom-color: #9cbe30;
  color: #181a1c;
  cursor: default; }

.tab:hover,
.tab:focus {
  color: #181a1c;
  text-decoration: none; }

.tab:first-child {
  margin-left: 0; }

.bgDark .tab {
  color: rgba(255, 255, 255, 0.7); }

.bgDark .tab.active {
  border-bottom-color: #b8d94c;
  color: #fff; }

.bgDark .tab:hover,
.bgDark .tab:focus {
  color: #fff; }

.tab:focus {
  outline-offset: -2px; }

.tab.iconAfter::after,
.tabContent:not(.active) {
  display: none; }

.tabContent ~ .tabContent {
  margin-top: 0; }

/* Zero out margin to allow for grids to be tabbed */
/****************************************
	Vertical tabs
*****************************************/
.tabsVertical:not(.tabs320):not(.tabs480) {
  white-space: normal;
  word-break: normal; }

.tabsVertical:not(.tabs320):not(.tabs480) .tab {
  border-bottom: 0;
  border-left: 3px solid transparent;
  margin-left: 0;
  padding: 5px 9px;
  text-align: left;
  width: 100%; }

.tabsVertical:not(.tabs320):not(.tabs480) .tab:not(:first-child) {
  margin-top: 9px; }

.tabsVertical:not(.tabs320):not(.tabs480) .tab.active {
  border-left-color: #9cbe30; }

.bgDark .tabsVertical:not(.tabs320):not(.tabs480) .tab.active {
  border-left-color: #b8d94c; }

@media (min-width: 768px) {
  .tabsVertical.tabs480 {
    white-space: normal;
    word-break: normal; }
  .tabsVertical.tabs480 .tab {
    border-bottom: 0;
    border-left: 3px solid transparent;
    margin-left: 0;
    padding: 5px 9px;
    text-align: left;
    width: 100%; }
  .tabsVertical.tabs480 .tab:not(:first-child) {
    margin-top: 9px; }
  .tabsVertical.tabs480 .tab.active {
    border-left-color: #9cbe30; } }

@media (min-width: 480px) {
  .tabsVertical.tabs320 {
    white-space: normal;
    word-break: normal; }
  .tabsVertical.tabs320 .tab {
    border-bottom: 0;
    border-left: 3px solid transparent;
    margin-left: 0;
    padding: 5px 9px;
    text-align: left;
    width: 100%; }
  .tabsVertical.tabs320 .tab:not(:first-child) {
    margin-top: 9px; }
  .tabsVertical.tabs320 .tab.active {
    border-left-color: #9cbe30; } }

/****************************************
	Tabs in a container and
	Right aligned tabs (only for containers)
*****************************************/
.tabsCon {
  padding-bottom: 10px;
  text-align: left;
  z-index: 1; }

.tabsRight {
  text-align: right; }

/****************************************
	Badges in tabs
*****************************************/
.tabBadge {
  margin-left: 4px; }

.tabsVertical .tabBadge {
  float: right;
  margin: 7px 0px -7px 8px; }

@media (max-width: 767px) {
  .tabsVertical.tabs480 .tabBadge {
    float: none;
    margin: 0 0 0 4px; } }

@media (max-width: 479px) {
  .tabsVertical.tabs320 .tabBadge {
    float: none;
    margin: 0 0 0 4px; } }

/****************************************
	Horizontally scrolling tabs
*****************************************/
.tabsScrollable {
  display: inline-block;
  height: 30px;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  width: calc(100% - 40px); }

.tabsScrollable.hasVerticalTabs {
  margin-bottom: 0; }

.tabsScrollable .tabs {
  padding-bottom: 30px; }

.pageHeader .tabsScrollable,
.pageHeader .tabsOverflowBtn {
  margin: 10px 0 -10px; }

.pageHeader .tabsScrollable .tabs {
  margin: 0; }

.tabsOverflowBtn {
  background: none;
  border: none;
  color: #777777;
  display: inline-block;
  font-size: 18px;
  line-height: 30px;
  opacity: 0;
  padding: 0;
  position: relative;
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s;
  vertical-align: top;
  width: 20px;
  z-index: 3; }

.tabsOverflowBtn:not(.tabsOverflowBtnVisible) {
  pointer-events: none; }

.tabsOverflowBtn.tabsOverflowBtnVisible {
  opacity: 1; }

.tabsOverflowBtn::before {
  z-index: 1; }

.bgDark .tabsOverflowBtn {
  color: #fff; }

.tabsOverflowLeft {
  -webkit-mask-image: -webkit-linear-gradient(left, transparent, black 20px); }

.tabsOverflowRight {
  -webkit-mask-image: -webkit-linear-gradient(right, transparent, black 20px); }

.tabsOverflowLeft.tabsOverflowRight {
  -webkit-mask-image: -webkit-linear-gradient(left, transparent, black 20px, black calc(100% - 20px), transparent 100%); }

@media print {
  .tab {
    border: 1px solid #000 !important;
    color: rgba(0, 0, 0, 0.5) !important; }
  .tab.active {
    background: #fff !important;
    border: 1px solid #000 !important;
    color: #000 !important; } }
/****************************************
	z-index
*****************************************/
.table {
  margin-top: 8px;
  width: 100%; }

.table:first-child {
  margin-top: 0; }

.table tbody th {
  color: #181a1c;
  text-align: right; }

.table thead th {
  border-bottom: 2px solid #777777;
  color: inherit;
  font-size: inherit;
  font-weight: bold;
  text-align: left;
  vertical-align: middle; }

.tableCellNumber.tableCellNumber {
  text-align: right; }

.tableHorizontal > tbody > tr > th {
  width: 38%; }

.table td {
  vertical-align: top;
  word-break: break-word; }

.table td,
.table th {
  padding: 2px 8px; }

.table > tbody > tr:not(:first-child),
.table.tableHorizontalRuled > tbody > tr:not(:first-child) {
  border-top: 1px solid #ececec; }

.table > tbody > tr:last-child {
  border-bottom: 1px solid #ececec; }

.table tfoot tr:first-child {
  border-top: 2px solid #777777; }

.table.tableHorizontal > tbody > tr {
  border: 0; }

.table:not(.tableHorizontal) > tbody > tr:hover {
  background-color: rgba(245, 245, 245, 0.5); }

.tableHorizontal td {
  padding-bottom: 3px;
  padding-top: 3px;
  vertical-align: top; }

.tableHorizontal th {
  font-size: 14px;
  line-height: 1.2;
  padding-top: 7px;
  vertical-align: top; }

.tableStriped > tbody > tr:nth-child(even) {
  background-color: rgba(245, 245, 245, 0.5); }

@media (max-width: 767px) {
  .table480 caption {
    display: block; }
  .table480,
  .table480 > tbody,
  .table480 > tbody > tr,
  .table480 > tbody > tr > td {
    display: block;
    width: 100%; }
  .table480 > tbody > tr {
    border: 1px solid #ececec;
    margin-top: 8px; }
  .table480 > tbody > tr:nth-child(even) {
    background-color: rgba(245, 245, 245, 0.5); }
  .table480 > tbody > tr:first-child {
    margin-top: 0; }
  .table480 > tbody > tr::before,
  .table480 > tbody > tr::after {
    content: '';
    display: table; }
  .table480 > tbody > tr::after {
    clear: both; }
  .table480 > thead,
  .table480 > tfoot {
    display: none; }
  .table480 .tableCellNumber.tableCellNumber {
    text-align: left; }
  .table480 > tbody > tr > td[data-label] {
    padding-left: 110px; }
  .table480 > tbody > tr > td[data-label]::after {
    clear: both;
    content: '';
    display: table; }
  .table480 > tbody > tr > td[data-label]::before {
    content: attr(data-label) ":";
    float: left;
    font-weight: bold;
    margin-left: -106px;
    width: 96px; }
  .table480 .tableHorizontal > tbody > tr > th {
    padding-left: 0;
    text-align: left; } }

@media (max-width: 479px) {
  .table320 caption {
    display: block; }
  .table320,
  .table320 > tbody,
  .table320 > tbody > tr,
  .table320 > tbody > tr > td {
    display: block;
    width: 100%; }
  .table320 > tbody > tr {
    border: 1px solid #ececec;
    margin-top: 8px; }
  .table320 > tbody > tr:nth-child(even) {
    background-color: rgba(245, 245, 245, 0.5); }
  .table320 > tbody > tr:first-child {
    margin-top: 0; }
  .table320 > tbody > tr::before,
  .table320 > tbody > tr::after {
    content: '';
    display: table; }
  .table320 > tbody > tr::after {
    clear: both; }
  .table320 > thead,
  .table320 > tfoot {
    display: none; }
  .table320 .tableCellNumber.tableCellNumber {
    text-align: left; }
  .table320 > tbody > tr > td[data-label] {
    padding-left: 110px; }
  .table320 > tbody > tr > td[data-label]::after {
    clear: both;
    content: '';
    display: table; }
  .table320 > tbody > tr > td[data-label]::before {
    content: attr(data-label) ":";
    float: left;
    font-weight: bold;
    margin-left: -106px;
    width: 96px; }
  .table320 .tableHorizontal > tbody > tr > th {
    padding-left: 0;
    text-align: left; } }
/****************************************
	z-index
*****************************************/
.carousel {
  overflow: hidden;
  position: relative;
  z-index: 1; }

.carousel.loading > ul,
.carousel.loading .carouselInner {
  left: 100%;
  min-height: 32px;
  opacity: 0; }

.carousel.loading > ul > li {
  display: inline-block; }

.carouselInner {
  font-size: 0;
  position: relative;
  white-space: nowrap;
  word-wrap: normal; }

/* font-size:0; to get rid of extra white-space from inline-block and add nowrap */
/* Make carousel flush to edges (only use inside of .con) */
.con .carouselFlushed {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px; }

@media (max-width: 767px) {
  .con .carouselFlushed {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px; } }

/* Full width carousel */
.carouselFullWidth .carouselSlide {
  width: 100%; }

.carouselArrowsOutside .carouselSlide {
  padding-left: 56px;
  padding-right: 56px; }

/* Varied height carousel */
.carouselVariedHeight .carouselSlide {
  vertical-align: top; }

/* Carousel with preview */
.carouselWithPreview {
  padding-left: 64px;
  padding-right: 64px; }

.carouselWithPreview .carouselSlide {
  margin: 0 1.5%; }

.carouselWithPreview .carouselSlide:first-child {
  margin-left: 0; }

.carouselWithPreview .carouselSlide:last-child {
  margin-right: 0; }

/* Carousel content helper classes */
.carouselCentered {
  text-align: center; }

.carouselPadded .carouselSlide {
  margin-left: 10px;
  margin-right: 10px; }

.carouselPadded .carouselSlide:first-child {
  margin-left: 0; }

.carouselPadded .carouselSlide:last-child {
  margin-right: 0; }

.carouselOverlay {
  background-color: rgba(0, 0, 0, 0.7);
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  left: 0;
  line-height: 1.3;
  margin: 0;
  padding: 8px;
  position: absolute;
  right: 0;
  text-align: left;
  text-shadow: 0 0 8px #000;
  z-index: 1; }

.carouselOverlay a {
  color: #fff;
  text-decoration: underline; }

.carouselOverlay a:hover,
.carouselOverlay a:focus {
  color: #f5f5f5; }

.carouselSlide {
  display: inline-block;
  font-size: 13px;
  min-height: 40px;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  vertical-align: middle;
  white-space: normal; }

/* translateZ(0) forces the browser to create a new layer and use GPU rendering. touch events don't register for certain carousels on iOS without the new layer. */
.carouselSlide img {
  max-width: 100%; }

.carouselSlide > a {
  display: block;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

.carouselSlide.photo,
.carouselSlide > .photo {
  margin-bottom: 3px;
  margin-top: 3px; }

.carouselSlide > .photo + .carouselOverlay {
  border-radius: 0 0 3px 3px;
  bottom: 3px; }

/* Carousel controls */
.carouselControlsDefault {
  text-align: center; }

.carouselControlsDefault button.ancBtn.sml {
  margin-bottom: 6px;
  margin-top: 6px; }

.carouselPreviousBtn,
.carouselNextBtn {
  background-color: rgba(0, 0, 0, 0.3);
  border: 0;
  border-radius: 100%;
  color: #f5f5f5;
  display: inline-block;
  font-size: 20px;
  font-weight: normal;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  -webkit-transition: background .2s;
  -o-transition: background .2s;
  transition: background .2s;
  width: 40px;
  z-index: 5; }

/* Previous & Next Btn Styles */
.carouselNextBtn.disabled {
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: none;
  box-shadow: none; }

.carouselNextBtn.disabled:active {
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: none;
  box-shadow: none; }

.carouselNextBtn.disabled::before {
  color: rgba(255, 255, 255, 0.8);
  top: .125em; }

.carouselNextBtn:active {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 1px 1px 12px rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 1px 12px rgba(0, 0, 0, 0.5); }

.carouselNextBtn:active::before {
  color: rgba(255, 255, 255, 0.8);
  top: .125em; }

.carouselNextBtn:hover:not(.disabled) {
  background-color: rgba(0, 0, 0, 0.6); }

.carouselNextBtn::before {
  margin-right: 0; }

.carouselPreviousBtn {
  left: 8px; }

.carouselPreviousBtn.iconArrowLeft::before {
  left: -2px; }

.carouselNextBtn {
  right: 8px; }

.carouselNextBtn.iconArrowRight::before {
  right: -1px; }

/* Pagination */
.carouselPagination button {
  margin-left: 4px;
  margin-right: 4px; }

.carouselPagination button.carouselPreviousBtn,
.carouselPagination button.carouselNextBtn {
  margin-left: 0;
  margin-right: 0; }

.carouselPaginationDots button.ancBtn.sml {
  border-radius: 100%;
  height: 16px;
  min-height: 0;
  min-width: 0;
  padding: 0;
  width: 16px; }

.carouselPausePlayBtn {
  margin-left: 4px;
  margin-right: 4px; }

.carouselPausePlayBtn::before {
  margin-right: 0; }

@media print {
  .carouselGoToSlideBtn,
  .carouselNextBtn,
  .carouselPreviousBtn {
    display: none !important; } }
/****************************************
	z-index
*****************************************/
.paging {
  min-height: 30px;
  text-align: center; }

.pagingRight {
  text-align: right; }

.pagingNum {
  padding-left: 8px; }

.pagingMeta.pagingMeta.pagingMeta {
  display: inline-block;
  margin-right: 8px;
  position: relative; }

/* Overqualified selector due to form.css */
.paging .pagingMeta {
  top: 2px; }

select.pagingSelect,
select.pagingPer {
  width: auto; }

/* Overqualified selector due to form.css */
.paging input {
  margin: 0 4px;
  padding: 4px 1px;
  text-align: center;
  width: 30px; }

select.pagingSelect {
  margin: 0 4px; }

@media print {
  select.pagingSelect,
  .paging input {
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .pagingNext,
  .pagingPrevious,
  .pagingPer,
  .pagingPer + .pagingMeta {
    display: none !important; } }
/****************************************
	z-index
*****************************************/
.page,
.pageTitle,
.pageIntro,
.pageHeaderCenter {
  max-width: 100%; }

.page {
  margin: 0 auto;
  width: 990px; }

.pageWidth1 {
  width: 1200px; }

.pageWidth2 {
  width: 100%; }

.pageWidth3 {
  width: 600px; }

.pageHeader::after {
  clear: both;
  content: '';
  display: table; }

/* Legacy Fixes */
.pageHeader + .ancGridPadded {
  padding-top: 0; }

/* Page actions and breadcrumbs */
.pageCrumbs {
  line-height: 30px;
  padding-bottom: 5px;
  text-align: left; }

.pageCrumbs .ancBtn {
  vertical-align: top; }

span.pageCrumb {
  color: rgba(169, 169, 169, 0.6); }

.pageCrumbs a {
  -webkit-transition: color .2s;
  -o-transition: color .2s;
  transition: color .2s; }

.pageCrumbs a:not(:last-child):not(:hover) {
  color: #5e6770; }

.pageCrumbs .pageCrumb:first-child {
  margin-left: -10px; }

.pageCrumb {
  display: inline-block;
  padding: 0 10px; }

.pageCrumb:last-child {
  color: inherit;
  font-weight: bold; }

.pageCrumb.iconArrowRight {
  margin: 0 -.55em 0 -.45em;
  padding-left: 0;
  padding-right: 0; }

.pageActions {
  padding-bottom: 5px;
  text-align: right; }

.pageActions::after {
  clear: both;
  content: '';
  display: table; }

.pageActions .pageCrumbs {
  float: left;
  padding: 0; }

.pageActions > a,
.pageActions > button {
  margin-left: 5px; }

/* Page title, intro text, and secondary nav */
.pageHeader {
  padding: 10px; }

.pageHeaderCenter,
.pageIntro,
.pageTitle {
  margin: 0 auto;
  text-align: center;
  width: 990px; }

.pageTitle {
  font-size: 36px;
  font-weight: bold;
  line-height: 1;
  padding: 5px 0;
  position: relative; }

.pageTitle:last-child {
  padding-bottom: 40px; }

.pageTitle:only-child {
  padding: 20px 0; }

.pageTitle a {
  color: inherit;
  text-decoration: none; }

.pageIntro {
  font-size: 20px; }

.pageNav {
  text-align: center; }

.pageNav a,
.pageNav button {
  display: inline-block;
  margin: 5px; }

@media (max-width: 767px) {
  .pageTitle:last-child {
    padding-bottom: 0; }
  .pageTitle:only-child {
    padding: 10px 0; }
  .pageCrumb {
    display: none; }
  .pageTitle.pageTitle {
    font-size: 30px; }
  .pageIntro,
  .pageNav {
    font-size: 17px; }
  .pageActionsCenter480 {
    text-align: center; } }

/* Slim headers */
.pageHeaderSlim .pageTitle {
  font-size: 24px;
  line-height: 30px;
  max-width: calc(100% - 360px);
  width: 660px;
  padding: 0; }

.pageHeaderSlim .pageTitle:only-child {
  padding: 0; }

.pageHeaderSlim .pageIntro {
  font-size: 18px; }

.pageHeaderSlim .pageActions {
  margin-bottom: -30px;
  padding-bottom: 0; }

.pageHeaderSlim .pageCrumbs {
  width: 0;
  white-space: nowrap; }

.pageHeaderSlim .tabs {
  margin-top: 5px; }

@media (max-width: 767px) {
  .pageHeaderSlim .pageActionsCenter480 {
    margin-bottom: 5px; } }

/* Print button */
.pagePrint {
  background-color: #fff;
  -webkit-box-shadow: 0 0 8px #fff;
  box-shadow: 0 0 8px #fff;
  color: #181a1c;
  padding: 4px 6px;
  position: absolute;
  right: 5px;
  top: 6px;
  z-index: 2; }

.pagePrint:hover::before {
  color: #6ba410; }

.pagePrint ~ .pageTitle,
.pagePrint ~ .pageNav {
  padding-right: 25px; }

/* Ability for full-width pages to have padding without the grid */
.pagePadded {
  padding: 20px; }

.pagePadded .pageHeader {
  margin: -20px -20px 20px; }

.pageHeader:not([class*="bgColor"]) + .page > .ancGridPadded:first-child,
.pageHeader:not([class*="bgColor"]) + .pagePadded {
  padding-top: 0; }

@media (max-width: 1005px) {
  .page {
    border-left: 0;
    border-radius: 0;
    border-right: 0;
    border-top: 0; } }

@media (max-width: 767px) {
  .pagePrint {
    display: none; }
  .pagePrint ~ .pageTitle,
  .pagePrint ~ .pageNav {
    padding-right: 0; }
  .pagePadded {
    padding: 10px; }
  .pagePadded .pageHeader {
    margin: -10px -10px 10px; }
  .pageHeaderSlim .pageTitle {
    max-width: calc(100% - 70px); } }

/* Dark Version */
.bgDark .pageTitle,
.bgDark .pageNav a,
.bgDark .pageNav .link,
.bgDark .pageCrumbs a:not(:last-child),
.bgDark .pageCrumbs a:only-child {
  color: inherit; }

.bgDark span.pageCrumb {
  color: rgba(255, 255, 255, 0.6); }

/* Deprecated Header Pieces */
.pageHeaderImage,
.pagePrint {
  display: none; }

.pageHeaderImage:first-child + .pageTitle {
  padding-top: 10px; }

@media print {
  .pageActions,
  .pageCrumbs {
    display: none !important; }
  .pageHeader {
    background: #fff !important;
    color: #000 !important;
    text-shadow: none !important; }
  .pageNav a {
    border: 1px solid #a9a9a9 !important;
    border-radius: 3px !important;
    padding: 0 5px 2px !important; } }

.pageError {
  background: #fff;
  margin-bottom: 20px;
  padding: 70px 20px; }

.pageErrorHeader {
  text-align: center; }

.pageError .pageTitle {
  font-size: 30px; }

.pageError .pageTitle::first-line {
  font-size: 30px; }

.pageErrorCon {
  background: url("https://www.ancestrycdn.com/ui-static/i/templates/1/template-error.jpg") no-repeat 100% 34px;
  margin: 0 auto;
  max-width: 100%;
  min-height: 256px;
  padding: 50px 300px 0 0;
  width: 600px; }

.pageErrorCon > p {
  font-size: 16px; }

.pageErrorCon > ul {
  margin-top: 8px; }

.pageErrorCon li {
  padding-top: 8px; }

@media (max-width: 582px) {
  .pageError {
    padding: 50px 12px 20px; }
  .pageErrorCon {
    background: none;
    padding-right: 0;
    width: auto; } }
/****************************************
	z-index
*****************************************/
.userCard {
  color: inherit;
  display: block;
  line-height: 50px;
  margin-top: 10px;
  max-width: 100%;
  min-height: 50px;
  padding-left: 60px;
  position: relative;
  text-align: left;
  word-wrap: break-word;
  z-index: 1; }

.userCard:first-child {
  margin-top: 0; }

a.userCard:hover {
  text-decoration: none; }

.userCardContent {
  display: inline-block;
  line-height: 1.3;
  margin-top: -.25em;
  vertical-align: middle;
  width: 100%; }

/* margin-top is for line-height issues */
.userCardContent:only-child {
  display: block;
  margin-top: 0; }

.userCardInfo {
  color: #5e6770;
  font-size: 14px;
  margin-top: 4px; }

.userCardInfo a,
.userCardInfo .link,
.userCardInfo small {
  color: inherit;
  font-size: inherit;
  margin-right: 12px; }

.userCardName {
  font-weight: bold; }

a.userCardName:not(:hover),
.link.userCardName:not(:hover) {
  text-decoration: none; }

.userCardEvent {
  display: inline-block;
  font-weight: bold;
  margin-right: 5px;
  min-width: 48px;
  text-transform: uppercase; }

/* Images */
.userCardImg {
  border-radius: 50%;
  display: block;
  font-size: 20px;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  margin: 0 0 -50px -60px;
  overflow: hidden;
  text-align: center;
  text-shadow: none;
  white-space: nowrap;
  width: 50px; }

.userCardImg:not(.bgDark) {
  color: #181a1c; }

.userCardImg:not([class*="bgColor"]) {
  background-color: rgba(0, 0, 0, 0.15); }

.bgDark .userCardImg:not([class*="bgColor"]) {
  color: inherit; }

.userCardImg img {
  font-size: 14px;
  margin-left: 50%;
  margin-top: 50%;
  max-height: 100%;
  max-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  vertical-align: top; }

.userCardPortrait img {
  max-height: none; }

.userCardLandscape img {
  max-width: none; }

.userCardImgSquare {
  border-radius: 3px; }

.userCardImgCenter.userCardImgCenter {
  background-color: transparent;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover; }

/* If there is a background color set, in high contrast modes it will cover the image. */
.userCardImgCenter:not(.userCardLandscape):not(.userCardPortrait) img {
  position: relative;
  z-index: -1; }

/* Interactive Images */
a.userCardImg,
button.userCardImg {
  -webkit-transition: -webkit-box-shadow .2s;
  transition: -webkit-box-shadow .2s;
  -o-transition: box-shadow .2s;
  transition: box-shadow .2s;
  transition: box-shadow .2s, -webkit-box-shadow .2s; }

a.userCardImg:hover,
button.userCardImg:hover {
  -webkit-box-shadow: 0 0 0 3px #5e6770;
  box-shadow: 0 0 0 3px #5e6770;
  text-decoration: none; }

/* Icons */
.userCardImg.icon {
  border: 0; }

.userCardImg.icon::before {
  color: #a9a9a9;
  display: block;
  font-size: 34px;
  line-height: 50px;
  margin-right: 0;
  position: static; }

/* Color Variations */
@media not print {
  .bgDark.userCard,
  .bgDark .userCard,
  .bgDark .userCardContent,
  .bgDark .userCardName,
  .bgDark .userCardInfo {
    color: #f5f5f5; }
  .bgDark .userCardImg::before {
    color: #fff; } }

.userCardImg.iconFemale {
  background-color: #fcb7bd; }

.userCardImg.iconMale {
  background-color: #b1e2e2; }

/* Size - 120x120 */
.userCardSize1 {
  font-size: 18px;
  line-height: 120px;
  min-height: 120px;
  padding-left: 140px; }

.userCardSize1 .userCardTitle {
  font-size: 36px;
  line-height: 1; }

.userCardSize1 .userCardInfo {
  font-size: 16px; }

.userCardSize1 .userCardImgSquare {
  border-radius: 8px; }

.userCardSize1 .userCardImg {
  font-size: 48px;
  height: 120px;
  line-height: 120px;
  margin: 0 0 -120px -140px;
  width: 120px; }

.userCardSize1 .userCardImg.icon::before {
  font-size: 78px;
  line-height: 120px; }

.userCardSize1 .userCardImg.iconPerson::before,
.userCardSize1 .userCardImg.iconMale::before,
.userCardSize1 .userCardImg.iconFemale::before {
  font-size: 102px;
  line-height: 138px; }

/* Size - 80x80 : Relates to .userCardContentSize4 below */
.userCardSize4 {
  line-height: 80px;
  min-height: 80px;
  padding-left: 92px; }

.userCardSize4 .userCardTitle {
  font-size: 24px;
  line-height: 1.2; }

.userCardSize4 .userCardInfo {
  font-size: 14px; }

.userCardSize4 .userCardImgSquare {
  border-radius: 6px; }

.userCardSize4 .userCardImg {
  font-size: 30px;
  height: 80px;
  line-height: 80px;
  margin: 0 0 -80px -92px;
  width: 80px; }

.userCardSize4 .userCardImg.icon::before {
  font-size: 50px;
  line-height: 80px; }

.userCardSize4 .userCardImg.iconMale::before,
.userCardSize4 .userCardImg.iconFemale::before,
.userCardSize4 .userCardImg.iconPerson::before {
  font-size: 70px;
  line-height: 94px; }

/* Size - 60x60 */
.userCardSize3 {
  line-height: 60px;
  min-height: 60px;
  padding-left: 70px; }

.userCardSize3 .userCardImg {
  font-size: 28px;
  height: 60px;
  line-height: 60px;
  margin: 0 0 -60px -72px;
  width: 60px; }

.userCardSize3 .userCardImg.icon::before {
  font-size: 40px;
  line-height: 60px; }

.userCardSize3 .userCardImg.iconPerson::before,
.userCardSize3 .userCardImg.iconMale::before,
.userCardSize3 .userCardImg.iconFemale::before {
  font-size: 50px;
  line-height: 72px; }

/* Size - 50x50 (Default) : Relates to .userCardContentSizeDefault below */
.userCardTitle {
  font-size: 18px;
  font-weight: bold; }

.userCardImg.iconFemale::before {
  color: #f58888;
  font-size: 44px;
  line-height: 58px;
  text-indent: -.05em; }

.userCardImg.iconMale::before {
  color: #68c2c2;
  font-size: 44px;
  line-height: 58px;
  text-indent: -.05em; }

.userCardImg.iconPerson::before {
  font-size: 44px;
  line-height: 58px;
  text-indent: 1px; }

/* Size - 30x30 */
.userCardSize2 {
  font-size: 14px;
  line-height: 30px;
  min-height: 30px;
  padding-left: 40px; }

.userCardSize2 .userCardTitle {
  font-size: 16px; }

.userCardSize2 .userCardImg {
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  margin: 0 0 -30px -40px;
  width: 30px; }

.userCardSize2 .userCardImg.icon::before {
  font-size: 20px;
  line-height: 30px; }

.userCardSize2 .userCardImg.iconMale::before,
.userCardSize2 .userCardImg.iconFemale::before,
.userCardSize2 .userCardImg.iconPerson::before {
  font-size: 25px;
  line-height: 36px; }

/* Inline Version */
.userCardInline {
  display: inline-block; }

/* Facepile */
.userCardPile {
  line-height: 1.4;
  padding-left: 0; }

.userCardPile .userCardImg {
  display: inline-block;
  margin: 0 3px 3px 0;
  vertical-align: top; }

/* Stacked Versions */
.userCardStacked {
  padding-left: 0;
  text-align: center; }

.userCardStacked .userCardContent {
  display: block;
  margin-top: 10px; }

.userCardStacked .userCardEvents {
  display: inline-block;
  text-align: left; }

.userCardStacked .userCardImg {
  margin: 0 auto; }

.userCardStacked .userCardInfo a,
.userCardStacked .userCardInfo .link,
.userCardStacked .userCardInfo small {
  margin-left: 6px;
  margin-right: 6px; }

@media (max-width: 767px) {
  .userCardStacked480 {
    padding-left: 0;
    text-align: center; }
  .userCardStacked480 .userCardContent {
    display: block;
    margin-top: 10px; }
  .userCardStacked480 .userCardEvents {
    display: inline-block;
    text-align: center; }
  .userCardStacked480 .userCardEventDetail {
    display: inline; }
  .userCardStacked480 .userCardImg {
    margin: 0 auto; }
  .userCardStacked480 .userCardInfo a,
  .userCardStacked480 .userCardInfo .link,
  .userCardStacked480 .userCardInfo small {
    margin-left: 6px;
    margin-right: 6px; }
  .userCardSize1 .userCardTitle {
    font-size: 30px;
    line-height: 1; } }

@media (max-width: 479px) {
  .userCardStacked320 {
    padding-left: 0;
    text-align: center; }
  .userCardStacked320 .userCardContent {
    display: block;
    margin-top: 10px; }
  .userCardStacked320 .userCardEvents {
    display: inline-block;
    text-align: center; }
  .userCardStacked320 .userCardEventDetail {
    display: inline; }
  .userCardStacked320 .userCardImg {
    margin: 0 auto; }
  .userCardStacked320 .userCardInfo a,
  .userCardStacked320 .userCardInfo .link,
  .userCardStacked320 .userCardInfo small {
    margin-left: 6px;
    margin-right: 6px; } }

/* Card Content Sizes */
.userCardContentSize4 .userCardTitle {
  font-size: 24px;
  font-weight: normal;
  line-height: 1; }

.userCardContentSize4 .userCardInfo {
  font-size: 16px; }

.userCardContentSizeDefault {
  font-size: 16px; }

.userCardContentSizeDefault .userCardTitle {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.35; }

.userCardContentSizeDefault .userCardInfo {
  font-size: 14px; }

/* No Image Variation */
.userCardNoImage {
  min-height: 0;
  padding-left: 0; }

@media print {
  .userCardImg:not(.bgDark) {
    color: inherit; }
  .userCard {
    page-break-inside: avoid !important; }
  .userCardImgCenter:not(.userCardLandscape):not(.userCardPortrait) img {
    z-index: 1 !important; }
  .userCardImg {
    background: #fff !important;
    border: 1px solid #5e6770 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; } }