/*
-------------------------
Steef de Winter (CC) 2006
-------------------------
- Make sure all your category id's have a color (look in your database at category id's for the id's you use)
- It's easier to put the names of the categories in the comments (look in your database at category id's for the names)
- Make sure your own colors are the same for .cat#, #catcol# and #cat 
*/

  /* Cat colors */
  .cat0  {border-left:10px solid #f5f5f5;}
  .cat1  {border-left:10px solid #FF3300;} /* 3  ShiSiPingShu  */
  .cat2  {border-left:10px solid #66FF00;} /* 14 JinRongTouZhi  */
  .cat3  {border-left:10px solid #33CCFF;} /* 4  YuLePingDao  */
  .cat4  {border-left:10px solid #9999CC;} /* 12 LiuXueYiMing  */
  .cat5  {border-left:10px solid #993300;} /* 7  TiYuJianSen  */
  .cat6  {border-left:10px solid #0033FF;} /* 10 ShengHuoShiShan  */
  .cat7  {border-left:10px solid #0099FF;} /* 6  YouXiShiJie  */
  .cat8  {border-left:10px solid #66FFFF;} /* 16 TieTuBoLan  */
  .cat9  {border-left:10px solid #FF9900;} /* 13 JinYinGuanLi  */
  .cat10 {border-left:10px solid #99FF33;} /* 8  BaoXiaoWanWen  */
  .cat11 {border-left:10px solid #9966CC;} /* 15 YinYuXueXi  */
  .cat12 {border-left:10px solid #FFCC33;} /* 9  AiCheYiZhu  */
  .cat13 {border-left:10px solid #FF9999;} /* 11 DianRaoWangRuo  */
  .cat14 {border-left:10px solid #006666;} /* 2  LiShiHuiGu  */
  .cat15 {border-left:10px solid #CC9900;} /* 1  KanRiZhuanBang  */
  .cat16 {border-left:10px solid #FF0099;} /* 5  LianXingShiYu  */
  .cat17 {border-left:10px solid #660000;} /*  */
  .cat18 {border-left:10px solid #669999;} /*  */
  .cat19 {border-left:10px solid #66FFCC;} /*  */
  .cat20 {border-left:10px solid #CCFF00;} /*  */

  #catcol   {border-top:5px solid #000;}
  #catcol1  {border-top:5px solid #FF3300;} /*  */
  #catcol2  {border-top:5px solid #66FF00;} /*  */
  #catcol3  {border-top:5px solid #33CCFF;} /*  */
  #catcol4  {border-top:5px solid #9999CC;} /*  */
  #catcol5  {border-top:5px solid #993300;} /*  */
  #catcol6  {border-top:5px solid #0033FF;} /*  */
  #catcol7  {border-top:5px solid #0099FF;} /*  */
  #catcol8  {border-top:5px solid #66FFFF;} /*  */
  #catcol9  {border-top:5px solid #FF9900;} /*  */
  #catcol10 {border-top:5px solid #99FF33;} /*  */
  #catcol11 {border-top:5px solid #9966CC;} /*  */
  #catcol12 {border-top:5px solid #FFCC33;} /*  */
  #catcol13 {border-top:5px solid #FF9999;} /*  */
  #catcol14 {border-top:5px solid #006666;} /*  */
  #catcol15 {border-top:5px solid #CC9900;} /*  */
  #catcol16 {border-top:5px solid #FF0099;} /*  */
  #catcol17 {border-top:5px solid #660000;} /*  */
  #catcol18 {border-top:5px solid #669999;} /*  */
  #catcol19 {border-top:5px solid #66FFCC;} /*  */
  #catcol20 {border-top:5px solid #CCFF00;} /*  */

  #cat0  {background:#f5f5f5;}
  #cat1  {background:#FF3300;} /*  */
  #cat2  {background:#66FF00;} /*  */
  #cat3  {background:#33CCFF;} /*  */
  #cat4  {background:#9999CC;} /*  */
  #cat5  {background:#993300;} /*  */
  #cat6  {background:#0033FF;} /*  */
  #cat7  {background:#0099FF;} /*  */
  #cat8  {background:#66FFFF;} /*  */
  #cat9  {background:#FF9900;} /*  */
  #cat10 {background:#99FF33;} /*  */
  #cat11 {background:#9966CC;} /*  */
  #cat12 {background:#FFCC33;} /*  */
  #cat13 {background:#FF9999;} /*  */
  #cat14 {background:#006666;} /*  */
  #cat15 {background:#CC9900;} /*  */
  #cat16 {background:#FF0099;} /*  */
  #cat17 {background:#660000;} /*  */
  #cat18 {background:#669999;} /*  */
  #cat19 {background:#66FFCC;} /*  */
  #cat20 {background:#CCFF00;} /*  */