/* Basic styling */
#agentStructure {
    background: url("../../Content/images/icons/gridBg.png") repeat;
    width: 100%;
    height: 400px;
    display: block;
    position: relative;
}

/* Draw the lines */
.jOrgChart .line {
    height: 20px;
    width: 2px;
}

.jOrgChart table  {
    border-collapse: separate;
}

.jOrgChart .down {
    background-color: #BBB;	
    margin: 0px auto;
}

.jOrgChart .top {
    border: none;
    border-top: 2px solid #BBB;
    background: none !important;
}

.jOrgChart .left {
    border-right: 1px solid #BBB;
    float: none !important;
    background: none !important;
    /*width: 50%;*/
}

.jOrgChart .right {
    border-left: 1px solid #BBB;
    float: none !important;
    background: none !important;
    /*width: 50%;*/
}

/* node cell */
.jOrgChart td {
  text-align: center;
  vertical-align: top;
  padding: 0;
}

/* The node */
.jOrgChart .node {
    background-color: transparent;
    border: none;
    display: inline-block;
    width: 45px;
    height: 25px;
    z-index: 10;
    margin: 0 2px;
    padding: 5px;
}
.jOrgChart .node.hasDownline {
    background: transparent;
    border: none;
    display: inline-block;
    width: 45px;
    height: 25px;
    z-index: 10;
    margin: 0 2px;
    padding: 5px;
}

.jOrgChart .node.highlighted {
    background: yellow;
}

/* jQuery drag 'n drop */

.drag-active {
  border-style: dotted !important;
}

.drop-hover {
  border-style: solid !important;
  border-color: #E05E00 !important;
}

.downlineIcon {
    background: url("../jstree/themes/wucustom/plus_18.png") no-repeat bottom right;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    z-index: 50004;
    right: 0px;
    bottom: 0px;
    cursor: pointer;
    opacity: .65;
}
.downlineIcon.expanded {
    background: url("../jstree/themes/wucustom/minus_18.png") no-repeat bottom right;
}


/* CUSTOM CHART ADDITION STYLES */
/*#panner {
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}*/
#chart_agentDetails {
    position: absolute;
    bottom: 0px;
    right: 20px;
    width: 350px;
    display: block;
    z-index: 7000;
    background-color: #ffffff;
    background-color: rgba(255,255,255,0.8);
    box-shadow: 2px 2px 2px #999;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #999;
    padding: 10px;
}

.chart_close {
    position: absolute;
    right: 3px;
    top: 3px;
    width: 20px;
    height: 20px;
    display: block;
    background: url('../../Content/images/icons/closeico.png') no-repeat center;
}

.chart_agentImg {
    width: 40px;
    height: 40px;
    display: inline-block;
}
.chart_name {
    font-size: 14px;
    font-weight: bold;
    color: green;
}