/* does not work with plots
    body { zoom: 0.5; -moz-transform: scale(0.5); -moz-transform-origin: 0 0}
*/
    
#placeholder {
    width:48%;
/*            height:1200px;*/
    float:left;
    margin-bottom:3em;
            
}
body {
            
}
        
        
        
#chart {
    width:90%;
    margin-top:2em;
    padding-top:2em;
    margin-left: auto;
    margin-right:auto;
}
         
#chart + h1, #chart + h2, #chart + h3, #chart + h4, #chart + br {
    clear:both;
} 
        
#legend {
    float:left;
    width:48%
}
        
.my_hover {
/*            font-weight:bold;*/
    background: #EEE;
}
.my_clicked {
    font-weight:bold;
    background: #DDD;
}
        
#legendTable {
    margin-top: 14px;
    float:right;
}
        
#legendTable td {
    margin-left:1em;
    margin-right:1em;
}
        
/*        #legendTable tbody tr td:nth-child(1){
    margin-left:1em;
    text-align:center;
    width: 10%;
}
*/
        
#legendTable tbody tr td:nth-child(2){
    margin-left:1em;
    text-align:center;
/*            width: 10%;*/
}
        
/*       #legendTable tbody tr td:nth-child(3){
     width:50%;
 }*/        
        
table#legendTable {
    width: 48%
}
        
.scaletable {
    width: 100%;
}
        
.scaletable td {
    text-align:center;
}
        
.scaletable  tbody tr td:nth-child(1){
    text-align:left;
}
        
.combinationTable {
    width:100%;
}
        
.group_plot {
    width:300px;
    height:300px;
}
          
.group_plot_container {
    float:left;
    margin:0.5em;
}
          
.group_plot_container .title {
    margin-left:auto;
    margin-right:auto;
    text-align: center;
    width: 100%;
}
          
#grouped_holder {
    width: 100%;
}
          
#grouped_properties {
    width:75%;
    min-width:400px;
}
          
#grouped_info {
    width:25%;
    float:right;
}
          
.clear {
    clear:both;                    
}
        
.italic {
    font-style:italic
}
        
#topbar {
	width: 100%;
	height: 140px;
/*            margin: 0 auto;*/
    background-color: #BF0000;
	background:url(../images/gradient_red_slice.png);	
}
        
#home_panel {
    position:relative;
    text-align: left;
    top: 0px;
    left: 0%;
    background-color: #BF0000;
	font-size: 12px;
    padding: 5px 5px 0px 5px;
}
        
#title_server  h1 { 
	color: white;
	font-size: 32px;

	line-height: 34px;

	font-weight: bold;

	text-align: center;

	letter-spacing: 1px;

}
        
body {
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
    color: #666;
}
        
#navbar 

{ 

	position: relative;

	top: 45px;  

	width: 960px;

	height:  25px;

	visibility: visible;

/*	border: solid 1px #999;*/

	margin: 0 auto;	

}



#navbar a 

{

	font-weight: bold;

	text-decoration: none;

	color: white;	

}



#navbar a#current 

{

  color: orange;

}



#navbar a:hover 

{

  color: orange;

}



#navbar_server 

{ 

	position: relative;

/*            top: 25px;  */

	width: 960px;

	height:  25px;

	visibility: visible;

/*	border: solid 1px #999;*/

	margin: 0 auto;	

}



#navbar_server a 

{

	font-weight: bold;

	text-decoration: none;

	color: white;	

}



#navbar_server a#current 

{

  color: orange;

}

#navbar_server h3 

{ 

	color: white;

	font-size: 14px;

	line-height: 18px;

	margin-top: 4px;

	text-align: center;

	letter-spacing: 1px;

	font-weight: bold;

}


#navbar_server a:hover 

{

  color: orange;

}
        
#home_panel a 

{

	font-size: 12px;

	font-weight: bold;

	text-decoration: none;

	color: white;	

}