.container,.display{
    width:500px;
    margin:0 auto
}
.desc{
    text-align: center;
}
.descLeft{
    width:33.333%;
    float:left;
    text-align: left;
}
.descMiddle{
    width: 33.333%;
    float:left
}
.descRight{
    width:33.333%;
    float:left;
    text-align: right;
}
.container table{
    margin:0 auto;
}
thead td:not(.verticalLine){
    width: 20px;
    text-align: center;
    vertical-align:bottom
}
tbody tr{
    margin:10px auto
}
#topTemplate td:not(.verticalLine),
#bottomTemplate td:not(.verticalLine),
#displayTop td:not(.verticalLine),
#displayBottom td:not(.verticalLine)
{
    width:20px;
    height:20px;
    border:1px solid black;
    cursor: pointer;
    text-align: center;
}
.verticalLine{
    border-right:1px solid black
}
.horizentalLine{
    border-top:1px solid black
}
.selected,
#displayTop td:not(.verticalLine),
#displayBottom td:not(.verticalLine)
{
    background:#07BCD3;
    color:white;
}
button{
    margin-top:30px;
    float:right;
    cursor: pointer;
}
.display{
    border-top:1px solid black;
    margin-top: 20px;
    padding-top:20px;
    display:none
}
.displayNone{
    display:none
}
.clear{
    clear:both
}