.leftzone {
    width: 280px;
    min-height: 400px;
    float: left;
    height: 100%;
    padding-right: 20px;
    border-right: 1px solid #999;
}

.leftzone h2 {
    font-size: 16px; font-weight: bold; margin-bottom: 5px;
}

.leftzone h3 {
    font-size: 13px; font-weight: bold; margin: 30px 0 5px;
}

.leftzone input {
    background: #ffffff; width: 260px; font-size: 14px; font-weight: bold; margin: 5px 0;
}

.hidden {
    display: none;
}

.results {
    margin-top: 30px;
}

.content-results {
    color: #000060;
}

ul.disciplist, ul.theslist {
    list-style: none; margin: 10px 5px;
}

.disciplist li, .theslist li {
    font-size: 12px; font-weight: bold;
}

.disciplist a, .theslist a {
    color: #000066;
}

.disciplist .selected a, .theslist .selected a {
    color: #0000ff;
}

.ui-autocomplete strong {
    font-weight: bold; color: #990000;
}

div.cattree {
    margin: 10px 0 0 320px;
}

.cattree p.theme {
    color: #000080;
}

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

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

.cattree .score_0, .cattree .score_1 {
    color: #80d080;
}

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

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

.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 li, .cattree p.theme {
    margin: 4px 0; font-size: 13px; position: relative;
}

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

.cattree p.theme:after {
    content: " [-]"
}

.cattree .folded p.theme:after {
    content: " [+]"
}

.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;
}

li.themeli {
    list-style: square;
}

li.content {
    list-style: disc;
}

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