div.roi {
    position:relative;
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd;
    vertical-align: top;
    padding: 10px 0;
}

div.roi select {
    position: absolute;
    top: 15px;
    left:0;
    width: 200px;
}

div.roi label, div.roi input {
    position: relative;
    margin-right: 2px;
    vertical-align: middle;
}

div.roi input {
	font-size:0.85em; /* increasing font size to make up for smaller font used on edu page */
    width: 35px;
    margin-right: 6px;
}
div.roi .input_btn {
    position:relative;
    top:5px;
    left:40px;
}

table.roi {
    margin: 20px 0;
    width: 548px;
}

table.roi th.first {
    border-left: 1px solid #c9c9c9;
    width: 83px;
    white-space: nowrap;
}

table.roi tr.last td, table.roi tr.last th {
    border-bottom: 1px solid #c9c9c9;
}

table.roi tr.heading th {
    text-align: center;
    white-space: nowrap;
    font-size: 11px;
}

table.roi th, table.roi td {
    padding: 10px 5px 9px;
    border-top: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    font-size: 11px;
}

table.roi tr td {
    text-align: right;
    font-size: 12px;
}

table.roi th.blank {
    border-top: 0;
    width: 83px;
}

table.roi td.highlight, table.roi td.highlight_lead {
    background-color: #cef8b6;
    color:#000;
}

table.roi td.highlight_lead {
    border-bottom: 1px solid #c9c9c9;
    text-align: center;
    vertical-align:middle;
}

div.percentage_left, div.percentage_right {
    background-color: #83e849;
    color: #000;
    width: 49%;
    float: left;
    padding: 5px 2px;
    text-align: center;
}

div.percentage_right {
    float: right;
}

div.condition {
    float: right;
    font-weight: bold;
    font-size: 10px;
    padding-top: 10px;
}