/* Copyright (c) CircleID & Iomemo Technologies, Inc.
   All rights reserved.
======================================================== */
/* GENERAL
-------------------------------------------------------- */
.firstRow {
  margin-top: 0;
  padding-top: 0;
  border: none;
  }
.readmore {
  font-size: 11px;
  font-weight: bold;
  }
.readmore:after {
  font-family: 'FontAwesome';
  font-weight: bold;
  padding-left: 3px;
  content: '\f105';
  }

/* POST PAGE
  -------------------------------------------------------- */
#postPage h3 {
  font-family: 'Roboto', sans-serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 42px;
  margin: 0 0 20px 0;
  padding: 0;
  letter-spacing: -.01em;
  }
#postPage .byLine {
  font-size: 13px;
  margin: 0;
  padding: 0;
  color: #666;
  }
#postPage .dateLine {
  font-size: 13px;
  margin: 22px 0 0 0;
  padding: 0;
  color: #666;
  }
#postPage .dateLine ul {
  margin: 0;
  padding: 0;
  list-style: none;
  }
#postPage .dateLine .left {
  float: left;
  }
#postPage .dateLine .right {
  float: right;
  }
#postPage .dateLine ul li {
  line-height: 19px;
  display: inline;
  margin: 0 0 0 6px;
  padding: 0 0 0 9px;
  border-left: 1px solid #bbb;
  }
#postPage .dateLine ul li.first {
  margin-left: 0;
  padding-left: 0;
  border: none;
  }
#postPage .body {
  font-size: 16px;
  line-height: 24px;
  margin: 8px 0 0 0;
  padding: 16px 0 0 0;
  border-top: 1px solid #ddd;
  }
#postPage .body p {
  line-height: 24px;
  }
#postPage .body ul,
#postPage .body ol {
  margin: 0;
  padding: 0 0 5px 0;
  }
#postPage .body li ul,
#postPage .body li ol {
  padding-top: 10px;
  }
#postPage .body li {
  line-height: 24px;
  padding-bottom: 10px;
  }
#postPage .body a {
  text-decoration: none;
  border-bottom: 1px solid #bbb;
  }
#postPage .body a:hover {
  border-bottom: 1px solid #800000;
  }
#postPage .body img.memPhoto {
  float: left;
  margin: 4px 15px 10px 0;
  padding: 0;
  }
#postPage .body img.postImage {
  float: right;
  margin: 4px 0 4px 12px;
  padding: 0;
  }
#postPage .body table.postTable td {
  font-size: 90%;
  margin: 10px 0;
  padding: 5px 10px;
  vertical-align: top;
  border: 1px solid #ccc;
  }
#postPage .body .footNotes {
  font-size: 90%;
  line-height: 1.4em;
  display: block;
  margin: 15px 0 0 0;
  padding: 15px 0;
  background: #fff url(/images/bg_post_footer.gif) no-repeat left top;
  }
#postPage .body code {
  font-family: monospace;
  line-height: 1.5em;
  }
#postPage .body tt {
  font-family: 'Courier New', Courier, monospace;
  }
#postPage .body sup {
  line-height: 1em;
  }
#postPage .body cite {
  font-size: 18px;
  font-weight: bold;
  line-height: 17px;
  display: block;
  float: right;
  width: 300px;
  padding: 0 0 10px 15px;
  text-align: right;
  }
#postPage .body cite .quoteMarkLeft {
  font-size: 350%;
  line-height: .1em;
  padding: 0 8px 0 0;
  vertical-align: -500%;
  color: #900;
  }
#postPage .footerByline {
  font-size: 16px;
  font-style: italic;
  line-height: 24px;
  margin: 10px 0 20px 0;
  }
#postPage .footerTopics {
  font-size: 16px;
  line-height: 24px;
  clear: both;
  margin: 0 0 15px 0;
  }
#postPage .footerSocialFollow {
  font-size: 16px;
  line-height: 24px;
  clear: both;
  margin: 0 0 15px 0;
  padding: 0;
  }
#postPage .footerShare {
  position: relative;
  margin: 0;
  padding: 1px 0 0 0;
  text-align: right;
  border-top: 1px solid #ddd;
  }
#postPage .footerShare span.label {
  font-size: 12px;
  line-height: 20px;
  color: #777;
  }
#postPage .footerShare .addthis_inline_share_toolbox {
  position: absolute;
  top: 5px;
  left: 0;
  }
h2.underPost {
  font-size: 16px;
  margin-top: 40px;
  }
.postAboutCompany {
  margin: 20px 0 0 0;
  }
.postAboutCompany p {
  margin: 0 0 0 124px;
  }
.postAboutCompany img {
  float: left;
  width: 100px;
  margin: 0;
  padding: 0 12px 0 0;
  }

/* RELATED POSTS
-------------------------------------------------------- */
#relatedPosts h3 {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  margin: 14px 0 12px 0;
  padding: 14px 0 0 0;
  letter-spacing: -.01em;
  border-top: 1px solid #ddd;
  }
#relatedPosts p {
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 12px 0;
  padding: 0;
  }
#relatedPosts .dateLine {
  margin: 0;
  padding: 0 0 8px 0;
  color: #666;
  }

/* POST LIST
-------------------------------------------------------- */
.postList h3 {
  font-size: 1.385em;
  font-weight: bold;
  line-height: 1.3em;
  margin-top: 16px;
  padding-top: 15px;
  border-top: 1px solid #e5e5e5;
  }
.postList .byLine {
  font-size: .923em;
  margin: 7px 0 0 0;
  padding: 0;
  color: #666;
  }
.postList p {
  margin: 8px 0 0 0;
  padding: 0;
  }
.postList img {
  float: left;
  width: 80px;
  margin: 3px 10px 5px 0;
  }
.postList .postInfo {
  font-size: .923em;
  clear: both;
  padding: 8px 0 0 0;
  color: #666;
  }
.postList .cmntSnips {
  margin: 0;
  padding: 0;
  list-style: none;
  }
.postList .cmntSnips li {
  margin: 7px 0 0 0;
  padding: 0 0 0 20px;
  background: url(/images/px_comnt_box.gif) no-repeat 0 .2em;
  }
.postList .byLineSmall {
  font-size: .846em;
  color: #666;
  }

/* CARTOON LIST
-------------------------------------------------------- */
.cartoonList img {
  width: 643px;
  margin: 0;
  border: 1px solid #999;
  }
.cartoonList .cartoonInfo {
  font-size: .923em;
  clear: both;
  margin: 0;
  padding: 9px 0 0 0;
  color: #666;
  }
.cartoonList .byLine {
  font-size: .923em;
  line-height: 1.5em;
  margin: 0;
  padding: 3px 0 60px 0;
  color: #666;
  }


/* POST LIST - MINI
-------------------------------------------------------- */
.postListMini h3 {
  font-size: 1.077em;
  font-weight: bold;
  line-height: 1.4em;
  margin: 12px 0 0 0;
  padding: 12px 0 0 0;
  border-top: 1px solid #e5e5e5;
  }
.postListMini img.postImage {
  display: block;
  float: left;
  clear: both;
  width: 262px;
  margin: 0 0 8px 0;
  padding: 0;
  border: 0;
  }
.postListMini .byLine {
  font-size: .923em;
  clear: both;
  margin: 7px 0 0 0;
  padding: 0;
  color: #666;
  }
.postListMini .byLine li {
  line-height: 1.2em;
  }
.postListMini p {
  padding: 0;
  padding: 8px 0;
  }
.postListMini img {
  float: left;
  margin: 0;
  padding: 3px 10px 3px 0;
  }
.postListMini .postInfo {
  font-size: .923em;
  line-height: 1.5em;
  clear: both;
  margin: 0;
  padding: 0;
  color: #666;
  }

/* COMMENT LIST
-------------------------------------------------------- */
#commentScroll {
  overflow: auto;
  width: 260px;
  height: 450px;
  margin-bottom: 10px;
  }
.cmntList {
  margin: 0;
  padding: 0 0 0 18px;
  background: transparent url(/images/px_comnt_box.gif) no-repeat 0 2px;
  }
.cmntList .byLine {
  font-size: .846em;
  margin: 3px 0 20px 0;
  padding: 0;
  color: #666;
  }

/* COMMENT LIST - MINI
-------------------------------------------------------- */
.cmntListMini {
  margin: 0;
  padding: 0 0 0 18px;
  background: transparent url(/images/px_comnt_box.gif) no-repeat 0 2px;
  }
.cmntListMini .byLine {
  font-size: .846em;
  margin: 3px 0 13px 0;
  padding: 0;
  color: #666;
  }

/* AD LIST
-------------------------------------------------------- */
.adList {
  text-align: center;
  }
.adList a img {
  margin: 14px 0 0 0;
  padding: 0;
  border: 1px solid #fff;
  }
.adList a:hover img {
  border: 1px solid #900;
  }

/* INDUSTRY PARTICIPANT LIST
-------------------------------------------------------- */
a.indParticipant:link,
a.indParticipant:visited,
a.indParticipant:active {
  display: block;
  margin: 0 0 15px 0;
  padding: 0;
  text-decoration: none;
  color: #000;
  border: 1px solid #eee;
  background-color: #fff;
  }
a.indParticipant:hover {
  color: #800000;
  border: 1px solid #c99;
  background-color: #eee;
  }
a.indParticipant img {
  float: left;
  width: 120px;
  height: 90px;
  margin: 0 15px 0 0;
  padding: 0 10px;
  background-color: #fff;
  }
a.indParticipant p {
  line-height: 1.5em;
  float: left;
  width: 450px;
  padding: 10px;
  }
a.indParticipant span {
  font-size: .846em;
  line-height: 1em;
  display: block;
  padding-top: 7px;
  color: #666;
  }

/* VIDEO LIST
-------------------------------------------------------- */
.videoList th {
  padding: 10px 15px 10px 0;
  vertical-align: top;
  border-top: 1px solid #e5e5e5;
  }
.videoList td {
  width: 100%;
  padding: 10px 0;
  vertical-align: top;
  border-top: 1px solid #e5e5e5;
  }
.videoList a.videoThumb:link,
.videoList a.videoThumb:visited,
.videoList a.videoThumb:active {
  display: block;
  border: 1px solid #ddd;
  }
.videoList a.videoThumb:hover {
  display: block;
  border: 1px solid #800000;
  }
.videoList .videoThumb img {
  margin: 0;
  padding: 5px;
  background-color: #f5f5f5;
  }
.videoList h3 {
  font-size: 1.385em;
  font-weight: bold;
  line-height: 1.2em;
  }
.videoList .byLine {
  font-size: .846em;
  margin: 0;
  padding: 0;
  color: #666;
  }
.videoList p {
  line-height: 1.3em;
  margin: 5px 0 0 0;
  padding: 0;
  }
.videoList .postInfo {
  font-size: .923em;
  margin: 0;
  padding: 7px 0 0 0;
  color: #666;
  }

/* POST PAGE - ANNUAL TOP 10
-------------------------------------------------------- */
#postPage table#topTen {
  margin-bottom: 20px;
  }
#postPage table#topTen td {
  padding: 10px 10px 20px 10px;
  vertical-align: top;
  }
#postPage table#topTen td img {
  width: 70px;
  }
#postPage table#topTen td.rank {
  font-size: 30px;
  line-height: 1em;
  text-align: left;
  color: #bbb;
  }
#postPage table#topTen td .title {
  font-weight: bold;
  }
#postPage table#topTen td .byline {
  font-size: 85%;
  display: block;
  }

/* POST PAGE - COMMENTS
-------------------------------------------------------- */
#comments {
  overflow-x: hidden;
  } /* for javascript */
.cmntWrap {
  margin: 0 0 8px 0;
  padding: 12px 10px 8px 10px;
  border: 1px solid #e5e5e5;
  background-color: #f2f2f2;
  }
* html .cmntWrap {
  /* ie hack for overflow non-spaced strings */
  word-wrap: break-word;
  }
.cmntTitle {
  font-size: 15px;
  margin: 0 0 10px 0;
  padding: 0;
  }
.cmntTitle span {
  font-size: 13px;
  display: block;
  padding: 5px 0 0 0;
  color: #666;
  }
.cmntBody {
  font-size: 16px;
  line-height: 1.45em;
  }
.cmntBody a {
  text-decoration: underline;
  }
.cmntBody blockquote {
  margin: 3px 0 1em 0;
  padding: 0 0 0 10px;
  border-left: 3px solid #ddd;
  }
.cmntBody blockquote p {
  margin: 0;
  padding: 0;
  }
.cmntFooter {
  padding-top: 6px;
  color: #aaa;
  background: transparent url(/images/bg_line_dotted.gif) repeat-x top left;
  }
.cmntFooter a.selected {
  font-weight: bold;
  color: #000;
  }
.comment-container {
  } /* for javascript */
.comment-children .comment-container {
  padding-left: 20px;
  background: url(/images/icon_reply.gif) no-repeat left 1em;
  }

/* POST PAGE - COMMENT FORM
-------------------------------------------------------- */
#cmntForm {
  margin: 1px 0 30px 0;
  padding: 0 10px 10px 10px;
  border: 1px solid #ddd;
  background-color: #eff5fe;
  }
#cmntForm form p {
  font-size: 13px;
  line-height: 1.2em;
  margin: 9px 0 0 0;
  padding: 3px 0;
  }
#cmntForm textarea {
  font-size: 12px;
  line-height: 18px;
  width: 99%;
  }
#cmntForm .inputTitle {
  width: 99%;
  }
#cmntPreview {
  line-height: 1.4em;
  overflow-x: hidden;
  padding-bottom: 7px;
  }
* html #cmntPreview {
  /* ie hack for overflow non-spaced strings */
  word-wrap: break-word;
  }
#cmntPreview a {
  text-decoration: underline;
  }
#cmntPreview p {
  font-weight: bold;
  margin: 9px 0 5px 0;
  padding: 3px 0;
  }
#cmntEdit {
  } /* for javascript */
#cmntButtons {
  margin: 7px 0 0 0;
  padding: 5px 0 0 0;
  background: transparent url(/images/bg_line_dotted.gif) repeat-x top left;
  }

/* TOPICS - ALL VIEW
-------------------------------------------------------- */
#allTopics {
  padding: 10px 0 0 0;
  }
#allTopics td.left {
  font-size: 1.385em;
  font-weight: bold;
  line-height: 1em;
  width: 100%;
  padding: 0 0 4px 0;
  vertical-align: middle;
  }
#allTopics td.right {
  font-size: 1em;
  padding: 0 10px 4px 10px;
  vertical-align: bottom;
  white-space: nowrap;
  border-right: 1px solid #e8e8e8;
  }
#allTopics .subrow {
  font-size: 1em;
  padding: 4px 0 30px 0;
  color: #666;
  border-top: 1px solid #e8e8e8;
  }
#allTopics a.gray:link,
#allTopics a.gray:visited,
#allTopics a.gray:active {
  color: #666;
  }
#allTopics a.gray:hover {
  color: #800000;
  }
#allTopics a.showLink {
  margin: 0 30px 0 0;
  padding: 0 23px 0 0;
  background: transparent url(/images/arrow_drop_show.gif) no-repeat center right;
  }
#allTopics a.hideLink {
  margin: 0 30px 0 0;
  padding: 0 23px 0 0;
  background: transparent url(/images/arrow_drop_hide.gif) no-repeat center right;
  }
#allTopics .summary p {
  margin: 0;
  padding: 10px 1em 0 1em;
  color: #555;
  }
#allTopics .barchart {
  font-size: .846em;
  margin: 0;
  padding: 1px 0 0 0;
  text-align: right;
  white-space: nowrap;
  border-top: 5px solid #c66;
  }

/* SPECIAL UPADATE - NEWS BRIEF SECTION
-------------------------------------------------------- */
.specialUpdate {
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 3px double #ddd;
  }
.specialUpdate h3 {
  font-size: 1.077em;
  font-weight: bold;
  line-height: 1.3em;
  margin: 0;
  padding: 0;
  }
.specialUpdate img {
  display: block;
  float: left;
  clear: both;
  width: 260px;
  margin: 5px 0;
  padding: 0;
  border: 0;
  }
.specialUpdate .byLine {
  font-size: .846em;
  margin: 0;
  padding: 0 0 5px 0;
  color: #666;
  }
.specialUpdate p {
  padding: 0;
  padding: 0;
  }
.specialUpdate span.highlight {
  color: #800;
  }

/* SLIDER - SPONSOR QUOTE
-------------------------------------------------------- */
/* Root element for the scrollable. When scrolling occurs this element stays still. */
.scrollable {
  /* required settings */
  position: relative;
  overflow: hidden;
  width: 640px;
  height: 225px;
  }
.scrollable .items {
  position: absolute;
  clear: both;
  /* this cannot be too large */
  width: 20000em;
  }
/* single scrollable item */
.scrollable .page {
  float: left;
  width: 640px;
  }
.scrollable .page img {
  float: left;
  padding: 0 15px 0 0;
  }
/* active item */
.scrollable .active {
  position: relative;
  z-index: 9999;
  border: 2px solid #000;
  }
/* this makes it possible to add next button beside scrollable */
.scrollable {
  float: left;
  }
/* prev, next, prevPage and nextPage buttons */
div.buttons {
  float: right;
  width: 59px;
  }
/* right */
a.left {
  display: block;
  float: left;
  width: 28px;
  height: 19px;
  cursor: pointer;
  background: url(/images/icon_scroll_arrows.gif) no-repeat 0 0;
  }
/* left */
a.right {
  display: block;
  float: right;
  width: 28px;
  height: 19px;
  cursor: pointer;
  background: url(/images/icon_scroll_arrows.gif) no-repeat 0 -19px;
  }
/* disabled button */
.leftButton a.disabled {
  background: url(/images/icon_scroll_arrows.gif) no-repeat -28px 0;
  }
.rightButton a.disabled {
  background: url(/images/icon_scroll_arrows.gif) no-repeat -28px -19px;
  }
/* Formatting */
#topicLeaderBoard {
  padding: 16px 12px;
  }
#topicLeaderBoard table {
  width: 100%;
  border-collapse: collapse;
  }
#topicLeaderBoard table td.topicName {
  width: 100%;
  vertical-align: middle;
  white-space: nowrap;
  }
#topicLeaderBoard table td.topicName h1 {
  font-family: 'Roboto', sans-serif;
  font-size: 54px;
  font-weight: 900;
  margin: 0;
  padding: 0;
  }
#topicLeaderBoard table td.sponsoredBy {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  line-height: 14px;
  padding: 0 30px 0 0;
  text-align: right;
  vertical-align: middle;
  white-space: nowrap;
  letter-spacing: .3px;
  text-transform: uppercase;
  color: #777;
  }
#topicLeaderBoard table td.logo {
  text-align: right;
  }
#topicLeaderBoard table td.logo img {
  height: 60px;
  margin: 0;
  padding: 0 7px 0 0;
  text-align: right;
  vertical-align: middle;
  }
#topicLeaderBoard .sponsorLogo {
  float: right;
  }
#topicLeaderBoard .sponsorLogo img {
  height: 64px;
  margin: 0 0 0 30px;
  padding: 0;
  }
#topicLeaderBoard .sponsoredBy {
  }
#quoteSlide .page {
  position: relative;
  }
#quoteSlide h3 {
  font-family: 'Roboto', sans-serif;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.3em;
  margin: 0;
  padding: 0;
  border: none;
  }
#quoteSlide h3:before {
  font-family: 'FontAwesome';
  padding-right: 7px;
  content: '\f10d';
  color: #900;
  }
#quoteSlide h3:after {
  font-family: 'FontAwesome';
  padding-left: 7px;
  content: '\f10e';
  color: #900;
  }
#quoteSlide span.byline {
  font-size: 13px;
  line-height: 1.6em;
  display: block;
  padding: 10px 0 0 0;
  text-align: right;
  }
#quoteSlide span.postInfo {
  font-size: 13px;
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  padding: 7px 0 0 0;
  color: #666;
  }