html, body,
dl, dt, dd, blockquote,
figure, fieldset, legend, textarea,
pre, iframe,
hr {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 700;
}

button,
input,
select,
textarea {
  margin: 0;
}

html {
  box-sizing: border-box;
}

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

img,
embed,
object,
audio,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

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

td, th {
  padding: 0;
  text-align: left;
}

html {
  background-color: #212121;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (min-width: 900px) {
  html, body {
    overflow-x: visible;
  }
}

a, a:visited {
  color: #0474B6;
  text-decoration: none;
}

a:hover, a:active {
  color: #368FC5;
}

img {
  max-width: 100%;
}

#main, footer {
  max-width: 1020px;
  margin: 0 auto;
  padding: 1.25em 0;
  position: relative;
}

.pContent {
  margin-bottom: 1.25em;
}
@media (min-width: 830px) {
  .pContent {
    width: calc(100% - 320px);
    float: left;
  }
  .ie8 .pContent {
    width: 100%;
    padding-right: 320px;
  }
}

@media (min-width: 830px) {
  .sContent {
    width: 300px;
    float: right;
  }
  .ie8 .sContent {
    position: absolute;
    top: 20px;
    right: 0;
  }
}

.xContent {
  clear: both;
}

.techLibrary ul, #rssFeed ul, .searchresults > ul, .articleFeedback, .footer-sites ul, .footer1 ul, .sztextlink ul, header ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.techLibrary .pagination br, .techLibrary .pagination .disablelink, .pagination br, .pagination .disablelink, .sztextlink br, .tabMenu li + li {
  display: none;
}

.module {
  background-color: #fff;
  padding: 0 0 1em;
  margin-bottom: 1.25em;
  border-top: 6px solid #8BC640;
}

.module h3 {
  display: inline-block;
  background-color: transparent;
  padding: 0 20px;
  margin-bottom: 0;
  font-size: 1.25em;
  font-family: ff-utility-web-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  position: relative;
}
.module h3 a {
  color: #fff;
  color: #8BC640;
}
.module h3:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #8BC640;
  position: absolute;
  top: 0;
  right: -12px;
  display: block;
  display: none;
}

.module li, .sContent .calendar-listing .sessionlistcalendar-events div, .tabContent h3 {
  font-size: 0.9375em;
  line-height: 1.2;
  padding: 1em 0;
  margin: 0;
  border-bottom: 1px solid #E0E7EA;
}
.module li:last-of-type, .sContent .calendar-listing .sessionlistcalendar-events div:last-of-type, .tabContent h3:last-of-type {
  border-bottom: 0;
}

.module a, .module a:visited, .sContent .calendar-listing a, .sContent .calendar-listing a:visited, .tabContent a, .tabContent a:visited {
  color: #4A4A4A;
  font-weight: bold;
}

a.skip-main {
  left: -999px;
  position: absolute;
  top: 35px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
  text-decoration: none;
  opacity: 1 !important;
}

a.skip-main:active, a.skip-main:focus {
  color: #d33a2c;
  background-color: #fff;
  left: auto;
  top: 35px;
  width: auto;
  height: auto;
  overflow: auto;
  padding: 0.3em 0.9em;
  text-align: center;
  font-size: 1.2em;
  z-index: 999;
  opacity: 1 !important;
}

/* @group Editor Styles */
.bcellc {
  border-top: 1px #CCCCCC solid;
  border-bottom: 1px #CCCCCC solid;
  border-left: 1px #CCCCCC solid;
  border-right: 1px #CCCCCC solid;
}

.bcellcl {
  border-top: 1px #CCCCCC solid;
  border-bottom: 1px #CCCCCC solid;
  border-left: 1px #CCCCCC solid;
}

.bcellcr {
  border-top: 1px #CCCCCC solid;
  border-bottom: 1px #CCCCCC solid;
  border-right: 1px #CCCCCC solid;
}

.bcelltlr {
  border-top: 1px #CCCCCC solid;
  border-left: 1px #CCCCCC solid;
  border-right: 1px #CCCCCC solid;
}

.bcellblr {
  border-bottom: 1px #CCCCCC solid;
  border-left: 1px #CCCCCC solid;
  border-right: 1px #CCCCCC solid;
}

.tc {
  border-top: 1px #CCCCCC solid;
}

.bc {
  border-bottom: 1px #CCCCCC solid;
}

.rc {
  border-right: 1px #CCCCCC solid;
}

.lc {
  border-left: 1px #CCCCCC solid;
}

.tbc {
  border-top: 1px #CCCCCC solid;
  border-bottom: 1px #CCCCCC solid;
}

.lrc {
  border-left: 1px #CCCCCC solid;
  border-right: 1px #CCCCCC solid;
}

.a8gray {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
  color: #999999;
}

.a10 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}

.a10wht {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}

.aa11b {
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 11px;
  font-weight: bold;
}

.aa11whtb {
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 11px;
  color: #FFFFFF;
  font-weight: bold;
}

.aa11 {
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 11px;
}

.a11 {
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 12px;
}

.a11b {
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 12px;
  font-weight: bold;
}

.a11i {
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 12px;
  font-style: italic;
}

.a11bi {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
}

.a12 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.a12b {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

.a12i {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: italic;
}

.a12bi {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
}

.a13 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 13px;
}

.a13b {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
}

.a13i {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 13px;
  font-style: italic;
}

.a13bi {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 13px;
  font-style: italic;
  font-weight: bold;
}

.a14 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.a9 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
}

.a14b {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

.a15 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
}

.a15b {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
}

.a15i {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 15px;
  font-style: italic;
}

.a10wht {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #FFFFFF;
}

.a11wht {
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 12px;
  color: #FFFFFF;
}

.a11whtb {
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 12px;
  color: #FFFFFF;
  font-weight: bold;
}

.a12wht {
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 12px;
  color: #FFFFFF;
}

.a12whtb {
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
}

.a11blu {
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 12px;
  color: #003366;
  font-weight: normal;
}

.a11blub {
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 12px;
  color: #003366;
  font-weight: bold;
}

.a12blu {
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 12px;
  color: #336699;
}

.a12blub {
  font: bold 19px "adelle-sans", sans-serif;
  padding-top: 10px;
}

.a14blub {
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 14px;
  color: #336699;
  font-weight: bold;
  text-decoration: none;
}

.a11orb {
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 12px;
  color: #990000;
  font-weight: bold;
}

.a11orab {
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 12px;
  color: #990000;
  font-weight: bold;
}

.a12ora {
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 12px;
  color: #990000;
}

.a12orab {
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 12px;
  color: #990000;
  font-weight: bold;
}

.a13orab {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #990000;
}

.a14blu {
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 14px;
  color: #336699;
}

.a15orab {
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 15px;
  color: #990000;
  font-weight: bold;
}

.a10gray {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #999999;
}

.a11gray {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #727272;
}

.a11grab {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666666;
  font-weight: bold;
}

.a13grayb {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #999999;
}

.a16grayb {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #999999;
}

.a11redb {
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #CC3300;
}

.mono {
  font-family: Courier New, Courier, mono;
  font-size: 10px;
}

.bullet {
  font-size: 12px;
  color: #990000;
}

.bulletg {
  font-size: 12px;
  color: #999999;
}

.bulletbl {
  font-size: 12px;
  color: #336699;
}

.bulletblk {
  font-size: 12px;
  color: #000000;
}

.bulletred {
  font-size: 12px;
  color: #CC3300;
}

.blk {
  color: #000000;
}

.blu {
  color: #336699;
}

.bur {
  color: #990000;
}

.gray {
  color: #999999;
}

.grayd {
  color: #666666;
}

.grn {
  color: #339900;
}

.ora {
  color: #FF6600;
}

.red {
  color: #CC3300;
}

.yel {
  color: #FFCC00;
}

.wit {
  color: #FFFFFF;
}

a.blk:link {
  color: #000000;
  text-decoration: none;
}

a.blk:active {
  color: #990000;
  text-decoration: none;
}

a.blk:visited {
  color: #000000;
  text-decoration: none;
}

a.blk:hover {
  color: #003333;
  text-decoration: underline;
  background-color: #EEEEEE;
}

a.blu:link {
  color: #336699;
  text-decoration: none;
}

a.blu:active {
  color: #990000;
  text-decoration: none;
}

a.blu:visited {
  color: #336699;
  text-decoration: none;
}

a.blu:hover {
  color: #990000;
  text-decoration: underline;
  background-color: #EEEEEE;
}

a.bur:link {
  color: #990000;
  text-decoration: none;
}

a.bur:active {
  color: #990000;
  text-decoration: none;
}

a.bur:visited {
  color: #990000;
  text-decoration: none;
}

a.bur:hover {
  color: #336699;
  text-decoration: underline;
  background-color: #EEEEEE;
}

a.gray:link {
  color: #999999;
  text-decoration: none;
}

a.gray:active {
  color: #ff9900;
  text-decoration: none;
}

a.gray:visited {
  color: #999999;
  text-decoration: none;
}

a.gray:hover {
  color: #336699;
  text-decoration: underline;
  background-color: #eeeeee;
}

a.ora:link {
  color: #FF6600;
  text-decoration: none;
}

a.ora:active {
  color: #990000;
  text-decoration: none;
}

a.ora:visited {
  color: #FF9900;
  text-decoration: none;
}

a.ora:hover {
  color: #336699;
  text-decoration: underline;
  background-color: #eeeeee;
}

a.red:link {
  color: #CC3300;
  text-decoration: none;
}

a.red:active {
  color: #CC3300;
  text-decoration: none;
}

a.red:visited {
  color: #CC3300;
  text-decoration: none;
}

a.red:hover {
  color: #336699;
  text-decoration: underline;
  background-color: #eeeeee;
}

a.wit:link {
  color: #FFFFFF;
  text-decoration: none;
}

a.wit:active {
  color: #990000;
  text-decoration: underline;
}

a.wit:visited {
  color: #FFFFFF;
  text-decoration: none;
}

a.wit:hover {
  color: #990000;
  text-decoration: underline;
}

a.yel:link {
  color: #FFCC00;
  text-decoration: none;
}

a.yel:active {
  color: #FFCC00;
  text-decoration: none;
}

a.yel:visited {
  color: #FFCC00;
  text-decoration: none;
}

a.yel:hover {
  color: #336699;
  text-decoration: underline;
}

.aa11gray {
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 11px;
  color: #666666;
  text-decoration: none;
}

.aa11wht {
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 11px;
  color: #FFFFFF;
}

.aa10 {
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 10px;
}

.aa12whtb {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bolder;
  color: #FFFFFF;
}

.aa12 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
}

.v11 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.v11b {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.v11blub {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #003366;
  font-weight: bold;
}

.v11blu {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #003366;
  font-weight: normal;
}

.v11orb {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #990000;
  font-weight: bold;
}

.v11orab {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FF9900;
  font-weight: bold;
}

.v11gray {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #999999;
}

.aa10gray {
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 10px;
  font-weight: normal;
  color: #999999;
}

.c11 {
  font-family: Courier New, Courier, mono;
  font-size: 12px;
}

.c11red {
  font-family: Courier New, Courier, mono;
  font-size: 12px;
  color: #CC3300;
}

.c11redb {
  font-family: Courier New, Courier, mono;
  font-size: 12px;
  color: #CC3300;
  font-weight: bold;
}

.c11blue {
  font-family: Courier New, Courier, mono;
  font-size: 12px;
  color: #0000CC;
  font-weight: normal;
}

.c11green {
  font-family: Courier New, Courier, mono;
  font-size: 12px;
  color: #339966;
  font-weight: normal;
}

.c11gray {
  font-family: Courier New, Courier, mono;
  font-size: 12px;
  color: #999999;
  font-weight: normal;
}

.c11purple {
  font-family: Courier New, Courier, mono;
  font-size: 12px;
  color: #9900CC;
  font-weight: normal;
}

.c12 {
  font-family: Courier New, Courier, mono;
  font-size: 13px;
}

.c12red {
  font-family: Courier New, Courier, mono;
  font-size: 14px;
  color: #CC3300;
}

.c12redb {
  font-family: Courier New, Courier, mono;
  font-size: 14px;
  color: #CC3300;
  font-weight: bold;
}

.c12blue {
  font-family: Courier New, Courier, mono;
  font-size: 13px;
  color: #0000CC;
  font-weight: normal;
}

.c12green {
  font-family: Courier New, Courier, mono;
  font-size: 13px;
  color: #339966;
  font-weight: normal;
}

.c12gray {
  font-family: Courier New, Courier, mono;
  font-size: 13px;
  color: #999999;
  font-weight: normal;
}

.c12purple {
  font-family: Courier New, Courier, mono;
  font-size: 13px;
  color: #9900CC;
  font-weight: normal;
}

.t12 {
  font-family: Trebuchet MS, Verdana, Arial, Helvetica;
  font-size: 12px;
}

.t13 {
  font-family: Trebuchet MS, Verdana, Arial, Helvetica;
  font-size: 13px;
}

.adcenter {
  text-align: center;
  margin: 0px auto 4px;
}

p.adgoto {
  margin: 0px;
  padding: 0px 2px 2px 11px;
  text-align: left;
  text-indent: -10px;
}

.subhead {
  font: bold 14px Arial, Helvetica, sans-serif;
  text-decoration: none;
}

div.subhead, .moreinfo {
  border: 1px solid #ccc;
  padding: 0 8px 8px;
  font: normal 12px Arial, Helvetica, sans-serif;
}

div.subhead h3, .moreinfo h3 {
  margin: 0 -8px 8px;
  padding: 2px 8px;
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 11px;
}

* html .sidebarB {
  height: 1%;
}

table[width="100%"] {
  clear: both;
}

.calloutImgLeft {
  background-color: #f9f9f9;
  min-height: 220px;
  padding: 10px;
  max-width: 385px;
  margin: 0 auto 1.142857143em;
  overflow: hidden;
  vertical-align: middle;
  font-style: italic;
  font-size: 13px;
}
.calloutImgLeft h3 {
  font-weight: bold;
  font-size: 16px;
  font-style: normal;
  margin: 0 0 4px;
}
.calloutImgLeft img {
  display: block;
  margin: 0 auto 10px auto;
}
@media (min-width: 400px) {
  .calloutImgLeft img {
    float: left;
    margin-right: 10px;
    margin-bottom: auto;
  }
}
.calloutImgLeft p {
  position: relative;
  margin: 0 0 10px 0;
}
@media (min-width: 400px) {
  .calloutImgLeft p {
    padding-left: 160px;
  }
}
@media (min-width: 400px) {
  .calloutImgLeft p img {
    position: absolute;
    left: 0;
  }
}

.specialsubhead {
  font-weight: bold;
  font-size: 16px;
  display: block;
  background-color: #eee;
  padding: 8px;
}

#level0 #webcast .copyrightsmall, #level0 #whitepaper .copyrightsmall {
  font-size: 10px;
  color: #666;
  display: block;
}

.SideBarTitle, .TableCap {
  font: bold 1em "adelle-sans", sans-serif;
}

/* @end */
.pContent .sidebar {
  width: 100%;
  background-color: #f1f1f1;
  margin: 25px auto;
  display: block;
}
@media (min-width: 1200px) {
  .pContent .sidebar {
    width: 80%;
  }
}
.pContent .sidebar h3 {
  color: #fff;
  background-color: #4A4A4A;
  text-align: center;
  padding: 10px;
  margin: 0 0 4px;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.1;
}
.pContent .sidebar p {
  padding: 0 15px 20px 15px;
}
.pContent .sidebar ul {
  margin-right: 20px;
  padding-bottom: 15px;
}
.pContent .sidebar ul li {
  margin-bottom: 8px;
}
.pContent .sidebar:not(:has(> p, > ul)) {
  padding: 20px;
}

.pContent .sidebarB {
  background-color: #f1f1f1;
  padding: 0 15px 15px 15px;
  clear: right;
}
@media (min-width: 1200px) {
  .pContent .sidebarB {
    float: right;
    margin: 0 0 10px 20px;
    width: 280px;
  }
}
.pContent .sidebarB h3 {
  color: #fff;
  font-size: 17px;
  background-color: #4A4A4A;
  text-align: center;
  padding: 9px;
  margin: 0 -15px 4px;
  font-weight: bold;
}
.pContent .sidebarB p {
  padding: 10px;
  font-size: 0.875rem;
  margin: 0;
}
.pContent .sidebarB img {
  display: block;
  float: none;
  margin: 0 auto 10px auto;
}
.pContent .sidebarB:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.pContent .sidebarB ul li {
  margin-bottom: 7px;
  font-size: 0.875rem;
}

.leaderboard {
  background-color: #212121;
}
@media (min-width: 620px) {
  .leaderboard {
    padding-bottom: 10px;
  }
}
.leaderboard .ad {
  text-align: center;
  margin: 0.625em 0;
}
.leaderboard .ticker .ad {
  display: none;
}
@media (min-width: 980px) {
  .leaderboard .ticker .ad {
    display: block;
  }
}

header {
  position: relative;
  background-color: #4A4A4A;
  border-bottom: 6px solid #8BC640;
}
@media (min-width: 1000px) {
  header:before {
    content: "";
    background-color: #000;
    width: 100%;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
  }
}
header .header-inner {
  max-width: 1060px;
  margin: 0 auto;
  position: relative;
  padding: 5px 15px 40px 5px;
  clear: both;
}
@media (min-width: 500px) {
  header .header-inner {
    padding-bottom: 0;
  }
}
@media (min-width: 1000px) {
  header .header-inner {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr 1.6fr;
    padding: 5px 15px 0 15px;
    grid-template-areas: "topnav topnav social search" "logo topicnav topicnav topicnav";
  }
}
header a, header a:visited {
  color: #fff;
}
header a:hover, header a:active {
  color: #BDBDBD;
}
header noindex {
  display: grid;
}
header noindex:nth-of-type(1) {
  grid-area: topnav;
}
header noindex:nth-of-type(2) {
  grid-area: search;
}
header noindex:nth-of-type(3) {
  grid-area: topicnav;
}
@media (max-width: 999px) {
  header .topnav, header .sidenav {
    display: none;
    width: 100%;
    max-width: 300px;
    position: absolute;
    top: 0;
    right: 0;
    background: rgb(53.4, 53.4, 53.4);
    z-index: 2;
  }
  header .topnav.nav-open, header .sidenav.nav-open {
    display: block;
  }
  header .topnav {
    padding: 40px 20px 20px 20px;
  }
  header .sidenav {
    padding: 0 20px 20px 20px;
  }
}
@media (min-width: 1000px) {
  header .topnav ul {
    display: flex;
    flex-wrap: nowrap;
  }
}
header .topnav ul li {
  margin-bottom: 12px;
}
@media (min-width: 1000px) {
  header .topnav ul li {
    margin-bottom: 0;
    padding: 0 0.85em;
  }
  header .topnav ul li:first-child {
    padding-left: 0;
  }
}
header .topnav ul a, header .topnav ul a:visited {
  font-size: 1rem;
  font-weight: 700;
}
@media (min-width: 1000px) {
  header .topnav ul a, header .topnav ul a:visited {
    font-size: 0.8rem;
  }
}
@media (min-width: 1000px) {
  header .menu-toggle {
    display: none !important;
  }
}
@media (max-width: 999px) {
  header .menu-toggle {
    display: flex;
    float: right;
    cursor: pointer;
    border: 0;
    width: 35px;
    height: 25px;
    margin: 11px 0 0 auto;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24.693px' height='15.473px' viewBox='0 0 24.693 15.473' enable-background='new 0 0 24.693 15.473' xml:space='preserve'%3E%3Crect fill='%23ffffff' width='24.693' height='3.083'/%3E%3Crect y='6.23' fill='%23ffffff' width='24.693' height='3.083'/%3E%3Crect y='12.391' fill='%23ffffff' width='24.693' height='3.082'/%3E%3C/svg%3E%0A") no-repeat center top;
    background-size: 25px;
    z-index: 2;
    position: relative;
  }
  header .menu-toggle.act {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24.7 15.5' style='enable-background:new 0 0 24.7 15.5;' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M13.4,6.5L17,2.9c0.7-0.7,0.7-1.7,0-2.4c-0.7-0.7-1.7-0.7-2.4,0L11,4.1L7.4,0.5C6.7-0.2,5.7-0.2,5,0.5 C4.3,1.2,4.3,2.2,5,2.9l3.6,3.6L5,10.1c-0.7,0.7-0.7,1.7,0,2.4C5.3,12.8,5.8,13,6.2,13c0.4,0,0.9-0.2,1.2-0.5L11,8.9l3.6,3.6 c0.3,0.3,0.8,0.5,1.2,0.5c0.4,0,0.9-0.2,1.2-0.5c0.7-0.7,0.7-1.7,0-2.4L13.4,6.5z'/%3E%3C/svg%3E%0A") no-repeat center top;
  }
}
header .social {
  grid-area: social;
  padding-left: 30px;
  padding-bottom: 1px;
}
header .social img {
  margin-right: 8px;
}
@media (max-width: 999px) {
  header .social {
    position: absolute;
    right: 60px;
    top: 11px;
  }
}
header .search {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 999px) {
  header .search {
    position: absolute;
    right: 20px;
    top: 50px;
  }
}
@media (max-width: 499px) {
  header .search {
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 65px;
    justify-content: center;
  }
}
header .search:before {
  position: relative;
  content: "Search ";
  color: white;
  font-size: 0.6875rem;
  font-weight: 700;
  padding-right: 7px;
  padding-top: 5px;
}
header .search fieldset, header .search .submit {
  border: none;
}
header .search input[type=text] {
  width: 80%;
}
@media (min-width: 400px) {
  header .search input[type=text] {
    width: 195px;
  }
}
@media (min-width: 500px) {
  header .search input[type=text] {
    width: 165px;
  }
}
header .search .submit {
  background: url("//adtmag.com/~/media/ECG/adtmag/design/search_1.svg") left bottom no-repeat;
  width: 18px;
  height: 18px;
  text-indent: -9999px;
  cursor: pointer;
}
header .search .advanced {
  display: none;
}
header .sitelogo {
  grid-area: logo;
  margin-bottom: 25px;
}
@media (max-width: 999px) {
  header .sitelogo {
    width: 200px;
    margin-top: -5px;
  }
}
@media (max-width: 499px) {
  header .sitelogo {
    margin-top: 0;
    margin-bottom: 35px;
    width: clamp(90px, 25vw, 155px);
  }
}
@media (max-width: 999px) {
  header .sidenav {
    top: 280px;
  }
  header .sidenav:before {
    content: "TOPICS";
    color: #8BC640;
    top: 0;
    left: 20px;
    font-weight: 700;
    font-size: 0.8rem;
  }
}
@media (min-width: 1000px) {
  header .sidenav ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding-top: 7px;
  }
}
header .sidenav ul li {
  text-transform: uppercase;
}
header .sidenav ul a {
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0 0 13px 6px;
  margin-bottom: 10px;
  margin-top: 10px;
  font-size: 0.75rem;
}
@media (min-width: 1000px) {
  header .sidenav ul a {
    padding: 6px 0;
    margin: auto;
  }
}
header .PreferredSourceButtonWrapper {
  position: absolute;
  width: 100%;
  max-width: 290px;
  left: 0;
  right: 0;
  top: auto;
  bottom: 0;
  margin-bottom: 5px;
  margin-inline: auto;
  text-align: center;
}
@media (min-width: 500px) {
  header .PreferredSourceButtonWrapper {
    right: auto;
  }
}
@media (min-width: 1000px) {
  header .PreferredSourceButtonWrapper {
    position: absolute;
    left: 467px;
    margin-top: 13px;
    margin-bottom: 12px;
  }
}
header .PreferredSourceButtonWrapper a, header .PreferredSourceButtonWrapper a:visited {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  text-align: left;
  text-transform: none;
  font-size: 13px;
}
@media (min-width: 1000px) {
  header .PreferredSourceButtonWrapper a, header .PreferredSourceButtonWrapper a:visited {
    font-size: 14px;
    gap: 8px;
  }
}
header .PreferredSourceButtonWrapper svg {
  width: 15px;
}
@media (min-width: 1000px) {
  header .PreferredSourceButtonWrapper svg {
    width: 20px;
  }
}

.whatsnew ul, .L1CommonDLB ul {
  list-style-type: none;
  padding: 0;
  margin-top: 0;
}
.whatsnew li[id], .L1CommonDLB li[id] {
  background-color: #fff;
  overflow: hidden;
  margin-bottom: 1em;
  padding: 0 0 20px;
  position: relative;
}
@media (min-width: 590px) {
  .whatsnew li[id], .L1CommonDLB li[id] {
    padding: 20px;
  }
}
@media (min-width: 830px) {
  .whatsnew li[id], .L1CommonDLB li[id] {
    padding: 0 0 20px;
  }
}
@media (min-width: 930px) {
  .whatsnew li[id], .L1CommonDLB li[id] {
    padding: 20px;
  }
}
.whatsnew img, .L1CommonDLB img {
  margin-bottom: 10px;
}
@media (min-width: 590px) {
  .whatsnew img, .L1CommonDLB img {
    float: right;
    width: 35%;
    margin-left: 40px;
    margin-bottom: 0;
  }
}
@media (min-width: 830px) {
  .whatsnew img, .L1CommonDLB img {
    float: none;
    width: auto;
    margin-left: 0;
    margin-bottom: 10px;
  }
}
@media (min-width: 930px) {
  .whatsnew img, .L1CommonDLB img {
    float: right;
    width: 35%;
    margin-left: 40px;
    margin-bottom: 0;
  }
}
.whatsnew h3, .L1CommonDLB h3 {
  font-family: ff-utility-web-pro, sans-serif;
  font-size: 30px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.1;
  margin: 0;
  padding: 0 20px;
}
@media (min-width: 590px) {
  .whatsnew h3, .L1CommonDLB h3 {
    padding: 0;
  }
}
@media (min-width: 830px) {
  .whatsnew h3, .L1CommonDLB h3 {
    padding: 0 20px;
  }
}
@media (min-width: 930px) {
  .whatsnew h3, .L1CommonDLB h3 {
    padding: 0;
  }
}
.whatsnew a, .L1CommonDLB a, .whatsnew a:visited {
  color: #212121;
}
.whatsnew a:hover, .L1CommonDLB a:hover, .whatsnew a:active, .L1CommonDLB a:active {
  color: #8BC640;
}
.whatsnew .summary, .L1CommonDLB .summary {
  position: relative;
  margin: 0.5em 0 0;
  color: #4A4A4A;
  font-size: 1em;
  line-height: 1.4;
  padding: 1.4em 20px 0;
}
@media (min-width: 590px) {
  .whatsnew .summary, .L1CommonDLB .summary {
    padding: 1.4em 0 0;
  }
}
@media (min-width: 830px) {
  .whatsnew .summary, .L1CommonDLB .summary {
    padding: 1.4em 20px 0;
  }
}
@media (min-width: 930px) {
  .whatsnew .summary, .L1CommonDLB .summary {
    padding: 1.4em 0 0;
  }
}
.whatsnew span, .L1CommonDLB span {
  position: absolute;
  top: 0;
  left: 20px;
  font-size: 0.7857142857em;
}
@media (min-width: 590px) {
  .whatsnew span, .L1CommonDLB span {
    left: 0;
  }
}
@media (min-width: 830px) {
  .whatsnew span, .L1CommonDLB span {
    left: 20px;
  }
}
@media (min-width: 930px) {
  .whatsnew span, .L1CommonDLB span {
    left: 0;
  }
}
.whatsnew .date, .L1CommonDLB .date {
  color: #4A4A4A;
  font-size: 12px;
  font-weight: bold;
}

.section {
  background-color: #8BC640;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding: 0 8px 0 20px;
  margin-bottom: 16px;
  position: absolute;
  top: 20px;
  text-transform: uppercase;
}
@media (min-width: 590px) {
  .section {
    position: relative;
    left: -20px;
    top: 0;
  }
}
@media (min-width: 830px) {
  .section {
    position: absolute;
    left: 0;
    top: 20px;
    font-size: 0.625em;
  }
}
@media (min-width: 930px) {
  .section {
    position: relative;
    left: -20px;
    top: 0;
  }
}
.section:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #8BC640;
  position: absolute;
  top: 0;
  right: -12px;
  display: block;
}

div.mobile-flyout {
  display: block;
  top: 0;
  left: 0;
  background: #333;
  z-index: 10;
}
@media (min-width: 760px) {
  div.mobile-flyout {
    display: none;
  }
}
div.mobile-flyout #popular {
  display: block;
  margin: 0 auto 20px auto;
  width: 300px;
  text-align: left;
  padding-left: 0;
}
div.mobile-flyout #popular ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left;
}
div.mobile-flyout #popular a {
  text-align: left;
}
div.mobile-flyout #popular ul.tabMenu {
  margin-top: 20px;
}
div.mobile-flyout #popular ul.tabMenu a, div.mobile-flyout #popular ul.tabMenu a:visited {
  font-size: 20px;
}
div.mobile-flyout #popular div.tabContent a, div.mobile-flyout #popular div.tabContent a:visited {
  font-size: 15px;
  padding: 9px;
  padding-left: 0;
}
div.mobile-flyout .mobile-flyout-button {
  font-weight: 700;
  background: #333;
  position: fixed;
  top: 50%;
  margin-top: 60px;
  left: -55px;
  padding: 6px 8px 1px 8px;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  transform: rotate(270deg) translate3d(0, 0, 0);
  z-index: 100;
}
div.mobile-flyout .flyout-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  display: none;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.5);
}
div.mobile-flyout .flyout-list {
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
  height: 100%;
  min-height: 100%;
  width: 100%;
  max-width: 305px;
  margin: 0 0 0 -320px;
  padding: 40px 0 25px 0;
  background: #343433;
  overflow-y: auto;
  z-index: 100001;
  transition: all 0.5s ease;
  text-align: left;
}
div.mobile-flyout .flyout-list .flyout-close {
  position: absolute;
  display: block;
  top: 10px;
  right: 10px;
  width: 26px;
  height: 21px;
  z-index: 100002;
  background: url("//adtmag.com/~/media/ECG/shared/mobileclosebutton.png") top center no-repeat;
  cursor: pointer;
}
div.mobile-flyout .flyout-list img {
  max-width: 100%;
}
div.mobile-flyout .flyout-list .tagline {
  margin: -15px 0 0 0;
  padding: 0 0 30px 0;
  color: #fff;
  font-weight: 400;
  font-size: 18px;
  border-bottom: 1px solid #efefef;
}
div.mobile-flyout .flyout-list a, div.mobile-flyout .flyout-list a:visited {
  text-decoration: none;
}
div.mobile-flyout .flyout-list.active {
  margin: 0 0 0 0;
}
div.mobile-flyout .flyout-mask.active {
  display: block;
}

[id=popular], .calendar-listing {
  background-color: #fff;
  padding: 0 0 1em;
  margin-bottom: 1.25em;
  border-top: 6px solid #8BC640;
}

.tabMenu {
  list-style-type: none;
  padding: 1em 0 0.5em;
  margin: 0;
  font-weight: 700;
  font-size: 1.25em;
  font-style: normal;
  font-family: ff-utility-web-pro, sans-serif;
}
.tabMenu a {
  display: inline-block;
  background-color: #8BC640;
  background-color: transparent;
  position: relative;
  height: 24px;
  line-height: 24px;
  padding: 0 20px;
  cursor: default;
}
.tabMenu a:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #8BC640;
  position: absolute;
  top: 0;
  right: -12px;
  display: block;
  display: none;
}
.tabMenu a, .tabMenu a:visited {
  color: #fff;
  color: #8BC640;
}

.tabContent {
  padding: 0 1.25em;
}
.tabContent h3 {
  margin: 0;
}
.tabContent a:hover, .tabContent a:active {
  color: #8BC640;
}
.tabContent + .tabContent {
  display: none;
}

.sContent .calendar-listing {
  position: relative;
  padding: 10px 20px 20px 20px;
}
.sContent .calendar-listing h2 {
  margin-bottom: 0;
  font-size: 1.25em;
  font-family: ff-utility-web-pro, sans-serif;
  color: #8bc640;
}
.sContent .calendar-listing a:hover, .sContent .calendar-listing a:visited:hover {
  color: rgb(28.05, 28.05, 28.05);
}
.sContent .calendar-listing .sessionlistcalendar-timeslot {
  display: none;
}
.sContent .calendar-listing .sessionlistcalendar-events {
  height: 100% !important;
}
.sContent .calendar-listing .sessionlistcalendar-events div {
  position: relative !important;
  height: 100% !important;
  min-height: 100% !important;
  width: 100% !important;
  left: 0 !important;
  padding: 1em 0em;
}

.module ul {
  list-style-type: none;
  padding: 0;
  margin: 0.65em 20px 1em;
}
.module a:hover, .module a:active {
  color: #212121;
}
.module .footer {
  text-align: right;
  margin-right: 1.25em;
}
.module .footer a, .module .footer a:visited {
  color: #fff;
  background-color: #8BC640;
  text-transform: uppercase;
  font-size: 0.8125em;
  padding: 0.5625em 1.125em;
  border-radius: 2px;
}
.module .footer a:hover, .module .footer a:active {
  background-color: #4A4A4A;
}

.ticker {
  max-width: 974px;
  margin: 0 auto;
}

.ad img {
  vertical-align: top;
}
.sContent .ad {
  margin-bottom: 1.25em;
  text-align: center;
}
.pContent .ad, .xContent > .ad {
  text-align: center;
  overflow: hidden;
}
@media (min-width: 500px) {
  .pContent .ad, .xContent > .ad {
    overflow: none;
  }
}
.leaderboard .ad {
  display: none;
}
@media (min-width: 728px) {
  .leaderboard .ad {
    display: block;
  }
}
.xContent .ad {
  margin-bottom: 5px;
  overflow: hidden;
}

.leaderboard > .ad {
  margin: 8px auto 0 auto;
  min-width: 728px;
  overflow: hidden;
}

.sz_974x32 {
  display: none;
}
@media (min-width: 974px) {
  .sz_974x32 {
    display: block;
  }
}

.sztextlink {
  text-align: left;
  padding: 20px;
  width: 100%;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
  display: none;
  color: #4A4A4A;
  border-top: 6px solid #8BC640;
  border-bottom: 16px solid #212121;
  background-color: #fff;
}
.sztextlink a, .sztextlink a:visited {
  color: #4A4A4A;
  font-size: 1.25em;
  line-height: 1.1;
  display: block;
  margin-bottom: 0.35em;
}
.sztextlink a:hover, .sztextlink a:active {
  opacity: 0.8;
}
.sztextlink ul {
  position: relative;
  overflow: hidden;
}
.sztextlink .ad {
  text-align: left;
}
.sztextlink h2 {
  color: #8BC640;
  margin: 0 0 16px;
  font-family: ff-utility-web-pro, sans-serif;
}
.sztextlink li {
  font-size: 0.75em;
  margin-bottom: 16px;
  line-height: 1.4;
  width: 33.333333333%;
  padding-right: 20px;
  float: left;
}
.sztextlink li:nth-of-type(2n+1) {
  clear: none;
}
.sztextlink li:nth-of-type(3n) {
  padding-right: 0;
}
.sztextlink li:nth-of-type(3n+1) {
  clear: left;
}
.whatsnew li[id*="300Ad"], .L1CommonDLB li[id*="300Ad"] {
  display: block;
}
@media (min-width: 830px) {
  .whatsnew li[id*="300Ad"], .L1CommonDLB li[id*="300Ad"] {
    display: none;
  }
}
.whatsnew li[id*="300Ad"] .ad, .L1CommonDLB li[id*="300Ad"] .ad {
  margin: 20px auto 0 auto;
  display: block;
  width: 300px;
}
@media (min-width: 590px) {
  .whatsnew li[id*="300Ad"] .ad, .L1CommonDLB li[id*="300Ad"] .ad {
    margin: 0 auto;
  }
}
.whatsnew li[id*="300Ad"] .ad img, .L1CommonDLB li[id*="300Ad"] .ad img {
  width: 300px;
  margin: 0;
  float: none;
}

#article .ad + br {
  display: none;
}

#main, footer {
  position: relative;
}
#main div[id*=wallpaper_left], footer div[id*=wallpaper_left], #main div[id*=wallpaper_right], footer div[id*=wallpaper_right] {
  display: none;
}
@media (min-width: 1300px) {
  #main div[id*=wallpaper_left], footer div[id*=wallpaper_left], #main div[id*=wallpaper_right], footer div[id*=wallpaper_right] {
    display: block;
    position: absolute;
    top: -30px;
    left: -155px;
    width: 162px;
    margin-top: 50px;
  }
}
#main div[id*=wallpaper_right], footer div[id*=wallpaper_right] {
  right: -165px;
  left: auto;
}
#main .special--fixed, footer .special--fixed {
  position: fixed;
  top: -20px;
  bottom: auto;
  right: auto;
  width: 1070px;
  z-index: 10;
}
#main .special--fixed div[id*=wallpaper_right], footer .special--fixed div[id*=wallpaper_right] {
  right: -115px;
  left: auto;
}

footer .ad div[id*=boot_desktop] div iframe {
  display: none !important;
}

footer .ad div[id*=boot_mobile] div iframe {
  display: none !important;
}

.whatsnew .ad div[id*=promo1] div iframe, .L1CommonDLB .ad div[id*=promo1] div iframe {
  display: none !important;
}

.whatsnew .ad div[id*=promo2] div iframe, .L1CommonDLB .ad div[id*=promo2] div iframe {
  display: none !important;
}

.bottomarticles .ad div[id*=underarticlenative1] div iframe {
  display: none !important;
}

.bottomarticles .ad div[id*=underarticlenative2] div iframe {
  display: none !important;
}

#sponsorTextLink ul li .ad div[id*=-text-] div iframe {
  display: none !important;
}

.whatsnew li[id*=NativeAd], .L1CommonDLB li[id*=NativeAd] {
  display: none;
  background: rgb(238.85, 238.85, 238.85);
}

.bottomarticles li[id*=NativeArticleAd] {
  display: none;
  background: #FFFFFF;
}

.show-native {
  display: none;
}
@media (min-width: 1100px) {
  .show-native {
    display: block !important;
  }
}

.native1 .ad .spons-content {
  position: relative;
  padding: 0px;
  text-align: left;
}
.native1 .ad .spons-content .spons-section {
  color: #8BC640;
  font-family: sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0.333333333em;
  position: relative;
  width: 100%;
  display: block;
  text-align: left;
}
.native1 .ad .spons-content img {
  clear: both;
  float: right;
  width: 35%;
  margin: 10px 0px 15px 40px;
  z-index: 100;
}
.native1 .ad .spons-content h3 {
  margin: 0px 0 0 0;
  padding: 5px 0 0 0;
}
.native1 .ad .spons-content h3 a {
  font-family: ff-utility-web-pro, sans-serif;
  font-size: 30px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.1;
}
.native1 .ad .spons-content .summary {
  padding: 15px 0 0 0;
  margin: 0px 0 10px 0;
}
.native1 .ad .spons-content .sponsoredby {
  font-family: sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #8BC640;
}

.native3 .ad .spons-content-article {
  position: relative;
  width: 100%;
  min-height: 170px;
  background: rgb(238.85, 238.85, 238.85);
  margin: 0 0 0 0;
  padding: 20px 0 20px 0;
}
.native3 .ad .spons-content-article .spons-section {
  position: absolute;
  left: 222px;
  color: #8BC640;
  font-family: sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0.333333333em;
  width: 100%;
  display: block;
  text-align: left;
}
.native3 .ad .spons-content-article a img {
  float: left;
  width: 195px;
  height: auto;
  margin: 0px 17px 10px 10px;
  position: relative;
  z-index: 100;
}
.native3 .ad .spons-content-article h3 {
  margin: 0;
  margin-top: 20px;
  width: auto;
  text-align: left;
}
.native3 .ad .spons-content-article h3 a {
  color: #212121;
  text-decoration: none;
  font-size: 25px;
  font-weight: 700;
  display: block;
}
.native3 .ad .spons-content-article h3 span {
  position: absolute;
  bottom: 13px;
  left: 222px;
  color: #8BC640 !important;
  font-weight: bold;
  font-size: 11px;
  margin-right: -5px;
  font-family: sans-serif;
  padding-top: 8px;
  visibility: visible;
}
.native3 .ad .spons-content-article .summary {
  position: relative;
  padding-top: 5px;
  padding-bottom: 17px;
  margin: 0.5em 0 0;
  color: #333;
}

.pagination {
  text-align: center;
  font-size: 0.9375em;
  background-color: #fff;
  overflow: hidden;
}
.pagination ul {
  margin-top: 1em;
  margin-bottom: 0;
  padding-left: 0;
}
.pagination li {
  display: inline-block;
  margin-bottom: 22px;
}
.pagination a, .pagination a:visited {
  background-color: #444;
  color: #fff;
  text-transform: uppercase;
  padding: 0.3125em 0.875em;
}
.pagination a:hover, .pagination a:active {
  opacity: 0.9;
}
.pagination .currentpage:hover, .pagination .currentpage:active {
  opacity: 1;
}
.pagination .prev, .pagination .prev:visited, .pagination .next, .pagination .next:visited {
  background-color: #8BC640;
}
.pagination .currentpage, .pagination .currentpage:visited {
  background-color: #ccc;
  cursor: default;
}
#article .chart {
  margin: 40px auto 20px auto;
}
#article .chart table {
  border: solid 8px #8BC640;
  width: 100%;
}
#article .chart table tr:nth-child(even) {
  background: rgb(241.4, 241.4, 241.4);
}
#article .chart table tr:first-of-type {
  background: #646464;
  color: #ffffff;
}
#article .chart table td {
  padding: 0 10px !important;
  line-height: 1.2;
  vertical-align: middle;
  border: solid 2px #BDBDBD;
}
#article .chart table tr td:first-of-type {
  text-align: center;
  width: 20%;
}
#article .horizontal-social-buttons .social-button:nth-child(1) {
  display: none;
}

#blogPost .horizontal-social-buttons .social-button:nth-child(1), #whitepaper .horizontal-social-buttons .social-button:nth-child(1) {
  display: none;
}

.articleCode {
  border: 1px solid #ccc;
  padding: 0 10px;
  font-size: 13px;
}
.articleCode pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}

#level0 #article ol a, #level0 #article p a {
  word-break: break-all;
}
@media (min-width: 1025px) {
  #level0 #article ol a, #level0 #article p a {
    word-break: normal;
  }
}

footer {
  background-color: #4A4A4A;
  padding: 0;
  border-bottom: 3px solid #8BC640;
}
footer .converge-logo {
  position: absolute;
  display: block;
  margin: 0 auto;
  top: 200px;
  text-align: center;
  left: 0;
  right: 0;
}
@media (min-width: 768px) {
  footer .converge-logo {
    top: 140px;
  }
}
@media (min-width: 1070px) {
  footer .converge-logo {
    top: 85px;
    left: 50px;
    right: auto;
  }
}
footer .corporate-logo {
  position: absolute;
  display: block;
  margin: 0 auto;
  top: 310px;
  text-align: center;
  left: 0;
  right: 0;
}
@media (min-width: 768px) {
  footer .corporate-logo {
    top: 245px;
  }
}
@media (min-width: 1070px) {
  footer .corporate-logo {
    top: 195px;
    left: 60px;
    right: auto;
  }
}
footer .voting {
  width: 250px;
  position: absolute;
  top: 360px;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
}
@media (min-width: 768px) {
  footer .voting {
    top: 100px;
  }
}
@media (min-width: 1070px) {
  footer .voting {
    top: 253px;
    left: 60px;
    right: auto;
    text-align: left;
  }
}
footer .voting img {
  display: inline;
}
footer .voting .employeevote {
  margin-right: 15px;
  margin-bottom: 1px;
  width: 32%;
}
footer .voting .voteorg {
  width: 46.3%;
}

.footer1 ul {
  text-align: center;
  overflow: hidden;
  border-bottom: 1px solid #d1d2d4;
  border-right: 1px solid #d1d2d4;
  background-color: #333;
  position: relative;
  margin-top: -15px;
}
@media (min-width: 768px) {
  .footer1 ul {
    margin-top: auto;
  }
}
.footer1 ul:before {
  content: "";
  position: absolute;
  width: 100%;
  border-bottom: 1px solid #d1d2d4;
  right: 0;
  top: 0;
  z-index: 2;
}
.footer1 ul:after {
  content: "";
  position: absolute;
  width: 100%;
  border-bottom: 1px solid #d1d2d4;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.footer1 li {
  float: left;
  width: 50%;
  border-bottom: 1px solid #d1d2d4;
}
.footer1 li a {
  border: 1px solid #d1d2d4;
  border-top: none;
  border-bottom: none;
}
.footer1 li:nth-of-type(odd) a {
  border-left: 1px solid #333;
}
.footer1 li:nth-of-type(even) a {
  border-right: 1px solid #333;
}
@media (min-width: 768px) {
  .footer1 li {
    width: 25%;
  }
  .footer1 li:nth-of-type(odd) a {
    border-left: 1px solid #d1d2d4;
  }
  .footer1 li:nth-of-type(even) a {
    border-right: 1px solid #d1d2d4;
  }
  .footer1 li:nth-of-type(4n) a {
    border-right: none;
  }
  .footer1 li:nth-of-type(n+5) a {
    border-top: 1px solid #d1d2d4;
    border-bottom: none;
  }
}
@media (min-width: 1070px) {
  .footer1 li {
    width: 12.5%;
  }
  .footer1 li:nth-of-type(4n) a {
    border-right: 1px solid #d1d2d4;
  }
  .footer1 li:nth-of-type(n+5) a {
    border-top: none;
    border-bottom: none;
  }
  .footer1 li.last a {
    border-right: none;
  }
}
.footer1 a, .footer1 a:visited {
  color: #ddd;
  text-decoration: none;
  height: 46px;
  line-height: 46px;
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  font-family: "adelle-sans", Arial, sans-serif;
  background-color: #333;
}
@media (min-width: 768px) {
  .footer1 a, .footer1 a:visited {
    height: 30px;
    line-height: 30px;
    font-size: 0.7em;
  }
}
.footer1 a:hover, .footer1 a:active {
  background-color: #3f3f3f;
}

.footer-sites {
  font-family: "adelle-sans", Arial, sans-serif;
}
.footer-sites ul {
  text-align: center;
  padding: 200px 0 20px 0px;
}
@media (min-width: 1070px) {
  .footer-sites ul {
    text-align: left;
    width: 600px;
    overflow: hidden;
    padding: 24px 0;
    margin-left: 370px;
  }
}
.footer-sites li {
  margin: 0 auto;
  font-size: 17px; /* font-size: 15px; text-transform: uppercase; */
}
@media (min-width: 768px) {
  .footer-sites li {
    max-width: 322px;
  }
}
@media (min-width: 1070px) {
  .footer-sites li {
    max-width: none;
    float: left;
    width: 50%;
  }
}
.footer-sites a, .footer-sites a:visited {
  color: #fff;
  text-decoration: none;
  height: 46px;
  line-height: 46px;
  border-bottom: 1px solid #6f924d;
  display: block;
}
@media (min-width: 1070px) {
  .footer-sites a, .footer-sites a:visited {
    border-bottom: none;
    height: 30px;
    line-height: 30px;
  }
}
.footer-sites a:hover, .footer-sites a:active {
  background-color: #8BC640;
}
@media (min-width: 1070px) {
  .footer-sites a:hover, .footer-sites a:active {
    background-color: transparent;
  }
}
.footer-sites .adtmag-nav-link {
  display: none;
}

.copyright {
  font-family: Arial, sans-serif;
  font-size: 13px;
  padding: 20px;
  text-align: center;
  background: white;
}
.copyright p {
  margin-bottom: 0;
  margin-top: 5px;
}
.copyright a, .copyright a:visited {
  font-weight: bold;
  font-family: Arial, sans-serif;
  text-decoration: none;
  color: #333;
}
.copyright a:hover, .copyright a:active {
  text-decoration: underline;
}
.copyright:before {
  content: url("//adtmag.com/~/media/ECG/Logos/1105logoblue.svg");
  width: 143px;
  display: block;
  background: #fff;
  text-align: center;
  margin: 0 auto;
  padding: 10px 0;
}
@media (min-width: 1100px) {
  .copyright:before {
    float: left;
    padding: 0;
  }
}

.L1CommonDLB h3 {
  margin: 0 0 16px;
}
.L1CommonDLB .summary {
  padding-top: 0;
}

.dlb_byline {
  font-size: 16px;
  line-height: 1;
  color: #8BC640;
  font-weight: bold;
  padding: 0 20px;
}
@media (min-width: 590px) {
  .dlb_byline {
    padding: 0;
  }
}
@media (min-width: 830px) {
  .dlb_byline {
    padding: 0 20px;
  }
}
@media (min-width: 930px) {
  .dlb_byline {
    padding: 0;
  }
}
.dlb_byline a, .dlb_byline a:visited {
  color: #8BC640;
}

.intro, .customPages {
  background-color: #fff;
  padding: 1em;
  margin-bottom: 1.25em;
  border-top: 6px solid #8BC640;
}
.intro h3, .customPages h3 {
  font-size: 36px;
  line-height: 1.1;
  font-family: ff-utility-web-pro, sans-serif;
  margin: 0;
  color: #8BC640;
  font-weight: 500;
}

.topicPage {
  padding-top: 1.5em;
  padding-bottom: 1.4em;
}

[id=level1] [id=article] div {
  background-color: #fff;
  overflow: hidden;
  margin-bottom: 1em;
  padding: 20px;
}
[id=level1] [id=article] .title {
  font-family: ff-utility-web-pro, sans-serif;
  font-size: 30px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.1;
  margin: 0;
}
[id=level1] [id=article] .title a, [id=level1] [id=article] .title a:visited {
  color: #212121;
}
[id=level1] [id=article] .title a:hover, [id=level1] [id=article] .title a:active {
  color: #8BC640;
}
[id=level1] [id=article] .summary {
  position: relative;
  margin: 0.5em 0 0;
  color: #4A4A4A;
  font-size: 0.875em;
  line-height: 1.4;
}
[id=level1] [id=article] .pagination {
  margin: 0;
  padding: 0;
}
[id=level1] [id=article] img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
@media (min-width: 480px) {
  [id=level1] [id=article] img {
    width: 37.647058824%;
    float: right;
    margin-left: 20px;
  }
}

[id=level1] [id=blogPost] > div {
  background-color: #fff;
  overflow: hidden;
  margin-bottom: 16px;
  padding: 20px;
  position: relative;
  color: #4A4A4A;
  font-size: 0.875em;
  line-height: 1.4;
  position: relative;
}
[id=level1] [id=blogPost] h3 {
  font-family: ff-utility-web-pro, sans-serif;
  font-size: 32px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.1;
  margin: 50px 0 0;
}
@media (min-width: 590px) {
  [id=level1] [id=blogPost] h3 {
    font-size: 35px;
    margin: 0 130px 0 0;
  }
}
[id=level1] [id=blogPost] h3 a, [id=level1] [id=blogPost] h3 a:visited {
  color: #212121;
}
[id=level1] [id=blogPost] h3 a:hover, [id=level1] [id=blogPost] h3 a:active {
  color: #8BC640;
}
[id=level1] [id=blogPost] .names h3 a:hover, [id=level1] [id=blogPost] .names h3 a:active {
  color: #fff;
}
[id=level1] [id=blogPost] h4 {
  color: white;
  margin-top: 0;
}
[id=level1] [id=blogPost] .more {
  display: block;
}
[id=level1] [id=blogPost] .more a, [id=level1] [id=blogPost] .more a:visited {
  background-color: #8BC640;
  color: #fff;
  padding: 6px 10px;
  margin-top: 1em;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  position: relative;
}
[id=level1] [id=blogPost] .more a:hover, [id=level1] [id=blogPost] .more a:active {
  opacity: 0.9;
}
[id=level1] [id=blogPost] .more a:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 13px solid #8BC640;
  position: absolute;
  top: 0;
  right: -13px;
  display: block;
}
[id=level1] [id=blogPost] p[id] {
  font-size: 0.875em;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 0.25em 0;
  font-style: italic;
}
[id=level1] [id=blogPost] p[id] a {
  padding-left: 0.5em;
}
[id=level1] [id=blogPost] p[id] em {
  display: none;
}
[id=level1] [id=blogPost] a {
  font-weight: bold;
}

[id=level1] div.names {
  background-color: #8BC640;
  padding: 30px 20px 60px;
}
[id=level1] div.names h3 {
  font-size: 35px;
  color: #fff;
  margin: 0;
  line-height: 1.1;
}
@media (min-width: 590px) {
  [id=level1] div.names h3 {
    font-size: 45px;
  }
}
@media (min-width: 830px) {
  [id=level1] div.names h3 {
    font-size: 50px;
  }
}
[id=level1] div.names a, [id=level1] div.names a:visited {
  color: #fff;
}
[id=level1] div.names > a, [id=level1] div.names .clear {
  display: none;
}

.blog-byline, .column-byline {
  display: block;
  font-size: 14px;
}
@media (min-width: 590px) {
  .blog-byline, .column-byline {
    font-size: 16px;
  }
}
@media (min-width: 640px) {
  .blog-byline, .column-byline {
    font-size: 18px;
  }
}
@media (min-width: 830px) {
  .blog-byline, .column-byline {
    font-size: 15px;
  }
}
@media (min-width: 930px) {
  .blog-byline, .column-byline {
    font-size: 16px;
  }
}
@media (min-width: 980px) {
  .blog-byline, .column-byline {
    font-size: 18px;
  }
}

.watersworks-header {
  display: none;
}
@media (min-width: 601px) {
  .watersworks-header {
    display: block;
    position: absolute;
    right: 0;
    top: auto;
    bottom: 0;
  }
}

[action*="Agile-Architect.aspx"] .intro, [action*="agile-architect.aspx"] .intro,
[action*="agilearchitect.aspx"] .intro, [action*=agilearchitect] .intro,
[action*="AgileArchitect.aspx"] .intro, [action*=AgileArchitect] .intro,
[action*="aa.aspx"] .intro, [action*=aa] .intro, [action*="aA.aspx"] .intro, [action*=aA] .intro,
[action*="agile.aspx"] .intro, [action*=agile] .intro, [action*="Agile.aspx"] .intro, [action*=Agile] .intro,
[action*="the-citizen-developer.aspx"] .intro, [action*=the-citizen-developer] .intro,
[action*="The-Citizen-Developer.aspx"] .intro, [action*=The-Citizen-Developer] .intro {
  border: none;
  background: #8BC640;
  padding: 20px;
}
@media (min-width: 590px) {
  [action*="Agile-Architect.aspx"] .intro, [action*="agile-architect.aspx"] .intro,
  [action*="agilearchitect.aspx"] .intro, [action*=agilearchitect] .intro,
  [action*="AgileArchitect.aspx"] .intro, [action*=AgileArchitect] .intro,
  [action*="aa.aspx"] .intro, [action*=aa] .intro, [action*="aA.aspx"] .intro, [action*=aA] .intro,
  [action*="agile.aspx"] .intro, [action*=agile] .intro, [action*="Agile.aspx"] .intro, [action*=Agile] .intro,
  [action*="the-citizen-developer.aspx"] .intro, [action*=the-citizen-developer] .intro,
  [action*="The-Citizen-Developer.aspx"] .intro, [action*=The-Citizen-Developer] .intro {
    background: #8BC640 url("//adtmag.com/~/media/ECG/adtmag/design/agilearchitectgreenbg.png") no-repeat 100% 6px;
    padding: 28px 20px;
  }
}
@media (min-width: 620px) {
  [action*="Agile-Architect.aspx"] .intro, [action*="agile-architect.aspx"] .intro,
  [action*="agilearchitect.aspx"] .intro, [action*=agilearchitect] .intro,
  [action*="AgileArchitect.aspx"] .intro, [action*=AgileArchitect] .intro,
  [action*="aa.aspx"] .intro, [action*=aa] .intro, [action*="aA.aspx"] .intro, [action*=aA] .intro,
  [action*="agile.aspx"] .intro, [action*=agile] .intro, [action*="Agile.aspx"] .intro, [action*=Agile] .intro,
  [action*="the-citizen-developer.aspx"] .intro, [action*=the-citizen-developer] .intro,
  [action*="The-Citizen-Developer.aspx"] .intro, [action*=The-Citizen-Developer] .intro {
    background-position: 100% 6px;
    padding: 29px 20px 29px;
  }
}
@media (min-width: 830px) {
  [action*="Agile-Architect.aspx"] .intro, [action*="agile-architect.aspx"] .intro,
  [action*="agilearchitect.aspx"] .intro, [action*=agilearchitect] .intro,
  [action*="AgileArchitect.aspx"] .intro, [action*=AgileArchitect] .intro,
  [action*="aa.aspx"] .intro, [action*=aa] .intro, [action*="aA.aspx"] .intro, [action*=aA] .intro,
  [action*="agile.aspx"] .intro, [action*=agile] .intro, [action*="Agile.aspx"] .intro, [action*=Agile] .intro,
  [action*="the-citizen-developer.aspx"] .intro, [action*=the-citizen-developer] .intro,
  [action*="The-Citizen-Developer.aspx"] .intro, [action*=The-Citizen-Developer] .intro {
    background-position: 100% 6px;
  }
}
[action*="Agile-Architect.aspx"] .intro h3, [action*="agile-architect.aspx"] .intro h3,
[action*="agilearchitect.aspx"] .intro h3, [action*=agilearchitect] .intro h3,
[action*="AgileArchitect.aspx"] .intro h3, [action*=AgileArchitect] .intro h3,
[action*="aa.aspx"] .intro h3, [action*=aa] .intro h3, [action*="aA.aspx"] .intro h3, [action*=aA] .intro h3,
[action*="agile.aspx"] .intro h3, [action*=agile] .intro h3, [action*="Agile.aspx"] .intro h3, [action*=Agile] .intro h3,
[action*="the-citizen-developer.aspx"] .intro h3, [action*=the-citizen-developer] .intro h3,
[action*="The-Citizen-Developer.aspx"] .intro h3, [action*=The-Citizen-Developer] .intro h3 {
  color: #fff;
  font-size: 29px;
  line-height: 1.2;
}
@media (min-width: 590px) {
  [action*="Agile-Architect.aspx"] .intro h3, [action*="agile-architect.aspx"] .intro h3,
  [action*="agilearchitect.aspx"] .intro h3, [action*=agilearchitect] .intro h3,
  [action*="AgileArchitect.aspx"] .intro h3, [action*=AgileArchitect] .intro h3,
  [action*="aa.aspx"] .intro h3, [action*=aa] .intro h3, [action*="aA.aspx"] .intro h3, [action*=aA] .intro h3,
  [action*="agile.aspx"] .intro h3, [action*=agile] .intro h3, [action*="Agile.aspx"] .intro h3, [action*=Agile] .intro h3,
  [action*="the-citizen-developer.aspx"] .intro h3, [action*=the-citizen-developer] .intro h3,
  [action*="The-Citizen-Developer.aspx"] .intro h3, [action*=The-Citizen-Developer] .intro h3 {
    font-size: 42px;
  }
}
@media (min-width: 640px) {
  [action*="Agile-Architect.aspx"] .intro h3, [action*="agile-architect.aspx"] .intro h3,
  [action*="agilearchitect.aspx"] .intro h3, [action*=agilearchitect] .intro h3,
  [action*="AgileArchitect.aspx"] .intro h3, [action*=AgileArchitect] .intro h3,
  [action*="aa.aspx"] .intro h3, [action*=aa] .intro h3, [action*="aA.aspx"] .intro h3, [action*=aA] .intro h3,
  [action*="agile.aspx"] .intro h3, [action*=agile] .intro h3, [action*="Agile.aspx"] .intro h3, [action*=Agile] .intro h3,
  [action*="the-citizen-developer.aspx"] .intro h3, [action*=the-citizen-developer] .intro h3,
  [action*="The-Citizen-Developer.aspx"] .intro h3, [action*=The-Citizen-Developer] .intro h3 {
    font-size: 48px;
  }
}
@media (min-width: 830px) {
  [action*="Agile-Architect.aspx"] .intro h3, [action*="agile-architect.aspx"] .intro h3,
  [action*="agilearchitect.aspx"] .intro h3, [action*=agilearchitect] .intro h3,
  [action*="AgileArchitect.aspx"] .intro h3, [action*=AgileArchitect] .intro h3,
  [action*="aa.aspx"] .intro h3, [action*=aa] .intro h3, [action*="aA.aspx"] .intro h3, [action*=aA] .intro h3,
  [action*="agile.aspx"] .intro h3, [action*=agile] .intro h3, [action*="Agile.aspx"] .intro h3, [action*=Agile] .intro h3,
  [action*="the-citizen-developer.aspx"] .intro h3, [action*=the-citizen-developer] .intro h3,
  [action*="The-Citizen-Developer.aspx"] .intro h3, [action*=The-Citizen-Developer] .intro h3 {
    font-size: 34px;
  }
}
@media (min-width: 930px) {
  [action*="Agile-Architect.aspx"] .intro h3, [action*="agile-architect.aspx"] .intro h3,
  [action*="agilearchitect.aspx"] .intro h3, [action*=agilearchitect] .intro h3,
  [action*="AgileArchitect.aspx"] .intro h3, [action*=AgileArchitect] .intro h3,
  [action*="aa.aspx"] .intro h3, [action*=aa] .intro h3, [action*="aA.aspx"] .intro h3, [action*=aA] .intro h3,
  [action*="agile.aspx"] .intro h3, [action*=agile] .intro h3, [action*="Agile.aspx"] .intro h3, [action*=Agile] .intro h3,
  [action*="the-citizen-developer.aspx"] .intro h3, [action*=the-citizen-developer] .intro h3,
  [action*="The-Citizen-Developer.aspx"] .intro h3, [action*=The-Citizen-Developer] .intro h3 {
    font-size: 42px;
  }
}
@media (min-width: 980px) {
  [action*="Agile-Architect.aspx"] .intro h3, [action*="agile-architect.aspx"] .intro h3,
  [action*="agilearchitect.aspx"] .intro h3, [action*=agilearchitect] .intro h3,
  [action*="AgileArchitect.aspx"] .intro h3, [action*=AgileArchitect] .intro h3,
  [action*="aa.aspx"] .intro h3, [action*=aa] .intro h3, [action*="aA.aspx"] .intro h3, [action*=aA] .intro h3,
  [action*="agile.aspx"] .intro h3, [action*=agile] .intro h3, [action*="Agile.aspx"] .intro h3, [action*=Agile] .intro h3,
  [action*="the-citizen-developer.aspx"] .intro h3, [action*=the-citizen-developer] .intro h3,
  [action*="The-Citizen-Developer.aspx"] .intro h3, [action*=The-Citizen-Developer] .intro h3 {
    font-size: 50px;
  }
}
[action*="Agile-Architect.aspx"] .intro > p, [action*="agile-architect.aspx"] .intro > p,
[action*="agilearchitect.aspx"] .intro > p, [action*=agilearchitect] .intro > p,
[action*="AgileArchitect.aspx"] .intro > p, [action*=AgileArchitect] .intro > p,
[action*="aa.aspx"] .intro > p, [action*=aa] .intro > p, [action*="aA.aspx"] .intro > p, [action*=aA] .intro > p,
[action*="agile.aspx"] .intro > p, [action*=agile] .intro > p, [action*="Agile.aspx"] .intro > p, [action*=Agile] .intro > p,
[action*="the-citizen-developer.aspx"] .intro > p, [action*=the-citizen-developer] .intro > p,
[action*="The-Citizen-Developer.aspx"] .intro > p, [action*=The-Citizen-Developer] .intro > p {
  margin: 0;
}
[action*="Agile-Architect.aspx"] .intro .clear, [action*="agile-architect.aspx"] .intro .clear,
[action*="agilearchitect.aspx"] .intro .clear, [action*=agilearchitect] .intro .clear,
[action*="AgileArchitect.aspx"] .intro .clear, [action*=AgileArchitect] .intro .clear,
[action*="aa.aspx"] .intro .clear, [action*=aa] .intro .clear, [action*="aA.aspx"] .intro .clear, [action*=aA] .intro .clear,
[action*="agile.aspx"] .intro .clear, [action*=agile] .intro .clear, [action*="Agile.aspx"] .intro .clear, [action*=Agile] .intro .clear,
[action*="the-citizen-developer.aspx"] .intro .clear, [action*=the-citizen-developer] .intro .clear,
[action*="The-Citizen-Developer.aspx"] .intro .clear, [action*=The-Citizen-Developer] .intro .clear {
  display: none;
}

@media (min-width: 590px) {
  [action*="the-citizen-developer.aspx"] .intro,
  [action*=the-citizen-developer] .intro,
  [action*="The-Citizen-Developer.aspx"] .intro,
  [action*=The-Citizen-Developer] .intro {
    background: #8BC640 url("//adtmag.com/~/media/ECG/adtmag/design/cohen_howard.png") no-repeat 100% 6px;
    background-size: 130px;
  }
}

.agilearchitect-rss {
  font-size: 11px;
  margin-top: 8px;
}
@media (min-width: 590px) {
  .agilearchitect-rss {
    font-size: 13px;
    margin-top: 19px;
  }
}
.agilearchitect-rss img {
  display: inline-block;
  position: relative;
  top: 3px;
  margin-right: 5px;
}
.ie8 .agilearchitect-rss img {
  display: none;
}
.agilearchitect-rss a, .agilearchitect-rss a:visited {
  color: #fff;
}
.agilearchitect-rss em {
  font-style: normal;
  font-weight: bold;
}

.sharePage {
  position: absolute;
  top: 25px;
  width: 100px;
  margin-bottom: auto;
  left: 20px;
}
@media (min-width: 590px) {
  .sharePage {
    right: 20px;
    left: auto;
  }
}
.sharePage p {
  margin: 0;
}

ul.shareBox2 {
  margin: 0;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #ccc;
  width: 180px;
  position: absolute;
  left: 0;
  top: 30px;
  display: none;
  list-style-type: none;
  z-index: 100;
}
@media (min-width: 590px) {
  ul.shareBox2 {
    left: auto;
    right: 0;
  }
}
ul.shareBox2 li {
  padding: 5px 0;
  margin-bottom: 0;
}
ul.shareBox2 a, ul.shareBox2 a:visited {
  position: relative;
  padding-left: 28px;
  display: block;
  box-shadow: none;
  color: #333;
  line-height: 1.5;
}
ul.shareBox2 a:before {
  display: block;
  content: "";
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 28px;
  height: 19px;
  background-repeat: no-repeat;
}
ul.shareBox2 .facebook a:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12px' height='20px' viewBox='194 50 12 20' enable-background='new 194 50 12 20' xml:space='preserve'%3E%3Cpath fill='%23333333' d='M203.91,61.051l0.467-3.042h-2.918v-1.974c0-0.832,0.407-1.643,1.714-1.643h1.327v-2.589 c0,0-1.204-0.206-2.355-0.206c-2.402,0-3.973,1.457-3.973,4.093v2.318H195.5v3.042h2.671v7.352h3.288v-7.352H203.91z'/%3E%3C/svg%3E%0A");
  background-position: 0 1px;
}
ul.shareBox2 .twitter a:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 20' style='enable-background:new 0 0 16 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23333333;%7D%0A%3C/style%3E%3Cpath id='twitter' class='st0' d='M9.5,9.8L15,3.3h-1.4L8.9,9L5,3.3H0.5l5.8,8.5l-5.8,6.8h1.4L7,12.8l4.1,5.9h4.5L9.5,9.8L9.5,9.8z M7.7,11.9L7,11L2.3,4.3h2l3.8,5.5l0.6,0.8l4.9,7.1h-2L7.7,11.9L7.7,11.9z'/%3E%3C/svg%3E");
  background-position: 0 1px;
}
ul.shareBox2 .linkedin a:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20px' height='20px' viewBox='190 50 20 20' enable-background='new 190 50 20 20' xml:space='preserve'%3E%3Cpath fill='%23333333' d='M196.858,67.5h-3.11V57.485h3.11V67.5z M195.301,56.119c-0.994,0-1.801-0.824-1.801-1.818 c0-0.994,0.807-1.801,1.801-1.801c0.996,0.001,1.802,0.807,1.802,1.801C197.103,55.295,196.295,56.119,195.301,56.119z M208.497,67.5h-3.104v-4.876c0-1.161-0.022-2.652-1.616-2.652c-1.617,0-1.865,1.263-1.865,2.569V67.5h-3.106V57.485h2.984v1.366 h0.044c0.413-0.786,1.428-1.617,2.941-1.617c3.147,0,3.726,2.073,3.726,4.766v5.5H208.497z'/%3E%3C/svg%3E%0A");
  background-position: -2px -1px;
}

.active .shareBox2 {
  display: block;
}

#rotator {
  display: none;
}

.shareTrigger, .shareTrigger:visited {
  background: #4A4A4A url("//adtmag.com/~/media/ECG/redmondmag/design/shareicon.png") no-repeat 10px 4px;
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  padding: 5px 10px 4px 39px;
  text-transform: uppercase;
  display: block;
  font-family: ff-utility-web-pro, sans-serif;
  box-shadow: none;
}

.shareTrigger:hover, .shareTrigger:active {
  opacity: 0.8;
}

.socialshare__wrapper {
  display: flex;
  margin-left: -15px;
  margin-bottom: 10px;
}
@media (min-width: 760px) {
  .socialshare__wrapper {
    position: absolute;
    right: 30px;
    top: 22px;
    margin-bottom: auto;
  }
  #blogPost .socialshare__wrapper {
    position: relative;
    right: 0;
    top: 0;
  }
}
.socialshare__wrapper .share__list {
  display: flex;
  flex: 1;
  margin: 0;
  padding: 0;
  list-style: none;
}
.socialshare__wrapper .share__item + .share__item {
  margin-left: 0.5rem;
}
.socialshare__wrapper .share__link {
  border: none;
  position: relative;
  background: transparent;
  cursor: pointer;
  width: 23px;
}
.socialshare__wrapper .share__link:before {
  width: 20px;
  height: 20px;
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
}
.socialshare__wrapper .share__link.share__link--facebook {
  padding-left: 10px;
}
.socialshare__wrapper .share__link.share__link--facebook:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12px' height='20px' viewBox='194 50 12 20' enable-background='new 194 50 12 20' xml:space='preserve'%3E%3Cpath fill='%230474b6' d='M203.91,61.051l0.467-3.042h-2.918v-1.974c0-0.832,0.407-1.643,1.714-1.643h1.327v-2.589 c0,0-1.204-0.206-2.355-0.206c-2.402,0-3.973,1.457-3.973,4.093v2.318H195.5v3.042h2.671v7.352h3.288v-7.352H203.91z'/%3E%3C/svg%3E%0A");
  background-position: 0 0;
}
.socialshare__wrapper .share__link.share__link--twitter:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 20' style='enable-background:new 0 0 16 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230474B6;%7D%0A%3C/style%3E%3Cpath id='twitter' class='st0' d='M9.5,9.8L15,3.3h-1.4L8.9,9L5,3.3H0.5l5.8,8.5l-5.8,6.8h1.4L7,12.8l4.1,5.9h4.5L9.5,9.8L9.5,9.8z M7.7,11.9L7,11L2.3,4.3h2l3.8,5.5l0.6,0.8l4.9,7.1h-2L7.7,11.9L7.7,11.9z'/%3E%3C/svg%3E");
  background-position: 0 0;
}
.socialshare__wrapper .share__link.share__link--linkedin:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20px' height='20px' viewBox='190 50 20 20' enable-background='new 190 50 20 20' xml:space='preserve'%3E%3Cpath fill='%230474b6' d='M196.858,67.5h-3.11V57.485h3.11V67.5z M195.301,56.119c-0.994,0-1.801-0.824-1.801-1.818 c0-0.994,0.807-1.801,1.801-1.801c0.996,0.001,1.802,0.807,1.802,1.801C197.103,55.295,196.295,56.119,195.301,56.119z M208.497,67.5h-3.104v-4.876c0-1.161-0.022-2.652-1.616-2.652c-1.617,0-1.865,1.263-1.865,2.569V67.5h-3.106V57.485h2.984v1.366 h0.044c0.413-0.786,1.428-1.617,2.941-1.617c3.147,0,3.726,2.073,3.726,4.766v5.5H208.497z'/%3E%3C/svg%3E%0A");
  background-position: -2px 1px;
}

[id=level0] [id=article] {
  background-color: #fff;
  margin: 0 0 16px;
  padding: 20px;
  font-size: 16px;
  line-height: 1.5;
  position: relative;
}
[id=level0] [id=article] .title {
  font-family: ff-utility-web-pro, sans-serif;
  font-size: 35px;
  line-height: 1.1;
  margin: 0;
}
@media (min-width: 760px) {
  [id=level0] [id=article] .title {
    margin: 0 5.5rem 0 0;
  }
}
[id=level0] [id=article] table {
  max-width: 100%;
}
[id=level0] [id=article] table[width="300"], [id=level0] [id=article] table[width="305"] {
  width: auto;
}
@media (min-width: 435px) {
  [id=level0] [id=article] table[width="300"], [id=level0] [id=article] table[width="305"] {
    width: 305px;
  }
}
[id=level0] [id=article] .introimage img {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.75em;
  margin-top: 8px;
}
@media (min-width: 480px) {
  [id=level0] [id=article] .introimage img {
    position: relative;
    z-index: 1;
    width: 37.647058824%;
    float: right;
    margin-left: 20px;
  }
}
[id=level0] [id=article] a {
  font-weight: bold;
}

.deck {
  font-style: italic;
  color: #666;
}

.byline {
  font-weight: bold;
  font-size: 13px;
  list-style: none;
  padding: 0;
}
.byline:before, .byline:after {
  content: " ";
  display: table;
}
.byline:after {
  clear: both;
}
.byline li {
  float: left;
  padding-right: 10px;
  margin-right: 15px;
  position: relative;
}

.author:after {
  content: "";
  background-color: #8BC640;
  width: 7px;
  height: 7px;
  display: block;
  position: absolute;
  left: 100%;
  top: 7px;
}

.aboutAuthor {
  border-top: 1px solid #efefef;
  padding: 10px 0 0;
  clear: both;
}
.aboutAuthor p {
  margin: 0 0 16px 0;
  font-style: italic;
}
.aboutAuthor .author {
  font-weight: bold;
  font-style: normal;
}
.aboutAuthor .author:after {
  display: none;
}

figure {
  text-align: center;
  margin: 0 0 1em;
}
figure b {
  display: block;
  font-style: normal;
}
figure em {
  font-weight: bold;
}

figcaption {
  font-size: 14px;
  font-style: italic;
}
@media (min-width: 600px) {
  figcaption {
    font-size: 0.8em;
  }
}

#article pre, #article .codesnippet {
  overflow: auto;
  width: auto;
  word-break: normal;
  word-wrap: normal;
  white-space: pre;
  max-height: 400px;
  background: #efefef;
  padding: 10px;
}
.wide #article pre, .wide #article .codesnippet {
  max-height: none;
}
#article pre b, #article pre strong, #article .codesnippet b, #article .codesnippet strong {
  font-family: monospace, serif !important;
}

#disqus_thread {
  background-color: #fff;
  padding: 20px;
}

.articleFeedback {
  background-color: #fff;
  padding: 20px;
  margin-bottom: 1em;
  text-align: center;
}

.intprint, .intsend {
  display: inline-block;
}
.intprint a, .intprint a:visited, .intsend a, .intsend a:visited {
  background: url("//adtmag.com/~/media/ECG/adtmag/design/print.gif") no-repeat 0 50%;
  padding: 0 0 0 16px;
  margin: 0;
  text-decoration: none;
  color: #444;
  text-transform: uppercase;
  display: inline-block;
  font-size: 13px;
  margin-right: 5px;
}
@media (min-width: 840px) {
  .intprint a, .intprint a:visited, .intsend a, .intsend a:visited {
    font-size: 11px;
  }
}
.intprint a:hover, .intprint a:active, .intsend a:hover, .intsend a:active {
  text-decoration: underline;
}

.intsend a, .intsend a:visited {
  background-image: url("//adtmag.com/~/media/ECG/adtmag/design/send.gif");
  background-repeat: no-repeat;
  margin-left: 5px;
}

.intsend {
  display: none;
}

.horizontal-social-buttons {
  display: none;
}
#article .horizontal-social-buttons {
  padding: 0 0 10px;
  position: relative;
  display: block;
}
@media (min-width: 620px) {
  #article .horizontal-social-buttons {
    padding: 24px 20px 0;
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media (min-width: 830px) {
  #article .horizontal-social-buttons {
    padding: 0 0 10px;
    position: relative;
  }
}
@media (min-width: 900px) {
  #article .horizontal-social-buttons {
    padding: 24px 20px 0;
    position: absolute;
    top: 0;
    right: 0;
  }
}
#level0 + .horizontal-social-buttons {
  padding-left: 20px;
  display: block;
}
#whitepaper .horizontal-social-buttons, #blogPost .horizontal-social-buttons {
  display: block;
}
.horizontal-social-buttons + .title {
  padding-top: 34px;
}
.horizontal-social-buttons:after {
  content: "";
  display: table;
  clear: both;
}

.social-button {
  float: left;
}

#article iframe#twitter-widget-0, #blogPost iframe#twitter-widget-0, #whitepaper iframe#twitter-widget-0 {
  width: 105px !important;
}

#blogPost .fb-share-button {
  top: 0;
}

.IN-widget {
  margin-right: 10px;
}
.IN-widget span {
  box-sizing: content-box;
}

.fb_iframe_widget span {
  position: relative;
  top: -4px;
}

#whitepaper .fb_iframe_widget span {
  position: relative;
  top: -1px;
}

iframe#twitter-widget-0 {
  margin-right: -30px;
  margin-left: 10px;
}

[id=level0] [id=blogPost] {
  line-height: 1.5;
  font-size: 16px;
}
[id=level0] [id=blogPost] h3 {
  font-family: ff-utility-web-pro, sans-serif;
  font-size: 35px;
  line-height: 1.1;
  margin: 0;
}
[id=level0] [id=blogPost] h4 {
  color: white;
  margin-top: 0;
}
[id=level0] [id=blogPost] p[id] {
  font-style: italic;
  font-size: 12px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 0.25em 0;
}

[id=level0] .names {
  background: #8BC640;
  padding: 30px 20px 60px;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}
[id=level0] .names h3 {
  font-size: 35px;
  color: #fff;
  margin: 0;
  line-height: 1.1;
}
@media (min-width: 590px) {
  [id=level0] .names h3 {
    font-size: 45px;
  }
}
@media (min-width: 830px) {
  [id=level0] .names h3 {
    font-size: 50px;
  }
}
[id=level0] .names a, [id=level0] .names a:visited {
  color: #8BC640;
  position: absolute;
  bottom: 20px;
  text-decoration: none;
}
[id=level0] .names a:before {
  content: "Blog Home";
  color: #fff;
  font-weight: bold;
}
[id=level0] .names a:hover:before {
  text-decoration: underline;
}
[id=level0] .names .clear {
  display: none;
}
[id=level0] .names + div {
  position: relative;
  background-color: #fff;
  margin-bottom: 16px;
  padding: 20px;
}
[id=level0] .names + div a {
  font-weight: bold;
}

.introimage img {
  margin-top: 1em;
}

.kicker {
  background-color: #8BC640;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding: 0 8px 0 20px;
  margin: 2px 0 16px -20px;
  position: relative;
  text-transform: uppercase;
}
@media (min-width: 830px) {
  .kicker {
    font-size: 0.7142857143em;
  }
}
.kicker:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #8BC640;
  position: absolute;
  top: 0;
  right: -12px;
  display: block;
}
.kicker a, .kicker a:visited {
  color: #fff;
}

.customPages {
  background-color: #fff;
  line-height: 1.5;
  font-size: 14px;
}
.customPages a {
  font-weight: bold;
}
.customPages h4 {
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 16px;
  color: #4A4A4A;
}
.customPages h4 + p {
  margin-top: 0;
}

.bigsubhead {
  font-weight: bold;
  font-size: 24px;
  color: #444444;
}

.glossary .customPages-content {
  padding-bottom: 30px;
  line-height: 24px;
}
.glossary .L1CommonDLB {
  max-width: initial;
}
.glossary .pContent {
  background-color: white;
}
.glossary .pContent .intro {
  border-bottom: 20px solid #212121;
}
.glossary .pContent .jump-menu-header {
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 24px;
  margin-top: 40px;
}
.glossary .pContent nav a, .glossary .pContent nav a:visited {
  font-weight: 500;
  color: #212121;
}
.glossary .pContent nav ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px 20px;
  margin: 0;
  padding: 0 20px;
  list-style-type: none;
}
.glossary .pContent nav ul li {
  font-size: 21px;
  font-family: ff-utility-web-pro, sans-serif;
}
.glossary .pContent .glossary-list-container {
  padding: 40px 20px 80px 20px;
  margin-inline: auto;
}
@media (min-width: 700px) {
  .glossary .pContent .glossary-list-container {
    -moz-column-count: 2;
         column-count: 2;
  }
}
.glossary .pContent .listBoxDynamic {
  margin-bottom: 40px;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
@media (min-width: 1100px) {
  .glossary .pContent .listBoxDynamic {
    padding-left: 120px;
  }
}
.glossary .pContent .listBoxDynamic h3 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 40px;
  color: #8BC640;
  font-weight: 700;
  font-family: ff-utility-web-pro, sans-serif;
}
.glossary .pContent .listBoxDynamic ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.glossary .pContent .listBoxDynamic ul li {
  margin-bottom: 9px;
}

.bottomarticles {
  text-align: left;
  padding: 40px 20px 40px 20px;
  background-color: #fff;
  margin-top: -16px;
  overflow: auto;
}
.bottomarticles h4 {
  font-size: 28px;
  color: #ffffff;
  width: 100%;
  /*background-color: #0076a3;*/
  background-color: #474646;
  margin-bottom: 5px;
  margin-top: 0;
  padding: 5px 15px;
  font-weight: bold;
}
.bottomarticles h3 {
  font-size: 22px;
  margin: 15px 25px;
  padding-right: 5px;
}
@media (min-width: 960px) {
  .bottomarticles h3 {
    font-size: 25px;
  }
}
.bottomarticles h3 a {
  color: #ffffff;
  text-decoration: none;
}
.bottomarticles h3 a:hover {
  color: #dddddd;
  text-decoration: none;
}
.bottomarticles ul {
  list-style: none;
  padding-left: 0;
}
.bottomarticles li {
  width: 100%;
  height: auto;
  float: left;
  /*background-color: #0076a3;*/
  background-color: #45464d;
  margin: 0 0 10px 0;
  padding: 0;
}
.bottomarticles li img {
  width: 93%;
  margin: 10px 20px 10px 10px;
  display: block;
  float: none;
}
@media (min-width: 500px) {
  .bottomarticles li img {
    float: left;
    width: 200px;
    margin: 10px 20px 10px 10px;
  }
}
@media (min-width: 769px) {
  .bottomarticles li img {
    float: none;
    width: 70%;
    margin: 10px auto;
  }
}
@media (min-width: 960px) {
  .bottomarticles li img {
    float: left;
    width: 200px;
    margin: 10px 20px 10px 10px;
  }
}

.native1,
.native2,
.native3 {
  position: relative;
  max-width: 680px;
}
.native1 .ad,
.native2 .ad,
.native3 .ad {
  margin: 0 auto 0 auto !important;
}
.native1 iframe,
.native2 iframe,
.native3 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.native3 {
  max-width: 675px;
}

.NAcontainer {
  background-color: #FFFFFF;
  padding: 0 20px 20px 20px;
  margin: -20px 0;
}
.NAcontainer p {
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 15px 0;
}
.NAcontainer img {
  display: block;
  margin-bottom: 20px;
}
@media (min-width: 650px) {
  .NAcontainer img {
    float: right;
    width: 375px;
    margin-left: 20px;
  }
}
.NAcontainer blockquote {
  margin: 30px;
  color: #555;
}
.NAcontainer ul {
  font: 16px/1.5 "adelle-sans", sans-serif;
}
.NAcontainer h4 {
  color: #8BC640;
  font-size: 22px;
  margin-top: 35px;
  margin-bottom: 10px;
  font-weight: 400;
}
.NAcontainer .NASpline {
  background-color: #8BC640;
  display: inline-block;
  width: 100%;
  padding: 10px 10px 10px 10px;
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: left;
  margin: 40px 0 20px 0;
}
@media (min-width: 650px) {
  .NAcontainer .NASpline {
    font-size: 15px;
  }
}
.NAcontainer .NASpline .NAbrought {
  display: inline;
  float: right;
  color: #FFFFFF;
  font-weight: bold;
  font-style: normal;
  font-size: 12px;
  font-style: italic;
}
.NAcontainer .NASpline .NAbrought a {
  color: #FFFFFF;
  font-weight: bold;
  font-style: normal;
}
.NAcontainer .NASpline .NAbrought a:hover {
  color: #FFFFFF;
}
.NAcontainer .NAlogo {
  margin-top: -20px;
  float: right;
  margin-bottom: 15px;
}
.NAcontainer .NAlogo:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 650px) {
  .NAcontainer .NAlogo {
    margin-top: 5px;
  }
}
@media (min-width: 1024px) {
  .NAcontainer .NAlogo {
    margin-top: -15px;
  }
}
.NAcontainer .NAlogo img {
  margin-top: 5px;
  width: 80px;
}
@media (min-width: 650px) {
  .NAcontainer .NAlogo img {
    width: 130px;
  }
}
.NAcontainer .NAheadline {
  font-family: ff-utility-web-pro, sans-serif;
  font-size: 36px;
  line-height: 1.1;
  margin: 20px 0 20px 0;
  font-weight: bold;
}
@media (min-width: 650px) {
  .NAcontainer .NAheadline {
    margin: 0 200px 20px 0;
  }
}
@media (min-width: 1024px) {
  .NAcontainer .NAheadline {
    margin-top: 20px;
  }
}
.NAcontainer .NAbyline {
  color: #444;
  font: bold 0.875em/1.3 "adelle-sans", sans-serif;
  text-decoration: none;
  list-style: none;
  padding: 0;
  clear: both;
}
.NAcontainer .NAdeck {
  font: italic 1.214285714em/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333;
  position: relative;
  margin: -10px 30px 20px 0;
}
.NAcontainer .NASubhead {
  font-size: 20px;
  margin-bottom: 0;
  font-weight: bold;
}
.NAcontainer .NAImage img {
  padding-top: 20px;
  width: auto;
  display: block;
  float: none;
  margin: 0 auto;
}
.NAcontainer .Sponsorline {
  border-top: 1px solid #efefef;
  padding: 20px 0 0 0;
  clear: both;
  margin: 0;
  margin-top: 30px;
  font-style: italic;
}
.NAcontainer .nabiointro {
  font-weight: bold;
  margin: 20px 0 4px 0;
}
.NAcontainer .nabio {
  padding-bottom: 20px;
  border-bottom: 1px solid #efefef;
}
.NAcontainer .nabio p {
  font-size: 14px;
  line-height: 1.4;
}
.NAcontainer .NAdisclaimer {
  font-size: 13px;
  font-style: italic;
  margin-top: 18px;
  padding-top: 5px;
  color: #343434;
}

.searchresults {
  border-top: 6px solid #8BC640;
}
.searchresults h2 {
  font-family: ff-utility-web-pro, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.1;
  margin: 0;
  color: #212121;
}
.searchresults h2 a, .searchresults h2 a:visited {
  color: #212121;
  text-decoration: none;
}
.searchresults h2 a:hover, .searchresults h2 a:active {
  color: #8BC640;
}
.searchresults h3 {
  color: #4A4A4A;
  font-size: 12px;
  margin: 7px 0 0;
}
.searchresults p {
  position: relative;
  margin: 7px 0;
  color: #4A4A4A;
  font-size: 0.875em;
  line-height: 1.4;
}
.searchresults > div {
  background-color: #fff;
  overflow: hidden;
  margin-bottom: 1em;
  padding: 20px;
}
.searchresults p + a {
  font-size: 0.8em;
  line-height: 1.4em;
  display: block;
  text-decoration: none;
  font-weight: bold;
}
.searchresults > ul {
  background: #ddd;
  font-size: 12px;
  font-weight: bold;
  padding: 6px 20px;
  overflow: hidden;
}
.searchresults > ul li {
  float: left;
  margin-right: 0.75em;
}
.searchresults > .sortby {
  background-color: #efefef;
  margin-bottom: 16px;
}
.searchresults > .sortby a, .searchresults > .sortby a:visited {
  font-weight: normal;
}
.searchresults > .sortby strong a, .searchresults > .sortby strong a:visited {
  font-weight: bold;
}
.searchresults .pagination {
  padding: 0;
}

[id*=ModifyQuery] {
  display: none;
}

.intro p {
  font-size: 14px;
  line-height: 1.4;
  color: #4A4A4A;
  margin: 0.5em 0 0;
}

#rssFeed {
  padding: 20px 20px 50px;
  font-size: 0.75em;
  background-color: #fff;
}
#rssFeed table {
  display: none;
}
#rssFeed h4 {
  text-transform: uppercase;
  margin-bottom: 0.75em;
  font-size: 16px;
  color: #4A4A4A;
}
#rssFeed li {
  padding: 1em 0 1em 28px;
  background: url("//adtmag.com/~/media/ECG/adtmag/design/rss2_0.svg") no-repeat 0% 50%;
  border-bottom: 1px solid #ddd;
}
#rssFeed a {
  font-weight: bold;
}

[action*="/404.aspx"] .pContent {
  background-color: #fff;
  margin-bottom: 1.25em;
  border-top: 6px solid #8BC640;
  padding: 20px;
  font-size: 14px;
}
[action*="/404.aspx"] .error {
  padding: 12px;
  background: #efefef;
  margin: 1em 0;
  display: block;
  font-weight: bold;
}

[action*="/login/login.aspx"] .pContent {
  width: 100%;
  float: none;
}
[action*="/login/login.aspx"] .sContent {
  display: none;
}

.login {
  position: relative;
  clear: both;
  color: #fff;
  font-size: 13px;
  background: #8BC640;
  overflow: hidden;
}
.login:before {
  content: "";
  display: table;
  clear: both;
}
.login h3 {
  font-size: 26px;
  font-family: ff-utility-web-pro, sans-serif;
  color: #fff;
  margin: 0 0 10px;
}
.login h4 {
  font: 17px;
  margin: 0 0 2px;
  color: #fff;
}
.login input {
  margin: 0 0 6px;
}
.login label {
  margin: 0 0 0 4px;
  font-size: 13px;
  position: relative;
  color: #fff;
}
.login td table {
  margin: 20px;
}
.login .content {
  font-size: 13px;
  padding: 20px;
  margin: 0;
}
.login .content p {
  font-size: 13px;
  color: #fff;
  margin: 0 0 1em;
}
.login .message {
  color: #990000;
  background-color: #fff;
  padding: 4px;
  margin: 0 0 14px;
}
.login .message a, .login .message a:visited {
  color: #0474B6;
}
.login b {
  color: #fff;
  font-size: 17px;
}
.login td {
  background-color: #1270b6;
  background-color: #8BC640;
}
.login td[width="50%"], .login td[rowspan="8"] {
  width: 50%;
  background-color: #4A4A4A;
  display: none;
}
@media (min-width: 400px) {
  .login td[width="50%"], .login td[rowspan="8"] {
    display: table-cell;
  }
}
.login a:link, .login a:visited {
  color: #fff;
}

.showTrigger {
  display: none;
}

.hide {
  display: none;
}

.subheadsummit {
  color: #0474B6;
  font-weight: 700;
  line-height: 1.3;
}

.prizesection {
  position: relative;
  margin: 40px 0;
  padding: 22px;
  border: 1px solid #ccc;
  border-left: 3px solid #ccc;
  border-radius: 5px;
}
@media (min-width: 500px) {
  .prizesection {
    padding: 28px;
  }
}
.prizesection .prizesubhead {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #AF1B10;
  line-height: 1.2;
}
.prizesection .prizedescription {
  display: block;
  margin: 10px 0;
  font-size: 15px;
}
.prizesection .prizeicon {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(calc(-50% - 1.5px), -50%);
  padding: 8px;
  background: white;
  border-radius: 50%;
}
.prizesection .prizeicon:before {
  display: block;
  content: "";
  width: 26px;
  height: 26px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32;' width='26' height='26'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23cccccc%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M29.93,11.58H16.67v7.2h13.26c0.59,0,1.07-0.48,1.07-1.07v-5.06C31,12.05,30.52,11.58,29.93,11.58z'/%3E%3Cpath class='st0' d='M1,12.64v5.06c0,0.59,0.48,1.07,1.07,1.07h12.94v-7.2H2.07C1.48,11.58,1,12.05,1,12.64z'/%3E%3Cpath class='st0' d='M2.85,30.78c0,0.59,0.48,1.07,1.07,1.07h11.09V19.62H2.85V30.78z'/%3E%3Cpath class='st0' d='M16.67,31.84h11.09c0.59,0,1.07-0.48,1.07-1.07V19.62H16.67V31.84z'/%3E%3Cpath class='st0' d='M19.93,10.4c2.47,0,4.12-0.33,5.06-1c1.1-0.8,1.83-1.98,2.05-3.32c0.22-1.35-0.1-2.69-0.9-3.8 c-0.8-1.1-1.98-1.83-3.32-2.05c-1.35-0.22-2.69,0.1-3.8,0.9c-0.95,0.68-1.79,2.18-2.58,4.58C16.27,6.22,16.12,6.73,16,7.17 c-0.12-0.45-0.27-0.95-0.44-1.47c-0.78-2.4-1.63-3.89-2.58-4.58C10.7-0.52,7.51-0.01,5.86,2.27c-0.8,1.1-1.12,2.45-0.9,3.8 C5.18,7.42,5.91,8.6,7.01,9.39c0.94,0.68,2.59,1,5.06,1c0.03,0,0.07,0,0.1,0c1.73-0.01,3.22-0.17,3.28-0.18L16,10.16l0.55,0.06 c0.06,0.01,1.55,0.17,3.28,0.18C19.87,10.4,19.9,10.4,19.93,10.4z M8.32,7.58C7.7,7.13,7.29,6.47,7.17,5.71 C7.05,4.96,7.23,4.2,7.68,3.58C8.24,2.81,9.11,2.4,10,2.4c0.58,0,1.17,0.18,1.67,0.54c0.19,0.14,0.88,0.79,1.75,3.44 C13.63,7,13.8,7.61,13.93,8.1C11.79,8.23,9.13,8.16,8.32,7.58z M20.33,2.94c0.62-0.45,1.38-0.63,2.13-0.51 c0.75,0.12,1.42,0.53,1.86,1.15c0.45,0.62,0.63,1.38,0.51,2.13c-0.12,0.75-0.53,1.42-1.15,1.86c-0.19,0.14-1.03,0.59-3.82,0.58 c-0.66,0-1.28-0.03-1.79-0.06C18.61,6.02,19.52,3.52,20.33,2.94z'/%3E%3C/g%3E%3C/svg%3E%0A") 50% 50%;
}
.prizesection .prizeicon svg, .prizesection .prizeicon img {
  display: block;
}
.prizesection .copyrightsmall {
  width: 100% !important;
}

.onecolumn .pContent {
  width: 100%;
  float: none;
}
@media (min-width: 550px) {
  .onecolumn .pContent {
    padding: 0 16px;
  }
}
@media (min-width: 1024px) {
  .onecolumn .pContent {
    padding: 0;
  }
}
.onecolumn .sContent {
  display: none;
}

.techlibrary-title {
  background-color: #fff;
  padding: 20px;
  margin-bottom: 16px;
  border-top: 6px solid #8BC640;
  position: relative;
}
.techlibrary-title h1 {
  font-size: 2.5em;
  font-family: ff-utility-web-pro, sans-serif;
  margin: 0 0 4px;
  color: #4A4A4A;
}
@media (min-width: 550px) {
  .techlibrary-title h1 {
    font-size: 2.6875em;
    margin: 0 0 12px;
  }
}
.techlibrary-title p {
  font-size: 12px;
  margin: 0;
  font-style: italic;
}
@media (min-width: 550px) {
  .techlibrary-title p {
    font-size: 14px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    text-align: right;
  }
}

#level0 .sponsor {
  margin: 25px 0 5px 0;
  font-weight: 700;
}

#level0 #whitepaper img.sponsorlogo, #level0 #webcast img.sponsorlogo, #level0a #whitepaper img.sponsorlogo, #level0a #webcast img.sponsorlogo {
  max-width: 200px;
}

.techLibrary {
  margin-bottom: 1.25em;
}
.techLibrary ul:after {
  content: "";
  display: table;
  clear: both;
}
.techLibrary li {
  background-color: #fff;
  overflow: hidden;
  margin-bottom: 1em;
  padding: 20px;
  border-top: 6px solid #8BC640;
}
@media (min-width: 1024px) {
  .techLibrary li {
    height: 380px;
    width: 49%;
    float: left;
  }
  .techLibrary li:nth-of-type(odd) {
    margin-right: 2%;
  }
}
.techLibrary li:after {
  content: "";
  display: table;
  clear: both;
}
.techLibrary a, .techLibrary a:visited {
  font-size: 22px;
  font-family: ff-utility-web-pro, sans-serif;
  line-height: 1.1;
  display: block;
  color: #4A4A4A;
  font-weight: 500;
}
@media (min-width: 550px) {
  .techLibrary a, .techLibrary a:visited {
    font-size: 28px;
  }
}
.techLibrary a:hover, .techLibrary a:active {
  color: #8BC640;
}
.techLibrary img {
  max-width: 200px;
  height: 60px;
  margin: 0.25em 0.25em -5px 0.1em;
}
.techLibrary img[src*=logo], .techLibrary img[src*=LOGO], .techLibrary img[alt*=logo] {
  box-shadow: none;
}
.techLibrary p {
  position: relative;
  margin: -5px 0 0 0;
  color: #4A4A4A;
  font-size: 0.8125em;
  line-height: 1.4;
}
@media (min-width: 550px) {
  .techLibrary p {
    font-size: 0.875em;
  }
}
.techLibrary .pagination {
  text-align: center;
  font-size: 10px;
  background-color: #fff;
  overflow: hidden;
}
.techLibrary .pagination ul {
  margin-top: 1em;
  margin-bottom: 0;
  padding-left: 0;
}
.techLibrary .pagination li {
  float: none;
  display: inline-block;
  margin: 0 0 14px 0;
  background-color: #fff;
  overflow: hidden;
  margin-bottom: 1em;
  padding: 5px 2px;
  border-top: none;
  height: auto;
  width: auto;
}
.techLibrary .pagination li:nth-of-type(odd) {
  margin-right: 0;
}
.techLibrary .pagination a, .techLibrary .pagination a:visited {
  background-color: #444;
  color: #fff;
  text-transform: uppercase;
  padding: 0.3125em 0.875em;
  display: inline;
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.techLibrary .pagination a:hover, .techLibrary .pagination a:active {
  opacity: 0.9;
}
.techLibrary .pagination .currentpage:hover, .techLibrary .pagination .currentpage:active {
  opacity: 1;
}
.techLibrary .pagination .prev, .techLibrary .pagination .prev:visited, .techLibrary .pagination .next, .techLibrary .pagination .next:visited {
  background-color: #8BC640;
}
.techLibrary .pagination .currentpage, .techLibrary .pagination .currentpage:visited {
  background-color: #ccc;
  cursor: default;
}
#webcast .aboutpresenter, #whitepaper .aboutpresenter {
  border: 1px solid #ccc;
  padding: 15px 15px 20px 15px;
  margin-bottom: 20px;
  overflow: hidden;
}
#webcast .aboutpresenter img, #whitepaper .aboutpresenter img {
  display: inline-block;
  float: left;
  margin: 0 15px 10px 0;
  height: 95px !important;
}
#webcast .aboutpresenter .aboutspeaker, #whitepaper .aboutpresenter .aboutspeaker {
  display: block;
  font-weight: bold;
  margin-bottom: 8px;
  font-size: 16px;
}
#webcast .aboutpresenter .aboutpresenterbio, #whitepaper .aboutpresenter .aboutpresenterbio {
  font-style: italic;
}

#about-presenters img {
  display: inline-block;
}
#about-presenters .presenter-info-wrapper {
  border: 1px solid #ccc;
  padding: 15px;
  margin-bottom: 20px;
}
#about-presenters .presenters-title {
  color: #8BC640;
  font-weight: 700;
  font-size: 19px;
}
#about-presenters .presenter-info {
  display: grid;
  align-items: start;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
}
@media (min-width: 400px) {
  #about-presenters .presenter-info {
    grid-template-columns: auto 1fr;
    grid-template-rows: repeat(3, -webkit-min-content);
    grid-template-rows: repeat(3, min-content);
  }
}
@media (min-width: 400px) {
  #about-presenters .presenter-info > :not(img) {
    grid-column: 2;
  }
}
#about-presenters .presenter-info p {
  margin: 0 0 2px;
  line-height: 1.3;
}
#about-presenters .presenter-name {
  font-weight: 700;
  font-size: 17px;
}
#about-presenters p.presenter-title,
#about-presenters p.presenter-company {
  font-style: italic;
  font-weight: 700;
}
#about-presenters .presenter-photo {
  width: 96px;
  height: 96px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 10px;
  margin-right: 16px;
}
@media (min-width: 400px) {
  #about-presenters .presenter-photo {
    grid-row: 1/-1;
    margin-bottom: 0;
  }
}

.articlepromolink {
  margin: 0;
  padding: 10px 0;
  text-align: center;
  background: #fff;
  font-weight: bold;
  font-size: 14px;
  text-decoration: underline;
}

.inlinephotos {
  clear: both;
  margin: 5px 0 20px 0;
}
.inlinephotos ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.inlinephotos ul li {
  display: inline-block;
  text-align: center;
  width: 100px;
  margin-right: 1.5%;
  vertical-align: top;
}
.inlinephotos ul li img {
  display: block;
  width: 100px;
  float: none !important;
  margin: 0 !important;
}
.inlinephotos ul li p {
  line-height: 1.1;
  font-size: 13px;
  font-weight: bold;
}

[id=level0] [id=whitepaper] {
  background-color: #fff;
  padding: 20px;
  margin-bottom: 16px;
  border-top: 6px solid #8BC640;
  font-size: 13px;
  line-height: 1.5;
}
@media (min-width: 550px) {
  [id=level0] [id=whitepaper] {
    font-size: 14px;
  }
}
[id=level0] [id=whitepaper] img {
  display: none;
  float: none;
  max-width: 250px;
  margin: 0 0 1.25em 0.5em;
}
@media (min-width: 550px) {
  [id=level0] [id=whitepaper] img {
    display: block;
  }
}
[id=level0] [id=whitepaper] img[src*=logo], [id=level0] [id=whitepaper] img[src*=LOGO], [id=level0] [id=whitepaper] img[alt*=logo] {
  box-shadow: none;
}
[id=level0] [id=whitepaper] .title {
  font-family: ff-utility-web-pro, sans-serif;
  font-size: 30px;
  line-height: 1.1;
  margin: 0;
}
[id=level0] [id=whitepaper] .title a, [id=level0] [id=whitepaper] .title a:visited {
  color: #4A4A4A;
}
@media (min-width: 550px) {
  [id=level0] [id=whitepaper] .title {
    font-size: 36px;
  }
}
[id=level0] [id=whitepaper] noindex {
  margin-top: 20px;
}
[id=level0] [id=whitepaper] h5 {
  font-size: 15px;
}

[id=level0] [id=webcast] {
  background-color: #fff;
  padding: 20px;
  margin-bottom: 16px;
  border-top: 6px solid #8BC640;
  font-size: 13px;
}
@media (min-width: 550px) {
  [id=level0] [id=webcast] {
    font-size: 14px;
  }
}
[id=level0] [id=webcast] img {
  display: none;
  float: none;
  max-width: 250px;
  margin: 0 0 1.25em 0;
}
@media (min-width: 550px) {
  [id=level0] [id=webcast] img {
    display: block;
  }
}
[id=level0] [id=webcast] .title {
  font-family: ff-utility-web-pro, sans-serif;
  font-size: 30px;
  line-height: 1.1;
  margin: 0;
}
[id=level0] [id=webcast] .title a, [id=level0] [id=webcast] .title a:visited {
  color: #4A4A4A;
}
@media (min-width: 550px) {
  [id=level0] [id=webcast] .title {
    font-size: 35px;
  }
}
[id=level0] [id=webcast] noindex {
  margin-top: 20px;
}
[id=level0] [id=webcast] > div {
  font-size: 14px;
  line-height: 1.5;
}

[action*="automationanywhere-sep18.aspx"] [id=webcast] img {
  float: none;
  margin: 0 0.75em 1.25em 0;
  display: block;
  max-width: 250px;
}
[action*="automationanywhere-sep18.aspx"] [id=webcast] .media img {
  margin: 0;
}

[id=level1] [id=webcast] {
  border-top: 6px solid #8BC640;
}

.upcoming, .ondemand {
  padding: 20px;
  background-color: #fff;
  margin-bottom: 16px;
}
.upcoming h3, .ondemand h3 {
  margin: 0 0 0.5em;
  font-size: 23px;
  font-family: ff-utility-web-pro, sans-serif;
  padding-bottom: 8px;
  border-bottom: 1px solid #d1d2d4;
  color: #8BC640;
}
.upcoming .title, .ondemand .title {
  font-family: ff-utility-web-pro, sans-serif;
  font-size: 29px;
  line-height: 1.1;
  margin: 0;
}
.upcoming .title a, .ondemand .title a, .upcoming .title a:visited {
  color: #4A4A4A;
}
.upcoming .summary, .ondemand .summary {
  position: relative;
  margin: 0.5em 0 0;
  color: #4A4A4A;
  font-size: 0.875em;
  line-height: 1.4;
}
.upcoming > div, .ondemand > div {
  margin-bottom: 1em;
}
.upcoming > div:after, .ondemand > div:after {
  content: "";
  display: table;
  clear: both;
}
.upcoming img, .ondemand img {
  display: none;
  float: right;
  margin: 4px 0 1em 1em;
}
@media (min-width: 550px) {
  .upcoming img, .ondemand img {
    display: block;
  }
}
.upcoming .childAssets, .ondemand .childAssets {
  display: none;
}
.upcoming .duration, .ondemand .duration {
  margin: 0.5em 0;
  font-size: 13px;
}
@media (min-width: 550px) {
  .upcoming .duration, .ondemand .duration {
    font-size: 14px;
  }
}

.ondemand {
  border: none;
}
.ondemand h4 {
  color: #666;
}

.startDate, .startTime {
  display: inline-block;
  font-weight: bold;
  margin-right: 0.5em;
  color: #666;
  font-size: 13px;
}
@media (min-width: 550px) {
  .startDate, .startTime {
    font-size: 14px;
  }
}

[id=level0a] {
  background-color: #fff;
  padding: 20px;
  margin-bottom: 16px;
  border-top: 6px solid #8BC640;
  font-size: 13px;
  line-height: 1.5;
}
@media (min-width: 550px) {
  [id=level0a] {
    font-size: 14px;
  }
}
[id=level0a] img {
  display: none;
  float: right;
  max-width: 180px;
  margin: 0 0 1.25em 0.5em;
}
@media (min-width: 550px) {
  [id=level0a] img {
    display: block;
  }
}
[id=level0a] img[src*=logo], [id=level0a] img[src*=LOGO], [id=level0a] img[alt*=logo] {
  box-shadow: none;
}
[id=level0a] .title {
  font-family: ff-utility-web-pro, sans-serif;
  font-size: 30px;
  line-height: 1.1;
  margin: 0;
}
[id=level0a] .title a, [id=level0a] .title a:visited {
  color: #4A4A4A;
}
@media (min-width: 550px) {
  [id=level0a] .title {
    font-size: 36px;
  }
}

.loggedin {
  font-size: 0.675em;
  background: #8BC640;
  padding: 4px 8px;
  float: right;
  color: #fff;
}
.loggedin a, .loggedin a:visited {
  color: #efefef;
}
.loggedin a:hover, .loggedin a:active {
  color: #ddd;
}

#preferences {
  display: none;
}

.button a, .button a:visited {
  color: #fff;
  background-color: #8BC640;
  text-transform: uppercase;
  font-size: 0.8125em;
  padding: 0.5625em 1.125em;
  border-radius: 2px;
  font-weight: bold;
}
.button a:hover, .button a:active {
  background-color: #4A4A4A;
}

#emailtoauthor, #comment {
  background-color: #fff;
  padding: 20px;
  margin-bottom: 1.25em;
  border-top: 6px solid #8BC640;
}
#emailtoauthor h3, #comment h3 {
  font-size: 2.5em;
  line-height: 1.1;
  margin: 0 0 0.5em;
  font-family: ff-utility-web-pro, sans-serif;
  font-weight: 700;
}
#emailtoauthor td, #comment td {
  padding: 5px 0;
}
#emailtoauthor b, #comment b {
  font-size: 0.875em;
}
#emailtoauthor table, #comment table {
  width: 100%;
}
#emailtoauthor input, #comment input, #emailtoauthor textarea, #comment textarea {
  margin-top: 4px;
}
#emailtoauthor #btnClose, #comment #btnClose {
  display: none;
}
#emailtoauthor img, #comment img {
  margin-bottom: 4px;
}
#emailtoauthor img + span, #comment img + span {
  font-size: 0.75em;
}
#emailtoauthor input[type=text], #comment input[type=text] {
  height: 32px;
  padding: 0 6px;
}
#emailtoauthor textarea, #comment textarea {
  padding: 6px;
}
#emailtoauthor input[type=text], #comment input[type=text], #emailtoauthor textarea, #comment textarea {
  width: 100% !important;
}
#emailtoauthor input[type=submit], #comment input[type=submit] {
  margin-left: -0.5em;
  color: #fff;
  background-color: #8BC640;
  text-transform: uppercase;
  font-size: 0.8125em;
  padding: 0.5625em 1.125em;
  border-radius: 2px;
  border: none;
  font-weight: bold;
}
#emailtoauthor input[type=submit]:hover, #comment input[type=submit]:hover {
  background-color: #4A4A4A;
}

#sitemap {
  background-color: #fff;
  padding: 20px;
  border-top: 6px solid #8BC640;
}
#sitemap:after {
  content: "";
  display: table;
  clear: both;
}
#sitemap ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#sitemap li {
  float: left;
  width: 49%;
  margin: 0.25em 0;
}

.media {
  margin: 0.5em 0 1em;
}

.media-object {
  float: left;
  margin-right: 10px;
}

.media-heading {
  margin: 0;
  font-size: 1.2em;
  line-height: 1.1;
}

.media-subheading {
  font-weight: normal;
  font-style: italic;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}

.media-body {
  overflow: hidden;
}

[id=level0] [id=webcast] .media img {
  box-shadow: none;
  display: block;
}

/************** LCS 2.0 Form ****************/
.lcsWrap {
  padding-bottom: 50px;
}
@media (min-width: 840px) {
  .lcsWrap {
    display: grid;
    gap: 50px;
    grid-template-columns: 53% 42%;
  }
  .lcsWrap .lcsForm {
    margin-top: 12px;
  }
}

@media screen and (-ms-high-contrast: none) {
  .lcsWrap {
    overflow: hidden;
  }
  .lcsWrap .lcsContent {
    float: left;
    width: 50%;
    margin-right: 5%;
  }
  .lcsWrap .lcsForm {
    float: left;
    width: 45%;
  }
}
#level0 #whitepaper, #level0 #webcast {
  position: relative;
}

#level0 #whitepaper .FileDetails,
#level0 #webcast .FileDetails {
  color: #bb0000;
  font-weight: bold;
}
#level0 #whitepaper .FileDetails span,
#level0 #webcast .FileDetails span {
  font-size: 11px;
  color: #000000;
  font-style: italic;
  font-weight: normal;
}
#level0 #whitepaper .FileDetails hr,
#level0 #webcast .FileDetails hr {
  display: none;
}

#level0 #whitepaper .formContent, #level0 #webcast .formContent {
  background: #f2f2f2;
  max-width: 500px;
  margin: 20px 0 auto 0;
  padding: 20px;
}

#level0 #whitepaper .formContent a, #level0 #whitepaper .formContent a:visited,
#level0 #webcast .formContent a, #level0 #webcast .formContent a:visited {
  color: #bb0000;
}

#level0 #whitepaper .formContent:before, #level0 #webcast .formContent:before {
  content: "* Required Fields";
  font-weight: bold;
  color: #bb0000;
  margin-left: -1px;
}

#level0 #whitepaper .formContent div, #level0 #webcast .formContent div {
  padding: 0 0 10px 0;
}

#level0 #whitepaper .formContent div:nth-child(1), #level0 #webcast .formContent div:nth-child(1) {
  padding-top: 10px !important;
}

#level0 #whitepaper .formContent > div > label span.required:after,
#level0 #webcast .formContent > div > label span.required:after {
  content: "*  ";
  color: #bb0000;
}

#level0 #whitepaper .formContent label, #level0 #webcast .formContent label {
  max-width: 460px;
  display: block;
  font-weight: normal !important;
  /*margin-bottom:10px*/
}

#level0 #whitepaper .formContent label input, #level0 #webcast .formContent label input {
  float: none;
  width: 100%;
  font-weight: normal;
  height: 25px;
  font-size: 13px;
}

@media (min-width: 500px) {
  #level0 #whitepaper .formContent label input, #level0 #webcast .formContent label input {
    float: right;
    width: 60%;
  }
}
#level0 #whitepaper .formContent label span span.label,
#level0 #webcast .formContent label span span.label {
  float: left;
  width: 100%;
  margin-top: 3px;
  font-weight: normal !important;
}

#level0 #whitepaper .formContent label input[type=radio],
#level0 #webcast .formContent label input[type=radio] {
  float: left;
  width: 5%;
  height: 13px;
  margin: 2px 5px 7px -2px;
}

#level0 #whitepaper .formContent label select,
#level0 #webcast .formContent label select {
  float: none;
  width: 100%;
  margin-bottom: -10px;
  margin-top: 5px;
  font-size: 13px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) { /*safari and chrome*/
  #level0 #whitepaper .formContent select, #level0 #webcast .formContent select {
    height: 25px;
    line-height: 25px;
    background: #fff;
  }
}
#level0 #whitepaper .formContent span, #level0 #webcast .formContent span {
  font-size: 13px;
  font-weight: bold;
}

#level0 #whitepaper .formContent input[type=checkbox],
#level0 #webcast .formContent input[type=checkbox] {
  float: left;
  width: 20px;
  height: 13px;
  margin: 3px 5px 7px -2px;
}

/*reduce space between options in checkbox area*/
#level0 #whitepaper .formContent .mainControlDiv label span span,
#level0 #webcast .formContent .mainControlDiv label span span {
  margin-bottom: 5px;
  margin-left: 0;
}

@media (min-width: 500px) {
  #level0 #whitepaper .formContent .mainControlDiv label span span,
  #level0 #webcast .formContent .mainControlDiv label span span {
    margin-bottom: -3px;
  }
}
/*add space between question and first checkbox option */
#level0 #whitepaper .formContent .mainControlDiv label span span:first-child.label:first-child,
#level0 #webcast .formContent .mainControlDiv label span span:first-child.label:first-child {
  margin-top: 10px;
}

/*add space between question and first checkbox option */
#level0 #whitepaper .formContent .mainControlDiv label span span:last-child.label:last-child,
#level0 #webcast .formContent .mainControlDiv label span span:last-child.label:last-child {
  margin-bottom: 10px;
}

#level0 #whitepaper .formContent .formDisclosure, #level0 #webcast .formContent .formDisclosure {
  padding-top: 20px;
  clear: both;
}

#level0 #whitepaper .formContent .formDisclosure p, #level0 #webcast .formContent .formDisclosure p {
  line-height: 1.2 !important;
  font-size: 13px !important;
  font-style: italic;
  padding-right: 20px;
  width: 100%;
}

#level0 #whitepaper .formContent .formDisclosure a, #level0 #webcast .formContent .formDisclosure a {
  color: #bb0000;
  font-weight: bold;
}

#level0 #whitepaper .formContent .formDisclosure a:visited, #level0 #webcast .formContent .formDisclosure a:visited {
  color: #bb0000;
}

#level0 #whitepaper .formContent input[type=submit],
#level0 #webcast .formContent input[type=submit] {
  background: #8bc640;
  color: #fff;
  border: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
}

#level0 #whitepaper .formContent textarea,
#level0 #webcast .formContent textarea,
#level0 #whitepaper .formContent .multiText,
#level0 #webcast .formContent .multiText {
  height: 40px;
  float: none;
  width: 100%;
  border: 1px solid #ccc;
  font-size: 13px;
  resize: none;
}

#level0 #whitepaper .formContent .other input,
#level0 #webcast .formContent .other input {
  width: 70%;
  margin-top: 7px;
}

#level0 #whitepaper .formContent .other span,
#level0 #webcast .formContent .other span {
  margin-right: 5px;
}

/*initial form error styles are in hacks.css*/
#level0 #whitepaper .formContent .validationErrors .error,
#level0 #webcast .formContent .validationErrors .error {
  font-size: 12px !important;
  background: #fdfee4 !important;
  color: #3a3e4e;
  font-weight: 600;
  margin: 10px 20px;
  padding: 5px;
  border: dotted 1px #990000;
  visibility: visible;
  display: block;
  text-align: left;
}

#level0 #whitepaper .formContent .validationErrors ul,
#level0 #webcast .formContent .validationErrors ul {
  width: 100%;
  padding-left: 0;
}

/************** LCS 2.0 Form END ****************/
#omedaDynamicForm {
  width: 100%;
}
#omedaDynamicForm .SuccessMsg {
  padding: 20px;
  background: #8BC640;
  margin-bottom: 1.4em;
  color: white;
}

.newsletter-form {
  width: 100%;
  height: auto;
  margin-bottom: 1.4em;
  padding: 15px 20px 30px 20px;
  background: #8BC640;
  text-align: left;
  overflow: hidden;
  font-size: 13px;
}
.newsletter-form .omedaDynamicFormFields {
  background: white;
  position: relative;
}
.newsletter-form .omedaDynamicFormFields:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 63px;
  background: white;
  z-index: 0;
}
.newsletter-form a, .newsletter-form a:visited {
  color: #212121;
}
.newsletter-form #form-header {
  background: #8BC640;
  color: white;
}
.newsletter-form .pubname {
  font-family: ff-utility-web-pro, sans-serif;
  font-size: 27px;
  font-weight: 700;
  margin: 0;
}
.newsletter-form .signupheader {
  padding: 10px 0 15px 0;
  font-size: 17px;
}
.newsletter-form span {
  font-weight: 700;
  margin: 0 12px;
}
.newsletter-form span[id*=Email_Address] {
  padding-top: 13px;
  display: block;
}
.newsletter-form input[type=text] {
  display: block;
  margin: 0 12px 15px 12px;
  width: 91%;
  padding: 7px 5px;
  border: 1px solid rgb(219.8, 219.8, 219.8);
}
.newsletter-form select {
  display: block;
  margin: 0 12px 15px 12px;
  width: 91%;
  border: none;
  border-radius: 0;
  box-shadow: none;
  text-shadow: none;
  position: relative;
  padding: 7px 22px 7px 5px;
  border: 1px solid rgb(219.8, 219.8, 219.8);
  background: white url("//adtmag.com/~/media/ECG/redmondmag/design/formarrows.png") no-repeat right 7px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.newsletter-form input[type=submit] {
  position: relative;
  display: block;
  margin: 20px auto 0 auto;
  border-radius: 1px;
  background: #212121;
  border: 0;
  padding: 10px 13px;
  color: #ffffff;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
}
.newsletter-form input[type=submit]:hover {
  background: rgb(53.4, 53.4, 53.4);
}
.newsletter-form .agreement {
  font-size: 12px;
  line-height: 1.4;
  margin: 5px 12px 0 12px;
}
.newsletter-form .agreement a {
  text-decoration: none;
  box-shadow: none;
  font-weight: 700;
}
.newsletter-form .agreement a:hover {
  text-decoration: underline;
}
.newsletter-form .omedaDynamicFormErrorList ul {
  background: #AF1B10;
  padding: 10px;
  color: white;
  list-style-type: none;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 700;
}
.newsletter-form .omedaDynamicFormErrorList ul li {
  line-height: 1.2;
  margin-bottom: 5px;
}
.newsletter-form span[id*=lblGDPR] {
  display: block;
  font-size: 12px;
  margin: 10px 12px 10px 12px;
}
.newsletter-form span[id*=lblGDPR] a, .newsletter-form span[id*=lblGDPR] a:visited {
  text-decoration: none;
  box-shadow: none;
}
.newsletter-form table.omedaDynamicFormGDPRRadio {
  margin: 0 12px 0 12px;
  font-size: 12px;
  display: block;
}
.newsletter-form table.omedaDynamicFormGDPRRadio tr td {
  display: block;
  width: auto;
  position: relative;
}
.newsletter-form table.omedaDynamicFormGDPRRadio input[type=radio] {
  position: absolute;
  top: 0;
  left: 0px;
  width: 10px;
}
.newsletter-form table.omedaDynamicFormGDPRRadio label {
  display: inline-block;
  margin: 0px 0 0 14px;
}
.newsletter-form span.omedaDynamicFormRequires, .newsletter-form span.omedaDynamicFormGDRPRequires {
  display: none !important;
}
.newsletter-form .captcha {
  background: white;
  margin-top: 20px;
  padding-bottom: 10px;
  position: relative;
}
.newsletter-form .captcha img {
  display: block;
  margin: 0 auto 10px auto;
  text-align: center;
}
.newsletter-form .captcha span {
  display: block;
}
.newsletter-form .captchaError {
  background: white;
  color: red;
  display: block;
  padding: 8px;
  width: 100%;
  margin: 0 auto 5px auto;
}

/*# sourceMappingURL=style.css.map */