#formplot{
    border: 2px solid black;
    border-radius: 4px;
    padding: 10px;
}

#formtable{
    border: 0px solid black;
    padding: 0px;
}

div.parameter{
	float : left;
	width : 12.5%;
}

.plotoptions{
	clear:both;
	margin-left: auto;
	margin-right:auto;
	text-align: center;
}

.plotoptionstable{
	border:0px solid black;
	margin-left: auto;
	margin-right:auto;
}

table{
	margin-top : 20px;
	margin-bottom: 20px;
	border:2px solid black;
}

#myresults{
	/*width:140%;*/
}

/*
.hoverTable tr:hover{
	background-color: #ffff99;
	/* font-weight: bold; *
}
*/

.hoverRow:hover{
	background-color: #ffff99;
}

#legend{
	width:50%;
	margin-left:auto;
	margin-right:auto;
	
}

.tdcenter{
	align: center;
}

#log{
	border: 1px solid black;
	margin: 10px;
	padding: 10px;
}

.list{
	background-color:#ffffff;
	width:50%;
}

.listnarrow{
	background-color:#ffffff;
	width:33%;
}

#existing{
	float:left;
}

#nonexisting{
	float:right;
}

#existingTwo{
	float:left;
}

#existingOne{
	display:inline-block;
}

#existingZero{
	float:right;
}

#sqltime{
	clear:both;
	margin:auto;
}




th.rotate {
  /* Something you can count on */
  height: 50px;
  white-space: nowrap;
}

th.rotate > .div1 {
  transform: 
    translate(0px, 0px)
    rotate(315deg);
  width: 20px;
}

th.rotate > .div2 {
  transform: 
    translate(0px, 0px)
    rotate(315deg);
  width: 15px;
}

th.rotate > .div3 {
  transform: 
    translate(0px, 0px)
    rotate(270deg);
  width: 15px;
}

th.rotate > div > span {
  border-bottom: 1px solid #ccc;
  padding: 3px 3px;
}

th#confname{
	float:left;
	width:275px;
}

#confplot{
	width:100%;
}

#chartdiv{
	margin-left : auto;
	margin-right: auto;
}

#legenddiv{
	margin-left : auto;
	margin-right: auto;
}


#header{
	text-align: center;
}

#footer{
	text-align: center;
}