body {
    /*text-align: left;*/
    font-family:  'Lucida Grande';
    width: 90%;
    margin: 0 auto;
}

#form {
    background-color:#efefef;
    float: left;
    margin: 1%;
    padding: 15px;
    font-size: 10pt;
    font-family:  Helvetica;
}

#title {
    background-color:#efefef;
    margin: 1%;
    padding: 15px;
    text-align: center;
    font-size: 27pt;
    font-family:  Helvetica;

}

.column11 {
    background-color:#efefef;
    float: left;
    margin: 1%;
    position: relative;
    width: 31.3%;
}

.column11:before{
    content: "";
    display: block;
    padding-top: 100%;  /* initial ratio of 1:1*/
}

.column43 {
    background-color:#efefef;
    float: left;
    margin: 1%;
    position: relative;
    width: 23%;
}

.column43:before{
    content: "";
    display: block;
    padding-top: 75%;  /* initial ratio of 1:1*/
}

.plot {
   padding: 1%;
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   font-size: 8pt;
}