zouma-oa/webapp/s/orgchart/jquery.orgchart.css

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

div.orgChart h2 {
  margin                : 0px;
  font-size             : 1.1em;
  border-bottom         : 2px solid black;
}

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            : 3px solid black;
}

div.orgChart tr.lines td.left {
  border-right          : 2px solid black;
}

div.orgChart tr.lines td.right {
  border-left           : 2px solid black;
}

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

div.orgChart div.node {
  cursor                : pointer;
  border                : 2px solid black;
  display               : inline-block;
  width                 : 96px;
  height                : 60px;
  background-color      : #ffffcf;
  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;
}

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

div.orgChart tr.nodeCollapsed div.node {
	background-color: #FF6666;
}