.columnView
{
    /* display: inline-block; */ /* border-width: 2px; */ /* border-collapse: collapse; */
    border-color: #8C8EAA;
    background-color: inherit;
    padding: 0px; /* width: 150px; */
    width: 100%;
    white-space: nowrap;
    vertical-align: top;
    /* border: 1px solid #8C8EAA; */
    height: 100%;
}

.columnViewEmpty
{
    border: 1px solid #8C8EAA;
    min-width: 100px;
}

.columnViewItem
{
    padding: 0px;
    border-collapse: collapse;
    vertical-align: top;
    border: 1px solid #8C8EAA;
    min-width: 150px;
}

.columnViewItem .ColumnView
{
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
}

.columnViewHeader
{
    border-color: #8C8EAA;
    background-color: #F5F5FF;
    text-align: left;
    vertical-align: bottom;
    white-space: nowrap;
}

.columnViewHeader .columnViewText
{
    border-bottom: 1px solid #8C8EAA;
}

.columnViewHeaderAdditional
{
    height: 2em;
    text-align: left;
    vertical-align: bottom;
    border-top: 1px solid #8C8EAA;
}

.columnViewImage
{
    background-color: White;
}

.columnViewImageSelected
{
    background-color: #A6A6D9;
}

.columnViewImageSelectedDimmed
{
    background-color: #E6E6F4;
}

.columnView img
{
    height: 16px;
}

/*
.columnView td
{
    height: 16px;
}
*/

.columnViewImage img
{
    width: 16px;
    height: 16px;
}

.columnViewText
{
    /*background-color: LightSteelBlue;*/
    padding: 2px;
    white-space: nowrap;
}

.columnViewItemSelected
{
    background-color: #A6A6D9;
}

.columnViewItemSelectedDimmed
{
    background-color: #E6E6F4;
}

.columnViewTextSelected
{
    background-color: #A6A6D9; /* font-weight: bold; */
    padding: 2px;
}

.columnViewTextSelectedDimmed
{
    background-color: #E6E6F4; /* font-weight: bold; */
    padding: 2px;
}

.columnViewTextSelected span
{
    color: White;
}

.columnViewEnd
{
    width: 16px;
}

.columnViewEndSelected
{
    background-color: #A6A6D9;
    height: 16px;
    background-image: url(../../Images/white_right_arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    padding: 0 0 0 0;
    width: 16px;
}

.columnViewEndSelectedDimmed
{
    background-color: #E6E6F4;
    height: 16px;
    background-image: url(../../Images/gray_right_arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    padding: 0 0 0 0;
    width: 16px;
}

.columnViewContainer
{
    width: 100%;
    border-collapse: collapse;
    font-size: smaller;
}