.design_result {
    margin: 5px;
    float: left;
    clear: left;
    background: #eee;
    color: inherit;
    position: relative;
    border: 1px solid #bbb;
}

/* can be merged with below */
.link_to_thermo, .link_to_demo {
    margin: 5px;
    float: left;
    background-color: #f7ac3b;
    background-image: url('/images/bottom_gradient_orange_small_darker.png');
    background-repeat: repeat-x;
    background-position: 50% 0%;

    position: relative;
    width: 6em;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px;
    padding-bottom: 2px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.link_to_thermo.arrow, .link_to_demo.arrow {
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomright: 15px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
}



.link_to_demo a,.link_to_thermo a {
    color: white;
    background: transparent;
}

.link_to_demo:hover a,.link_to_thermo:hover a {
    color: #4466FF;
    text-decoration: none;
}

.design_result:hover {
        background:#F8F8F8 none repeat scroll 0%;
        color:#CCCCCC;
}

.design_column {
        width: 6em;
        padding-right: 1em;
        display: block;
        float: left;
        vertical-align:top;

}

td.design_column {
        width: 6em;
        padding-right: 1em;
        vertical-align:top;
}

td.design_qmark {
        vertical-align:bottom;
}


.design_seq_column {
        display: block;
        padding-right: 1em;
        float: left;
        /*width: 21em;*/
        font-family: monospace;
}



.column_headers {
    margin: 5px;
    float: left;
    clear: left;
    color: inherit;
}

.design_group {
   border: 1px solid black;
   margin: 5px 10px;
   padding: 10px;
   font-size:10pt;
}