@charset "UTF-8";
.fieldWithErrors input,
.fieldWithErrors textarea {
  border: 1px solid red !important; }

.clear {
  clear: both;
  float: none; }

.linked {
  text-decoration: underline; }

.hidden {
  position: absolute;
  left: -999999px; }

* {
  margin: 0;
  padding: 0; }

body {
  color: black;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px; }

a {
  color: #0f7922; }

.button-to {
  display: inline-block; }

.spacer {
  margin-top: 30px; }

p.cancel {
  text-align: right; }
  p.cancel .grey_coloured_button {
    text-decoration: none; }

img {
  border: none; }

a {
  color: #0f7922;
  text-decoration: none; }
  a:active {
    color: #dd0101; }
  a:hover {
    text-decoration: underline; }

a.cancel {
  color: #666666;
  font-size: 12px;
  padding: 1px 0;
  margin-left: 10px; }
  a.cancel:hover {
    background: #666666;
    color: white;
    text-decoration: none; }

.discreet {
  color: #888888; }

.spinner {
  vertical-align: middle;
  margin-left: 5px;
  border: none !important;
  padding: 0 !important; }

#header_wrapper,
#content_wrapper {
  width: 100%;
  float: none;
  clear: both;
  text-align: center; }
  #header_wrapper .container,
  #content_wrapper .container {
    width: 960px;
    text-align: left;
    margin: 0 auto;
    background: white; }

#header {
  width: 960px;
  display: table; }
  #header:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  #header #logo {
    float: left;
    width: 575px; }
    #header #logo h1 {
      width: 250px;
      float: left; }
      #header #logo h1 a {
        height: 92px;
        display: table-cell;
        vertical-align: bottom;
        color: black;
        text-decoration: none; }
    #header #logo #stats {
      float: left; }
      #header #logo #stats p {
        height: 100px;
        display: table-cell;
        vertical-align: bottom;
        margin-bottom: 0px;
        color: #999999;
        font-size: 14px;
        padding-bottom: 5px; }
        #header #logo #stats p a {
          margin-right: 10px; }
  #header #login_and_search {
    height: 50px;
    padding-top: 35px;
    width: 350px;
    float: right; }
    #header #login_and_search p#login_info {
      margin: 0;
      font-size: 12px;
      color: #888888; }
      #header #login_and_search p#login_info.home_url {
        padding: 5px 0;
        margin-bottom: 5px;
        border-bottom: 1px solid #eeeeee;
        margin-right: -8px; }
    #header #login_and_search a {
      -moz-border-radius: 0.3em;
      -webkit-border-radius: 0.3em; }
      #header #login_and_search a:hover {
        text-decoration: none; }
    #header #login_and_search .grey_coloured_button {
      color: red;
      float: right;
      margin: -30px 0 0 5px; }
    #header #login_and_search #global_search input.ghostie {
      margin-top: 5px;
      border: 1px solid #dddddd;
      padding: 4px 7px;
      margin-right: 5px;
      width: 300px;
      font-size: 100%;
      font-family: helvetica, arial, sans-serif;
      -moz-border-radius: 0.3em;
      -webkit-border-radius: 0.3em; }
    #header #login_and_search #global_search input.image_submit {
      position: relative;
      top: 7px; }

#content {
  /*  #topics_show.answered {*/
  /*    #post_wrapper {*/
  /*      @include border_radius_top;*/
  /*      margin-bottom: -10px;*/
  /*      .post {*/
  /*        background: $answered_color; }*/
  /*      #post_tags {*/
  /*        border-top: 1px solid #999999; } } }*/ }
  #content:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  #content .title {
    margin-bottom: 20px; }
    #content .title:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0; }
    #content .title a {
      text-decoration: none; }
  #content h2 {
    font-size: 26px;
    font-weight: normal; }
    #content h2.page {
      color: #666666;
      font-size: 20px;
      padding: 30px 0; }
      #content h2.page:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0; }
    #content h2.small {
      font-size: 20px;
      font-weight: normal;
      margin: 10px 0 0 0;
      display: inline; }
    #content h2.underline {
      position: relative;
      border-bottom: 1px solid #ccc;
      font-size: 20px;
      font-weight: normal;
      margin: 0 0 10px 0;
      display: block; }
      #content h2.underline span {
        position: absolute;
        bottom: 0;
        right: 0;
        text-align: right;
        color: #ccc;
        font-size: 12px;
        font-weight: normal; }
        #content h2.underline span span {
          position: relative;
          font-size: 17px;
          font-weight: bold;
          line-height: 20px; }
  #content h3 {
    font-size: 12px !important;
    font-weight: bold !important;
    color: #333333 !important;
    margin: 10px 0 0 0; }
    #content h3.symbol_articles {
      background: white url(/images/icons/settings-16.png) no-repeat left center;
      padding: 5px 0px 5px 22px;
      margin-left: -5px; }
    #content h3.symbol_topics {
      background: white url(/images/icons/speechbubble-16.png) no-repeat left center;
      padding: 5px 0px 5px 22px;
      margin-left: -5px; }
  #content p {
    line-height: 1.5em;
    margin: 0 0 10px 0; }
    #content p.please_login {
      margin-top: 20px; }
  #content ul {
    margin: 0 0 10px 0; }
    #content ul li {
      line-height: 1.5em; }
  #content .page_header {
    padding: 15px 0 15px 25px;
    margin-bottom: 15px;
    overflow: hidden;
    background: #f9f9fa url(/images/light_bg.png) repeat-x bottom;
    border-top: 0px;
    border-bottom: 1px solid #cccccc; }
    #content .page_header:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0; }
    #content .page_header .quick_new_form {
      float: left;
      padding-top: 5px;
      width: 550px;
      margin-right: 35px; }
      #content .page_header .quick_new_form p.headline {
        font-size: 15px; }
      #content .page_header .quick_new_form p.slogan {
        font-weight: bold;
        font-size: 15px; }
      #content .page_header .quick_new_form form:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0; }
      #content .page_header .quick_new_form form textarea {
        width: 536px;
        height: 50px;
        -moz-border-radius: 0.3em;
        -webkit-border-radius: 0.3em; }
      #content .page_header .quick_new_form form a {
        display: block;
        float: left;
        margin-top: 7px;
        margin-left: 10px;
        font-weight: bold;
        text-decoration: underline; }
      #content .page_header .quick_new_form form button {
        float: right;
        margin-left: 10px;
        margin-bottom: 10px; }
    #content .page_header #quick_new_opinion_form form textarea {
      width: 240px;
      padding: 5px;
      font-size: 13px;
      -moz-border-radius: 0.3em;
      -webkit-border-radius: 0.3em; }
    #content .page_header #welcome_message {
      float: left;
      width: 335px;
      padding-right: 5px;
      overflow: hidden; }
      #content .page_header #welcome_message:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0; }
      #content .page_header #welcome_message #slogan {
        margin-top: 32px;
        font-size: 160%; }
    #content .page_header #staff {
      float: left;
      width: 340px;
      overflow: hidden; }
      #content .page_header #staff:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0; }
      #content .page_header #staff h3 {
        margin-top: 0px;
        font-size: 15px;
        margin-bottom: 15px;
        color: #333333; }
      #content .page_header #staff .partials {
        margin-bottom: 10px; }
        #content .page_header #staff .partials:after {
          content: ".";
          display: block;
          clear: both;
          visibility: hidden;
          line-height: 0;
          height: 0; }
        #content .page_header #staff .partials .user {
          width: 50%;
          height: 30px;
          float: left;
          margin-bottom: 10px;
          overflow: hidden; }
          #content .page_header #staff .partials .user:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0; }
          #content .page_header #staff .partials .user img {
            float: left;
            height: 30px;
            width: 30px;
            margin-right: 10px; }
          #content .page_header #staff .partials .user span.name {
            display: block;
            font-weight: bold; }
            #content .page_header #staff .partials .user span.name a {
              color: #333333; }
          #content .page_header #staff .partials .user span.direct_message {
            display: block;
            font-weight: normal;
            color: #999999;
            font-size: 11px; }
  #content #tabs {
    margin: 20px 0 0 0; }
    #content #tabs ul {
      margin-bottom: 0px;
      background: white url(/images/shadow.png) repeat-x scroll left 28px;
      border-bottom: 1px solid #cccccc; }
      #content #tabs ul:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0; }
      #content #tabs ul li {
        display: block;
        float: left;
        -moz-border-radius-topright: 0.3em;
        -moz-border-radius-topleft: 0.3em;
        -webkit-border-top-right-radius: 0.3em;
        -webkit-border-top-left-radius: 0.3em;
        width: 182px; }
        #content #tabs ul li span {
          display: block;
          margin: 0 6px;
          background: url(/images/shadow.png) repeat-x scroll left 23px;
          text-align: left; }
          #content #tabs ul li span a {
            -moz-border-radius-topright: 0.3em;
            -moz-border-radius-topleft: 0.3em;
            -webkit-border-top-right-radius: 0.3em;
            -webkit-border-top-left-radius: 0.3em;
            border: 1px solid #dddddd;
            border-bottom: 1px solid #cccccc;
            padding: 12px 16px 12px 43px;
            display: block;
            font-size: 120%;
            font-weight: bold;
            color: #333333;
            margin-bottom: -1px; }
        #content #tabs ul li#home_tab {
          width: 62px;
          margin-left: 18px; }
          #content #tabs ul li#home_tab a {
            background: url(/images/icons/home.png) 14px center no-repeat;
            padding-right: 0; }
            #content #tabs ul li#home_tab a span {
              position: relative;
              left: -99999px; }
        #content #tabs ul li#opinions_tab a {
          background: url(/images/icons/opinions.png) 14px center no-repeat; }
        #content #tabs ul li#topics_tab a {
          background: url(/images/icons/discussions.png) 10px center no-repeat; }
        #content #tabs ul li#articles_tab a {
          background: url(/images/icons/solutions.png) 17px center no-repeat; }
        #content #tabs ul li:hover span {
          background: white; }
        #content #tabs ul li:hover a {
          text-decoration: none; }
        #content #tabs ul li.active span {
          background: white; }
        #content #tabs ul li.active a {
          border: 1px solid #cccccc;
          border-bottom: 1px solid white;
          background-color: white; }
        #content #tabs ul li.active.bg span {
          background: #f9f9fa; }
        #content #tabs ul li.active.bg a {
          border: 1px solid #cccccc;
          border-bottom: 1px solid #f9f9fa;
          background-color: #f9f9fa; }
  #content .layout_header:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  #content .layout_page {
    margin-top: 20px; }
    #content .layout_page .layout_side {
      float: left;
      width: 175px;
      margin-right: 35px;
      margin-left: 25px; }
      #content .layout_page .layout_side h2.small {
        margin-bottom: 15px;
        display: block; }
      #content .layout_page .layout_side .recent_tags,
      #content .layout_page .layout_side .tags_list,
      #content .layout_page .layout_side .best_users {
        display: block;
        float: left;
        width: 175px; }
        #content .layout_page .layout_side .recent_tags ul,
        #content .layout_page .layout_side .tags_list ul,
        #content .layout_page .layout_side .best_users ul {
          list-style: none; }
          #content .layout_page .layout_side .recent_tags ul li.display_all,
          #content .layout_page .layout_side .tags_list ul li.display_all,
          #content .layout_page .layout_side .best_users ul li.display_all {
            border-top: 1px solid #ccc; }
          #content .layout_page .layout_side .recent_tags ul li a,
          #content .layout_page .layout_side .tags_list ul li a,
          #content .layout_page .layout_side .best_users ul li a {
            font-weight: bold;
            font-size: 11px;
            padding: 0px 3px 5px 3px;
            display: block; }
            #content .layout_page .layout_side .recent_tags ul li a:hover,
            #content .layout_page .layout_side .tags_list ul li a:hover,
            #content .layout_page .layout_side .best_users ul li a:hover {
              text-decoration: none;
              color: #222222; }
              #content .layout_page .layout_side .recent_tags ul li a:hover span,
              #content .layout_page .layout_side .tags_list ul li a:hover span,
              #content .layout_page .layout_side .best_users ul li a:hover span {
                color: #222222; }
            #content .layout_page .layout_side .recent_tags ul li a.active,
            #content .layout_page .layout_side .tags_list ul li a.active,
            #content .layout_page .layout_side .best_users ul li a.active {
              color: #222222; }
            #content .layout_page .layout_side .recent_tags ul li a span,
            #content .layout_page .layout_side .tags_list ul li a span,
            #content .layout_page .layout_side .best_users ul li a span {
              float: right;
              color: #cccccc; }
    #content .layout_page .layout_content {
      float: left;
      width: 715px; }
      #content .layout_page .layout_content .left,
      #content .layout_page .layout_content .center,
      #content .layout_page .layout_content .right {
        float: left; }
      #content .layout_page .layout_content.two_columns .left {
        width: 340px;
        margin-right: 35px; }
      #content .layout_page .layout_content.two_columns .right {
        width: 340px; }
        #content .layout_page .layout_content.two_columns .right h2 {
          width: 315px; }
      #content .layout_page .layout_content.three_columns .left,
      #content .layout_page .layout_content.three_columns .center {
        width: 230px;
        margin-right: 20px; }
      #content .layout_page .layout_content.three_columns .right {
        width: 220px; }
      #content .layout_page .layout_content .featured_items {
        width: 100%; }
        #content .layout_page .layout_content .featured_items h2.small {
          margin-bottom: 15px;
          display: block; }
        #content .layout_page .layout_content .featured_items ul li p.info {
          width: 80%; }
  #content #topics_show,
  #content #opinions_show,
  #content #articles_show {
    margin-top: 20px; }
    #content #topics_show .messages,
    #content #opinions_show .messages,
    #content #articles_show .messages {
      width: 100%; }
      #content #topics_show .messages:after,
      #content #opinions_show .messages:after,
      #content #articles_show .messages:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0; }
      #content #topics_show .messages .message,
      #content #opinions_show .messages .message,
      #content #articles_show .messages .message {
        background: #ffffcc;
        padding: 10px 20px;
        font-size: 14px;
        margin-bottom: 20px;
        border-top: 1px solid yellow;
        border-bottom: 1px solid yellow;
        margin-bottom: 20px; }
        #content #topics_show .messages .message.grey,
        #content #opinions_show .messages .message.grey,
        #content #articles_show .messages .message.grey {
          background: white;
          border: 0px;
          color: #888888 !important;
          padding: 0px 10px; }
        #content #topics_show .messages .message.positive,
        #content #opinions_show .messages .message.positive,
        #content #articles_show .messages .message.positive {
          background: white url(/images/accept.png) no-repeat left center;
          padding: 7px 20px 7px 24px;
          margin-bottom: 10px;
          -moz-border-radius: 0.3em;
          -webkit-border-radius: 0.3em;
          border: none; }
        #content #topics_show .messages .message p,
        #content #opinions_show .messages .message p,
        #content #articles_show .messages .message p {
          margin-bottom: 0px; }
          #content #topics_show .messages .message p a,
          #content #opinions_show .messages .message p a,
          #content #articles_show .messages .message p a {
            text-decoration: underline;
            color: #333333; }
    #content #topics_show .content,
    #content #opinions_show .content,
    #content #articles_show .content {
      width: 730px;
      float: left; }
      #content #topics_show .content #create_hint,
      #content #opinions_show .content #create_hint,
      #content #articles_show .content #create_hint {
        border-top: 1px solid yellow;
        border-bottom: 1px solid yellow;
        margin-bottom: 20px; }
        #content #topics_show .content #create_hint .create_message,
        #content #opinions_show .content #create_hint .create_message,
        #content #articles_show .content #create_hint .create_message {
          border-bottom: 1px solid #eeeeee;
          background: #ffffcc;
          padding: 10px 20px;
          font-size: 15px;
          margin-bottom: 20px; }
          #content #topics_show .content #create_hint .create_message p,
          #content #opinions_show .content #create_hint .create_message p,
          #content #articles_show .content #create_hint .create_message p {
            margin-bottom: 0px; }
      #content #topics_show .content .post,
      #content #opinions_show .content .post,
      #content #articles_show .content .post {
        /*        @include border_radius;*/
        background: #eeeeee url() no-repeat;
        padding: 10px 15px 7px 50px;
        background: #f5f3f4; }
        #content #topics_show .content .post.with_article, #content #topics_show .content .post.answered,
        #content #opinions_show .content .post.with_article,
        #content #opinions_show .content .post.answered,
        #content #articles_show .content .post.with_article,
        #content #articles_show .content .post.answered {
          background: #f7faee url(/images/icons/icon-solved.png) no-repeat 10px 10px; }
        #content #topics_show .content .post.not_answered,
        #content #opinions_show .content .post.not_answered,
        #content #articles_show .content .post.not_answered {
          background: #f5f3f4 url(/images/icons/icon-answer.png) no-repeat 10px 10px; }
        #content #topics_show .content .post.open,
        #content #opinions_show .content .post.open,
        #content #articles_show .content .post.open {
          background: #ecf0f5 url(/images/icons/icon-question.png) no-repeat 10px 10px; }
        #content #topics_show .content .post.article,
        #content #opinions_show .content .post.article,
        #content #articles_show .content .post.article {
          background: white; }
        #content #topics_show .content .post span.id,
        #content #opinions_show .content .post span.id,
        #content #articles_show .content .post span.id {
          color: #888888;
          float: right;
          font-size: 12px; }
        #content #topics_show .content .post h2,
        #content #opinions_show .content .post h2,
        #content #articles_show .content .post h2 {
          font-size: 22px;
          margin-top: 5px;
          margin-bottom: 10px; }
        #content #topics_show .content .post p.meta,
        #content #opinions_show .content .post p.meta,
        #content #articles_show .content .post p.meta {
          color: #555555;
          font-size: 12px; }
          #content #topics_show .content .post p.meta a,
          #content #opinions_show .content .post p.meta a,
          #content #articles_show .content .post p.meta a {
            color: #555555;
            font-weight: bold; }
        #content #topics_show .content .post .body,
        #content #opinions_show .content .post .body,
        #content #articles_show .content .post .body {
          font-size: 16px; }
          #content #topics_show .content .post .body p,
          #content #opinions_show .content .post .body p,
          #content #articles_show .content .post .body p {
            color: black; }
        #content #topics_show .content .post .private,
        #content #opinions_show .content .post .private,
        #content #articles_show .content .post .private {
          background: #ffffcc url(/images/lock.png) no-repeat 10px 10px;
          padding: 10px 0px 10px 35px;
          -moz-border-radius: 0.3em;
          -webkit-border-radius: 0.3em; }
          #content #topics_show .content .post .private input,
          #content #opinions_show .content .post .private input,
          #content #articles_show .content .post .private input {
            position: relative;
            top: 2px; }
        #content #topics_show .content .post .assets h3,
        #content #opinions_show .content .post .assets h3,
        #content #articles_show .content .post .assets h3 {
          margin: 20px 0 10px 0; }
        #content #topics_show .content .post .assets .asset,
        #content #opinions_show .content .post .assets .asset,
        #content #articles_show .content .post .assets .asset {
          max-width: 690px;
          overflow: hidden;
          margin-bottom: 10px; }
          #content #topics_show .content .post .assets .asset h4,
          #content #opinions_show .content .post .assets .asset h4,
          #content #articles_show .content .post .assets .asset h4 {
            margin-bottom: 5px; }
          #content #topics_show .content .post .assets .asset a.pdf_link,
          #content #opinions_show .content .post .assets .asset a.pdf_link,
          #content #articles_show .content .post .assets .asset a.pdf_link {
            background: url(/images/page_white_acrobat.png) no-repeat;
            padding-left: 25px; }
          #content #topics_show .content .post .assets .asset img,
          #content #opinions_show .content .post .assets .asset img,
          #content #articles_show .content .post .assets .asset img {
            max-width: 690px; }
      #content #topics_show .content .editable,
      #content #opinions_show .content .editable,
      #content #articles_show .content .editable {
        padding: 15px 20px;
        padding-bottom: 0;
        border-top: 1px solid #eeeeee; }
        #content #topics_show .content .editable p.private,
        #content #opinions_show .content .editable p.private,
        #content #articles_show .content .editable p.private {
          background: #ffffcc url(/images/lock.png) no-repeat 10px 10px;
          padding: 10px 0px 10px 35px;
          -moz-border-radius: 0.3em;
          -webkit-border-radius: 0.3em; }
          #content #topics_show .content .editable p.private #customer_identifier_form input,
          #content #opinions_show .content .editable p.private #customer_identifier_form input,
          #content #articles_show .content .editable p.private #customer_identifier_form input {
            -moz-border-radius: 0.3em;
            -webkit-border-radius: 0.3em; }
      #content #topics_show .content .actions,
      #content #opinions_show .content .actions,
      #content #articles_show .content .actions {
        margin-top: -10px;
        border-bottom: 0px solid #eeeeee; }
        #content #topics_show .content .actions:after,
        #content #opinions_show .content .actions:after,
        #content #articles_show .content .actions:after {
          content: ".";
          display: block;
          clear: both;
          visibility: hidden;
          line-height: 0;
          height: 0; }
        #content #topics_show .content .actions ul,
        #content #opinions_show .content .actions ul,
        #content #articles_show .content .actions ul {
          list-style: none;
          margin-left: 10px; }
          #content #topics_show .content .actions ul li,
          #content #opinions_show .content .actions ul li,
          #content #articles_show .content .actions ul li {
            float: left; }
            #content #topics_show .content .actions ul li a,
            #content #opinions_show .content .actions ul li a,
            #content #articles_show .content .actions ul li a {
              font-size: 12px;
              font-weight: normal;
              display: block;
              float: left;
              padding: 5px 10px;
              display: block; }
              #content #topics_show .content .actions ul li a:hover,
              #content #opinions_show .content .actions ul li a:hover,
              #content #articles_show .content .actions ul li a:hover {
                text-decoration: none;
                color: #333333; }
              #content #topics_show .content .actions ul li a.positive,
              #content #opinions_show .content .actions ul li a.positive,
              #content #articles_show .content .actions ul li a.positive {
                color: white;
                -moz-border-radius: 0.3em;
                -webkit-border-radius: 0.3em; }
              #content #topics_show .content .actions ul li a.negative,
              #content #opinions_show .content .actions ul li a.negative,
              #content #articles_show .content .actions ul li a.negative {
                color: #b95033; }
              #content #topics_show .content .actions ul li a img,
              #content #opinions_show .content .actions ul li a img,
              #content #articles_show .content .actions ul li a img {
                position: relative;
                top: 3px;
                margin-right: 3px; }
        #content #topics_show .content .actions #x_this_layer,
        #content #opinions_show .content .actions #x_this_layer,
        #content #articles_show .content .actions #x_this_layer {
          position: absolute;
          top: 32px;
          width: 100%;
          padding: 0 13px;
          border-top: 1px dotted #cccccc; }
          #content #topics_show .content .actions #x_this_layer li,
          #content #opinions_show .content .actions #x_this_layer li,
          #content #articles_show .content .actions #x_this_layer li {
            border-bottom: 1px dotted #cccccc;
            display: block;
            width: 100%; }
      #content #topics_show .content #post_tags,
      #content #opinions_show .content #post_tags,
      #content #articles_show .content #post_tags {
        border-top: 1px solid #cccccc;
        padding-top: 5px; }
      #content #topics_show .content #add_tags,
      #content #opinions_show .content #add_tags,
      #content #articles_show .content #add_tags {
        margin: 10px 0px 0 0;
        -moz-border-radius: 0.3em;
        -webkit-border-radius: 0.3em; }
        #content #topics_show .content #add_tags #tag_list,
        #content #opinions_show .content #add_tags #tag_list,
        #content #articles_show .content #add_tags #tag_list {
          margin: 0 5px;
          font-size: 13px;
          color: black;
          width: 98%;
          -moz-border-radius: 0.3em;
          -webkit-border-radius: 0.3em; }
      #content #topics_show .content #articles,
      #content #opinions_show .content #articles,
      #content #articles_show .content #articles {
        clear: left;
        margin-top: 20px;
        border-bottom: 3px solid #eeeeee;
        padding-bottom: 10px; }
        #content #topics_show .content #articles:after,
        #content #opinions_show .content #articles:after,
        #content #articles_show .content #articles:after {
          content: ".";
          display: block;
          clear: both;
          visibility: hidden;
          line-height: 0;
          height: 0; }
        #content #topics_show .content #articles h3,
        #content #opinions_show .content #articles h3,
        #content #articles_show .content #articles h3 {
          font-size: 14px;
          font-weight: bold;
          margin-top: 10px;
          margin-bottom: 10px; }
      #content #topics_show .content #no_answers,
      #content #opinions_show .content #no_answers,
      #content #articles_show .content #no_answers {
        margin-top: -10px;
        margin-bottom: -10px; }
        #content #topics_show .content #no_answers .possible_solutions,
        #content #opinions_show .content #no_answers .possible_solutions,
        #content #articles_show .content #no_answers .possible_solutions {
          margin-top: 20px;
          border: 10px solid #f7faee;
          padding-top: 15px; }
          #content #topics_show .content #no_answers .possible_solutions h3,
          #content #opinions_show .content #no_answers .possible_solutions h3,
          #content #articles_show .content #no_answers .possible_solutions h3 {
            font-size: 15px;
            font-weight: bold;
            margin: 0px 15px 10px 15px;
            color: #666666; }
          #content #topics_show .content #no_answers .possible_solutions .articles,
          #content #opinions_show .content #no_answers .possible_solutions .articles,
          #content #articles_show .content #no_answers .possible_solutions .articles {
            padding: 0 15px; }
            #content #topics_show .content #no_answers .possible_solutions .articles:after,
            #content #opinions_show .content #no_answers .possible_solutions .articles:after,
            #content #articles_show .content #no_answers .possible_solutions .articles:after {
              content: ".";
              display: block;
              clear: both;
              visibility: hidden;
              line-height: 0;
              height: 0; }
            #content #topics_show .content #no_answers .possible_solutions .articles .article,
            #content #opinions_show .content #no_answers .possible_solutions .articles .article,
            #content #articles_show .content #no_answers .possible_solutions .articles .article {
              border-bottom: 1px solid #dddddd;
              padding-bottom: 5px;
              margin-bottom: 10px;
              height: auto; }
              #content #topics_show .content #no_answers .possible_solutions .articles .article h4,
              #content #opinions_show .content #no_answers .possible_solutions .articles .article h4,
              #content #articles_show .content #no_answers .possible_solutions .articles .article h4 {
                font-weight: bold;
                font-size: 16px; }
              #content #topics_show .content #no_answers .possible_solutions .articles .article p.body,
              #content #opinions_show .content #no_answers .possible_solutions .articles .article p.body,
              #content #articles_show .content #no_answers .possible_solutions .articles .article p.body {
                font-size: 12px;
                margin-bottom: 0px; }
              #content #topics_show .content #no_answers .possible_solutions .articles .article p.meta,
              #content #opinions_show .content #no_answers .possible_solutions .articles .article p.meta,
              #content #articles_show .content #no_answers .possible_solutions .articles .article p.meta {
                color: #555555;
                font-size: 11px;
                margin-bottom: 5px; }
              #content #topics_show .content #no_answers .possible_solutions .articles .article .this_article_link a,
              #content #opinions_show .content #no_answers .possible_solutions .articles .article .this_article_link a,
              #content #articles_show .content #no_answers .possible_solutions .articles .article .this_article_link a {
                color: #333333;
                display: block;
                font-weight: bold;
                text-decoration: none; }
                #content #topics_show .content #no_answers .possible_solutions .articles .article .this_article_link a img,
                #content #opinions_show .content #no_answers .possible_solutions .articles .article .this_article_link a img,
                #content #articles_show .content #no_answers .possible_solutions .articles .article .this_article_link a img {
                  position: relative;
                  top: 3px;
                  margin-right: 3px; }
      #content #topics_show .content .answers,
      #content #topics_show .content .comments,
      #content #opinions_show .content .answers,
      #content #opinions_show .content .comments,
      #content #articles_show .content .answers,
      #content #articles_show .content .comments {
        clear: left;
        margin-top: 20px; }
        #content #topics_show .content .answers h3,
        #content #topics_show .content .comments h3,
        #content #opinions_show .content .answers h3,
        #content #opinions_show .content .comments h3,
        #content #articles_show .content .answers h3,
        #content #articles_show .content .comments h3 {
          font-size: 14px;
          font-weight: bold;
          margin-top: 10px;
          margin-bottom: 10px; }
      #content #topics_show .content .answers#solution_answers,
      #content #opinions_show .content .answers#solution_answers,
      #content #articles_show .content .answers#solution_answers {
        padding-right: 3px;
        margin-bottom: 20px;
        border-bottom: 3px solid #eeeeee; }
      #content #topics_show .content .answer.is_solution .answer_content .body,
      #content #opinions_show .content .answer.is_solution .answer_content .body,
      #content #articles_show .content .answer.is_solution .answer_content .body {
        border-color: white;
        background: #f7faee;
        color: black;
        margin-bottom: 10px; }
      #content #topics_show .content #answer_form,
      #content #topics_show .content #comment_form,
      #content #opinions_show .content #answer_form,
      #content #opinions_show .content #comment_form,
      #content #articles_show .content #answer_form,
      #content #articles_show .content #comment_form {
        margin-top: 20px;
        clear: left; }
        #content #topics_show .content #answer_form h3,
        #content #topics_show .content #comment_form h3,
        #content #opinions_show .content #answer_form h3,
        #content #opinions_show .content #comment_form h3,
        #content #articles_show .content #answer_form h3,
        #content #articles_show .content #comment_form h3 {
          margin: 0 0 5px 61px; }
        #content #topics_show .content #answer_form .author,
        #content #topics_show .content #comment_form .author,
        #content #opinions_show .content #answer_form .author,
        #content #opinions_show .content #comment_form .author,
        #content #articles_show .content #answer_form .author,
        #content #articles_show .content #comment_form .author {
          float: left;
          margin: 0 20px 0 0;
          padding-bottom: 2px;
          width: 40px; }
          #content #topics_show .content #answer_form .author a,
          #content #topics_show .content #comment_form .author a,
          #content #opinions_show .content #answer_form .author a,
          #content #opinions_show .content #comment_form .author a,
          #content #articles_show .content #answer_form .author a,
          #content #articles_show .content #comment_form .author a {
            display: block;
            position: absolute;
            width: 40px;
            height: 40px;
            overflow: hidden; }
            #content #topics_show .content #answer_form .author a img.avatar,
            #content #topics_show .content #comment_form .author a img.avatar,
            #content #opinions_show .content #answer_form .author a img.avatar,
            #content #opinions_show .content #comment_form .author a img.avatar,
            #content #articles_show .content #answer_form .author a img.avatar,
            #content #articles_show .content #comment_form .author a img.avatar {
              width: 40px;
              max-height: 40px; }
          #content #topics_show .content #answer_form .author img.favicon,
          #content #topics_show .content #comment_form .author img.favicon,
          #content #opinions_show .content #answer_form .author img.favicon,
          #content #opinions_show .content #comment_form .author img.favicon,
          #content #articles_show .content #answer_form .author img.favicon,
          #content #articles_show .content #comment_form .author img.favicon {
            position: relative;
            width: 16px;
            height: 16px;
            top: 24px;
            left: 26px; }
        #content #topics_show .content #answer_form textarea,
        #content #topics_show .content #comment_form textarea,
        #content #opinions_show .content #answer_form textarea,
        #content #opinions_show .content #comment_form textarea,
        #content #articles_show .content #answer_form textarea,
        #content #articles_show .content #comment_form textarea {
          padding: 5px;
          font-size: 13px;
          height: 60px;
          width: 82%;
          line-height: 1.3em;
          -moz-border-radius: 0.3em;
          -webkit-border-radius: 0.3em; }
        #content #topics_show .content #answer_form p.answer_form_actions,
        #content #topics_show .content #answer_form p.comment_form_actions,
        #content #topics_show .content #comment_form p.answer_form_actions,
        #content #topics_show .content #comment_form p.comment_form_actions,
        #content #opinions_show .content #answer_form p.answer_form_actions,
        #content #opinions_show .content #answer_form p.comment_form_actions,
        #content #opinions_show .content #comment_form p.answer_form_actions,
        #content #opinions_show .content #comment_form p.comment_form_actions,
        #content #articles_show .content #answer_form p.answer_form_actions,
        #content #articles_show .content #answer_form p.comment_form_actions,
        #content #articles_show .content #comment_form p.answer_form_actions,
        #content #articles_show .content #comment_form p.comment_form_actions {
          margin: 10px 0 0 60px; }
        #content #topics_show .content #answer_form .closed,
        #content #topics_show .content #comment_form .closed,
        #content #opinions_show .content #answer_form .closed,
        #content #opinions_show .content #comment_form .closed,
        #content #articles_show .content #answer_form .closed,
        #content #articles_show .content #comment_form .closed {
          background: white url(/images/icons/icon-sprite.png) no-repeat 7px -21px;
          display: block;
          padding: 4px 0px 4px 30px;
          font-weight: bold;
          border-bottom: 1px solid #cccccc;
          border-top: 1px solid #cccccc; }
    #content #topics_show .side,
    #content #opinions_show .side,
    #content #articles_show .side {
      width: 175px;
      padding-right: 0;
      margin-right: 35px;
      float: left; }
      #content #topics_show .side .author,
      #content #opinions_show .side .author,
      #content #articles_show .side .author {
        border-bottom: 3px solid #efefef;
        padding: 5px 0;
        color: #555555; }
        #content #topics_show .side .author:after,
        #content #opinions_show .side .author:after,
        #content #articles_show .side .author:after {
          content: ".";
          display: block;
          clear: both;
          visibility: hidden;
          line-height: 0;
          height: 0; }
        #content #topics_show .side .author .avatar_wrapper,
        #content #opinions_show .side .author .avatar_wrapper,
        #content #articles_show .side .author .avatar_wrapper {
          height: 80px;
          width: 80px;
          float: left;
          margin-right: 10px; }
          #content #topics_show .side .author .avatar_wrapper a,
          #content #opinions_show .side .author .avatar_wrapper a,
          #content #articles_show .side .author .avatar_wrapper a {
            display: block;
            position: absolute;
            width: 80px;
            height: 80px;
            overflow: hidden; }
            #content #topics_show .side .author .avatar_wrapper a img.avatar,
            #content #opinions_show .side .author .avatar_wrapper a img.avatar,
            #content #articles_show .side .author .avatar_wrapper a img.avatar {
              width: 80px;
              min-height: 80px; }
          #content #topics_show .side .author .avatar_wrapper img.favicon,
          #content #opinions_show .side .author .avatar_wrapper img.favicon,
          #content #articles_show .side .author .avatar_wrapper img.favicon {
            position: relative;
            width: 16px;
            height: 16px;
            top: 64px;
            left: 66px; }
        #content #topics_show .side .author .meta,
        #content #opinions_show .side .author .meta,
        #content #articles_show .side .author .meta {
          line-height: 1.5em;
          margin: 3px 5px 0 5px;
          font-size: 12px; }
          #content #topics_show .side .author .meta a,
          #content #opinions_show .side .author .meta a,
          #content #articles_show .side .author .meta a {
            font-weight: bold;
            color: #555555; }
      #content #topics_show .side .stats strong,
      #content #opinions_show .side .stats strong,
      #content #articles_show .side .stats strong {
        font-size: 18px; }
      #content #topics_show .side .stats p,
      #content #opinions_show .side .stats p,
      #content #articles_show .side .stats p {
        border-bottom: 1px solid #efefef;
        color: #333333;
        line-height: 30px;
        margin: 0;
        padding: 0 5px; }
      #content #topics_show .side .spread,
      #content #opinions_show .side .spread,
      #content #articles_show .side .spread {
        margin-top: 10px;
        background: #ffffee;
        padding: 5px 8px;
        -moz-border-radius: 0.3em;
        -webkit-border-radius: 0.3em; }
        #content #topics_show .side .spread ul,
        #content #opinions_show .side .spread ul,
        #content #articles_show .side .spread ul {
          list-style-type: none;
          margin-bottom: 0px; }
          #content #topics_show .side .spread ul li,
          #content #opinions_show .side .spread ul li,
          #content #articles_show .side .spread ul li {
            line-height: 25px; }
            #content #topics_show .side .spread ul li a:hover,
            #content #opinions_show .side .spread ul li a:hover,
            #content #articles_show .side .spread ul li a:hover {
              text-decoration: none; }
            #content #topics_show .side .spread ul li a img,
            #content #opinions_show .side .spread ul li a img,
            #content #articles_show .side .spread ul li a img {
              position: relative;
              top: 3px;
              margin-right: 3px; }
      #content #topics_show .side #assignee,
      #content #opinions_show .side #assignee,
      #content #articles_show .side #assignee {
        margin: 20px 0; }
        #content #topics_show .side #assignee .responsible_user h3,
        #content #opinions_show .side #assignee .responsible_user h3,
        #content #articles_show .side #assignee .responsible_user h3 {
          font-size: 11px;
          font-weight: bold;
          color: #888888;
          display: inline; }
        #content #topics_show .side #assignee .responsible_user .avatar_wrapper,
        #content #opinions_show .side #assignee .responsible_user .avatar_wrapper,
        #content #articles_show .side #assignee .responsible_user .avatar_wrapper {
          width: 50px;
          height: 50px;
          float: left; }
          #content #topics_show .side #assignee .responsible_user .avatar_wrapper a,
          #content #opinions_show .side #assignee .responsible_user .avatar_wrapper a,
          #content #articles_show .side #assignee .responsible_user .avatar_wrapper a {
            display: block;
            position: absolute;
            width: 40px;
            height: 40px;
            overflow: hidden; }
            #content #topics_show .side #assignee .responsible_user .avatar_wrapper a img.avatar,
            #content #opinions_show .side #assignee .responsible_user .avatar_wrapper a img.avatar,
            #content #articles_show .side #assignee .responsible_user .avatar_wrapper a img.avatar {
              width: 40px;
              max-height: 40px; }
          #content #topics_show .side #assignee .responsible_user .avatar_wrapper img.favicon,
          #content #opinions_show .side #assignee .responsible_user .avatar_wrapper img.favicon,
          #content #articles_show .side #assignee .responsible_user .avatar_wrapper img.favicon {
            position: relative;
            width: 16px;
            height: 16px;
            top: 24px;
            left: 26px; }
        #content #topics_show .side #assignee .responsible_user .meta, #content #topics_show .side #assignee .responsible_user .not_assigned,
        #content #opinions_show .side #assignee .responsible_user .meta,
        #content #opinions_show .side #assignee .responsible_user .not_assigned,
        #content #articles_show .side #assignee .responsible_user .meta,
        #content #articles_show .side #assignee .responsible_user .not_assigned {
          line-height: 1.6em;
          margin: 2px 0 0 5px; }
        #content #topics_show .side #assignee p.not_assigned,
        #content #opinions_show .side #assignee p.not_assigned,
        #content #articles_show .side #assignee p.not_assigned {
          font-weight: bold;
          color: #333333; }
        #content #topics_show .side #assignee a.assign_to_user,
        #content #opinions_show .side #assignee a.assign_to_user,
        #content #articles_show .side #assignee a.assign_to_user {
          margin-left: 10px;
          font-size: 11px;
          font-weight: normal; }
        #content #topics_show .side #assignee #assign_to_user,
        #content #opinions_show .side #assignee #assign_to_user,
        #content #articles_show .side #assignee #assign_to_user {
          padding: 10px 12px;
          margin: 10px 0 0 0;
          background: #efefef;
          -moz-border-radius: 0.3em;
          -webkit-border-radius: 0.3em; }
          #content #topics_show .side #assignee #assign_to_user #topic_responsible_user_id,
          #content #opinions_show .side #assignee #assign_to_user #topic_responsible_user_id,
          #content #articles_show .side #assignee #assign_to_user #topic_responsible_user_id {
            margin: 0 5px; }
      #content #topics_show .side #articles h3,
      #content #opinions_show .side #articles h3,
      #content #articles_show .side #articles h3 {
        font-size: 14px;
        font-weight: bold;
        margin-top: 15px;
        margin-bottom: 5px; }
      #content #topics_show .side #articles h4,
      #content #opinions_show .side #articles h4,
      #content #articles_show .side #articles h4 {
        margin: 0 0 5px 0px;
        font-size: 13px;
        font-weight: bold; }
      #content #topics_show .side .administer h3,
      #content #opinions_show .side .administer h3,
      #content #articles_show .side .administer h3 {
        font-size: 14px;
        font-weight: bold;
        margin-top: 15px;
        margin-bottom: 5px; }
  #content .columns .main {
    width: 62%;
    float: left; }
  #content .columns .aside {
    width: 38%;
    float: right; }
    #content .columns .aside .box {
      margin: 0 0 30px 0; }
      #content .columns .aside .box:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0; }
      #content .columns .aside .box h3 {
        font-size: 18px;
        font-weight: normal;
        margin: 5px 0 15px 0; }
  #content #topics_show.topics_create .light {
    position: absolute;
    background: white;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    z-index: 200; }
  #content #topics_show.topics_create .dark {
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100; }
  #content #topics_show.topics_create .spacer {
    height: 430px; }
  #content #topics_show.topics_create .post {
    background: #eeeeee url() no-repeat; }
  #content #topics_show.topics_create label.floating_label {
    color: #333333;
    float: left;
    width: 80px;
    margin-top: 5px;
    font-size: 18px;
    display: block;
    font-weight: bold;
    text-align: right;
    padding-right: 20px; }
    #content #topics_show.topics_create label.floating_label.small {
      font-size: 12px; }
  #content #topics_show.topics_create input#topic_title {
    width: 535px;
    margin-bottom: 15px;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    font-size: 18px; }
  #content #topics_show.topics_create textarea#topic_body {
    width: 535px;
    margin-bottom: 15px;
    -moz-border-radius-topright: 0.3em;
    -moz-border-radius-topleft: 0.3em;
    -webkit-border-top-right-radius: 0.3em;
    -webkit-border-top-left-radius: 0.3em;
    border-bottom: 0;
    font-size: 14px;
    margin-bottom: 0px; }
  #content #topics_show.topics_create #add_image_wrapper {
    display: block;
    margin-left: 100px;
    background: white;
    -moz-border-radius-bottomright: 0.3em;
    -moz-border-radius-bottomleft: 0.3em;
    -webkit-border-bottom-right-radius: 0.3em;
    -webkit-border-bottom-left-radius: 0.3em;
    border-width: 1px;
    border-style: solid;
    border-color: #aaaaaa #cccccc #cccccc #aaaaaa;
    border-top: 0px;
    width: 547px; }
    #content #topics_show.topics_create #add_image_wrapper a.open {
      display: block;
      width: 100px;
      text-align: center;
      padding: 3px 8px;
      border: 1px solid #cccccc;
      border-bottom: 0;
      -moz-border-radius-topright: 0.3em;
      -moz-border-radius-topleft: 0.3em;
      -webkit-border-top-right-radius: 0.3em;
      -webkit-border-top-left-radius: 0.3em;
      margin-left: 20px; }
      #content #topics_show.topics_create #add_image_wrapper a.open.opened {
        background: #e3f0f9; }
    #content #topics_show.topics_create #add_image_wrapper #add_image {
      padding: 10px;
      background: #e3f0f9;
      display: block;
      -moz-border-radius-bottomright: 0.3em;
      -moz-border-radius-bottomleft: 0.3em;
      -webkit-border-bottom-right-radius: 0.3em;
      -webkit-border-bottom-left-radius: 0.3em; }
  #content #topics_show.topics_create p#topic_tag_list_hint {
    padding-left: 100px; }
  #content #topics_show.topics_create input#topic_tag_list {
    width: 535px;
    font-size: 12px;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em; }
  #content #topics_show.topics_create .actions {
    margin-top: 0;
    padding-bottom: 10px; }
    #content #topics_show.topics_create .actions a {
      font-size: 140% !important; }
  #content #topics_show.topics_edit .post {
    background: #e3f0f9; }
  #content #topics_show.topics_edit label {
    color: #333333;
    margin-top: 5px; }
  #content #topics_show.topics_edit input#topic_title {
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    width: 98%;
    margin-bottom: 15px; }
  #content #topics_show.topics_edit textarea#topic_body {
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    width: 98%;
    margin-bottom: 15px; }
  #content #topics_show.topics_edit input#topic_tag_list {
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    width: 98%; }
  #content #topics_show.topics_edit .actions {
    margin-top: 0;
    padding-bottom: 10px; }
  #content #articles_show .side {
    border-top: 0px solid #cccccc;
    border-bottom: 0px solid #eeeeee;
    width: 365px;
    float: left;
    margin-right: 0px;
    padding-right: 0px; }
    #content #articles_show .side .articles h3 {
      margin-top: 10px; }
    #content #articles_show .side .articles,
    #content #articles_show .side .history {
      padding: 0 10px; }
      #content #articles_show .side .articles h3,
      #content #articles_show .side .history h3 {
        margin-bottom: 5px;
        font-size: 14px;
        font-weight: bold;
        margin-top: 0px; }
    #content #articles_show .side .history ul li {
      list-style-type: none; }
      #content #articles_show .side .history ul li a {
        color: #555555; }
      #content #articles_show .side .history ul li span.version_number {
        font-size: 12px;
        font-weight: normal; }
        #content #articles_show .side .history ul li span.version_number img {
          float: right; }
      #content #articles_show .side .history ul li span.date {
        font-size: 11px;
        color: #888888; }
      #content #articles_show .side .history ul li.approved a {
        color: #0f7922; }
  #content #articles_show .content {
    width: 575px;
    float: left; }
    #content #articles_show .content .post {
      margin-right: 30px;
      border-bottom: 0px solid #999999; }
      #content #articles_show .content .post img.approved_symbol {
        float: right; }
      #content #articles_show .content .post .body {
        font-size: 14px; }
    #content #articles_show .content .coming_from_topic {
      border: 10px solid #f7faee;
      margin-top: 20px;
      padding-top: 20px;
      margin-bottom: 20px;
      margin-right: 30px;
      -moz-border-radius: 0.3em;
      -webkit-border-radius: 0.3em; }
      #content #articles_show .content .coming_from_topic h3 {
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 0px;
        margin-left: 20px;
        margin-top: 0px; }
      #content #articles_show .content .coming_from_topic p {
        padding: 5px 20px 0px 20px;
        font-size: 14px;
        -moz-border-radius: 0.3em;
        -webkit-border-radius: 0.3em;
        color: #333333 !important; }
        #content #articles_show .content .coming_from_topic p a {
          text-decoration: underline; }
      #content #articles_show .content .coming_from_topic .form {
        padding: 5px 20px 20px 20px;
        padding-top: 0px; }
        #content #articles_show .content .coming_from_topic .form:after {
          content: ".";
          display: block;
          clear: both;
          visibility: hidden;
          line-height: 0;
          height: 0; }
        #content #articles_show .content .coming_from_topic .form .link {
          padding-top: 5px; }
        #content #articles_show .content .coming_from_topic .form .button {
          float: left; }
          #content #articles_show .content .coming_from_topic .form .button input {
            background: green url(/images/button_overlay.png) repeat-x bottom;
            -moz-border-radius: 0.3em;
            -webkit-border-radius: 0.3em;
            border: 0px;
            font-family: helvetica, arial, sans-serif;
            font-size: 13px;
            font-weight: bold;
            color: white;
            margin-right: 10px;
            padding: 4px 8px; }
            #content #articles_show .content .coming_from_topic .form .button input:hover {
              cursor: pointer; }
    #content #articles_show .content .actions {
      border-top: 1px solid white;
      border-bottom: 0px solid #eeeeee; }
      #content #articles_show .content .actions ul {
        margin-left: 0px !important; }

#content .items_list {
  display: block; }
  #content .items_list:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  #content .items_list a {
    text-decoration: none; }
    #content .items_list a:hover {
      text-decoration: underline; }
  #content .items_list .item.topic .item_details .inner_topic_wrapper .body p a {
    color: black;
    font-size: 120%;
    line-height: 1.5em; }
  #content .items_list .item.topic .item_details .floated_span .meta {
    float: right;
    text-align: right;
    width: 100px; }
  #content .items_list .item.topic .item_details .floated_span .fav {
    text-align: right;
    font-size: 11px;
    margin-bottom: 10px; }
    #content .items_list .item.topic .item_details .floated_span .fav .grey_coloured_button {
      margin-right: 0;
      font-size: 11px; }
  #content .items_list .item {
    padding: 10px 8px; }
    #content .items_list .item:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0; }
    #content .items_list .item.even {
      background-color: white; }
    #content .items_list .item.odd {
      background: url(/images/light_bg.png) repeat-x left top;
      border-top: 1px solid #cccccc;
      border-bottom: 1px solid #cccccc; }
    #content .items_list .item .avatar_wrapper {
      width: 55px;
      float: left;
      position: relative;
      font-size: 11px; }
      #content .items_list .item .avatar_wrapper .ranking {
        color: gray; }
      #content .items_list .item .avatar_wrapper a {
        display: block;
        width: 55px;
        overflow: hidden; }
        #content .items_list .item .avatar_wrapper a img.avatar {
          width: 55px;
          min-height: 55px; }
      #content .items_list .item .avatar_wrapper img.favicon {
        position: absolute;
        width: 16px;
        height: 16px;
        top: 39px;
        left: 39px; }
    #content .items_list .item .item_details {
      margin: 0 0px 0 70px; }
      #content .items_list .item .item_details .inner_topic_wrapper {
        width: 440px;
        float: left; }
      #content .items_list .item .item_details .floated_span {
        float: right;
        width: 140px;
        display: block; }
      #content .items_list .item .item_details p {
        margin-top: 5px; }
      #content .items_list .item .item_details .body {
        width: 500px; }
        #content .items_list .item .item_details .body p {
          font-size: 12px;
          margin: 2px 0px 5px 0; }
      #content .items_list .item .item_details .status {
        display: block;
        padding: 3px 5px 3px 8px;
        font-weight: bold;
        font-size: 11px;
        -moz-border-radius: 0.3em;
        -webkit-border-radius: 0.3em;
        float: right; }
        #content .items_list .item .item_details .status span {
          display: block;
          padding: 2px 0;
          padding-right: 20px; }
        #content .items_list .item .item_details .status.open {
          background: #ffc6bc; }
          #content .items_list .item .item_details .status.open span {
            padding-right: 3px; }
        #content .items_list .item .item_details .status.not_answered {
          background: #c3f4ff; }
          #content .items_list .item .item_details .status.not_answered span {
            padding-right: 3px; }
        #content .items_list .item .item_details .status.answered {
          background: #f7faee; }
          #content .items_list .item .item_details .status.answered span {
            background: #f7faee url(/images/accept.png) no-repeat right center; }
        #content .items_list .item .item_details .status.with_article {
          background: #ffffcc; }
          #content .items_list .item .item_details .status.with_article span {
            background: #ffffcc url(/images/star.png) no-repeat right center; }
      #content .items_list .item .item_details .call_to_action {
        clear: right;
        text-align: right;
        display: block;
        padding: 5px 5px 5px 8px;
        font-weight: bold;
        font-size: 11px;
        -moz-border-radius: 0.3em;
        -webkit-border-radius: 0.3em;
        text-decoration: underline; }
      #content .items_list .item .item_details a.item_title {
        font-weight: bold;
        font-size: 16px;
        width: 500px;
        display: block; }
      #content .items_list .item .item_details .meta {
        color: #666666;
        font-size: 11px;
        line-height: 1.4em;
        width: 500px; }
        #content .items_list .item .item_details .meta a {
          color: #555555;
          font-weight: bold; }
        #content .items_list .item .item_details .meta span.divider {
          padding: 0 2px; }
      #content .items_list .item .item_details .tags {
        margin: 0px 0; }
      #content .items_list .item .item_details .actions {
        margin-top: 5px;
        color: #999999;
        font-size: 11px; }
        #content .items_list .item .item_details .actions span.after_save {
          background: #ffffcc;
          padding: 2px 3px;
          margin-left: -2px -3px; }
        #content .items_list .item .item_details .actions span {
          color: #333333; }
          #content .items_list .item .item_details .actions span a {
            margin: 0 1px; }
        #content .items_list .item .item_details .actions form {
          margin-top: 10px; }
        #content .items_list .item .item_details .actions a {
          font-weight: bold;
          text-decoration: underline; }
          #content .items_list .item .item_details .actions a.hand {
            background: url(/images/icons/thumb_up.png) no-repeat left center;
            padding-left: 20px;
            padding-top: 2px; }
      #content .items_list .item .item_details .quick_form {
        margin-top: 5px; }
        #content .items_list .item .item_details .quick_form textarea {
          -moz-border-radius: 0.3em;
          -webkit-border-radius: 0.3em;
          width: 80%; }
  #content .items_list .article {
    float: none;
    width: 92%;
    padding: 10px 8px;
    margin-bottom: 0; }
    #content .items_list .article.approved .article_details {
      background: #eeeeee;
      padding: 5px;
      -moz-border-radius: 0.3em;
      -webkit-border-radius: 0.3em; }
      #content .items_list .article.approved .article_details img {
        position: relative;
        top: 3px; }
    #content .items_list .article .item_details {
      margin-left: 0px; }
      #content .items_list .article .item_details a.item_title {
        font-size: 16px;
        display: inline; }
      #content .items_list .article .item_details p {
        margin-bottom: 5px; }
      #content .items_list .article .item_details .meta {
        font-size: 11px; }
    #content .items_list .article.odd {
      background: #f9f9fa url(/images/light_bg.png) repeat-x bottom; }

#footer {
  margin: 40px 0;
  /*  h2 {*/
  /*    float: left;*/
  /*    font-size: 20px;*/
  /*    font-weight: normal;*/
  /*    margin-bottom: 10px;*/
  /*    color: #555555;*/
  /*    a {*/
  /*      color: #555555; } }*/
  /*  .recent_tags {*/
  /*    display: block;*/
  /*    float: left;*/
  /*    width: 200px;*/
  /*    padding-right: $left_column_width - 200px;*/
  /*    margin-right: $left_column_margin_right;*/
  /*    ul {*/
  /*      list-style: none;*/
  /*      li {*/
  /*        a {*/
  /*          @include border_radius;*/
  /*          font-weight: bold;*/
  /*          padding: 5px 10px;*/
  /*          display: block;*/
  /*          color: #666666;*/
  /*          border-right: 1px solid white;*/
  /*          border-bottom: 1px solid white;*/
  /*          margin-bottom: -1px;*/
  /*          &:hover {*/
  /*            text-decoration: none;*/
  /*            background: #f9f9fa url(/images/light_bg.png) repeat-x bottom;*/
  /*            border-right-color: #dedede;*/
  /*            border-bottom-color: #dedede;*/
  /*            color: #222222;*/
  /*            span {*/
  /*              color: #222222; } }*/
  /*          &.active {*/
  /*            @include coloured_background;*/
  /*            @include coloured_borders_bottom_right;*/
  /*            margin-bottom: 0px; }*/
  /*          span {*/
  /*            float: right;*/
  /*            color: #cccccc; } } } } }*/ }
  #footer:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  #footer #footer_headers {
    border-top: 1px solid #cccccc;
    padding-top: 40px;
    background: white url(/images/shadow_reverse.png) repeat-x left -10px; }
    #footer #footer_headers h2.tags {
      width: 175px;
      margin-right: 35px; }
    #footer #footer_headers h2.topics,
    #footer #footer_headers h2.articles {
      width: 365px; }
  #footer .featured_items {
    /*    margin-top: 10px;*/
    /*    width: $column_width;*/
    display: block;
    float: left; }
    #footer .featured_items span.more {
      display: block; }
      #footer .featured_items span.more a {
        color: #666666; }
    #footer .featured_items ul {
      list-style: none;
      margin-right: 20px;
      margin-top: -3px; }
      #footer .featured_items ul li {
        display: block;
        padding-bottom: 10px; }
        #footer .featured_items ul li:after {
          content: ".";
          display: block;
          clear: both;
          visibility: hidden;
          line-height: 0;
          height: 0; }
        #footer .featured_items ul li .avatar_wrapper {
          height: 25px;
          width: 25px;
          float: left;
          margin-right: 10px; }
          #footer .featured_items ul li .avatar_wrapper a {
            display: block;
            position: absolute;
            width: 25px;
            height: 25px;
            overflow: hidden;
            z-index: 20; }
            #footer .featured_items ul li .avatar_wrapper a img.avatar {
              width: 25px;
              min-height: 25px; }
        #footer .featured_items ul li p.info {
          float: left;
          margin: 0px;
          width: 290px; }
          #footer .featured_items ul li p.info a.partial_title {
            font-weight: bold;
            font-size: 13px;
            line-height: 1.1em; }
          #footer .featured_items ul li p.info span.body {
            font-size: 12px;
            margin-top: 2px;
            line-height: 1.4em;
            color: #444444; }
          #footer .featured_items ul li p.info span.meta {
            color: #666666;
            font-size: 11px;
            margin-top: 2px; }
            #footer .featured_items ul li p.info span.meta a {
              color: #555555;
              font-weight: bold; }

#company_footer {
  margin: 40px 0;
  border-top: 1px solid #cccccc;
  padding-top: 10px;
  clear: left;
  text-align: left;
  color: #888888;
  font-size: 11px; }
  #company_footer span.home_url {
    float: right; }

#users_list:after,
.users_list:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }
#users_list h2,
.users_list h2 {
  width: 690px; }
#users_list .user,
.users_list .user {
  float: left;
  /*    width: 32%;*/
  margin: 0 20px 10px 0; }
  #users_list .user .avatar,
  .users_list .user .avatar {
    float: left;
    margin-right: 10px; }
  #users_list .user .login,
  .users_list .user .login {
    display: inline-block;
    padding: 10px 0 0 0;
    font-size: 14px;
    font-weight: bold; }
  #users_list .user .tags,
  .users_list .user .tags {
    font-size: 11px; }

#content #top_experts {
  clear: both;
  margin-bottom: 15px; }
  #content #top_experts h2 {
    width: 700px; }
  #content #top_experts h4 {
    font-size: 15px;
    margin: 10px 0; }
  #content #top_experts .users_list .user {
    width: 165px;
    margin: 0 5px 10px 0; }
    #content #top_experts .users_list .user.user_2 {
      margin-left: 35px!important; }
    #content #top_experts .users_list .user a {
      /*          color: #333333;*/
      /*          font-weight: normal;*/ }
      #content #top_experts .users_list .user a.login {
        font-size: 12px; }

#content .experts_list,
#content .users_list {
  list-style: none; }
  #content .experts_list:after,
  #content .users_list:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  #content .experts_list .user,
  #content .users_list .user {
    width: 165px;
    margin: 0 5px 10px 0;
    float: left; }

#users_show,
#users_edit {
  margin-top: 20px; }
  #users_show #profile,
  #users_edit #profile {
    font-size: 15px;
    border: 10px solid #eeeeee;
    padding: 20px;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em; }
    #users_show #profile:after,
    #users_edit #profile:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0; }
    #users_show #profile h2,
    #users_edit #profile h2 {
      font-weight: bold; }
    #users_show #profile #avatar,
    #users_edit #profile #avatar {
      float: left;
      width: 160px;
      overflow: hidden;
      width: 140px;
      float: left;
      margin-right: 20px; }
      #users_show #profile #avatar .avatar_wrapper,
      #users_edit #profile #avatar .avatar_wrapper {
        position: relative; }
      #users_show #profile #avatar .ranking,
      #users_edit #profile #avatar .ranking {
        margin-top: 5px;
        color: grey; }
      #users_show #profile #avatar a,
      #users_edit #profile #avatar a {
        display: block;
        position: relative;
        width: 140px;
        overflow: hidden; }
        #users_show #profile #avatar a img.avatar,
        #users_edit #profile #avatar a img.avatar {
          width: 140px;
          min-height: 140px; }
      #users_show #profile #avatar img.favicon,
      #users_edit #profile #avatar img.favicon {
        position: absolute;
        width: 16px;
        height: 16px;
        top: 124px;
        left: 126px; }
    #users_show #profile #details,
    #users_show #profile #profile_answers,
    #users_edit #profile #details,
    #users_edit #profile #profile_answers {
      float: left;
      margin: 0 25px 0 0; }
      #users_show #profile #details .editable,
      #users_show #profile #profile_answers .editable,
      #users_edit #profile #details .editable,
      #users_edit #profile #profile_answers .editable {
        background: #e3f0f9;
        padding: 20px;
        -moz-border-radius: 0.3em;
        -webkit-border-radius: 0.3em; }
        #users_show #profile #details .editable:after,
        #users_show #profile #profile_answers .editable:after,
        #users_edit #profile #details .editable:after,
        #users_edit #profile #profile_answers .editable:after {
          content: ".";
          display: block;
          clear: both;
          visibility: hidden;
          line-height: 0;
          height: 0; }
        #users_show #profile #details .editable h3,
        #users_show #profile #profile_answers .editable h3,
        #users_edit #profile #details .editable h3,
        #users_edit #profile #profile_answers .editable h3 {
          margin-top: 0em;
          margin-bottom: 5px; }
        #users_show #profile #details .editable .half,
        #users_show #profile #profile_answers .editable .half,
        #users_edit #profile #details .editable .half,
        #users_edit #profile #profile_answers .editable .half {
          margin-right: 0em;
          margin-bottom: 1em; }
  #users_show .my_items,
  #users_edit .my_items {
    margin-top: 20px; }
    #users_show .my_items:after,
    #users_edit .my_items:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0; }
    #users_show .my_items h3,
    #users_edit .my_items h3 {
      margin: 20px 0 0 0; }
    #users_show .my_items h4,
    #users_edit .my_items h4 {
      /*      float: left;*/
      margin: 20px 0 0px 0; }
    #users_show .my_items .items_list,
    #users_edit .my_items .items_list {
      margin-top: 10px;
      float: left;
      width: 100%; }
      #users_show .my_items .items_list:after,
      #users_edit .my_items .items_list:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0; }

#users_edit #profile {
  border: none; }
  #users_edit #profile #avatar {
    height: 80px;
    width: 80px; }
  #users_edit #profile #details {
    clear: both;
    width: 815px; }

.user_avatar, .user .user_avatar {
  float: left;
  width: 49px;
  height: 60px;
  background: #c2c2c2;
  text-align: center;
  padding-top: 2px;
  margin-right: 5px; }
  .user_avatar .user_avatar_img, .user .user_avatar .user_avatar_img {
    width: 41px;
    height: 41px;
    overflow: hidden;
    border: 2px solid #fff;
    margin: 0 auto 2px auto; }
    .user_avatar .user_avatar_img a, .user .user_avatar .user_avatar_img a {
      display: block; }
  .user_avatar .user_role, .user .user_avatar .user_role {
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px; }
  .user_avatar.team, .user .team.user_avatar {
    background: #456ca0; }
  .user_avatar.expert, .user .expert.user_avatar {
    background: #96b92f; }

.user {
  width: 165px;
  height: 70px;
  margin: 0 0px 10px 0;
  /*  &.user_2 {*/
  /*    margin-left:45px!important;*/
  /*  }*/ }
  .user:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .user .user_name_tags {
    float: left;
    width: 105px; }
    .user .user_name_tags .user_name {
      margin-bottom: 0; }
      .user .user_name_tags .user_name a {
        font-size: 12px;
        font-weight: bold; }
    .user .user_name_tags .user_tags {
      font-size: 12px; }

#experts .user {
  float: left; }

label {
  color: #333333; }

label.form_label {
  display: block;
  color: #333333;
  margin-bottom: 5px; }
  label.form_label.small {
    font-size: 11px;
    color: #555555; }

label.hint_label {
  display: block;
  margin-bottom: 5px;
  font-weight: normal;
  font-size: 12px;
  color: #333333;
  margin-top: -5px; }

input.text_field {
  display: block;
  border: 1px solid #cccccc;
  border-left-color: #aaaaaa;
  border-top-color: #aaaaaa;
  padding: 6px;
  font-size: 120%;
  margin-bottom: 8px;
  font-family: helvetica, arial, sans-serif; }
  input.text_field.sized {
    width: 946px;
    font-size: 140%;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em; }
  input.text_field:focus {
    background: #ffffee; }

p.check_box {
  width: 100%;
  overflow: hidden; }

input.check_box {
  float: left;
  margin: 3px 0 0 0; }

label.check_box {
  display: block;
  margin: 0 0 0 20px; }

textarea.text_area {
  display: block;
  border: 1px solid #cccccc;
  border-left-color: #aaaaaa;
  border-top-color: #aaaaaa;
  padding: 6px;
  font-size: 120%;
  margin-bottom: 8px;
  line-height: 1.3em;
  font-family: helvetica, arial, sans-serif; }
  textarea.text_area.sized {
    width: 946px;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em; }
  textarea.text_area:focus {
    background: #ffffee; }

p#intro {
  margin-bottom: 20px;
  color: #333333;
  font-size: 18px;
  line-height: 1.6em; }
  p#intro:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  p#intro span {
    background: white;
    padding: 2px 4px;
    margin: -2px -4px;
    font-weight: normal; }
  p#intro span.staff {
    padding: 0;
    margin: 0;
    float: left;
    width: 100px;
    height: 80px;
    background: white; }
  p#intro strong {
    font-weight: normal; }
  p#intro small {
    color: #555555;
    font-size: 12px; }

.grey_coloured_button {
  background: #f9f9fa url(/images/light_bg.png) repeat-x bottom;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  font-family: helvetica, arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #555555;
  margin-right: 10px;
  padding: 3px 6px; }
  .grey_coloured_button.heavy_green {
    background: green url(/images/button_overlay.png) repeat-x bottom;
    color: white;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border: 0px;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 10px 6px 10px;
    display: block; }
    .grey_coloured_button.heavy_green:hover {
      color: white;
      text-decoration: none; }
  .grey_coloured_button.not_underlined {
    text-decoration: none !important; }
  .grey_coloured_button:hover {
    cursor: pointer;
    color: black; }
  .grey_coloured_button.with_icon {
    padding: 8px 8px; }
    .grey_coloured_button.with_icon:hover {
      text-decoration: none; }
    .grey_coloured_button.with_icon img {
      position: relative;
      top: 3px; }

.pagination {
  margin: 20px 0; }
  .pagination a, .pagination span {
    padding: 0.2em 0.5em; }
  .pagination span.disabled {
    color: #aaaaaa;
    display: none; }
  .pagination span.current {
    font-weight: bold; }
  .pagination a {
    border: 1px solid #dddddd;
    text-decoration: none; }
    .pagination a:hover, .pagination a:focus {
      border-color: #0f7922;
      background-color: white;
      text-decoration: none !important; }
  .pagination .page_info {
    color: #aaaaaa; }
  .pagination .prev_page, .pagination .next_page {
    border-width: 1px; }
  .pagination .prev_page {
    margin-right: 1em; }
  .pagination .next_page {
    margin-left: 1em; }

#content p.topics_actions {
  float: right;
  padding: 12px 20px 0; }
#content p.topics_actions2 {
  float: left;
  padding: 12px 0; }

#topics_search_form {
  float: right;
  padding: 9px 0 0; }
  #topics_search_form input {
    padding: 2px; }
  #topics_search_form #search_input {
    width: 150px; }

.filter_for_items,
.list_header {
  margin-bottom: 10px;
  color: #333333; }
  .filter_for_items h3,
  .list_header h3 {
    display: inline; }
  .filter_for_items p,
  .list_header p {
    display: inline;
    margin-left: 5px;
    font-weight: normal; }
    .filter_for_items p a,
    .list_header p a {
      margin: 0 5px;
      font-weight: bold; }
      .filter_for_items p a:hover,
      .list_header p a:hover {
        text-decoration: none; }
      .filter_for_items p a.active,
      .list_header p a.active {
        font-weight: bold;
        border-bottom: 2px solid #333333; }

.list_header {
  padding-left: 0; }

/*.tags_list {*/
/*  display: block;*/
/*  margin-right: 10%;*/
/*  ul {*/
/*    list-style: none;*/
/*    li {*/
/*      a {*/
/*        @include border_radius;*/
/*        font-weight: bold;*/
/*        padding: 5px 10px;*/
/*        display: block;*/
/*        color: #666666;*/
/*        border-right: 1px solid white;*/
/*        border-bottom: 1px solid white;*/
/*        margin-bottom: -1px;*/
/*        margin-right: -1px;*/
/*        &:hover {*/
/*          text-decoration: none;*/
/*          background: #f9f9fa url(/images/light_bg.png) repeat-x bottom;*/
/*          border-right-color: #dedede;*/
/*          border-bottom-color: #dedede;*/
/*          span {*/
/*            color: #555555; } }*/
/*        &.active {*/
/*          color: #222222;*/
/*          @include coloured_background;*/
/*          @include coloured_borders_bottom_right;*/
/*          margin-bottom: 0px;*/
/*          span {*/
/*            color: #222222; } }*/
/*        span {*/
/*          float: right;*/
/*          color: #cccccc; } } } } }*/
#recently {
  width: 100%;
  clear: left; }
  #recently:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  #recently h2 {
    margin-top: 0px;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 10px;
    color: #555555; }
    #recently h2 a {
      color: #555555; }
  #recently .recent_tags {
    display: block;
    float: left;
    width: 200px;
    padding-right: -25px;
    margin-right: 35px; }
    #recently .recent_tags ul {
      list-style: none; }
      #recently .recent_tags ul li a {
        -moz-border-radius: 0.3em;
        -webkit-border-radius: 0.3em;
        font-weight: bold;
        padding: 5px 10px;
        display: block;
        color: #666666;
        border-right: 1px solid white;
        border-bottom: 1px solid white;
        margin-bottom: -1px; }
        #recently .recent_tags ul li a:hover {
          text-decoration: none;
          background: #f9f9fa url(/images/light_bg.png) repeat-x bottom;
          border-right-color: #dedede;
          border-bottom-color: #dedede;
          color: black; }
          #recently .recent_tags ul li a:hover span {
            color: black; }
        #recently .recent_tags ul li a.active {
          background: #f9f9fa url(/images/light_bg.png) repeat-x bottom;
          color: #222222;
          border-right: 1px solid #dedede;
          border-bottom: 1px solid #dedede;
          margin-bottom: 0px; }
        #recently .recent_tags ul li a span {
          float: right;
          color: #cccccc; }

.featured_items {
  width: 365px;
  display: block;
  float: left; }
  .featured_items span.more {
    display: block; }
    .featured_items span.more a {
      color: #666666; }
  .featured_items ul {
    list-style: none;
    margin-right: 20px;
    margin-top: -3px; }
    .featured_items ul li {
      display: block;
      margin-bottom: 10px;
      float: none;
      clear: both; }
      .featured_items ul li:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0; }
      .featured_items ul li .avatar_wrapper {
        height: 25px;
        width: 25px;
        float: left;
        margin-right: 10px; }
        .featured_items ul li .avatar_wrapper a {
          display: block;
          position: absolute;
          width: 25px;
          height: 25px;
          overflow: hidden; }
          .featured_items ul li .avatar_wrapper a img {
            width: 25px;
            min-height: 25px; }
      .featured_items ul li p.info {
        float: left;
        margin: 0px;
        width: 290px;
        margin-bottom: 0px !important;
        line-height: 16px !important; }
        .featured_items ul li p.info a.partial_title {
          font-weight: bold;
          font-size: 13px;
          line-height: 1.1em; }
        .featured_items ul li p.info span.body {
          font-size: 12px;
          margin-top: 2px;
          line-height: 1.4em;
          color: #444444; }
        .featured_items ul li p.info span.meta {
          color: #666666;
          font-size: 11px;
          margin-top: 2px; }
          .featured_items ul li p.info span.meta a {
            color: #555555;
            font-weight: bold; }

.answer,
.comment {
  margin-bottom: 20px; }
  .answer:after,
  .comment:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .answer .author,
  .comment .author {
    float: left;
    margin: 0 20px 0 0;
    padding-bottom: 2px;
    width: 40px; }
    .answer .author a,
    .comment .author a {
      display: block;
      position: absolute;
      width: 40px;
      height: 40px;
      overflow: hidden; }
      .answer .author a img.avatar,
      .comment .author a img.avatar {
        width: 40px;
        max-height: 40px; }
    .answer .author img.favicon,
    .comment .author img.favicon {
      position: relative;
      width: 16px;
      height: 16px;
      top: 24px;
      left: 26px; }
  .answer .answer_content,
  .answer .comment_content,
  .comment .answer_content,
  .comment .comment_content {
    float: left;
    width: 91%; }
  .answer .meta,
  .comment .meta {
    font-size: 11px;
    color: #555555; }
    .answer .meta a,
    .comment .meta a {
      font-weight: bold; }
  .answer .body,
  .comment .body {
    border: 1px solid white;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    padding: 3px 10px 0 10px;
    margin: 0 0px;
    font-size: 14px; }
  .answer .do_article,
  .comment .do_article {
    font-size: 11px;
    color: #555555;
    margin-bottom: 5px;
    font-size: 11px; }
    .answer .do_article a,
    .comment .do_article a {
      text-decoration: underline; }

#articles_preview.big_headlines h4,
#topics_preview.big_headlines h4 {
  font-weight: bold;
  font-size: 16px; }
#articles_preview .article p span.body,
#articles_preview .topic p span.body,
#topics_preview .article p span.body,
#topics_preview .topic p span.body {
  font-size: 12px;
  margin-top: 2px;
  line-height: 1.4em;
  color: #444444; }
#articles_preview .article p span.meta,
#articles_preview .topic p span.meta,
#topics_preview .article p span.meta,
#topics_preview .topic p span.meta {
  color: #666666;
  font-size: 11px;
  margin-top: 2px; }
  #articles_preview .article p span.meta a,
  #articles_preview .topic p span.meta a,
  #topics_preview .article p span.meta a,
  #topics_preview .topic p span.meta a {
    color: #555555;
    font-weight: bold; }

.half {
  width: 45%;
  float: left; }

.full {
  width: 100%;
  float: none;
  clear: both; }

.search_company {
  border: 2px solid #dddddd;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  margin-top: 21px; }
  .search_company:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .search_company input {
    width: 540px;
    font-size: 130%;
    font-family: helvetica, arial, sans-serif;
    padding: 10px;
    color: #333333;
    border: none;
    background: none;
    float: left; }
  .search_company p {
    color: #444444;
    font-style: italic; }
  .search_company button {
    float: left;
    width: 98px;
    display: block;
    background: #f9f9fa url(/images/light_bg.png) repeat-x bottom;
    color: #222222;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    color: #333333;
    font-size: 120%;
    border: none;
    padding: 11px 10px;
    font-family: helvetica, arial, sans-serif; }
    .search_company button:hover {
      color: black;
      cursor: pointer; }

p#examples {
  margin-top: 5px;
  font-style: italic;
  color: #666666;
  margin-left: 10px; }

#flash_message .notice,
#flash_message .error {
  text-align: center;
  font-weight: normal;
  margin-bottom: 20px;
  font-size: 15px;
  padding: 10px;
  background: #ffffee;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em; }

.form_actions {
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  padding: 1px;
  background: #96cd97 url(/images/light_bg.png) repeat-x bottom;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  clear: left;
  width: 100%;
  font-size: 120%;
  color: #666666;
  margin-top: 30px; }
  .form_actions:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .form_actions a {
    text-decoration: underline; }
  .form_actions a.negative {
    float: right;
    background: #96cd97 url(/images/light_bg.png) repeat-x bottom;
    font-weight: bold;
    color: red;
    font-size: 100%;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    padding: 15px;
    padding-bottom: 10px;
    font-family: helvetica, arial, sans-serif;
    width: 28%;
    text-align: right;
    text-decoration: underline; }
  .form_actions button.submit {
    background: #96cd97 url(/images/light_bg.png) repeat-x bottom;
    font-weight: bold;
    color: black;
    font-size: 100%;
    border: none;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    padding: 12px 15px;
    padding-top: 10px;
    font-family: helvetica, arial, sans-serif;
    width: 100%;
    text-align: left; }
    .form_actions button.submit.smaller {
      width: 50%;
      float: left; }
    .form_actions button.submit span {
      text-decoration: underline; }
    .form_actions button.submit:hover {
      cursor: pointer; }
    .form_actions button.submit img {
      margin-right: 5px;
      position: relative;
      top: 2px; }

a.button {
  background: #6fb536;
  color: white;
  font-size: 120%;
  border: none;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  padding: 8px 10px;
  font-family: helvetica, arial, sans-serif; }
  a.button:hover {
    color: black;
    background: #ffcc33;
    text-decoration: none; }

textarea#topic_body {
  height: 135px; }

input.ghostied, textarea.ghostied {
  color: #bbbbbb !important; }

#seach_headline {
  font-size: 120%;
  padding: 7px 10px;
  font-family: helvetica, arial, sans-serif;
  background: white;
  margin-top: -10px;
  height: 35px;
  color: #555555; }

.user_profile {
  margin-bottom: 20px;
  min-height: 80px; }
  .user_profile:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .user_profile .avatar {
    float: left;
    width: 100px;
    overflow: hidden; }
    .user_profile .avatar img {
      width: 80px;
      max-height: 80px; }

.partials:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.answers .count {
  margin-top: 18px; }
  .answers .count a.button {
    font-size: 100%;
    background: #0f7922;
    color: #333333;
    font-weight: normal; }
    .answers .count a.button:hover {
      text-decoration: none; }

#article_tags {
  margin: 20px 0; }
  #article_tags:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

.articles_search #articles_query {
  display: inline;
  width: 300px; }

a.grey_button {
  color: #555555;
  font-weight: bold;
  display: block;
  float: left;
  background: #f9f9fa url(/images/light_bg.png) repeat-x bottom;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  padding: 5px 10px;
  padding-bottom: 8px;
  display: block;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  margin-bottom: 10px;
  margin-right: 10px; }
  a.grey_button:hover {
    text-decoration: none;
    background: #efefef;
    color: #333333;
    border-color: #dddddd; }
  a.grey_button img {
    position: relative;
    top: 2px;
    margin-right: 3px; }

button.coloured_button {
  color: white;
  font-size: 14px;
  border: none;
  font-weight: bold;
  padding: 8px;
  padding-top: 9px;
  font-family: helvetica, arial, sans-serif;
  background: #0f7922;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em; }
  button.coloured_button:hover {
    cursor: pointer; }

.topic_form button.coloured_button {
  font-size: 16px;
  margin-right: 10px;
  padding: 7px 8px 6px; }

ul#topic_tag_listList,
ul#article_tag_listList {
  list-style: none;
  display: block;
  margin: 6px 0 0 0;
  margin-bottom: 20px; }
  ul#topic_tag_listList:after,
  ul#article_tag_listList:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  ul#topic_tag_listList li,
  ul#article_tag_listList li {
    display: inline; }
    ul#topic_tag_listList li.used a,
    ul#article_tag_listList li.used a {
      color: black; }

p.social_publishing {
  padding: 16px 0px 5px 155px;
  margin-top: 10px;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em; }
  p.social_publishing.facebook {
    background: white url(/images/FaceBook-24x24.png) no-repeat 122px 13px; }
  p.social_publishing.twitter {
    background: white url(/images/Twitter-24x24.png) no-repeat 122px 13px; }

p.private {
  background: #ffffcc url(/images/lock.png) no-repeat 10px 10px;
  padding: 10px 0px 10px 35px;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em; }
  p.private #customer_identifier_form input {
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em; }

.topics_new_form p.private {
  background: #ffffcc url(/images/lock.png) no-repeat 10px 10px;
  padding: 10px 0px 10px 35px;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em; }
  .topics_new_form p.private #customer_identifier_form input {
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em; }
.topics_new_form label {
  font-size: 15px; }
.topics_new_form .admin {
  background: #ffffcc url(/images/exclamation.png) no-repeat 10px 10px;
  padding: 10px 0px 10px 35px;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em; }
  .topics_new_form .admin h3 {
    margin-bottom: 10px !important;
    margin-top: 0px !important; }

#articles_new .dark {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }
#articles_new .spacer {
  height: 450px; }
#articles_new .articles_new {
  background: white;
  position: absolute;
  width: 960px;
  padding-bottom: 20px;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em; }

.articles_new_form label.floating_label {
  color: #333333;
  float: left;
  width: 120px;
  margin-top: 5px;
  font-size: 18px;
  display: block;
  font-weight: bold;
  text-align: right;
  padding-right: 20px; }
  .articles_new_form label.floating_label.small {
    font-size: 12px; }
.articles_new_form input#article_title {
  width: 770px;
  margin-bottom: 15px;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  font-size: 18px; }
.articles_new_form textarea#article_body {
  width: 770px;
  margin-bottom: 15px;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  font-size: 14px; }
.articles_new_form input#article_tag_list {
  width: 770px;
  font-size: 12px;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em; }

#topics_index:after,
#articles_index:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }
#topics_index #page_head,
#articles_index #page_head {
  background: #f9f9fa url(/images/light_bg.png) repeat-x bottom;
  border-bottom: 1px solid #cccccc;
  -moz-border-radius-bottomright: 0.3em;
  -moz-border-radius-bottomleft: 0.3em;
  -webkit-border-bottom-right-radius: 0.3em;
  -webkit-border-bottom-left-radius: 0.3em;
  padding: 15px 25px 25px 25px;
  margin-bottom: 35px; }
  #topics_index #page_head:after,
  #articles_index #page_head:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  #topics_index #page_head p#intro,
  #articles_index #page_head p#intro {
    margin-right: 20px;
    font-size: 15px;
    margin-bottom: 15px;
    font-weight: bold; }
  #topics_index #page_head #new_topic_form,
  #articles_index #page_head #new_topic_form {
    width: 580px;
    float: left; }
    #topics_index #page_head #new_topic_form form,
    #articles_index #page_head #new_topic_form form {
      margin-right: 30px; }
      #topics_index #page_head #new_topic_form form:after,
      #articles_index #page_head #new_topic_form form:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0; }
      #topics_index #page_head #new_topic_form form textarea,
      #articles_index #page_head #new_topic_form form textarea {
        width: 527px;
        margin-right: 20px;
        -moz-border-radius: 0.3em;
        -webkit-border-radius: 0.3em; }
      #topics_index #page_head #new_topic_form form a,
      #articles_index #page_head #new_topic_form form a {
        display: block;
        float: left;
        margin-top: 7px;
        margin-left: 10px;
        font-weight: bold;
        text-decoration: underline; }
      #topics_index #page_head #new_topic_form form button,
      #articles_index #page_head #new_topic_form form button {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px; }

.solution_dialogue {
  margin-top: -10px;
  margin-bottom: 20px;
  margin-left: 50px;
  border: 10px solid #eeeeee;
  padding: 0 20px 20px;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em; }
  .solution_dialogue .onetwothree {
    margin-top: 20px; }
    .solution_dialogue .onetwothree:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0; }
    .solution_dialogue .onetwothree .box {
      padding: 10px 0; }
      .solution_dialogue .onetwothree .box h3 {
        font-size: 16px !important;
        margin: 0 !important; }
      .solution_dialogue .onetwothree .box p {
        margin: 0 !important; }
        .solution_dialogue .onetwothree .box p strong {
          font-size: 18px;
          color: #555555; }
        .solution_dialogue .onetwothree .box p a {
          color: #333333; }
      .solution_dialogue .onetwothree .box.one {
        padding-top: 0em; }
      .solution_dialogue .onetwothree .box.two {
        background: white;
        padding: 0; }
      .solution_dialogue .onetwothree .box.three {
        padding-bottom: 0; }
  .solution_dialogue .similar_articles .partials {
    margin-top: 5px;
    padding: 0 20px; }
    .solution_dialogue .similar_articles .partials:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0; }
    .solution_dialogue .similar_articles .partials .article {
      padding-bottom: 10px;
      border-bottom: 1px solid #cccccc;
      margin-bottom: 10px; }
      .solution_dialogue .similar_articles .partials .article h4 {
        font-weight: bold;
        font-size: 16px; }
      .solution_dialogue .similar_articles .partials .article p.body {
        font-size: 12px;
        margin-bottom: 0px; }
      .solution_dialogue .similar_articles .partials .article p.meta {
        color: #555555;
        font-size: 11px;
        margin-bottom: 5px; }
        .solution_dialogue .similar_articles .partials .article p.meta a {
          font-size: 11px; }
      .solution_dialogue .similar_articles .partials .article .this_article_link a {
        color: #333333;
        display: block;
        font-weight: bold;
        text-decoration: none; }
        .solution_dialogue .similar_articles .partials .article .this_article_link a img {
          position: relative;
          top: 3px;
          margin-right: 3px; }
  .solution_dialogue .new_article {
    margin-top: 20px; }
    .solution_dialogue .new_article input.text_field {
      -moz-border-radius: 0.3em;
      -webkit-border-radius: 0.3em;
      width: 98%; }
    .solution_dialogue .new_article textarea {
      -moz-border-radius: 0.3em;
      -webkit-border-radius: 0.3em;
      width: 98%;
      height: 140px; }

.opinion.praise .item_title {
  padding-left: 25px;
  background: url(/images/icons/opinion_praise.png) no-repeat 0 50%; }

.opinion.blame .item_title {
  padding-left: 25px;
  background: url(/images/icons/opinion_blame.png) no-repeat 0 50%; }

#opinions_show #post_wrapper h2 {
  padding-left: 25px; }
  #opinions_show #post_wrapper h2.praise {
    background: url(/images/icons/opinion_praise.png) no-repeat 0 50%; }
  #opinions_show #post_wrapper h2.blame {
    background: url(/images/icons/opinion_blame.png) no-repeat 0 50%; }
#opinions_show #post_wrapper #praise_blame_container {
  overflow: hidden;
  width: 100%; }
#opinions_show #post_wrapper #praise,
#opinions_show #post_wrapper #blame {
  float: left;
  width: 48%;
  margin: 0 2% 0 0; }

.opinion_form #positive_container,
.opinion_form #praise_blame_container {
  width: 100%;
  overflow: hidden;
  margin: 0 0 10px; }
.opinion_form #praise,
.opinion_form #blame {
  float: left;
  margin: 0 15px 0 0; }
.opinion_form .pc_radiobutton {
  cursor: pointer;
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  float: left;
  height: 30px;
  margin: 0 65px 0 0;
  border: 1px solid transparent;
  padding: 10px 0 0 50px; }
.opinion_form .error {
  height: 29px;
  border: 1px solid transparent;
  padding: 10px 0 0 50px;
  color: red; }
.opinion_form #positive_true.pc_radiobutton,
.opinion_form #positive_true.pc_radio_unchecked,
.opinion_form #positive_true.pc_radio_unchecked_disabled {
  background-image: url(/images/protocheck/check_praise_off.png); }
.opinion_form #positive_true.pc_radio_checked,
.opinion_form #positive_true.pc_radiobutton:hover,
.opinion_form #positive_true.pc_radio_checked_disabled {
  background-image: url(/images/protocheck/check_praise_on.png); }
.opinion_form #positive_false.pc_radiobutton,
.opinion_form #positive_false.pc_radio_unchecked,
.opinion_form #positive_false.pc_radio_unchecked_disabled {
  background-image: url(/images/protocheck/check_blame_off.png); }
.opinion_form #positive_false.pc_radio_checked,
.opinion_form #positive_false.pc_radiobutton:hover,
.opinion_form #positive_false.pc_radio_checked_disabled {
  background-image: url(/images/protocheck/check_blame_on.png); }

#opinion_stats {
  margin: 0 0 30px 0; }
  #opinion_stats .praise_stats,
  #opinion_stats .blame_stats {
    background-repeat: no-repeat;
    background-position: 0 center;
    padding: 5px 0 5px 50px; }
    #opinion_stats .praise_stats:after,
    #opinion_stats .blame_stats:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0; }
    #opinion_stats .praise_stats .percentage,
    #opinion_stats .blame_stats .percentage {
      display: block;
      font-size: 24px;
      font-weight: bold; }
    #opinion_stats .praise_stats .note,
    #opinion_stats .blame_stats .note {
      font-size: 11px; }
  #opinion_stats .praise_stats {
    background-image: url("/images/opinion_praise.png"); }
  #opinion_stats .blame_stats {
    background-image: url("/images/opinion_blame.png"); }

button.opinion_fav,
button.opinion_unfav {
  outline: 0 none;
  border: 0 none;
  height: 26px;
  background: url("/images/icons/opinion_fav.png") no-repeat;
  margin: 0 0 15px 0;
  padding-left: 32px; }

button.opinion_unfav {
  background: url("/images/icons/opinion_unfav.png") no-repeat; }

#login #login_form {
  background: #f9f9fa url(/images/light_bg.png) repeat-x bottom;
  padding: 15px;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #eeeeee; }
  #login #login_form h3.setup {
    font-size: 16px !important;
    margin-bottom: 5px !important; }
  #login #login_form #error_message {
    color: red; }
    #login #login_form #error_message ul {
      color: #333333;
      list-style-type: none; }
  #login #login_form h2 {
    font-size: 1.7em; }
  #login #login_form input.text_field {
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em; }
#login #social_networks,
#login #plans {
  padding-top: 15px;
  padding-left: 30px; }
  #login #social_networks h2,
  #login #plans h2 {
    font-size: 1.7em; }
#login #session_buffer_info {
  background: #ffffcc;
  padding: 15px;
  border-bottom: 1px solid yellow;
  border-top: 1px solid yellow;
  font-size: 14px; }
#login #plans .plan {
  padding: 20px;
  padding-top: 16px;
  margin-top: -16px;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em; }
  #login #plans .plan#basic {
    background: #eff4e4; }
  #login #plans .plan#plus {
    background: #dee8c8; }
  #login #plans .plan#premium {
    background: #cddcab; }
  #login #plans .plan#max {
    background: #89a14d;
    color: black; }
  #login #plans .plan p.price {
    margin-bottom: 10px; }
  #login #plans .plan h3 {
    margin-bottom: 5px;
    font-size: 12px; }
  #login #plans .plan .price {
    font-size: 16px; }
  #login #plans .plan ul.features {
    padding-left: 20px; }
  #login #plans .plan ul.prices {
    list-style-type: none; }

a.addthis_button {
  padding: 0 0 0 22px;
  background: url(/images/transmit.png) no-repeat 0 center; }

.report_form {
  margin-top: 1.25em; }

ul.tags {
  list-style: none;
  display: inline;
  margin: 0; }
  ul.tags:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  ul.tags li.action {
    display: inline;
    font-size: 11px;
    color: #666666; }
    ul.tags li.action a {
      text-decoration: none;
      font-weight: normal; }
  ul.tags li.tag_without_link {
    display: inline;
    margin-right: 5px;
    font-size: 11px;
    font-weight: bold;
    color: #555555;
    text-decoration: none; }
    ul.tags li.tag_without_link:hover {
      color: #111111;
      cursor: pointer; }
  ul.tags li.tag {
    display: inline;
    line-height: 1.5em; }
    ul.tags li.tag a {
      margin-right: 2px;
      font-size: 11px;
      font-weight: bold;
      color: #555555;
      text-decoration: underline !important; }
      ul.tags li.tag a:hover {
        color: #111111;
        cursor: pointer; }

.tags_page table {
  width: 100%; }
  .tags_page table td {
    width: 22%;
    padding-right: 3%;
    vertical-align: top; }
    .tags_page table td h4 {
      display: block;
      font-size: 20px;
      font-weight: normal;
      margin: 0 0 0 0;
      text-transform: uppercase; }
    .tags_page table td ul {
      list-style: none; }
      .tags_page table td ul li.display_all {
        border-top: 1px solid #ccc; }
      .tags_page table td ul li a {
        font-weight: bold;
        font-size: 13px;
        padding: 0px 3px 5px 3px;
        display: block; }
        .tags_page table td ul li a:hover {
          text-decoration: none;
          color: #222222; }
          .tags_page table td ul li a:hover span {
            color: #222222; }
        .tags_page table td ul li a.active {
          color: #222222; }
        .tags_page table td ul li a span {
          float: right;
          color: #cccccc; }

ul.topics_list {
  margin: 0!important; }
  ul.topics_list li {
    padding: 7px 5px 10px 50px;
    background: #f5f3f4;
    margin: 0 0 2px 0!important;
    font-size: 15px;
    line-height: 20px; }
    ul.topics_list li.with_article, ul.topics_list li.answered {
      background: #f7faee url(/images/icons/icon-solved.png) no-repeat 10px 10px; }
    ul.topics_list li.not_answered {
      background: #f5f3f4 url(/images/icons/icon-answer.png) no-repeat 10px 10px; }
    ul.topics_list li.open {
      background: #ecf0f5 url(/images/icons/icon-question.png) no-repeat 10px 10px; }
    ul.topics_list li a {
      display: block; }

div.topics_page {
  width: 700px; }
  div.topics_page h2 span {
    color: #000!important; }
    div.topics_page h2 span a.active {
      color: #939393; }
  div.topics_page .topic {
    margin: 0 0 2px 0;
    background: #f5f3f4; }
    div.topics_page .topic:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0; }
    div.topics_page .topic.with_article, div.topics_page .topic.answered {
      background: #f7faee url(/images/icons/icon-solved.png) no-repeat 10px 10px; }
    div.topics_page .topic.not_answered {
      background: #f5f3f4 url(/images/icons/icon-answer.png) no-repeat 10px 10px; }
    div.topics_page .topic.open {
      background: #ecf0f5 url(/images/icons/icon-question.png) no-repeat 10px 10px; }
    div.topics_page .topic .topic_content {
      width: 487px;
      height: 83px;
      float: left;
      padding: 7px 20px 10px 50px;
      font-size: 15px;
      line-height: 20px; }
      div.topics_page .topic .topic_content a {
        display: block; }
      div.topics_page .topic .topic_content .topic_tags {
        color: #939393;
        font-size: 12px;
        font-weight: normal;
        margin: 0!important; }
    div.topics_page .topic .topic_info {
      width: 105px;
      height: 76px;
      padding: 14px 1px 10px 15px;
      float: right;
      border-left: 1px solid #fff; }
      div.topics_page .topic .topic_info.with_article, div.topics_page .topic .topic_info.answered {
        background: #f7faee url(/images/icons/corner-green.png) no-repeat 0 0; }
      div.topics_page .topic .topic_info.not_answered {
        background: #f5f3f4 url(/images/icons/corner-grey.png) no-repeat 0 0; }
      div.topics_page .topic .topic_info.open {
        background: #ecf0f5 url(/images/icons/corner-blue.png) no-repeat 0 0; }
      div.topics_page .topic .topic_info .answers {
        font-size: 11px;
        font-weight: bold; }
        div.topics_page .topic .topic_info .answers span {
          font-size: 15px; }
        div.topics_page .topic .topic_info .answers a {
          color: #000; }
      div.topics_page .topic .topic_info .opened_time {
        font-size: 10px;
        color: #666; }
      div.topics_page .topic .topic_info .opened_from {
        font-size: 10px;
        color: #666; }
      div.topics_page .topic .topic_info .last_status_from {
        margin-top: 3px;
        font-size: 10px;
        color: #666; }

ul.articles_list {
  width: 320px; }
  ul.articles_list:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  ul.articles_list li {
    padding: 7px 0px 10px 0;
    margin: 0 0 2px 0;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px; }
    ul.articles_list li .user_avatar, ul.articles_list li .user .user_avatar, .user ul.articles_list li .user_avatar {
      margin-right: 10px; }
    ul.articles_list li .info {
      width: 250px;
      float: left; }
      ul.articles_list li .info a {
        display: block; }
      ul.articles_list li .info .articles_list_tags {
        color: #939393;
        font-size: 12px;
        font-weight: normal;
        margin: 0!important; }

div.articles_page {
  width: 700px; }
  div.articles_page h2 span {
    color: #000!important; }
    div.articles_page h2 span a.active {
      color: #939393; }

.article {
  padding: 0 0 15px 0!important;
  width: 100%;
  height: 170px;
  font-size: 15px; }
  .article .article_tags {
    color: #939393;
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 4px 0!important; }
  .article h4 {
    margin-bottom: 3px!important;
    margin-top: 0!important; }
  .article p img {
    margin-right: 5px; }

.articles_userpage,
.articles_topicpage {
  width: 700px; }
  .articles_userpage .article,
  .articles_topicpage .article {
    padding: 5px 0 0 0!important;
    width: 100%;
    height: auto!important;
    font-size: 15px; }
    .articles_userpage .article .article_tags,
    .articles_topicpage .article .article_tags {
      color: #939393;
      font-size: 12px;
      font-weight: normal;
      margin: 0 0 4px 0!important; }
    .articles_userpage .article h4,
    .articles_topicpage .article h4 {
      margin-bottom: 3px!important;
      margin-top: 0!important; }
    .articles_userpage .article p img,
    .articles_topicpage .article p img {
      margin-right: 5px; }

#frontpage #header {
  background: white;
  width: 960px;
  margin: 0 auto;
  padding: 0px; }
  #frontpage #header img {
    margin: 30px 0 40px 0;
    margin-left: -2px; }
  #frontpage #header #menu {
    float: right;
    width: 34%; }
#frontpage #tabs {
  margin: 0 auto;
  background: white url(/images/shadow.png) repeat-x scroll left 28px;
  border-bottom: 1px solid #cccccc; }
  #frontpage #tabs ul {
    width: 960px;
    margin: 0 auto; }
    #frontpage #tabs ul:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0; }
    #frontpage #tabs ul li {
      display: block;
      float: left;
      -moz-border-radius-topright: 0.3em;
      -moz-border-radius-topleft: 0.3em;
      -webkit-border-top-right-radius: 0.3em;
      -webkit-border-top-left-radius: 0.3em;
      width: 300px; }
      #frontpage #tabs ul li span {
        text-align: left;
        display: block;
        margin-right: 30px;
        background: url(/images/shadow.png) repeat-x scroll left 23px; }
        #frontpage #tabs ul li span a {
          -moz-border-radius-topright: 0.3em;
          -moz-border-radius-topleft: 0.3em;
          -webkit-border-top-right-radius: 0.3em;
          -webkit-border-top-left-radius: 0.3em;
          border: 1px solid #dddddd;
          border-bottom: 1px solid #cccccc;
          padding: 12px 16px 12px 16px;
          display: block;
          font-size: 120%;
          font-weight: bold;
          color: #333333;
          margin-bottom: -1px; }
      #frontpage #tabs ul li:hover span {
        background: white; }
      #frontpage #tabs ul li:hover a {
        text-decoration: none; }
      #frontpage #tabs ul li.active span {
        background: white; }
      #frontpage #tabs ul li.active a {
        border: 1px solid #cccccc;
        border-bottom: 1px solid white;
        background-color: white; }
      #frontpage #tabs ul li.active.bg span {
        background: #f9f9fa; }
      #frontpage #tabs ul li.active.bg a {
        border: 1px solid #cccccc;
        border-bottom: 1px solid #f9f9fa;
        background-color: #f9f9fa; }
#frontpage #body {
  border-top: 0px solid #006211;
  background: #f9f9fa url(/images/light_bg.png) repeat-x bottom;
  border-bottom: 1px solid #cccccc; }
  #frontpage #body:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
#frontpage .container {
  padding: 0px;
  width: 960px;
  margin: 0 auto;
  background: white url(/images/light_bg.png) repeat-x bottom; }
  #frontpage .container:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  #frontpage .container.clear {
    background: none; }
  #frontpage .container #content {
    padding: 0px;
    width: 60%;
    float: left; }
    #frontpage .container #content .header {
      margin-top: 20px;
      margin-bottom: 40px;
      padding: 0px 18px;
      width: 532px; }
      #frontpage .container #content .header h2 {
        color: black;
        font-size: 25px;
        font-weight: bold;
        line-height: 1.6em;
        margin-bottom: 10px; }
      #frontpage .container #content .header p {
        color: black;
        font-size: 20px; }
  #frontpage .container #boxes {
    margin-top: 30px; }
    #frontpage .container #boxes:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0; }
    #frontpage .container #boxes .box {
      width: 100%;
      clear: left;
      margin-bottom: 20px; }
      #frontpage .container #boxes .box:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0; }
      #frontpage .container #boxes .box .image {
        width: 130px;
        height: 130px;
        padding: 5px;
        float: left;
        background: url(/images/frontpage/stripes.png);
        border: 5px solid white; }
      #frontpage .container #boxes .box .text {
        padding-top: 5px;
        margin-left: 180px; }
        #frontpage .container #boxes .box .text h3 {
          font-size: 18px;
          font-weight: bold;
          color: #333333;
          margin-bottom: 5px; }
        #frontpage .container #boxes .box .text p {
          font-size: 15px;
          color: #555555;
          width: 340px;
          line-height: 1.4em; }
  #frontpage .container #side {
    position: absolute;
    margin-left: 600px;
    padding: 0px;
    min-height: 500px;
    width: 360px;
    background: white;
    margin-bottom: -1px;
    margin-top: -46px;
    border: 1px solid #cccccc;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em; }
    #frontpage .container #side h3 {
      color: #333333;
      font-size: 120%;
      margin-bottom: 10px;
      margin-left: 20px;
      margin-top: 12px; }
    #frontpage .container #side .box {
      margin: 0 20px;
      padding: 20px 0; }
      #frontpage .container #side .box.border {
        border-bottom: 1px dotted #cccccc; }
      #frontpage .container #side .box h4 {
        color: #444444;
        font-size: 16px;
        margin-bottom: 5px;
        text-shadow: white 1px 1px 2px; }
      #frontpage .container #side .box p.date {
        font-size: 11px;
        color: #888888;
        margin-bottom: 5px; }
      #frontpage .container #side .box p {
        font-size: 14px;
        color: #555555;
        line-height: 1.5em; }
    #frontpage .container #side .live_demo {
      border-top: 1px solid #cccccc;
      padding-top: 20px; }
      #frontpage .container #side .live_demo h4 {
        color: #444444;
        font-size: 16px;
        margin-bottom: 5px;
        margin-left: 20px;
        text-shadow: white 1px 1px 2px; }
      #frontpage .container #side .live_demo img {
        margin-left: 10px; }
#frontpage #footer {
  background: white;
  margin: 30px auto 60px auto;
  width: 960px;
  color: #666666; }