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

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

.jOrgChart .top {
  border-top          : 2px solid gray;
}

.jOrgChart .left {
  border-right          : 1px solid gray;
}

.jOrgChart .right {
  border-left           : 1px solid gray;
}

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

/* The node */
.jOrgChart .node {
  background-color : #ededed;
  display     : inline-block;
  width       : 95px;
  height      : 90px;
  z-index 	  : 10;
  margin      : 0 5px;
  border      : 2px solid gray;
  padding     : 5px 5px 5px 5px;
  text-align  : center;  
  font-size   : 12px;
  line-height : 17px;
  position    : relative;
}

.jOrgChart .node .organiHead { 
  display     : block;
  font-size   : 12px;
  line-height : 17px;
  text-align  : center;
  background  : #bbbbbb;
  height      : 38px;
  position    : absolute; 
  bottom      : 0px;
  left        : 0px;
  width       : 105px;
  padding-top  : 3px;
}

/* jQuery drag 'n drop */

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

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

#orgChartContainer {
  margin-bottom:40px;
  margin-top:20px;
}