td.left_info {
    width: 40%;
    font-size: 105%;
    text-align: justify;
    vertical-align: top;
    padding: 3em 1em 20pt 1em;
    hyphens: auto;
}

td.left_info div {
    overflow: auto;
}

div.italic_small {
    font-size: 75%;
    font-style: italic;
    width: 100%;
}

td.center_calc {
    margin-left: auto;
    margin-right: auto;
    width: 18em;
    vertical-align: top;
}

td.center_search table.noborder {
    width: 18em;
}

td.right_info {
    width: 40%;
    text-align: left;
    vertical-align: top;
    padding: 3em 20pt 20pt 20px;
}

td.right_info div {
    min-width: 15em;
    background-color: #ddd;
    padding: 12px;
    box-shadow: 3px 3px #aaa;
}

table.sldresult {
    width: 28em;
}

#densresult, #densinput {
    width: 9em;
}

#cu_select, #mo_select, #user_select {
    width: 8em;
    max-width: 180px;
}

#magninput {
    width: 15em;
    max-width: 240px;
}

#magnresult {
    font-size: 80%;
    width: 15.5em;
    max-width: 240px;
}

td.alignright option {
    text-align: right;
}

#results_header {
    margin: 15px 0px 5px;
}

#material_description {
    max-width: 10em;
    overflow: auto;
}

#deuteration_amount_value, #exchange_amount_value, #d2o_amount_value {
    width: 40px;
}

#deuteration_amount, #exchange_amount, #d2o_amount {
    width: 90px;
}

#user_select_tr {
    border-top: solid 2px #888;
}

#xray_energy {
    width: 120px;
}

#xray_energy_value {
    width: 60px;
}

div.download_link {
    margin-top: 0.3em;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    width: 28em;
}

div.download_link img{
    height: 0.7em;
}

p.periodic_table {
    text-align: center;
    margin-top: 5em;
}

p.periodic_table img {
    width: 12em;
}

#preferences_submit {
    background-color: #aaaacc;
    border: none;
    cursor: pointer;
    padding: 0.5em;
}

#sld_formula {
    text-align: center;
}

#formula_1 {
    width: 13.5em;
}
#formula_2 {
    margin-top: 1.0em;
    width: 10em;
}

img.plot {
    margin-left: auto;
    margin-right: auto;
    width: 40em;
    max-width: 100%;
}

/* phone in portrait */
@media only screen and (max-width: 530px) {
    table.sldresult {
        width: 24em;
        table-layout: auto;
    }
    table.sldresult td {
        word-wrap: break-word;
    }
    #densresult, #densinput {
        width: 6em;
    }
    #cu_select, #mo_select, #user_select {
        width: 5em;
    }
    #magninput {
        width: 6em;
    }
    #magnresult {
        font-size: 150%;
        width: 8em;
    }
    #preferences_submit {
        display: none;
    }

    img.plot {
        width: 24em;
    }
    .collapsible {
        font-size: 120%;
        line-height: 2.0;
    }
    div.download_link {
        display: none;
    }
    #deuteration_amount, #exchange_amount, #d2o_amount {
        display: none;
    }
    input[type=text], input[type=number] {
        width: 6em;
    }
    #xray_energy{
        display: none;
    }
}