div.orgChart
{
    border: 1px solid #cccccc;
    background-color: #ffffe8;
    margin: 10px;
    padding: 20px;
}

div.orgChart h2
{
    margin: 0px;
    font-size: 12px;
    /*border-bottom: 1px solid #b9c6d6;*/
    padding: 5px 2px 5px 2px;
}
div.orgChart span
{
    margin: 0px;
    font-size: 12px;
    padding: 2px 2px 2px 2px;
}

div.orgChart ul
{
    list-style: none;
    margin: 4px;
    padding: 0px;
    font-size: 0.8em;
    text-align: left;
}

div.orgChart table
{
    width: 100%;
}

div.orgChart tr.lines td.line
{
    width: 1px;
    height: 20px;
}

div.orgChart tr.lines td.top
{
    border-top: 1px solid #56abcd ;
}

div.orgChart tr.lines td.left
{
    border-right: 1px solid #56abcd ;
}

div.orgChart tr.lines td.right
{
    border-left:  1px solid #56abcd ;
}

div.orgChart td
{
    text-align: center;
    vertical-align: top;
    padding: 0px 2px;
}

div.orgChart div.node
{
    cursor: pointer;
    border: 1px solid #b9c6d6;
    display: inline-block;
    width: 160px;
    height: 60px;
    border-radius: 8px;
    box-shadow: 4px 4px 6px #888888;
    -moz-border-radius: 8px;
    -moz-box-shadow: 4px 4px 6px #888888;
    -webkit-border-radius: 8px;
    -webkit-box-shadow: 4px 4px 6px #888888;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=5); /*for ie6,7,8*/
    background-color: #ffffcf;
}

div.orgChart div.node.collapse
{
    background-color: #ffe8e8;
}
div.orgChart div.node.hover
{
    background-color: #ffffff;
}