*//* CSS for PMC static pages version 1.0.0*/

#maincontent div{
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#naming-artd-table, #zip-naming-table{
    margin: 0px auto;
    padding: 1em;
    min-width: 100%;
}

#maincontent ul li{
    margin: 0 0 .69em 0;
}

h4 { color: #666666; 
}


p {
    clear:both;
}
p a img {
  float: left;
  clear: both;
  margin: 1em;
  border: 0; }
.example {
  text-align: left;
  border: none;
  background-color: #cbdff2;
  width: 64%;
  max-width: 100%;
  margin: 1em;
  padding: 1em;
  word-wrap: break-word;
  /* min-width: 450px;*/ }
.example.wide { 
  width: 100%; 
  margin: 0em 0em 1em 0em;
}
div.example h1, 
div.example h2, 
div.example h3, 
div.example h4 {
    margin-top: 0.5em;
} 
div.note h1, 
div.note h2, 
div.note h3, 
div.note h4 {
    margin-top: 0.5em;
} 
div.boxed-text h1, 
div.boxed-text h2, 
div.boxed-text h3, 
div.boxed-text h4 {
    margin-top: 0.5em;
} 
div.boxed-text {
  border: 1px solid black;
  background-color: #F1F1F1;
  padding: .5em 1em 0em 1em;
  margin: 0em 0em 1em 0em;
  /*min-width: 650px; */
  width: fit-content;
  word-wrap: break-word; }
.note, .terms {
  background-color: #FBF5DF;
  padding: .5em 1em 0em 1em;
  margin: 1em;
  border: 1px solid #CC8855;
  /* min-width: 550px; */
  word-wrap: break-word;}
div.terms ul, ul.naming-expl, #typ-descr-list{
  list-style: none;
  margin: .25em; }
div.terms ul li{
  color: #664110;
  margin: 0 0 .25em 0; }
div.terms ul li b { font-size: 110%; }
div.naming-example {
  border: 1px solid white;
  background-color: #A0C0E0;
  padding: 1em .3em .3em .3em;
  /*min-width: 650px;*/
  box-shadow: h-shadow v-shadow blur spread color inset;
    -moz-box-shadow: 6px 6px 10px #ADBBBC; 
    -webkit-box-shadow: 6px 6px 10px #ADBBBC;
    box-shadow: 6px 6px 10px #ADBBBC; }
.naming-text-icon {
  font-size: larger;
  /*min-width: 144px; */
  text-align:center; }
.naming-text {
  font-size: larger;
  /*min-width: 144px;*/ }
.more-details{ font-size: 10px; }
.simple-table2{
      margin:auto; 
      text-align: center;
}
div.tight-list li {
  line-height:1.2;
  margin-bottom:.2em;
  margin-left:2em;
}

/* pubinfo.html */
img.step_bubble {
  border: medium none;
  float: left;
  margin: 1em 1em 2em 0; }
#fig-example-table tr td {
  padding: 1em;
  vertical-align: top;
  width: 100%; }
#public-access-examples table {
  margin: 0 0 0 6em;
   width: 50%; }
#public-access-examples table tr td {
  padding: 1em;
  margin: 0px auto;
  text-align: center; }
#naming-artd-table tr td,
#zip-naming-table tr td { padding: .5em 1em .5em 1em; }
#public-access-examples table tr td a { border: none; }
#pubinfo-app-proc div.boxed-text{ background-color: white; }

/* The about pubreader page */
.about-pubreader sup { 
  font-size: 50%; 
  top:-.9em }

/* Supported browsers table - styles copied from 
   https://tl710m5rv5.proxynodejs.usequeue.com/guide/browsers */
table#browsers {
  margin-top:2em; 
  border-spacing:0; 
  color:#14376C;
  border-top: 2px solid #D4DFe9; 
  border-bottom: 2px solid #D4DFe9; 
  padding-bottom:.5em;
  min-width: inherit; }
table#browsers th {
  text-align:left; 
  padding:1em 3em 0 0; 
  border-bottom:1px dotted #ccc; }
table#browsers thead th {
  text-align:center;
  padding:1em 3em 0 3em; 
  margin:0; 
  border-left:1px solid #D4DFe9; 
  border-bottom:1px solid #D4DFe9; 
  background-color:#F6F6F6; }
table#browsers thead th.noborder {
  border-bottom:1px solid #D4DFe9; 
  border-left:none; 
  background:none; }
table#browsers tr {
  padding:1em 3em .1em 3em; 
  vertical-align:middle; 
  line-height:1.3em; }
table#browsers td {
  text-align:center; 
  padding:1em 3em .1em 3em; 
  border-bottom:1px dotted #ccc; }
table#browsers a { 
  color:#14376C; 
  display:block; 
  padding:0; }
table#browsers a:hover {
  color:#14376C; 
  text-decoration:none; }
table#browsers td a sub { margin-left:.4em; }
table#browsers img { border:none; }
table#browsers thead th.highlight_col, td.highlight_col { background-color:#EAF0F4; }

ul.legend {
  list-style:none; 
  padding:0; 
  *margin-left:0; } 
ul.legend ul { list-style:none; }
.legend li { padding:.3em; }
.legend img { padding-right:.5em; }
#maincontent div.pr-browsers ul.legend li { margin: 0; }

div.pr-about-container {
  position: relative;
  height: 950px; }
div.pr-about-block {
  position: absolute;
  /*width: inherit;*/ }
.pr-about-container img { width: 100%; }

/* For developer pages */
#maincontent { font: 300 1.3em/1.5 "Times New Roman", serif; }
#maincontent h1, #maincontent h2, #maincontent h3 { font-family: "Helvetica Neue", Helvetica, Arial; }
#maincontent h1 { font-weight: 500; }
#maincontent h2 { font-weight: 400; }

/* PMC-25414 */
#maincontent strong { font-weight: bold; }

.devs blockquote {
  margin: 1.3846em 1em;
  max-width: 800px;
  background-color: #EEE;
  padding: .05em 1em;
  border-radius: 10px;
  border: 1px solid #985735; }
.col2 { padding: 0 1em; }
.grid1 {
    background: white;
    /*padding:0em;*/
    /*min-width: 800px;*/
    max-width: 1200px;
    /*width: 98%;*/
    clear: both;
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
  }
  .on-this-page1 {
    float:right;
    /*width:25%;*/
    margin:0 0 0 0;
    overflow:hidden;
  }
  .on-this-page1 ul {
    list-style: none;
    margin:0 0 1em;
    padding:0;
    font-weight: bold;
  }
  .on-this-page1 ul li{
    margin: 0 0 .2em 0;
    }
  .on-this-page1 ul ul {
    font-weight:normal;
    margin-left: 0em;
  }
  .on-this-page1 ul ul li {
    margin-bottom: 0.3em;
  }
  .sidebar{
      float:right;
      border-bottom:none;
      border-left:none;
      border-right:none;
      background-color:#f0f0f0;
      margin-top:1em;
      table-layout: fixed;
      width: 250px;
  }
  .menu {
      border-bottom:none;
      border-left:none;
      border-right:none;
      padding: 10px 0 10px 0;
  }
  
/* PMC-41292 */   
  
.related {
    color: #fff;
    background: #00a6d2;
    display: inline;
    font-size: medium;
    font-weight: 500;
    letter-spacing: 0.025em;
    padding: 5px 82px 5px 10px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    z-index: 9;
}
.span-discover {
    color: #fff;
    background: #981b1e;
    display: inline;
    font-size: medium;
    font-weight: 500;
    letter-spacing: 0.025em;
    padding: 5px 65px 5px 10px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    z-index: 9;
}
  .span-resources {
    color: #fff;
    background: #0071bc;
    display: inline;
    font-size: medium;
    font-weight: 500;
    letter-spacing: 0.025em;
    padding: 5px 16px 5px 10px;
    font-family: 'Merriweather', serif;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    z-index: 9;
}
  .toc {
    color: #fff;
    background: #0071bc;
    display: inline;
    font-size: medium;
    font-weight: 500;
    letter-spacing: 0.025em;
    padding: 5px 40px 5px 10px;
    font-family: 'Merriweather', serif;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    z-index: 9;
}
   .box-primary-alt-lightest {
     background: #e1f3f8;
     margin: 2em 0;
     overflow: hidden;
     padding: 1em 2em 1em 2em;  
}
   .box-gray-cool-lght {
     background: #dce4ef;
     margin: 2em 0;
     overflow: hidden;
     padding: .5em 1em .5em;  
}  
  .box-gray-cool-lght-headr {
    font: normal 1em "Helvetica Neue", Helvetica, Arial;
    color: #112e51;
    margin: .75em 0 .5em;
    }
    
    .no-style{
        list-style: none; 
        padding: 5px 5px 0px 15px;
    }
    
    img.nihpp {
    width:100%;
    max-width:600px;
    height:auto;
    display:block;
    margin-left:auto;
    margin-right:auto; 
    padding: 5px 0px;
}

img.bar{
    width: 100%; 
    max-width: 500px;
    max-height: 22px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
  .box {
    font: normal 1.25em "Times New Roman", serif;
    color: #336799;
    margin: .75em 0 .5em;
    }
  .content1 {
    overflow:hidden;
    padding: 0 2em 0 0; }

.align-right { float:right; }
.half-width {
  width:46%;
  float:left;
  margin-right:2%; }
.half-width.last {
  margin:0;
  float:right;
  clear:right; }    
.half-width img { width:100%; }
.third-width {
  width:23%;
  float:left; }
.third-width.center {
  margin: 0 2%;
  width:50%;
  float:left; }
.yellow-callout-right {
  background: #DAE451 url(https://kbhmx4nyuq.proxynodejs.usequeue.com/pmc/cms/images/info.svg) no-repeat;
  background-position: 96% 50%;
  background-size: 10%;
  text-align:right;
  float:right;
  padding:10px 40px 10px 15px;
  position:relative; }
.blue-back {
  background: #e1f3f8;
  margin: 2em 0;
  overflow: hidden;
  padding: 1em 1em 2em; }
.blue-back p.first-of-type {
  margin-top: 1.5em; }
.application-process { position: relative; }
#maincontent .application-process ul.app-steps {
  background:#f2f2f2;
  list-style: none;
  overflow: hidden;
  padding:0;
  width:100%;
  margin-bottom: 3em;}
#maincontent .application-process ul.app-steps li {
  display:inline-block;
  background: transparent url(https://kbhmx4nyuq.proxynodejs.usequeue.com/pmc/cms/images/chevron-right.svg) no-repeat;
  background-position: 100% 50%;
  background-size: 17px;
  width:19%;
  /* margin-bottom:0; */ }
#maincontent .application-process ul.app-steps li:nth-child(3) { width: 22%; }
#maincontent .application-process ul.app-steps li:last-child { background-image: none; }
#maincontent .application-process ul.app-steps li a {
  text-decoration:none;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: inline-block;
  padding: 1em; }
#maincontent #app-process .application-process h2 {
    font-weight: 600
}
.application-process h3 {
  font: normal 2em "Times New Roman", serif;
  color:#336799;
  margin-bottom:.75em;
  margin-top:0.5em;}
.application-process h3:first-letter {
  float: left;
  font-size: 2.1em;
  font-weight: bold;
  line-height: 40px;
  padding: 4px 8px 0 3px;
  display:inline-block;
  margin-top:-8px; }
.application-process h4 {
  font: 1.23em/1.125 "Helvetica Neue", Helvetica, Arial;
  color: #985735; 
  margin: 1.125em 0 .5625em; }
.application-process ul.checked { list-style-type: none; }
.application-process ul.checked li {
  background: url(https://kbhmx4nyuq.proxynodejs.usequeue.com/pmc/cms/images/checked-box.svg) no-repeat left top;
  background-size: 25px;
  padding-left:30px; }
.application-process .blue-box, .application-process .green-box  {
  border-radius:5px;
  padding:1em 2em;
  background: #336799 url(https://kbhmx4nyuq.proxynodejs.usequeue.com/pmc/cms/images/stars.svg) no-repeat top right;
  background-size:contain;
  color:#fff;
  font: 1.3em "Helvetica Neue", Helvetica, Arial; }
.application-process .green-box {
  background-color:#a6d5ac;
  padding:0.5em;
  color:#212121;
}  
.application-process button {
  background-color: #ffffff;
  border: 2px solid #0071bc;
  padding: 10px;
  color: #0071bc;
  font-weight: bold;
  border-radius: 5px;
  font-size: 0.8em;
  box-shadow: 1px 1px 10px #000;
  margin: 1em auto;
  display: block; }
.application-process .blue-box h5 {
  color:#fff;
  font: bold 1.2em "Times New Roman";
  margin-bottom:0.5em; }
.application-process .blue-box a {color:#fff;}
.application-process .icon-text-4, .application-process .icon-text-5 {
  float:left;
  width:20%;
  text-align:center;
  font-size:0.9em;
  margin: 0 1%; }
.application-process .icon-text-4  img {
  width: 60%;
  display: block;
  margin: 0 auto 10px auto; }
.application-process .icon-text-5 { width:18%; }
.application-process .icon-text-5.error { 
  width: 29%;
  text-align: right;
  margin: 1.5em 0.5em 1em 43%;}
.application-process .article-types img {
    float: left;
    width: 15%;
    vertical-align: middle;
    margin: 0 10px 10px 60px;
    display: inline-block; }
.application-process ul.pre-production li { 
  list-style-type: none;
  background: url(https://kbhmx4nyuq.proxynodejs.usequeue.com/pmc/cms/images/agreement.svg) no-repeat left top;
  background-size: 60px;
  padding-left:70px; 
  padding-bottom:30px; 
  min-height:40px;}
.application-process ul.pre-production li.agreement.svg {
  background-image: url(https://kbhmx4nyuq.proxynodejs.usequeue.com/pmc/cms/images/agreement.svg); }
.application-process ul.pre-production li.package {
  background-image: url(https://kbhmx4nyuq.proxynodejs.usequeue.com/pmc/cms/images/package.svg); }
.application-process ul.pre-production li.banner {
  background-image: url(https://kbhmx4nyuq.proxynodejs.usequeue.com/pmc/cms/images/banner.svg); }
.application-process p.portal {
    align-content: center
}
#callout1 {
    background-color: #1c2e4f;
    color: #FFFFFF;
    font-family: sans-serif;
    font-size: 1.8em;
    border-radius: 25px;
    padding: 0.2em 0.5em 0.2em 0.5em;
    text-align: center
}
#callout2 {
    background-color: #1a3fa7;
    color: #FFFFFF;
    font-family: sans-serif;
    font-size: 1.8em;
    border-radius: 25px;
    padding: 0.2em 0.5em 0.2em 0.5em;
    text-align: center
}
#callout3 {
    background-color: #4f617d;
    color: #FFFFFF;
    font-family: sans-serif;
    font-size: 1.8em;
    border-radius: 25px;
    padding: 0.2em 0.5em 0.2em 0.5em;
    text-align: center
}
.articlenumber {
    /* color: yellow; */
    font-weight: 400;
    font-size: 2.5em;
}


.myButton {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color:#ffffff;
	border-radius:6px;
	border:1px solid #3e6ee6;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton:visited {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color:#ffffff;
	border-radius:6px;
	border:1px solid #3e6ee6;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color:#f6f6f6;
    color:#666666
}
.myButton:active {
	position:relative;
	top:1px;
    color:#666666
}

p#c19p1 {
    clear: none;
    font-size: .75em;
    line-height: 1.5em;
    color: #767676; 
}

p#c19p2 {
    clear: none;
}

p#c19p3 {
    clear: none;
}

p#c19p4 {
    clear: none;
}

.card__row { 
	display: inherit;
	margin-top: 0rem;
}

.card__column {
	display: flex;
	flex-direction:column;
	margin-top: 3rem !important;
	align-items: center;
}

.card__column img {
	object-fit: cover;
}

.card--stretch {
	flex-grow: 1;
}

@media screen and (min-width: 600px) {
  .card__row {
	 display: flex;
	 margin-top: 3rem;
  } 
  
  .card__column { 
  	margin-top: 0rem !important;
  }
} 

.xtable td,th {
  vertical-align: top;
}

.button--inline {
    display: inline-block;
    margin-top: .2rem;
    padding: 0px 10px 0px 10px;
    bottom: 0px;
    width: auto;
    height: 3.7rem;
    border-radius: 3px;
    background-color: #205493;
    background-size: cover;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    vertical-align: middle;
    line-height: 3.7rem;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}

.button--inline:hover {
  color: #ffffff;
}
.button--inline:visited {
  color: #ffffff;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}