/* 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: -0.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 .videoContainer {
  position: relative;
  width: 100%;
  height: 0;
  margin: 0 auto 30px auto;
  padding-bottom: 56.25%;
}
#postPage .videoContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#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;
  font-size: 90%;
}
#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: 0.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: -0.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: 0.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: 0.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 0.2em;
}
.postList .byLineSmall {
  font-size: 0.846em;
  color: #666;
}

/* CARTOON LIST
-------------------------------------------------------- */
.cartoonList img {
  width: 643px;
  margin: 0;
  border: 1px solid #999;
}
.cartoonList .cartoonInfo {
  font-size: 0.923em;
  clear: both;
  margin: 0;
  padding: 9px 0 0 0;
  color: #666;
}
.cartoonList .byLine {
  font-size: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.846em;
  margin: 0;
  padding: 0;
  color: #666;
}
.videoList p {
  line-height: 1.3em;
  margin: 5px 0 0 0;
  padding: 0;
}
.videoList .postInfo {
  font-size: 0.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: 0.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: 0.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;
  letter-spacing: -0.008em;
}
#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: 0.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;
}