/*
CSS för diven till vänster.
box-shadow:5px 0 5px #888888;
z-index måste vara lägre eller samma än för flärparna.
*/


.list
{
    float:left;
    border-bottom-right-radius:5px;
    box-shadow: 0 9px 5px -5px #888;
    cursor:pointer;
}

.list .item
{
    height:25px;
    background:none repeat scroll 0 0 #eee;
    border-right:1px solid #888;
    border-bottom:1px solid #888;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    box-shadow:9px 5px 5px -5px #888 inset;
}

.list:first-child
{
    box-shadow:10px 0 5px -5px #888 inset;
}

.list .selected
{
    background: #fff;
    border-left:0;
    box-shadow:none;
}

.list .item:hover
{
    background:#c8d7e5;
}

.list .item div
{
    display:table-cell;
}

.list .item div:first-child
{
    width:30px;
}

.list .item div:nth-child(2)
{
    min-width:100px;
}

.list .item div img
{
    float:left;
    margin:5px 0 0 10px;
}

.list .item div span
{
    float:left;
    margin:3px;
}