diff --git a/docs/button.html b/docs/button.html
index 83f15a2ee..50e5b0856 100755
--- a/docs/button.html
+++ b/docs/button.html
@@ -1,4 +1,4 @@
-`<!DOCTYPE HTML>
+<!DOCTYPE HTML>
 <html>
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
@@ -73,7 +73,7 @@
   </ul>
 </div>
 <div class="ui left attached vertical blue menu buttons">
-  <div class="ui menu button">Menu</div>
+  <div class="ui huge menu button">Menu</div>
 </div>
 <div class="full container">
 <!--   <ul class="ui vertical panel sub menu">
diff --git a/src/modules/ui/search.css b/src/modules/ui/search.css
index 936dcae2a..b9816c5c0 100755
--- a/src/modules/ui/search.css
+++ b/src/modules/ui/search.css
@@ -105,7 +105,7 @@
 }
 
 .search.module .results li .image {
-  background: #F0F0F0 url(/images/ui/placeholder-subtle.png) no-repeat center center;
+  background: #F0F0F0 url(../images/placeholder-subtle.png) no-repeat center center;
   margin-right: 10px;
 
   float: left;
@@ -151,7 +151,7 @@
   background-color: #F0F0F0;
 }
 .search.module .results li.active .image {
-  background: #EFEFEF url(/images/ui/placeholder-tiny.png) no-repeat center center;
+  background: #EFEFEF url(../images/placeholder-tiny.png) no-repeat center center;
 }
 .search.module .results li.active .title {
   color: #000000;
@@ -246,7 +246,7 @@
 
 /* Big Theme */
 .search.module .big.results li .image {
-  background-image: url(/images/ui/placeholder-subtle.png);
+  background-image: url(../images/placeholder-subtle.png);
 }
 .search.module .big.results li .image,
 .search.module .big.results li .image img {
diff --git a/src/modules/ui/video.css b/src/modules/ui/video.css
index f2fbff0f4..fa064d0b3 100755
--- a/src/modules/ui/video.css
+++ b/src/modules/ui/video.css
@@ -5,7 +5,7 @@
 
 .video.module {
   position: relative;
-	background: #333333 url(/images/ui/placeholder.png) no-repeat center center;
+	background: #333333 url(../images/placeholder.png) no-repeat center center;
 }
 
 .video.module .play {
diff --git a/src/ui/flat/activity-feed.css b/src/ui/flat/activity-feed.css
index 3e6375f5f..7a49fe4fe 100755
--- a/src/ui/flat/activity-feed.css
+++ b/src/ui/flat/activity-feed.css
@@ -17,7 +17,7 @@
   width: 35px;
   height: 35px;
   
-  background: #EFEFEF url(/images/ui/placeholder-tiny.png) no-repeat center center;
+  background: #EFEFEF url(../images/placeholder-tiny.png) no-repeat center center;
 
   -webkit-box-shadow: -1px -1px 0 #F0F0F0 inset;
   -moz-box-shadow: -1px -1px 0 #F0F0F0 inset;
diff --git a/src/ui/flat/button.css b/src/ui/flat/button.css
index d876a2ff6..459bf1b8a 100755
--- a/src/ui/flat/button.css
+++ b/src/ui/flat/button.css
@@ -514,13 +514,13 @@ input + .ui.attached.button.down {
   height: 100%;
   content: '';
   /* standard */
-  background: url(/images/ui/throbber-blue-tiny.gif) no-repeat 50% 50%;
+  background: url(../images/throbber-blue-tiny.gif) no-repeat 50% 50%;
   /* css 3 multi image */
-  background-image: url(/images/ui/throbber-blue-tiny.gif);
-  background-image: url(/images/ui/throbber-blue-tiny.gif);
-  background-image: url(/images/ui/throbber-blue-tiny.gif);
-  background-image: url(/images/ui/throbber-blue-tiny.gif);
-  background-image: url(/images/ui/throbber-blue-tiny.gif);
+  background-image: url(../images/throbber-blue-tiny.gif);
+  background-image: url(../images/throbber-blue-tiny.gif);
+  background-image: url(../images/throbber-blue-tiny.gif);
+  background-image: url(../images/throbber-blue-tiny.gif);
+  background-image: url(../images/throbber-blue-tiny.gif);
   background-position: 50% 50%, 0px 0px;
   background-repeat: no-repeat;
 
@@ -537,13 +537,13 @@ input + .ui.attached.button.down {
 .ui.button.active.loading:after {
   background-color: #FAFAFA;
   /* standard */
-  background: url(/images/ui/throbber-tiny.gif) no-repeat 50% 50%;
+  background: url(../images/throbber-tiny.gif) no-repeat 50% 50%;
   /* css 3 multi image */
-  background-image: url(/images/ui/throbber-tiny.gif);
-  background-image: url(/images/ui/throbber-tiny.gif);
-  background-image: url(/images/ui/throbber-tiny.gif);
-  background-image: url(/images/ui/throbber-tiny.gif);
-  background-image: url(/images/ui/throbber-tiny.gif);
+  background-image: url(../images/throbber-tiny.gif);
+  background-image: url(../images/throbber-tiny.gif);
+  background-image: url(../images/throbber-tiny.gif);
+  background-image: url(../images/throbber-tiny.gif);
+  background-image: url(../images/throbber-tiny.gif);
   background-position: 50% 50%, 0px 0px;
   background-repeat: no-repeat;
 }
@@ -552,31 +552,31 @@ input + .ui.attached.button.down {
 
 /* blue */
 .ui.huge.button.loading:after {
-  background-image: url(/images/ui/throbber-blue-small.gif);
-  background-image: url(/images/ui/throbber-blue-small.gif);
-  background-image: url(/images/ui/throbber-blue-small.gif);
-  background-image: url(/images/ui/throbber-blue-small.gif);
-  background-image: url(/images/ui/throbber-blue-small.gif);
+  background-image: url(../images/throbber-blue-small.gif);
+  background-image: url(../images/throbber-blue-small.gif);
+  background-image: url(../images/throbber-blue-small.gif);
+  background-image: url(../images/throbber-blue-small.gif);
+  background-image: url(../images/throbber-blue-small.gif);
 }
 .ui.massive.buttons .button.loading:after,
 .ui.gigantic.buttons .button.loading:after,
 .ui.massive.button.loading:after,
 .ui.gigantic.button.loading:after {
-  background-image: url(/images/ui/throbber-blue-medium.gif);
-  background-image: url(/images/ui/throbber-blue-medium.gif);
-  background-image: url(/images/ui/throbber-blue-medium.gif);
-  background-image: url(/images/ui/throbber-blue-medium.gif);
-  background-image: url(/images/ui/throbber-blue-medium.gif);
+  background-image: url(../images/throbber-blue-medium.gif);
+  background-image: url(../images/throbber-blue-medium.gif);
+  background-image: url(../images/throbber-blue-medium.gif);
+  background-image: url(../images/throbber-blue-medium.gif);
+  background-image: url(../images/throbber-blue-medium.gif);
 }
 
 /* grey */
 .ui.huge.grey.button.loading:after,
 .ui.huge.button.loading.active:after {
-  background-image: url(/images/ui/throbber-small.gif);
-  background-image: url(/images/ui/throbber-small.gif);
-  background-image: url(/images/ui/throbber-small.gif);
-  background-image: url(/images/ui/throbber-small.gif);
-  background-image: url(/images/ui/throbber-small.gif);
+  background-image: url(../images/throbber-small.gif);
+  background-image: url(../images/throbber-small.gif);
+  background-image: url(../images/throbber-small.gif);
+  background-image: url(../images/throbber-small.gif);
+  background-image: url(../images/throbber-small.gif);
 }
 .ui.massive.grey.buttons .button.loading:after,
 .ui.gigantic.grey.buttons .button.loading:after,
@@ -586,11 +586,11 @@ input + .ui.attached.button.down {
 .ui.gigantic.grey.buttons .button.loading.active:after,
 .ui.massive.button.loading.active:after,
 .ui.gigantic.button.loading.active:after {
-  background-image: url(/images/ui/throbber-medium.gif);
-  background-image: url(/images/ui/throbber-medium.gif);
-  background-image: url(/images/ui/throbber-medium.gif);
-  background-image: url(/images/ui/throbber-medium.gif);
-  background-image: url(/images/ui/throbber-medium.gif);
+  background-image: url(../images/throbber-medium.gif);
+  background-image: url(../images/throbber-medium.gif);
+  background-image: url(../images/throbber-medium.gif);
+  background-image: url(../images/throbber-medium.gif);
+  background-image: url(../images/throbber-medium.gif);
 }
 
 
@@ -629,7 +629,7 @@ input + .ui.attached.button.down {
   height: 100%;
   content: '';
   /* standard */
-  background: #EE141D url(/images/ui/button-error.gif) no-repeat 50% 50%;
+  background: #EE141D url(../images/button-error.gif) no-repeat 50% 50%;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
diff --git a/src/ui/flat/data-grid.css b/src/ui/flat/data-grid.css
index b308a6035..9f4810c96 100755
--- a/src/ui/flat/data-grid.css
+++ b/src/ui/flat/data-grid.css
@@ -38,7 +38,7 @@
   float: left;
   width: 35px;
   height: 35px;
-  background: #EFEFEF url(/images/ui/placeholder-tiny.png) no-repeat center center;
+  background: #EFEFEF url(../images/placeholder-tiny.png) no-repeat center center;
 }
 .ui.data-grid tbody td.who img {
   width: 35px;
diff --git a/src/ui/flat/image.css b/src/ui/flat/image.css
index 114497792..9619de06f 100755
--- a/src/ui/flat/image.css
+++ b/src/ui/flat/image.css
@@ -2,7 +2,7 @@
   position: relative;
   display: inline-block;
   border: 1px solid #CCCCCC;
-  background: #F5F5F5 url(/images/ui/placeholder-subtle.png) no-repeat center center;
+  background: #F5F5F5 url(../images/placeholder-subtle.png) no-repeat center center;
 }
 .ui.feature.image img {
   display: block;
diff --git a/src/ui/flat/notecard.css b/src/ui/flat/notecard.css
index 663c31c9b..c9d2152e7 100755
--- a/src/ui/flat/notecard.css
+++ b/src/ui/flat/notecard.css
@@ -30,7 +30,7 @@
   height: 100%;
   margin-top: 10px;
   padding: 0px 5px 10px;
-  background: url(/images/ui/notecard-stripes.png) repeat;
+  background: url(../images/notecard-stripes.png) repeat;
   line-height: 21px;
 }
 .ui.notecard .stripes h2 {
@@ -49,7 +49,7 @@
   overflow: hidden;
   
   border: 1px solid #DAD8C9;
-  background: #FFFFFF url(/images/ui/placeholder-tiny.png) no-repeat center center;
+  background: #FFFFFF url(../images/placeholder-tiny.png) no-repeat center center;
   padding: 4px;
 }
 .ui.notecard .stripes .image img {
diff --git a/src/ui/flat/paperclip.css b/src/ui/flat/paperclip.css
index b2887966f..aa179f433 100755
--- a/src/ui/flat/paperclip.css
+++ b/src/ui/flat/paperclip.css
@@ -16,7 +16,7 @@
   position: absolute;
   z-index: 4;
 
-  background: url(/images/ui/paperclip.png) no-repeat;
+  background: url(../images/paperclip.png) no-repeat;
   width: 37px;
   height: 21px;
 }
diff --git a/src/ui/flat/throbber.css b/src/ui/flat/throbber.css
index 1de3b0c62..c23b56417 100755
--- a/src/ui/flat/throbber.css
+++ b/src/ui/flat/throbber.css
@@ -7,7 +7,7 @@
   display: inline-block;
   width: 32px;
   height: 32px;
-  background: url(/images/ui/throbber-medium.gif) no-repeat;
+  background: url(../images/throbber-medium.gif) no-repeat;
   background-position: 48% 0px;
 }
 .ui.throbber.center {
@@ -22,7 +22,7 @@
 .ui.throbber.large {
   width: 64px;
   height: 64px;
-  background-image: url(/images/ui/throbber-large.gif);
+  background-image: url(../images/throbber-large.gif);
 }
 .ui.throbber.large.center {
   margin: -32px 0px 0px -32px;
@@ -32,7 +32,7 @@
 .ui.throbber.small {
   width: 24px;
   height: 24px;
-  background-image: url(/images/ui/throbber-small.gif);
+  background-image: url(../images/throbber-small.gif);
 }
 .ui.throbber.small.center {
   margin: -12px 0px 0px -12px;
@@ -42,7 +42,7 @@
 .ui.throbber.tiny {
   width: 16px;
   height: 16px;
-  background-image: url(/images/ui/throbber-tiny.gif);
+  background-image: url(../images/throbber-tiny.gif);
 }
 .ui.throbber.tiny.center {
   margin: -8px 0px 0px -8px;
@@ -86,14 +86,14 @@
   color: #FFFFFF
 }
 .ui.throbber.tiny.blue {
-  background-image: url(/images/ui/throbber-blue-tiny.gif);
+  background-image: url(../images/throbber-blue-tiny.gif);
 }
 .ui.throbber.small.blue {
-  background-image: url(/images/ui/throbber-blue-small.gif);
+  background-image: url(../images/throbber-blue-small.gif);
 }
 .ui.throbber.blue {
-  background-image: url(/images/ui/throbber-blue-medium.gif);
+  background-image: url(../images/throbber-blue-medium.gif);
 }
 .ui.throbber.large.blue {
-  background-image: url(/images/ui/throbber-blue-large.gif);
+  background-image: url(../images/throbber-blue-large.gif);
 }
diff --git a/images/ui/button-error.gif b/src/ui/images/button-error.gif
old mode 100644
new mode 100755
similarity index 100%
rename from images/ui/button-error.gif
rename to src/ui/images/button-error.gif
diff --git a/images/ui/footnote.png b/src/ui/images/footnote.png
old mode 100644
new mode 100755
similarity index 100%
rename from images/ui/footnote.png
rename to src/ui/images/footnote.png
diff --git a/images/ui/loader-generic-transparent.gif b/src/ui/images/loader-generic-transparent.gif
old mode 100644
new mode 100755
similarity index 100%
rename from images/ui/loader-generic-transparent.gif
rename to src/ui/images/loader-generic-transparent.gif
diff --git a/images/ui/notecard-stripes.png b/src/ui/images/notecard-stripes.png
old mode 100644
new mode 100755
similarity index 100%
rename from images/ui/notecard-stripes.png
rename to src/ui/images/notecard-stripes.png
diff --git a/images/ui/paperclip.png b/src/ui/images/paperclip.png
old mode 100644
new mode 100755
similarity index 100%
rename from images/ui/paperclip.png
rename to src/ui/images/paperclip.png
diff --git a/images/ui/placeholder-subtle.png b/src/ui/images/placeholder-subtle.png
old mode 100644
new mode 100755
similarity index 100%
rename from images/ui/placeholder-subtle.png
rename to src/ui/images/placeholder-subtle.png
diff --git a/images/ui/placeholder-tiny.png b/src/ui/images/placeholder-tiny.png
old mode 100644
new mode 100755
similarity index 100%
rename from images/ui/placeholder-tiny.png
rename to src/ui/images/placeholder-tiny.png
diff --git a/images/ui/placeholder.png b/src/ui/images/placeholder.png
old mode 100644
new mode 100755
similarity index 100%
rename from images/ui/placeholder.png
rename to src/ui/images/placeholder.png
diff --git a/images/ui/throbber-blue-large.gif b/src/ui/images/throbber-blue-large.gif
old mode 100644
new mode 100755
similarity index 100%
rename from images/ui/throbber-blue-large.gif
rename to src/ui/images/throbber-blue-large.gif
diff --git a/images/ui/throbber-blue-medium.gif b/src/ui/images/throbber-blue-medium.gif
old mode 100644
new mode 100755
similarity index 100%
rename from images/ui/throbber-blue-medium.gif
rename to src/ui/images/throbber-blue-medium.gif
diff --git a/images/ui/throbber-blue-small.gif b/src/ui/images/throbber-blue-small.gif
old mode 100644
new mode 100755
similarity index 100%
rename from images/ui/throbber-blue-small.gif
rename to src/ui/images/throbber-blue-small.gif
diff --git a/images/ui/throbber-blue-tiny.gif b/src/ui/images/throbber-blue-tiny.gif
old mode 100644
new mode 100755
similarity index 100%
rename from images/ui/throbber-blue-tiny.gif
rename to src/ui/images/throbber-blue-tiny.gif
diff --git a/images/ui/throbber-large.gif b/src/ui/images/throbber-large.gif
old mode 100644
new mode 100755
similarity index 100%
rename from images/ui/throbber-large.gif
rename to src/ui/images/throbber-large.gif
diff --git a/images/ui/throbber-medium-white.gif b/src/ui/images/throbber-medium-white.gif
old mode 100644
new mode 100755
similarity index 100%
rename from images/ui/throbber-medium-white.gif
rename to src/ui/images/throbber-medium-white.gif
diff --git a/images/ui/throbber-medium.gif b/src/ui/images/throbber-medium.gif
old mode 100644
new mode 100755
similarity index 100%
rename from images/ui/throbber-medium.gif
rename to src/ui/images/throbber-medium.gif
diff --git a/images/ui/throbber-small.gif b/src/ui/images/throbber-small.gif
old mode 100644
new mode 100755
similarity index 100%
rename from images/ui/throbber-small.gif
rename to src/ui/images/throbber-small.gif
diff --git a/images/ui/throbber-tiny.gif b/src/ui/images/throbber-tiny.gif
old mode 100644
new mode 100755
similarity index 100%
rename from images/ui/throbber-tiny.gif
rename to src/ui/images/throbber-tiny.gif
diff --git a/src/ui/shaded/activity-feed.css b/src/ui/shaded/activity-feed.css
index 3e6375f5f..7a49fe4fe 100755
--- a/src/ui/shaded/activity-feed.css
+++ b/src/ui/shaded/activity-feed.css
@@ -17,7 +17,7 @@
   width: 35px;
   height: 35px;
   
-  background: #EFEFEF url(/images/ui/placeholder-tiny.png) no-repeat center center;
+  background: #EFEFEF url(../images/placeholder-tiny.png) no-repeat center center;
 
   -webkit-box-shadow: -1px -1px 0 #F0F0F0 inset;
   -moz-box-shadow: -1px -1px 0 #F0F0F0 inset;
diff --git a/src/ui/shaded/button.css b/src/ui/shaded/button.css
index 11f6e8d36..29620c4d9 100755
--- a/src/ui/shaded/button.css
+++ b/src/ui/shaded/button.css
@@ -6,6 +6,10 @@
  Standard Button
 ---------------*/
 
+.ui {
+  font-family: "Helvetica Neue", Arial, sans-serif;
+}
+
 /* Normal */
 .ui.button {
   cursor: pointer;
@@ -266,12 +270,14 @@
 }
 
 /* Button attached to a form element */
+
 input + .ui.attached.button {
+  display: inline-block;
   min-width: 40px;
-  float: left;
   margin: 0px 0px 0px -15px;
   height: 14px;
   padding: 8px 15px;
+  border: 1px solid #D0D0D0;
 
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
@@ -280,6 +286,13 @@ input + .ui.attached.button {
   -webkit-border-radius: 0px 5px 5px 0px;
   -moz-border-radius: 0px 5px 5px 0px;
   border-radius: 0px 5px 5px 0px;
+
+  vertical-align: top;
+}
+input + .ui.attached.button.down {
+  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3) inset;
+  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3) inset;
+  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3) inset;
 }
 .ui.attached.button.loading,
 .ui.attached.button.loading.hover {
@@ -290,18 +303,17 @@ input + .ui.attached.button {
     Wrapping Style
 --------------------*/
 
-.ui.button.wrapping {
+.ui.button.attached {
   display: block;
 }
-
-.ui.button.wrapping.top {
+.ui.button.attached.top {
   margin-left: -1px;
   margin-right: -1px;
   -webkit-border-radius: 5px 5px 0px 0px;
   -moz-border-radius: 5px 5px 0px 0px;
   border-radius: 5px 5px 0px 0px;
 }
-.ui.button.wrapping.bottom {
+.ui.button.attached.bottom {
   margin-left: -1px;
   margin-right: -1px;
   -webkit-border-radius: 0px 0px 5px 5px;
@@ -309,6 +321,81 @@ input + .ui.attached.button {
   border-radius: 0px 0px 5px 5px;
 }
 
+.attached.ui.buttons {
+  margin: 0px;
+  -webkit-border-radius: 4px 4px 0px 0px;
+  -moz-border-radius: 4px 4px 0px 0px;
+  border-radius: 4px 4px 0px 0px;
+}
+.attached.ui.buttons .button:first-child {
+  -webkit-border-radius: 4px 0px 0px 0px;
+  -moz-border-radius: 4px 0px 0px 0px;
+  border-radius: 4px 0px 0px 0px;
+}
+.attached.ui.buttons .button:last-child {
+  -webkit-border-radius: 0px 4px 0px 0px;
+  -moz-border-radius: 0px 4px 0px 0px;
+  border-radius: 0px 4px 0px 0px;
+}
+
+/* Bottom Side */
+.bottom.attached.ui.buttons {
+  margin-top: -1px;
+  -webkit-border-radius: 0px 0px 4px 4px;
+  -moz-border-radius: 0px 0px 4px 4px;
+  border-radius: 0px 0px 4px 4px;
+}
+.bottom.attached.ui.buttons .button:first-child {
+  -webkit-border-radius: 0px 0px 0px 4px;
+  -moz-border-radius: 0px 0px 0px 4px;
+  border-radius: 0px 0px 0px 4px;
+}
+.bottom.attached.ui.buttons .button:last-child {
+  -webkit-border-radius: 0px 0px 4px 0px;
+  -moz-border-radius: 0px 0px 4px 0px;
+  border-radius: 0px 0px 4px 0px;
+}
+
+/* Left Side */
+.left.attached.ui.buttons {
+  margin-left: -1px;
+  -webkit-border-radius: 0px 4px 4px 0px;
+  -moz-border-radius: 0px 4px 4px 0px;
+  border-radius: 0px 4px 4px 0px;
+}
+.left.attached.ui.buttons .button:first-child {
+  margin-left: -1px;
+  -webkit-border-radius: 0px 4px 0px 0px;
+  -moz-border-radius: 0px 4px 0px 0px;
+  border-radius: 0px 4px 0px 0px;
+}
+.left.attached.ui.buttons .button:last-child {
+  margin-left: -1px;
+  -webkit-border-radius: 0px 0px 4px 0px;
+  -moz-border-radius: 0px 0px 4px 0px;
+  border-radius: 0px 0px 4px 0px;
+}
+/* Right Side */
+.right.attached.ui.buttons,
+.right.attached.ui.buttons .button {
+  margin-right: -1px;
+  -webkit-border-radius: 4px 0px 0px 4px;
+  -moz-border-radius: 4px 0px 0px 4px;
+  border-radius: 4px 0px 0px 4px;
+}
+.right.attached.ui.buttons .button:first-child {
+  margin-left: -1px;
+  -webkit-border-radius: 4px 0px 0px 0px;
+  -moz-border-radius: 4px 0px 0px 0px;
+  border-radius: 4px 0px 0px 0px;
+}
+.right.attached.ui.buttons .button:last-child {
+  margin-left: -1px;
+  -webkit-border-radius: 0px 0px 0px 4px;
+  -moz-border-radius: 0px 0px 0px 4px;
+  border-radius: 0px 0px 0px 4px;
+}
+
 
 /*******************************
             Colors
@@ -873,13 +960,13 @@ input + .ui.attached.button {
   height: 100%;
   content: '';
   /* standard */
-  background: url(/images/ui/throbber-blue-tiny.gif) no-repeat 50% 50%;
+  background: url(../images/throbber-blue-tiny.gif) no-repeat 50% 50%;
   /* css 3 multi image */
-  background-image: url(/images/ui/throbber-blue-tiny.gif), -webkit-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
-  background-image: url(/images/ui/throbber-blue-tiny.gif), -moz-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
-  background-image: url(/images/ui/throbber-blue-tiny.gif), -o-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
-  background-image: url(/images/ui/throbber-blue-tiny.gif), -ms-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
-  background-image: url(/images/ui/throbber-blue-tiny.gif), linear-gradient(top, #22C1FC 0%, #1995FB 100%);
+  background-image: url(../images/throbber-blue-tiny.gif), -webkit-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
+  background-image: url(../images/throbber-blue-tiny.gif), -moz-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
+  background-image: url(../images/throbber-blue-tiny.gif), -o-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
+  background-image: url(../images/throbber-blue-tiny.gif), -ms-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
+  background-image: url(../images/throbber-blue-tiny.gif), linear-gradient(top, #22C1FC 0%, #1995FB 100%);
   background-position: 50% 50%, 0px 0px;
   background-repeat: no-repeat, repeat;
 
@@ -896,13 +983,13 @@ input + .ui.attached.button {
 .ui.button.active.loading:after {
   background-color: #FAFAFA;
   /* standard */
-  background: url(/images/ui/throbber-tiny.gif) no-repeat 50% 50%;
+  background: url(../images/throbber-tiny.gif) no-repeat 50% 50%;
   /* css 3 multi image */
-  background-image: url(/images/ui/throbber-tiny.gif), -webkit-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
-  background-image: url(/images/ui/throbber-tiny.gif), -moz-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
-  background-image: url(/images/ui/throbber-tiny.gif), -o-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
-  background-image: url(/images/ui/throbber-tiny.gif), -ms-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
-  background-image: url(/images/ui/throbber-tiny.gif), linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
+  background-image: url(../images/throbber-tiny.gif), -webkit-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
+  background-image: url(../images/throbber-tiny.gif), -moz-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
+  background-image: url(../images/throbber-tiny.gif), -o-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
+  background-image: url(../images/throbber-tiny.gif), -ms-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
+  background-image: url(../images/throbber-tiny.gif), linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
   background-position: 50% 50%, 0px 0px;
   background-repeat: no-repeat, repeat;
 }
@@ -911,31 +998,31 @@ input + .ui.attached.button {
 
 /* blue */
 .ui.huge.button.loading:after {
-  background-image: url(/images/ui/throbber-blue-small.gif), -webkit-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
-  background-image: url(/images/ui/throbber-blue-small.gif), -moz-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
-  background-image: url(/images/ui/throbber-blue-small.gif), -o-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
-  background-image: url(/images/ui/throbber-blue-small.gif), -ms-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
-  background-image: url(/images/ui/throbber-blue-small.gif), linear-gradient(top, #22C1FC 0%, #1995FB 100%);
+  background-image: url(../images/throbber-blue-small.gif), -webkit-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
+  background-image: url(../images/throbber-blue-small.gif), -moz-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
+  background-image: url(../images/throbber-blue-small.gif), -o-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
+  background-image: url(../images/throbber-blue-small.gif), -ms-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
+  background-image: url(../images/throbber-blue-small.gif), linear-gradient(top, #22C1FC 0%, #1995FB 100%);
 }
 .ui.massive.buttons .button.loading:after,
 .ui.gigantic.buttons .button.loading:after,
 .ui.massive.button.loading:after,
 .ui.gigantic.button.loading:after {
-  background-image: url(/images/ui/throbber-blue-medium.gif), -webkit-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
-  background-image: url(/images/ui/throbber-blue-medium.gif), -moz-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
-  background-image: url(/images/ui/throbber-blue-medium.gif), -o-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
-  background-image: url(/images/ui/throbber-blue-medium.gif), -ms-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
-  background-image: url(/images/ui/throbber-blue-medium.gif), linear-gradient(top, #22C1FC 0%, #1995FB 100%);
+  background-image: url(../images/throbber-blue-medium.gif), -webkit-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
+  background-image: url(../images/throbber-blue-medium.gif), -moz-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
+  background-image: url(../images/throbber-blue-medium.gif), -o-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
+  background-image: url(../images/throbber-blue-medium.gif), -ms-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
+  background-image: url(../images/throbber-blue-medium.gif), linear-gradient(top, #22C1FC 0%, #1995FB 100%);
 }
 
 /* grey */
 .ui.huge.grey.button.loading:after,
 .ui.huge.button.loading.active:after {
-  background-image: url(/images/ui/throbber-small.gif), -webkit-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
-  background-image: url(/images/ui/throbber-small.gif), -moz-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
-  background-image: url(/images/ui/throbber-small.gif), -o-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
-  background-image: url(/images/ui/throbber-small.gif), -ms-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
-  background-image: url(/images/ui/throbber-small.gif), linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
+  background-image: url(../images/throbber-small.gif), -webkit-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
+  background-image: url(../images/throbber-small.gif), -moz-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
+  background-image: url(../images/throbber-small.gif), -o-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
+  background-image: url(../images/throbber-small.gif), -ms-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
+  background-image: url(../images/throbber-small.gif), linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
 }
 .ui.massive.grey.buttons .button.loading:after,
 .ui.gigantic.grey.buttons .button.loading:after,
@@ -945,11 +1032,11 @@ input + .ui.attached.button {
 .ui.gigantic.grey.buttons .button.loading.active:after,
 .ui.massive.button.loading.active:after,
 .ui.gigantic.button.loading.active:after {
-  background-image: url(/images/ui/throbber-medium.gif), -webkit-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
-  background-image: url(/images/ui/throbber-medium.gif), -moz-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
-  background-image: url(/images/ui/throbber-medium.gif), -o-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
-  background-image: url(/images/ui/throbber-medium.gif), -ms-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
-  background-image: url(/images/ui/throbber-medium.gif), linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
+  background-image: url(../images/throbber-medium.gif), -webkit-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
+  background-image: url(../images/throbber-medium.gif), -moz-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
+  background-image: url(../images/throbber-medium.gif), -o-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
+  background-image: url(../images/throbber-medium.gif), -ms-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
+  background-image: url(../images/throbber-medium.gif), linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
 }
 
 
@@ -990,13 +1077,13 @@ input + .ui.attached.button {
   height: 100%;
   content: '';
   /* standard */
-  background: #EE141D url(/images/ui/button-error.gif) no-repeat 50% 50%;
+  background: #EE141D url(../images/button-error.gif) no-repeat 50% 50%;
   /* css 3 multi image */
-  background-image: url(/images/ui/button-error.gif), -webkit-linear-gradient(top, #F36666 0px, #C53131 100%);
-  background-image: url(/images/ui/button-error.gif), -moz-linear-gradient(top, #F36666 0px, #C53131 100%);
-  background-image: url(/images/ui/button-error.gif), -o-linear-gradient(top, #F36666 0px, #C53131 100%);
-  background-image: url(/images/ui/button-error.gif), -ms-linear-gradient(top, #F36666 0px, #C53131 100%);
-  background-image: url(/images/ui/button-error.gif), linear-gradient(top, #F36666 0px, #C53131 100%);
+  background-image: url(../images/button-error.gif), -webkit-linear-gradient(top, #F36666 0px, #C53131 100%);
+  background-image: url(../images/button-error.gif), -moz-linear-gradient(top, #F36666 0px, #C53131 100%);
+  background-image: url(../images/button-error.gif), -o-linear-gradient(top, #F36666 0px, #C53131 100%);
+  background-image: url(../images/button-error.gif), -ms-linear-gradient(top, #F36666 0px, #C53131 100%);
+  background-image: url(../images/button-error.gif), linear-gradient(top, #F36666 0px, #C53131 100%);
 }
 
 .ui.button.success,
diff --git a/src/ui/shaded/data-grid.css b/src/ui/shaded/data-grid.css
index b308a6035..9f4810c96 100755
--- a/src/ui/shaded/data-grid.css
+++ b/src/ui/shaded/data-grid.css
@@ -38,7 +38,7 @@
   float: left;
   width: 35px;
   height: 35px;
-  background: #EFEFEF url(/images/ui/placeholder-tiny.png) no-repeat center center;
+  background: #EFEFEF url(../images/placeholder-tiny.png) no-repeat center center;
 }
 .ui.data-grid tbody td.who img {
   width: 35px;
diff --git a/src/ui/shaded/form.css b/src/ui/shaded/form.css
index 3048f697e..4879219be 100755
--- a/src/ui/shaded/form.css
+++ b/src/ui/shaded/form.css
@@ -136,7 +136,7 @@
 ---------------------*/
 
 .ui.form input.attached {
-  float: left;
+  width: auto;
 }
 
 .ui.form .date.field > label {
diff --git a/src/ui/shaded/image.css b/src/ui/shaded/image.css
index 114497792..9619de06f 100755
--- a/src/ui/shaded/image.css
+++ b/src/ui/shaded/image.css
@@ -2,7 +2,7 @@
   position: relative;
   display: inline-block;
   border: 1px solid #CCCCCC;
-  background: #F5F5F5 url(/images/ui/placeholder-subtle.png) no-repeat center center;
+  background: #F5F5F5 url(../images/placeholder-subtle.png) no-repeat center center;
 }
 .ui.feature.image img {
   display: block;
diff --git a/src/ui/shaded/notecard.css b/src/ui/shaded/notecard.css
index 663c31c9b..c9d2152e7 100755
--- a/src/ui/shaded/notecard.css
+++ b/src/ui/shaded/notecard.css
@@ -30,7 +30,7 @@
   height: 100%;
   margin-top: 10px;
   padding: 0px 5px 10px;
-  background: url(/images/ui/notecard-stripes.png) repeat;
+  background: url(../images/notecard-stripes.png) repeat;
   line-height: 21px;
 }
 .ui.notecard .stripes h2 {
@@ -49,7 +49,7 @@
   overflow: hidden;
   
   border: 1px solid #DAD8C9;
-  background: #FFFFFF url(/images/ui/placeholder-tiny.png) no-repeat center center;
+  background: #FFFFFF url(../images/placeholder-tiny.png) no-repeat center center;
   padding: 4px;
 }
 .ui.notecard .stripes .image img {
diff --git a/src/ui/shaded/paperclip.css b/src/ui/shaded/paperclip.css
index b2887966f..aa179f433 100755
--- a/src/ui/shaded/paperclip.css
+++ b/src/ui/shaded/paperclip.css
@@ -16,7 +16,7 @@
   position: absolute;
   z-index: 4;
 
-  background: url(/images/ui/paperclip.png) no-repeat;
+  background: url(../images/paperclip.png) no-repeat;
   width: 37px;
   height: 21px;
 }
diff --git a/src/ui/shaded/throbber.css b/src/ui/shaded/throbber.css
index 1de3b0c62..c23b56417 100755
--- a/src/ui/shaded/throbber.css
+++ b/src/ui/shaded/throbber.css
@@ -7,7 +7,7 @@
   display: inline-block;
   width: 32px;
   height: 32px;
-  background: url(/images/ui/throbber-medium.gif) no-repeat;
+  background: url(../images/throbber-medium.gif) no-repeat;
   background-position: 48% 0px;
 }
 .ui.throbber.center {
@@ -22,7 +22,7 @@
 .ui.throbber.large {
   width: 64px;
   height: 64px;
-  background-image: url(/images/ui/throbber-large.gif);
+  background-image: url(../images/throbber-large.gif);
 }
 .ui.throbber.large.center {
   margin: -32px 0px 0px -32px;
@@ -32,7 +32,7 @@
 .ui.throbber.small {
   width: 24px;
   height: 24px;
-  background-image: url(/images/ui/throbber-small.gif);
+  background-image: url(../images/throbber-small.gif);
 }
 .ui.throbber.small.center {
   margin: -12px 0px 0px -12px;
@@ -42,7 +42,7 @@
 .ui.throbber.tiny {
   width: 16px;
   height: 16px;
-  background-image: url(/images/ui/throbber-tiny.gif);
+  background-image: url(../images/throbber-tiny.gif);
 }
 .ui.throbber.tiny.center {
   margin: -8px 0px 0px -8px;
@@ -86,14 +86,14 @@
   color: #FFFFFF
 }
 .ui.throbber.tiny.blue {
-  background-image: url(/images/ui/throbber-blue-tiny.gif);
+  background-image: url(../images/throbber-blue-tiny.gif);
 }
 .ui.throbber.small.blue {
-  background-image: url(/images/ui/throbber-blue-small.gif);
+  background-image: url(../images/throbber-blue-small.gif);
 }
 .ui.throbber.blue {
-  background-image: url(/images/ui/throbber-blue-medium.gif);
+  background-image: url(../images/throbber-blue-medium.gif);
 }
 .ui.throbber.large.blue {
-  background-image: url(/images/ui/throbber-blue-large.gif);
+  background-image: url(../images/throbber-blue-large.gif);
 }
