22 files changed, 291 insertions, 399 deletions

diff --git a/_scss/compass_app_log.txt b/_scss/compass_app_log.txt
index 6fe64a6f..00a7f071 100644
--- a/_scss/compass_app_log.txt
+++ b/_scss/compass_app_log.txt
@@ -93,3 +93,16 @@
 2012-01-20 15:16:38 overwrite ../css/ninja.css
 2012-01-20 15:17:03 overwrite ../css/ninja.css
 2012-01-20 15:17:39 overwrite ../css/ninja.css
+2012-01-27 16:08:54     error ninja.scss (Line 26: Invalid CSS after "resize:": expected pseudoclass or pseudoelement, was "/* Base colors ...")
+2012-01-27 16:08:54 overwrite ../css/ninja.css
+2012-01-27 16:09:18     error ninja.scss (Line 26: Invalid CSS after "resize:": expected pseudoclass or pseudoelement, was "/* Base colors ...")
+2012-01-27 16:09:18 overwrite ../css/ninja.css
+2012-01-27 16:09:34     error ninja.scss (Line 93: Invalid CSS after "    z-index:": expected pseudoclass or pseudoelement, was " 2;")
+2012-01-27 16:09:34 overwrite ../css/ninja.css
+2012-01-27 16:11:17     error ninja.scss (Line 20: Invalid CSS after "...nately it doesn": expected "{", was "'t seem to work...")
+2012-01-27 16:11:17 overwrite ../css/ninja.css
+2012-01-27 16:11:57     error ninja.scss (Line 106: Invalid CSS after "...how the corner.": expected class name, was "Setting the ::-...")
+2012-01-27 16:11:57 overwrite ../css/ninja.css
+2012-01-27 16:12:29 overwrite ../css/ninja.css
+2012-01-27 16:13:46 overwrite ../css/ninja.css
+2012-01-27 16:14:02 overwrite ../css/ninja.css
diff --git a/_scss/imports/scss/_Base.scss b/_scss/imports/scss/_Base.scss
index f9a1cfa3..75ccc07d 100644
--- a/_scss/imports/scss/_Base.scss
+++ b/_scss/imports/scss/_Base.scss
@@ -4,12 +4,12 @@
 // (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
 // </copyright>
 
-/*
- * Base.scss
- * Base styles for entire application.
- * Note that colors and font definitions go in 
- * _scss/themes/themename/_colors.scss and _scss/themes/themename/_fonts.scss
- */
+
+//Base.scss
+//Base styles for entire application.
+//Note that colors and font definitions go in 
+//_scss/themes/themename/_colors.scss and _scss/themes/themename/_fonts.scss
+
 
 .clear {
     display: block;
@@ -42,8 +42,8 @@
     float: right;
 }
 
-/* Begin: Basic skinning for form fields */
-/* Reset all */
+// Begin: Basic skinning for form fields 
+// Reset all 
 input.nj-skinned, 
 textarea.nj-skinned, 
 button.nj-skinned,
@@ -54,7 +54,7 @@ button.nj-skinned {
         outline: none;
 }
 
-/* Base styles */
+// Base styles
 input[type="text"].nj-skinned,
 input[type="password"].nj-skinned,
 input[type="search"].nj-skinned,
@@ -68,7 +68,7 @@ select.nj-skinned option {
         font-family: 'Droid Sans', sans-serif;
 }
 
-/* Disabled styles */
+// Disabled styles
 input.nj-skinned:disabled,
 textarea.nj-skinned:disabled,
 select.nj-skinned:disabled,
@@ -76,7 +76,7 @@ button.nj-skinned:disabled {
         opacity: 0.4;
 }
 
-/* Text inputs and select boxes */
+// Text inputs and select boxes 
 input[type="text"].nj-skinned,
 input[type="password"].nj-skinned,
 input[type="search"].nj-skinned,
@@ -84,7 +84,7 @@ select.nj-skinned,
 select.nj-skinned option {
         height: 13px;
 }
-/*
+//
 input[type="text"].nj-skinned:focus,
 input[type="password"].nj-skinned:focus,
 input[type="search"].nj-skinned:focus,
@@ -93,7 +93,7 @@ select.nj-skinned:focus,
 select.nj-skinned option:focus {
         -webkit-box-shadow: 0px 0px 3px $color-focus-outline;
 }
-*/
+
 
 select.nj-skinned {
     background-image: url("../images/dropdown-bg.png");
@@ -118,13 +118,13 @@ input[type="search"].nj-skinned::-webkit-search-cancel-button:after {
         content:"\2716";
 }
 
-/* Buttons */
+// Buttons 
 button.nj-skinned {
         font-size: 9px;
     cursor: pointer;
 }
 
-/* Radio buttons */
+// Radio buttons 
 input[type="radio"].nj-skinned {
         background-color: $color-menu-bg;
         background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%);
@@ -143,15 +143,18 @@ input[type="radio"].nj-skinned {
     box-shadow: 0px 0px 2px $color-radio-shadow;
 }
 input[type="radio"].nj-skinned:checked {
-        background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%);
+        background: -webkit-radial-gradient(center, 
+                                                                                circle cover, 
+                                                                                $color-radio 0%, 
+                                                                                $color-radio 15%, 
+                                                                                $color-radio 30%, 
+                                                                                $color-transparent 31%), 
+                                                                                -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%);
         border: 2px solid $color-radio-border;
 }
 input[type="radio"].nj-skinned:hover {
         border: 2px solid $color-radio-border;
 }
-input[type="radio"].nj-skinned:checked:after {
-        content:"\a0 \a0 \2022";
-}
 input[type="radio"].nj-skinned:active {
         background-image: -webkit-linear-gradient(top, $color-radio-gradient-bottom 0%, $color-radio-gradient-top 100%);
 }
@@ -160,7 +163,7 @@ input[type="radio"].nj-skinned:disabled {
         border: 2px solid $color-radio-border;
         cursor: default;
 }
-/* Checkboxes */
+// Checkboxes 
 input[type="checkbox"].nj-skinned {
         background-color: $color-menu-bg;
         background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%);
@@ -190,9 +193,9 @@ input[type="checkbox"].nj-skinned:disabled {
         background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%);
         cursor: default;
 }
-/* End: Basic skinning for form fields */
+// End: Basic skinning for form fields 
 
-/* Begin:  Basic skinning for visual dividers */
+// Begin:  Basic skinning for visual dividers 
 .nj-divider {
         background-color: $color-divider-second;
         border-width: 0px;
@@ -208,4 +211,4 @@ input[type="checkbox"].nj-skinned:disabled {
         border-right: 1px solid $color-divider-third;
         width: 1px;
 }
-/* End: Basic skinning for visual dividers */
+// End: Basic skinning for visual dividers 
diff --git a/_scss/imports/scss/_Components.scss b/_scss/imports/scss/_Components.scss
index 2fda5afc..c4182c73 100644
--- a/_scss/imports/scss/_Components.scss
+++ b/_scss/imports/scss/_Components.scss
@@ -6,7 +6,7 @@
 
 
 
-/* Begin: Styles for the Tree component */
+// Begin: Styles for the Tree component  
 
 .tree