.query-color {
	border:1px solid #999999;
	float:left;
	height:10px;
	margin:3px 3px 0 0;
	width:10px;
}
#id-list {
  text-align:left;
  text-indent:3px;
  padding:0px;
  margin: 0px;
}
#id-list li {
  list-style: none;
  display: inline-block;
  margin-bottom:3px;
  padding-right: 10px;
}
#container {
    width: auto;
    height: auto;
    margin:0 auto;
    position:relative;
}
#left-container, 
#right-container, 
#center-container {
   background: #fff;
}
#right-container{
  padding: 10px;
}
#center-container {
    background-color:#1a1a1a;
    color:#ccc;
}
#log {
    font-size:1.0em;
    font-weight:normal;
    display: none;
}
#infovis {
    position:relative;
    margin:auto;
    overflow:hidden;
    height:500px;
}
span.close {
	color:#ffcc00;
	cursor:pointer;
	font-weight:normal;
	margin-left:3px;
	opacity: 1;
	text-shadow: none;
}
span.close:hover {
	color:#ffcc00;
}
span.name {
  cursor: pointer;
}
/*TOOLTIPS*/
.tip {
   text-align: left;
   width:auto;
   max-width:500px;
}
.tip-title {
  font-size: 11px;
  text-align:center;
  margin-bottom:2px;
}
.tip {
    color: #fff;
    width: 139px;
    border:1px solid #ccc;
    font-size:10px;
    padding:7px;
}