.sidebar {
    display: inline-block;
    float: left;
    padding: 0px 0px 0px 0px;
    width: 25%;
    height: 400px;
    background-color: lightgray;
}

.result {
    background: #f0f7ff none repeat scroll 0 0;
    border: 2px solid #d7e7ff;
    border-radius: 2px;
    cursor: pointer;
    font-size: 0.8em;
    margin: 0 5px 5px;
    min-height: 5em;
    padding: 4px 8px;
}

.result .highlight {
    background-color: #d9e7f7;
    border-color: #9db9e4;
}

.result .highlight .details {
    display: block;
    margin: 10px auto;
    max-width: 10em;
}
.result img {
    float: right;
}
.result .name {
    /*color: gray;*/
    /*font-size: 0.8em;*/
}
.result .type {
    color: gray;
    font-size: 0.8em;
}
.result .details {
    display: none;
}
.noresults {
    padding: 1em;
    text-align: center;
}
.more {
    margin-top: 1em;
    text-align: center;
}


#outer {
    /*width:300px;*/
}
#middle {
}
#inner {
    background: #f0f7ff none repeat scroll 0 0;
    border: 2px solid #d7e7ff;
    border-radius: 2px;
    font-size: 0.8em;
    margin: 0 5px 5px;
    padding: 4px 8px;
    display:block;
}