/* ====== Visualizer Frame ======= */
#visualizations {
    
    width:100%;
    height:420px;
    /* border:1px solid silver; */
    /* background-color: #F3F3F3; */
}

#chartOuter {
    float: left;
}

#fusionCredit {
    font-size: 12px;
    clear: both;
}

#fusionCredit a {
    text-decoration: none;
    font-style: italic;
    color: black;
}

#nutDiv {
    float: left;
}

#ingredientArea {
    float: right;
    width:278px;
    border:1px solid silver;
    background-color: #f9f9f9;
    height: 398px;
    overflow: auto;
}

.guiHeader {
    margin-left: .5em;
    font-weight: bolder;
    color: #005DB3;
}

#ingredientInner {
    width: 275px;
    height: 340px;
    overflow: auto;
}

#clearDiv {
    left: 100px;
    padding-top: 12px;
    padding-left: 102px;
}

#mixArea {
    width:462px;
    border:1px solid silver;
    background-color: #f9f9f9;
    height: 105px;
    float: left;
}

#submitArea {
    width:462px;
    border:1px solid silver;
    background-color: #f9f9f9;
    height: 142px;
    float: right;
}

.attention {
    color: red;
    text-decoration: underline;
}

a.deleteIngredient {
    cursor: pointer;
    vertical-align: -.2em;
}

#ingredientList {
    list-style: none;
    position: relative;
    left: -14px;
}

#msgDisplay {
    position: fixed;
    top: 0; left: 0;
    z-index: 10;
    background:#ffc;
    padding:5px;
    border:1px solid #CCCCCC;
    text-align:center;
    font-weight:bold;
    width:99%;
    visibility: hidden;
}