.wrap .x-grid-cell-inner, .wrap {
    white-space: pre-line !important;
}
.nowrap{
    white-space: nowrap !important;
}
.outlined{
    border: thin solid #CCC;
}

.value-node {
    display: inline-block;
    font-size: .8em;
    color: #333;
    background-color: #EEE;
    border: 1px solid #AAA;
    border-radius: .3em;
    margin-left: .1em;
    margin-top: .2em;
    margin-bottom: .2em;
    padding-left: .35em;
    padding-right: .35em;
    padding-top: 0px;
    padding-bottom: 0px;
}

.value-node.highlight {
    background-color: #C0E1FC
}

.detail-node {
    font-size: .8em;
}
.info-cell{
    color:#666;
}
.info-box{
    background: rgb(146,189,239);
    background: -moz-linear-gradient(top, rgba(146,189,239,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(146,189,239,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(146,189,239,1) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(146,189,239,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(146,189,239,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(top, rgba(146,189,239,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92bdef', endColorstr='#ffffff',GradientType=0 );
    padding: 10px;
}
.info-title {
    font-size: 1.2em;
    font-weight: 700;
    color: #333;
    text-align: center;
    padding: .4em;
}

/* Grid Rows */

.x-grid-row.row-dirty .x-grid-cell {
  background: #FFF url(/images/bg/3x3-pink-trans-horiz-stripe.png) repeat !important;
}
.x-grid-row.row-dirty.x-grid-row-selected .x-grid-cell {
  background: #CDE url(/images/bg/3x3-pink-trans-horiz-stripe.png) repeat !important;
}