Modify CSS to prevent conflicts with existing stylesheets

vendor/assets/stylesheets/jquery.jorgchart.css

@@ -2,24 +2,25 @@
 /* Draw the lines */
 .jOrgChart .line {
   height: 20px;
-  width                 : 4px;
+  width: 50%;
 }
 
 .jOrgChart .down {
   background-color: black;
+  width: 2px;
   margin: 0px auto;
 }
 
 .jOrgChart .top {
-  border-top          : 3px solid black;
+  border-top: 2px solid black;
 }
 
 .jOrgChart .left {
-  border-right          : 2px solid black;
+  border-right: 1px solid black;
 }
 
 .jOrgChart .right {
-  border-left           : 2px solid black;
+  border-left: 1px solid black;
 }
 
 /* node cell */
@@ -27,11 +28,24 @@
   text-align: center;
   vertical-align: top;
   padding: 0;
+  margin: 0;
+  float: none;
+  border: none;
+}
+
+.jOrgChart tr, .jOrgChart table {
+  border: none;
+}
+
+.jOrgChart table {
+  border-collapse: separate;
+  border-spacing: 0;
 }
 
 /* The node */
 .jOrgChart .node {
-  background-color 		: #35363B;
+  background-color: #fff;
+  border: 1px solid black;
   display: inline-block;
   width: 96px;
   height: 60px;
@@ -47,5 +61,5 @@
 
 .drop-hover {
   border-style: solid !important;
-  border-color 			: #E05E00 !important;
+  border-color: #f00 !important;
 }