.container {
   position: relative;
   margin: 20px;
}

.sampleBox {
   background-color: #FDFED0;
   border-color: black;
   border-width: 1;
   border-style: solid;
   width: 280px;
   height: 180px
}
.sampleBox h2 {
   color: red;
   text-align: center;
   margin-bottom: 10px;
}
.boxLine {
   font-family: helvetica;
   font-size: 12;
   text-align: center;
   padding: 5px;
   height: 20px;
}

#pureBox {
   position: absolute;
   left: 0px;
   top: 10px;
}
#colLength {
	position: absolute;
	left: 280px;
	top: 70px;
	padding: 0px;
	width: 110px;
}
#colLength .boxLine {
   padding: 5px;
   height: 15px
   
}
#mixBox {
   position: absolute;
   left: 395px;
   top: 10px;
}

#graphBox {
   position: absolute;
   border-color: black;
   border-width: 1;
   border-style: solid;
   top: 200px;
}

#resultBox {
   position: absolute;
   top: 450px;
}

.peakNum {
   font-weight: bold;
   font-family: helvetica;
   font-size: 12;
}
.peakTime {
   display: table-cell;
   margin-right: 20px;
   width: 100px;
   font-family: helvetica;
   font-size: 12;
   padding-bottom: 10px;
}
.peakArea {
   display: table-cell;
   font-family: helvetica;
   font-size: 12;
}
.peakTimeTitle {
   font-weight: bold;
   font-family: helvetica;
   font-size: 12;
}
.peakAreaTitle {
   font-weight: bold;
   font-family: helvetica;
   font-size: 12;
}
.peakSummary {
   font-family: helvetica;
   font-size: 13;
   padding-bottom: 10px
}
#resultbox h3 {
   margin-bottom: 6px;
}