
/*-----------------------------------------------
    Screen Styles
  ----------------------------------------------- */
  form .hiddenFields+*,
  *:first-child {
    margin-top: 0;
  }
  .standard-form {
    margin-top: 1.55em;
  }
  .standard-form:first-child {
    margin-top: 0;
  }
  *:last-child {
    margin-bottom: 0;
  }

  /* Hidden */
  .hiddenFields,
  #language h2,
  #nav h2,
  #nav-sub h2,
  #featured h2,
  #search h2,
  #members h2,
  #search label span,
  .aside .search label span,
  #info h2,
  #headline h1,
  #headline h2,
  #headline p,
  #another-subscribe h2,
  #another-subscribe label span,
  #subscribe label span,
  #content-main div.comments h2,
  #content-main .videos .options h3,
  #content-main .newsletter .options h3,
  #podcasts-page #content-main .options h2,
  .subscription-intro .section-login form .required-note,
  #over-shoulder-page .subscription-intro .sample .tagline,
  #conversations-library-page #content-main .conversation .options h2,
  #conversations-promo-page #content-main .conversation .options h2 {
    display: block;
    position: absolute;
    left: -99999px;
  }
  .clearfix:after { 
    content: "."; 
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .clearfix { 
    display: inline-block; 
  }


/*  =Forms
  ----------------------------------------------- */
  form .error input[type=text],
  form .error input[type=email],
  form .error input[type=username],
  form .error input[type=password],
  form .error textarea {
    border-color: #cc9e80 !important;
  }
  form .error-message {
    margin-top: 1.55em;
    font-size: 10px;
  }
  form .error-message ul {
    margin-top: 0;
  }
  form .error-message li {
    color: #993c00;
  }
  form .error-message li span {
    color: #000;
  }
  #search input[type=text],
  .aside .search input[type=text],
  #another-subscribe input[type=email],
  #subscribe input[type=email] {
    width: 120px;

    /* WebKit doesn't render border radius well when there's a
    border present, so only apply this nicety to Firefox. */
    -moz-border-radius      : 2px;
  }
  .aside .search input[type=text] {
    width: 140px;
  }
  #search button,
  .aside .search button,
  #another-subscribe button,
  #subscribe button,
  .audio-player button {
    position: relative;
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 18px;
    border-width: 0;
    padding: 0;
    cursor: pointer;
  }

  /* Firefox only */
  x:-moz-any-link,
  #search button,
  .aside .search button,
  #another-subscribe button,
  #subscribe button {
    vertical-align: bottom;
    position: relative;
  }
  x:-moz-any-link,
  #search button,
  .aside .search button {
    bottom: 1px;
  }
  x:-moz-any-link,
  #another-subscribe button,
  #subscribe button {
    bottom: 3px;
  }

  #search button,
  .aside .search button {
    background-image: url(/images/buttons/search.png);
    width: 56px;
  }
  #another-subscribe button,
  #subscribe button {
    background-image: url(/images/buttons/go.png);
    width: 29px;
  }
  #search button:hover,
  #search button:active,
  .aside .search button:hover,
  .aside .search button:active,
  #another-subscribe button:hover,
  #another-subscribe button:active,
  #subscribe button:hover,
  #subscribe button:active {
    background-position: 0 -18px;
  }
  #search label,
  #another-subscribe label,
  #subscribe label,
  .discussion label {
    display: inline-block;
    position: relative;
  }
  form .placeholder {
    margin: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 7px;
    font-style: normal;
    line-height: 1;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #999;
  }
  /*
  In IE8, the placeholder takes up space, even though it's positioned absolutely (weird!)
  Placing it at the bottom rather than top seems to correct this.
  */
  #modal form .placeholder {
    top: auto;
    bottom: 0;
  }
  input::-webkit-input-placeholder {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #999;
  }
  #search form .placeholder,
  .aside .search form .placeholder,
  #another-subscribe form .placeholder,
  #subscribe form .placeholder,
  #subscribe-options .placeholder {
    text-transform: lowercase;
  }
  #search input::-webkit-input-placeholder,
  .aside .search input::-webkit-input-placeholder,
  #another-subscribe input::-webkit-input-placeholder,
  #subscribe input::-webkit-input-placeholder,
  #subscribe-options input::-webkit-input-placeholder {
    text-transform: lowercase;
  }
  #another-subscribe form .placeholder,
  #subscribe form .placeholder {
    top: 1px;
  }
  #search input[type=text],
  #another-subscribe input[type=email],
  #subscribe input[type=email],
  .aside .search input[type=text],
  #content-main .discussion textarea {
    padding: 2px 4px;
    border: 1px solid #bcbcbc;
  }

  #new-topics #search {
    margin-top: 0;
    position: relative;
    top: 7px;
  }
  #new-topics #search p {
    display: block;
    position: relative;
  }
  #new-topics #search label {
    display: block;
  }
  #new-topics #search input {
    margin: 0;
    width: 140px !important;
    font-size: 11px;
    line-height: 14px;
  }
  #new-topics #search button {
    margin: 0;
    width: 16px;
    height: 16px;
    background: #fff url(/images/icons/lens.png) center no-repeat;
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: auto;
    left: auto;
  }

  /* Attempt to get the search button to render in the correct position, in IE7. */
  #new-topics #search button {
    *right: 12px;
  }


/*  =Forms in Main Content Area
  ----------------------------------------------- */

  #content-main #freeform .required-note em,
  #content-main #freeform .required em {
    color: #993c00;
    text-decoration: none;
  }
  #content-main #freeform textarea,
  #content-main #freeform .text input {
    -moz-border-radius      : 2px;
    -webkit-border-radius   : 2px;
    border-radius           : 2px;
    border: 1px solid #c3c3c3;
    padding: 2px 4px;
    width: 330px;
  }
  #content-main #freeform label br {
    display: none;
  }
  #content-main #freeform p.text {
    margin-top: 0.5em;
    overflow: auto;
    width: 456px;
  }
  #content-main #freeform .required-note+p.text {
    margin-top: 1.55em;
  }
  #content-main #freeform textarea,
  #content-main #freeform .text input {
    display: block;
    float: right;
  }
  #content-main #freeform label span {
    display: block;
    float: left;
    width: 110px;
  }
  #content-main #freeform .submit {
    margin-top: 2em;
  }
  #content-main #freeform .submit {
    text-align: center;
  }
  #content-main #freeform label .note {
    margin-top: 0.25em;
  }
  #content-main #freeform .submit,
  #content-main #freeform .submit li {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
  }
  #content-main #freeform .submit li {
    display: inline;
    margin-left: 1em;
  }
  #content-main #freeform .submit li:first-child {
    margin-left: 0;
  }
  #content-main #freeform .error-message,
  #content-main #freeform .submit,
  #content-main #freeform label .note {
    display: block;
    width: 330px;
    margin-left: 120px;
  }
  #newsletter-page #content-main #subscribe_form {
    background-color: #ccc;
    padding: 20px;
    margin: 20px 0 60px;
    -moz-border-radius      : 6px;
    -webkit-border-radius   : 6px;
    border-radius           : 6px;
  }
  #newsletter-page #content-main #subscribe_form .hiddenFields+p {
    margin-top: 0;
    color: #4d7836;
    font-weight: bold;
    margin-bottom: 1em;
  }
  #action-msg {
  	-moz-box-shadow: 0 2px 10px #333;
  	-webkit-box-shadow: 0 2px 10px #333;
  	box-shadow: 0 2px 10px #333;
  	background: #fff;
  	border: 1px solid #333;
  	color: #666;
  	display: block;
  	font-size: 1.27em;
  	font-weight: normal;
  	opacity: 0.95;
  	padding: 10px;
  	position: absolute;
  	text-align: center;
  	width: 350px;
  	z-index: 45;
  }
  

/*  =Lists
  ----------------------------------------------- */
  #language ul,
  #language li,
  #nav ul,
  #nav li,
  #members ul,
  #members li,
  #new-topics > ul,
  #new-topics > ul li,
  #topics ul,
  #topics li,
  #info ul,
  #info li,
  #content .aside ul,
  #content .aside li,
  .text-manager ul,
  .text-manager li {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
  }
  #language li,
  #nav li,
  #members li,
  #new-topics > ul li,
  #topics li,
  #info li {
    margin-top: 0;
    display: inline-block;
    padding-left: 1px;
  }
  #language li,
  #members li,
  #content .aside .nav li {
    background: transparent url(/images/delimiters/steel.png) no-repeat left;
  }
  #info li {
    background: transparent url(/images/delimiters/steel-short.png) no-repeat left;
  }
  #nav a,
  #language li a,
  #members li a,
  #new-topics>  li a,
  #topics li a {
    display: inline-block;
  }
  #language li a,
  #members li a,
  #new-topics > ul li a,
  #topics li a  {
    padding: 11px 7px 11px 10px;
  }
  #info li a {
    display: inline-block;
    padding: 0 3px 0 6px;
  }
  #content .aside .nav li a {
    display: inline;
    margin: 0 1px 0 4px;
  }
  #language li:first-child,
  #new-topics #language li:first-child,
  #nav li:first-child,
  #members li:first-child,
  #new-topics > ul li:first-child,
  #topics li:first-child,
  #info li:first-child,
  #content .aside .nav li:first-child {
    padding-left: 0;
    background-image: none;
  }


/*  =Text Manager
  ----------------------------------------------- */
  .text-manager {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 1;
  }
  .text-manager,
  .text-manager h3 {
    font-size: 9px !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
  }
  .text-manager,
  .text-manager li a {
    color: #666;
  }
  .text-manager h3,
  .text-manager ul,
  .text-manager li {
    display: inline;
  }
  .text-manager h3 {
    margin-top: 0;
    background: transparent;
    border-width: 0;
    font-weight: normal;
  }
  .text-manager ul {
    margin-top: 0;
    margin-left: 0.5em;
  }
  .text-manager li {
    margin-left: 0.25em;
  }
  .text-manager li a,
  .text-manager li a:hover,
  .text-manager li a:active {
    border-width: 0 !important;
  }
  .text-manager li.active a {
    color: #5a5a5a;
  }
  .text-manager li a:hover,
  .text-manager li a:active {
    color: #000;
  }
  .text-manager li.active a {
    font-weight: bold;
    cursor: default;
    color: #5a5a5a;
  }


/*  =Layout
  ----------------------------------------------- */
  body {
    margin: 0;
    padding: 0;
    background-image: url(/images/common/background-short.jpg);
    background-repeat: no-repeat;
    background-position: top center;
  }
  body#home-page {
    background-image: url(/images/common/background.jpg);
  }
  #container {
    position: relative;
    width: 1000px;
    padding: 0 15px 30px;
    margin: 0 auto;
    -moz-border-radius-bottomright      : 2px;
    -moz-border-radius-bottomleft       : 2px;
    -webkit-border-bottom-right-radius  : 2px;
    -webkit-border-bottom-left-radius   : 2px;
    border-bottom-right-radius          : 2px;
    border-bottom-left-radius           : 2px;
  }
  #new-header,
  #header,
  #new-topics,
  #topics,
  #featured,
  #featured-ad,
  #nav {
    /* Position the interactive elements in front of the intro image. */
    z-index: 1;
  }
  #new-header,
  #header,
  #new-topics,
  #topics {
    line-height: 1;
  }

  /* Header */
  #new-header,
  #header {
    padding: 7px 25px 7px;
    overflow: auto;
    position: relative;
  }
  #language,
  #members {
    float: right;
  }
  #new-header #members {
    margin-right: 210px;
  }
  #branding {
    float: left;
    margin-top: 1px;
  }
  #branding img {
    display: block;
  }
  #language {
    margin-right: 30px;
  }
  #language ul {
    margin-top: 0;
  }
  #language li {
    background-image: url(/images/delimiters/ocean.png);
  }
  #new-topics #language li {
    background-image: url(/images/delimiters/snow.png);
  }
  #language a {
    font-size: 10px;
  }
  #language li:last-child a {
    padding-right: 0;
  }
  li#lang-en a.en,
  li#lang-es a.es,
  li#lang-ch a.ch {
    font-weight: bold;
  }
  #members a {
    font-size: 10px;
    font-weight: bold;
  }
  #members ul {
    margin-top: 0;
  }
  #members li:last-child a {
    padding-right: 0;
  }

  /* Topics */
  #new-topics,
  #topics {
    position: relative;
    background-color: #80a8b5;
    padding: 0px 25px;
    -moz-border-radius      : 2px;
    -webkit-border-radius   : 2px;
    border-radius           : 2px;
  }
  #new-topics {
    padding-left: 10px;
    padding-right: 210px;
  }
  #new-topics #search {
    float: left;
  }
  #new-topics #language {
    position: relative;
    top: 1px;
    float: right;
  }
  #new-topics #language a {
    color: #fff;
  }
  #new-topics,
  #new-topics > ul a,
  #topics,
  #topics a {
    color: #fff;
  }
  #new-topics,
  #new-topics > h2,
  #topics,
  #topics h2 {
    font-size: 10px;
  }
  #new-topics > h2:after,
  #topics > h2:after {
    content: ":";
  }
  #new-topics > h2,
  #new-topics > ul,
  #topics h2,
  #topics ul {
    margin: 0;
    display: inline-block;
  }
  #topics li {

    /* TBD: Are the topics chosen editorially? Do we need an
    automated way to adjust this margin so they all fit?
    48px turned out to be too much on Windows, since the fonts
    are wider:
    margin-left: 48px; */

    margin-left: 40px;
  }
  #new-topics > h2 {
    margin-left: 30px;
  }
  #new-topics > ul li {
    margin-left: 20px;
  }
  #new-topics > ul li,
  #topics li {
    padding: 8px 0;
    line-height: 18px;
  }
  #new-topics > ul li:first-child,
  #topics li:first-child {
    padding-left: 0;
  }
  #new-topics > ul li a,
  #topics li a {
    display: inline;
    padding: 0;
  }

  /* Subscribe */
  #another-subscribe {
    position: absolute;
    top: 5px;
    right: 25px;
    z-index: 2;
    width: 170px;
    background: #4e7c9e;
    background: -moz-linear-gradient(top, #7296b1, #4e7c9e);
    background: -webkit-gradient(linear, left top, left bottom, from(#7296b1), to(#4e7c9e));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7296b1, endColorstr=#4e7c9e);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7296b1, endColorstr=#4e7c9e)";
    padding: 8px 10px 9px 15px;
    -moz-border-radius      : 5px;
    -webkit-border-radius   : 5px;
    border-radius           : 5px;
  }
  #another-subscribe > p {
    margin-top: 0;
    margin-bottom: 1px;
    font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
    line-height: normal;
    display: block !important;
    color: #fff;
  }
  #another-subscribe button {
    *margin-left: 0.65em !important;
  }

  /* Search */
  #search {
    float: right;
    margin-top: 6px;
  }

  /* Firefox only */
  x:-moz-any-link,
  #search {
    margin-top: 7px;
  }

  #search form,
  #search p {
    margin: 0;
    display: inline;
  }
  .aside .search form,
  .aside .search p {
    margin: 0;
  }
  .aside .search form {
    margin-top: 0.35em;
  }
  #search br,
  .aside .search br {
    display: none;
  }

  /* Featured */
  #featured-ad {
    margin: 35px 0;
    overflow: hidden;
  }
  #featured-ad h2 {
    position: absolute;
    left: -9999px;
  }
  #featured-ad p {
    margin: 0;
  }
  #featured-ad a {
    display: block;
    background: transparent url(/images/ads/mauldincircle-ad-home.png) no-repeat;
    width: 185px;
    height: 198px;
    text-indent: -9999px;
    overflow: hidden;
  }

  #featured {
    margin: 35px 0;
    position: relative;
    padding: 14px 10px;
    line-height: 1.45;
    -moz-border-radius      : 2px;
    -webkit-border-radius   : 2px;
    border-radius           : 2px;
    width: 165px;

    /* Sans-JS styles */
    /*
    height: 14.5em;
    overflow-y: auto;
    width: 165px;
    */
  }

  /* Prevent the featured box from appearing creating a flicker the page is loading. */
  .scriptable #featured {
    height: 170px;
    overflow: hidden;
  }
  #featured.loaded {
    height: auto;
    overflow: visible;
  }

  /*
  #featured.scriptable {
    height: auto;
    width: 145px;
    overflow-y: visible;
  }
  */

  #featured .item {
    margin-top: 0.75em;
    padding-top: 0.75em;
    margin-left: 10px;
    margin-right: 10px;
  }

  #featured .item {
    margin-top: 8px;
    padding-top: 8px;
    height: 44px;
  }

  #featured .item > * {
    margin-left: -10px;
    margin-right: -10px;
    white-space: nowrap;
  }
  #featured .item:first-child {
    margin-top: 0;
    border-top-width: 0;
    padding-top: 0;
  }
  #featured p {
    margin-top: 0;
  }
  #featured ul {
    margin: 0;
    height: 0;
  }
  #featured ul,
  #featured li {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
  }
  #featured li {
    margin-top: 0;
    position: absolute;
    top: -15px;
    left: 73px;  /* (featured.width - arrow.width / 2) */
  }
  #featured li.next {
    position: absolute;
    top: auto;
    bottom: -15px;
  }
  #featured li a {
    display: block;
    background: transparent url(/images/arrows/up.png) no-repeat;
    width: 39px;
    height: 9px;
    text-indent: -9999px;
    overflow: hidden;
    border-width: 0;
  }
  #featured .next a {
    background: transparent url(/images/arrows/down.png) no-repeat;
  }
  #featured li a:hover,
  #featured li a:active {
    border-width: 0;
    background-position: 0 -9px;
  }
  #featured li a.disabled {
    background-position: 0 0 !important;
    cursor: default;
    opacity: 0.5;
  }

  /* Headline */
  #headline {
    height: 150px;
  }
  #headline div {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom right;
  }
  #about-page #headline div,
  #news-page #headline div,
  #why-mauldin-page #headline div,
  #what-readers-say-page #headline div,
  #speaking-information-page #headline div,
  #references-page #headline div,
  #calendar-page #headline div,
  #business-page #headline div {
    background-image: url(/images/headlines/about.png);
    background-position: 450px 32px;
    height: 145px;
  }
  #research-page #headline div,
  #newsletter-page #headline div,
  #archive-page #headline div, 
  #tag-page #headline div,
  #books-page #headline div,
  #white-papers-page #headline div,
  #partner-research-page #headline div,
  #qa-page #headline div {
    background-image: url(/images/headlines/research.png);
    background-position: 455px 35px;
    height: 145px;
  }
  #conversations-page #headline div,
  #conversations-library-page #headline div,
  #over-shoulder-page #headline div,
  #over-shoulder-library-page #headline div {
    background-image: url(/images/headlines/products.png);
    background-position: 462px 33px;
    height: 145px;
  }
  #media-page #headline div,
  #videos-page #headline div,
  #photos-page #headline div,
  #podcasts-page #headline div {
    background-image: url(/images/headlines/media.png);
    background-position: 458px 33px;
    height: 145px;
  }
  #links-page #headline div,
  #suggested-books-page #headline div,
  #friends-page #headline div {
    background-image: url(/images/headlines/links.png);
    background-position: 458px 32px;
    height: 145px;
  }
  #home-page #headline div {
    background-image: url(http://images.johnmauldin.com/headlines/home.png);
    width: 770px;
    height: 285px;
  }
  /* On the home page, the featured box determines
  the height, instead of the headline. */
  #home-page #headline {
    position: relative;
    right: 14px;
    bottom: -30px;
    height: auto;
  }
  #home-page #headline div {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  #home-page #nav {
    margin-top: 0;
  }


/*  =Navigation
  ----------------------------------------------- */

  /* Main Navigation */
  #nav {
    margin-top: -30px;
    position: relative;
  }
  #nav ul {
    margin-top: 0;
    overflow: auto;
  }
  #nav li {
    float: left;
    display: block;
    margin-right: 2px;
    padding: 0;
  }
  #nav a {
    display: block;
    background: transparent url(/images/common/nav2.png) no-repeat;
    height: 30px;
    text-indent: -9999px;
    overflow: hidden;
    padding: 0;
    border-width: 0;
  }
  .language-es #nav a {
    background-image: url(/images/common/nav2-es.png);
  }
  .language-ch #nav a {
    background-image: url(/images/common/nav2-ch.png);
  }
  #nav-home a {
    background-position: 0 0;
    width: 65px;
  }
  #nav-about a {
    background-position: -67px 0;
    width: 71px;
  }
  #nav-research a {
    background-position: -140px 0;
    width: 93px;
  }
  #nav-products a {
    background-position: -235px 0;
    width: 92px;
  }
  #nav-media a {
    background-position: -329px 0;
    width: 69px;
  }
  #nav-invest a {
    background-position: -400px 0;
    width: 72px;
  }
  #nav-community a {
    background-position: -474px 0;
    width: 102px;
  }
  #nav-links a {
    background-position: -578px 0;
    width: 67px;
  }
  #nav-home.active a {
    background-position: 0 -60px !important;
  }
  #nav-about.active a {
    background-position: -67px -60px !important;
  }
  #nav-research.active a {
    background-position: -140px -60px !important;
  }
  #nav-products.active a {
    background-position: -235px -60px !important;
  }
  #nav-media.active a {
    background-position: -329px -60px !important;
  }
  #nav-invest.active a {
    background-position: -400px -60px !important;
  }
  #nav-community.active a {
    background-position: -474px -60px !important;
  }
  #nav-links.active a {
    background-position: -578px -60px !important;
  }
  #nav-home a:hover,
  #nav-home a:active {
    background-position: 0 -30px;
  }
  #nav-about a:hover,
  #nav-about a:active {
    background-position: -67px -30px;
  }
  #nav-research a:hover,
  #nav-research a:active {
    background-position: -140px -30px;
  }
  #nav-products a:hover,
  #nav-products a:active {
    background-position: -235px -30px;
  }
  #nav-media a:hover,
  #nav-media a:active {
    background-position: -329px -30px;
  }
  #nav-invest a:hover,
  #nav-invest a:active {
    background-position: -400px -30px;
  }
  #nav-community a:hover,
  #nav-community a:active {
    background-position: -474px -30px;
  }
  #nav-links a:hover,
  #nav-links a:active {
    background-position: -578px -30px;
  }

  /* Sub Navigation */
  #nav-sub {
    font-size: 10px;
    line-height: 14px;
  }
  #nav-sub ul,
  #nav-sub li {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
  }
  #nav-sub ul {
    margin-top: 0;
  }
  #nav-sub,
  #nav-sub a,
  #nav-sub > ul > li > a:hover,
  #nav-sub > ul > li > a:active {
    color: #666;
  }
  #nav-sub a:hover,
  #nav-sub a:active,
  #nav-sub > ul > li.active > ul > li.active > a {
    color: #4e7836;
  }
  #nav-sub > ul > li > a,
  #nav-sub > ul > li > a:hover,
  #nav-sub > ul > li > a:active {
    display: block;
    line-height: 16px;
    font-weight: bold;
    padding: 2px 6px 2px 11px;
    margin-left: -11px;
  }
  #nav-sub > ul > li.active > a,
  #nav-sub > ul > li > a:hover,
  #nav-sub > ul > li > a:active {
    background: #e1e1e1 url(/images/common/nav-sub.png) no-repeat 0 -100px;
  }
  #nav-sub > ul > li.active > a {
    background-position: 0 0;
  }
  #nav-sub li {
    margin-top: 2px;
  }
  #nav-sub li.active+li {
    margin-top: 4px;
  }
  #nav-sub li li.active+li {
    margin-top: 6px;
  }
  #nav-sub > h2+ul > li:first-child {
    margin-top: 0;
  }
  #nav-sub li li {
    margin-top: 6px;
    margin-left: 10px;
  }
  #nav-sub li ul#booknav {
    display: none;
  }
  #nav-sub li.active ul#booknav {
    display: inline;
  }


/*  =Footer
  ----------------------------------------------- */
  #footer {
    margin: 12px 20px 0;
    position: relative;
  }
  #connect,
  #another-subscribe,
  #subscribe {
    line-height: 23px;
  }
  #connect,
  #another-subscribe,
  #subscribe {
    float: right;
  }
  #connect {
    margin-right: 20px;
  }

  /* Information */
  #info {
    float: left;
  }
  #info ul {
    margin-top: 0;
    line-height: 1;
  }
  #info p {
    margin-top: 0.25em;
  }
  #info li a {
    padding-top: 0;
    padding-bottom: 0;
  }
  #info li:first-child a {
    padding-left: 0;
  }

  /* Connect */
  #connect h2,
  #connect ul,
  #connect li {
    display: block;
    float: left;
  }
  #connect ul,
  #connect li {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #connect li a {
    display: block;
    background: transparent url(/images/icons/connect.png) no-repeat;
    width: 23px;
    height: 23px;
    text-indent: -9999px;
    overflow: hidden;
  }
  #connect ul {
    margin-left: 15px;
  }
  #connect li {
    margin-left: 5px;
  }
  #connect li:first-child {
    margin-left: 0;
  }
  #connect .facebook a {
    background-position: 0 0;
  }
  #connect .twitter a {
    background-position: -30px 0;
  }
  #connect .rss a {
    background-position: -60px 0;
  }
  #connect .sms a {
    background-position: -90px 0;
  }

  /* Subscribe */
  #another-subscribe form {
    margin-top: 2px;
  }
  #another-subscribe input {
    margin-top: 0;
  }
  #another-subscribe,
  #subscribe {
    float: right;
  }
  #another-subscribe p,
  #subscribe h2,
  #subscribe form,
  #subscribe p {
    display: inline;
  }
  #subscribe label {
    margin-left: 6px;
  }
  #another-subscribe button,
  #subscribe button {
    margin-left: 3px;
  }
  #another-subscribe form br,
  #subscribe br {
    display: none;
  }
  #footer #subscribe_form {
    display: inline;
  }


/*  =Content
  ----------------------------------------------- */
  #content {
    position: relative;
    z-index: 0;
    overflow: auto;
    padding: 20px 15px 50px;
    min-height: 500px;
    -moz-border-radius-topright         : 6px;
    -moz-border-radius-bottomright      : 6px;
    -moz-border-radius-bottomleft       : 6px;
    -webkit-border-top-right-radius     : 6px;
    -webkit-border-bottom-right-radius  : 6px;
    -webkit-border-bottom-left-radius   : 6px;
    border-top-right-radius             : 6px;
    border-bottom-right-radius          : 6px;
    border-bottom-left-radius           : 6px;
  }
  #home-page #content {
    padding-bottom: 15px;
  }
  #content-main,
  #content .aside,
  #nav-sub {
    float: left;
    margin-left: 20px;
  }
  #content-main {
    position: relative;
    width: 600px;
  }
  #podcasts-page #content-main,
  #calendar-page #content-main,
  #over-shoulder-page #content-main,
  #conversations-page #content-main,
  #conversations-library-page #content-main,
  #conversations-promo-page #content-main,
  #photos-page #content-main,
  #videos-page #content-main {
    width: 830px;
  }
  #home-page #content-main {
    width: 550px;
  }
  #sign-up-page #content-main,
  #subscribe-page #content-main,
  #info-page #content-main {
    margin-left:140px;
  }
  #nav-sub,
  #content .aside:first-child,
  #content .aside.first /* For IE6 */ {
    margin-left: 0;
  }
  #content .aside {
    width: 210px;
  }
  #home-page #content .aside {
    width: 190px;
  }
  #nav-sub {
    width: 120px;
  }
  #content-main .rss {
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden;
    width: 16px;
    height: 16px;
    background: transparent url(/images/buttons/rss.png) no-repeat;
  }
  #info-page #content-main .disclosure,
  #subscribe-page #content-main .disclosure,
  #sign-up-page #content-main .disclosure {
    font-size: 0.9em;
    margin-top: 3em;
  }
  #what-readers-say-page #content-main .disclosure {
    font-size: 0.9em;
    margin-top: 2em;
    padding-top: 1.55em;
    border-top: 1px dotted #a8a8a8;
  }
  #about-page #content {
    background-image: url(/images/common/photos/chair-2.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;
  }
  #sign-up-page #content,
  #subscribe-page #content {
    background-image: url(/images/common/photos/chair-1.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;
  }
  /* Prevent the text from overlapping the photos. */
  #about-page #content-main {
    width: 580px; 
  }
  #subscribe-page #content-main,
  #sign-up-page #content-main {
    width: 570px;
  }


/*  =Main Column
  ----------------------------------------------- */
  #content-main .publications {
    position: relative;
  }
  #content-main .publications .subscribe {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 10px;
    line-height: 2.1;
    margin: 0;
    font-weight: bold;
  }
  #content-main .frontline {
    margin-right: 130px;
  }
  #content-main .mauldin-circle {
    margin-right: 165px;
  }
  #content-main .outside-the-box {
    margin-right: 165px;
  }
  #home-page #content-main .photo {
    position: relative;
  }
  #home-page #content-main .photo div {
    position: absolute;
    z-index: -1;
    bottom: -18px;
    right: -11px;
    background: transparent url(http://images.johnmauldin.com/home/silhouette.png) no-repeat bottom right;
    width: 177px;
    height: 313px;
  }
  #content-main .frontline p,
  #content-main .mauldin-circle p,
  #content-main .outside-the-box p {
    margin-left: 103px;
    min-height: 69px;
  }
  #content-main .frontline > a,
  #content-main .mauldin-circle > a,
  #content-main .outside-the-box > a {
    border: 3px solid #c6c6c6;
    display: block;
    position: absolute;
    left: 0;
    margin-top: 3px;
  }
  #content-main .frontline > a:hover,
  #content-main .frontline > a:active,
  #content-main .mauldin-circle > a:hover,
  #content-main .mauldin-circle > a:active,
  #content-main .outside-the-box > a:hover,
  #content-main .outside-the-box > a:active {
    border-color: #aec9d5;
  }
  #content-main .frontline > a img,
  #content-main .mauldin-circle > a img,
  #content-main .outside-the-box > a img {
    display: block;
    border-width: 0;
  }
  #content-main .frontline p,
  #content-main .mauldin-circle p,
  #content-main .outside-the-box p {
    margin-top: 0;
  }
  #content-main .mauldin-minute,
  #content-main .conversations {
    margin-top: 18px;
  }
  /* Only visible if JavaScript is disabled. */
  #content-main audio {
    width: 226;
    height: 23px;
  }
  #content-main .mauldin-minute,
  #content-main .conversations {
    width: 240px;
    -moz-border-radius      : 6px;
    -webkit-border-radius   : 6px;
    border-radius           : 6px;
    padding: 10px 15px;
  }
  #content-main .mauldin-minute {
    float: left;
  }
  #content-main .conversations {
    float: right;
  }
  #content-main .mauldin-minute .more,
  #content-main .conversations .more {
    margin-top: 0.5em;
  }
  #content-main .research {
    overflow: auto;
    margin-bottom: 1.55em;
  }
  #content-main .research div {
    width: 175px;
    float: left;
    margin-left: 10px;
  }
  #content-main .research h2+div,
  #content-main .research div.first /* For IE6 */ {
    margin-left: 0;
  }
  #content-main .product-podcasts,
  #content-main .product-overmyshoulder,
  #content-main .product-conversations {
    margin-top: 18px;
    float: left;
    width: 178px;
    height: 85px;
    background: transparent url(/images/home/products.png);
    overflow: hidden;
  }
  #content-main .product-podcasts h3,
  #content-main .product-podcasts p,
  #content-main .product-overmyshoulder h3,
  #content-main .product-overmyshoulder p,
  #content-main .product-conversations h3,
  #content-main .product-conversations p {
    position: absolute;
    left: -9999px;
  }
  #content-main .product-podcasts .more,
  #content-main .product-overmyshoulder .more,
  #content-main .product-conversations .more {
    margin-top: 0;
    position: static;
  }
  #content-main .product-podcasts .more a,
  #content-main .product-overmyshoulder .more a,
  #content-main .product-conversations .more a {
    display: block;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    width: 178px;
    height: 85px;
    border-width: 0 !important;
  }
  #content-main .product-podcasts,
  #content-main .product-overmyshoulder {
    margin-right: 8px;
  }
  #content-main .product-overmyshoulder {
    background-position: -186px;
  }
  #content-main .product-conversations {
    background-position: -372px;
  }


/*  =Audio Players
  ----------------------------------------------- */
  .audio-player {
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    border: 1px solid #b9b9b9;
    background: #f0f1f1;
    background: -moz-linear-gradient(top, #fff, #f0f1f1);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f1f1));
    padding: 3px;
    line-height: 18px;
    -moz-border-radius      : 2px;
    white-space: nowrap;
  }

  /* Firefox only */
  x:-moz-any-link,
  .audio-player {
    padding-top: 2px;
  }

  .audio-player p {
    margin-top: 0 !important;
    margin-left: 5px;
    display: inline-block;
  }
  .audio-player p:first-child {
    margin-left: 0;
  }
  .audio-player .mute,
  .audio-player .unmute {
    margin-left: 3px;
  }
  .audio-player .volume {
    margin-left: -1px;
  }
  .audio-player label > span:first-child {
    display: block;
    position: absolute;
    left: -9999px;
  }
  .audio-player .time {
    color: #666;
    font-size: 9px;
    line-height: 9px;
    position: relative;
    vertical-align: bottom;
    bottom: 4px;
  }

  .audio-player button {
    display: inline-block;
  }
  .audio-player .play button,
  .audio-player .pause button {
    background: transparent url(/images/buttons/play.png) no-repeat;
    width: 32px;
  }
  .audio-player .play button {
    background-position: 0 0;
  }
  .audio-player .play button:hover,
  .audio-player .play button:active {
    background-position: 0 -18px;
  }
  .audio-player .pause button {
    background-position: 0 -36px;
  }
  .audio-player .pause button:hover,
  .audio-player .pause button:active {
    background-position: 0 -54px;
  }
  .audio-player .mute {
    position: relative;
  }
  .audio-player .mute button,
  .audio-player .unmute button {
    background: transparent url(/images/buttons/mute.png) no-repeat;
    width: 18px;
  }
  .audio-player .unmute button {
    background-position: 0 -18px;
  }
  .audio-player .seconds,
  .audio-player .volume {
    display: inline-block;
  }
  .audio-player .range-field {
    position: relative;
    display: inline-block;
    height: 18px;
    vertical-align: bottom;
    border-width: 0 !important;
  }

  /* Firefox only */
  x:-moz-any-link,
  .audio-player .range-field {
    bottom: -1px;
  }

  #content-main .audio-player .range-field .background {
    display: inline-block;
    float: none;
    height: 4px;
    width: 45px;
    background-color: #c8c9c8;
    vertical-align: bottom;
    position: relative;
    bottom: 7px;
  }
  .audio-player .range-field .indicator {
    display: block;
    height: 4px;
    background-color: #75a667;
  }


/*  =Side Columns
  ----------------------------------------------- */
  #content .aside .tags li,
  #content .aside .archives li,
  #content .aside .articles li,
  #content .aside .vevent .dtstart,
  #content .aside .vevent .description {
    margin-top: 0;
  }
  #content .aside .section {
    margin-top: 5px;
  }
  #content .aside .section:first-child {
    margin-top: 0;
  }
  #content .aside .ask img,
  .subscription-intro .sample img,
  #podcasts-page #content-main .branding img,
  #conversations-library-page #content-main .branding img,
  #conversations-library-page #content-main .conversation .description img,
  #conversations-promo-page #content-main .branding img,
  #conversations-promo-page #content-main .conversation .description img,
  #note-page img {
    float: left;
    margin: 10px 7px 0 0;
    border: 1px solid #c6c6c6;
    padding: 2px;
  }
  #conversations-library-page #content-main .conversation .description img,
  #conversations-promo-page #content-main .conversation .description img {
    margin-top: 5px;
  }
  #note-page img {
    margin-top: 20px;
  }
  #content .aside .ask .more {
    margin-top: 0;
  }
  #content .aside .search+.connect,
  #content .aside .ad+.connect,
  #content .aside .ad+.section,
  #content .aside #aside-section-ads+.connect,
  #content .aside #aside-section-ads+.section,
  #content .aside .connect+.section {
    margin-top: 15px;
  }

  /* Prevent the ads from appearing creating a flicker the page is loading. */
  .scriptable #aside-section-ads {
    height: 150px;
    overflow: hidden;
  }

  /* Book Ad */
  #content .aside .ad.book-190,
  #content .aside .ad.book-210 {
    position: relative;
    background: #fff url(/images/ads/book-190.png) no-repeat;
    height: 150px;
  }
  #content .aside .ad.book-210 {
    background: #fff url(/images/ads/book-210.png) no-repeat;
  }
  #content .aside .ad.book-190 h2,
  #content .aside .ad.book-190 blockquote,
  #content .aside .ad.book-210 h2,
  #content .aside .ad.book-210 blockquote {
    position: absolute;
    left: -9999px;
  }
  #content .aside .ad.book-190 ul,
  #content .aside .ad.book-190 li,
  #content .aside .ad.book-210 ul,
  #content .aside .ad.book-210 li {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #content .aside .ad.book-190 .learn-more,
  #content .aside .ad.book-190 .buy-now,
  #content .aside .ad.book-210 .learn-more,
  #content .aside .ad.book-210 .buy-now {
    display: block;
    position: absolute;
    top: 120px;
    text-indent: -9999px;
    overflow: hidden;
    height: 20px;
    border-width: 0 !important;
  }
  #content .aside .ad.book-190 .learn-more {
    left: 17px;
    width: 75px;
  }
  #content .aside .ad.book-210 .learn-more {
    left: 23px;
    width: 75px;
  }
  #content .aside .ad.book-190 .buy-now {
    left: 106px;
    width: 71px;
  }
  #content .aside .ad.book-210 .buy-now {
    left: 118px;
    width: 71px;
  }

  #content .aside .tags li,
  #content .aside .archives li,
  #content .aside .articles li {
    margin-top: 3px;
    list-style-type: disc;
    margin-left: 1.5em;
  }
  #content .aside .section .video {
    margin-top: 10px;
  }
  #content .aside .section .video img {
    display: block;
  }
  #content .aside .tweets em {
    font-style: normal;
    color: #4b4b4b;
  }
  #content .aside .nav {
    margin-left: -5px;
    white-space: nowrap;
  }
  #content .aside .nav li {
    margin-top: 0;
    display: inline;
    padding-left: 1px;
  }


/*  =Over My Shoulder Entry
  ----------------------------------------------- */
  #content-main .newsletter .save-discuss h3,
  #content-main .newsletter .vote h3 {
    position: absolute;
    left: -9999px;
  }
  #content-main .newsletter .vote p {
    margin-top: 0;
  }
  #content-main .newsletter .save-discuss ul,
  #content-main .newsletter .save-discuss li,
  #content-main .newsletter .vote ul,
  #content-main .newsletter .vote li {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #content-main .newsletter .save-discuss {
    float: left;
  }
  #content-main .newsletter .vote {
    float: right;
    color: #3c3c3c;
    line-height: 19px;
  }
  #content-main .newsletter .vote p {
    font-size: 13px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    margin-right: 0.25em;
  }
  #content-main .newsletter .save-discuss {
    color: #5c5c5c;
    font-size: 10px;
    vertical-align: top;
  }
  #content-main .newsletter .save-discuss,
  #content-main .newsletter .save-discuss *,
  #content-main .newsletter .vote,
  #content-main .newsletter .vote * {
    vertical-align: top;
  }
  #content-main .newsletter .save-discuss ul,
  #content-main .newsletter .save-discuss li,
  #content-main .newsletter .vote p,
  #content-main .newsletter .vote ul,
  #content-main .newsletter .vote li {
    display: inline;
  }
  #content-main .save-discuss a,
  #content-main .vote a {
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden;
    border-width: 0;
  }
  #content-main .save-discuss a {
    background: transparent url(/images/buttons/save.png) no-repeat;
    height: 19px;
  }
  #content-main .vote a {
    background: transparent url(/images/buttons/vote.png) no-repeat;
    height: 19px;
    width: 20px;
  }
  #content-main .save-discuss .discuss a {
    background-position: -437px 0;
    width: 60px;
  }
  #content-main .vote .Down a {
    background-position: -22px 0;
  }
  #over-shoulder-library-page #content .aside .section h2 {
    background: #558fa9;
    background: -moz-linear-gradient(top, #adc9d6, #558fa9);
    background: -webkit-gradient(linear, left top, left bottom, from(#adc9d6), to(#558fa9));
  }
  #over-shoulder-library-page #content .aside .section ul,
  #over-shoulder-library-page #content .aside .section li {
    list-style: none;
  }
  #over-shoulder-library-page #content .aside .section li {
    background: transparent url(/images/over-shoulder/arrow.png) left no-repeat;
    margin-left: 0;
    padding-left: 10px;
  }


/*  =Newsletter
  ----------------------------------------------- */

  #content-main .newsletter .activity {
    overflow: hidden;
    margin: 2em 0;
    padding: 6px 0 4px 0;
  }
  #content-main .newsletter .activity ul,
  #content-main .newsletter .activity li {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #content-main .newsletter .activity li {
    color: #666;
    font-weight: bold;
    float: left;
    margin-left: 20px;
    line-height: 20px;
    font-size: 11px;
  }
  #content-main .newsletter .activity li:first-child {
    margin-left: 0;
  }
  #content-main .newsletter .activity .comments span,
  #content-main .newsletter .activity .comments a {
    background: transparent url(/images/buttons/activity.png) no-repeat;
    display: block;
    float: left;
    height: 20px;
    text-indent: -9999px;
    overflow: hidden;
    border-width: 0 !important;
  }
  /* Attempt to align the linked in button with the rest of them. */
  #content-main .newsletter .activity .linkedin {
    margin-top: -1px;
  }
  #content-main .newsletter .activity .comments span {
    background-position: -300px 0;
    width: 67px;
  }
  div.activity li {
    height: 21px;
  }
  div.activity li.twitter {
    width: 70px;
    height: 21px !important;
    margin-top: 2px !important;
  }
  #content-main div.comments .paging {
    font-size: 0.9em;
    margin-bottom: 0.75em;
    overflow: auto;
  }
  #content-main div.comments .paging ul,
  #content-main div.comments .paging li {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
  }
  #content-main div.comments .paging ul {
    margin-top: 0;
    float: right;
  }
  #content-main div.comments .paging li {
    display: block;
    float: left;
  }
  #content-main div.comments .paging li a {
    margin: 0 2px;
    line-height: 1.2;
    color: #2d5270;
  }
  #content-main div.comments .paging li.active {
    font-weight: bold;
  }
  #content-main div.comments .paging .first {
    margin-right: 0.35em;
    text-transform: uppercase;
  }
  #content-main div.comments .paging .last {
    margin-left: 0.35em;
    text-transform: uppercase;
  }
  #content-main div.comments .paging .first a:before {
    content: "« ";
  }
  #content-main div.comments .paging .last a:after {
    content: " »";
  }

  #over-shoulder-library-page #content-main .newsletter .nav {
    margin-top: 0.75em;
  }
  #content-main .newsletter .options {
    margin-top: 1.5em;
  }
  #content-main .newsletter .options {
    /* TRICKY: Using overflow: auto causes scrollbars to
    appear when the "favorite" button is clicked. */
    overflow: hidden;
  }
  #content-main .newsletter div+.options {
    margin-top: 1.55em;
  }
  #content-main .newsletter-list .nav,
  #content-main .newsletter-list .nav li,
  #content-main .newsletter .nav,
  #content-main .newsletter .nav li {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
  }
  #content-main .newsletter .options ul,
  #content-main .newsletter .options li {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #content-main .newsletter .nav-container {
    margin-top: 1em;
    overflow: auto;
  }
  #content-main .newsletter .nav {
    float: right;
    font-size: 10px;
  }
  #content-main .newsletter-list .nav li,
  #content-main .newsletter .nav li {
    float: left;
  }
  #content-main .newsletter .nav .next {
    background: transparent url(/images/delimiters/steel.png) no-repeat left;
    padding-left: 0.75em;
    margin-left: 0.75em;
  }
  #content-main .newsletter-list .nav .next {
    float: right;
  }
  #content-main .newsletter-list .nav a.
  #content-main .newsletter .nav a {
    text-transform: lowercase;
    color: #1e4666;
  }

  #content-main .options .save,
  #content-main .options .save li,
  #content-main .videos .share,
  #content-main .videos .share li,
  #content-main .newsletter .third-party-share,
  #content-main .newsletter .third-party-share li,
  #content-main .newsletter .share,
  #content-main .newsletter .share li {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
  }
  #content-main .newsletter .third-party-share {
    float: right;
  }
  #content-main .options .save a,
  #content-main .options .share a {
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    border-width: 0;
  }
  #content-main .options .save li {
    margin-left: 3px;
  }
  #content-main .options .save li:first-child {
    margin-left: 0;
  }
  #content-main .options .save a {
    background: transparent url(/images/buttons/save.png) no-repeat;
    height: 19px;
  }
  #content-main .options .email a {
    background-position: 0 0;
    width: 50px;
  }
  #content-main .options .print a {
    background-position: -53px 0;
    width: 47px;
  }
  #content-main .options .download a {
    background-position: -103px 0;
    width: 68px;
  }
  #content-main .options .favorite a {
    background-position: -174px 0;
    width: 61px;
  }
  #content-main .options .unfavorite a {
    background-position: -302px 0;
    width: 61px;
  }
  #content-main .options .favorite_loading a {
    background-position: -238px 0;
    width: 61px;
  }
  #content-main .options .subscribe a {
    background-position: -366px 0;
    width: 68px;
  }
  #content-main .videos .options .share,
  #content-main .newsletter .options .share {
    margin-left: 1em;
  }
  #content-main .videos .share li,
  #content-main .newsletter .share li {
    margin-left: 2px;
    background: transparent !important;
    width: 18px !important;
    height: 18px !important;
  }
  #content-main .videos .share li:first-child
  #content-main .newsletter .share li:first-child {
    margin-left: 0;
  }
  #content-main .videos .share a,
  #content-main .newsletter .share a {
    background: transparent url(/images/buttons/share.png) no-repeat !important;
    width: 18px !important;
    height: 18px !important;
  }
  #content-main .videos .share .videos a,
  #content-main .newsletter .share .digg a {
    background-position: 0 0 !important;
  }
  #content-main .videos .share .facebook a,
  #content-main .newsletter .share .facebook a {
    background-position: -20px 0 !important;
  }
  #content-main .videos .share .twitter a,
  #content-main .newsletter .share .twitter a {
    background-position: -40px 0 !important;
  }
  #content-main .videos .share .stumbleupon a,
  #content-main .newsletter .share .stumbleupon a {
    background-position: -60px 0 !important;
  }
  #content-main .videos .share .reddit a,
  #content-main .newsletter .share .reddit a {
    background-position: -80px 0 !important;
  }
  #content-main .videos .share .delicious a,
  #content-main .newsletter .share .delicious a {
    background-position: -100px 0 !important;
  }
  #content-main .videos .share .bebo a,
  #content-main .newsletter .share .bebo a {
    background-position: -120px 0 !important;
  }
  #content-main .videos .share .rss a,
  #content-main .newsletter .share .rss a {
    background-position: -140px 0 !important;
  }

  #content-main .newsletter .tags h3,
  #content-main .newsletter .permalink h3 {
    font-weight: normal;
  }
  #content-main .newsletter .tags h3:after,
  #content-main .newsletter .permalink h3:after {
    content: ":";
  }
  #content-main .newsletter .tags h3,
  #content-main .newsletter .tags ul,
  #content-main .newsletter .tags li,
  #content-main .newsletter .permalink h3,
  #content-main .newsletter .permalink p {
    display: inline;
  }
  #content-main .newsletter .tags ul,
  #content-main .newsletter .tags li {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
  }
  #content-main .newsletter .tags li:after {
    content: ", ";
  }
  #content-main .newsletter .tags li:last-child:after {
    content: "";
  }
  #content-main .newsletter .body {
    margin-top: 20px;
  }
  #newsletter-page #content-main .newsletter .body {
    margin-top: 0;
  }

  /* Repost Button */
  #content-main .newsletter .rpuRepostUsButton {
    display: block;
    background: url(/images/buttons/repost.png) no-repeat;
    width: 150px;
    height: 24px;
    text-indent: -9999px;
    overflow: hidden;
    
    float: right;
    margin-left: 15px;
  }
  #content-main .newsletter .rpuRepostUsButton:hover,
  #content-main .newsletter .rpuRepostUsButton:active {
    background-position: 0 -24px;
    border-width: 0 !important;
  }

  .body .article  {
    border-top: 1px dotted #A8A8A8;
    padding-top: 20px;
    margin-top: 20px;
  }

  .newsletter-list .newsletter {
    border-bottom: 1px dotted #999;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }

  .sort h3 {
    font-size: 12px;
    color: #1e4666;
    float: left;
    margin-right: 1em;
  }

  /* KLUDGE: Override a style in all.css. */
  #over-shoulder-library-page #content-main .newsletter li {
    margin-bottom: 0;
  }

  /* TBD: Do we really want to make the links black? */
  #over-shoulder-library-page #content-main .newsletter h1 a {
    color: #000;
  }

  #content-main .newsletter .body .article .byline {
    background: none;
    margin-bottom: 1.55em;
    float: none;
  }
  #newsletter-page #content-main .newsletter h1 {
    margin-top: 0;
  }
  #over-shoulder-library-page #content-main .newsletter h1 {
    margin-top: 1em;
  }
  #content-main .newsletter a.pdf {
    display: inline-block;
    background: transparent url(/images/icons/pdficon.gif) no-repeat 0 50%;
    padding-left: 22px;
    min-height: 16px;
    border-width: 0 !important;
    font-weight: bold;
  }
  #content-main .newsletter #special-offer {
    float: left;
    margin-right: 10px;
    border: 1px solid #ccc;
  }

  /* Discuss */
  #content-main .discussion {
    border-top: 3px solid #ccc;
    padding: 14px 0;
    position: relative;
  }
  #content-main .discussion h2 {
    border-width: 0;
    padding: 0;
    color: inherit;
    text-transform: inherit;
    font-weight: bold;
    font-size: 16px;
  }
  #content-main .discussion h2 {
    position: relative;
    margin-top: -8px;   /* KLUDGE: This should probably be accomplished with vertical-align or line-height instead. */
    float: left;
    margin-right: 1em;
    background: transparent url(/images/newsletter/discussion-icon.png) no-repeat top right;
    min-height: 18px;
    padding-top: 4px;
    padding-right: 22px;
  }
  #content-main .discussion h2+ul li {
    background: transparent url(/images/delimiters/steel.png) no-repeat left;
    padding-left: 0.75em;
    margin-left: 0.75em;
    font-weight: bold;
  }
  #content-main .discussion h2+ul li:first-child {
    background-image: none;
    padding-left: 0;
    margin-left: 0;
  }
  #content-main .discussion .comment-count {
    margin-top: 0;
    position: absolute;
    top: 14px;
    right: 0;
    font-weight: bold;
  }
  #content-main .discussion form {
    margin-top: 0.75em;
  }
  #content-main .discussion form p:first-child {
    margin-top: 0;
  }
  #content-main .discussion label {
    display: block;
  }
  #content-main .discussion label span {
    display: block;
    position: absolute;
    left: -9999px;
  }
  #content-main .discussion label br {
    display: none;
  }
  #content-main .discussion textarea {
    display: block;
    width: 99%;
    height: 110px;
  }
  #content-main .discussion form .submit {
    margin-top: 0.75em;
    overflow: auto;
  }
  #content-main .discussion form .submit li {
    margin-right: 0.5em;
  }
  #content-main .discussion ul,
  #content-main .discussion li {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #content-main .discussion ul {
    overflow: auto;
  }
  #content-main .discussion li {
    float: left;
  }
  #content-main .discussion .submit button {
    display: block;
    height: 24px;
    text-indent: -9999px;
    overflow: hidden;
    padding: 0;
    border-width: 0;
  }
  #content-main .discussion .submit .preview-comment {
    background: transparent url(/images/buttons/preview-comment.png) no-repeat;
    width: 119px;
  }
  #content-main .discussion .submit .post-comment {
    background: transparent url(/images/buttons/post-comment.png) no-repeat;
    width: 100px;
  }
  #content-main .discussion .submit .preview-comment:hover,
  #content-main .discussion .submit .preview-comment:active,
  #content-main .discussion .submit .post-comment:hover,
  #content-main .discussion .submit .post-comment:active {
    background-position: 0 -24px;
  }
  

  /* Comments */
  #content-main .comment {
    position: relative;
    padding: 12px 0 12px 62px;
  }
  #content-main .comment img {
    position: absolute;
    top: 12px;
    left: 0;
  }
  #content-main .comment h3 {
    margin-top: 0;
    float: left;
    margin-right: 1em;
  }
  #content-main .comment .time {
    margin-top: 0;
  }
  #content-main .comment p {
    margin-top: 1em;
  }
  #content-main .comment .reply {
    margin-top: 0;
    position: absolute;
    top: 12px;
    right: 2px;
  }
  #content-main .comment .reply a {
    background: transparent url(/images/buttons/reply.png) no-repeat;
    display: block;
    width: 56px;
    height: 18px;
    text-indent: -9999px;
    overflow: hidden;
  }
  #content-main .comment .reply a:hover,
  #content-main .comment .reply a:active {
    background-position: 0 -18px;
  }
  #content-main #fb-root {
    margin-top: 20px;
  }
	

  /* Subscribe */
  #content .aside .subscribe {
    margin: 15px 0;
  }
  #content .aside .subscribe .ad h2,
  #content .aside .subscribe .ad p {
    position: absolute;
    left: -9999px;
  }
  #content .aside .subscribe .ad p.action {
    position: static;
  }
  #content .aside .subscribe .ad p.action a {
    display: block;
    background: transparent url(/images/ads/over-my-shoulder-210.jpg) no-repeat;
    width: 210px;
    height: 150px;
    text-indent: -9999px;
    overflow: hidden;
    border-width: 0 !important;
  }


  /* Connect */
  #content .aside .connect {
    border: 4px solid #d4d4d4;
    padding: 10px;
  }
  #content .aside .connect h2 {
    line-height: 1;
    color: #666;
  }
  #content .aside .connect ul,
  #content .aside .connect li {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #content .aside .connect ul {
    margin-top: 10px;
    overflow: auto;
  }
  #content .aside .connect li {
    margin-left: 5px;
    display: block;
    float: left;
  }
  #content .aside .connect li:first-child {
    margin-left: 0;
  }
  #content .aside .connect li a {
    display: block;
    background: transparent url(/images/icons/connect-big.png) no-repeat;
    width: 34px;
    height: 34px;
    text-indent: -9999px;
    overflow: hidden;
  }
  #content .aside .connect .facebook a {
    background-position: 0 0;
  }
  #content .aside .connect .twitter a {
    background-position: -40px 0;
  }
  #content .aside .connect .rss a {
    background-position: -80px 0;
  }
  #content .aside .connect .sms a {
    background-position: -120px 0;
  }
  #content .aside .connect .email a {
    background-position: -160px 0;
  }
  #content .aside .connect .linkedin a {
    background-position: -200px 0;
  }


  /* Tags & Archives */
  #tag-page .item,
  #archive-page .item {
  border-bottom: 1px dotted #a8a8a8;
  padding-bottom: 1.5em;
  margin-bottom: 0.3em;
  }
  #content-main .newsletter-list .newsletter h3,
  #tag-page .item h3,
  #archive-page .item h3 {
    font-size: 1.45em;
    font-family: Arial,Helvetica,sans-serif;
  }
  #tag-page .paging,
  #archive-page .paging {
    font-size:.9em;
    margin-bottom:0.75em;
    overflow:auto;
    float:right;
  }
  #tag-page .count,
  #archive-page .count {
    float: left;
    margin-bottom: 0.75em;
    margin-top: 0;
  }
  #tag-page h1 {
    margin-bottom: 1em;
  }
  #archive-page h1 {
    margin-bottom: 0.6em;
  }
  #tag-page .credit,
  #archive-page .credit {
    margin-top: 0.2em;
    margin-bottom: 1em;
  }
  #tag-page .credit .byline,
  #tag-page .credit .date,
  #archive-page .credit .byline,
  #archive-page .credit .date {
    margin-top: 0;
  }
  
  
/* Repost Button */
  #content-main .newsletter .rpuRepostUsButton {
  	display: block;
  	background: url(/images/buttons/repost.png) no-repeat;
  	width: 150px;
  	height: 24px;
  	text-indent: -9999px;
  	overflow: hidden;
  	float: right;
  	margin-left: 15px;
  }
  #content-main .newsletter .rpuRepostUsButton:hover,
  #content-main .newsletter .rpuRepostUsButton:active {
  	background-position: 0 -24px;
  	border-width: 0 !important;
  }
  
  
/*  =Over My Shoulder (Login)
  ----------------------------------------------- */
  #subscribe-options.special h3 {
    font-size: 13px;
    padding-left: 5px;
  }
  #subscribe-options.special h2.tout {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #a51e1e;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 5px;
  }
  #subscribe-options.special form {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  #subscribe-options.special form p {
    font-size: 12px;
    float: left;
  }
  #subscribe-options.special form p.submit {
    padding-top: 0;
    float: right;
  }
  #over-shoulder-page #content-main .section-subscribe {
    margin-left: 175px;
    width: 600px;
  }
  #over-shoulder-page #content-main.has-login .section-subscribe {
    width: 330px;
  }
  #over-shoulder-page #content-main .photo {
    position: relative;
  }
  #over-shoulder-page #content-main .photo div {
    position: absolute;
    top: -85px;
    left: -75px;
    background: transparent url(/images/common/photos/chair-3.png) no-repeat;
    width: 233px;
    height: 414px;
  }
  
  
/*  =Conversations (Login)
  ----------------------------------------------- */
  #subscribe-options {
    clear: both;
    padding-bottom: 2em;
  }
  .scriptable #subscribe-options {
    display: none;
  }
  #subscribe-options h2 {
    font-size: 18px;
    font-weight: normal;
    margin: 1em 0;
  }
  #subscribe-options form,
  #subscribe-options h3,
  #subscribe-options p {
    margin: 0;
  }
  #subscribe-options form label br {
    display: none;
  }
  #subscribe-options h3 {
    margin-bottom: 0.25em;
  }
  #subscribe-options form {
    border-style: solid;
    border-color: #d2d2d2;
    border-width: 1px 0 0;
  }
  #subscribe-options form {
    padding: 10px 5px;
    overflow: auto;
  }
  #subscribe-options .note {
    padding-top: 2.5em;
    font-size: 10px;
    font-style: italic;
  }
  #subscribe-options > div {
    border-bottom: 1px solid #d2d2d2;
  }
  #subscribe-options > div+div {
    margin-top: 2em;
  }
  #subscribe-options form .text {
    float: left;
    margin-right: 0.5em;
  }
  #subscribe-options form .submit {
    padding-top: 2px;
    float: right;
  }
  #subscribe-options form label span {
    font-weight: normal;
  }
  #subscribe-options .text input {
    width: 120px;
  }
  .subscription-intro .sample {
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    overflow: auto;
    margin-top: 10px;
    background-color: #efefef;
    padding: 15px 15px 15px 400px;
    -moz-border-radius      : 6px;
    -webkit-border-radius   : 6px;
    border-radius           : 6px;
  }
  #over-shoulder-page .subscription-intro .sample {
    padding-left: 435px;
  }
  #conversations-page .subscription-intro .sample {
    min-height: 78px;   /* logo height + logo margin */
  }
  .subscription-intro .sample img {
    margin: 0;
    float: none;
    position: absolute;
    top: 15px;
    left: 15px;
  }
  #podcasts-page #content-main .branding h3,
  #conversations-page .subscription-intro .sample h2,
  #conversations-library-page #content-main .branding h3,
  #conversations-promo-page #content-main .branding h3 {
    margin: 0;
    background: transparent url(/images/conversations/logo.png) no-repeat;
    width: 251px;
    height: 74px;
    text-indent: -9999px;
    overflow: hidden;
  }
  #over-shoulder-page .subscription-intro .sample h2 {
    margin: 0;
    background: transparent url(/images/over-shoulder/logo.png) no-repeat;
    width: 297px;
    height: 63px;
    text-indent: -9999px;
    overflow: hidden;
  }
  #conversations-page .subscription-intro .sample h2 {
    position: absolute;
    top: 19px;    /* padding + 4 */
    left: 92px;   /* padding + image width + 11 */
  }
  #over-shoulder-page .subscription-intro .sample h2 {
    position: absolute;
    top: 19px;    /* padding + 4 */
    left: 100px;
  }
  .subscription-intro .sample .price {
    margin-top: 0;
    font-size: 1.27em;
  }
  .subscription-intro .sample .description {
    margin-top: 0;
    width: 340px;
    color: #4b4b4b;
  }
  .subscription-intro .sample .audio-player,
  .subscription-intro .sample .action {
    margin-top: 0.5em;
  }
  .subscription-intro .sample .audio-player {
    width: 235px;
    float: left;
  }
  #conversations-page .subscription-intro .sample .action {
    float: left;
    margin-left: 12px;
  }
  .subscription-intro .section-subscribe ul,
  .subscription-intro .section-subscribe li {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
  }
  .subscription-intro .section-subscribe ul {
    padding-left: 0.5em;
  }
  .subscription-intro .section-subscribe li {
    margin-top: 0.85em;
    background: transparent url(/images/conversations/checkmark.png) no-repeat;
    padding-left: 20px;
    min-height: 15px;
  }
  .subscription-intro .action a,
  #subscribe-options button {
    display: block;
    background: transparent url(/images/buttons/subscribe-now.png) no-repeat;
    width: 123px;
    height: 24px;
    text-indent: -9999px;
    overflow: hidden;
    padding: 0;
    border-width: 0;
  }
  #subscribe-options button {
    display: inline-block;
  }
  .subscription-intro .action a:hover,
  .subscription-intro .action a:active {
    background-position: 0 -24px;
    border-width: 0 !important;
  }
  #subscribe-options button {
    background-image: url(/images/buttons/add-to-cart.png);
    width: 89px;
    height: 18px;
  }
  #subscribe-options button:hover,
  #subscribe-options button:active {
    background-position: 0 -18px;
    border-width: 0;
  }
  .subscription-intro .section-subscribe,
  .subscription-intro .section-login {
    float: left;
  }
  .subscription-intro .section-subscribe,
  #content-main.no-login .section-subscribe {
    width: 505px;
  }
  .subscription-intro .section-login {
    width: 275px;
    margin-left: 20px;
  }
  .photos .album .now-viewing,
  .videos .list .item .now-playing,
  .conversations-library .now-playing,
  .subscription-intro h2,
  #conversations-library-page #content-main .conversation .header h2,
  #conversations-promo-page #content-main .conversation .header h2 {
    color: #993c00;
    font-size: 1em;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
  }
  .photos .album .now-viewing,
  .videos .list .item .now-playing,
  .conversations-library .now-playing {
    font-size: 1.09em;
  }
  .photos .album h3,
  .videos .list .item h3,
  #conversations-library-page #content-main .conversation .header h2,
  #conversations-promo-page #content-main .conversation .header h2 {
    font-size: 1.09em;
  }
  .subscription-intro h3,
  #conversations-library-page #content-main .conversation .header h1,
  #conversations-promo-page #content-main .conversation .header h1 {
    margin-top: 0.25em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.45em;
  }
  .subscription-intro .section-login form h3 {
    margin-top: 0.5em;
    margin-bottom: 1em;
    font-size: 1.27em;
  }
  .subscription-intro .testimonials h3,
  .subscription-intro .secure_shopping h3 {
    font-size: 1.09em;
  }
  .subscription-intro h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.27em;
  }
  .subscription-intro .price {
    font-weight: bold;
    font-size: 1.09em;
    font-family: Arial, Helvetica, sans-serif;
  }
  .subscription-intro .price strong {
    color: #a51e1e;
  }
  .subscription-intro .price em {
    font-style: normal;
    color: #4b4b4b;
  }
  .subscription-intro .section-subscribe,
  .subscription-intro .section-login,
  .subscription-intro .testimonials,
  .subscription-intro .secure_shopping {
    margin-top: 25px;
  }
  #content-main.no-login .testimonials {
  	margin-top: 7px;
  }
  .subscription-intro .section-subscribe .note {
    margin-top: 1.55em;
    font-size: 0.9em;
  }
  .subscription-intro .section-subscribe .expired {
    font-weight: bold;
    color: #a51e1e;
  }
  .subscription-intro .section-login form {
    border: 4px solid #d4d4d4;
    padding: 15px;
  }
  .subscription-intro .testimonials .pull-quote {
    margin-top: 1.55em;
  }
  #books-page #content-main .pull-quote blockquote p,
  .subscription-intro .testimonials blockquote p {
    padding-left: 30px;
  }
  #books-page #content-main .pull-quote .cite,
  .subscription-intro .testimonials blockquote+p {
    margin-top: 1em;
    margin-left: 30px;
  }
  #books-page #content-main .pull-quote blockquote .left,
  #books-page #content-main .pull-quote blockquote .right,
  .subscription-intro .testimonials blockquote .left,
  .subscription-intro .testimonials blockquote .right {
    position: absolute;
    color: #d4d4d4;
    font-size: 80px;
    font-style: normal;
  }
  #books-page #content-main .pull-quote blockquote .left,
  .subscription-intro .testimonials blockquote .left {
    display: block;
    line-height: 1;
    top: -10px;
    left: -5px;
  }
  #books-page #content-main .pull-quote blockquote .right,
  .subscription-intro .testimonials blockquote .right {
    line-height: 0.8;
  }
  .subscription-intro .testimonials .more {
    font-size: 0.9em;
  }
  .subscription-intro .section-login .disclosure {
    font-size: 0.9em;
  }


/*  =Conversations (Library)
  ----------------------------------------------- */
  #podcasts-page #content-main .options {
    margin-top: 1em;
    height: 19px;
  }
  #podcasts-page #content-main .branding img,
  #podcasts-page #content-main .branding h3,
  #conversations-library-page #content-main .branding img,
  #conversations-library-page #content-main .branding h3,
  #conversations-promo-page #content-main .branding img,
  #conversations-promo-page #content-main .branding h3 {
    left: 70px;
    top: 30px;
    position: absolute;
  }
  #podcasts-page #content-main .branding img,
  #conversations-library-page #content-main .branding img,
  #conversations-promo-page #content-main .branding img {
    margin: 0;
    float: none;
  }
  #podcasts-page #content-main .branding h3,
  #conversations-library-page #content-main .branding h3,
  #conversations-promo-page #content-main .branding h3 {
    top: 34px;    /* padding + 4 */
    left: 147px;  /* padding + image width + 11 */
  }
  .conversations-library {
    position: relative;
    margin-top: 10px;
    background: #efefef url(http://images.johnmauldin.com/conversations/dining-table.jpg) no-repeat 15px 15px;
    padding: 15px 15px 15px 515px;
    -moz-border-radius      : 6px;
    -webkit-border-radius   : 6px;
    border-radius           : 6px;
    line-height: 1.55em;
  }
  #podcasts-page .conversations-library {
    background-image: url(/images/podcasts/cover.jpg);
  }
  .conversations-library .player {
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: 480px;
  }
  .conversations-library .play-button {
    display: block;
    background: transparent url(/images/buttons/play-round.png) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
  }
  .conversations-library .play-button:hover,
  .conversations-library .play-button:active {
    background-position: 0 -64px;
    border-width: 0 !important;
  }
  #content-main .conversations-library .audio-player .seconds .range-field .background {
    width: 290px;
  }
  .sort ul,
  .sort li,
  .conversations-library .categories,
  .conversations-library .categories li {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .sort,
  .conversations-library .categories {
    font-family: Arial, Helvetica, sans-serif;
    overflow: hidden;
  }
  .sort {
    margin-top: 20px;
  }
  .conversations-library .categories {
    margin: 1em 0;

    /* TBD: Prevent the buttons from resizing, so they'll stay on one line?
    font-size: 11px;
    */
  }
  .sort li,
  .conversations-library .categories li {
    display: block;
    float: left;
  }
  .conversations-library .inner {
    height: 228px;
    overflow-y: auto;
    overflow-x: hidden; /* Prevent a horizontal scrollbar, in IE7. */
    padding-right: 10px;
  }
  #podcasts-page .conversations-library .inner {
    margin-top: 1em;
  }
  #conversations-promo-page .conversations-library .inner {
    margin-top: 2em;
  }
  /*
  #podcasts-page .conversations-library .inner {
    height: 295px;
  }
  */
  .conversations-library .inner p,
  .conversations-library .inner ul {
    margin-top: 0;
  }
  .conversations-library .inner .item {
    margin-top: 0.2em;
    border-top: 1px solid #c4c4c4;
    padding: 0.3em 0.5em 0.3em 18px;
  }
  /* TBD: Can this be safely applied to the conversations library page as well? */
  #podcasts-page .conversations-library .inner .item {
    overflow: auto;
  }
  .conversations-library .inner .item.clickable {
    cursor: pointer;
  }
  .conversations-library .inner .item.clickable:hover,
  .conversations-library .inner .item.clickable:active {
    background-color: #d9e5e8;
  }
  .conversations-library .inner .item.clickable:hover a,
  .conversations-library .inner .item.clickable:active a {
    border-bottom: 1px dotted;
  }
  #active-conversations-library-item {
    background: #e1e1e1 url(/images/arrows/mocha.png) no-repeat 5px 8px;
    cursor: default;
  }
  #active-conversations-library-item a {
    cursor: default;
    border-bottom: 1px dotted transparent;
  }
  .conversations-library .inner h4+.item {
    border-top-width: 0;
  }
  .conversations-library .inner h4 {
    margin-top: 0.2em;
    background-color: #95b7bf;
    color: #fff;
    padding: 2px 5px;
  }
  .conversations-library .inner h4:first-child {
    margin-top: 0;
  }
  .conversations-library .inner h5,
  .conversations-library .inner .date,
  .conversations-library .inner .duration {
    color: #666;
    float: left;
  }
  .conversations-library .inner .date,
  .conversations-library .inner .duration {
    font-size: 0.9em;
    margin-left: 0.75em;
    white-space: nowrap;
  }
  .conversations-library .inner .duration {
    padding-left: 0.75em;
    background: transparent url(/images/delimiters/steel.png) no-repeat left;
  }
  .conversations-library .inner ul,
  .conversations-library .inner .description {
    clear: both;
  }
  .conversations-library .inner ul,
  .conversations-library .inner li {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
  }
  .conversations-library .inner li {
    display: inline;
    background: transparent url(/images/arrows/fern.png) no-repeat left;
    padding-left: 13px;
    margin-left: 10px;
  }
  .conversations-library .inner li:first-child {
    margin-left: 0;
  }
  #conversations-library-page #content-main .conversation,
  #conversations-promo-page #content-main .conversation {
    margin-top: 15px;
    position: relative;
    padding-left: 15px;
    width: 485px;
  }
  #conversations-library-page #content-main .conversation .description,
  #conversations-promo-page #content-main .conversation .description {
    margin-top: 1.55em;
  }
  #conversations-library-page #content-main .conversation .description .note,
  #conversations-promo-page #content-main .conversation .description .note {
    font-size: 0.9em;
  }
  #conversations-library-page #content-main .conversation .options,
  #conversations-promo-page #content-main .conversation .options {
    position: absolute;
    top: 4px; /* Attempt to line up with the date headline on the left. (line height - font size) / 2 */
    right: -330px;
    width: 305px;
  }
  #conversations-library-page #content-main .conversation .options .save,
  #conversations-promo-page #content-main .conversation .options .save {
    margin-top: 0;
    margin-bottom: 0.75em;
  }
  #conversations-library-page #content-main .conversation .options .files,
  #conversations-promo-page #content-main .conversation .options .files {
    clear: both;
    font-size: 0.9em;
    padding-left: 2px;
  }
  #conversations-library-page #content-main .conversation .options .files,
  #conversations-library-page #content-main .conversation .options .files li,
  #conversations-promo-page #content-main .conversation .options .files,
  #conversations-promo-page #content-main .conversation .options .files li {
    list-style: none;
    margin-left: 0;
  }
  #conversations-library-page #content-main .conversation .options .files li,
  #conversations-promo-page #content-main .conversation .options .files li {
    background: transparent url(/images/arrows/ocean.png) no-repeat left;
    padding-left: 10px;
  }
  #conversations-library-page #content-main .conversation .options p,
  #conversations-promo-page #content-main .conversation .options p {
    margin-top: 3em;
    color: #565656;
    font-size: 0.9em;
    font-weight: bold;
  }
  #conversations-promo-page #content-main .conversation .options p {
    margin-top: 0;
  }
   
  #conversations-library-page #content-main .conversation .options ul,
  #conversations-promo-page #content-main .conversation .options ul {
    margin-top: 0.75em;
  }
  #conversations-library-page #content-main .conversation .options .note,
  #conversations-promo-page #content-main .conversation .options .note {
    margin-top: 0;
    color: #565656;
    font-size: 0.81em;
    font-weight: normal;
  }
  
  
/*  =List Pages
  ----------------------------------------------- */
  #books-page #content-main,
  #white-papers-page #content-main,
  #partner-research-page #content-main,
  #suggested-books-page #content-main,
  #friends-page #content-main {
    padding-bottom: 20px;
  }
  #books-page #content-main .item,
  #books-page #content-main .section-intro .body,
  #white-papers-page #content-main .item,
  #partner-research-page #content-main .item,
  #suggested-books-page #content-main .item,
  #friends-page #content-main .item {
    position: relative;
    padding: 1.55em 0;
    border-bottom: 1px dotted #a8a8a8;
  }
  #books-page #content-main .section-intro .body {
    padding-left: 0;
  }
  #books-page #content-main .item,
  #white-papers-page #content-main .item,
  #partner-research-page #content-main .item,
  #suggested-books-page #content-main .item,
  #friends-page #content-main .item {
    padding-left: 200px;
  }
  #books-page #content-main img,
  #books-page #content-main .section-intro img,
  #white-papers-page #content-main img,
  #partner-research-page #content-main img,
  #suggested-books-page #content-main img,
  #friends-page #content-main img {
    border: 1px solid #ccc;
  }
  #books-page #content-main a:hover img,
  #books-page #content-main a:active img,
  #books-page #content-main .section-intro a:hover img,
  #books-page #content-main .section-intro a:active img,
  #white-papers-page #content-main a:hover img,
  #white-papers-page #content-main a:active img,
  #partner-research-page #content-main a:hover img,
  #partner-research-page #content-main a:active img,
  #suggested-books-page #content-main a:hover img,
  #suggested-books-page #content-main a:active img,
  #friends-page #content-main a:hover img,
  #friends-page #content-main a:active img {
    border-color: #6998ac;
  }
  #books-page #content-main .image,
  #books-page #content-main .section-intro .image,
  #white-papers-page #content-main .image,
  #partner-research-page #content-main .image,
  #suggested-books-page #content-main .image,
  #friends-page #content-main .image {
    margin-top: 0;
    position: absolute;
    top: 20px;  /* line-height - font-size */
    left: 0;
  }
  #books-page #content-main .image a:hover,
  #books-page #content-main .image a:active,
  #books-page #content-main .section-intro .image a:hover,
  #books-page #content-main .section-intro .image a:active,
  #white-papers-page #content-main .image a:hover,
  #white-papers-page #content-main .image a:active,
  #partner-research-page #content-main .image a:hover,
  #partner-research-page #content-main .image a:active,
  #suggested-books-page #content-main .image a:hover,
  #suggested-books-page #content-main .image a:active,
  #friends-page #content-main .image a:hover,
  #friends-page #content-main .image a:active {
    border-width: 0;
  }
  #books-page #content-main .image,
  #white-papers-page #content-main .image,
  #suggested-books-page #content-main .image {
    left: 25px;
  }
  #white-papers-page #content-main .action,
  #partner-research-page #content-main .action,
  #books-page #content-main .section-description .action,
  #suggested-books-page #content-main .action,
  #friends-page #content-main .action {
    font-weight: bold;
  }
  #white-papers-page #content-main .byline,
  #suggested-books-page #content-main .byline {
    margin-top: 0;
    color: #333;
  }
  #white-papers-page #content-main .action {
    background: transparent url(/images/icons/download.png) no-repeat left;
    padding-left: 13px;
  }
  div.links {
    font-weight: bold;
    color: #2f6f87;
    margin-top:15px;
  }
  div.paging {
    text-align: right;
  }
  div.paging strong {
    font-weight: normal;
  }
  div.paging a {
   color: #1e4666;
  }
  #news-page .item,
  #research-page .item,
  #qa-page .item,
  #info-page .item,
  .chartoftheweek .item {
  border-bottom: 1px dotted #a8a8a8;
  padding-bottom: 1.5em;
  margin-bottom: 0.3em;
  }
  #news-page .item,
  #qa-page .item {
    margin-bottom: 1.2em;
  }
  #research-page .item,
  #info-page .item {
    margin-top: 1em;
  }
  #info-page .item p {
    margin-top: 0.55em;
  }
  #news-page .item .date,
  #qa-page .item .date {
    color: #333333;
  }
  #news-page .item h3,
  #qa-page .item h3 {
    font-size: 1.27em;
    line-height: 1.36em;
    font-family: Arial,Helvetica,sans-serif;
  }
  #news-page .paging,
  #qa-page .paging {
    font-size:.9em;
    margin-bottom:0.75em;
    overflow:auto;
    float:right;
  }
  #news-page h1,
  #qa-page h1 {
    margin-bottom: 1em;
  }
  #news-page h1 a,
  #news-page h1 a:hover {
    padding: 0 0 0 5px;
    border: none;
  }
  div.faqs {
  	border-top: 1px dotted #a8a8a8;
  	margin-top: 1.55em;
  	padding-top: 1.55em;
  }
  div.faqs h3 {
    margin-bottom: -1.35em;
  }

  
/*  =Chart of the Week
  ----------------------------------------------- */

	#content-main .chartoftheweek .body {
		margin-top: 3px;
	}

	.chartoftheweek .share-box {
		border: 1px solid #cccccc;
		float: right;
		margin:20px 8px 20px 25px;
		padding-bottom: 10px;
		width: 212px;							
	}
	.chartoftheweek .share-box h4 {
		background-color: #e1e1e1;
		color: #5b5b5b;
		font-family: Verdana;
		font-size: 9px;
		padding: 7px 10px;
	}
	.chartoftheweek .facebook-share {
		float:left;
		padding:14px 0 0 11px;
		width:50px;
	}
	.chartoftheweek .twitter-share {
		float:left;
		padding:12px 0 0 13px;
		width:55px;
	}
	.chartoftheweek .linkedin-share {
		float:left;
		margin: 2px 0 0 0;
		*padding-left:13px;
		width:57px;
	}
	.chartoftheweek .IN-widget {
		padding:10px 0 0 13px;
		*padding-left:0px;
	}
	.chartoftheweek .IN-empty {
		*padding-left:0px;
	}
	

/*  =Books
  ----------------------------------------------- */
  #books-page #content-main .section-intro,
  #books-page #content-main .section-description {
    width: 830px;
    overflow: auto;
  }
  #books-page #content-main .section-intro .body {
    font-size: 1.09em;
    font-family: Arial, Helvetica, sans-serif;
    color: #4b4b4b;
    font-weight: bold;
  }
  #books-page #content-main .section-intro .body,
  #books-page #content-main .section-description .body {
    width: 600px;
  }
  #books-page #content-main .section-description {
    padding-top: 1.55em;
  }
  #books-page #content-main .section-intro .image {
    position: static;
    float: left;
    margin-right: 15px;
  }
  #books-page #content-main .section-intro cite em {
    font-style: normal;
  }
  #books-page #content-main .section-intro .action a.buy-now,
  #books-page #content-main .section-intro .action a.preorder-now {
    display: block;
    background-color: transparent;
    background-repeat: no-repeat;
    height: 24px;
    text-indent: -9999px;
    overflow: hidden;
  }
  #books-page #content-main .section-intro .action a.buy-now {
    background-image: url(/images/buttons/buy-now.png);
    width: 87px;
  }
  #books-page #content-main .section-intro .action a.preorder-now {
    background-image: url(/images/buttons/preorder-now.png);
    width: 115px;
  }
  #books-page #content-main .section-intro .action a:hover,
  #books-page #content-main .section-intro .action a:active {
    background-position: 0 -24px;
    border-width: 0;
  }
  #books-page #content-main .section-intro .body,
  #books-page #content-main .section-description .body {
    display: table-cell;
  }
  #books-page #content-main .section-intro .body blockquote {
    margin-top: 0;
    color: #993c00;
  }
  #books-page #content-main .section-intro .price,
  #books-page #content-main .section-description .action {
    font-size: 1.09em;
    font-family: Arial, Helvetica, sans-serif;
  }
  #books-page #content-main .section-intro .price {
    margin-top: 0.75em;
    color: #990000;
    font-weight: normal;
  }
  #books-page #content-main .pull-quote {
    width: 180px; /* TRICKY: If this is too wide, there won't be room for the
                  "right" quote, and a horizontal scrollbar will appear. */
    padding-left: 15px;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
  }
  #books-page #content-main .pull-quote blockquote {
    font-size: 1.27em;
  }
  #books-page #content-main .pull-quote .cite {
    font-size: 1.09em;
  }


/*  =Modal Window
  ----------------------------------------------- */
  #modal {
    position: absolute;  
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
  }
  #modal .inner {
    -moz-box-shadow       : rgba(0, 0, 0, 0.5) 0 0 15px;
    -webkit-box-shadow    : rgba(0, 0, 0, 0.5) 0 0 15px;
    box-shadow            : rgba(0, 0, 0, 0.5) 0 0 15px;
    -moz-border-radius      : 2px;
    -webkit-border-radius   : 2px;
    border-radius           : 2px;
    margin: 0 auto;
    position: relative;
    padding: 25px 35px;
    background-color: #fff;
    border: 7px solid #8e8e8e;
  }
  #modal .close {
    margin: 0;
    position: absolute;
    top: 1px;
    right: 1px;
  }
  #modal .close a {
    display: block;
    background: transparent url(/images/buttons/close.png) no-repeat;
    width: 29px;
    height: 29px;
    text-indent: -9999px;
    overflow: hidden;
  }
  #modal .close a:hover,
  #modal .close a:active {
    background-position: 0 -29px;
  }
  #modal .close-last {
    margin-top: 3.1em;
  }
  #modal h1 {
    margin-top: 0;
    padding-bottom: 0.1em;
    border-bottom: 1px dotted #a8a8a8;
  }
  #modal .standard-form .required-note em,
  #modal .standard-form .required em,
  #content-main .standard-form .required-note em,
  #content-main .standard-form .required em,
  .subscription-intro .section-login form .required-note em,
  .subscription-intro .section-login form .required em {
    color: #993c00;
    text-decoration: none;
    font-style: normal;
    border-width: 0 !important;
  }
  #content-main .standard-form label span.note a,
  .subscription-intro .section-login form label span.note a {
    color: #2f6f87;
  }
  #modal .standard-form textarea,
  #modal .standard-form .text input,
  #content-main .standard-form textarea,
  #content-main .standard-form .text input,
  .subscription-intro .section-login form textarea,
  .subscription-intro .section-login form .text input {
    -moz-border-radius      : 2px;
    -webkit-border-radius   : 2px;
    border-radius           : 2px;
    border: 1px solid #c3c3c3;
    padding: 2px 4px;
    width: 330px;
  }
  #content-main .standard-form select {
    margin-right: 140px;
  }
  .subscription-intro .section-login form textarea,
  .subscription-intro .section-login form .text input {
    width: 150px;
  }
  #modal .standard-form label br,
  #content-main .standard-form label br,
  .subscription-intro .section-login form label br {
    display: none;
  }
  #modal .standard-form p.text,
  #content-main .standard-form p.text,
  .subscription-intro .section-login form p.text {
    margin-top: 0.5em;
    overflow: auto;
    width: 456px;
  }
  #content-main .standard-form p.text {
    width: 476px;
  }
  #profile-edit-page #content-main .standard-form p.text {
    width: 510px;
  }
  .subscription-intro .section-login form p.text {
    width: auto;
  }
  #modal .standard-form .required-note+p.text,
  #content-main .standard-form .required-note+p.text,
  .subscription-intro .section-login form .required-note+p.text {
    margin-top: 1.55em;
  }
  #modal .standard-form textarea,
  #modal .standard-form .text input,
  #content-main .standard-form select,
  #content-main .standard-form textarea,
  #content-main .standard-form .text input,
  .subscription-intro .section-login form textarea,
  .subscription-intro .section-login form .text input {
    display: block;
    float: right;
  }
  /*
  #modal .standard-form label span,
  .subscription-intro .section-login form label span {
    display: block;
    float: left;
    width: 110px;
  }
  */
  #modal .standard-form p.captcha,
  .subscription-intro .section-login form p.captcha {
    margin-top: 1em;
  }
  #modal .standard-form .captcha label span,
  #modal .standard-form .captcha label img,
  .subscription-intro .section-login form .captcha label span,
  .subscription-intro .section-login form .captcha label img {
    width: auto;
    margin-left: 117px;
  }
  .subscription-intro .section-login form label span {
    width: 80px;
    display: inline;
    float: none;
  }
  #modal .standard-form .submit {
    margin-top: 2em;
  }
  .subscription-intro .section-login form .submit {
    margin-top: 1em;
  }
  #modal .standard-form .submit,
  #content-main .standard-form .submit,
  .subscription-intro .section-login form .submit {
    text-align: center;
    width: auto;
  }
  #modal .standard-form label .note,
  .subscription-intro .section-login form label .note {
    margin-top: 0.25em;
  }
  #modal .standard-form .submit,
  #modal .standard-form .submit li {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
  }
  #modal .standard-form .submit li {
    display: inline;
    margin-left: 1em;
  }
  #modal .standard-form .submit li:first-child {
    margin-left: 0;
  }
  #modal .standard-form .error-message,
  #modal .standard-form .submit,
  #content-main .standard-form .submit,
  #modal .standard-form label .note,
  .subscription-intro .section-login form label .note {
    display: block;
    width: 330px;
    margin-left: 120px;
  }
  #content-main .standard-form .error-message,
  #content-main .standard-form .checkbox,
  #content-main .standard-form .submit {
    margin-left: 140px;
  }
  #profile-edit-page #content-main .standard-form .error-message,
  #profile-edit-page #content-main .standard-form .submit {
    text-align: left;
    margin-left: 175px;
  }
  #content-main .standard-form label .note {
    display: block;
    margin-left: 140px;
  }
  #content-main .standard-form label span.note,
  .subscription-intro .section-login form label .note {
    font-size: 10px;
    font-weight: normal;
    width: auto;
  }
  .subscription-intro .section-login form label .note {
    margin-left: 80px;
  }
  .subscription-intro .section-login form .submit {
    margin-left: 78px;
  }
  #freeform .submit-button,
  #freeform .submit-comment,
  #freeform .submit-request,
  #modal .standard-form .submit button,
  #content-main .standard-form .submit button,
  .subscription-intro .section-login form .submit button {
    display: inline-block;
    height: 24px;
    text-indent: -9999px;
    overflow: hidden;
    padding: 0;
    border-width: 0;
  }
  #content-main .standard-form .submit .sign-up {
    background: transparent url(/images/buttons/sign-up.png) no-repeat;
    width: 66px;
  }
  #content-main .standard-form .submit .get-access-now {
    background: transparent url(/images/buttons/get-access-now.png) no-repeat;
    width: 147px;
  }
  #content-main .standard-form .submit .get-offer-now {
    background: transparent url(/images/buttons/get-offer-now.png) no-repeat;
    width: 134px;
  }
  #freeform .submit-button,
  #content-main .standard-form .submit-button {
    background: transparent url(/images/buttons/submit.png) no-repeat;
    width: 61px;
  }
  #freeform .submit-comment {
    background: transparent url(/images/buttons/submit-comment.png) no-repeat;
    width: 123px;
  }
  #freeform .submit-request {
    background: transparent url(/images/buttons/submit-request.png) no-repeat;
    width: 115px;
  }
  #content-main .standard-form .submit .change-my-password {
    background: transparent url(/images/buttons/change-password.png) no-repeat;
    width: 149px;
  }
  #content-main .standard-form .submit .reset-password {
    background: transparent url(/images/buttons/reset-password.png) no-repeat;
    width: 116px;
  }
  #content-main .standard-form .start-subscription {
    background: transparent url(/images/buttons/start-subscription.png) no-repeat;
    width: 179px;
  }
  #content-main .standard-form .start-subscription2 {
    background: transparent url(/images/buttons/start-subscription2.png) no-repeat;
    width: 179px;
  }
  #content-main .standard-form .submit .submit-comment {
    background: transparent url(/images/buttons/submit-comment.png) no-repeat;
    width: 123px;
  }
  #content-main .standard-form .submit .submit-request {
    background: transparent url(/images/buttons/submit-request.png) no-repeat;
    width: 115px;
  }
  #content-main .standard-form .remove-photo {
    background: transparent url(/images/buttons/remove-photo.png) no-repeat;
    width: 124px;
  }
  #content-main .standard-form .update-my-profile {
    background: transparent url(/images/buttons/update-my-profile.png) no-repeat;
    width: 124px;
  }
  #modal .standard-form .submit .send-email {
    background: transparent url(/images/buttons/send-email.png) no-repeat;
    width: 87px;
  }
  #modal .standard-form .submit .cancel {
    background: transparent url(/images/buttons/cancel.png) no-repeat;
    width: 60px;
  }
  #content-main .standard-form .submit .login,
  .subscription-intro .section-login form .submit .login {
    background: transparent url(/images/buttons/login.png) no-repeat;
    width: 53px;
  }
  #freeform .submit-comment:hover,
  #freeform .submit-comment:active,
  #freeform .submit-button:hover,
  #freeform .submit-button:active,
  #freeform .submit-request:hover,
  #freeform .submit-request:active,
  #modal .standard-form .submit .send-email:hover,
  #modal .standard-form .submit .send-email:active,
  #modal .standard-form .submit .cancel:hover,
  #modal .standard-form .submit .cancel:active,
  #content-main .standard-form .submit button:hover,
  #content-main .standard-form .submit button:active,
  .subscription-intro .section-login form .submit .login:hover,
  .subscription-intro .section-login form .submit .login:active {
    background-position: 0 -24px;
  }


/*  =Contact
  ----------------------------------------------- */
  #content-main .vcard {
    margin-top: 1.55em;
    overflow: auto;
  }
  #content-main .vcard h2 {
    margin-top: 0;
  }
  #content-main .vcard p {
    margin-top: 0;
  }
  #content-main .vcard .org {
    font-weight: bold;
  }
  
 
/*  =Profile
  ----------------------------------------------- */
  #profile-page #content-main,
  #profile-edit-page #content-main {
    margin-left: 140px;
  }
  #profile-page #content-main .vcard img {
    float: left;
    margin-top: .25em;
    margin-right: 15px;
  }
  #profile-page #content-main .vcard .edit {
    margin-top: 0.25em;
    font-weight: bold;
    color: #4b4b4b;
  }
  #profile-edit-page #content-main .photo,
  #profile-edit-page #content-main .information,
  #profile-page #content-main .comments,
  #profile-page #content-main .favorites,
  #profile-page #content-main .subscriptions {
    margin-top: 2em;
  }
  #profile-edit-page #content-main .photo,
  #profile-edit-page #content-main .information,
  #profile-page #content-main .comments,
  #profile-page #content-main .favorites div,
  #profile-page #content-main .subscriptions {
    border-bottom: 1px solid #e1e1e1;
  }
  #profile-edit-page #content-main .photo,
  #profile-edit-page #content-main .information {
    padding-bottom: 1.55em;
  }
  #profile-edit-page #content-main .photo h2,
  #profile-edit-page #content-main .information h2,
  #profile-page #content-main .comments h2,
  #profile-page #content-main .favorites h2,
  #profile-page #content-main .subscriptions h2 {
    background-color: #dfeaed;
    color: #4b4b4b;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 2px 5px;
  }
  #profile-page #content-main .comments ul,
  #profile-page #content-main .comments li,
  #profile-page #content-main .favorites ul,
  #profile-page #content-main .favorites li {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
  }
  #profile-edit-page #content-main .photo p.image,
  #profile-edit-page #content-main .photo p.upload,
  #profile-edit-page #content-main .information p.text {
    margin-left: 5px;
  }
  #profile-edit-page #content-main .photo p.image span,
  #profile-edit-page #content-main .photo p.upload span {
    display: inline-block;
    width: 166px;
  }
  #profile-edit-page #content-main .photo p.image span {
    vertical-align: top;
  }
  #profile-page #content-main .comments ul,
  #profile-page #content-main .comments p,
  #profile-page #content-main .favorites h3,
  #profile-page #content-main .favorites ul,
  #profile-page #content-main .favorites p,
  #profile-page #content-main .subscriptions ul,
  #profile-page #content-main .subscriptions p {
    margin: 8px 5px;
  }
  
  #profile-page #content-main .newsubscriptions {
  	padding-bottom:8px;
  }
  
  #profile-page #content-main .newsubscriptions h2 {
  	margin-bottom:6px;
  }
  
  #profile-page #content-main .newsubscriptions p {
  	margin: 0 5px;
  }
  
  #profile-page #content-main .newsubscriptions form {
  	margin-top:0;
  	padding-top:0;
  }	
  
  #profile-page #content-main .favorites h3 {
    margin-bottom: 0;
  }
  #profile-page #content-main .favorites ul {
    margin-top: 0;
  }
  #profile-page #content-main .comments h2 {
    /* Don't hide the comments headline on the profile page. */
    position: static;
    left: auto;
  }
  #profile-page #content-main .vcard h2 {
	  font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.09em;
  }
  #profile-page #content-main h3 {
    font-size: 1em;
  }
  #profile-edit-page #content-main .disclosure {
    font-size: 0.9em;
    margin-top: 3em;
  }
  #profile-edit-page #content-main .information span.noedit {
    font-weight:normal;
    width:340px;
    float:right;
    text-align:left;
  }
  #profile-edit-page #content-main .standard-form p.profile-updated {
    color: #a54b00;
  }
  #profile-page #subscribe-options .placeholder {
    text-transform: lowercase;
  }
  #profile-page #subscribe-options input::-webkit-input-placeholder {
    text-transform: lowercase;
  }
  #profile-page #subscribe-options {
    clear: both;
  }
  .scriptable #profile-page #subscribe-options {
    display: none;
  }

  .cancel-subscription {
    padding: 20px;
  }
  .cancel-subscription h2 {
    font-size: 18px;
    font-weight: normal;
  }
  .cancel-subscription ul,
  .cancel-subscription li {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
  }
  .cancel-subscription ul {
    text-align: center;
  }
  .cancel-subscription li {
    display: inline;
  }
  .cancel-subscription li a {
    display: inline-block;
    background-repeat: no-repeat;
    height: 24px;
    width: 41px;
    text-indent: -9999px;
    overflow: hidden;
  }
  .cancel-subscription li a:hover,
  .cancel-subscription li a:active {
    background-position: 0 -24px;
  }
  .cancel-subscription .yes a {
    background-image: url(/images/buttons/yes.png);
    margin-right: 0.5em;
  }
  .cancel-subscription .no a {
    background-image: url(/images/buttons/no.png);
  }
  .cancel-subscription .note {
    font-size: 10px;
  }
  .scriptable .subscriptions .cancel-subscription {
    display: none;
  }


/*  =Videos
  ----------------------------------------------- */
  #videos-page h1 a,
  #videos-page h1 a:hover,
  #podcasts-page #content-main > h2:first-child a,
  #podcasts-page #content-main > h2:first-child a:hover {
    padding: 0 0 0 5px;
    border: none;
  }
  .photos .nav > ul,
  .videos .slideshow ul {
    margin: 0;
    height: 0;
  }
  .photos .nav > ul,
  .photos .nav > ul li,
  .videos .slideshow ul,
  .videos .slideshow li {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
  }
  .photos .nav > ul li.next,
  .photos .nav > ul li.previous,
  .videos .slideshow li.next,
  .videos .slideshow li.previous {
    top: 70px;
  }
  .photos .nav > ul li.next,
  .photos .nav > ul li.previous {
    top: 80px;
  }
  .photos .nav > ul li.next,
  .videos .slideshow li.next {
    margin-top: 0;
    position: absolute;
    right: 20px;
  }
  .photos .nav > ul li.previous,
  .videos .slideshow li.previous {
    margin-top: 0;
    position: absolute;
    left: 20px;
  }
  .photos .nav-item a,
  .photos .nav > ul li a,
  .videos .slideshow li a {
    display: block;
    width: 17px;
    height: 34px;
    text-indent: -9999px;
    overflow: hidden;
    border-width: 0;
  }
  .photos .nav-item .next a,
  .photos .nav > ul .next a,
  .videos .slideshow .next a {
    background: transparent url(/images/arrows/right.png) no-repeat;
  }
  .photos .nav-item .previous a,
  .photos .nav > ul .previous a,
  .videos .slideshow .previous a {
    background: transparent url(/images/arrows/left.png) no-repeat;
  }
  .photos .nav > ul .next a,
  .photos .nav > ul .previous a,
  .videos .slideshow .next a,
  .videos .slideshow .previous a {
    width: 13px;
    height: 28px;
    background-position: 0 -3px;
  }
  .photos .nav > ul .next a,
  .videos .slideshow .next a {
    background-position: -3px -3px;
  }
  .photos .nav-item a:hover,
  .photos .nav-item a:active,
  
  .photos .nav > ul li a:hover,
  .photos .nav > ul li a:active,
  .videos .slideshow li a:hover,
  .videos .slideshow li a:active {
    border-width: 0 !important;
    background-position: -17px 0;
  }
  .photos .nav > ul .next a:hover,
  .photos .nav > ul .next a:active,
  .videos .slideshow .next a:hover,
  .videos .slideshow .next a:active {
    background-position: -20px -3px;
  }
  .photos .nav > ul .previous a:hover,
  .photos .nav > ul .previous a:active,
  .videos .slideshow .previous a:hover,
  .videos .slideshow .previous a:active {
    background-position: -17px -3px;
  }
  .photos .nav > ul a.disabled,
  .photos .nav-item a.disabled,
  .videos .slideshow li a.disabled {
    background-position: 0 0 !important;
    cursor: default;
    opacity: 0.25;
  }
  .photos .nav > ul .next a.disabled,
  .videos .slideshow .next a.disabled {
    background-position: -3px -3px !important;
  }
  .photos .nav > ul .previous a.disabled,
  .videos .slideshow .previous a.disabled {
    background-position: 0 -3px !important;
  }

  /* Hide the videos while the page is loading. */
  .scriptable .videos,
  .scriptable .photos {
    visibility: hidden;
  }
  .scriptable .videos.loaded,
  .scriptable .photos.loaded {
    visibility: visible;
  }

  #videos-page #content-main .spinner,
  #photos-page #content-main .spinner {
    position: absolute;
    top: 100px;
    left: 365px;    /* (830 - 100) / 2 */
  }

  .videos .list {
    margin-top: 1.55em;
  }
  .videos .list .item {
    position: relative;
    margin-top: 1.55em;
    background-color: #efefef;
    -moz-border-radius      : 6px;
    -webkit-border-radius   : 6px;
    border-radius           : 6px;
    padding: 15px 20px 15px 525px;
    min-height: 380px;  /* Height of the video (this will be updated to the
                        height of the tallest video, by the JavaScript.) */
  }
  .photos .album .now-viewing,
  .videos .list .item .now-playing,
  .conversations-library .now-playing {
    margin-top: 0;
    letter-spacing: 0.1em;
    padding-bottom: 0.25em;
    border-bottom: 1px solid #d2d2d2;
  }
  .videos .list .item h4 {
    margin-top: 1em;
    font-size: 1.45em;
    font-family: Arial, Helvetica, sans-serif;
  }
  .videos .list .item .date,
  .videos .list .item .duration {
    color: #333;
    margin-top: 0;
    display: inline-block;
  }
  .videos .list .item .duration {
    background: transparent url(/images/delimiters/steel.png) no-repeat left;
    padding-left: 0.75em;
    margin-left: 0.4em;
  }
  .videos .list .item img {
    display: block;
    margin: 1em 0;
  }

  /* KLUDGE: Play nice with video.js placeholder images. */
  .videos .list .item .video img {
    margin: 0;
  }

  .videos {
    position: relative;
  }
  .videos .slideshow {
    margin-top: 4.5em;
  }
  .scriptable .videos .nav,
  .scriptable .videos .nav-sub {
    position: absolute;
    z-index: 1;
  }
  .videos .nav {
    right: 2px;
  }
  .videos .nav-sub {
    left: 2px;
  }

  /* Archive */
  .videos .nav,
  .videos .nav h2,
  .photos .nav h2,
  .videos .nav-sub h2,
  .videos .nav-sub ul {
    font-family: Arial, Helvetica, sans-serif;
  }
  .photos .nav h2,
  .videos .nav-sub h2 {
    font-size: 1.09em;
  }
  .videos .nav ul,
  .videos .nav li,
  .videos .nav-sub ul,
  .videos .nav-sub li {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
  }
  .videos .nav h2 {
    position: absolute;
    left: -9999px;
  }
  .videos .nav li.active a {
    color: #878787;
    /* TBD: Does this button do anything useful?
    border-width: 0 !important;
    cursor: default;
    */
  }
  .videos .nav li,
  .videos .nav-sub h2,
  .videos .nav-sub ul,
  .videos .nav-sub li {
    float: left;
  }
  .videos .nav li {
    background: transparent url(/images/delimiters/aluminum.png) no-repeat right;
    padding-right: 0.5em;
    margin-right: 0.5em;
  }
  .videos .nav li:last-child {
    background: transparent;
    padding-right: 0;
    margin-right: 0;
  }

  /* Sub Nav */
  .photos .nav h2,
  .videos .nav-sub h2 {
    color: #4d7836;
    text-transform: uppercase;
  }
  .photos .nav h2 {
    margin-bottom: 1em;
  }
  .videos .nav-sub ul {
    margin-left: 2em;
  }
  .sort li a,
  .videos .nav-sub li a,
  .conversations-library .categories li a {
    color: #787878;
    font-weight: bold;
    padding: 4px 7px;
    border-width: 0 !important;
    background-color: #e7e7e7;
  }
  .sort li a,
  .conversations-library .categories li a {
    display: block;
    padding: 2px 7px;
  }
  .conversations-library .categories li a {
    background-color: #ddd;
  }
  .sort li:first-child a,
  .videos .nav-sub li:first-child a,
  .conversations-library .categories li:first-child a {
    -moz-border-radius-topleft          : 4px;
    -moz-border-radius-bottomleft       : 4px;
    -webkit-border-top-left-radius      : 4px;
    -webkit-border-bottom-left-radius   : 4px;
    border-top-left-radius              : 4px;
    border-bottom-left-radius           : 4px;
  }
  .sort li:last-child a,
  .videos .nav-sub li:last-child a,
  .conversations-library .categories li:last-child a {
    -moz-border-radius-topright         : 4px;
    -moz-border-radius-bottomright      : 4px;
    -webkit-border-top-right-radius     : 4px;
    -webkit-border-bottom-right-radius  : 4px;
    border-top-right-radius             : 4px;
    border-bottom-right-radius          : 4px;
  }
  .videos .nav-sub li a:hover,
  .videos .nav-sub li a:active,
  .conversations-library .categories li a:hover,
  .conversations-library .categories li a:active {
    border-width: 0 !important;
    padding-bottom: 4px !important;
    background-color: #d5d5d5;
  }
  .sort li a:hover,
  .sort li a:active,
  .conversations-library .categories li a:hover,
  .conversations-library .categories li a:active {
    background-color: #c8c8c8;
    padding-bottom: 2px !important
  }
  .sort li.selected a,
  .videos .nav-sub li.active a,
  .conversations-library .categories li.active a {
    background-color: #a0a0a0;
    color: #fff;
  }
  .conversations-library .categories li.active a {
    background-color: #8a8a8a;
  }
  .videos .list .item .options {
    margin-top: 1.55em;
  }
  .videos .list .item .video {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 480px;
    height: 380px;
  }

  /* VideoJS positions the video element absolutely in full-screen mode.
  Accomodate this by temporarily disabling other positioned elements. */
  .video-js-fullscreen #new-header,
  .video-js-fullscreen #header,
  .video-js-fullscreen #another-subscribe,
  .video-js-fullscreen #new-topics,
  .video-js-fullscreen #topics,
  .video-js-fullscreen #nav,
  .video-js-fullscreen #content,
  .video-js-fullscreen .videos .list .item .video {
    position: static;
    overflow: visible;
  }

  /* TEMP */
  .videos .list > h3 {
    position: absolute;
    left: -9999px;
  }
  .videos .nav,
  .videos .nav-sub {
    margin-top: 3em;
  }
  .scriptable .videos .nav,
  .scriptable .videos .nav-sub {
    margin-top: 0;
  }
  .videos .nav ul,
  .videos .nav-sub ul {
    margin-top: 0;
  }

  /* Slideshow */
  .videos .slideshow,
  .photos .nav .slideshow {
    border: 1px solid #e1e1e1;
    -moz-border-radius      : 6px;
    -webkit-border-radius   : 6px;
    border-radius           : 6px;
    padding: 10px 60px;
    position: relative;
  }
  .videos .slideshow .item,
  .photos .nav .slideshow li {
    float: left;
    margin-right: 15px;
  }
  .photos .nav li a,
  .videos .slideshow .item a {
    display: block;
    padding: 5px !important;
    width: 120px;
    border-width: 0 !important;
  }
  .photos .nav li a .headline,
  .videos .slideshow .item a .headline {
    display: block;
    /* TBD: Limit the headline to a single line?
    width: 120px;
    overflow: hidden;
    white-space: nowrap;
    */
  }
  .photos .nav li a:hover,
  .photos .nav li a:active,
  .photos .nav li.active a,
  .videos .slideshow .item a:hover,
  .videos .slideshow .item a:active,
  .videos .slideshow .item.active a {
    border-width: 0 !important;
    background-color: #e7e7e7;
    -moz-border-radius      : 2px;
    -webkit-border-radius   : 2px;
    border-radius           : 2px;
  }
  .videos .slideshow .item a {
    color: #999;
  }
  .videos .slideshow .item .headline {
    color: #2f6f87;
    display: block;
  }
  .videos .slideshow .item .date,
  .videos .slideshow .item .duration {
    font-size: 0.9em;
  }
  

/*  =Photos
  ----------------------------------------------- */

  /* TEMP */
  .photos ul,
  .photos li {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
  }
  .photos .nav,
  .photos .album {
    margin-top: 1.75em;
  }

  /* Nav */
  /*
  .photos .nav {
    position: absolute;
    top: 400px;
    width: 100%;
  }
  */
  .photos .nav {
    position: relative;
  }
  .photos .nav h2 {
    margin-left: 2px;
  }
  .photos .nav li.active strong {
    font-weight: normal;
  }
  .photos .nav ul {
    margin: 0;
  }

  /* Album */
  .photos .album {
    margin-top: 1.55em;
    background-color: #efefef;
    -moz-border-radius      : 6px;
    -webkit-border-radius   : 6px;
    border-radius           : 6px;
    padding: 15px 20px 15px 524px;
    position: relative;

    /* TBD: Make this dynamic? */
    min-height: 335px;

    /* Make some room for the nav. */
    /*
    margin-bottom: 200px;
    */
  }
  .photos .album h2 {
    margin-top: 0.75em;
    font-size: 1.45em;
  }
  .photos .album .count {
    margin-top: 0;
    color: #333;
    line-height: 1.2em;
  }
  .photos .album > ul {
    margin: 0;
  }
  .photos .album > ul li {
    position: absolute;
    top: 15px;
    left: 55px;
    width: 400px;
    background-color: #efefef;  /* We want to cover up the images below this one, including the captions. */
  }
  .photos .album > ul li .caption {
    padding-top: 0.8em;
  }
  .photos .nav-item .previous,
  .photos .nav-item .next {
    position: absolute;
    top: 148px; /* (image.height - button.height + image.topMargin) / 2 */
  }
  .photos .nav-item .previous {
    left: 23px; /* (image.left - 15 + button.width) */
  }
  .photos .nav-item .next {
    left: 470px; /* (image.left + image.width + 15) */
  }

  /* Grid */
  .photos .grid {
    overflow: auto;
    margin-top: 1em;
  }
  .photos .grid .item {
    margin: 0 2px 2px 0;
  }
  .photos .grid .item a {
    display: block;
    border-width: 0 !important;
  }
  .photos .grid .item .border {
    position: absolute;
    top: 0;
    left: 0;
    width: 66px;  /* 70 - borderWidth * 2 */
    height: 49px; /* 53 - borderWidth * 2 */
    border: 2px solid #1e9cd0;
    display: none;
  }
  .photos .grid .item a:hover .border,
  .photos .grid .item a:active .border,
  .photos .grid .item.active a .border {
    display: block;
  }
  .photos .album .image,
  .photos .grid .image {
    background-color: #333;
  }
  .photos .grid .image {
    width: 70px;
  }
  .photos .album img,
  .photos .grid .item img {
    display: block;
    margin: 0 auto;
  }
  .photos .grid ul {
    margin-top: 0.5em;
  }
  .photos .grid li {
    text-transform: lowercase;
  }
  .photos .grid .previous {
    float: left;
  }
  .photos .grid .next {
    float: right;
  }
  .photos .grid .next .disabled,
  .photos .grid .previous .disabled {
    color: #ccc;
    border-width: 0 !important;
    cursor: default;
  }
  .photos .grid .previous .disabled {
    background-image: url(/images/arrows/silver-left.png) !important;
  }
  .photos .grid .next .disabled {
    background-image: url(/images/arrows/silver-right.png) !important;
  }
  

/*  =Twitter
  ----------------------------------------------- */

#twitter_update_list {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 17px;
	list-style: none;
	}
#twitter_update_list li {
	padding-bottom: 1px;
	margin-bottom: 3px;
	}
#twitter_update_list span, #twitter_update_list span a {
	color: #000;
	}
  

/*  =Calendar
  ----------------------------------------------- */
  #fc_calendar .event a {
    background-color: #f0f0f0;
  }
  .calendar-event-details {
    background-color: #fff;
    border: 1px solid #999;
    padding: 10px;
    -moz-box-shadow       : rgba(0, 0, 0, 0.5) 0 0 10px;
    -webkit-box-shadow    : rgba(0, 0, 0, 0.5) 0 0 10px;
    box-shadow            : rgba(0, 0, 0, 0.5) 0 0 10px;
  }
  .calendar-event-details h5 {
    font-size: 1em;
  }
  .calendar-event-details p {
    font-size: 0.9em;
  }
  #calendar-page #content-main {
    width: 830px;
  }
  #fc_calendar {
    text-align: left;
    margin: 0 auto;
    background: #ffffff;
    width: 830px;
    padding-left: 3px;
    padding-bottom: 3px;
    font-size: 12px;
    font-family: Helvetica, "Lucida Sans", Arial, Verdana;
  }
  #fc_calendar table {
    border-collapse: collapse;
    font-size: 12px;
  }
  #fc_calendar #fc_inner td {
    border-width: 2px 0 0 2px;
    border-style: solid;
    border-color: #fff;
    vertical-align: top;
    background: #f0f0f0;
    color: #000;
  }
  #fc_calendar #fc_inner td:first-child {
    border-left-width: 0;
  }
  #fc_outer {
    width: 830px;
    margin: 0;
    padding: 0;
  }
  #fc_inner {
    width: 830px;
  }
  #fc_calendar .event {
    margin-top: 0.55em;
    font-size: 0.9em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #010101;
  }
  #fc_calendar table table .event a {
    color: #2f6f87;
    text-decoration: none;
    background-color: transparent;
  }
  #fc_calendar .out_of_range {
    background-color: transparent;
  }
  #fc_calendar .out_of_range .date {
    display: none;
  }
  #fc_calendar .first_day { 
    margin-left: 0; 
  }
  #fc_calendar .last_day { 
    margin-right: 0; 
  }
  #fc_calendar .day_cell .index_difference_1 {
    margin-top: 21px;
  }
  #fc_calendar .day_cell .index_difference_2 {
    margin-top: 45px;
  }
  #fc_calendar .day_cell .date {
    font-weight: bold;
    color: #5a833c;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
  }
  #fc_calendar .day_cell .date a {
    font-weight: bold;
    color: #5a833c;
    text-decoration: none;
  }
  #fc_calendar .day_cell .date .num {
    margin-right: 5px;
  }
  #fc_calendar .day_cell .date a:hover {
    color: #000;
    text-decoration: underline;
  }
  #fc_calendar .out_of_range .date {
    background: transparent url(/themes/solspace_themes/calendar/img/pad_date.png) repeat-x;
    color: #999;
  }
  #fc_calendar .day_cell {
    width: 106px; /* This is effectively a min-width. */
    height: 110px; /* This is effectively a min-height. */
    background-color: #f0f0f0;
    padding: 3px 5px;
  }
  #fc_calendar .today {
    background-color: #e0eaec !important;
  }
  #days_of_week th {
    padding: 3px 0;
    color: #666;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: transparent url(/images/calendar/background_day.jpg) repeat-x 0 0;
  }
  #month_year th {
    padding: 15px 0;
    color: #4d7836;
    text-align:center;
    font-size: 14px;
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
  }
  #month_year th img {
    padding: 0 10px;
  }
  #month_year th a:hover {
    border: none;
  }
  #calendar-page a.arrow_left,
  #calendar-page a.arrow_right {
    display: inline-block;
    width: 11px;
    height: 15px;
    color: transparent;
    text-indent: -9999px;
    overflow: hidden;
  }
  #calendar-page a.arrow_left {
    background: transparent url(/images/calendar/arrow_left.gif) no-repeat 0 3px;
  }
  #calendar-page a.arrow_right {
    background: transparent url(/images/calendar/arrow_right.gif) no-repeat 0 3px;
  }
  #calendar-page a.arrow_left:hover {
    background: transparent url(/images/calendar/arrow_left_on.gif) no-repeat 0 3px;
  }
  #calendar-page a.arrow_right:hover {
    background:transparent url(/images/calendar/arrow_right_on.gif) no-repeat 0 3px;
  }
  #calendar-page h1 a,
  #calendar-page h1 a:hover {
    padding: 0 0 0 5px;
    border: none;
  }
  
  
  /*  =Site Map
  ----------------------------------------------- */
  #info-page #sitemap ul.col,
  #info-page #sitemap ul.col2 {
    width: 300px;
    display:block;
    float:left;
    list-style:none;
    margin-top: 1.5em;
    margin-left: 0;
    padding-left: 0;
  }
  #info-page #sitemap ul.col2 {
    position:absolute;
    left: 300px;
  }
  #info-page #sitemap ul.col li,
  #info-page #sitemap ul.col2 li {
    font-weight:bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    margin-top: .5em;
  }
  #info-page #sitemap ul.col li ul,
  #info-page #sitemap ul.col2 li ul {
    margin-top: 0;
  }
  #info-page #sitemap ul.col li ul li,
  #info-page #sitemap ul.col2 li ul li {
    font-weight:normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .9em;
    margin-top: 0;
    list-style-type: disc;
  }


/*  =Insights Tout
  ----------------------------------------------- */
  #insights-tout {
    color: #1e1e1e;
    font-size: 16px;
    width: 100%;
    overflow: auto;
    margin-bottom: 1em;
  }
  #insights-tout .tout,
  #insights-tout form {
    float: left;
    width: 325px;
    padding: 30px;
  }
  #insights-tout h2,
  #insights-tout h3,
  #insights-tout ul {
    font-family: Arial, Helvetica, sans-serif;
  }
  #insights-tout h2,
  #insights-tout h3 {
    font-weight: normal;
    color: #993c00;
    font-size: 20px;
  }
  #insights-tout ul,
  #insights-tout li {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
  }
  #insights-tout ul {
    margin-top: 0.75em;
  }
  #insights-tout ul li {
    margin-top: 1em;
    background: transparent url(/images/icons/checkmark.png) 0 2px no-repeat;
    min-height: 19px;
    padding-left: 25px;
  }
  #insights-tout form {
    float: right;
    margin-top: 0;
    background-color: #ebebeb;
  }
  #insights-tout form p {
    margin-top: 1em;
  }
  #insights-tout form label span {
    font-size: 11px;
    color: #000;
    display: block;
  }
  #insights-tout form p input {
    width: 95%; /* Save a little space for border and padding */
    border: 1px solid #b4b4b4;
    font-size: 14px;
    padding: 4px;
  }
  #insights-tout form button {
    margin: 30px auto 0;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url(/images/buttons/sign-me-up.png) no-repeat;
    width: 123px;
    height: 28px;
    border-width: 0;
    padding: 0;
    cursor: pointer;
  }
  #insights-tout form button:hover,
  #insights-tout form button:active {
    background-position: 0 -28px;
  }
  #insights-tout .note {
    font-size: 11px;
    margin-top: 20px;
    font-style: italic;
  }
  /* Hide the tout while the JavaScript is loading. */
  .scriptable #insights-tout {
    display: none;
    overflow: visible;
  }
  #modal #insights-tout {
    margin-bottom: 0;
  }
  #modal #insights-tout .tout,
  #modal #insights-tout form {
    padding: 0;
  }
  #modal #insights-tout .tout {
    margin-top: 10px;
  }
  #modal #insights-tout form {
    margin: -25px -35px;
    padding: 35px;
  }


/*  =Landing Pages
  ----------------------------------------------- */
  body#endgame-page,
  body#featured-video-page,
  body#featured-video-display,
  body#conversations-promo-page,
  body#conversations-landing-page,
  body#insight-landing-page {
  	background: none;
  }
  #endgame-page #content-main,
  #featured-video-page #content-main,
  #featured-video-display #content-main,
  #conversations-landing-page #content-main,
  #insight-landing-page #content-main {
    position: relative;
    overflow: auto;
    margin: 15px 135px 0px;
    background-color: #efefef;
    padding: 40px 50px 30px;
    -moz-border-radius      : 6px;
    -webkit-border-radius   : 6px;
    border-radius           : 6px;
  }
  #featured-video-display #content-main {
  	background-color: #ffffff;
  	margin: 15px 100px 0px;
  	padding: 0;
  }
  #conversations-promo-page #content-main {
    position: relative;
    overflow: auto;
    margin: 20px 0px 0px;
    background-color: #ffffff;
    padding: 0 0 50px 0;
  }
  #featured-video-page #content-main h1 {
  	padding-right: 40px;
  }
  #conversations-landing-page #content-main h1 {
  	padding-right: 30px;
  }
  #endgame-page .image,
  #conversations-landing-page .image,
  #insight-landing-page .image {
    float: left;
    margin: 20px 25px 0px 0px;
  	background: transparent url(/images/landing/endgame-book.jpg) no-repeat;
  	width: 230px;
  	height: 356px;
  }
  #conversations-landing-page .image {
  	background: transparent url(/images/landing/biotech-conversations.jpg) no-repeat;
  }
  #insight-landing-page .image {
  	background: transparent url(/images/landing/john-photo.jpg) no-repeat;
  	height: 346px;
  }
  #featured-video-page .image {
    float: left;
    margin: 20px 25px 0px 0px;
  	width: 230px;
  	height: 149px;
  }
  #endgame-page ul,
  #endgame-page li,
  #conversations-landing-page ul,
  #conversations-landing-page li,
  #insight-landing-page ul,
  #insight-landing-page li {
    list-style: none;
    margin-left: 128px;
    padding-left: 0;
  }
  #endgame-page ul,
  #conversations-landing-page ul,
  #insight-landing-page ul {
    margin-top: 0.75em;
  }
  #endgame-page ul li,
  #conversations-landing-page ul li,
  #insight-landing-page ul li {
    margin-top: 1em;
    background: transparent url(/images/conversations/checkmark.png) 0 2px no-repeat;
    min-height: 19px;
    padding-left: 25px;
  }
  #endgame-page form p,
  #conversations-landing-page form p,
  #insight-landing-page form p {
    margin-top: 1em;
  }
  #endgame-page form label span,
  #conversations-landing-page form label,
  #insight-landing-page form label {
    font-size: 11px;
    color: #000;
    font-weight: bold;
    display: block;
  }
  #endgame-page form p input,
  #conversations-landing-page form input,
  #insight-landing-page form input {
  	margin-top: 3px;
    width: 330px;
    border: 1px solid #b4b4b4;
    font-size: 11px;
    padding: 3px 4px;
  }
  #endgame-page form button,
  #conversations-landing-page form button,
  #insight-landing-page form button {
    margin: 15px auto 0;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url(/images/buttons/send-me-updates.png) no-repeat;
    width: 123px;
    height: 24px;
    border-width: 0;
    padding: 0;
    cursor: pointer;
  }
  #conversations-landing-page form button {
  	background: transparent url(/images/buttons/get-free-access.png) no-repeat;
  }
  #insight-landing-page form button {
  	background: transparent url(/images/buttons/start-subscription2.png) no-repeat;
  	width: 179px;
  }
  #endgame-page form button:hover,
  #endgame-page form button:active,
  #conversations-landing-page button:hover,
  #conversations-landing-page button:active,
  #insight-landing-page button:hover,
  #insight-landing-page button:active {
    background-position: 0 -24px;
  }
  #endgame-page .note,
  #featured-video-page .note,
  #conversations-landing-page .note,
  #insight-landing-page .note {
    font-size: 10px;
    margin-top: 20px;
    font-style: italic;
  }
  #featured-video-page .note {
  	margin-left: 255px;
  }
  
  
/*  =Cart Styles
  ----------------------------------------------- */
/*  #fc_tb_titleTop, */
  #fc_tb_titleBot {
     display: none !important; 
  }


#fc_checkout_container *, #fc_receipt_container *, #fc_cart_container * {
font-family:Arial,Helvetica,sans-serif;
}



/*  =Internet Explorer 6/7/8 Fixes
  -----------------------------------------------
  Rules for all three versions end with a "\9". For example:
  rule\9

  IE7 fixes begin with a star. For example:
  *rule

  IE6 fixes begin with an underscore. For example:
  _rule
  ----------------------------------------------- */
  #container {
    _background: none;
  }

  /* IE doesn't understand rgba, so simulate with an image. */
  #modal {
    background: transparent url(/images/ie/black-50-percent.png)\9;
    _background: transparent;
  }

  /* Prevent scrollbars from appearing around the subscribe forms */
  #subscribe-options form {
    *overflow: hidden;
    _overflow: hidden;
  }
  #subscribe-options form .submit {
    *float: none;
    _float: none;
  }
  #subscribe-options form .text input {
    margin-left: 0.25em;
  }

  /* Get the form fields to line up with their labels. */
  #freeform label span:first-child,
  .standard-form form label > span:first-child {
    *display: block;
    *float: left;
  }

  /*  IE6 and IE7 don't support true "inline-block", so simulate it instead.
  KUDOS: http://www.brunildo.org/test/InlineBlockLayout.html  */
  #language li,
  #members li,
  #new-topics > ul li,
  #topics li,
  #info li,
  #language li a,
  #members li a,
  #content-main .save-discuss a,
  .audio-player p,
  .audio-player .time,
  .audio-player .seconds,
  .audio-player .volume,
  .audio-player .range-field,
  .audio-player .range-field .background,
  .videos .list .item .date,
  .videos .list .item .duration,
  .cancel-subscription li a,
  button
  /*
  #search button,
  #subscribe button,
  .audio-player button,
  #search label,
  #subscribe label,
  #info li a
  */ {
    *display: inline;
    *zoom: 1;
    _display: inline;
    _zoom: 1;
  }
  .cancel-subscription li a,
  #conversations-page #subscribe-options button,
  #profile-page #subscribe-options button,
  #over-shoulder-page #subscribe-options button,
  #over-shoulder-library-page #subscribe-options button,
  #content-main button {
    *display: block !important;
    _display: block !important;
  }

  /* Get the foxy cart item number to line up with the link just before it. */
  #members li > span {
    *padding: 11px 7px 11px 0;
    *display: inline;
    *zoom: 1;
  }

  /* Get the submit buttons to show up in IE7, in the email form. */
  #modal .standard-form ul.submit li {
    *float: left;
    *display: block;
    *width: 48%;
  }
  .cancel-subscription ul {
    *overflow: auto;
  }
  .cancel-subscription li a,
  #content-main .save-discuss a,
  #modal .standard-form ul.submit li button {
    *display: block;
    *float: left;
  }
  #content-main .save-discuss a {
    margin-right: 0.25em;
  }
  #modal .standard-form ul.submit li:first-child button {
    *float: right;
  }

  #calendar-page a.arrow_left,
  #calendar-page a.arrow_right {
    *text-indent: 0;
    *font-size: 1px;
    *color: #fff;
  }
  .audio-player .range-field,
  .audio-player .range-field .background {
    *display: block;
  }
  .audio-player .range-field .background {
    *top: 0px;
  }
  .audio-player .time .elapsed,
  .audio-player .time .duration {
    *position: relative;
    *top: -2px;
  }
  .audio-player button {
    *display: block;
  }
  #new-topics,
  #topics {
    *height: 35px;
  }
  #new-topics > h2,
  #new-topics > ul,
  #new-topics > ul li,
  #topics h2,
  #topics ul,
  #topics li {
    *display: block;
    *float: left;
    _display: block;
    _float: left;
  }
  #new-topics > h2,
  #topics h2 {
    *line-height: 18px;
    *padding: 8px 0px;
    _line-height: 18px;
    _padding: 8px 0px;
  }
  #search {
    *display: block;
    *float: right;
    _display: block;
    _float: right;
  }
  #search label,
  #subscribe h2 {
    *margin-right: 0.5em;
    _margin-right: 0.5em;
  }

  /* IE7 doesn't support "display: table-cell", so try another approach. */
  #books-page #content-main .section-intro,
  #books-page #content-main .section-description {
    *width: 830px;
    *position: relative;
    *overflow: hidden;
  }
  #books-page #content-main .section-intro .body,
  #books-page #content-main .section-description .body,
  #books-page #content-main .pull-quote {
    *display: block;
  }
  #books-page #content-main .section-intro .body,
  #books-page #content-main .section-description .body {
    *float: left;
  }
  #books-page #content-main .pull-quote {
    *padding-left: 0;
    *float: right;
    *padding-right: 25px;
  }
  #books-page #content-main .pull-quote blockquote .left,
  #books-page #content-main .pull-quote blockquote .right {
    *position: static;
    *display: inline;
    *font-size: 1em;
    *color: #000;;
  }
  #books-page #content-main .section-description .action {
    *clear: both;
  }

  #container,
  #new-topics,
  #new-topics *,
  #topics,
  #topics *,
  #nav,
  #nav *,
  #headline,
  #headline *,
  #content {
    _zoom: 1;
  }
  #content .audio-player {
    _display: none;
  }
  #branding h2 {
    _margin-top: 0;
  }


  .subscription-intro .section-login form label span {
    *display: block;
    *zoom: 1;
    *float: left;
    *width: 75px;
    *overflow: hidden;
  }

  /* Get the share icons to line up in a single line, on the videos page.*/
  #content-main .videos .share {
    *min-width: 200px;
  }

  /* Get the publications on the home page to appear above the photo. */
  #content-main .frontline,
  #content-main .mauldin-circle,
  #content-main .outside-the-box {
    *position: relative;
    *z-index: 1;
  }

  /* The footer text is wider in IE7. */
  #footer {
    *margin-left: 5px;
    *margin-right: 5px;
  }

  #another-subscribe input {
    *width: 120px !important;
  }


/*  =Temporary Styles for the Home Page (to become permanent if approved)
  ----------------------------------------------- */

  /* Add a background gradient to the publications section. */
  #content-main .publications .inner {
    background: #fff url(/images/home/sky-gradient.png) top repeat-x;
    border-top: 1px solid #e1ebed;
    position: relative;
    padding-left: 4px;
  }
  #content-main .publications .photo {
    z-index: 0;
  }
  #content-main .frontline,
  #content-main .mauldin-circle,
  #content-main .outside-the-box {
    position: relative;
    z-index: 1;

    /* KLUDGE: Attempt to keep the photo of John from touching the top of the box. */
    margin-top: 1.25em;
  }

  /* Make the frontline thoughts item stand out more. */
  #content-main .frontline h3 {
    margin-bottom: 2px;
  }
  #content-main .frontline h3 a {
    color: black;
    display: block;
    background: transparent url(/images/home/frontline-thoughts.png) no-repeat;
    width: 280px;
    height: 28px;
    text-indent: -9999px;
    overflow: hidden;
  }
  #content-main .frontline h3 a:hover,
  #content-main .frontline h3 a:active {
    border-width: 0;
  }
  #content-main .frontline > a {
    display: none;
  }
  #content-main .frontline p {
    margin-left: 0;
    min-height: 1px;
  }
