/*
 * CrowdSource module
 * (c) Schoolpagina, 2009
 *
 * * * * * * * * * * */

/* Colors

  #006688 - blue 0, darkest
  #198cb2 - blue 1
  #00afe2 - blue 2
  #00cbf8 - blue 3, lightest

*/

/* CMS, manage
-----------------------------------------*/

div#cs * { font-family: Arial, Helvetica, sans-serif; }

/* Icons */
div#cs span.cs_ico,
div#cs a.cs_ico { display: block; background: #fff url("/i/mod-cs/icons.20x20.w.png") no-repeat 0 0; width: 20px; height: 20px; border: 0; text-decoration: none; }
  div#cs span.cs_ch_fav,
  div#cs a.cs_ch_fav { background-position: 0 0; }
  div#cs span.cs_ch_rate_good,
  div#cs a.cs_ch_rate_good { background-position: -20px 0; }
  div#cs span.cs_ch_rate_bad,
  div#cs span.cs_ch_rate_bad { background-position: -40px 0; }
  div#cs span.cs_ch_msgs,
  div#cs a.cs_ch_msgs { background-position: -60px 0; }
  div#cs span.cs_ch_slns { background-position: -80px 0; }
  div#cs span.cs_pub_on { background-position: -100px 0; }
  div#cs span.cs_pub_off { background-position: -120px 0; }
  div#cs span.cs_edt,
  div#cs a.cs_edt { background-position: -140px 0; }
  div#cs span.cs_ch_usr { background-position: -160px 0; }
  div#cs span.cs_ch_corp { background-position: -180px 0; }

/* Button */
div#cs a.cs-btn { display: block; margin: 0; color: #fff; padding: 2px 12px 2px 16px; font-weight: bold; background: #000 url("/i/mod-cs/bp.gif") no-repeat 0 50%; text-decoration: none; }

/* Managers
--------------------------------*/
div#cs div#cs_mng {}

  /* View */
  div#cs div#cs_mng div.view {}

    /* View, toolbar */
    div#cs div#cs_mng div.view table.tlb { margin: 0 0 10px; }
      div#cs div#cs_mng div.view table.tlb td { padding: 10px 10px 0 0; }
        div#cs div#cs_mng div.view table.tlb tr:first-child td { padding: 0 10px 0 0; }
    /* View, filter */
    div#cs div#cs_mng div.view div.fltr { background-color: #eee; padding: 12px; margin: 0 0 10px; }
      div#cs div#cs_mng div.view div.fltr table.so {}
        div#cs div#cs_mng div.view div.fltr table.so td.lbl { padding: 0 10px 0 0; }
        div#cs div#cs_mng div.view div.fltr table.so td select { background-color: #fff; width: 250px; }
      div#cs div#cs_mng div.view div.fltr table.chk { margin-top: 5px; }
        div#cs div#cs_mng div.view div.fltr table.chk td { vertical-align: middle; padding: 5px 20px 0 0; }
          div#cs div#cs_mng div.view div.fltr table.chk td label {}
          div#cs div#cs_mng div.view div.fltr table.chk td input { padding: 0; margin: 0 10px 0 0; }
      div#cs div#cs_mng div.view div.fltr table.tlb_srch { margin-top: 12px; }
        div#cs div#cs_mng div.view div.fltr td.btns { width: 220px; }
          div#cs div#cs_mng div.view div.fltr td.btns a.cs-btn { float: left; width: 70px; margin-right: 10px; }
        div#cs div#cs_mng div.view div.fltr table.tlb_srch td.lbl { text-align: right; padding: 0 10px 0 0; }
        div#cs div#cs_mng div.view div.fltr table.tlb_srch td.fld { width: 1%; padding: 0 10px 0 0; }
          div#cs div#cs_mng div.view div.fltr table.tlb_srch td.fld input { border: solid 1px #809db9; width: 150px; }
        div#cs div#cs_mng div.view div.fltr table.tlb_srch td.btn { width: 1%; }

/* Public, rate
-----------------------------------------*/
/* Large, 50x50 */
.cs-r-owner  { width: 50px; height: 50px; background-position: 0 -350px; }
.cs-r-newbie { width: 50px; height: 50px; background-position: 0 -300px; }
.cs-r-junior { width: 50px; height: 50px; background-position: 0 -250px; }
.cs-r-senior { width: 50px; height: 50px; background-position: 0 -200px; }
.cs-r-master { width: 50px; height: 50px; background-position: 0 -150px; }
.cs-r-expert { width: 50px; height: 50px; background-position: 0 -100px; }
.cs-r-prof   { width: 50px; height: 50px; background-position: 0 -50px; }
.cs-r-guru   { width: 50px; height: 50px; background-position: 0 -0px; }

/* Smaller, 21x23 */
span.cs-usr-rate-small .cs-r-owner  { background-position: 0 -161px; }
span.cs-usr-rate-small .cs-r-newbie { background-position: 0 -138px; }
span.cs-usr-rate-small .cs-r-junior { background-position: 0 -115px; }
span.cs-usr-rate-small .cs-r-senior { background-position: 0 -92px; }
span.cs-usr-rate-small .cs-r-master { background-position: 0 -69px; }
span.cs-usr-rate-small .cs-r-expert { background-position: 0 -46px; }
span.cs-usr-rate-small .cs-r-prof   { background-position: 0 -23px; }
span.cs-usr-rate-small .cs-r-guru   { background-position: 0 -0px; }

/* Challenge edit
--------------------------------*/
div#cs div#cs_ch_edt {}
  div#cs div#cs_ch_edt div.frm { background-color: #eee; margin-bottom: 10px; }
    div#cs div#cs_ch_edt div.frm div.subttl { font-weight: bold; }
    div#cs div#cs_ch_edt div.frm div.hlp { color: #999; }
    div#cs div#cs_ch_edt div.frm input[type=text],
    div#cs div#cs_ch_edt div.frm textarea { border: solid 1px #809db9; width: 99%; background-color: #fff; }

    /* Common fields */
    div#cs div#cs_ch_edt div.frm div.flds { padding: 15px 15px 0 15px; }
      div#cs div#cs_ch_edt div.frm div.flds label { display: block; font-weight: bold; margin-top: 10px; }
        div#cs div#cs_ch_edt div.frm div.flds label:first-child { margin-top: 0; }
        div#cs div#cs_ch_edt div.frm div.flds label input { display: block; }
      div#cs div#cs_ch_edt div.frm div.flds td.half { width: 250px; padding: 15px 10px 0 0; }
        div#cs div#cs_ch_edt div.frm div.flds td.half { white-space: nowrap; }
    /* Conversion */
    div#cs div#cs_ch_edt div.frm div.cnv { padding: 15px 15px 15px 15px; border-bottom: solid 1px white; margin: 0; }
      div#cs div#cs_ch_edt div.frm div.cnv div.flds { padding: 15px 0 0 0; }
        div#cs div#cs_ch_edt div.frm div.cnv div.flds input { width: 60px; }
          div#cs div#cs_ch_edt div.frm div.cnv div.flds input[disabled] { background-color: #eee; }
    /* Attachments edit */
    div#cs div#cs_ch_edt div.frm div.atts { padding: 20px 15px 0 15px; width: 530px; }
      div#cs div#cs_ch_edt div.frm div.atts table { width: 100%; }
        div#cs div#cs_ch_edt div.frm div.atts table td.rb { vertical-align: top; padding: 10px 20px 0 0; }
          div#cs div#cs_ch_edt div.frm div.atts table td.rb label { font-weight: bold; }
        div#cs div#cs_ch_edt div.frm div.atts table td.att { vertical-align: top; padding: 10px 0 0 0; }
          div#cs div#cs_ch_edt div.frm div.atts table td.att textarea { font-size: smaller; }
          div#cs div#cs_ch_edt div.frm div.atts td.att table.photo td {}
            div#cs div#cs_ch_edt div.frm div.atts td.att table.photo td.btn { width: 90px; vertical-align: top; }
            div#cs div#cs_ch_edt div.frm div.atts td.att table.photo a.cs-btn { width: 80px; float: right; margin-right: 3px }
            div#cs div#cs_ch_edt div.frm div.atts td.att table.photo td.d1 { padding: 0 0 10px 0; }
              div#cs div#cs_ch_edt div.frm div.atts td.att table.photo td.d1 img { display: block; margin-bottom: 10px; border: solid 1px #ccc; }
              div#cs div#cs_ch_edt div.frm div.atts td.att table.photo td.d1 div.nophoto { width: 160px; border: solid 1px #ccc; padding: 20px 10px; text-align: center; }
              div#cs div#cs_ch_edt div.frm div.atts td.att table.photo td.lbl { padding: 0 10px 0 0; width: 100px; white-space: nowrap; }
                div#cs div#cs_ch_edt div.frm div.atts td.att table.photo td.d { padding: 0; }
              div#cs div#cs_ch_edt div.frm div.atts td.att table.photo td.d input { display: block; }
            div#cs div#cs_ch_edt div.frm div.atts td.att table.photo td.btn {}
            div#cs div#cs_ch_edt div.frm div.atts td.att table.photo tr.current td { padding-bottom: 10px; }
    /* Activities edit */
    div#cs div#cs_ch_edt div.frm div.activity { padding: 20px 15px 10px 15px; }
      div#cs div#cs_ch_edt div.frm div.activity table {}
        div#cs div#cs_ch_edt div.frm div.activity table td { padding: 5px 5px 0 0; }
        div#cs div#cs_ch_edt div.frm div.activity table td.fld input { width: 250px; }
  /* Buttons */
  div#cs div#cs_ch_edt div.tlb div.row { padding: 0 0 25px 0;  }
    div#cs div#cs_ch_edt div.tlb a.cs-btn { width: 80px; float: left; margin: 0 10px 0 0; }



/* Public, Challenge view
-----------------------------------------*/
div#cs div#cs_overview {}
  /* Challenge view */
  div#cs div.cha_view { background-color: #198cb2; padding: 1em; border-bottom: solid 1px #fff; }
    /* Title */
    div#cs div.cha_view div.ttl { color: #fff; font-weight: bold; font-size: 14pt; }
    /* Attributes & buttons */
    div#cs div.cha_view div.attrs { margin: 1em 0 0 0; }
      /* Attributes */
      div#cs div.cha_view div.attrs {}
        div#cs div.cha_view div.attrs table.lay2 { width: 100%; }
          div#cs div.cha_view div.attrs table.lay2 a.cs-btn { white-space: nowrap; }
          div#cs div.cha_view div.attrs table.lay2 > tbody > tr > td { padding: 0; text-align: left; width: 20%; height: 30px; }
            div#cs div.cha_view div.attrs table.lay2 td.val { white-space: nowrap; }
            div#cs div.cha_view div.attrs table.lay2 td.c1 { padding-left: 0; white-space: normal;  }
            div#cs div.cha_view div.attrs table.lay2 td.lbl { padding: 0 1em; color: #fff; font-weight: bold; white-space: nowrap; }
            div#cs div.cha_view div.attrs table.lay2 td.c2 { padding: 0 2em; }
              div#cs div.cha_view div.attrs span.msgs { padding: 0 20px 0 0; background: url("/i/mod-cs/icons.16x20.png") 100% 0 no-repeat; line-height: 20px; display: block; float: left; }
              div#cs div.cha_view div.attrs span.slns { padding: 0 20px 0 0; background: url("/i/mod-cs/icons.16x20.png") 100% -20px no-repeat; line-height: 20px; display: block; float: left; }
            div#cs div.cha_view div.attrs table.lay2 td.c3 { width: 25%; }

/* Data
-----------------------------------------*/
div#cs div.cs_preview_big { height: 300px; margin-top: 0.5em; }
  div#cs div.cs_preview_big div.media { float: left; height: 300px; width: 400px; border: 0; overflow: hidden; background-color: #fff; }
  div#cs div.cs_preview_big div.text { overflow: auto; height: 278px; background-color: #fff; border: solid 1px #999; padding: 10px; }
    /* Challenge only */
    div#cs div.cs_preview_big div.text div.question { color: #00afe2; font-weight: bold; font-size: 14pt; }
    /* Solution only */
    div#cs div.cs_preview_big div.text div.sln_ttl { color: #198cb2; font-size: 14pt; font-weight: bold; }
    div#cs div.cs_preview_big div.text div.sln_dtm { color: #999; }
    div#cs div.cs_preview_big div.text div.sln_mker { color: #999; }

/* Public, common for lists
-----------------------------------------*/
/* window toolbar */
div#cs div.wnd-tlb { float: right; width: 40px; margin: -.5em -.5em 0 0; text-align: right; display: none; }

/* title of list */
div#cs div.ttl_cntr {}
  /* Title icon */
  div#cs div.ttl_cntr div.ttl_ico { float: left; width: 32px; height: 32px; margin: 0 1em 0 0; background: url("/i/mod-cs/icons.32x32.png") -288px 0 no-repeat; }
  /* Title */
  div#cs div.ttl_cntr div.ttl { line-height: 32px; margin: 0; color: #fff; font-size: 14pt; font-weight: bold; }

/* filter */
div#cs div.fltr { margin-top: 1em; }
  div#cs div.fltr table.flds { width: 100%;}
    div#cs div.fltr table.flds td.lbl { padding: 0; width: 130px; white-space: nowrap; color: #000; padding: 0 1em 0 0; }
    div#cs div.fltr table.flds td.fld { padding: 0; width: 1%; }
      div#cs div.fltr table.flds td.fld select { width: 120px; background-color: #fff; }
      div#cs div.fltr table.flds td.fld input { width: 120px; background-color: #fff; }
      div#cs div.fltr table.flds td.fld input[type=text] { width: 118px; border: solid 1px #999; font-size: 8pt; }
    div#cs div.fltr table.flds tr.second td { padding-top: 0.5em; }
    div#cs div.fltr table.flds td.ctrl { padding-left: 1.5em; }
      div#cs div.fltr table.flds tr.second td.ctrl a { display: block; width: auto; float: left; margin: 0; color: #fff; padding: 1px 5px 1px 15px; font-weight: bold; background: #666 url("/i/mod-cs/pgn.png") no-repeat 0 50%; text-decoration: none; }

/* Public, Challanges overview
-----------------------------------------*/
div#cs div#cs_overview {}
  /* Challenges list */
  div#cs div#cs_overview div.cha_ls { background-color: #00afe2; padding: 1em; border-bottom: solid 1px #fff; }
    /* Title icon */
    div#cs div#cs_overview div.cha_ls div.ttl_cntr div.ttl_ico { background-position: -160px -128px; }
    /* Title */
    div#cs div#cs_overview div.cha_ls div.ttl_cntr div.ttl { color: #fff; }
    /* no-data */
    div#cs div#cs_overview div.cha_ls div.no-data { padding: 1em 0 0; color: #fff; font-weight: bold; }
    /* data */
    div#cs div#cs_overview div.cha_ls div.data {}
      div#cs div#cs_overview div.cha_ls div.data div.cha { background-color: #00cbf8; margin-top: 6px; }
        /* Header */
        div#cs div#cs_overview div.cha_ls div.data div.cha table.cha_lay0 { width: 100%; background-color: #006688; border: solid 1px #00cbf8; }
          div#cs div#cs_overview div.cha_ls div.data div.cha table.cha_lay0 td { padding: 2px 6px; color: #fff; }
          div#cs div#cs_overview div.cha_ls div.data div.cha table.cha_lay0 td.c0 { font-size: 10pt; font-weight: bold; }
          div#cs div#cs_overview div.cha_ls div.data div.cha table.cha_lay0 td.c1 { text-align: right; white-space: nowrap; }
            div#cs div#cs_overview div.cha_ls div.data div.cha table.cha_lay0 td.c1 a { color: #fff;  }
        /* Body */
        div#cs div#cs_overview div.cha_ls div.data div.cha table.cha_lay1 { width: 100%; margin: 0; }
          div#cs div#cs_overview div.cha_ls div.data div.cha table.cha_lay1 td { vertical-align: top; }
          div#cs div#cs_overview div.cha_ls div.data div.cha table.cha_lay1 td.c0 { padding: 6px; }
          div#cs div#cs_overview div.cha_ls div.data div.cha table.cha_lay1 td.c1 { padding: 6px 6px 6px 0; }
            div#cs div#cs_overview div.cha_ls div.data div.cha table.cha_lay1 td.c1 div.rate { background-color: #00afe2; padding: 3px 5px; margin: 0 0 6px 0; }
            div#cs div#cs_overview div.cha_ls div.data div.cha table.cha_lay1 td.c1 div.stat { background-color: #00afe2; padding: 3px 5px; margin: 0; height: 20px; }
              div#cs div#cs_overview div.cha_ls div.data div.cha table.cha_lay1 td.c1 div.stat span.msgs { float: left; display: block; line-height: 20px; margin: 0 0 0 5px; padding: 0 2px 0 20px; background: url("/i/mod-cs/icons.16x20.png") 0 -40px no-repeat; }
              div#cs div#cs_overview div.cha_ls div.data div.cha table.cha_lay1 td.c1 div.stat span.slns { float: right; display: block; line-height: 20px; margin: 0 5px 0 0; padding: 0 2px 0 20px; background: url("/i/mod-cs/icons.16x20.png") 0 -60px no-repeat; }
          div#cs div#cs_overview div.cha_ls div.data div.cha table.cha_lay1 td.c2 { padding: 6px 0; width: 80%; }
            div#cs div#cs_overview div.cha_ls div.data div.cha table.cha_lay1 td.c2 div.txt p { font-size: 8pt; }
              div#cs div#cs_overview div.cha_ls div.data div.cha table.cha_lay1 td.c2 div.txt p:first-child { margin-top: 0; }
              div#cs div#cs_overview div.cha_ls div.data div.cha table.cha_lay1 td.c2 div.txt p:last-child { margin-bottom: 0; }
            div#cs div#cs_overview div.cha_ls div.data div.cha table.cha_lay1 td.c2 a.cs-btn { width: auto; float: right; margin-top: 5px; }
          div#cs div#cs_overview div.cha_ls div.data div.cha table.cha_lay1 td.c3 { padding: 6px; }

/* Public, Solutions list
-----------------------------------------*/
div#cs div.sln_ls { background-color: #00afe2; padding: 1em; border-bottom: solid 1px #fff; }
  /* Title icon */
  div#cs div.sln_ls div.ttl_cntr div.ttl_ico { background-position: -256px -32px; }
  /* Title */
  div#cs div.sln_ls div.ttl_cntr div.ttl { color: #fff; }
  /* Buttons row */
  div#cs div.sln_ls div.fltr table.flds tr.second td.btns { padding: 1em 0 0 0; }
    div#cs div.sln_ls div.fltr table.flds tr.second td.btns a.cs-btn { float: left; width: auto; }
  /* no-data */
  div#cs div.sln_ls div.no-data { padding: 1em 0 0; font-weight: bold; }
  /* data */
  div#cs div.sln_ls div.data { background-color: #00cbf8; margin-top: 6px; }
    div#cs div.sln_ls div.data div.sln {}
      /* Header */
      div#cs div.sln_ls div.data div.sln table.sln_lay0 { width: 100%; background-color: #006688; border: solid 1px #00cbf8; }
        div#cs div.sln_ls div.data div.sln table.sln_lay0 td { padding: 2px 6px; color: #fff; }
        div#cs div.sln_ls div.data div.sln table.sln_lay0 td.c0 { font-size: 10pt; font-weight: bold; }
        div#cs div.sln_ls div.data div.sln table.sln_lay0 td.c1 { text-align: right; white-space: nowrap; }
          div#cs div.sln_ls div.data div.sln table.sln_lay0 td.c1 a { color: #fff;  }
      /* Body */
      div#cs div.sln_ls div.data div.sln table.sln_lay1 { width: 100%; margin: 0; }
        div#cs div.sln_ls div.data div.sln table.sln_lay1 td { vertical-align: top; }
        div#cs div.sln_ls div.data div.sln table.sln_lay1 td.c0 { padding: 6px; width: 100px; }
        div#cs div.sln_ls div.data div.sln table.sln_lay1 td.c1 { padding: 6px 0; width: 1%; min-width: 70px; }
        div#cs div.sln_ls div.data div.sln table.sln_lay1 td.c2 { padding: 6px 0 0 6px; }
          div#cs div.sln_ls div.data div.sln table.sln_lay1 td.c2 div.txt p { font-size: 8pt; }
            div#cs div.sln_ls div.data div.sln table.sln_lay1 td.c2 div.txt p:first-child { margin-top: 0; }
            div#cs div.sln_ls div.data div.sln table.sln_lay1 td.c2 div.txt p:last-child { margin-bottom: 0; }
          div#cs div.sln_ls div.data div.sln table.sln_lay1 td.c2 div.btns { margin-top: 5px; height: 1.5em; float: right; }
            div#cs div.sln_ls div.data div.sln table.sln_lay1 td.c2 div.btns a { width: auto; float: left; margin-left: 10px; color: #03c; line-height: 20px; }
              div#cs div.sln_ls div.data div.sln table.sln_lay1 td.c2 div.btns a.sln-msgs { background: url("/i/mod-cs/icons.16x20.png") 0 -80px no-repeat; padding: 0 0 0 20px; }
        div#cs div.sln_ls div.data div.sln table.sln_lay1 td.c3 { width: 60px; padding: 6px; }

/* Public, Messages list
-----------------------------------------*/
div#cs div.msg_ls { background-color: #00cbf8; padding: 1em; }
  /* Title icon */
  div#cs div.msg_ls div.ttl_cntr div.ttl_ico { background-position: -288px 0px; }
  /* Title */
  div#cs div.msg_ls div.ttl_cntr div.ttl { color: #fff; }
  /* Buttons row */
  div#cs div.msg_ls div.fltr table.flds tr.second td.btns { padding: 1em 0 0 0; }
    div#cs div.msg_ls div.fltr table.flds tr.second td.btns a.cs-btn { float: left; width: auto; margin-right: 5px; }
  /* no-data */
  div#cs div.msg_ls div.no-data { padding: 1em 0 0; font-weight: bold; }
  /* data */
  div#cs div.msg_ls div.data { background-color: #00cbf8; margin-top: 6px; }
    div#cs div.msg_ls div.data div.msg { margin-top: 10px; }
    div#cs div.msg_ls div.data div.msg table.msg_lay0 { width: 100%; background-color: #00afe2; border: 0; }
      div#cs div.msg_ls div.data div.msg table.msg_lay0 td { vertical-align: top; }
      div#cs div.msg_ls div.data div.msg table.msg_lay0 td.c0 { width: 80px; background-color: #00cbf8; }
        div#cs div.msg_ls div.data div.msg table.msg_lay0 td.c0 div.usr_lvl { background-color: #00afe2; height: 50px; padding: 5px 15px; }
          div#cs div.msg_ls div.data div.msg table.msg_lay0 td.c0 div.usr_lvl > a { display: block; background-image: url("/i/mod-cs/levels.e.png"); height: 50px; width: 50px; padding: 0; border: 0; }
        div#cs div.msg_ls div.data div.msg table.msg_lay0 td.c0 div.msg_nfo { white-space: nowrap; text-align: left; padding: 6px; }
      div#cs div.msg_ls div.data div.msg table.msg_lay0 td.c1 { width: 92px; background-color: #00cbf8; }
        div#cs div.msg_ls div.data div.msg table.msg_lay0 td.c1 div.rate-e { background-color: #00afe2; padding: 6px 0 6px 0; }
        div#cs div.msg_ls div.data div.msg table.msg_lay0 td.c1 div.usr_photo { padding: 10px 10px; }
      div#cs div.msg_ls div.data div.msg table.msg_lay0 td.c2 { padding: 1px; }
        div#cs div.msg_ls div.data div.msg table.msg_lay0 td.c2 div.btns { width: 14px; float: right; margin: 0 0 5px 5px; }
          div#cs div.msg_ls div.data div.msg table.msg_lay0 td.c2 div.btns a { display: block; height: 14px; background: #00afe2 url("/i/mod-cs/icons.14x14.png") 0 0 no-repeat; }
            div#cs div.msg_ls div.data div.msg table.msg_lay0 td.c2 div.btns a.edt { background-position: 0 0; margin-bottom: 1px; }
            div#cs div.msg_ls div.data div.msg table.msg_lay0 td.c2 div.btns a.rm { background-position: 0 -14px; }
        div#cs div.msg_ls div.data div.msg table.msg_lay0 td.c2 div.txt { padding: 9px; }
          div#cs div.msg_ls div.data div.msg table.msg_lay0 td.c2 div.txt a.author { display: inline; font-weight: bold; color: #000; text-decoration: none; }
            div#cs div.msg_ls div.data div.msg table.msg_lay0 td.c2 div.txt a.author:hover { text-decoration: underline; }
          div#cs div.msg_ls div.data div.msg table.msg_lay0 td.c2 div.txt p { font-size: 8pt; }
            div#cs div.msg_ls div.data div.msg table.msg_lay0 td.c2 div.txt p { margin: 0 0 1em 0; }
            div#cs div.msg_ls div.data div.msg table.msg_lay0 td.c2 div.txt p:last-child { margin-bottom: 0; }

  div#cs div.msg_ls div.btns { float: none; margin-top: 1em; height: 18px; }
    div#cs div.msg_ls div.btns a.cs-btn { float: left; width: auto; margin-right: 5px; }

/* Public, Subject navigation
-----------------------------------------*/
div#cs div.nav { padding-bottom: 10px; }
  div#cs div.btns { float: right; }
  div#cs div.nav-post { height: 20px; }
  div#cs div.nav a.cs-btn { float: left; width: auto; background: #666 url("/i/mod-cs/pgn.png") no-repeat 0 50%; }
    div#cs div.nav a.back { margin-right: 2em; background-position: -750px 50%; }
    div#cs div.nav a.prev { margin-right: 0.5em; background-position: -500px 50%; }
    div#cs div.nav a.prev-off { margin-right: 0.5em; background-position: -750px 50%; }
    div#cs div.nav a.next { background-position: 0 50%; }
    div#cs div.nav a.next-off { background-position: -250px 50%; }

/* Public, Pagination
-----------------------------------------*/
div#cs table.cs-pgn { }
  div#cs table.cs-pgn td { padding: 0; text-align: center; padding: 0 2px; }
    div#cs table.cs-pgn td { color: #fff; border-right: solid 1px #fff; }
    div#cs table.cs-pgn td.flat { border: none; }
    div#cs table.cs-pgn td.dots { border: none; padding: 0; }
    div#cs table.cs-pgn td > a { color: #fff; text-decoration: none; }
      div#cs table.cs-pgn td > a:hover { text-decoration: underline; }
    div#cs table.cs-pgn td.cur {}
      div#cs table.cs-pgn td.cur > a { text-decoration: underline; }
  /* Buttons next/prev */
  div#cs table.cs-pgn td.btn { width: 15%; border: none; }
    div#cs table.cs-pgn td.btn a { display: block; width: auto; margin: 0; color: #fff; padding: 1px 5px 1px 15px; font-weight: bold; background: #666 url("/i/mod-cs/pgn.png") no-repeat 0 50%; text-decoration: none; }
  div#cs table.cs-pgn td.prev { padding: 0 2px 0 0; }
    div#cs table.cs-pgn td.prev a { background-position: -500px 50%; }
    div#cs table.cs-pgn td.prev-off a { background-position: -750px 50%; }
  div#cs table.cs-pgn td.next { padding: 0 0 0 2px; }
    div#cs table.cs-pgn td.next a { background-position: 0 50%; }
    div#cs table.cs-pgn td.next-off a { background-position: -250px 50%; }


/* Public, Rating
-----------------------------------------*/
div#cs div.rating {}
  div#cs div.rating table.rlay { width: 92px; }
    div#cs div.rating table.rlay td {}
      div#cs div.rating table.rlay td.cb { width: 20px !important; }
        div#cs div.rating table.rlay td.cb a,
        div#cs div.rating table.rlay td.cb span { display: block; width: 20px; height: 30px; background: url("/i/mod-cs/rate.d.png") 0 0 no-repeat; }
          div#cs div.rating table.rlay td.cb .rate_off { background-position: -20px 0; }
          div#cs .rate-e div.rating table.rlay td.cb a,
          div#cs .rate-e div.rating table.rlay td.cb span { background-image: url("/i/mod-cs/rate.e.png"); }
      div#cs div.rating table.rlay td.bar { vertical-align: top !important;  }
      div#cs div.rating table.rlay td.bar table { width: 52px !important; }
        div#cs div.rating table.rlay td.bar table td { line-height: 110% !important; padding: 0 5px !important; }
          div#cs div.rating table.rlay td.bar table td.on { text-align: left !important; }
          div#cs div.rating table.rlay td.bar table td.off { text-align: right !important; }
        div#cs div.rating table.rlay td.bar div.bar-0 { width: 50px; border: solid 1px #000; height: 8px; background-color: #ccc; }
          div#cs div.rating table.rlay td.bar div.bar-1 { height: 8px; float: left; }
          div#cs div.rating table.rlay td.bar div.bar-on { background-color: #0f0; }
          div#cs div.rating table.rlay td.bar div.bar-off { background-color: #f00; }

/* Public, Solution rate
-----------------------------------------*/
div#cs div.sln-rate {}
  div#cs div.sln-rate div.rate { background-color: #00afe2; padding: 4px 5px 2px 5px; margin: 5px 0 0 0; }
  div#cs div.sln-rate div.rate:first-child { margin: 0; }
    div#cs div.sln-rate div.rate div.lbl { margin-bottom: 2px; }
    div#cs div.sln-rate div.rate span.off,
    div#cs div.sln-rate div.rate a.off { display: block; width: 70px; height: 14px; background: url("/i/mod-cs/stars.small.png") 0 -42px no-repeat; text-decoration: none; }
      div#cs div.sln-rate div.rate .off span.on { display: block; height: 14px; background: url("/i/mod-cs/stars.small.png") 0 -28px no-repeat; }

/* Public, Lightbox, common
-----------------------------------------*/
body#lb_main div#cs span.nfo, body#lb_main div#cs span.err { display: block; padding: 5px; }


/* Public, Solution view
-----------------------------------------*/
div#cs div.sln_view { background-color: #198cb2; padding: 1em; border-bottom: solid 1px #fff; }
  /* Attributes & buttons */
  div#cs div.sln_view div.attrs { margin: 1em 0 0 0; }
  div#cs div.cha_view a.cs-btn { white-space: nowrap; }
  /* Layout */
  div#cs div.sln_view div.attrs table.lay1 { width: 100%; }
    div#cs div.sln_view div.attrs table.lay1 td { vertical-align: top; }
    div#cs div.sln_view div.attrs table.lay1 tr.r0 td { padding-bottom: 1em; }
    /* row 1, col 1, rating */
    div#cs div.sln_view div.attrs table.lay1 td.c0 { width: 400px; }
      /* Rates */
      div#cs div.sln_view div.sln-rate { height: 42px; margin-bottom: 10px; }
        div#cs div.sln_view div.sln-rate div.rate { background-color: #198cb2; padding: 0; width: 130px; height: 42px; float: left; margin: 0 30px 0 0; }
          div#cs div.sln_view div.sln-rate div.rate div.lbl { margin: 0 0 5px 0; overflow: hidden; }
          div#cs div.sln_view div.sln-rate div.rate span.off,
          div#cs div.sln_view div.sln-rate div.rate a.off { display: block; width: 95px; height: 20px; background: url("/i/mod-cs/stars.png") 0 -20px no-repeat; text-decoration: none; }
            div#cs div.sln_view div.sln-rate div.rate .off span.on { display: block; height: 20px; background: url("/i/mod-cs/stars.png") 0 0 no-repeat; }
      /* Rate info */
      div#cs div.sln_view div.rate_usrs_nof { color: #fff; }
    /* row 1, col 2, user info */
    div#cs div.sln_view div.attrs table.lay1 td.c1 { padding: 0 0 0 1em; }
      div#cs div.sln_view div.pho { float: left; width: 62px; height: auto; margin: 0 2em 0 0; overflow-x: hidden; }
      div#cs div.sln_view div.usr_lvl { float: left; width: 50px; background-color: #00afe2; margin: 0 1em 0 0; height: 50px; padding: 0; background-color: yellow; }
        div#cs div.sln_view div.usr_lvl > a { display: block; background-image: url("/i/mod-cs/levels.d.png"); height: 50px; width: 50px; padding: 0; border: 0; }
      div#cs div.sln_view div.data { float: left; width: 90px; margin: 0; }
        div#cs div.sln_view div.data a { display: block; color: #000; text-decoration: none; }
          div#cs div.sln_view div.data a:hover { display: block; color: #000; text-decoration: underline; }
    /* row 2, col 1, rate */
    div#cs div.sln_view div.attrs table.lay1 td.c0 {}
      /* button */
      div#cs div.sln_view div.b1 { height: 2.5em; }
        div#cs div.sln_view div.b1 a.cs-btn { float: left; width: auto; }
      /* Feedback */
      div#cs div.sln_view div.feedback { color: #fff; font-weight: bold; padding: 2px 0;  }
        div#cs div.sln_view div.feedback a { color: #fff; text-decoration: underline; }
    /* row 2, col 2, actions */
    div#cs div.sln_view div.attrs table.lay1 td.c1 {}
      div#cs div.sln_view div.row0 { height: 2.5em; }
        div#cs div.sln_view div.row0 a.cs-btn { float: right; width: auto; }
        div#cs div.sln_view div.row0 a.edt { float: left; background: #000 url("/i/mod-cs/icons.14x14.png") no-repeat 2px 2px; padding-left: 19px; }
      div#cs div.sln_view div.row1 a.cs-btn { float: right; width: auto; }

/* Public, Solution edit
-----------------------------------------*/
div#cs div#cs_sln_edt { width: 680px; }
  /* Title */
  div#cs div#cs_sln_edt div.ttl { margin: 15px 15px 0 15px; font-size: 14pt; font-weight: bold; color: #00cbf8; padding: 0 0 0 36px; line-height: 32px; background: url("/i/mod-cs/icons.32x32.png") -224px -64px no-repeat; }
  /* Challenge preview */
  div#cs div#cs_sln_edt div.cha { margin: 15px 15px 0 15px; background: #00cbf8; }
    div#cs div#cs_sln_edt div.cha div.cha-ttl { background-color: #006688; color: #fff; font-size: 10pt; font-weight: bold; padding: 2px 8px; }
    div#cs div#cs_sln_edt div.cha table.cha-data { width: 100%; }
    div#cs div#cs_sln_edt div.cha table.cha-data td { vertical-align: top; padding: 8px 8px 8px 4px; }
      div#cs div#cs_sln_edt div.cha table.cha-data td.media { padding: 8px; width: 100px; }
      div#cs div#cs_sln_edt div.cha table.cha-data td div.body { width: 100%; height: 104px; overflow-y: auto; }
        div#cs div#cs_sln_edt div.cha table.cha-data td div.body div.q { font-size: 9pt; font-weight: bold; color: #fff; }
          div#cs div#cs_sln_edt div.cha table.cha-data td div.body div.text p { font-size: 8pt; }
            div#cs div#cs_sln_edt div.cha table.cha-data td div.body div.text p:first-child { margin-top: 0; }
            div#cs div#cs_sln_edt div.cha table.cha-data td div.body div.text p:last-child { margin-bottom: 0; }
  /* Form */
  div#cs div#cs_sln_edt div.frm { background-color: #fff; margin-bottom: 10px; }
    div#cs div#cs_sln_edt div.frm div.subttl { font-weight: bold; }
    div#cs div#cs_sln_edt div.frm div.hlp { color: #999; }
    div#cs div#cs_sln_edt div.frm input[type=text],
    div#cs div#cs_sln_edt div.frm textarea { border: solid 1px #809db9; width: 650px; background-color: #fff; }
    /* Common fields */
    div#cs div#cs_sln_edt div.frm div.flds { padding: 15px 15px 0 15px; }
      div#cs div#cs_sln_edt div.frm div.flds label { display: block; font-weight: bold; margin-top: 10px; }
        div#cs div#cs_sln_edt div.frm div.flds label:first-child { margin-top: 0; }
        div#cs div#cs_sln_edt div.frm div.flds label input { display: block; }
    /* Attachments edit */
    div#cs div#cs_sln_edt div.frm div.atts { padding: 20px 15px 0 15px; width: 530px; }
      div#cs div#cs_sln_edt div.frm div.atts table { width: 100%; }
        div#cs div#cs_sln_edt div.frm div.atts table td.rb { vertical-align: top; padding: 10px 20px 0 0; }
          div#cs div#cs_sln_edt div.frm div.atts table td.rb label { font-weight: bold; }
        div#cs div#cs_sln_edt div.frm div.atts table td.att { vertical-align: top; padding: 10px 0 0 0; }
          div#cs div#cs_sln_edt div.frm div.atts table td.att textarea { font-size: smaller; }
          div#cs div#cs_sln_edt div.frm div.atts td.att table.photo td {}
            div#cs div#cs_sln_edt div.frm div.atts td.att table.photo td.btn { width: 90px; vertical-align: top; }
            div#cs div#cs_sln_edt div.frm div.atts td.att table.photo a.cs-btn { width: 80px; float: right; margin-right: 3px }
            div#cs div#cs_sln_edt div.frm div.atts td.att table.photo td.d1 { padding: 0 0 10px 0; }
              div#cs div#cs_sln_edt div.frm div.atts td.att table.photo td.d1 img { display: block; margin-bottom: 10px; border: solid 1px #ccc; }
              div#cs div#cs_sln_edt div.frm div.atts td.att table.photo td.d1 div.nophoto { width: 160px; border: solid 1px #ccc; padding: 20px 10px; text-align: center; }
              div#cs div#cs_sln_edt div.frm div.atts td.att table.photo td.lbl { padding: 0 10px 0 0; width: 100px; white-space: nowrap; }
                div#cs div#cs_sln_edt div.frm div.atts td.att table.photo td.d { padding: 0; }
              div#cs div#cs_sln_edt div.frm div.atts td.att table.photo td.d input { display: block; }
            div#cs div#cs_sln_edt div.frm div.atts td.att table.photo td.btn {}
            div#cs div#cs_sln_edt div.frm div.atts td.att textarea { width: 99%; }
            div#cs div#cs_sln_edt div.frm div.atts td.att table.photo tr.current td { padding-bottom: 10px; }
  /* Buttons */
  div#cs div#cs_sln_edt div.tlb-help { text-align: right; padding: 10px; color: #999; }
  div#cs div#cs_sln_edt div.tlb div.row { padding: 0 0 5px 0; float: right;  }
    div#cs div#cs_sln_edt div.tlb a.cs-btn { width: auto; float: left; margin: 0 10px 0 0; }

/* Public, Message edit
-----------------------------------------*/
div#cs div#cs_msg_edt { width: 680px; }
  /* Title */
  div#cs div#cs_msg_edt div.ttl { margin: 15px 15px 0 15px; font-size: 14pt; font-weight: bold; color: #00cbf8; padding: 0 0 0 36px; line-height: 32px; background: url("/i/mod-cs/icons.32x32.png") -192px -96px no-repeat; }
  /* Form */
  div#cs div#cs_msg_edt div.frm { background-color: #fff; margin-bottom: 10px; }
    div#cs div#cs_msg_edt div.frm input[type=text],
    div#cs div#cs_msg_edt div.frm textarea { border: solid 1px #809db9; width: 650px; background-color: #fff; }
    /* Common fields */
    div#cs div#cs_msg_edt div.frm div.flds { padding: 15px 15px 0 15px; }
      div#cs div#cs_msg_edt div.frm div.flds label { display: block; font-weight: bold; margin: 0; }
  /* Buttons */
  div#cs div#cs_msg_edt div.tlb div.row { padding: 0 0 5px 0; float: right;  }
    div#cs div#cs_msg_edt div.tlb a.cs-btn { width: auto; float: left; margin: 0 10px 0 0; }

/* Public, Solution rate by user
-----------------------------------------*/
div#cs div#sln_rate { width: 480px; }
  /* Title */
  div#cs div#sln_rate div.ttl { margin: 15px 15px 0 15px; font-size: 14pt; font-weight: bold; color: #00cbf8; padding: 0 0 0 36px; line-height: 32px; background: url("/i/mod-cs/icons.32x32.png") -224px -64px no-repeat; }
  div#cs div#sln_rate div.rates { padding: 0 0 0 52px; }
    div#cs div#sln_rate div.rates div.lbl { margin: 15px 0 3px 0; }
      div#cs div#sln_rate div.rates div.fld { height: 30px; padding: 0; }
        div#cs div#sln_rate div.rates div.fld a { display: block; width: 20px; height: 20px; float: left; border: solid 5px #fff; }
          div#cs div#sln_rate div.rates div.fld a:active { outline: none; }
          div#cs div#sln_rate div.rates div.fld a:focus { outline: none; }
          div#cs div#sln_rate div.rates div.fld a.off { background: #198cb2 url("/i/mod-cs/stars.png") 2px -20px no-repeat; border-color: #198cb2; }
          div#cs div#sln_rate div.rates div.fld a.on { background: #198cb2 url("/i/mod-cs/stars.png") 2px 0px no-repeat; border-color: #198cb2; }
          div#cs div#sln_rate div.rates div.fld a.reset { background: #fff url("/i/mod-cs/icons.20x20.w.png") -40px 0px no-repeat; display: none; }
  div#cs div#sln_rate div.btns { float: none; height: 1.8em; padding: 15px 0 10px 52px;}
    div#cs div#sln_rate div.btns a.cs-btn { width: auto; float: left; margin: 0 10px 0 0; }

/* Public, Solution feedback by owner
-----------------------------------------*/
div#cs div#cs_fb_owner { width: 680px; }
  /* Title */
  div#cs div#cs_fb_owner div.ttl { margin: 15px 15px 0 15px; font-size: 14pt; font-weight: bold; color: #00cbf8; padding: 0 0 0 36px; line-height: 32px; background: url("/i/mod-cs/icons.32x32.png") -224px -64px no-repeat; }
  /* Form */
  div#cs div#cs_fb_owner div.frm { background-color: #fff; margin-bottom: 10px; }
    div#cs div#cs_fb_owner div.frm div.hlp { color: #999; }
    div#cs div#cs_fb_owner div.frm input,
    div#cs div#cs_fb_owner div.frm textarea { border: solid 1px #809db9; background-color: #fff; }
    div#cs div#cs_fb_owner div.frm input { width: 60px; }
    div#cs div#cs_fb_owner div.frm textarea { width: 100%; }
    /* Common fields */
    div#cs div#cs_fb_owner div.frm div.flds { padding: 15px 15px 0 15px; }
      div#cs div#cs_fb_owner div.frm div.flds label { display: block; font-weight: bold; margin-top: 10px; }
        div#cs div#cs_fb_owner div.frm div.flds label:first-child { margin-top: 0; }
  /* Buttons */
  div#cs div#cs_fb_owner div.tlb { height: 1.8em; padding: 0 15px; }
  div#cs div#cs_fb_owner div.tlb div.row { padding: 0 0 5px 0; float: right;  }
    div#cs div#cs_fb_owner div.tlb a.cs-btn { width: auto; float: left; margin: 0 0 0 10px; }

/* Public, Solution feedback
-----------------------------------------*/
div#cs div#cs_fb { width: 680px; }
  /* Title */
  div#cs div#cs_fb div.ttl { margin: 15px 15px 0 15px; font-size: 14pt; font-weight: bold; color: #00cbf8; padding: 0 0 0 36px; line-height: 32px; background: url("/i/mod-cs/icons.32x32.png") -224px -64px no-repeat; }
  /* Data */
  div#cs div#cs_fb div.body { padding: 15px 15px 0 15px; }
    div#cs div#cs_fb div.body label { display: block; font-weight: bold; margin-top: 10px; }
      div#cs div#cs_fb div.body label:first-child { margin-top: 0; }
    div#cs div#cs_fb div.body div.rem { width: 100%; border: solid 1px #999; height: 200px; overflow-y: scroll; }
  /* Buttons */
  div#cs div#cs_fb div.tlb { height: 1.8em; padding: 15px 15px 0 0; float: none; }
    div#cs div#cs_fb div.tlb a.cs-btn { width: auto; float: right; margin: 0 0 0 10px; }

/* Public, Confirmation popup
-----------------------------------------*/
div#cs div#cs_confirm { width: 380px; }
  /* Title */
  div#cs div#cs_confirm div.ttl { margin: 15px 15px 0 15px; font-size: 14pt; font-weight: bold; color: #00cbf8; padding: 0 0 0 36px; line-height: 32px; background: url("/i/mod-cs/icons.32x32.png") -128px -160px no-repeat; }
  div#cs div#cs_confirm div.msg { margin: 15px 5px 15px 51px; }
  /* Buttons */
  div#cs div#cs_confirm div.tlb div.row { padding: 0 0 5px 0; float: right;  }
    div#cs div#cs_confirm div.tlb a.cs-btn { width: auto; float: left; margin: 0 10px 0 0; }

/* Public, Explaining levels popup
-----------------------------------------*/
div#cs div#cs_lvls_hlp { width: 530px; }
  /* Title */
  div#cs div#cs_lvls_hlp div.ttl { margin: 40px 0 15px 125px; font-size: 14pt; font-weight: bold; color: #00cbf8; }
  div#cs div#cs_lvls_hlp div.body { margin: 0 0 15px 0; padding: 0 10px 0 60px; font-size: 9pt; line-height: 150%; height: 450px; overflow-y: scroll; }
    /* levels */
    div#cs div#cs_lvls_hlp div.body table.levels { width: 100%; border-collapse: collapse; border-spacing: 0; border-left: dotted 1px #ccc; border-bottom: dotted 1px #ccc; }
      div#cs div#cs_lvls_hlp div.body table.levels td { padding: 0 5px 5px 0; vertical-align: top; border-right: dotted 1px #ccc; border-top: dotted 1px #ccc; }
      div#cs div#cs_lvls_hlp div.body table.levels td.ico { width: 1%; }
        div#cs div#cs_lvls_hlp div.body table.levels td.ico span { width: 50px; display: block; height: 50px; background-image: url("/i/mod-cs/levels.w.png" ); margin: 0 5px; }
      div#cs div#cs_lvls_hlp div.body table.levels td.num { width: 1%; text-align: right; white-space: nowrap; }
      div#cs div#cs_lvls_hlp div.body table.levels thead td { padding: 5px; font-weight: bold; vertical-align: middle; text-align: center; }
      div#cs div#cs_lvls_hlp div.body table.levels td.txt { padding-left: 5px; }
    /* howto */
    div#cs div#cs_lvls_hlp div.body div.howto * { font-size: 8pt; }
      div#cs div#cs_lvls_hlp div.body div.howto div.ttl { margin: 10px 0 0 0; color: #000; font-size: 10pt; }
      div#cs div#cs_lvls_hlp div.body div.howto table.example { width: 100%; border-collapse: collapse; border-spacing: 0; border-left: dotted 1px #ccc; border-bottom: dotted 1px #ccc; }
        div#cs div#cs_lvls_hlp div.body div.howto table.example td { padding: 5px; vertical-align: middle; border-right: dotted 1px #ccc; border-top: dotted 1px #ccc;  }
        div#cs div#cs_lvls_hlp div.body div.howto table.example tr.total td { font-weight: bold; }
        div#cs div#cs_lvls_hlp div.body div.howto table.example td.num { text-align: right; }


  /* Buttons */
  div#cs div#cs_lvls_hlp div.tlb div.row { padding: 0 0 5px 0; float: right;  }
    div#cs div#cs_lvls_hlp div.tlb a.cs-btn { width: auto; float: left; margin: 0 10px 0 0; }

/* Public, user rating info
-----------------------------------------*/
div.cs-usr-rate-info { height: 50px; overflow: hidden; margin: 0; }
  div.cs-usr-rate-info div.icon { float: left; width: 50px; height: 50px; }
    div.cs-usr-rate-info div.icon span,
    div.cs-usr-rate-info div.icon a { display: block; background-image: url("/i/mod-cs/levels.w.png"); height: 50px; width: 50px; margin: 0; }
  div.cs-usr-rate-info div.text { float: left; height: 50px; padding: 15px 0 0 10px; }
    div.cs-usr-rate-info div.text span { display: block; }
      div.cs-usr-rate-info div.text span label { font-weight: bold; width: 60px; display: block; float: left; }

/* Public, Level congratulations
-----------------------------------------*/
div#cs div#cs_congrats { width: 530px; }
  /* Title */
  div#cs div#cs_congrats div.ttl { margin: 15px; font-size: 14pt; font-weight: bold; color: #00cbf8; padding: 0 0 0 36px; line-height: 32px; background: url("/i/mod-cs/icons.32x32.png") -96px -192px no-repeat; }
  div#cs div#cs_congrats div.body { margin: 0 15px 15px 0; padding: 0 0 0 52px; }
    div#cs div#cs_congrats div.body div.rem { margin-top: 15px; }
  /* Buttons */
  div#cs div#cs_congrats div.tlb { padding: 15px 0 5px 0;  }
    div#cs div#cs_congrats div.tlb a.cs-btn { width: auto; float: right; margin: 0 10px 0 0; }

/* Public, Home, favorite
-----------------------------------------*/
div#cs div.cs-home-fav {}
  div#cs div.cs-home-fav div.txt { margin: 1.5em 0 }
  div#cs div.cs-home-fav a.cs-btn {}

/* Public, User list, icons
-----------------------------------------*/
span.cs-usr-rate-small a { display: block; width: 21px; height: 23px; background: url("/i/mod-cs/levels-small.w.png"); }

/* Public, followers
-----------------------------------------*/
div#cs div#cs-follow {}
  div#cs div#cs-follow div.intro { margin: 0 0 15px 0; }
  div#cs div#cs-follow div.tlb { height: 1.8em; }
    div#cs div#cs-follow div.tlb a.cs-btn { float: right; width: auto; }
  div#cs div#cs-follow div.grid { margin: 15px 0; }
    div#cs div#cs-follow div.grid div.ttl { padding: 0 0 0 36px; line-height: 32px; color: #00cbf8; font-weight: bold; font-size: 14pt; background: url("/i/mod-cs/icons.32x32.png") -288px 0 no-repeat;  }
    div#cs div#cs-follow div.grid div.mbrs { background-position: 0 -288px; }
    div#cs div#cs-follow div.grid div.chas { background-position: -64px -224px; }
    div#cs div#cs-follow div.grid div.slns { background-position: -32px -256px; }
    div#cs div#cs-follow div.grid table { margin: 5px 0 0 0; }
      div#cs div#cs-follow div.grid table td.tblHdr { padding: 0 2px 5px 2px; }
      div#cs div#cs-follow div.grid table td.tblData { padding: 2px; }
      div#cs div#cs-follow div.grid table td.tblData a { color: #000; text-decoration: none; }
        div#cs div#cs-follow div.grid table td.tblData a:hover { text-decoration: underline; }
      div#cs div#cs-follow div.grid table td.tblData span.upded { display: block; background: url("/i/usr_is_new.gif") 0 0 no-repeat; border: 0; width: 21px; height: 22px; }
      div#cs div#cs-follow div.grid table td.tblData span.no-upded { display: block; width: 21px; height: 22px; }