div#ui{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    min-height: 670px;
}

div#nav{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 15%;
    overflow: auto;
    display: block;
    min-width: 150px;
}

div#details{
    position: absolute;
    top: 0px;
    left: 15%;
    width: 85%;
    height: 100%;
    background: #000 url(none) 50% 50% no-repeat;
    border-left: 4px solid #FFF;
}

div#search{
    width: 100%;
    margin: 0px;
    padding: 3px;
}
div#search input{
    height: 25px;
}
div#thumbs ul{
    width: 100%;
    position: relative;
}
div#thumbs{
    width: 100%;    
    display: block;
    overflow: hidden;
}
div#thumbs ul li{
    background: url(/assets/img/loading-1.gif) no-repeat 50% 50%;
    width: 100%;
    display: block;
    padding: 1px;
    position: relative;
}
a.thumb{
    display: block;
    width: 100%;
}
div.name{
    position: absolute;
    top: 80%;
    width: 100%;
    padding: 3px;
    text-align: center;
    background: #FFF; 
    color: black;
    font-size: 88%;
    opacity:0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
}

/* Bottom Bar */
div#bottom{
    background-color: #003366;
    /*padding: 3px;*/
    bottom:0px;
    left:0px;
    width: 100%;
    position: absolute;
    color: #FFF;
    padding: 5px 0px;
}

#bottom div{
    padding: 0px 5px;
    float: left;
}
#bottom a{
    color: white;   
}
div#bottomtext{
    width: 500px;
}
div#exit{
    width: 200px;
}

/* Overlay */
div#overlay{

}
div#overlay>div{
    position: absolute;
    opacity:0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
}
div#overlay div#socialstats{
    width: 180px;
    height: 300px;
    bottom: 5%;
    left: 10px;
}
div#overlay div#socialgraph{
    width: 400px;
    height: 300px;
    bottom: 5%;
    right: 10px;
}
div#overlay div#customerinfo{
    width: 500px;
    top: 10px;
    right: 10px;
}

/* Misc */
.m{
    border: 10px solid rgb(232,232,232);
    /*padding: 6px;*/
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;

    -moz-box-shadow: inset 0 0 1px 1px rgb(200,200,200) ;
    -webkit-box-shadow: inset 0 0 1px rgb(200,200,200) ;
    box-shadow: inset 0 0 1px 1px rgb(200,200,200) ;

    background: #FFFFFF;
    padding: 4px;
}

div.m-s{
    border: 6px solid rgb(232,232,232);
    padding: 4px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;

    -moz-box-shadow: inset 0 0 1px 1px rgb(200,200,200) ;
    -webkit-box-shadow: inset 0 0 1px rgb(200,200,200) ;
    box-shadow: inset 0 0 1px 1px rgb(200,200,200) ;

    background: #FFFFFF;
    margin: 5px;
}

@media all and (max-width: 1024px) {
    div.name{
        font-size: 11px;
    }
}

@media all and (max-width: 480px) {

}