div.treeTable
{
    background-color: #fff;
    border: 1px solid #555;
    font-size: 10pt;
    overflow: scroll;
}

div.treeTable table
{
    background-color: #555;
    border-bottom: 1px solid #555;
    /*display: block;*/
    margin: 0;
    padding: 0;
    width: 100%;
}

div.treeTable th
{
    background: #DDE4EC;
    width: auto;
}

div.treeTable thead *
{
    white-space: nowrap;
    width: 100%;
}

div.treeTable th,
div.treeTable td
{
    border-left: 1px solid #555;
    padding: 0 4px;
    text-align: left;
    white-space: nowrap;
}

div.treeTable td:first-child,
div.treeTable th:first-child
{
    border-left: none;
}

div.treeTable thead th
{
    border-bottom: 2px solid #555;
    padding-right: 22px;
    font-weight: 700;
    font-size: 14px;
}

div.treeTable th.ascendingsort
{
    background: #B0C3D8 url('../images/superTable/desc.gif') no-repeat right center;
}

div.treeTable th.descendingsort
{
    background: #B0C3D8 url('../images/superTable/asc.gif') no-repeat right center;
}

div.treeTable tbody tr:hover td
{
    background-color: #F5ECA1;
}


div.treeTable tbody td:hover input
{
    background: #FFFFCC;
}

div.treeTable tbody tr.even_contract td
{
    background: #FFF url('../images/superTable/contracted.gif') no-repeat left center;
    font-weight: 700;
    font-size: 14px;
}

div.treeTable tbody .even_contract:hover td,
div.treeTable tbody .even_expand:hover td,
div.treeTable tbody .odd_contract:hover td,
div.treeTable tbody .odd_expand:hover td
{
    background-color: #F5ECA1;
}

div.treeTable tbody tr.odd_contract td {
    background: #EEEEF0 url('../images/superTable/contracted.gif') no-repeat left center;
    font-weight: 700;
    font-size: 14px;
}

div.treeTable tbody td
{
    padding-left: 20px;

}

div.treeTable tbody td.even_sub
{
    padding-left: 50px;
    background-color: #FFF;
    font-size: 11px;
    font-weight: 700;
}

div.treeTable tbody td.odd_sub
{
    padding-left: 50px;
    background-color: #EEEEF0;
    font-size: 11px;
    font-weight: 700;
}

div.treeTable tbody tr.even_expand td
{
    background: #FFF url('../images/superTable/expanded.gif') no-repeat left center;
    font-weight: 700;
    font-size: 14px;
}

div.treeTable tbody tr.odd_expand td
{
    background: #EEEEF0 url('../images/superTable/expanded.gif') no-repeat left center;
    font-weight: 700;
    font-size: 14px;
}

div.treeTable table.sub
{
    height: auto;
    width: auto;
    background-color: #FFF;
}

div.treeTable .checkbox
{
    margin-top: 2px;
    margin-right: 5px;
}

.selected
{
    background-color : #F5ECA1 !important;
}

.cursorpointer
{
    cursor: pointer;
}