html, body
{
   padding: 0px;
   margin: 0px;
   border: 0px;

   width: 100%;
   min-width: 900px;
   height: 100%;
   min-height: 550px;

   font-family: "Lucida Grande", Verdana, Arial;
   font-size: 0.8em;
   background-color: black;
   color:white;
}

a, img, p
{
   color:white;   
   border: 0px;
   margin: 0px;
   padding: 0px;
   outline: none;
   outline-style: none;
   text-decoration: none;
   text-align: center;
}

a:hover
{
   text-decoration: underline;
   color: red;
}

div
{
   /*border: white 1px solid;*/
}

div.full
{
   float: left;
   height: 100%;
}

#scoll_info
{
    position: relative;
    left: 40%;
    top: 25%;
    z-index: -100;
}

#left_panel
{
   position: relative;
   width:23%; 
   min-width:200px;
   min-height: 550px;
}

#main_panel
{
   position: relative;
   min-height: 550px;
   width: 74%;
   text-align: center;
}

#control_holder
{
   position:relative;
   width:100%;
   z-index:35;   
   background-color: black;
}

#display
{
   width: 100%;
   height: 96%;
   overflow: hidden;
}

#display img
{
   position: relative;
}

#footer
{
   position: absolute;
   bottom: 0.7em;
   color: gray;
   width: 100%;
   height: 1%;
   min-height: 0.8em;
}

#footer a
{
   color:gray;
   text-align: left;
}

#addThis
{
    position:absolute;
    bottom:3px;
    right:3px;
}

#left_panel img
{
   position:absolute;
}

img.cache
{
   height:23%;
   border:1px black solid;
}

img.cache_blank
{
   width:0px;
   height:0px;
   border:0px;
}

img.main_hor
{
   width:100%;
   border:1px black solid;
}

img.main_vert
{
   height:99%;
   top:2px;
   border:1px black solid;
}

img.main_hor_port
{
   width:100%;
   border:1px black solid;
}

img.main_vert_port
{
   height:100%;
   left:-20%;
   top:2px;
   border:1px black solid;
}

img.cache_loading
{
   width:31px;
   height:auto;
   border:0px;
   top:50%;
}

img.main_loading
{
   width:31px;
   height:auto;
   border:0px;
   top:45%;
}

div.hidden, img.hidden
{
    position: absolute;
    width: 0px;
    height: 0px;
    overflow: hidden;
    display:none;
}

ul, li
{
   list-style: none;
   text-indent: 0px;
   display: inline;
   padding:0px;
}

#all_models
{
   top:0.8em;
   position:absolute;
   max-height: 200px;
   overflow: scroll;
   overflow-y: scroll;
   overflow-x: hidden;
   white-space: nowrap;
   display: none;
   z-index:50;
   background-color: black;
   border: 1px red solid;
}

#all_models li
{
   display:block;
}

#x-3
{
    top:5%;
    left:5%;
    opacity:0.3;
    filter:alpha(opacity=30);
    z-index:10;
}

#x-2
{
    top:10%;
    left:20%;
    opacity:0.8;
    filter:alpha(opacity=80);
    z-index:20;
}

#x-1
{
    top:30%;
    left:35%;
    z-index:30;
}

#x0
{
    z-index:40;
}

#x1
{
    top:50%;
    left:35%;
    z-index:30;
}

#x2
{
    top:70%;
    left:20%;
    opacity:0.8;
    filter:alpha(opacity=80);
    z-index:20;
}

#x3
{
    top:75%;
    left:5%;
    opacity:0.3;
    filter:alpha(opacity=30);
    z-index:10;
}