*, *:before, *:after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

body {
    font-family: monospace;
    margin: 0px;
}

ul {
    margin: 0px;
}

#title {
    margin: 25px 0px;
}

#title h1 {
    margin: 10px;
    text-align: center;
    font-size: 24px;
}

#title h2 {
    margin: 10px;
    text-align: center;
    font-size: 18px;
}

#sections {
    background: #d3d3d3;
}

.section {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.section .disabled {
}

.section h1 {
    margin: 0px;
    font-size: 18px;
    font-weight: 200;
    padding: 10px 10px;
}

.section h1 div {
    width: 20px;
    height: 20px;
    float: right;
    color: #4682B4;
    font-size: 16px;
    text-align: right;
    display: inline-block;
}

.section h1.tab-enabled:hover {
    background: #DDD;
}

.section h1.tab-enabled:active {
    background: #B8B8B8;
}

.section h1.tab-disabled {
    color: #C5C5C5;
    background: #E0E0E0;
}

.section h2 {
    margin: 0px;
    border: solid black 1px;
}

.section .info {
    display: none;
    padding: 10px 0px;
    background: white;
}

.section .specifications {
}