.ds-list-left{
    width: 720px;
    margin-right: 10px;
    float: left;    
}
.ds-list-right{
    width: 225px;
    min-height: 225px;
    margin-top: 5px;
    float: right;    
}
.ds-list-fir,.ds-list-sec,.ds-list-thr,.ds-list-state{    
    margin: 5px 0;
    border: 1px solid #ccc;
    background-color: #fdfdfd;
}
.ds-list-fir a,.ds-list-sec a,.ds-list-thr a,.ds-list-state a{
    display:inline-block;
    padding: 3px 6px;
    margin: 6px;
    font-size: 100%;
    color: #333;
    background-color: #fdfdfd;
    border: 1px solid #ccc;
    text-decoration : none;
}
.ds-list-fir a:hover,.ds-list-sec a:hover,.ds-list-thr a:hover,.ds-list-state a:hover{
    color: #333;
    background-color: #fdfdfd;
    border: 1px solid #f00;
    text-decoration : none;
}
.ds-list-active{
    color:#fff !important;
    background-color: #f00 !important;
}
.ds-list-key{
    margin: 5px 0;
    border: 1px solid #ccc;
    background-color: #fdfdfd;
}
.ds-list-key input{
    margin: 6px;
    font-size: 120%;
    color: #333;
    height:25px;
    width: 300px;
    text-indent: 10px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
}
.ds-list-key input:focus {
    color: #555;
    border-color: #0BA2CC;
    outline: 0;
}
.ds-list-key a{
    margin: 6px 0;
    padding: 6px 12px;
    border: 1px solid #ccc;
}
.ds-list-key a:hover{
    color:#fff;
    background-color: #f00;
}
.ds-list-middle{
    border-bottom:1px solid #ddd;
    margin: 15px 0;
}