--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/popoto_dev/src/css/popotojs-svg.css	Fri Oct 02 01:08:46 2015 -0400
@@ -0,0 +1,287 @@
+/*
+* Copyright (C) 2014 Frederic Ciminera
+*
+* Popoto.js is free software: you can redistribute it and/or modify
+* it under the terms of the GNU General Public License as published by
+* the Free Software Foundation, either version 3 of the License, or
+* (at your option) any later version.
+*
+* Popoto.js is distributed in the hope that it will be useful,
+* but WITHOUT ANY WARRANTY; without even the implied warranty of
+* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+* GNU General Public License for more details.
+*
+* You should have received a copy of the GNU General Public License
+* along with this program. If not, see <http://www.gnu.org/licenses/>.
+*
+* contact@popotojs.com
+*/
+
+.ppt-svg-graph {
+    cursor: move;
+    min-height: 100px;
+    width: 100%;
+    height: 100%;
+    pointer-events: all;
+}
+
+/******************Node Styles*************************/
+.ppt-node-ellipse {
+    stroke: #ffffff;
+    stroke-width: 4px;
+}
+
+.ppt-node-ellipse.root {
+    fill: #2aa1d3;
+}
+
+.ppt-node-ellipse.root.disabled {
+    fill: #2e3138;
+    stroke: #525863;
+}
+
+.ppt-node-ellipse.choose {
+    fill: #8bb71a;
+}
+
+.ppt-node-ellipse.choose.disabled {
+    fill: #2e3138;
+    stroke: #525863;
+}
+
+.ppt-node-ellipse.value {
+    fill: #f0b017;
+}
+
+.ppt-node-ellipse.selected-value {
+    fill: #ee4e10;
+}
+
+.ppt-node-ellipse.selected-root-value {
+    fill: #8F5BCC;
+}
+
+.ppt-node-ellipse.group {
+    fill: #525863;
+}
+
+.ppt-node-ellipse.disabled {
+    fill: #2e3138;
+    stroke: #525863;
+}
+
+/* Node background*/
+.ppt-g-node-background {
+    cursor: pointer;
+}
+
+.ppt-node-background-circle {
+    fill-opacity: 0;
+}
+
+.ppt-node-background-circle.root {
+    fill: #233E7E;
+}
+
+.ppt-node-background-circle.choose {
+    fill: #628b1a;
+}
+
+.ppt-node-background-circle.value {
+    fill: #c28a17;
+}
+
+.ppt-node-background-circle.selected-value {
+    fill: #c24b30;
+}
+
+.ppt-node-background-circle.selected-root-value {
+    fill: #765ab4;
+}
+
+.ppt-node-background-circle.group {
+    fill: #3f4450;
+}
+
+.ppt-node-background-circle.disabled {
+    fill: #3f4450;
+}
+
+/* Node middleground */
+.ppt-g-node-middleground {
+    cursor: pointer;
+}
+
+/* Node foreground */
+.ppt-g-node-foreground {
+    cursor: pointer;
+}
+
+.ppt-count-box.value {
+    fill: #8bb71a;
+    stroke: #ffffff;
+    stroke-width: 2px;
+}
+
+.ppt-count-box.root {
+    fill: #ee4e10;
+    stroke: #ffffff;
+    stroke-width: 2px;
+}
+
+.ppt-count-box.root.disabled {
+    fill: #2e3138;
+    stroke: #525863;
+}
+
+.ppt-count-box.value.disabled {
+    fill: #2e3138;
+    stroke: #525863;
+}
+
+.ppt-count-text {
+    fill: white;
+}
+
+.ppt-count-text.disabled {
+    fill: #525863;
+}
+
+.ppt-rel-plus-icon {
+}
+
+.ppt-rel-plus-icon.disabled {
+    display: none;
+}
+
+.ppt-rel-plus-background {
+    fill: #f0b017;
+    fill-opacity: 0;
+}
+
+.ppt-rel-plus-path {
+    fill: #ff0000;
+}
+
+.ppt-rel-minus-icon {
+}
+
+.ppt-rel-minus-icon.disabled {
+    display: none;
+}
+
+.ppt-rel-minus-path {
+    fill: #ff0000;
+}
+
+.ppt-rel-minus-background {
+    fill: #f0b017;
+    fill-opacity: 0;
+}
+
+/******************Tool Styles*************************/
+.ppt-node-foreground-g-arrows {
+    display: none;
+}
+
+.ppt-node-foreground-g-arrows.active {
+    display: block;
+}
+
+.ppt-arrow {
+    fill: #ffffff;
+}
+
+.ppt-larrow {
+    stroke: #ffffff;
+    stroke-width: 4px;
+    fill: #525863;
+}
+
+.ppt-rarrow {
+    stroke: #ffffff;
+    stroke-width: 4px;
+    fill: #525863;
+}
+
+.ppt-larrow.enabled {
+    fill: #2aa1d3;
+}
+
+.ppt-rarrow.enabled {
+    fill: #2aa1d3;
+}
+
+/******************Link Styles*************************/
+
+/* Links */
+.ppt-link-relation {
+    stroke: #2aa1d3;
+    stroke-width: 2px;
+    stroke-dasharray: 9, 5;
+}
+
+.ppt-link-relation.value {
+    stroke: #ee4e10;
+}
+
+.ppt-link-relation.value.ppt-link-hover {
+    stroke: #ee4e10;
+}
+
+.ppt-link-relation.disabled {
+    stroke: #2e3138;
+    stroke-width: 2px;
+    stroke-dasharray: 9, 5;
+}
+
+.ppt-link-value {
+    stroke: #525863;
+    stroke-width: 2px;
+    stroke-dasharray: 9, 5;
+}
+
+.ppt-link-hover {
+    stroke: #ee4e10;
+}
+
+.ppt-link-text-relation {
+    fill: #ffffff;
+}
+
+.ppt-link-text-relation.value {
+    fill: #ffffff;
+}
+
+.ppt-link-text-relation.disabled {
+    fill: #525863;
+}
+
+.ppt-link-text-value {
+    fill: #525863;
+}
+
+/* text in nodes*/
+.ppt-node-text-root {
+    fill: #ffffff;
+}
+
+.ppt-node-text-root.disabled {
+    fill: #525863;
+}
+
+.ppt-node-text-choose {
+    fill: #ffffff;
+}
+
+.ppt-node-text-choose.disabled {
+    fill: #525863;
+}
+
+.ppt-node-text-value {
+    fill: #ffffff;
+}
+
+.ppt-node-text-group {
+    fill: #ffffff;
+}