@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700);

/* ======================================
strategy+business SCREEN STYLES 
========================================
1. CSS Reset
2. Miscellaneous Styles
3. Structure
10. Header
20. Footer
30. Home Page
40. Navigation
50. Page Content
99. Miscellaneous Interfaces
200. Ad-related
*/










/* ======================================
CSS RESET
======================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
/*  font: inherit; */
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

a {
  text-decoration: none;
}










/* ======================================
2. MISCELLANEOUS
======================================== */

#AWCMinColorboxContent {
  position: fixed !important;
  border-radius: 10px !important;
  display: table;
}

button {
  cursor: pointer;
}

hr {
  border: none;
  border-bottom: solid 1px #ccc;
  margin: 24px 0px;
  padding: 0px;
/*  clear: both; */
}

span[id*="_AWC"] {
  position: absolute;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-rendering: geometricPrecision;
}

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

.displayNone {
  display: none;
}

body {
  margin: 0px;
  padding: 0px;
  background-color: #fff;
  font-family: 'Roboto', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  -webkit-text-size-adjust: 100%;
  padding: 0px;
}

.orange {
  color: #ec5a2d;
}

.blue {
  color: #116ecf;
}

.greybg {
  background-color: #f3f3f3;
}

/* Blue Color */

#Content h1,
h2.homeHeader,
.current-issue .category a,
.coverInfo .coverText h2,
.otherArticlesTOC h2,
h2.bucketTitle,
.archiveLink a,
.pagename {
  color: #116ecf;
}

#MainNavBar .searchDesktop input#SiteSearch,
#MainNavBar .searchDesktop input#submit,
#MobileNavBar .searchMobile input#SiteSearch,
#MobileNavBar .searchMobile input#submit,
#AWCMinColorboxContent a.close,
.contentColumn.oneColumn.right #InPageNav nav.pulldown select,
.whatsNew .button a,
.articleAd.showing:before,
.gig-comments-container,
.gig-comments-container * {
  font-family: 'Roboto', 'Trebuchet MS', Arial, Helvetica, sans-serif !important;
}

.float-right {
  float: right;
}










/* ======================================
3. STRUCTURE
======================================== */

.mainContainer {
/*  padding: 0px 10px; */
  margin: 0px auto;
}

#LogoMain {
  max-width: 550px;
  margin-bottom: 25px;
}

#LogoMain img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}

section {
  max-width: 994px;
  margin: 0px auto;
  position: relative;
}

section.fullwidth {
  max-width: 100%;
}

section.fullwidth .max-width-994 {
  max-width: 994px;
  margin: 0px auto;
}

.utilityColumn section {
  padding: 0px;
}

.utilityColumn section .portlet {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #ccc;
}

.utilityColumn section .portlet.noBorder {
  margin-bottom: 0px;
  border-bottom: none;
}

.utilityColumn section .portlet.simple {
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 60px;
}

section.leadIn {
  height: 40px;
}

section.featureHero {
  position: relative;
  max-width: 100%;
  height: 550px;
  overflow: hidden;
/*  background-color: #000; */
}

/* .contentColumn {
  display: table-cell;
  padding-right: 40px;
  position: relative;
  width: 694px;
} */

.contentColumn {
  padding-right: 40px;
  position: relative;
  max-width: 694px;
  float: left;
  width: calc(100% - 300px);
}

#Feature.interactive .contentColumn {
  padding-right: 0px;
  width: 100%;
  display: block;
  max-width: none;
}

.contentColumn.oneColumn {
  padding-right: 0px;
  width: 100%;
  display: block;
  max-width: none;
}

/* .utilityColumn {
  display: table-cell;
  width: 300px;
  vertical-align: top;
} */

.utilityColumn {
  display: block;
  width: 300px;
  float: left;
}

.contentColumn.oneColumn.right #Content {
  float: right;
  width: calc(100% - 240px);
}

.contentColumn.oneColumn.right #InPageNav {
  float: left;
  background-color: #eee;
  width: 200px;
  padding: 20px 0px 20px 20px;
  border-right: solid 1px #ccc;
}

@media only screen and (max-width: 767px) {

.contentColumn.oneColumn.right #Content {
  float: none;
  width: 100%;
}

.contentColumn.oneColumn.right #InPageNav {
  float: none;
  width: 100%;
  border-right: none;
  margin-bottom: 30px;
}

.contentColumn.oneColumn.right #InPageNav nav.list {
  display: none
}

}

@media only screen and (min-width: 768px) {

.contentColumn.oneColumn.right #InPageNav nav.pulldown {
  display: none
}

}

.contentColumn.oneColumn.right #InPageNav h2 {
  margin-bottom: 10px;
}

.contentColumn.oneColumn.right #InPageNav a {
  display: block;
  line-height: 40px;
  color: #116ecf;
}

.contentColumn.oneColumn.right #InPageNav a:hover {
  color: #000;
}

.contentColumn.oneColumn.right #InPageNav .active a {
  background-color: #fff;
  margin-left: -11px;
  padding-left: 10px;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  margin-right: -1px;
}

.contentColumn.oneColumn.right #InPageNav nav.pulldown select {
  padding: 5px;
  font-size: 16px;
  line-height: 1;
  border: solid 1px #ccc;
  border-radius: 0;
  height: 34px;
}

.contentColumn.oneColumn.right #Content img {
  max-width: 100%;
  height: auto;
}

.contentColumn.oneColumn.right #Content h3 {
  margin-bottom: 6px;
}










/* ======================================
10. HEADER
======================================== */

header {
  padding-top: 20px;
  margin-bottom: 20px;
/*  overflow: hidden; */
}

header .branding {
  padding-right: 9px;
  margin-right: 9px;
  border-right: solid 1px #ccc;
  float: left;
  height: 90px;
  overflow: hidden;
  display: none;
}

header .subscribe {
  padding-left: 9px;
  border-left: solid 1px #ccc;
  float: right;
  height: 90px;
  overflow: hidden;
}

header .leaderboard728top {
  float: left;
  width: 728px;
}

/* Subscribe-related link */

header .headerSubscribe {
  width: 255px;
  height: 90px;
  overflow: hidden;
  border-left: solid 1px #ccc;
  float: right;
  position: relative;
  background-image: url(/media/image/sb-t-header-magazine-shadow-bg.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

header .headerSubscribe .linkSubscribe a {
  width: 162px;
  height: 40px;
  display: block;
  background-image: url(/media/image/sb-t-header-arrow-bg.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  line-height: 37px;
  color: #fff;
  font-weight: bold;
  position: absolute;
  top: 5px;
  right: 0px;
  padding-left: 30px;
  font-size: 15px;
}

header .headerSubscribe .linkDigital a {
  font-size: 11px;
  line-height: 13px;
  color: #333;
  position: absolute;
  right: 0px;
  bottom: 4px;
  width: 126px;
}

header .headerSubscribe .linkDigital a span {
  color: #c52000;
}

header .headerSubscribe .imgMagazine img {
  width: 100px;
  height: auto;
  position: absolute;
  transform: rotate(-9deg);
  -ms-transform: rotate(-9deg);
  top: 8px;
  left: 20px;
}










/* ======================================
20. FOOTER
======================================== */

#SiteFooter {
  padding-top: 25px;
  border-top: solid 1px #ccc;
  position: relative;
}

#SiteFooter:before {
  content: "";
  border-top: solid 1px #ccc;
  width: 100%;
  position: absolute;
  top: 4px;
}

#SiteFooter .columnWrapper {
  display: table;
  width: 100%;
  background-color: #fff;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

#SiteFooter .columnWrapper:after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 96%;
  bottom: 0;
  height: 10px;
  left: 2%;
  border-radius: 100px / 5px;
  -moz-border-radius: 100px / 5px;
  -webkit-border-radius: 100px / 5px;
  box-shadow: 0 0 18px rgba(0,0,0,0.25);
  -moz-box-shadow: 0 0 18px rgba(0,0,0,0.25);
  -webkit-box-shadow: 0 0 18px rgba(0,0,0,0.25);
}

#SiteFooter h2 {
  font-size: 13px;
  margin: 0px 0px 20px;
  text-transform: uppercase;
}

#SiteFooter .column {
  display: table-cell;
  vertical-align: top;
}

/* RIGHT COLUMN */

#SiteFooter .column.right {
  width: 300px;
  padding-left: 20px;
  font-size: 10px;
  line-height: 13px;
  color: #666;
}

#SiteFooter .column.right p {
  margin-bottom: 13px;
}

#SiteFooter .column.right img {
  margin-right: 30px;
}

#SiteFooter .column.right a {
  color: #3366cc !important;
  text-decoration: underline;
}

/* LEFT COLUMN LINKS */

#SiteFooter .column.left {
  padding-right: 20px;
  border-right: solid 1px #ccc;
}

#SiteFooter .column.left .links {
  margin-bottom: 40px;
}

#SiteFooter .column.left .links ul {
  width: 25%;
  float: left;
  padding-right: 10px;
  font-size: 12px;
  line-height: 14px;
}

#SiteFooter .column.left .links li {
  margin-bottom: 10px;
}

#SiteFooter .column.left .links a {
  color: #666;
}

/* LEFT COLUMN FOLLOW */

.stayConnected .label,
.stayConnected i span {
  display: none;
}

.stayConnected li {
  float: left;
  margin-right: 10px;
}

.stayConnected li:last-child {
  margin-right: 0px;
}

.stayConnected a {
  width: 30px;
  height: 30px;
  display: block;
  color: #fff;
  line-height: 30px;
  text-align: center;
  font-size: 20px;
}

.stayConnected a.facebook {
  background-color: #3b5998;
  line-height: 33px;
}

.stayConnected a.twitter {
  background-color: #55acee;
  line-height: 31px;
}

.stayConnected a.linkedin {
  background-color: #0976b4;
}

.stayConnected a.google-plus {
  background-color: #dd4b39;
  line-height: 33px;
}

.stayConnected a.youtube {
  background-color: #cc3333;
}

.stayConnected a.rss {
  background-color: #ff9933;
  line-height: 31px;
}

.stayConnected a.apple {
  background-color: #a8a9ab;
  line-height: 31px;
}

.stayConnected a.android {
  background-color: #96cd3d;
}

.stayConnected a:hover {
  background-color: #444;
}

/* BOILERPLATE */

#SiteFooter .boilerplate {
  clear: both;
  margin-bottom: 20px;
  line-height: 20px;
}

#SiteFooter .boilerplate ul {
  text-align: center;
  font-size: 10px;
}

#SiteFooter .boilerplate li {
  display: inline;
  padding-right: 10px;
  margin-right: 10px;
  border-right: solid 1px #ccc;
}

#SiteFooter .boilerplate li:last-child {
  padding-right: 0px;
  margin-right: 0px;
  border-right: none;
}

#SiteFooter .boilerplate a {
  color: #666;
}










/* ======================================
30. HOME PAGE
======================================== */

h2.homeHeader {
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
}

h2.homeHeader a {
  text-decoration: none !important;
}

.homeColumnLeft,
.homeColumnRight {
  border-top: 3px solid #999;
  padding-top: 20px;
}

.homeColumnLeft {
  width: 140px;
  float: left;
}

.homeColumnRight {
  margin-left: 170px;
}

/* Current Issue */

.current-issue {
  font-size: 14px;
}

.current-issue .category {
  text-transform: uppercase;
  min-height: 40px;
  font-weight: bold;
}

.current-issue .thumb {
  margin-bottom: 12px;
}

.current-issue .thumb img {
  width: 100%;
  height: auto;
}

.current-issue .title {
  font-weight: bold;
  margin-bottom: 5px;
}

.current-issue .title,
.current-issue .intro {
  font-family: Georgia, "Times New Roman", Times, serif;
}

.homeBottom {
  margin-bottom: 40px;
}

/* Carousel Styles */

.rsDefault {
  position: relative;
}

.rsNav.rsBullets {
  position: absolute;
  bottom: 0px;
  right: 10px;
  height: 30px;
}

.rsNavItem.rsBullet {
  width: 15px;
  height: 30px;
  float: left;
  position: relative;
  cursor: pointer;
}

.rsBullet span {
  width: 8px;
  height: 8px;
  background-color: #fff;
  display: inline-block;
  border-radius: 5px;
  position: relative;
  top: 6px;
  left: 5px;
}

.rsNavSelected span {
  background-color: #f15b29;
}

.rsArrow {
  background-image: url(/media/image/sb-t-home-carousel-arrows.png);
  background-repeat: no-repeat;
  width: 42px;
  height: 74px;
  position: absolute;
  top: 100px;
}

.rsArrowLeft {
  background-position: 0px 0px;
  left: 15px;
}

.rsArrowRight {
  background-position: 100% 0px;
  right: 15px;
}










/* ======================================
40. NAVIGATION BAR
======================================== */

/* Shared */

#MainNavBar .awcgn-menu a {
  display: block !important; /* < this is new */
}

#MainNavBar .awcgn-menu ul,
#MobileNavBar .awcgn-menu ul {
  display: none;
}

#MainNavBar,
#MobileNavBar {
  height: 40px;
  background-color: #2682d8;
  position: relative;
  font-size: 14px;
  z-index: 10;
}





/* Desktop Nav */

#NavDesktop {
  background-color: rgb(38,130,216); /* Old browsers */
}

@media only screen and (max-width: 1023px) {

#MainNavBar {
  display: none;
}

}

#MainNavBar {
  background: rgb(38,130,216); /* Old browsers */
  background-color: rgb(38,130,216); /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiMyNjgyZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjY2ZkZGVmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-linear-gradient(left,  rgba(38,130,216,1) 15%, rgba(207,221,239,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(15%,rgba(38,130,216,1)), color-stop(100%,rgba(207,221,239,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  rgba(38,130,216,1) 15%,rgba(207,221,239,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  rgba(38,130,216,1) 15%,rgba(207,221,239,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  rgba(38,130,216,1) 15%,rgba(207,221,239,1) 100%); /* IE10+ */
  background: linear-gradient(to right,  rgba(38,130,216,1) 15%,rgba(207,221,239,1) 100%); /* W3C */
/*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2682d8', endColorstr='#cfddef',GradientType=1 );*/ /* IE6-8 */
}

#MainNavBar .left {
  padding-right: 340px;
  float: left;
  width: 100%;
}

#MainNavBar+p,
#MainNavBar ul.awcgn-oc-menu > li > ul {
  display: none;
}

#MainNavBar:before {
  pointer-events: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your_transparent.png', sizingMethod='scale');
/*  background: none !important; */

  content: "";
  width: 100%;
  height: 8px;
  position: absolute;
  z-index:5;
  top: 0px;
  left: 0px;

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.25)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */
}

#MainNavBar > .left > .navigation > ul > li {
  line-height: 40px;
}

#MainNavBar > .left > .navigation > ul > li > a {
  color: #fff;
  padding: 0px 10px;
}

#MainNavBar li.sections {
  background-color: #ff5c0e;
}

#MainNavBar > .left > .navigation > ul > li > a:hover,
#MainNavBar > .left > .navigation > ul > li.sfHover > a {
  background-color: rgba(255,255,255,0.2);
}

#MainNavBar li.sections > a {
  padding-left: 25px !important;
}

#MainNavBar li.sections > a:before {
  content: "\f0c9";
  font-family: FontAwesome;
  padding-right: 5px;
  position: absolute;
  left: 8px;
}

#MainNavBar .dropdown > a {
  padding-right: 22px !important;
}

#MainNavBar .dropdown > a:after {
  content: "\f107";
  font-family: FontAwesome;
  padding-left: 3px;
  position: absolute;
  right: 8px;
}

#MainNavBar .awcgn-menu ul {
  top: 40px;
  width: auto;
  z-index: 10;
}

#MainNavBar .wrapper {
  background-color: #fff;
  box-shadow: 0 3px 5px rgba(0,0,0,0.2);
  overflow: hidden;
  text-transform: uppercase;
  line-height: 16px;
  padding: 10px 0px;
}

#MainNavBar .wrapper.sections .column {
  float: left;
}

#MainNavBar .wrapper .column div a {
  color: #666;
  font-size: 14px;
  padding: 10px 20px;
}

#MainNavBar .wrapper .column div a:hover {
  background-color: #eee;
}

#MainNavBar .wrapper.sections {
  width: 654px;
}

#MainNavBar .wrapper.magazine {
  width: 200px;
}

#MainNavBar .wrapper.sections .column {
  width: 33.33333%;
}

#MainNavBar .sections.sfHover > a:before,
#MainNavBar .dropdown.sfHover > a:after {
  content: "\f00d";
}





/* Login Section */

#MainNavBar .login {
  width: 300px;
  float: right;
  background-color: #2682d8;
  font-size: 14px;
  line-height: 40px;
  height: 40px;
  margin-left: -300px;
  color: #a0c6e9;
  padding-left: 15px;
}

#MainNavBar .login a {
  color: #fff;
  padding: 0px 10px;  /*  < removed comment from here */
  display: inline-block;
}

#MainNavBar .login a:hover,
#MainNavBar .login li.sfHover > a {
  background-color: rgba(255,255,255,0.2);
}

/* New pulldown login styles */

#MainNavBar .login li {
  line-height: 40px;
}





/* Search Section */

#MainNavBar .search {
  float: right;
  font-size: 18px;
  line-height: 40px;
  height: 40px;
}

#MainNavBar .search a {
  color: #fff;
  padding: 0px 7px 0px 10px;
  display: inline-block;
}

#MainNavBar .searchdrop > a:hover,
#MainNavBar .searchdrop.sfHover > a {
  background-color: rgba(255,255,255,0.2);
}

#MainNavBar .searchdrop > a {
  line-height: 40px;
}

#MainNavBar .searchdrop > a:after {
  content: "\f002";
  font-family: FontAwesome;
}

#MainNavBar .searchDesktop {
  width: 654px;
  background-color: #fff;
  right: 0px;
  position: absolute;
  top: 0px;
  box-shadow: 0 3px 5px rgba(0,0,0,0.2);
  padding: 10px;
  font-size: 14px;
  text-transform: uppercase;
  color: #666;
  text-align: center;
}

#MainNavBar .searchDesktop input#SiteSearch {
  line-height: 30px;
  width: 434px;
  border-radius: 3px;
  border: solid 1px #ccc;
  background-color: #eee;
  margin-left: 10px;
  font-size: 14px;
  color: #666;
  padding: 0px 10px;
  height: 30px;
}

#MainNavBar .searchDesktop input#submit {
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  border: solid 1px #2682d8;
  padding: 0px 10px;
  top: 1px;
  position: relative;
  border-radius: 3px;
  margin-left: 10px;
  background-color: #2682d8;
  text-transform: uppercase;
  height: 30px;
  -webkit-appearance: none;
}

#MainNavBar .awcgn-oc-menu ul {
  width: 34px;
}

/* Search Suggest */

ul#SBSearchSuggest {
  left: 0px !important;
  width: 654px !important;
  box-shadow: 0 3px 5px rgba(0,0,0,0.2);
  top: 50px !important;
  text-align: left;
}

ul#SBSearchSuggest li {
  display: table-cell;
  vertical-align: middle;
  border-top: dashed 1px #ddd;
}

ul#SBSearchSuggest img {
  width: 50px;
  height: auto;
  vertical-align: top;
  margin-right: 10px;
}

ul#SBSearchSuggest a {
  color: #333 !important;
  position: relative;
  display: block !important;
  min-height: 55px;
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: pointer;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

ul#SBSearchSuggest a:hover {
  background-color: #eee;
}

ul#SBSearchSuggest .ui-state-focus {
  border: none !important;
  background: #eee !important;
  margin: 0px !important;
}

#Feature+ul#SBSearchSuggest {
  display: none !important;
}





/* Mobile Nav */

@media only screen and (min-width: 1024px) {

#MobileNavBar.mobileNav {
  display: none;
}

}




#MobileNavBar {
  margin-left: -10px;
  margin-right: -10px;
}

#MobileNavBar a {
  color: #fff;
  padding: 0px 10px;
  line-height: 40px;
}

#MobileNavBar .icon.menu:before {
  content: "\f0c9";
  font-family: FontAwesome;
  padding-right: 5px;
}

#MobileNavBar .icon.search:before {
  content: "\f002";
  font-family: FontAwesome;
  padding-left: 3px;
}

#MobileNavBar li.menu.sfHover,
#MobileNavBar li.search.sfHover {
  background-color: #fff;
}

#MobileNavBar li.menu.sfHover .icon.menu,
#MobileNavBar li.search.sfHover .icon.search {
  color: #333;
}

#MobileNavBar li.menu.sfHover .icon.menu:before,
#MobileNavBar li.search.sfHover .icon.search:before {
  content: "\f00d";
}

#MobileNavBar .awcgn-menu li.search {
  float: right;
  position: static;
}

#MobileNavBar li.menu ul,
#MobileNavBar li.search ul {
  background-color: #fff;
  top: 40px;
  box-shadow: 0px 3px 4px rgba(0,0,0,0.3);
  width: auto;
  left: 0px;
  right: 0px;
  z-index: 2;
}

#MobileNavBar .awcgn-menu li {
  position: initial;
}

#MobileNavBar .normalMobileNavLinks a {
  background-color: #dddddd;
  color: #333 !important;
  font-weight: bold;
  border-bottom: solid 3px #fff;
}

#MobileNavBar ul.login {
  display: block !important;
  position: relative !important;
  top: 0px !important;
  padding-left: 10px;
  margin: 0px;
}

#MobileNavBar ul.login a {
  color: #2682b8 !important;
}






/* Accordion Menu */

#MobileNavBar .ui-accordion .ui-accordion-header {
  margin-top: 0px;
}

#MobileNavBar .ui-widget {
  font-family: inherit;
  font-size: inherit;
}

#MobileNavBar .ui-accordion .ui-accordion-header {
  font-weight: bold;
  color: #333;
  background-color: #ddd;
  background-image: none;
  border: none;
  border-radius: 0px;
  border-bottom: solid 3px #fff;
  padding: 0px 10px !important;
  line-height: 40px;
}

#MobileNavBar .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  left: auto;
  right: .5em
}

#MobileNavBar .ui-accordion .ui-accordion-content {
  padding: 0px;
  border: none;
  border-radius: 0px;
  position: relative;
}

#MobileNavBar .column.smallNavText {
  width: 50%;
  float: left;
}

#MobileNavBar .column.smallNavText a {
  color: #333 !important;
  line-height: 15px !important;
  padding: 8px 10px !important;
  text-transform: uppercase;
  font-size: 12px;
}

#MobileNavBar .ui-accordion ul.login a {
  display: inline-block !important;
  padding: 0px !important;
}

#MobileNavBar .awcgn-menu li.menu {
  position: static;
}





/* Search Nav */

#MobileNavBar .searchMobile {
  font-size: 14px;
  text-transform: uppercase;
  color: #666;
}

#MobileNavBar .searchMobile td.label {
  width: 90px;
}

#MobileNavBar .searchMobile td.button {
  width: 76px;
}

#MobileNavBar .searchMobile table {
  border-spacing: 10px;
  border-collapse: separate;
}

#MobileNavBar .searchMobile #SiteSearch {
  line-height: 30px;
  width: 100%;
  border-radius: 3px;
  border: solid 1px #ccc;
  background-color: #eee;
  font-size: 14px;
  color: #666;
  padding: 0px 10px;
  height: 30px;
}

#MobileNavBar .searchMobile #submit {
  -webkit-appearance: none;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  border: solid 1px #2682d8;
  padding: 0px 10px;
  top: 1px;
  position: relative;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  margin-left: 10px;
  background-color: #2682d8;
  text-transform: uppercase;
  height: 30px;
}

@media only screen and (max-width: 399px) {

#MobileNavBar .searchMobile td.label {
  display: none;
}

#MobileNavBar .searchMobile #submit {
  margin-left: 0px;
}

}





/* Feature Nav */

#MobileNavBar.featureNav {
  background-color: #000;
  border-top: 16px solid #000;
  height: auto;
  margin: 0px auto;
  max-width: 1400px;
}

#MobileNavBar.featureNav section {
  padding: 0px !important;
}

#MobileNavBar.featureNav .logo {
  position: absolute;
  left: 40px;
  width: 240px;
  top: 6px;
}

#MobileNavBar.featureNav .logo img {
  height: auto;
  width: 100%;
}

#MobileNavBar.featureNav span.icon.menu {
  width: 16px;
  overflow: hidden;
  display: block;
}

#MobileNavBar.featureNav .icon.menu:before {
  font-size: 20px;
}

#MobileNavBar.featureNav .icon.search:before {
  font-size: 20px;
  color: #aaa;
}

#MobileNavBar.featureNav li.menu>ul {
  max-width: 652px;
}

@media only screen and (max-width: 480px) {

#MobileNavBar.featureNav .logo {
  width: 200px;
}

}










/* ======================================
50. PAGE CONTENT
======================================== */

#Content {
  position: relative;
  line-height: 20px;
}

#Content h1 {
  font-size: 36px;
  line-height: 38px;
  text-transform: uppercase;
  margin-bottom: 30px;
}

#Content h2 {
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 18px;
}

#Content p {
  margin-bottom: 24px;
}

#Content li {
  list-style-type: disc;
  margin-left: 20px;
  margin-bottom: 10px;
}

#Content li:last-child {
  margin-bottom: 18px;
}

#Content a {
  color: #116ecf;
  text-decoration: underline;
}

#Content a:hover {
  text-decoration: underline;
}

h2.bucketTitle {
  font-size: 17px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

@media only screen and (max-width: 420px) {

#Content h1 {
  font-size: 28px;
  line-height: 34px;
}

}









/* ======================================
99. MISCELLANEOUS INTERFACES
======================================== */

/* Launch Lead-in */

#LaunchLeadIn {
  line-height: 40px;
  font-size: 12px;
  font-weight: bold;
}





/* Archives Year List */

.archiveYearList {
  overflow: hidden;
  margin-bottom: 40px;
}

.archiveYearList li {
  float: left;
  list-style-type: none !important;
  margin-left: 0px !important;
  margin-bottom: 0px !important;
}

.archiveYearList a {
  color: #333;
  width: 55px;
  display: block;
  text-align: center;
  background-color: #eee;
  margin-right: 5px;
  margin-top: 5px;
  line-height: 28px;
}

.archiveYearList a:hover {
  background-color: #ddd;
}

.archiveYearList a.active,
.archiveYearList a.active:hover {
  color: #fff !important;
  background-color: #333;
}

.archiveLink {
  padding-left: 170px;
  margin-bottom: 30px;
}

.archiveLink a {
  display: inline-block;
  font-weight: bold;
}

.archiveLink a:hover {
  text-decoration: underline;
}

.archiveLink a:after {
  content: " \f0a9";
  font-family: FontAwesome;
}

@media only screen and (max-width: 480px) {

.archiveYearList a {
  width: 40px;
  font-size: 12px;
}

.archiveLink {
  padding-left: 0px;
}

}





/* 300px wide Newsletter sign-up */

.newsletterSignup300 {
  position: relative;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 15px;
  font-size: 15px;
  min-height: 175px;
  line-height: 20px;
  width: 300px;
  margin: 0px auto;
}

.newsletterSignup300 .text {
  float: left;
  width: 140px;
}

.newsletterSignup300 .text .title {
  font-family: Georgia, "Times New Roman", Times, serif;
}

.newsletterSignup300 .text .title a {
  color: #000;
}

.newsletterSignup300 .thumbnail {
  float: right;
  position: absolute;
  top: -5px;
  right: 0px;
}

.newsletterSignup300 .link a {
  color: #fff;
  background-color: #333;
  padding: 5px 10px;
  border-radius: 3px;
  position: absolute;
  bottom: 15px;
  font-size: 12px;
  font-weight: bold;
}





/* Most Read List */

.mostRead {
/*  margin-bottom: 30px;
  border-bottom: solid 1px #ccc;
  padding-bottom: 30px; */
  width: 300px;
  margin: 0px auto;
}

.mostRead h2 {
  color: #fff;
  background-color: #000;
  font-size: 12px;
  padding: 5px 10px;
}

.mostRead a {
  color: #000;
}

.mostRead ol {
  width: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 228px;
  background-color: #ebebeb;
}

.mostRead li {
  color: #000;
  font-family: Georgia, "Times New Roman", Times, serif;
  line-height: 40px;
  white-space: nowrap;
  border-top: 2px solid #fff;
  font-size: 15px;
  text-overflow: ellipsis;
  padding-right: 10px;
  overflow: hidden;
}

.mostRead .number {
  width: 30px;
  text-align: center;
  display: inline-block;
  border-right: 2px solid #fff;
  margin-right: 10px;
}

@media only screen and (max-width: 666px) {

.mostRead ol {
  overflow-y: visible;
  height: auto;
}

}

/* Most Read List - Updated */

.mostReadNew {
  background-color: #f4f4f4;
}

.mostReadNew h2 {
  color: #fff;
  background-color: #000;
  font-size: 17px;
  text-transform: uppercase;
  padding: 10px;
}

.mostReadNew li {
  clear: both;
  border-bottom: dashed 1px #ccc;
  background-color: #f4f4f4;
  transition: background-color 0.2s;
  position: relative;
}

.mostReadNew li:last-child {
  border-bottom: none;
}

.mostReadNew li:hover {
  background-color: #ddd;
}

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

.mostReadNew .number {
  font-size: 40px;
  font-weight: 500;
  color: #ccc;
  width: 24px;
  overflow: hidden;
  margin-right: 10px;
  position: absolute;
  left: 10px;
  top: 10px;
}

.mostReadNew a {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  display: block;
  padding-left: 45px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 54px;
  padding: 10px 10px 10px 45px;
}





/* Table of Contents */

.coverInfo {
  border: solid 1px #ddd;
  overflow: hidden;
  margin-bottom: 40px;
}

.coverInfo .coverImage {
  float: left;
  margin-right: 40px;
  width: 306px;
  position: relative;
}

.coverInfo .coverImage img {
  vertical-align: middle;
  width: 100%;
  height: auto;
}

.coverInfo .coverText {
  font-size: 14px;
}

.coverInfo .coverText h2 {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 5px;
  margin-top: 30px;
}

.coverInfo .coverText .issueDesc {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 14px;
  line-height: 18px;
  padding-right: 20px;
}

.coverInfo .coverText .issueDesc a {
  color: #000 !important;
  text-decoration: underline !important;
}

.otherArticlesTOC h2 {
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 1023px) {

.coverInfo {
  border: none;
  margin: 0px -20px 40px;
}

.coverInfo .coverImage {
  margin-right: 0px;
  width: 50%;
  padding-left: 20px;
  padding-right: 20px;
  display: inline-block;
}

.coverInfo .coverText {
  padding: 0px 20px;
  width: 50%;
  display: inline-block;
}

}

@media only screen and (max-width: 666px) {

.coverInfo {
  margin: 0px -10px 40px;
}

.coverInfo .coverImage {
  padding-left: 10px;
  padding-right: 10px;
}

.coverInfo .coverText {
  padding: 0px 10px;
}

}

@media only screen and (max-width: 549px) {

.coverInfo {
  margin-bottom: 0px;
}

.coverInfo .coverImage {
  float: none;
  width: 100%;
  text-align: center;
}

.coverInfo .coverImage img {
  width: auto;
  max-width: 100%;
}

.coverInfo .coverText {
  width: 100%;
}

}





/* PAGING */

table .paging {
  font-size: 14px;
  color: #666;
}

#Content table .paging a,
#Content table .paging .active {
  border: 1px solid #BBBBBB;
  border-radius: 3px;
  color: #666666 !important;
  font-weight: normal;
  line-height: 24px;
  margin:  5px 0 0;
  padding: 0 7px;
  display: inline-block;
  text-decoration: none;
}

table .paging a:hover {
  background-color: #ccc;
  text-decoration: none !important;
}

#Content table .paging .active,
#Content table .paging .active:hover {
  background-color: #666;
  color: #fff !important;
  border: 1px solid #666;
}

table td.paging {
  width: 33%;
  white-space: nowrap;
}

table td.paging:first-child {
  text-align: left;
}

table td.paging:last-child {
  text-align: right;
}

@media only screen and (max-width: 480px) {

table td.paging:first-child,
table td.paging:last-child {
  display: none;
}

}





/* Multimedia Tabs */

#Content .mmTabs {
  position: relative;
  margin-bottom: 40px;
  border-bottom: 4px solid #116ecf;
}

#Content .mmTabs li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  float: left;
/*  width: 20%; */
  text-align: center;
}

#Content .mmTabs li a {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 15px;
  background-color: #e5e5e5;
  line-height: 34px;
  position: relative;
  padding: 0px 10px;
}

#Content .mmTabs li a:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1px;
  height: 100%;
  background-color: #fff;
}

#Content .mmTabs li:first-child a:before {
  display: none;
}

#Content .mmTabs li.active a,
#Content .mmTabs li a:hover {
  color: #fff;
  background-color: #116ecf;
}

#Content .mmTabs li a:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 10px;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
  opacity: 0.2;
}

#Content .mmTabs li a:hover:after {
  opacity: 1;
}

#Content .mmTabs li.active a:after,
#Content .mmTabs li.active a:hover:after {
  display: none;
}

@media only screen and (max-width: 979px) {

#Content .mmTabs li a {
  font-size: 14px;
  text-transform: none;
}

}

@media only screen and (max-width: 510px) {

#Content .mmTabs li {
  width: 33.33333%;
  padding: 2px;
}

#Content .mmTabs {
  border-bottom: 0px;
}

#Content .mmTabs li a:before {
  display: none;
}

#Content .mmTabs:before {
  content: "Filter results by:";
  font-weight: bold;
  margin-bottom: 5px;
  display: block;
  color: #999;
  border-bottom: solid 2px #999;
  margin: 0px 2px 2px;
}

}

/* @media only screen and (max-width: 464px) {

#Content .mmTabs li {
  width: initial;
}

#Content .mmTabs li a {
  padding: 0px 10px;
}

} */

@media only screen and (max-width: 379px) {

#Content .mmTabs li a {
  font-size: 12px;
/*  padding: 0px 7px; */
}

}










/* ======================================
200. AD-RELATED
======================================== */

.mobileLeaderboard320top {
  margin: 0px auto;
  width: 320px;
  padding-bottom: 20px;
}

#AdLeaderboardBottom {
  width: 728px;
  margin: 0px auto 40px;
}

#AdMediumRectangleTop,
#AdMediumRectangleMiddle,
#AdMediumRectangleBottom {
  width: 300px;
  margin: 0px auto;
}

div#div-gpt-ad-1456519929216-0 {
  height: auto !important; /* Top right to allow expansion for 300x600 */
}

div#div-gpt-ad-1406751988345-9 {
  float: right;
  position: relative;
  margin-left: 65px;
}

div#div-gpt-ad-1406751988345-9:before {
  content: "sponsored by";
  position: absolute;
  left: -60px;
  text-align: right;
  top: 0px;
  width: 55px;
  font-size: 10px;
  color: #ccc;
  line-height: 12px;
}

#div-gpt-ad-1406751988345-0:after,
#div-gpt-ad-1456519929216-0:after,
#div-gpt-ad-1406751988345-7:after,
#div-gpt-ad-1406751988345-6:after,
#div-gpt-ad-1406751988345-1:after,
#div-gpt-ad-1436810603643-0:after,
#div-gpt-ad-1406751988345-2:after,
#div-gpt-ad-1406751988345-5:after {
  content: "advertisement";
  font-size: 10px;
  color: #ccc;
}

#div-gpt-ad-1406751988345-8 {
  position: relative;
}

#div-gpt-ad-1406751988345-8:before {
  content: "advertisement";
  font-size: 10px;
  color: #ccc;
  position: absolute;
  top: -12px;
  left: 0px;
}

#div-gpt-ad-1406751988345-7:after,
#div-gpt-ad-1406751988345-6:after,
#div-gpt-ad-1456519929216-0:after {
  width: 300px;
}

#div-gpt-ad-1406751988345-2 {
  height: auto !important;
  margin-bottom: 60px;
  padding-left: 60px;
  margin-top: -30px;
}

.pageCategory #div-gpt-ad-1406751988345-2 {
  margin-bottom: 30px;
  padding-left: 0px;
  margin-top: 0px;
}

#div-gpt-ad-1436810603643-0:after {
  float: right;
  padding-top: 4px;
}

#div-gpt-ad-1406751988345-5 {
  height: auto !important;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 24px;
}

#sb-adisplay .sponsorButton {
  float: right;
  padding-top: 7px;
}

section#Bottom728 {
  margin-bottom: 40px;
  padding: 0px;
}

section#Bottom728 #AdLeaderboardBottom {
  margin: 0px auto 40px;
}

/* Interstitial */

div#div-gpt-ad-1407259392469-0 {
  width: 100% !important;
  height: 100% !important;
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 20;
  display: table-cell;
  text-align: center;
  background-color: rgba(0,0,0,0.85);
  padding-top: 50px;
  cursor: pointer;
}

div#div-gpt-ad-1407259392469-0>div {
  width: 540px;
  margin: 0px auto;
  position: relative;
}

div#div-gpt-ad-1407259392469-0>div:before {
  content: "advertisement";
  color: #fff;
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 40px;
}

div#div-gpt-ad-1407259392469-0>div:after {
  content: "close (x)";
  color: #fff;
  font-size: 12px;
  background-color: #000;
  padding: 0 10px;
  font-weight: bold;
  line-height: 40px;
  position: absolute;
  top: 0px;
  right: 0px;
  border-top: solid 1px #666;
  border-right: solid 1px #666;
  border-left: solid 1px #666;
}

/* In-article ad styles */

.articleAd.showing {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  margin-bottom: 30px;
  margin-top: 30px;
}

.articleAd.size300.showing {
  width: 100% !important;
  text-align: center;
}

.articleAd.size728.showing {
  width: calc(100% + 400px) !important;
  text-align: center;
  margin-left: -60px;
}

#Feature.pictures .articleAd.size728.showing {
  width: 100% !important;
  margin-left: 0px;
}

.articleAd.showing:before {
  content: "article continues after advertisement";
  font-size: 10px;
  color: #ccc;
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
  text-align: center;
}

.articleAd.empty {
  height: 1px !important;
}

.articleAd.showing {
  height: auto !important;
}

@media only screen and (max-width: 889px) {

.articleAd.size728.showing {
  max-width: 728px !important;
/*  margin-left: -80px; */
}

}

.articleAd.tripleBreak.showing {
  margin-right: -340px;
  margin-left: -60px;
}

@media only screen and (min-width: 890px) {

.article.pictures .articleAd.tripleBreak.showing {
  margin-right: 0px;
  margin-left: -60px;
}

}

/* .feature .articleAd.tripleBreak.showing {
  margin-right: -0px;
} */

.articleAd.tripleBreak.showing  {
  text-align: center;
}

@media only screen and (max-width: 889px) {

.articleAd.tripleBreak.showing {
  margin-right: -94px;
}

}

@media only screen and (max-width: 767px) {

.articleAd.tripleBreak.showing {
  margin-left: 0px;
  margin-right: 0px;
}

}

@media only screen and (max-width: 1009px) {

iframe[width="970"] {
  display: none;
}

}

@media only screen and (max-width: 767px) {

iframe[width="728"] {
  display: none;
}

}





/* Comments */

section.comments {
  margin-bottom: 40px;
}

.commentsContainer {
  padding-left: 60px;
}

.commentsContainer .commentNotice {
  line-height: 18px;
}

@media only screen and (max-width: 1023px) {

.commentsContainer {
  padding-left: 0px;
}

#Recommended h2.bucketTitle {
  padding-left: 20px;
}

}










/* ======================================
1000. MEDIA QUERIES
======================================== */

@media only screen and (max-width: 1023px) {

section {
  padding: 0px 20px;
}

/* HEADER */

header .branding,
header .subscribe,
header .headerSubscribe {
  display: none;
}

header .leaderboard728top {
  margin: 0px auto;
  float: none;
}

/* HOMECOLUMNS */

.homeColumnLeft {
  display: none;
}

.homeColumnRight {
  margin-left: 0px;
}

}









@media only screen and (max-width: 889px) {

/* COLUMNS */

.contentColumn,
.utilityColumn {
  display: block;
}

.contentColumn {
  padding-right: 0px;
/*  width: auto; */
  width: 100%;
}

/* .utilityColumn {
  width: auto;
  padding-top: 40px;
  border-top: solid 3px #999;
} */

.utilityColumn {
  width: 100%;
  padding-top: 40px;
  border-top: solid 3px #999;
}

#sb-adisplay {
  padding-right: 60px;
}

section#Header {
  padding: 0px !important;
} 

section {
  max-width: 768px;
}

/* SIDEBAR ARRANGEMENTS */

.utilityColumn section .portlet {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: none;
}

.utilityColumn section .portlet {
  width: 50%;
  float: left;
}

.utilityColumn section .portlet.simple {
  width: 100%;
  float: none;
}

.utilityColumn section {
  padding-bottom: 30px;
}

.utilityColumn section:not(:last-child) {
  border-bottom: solid 1px #ccc;
  margin-bottom: 30px;
}

.utilityColumn section.simple:not(:last-child) {
  border-bottom: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.utilityColumn .sectionElsewhere,
.utilityColumn .sectionMultimedia {
  display: none;
}

/* ADVERTISING-RELATED */

#div-gpt-ad-1406751988345-7:after,
#div-gpt-ad-1406751988345-6:after,
#div-gpt-ad-1456519929216-0:after {
  border-bottom: none;
}

#div-gpt-ad-1406751988345-5 {
  border-bottom: none;
  margin: 0px auto;
  padding-bottom: 0px;
}

}









@media only screen and (max-width: 768px) {

/* FOOTER */

#SiteFooter .column.left .links ul {
  width: 50%;
}

#SiteFooter .column.left {
 padding-right: 0px;
}

}










@media only screen and (max-width: 727px) {

/* HEADER */

header .leaderboard728top,
#AdLeaderboardBottom {
  display: none;
}

header.desktop {
  display: none;
}

}

@media only screen and (min-width: 728px) {

/* HEADER */

.mobileLeaderboard320top {
  display: none;
}

}









@media only screen and (max-width: 666px) {

/* COLUMNS */

.contentColumn {
  padding-right: 0px;
}

#sb-adisplay {
  padding-right: 0px;
}

/* FOOTER */

#SiteFooter .column {
  display: block;
}

#SiteFooter .column.left {
  border-right: none;
  margin-bottom: 40px;
  overflow: hidden;
}

#SiteFooter .column.right {
  width: 100%;
  padding-left: 0px;
}

.stayConnected li {
  margin-right: 8px;
}

/* AD-RELATED */

#AdMediumRectangleTop,
#AdMediumRectangleMiddle {
  float: none;
}

div#div-gpt-ad-1406751988345-9 {
  float: none;
  margin-left: 0px;
  height: auto !important;
  margin-bottom: 10px;
}

div#div-gpt-ad-1406751988345-9:before {
  position: relative;
  left: 0px;
}

div#div-gpt-ad-1406751988345-2 {
  padding-left: 0px;
}

#sb-adisplay .sponsorButton {
  float: none;
  padding-top: 0px;
}



/* SIDEBAR ARRANGEMENTS */

.utilityColumn section .portlet {
  width: 300px;
  float: none;
  padding-bottom: 24px;
  border-bottom: 1px solid #ccc;
  margin: 0px auto 24px;
}

.utilityColumn section:not(:last-child) {
  border-bottom: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.utilityColumn section:last-child .portlet:last-child {
  border-bottom: none;
  padding-bottom: 0px;
}

}










@media only screen and (max-width: 548px) {

section {
  padding: 0px 10px;
}

div#div-gpt-ad-1406751988345-2 {
  display: none;
}

}










/* ======================================
2000. REGISTRATION-RELATED
======================================== */

/* REGISTRATION STEPS */

.loginRegistration .ui-widget-content {
  color: #666;
}

.loginRegistration .ui-widget-content h2, 
.loginRegistration .ui-widget-content h3 {
  color: #000;
}

.loginRegistration input,
.passwordReset input {
  display: block;
  max-width: 400px;
  width: 100%;
/*  margin-bottom: 20px; */
  border: 1px solid #ccc;
  line-height: 30px;
  padding: 0px 10px;
/*  margin-top: 4px; */
  font-weight: bold;
  color: #116ecf;
  font-family: inherit !important;
  font-size: 1em;
}

.loginRegistration .login #LogIn td {
  padding-bottom: 20px;
  vertical-align: middle;
}

.loginRegistration select {
  display: block;
  max-width: 400px;
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  height: 30px;
  padding: 0px 10px;
  margin-top: 4px;
  font-weight: bold;
  color: #116ecf;
  font-family: inherit !important;
}

.loginRegistration button,
.loginRegistration .CMSSubmit,
.passwordReset .CMSSubmit {
  display: block;
  max-width: 400px;
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  line-height: 30px;
  padding: 0px 10px;
  margin-top: 4px;
  font-weight: bold;
  background-color: #116ecf;
  font-family: inherit !important;
  color: #fff;
  border-radius: 5px;
  margin: 20px auto;
}

.loginRegistration .CMSSubmit {
  margin: 0px 0px 20px;
}

.loginRegistration .footnote {
  font-size: 12px;
  max-width: 400px;
  line-height: 15px;
  color: #999;
  /* margin-top: -10px; */
  margin-bottom: 20px;
}

.loginRegistration .field-container {
  margin-bottom: 20px;
}

.rowContainer {
  clear: both;
  margin-bottom: 40px;
/*  overflow: hidden; */
}

.columnHolder {
  margin: 0px -20px;
}

.columnHolder.shaded {
  background-color: #f2f2f2;
}

.columnHolder.shaded h2 {
  padding-top: 20px;
}

.col-lrg-half {
  width: 50%;
  float: left;
  padding: 0px 20px;
}

.col-lrg-full {
  padding: 0px 20px;
}

.colSignIn .inner {
  background-color: #eaeffa;
  padding: 20px;
}

.colSignIn .login {
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: dashed 1px #999;
}

.colRegister .freeBook {
  width: 165px;
  float: right;
  margin-left: 20px;
  font-weight: bold;
}

.colRegister .freeBook img {
  width: 100%;
  height: auto;
}

#Content .freeBook p {
  margin-bottom: 10px;
}

.loginRegistration .ui-widget-content {
  padding: 0px !important;
}

.loginRegistration .field-spacer {
  border-top: 1px dashed #ccc;
  height: 1px;
  margin: 30px 0;
  display: none;
}

.loginRegistration .control {
  float: left;
}

.loginRegistration .control a {
  text-transform: uppercase;
  font-size: 14px;
}

.loginRegistration .control a i {
  font-size: 18px;
  vertical-align: -1px;
}

.loginRegistration .control a:first-child {
  color: #d27070 !important;
}

.loginRegistration .description {
  margin-left: 130px;
}

.loginRegistration .description .sample {
  font-weight: normal;
}

.loginRegistration #InterestsForm .col-lrg-half {
  margin-bottom: 20px;
}

.loginRegistration #GigyaConnectionsContainer {
  margin-bottom: 20px;
}

.loginRegistration #GigyaConnectionsContainer,
.loginRegistration #GigyaConnectionsContainer .gig-edit-connections {
  width: 100% !important;
  height: 170px !important;
}

.loginRegistration #GigyaConnectionsContainer .gig-edit-connections li {
  margin-left: 0px;
  width: 44%;
  display: inline-block;
  margin-right: 3%;
}

.passwordReset {
  margin-bottom: 40px;
}

.passwordReset td {
  vertical-align: middle;
  padding-right: 5px;
  padding-bottom: 10px;
}

.passwordReset input {
  margin: 0px;
}





@media only screen and (max-width: 889px) {

.loginRegistration .hideSmall {
  display: none;
}

}

@media only screen and (max-width: 767px) {

.col-lrg-half {
  width: 100%;
  float: none;
  margin-bottom: 20px;
}

.loginRegistration .field-spacer {
  display: block;
}

.loginRegistration button {
  margin: 20px 0;
}

}

@media only screen and (max-width: 666px) {

.loginRegistration .number {
  display: none;
}

}

@media only screen and (max-width: 480px) {

.colRegister .freeBook {
  width: 125px;
  margin-bottom: 20px;
}

.colSignIn .login #LogIn td {
  width: 100%;
  display: block;
}

}





/* SELECTABLE TABS */

.ui-tabs-nav li {
  margin: 0px !important;
}

.registrationStep {
  background: none !important;
  border: none !important;
  border-radius: 0px !important;
  margin: 0px -3px 20px !important;
  border-bottom: solid 4px #000 !important;
}

.registrationStep li {
  border: none !important;
  background: none !important;
  color: #fff !important;
  width: 25% !important;
  display: inline-block !important;
  padding: 0px 3px !important;
}

.registrationStep a {
  color: #fff !important;
  background-color: #ccc;
  display: block;
  text-align: center;
  line-height: 36px;
  padding: 0px !important;
  width: 100%;
}

.registrationStep a:hover {
  background-color: #000;
  text-decoration: none !important;
}

.registrationStep li.current a {
  background-color: #000;
  padding-bottom: 10px;
}

.registrationStep li.ui-state-active a {
  padding-bottom: 5px !important;
  background-color: #000;
}





@media only screen and (max-width: 548px) {

.registrationStep a {
  font-size: 14px;
}

.registrationStep a .hideSmall {
  display: none;
}

}

@media only screen and (max-width: 480px) {

.registrationStep a {
  font-family: 'Roboto Condensed', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
}

}





/* GUIDED TABS */

.ui-corner-all {
  border-radius: 0px !important;
}

.ui-widget-content {
  border: none !important;
}

.ui-widget {
  font-family: inherit !important;
  font-size: inherit !important;
}

.ui-tabs {
  padding: 0px !important;
}

.registrationGuided {
  margin-bottom: 20px !important;
}

.registrationGuided a {
  color: #fff !important;
}

.registrationGuided li {
  border-radius: 0;
  list-style-type: none !important;
  background-color: #fff !important;
  opacity: 1 !important;
}

.registrationGuided a {
  padding: 0px 0px 0px 20px!important;
  line-height: 36px;
  margin: 0px 5px !important;
  display: block;
  float: none !important;
  background-color: #bfbfbf;
  position: relative;
}

.registrationGuided a:hover {
  text-decoration: none !important;
  pointer-events: none;
}

.registrationGuided li.ui-state-active a {
  background-color: #000;
}

.registrationGuided li:before,
.registrationGuided li:after {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  position: absolute;
  top: 0px;
  z-index: 5;
}

.registrationGuided li:before {
  border-left: 5px solid #fff;
  left: 5px;
}

.registrationGuided li:after {
  border-left: 5px solid #bfbfbf;
  right: 0px;
}

.registrationGuided li.ui-state-active:after {
  border-left: 5px solid #000;
}

@media only screen and (max-width: 539px) {

.registrationGuided a {
  font-family: 'Roboto Condensed', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-weight: 300;
  text-align: center;
  padding: 0px !important;
}

}

@media only screen and (max-width: 480px) {

.registrationGuided a {
  font-size: 12px;
  padding-left: 4px !important;
}

}







/* DELETE LIBRARY ITEM CONFIRM */

#AWCMinColorboxContent {
  display: table;
}

#AWCMinColorboxContent > div {
  display: table-cell !important;
  vertical-align: middle !important;
}

#AWCMinColorboxContent a.close {
  color: red !important;
  top: 5px !important;
}

#AWCMinColorboxContent a.close:before {
  content: "close";
  font-size: 12px;
  padding-right: 5px;
  vertical-align: 6px;
}

#AWCMinColorboxContent > div h2 {
  color: #116ecf;
  margin-bottom: 20px;
}

#AWCMinColorboxContent > div a {
  color: #116ecf;
  text-decoration: underline;
}

#AWCMinColorboxContent > div p {
  margin-bottom: 20px;
}

.articleList .close {
  display: none;
}

#LightboxDeleteConfirmation {
  display: table-cell !important;
  vertical-align: middle;
}

#LightboxDeleteConfirmation h2 {
  color: #116ecf;
  margin-bottom: 20px;
}

#LightboxDeleteConfirmation p {
  margin-bottom: 20px;
}

#LightboxDeleteConfirmation button {
  border-radius: 3px;
  font-size: 16px;
  font-family: 'Roboto', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  color: #666;
  box-shadow: none;
  border: none;
  padding: 10px 20px;
  font-weight: bold;
  margin: 0px 5px;
  background-color: #ddd;
}

#LightboxDeleteConfirmation button.confirm {
  background-color: #116ecf;
  color: #fff;
}











/* ======================================
2500. SEARCH RESULTS-RELATED
======================================== */

#SearchQueryForm {
  background-color: #f5f5f5;
  padding: 10px 0px;
  line-height: 38px;
  color: #333;
  overflow: hidden;
  margin-bottom: 30px;
}

/* FORM */

#SearchQueryForm input {
  width: 320px;
  margin: 0px 10px 0px 0px;
  color: #808080;
  font-size: 18px;
  line-height: 38px;
  background-color: #fff;
  border: solid 1px #d4d4d4;
  -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.15);
  -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.15);
  box-shadow: inset 0 2px 2px rgba(0,0,0,0.15);
  padding: 0px 10px;
  height: 38px;
  float: left;
}

#SearchQueryForm label {
  width: 150px;
  padding: 0px 0px 0px 10px;
  margin: 0px;
  border: none;
  float: left;
  display: block;
}

#SearchQueryForm button {
  color: #f5f5f5;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 36px;
  text-shadow: 0px -1px 0px rgba(0,0,0,0.75);
  background-color: #3366cc;
  padding: 0px 15px;
  margin: 0px;
  border: none;
  float: left;
  line-height: 38px;
}

/* FILTERS */

.searchFiltersContainer {
  width: 144px;
  float: left;
  line-height: 26px;
}

.searchFiltersContainer .searchFilterLabel {
  border-bottom: solid 1px #333;
}

.searchFiltersContainer ul.filterList {
  margin: 0px 0px 26px 0px !important;
  padding: 0px !important;
  background: none !important;
  line-height: normal !important;
}

.searchFiltersContainer ul.filterList li {
  margin: 0px !important;
  padding: 0px !important;
  border-bottom: solid 1px #e5e5e5 !important;
  list-style-type: none !important;
}

.searchFiltersContainer ul.filterList a {
  color: #3366cc;
  padding: 6px 10px 6px 12px;
  width: auto;
  background-image: url("/media/image/sb-t-search-filter-bullet.png");
  background-repeat: no-repeat;
  background-position: 4px 13px;
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  display: block;
}

.searchFiltersContainer ul.filterList li.active a {
  background-color: #eaeffa !important;
}

/* RESULTS HEADER */

#SearchResultsContainer #ResultsHeader {
  position: relative;
  border-bottom: solid 1px #000;
  margin-bottom: 16px;
  line-height: 30px;
  height: 30px;
  color: #666;
  /* font-weight: bold; */
  font-size: 14px;
}

#SearchResultsContainer #ResultsHeader a.active {
  font-weight: normal;
}

#SearchResultsContainer #ResultsHeader #ResultsSummary {
  float: left;
}

#SearchResultsContainer #ResultsHeader #SortBy {
  float: right;
  position: relative;
}

#SearchResultsContainer #ResultsHeader #SortBy span {
  margin-right: 10px;
}

#SearchResultsContainer #ResultsHeader #SortBy span, 
#SearchResultsContainer #ResultsHeader #SortBy a {
  float: left;
}

#SearchResultsContainer #ResultsHeader #SortBy a {
  margin-right: 5px;
  background-color: #f5f5f5;
  display: inline-block;
  width: 90px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  color: #999;
  border-left: solid 1px #b2b2b2;
  border-top: solid 1px #b2b2b2;
  border-right: solid 1px #b2b2b2;
  position: relative;
  height: 29px;
}

#SearchResultsContainer #ResultsHeader #SortBy a.active {
  border-left: solid 1px #000;
  border-top: solid 1px #000;
  border-right: solid 1px #000;
  color: #000;
  background-color: #fff;
  height: 30px;
}

/* RESULTS */

#SearchResultsContainer {
  margin-left: 170px;
}

#ResultsText {
  font-size: 14px;
  line-height: 18px;
}

#ResultsText .searchResults ol {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#ResultsText li.author-bio-result, 
#ResultsText li.article-result {
  overflow: hidden;
}

#ResultsText li {
  margin-bottom: 20px;
  list-style-type: none;
  margin-left: 0;
}

#ResultsText li.author-bio-result .thumbnail, 
#ResultsText li.article-result .thumbnail {
  float: left;
  width: 82px;
}

#ResultsText li.author-bio-result .thumbnail img, 
#ResultsText li.article-result .thumbnail img {
  width: 100%;
  height: auto;
}

#ResultsText .article-result .title,
#ResultsText .author-bio-result .title,
#ResultsText .article-result .excerpt,
#ResultsText .author-bio-result .excerpt,
#ResultsText .article-result .info,
#ResultsText .article-result .tags {
  margin-left: 108px;
}

#ResultsText .article-result .title,
#ResultsText .author-bio-result .title {
  font-size: 15px !important;
  line-height: 18px;
  font-weight: bold !important;
  text-transform: uppercase;
  border-top: solid 1px #ccc;
  padding-top: 10px;
  margin-bottom: 5px;
}

#ResultsText .article-result .title a,
#ResultsText .author-bio-result .title a {
  color: #000 !important;
}

#ResultsText .article-result .excerpt,
#ResultsText .author-bio-result .excerpt {
  font-family: Georgia, "Times New Roman", Times, serif;
  margin-bottom: 5px;
}

#ResultsText .article-result .info {
  line-height: 14px;
}

#ResultsText .article-result .tags {
  padding-top: 5px;
}

#ResultsText .article-result .date,
#ResultsText .article-result .authors,
#ResultsText .article-result .tags {
  font-size: 12px;
  color: #999;
  line-height: 14px;
}

#ResultsText .article-result .authors a {
  color: #999;
  text-decoration: underline;
}

#ResultsText .article-result p {
  margin-bottom: 0px !important;
}

/* RESULTS PAGING */

#ResultsPaging {
  overflow: hidden;
  margin-bottom: 40px;
  padding-top: 20px;
}

#ResultsPaging ul, 
#ResultsPaging li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#ResultsPaging li {
  float: left;
  border: solid 1px rgb(17, 110, 207);
  border-radius: 3px;
  margin-right: 5px;
  line-height: 25px;
  padding: 0px;
}

#ResultsPaging li.active {
  background-color: #666;
  color: #fff;
  border: solid 1px #666;
  padding: 0px 8px;
}

#ResultsPaging a {
  display: block;
  width: 100%;
  padding: 0px 8px;
}

#ResultsPaging a:hover {
  background-color: #eee;
  text-decoration: none;
}

/* MEDIA QUERIES */

@media only screen and (min-width: 890px) and (max-width: 940px) {

#SearchResultsContainer #ResultsHeader #ResultsSummary {
  display: none;
}

}

@media only screen and (max-width: 666px) {

#SearchQueryForm label {
  padding-right: 10px;
  width: auto;
}

#SearchQueryForm button {
  padding: 0px 5px;
}

#SearchQueryForm input {
  width: 50%;
}

.searchFiltersContainer {
  float: none;
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}

.searchFilterGroup {
  width: 48%;
  float: left;
}

.searchFilterGroup:first-child {
  margin-right: 4%;
}

#SearchResultsContainer {
  margin-left: 0px;
}

}

@media only screen and (max-width: 480px) {

#SearchQueryForm {
  padding-left: 10px;
}

#SearchQueryForm label {
  display: none !important;
}

#SearchQueryForm input {
  width: 68%;
}

}

@media only screen and (max-width: 400px) {

#SearchResultsContainer #ResultsHeader #ResultsSummary {
  display: none;
}

#ResultsText .article-result .title, 
#ResultsText .author-bio-result .title, 
#ResultsText .article-result .excerpt, 
#ResultsText .author-bio-result .excerpt, 
#ResultsText .article-result .info, 
#ResultsText .article-result .tags {
  margin-left: 92px;
}

}











/* ======================================
3000. WHAT'S NEW
======================================== */

.whatsNew {
  position: relative;
}

.whatsNew .max800 {
  max-width: 800px;
  margin: 0px auto;
}

.whatsNew .margin-bottom-50 {
  margin-bottom: 50px;
}

.whatsNew .title,
.whatsNew .text {
  font-family: Georgia, "Times New Roman", Times, serif;
}

.whatsNew .text {
  font-size: 22px;
  line-height: 32px;
}

.whatsNew .title {
  font-size: 44px;
  line-height: 44px;
}

.whatsNew .float-right {
  float: right;
}

.whatsNew img {
  max-width: 100%;
  height: auto;
}

.whatsNew .image {
  background-color: #f3f3f3;
  padding: 20px;
  text-align: center;
}

.whatsNew .image img {
  border: solid 1px #333;
}

.whatsNew .text {
  padding: 56px 40px 0px;
  text-align: right;
}

.whatsNew .text.align-left {
  text-align: left;
}

.whatsNew .text.float-right {
  text-align: left;
}

/* Bottom Section */

.whatsNew .imageholder-one,
.whatsNew .imageholder-two {
  margin: 0px -10px;
  overflow: hidden;
}

.whatsNew .imageholder-two .image {
  width: 50%;
  float: left;
  padding: 10px;
}

.whatsNew .imageholder-one .image {
  padding: 10px;
}

.whatsNew .text.fullwidth {
  padding: 56px 0px 10px;
  text-align: center;
}

@media only screen and (max-width: 767px) {

.whatsNew .float-right {
  float: none;
}

.whatsNew .text,
.whatsNew .text.float-right {
  text-align: center;
  background-color: #f3f3f3;
  margin-bottom: 0px;
  padding-top: 20px;
}

.whatsNew .text.float-right.align-left {
  text-align: left;
}

.whatsNew .text br {
  display: none;
}

.whatsNew .image {
  margin-bottom: 40px;
}

}

@media only screen and (max-width: 666px) {

.whatsNew .imageholder-two .image {
  max-width: 380px;
  float: none;
  width: auto;
  margin: 0px auto;
  padding: 0px;
  margin-bottom: 10px;
}

}

@media only screen and (max-width: 480px) {

.whatsNew .imageholder-one,
.whatsNew .imageholder-two {
  margin: 0px;
  padding: 0px 20px;
}

}

@media only screen and (max-width: 480px) {

.whatsNew .title {
  font-size: 30px;
  line-height: 30px;
}

}











/* ======================================
4000. NEWSLETTER OPT-IN
======================================== */

#NewsletterSignup .signupFreeBook {
  border-left: 1px solid #999999;
  color: #CC0000; 
  float: left; 
  font-size: 14px; 
  margin-left: 20px; 
  padding-left: 20px; 
  width: 165px;
}

#NewsletterSignup .signupFreeBook img {
  max-width: 100%;
  height: auto;
}

#NewsletterSignup .optInForm {
  float: left;
  width: calc(100% - 165px - 20px - 20px - 1px)
}

#NewsletterSignup .ItemWrapper {
  padding: 10px;
  overflow: hidden;
}

#NewsletterSignup .ItemWrapper.featured {
  background-color: #e9ffff; 
  border: solid 1px #ccc;
}

#NewsletterSignup .Checkbox {
  float: left;
  margin-right: 10px;
}

#NewsletterSignup .DetailsWrapper {
  overflow: hidden;
}

#NewsletterSignup .FieldAndButton {
  padding-top: 10px;
}

#NewsletterSignup .Field input {
  width: calc(100% - 84px - 10px);
  padding: 0px 10px !important;
  float: left;
  line-height: 26px;
  margin: 0px;
  border-radius: 3px;
  border: 1px solid #ccc;
  font-family: Roboto, Ariel, Helvertica;
  font-size: 14px;
  font-weight: bold;
  color: #999;
  background-color: #eee;
  box-shadow: inset 0px 1px 4px rgba(0,0,0,0.2);
}

#NewsletterSignup .Button input {
  margin-left: 10px;
}

@media only screen and (max-width: 548px) {

#NewsletterSignup .optInForm {
  float: none;
  width: 100%;
}

#NewsletterSignup .signupFreeBook {
  border-left: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

#NewsletterSignup .signupFreeBook img {
  max-width: 100px;
  float: left;
  margin-right: 10px;
}

}











/* ======================================
5000. DIGITAL and MOBILE PRODUCTS
======================================== */

.whatsNew .sectionTitle {
  margin-bottom: 10px;
}

.whatsNew .text .otherContent {
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  text-align: left;
}

.whatsNew .wrapper {
  overflow: hidden;
  margin-bottom: 30px;
}

.whatsNew .text .otherContent p {
  margin-bottom:14px;
}

.whatsNew .button {
  margin-bottom:10px !important;
  font-weight: bold;
}

.whatsNew .button a {
  display: block;
  background-color: #116ecf;
  color: #fff !important;
  line-height: 30px;
  text-align: center;
  border-radius: 3px;
  font-family: Roboto;
  text-shadow: 0px -1px 1px #003056;
  line-height: 16px;
  padding: 8px 5px;
  text-decoration: none !important;
}

.whatsNew .button a:hover {
  text-decoration: none !important;
  background-color: #999;
  text-shadow: none;
}

.whatsNew .thumb {
  width: 40%;
  max-width: 150px;
  margin-right: 20px;
  float: left;
}

.whatsNew .thumb img {
  max-width: 100%;
  height: auto;
}

@media only screen and (max-width: 480px) {

.whatsNew .thumb {
  width: 90px;
}

.whatsNew .text .otherContent {
  overflow: visible;
}

}