.hidden {
    display: none;
}

.cattree .content p.title {
    font-weight: bold; cursor: pointer;
}

.cattree .content p.title:before {
    font-weight: normal;
}

.cattree .score_0, .cattree .score_1, .cattree .score_0 a, .cattree .score_1 a {
    color: #a9a9a9;
}

.cattree .score_2, .cattree .score_3, .cattree .score_4, .cattree .score_2 a, .cattree .score_3 a, .cattree .score_4 a {
    color: #898989;
}

.cattree .score_5, .cattree .score_6, .cattree .score_7, .cattree .score_5 a, .cattree .score_6 a, .cattree .score_7 a {
    color: #686868;
}

.cattree .score_0:before, .cattree .score_1:before {
    content: "★☆☆ ";
}

.cattree .score_2:before, .cattree .score_3:before, .cattree .score_4:before {
    content: "★★☆ ";
}

.cattree .score_5:before, .cattree .score_6:before, .cattree .score_7:before {
    content: "★★★ ";
}

.cattree .img-container {
    float: left; margin: 10px 0 0; width: 60px; height: 50px; background: #dddddd;
}

.cattree .img-container img {
    min-width: 30px; max-width: 60px; max-height: 50px; margin: 0px auto;
}

.cattree .content p.description {
    margin: 4px 0 4px 64px; font-size: 12px; min-height: 50px;
}

.cattree a.content {
    color: #000000;
}

.cattree li, .cattree p.theme {
    margin: 4px 0; font-size: 12px; position: relative;
}

.cattree p.theme {
    color: #7cb0bd; height: 20px; cursor: pointer;
}

.cattree p.theme:after {
    font-weight: bold;
    content: " [-]"
}

.cattree .folded p.theme:after {
    font-weight: bold;
    content: " [+]"
}

.cattree .theme span {
    font-weight: bold; line-height: 12px;
}

.cattree ul {
    list-style: none; position: relative; padding: 0; margin: 0;
}

.cattree .folded ul {
    display: none;
}

.cattree .foldedcontent {
    height: 0px; overflow: hidden;
}

.cattree .show_more {
    color: #800000; font-style: italic; cursor: pointer;
}

.cattree li {
    list-style: none;
}

.cattree ul li {
    margin-left: 38px;
}

.cattree ul li:after {
   content: ""; position: absolute; left: -50px; top: 9px; width: 40px; bottom: 0; border-style: solid none none solid; border-width: 1px; border-color: #333;
}

.cattree ul li:before {
    content: ""; position: absolute; left: -50px; top: -10px; height: 19px; width: 1px; background: #333;
}

.cattree ul li:last-child:after {
    border-style: solid none none;
}

.cattree .eltype {
    font-style: italic; display: none;
}

.cattree li.themeli {
    list-style: square;
}

.cattree li.content {
    list-style: disc;
}

.loading {
    height: 128px; background: url(../img/loader.gif) no-repeat center;
}