div.description {
    font-size: 1.5vw;
    margin: 0.2em;
}

a.design_button {
    border: solid 1px;
    text-decoration: none;
    padding: 0.1em 0.2em 0.1em 0.2em;
}

#design_default {
    background-color: #dddddd;
}
#design_neutron {
    background-color: #aaaadd;
}
#design_xrayCu {
    background-color: #ddaaaa;
}
#design_xrayMo {
    background-color: #aaddaa;
}

div.full_table {
    width: 67vw;
    height: 36vw;
    text-align: center;
    vertical-align: top;
    position: relative;
}

#ElementDisplay {
    position: absolute;
    z-index: 5;
    width: 34vw;
    height: 9.5vw;
    text-align: center;
    border: solid 1px;
    left: 9vw;
    top: 1vw;
    display: none;
    text-align: left;
}

#ElementCharge {
    width: 2vw;
    height: 4vw;
    font-size: 1.5vw;
    text-align: left;
    position: absolute;
    left: 0.2vw;
    top: 0;
    z-index: 6;
}

#ElementWeight {
    width: 20%;
    height: 1.8vw;
    font-size: 1.5vw;
    text-align: right;
    position: absolute;
    left: -0.2vw;
    bottom: 0;
    z-index: 6;
}

#ElementSymbol {
    width: 20%;
    height: 100%;
    font-size: 4.5vw;
    text-align: center;
    line-height: 9.5vw;
    position: absolute;
    left: 0;
    top: 0;
}

#ElementInfo {
    width: 80%;
    height: 100%;
    font-size: 1.2vw;
    line-height: 1.0;
    position: absolute;
    left: 20%;
    bottom: 0;
}

#ElementInfo table {
    width: 26vw;
    height: 100%;
}

#ElementName {
    font-weight: bold;
    padding: 0 0 0 0.5em;
}

#ElementRightCol {
    font-size: 1.0vw;
    font-align: center;
    vertical-align: middle;
    width: 5.5vw;
    padding: 0 0 0 1.0em;
}

td.slight_pad {
    padding: 0 0 0 0.5em;
}

.italic {
    font-style: italic;
}

#ElementTable {
    font-size: 1.8vw;
}

#ElementTable td {
    border: none;
    width: 3.7vw;
    height: 1.0vw;
}
#ElementTable td.actual_element {
    cursor: pointer;
    border: solid 1px;
    height: 2.1vw;
    -webkit-user-select:none;
}