body, html {
  background: none;
}
.center {
	text-align: center;
}

.mlmTree table {
  margin: 0 auto;
}

.mlmTree .line {
  height                : 20px;
  width                 : 4px;
}

.mlmTree .down {
  background-color 		: none;
  margin 				: 0px auto;
}

.mlmTree .top {
  border-top          : 2px solid #cecece;
}

.mlmTree .left {
  border-right          : 0px solid black;
}

.mlmTree .right {
  border-left           : 0px solid black;
}

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

/* The node */
.mlmTree .node {
  background-color      : #fefefe;
  display               : inline-block;
  min-width: 100px;
  min-height: 100px;
  position              : relative;
  padding: 2px 2px;
  position: relative;
}

.mlmTree .node.diamond {
  background-color: #8EB2E6;
}
.mlmTree .node.crown {
  background-color: #D7D88C;
}

.mlmTree .node .icon {
  z-index: 10;
  position: absolute;
}

.mlmTree .node .icon.crown {
  background: url('img/crown_icon.png') no-repeat center center;
  width: 69px;
  height: 48px;
  top: -30%;
  left: 0%;
}

.mlmTree .node .icon.diamond {
  background: url('img/diamond_icon.png') no-repeat center center;
  width: 77px;
  height: 48px;
  top: -30%;
  left: -5%;
}

.mlmTree .node .avatar {
  margin: 0 auto;
  width: 40px;
  position: relative;
  margin-bottom: 10px;
}
.mlmTree .node .avatar .helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mlmTree .node .avatar img {
  width: 40px;
  vertical-align: middle;
}
.mlmTree .node .details {
  display: none;
  position: absolute;
  top: 50%;
  padding-left: 5px;
  padding-top: 13px;
  min-width: 250px;
  left: 100%;
  z-index: 100;
  border: 1px solid #cecece;
  background: #dadada;
  box-shadow: 3px 3px rgba(0, 0, 0, 0.4);
}

.mlmTree .node .details p {
  font-size: 11px;
}

.mlmTree .node {
   text-align: center;
   margin-right: 5px;
   margin-left: 5px;
}

.mlmTree .node > p {
  text-align: center;
  font-size: 13px;
}

.mlmTree .node > p.bold {
  font-weight: bold;
}

/* jQuery drag 'n drop */

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

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

/* Custom chart styling */
.mlmTree {
  margin                : 10px;
  padding               : 20px;
}

/* Custom node styling */
.mlmTree .node {
	font-size 			: 14px;
	background-color 	: #fefefe;
	border-radius 		: 5px;
	border 				: none
	-moz-border-radius 	: 5px;
}
.node p{
	font-family 	: tahoma;
	font-size 		: 10px;
  line-height: 5px;
	padding 		: 0px;
	text-align: left;
	color: black;
  font-weight: bold;
}
.node p span {
  padding-left: 3px;
	text-align: right;
	font-weight: normal;
  color: #c49f47;
}
/* list stuff */
#org{
	background-color 	: white;
	margin 				: 10px;
	padding 			: 10px;
}

#show-list{
	cursor 				: pointer;
}


.footer-details {
  bottom: 10px;
  left: 5px;
  right: 5px;
  border: 1px solid #cecece;
  background: #dadada;
  font-weight: bold;
  margin-top: 50px;
  margin-bottom: 30px;
  z-index: 100;
}
.footer-details .pull-left, .footer-details .pull-right {
  padding: 5px;
}
.footer-details .pull-left {
  color: black;
  font-weight: bold;
}
.footer-details .pull-right {
  font-weight: normal;
  color: #c49f47;
}

.footer-details .border-right {
  border-right: 1px solid black;
}

div.orgChart {
  margin-bottom: 80px;
}


td.node-container:first-child table tbody tr.node-cells td.node-cell div.node .details {
  right: 100% !important;
  left: auto !important;
}
td.node-container:last-child table tbody tr.node-cells td.node-cell div.node .details {
  left: 100% !important;
}