table#cars {
  border: 0.1em solid #CCC; font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
} 
table#cars  td {
  padding: 0.25em;
  margin: 0.2em;
  border: 0.2em solid #ccc;
}
table#cars  th {
  background-color: #104E8B; 
  color: #FFF;
  font-weight: bold;
  border: 0.1em solid #ccc;
  padding: 0.25em 1em 0.25em 1em;
}
tr:nth-child(even) {
  background-color: #eee;
}

tr:nth-child(odd) {
  background-color: #aaa;
}

svg {
  font: 1em Verdana;
}

ul{margin: 0; padding: 0;}
li{list-style-type: none; margin-left: 0; font-size: 0.625em;}


#main{
  width:100%; 
}

#rightcolall{
  position: absolute;
}

#rightcol
{
  width:90%;
  text-align: right;
}

#leftcol
{
  float: left;
  width: 100%;
}


#btn
{
  font-size: 1em;
  font-family: Verdana;
}


#dialog
{
  padding: 0;
  font-size: 1em;
}

.ui-dialog { font-size: 1em; }
.ui-dialog .ui-dialog-content{margin-left: 0;}

.hide{
  display: none;
  float:right;
}

.background path {
  fill: none;
  stroke: #ddd;
  shape-rendering: crispEdges;
}

.foreground path {
  fill: none;
  stroke: steelblue;
  stroke-width: 0.1;
}

.brush .extent {
  fill-opacity: .3;
  stroke: #fff;
  shape-rendering: crispEdges;
}

.axis line, .axis path {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.axis text {
  font: 1em Verdana;
  cursor: move;
}

#modal {
    display: none; 
    position: absolute; 
    z-index: 1; 
    font-size: 160%;
    top: 5em;
    right: 2em;
    width: 7.5em;
    background-color: rgba(200,200,200,0.7); 
}
.mheader {
    background-color: #ddd;
    color: black;
    font-size: 80%;
}

#mheader:hover {
    cursor: default;
}

#mheader.move {
    cursor: move;
} 

.mclose {
    color: black;
    float:right;
    font-size: 1em;
    font-weight: bold;
}
.mclose:hover, .mclose:focus {
    color: #777;
    text-decoration: none;
    cursor: pointer;
}