/* Определяем вид диаграммы */
#diagram {
   width: 100%; 
}
.diagram {
    float: left;
    width: 7.6923%;
    background-color: #FFDFC0;
    color: #FFDFC0; // скрываем точки
}

/* Задаем вид формы */
div.table {
    margin: auto;
    display: table;
}
div.tableRow {
    display: table-row;
}
div.tableRow div {
    display: table-cell;
    vertical-align: top;
}
div.tableRow div:first-child {
    text-align: right;
    padding-right: 5px;
}
div.tableRow div p {
    margin: 0 0 5px 0;
}
div.tableRow div:first-child {
    text-align: right;
    padding-right: 5px;
}
div.tableRow div p {
    margin: 0 0 5px 0;
}
input[type="submit"] {
    background-color: #772200;
    color: #FFDFC0;
    font-size: large;
    margin-top: 10px;
}
input {
    border: none;
    margin-left: 0;
}

/* Задаем вид результата */
#result {
    clear: left;
    text-align: center;
    border: dotted 2px #772200;
    border-radius: 20px;
    margin: 60px 0px 10px 0px;
    padding: 10px;
}