3 files changed, 181 insertions, 243 deletions

diff --git a/scss/imports/scss/_PanelUI.scss b/scss/imports/scss/_PanelUI.scss
index dd8cee04..8baffc95 100755
--- a/scss/imports/scss/_PanelUI.scss
+++ b/scss/imports/scss/_PanelUI.scss
@@ -855,20 +855,7 @@ div.pp-button.button-divider div {
 
 //  End: Tree component for Project Panel  
 
-
-.subToolHolderPanel{
-    margin-left:42px
-}
-
-.subToolPanel{
-    margin-top:-6px
-}
-
-// .marginposition{ 
-    // margin-top:-26px 
-// } 
 //  Begin: Properties Panel styles  
-
 .properties_panel {
         overflow-x: hidden;
         color: $color-panel-text;
diff --git a/scss/imports/scss/_Tools.scss b/scss/imports/scss/_Tools.scss
index 55c37d02..c2d2498a 100755
--- a/scss/imports/scss/_Tools.scss
+++ b/scss/imports/scss/_Tools.scss
@@ -11,68 +11,53 @@
 // _scss/themes/themename/_colors.scss and _scss/themes/themename/_fonts.scss
 // 
   
-
-// Made changes to toolButton  }
+.subToolHolderPanel {
+    margin-left: 42px;
+    padding: 6px;
+    float:left;
+}
 
 .subToolHolderPanel .toolbutton {
     float:left;
     -webkit-transform: scale(0.6);
+        margin-top: -4px;
 }
 
 .subToolHolderPanel .toolbutton:hover, .subToolHolderPanel .toolbutton.active {
     -webkit-transform: scale(0.75);
 }
 
-.subOption{
+.toolOptionsFloatChildren > * {
     float:left;
-    // margin:10px; 
-    margin-top: 5px;
-    margin-left: 10px;
-    margin-right: 10px;
 }
 
-.toolSeparator {
-    height:1px;
-    width:30px;
-    // margin-left: 3px; 
-    // margin-right: 3px; 
-}
+// .toolOptionsFloatChildren select.nj-skinned {
+//     margin-top: 2px;
+// }
 
-.toolSeparatorTop {
-    margin-top: 3px;
-    margin-bottom: 0px;
-}
 
-.toolSeparatorMiddle {
-    margin-top: 0px;
-    margin-bottom: 0px;
+.toolOptionsSpacer {
+    margin-right: 9px;
 }
 
-.toolSeparatorBottom {
-    margin-top: 0px;
-    margin-bottom: 3px;
+.toolColorChipCtrl {
+    width: 18px;
+    height: 18px;
+    margin-top: 1px;
+    margin-left: 3px;    
+    margin-right: 8px;    
+    border: 1px black solid;
 }
 
-.toolImageBase {
-    padding: 0px;
-    width: 26px;
-    height: 23px;
-    opacity: 0.7;
-    background-repeat:no-repeat;
+.toolColorChipIcon {
+    width: 20px;
+    height: 20px;
+    margin-top: 1px;
+    -webkit-transform: scale(0.8);
+    background-color: rgb(40, 40, 40);
 }
 
-.toolImageBase:hover {
-   opacity: 1.0;
-   }
-
-
-.drawingMode {
-    outline:blue solid thin;
-}
-
-
 //  Added new styling Sub Tool Shape Options 
-
 .textBox {
 
    padding-top:3px;
@@ -129,28 +114,28 @@
     opacity:1;
 }
 
-.cornerRadius.topLeft
-{
+.cornerRadius.topLeft {
     -webkit-transform: rotate(0deg);
+        margin-top: 1px;
+        margin-right: 3px;
 }
 
-.cornerRadius.topRight
-{
+.cornerRadius.topRight {
     -webkit-transform: rotate(90deg);
-    margin-right : -2px;
+        margin-right: 3px;
+        margin-top: 1px;
 }
 
-.cornerRadius.bottomLeft
-{
-    margin-top: 3px;
+.cornerRadius.bottomLeft {
     -webkit-transform: rotate(270deg);
+        margin-right: 2px;
+     margin-top: -1px;
 }
 
-.cornerRadius.bottomRight
-{
-    margin-top: 3px;
+.cornerRadius.bottomRight {
     -webkit-transform: rotate(180deg);
-    margin-right : -2px;
+        margin-right: 4px;
+        margin-top: -1px;
 }
 
 #toolOptionsContainer
@@ -285,9 +270,7 @@ input[type="radio"]:disabled {
 }
 
 //  Begin: styles for tag toolbar  
-#tagToolContainer input.tag-type,
-#rotateObjectToolContainer input.tag-type,
-#translateObjectToolContainer input.tag-type {
+.tagRadioButtons input.tag-type {
         background: none;
         width: 20px;
         height: 20px;
@@ -296,7 +279,7 @@ input[type="radio"]:disabled {
         margin: 0px;
         padding: 0px;
         margin-right: 5px;
-        margin-top: 4px;
+        margin-top: 0px;
         background-repeat: no-repeat;
         opacity: 0.8;
         text-indent: -9999px;
@@ -305,97 +288,71 @@ input[type="radio"]:disabled {
         -webkit-user-select: none;
         border: 1px solid transparent;
 }
-#tagToolContainer input.tag-type {
+.tagRadioButtons input.tag-type {
         background-image: url("../images/tools/sprite-toolbar-tag.png");
 }
-#rotateObjectToolContainer input.tag-type {
-        background-image: url("../images/tools/sprite-toolbar-3d.png");
-}
-#translateObjectToolContainer input.tag-type {
-        background-image: url("../images/tools/sprite-toolbar-3d.png");
-}
-
-#tagToolContainer input.tag-type:active,
-#rotateObjectToolContainer input.tag-type:active,
-#translateObjectToolContainer input.tag-type:active {
+.tagRadioButtons input.tag-type:active {
         border: 1px solid transparent;
 }
-#tagToolContainer input.tag-type:hover,
-#rotateObjectToolContainer input.tag-type:hover,
-#translateObjectToolContainer input.tag-type:hover {
+.tagRadioButtons input.tag-type:hover {
         opacity: 1.0;
         -webkit-box-shadow: 0px 0px 4px #fff;
 }
-#tagToolContainer input.tag-type:checked,
-#rotateObjectToolContainer input.tag-type:checked,
-#translateObjectToolContainer input.tag-type:checked {
+.tagRadioButtons input.tag-type:checked {
         background-color: transparent;
         opacity: 1.0;
         cursor: default;
         -webkit-box-shadow: none;
 }
-#tagToolContainer input#divTool {
+.tagRadioButtons input.divTool {
+        margin-left: 8px;
         background-position: -40px 0px;