diff --git a/dashboard-ui/css/images/items/list/person.png b/dashboard-ui/css/images/items/list/person.png
index 95f10c8f23..d9036eff60 100644
Binary files a/dashboard-ui/css/images/items/list/person.png and b/dashboard-ui/css/images/items/list/person.png differ
diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css
index bfca776d78..6c33a4463d 100644
--- a/dashboard-ui/css/librarybrowser.css
+++ b/dashboard-ui/css/librarybrowser.css
@@ -798,26 +798,26 @@ a.itemTag:hover {
 .posterRibbon {
     display: block;
     position: absolute;
-    top: 0;
-    right: 0;
+    top: 5px;
+    right: 5px;
     text-align: center;
-    padding: 5px 5px;
-    border-bottom-left-radius: 10px;
+    padding: 5px 6px;
+    border-radius: 10px;
     color: #fff;
     background: rgb(0, 143, 187);
     background: rgba(0, 143, 187, .8);
 }
 
 .offlinePosterRibbon {
-    background: rgb(255, 106, 0);
+    background: rgba(248, 58, 34, .8);
 }
 
 .unairedPosterRibbon {
-    background: rgb(208, 107, 100);
+    background: rgba(255, 106, 0, .8);
 }
 
 .missingPosterRibbon {
-    background: rgb(248, 58, 34);
+    background: rgba(248, 58, 34, .8);
 }
 
 .unplayedIndicator {
diff --git a/dashboard-ui/css/mediaplayer.css b/dashboard-ui/css/mediaplayer.css
index 485cc53501..cdea1bb434 100644
--- a/dashboard-ui/css/mediaplayer.css
+++ b/dashboard-ui/css/mediaplayer.css
@@ -27,8 +27,6 @@
     }
 
 .nowPlayingBarImage {
-    border: 1px solid #444!important;
-    padding: 1px;
     vertical-align: bottom;
 }
 
@@ -77,7 +75,7 @@
     z-index: 99998;
     height: auto;
     width: 270px;
-    bottom: 46px;
+    bottom: 45px;
     left: -290px;
     border: 1px solid #666;
     background: #000;
@@ -198,7 +196,7 @@ input[type="range"]::-ms-fill-upper {
     border: 1px solid #999;
     position: absolute;
     z-index: 99999;
-    bottom: 80px;
+    bottom: 78px;
     margin-left: -50px;
     max-height: 300px;
     overflow-y: auto;
@@ -258,11 +256,14 @@ input[type="range"]::-ms-fill-upper {
     text-overflow: ellipsis;
     overflow: hidden;
     padding-left: 5px;
+    font-size: 13px;
+    font-weight: normal;
 }
 
 .mediaFlyoutOptionSecondaryText {
-    font-size: 12px;
-    color: #999;
+    font-size: 13px;
+    color: #333;
+    font-weight: normal;
     margin-top: 3px;
     white-space: nowrap;
     text-overflow: ellipsis;
diff --git a/dashboard-ui/css/site.css b/dashboard-ui/css/site.css
index 3edb84c6be..d44bf878d2 100644
--- a/dashboard-ui/css/site.css
+++ b/dashboard-ui/css/site.css
@@ -651,7 +651,7 @@ h1 .imageLink {
 
 /* Dashboard home */
 .tblConnections td {
-    padding: 1em 0 1em 1.5em;
+    padding: 1em 0 1em 1.25em;
     vertical-align: top;
 }
 
@@ -663,9 +663,12 @@ h1 .imageLink {
     height: 48px;
 }
 
+.nowPlayingText {
+    padding-left: .5em!important;
+}
+
 .clientNowPlayingImage {
-    border: 1px solid #aaa;
-    padding: 1px;
+    height: 52px;
 }
 
 /* Footer */
diff --git a/dashboard-ui/edititemmetadata.html b/dashboard-ui/edititemmetadata.html
index e765029bf7..48abaa1997 100644
--- a/dashboard-ui/edititemmetadata.html
+++ b/dashboard-ui/edititemmetadata.html
@@ -324,13 +324,19 @@
                                 </div>
                             </div>
                         </div>
-                        <div data-role="collapsible" data-mini="true" id="collapsibleSeriesDIsplaySettings" style="display: none;">
+                        <div data-role="collapsible" data-mini="true" id="collapsibleDisplaySettings" style="display: none;">
                             <h3>Display Settings</h3>
                             <div>
-                                <div data-role="fieldcontain">
+                                <div data-role="fieldcontain" id="fldDisplaySpecialsInline" class="fldDisplaySetting">
                                     <label for="chkDisplaySpecialsInline">Display specials within seasons they aired in.</label>
                                     <input data-mini="true" type="checkbox" name="chkDisplaySpecialsInline" id="chkDisplaySpecialsInline" />
                                 </div>
+                                <div data-role="fieldcontain" id="fldDisplayOrder" class="fldDisplaySetting">
+                                    <label for="selectDisplayOrder" id="labelDisplayOrder">Display order:</label>
+                                    <select id="selectDisplayOrder" data-mini="true">
+                                        
+                                    </select>
+                                </div>
                             </div>
                         </div>
                         <div data-role="collapsible" data-mini="true" id="genresCollapsible" style="display: none;">
diff --git a/dashboard-ui/scripts/edititemmetadata.js b/dashboard-ui/scripts/edititemmetadata.js
index b383543b52..42c9bd18a4 100644
--- a/dashboard-ui/scripts/edititemmetadata.js
+++ b/dashboard-ui/scripts/edititemmetadata.js
@@ -665,12 +665,6 @@
             $('#fldMusicBrainzReleaseGroupId', page).hide();
         }
 
-        if (item.Type == "Series") {
-            $('#collapsibleSeriesDIsplaySettings', page).show();
-        } else {
-            $('#collapsibleSeriesDIsplaySettings', page).hide();
-        }
-
         if (item.Type == "Episode") {
             $('#collapsibleDvdEpisodeInfo', page).show();
         } else {
@@ -780,6 +774,32 @@
         } else {
             $('#fldParentIndexNumber', page).hide();
         }
+
+        if (item.Type == "Series") {
+            $('#fldDisplaySpecialsInline', page).show();
+        } else {
+            $('#fldDisplaySpecialsInline', page).hide();
+        }
+
+        if (item.Type == "BoxSet") {
+            $('#fldDisplayOrder', page).show();
+
+            $('#labelDisplayOrder', page).html('Movie display order:');
+            $('#selectDisplayOrder', page).html('<option></option><option value="SortName">Sort Name</option><option value="PremiereDate">Release Date</option>').selectmenu('refresh');
+        } else {
+            $('#fldDisplayOrder', page).hide();
+        }
+
+        var displaySettingFields = $('.fldDisplaySetting', page);
+        if (displaySettingFields.filter(function (index) {
+
+            return displaySettingFields[index].style.display != 'none';
+
+        }).length) {
+            $('#collapsibleDisplaySettings', page).show();
+        } else {
+            $('#collapsibleDisplaySettings', page).hide();
+        }
     }
 
     function fillItemInfo(page, item) {
@@ -850,6 +870,8 @@
         $('#txtAlbum', page).val(item.Album || "");
         $('#txtAlbumArtist', page).val(item.AlbumArtist || "");
 
+        $('#selectDisplayOrder', page).val(item.DisplayOrder || "").selectmenu('refresh');
+
         var artists = item.Artists || [];
         $('#txtArtist', page).val(artists.join(';'));
 
@@ -1116,6 +1138,7 @@
                 AirsAfterSeasonNumber: $('#txtAirsAfterSeason', form).val(),
                 AirsBeforeEpisodeNumber: $('#txtAirsBeforeEpisode', form).val(),
                 ParentIndexNumber: $('#txtParentIndexNumber', form).val(),
+                DisplayOrder: $('#selectDisplayOrder', form).val(),
                 Players: $('#txtPlayers', form).val(),
                 Album: $('#txtAlbum', form).val(),
                 AlbumArtist: $('#txtAlbumArtist', form).val(),
diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js
index b308e6a145..c047ab57db 100644
--- a/dashboard-ui/scripts/librarybrowser.js
+++ b/dashboard-ui/scripts/librarybrowser.js
@@ -1,6 +1,6 @@
 var LibraryBrowser = (function (window, document, $, screen, localStorage) {
 
-    var defaultBackground = "#444";
+    var defaultBackground = "#333";
 
     return {
 
@@ -832,10 +832,9 @@
 
                     if (item.Name && options.showTitle) {
                         imgUrl = 'css/images/items/list/audio.png';
-                        background = defaultBackground;
-                    } else {
-                        background = defaultBackground;
                     }
+                    background = defaultBackground;
+
                 }
                 else if (item.Type == "Recording" || item.Type == "Program") {
 
@@ -849,10 +848,15 @@
 
                     if (item.Name && options.showTitle) {
                         imgUrl = 'css/images/items/list/video.png';
-                        background = defaultBackground;
-                    } else {
-                        background = defaultBackground;
                     }
+                    background = defaultBackground;
+                }
+                else if (item.Type == "Person") {
+
+                    if (item.Name && options.showTitle) {
+                        imgUrl = 'css/images/items/list/person.png';
+                    }
+                    background = defaultBackground;
                 }
                 else {
                     if (item.Name && options.showTitle) {
diff --git a/dashboard-ui/scripts/livetvrecordinglist.js b/dashboard-ui/scripts/livetvrecordinglist.js
index 07342ca5ec..f63508a9b9 100644
--- a/dashboard-ui/scripts/livetvrecordinglist.js
+++ b/dashboard-ui/scripts/livetvrecordinglist.js
@@ -25,7 +25,7 @@
             html += LibraryBrowser.getPosterViewHtml({
 
                 items: result.Items,
-                shape: "square",
+                shape: "backdrop",
                 showTitle: true,
                 showParentTitle: true,
                 overlayText: true,
diff --git a/dashboard-ui/scripts/livetvrecordings.js b/dashboard-ui/scripts/livetvrecordings.js
index a37be9919c..683d6ff7f7 100644
--- a/dashboard-ui/scripts/livetvrecordings.js
+++ b/dashboard-ui/scripts/livetvrecordings.js
@@ -52,7 +52,7 @@
         $('.recordingItems', elem).html(LibraryBrowser.getPosterViewHtml({
             
             items: recordings,
-            shape: "square",
+            shape: "backdrop",
             showTitle: true,
             showParentTitle: true,
             overlayText: true,
@@ -79,7 +79,7 @@
         apiClient.getLiveTvRecordings({
 
             userId: Dashboard.getCurrentUserId(),
-            limit: 15,
+            limit: 12,
             isRecording: false
 
         }).done(function (result) {
diff --git a/dashboard-ui/scripts/mediaplayer.js b/dashboard-ui/scripts/mediaplayer.js
index d5ac238e38..2767dfe0c5 100644
--- a/dashboard-ui/scripts/mediaplayer.js
+++ b/dashboard-ui/scripts/mediaplayer.js
@@ -982,7 +982,7 @@
 
             var href = LibraryBrowser.getHref(item.CurrentProgram || item);
 
-            html += "<div><a href='" + href + "'><img class='nowPlayingBarImage ' alt='' title='' src='" + url + "' style='height:36px;display:inline-block;' /></a></div>";
+            html += "<div><a href='" + href + "'><img class='nowPlayingBarImage ' alt='' title='' src='" + url + "' style='height:40px;display:inline-block;' /></a></div>";
 
             if (item.SeriesName || item.Album || item.CurrentProgram) {
                 html += '<div class="nowPlayingText">' + seriesName + '<br/>' + name + '</div>';
diff --git a/dashboard-ui/scripts/moviepeople.js b/dashboard-ui/scripts/moviepeople.js
index 782b81cf4e..e8fd55a317 100644
--- a/dashboard-ui/scripts/moviepeople.js
+++ b/dashboard-ui/scripts/moviepeople.js
@@ -30,9 +30,14 @@
             var checkSortOption = $('.radioSortBy:checked', page);
             $('.viewSummary', page).html(LibraryBrowser.getViewSummaryHtml(query, checkSortOption)).trigger('create');
 
-            html += LibraryBrowser.getPosterDetailViewHtml({
+            html = LibraryBrowser.getPosterViewHtml({
                 items: result.Items,
-                context: "movies"
+                shape: "portrait",
+                context: 'movies',
+                useAverageAspectRatio: true,
+                showTitle: true,
+                showItemCounts: true,
+                coverImage: true
             });
 
             html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
diff --git a/dashboard-ui/scripts/tvpeople.js b/dashboard-ui/scripts/tvpeople.js
index 783de30f64..1f7cfd97b4 100644
--- a/dashboard-ui/scripts/tvpeople.js
+++ b/dashboard-ui/scripts/tvpeople.js
@@ -30,9 +30,14 @@
             var checkSortOption = $('.radioSortBy:checked', page);
             $('.viewSummary', page).html(LibraryBrowser.getViewSummaryHtml(query, checkSortOption)).trigger('create');
 
-            html += LibraryBrowser.getPosterDetailViewHtml({
+            html = LibraryBrowser.getPosterViewHtml({
                 items: result.Items,
-                context: "tv"
+                shape: "portrait",
+                context: 'tv',
+                useAverageAspectRatio: true,
+                showTitle: true,
+                showItemCounts: true,
+                coverImage: true
             });
 
             html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);