#container {
    margin:0 auto;
    width:640px;
    height:480px;
    position:relative;
    top:-40px;
    left:-20px;
}

#left-container, 
#right-container, 
#center-container {
    height:640px;
    position:absolute;
}

#left-container, #right-container {
    width:200px;
    text-align: left;
    background-color:#fff;
    background-repeat:no-repeat;
    border-bottom:1px solid #ddd;
}

#right-container {
    right:0;
}

#center-container {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:88%;
    width:640px;
    height:480px;
    left:0px;
    background-color:#FFF;
    border:1px dotted #000;
    border-width:0px 1px 1px 1px;
}

.node {
  background:#EEE;
  padding:1px 2px;
  border:1px dotted #ccc;
  color:#000 !important;
  opacity:0.7;
  text-align:center;
  white-space:nowrap;
}
.node:hover {
  background:#FFF;
  padding:1px 2px;
  border:1px dotted #F00;
  color:#F00 !important;
}

.node a:hover {background:#ccc;}

.text {
    margin: 7px;
}

.home_info {
    margin:0;
    padding:10px 20px;
    border:1px dotted #000;
    border-width:0px 1px 1px 0;
}

#inner-details {
    list-style:none;
    overflow: auto;
    height:580px;
    margin:0 0 10px 10px;
    padding:10px;
}
#inner-details ul {
    list-style:none;
}

#log {
  color:#AAAAAA;
  font-size:76%;
  font-weight:normal;
  left:710px !important;
  position:relative;
  text-align:left;
  top:-18px;
  width:260px;
  white-space:nowrap;
  overflow:hidden;
}


#infovis {
    position:relative;
    width:640px;
    height:480px;
    margin:auto;
    overflow:hidden;
}


#center-container, #container, #infovis {
    width:700px;
    height:520px;
}

.infovis_content {
    width:280px !important;
    height:280px !important;
    margin-left:0px;
}
#log.content_log {
  left:0px !important;
  width:260px !important;
}
#inner-details.infovis_content {
    display:none;
}
#container.infovis_content {
    top:0px;
    left:0px;
}
#center-container.infovis_content {
  border-width:0px 1px 1px 0px;
  border-color:#000;
}