compass_ae_sencha 1.0.4 → 2.0.0

data/public/stylesheets/sencha_touch/resources/css-debug/sencha-touch.css

@@ -94,7 +94,8 @@
  * @var {measurement} $button-height Default height for buttons.
  */
 /**
- * @var {measurement} $button-radius Default border-radius for buttons.
+ * @var {measurement} $button-radius
+ * Default border-radius for buttons. Please note, you can only use `em` as a value here.
  */
 /**
  * @var {measurement} $button-stroke-weight Default border width for buttons.
@@ -687,9 +688,9 @@ body {
  */
 /* line 5, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/layout/_Box.scss */
 .x-layout-box {
+  display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
-  display: flex;
 }
 /* line 8, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/layout/_Box.scss */
 .x-layout-box.x-horizontal {
@@ -713,9 +714,9 @@ body {
 }
 /* line 24, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/layout/_Box.scss */
 .x-layout-box > .x-layout-box-item {
+  display: flex !important;
   display: -webkit-box !important;
   display: -ms-flexbox !important;
-  display: flex !important;
 }
 /* line 28, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/layout/_Box.scss */
 .x-layout-box.x-align-start {
@@ -849,9 +850,9 @@ body {
  */
 /* line 5, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/layout/_Dock.scss */
 .x-dock {
+  display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
-  display: flex;
 }
 /* line 8, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/layout/_Dock.scss */
 .x-dock > .x-dock-body {
@@ -870,9 +871,9 @@ body {
 /* line 17, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/layout/_Dock.scss */
 .x-dock.x-sized > .x-dock-body {
   position: relative;
+  display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
-  display: flex;
   -webkit-box-flex: 1;
   -ms-flex: 1 0 auto;
   flex: 1 0 auto;
@@ -886,9 +887,9 @@ body {
 /* line 29, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/layout/_Dock.scss */
 .x-dock.x-unsized > .x-dock-body, .x-dock.x-stretched > .x-dock-body {
   position: relative;
+  display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
-  display: flex;
   -webkit-box-flex: 1;
   -ms-flex: 1 0 auto;
   flex: 1 0 auto;
@@ -920,9 +921,9 @@ body {
 }
 /* line 52, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/layout/_Dock.scss */
 .x-dock.x-dock-horizontal > .x-dock-item {
+  display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
-  display: flex;
 }
 /* line 56, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/layout/_Dock.scss */
 .x-dock.x-dock-horizontal > .x-dock-item.x-sized > .x-inner, .x-dock.x-dock-horizontal > .x-dock-item.x-sized > .x-body {
@@ -971,9 +972,9 @@ body {
  */
 /* line 5, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/layout/_Fit.scss */
 .x-stretched.x-container {
+  display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
-  display: flex;
   -webkit-box-orient: vertical;
   -ms-flex-direction: column;
   flex-direction: column;
@@ -981,9 +982,9 @@ body {
 /* line 10, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/layout/_Fit.scss */
 .x-stretched.x-container > .x-inner, .x-stretched.x-container > .x-body,
 .x-stretched.x-container > .x-body > .x-inner {
+  display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
-  display: flex;
   -webkit-box-flex: 1;
   -ms-flex: 1 0 auto;
   flex: 1 0 auto;
@@ -995,9 +996,9 @@ body {
 
 /* line 18, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/layout/_Fit.scss */
 .x-layout-fit.x-stretched > .x-layout-fit-item {
+  display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
-  display: flex;
   -webkit-box-flex: 1;
   -ms-flex: 1 0 auto;
   flex: 1 0 auto;
@@ -1041,9 +1042,9 @@ body {
   right: 0;
   bottom: 0;
   left: 0;
+  display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
-  display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
@@ -1266,9 +1267,9 @@ body {
  */
 /* line 5, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_Button.scss */
 .x-button {
+  display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
-  display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
@@ -2015,9 +2016,9 @@ input, textarea {
   right: 0;
   height: 100%;
   z-index: 10;
+  display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
-  display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
@@ -2046,9 +2047,9 @@ input, textarea {
 }
 /* line 40, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_Mask.scss */
 .x-mask .x-loading-spinner-outer {
+  display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
-  display: flex;
   -webkit-box-orient: vertical;
   -ms-flex-direction: column;
   flex-direction: column;
@@ -2078,23 +2079,24 @@ input, textarea {
 /* line 64, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_Mask.scss */
 .x-mask .x-mask-message {
   position: absolute;
-  bottom: 1.7em;
+  bottom: 5px;
+  color: #333;
+  left: 0;
+  right: 0;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
-  max-width: 13em;
-  min-width: 8em;
 }
-/* line 73, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_Mask.scss */
+/* line 74, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_Mask.scss */
 .x-mask.x-has-message .x-mask-inner {
   padding-bottom: 2em;
 }
-/* line 77, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_Mask.scss */
+/* line 78, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_Mask.scss */
 .x-mask.x-has-message .x-loading-spinner-outer {
-  height: 7.5em;
+  height: 168px;
 }
 
-/* line 93, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_Mask.scss */
+/* line 94, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_Mask.scss */
 .x-ie .x-mask[visibility='visible'] ~ div:not(.x-mask) .x-input-el,
 .x-ie .x-mask[visibility='visible'] ~ div:not(.x-panel) .x-input-el,
 .x-ie .x-mask[visibility='visible'] ~ div:not(.x-floating) .x-input-el,
@@ -2176,6 +2178,105 @@ audio {
   min-width: 4.5em;
 }
 
+/* line 1, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_ProgressIndicator.scss */
+.x-progressindicator {
+  width: 50%;
+  height: 1.3em;
+}
+
+/* line 6, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_ProgressIndicator.scss */
+.x-progressindicator .x-progressindicator-inner {
+  background: #222222;
+  padding: 10px;
+  height: 100%;
+  border-radius: 20px;
+  box-shadow: 0px 5px 17px rgba(40, 40, 40, 0.5);
+  box-sizing: content-box;
+  position: relative;
+}
+
+/* line 16, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_ProgressIndicator.scss */
+.x-progressindicator .x-progressindicator-text {
+  display: flex;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  color: white;
+  text-shadow: 1px 1px 2px black;
+}
+
+/* line 29, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_ProgressIndicator.scss */
+.x-progressindicator .x-progressindicator-bar {
+  height: 100%;
+  width: 0%;
+  border-radius: 10px;
+}
+
+/* line 35, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_ProgressIndicator.scss */
+.x-progressindicator:not(.x-item-hidden) .x-progressindicator-bar .x-progressindicator-bar-fill {
+  height: 100%;
+  width: 100%;
+  background-color: gray;
+  border-radius: 10px;
+  -webkit-animation-name: progressIndicator;
+  -moz-animation-name: progressIndicator;
+  -ms-animation-name: progressIndicator;
+  -o-animation-name: progressIndicator;
+  animation-name: progressIndicator;
+  -webkit-animation-duration: 1s;
+  -moz-animation-duration: 1s;
+  -ms-animation-duration: 1s;
+  -o-animation-duration: 1s;
+  animation-duration: 1s;
+  -webkit-animation-timing-function: linear;
+  -moz-animation-timing-function: linear;
+  -ms-animation-timing-function: linear;
+  -o-animation-timing-function: linear;
+  animation-timing-function: linear;
+  -webkit-animation-iteration-count: infinite;
+  -moz-animation-iteration-count: infinite;
+  -ms-animation-iteration-count: infinite;
+  -o-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+  background-repeat: repeat-x;
+  background-size: 30px 30px;
+  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+
+@-webkit-keyframes progressIndicator {
+  /* line 54, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_ProgressIndicator.scss */
+  to {
+    background-position: 30px;
+  }
+}
+
+@-moz-keyframes progressIndicator {
+  /* line 60, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_ProgressIndicator.scss */
+  to {
+    background-position: 30px;
+  }
+}
+
+@keyframes progressIndicator {
+  /* line 66, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_ProgressIndicator.scss */
+  to {
+    background-position: 30px;
+  }
+}
+
 /**
  * @class Ext.Panel
  */
@@ -2234,59 +2335,73 @@ audio {
   position: relative;
   background-color: #eee;
   min-height: 2.6em;
+  overflow: hidden;
 }
-/* line 10, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_Toolbar.scss */
+/* line 11, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_Toolbar.scss */
 .x-toolbar.x-docked-top {
   border-bottom: 1px solid;
 }
-/* line 14, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_Toolbar.scss */
+/* line 15, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_Toolbar.scss */
 .x-toolbar.x-docked-bottom {
   border-top: 1px solid;
 }
-/* line 18, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_Toolbar.scss */
+/* line 19, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_Toolbar.scss */
 .x-toolbar.x-docked-left {
   width: 50px;
   height: auto;
   border-right: 1px solid;
 }
-/* line 24, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_Toolbar.scss */
+/* line 25, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_Toolbar.scss */
 .x-toolbar.x-docked-right {
   width: 50px;
   height: auto;
   border-left: 1px solid;
 }
 
-/* line 31, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_Toolbar.scss */
+/* line 32, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_Toolbar.scss */
 .x-title {
   font-size: 1.2em;
   text-align: center;
   font-weight: bold;
   max-width: 100%;
 }
-/* line 38, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_Toolbar.scss */
+/* line 39, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_Toolbar.scss */
+.x-title.x-title-align-left {
+  padding-left: 10px;
+}
+/* line 44, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_Toolbar.scss */
+.x-title.x-title-align-right {
+  padding-right: 10px;
+}
+/* line 48, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_Toolbar.scss */
 .x-title .x-innerhtml {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-/* line 44, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_Toolbar.scss */
+/* line 54, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_Toolbar.scss */
 .x-navigation-bar .x-container {
   overflow: visible;
 }
 
-/* line 51, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_Toolbar.scss */
+/* line 61, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_Toolbar.scss */
 .x-toolbar-inner .x-field .x-component-outer {
   -webkit-box-flex: 1;
   -ms-flex: 1 0 auto;
   flex: 1 0 auto;
 }
 
-/* line 57, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_Toolbar.scss */
+/* line 67, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_Toolbar.scss */
 .x-ie .x-toolbar-inner {
   height: 100% !important;
 }
 
+/* line 1, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/_Menu.scss */
+.x-menu {
+  background: #eee;
+}
+
 /* line 1, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/carousel/_Carousel.scss */
 .x-carousel-inner {
   position: relative;
@@ -2306,9 +2421,9 @@ audio {
   -webkit-box-flex: 1;
   -ms-flex: 1 0 auto;
   flex: 1 0 auto;
+  display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
-  display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
@@ -2497,6 +2612,7 @@ audio {
   bottom: 0;
   left: 0;
   text-align: center;
+  font-family: "Pictos";
   content: "l";
 }
 
@@ -2509,6 +2625,7 @@ audio {
   bottom: 0;
   left: 0;
   text-align: center;
+  font-family: "Pictos";
   content: "`";
 }
 
@@ -2522,6 +2639,11 @@ audio {
   white-space: nowrap !important;
 }
 
+/* line 14, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/dataview/_DataView.scss */
+.x-dataview-nowrap .x-container.x-dataview {
+  white-space: nowrap !important;
+}
+
 /* line 1, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/dataview/_List.scss */
 .x-list {
   overflow: hidden;
@@ -2553,23 +2675,23 @@ audio {
   top: 0;
   width: 100%;
 }
-/* line 32, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/dataview/_List.scss */
-.x-list .x-list-item.x-item-pressed.x-list-item-tpl,
-.x-list .x-list-item.x-item-pressed .x-dock-horizontal {
-  background-color: #ddd;
-}
-/* line 37, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/dataview/_List.scss */
+/* line 30, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/dataview/_List.scss */
 .x-list .x-list-item > .x-dock {
   height: auto;
 }
-/* line 41, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/dataview/_List.scss */
+/* line 34, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/dataview/_List.scss */
 .x-list .x-list-item .x-dock-horizontal {
   border-top: 1px solid #cccccc;
 }
-/* line 46, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/dataview/_List.scss */
+/* line 39, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/dataview/_List.scss */
 .x-list .x-list-item.x-item-selected .x-dock-horizontal, .x-list .x-list-item.x-item-selected.x-list-item-tpl {
   background-color: #ccc;
 }
+/* line 45, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/dataview/_List.scss */
+.x-list .x-list-item.x-item-pressed.x-list-item-tpl,
+.x-list .x-list-item.x-item-pressed .x-dock-horizontal {
+  background-color: #ddd;
+}
 /* line 51, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/dataview/_List.scss */
 .x-list .x-list-item .x-list-item-body, .x-list .x-list-item.x-list-item-tpl .x-innerhtml {
   padding: 5px;
@@ -2608,10 +2730,10 @@ audio {
 .x-list .x-list-emptytext {
   text-align: center;
   pointer-events: none;
-  font-size: #333333;
+  font-color: #333333;
+  display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
-  display: flex;
   -webkit-box-orient: vertical;
   -ms-flex-direction: column;
   flex-direction: column;
@@ -2678,6 +2800,13 @@ audio {
   white-space: nowrap !important;
 }
 
+/* line 153, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/dataview/_List.scss */
+.x-list-item-dragging {
+  border-bottom: 1px solid #cccccc;
+  background: white !important;
+  z-index: 1;
+}
+
 /* line 1, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/dataview/_IndexBar.scss */
 .x-indexbar-wrapper {
   -webkit-box-pack: end !important;
@@ -2750,9 +2879,9 @@ audio {
 
 /* line 15, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/form/_Panel.scss */
 .x-field {
+  display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
-  display: flex;
 }
 /* line 18, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/form/_Panel.scss */
 .x-field .x-field-input {
@@ -2776,9 +2905,9 @@ audio {
 /* line 40, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/form/_Panel.scss */
 .x-label-align-left,
 .x-label-align-right {
-  -webkit-box-orient: horizontal;
-  -ms-flex-direction: row;
-  flex-direction: row;
+  -webkit-box-orient: horizontal !important;
+  -ms-flex-direction: row !important;
+  flex-direction: row !important;
 }
 /* line 43, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/form/_Panel.scss */
 .x-label-align-left .x-component-outer,
@@ -2839,9 +2968,9 @@ audio {
 
 /* line 92, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/form/_Panel.scss */
 .x-spinner .x-component-outer {
+  display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
-  display: flex;
 }
 /* line 95, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/form/_Panel.scss */
 .x-spinner .x-component-outer > * {
@@ -3005,9 +3134,9 @@ input[type="search"]::-webkit-search-cancel-button {
   right: 0;
   bottom: 0;
   z-index: 3;
+  display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
-  display: flex;
   -webkit-box-align: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
@@ -3110,9 +3239,9 @@ input[type="search"]::-webkit-search-cancel-button {
  */
 /* line 5, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/plugin/_PullRefresh.scss */
 .x-list-pullrefresh {
+  display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
-  display: flex;
   -webkit-box-orient: horizontal;
   -ms-flex-direction: row;
   flex-direction: row;
@@ -3317,6 +3446,298 @@ input[type="search"]::-webkit-search-cancel-button {
   vertical-align: middle;
 }
 
+/* line 2, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-header-container {
+  border-width: 0 1px 1px 0;
+  border-style: solid;
+  height: 65px;
+  font-weight: bold;
+  overflow: hidden;
+}
+/* line 9, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-header-container .x-grid-column {
+  display: inline-block;
+}
+/* line 13, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-header-container .x-grid-header-container-inner {
+  width: 100000px;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+/* line 21, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-column {
+  height: 64px;
+  border-width: 1px 1px 0 1px;
+  border-style: solid;
+  line-height: 64px;
+  vertical-align: middle;
+  padding: 0 8px;
+}
+/* line 29, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-column .x-innerhtml {
+  display: inline-block;
+  width: auto;
+  position: relative;
+}
+/* line 37, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-column.x-column-sorted-asc .x-innerhtml:after, .x-grid .x-grid-column.x-column-sorted-desc .x-innerhtml:after {
+  position: absolute;
+  width: 12px;
+  right: -16px;
+  line-height: 64px;
+  top: 0;
+  height: 64px;
+  font-family: 'Pictos';
+  font-size: 12px;
+}
+/* line 49, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-column.x-column-sorted-asc .x-innerhtml:after {
+  content: "{";
+}
+/* line 52, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-column.x-column-sorted-desc .x-innerhtml:after {
+  content: "}";
+}
+/* line 57, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-headergroup {
+  display: inline-block;
+  position: relative;
+  vertical-align: bottom;
+  height: 64px;
+  padding-top: 32px;
+}
+/* line 64, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-headergroup .x-inner > .x-innerhtml {
+  height: 32px;
+  line-height: 28px;
+  vertical-align: middle;
+  display: block;
+  position: absolute;
+  width: 100%;
+  top: 0;
+  left: 0;
+  text-align: center;
+  border-style: solid;
+  border-width: 1px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+/* line 80, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-headergroup .x-grid-column {
+  height: 32px !important;
+  line-height: 27px !important;
+  font-size: 0.7em;
+}
+/* line 87, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-headergroup .x-grid-column.x-column-sorted-asc .x-innerhtml:after, .x-grid .x-grid-headergroup .x-grid-column.x-column-sorted-desc .x-innerhtml:after {
+  line-height: 27px;
+  height: 27px;
+}
+/* line 95, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-row {
+  position: absolute;
+  left: 0;
+  top: 0;
+  border-width: 0 0 1px 0;
+  border-style: solid;
+}
+/* line 103, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-cell {
+  display: inline-block;
+  vertical-align: middle;
+  line-height: 60px;
+  padding: 0 8px;
+  height: 60px;
+  overflow: hidden;
+  border-width: 0 1px 0 0;
+}
+/* line 114, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-cell-align-center,
+.x-grid .x-grid-column-align-center {
+  text-align: center;
+}
+/* line 119, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-cell-align-right,
+.x-grid .x-grid-column-align-right {
+  text-align: right;
+}
+/* line 123, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-viewoptions {
+  border-width: 0 0 0 1px;
+  border-style: solid;
+}
+/* line 127, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-viewoptions .x-list-item .x-innerhtml {
+  padding: 0px !important;
+}
+/* line 131, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-viewoptions .x-column-options-header {
+  height: 32px;
+  line-height: 28px;
+  vertical-align: middle;
+  border-style: solid;
+  border-width: 1px;
+  overflow: hidden;
+  padding-left: 10px;
+}
+/* line 144, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-viewoptions .x-column-options-sortablehandle,
+.x-grid .x-grid-viewoptions .x-column-options-visibleindicator,
+.x-grid .x-grid-viewoptions .x-column-options-folder,
+.x-grid .x-grid-viewoptions .x-column-options-leaf {
+  width: 40px;
+  height: 48px;
+  position: absolute;
+  bottom: 0;
+}
+/* line 150, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-viewoptions .x-column-options-sortablehandle:after,
+.x-grid .x-grid-viewoptions .x-column-options-visibleindicator:after,
+.x-grid .x-grid-viewoptions .x-column-options-folder:after,
+.x-grid .x-grid-viewoptions .x-column-options-leaf:after {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  text-align: center;
+  font-size: 24px;
+  font-family: 'Pictos';
+  line-height: 48px;
+  content: "l";
+  vertical-align: middle;
+}
+/* line 165, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-viewoptions .x-column-options-sortablehandle {
+  left: 0;
+}
+/* line 167, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-viewoptions .x-column-options-sortablehandle:after {
+  line-height: 54px;
+}
+/* line 171, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-viewoptions .x-column-options-visibleindicator {
+  right: 0;
+}
+/* line 173, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-viewoptions .x-column-options-visibleindicator:after {
+  font-size: 30px;
+  line-height: 54px;
+  content: "E";
+}
+/* line 181, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-viewoptions .x-column-options-folder,
+.x-grid .x-grid-viewoptions .x-column-options-leaf {
+  width: 30px;
+  left: 40px;
+}
+/* line 185, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-viewoptions .x-column-options-folder:after,
+.x-grid .x-grid-viewoptions .x-column-options-leaf:after {
+  line-height: 52px;
+  content: "o";
+}
+/* line 191, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-viewoptions .x-column-options-leaf:after {
+  content: "F";
+}
+/* line 195, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-viewoptions .x-list-item.x-item-selected.x-list-item-tpl {
+  background: transparent;
+}
+/* line 197, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-viewoptions .x-list-item.x-item-selected.x-list-item-tpl .x-innerhtml {
+  background: transparent;
+}
+/* line 202, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-viewoptions .x-column-options-text {
+  display: block;
+  height: 30px;
+  margin: 10px 50px 5px 80px;
+  position: relative;
+  vertical-align: middle;
+  line-height: 28px;
+}
+/* line 212, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-columnoptions {
+  border-width: 0 0 1px;
+}
+/* line 216, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-multiselection-column {
+  position: relative;
+  padding: 0;
+}
+/* line 220, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-multiselection-column:after {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 60px;
+  height: 64px;
+  line-height: 64px;
+  font-family: 'Pictos';
+  font-size: 26px;
+  text-align: center;
+  content: "2";
+}
+/* line 234, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-multiselection-cell {
+  position: relative;
+  padding: 0;
+}
+/* line 238, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-multiselection-cell:after {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 60px;
+  height: 60px;
+  line-height: 60px;
+  font-family: 'Pictos';
+  font-size: 20px;
+  text-align: center;
+  content: "_";
+}
+/* line 252, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-item-selected .x-grid-multiselection-cell:after {
+  content: "3";
+}
+/* line 257, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-pagingtoolbar > .x-body {
+  padding: 0 30px 0 50px;
+}
+/* line 262, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-pagingtoolbar-currentpage {
+  position: relative;
+  height: 22px;
+}
+/* line 266, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-pagingtoolbar-currentpage span {
+  position: absolute;
+  right: 0;
+  top: 0;
+  line-height: 22px;
+  height: 22px;
+}
+/* line 275, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-summaryrow {
+  height: 32px;
+  font-size: 0.8em;
+  position: relative;
+}
+/* line 280, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-summaryrow .x-grid-cell {
+  height: 32px;
+  line-height: 30px;
+  border-width: 0 0 1px;
+  border-style: solid;
+}
+/* line 288, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/base/src/grid/_Grid.scss */
+.x-grid .x-grid-summaryrow .x-grid-multiselection-cell:after {
+  content: '';
+}
+
 /**
  * @class Ext.scroll.Scroller
  */
@@ -3574,31 +3995,36 @@ input[type="search"]::-webkit-search-cancel-button {
  * See background-gradient mixin.
  */
 /* line 1, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Class.scss */
+html, body {
+  font-family: "Helvetica Neue", HelveticaNeue, "Helvetica-Neue", Helvetica, "BBAlpha Sans", sans-serif;
+}
+
+/* line 5, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Class.scss */
 .x-ios.x-tablet .x-landscape * {
   -webkit-text-stroke: 1px transparent;
 }
 
-/* line 5, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Class.scss */
+/* line 9, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Class.scss */
 body {
   font-size: 104%;
 }
 
-/* line 9, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Class.scss */
+/* line 13, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Class.scss */
 body.x-android.x-phone {
   font-size: 116%;
 }
 
-/* line 13, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Class.scss */
+/* line 17, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Class.scss */
 body.x-ios.x-phone {
   font-size: 114%;
 }
 
-/* line 17, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Class.scss */
+/* line 21, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Class.scss */
 body.x-desktop {
   font-size: 114%;
 }
 
-/* line 21, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Class.scss */
+/* line 25, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Class.scss */
 .x-layout-card-item {
   background: #eeeeee;
 }
@@ -3736,31 +4162,36 @@ body.x-desktop {
 }
 
 /* line 1, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Class.scss */
+html, body {
+  font-family: "Helvetica Neue", HelveticaNeue, "Helvetica-Neue", Helvetica, "BBAlpha Sans", sans-serif;
+}
+
+/* line 5, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Class.scss */
 .x-ios.x-tablet .x-landscape * {
   -webkit-text-stroke: 1px transparent;
 }
 
-/* line 5, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Class.scss */
+/* line 9, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Class.scss */
 body {
   font-size: 104%;
 }
 
-/* line 9, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Class.scss */
+/* line 13, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Class.scss */
 body.x-android.x-phone {
   font-size: 116%;
 }
 
-/* line 13, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Class.scss */
+/* line 17, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Class.scss */
 body.x-ios.x-phone {
   font-size: 114%;
 }
 
-/* line 17, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Class.scss */
+/* line 21, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Class.scss */
 body.x-desktop {
   font-size: 114%;
 }
 
-/* line 21, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Class.scss */
+/* line 25, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Class.scss */
 .x-layout-card-item {
   background: #eeeeee;
 }
@@ -3796,7 +4227,6 @@ body.x-desktop {
 .x-button, .x-button.x-button-back:after, .x-button.x-button-forward:after, .x-toolbar .x-button, .x-toolbar .x-button.x-button-back:after, .x-toolbar .x-button.x-button-forward:after {
   background-image: none;
   background-color: #cccccc;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(3%, #d9d9d9), color-stop(100%, #bfbfbf));
   background-image: -webkit-linear-gradient(top, #f2f2f2, #d9d9d9 3%, #bfbfbf);
   background-image: -moz-linear-gradient(top, #f2f2f2, #d9d9d9 3%, #bfbfbf);
   background-image: -o-linear-gradient(top, #f2f2f2, #d9d9d9 3%, #bfbfbf);
@@ -3806,7 +4236,6 @@ body.x-desktop {
 .x-button.x-button-pressing, .x-button.x-button-pressing:after, .x-button.x-button-pressed, .x-button.x-button-pressed:after, .x-button.x-button-active, .x-button.x-button-active:after, .x-toolbar .x-button.x-button-pressing, .x-toolbar .x-button.x-button-pressing:after, .x-toolbar .x-button.x-button-pressed, .x-toolbar .x-button.x-button-pressed:after, .x-toolbar .x-button.x-button-active, .x-toolbar .x-button.x-button-active:after {
   background-image: none;
   background-color: #c4c4c4;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ababab), color-stop(10%, #b8b8b8), color-stop(65%, #c4c4c4), color-stop(100%, #c6c6c6));
   background-image: -webkit-linear-gradient(top, #ababab, #b8b8b8 10%, #c4c4c4 65%, #c6c6c6);
   background-image: -moz-linear-gradient(top, #ababab, #b8b8b8 10%, #c4c4c4 65%, #c6c6c6);
   background-image: -o-linear-gradient(top, #ababab, #b8b8b8 10%, #c4c4c4 65%, #c6c6c6);
@@ -4021,7 +4450,6 @@ body.x-desktop {
 .x-toolbar .x-button.x-button-plain.x-button-pressing,
 .x-toolbar .x-button.x-button-plain.x-button-pressed {
   background: none;
-  background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 24, color-stop(0%, rgba(182, 225, 255, 0.7)), color-stop(100%, rgba(182, 225, 255, 0)));
   background-image: -webkit-radial-gradient(rgba(182, 225, 255, 0.7), rgba(182, 225, 255, 0) 24px);
   background-image: -moz-radial-gradient(rgba(182, 225, 255, 0.7), rgba(182, 225, 255, 0) 24px);
   background-image: -o-radial-gradient(rgba(182, 225, 255, 0.7), rgba(182, 225, 255, 0) 24px);
@@ -4077,7 +4505,6 @@ body.x-desktop {
   color: #ffcccc;
   background-image: none;
   background-color: #cc0000;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff1a1a), color-stop(3%, #e60000), color-stop(100%, #b30000));
   background-image: -webkit-linear-gradient(top, #ff1a1a, #e60000 3%, #b30000);
   background-image: -moz-linear-gradient(top, #ff1a1a, #e60000 3%, #b30000);
   background-image: -o-linear-gradient(top, #ff1a1a, #e60000 3%, #b30000);
@@ -4102,6 +4529,7 @@ body.x-desktop {
   bottom: 0;
   left: 0;
   text-align: center;
+  font-family: "Pictos";
   content: "\005C";
 }
 
@@ -4114,6 +4542,7 @@ body.x-desktop {
   bottom: 0;
   left: 0;
   text-align: center;
+  font-family: "Pictos";
   content: "R";
 }
 
@@ -4126,6 +4555,7 @@ body.x-desktop {
   bottom: 0;
   left: 0;
   text-align: center;
+  font-family: "Pictos";
   content: "&";
 }
 
@@ -4138,6 +4568,7 @@ body.x-desktop {
   bottom: 0;
   left: 0;
   text-align: center;
+  font-family: "Pictos";
   content: "}";
 }
 
@@ -4150,6 +4581,7 @@ body.x-desktop {
   bottom: 0;
   left: 0;
   text-align: center;
+  font-family: "Pictos";
   content: "[";
 }
 
@@ -4162,6 +4594,7 @@ body.x-desktop {
   bottom: 0;
   left: 0;
   text-align: center;
+  font-family: "Pictos";
   content: "]";
 }
 
@@ -4174,6 +4607,7 @@ body.x-desktop {
   bottom: 0;
   left: 0;
   text-align: center;
+  font-family: "Pictos";
   content: "{";
 }
 
@@ -4186,6 +4620,7 @@ body.x-desktop {
   bottom: 0;
   left: 0;
   text-align: center;
+  font-family: "Pictos";
   content: "W";
 }
 
@@ -4198,6 +4633,7 @@ body.x-desktop {
   bottom: 0;
   left: 0;
   text-align: center;
+  font-family: "Pictos";
   content: "*";
 }
 
@@ -4210,6 +4646,7 @@ body.x-desktop {
   bottom: 0;
   left: 0;
   text-align: center;
+  font-family: "Pictos";
   content: "I";
 }
 
@@ -4222,6 +4659,7 @@ body.x-desktop {
   bottom: 0;
   left: 0;
   text-align: center;
+  font-family: "Pictos";
   content: "1";
 }
 
@@ -4234,6 +4672,7 @@ body.x-desktop {
   bottom: 0;
   left: 0;
   text-align: center;
+  font-family: "Pictos";
   content: "R";
 }
 
@@ -4246,6 +4685,7 @@ body.x-desktop {
   bottom: 0;
   left: 0;
   text-align: center;
+  font-family: "Pictos";
   content: "s";
 }
 
@@ -4258,6 +4698,7 @@ body.x-desktop {
   bottom: 0;
   left: 0;
   text-align: center;
+  font-family: "Pictos";
   content: "y";
 }
 
@@ -4270,6 +4711,7 @@ body.x-desktop {
   bottom: 0;
   left: 0;
   text-align: center;
+  font-family: "Pictos";
   content: "S";
 }
 
@@ -4282,6 +4724,7 @@ body.x-desktop {
   bottom: 0;
   left: 0;
   text-align: center;
+  font-family: "Pictos";
   content: "#";
 }
 
@@ -4294,6 +4737,7 @@ body.x-desktop {
   bottom: 0;
   left: 0;
   text-align: center;
+  font-family: "Pictos";
   content: "@";
 }
 
@@ -4306,6 +4750,7 @@ body.x-desktop {
   bottom: 0;
   left: 0;
   text-align: center;
+  font-family: "Pictos";
   content: "@";
 }
 
@@ -4318,6 +4763,7 @@ body.x-desktop {
   bottom: 0;
   left: 0;
   text-align: center;
+  font-family: "Pictos";
   content: "H";
 }
 
@@ -4330,6 +4776,7 @@ body.x-desktop {
   bottom: 0;
   left: 0;
   text-align: center;
+  font-family: "Pictos";
   content: "I";
 }
 
@@ -4342,6 +4789,7 @@ body.x-desktop {
   bottom: 0;
   left: 0;
   text-align: center;
+  font-family: "Pictos";
   content: "~";
 }
 
@@ -4354,6 +4802,7 @@ body.x-desktop {
   bottom: 0;
   left: 0;
   text-align: center;
+  font-family: "Pictos";
   content: "S";
 }
 
@@ -4366,6 +4815,7 @@ body.x-desktop {
   bottom: 0;
   left: 0;
   text-align: center;
+  font-family: "Pictos";
   content: "i";
 }
 
@@ -4378,6 +4828,7 @@ body.x-desktop {
   bottom: 0;
   left: 0;
   text-align: center;
+  font-family: "Pictos";
   content: ".";
 }
 
@@ -4390,6 +4841,7 @@ body.x-desktop {
   bottom: 0;
   left: 0;
   text-align: center;
+  font-family: "Pictos";
   content: "t";
 }
 
@@ -4402,6 +4854,7 @@ body.x-desktop {
   bottom: 0;
   left: 0;
   text-align: center;
+  font-family: "Pictos";
   content: "U";
 }
 
@@ -4414,6 +4867,7 @@ body.x-desktop {
   bottom: 0;
   left: 0;
   text-align: center;
+  font-family: "Pictos";
   content: "g";
 }
 
@@ -4471,7 +4925,6 @@ body.x-desktop {
 .x-button.x-button-action-small.x-button-forward:after {
   background-image: none;
   background-color: #006bb6;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0398ff), color-stop(3%, #007ad0), color-stop(100%, #005c9d));
   background-image: -webkit-linear-gradient(top, #0398ff, #007ad0 3%, #005c9d);
   background-image: -moz-linear-gradient(top, #0398ff, #007ad0 3%, #005c9d);
   background-image: -o-linear-gradient(top, #0398ff, #007ad0 3%, #005c9d);
@@ -4505,7 +4958,6 @@ body.x-desktop {
 .x-button.x-button-action-small.x-button-active:after {
   background-image: none;
   background-color: #0062a7;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #004474), color-stop(10%, #00538d), color-stop(65%, #0062a7), color-stop(100%, #0064a9));
   background-image: -webkit-linear-gradient(top, #004474, #00538d 10%, #0062a7 65%, #0064a9);
   background-image: -moz-linear-gradient(top, #004474, #00538d 10%, #0062a7 65%, #0064a9);
   background-image: -o-linear-gradient(top, #004474, #00538d 10%, #0062a7 65%, #0064a9);
@@ -4551,7 +5003,6 @@ body.x-desktop {
 .x-button.x-button-confirm-small.x-button-forward:after {
   background-image: none;
   background-color: #6c9804;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a2e306), color-stop(3%, #7eb105), color-stop(100%, #5b7f03));
   background-image: -webkit-linear-gradient(top, #a2e306, #7eb105 3%, #5b7f03);
   background-image: -moz-linear-gradient(top, #a2e306, #7eb105 3%, #5b7f03);
   background-image: -o-linear-gradient(top, #a2e306, #7eb105 3%, #5b7f03);
@@ -4585,7 +5036,6 @@ body.x-desktop {
 .x-button.x-button-confirm-small.x-button-active:after {
   background-image: none;
   background-color: #628904;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3e5702), color-stop(10%, #507003), color-stop(65%, #628904), color-stop(100%, #648c04));
   background-image: -webkit-linear-gradient(top, #3e5702, #507003 10%, #628904 65%, #648c04);
   background-image: -moz-linear-gradient(top, #3e5702, #507003 10%, #628904 65%, #648c04);
   background-image: -o-linear-gradient(top, #3e5702, #507003 10%, #628904 65%, #648c04);
@@ -4631,7 +5081,6 @@ body.x-desktop {
 .x-button.x-button-decline-small.x-button-forward:after {
   background-image: none;
   background-color: #c70505;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f91f1f), color-stop(3%, #e00606), color-stop(100%, #ae0404));
   background-image: -webkit-linear-gradient(top, #f91f1f, #e00606 3%, #ae0404);
   background-image: -moz-linear-gradient(top, #f91f1f, #e00606 3%, #ae0404);
   background-image: -o-linear-gradient(top, #f91f1f, #e00606 3%, #ae0404);
@@ -4665,7 +5114,6 @@ body.x-desktop {
 .x-button.x-button-decline-small.x-button-active:after {
   background-image: none;
   background-color: #b80505;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #860303), color-stop(10%, #9f0404), color-stop(65%, #b80505), color-stop(100%, #ba0505));
   background-image: -webkit-linear-gradient(top, #860303, #9f0404 10%, #b80505 65%, #ba0505);
   background-image: -moz-linear-gradient(top, #860303, #9f0404 10%, #b80505 65%, #ba0505);
   background-image: -o-linear-gradient(top, #860303, #9f0404 10%, #b80505 65%, #ba0505);
@@ -4771,7 +5219,6 @@ body.x-desktop {
   border-top: 1px solid #092e47;
   background-image: none;
   background-color: rgba(3, 17, 26, 0.9);
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(11, 60, 94, 0.9)), color-stop(3%, rgba(6, 31, 49, 0.9)), color-stop(100%, rgba(0, 2, 3, 0.9)));
   background-image: -webkit-linear-gradient(top, rgba(11, 60, 94, 0.9), rgba(6, 31, 49, 0.9) 3%, rgba(0, 2, 3, 0.9));
   background-image: -moz-linear-gradient(top, rgba(11, 60, 94, 0.9), rgba(6, 31, 49, 0.9) 3%, rgba(0, 2, 3, 0.9));
   background-image: -o-linear-gradient(top, rgba(11, 60, 94, 0.9), rgba(6, 31, 49, 0.9) 3%, rgba(0, 2, 3, 0.9));
@@ -4898,7 +5345,6 @@ body.x-desktop {
 .x-msgbox-dark .x-msgbox-input {
   background-image: none;
   background-color: rgba(190, 224, 247, 0.9);
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(144, 202, 242, 0.9)), color-stop(10%, rgba(167, 213, 244, 0.9)), color-stop(65%, rgba(190, 224, 247, 0.9)), color-stop(100%, rgba(192, 225, 247, 0.9)));
   background-image: -webkit-linear-gradient(top, rgba(144, 202, 242, 0.9), rgba(167, 213, 244, 0.9) 10%, rgba(190, 224, 247, 0.9) 65%, rgba(192, 225, 247, 0.9));
   background-image: -moz-linear-gradient(top, rgba(144, 202, 242, 0.9), rgba(167, 213, 244, 0.9) 10%, rgba(190, 224, 247, 0.9) 65%, rgba(192, 225, 247, 0.9));
   background-image: -o-linear-gradient(top, rgba(144, 202, 242, 0.9), rgba(167, 213, 244, 0.9) 10%, rgba(190, 224, 247, 0.9) 65%, rgba(192, 225, 247, 0.9));
@@ -4950,7 +5396,6 @@ body.x-desktop {
 .x-toolbar-dark {
   background-image: none;
   background-color: #1468a2;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1e93e4), color-stop(3%, #1676b9), color-stop(100%, #11598c));
   background-image: -webkit-linear-gradient(top, #1e93e4, #1676b9 3%, #11598c);
   background-image: -moz-linear-gradient(top, #1e93e4, #1676b9 3%, #11598c);
   background-image: -o-linear-gradient(top, #1e93e4, #1676b9 3%, #11598c);
@@ -4981,9 +5426,7 @@ body.x-desktop {
 /* line 13, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/mixins/_Class.scss */
 .x-toolbar-dark .x-button, .x-toolbar .x-toolbar-dark .x-button,
 .x-toolbar-dark .x-field-select .x-component-outer, .x-toolbar
-.x-toolbar-dark .x-field-select .x-component-outer,
-.x-toolbar-dark .x-field-select .x-component-outer:before, .x-toolbar
-.x-toolbar-dark .x-field-select .x-component-outer:before {
+.x-toolbar-dark .x-field-select .x-component-outer {
   border: 1px solid #061f31;
   border-top-color: #092e47;
   background-color: #11598c;
@@ -4994,11 +5437,7 @@ body.x-desktop {
 .x-toolbar-dark .x-field-select .x-component-outer.x-button-back:before,
 .x-toolbar-dark .x-field-select .x-component-outer.x-button-forward:before, .x-toolbar
 .x-toolbar-dark .x-field-select .x-component-outer.x-button-back:before, .x-toolbar
-.x-toolbar-dark .x-field-select .x-component-outer.x-button-forward:before,
-.x-toolbar-dark .x-field-select .x-component-outer:before.x-button-back:before,
-.x-toolbar-dark .x-field-select .x-component-outer:before.x-button-forward:before, .x-toolbar
-.x-toolbar-dark .x-field-select .x-component-outer:before.x-button-back:before, .x-toolbar
-.x-toolbar-dark .x-field-select .x-component-outer:before.x-button-forward:before {
+.x-toolbar-dark .x-field-select .x-component-outer.x-button-forward:before {
   background: #061f31;
 }
 /* line 26, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/mixins/_Class.scss */
@@ -5008,16 +5447,9 @@ body.x-desktop {
 .x-toolbar-dark .x-field-select .x-component-outer.x-button-forward:after, .x-toolbar
 .x-toolbar-dark .x-field-select .x-component-outer, .x-toolbar
 .x-toolbar-dark .x-field-select .x-component-outer.x-button-back:after, .x-toolbar
-.x-toolbar-dark .x-field-select .x-component-outer.x-button-forward:after,
-.x-toolbar-dark .x-field-select .x-component-outer:before,
-.x-toolbar-dark .x-field-select .x-component-outer:before.x-button-back:after,
-.x-toolbar-dark .x-field-select .x-component-outer:before.x-button-forward:after, .x-toolbar
-.x-toolbar-dark .x-field-select .x-component-outer:before, .x-toolbar
-.x-toolbar-dark .x-field-select .x-component-outer:before.x-button-back:after, .x-toolbar
-.x-toolbar-dark .x-field-select .x-component-outer:before.x-button-forward:after {
+.x-toolbar-dark .x-field-select .x-component-outer.x-button-forward:after {
   background-image: none;
   background-color: #11598c;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1985d0), color-stop(3%, #1468a2), color-stop(100%, #0e4b75));
   background-image: -webkit-linear-gradient(top, #1985d0, #1468a2 3%, #0e4b75);
   background-image: -moz-linear-gradient(top, #1985d0, #1468a2 3%, #0e4b75);
   background-image: -o-linear-gradient(top, #1985d0, #1468a2 3%, #0e4b75);
@@ -5036,22 +5468,9 @@ body.x-desktop {
 .x-toolbar-dark .x-field-select .x-component-outer.x-button-pressed, .x-toolbar
 .x-toolbar-dark .x-field-select .x-component-outer.x-button-pressed:after, .x-toolbar
 .x-toolbar-dark .x-field-select .x-component-outer.x-button-active, .x-toolbar
-.x-toolbar-dark .x-field-select .x-component-outer.x-button-active:after,
-.x-toolbar-dark .x-field-select .x-component-outer:before.x-button-pressing,
-.x-toolbar-dark .x-field-select .x-component-outer:before.x-button-pressing:after,
-.x-toolbar-dark .x-field-select .x-component-outer:before.x-button-pressed,
-.x-toolbar-dark .x-field-select .x-component-outer:before.x-button-pressed:after,
-.x-toolbar-dark .x-field-select .x-component-outer:before.x-button-active,
-.x-toolbar-dark .x-field-select .x-component-outer:before.x-button-active:after, .x-toolbar
-.x-toolbar-dark .x-field-select .x-component-outer:before.x-button-pressing, .x-toolbar
-.x-toolbar-dark .x-field-select .x-component-outer:before.x-button-pressing:after, .x-toolbar
-.x-toolbar-dark .x-field-select .x-component-outer:before.x-button-pressed, .x-toolbar
-.x-toolbar-dark .x-field-select .x-component-outer:before.x-button-pressed:after, .x-toolbar
-.x-toolbar-dark .x-field-select .x-component-outer:before.x-button-active, .x-toolbar
-.x-toolbar-dark .x-field-select .x-component-outer:before.x-button-active:after {
+.x-toolbar-dark .x-field-select .x-component-outer.x-button-active:after {
   background-image: none;
   background-color: #0f517e;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0a3351), color-stop(10%, #0c4267), color-stop(65%, #0f517e), color-stop(100%, #0f5280));
   background-image: -webkit-linear-gradient(top, #0a3351, #0c4267 10%, #0f517e 65%, #0f5280);
   background-image: -moz-linear-gradient(top, #0a3351, #0c4267 10%, #0f517e 65%, #0f5280);
   background-image: -o-linear-gradient(top, #0a3351, #0c4267 10%, #0f517e 65%, #0f5280);
@@ -5069,7 +5488,6 @@ body.x-desktop {
 .x-toolbar-light {
   background-image: none;
   background-color: #1985d0;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4ca9e9), color-stop(3%, #1e93e4), color-stop(100%, #1676b9));
   background-image: -webkit-linear-gradient(top, #4ca9e9, #1e93e4 3%, #1676b9);
   background-image: -moz-linear-gradient(top, #4ca9e9, #1e93e4 3%, #1676b9);
   background-image: -o-linear-gradient(top, #4ca9e9, #1e93e4 3%, #1676b9);
@@ -5100,9 +5518,7 @@ body.x-desktop {
 /* line 13, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/mixins/_Class.scss */
 .x-toolbar-light .x-button, .x-toolbar .x-toolbar-light .x-button,
 .x-toolbar-light .x-field-select .x-component-outer, .x-toolbar
-.x-toolbar-light .x-field-select .x-component-outer,
-.x-toolbar-light .x-field-select .x-component-outer:before, .x-toolbar
-.x-toolbar-light .x-field-select .x-component-outer:before {
+.x-toolbar-light .x-field-select .x-component-outer {
   border: 1px solid #0b3c5e;
   border-top-color: #0e4b75;
   background-color: #1676b9;
@@ -5113,11 +5529,7 @@ body.x-desktop {
 .x-toolbar-light .x-field-select .x-component-outer.x-button-back:before,
 .x-toolbar-light .x-field-select .x-component-outer.x-button-forward:before, .x-toolbar
 .x-toolbar-light .x-field-select .x-component-outer.x-button-back:before, .x-toolbar
-.x-toolbar-light .x-field-select .x-component-outer.x-button-forward:before,
-.x-toolbar-light .x-field-select .x-component-outer:before.x-button-back:before,
-.x-toolbar-light .x-field-select .x-component-outer:before.x-button-forward:before, .x-toolbar
-.x-toolbar-light .x-field-select .x-component-outer:before.x-button-back:before, .x-toolbar
-.x-toolbar-light .x-field-select .x-component-outer:before.x-button-forward:before {
+.x-toolbar-light .x-field-select .x-component-outer.x-button-forward:before {
   background: #0b3c5e;
 }
 /* line 26, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/mixins/_Class.scss */
@@ -5127,16 +5539,9 @@ body.x-desktop {
 .x-toolbar-light .x-field-select .x-component-outer.x-button-forward:after, .x-toolbar
 .x-toolbar-light .x-field-select .x-component-outer, .x-toolbar
 .x-toolbar-light .x-field-select .x-component-outer.x-button-back:after, .x-toolbar
-.x-toolbar-light .x-field-select .x-component-outer.x-button-forward:after,
-.x-toolbar-light .x-field-select .x-component-outer:before,
-.x-toolbar-light .x-field-select .x-component-outer:before.x-button-back:after,
-.x-toolbar-light .x-field-select .x-component-outer:before.x-button-forward:after, .x-toolbar
-.x-toolbar-light .x-field-select .x-component-outer:before, .x-toolbar
-.x-toolbar-light .x-field-select .x-component-outer:before.x-button-back:after, .x-toolbar
-.x-toolbar-light .x-field-select .x-component-outer:before.x-button-forward:after {
+.x-toolbar-light .x-field-select .x-component-outer.x-button-forward:after {
   background-image: none;
   background-color: #1676b9;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #359ee7), color-stop(3%, #1985d0), color-stop(100%, #1468a2));
   background-image: -webkit-linear-gradient(top, #359ee7, #1985d0 3%, #1468a2);
   background-image: -moz-linear-gradient(top, #359ee7, #1985d0 3%, #1468a2);
   background-image: -o-linear-gradient(top, #359ee7, #1985d0 3%, #1468a2);
@@ -5155,22 +5560,9 @@ body.x-desktop {
 .x-toolbar-light .x-field-select .x-component-outer.x-button-pressed, .x-toolbar
 .x-toolbar-light .x-field-select .x-component-outer.x-button-pressed:after, .x-toolbar
 .x-toolbar-light .x-field-select .x-component-outer.x-button-active, .x-toolbar
-.x-toolbar-light .x-field-select .x-component-outer.x-button-active:after,
-.x-toolbar-light .x-field-select .x-component-outer:before.x-button-pressing,
-.x-toolbar-light .x-field-select .x-component-outer:before.x-button-pressing:after,
-.x-toolbar-light .x-field-select .x-component-outer:before.x-button-pressed,
-.x-toolbar-light .x-field-select .x-component-outer:before.x-button-pressed:after,
-.x-toolbar-light .x-field-select .x-component-outer:before.x-button-active,
-.x-toolbar-light .x-field-select .x-component-outer:before.x-button-active:after, .x-toolbar
-.x-toolbar-light .x-field-select .x-component-outer:before.x-button-pressing, .x-toolbar
-.x-toolbar-light .x-field-select .x-component-outer:before.x-button-pressing:after, .x-toolbar
-.x-toolbar-light .x-field-select .x-component-outer:before.x-button-pressed, .x-toolbar
-.x-toolbar-light .x-field-select .x-component-outer:before.x-button-pressed:after, .x-toolbar
-.x-toolbar-light .x-field-select .x-component-outer:before.x-button-active, .x-toolbar
-.x-toolbar-light .x-field-select .x-component-outer:before.x-button-active:after {
+.x-toolbar-light .x-field-select .x-component-outer.x-button-active:after {
   background-image: none;
   background-color: #156eac;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0f517e), color-stop(10%, #125f95), color-stop(65%, #156eac), color-stop(100%, #156fae));
   background-image: -webkit-linear-gradient(top, #0f517e, #125f95 10%, #156eac 65%, #156fae);
   background-image: -moz-linear-gradient(top, #0f517e, #125f95 10%, #156eac 65%, #156fae);
   background-image: -o-linear-gradient(top, #0f517e, #125f95 10%, #156eac 65%, #156fae);
@@ -5188,7 +5580,6 @@ body.x-desktop {
 .x-toolbar-neutral {
   background-image: none;
   background-color: #e0e0e0;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(3%, #ededed), color-stop(100%, #d3d3d3));
   background-image: -webkit-linear-gradient(top, #ffffff, #ededed 3%, #d3d3d3);
   background-image: -moz-linear-gradient(top, #ffffff, #ededed 3%, #d3d3d3);
   background-image: -o-linear-gradient(top, #ffffff, #ededed 3%, #d3d3d3);
@@ -5219,9 +5610,7 @@ body.x-desktop {
 /* line 13, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/mixins/_Class.scss */
 .x-toolbar-neutral .x-button, .x-toolbar .x-toolbar-neutral .x-button,
 .x-toolbar-neutral .x-field-select .x-component-outer, .x-toolbar
-.x-toolbar-neutral .x-field-select .x-component-outer,
-.x-toolbar-neutral .x-field-select .x-component-outer:before, .x-toolbar
-.x-toolbar-neutral .x-field-select .x-component-outer:before {
+.x-toolbar-neutral .x-field-select .x-component-outer {
   border: 1px solid #a0a0a0;
   border-top-color: #adadad;
   background-color: lightgrey;
@@ -5232,11 +5621,7 @@ body.x-desktop {
 .x-toolbar-neutral .x-field-select .x-component-outer.x-button-back:before,
 .x-toolbar-neutral .x-field-select .x-component-outer.x-button-forward:before, .x-toolbar
 .x-toolbar-neutral .x-field-select .x-component-outer.x-button-back:before, .x-toolbar
-.x-toolbar-neutral .x-field-select .x-component-outer.x-button-forward:before,
-.x-toolbar-neutral .x-field-select .x-component-outer:before.x-button-back:before,
-.x-toolbar-neutral .x-field-select .x-component-outer:before.x-button-forward:before, .x-toolbar
-.x-toolbar-neutral .x-field-select .x-component-outer:before.x-button-back:before, .x-toolbar
-.x-toolbar-neutral .x-field-select .x-component-outer:before.x-button-forward:before {
+.x-toolbar-neutral .x-field-select .x-component-outer.x-button-forward:before {
   background: #a0a0a0;
 }
 /* line 26, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/mixins/_Class.scss */
@@ -5246,16 +5631,9 @@ body.x-desktop {
 .x-toolbar-neutral .x-field-select .x-component-outer.x-button-forward:after, .x-toolbar
 .x-toolbar-neutral .x-field-select .x-component-outer, .x-toolbar
 .x-toolbar-neutral .x-field-select .x-component-outer.x-button-back:after, .x-toolbar
-.x-toolbar-neutral .x-field-select .x-component-outer.x-button-forward:after,
-.x-toolbar-neutral .x-field-select .x-component-outer:before,
-.x-toolbar-neutral .x-field-select .x-component-outer:before.x-button-back:after,
-.x-toolbar-neutral .x-field-select .x-component-outer:before.x-button-forward:after, .x-toolbar
-.x-toolbar-neutral .x-field-select .x-component-outer:before, .x-toolbar
-.x-toolbar-neutral .x-field-select .x-component-outer:before.x-button-back:after, .x-toolbar
-.x-toolbar-neutral .x-field-select .x-component-outer:before.x-button-forward:after {
+.x-toolbar-neutral .x-field-select .x-component-outer.x-button-forward:after {
   background-image: none;
   background-color: lightgrey;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(3%, #e0e0e0), color-stop(100%, #c7c7c7));
   background-image: -webkit-linear-gradient(top, #fafafa, #e0e0e0 3%, #c7c7c7);
   background-image: -moz-linear-gradient(top, #fafafa, #e0e0e0 3%, #c7c7c7);
   background-image: -o-linear-gradient(top, #fafafa, #e0e0e0 3%, #c7c7c7);
@@ -5274,22 +5652,9 @@ body.x-desktop {
 .x-toolbar-neutral .x-field-select .x-component-outer.x-button-pressed, .x-toolbar
 .x-toolbar-neutral .x-field-select .x-component-outer.x-button-pressed:after, .x-toolbar
 .x-toolbar-neutral .x-field-select .x-component-outer.x-button-active, .x-toolbar
-.x-toolbar-neutral .x-field-select .x-component-outer.x-button-active:after,
-.x-toolbar-neutral .x-field-select .x-component-outer:before.x-button-pressing,
-.x-toolbar-neutral .x-field-select .x-component-outer:before.x-button-pressing:after,
-.x-toolbar-neutral .x-field-select .x-component-outer:before.x-button-pressed,
-.x-toolbar-neutral .x-field-select .x-component-outer:before.x-button-pressed:after,
-.x-toolbar-neutral .x-field-select .x-component-outer:before.x-button-active,
-.x-toolbar-neutral .x-field-select .x-component-outer:before.x-button-active:after, .x-toolbar
-.x-toolbar-neutral .x-field-select .x-component-outer:before.x-button-pressing, .x-toolbar
-.x-toolbar-neutral .x-field-select .x-component-outer:before.x-button-pressing:after, .x-toolbar
-.x-toolbar-neutral .x-field-select .x-component-outer:before.x-button-pressed, .x-toolbar
-.x-toolbar-neutral .x-field-select .x-component-outer:before.x-button-pressed:after, .x-toolbar
-.x-toolbar-neutral .x-field-select .x-component-outer:before.x-button-active, .x-toolbar
-.x-toolbar-neutral .x-field-select .x-component-outer:before.x-button-active:after {
+.x-toolbar-neutral .x-field-select .x-component-outer.x-button-active:after {
   background-image: none;
   background-color: #cccccc;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b2b2b2), color-stop(10%, #bfbfbf), color-stop(65%, #cccccc), color-stop(100%, #cdcdcd));
   background-image: -webkit-linear-gradient(top, #b2b2b2, #bfbfbf 10%, #cccccc 65%, #cdcdcd);
   background-image: -moz-linear-gradient(top, #b2b2b2, #bfbfbf 10%, #cccccc 65%, #cdcdcd);
   background-image: -o-linear-gradient(top, #b2b2b2, #bfbfbf 10%, #cccccc 65%, #cdcdcd);
@@ -5305,7 +5670,6 @@ body.x-desktop {
 
 /* line 89, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
 .x-toolbar.x-toolbar-neutral .x-toolbar-inner .x-button.x-button-pressing {
-  background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 24, color-stop(0%, rgba(122, 191, 239, 0.7)), color-stop(100%, rgba(122, 191, 239, 0)));
   background-image: -webkit-radial-gradient(rgba(122, 191, 239, 0.7), rgba(122, 191, 239, 0) 24px);
   background-image: -moz-radial-gradient(rgba(122, 191, 239, 0.7), rgba(122, 191, 239, 0) 24px);
   background-image: -o-radial-gradient(rgba(122, 191, 239, 0.7), rgba(122, 191, 239, 0) 24px);
@@ -5315,7 +5679,6 @@ body.x-desktop {
 .x-toolbar.x-toolbar-neutral .x-toolbar-inner .x-button.x-button-pressing .x-button-icon.x-button-mask {
   background-image: none;
   background-color: white;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(10%, #f2f2f2), color-stop(65%, #ffffff), color-stop(100%, #ffffff));
   background-image: -webkit-linear-gradient(top, #e6e6e6, #f2f2f2 10%, #ffffff 65%, #ffffff);
   background-image: -moz-linear-gradient(top, #e6e6e6, #f2f2f2 10%, #ffffff 65%, #ffffff);
   background-image: -o-linear-gradient(top, #e6e6e6, #f2f2f2 10%, #ffffff 65%, #ffffff);
@@ -5368,25 +5731,30 @@ body.x-desktop {
 .x-toolbar .x-form-field-container {
   padding: 0 0.3em;
 }
-/* line 162, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
+/* line 164, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
+.x-toolbar .x-slider-field .x-component-outer,
+.x-toolbar .x-toggle-field .x-component-outer {
+  padding: 0em 0.3em;
+}
+/* line 169, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
 .x-toolbar .x-field {
   width: 13em;
-  margin: .5em;
+  padding: .5em;
   min-height: 0;
   border-bottom: 0;
   background: transparent;
 }
-/* line 169, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
+/* line 176, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
 .x-toolbar .x-field .x-clear-icon {
   background-size: 50% 50%;
   right: -0.8em;
   margin-top: -1.06em;
 }
-/* line 176, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
+/* line 183, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
 .x-toolbar .x-field-input {
   padding-right: 1.6em !important;
 }
-/* line 184, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
+/* line 191, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
 .x-toolbar .x-field-textarea .x-component-outer,
 .x-toolbar .x-field-text .x-component-outer,
 .x-toolbar .x-field-number .x-component-outer,
@@ -5401,14 +5769,14 @@ body.x-desktop {
   -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 0.1em 0 inset, rgba(0, 0, 0, 0.5) 0 -0.1em 0 inset, rgba(0, 0, 0, 0.5) 0.1em 0 0 inset, rgba(0, 0, 0, 0.5) -0.1em 0 0 inset, rgba(0, 0, 0, 0.5) 0 0.15em 0.4em inset;
   box-shadow: rgba(0, 0, 0, 0.5) 0 0.1em 0 inset, rgba(0, 0, 0, 0.5) 0 -0.1em 0 inset, rgba(0, 0, 0, 0.5) 0.1em 0 0 inset, rgba(0, 0, 0, 0.5) -0.1em 0 0 inset, rgba(0, 0, 0, 0.5) 0 0.15em 0.4em inset;
 }
-/* line 197, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
+/* line 204, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
 .x-toolbar .x-form-label {
   background: transparent;
   border: 0;
   padding: 0;
   line-height: 1.4em;
 }
-/* line 204, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
+/* line 211, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
 .x-toolbar .x-form-field {
   height: 1.6em;
   color: #6e6e6e;
@@ -5418,11 +5786,11 @@ body.x-desktop {
   padding: 0em 0.3em;
   margin: 0;
 }
-/* line 213, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
+/* line 220, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
 .x-toolbar .x-form-field:focus {
   color: black;
 }
-/* line 220, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
+/* line 227, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
 .x-toolbar .x-field-select .x-component-outer,
 .x-toolbar .x-field-search .x-component-outer {
   -webkit-border-radius: 0.8em;
@@ -5431,31 +5799,31 @@ body.x-desktop {
   -o-border-radius: 0.8em;
   border-radius: 0.8em;
 }
-/* line 228, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
+/* line 235, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
 .x-toolbar .x-field-search .x-field-input {
   background-position: 0.5em 50%;
 }
-/* line 233, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
+/* line 240, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
 .x-toolbar .x-field-select {
   -webkit-box-shadow: none;
 }
-/* line 236, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
+/* line 243, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
 .x-toolbar .x-field-select .x-form-field {
   height: 1.4em;
 }
-/* line 241, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
+/* line 248, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
 .x-toolbar .x-field-select {
   background: transparent;
 }
-/* line 245, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
+/* line 252, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
 .x-toolbar .x-field-select .x-component-outer:after {
   right: .4em;
 }
-/* line 251, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
+/* line 258, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
 .x-toolbar .x-field-select.x-item-disabled .x-component-outer:after {
   opacity: .6;
 }
-/* line 257, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
+/* line 264, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
 .x-toolbar .x-field-select .x-component-outer:before {
   width: 3em;
   border-left: none;
@@ -5470,17 +5838,36 @@ body.x-desktop {
   -webkit-mask-repeat: repeat-y;
   -webkit-mask-size: 3em 0.05em;
 }
-/* line 275, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
+/* line 282, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
 .x-toolbar .x-field-select .x-input-text {
   color: #fff;
 }
 
-/* line 281, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
+/* line 288, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Toolbar.scss */
 .x-android .x-field-search .x-field-input {
   padding-left: 0.2em !important;
   padding-right: 2.2em !important;
 }
 
+/* line 1, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Menu.scss */
+.x-menu {
+  padding: 0.7em;
+  background-image: none;
+  background-color: rgba(3, 17, 26, 0.9);
+  background-image: -webkit-linear-gradient(top, rgba(11, 60, 94, 0.9), rgba(6, 31, 49, 0.9) 3%, rgba(0, 2, 3, 0.9));
+  background-image: -moz-linear-gradient(top, rgba(11, 60, 94, 0.9), rgba(6, 31, 49, 0.9) 3%, rgba(0, 2, 3, 0.9));
+  background-image: -o-linear-gradient(top, rgba(11, 60, 94, 0.9), rgba(6, 31, 49, 0.9) 3%, rgba(0, 2, 3, 0.9));
+  background-image: linear-gradient(top, rgba(11, 60, 94, 0.9), rgba(6, 31, 49, 0.9) 3%, rgba(0, 2, 3, 0.9));
+}
+/* line 5, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Menu.scss */
+.x-menu .x-button {
+  margin-bottom: 0.7em;
+}
+/* line 8, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/_Menu.scss */
+.x-menu .x-button:last-child {
+  margin-bottom: 0;
+}
+
 /**
  * @class Ext.carousel.Carousel
  */
@@ -5545,8 +5932,12 @@ body.x-desktop {
 .x-form .x-scroll-container {
   background-color: #eeeeee;
 }
+/* line 10, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/form/_Panel.scss */
+.x-form .x-toolbar .x-scroll-container {
+  background-color: transparent;
+}
 
-/* line 17, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/form/_Panel.scss */
+/* line 21, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/form/_Panel.scss */
 .x-form-label {
   text-shadow: white 0 1px 1px;
   color: #333333;
@@ -5554,7 +5945,7 @@ body.x-desktop {
   padding: 0.6em;
   background-color: #f7f7f7;
 }
-/* line 23, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/form/_Panel.scss */
+/* line 27, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/form/_Panel.scss */
 .x-form-label span {
   font-size: .8em;
 }
@@ -5852,14 +6243,18 @@ body.x-desktop {
 /* line 11, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/field/_Search.scss */
 .x-field-search .x-field-input:before {
   color: #ccc;
-  top: .3em;
+  top: .7em;
   left: .5em;
   font-size: 1.1em;
   right: auto;
 }
-/* line 19, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/field/_Search.scss */
+/* line 18, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/field/_Search.scss */
+.x-toolbar .x-field-search .x-field-input:before {
+  top: .3em;
+}
+/* line 23, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/field/_Search.scss */
 .x-field-search .x-field-input .x-form-field {
-  margin-left: 1.35em;
+  margin-left: 1em;
 }
 
 /**
@@ -5895,29 +6290,6 @@ body.x-desktop {
   position: absolute;
   display: block;
 }
-/* line 37, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/field/_Select.scss */
-.x-field-select .x-component-outer:before {
-  z-index: 1;
-  content: '';
-  position: absolute;
-  width: 4em;
-  height: auto;
-  top: 0;
-  left: auto;
-  right: 0;
-  bottom: 0;
-  -moz-border-radius-topright: 0.4em;
-  -webkit-border-top-right-radius: 0.4em;
-  border-top-right-radius: 0.4em;
-  -moz-border-radius-bottomright: 0.4em;
-  -webkit-border-bottom-right-radius: 0.4em;
-  border-bottom-right-radius: 0.4em;
-  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #ffffff));
-  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff 50%);
-  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff 50%);
-  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff 50%);
-  background-image: linear-gradient(left, rgba(255, 255, 255, 0), #ffffff 50%);
-}
 
 /* line 56, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/field/_Select.scss */
 .x-select-overlay .x-list-item-label {
@@ -5971,7 +6343,6 @@ body.x-desktop {
 .x-spinner.x-item-disabled .x-spinner-button, .x-spinner.x-item-disabled .x-spinner-button.x-button-back:after, .x-spinner.x-item-disabled .x-spinner-button.x-button-forward:after, .x-toolbar .x-spinner.x-item-disabled .x-spinner-button, .x-toolbar .x-spinner.x-item-disabled .x-spinner-button.x-button-back:after, .x-toolbar .x-spinner.x-item-disabled .x-spinner-button.x-button-forward:after {
   background-image: none;
   background-color: #f7f7f7;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(3%, #ffffff), color-stop(100%, #eaeaea));
   background-image: -webkit-linear-gradient(top, #ffffff, #ffffff 3%, #eaeaea);
   background-image: -moz-linear-gradient(top, #ffffff, #ffffff 3%, #eaeaea);
   background-image: -o-linear-gradient(top, #ffffff, #ffffff 3%, #eaeaea);
@@ -5981,7 +6352,6 @@ body.x-desktop {
 .x-spinner.x-item-disabled .x-spinner-button.x-button-pressing, .x-spinner.x-item-disabled .x-spinner-button.x-button-pressing:after, .x-spinner.x-item-disabled .x-spinner-button.x-button-pressed, .x-spinner.x-item-disabled .x-spinner-button.x-button-pressed:after, .x-spinner.x-item-disabled .x-spinner-button.x-button-active, .x-spinner.x-item-disabled .x-spinner-button.x-button-active:after, .x-toolbar .x-spinner.x-item-disabled .x-spinner-button.x-button-pressing, .x-toolbar .x-spinner.x-item-disabled .x-spinner-button.x-button-pressing:after, .x-toolbar .x-spinner.x-item-disabled .x-spinner-button.x-button-pressed, .x-toolbar .x-spinner.x-item-disabled .x-spinner-button.x-button-pressed:after, .x-toolbar .x-spinner.x-item-disabled .x-spinner-button.x-button-active, .x-toolbar .x-spinner.x-item-disabled .x-spinner-button.x-button-active:after {
   background-image: none;
   background-color: #efefef;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d5d5d5), color-stop(10%, #e2e2e2), color-stop(65%, #efefef), color-stop(100%, #f0f0f0));
   background-image: -webkit-linear-gradient(top, #d5d5d5, #e2e2e2 10%, #efefef 65%, #f0f0f0);
   background-image: -moz-linear-gradient(top, #d5d5d5, #e2e2e2 10%, #efefef 65%, #f0f0f0);
   background-image: -o-linear-gradient(top, #d5d5d5, #e2e2e2 10%, #efefef 65%, #f0f0f0);
@@ -6017,7 +6387,6 @@ body.x-desktop {
 .x-spinner .x-spinner-button, .x-spinner .x-spinner-button.x-button-back:after, .x-spinner .x-spinner-button.x-button-forward:after, .x-toolbar .x-spinner .x-spinner-button, .x-toolbar .x-spinner .x-spinner-button.x-button-back:after, .x-toolbar .x-spinner .x-spinner-button.x-button-forward:after {
   background-image: none;
   background-color: #eaeaea;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(3%, #f7f7f7), color-stop(100%, #dddddd));
   background-image: -webkit-linear-gradient(top, #ffffff, #f7f7f7 3%, #dddddd);
   background-image: -moz-linear-gradient(top, #ffffff, #f7f7f7 3%, #dddddd);
   background-image: -o-linear-gradient(top, #ffffff, #f7f7f7 3%, #dddddd);
@@ -6027,7 +6396,6 @@ body.x-desktop {
 .x-spinner .x-spinner-button.x-button-pressing, .x-spinner .x-spinner-button.x-button-pressing:after, .x-spinner .x-spinner-button.x-button-pressed, .x-spinner .x-spinner-button.x-button-pressed:after, .x-spinner .x-spinner-button.x-button-active, .x-spinner .x-spinner-button.x-button-active:after, .x-toolbar .x-spinner .x-spinner-button.x-button-pressing, .x-toolbar .x-spinner .x-spinner-button.x-button-pressing:after, .x-toolbar .x-spinner .x-spinner-button.x-button-pressed, .x-toolbar .x-spinner .x-spinner-button.x-button-pressed:after, .x-toolbar .x-spinner .x-spinner-button.x-button-active, .x-toolbar .x-spinner .x-spinner-button.x-button-active:after {
   background-image: none;
   background-color: #e2e2e2;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c9c9c9), color-stop(10%, #d5d5d5), color-stop(65%, #e2e2e2), color-stop(100%, #e3e3e3));
   background-image: -webkit-linear-gradient(top, #c9c9c9, #d5d5d5 10%, #e2e2e2 65%, #e3e3e3);
   background-image: -moz-linear-gradient(top, #c9c9c9, #d5d5d5 10%, #e2e2e2 65%, #e3e3e3);
   background-image: -o-linear-gradient(top, #c9c9c9, #d5d5d5 10%, #e2e2e2 65%, #e3e3e3);
@@ -6115,7 +6483,6 @@ body.x-desktop {
   border-radius: 32px;
   background-image: none;
   background-color: #006bb6;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0398ff), color-stop(3%, #007ad0), color-stop(100%, #005c9d));
   background-image: -webkit-linear-gradient(top, #0398ff, #007ad0 3%, #005c9d);
   background-image: -moz-linear-gradient(top, #0398ff, #007ad0 3%, #005c9d);
   background-image: -o-linear-gradient(top, #0398ff, #007ad0 3%, #005c9d);
@@ -6155,22 +6522,21 @@ body.x-desktop {
 .x-list .x-list-item {
   color: black;
 }
-/* line 47, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
-.x-list .x-list-item.x-item-pressed.x-list-item-tpl,
-.x-list .x-list-item.x-item-pressed .x-dock-horizontal {
-  background: #b6e1ff none;
-}
-/* line 53, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
+/* line 46, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
 .x-list .x-list-item.x-item-selected .x-dock-horizontal, .x-list .x-list-item.x-item-selected.x-list-item-tpl {
   background-image: none;
   background-color: #006bb6;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0398ff), color-stop(3%, #007ad0), color-stop(100%, #005c9d));
   background-image: -webkit-linear-gradient(top, #0398ff, #007ad0 3%, #005c9d);
   background-image: -moz-linear-gradient(top, #0398ff, #007ad0 3%, #005c9d);
   background-image: -o-linear-gradient(top, #0398ff, #007ad0 3%, #005c9d);
   background-image: linear-gradient(top, #0398ff, #007ad0 3%, #005c9d);
   color: white;
 }
+/* line 53, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
+.x-list .x-list-item.x-item-pressed.x-list-item-tpl,
+.x-list .x-list-item.x-item-pressed .x-dock-horizontal {
+  background: #b6e1ff none;
+}
 /* line 59, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
 .x-list .x-list-item .x-list-item-body, .x-list .x-list-item.x-list-item-tpl .x-innerhtml {
   padding: 12px 15px;
@@ -6180,7 +6546,6 @@ body.x-desktop {
 .x-list-normal .x-list-header {
   background-image: none;
   background-color: #5ab5f5;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a2d6f9), color-stop(3%, #72c0f6), color-stop(100%, #42abf4));
   background-image: -webkit-linear-gradient(top, #a2d6f9, #72c0f6 3%, #42abf4);
   background-image: -moz-linear-gradient(top, #a2d6f9, #72c0f6 3%, #42abf4);
   background-image: -o-linear-gradient(top, #a2d6f9, #72c0f6 3%, #42abf4);
@@ -6193,34 +6558,34 @@ body.x-desktop {
   font-size: 0.8em;
   padding: 0.2em 1.02em;
 }
-/* line 97, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
+/* line 79, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
 .x-list-normal .x-list-item.x-list-item-tpl,
 .x-list-normal .x-list-item .x-dock-horizontal {
   border-top: 1px solid #dedede;
 }
-/* line 103, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
+/* line 85, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
 .x-list-normal .x-list-item.x-list-item-tpl.x-list-footer-wrap, .x-list-normal .x-list-item.x-list-footer-wrap .x-dock-horizontal {
   border-bottom: 1px solid #dedede;
 }
-/* line 112, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
+/* line 93, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
 .x-list-normal .x-list-item.x-item-pressed.x-list-item-tpl, .x-list-normal .x-list-item.x-item-pressed .x-dock-horizontal {
   border-top-color: #b6e1ff;
   background-color: #b6e1ff;
 }
-/* line 119, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
+/* line 100, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
 .x-list-normal .x-list-item.x-item-selected.x-list-item-tpl, .x-list-normal .x-list-item.x-item-selected .x-dock-horizontal {
   border-top-color: #006bb6;
 }
 
-/* line 127, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
+/* line 108, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
 .x-list-round .x-scroll-view {
   background-color: #eee;
 }
-/* line 131, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
+/* line 112, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
 .x-list-round .x-list-header-swap {
   padding-right: 13px;
 }
-/* line 135, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
+/* line 116, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
 .x-list-round .x-list-inner .x-scroll-container {
   top: 13px;
   left: 13px;
@@ -6229,29 +6594,28 @@ body.x-desktop {
   width: auto !important;
   height: auto !important;
 }
-/* line 144, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
+/* line 125, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
 .x-list-round .x-list-header {
   color: #777;
   font-size: 1em;
   font-weight: bold;
   padding-left: 26px;
   line-height: 1.7em;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(30%, rgba(238, 238, 238, 0.9)), color-stop(100%, rgba(238, 238, 238, 0.4)));
   background-image: -webkit-linear-gradient(top, #eeeeee, rgba(238, 238, 238, 0.9) 30%, rgba(238, 238, 238, 0.4));
   background-image: -moz-linear-gradient(top, #eeeeee, rgba(238, 238, 238, 0.9) 30%, rgba(238, 238, 238, 0.4));
   background-image: -o-linear-gradient(top, #eeeeee, rgba(238, 238, 238, 0.9) 30%, rgba(238, 238, 238, 0.4));
   background-image: linear-gradient(top, #eeeeee, rgba(238, 238, 238, 0.9) 30%, rgba(238, 238, 238, 0.4));
 }
-/* line 153, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
+/* line 134, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
 .x-list-round .x-list-container {
   padding: 13px 13px 0 13px;
 }
-/* line 156, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
+/* line 137, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
 .x-list-round .x-list-container .x-list-header {
   padding-left: 13px;
   background-image: none;
 }
-/* line 165, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
+/* line 146, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
 .x-list-round.x-list-ungrouped .x-list-item-tpl,
 .x-list-round.x-list-ungrouped .x-list-item .x-dock-horizontal, .x-list-round.x-list-grouped .x-list-item-tpl,
 .x-list-round.x-list-grouped .x-list-item .x-dock-horizontal {
@@ -6259,8 +6623,8 @@ body.x-desktop {
   border-width: 1px 1px 0 1px;
   background: #f7f7f7;
 }
-/* line 174, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
-.x-list-round.x-list-ungrouped .x-list-item:first-child {
+/* line 154, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
+.x-list-round.x-list-ungrouped .x-list-item-first {
   -moz-border-radius-topleft: 0.4em;
   -webkit-border-top-left-radius: 0.4em;
   border-top-left-radius: 0.4em;
@@ -6268,8 +6632,8 @@ body.x-desktop {
   -webkit-border-top-right-radius: 0.4em;
   border-top-right-radius: 0.4em;
 }
-/* line 180, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
-.x-list-round.x-list-ungrouped .x-list-item:last-child {
+/* line 160, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
+.x-list-round.x-list-ungrouped .x-list-item-last {
   -moz-border-radius-bottomleft: 0.4em;
   -webkit-border-bottom-left-radius: 0.4em;
   border-bottom-left-radius: 0.4em;
@@ -6279,7 +6643,7 @@ body.x-desktop {
   border-width: 1px;
   margin-bottom: 13px;
 }
-/* line 192, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
+/* line 171, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
 .x-list-round.x-list-grouped .x-list-header-wrap .x-dock-horizontal {
   -moz-border-radius-topleft: 0.4em;
   -webkit-border-top-left-radius: 0.4em;
@@ -6288,7 +6652,7 @@ body.x-desktop {
   -webkit-border-top-right-radius: 0.4em;
   border-top-right-radius: 0.4em;
 }
-/* line 199, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
+/* line 178, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
 .x-list-round.x-list-grouped .x-list-header-wrap.x-list-header {
   border: 1px solid #dedede;
   border-width: 1px 1px 0 1px;
@@ -6299,11 +6663,11 @@ body.x-desktop {
   -webkit-border-top-right-radius: 0.4em;
   border-top-right-radius: 0.4em;
 }
-/* line 207, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
+/* line 186, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
 .x-list-round.x-list-grouped .x-list-footer-wrap {
   background: transparent;
 }
-/* line 211, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
+/* line 190, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
 .x-list-round.x-list-grouped .x-list-footer-wrap.x-list-item-tpl,
 .x-list-round.x-list-grouped .x-list-footer-wrap .x-dock-horizontal {
   border: none;
@@ -6311,7 +6675,7 @@ body.x-desktop {
   padding-bottom: 13px;
   margin-bottom: 13px;
 }
-/* line 218, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
+/* line 197, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
 .x-list-round.x-list-grouped .x-list-footer-wrap.x-list-item-tpl > .x-innerhtml,
 .x-list-round.x-list-grouped .x-list-footer-wrap.x-list-item-tpl > .x-dock-body,
 .x-list-round.x-list-grouped .x-list-footer-wrap .x-dock-horizontal > .x-innerhtml,
@@ -6325,11 +6689,40 @@ body.x-desktop {
   -webkit-border-bottom-right-radius: 0.4em;
   border-bottom-right-radius: 0.4em;
 }
-/* line 229, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
+/* line 208, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
+.x-list-round.x-list-grouped .x-list-footer-wrap.x-item-selected > .x-innerhtml,
+.x-list-round.x-list-grouped .x-list-footer-wrap.x-item-selected > .x-dock-body {
+  background-image: none;
+  background-color: #006bb6;
+  background-image: -webkit-linear-gradient(top, #0398ff, #007ad0 3%, #005c9d);
+  background-image: -moz-linear-gradient(top, #0398ff, #007ad0 3%, #005c9d);
+  background-image: -o-linear-gradient(top, #0398ff, #007ad0 3%, #005c9d);
+  background-image: linear-gradient(top, #0398ff, #007ad0 3%, #005c9d);
+  color: white;
+}
+/* line 216, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
 .x-list-round .x-indexbar-vertical {
   margin-right: 20px;
 }
 
+/* line 222, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
+.x-list-round .x-list-footer-wrap.x-list-item-last.x-list-item-odd.x-list-item.x-list-item-tpl {
+  background-color: transparent !important;
+}
+
+/* line 228, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
+.x-list-round.x-list-grouped .x-list-item-odd.x-list-footer-wrap > .x-innerhtml,
+.x-list-round.x-list-grouped .x-list-item-odd.x-list-footer-wrap > .x-dock-body {
+  background-color: #eaeaea !important;
+}
+
+/* line 235, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/dataview/_List.scss */
+.x-list .x-list-item-odd.x-list-item-tpl,
+.x-list .x-list-item-odd .x-dock-horizontal {
+  background-color: #eaeaea !important;
+  border-bottom: 1px solid #eaeaea;
+}
+
 /**
  * @class Ext.picker.Picker
  */
@@ -6370,7 +6763,6 @@ body.x-desktop {
   height: 2.5em;
   background-image: none;
   background-color: rgba(13, 148, 242, 0.3);
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(85, 180, 246, 0.3)), color-stop(3%, rgba(37, 159, 244, 0.3)), color-stop(100%, rgba(11, 133, 218, 0.3)));
   background-image: -webkit-linear-gradient(top, rgba(85, 180, 246, 0.3), rgba(37, 159, 244, 0.3) 3%, rgba(11, 133, 218, 0.3));
   background-image: -moz-linear-gradient(top, rgba(85, 180, 246, 0.3), rgba(37, 159, 244, 0.3) 3%, rgba(11, 133, 218, 0.3));
   background-image: -o-linear-gradient(top, rgba(85, 180, 246, 0.3), rgba(37, 159, 244, 0.3) 3%, rgba(11, 133, 218, 0.3));
@@ -6396,7 +6788,6 @@ body.x-desktop {
   box-shadow: rgba(0, 0, 0, 0.3) 0px 0.1em 0.3em;
   background-image: none;
   background-color: #1295f1;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5ab5f5), color-stop(3%, #2aa0f2), color-stop(100%, #0d87dc));
   background-image: -webkit-linear-gradient(top, #5ab5f5, #2aa0f2 3%, #0d87dc);
   background-image: -moz-linear-gradient(top, #5ab5f5, #2aa0f2 3%, #0d87dc);
   background-image: -o-linear-gradient(top, #5ab5f5, #2aa0f2 3%, #0d87dc);
@@ -6409,13 +6800,21 @@ body.x-desktop {
   text-shadow: rgba(255, 255, 255, 0.25) 0 0.08em 0;
 }
 
-/* line 67, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/picker/_Picker.scss */
+/* line 66, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/picker/_Picker.scss */
+.x-picker-slot {
+  border-left: 2px solid #acacac;
+}
+/* line 69, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/picker/_Picker.scss */
 .x-picker-slot .x-dataview-item {
   height: 2.5em;
   line-height: 2.5em;
   font-weight: bold;
   padding: 0 10px;
 }
+/* line 76, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/picker/_Picker.scss */
+.x-picker-slot:first-child {
+  border-left: 0;
+}
 
 /**
  * @class Ext.plugin.ListPaging
@@ -6506,7 +6905,6 @@ body.x-desktop {
   left: 0.175em;
   background-image: none;
   background-color: #dddddd;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(3%, #eaeaea), color-stop(100%, #d0d0d0));
   background-image: -webkit-linear-gradient(top, #ffffff, #eaeaea 3%, #d0d0d0);
   background-image: -moz-linear-gradient(top, #ffffff, #eaeaea 3%, #d0d0d0);
   background-image: -o-linear-gradient(top, #ffffff, #eaeaea 3%, #d0d0d0);
@@ -6528,7 +6926,6 @@ body.x-desktop {
 .x-thumb.x-dragging:after {
   background-image: none;
   background-color: #d0d0d0;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(3%, #dddddd), color-stop(100%, #c4c4c4));
   background-image: -webkit-linear-gradient(top, #f7f7f7, #dddddd 3%, #c4c4c4);
   background-image: -moz-linear-gradient(top, #f7f7f7, #dddddd 3%, #c4c4c4);
   background-image: -o-linear-gradient(top, #f7f7f7, #dddddd 3%, #c4c4c4);
@@ -6548,7 +6945,6 @@ body.x-desktop {
   left: 0;
   background-image: none;
   background-color: #dddddd;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4c4c4), color-stop(10%, #d0d0d0), color-stop(65%, #dddddd), color-stop(100%, #dedede));
   background-image: -webkit-linear-gradient(top, #c4c4c4, #d0d0d0 10%, #dddddd 65%, #dedede);
   background-image: -moz-linear-gradient(top, #c4c4c4, #d0d0d0 10%, #dddddd 65%, #dedede);
   background-image: -o-linear-gradient(top, #c4c4c4, #d0d0d0 10%, #dddddd 65%, #dedede);
@@ -6572,7 +6968,6 @@ body.x-desktop {
   border: 1px solid #b7b7b7;
   background-image: none;
   background-color: #dddddd;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4c4c4), color-stop(10%, #d0d0d0), color-stop(65%, #dddddd), color-stop(100%, #dedede));
   background-image: -webkit-linear-gradient(top, #c4c4c4, #d0d0d0 10%, #dddddd 65%, #dedede);
   background-image: -moz-linear-gradient(top, #c4c4c4, #d0d0d0 10%, #dddddd 65%, #dedede);
   background-image: -o-linear-gradient(top, #c4c4c4, #d0d0d0 10%, #dddddd 65%, #dedede);
@@ -6596,7 +6991,6 @@ body.x-desktop {
 .x-toggle-on {
   background-image: none;
   background-color: #92cf00;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6e9c00), color-stop(10%, #80b500), color-stop(65%, #92cf00), color-stop(100%, #94d200));
   background-image: -webkit-linear-gradient(top, #6e9c00, #80b500 10%, #92cf00 65%, #94d200);
   background-image: -moz-linear-gradient(top, #6e9c00, #80b500 10%, #92cf00 65%, #94d200);
   background-image: -o-linear-gradient(top, #6e9c00, #80b500 10%, #92cf00 65%, #94d200);
@@ -6689,11 +7083,11 @@ body.x-desktop {
 /* line 59, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/tab/_Panel.scss */
 .x-tabbar.x-docked-top .x-tab.x-tab-icon .x-button-label, .x-tabbar.x-docked-top .x-tab.x-tab-icon .x-badge {
   margin: 0;
-  margin-left: .3em;
+  margin-left: .8em;
   padding: 0.1em 0 0.2em 0;
   display: inline-block;
   position: relative;
-  top: -.4em;
+  top: -.2em;
 }
 
 /* line 73, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/tab/_Panel.scss */
@@ -6742,7 +7136,6 @@ body.x-desktop {
   border-bottom-color: #195884;
   background-image: none;
   background-color: #2583c4;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #56a7df), color-stop(3%, #2b91d7), color-stop(100%, #2175af));
   background-image: -webkit-linear-gradient(top, #56a7df, #2b91d7 3%, #2175af);
   background-image: -moz-linear-gradient(top, #56a7df, #2b91d7 3%, #2175af);
   background-image: -o-linear-gradient(top, #56a7df, #2b91d7 3%, #2175af);
@@ -6775,7 +7168,6 @@ body.x-desktop {
 .x-tabbar-light.x-docked-bottom .x-tab-active {
   background-image: none;
   background-color: #2175af;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #195884), color-stop(10%, #1d6699), color-stop(65%, #2175af), color-stop(100%, #2176b1));
   background-image: -webkit-linear-gradient(top, #195884, #1d6699 10%, #2175af 65%, #2176b1);
   background-image: -moz-linear-gradient(top, #195884, #1d6699 10%, #2175af 65%, #2176b1);
   background-image: -o-linear-gradient(top, #195884, #1d6699 10%, #2175af 65%, #2176b1);
@@ -6794,7 +7186,6 @@ body.x-desktop {
 .x-tabbar-light.x-docked-top .x-tab-active {
   background-image: none;
   background-color: #2175af;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #195884), color-stop(10%, #1d6699), color-stop(65%, #2175af), color-stop(100%, #2176b1));
   background-image: -webkit-linear-gradient(top, #195884, #1d6699 10%, #2175af 65%, #2176b1);
   background-image: -moz-linear-gradient(top, #195884, #1d6699 10%, #2175af 65%, #2176b1);
   background-image: -o-linear-gradient(top, #195884, #1d6699 10%, #2175af 65%, #2176b1);
@@ -6808,7 +7199,6 @@ body.x-desktop {
   border-bottom-color: #061f31;
   background-image: none;
   background-color: #0e4b75;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1676b9), color-stop(3%, #11598c), color-stop(100%, #0b3c5e));
   background-image: -webkit-linear-gradient(top, #1676b9, #11598c 3%, #0b3c5e);
   background-image: -moz-linear-gradient(top, #1676b9, #11598c 3%, #0b3c5e);
   background-image: -o-linear-gradient(top, #1676b9, #11598c 3%, #0b3c5e);
@@ -6841,7 +7231,6 @@ body.x-desktop {
 .x-tabbar-dark.x-docked-bottom .x-tab-active {
   background-image: none;
   background-color: #0b3c5e;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #061f31), color-stop(10%, #092e47), color-stop(65%, #0b3c5e), color-stop(100%, #0c3e60));
   background-image: -webkit-linear-gradient(top, #061f31, #092e47 10%, #0b3c5e 65%, #0c3e60);
   background-image: -moz-linear-gradient(top, #061f31, #092e47 10%, #0b3c5e 65%, #0c3e60);
   background-image: -o-linear-gradient(top, #061f31, #092e47 10%, #0b3c5e 65%, #0c3e60);
@@ -6860,7 +7249,6 @@ body.x-desktop {
 .x-tabbar-dark.x-docked-top .x-tab-active {
   background-image: none;
   background-color: #0b3c5e;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #061f31), color-stop(10%, #092e47), color-stop(65%, #0b3c5e), color-stop(100%, #0c3e60));
   background-image: -webkit-linear-gradient(top, #061f31, #092e47 10%, #0b3c5e 65%, #0c3e60);
   background-image: -moz-linear-gradient(top, #061f31, #092e47 10%, #0b3c5e 65%, #0c3e60);
   background-image: -o-linear-gradient(top, #061f31, #092e47 10%, #0b3c5e 65%, #0c3e60);
@@ -6874,7 +7262,6 @@ body.x-desktop {
   border-bottom-color: #bababa;
   background-image: none;
   background-color: #e0e0e0;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(3%, #ededed), color-stop(100%, #d3d3d3));
   background-image: -webkit-linear-gradient(top, #ffffff, #ededed 3%, #d3d3d3);
   background-image: -moz-linear-gradient(top, #ffffff, #ededed 3%, #d3d3d3);
   background-image: -o-linear-gradient(top, #ffffff, #ededed 3%, #d3d3d3);
@@ -6907,7 +7294,6 @@ body.x-desktop {
 .x-tabbar-neutral.x-docked-bottom .x-tab-active {
   background-image: none;
   background-color: lightgrey;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bababa), color-stop(10%, #c7c7c7), color-stop(65%, #d3d3d3), color-stop(100%, #d5d5d5));
   background-image: -webkit-linear-gradient(top, #bababa, #c7c7c7 10%, #d3d3d3 65%, #d5d5d5);
   background-image: -moz-linear-gradient(top, #bababa, #c7c7c7 10%, #d3d3d3 65%, #d5d5d5);
   background-image: -o-linear-gradient(top, #bababa, #c7c7c7 10%, #d3d3d3 65%, #d5d5d5);
@@ -6926,10 +7312,133 @@ body.x-desktop {
 .x-tabbar-neutral.x-docked-top .x-tab-active {
   background-image: none;
   background-color: lightgrey;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bababa), color-stop(10%, #c7c7c7), color-stop(65%, #d3d3d3), color-stop(100%, #d5d5d5));
   background-image: -webkit-linear-gradient(top, #bababa, #c7c7c7 10%, #d3d3d3 65%, #d5d5d5);
   background-image: -moz-linear-gradient(top, #bababa, #c7c7c7 10%, #d3d3d3 65%, #d5d5d5);
   background-image: -o-linear-gradient(top, #bababa, #c7c7c7 10%, #d3d3d3 65%, #d5d5d5);
   background-image: linear-gradient(top, #bababa, #c7c7c7 10%, #d3d3d3 65%, #d5d5d5);
   color: black;
 }
+
+/* line 2, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/grid/_Grid.scss */
+.x-grid {
+  background-color: white !important;
+}
+/* line 5, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/grid/_Grid.scss */
+.x-grid .x-grid-header-container {
+  border-color: #d7d7d7;
+  background-color: #f5f5f5;
+  color: #000000;
+}
+/* line 10, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/grid/_Grid.scss */
+.x-grid .x-grid-header-container .x-grid-column-resizing {
+  background-color: #D2EDFE;
+}
+/* line 15, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/grid/_Grid.scss */
+.x-grid .x-grid-column {
+  border-color: white #d7d7d7 #d7d7d7 white;
+}
+/* line 19, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/grid/_Grid.scss */
+.x-grid .x-grid-column.x-column-sorted-asc, .x-grid .x-grid-column.x-column-sorted-desc {
+  color: #1464AE;
+}
+/* line 24, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/grid/_Grid.scss */
+.x-grid .x-grid-headergroup .x-inner > .x-innerhtml {
+  border-color: white #d7d7d7 #d7d7d7 white;
+}
+/* line 28, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/grid/_Grid.scss */
+.x-grid .x-grid-row {
+  border-color: #d7d7d7;
+  color: #000;
+}
+/* line 32, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/grid/_Grid.scss */
+.x-grid .x-grid-row.x-grid-item-odd {
+  background-color: #fafafa;
+}
+/* line 36, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/grid/_Grid.scss */
+.x-grid .x-grid-row.x-item-selected {
+  background-color: #D2EDFE;
+}
+/* line 41, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/grid/_Grid.scss */
+.x-grid .x-grid-cell {
+  border-color: #d7d7d7;
+}
+/* line 45, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/grid/_Grid.scss */
+.x-grid .x-grid-viewoptions {
+  background-color: #fff;
+  border-color: #C0C0C0;
+}
+/* line 49, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/grid/_Grid.scss */
+.x-grid .x-grid-viewoptions .x-column-options-header {
+  background: #1464AE;
+  border-color: white #d7d7d7 #d7d7d7 white;
+  color: #fff;
+}
+/* line 58, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/grid/_Grid.scss */
+.x-grid .x-grid-viewoptions .x-column-options-sortablehandle,
+.x-grid .x-grid-viewoptions .x-column-options-visibleindicator,
+.x-grid .x-grid-viewoptions .x-column-options-folder,
+.x-grid .x-grid-viewoptions .x-column-options-leaf {
+  color: #C0C0C0;
+}
+/* line 62, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/grid/_Grid.scss */
+.x-grid .x-grid-viewoptions .x-column-options-sortablehandle {
+  color: #aaa;
+}
+/* line 66, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/grid/_Grid.scss */
+.x-grid .x-grid-viewoptions .x-column-options-text {
+  color: #C0C0C0;
+}
+/* line 70, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/grid/_Grid.scss */
+.x-grid .x-grid-viewoptions .x-list-item.x-item-selected.x-list-item-tpl {
+  border-top-color: #ccc;
+}
+/* line 73, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/grid/_Grid.scss */
+.x-grid .x-grid-viewoptions .x-list-item.x-item-selected.x-list-item-tpl .x-column-options-text {
+  color: #000;
+}
+/* line 77, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/grid/_Grid.scss */
+.x-grid .x-grid-viewoptions .x-list-item.x-item-selected.x-list-item-tpl .x-column-options-visibleindicator:after {
+  color: #1464AE;
+}
+/* line 81, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/grid/_Grid.scss */
+.x-grid .x-grid-viewoptions .x-list-item.x-item-selected.x-list-item-tpl .x-column-options-sortablehandle:after {
+  color: #aaa;
+}
+/* line 86, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/grid/_Grid.scss */
+.x-grid .x-grid-viewoptions .x-list-item.x-item-selected.x-list-item-tpl .x-column-options-folder:after,
+.x-grid .x-grid-viewoptions .x-list-item.x-item-selected.x-list-item-tpl .x-column-options-leaf:after {
+  color: #91E698;
+}
+/* line 92, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/grid/_Grid.scss */
+.x-grid .x-grid-columnoptions {
+  border-color: #d7d7d7;
+}
+/* line 96, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/grid/_Grid.scss */
+.x-grid .x-grid-multiselection-column {
+  color: #C0C0C0;
+}
+/* line 99, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/grid/_Grid.scss */
+.x-grid .x-grid-multiselection-column.x-grid-multiselection-allselected:after {
+  color: #1464ae !important;
+}
+/* line 104, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/grid/_Grid.scss */
+.x-grid .x-grid-multiselection-cell {
+  color: #C0C0C0;
+}
+/* line 108, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/grid/_Grid.scss */
+.x-grid .x-item-selected .x-grid-multiselection-cell:after {
+  color: #1464AE;
+}
+/* line 112, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/grid/_Grid.scss */
+.x-grid .x-grid-pagingtoolbar {
+  border-top-color: #d7d7d7;
+}
+/* line 116, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/grid/_Grid.scss */
+.x-grid .x-grid-summaryrow {
+  background-color: #1464AE;
+  color: #fff;
+}
+/* line 120, /Users/jamieavins/git/SDK/touch/resources/themes/stylesheets/sencha-touch/default/src/grid/_Grid.scss */
+.x-grid .x-grid-summaryrow .x-grid-cell {
+  border-color: #C0C0C0;
+}