From 2384a7e0881c15d0ecfd06b2e07ca9a3fea86af7 Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Sat, 26 Jul 2014 13:30:15 -0400
Subject: [PATCH] added sync job database

---
 dashboard-ui/advanced.html                   |   8 +-
 dashboard-ui/css/card.css                    | 224 +++++++++++++++++++
 dashboard-ui/css/chromecast.css              |   3 +-
 dashboard-ui/css/fonts/RobotoBold.woff       | Bin 0 -> 19812 bytes
 dashboard-ui/css/librarybrowser.css          |  21 --
 dashboard-ui/css/librarymenu.css             |  45 ++--
 dashboard-ui/css/notifications.css           |   1 -
 dashboard-ui/css/posteritem.css              |  12 +-
 dashboard-ui/css/site.css                    | 139 ++++--------
 dashboard-ui/dashboard.html                  |   2 +-
 dashboard-ui/dashboardgeneral.html           |   2 +-
 dashboard-ui/dashboardsync.html              |  26 +++
 dashboard-ui/itemdetails.html                |  10 +-
 dashboard-ui/login.html                      |   2 +-
 dashboard-ui/notificationlist.html           |   2 +-
 dashboard-ui/plugincatalog.html              |   2 +-
 dashboard-ui/scripts/dashboardpage.js        |  18 +-
 dashboard-ui/scripts/dashboardsync.js        |  57 +++++
 dashboard-ui/scripts/itemdetailpage.js       |  56 +++--
 dashboard-ui/scripts/librarybrowser.js       |  10 +-
 dashboard-ui/scripts/librarylist.js          |   4 +-
 dashboard-ui/scripts/loginpage.js            |  27 ++-
 dashboard-ui/scripts/mypreferencesdisplay.js |   4 +-
 dashboard-ui/scripts/plugincatalogpage.js    |  35 ++-
 dashboard-ui/scripts/site.js                 |  15 +-
 dashboard-ui/scripts/sync.js                 |  17 +-
 dashboard-ui/serversecurity.html             |   2 +-
 dashboard-ui/useredit.html                   |   4 +-
 dashboard-ui/userimage.html                  |   2 +-
 dashboard-ui/userparentalcontrol.html        |   2 +-
 dashboard-ui/userpassword.html               |   2 +-
 dashboard-ui/userprofiles.html               |   9 +-
 32 files changed, 535 insertions(+), 228 deletions(-)
 create mode 100644 dashboard-ui/css/card.css
 create mode 100644 dashboard-ui/css/fonts/RobotoBold.woff
 create mode 100644 dashboard-ui/dashboardsync.html
 create mode 100644 dashboard-ui/scripts/dashboardsync.js

diff --git a/dashboard-ui/advanced.html b/dashboard-ui/advanced.html
index 82d21d8fb4..fedf70f97d 100644
--- a/dashboard-ui/advanced.html
+++ b/dashboard-ui/advanced.html
@@ -34,10 +34,11 @@
                     <div data-role="collapsible">
                         <h2>${HeaderAutomaticUpdates}</h2>
                         <div>
+                            <br />   
                             <ul data-role="listview" class="ulForm">
                                 <li>
                                     <label for="selectAutomaticUpdateLevel">${LabelAutomaticUpdateLevel}</label>
-                                    <select name="selectAutomaticUpdateLevel" id="selectAutomaticUpdateLevel" data-mini="true">
+                                    <select name="selectAutomaticUpdateLevel" id="selectAutomaticUpdateLevel">
                                         <option value="Release">${OptionRelease}</option>
                                         <option value="Beta">${OptionBeta}</option>
                                         <option value="Dev">${OptionDev}</option>
@@ -59,6 +60,7 @@
                     <div data-role="collapsible">
                         <h2>${HeaderResumeSettings}</h2>
                         <div>
+                            <br />
                             <ul data-role="listview" class="ulForm">
                                 <li>
                                     <label for="txtMinResumePct">${LabelMinResumePercentage}</label>
@@ -87,10 +89,10 @@
                     <br />
                     <ul data-role="listview" class="ulForm">
                         <li>
-                            <button type="submit" data-theme="b" data-icon="check" data-mini="true">
+                            <button type="submit" data-theme="b" data-icon="check">
                                 ${ButtonSave}
                             </button>
-                            <button type="button" onclick="Dashboard.navigate('dashboard.html');" data-icon="delete" data-mini="true">
+                            <button type="button" onclick="Dashboard.navigate('dashboard.html');" data-icon="delete">
                                 ${ButtonCancel}
                             </button>
                         </li>
diff --git a/dashboard-ui/css/card.css b/dashboard-ui/css/card.css
new file mode 100644
index 0000000000..5e8756d0f7
--- /dev/null
+++ b/dashboard-ui/css/card.css
@@ -0,0 +1,224 @@
+.card {
+    display: inline-block;
+    text-align: left;
+    -webkit-transition: all 500ms ease;
+    -moz-transition: all 500ms ease;
+    -o-transition: all 500ms ease;
+    -ms-transition: all 500ms ease;
+    transition: all 500ms ease;
+    position: relative;
+}
+
+.cardBox {
+    margin: 4px 4px;
+}
+
+.visualCardBox {
+    padding: 5px;
+    -moz-border-radius: 2px;
+    -webkit-border-radius: 2px;
+    border-radius: 2px;
+    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+    -ms-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+    background: #fff;
+}
+
+.cardScalable {
+    position: relative;
+}
+
+.card-16-9 .cardPadder {
+    padding-bottom: 56.25%;
+}
+
+.card-1-1 .cardPadder {
+    padding-bottom: 100%;
+}
+
+.card-4-3 .cardPadder {
+    padding-bottom: 75%;
+}
+
+.card-3-2 .cardPadder {
+    padding-bottom: 66.666666666667%;
+}
+
+.cardContent {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+}
+
+    .cardContent:hover {
+        -moz-box-shadow: 0 0 0 5px #38c;
+        -webkit-box-shadow: 0 0 0 5px #38c;
+        box-shadow: 0 0 0 5px #38c;
+    }
+
+.cardBox .cardContent:hover {
+    -moz-box-shadow: none;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+.cardContent:hover .cardImage {
+    opacity: .5;
+}
+
+/*.preview-overlay-container {
+    -moz-border-radius: 2px;
+    -webkit-border-radius: 2px;
+    border-radius: 2px;
+    -moz-opacity: 0;
+    opacity: 0;
+    filter: alpha(opacity=0);
+    -webkit-transition: all .25s ease;
+    -moz-transition: all .25s ease;
+    -o-transition: all .25s ease;
+    transition: all .25s ease;
+    background: rgba(0,0,0,0.4);
+    cursor: pointer;
+    height: 100%;
+    left: 0;
+    position: absolute;
+    top: 0;
+    width: 100%;
+}*/
+
+.cardFooter {
+}
+
+.cardContent .cardFooter {
+    position: absolute;
+    bottom: 0;
+    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.7))); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* IE10+ */
+    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* W3C */
+    left: 0;
+    right: 0;
+    color: #fff;
+}
+
+.cardText {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    text-wrap: none;
+    white-space: nowrap;
+    padding: 5px 4px 4px;
+    text-shadow: none;
+    font-size: 13px;
+    font-weight: 400;
+}
+
+.cardContent .cardText {
+    padding-left: 5px;
+    padding: 0 5px 4px;
+}
+
+@media all and (max-width: 600px) {
+
+    .packageReviewText {
+        display: none;
+    }
+}
+
+.cardImage {
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center bottom;
+    width: 100%;
+    height: 100%;
+}
+
+.card-1-1 {
+    width: 50%;
+}
+
+.card-16-9:not(.manualSize) {
+    width: 50%;
+}
+
+@media all and (min-width: 500px) {
+
+    .card-1-1 {
+        width: 33.3%;
+    }
+}
+
+
+@media all and (min-width: 540px) {
+
+    .card-16-9:not(.manualSize) {
+        width: 33.3%;
+    }
+}
+
+
+@media all and (min-width: 800px) {
+
+    .card-1-1 {
+        width: 25%;
+    }
+}
+
+
+@media all and (min-width: 1000px) {
+
+    .card-1-1 {
+        width: 20%;
+    }
+
+    .card-16-9:not(.manualSize) {
+        width: 25%;
+    }
+}
+
+
+@media all and (min-width: 1200px) {
+
+    .card-1-1 {
+        width: 16.666666666666666666666666666667%;
+    }
+}
+
+
+@media all and (min-width: 1400px) {
+
+    .card-1-1 {
+        width: 14.285714285714285714285714285714%;
+    }
+
+    .card-16-9:not(.manualSize) {
+        width: 20%;
+    }
+}
+
+
+@media all and (min-width: 1600px) {
+
+    .card-1-1 {
+        width: 12.5%;
+    }
+
+    .card-16-9:not(.manualSize) {
+        width: 16.666666666666666666666666666667%;
+    }
+}
+
+.detailPage169Card {
+    width: 50%;
+}
+
+@media all and (min-width: 540px) {
+
+    .detailPage169Card {
+        width: 33.3%;
+    }
+}
\ No newline at end of file
diff --git a/dashboard-ui/css/chromecast.css b/dashboard-ui/css/chromecast.css
index 0e2501745c..cf93771d2e 100644
--- a/dashboard-ui/css/chromecast.css
+++ b/dashboard-ui/css/chromecast.css
@@ -28,8 +28,7 @@
     margin-right: .5em;
     height: 100%;
     position: relative;
-    top: -19px;
-    font-family: "Open Sans";
+    top: -20px;
 }
 
 @media all and (max-width: 800px) {
diff --git a/dashboard-ui/css/fonts/RobotoBold.woff b/dashboard-ui/css/fonts/RobotoBold.woff
new file mode 100644
index 0000000000000000000000000000000000000000..859b60caf4a3560f4f4b3dcecc83271718f1b798
GIT binary patch
literal 19812
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

literal 0
HcmV?d00001

diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css
index 05ae2dceb6..1ec9fe7c86 100644
--- a/dashboard-ui/css/librarybrowser.css
+++ b/dashboard-ui/css/librarybrowser.css
@@ -541,10 +541,6 @@ a.itemTag:hover {
 }
 
 .lblDetailTab {
-    font-size: 14px !important;
-    font-weight: 400 !important;
-    font-family: 'Open Sans';
-    padding: .5em 1em;
     border-color: #1f1f1f !important;
 }
 
@@ -577,22 +573,6 @@ a.itemTag:hover {
     color: #52B54B !important;
 }
 
-.libraryPanelCollapsibleHeader a {
-    font-size: 16px;
-    font-weight: 300 !important;
-    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
-}
-
-.selectedLibraryPanelLink {
-    background: #38c !important;
-}
-
-.libraryPanelLink {
-    font-size: 14px;
-    font-weight: 300 !important;
-    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
-}
-
 .detailImageProgressContainer {
     position: absolute;
     bottom: 10px;
@@ -1237,7 +1217,6 @@ a.itemTag:hover {
         right: 1.3em;
         font-weight: normal;
         font-size: 13px;
-        font-family: "Open Sans";
     }
 
     .itemsListview .ui-li-count {
diff --git a/dashboard-ui/css/librarymenu.css b/dashboard-ui/css/librarymenu.css
index ce92ca2207..f63ef39c5d 100644
--- a/dashboard-ui/css/librarymenu.css
+++ b/dashboard-ui/css/librarymenu.css
@@ -28,7 +28,7 @@
     bottom: 0;
     vertical-align: middle;
     text-align: center;
-    border: 0!important;
+    border: 0 !important;
     outline: none;
     padding: 0 20px;
     cursor: pointer;
@@ -67,11 +67,11 @@
     padding: .5em;
     background-color: #181818;
     border-radius: 5px;
-    height: 14px!important;
+    height: 14px !important;
 }
 
 .barsMenuButton:hover {
-    opacity: 1!important;
+    opacity: 1 !important;
 }
 
 .barsMenuButton img:hover {
@@ -87,7 +87,7 @@
 .libraryMenuButtonText {
     color: #fff !important;
     text-decoration: none;
-    font-weight: 400!important;
+    font-weight: 400 !important;
     font-size: 15px;
     display: inline-block;
     vertical-align: middle;
@@ -127,7 +127,7 @@
 
 .viewMenuLink {
     text-decoration: none;
-    color: #ccc!important;
+    color: #ccc !important;
     padding: 7px .5em 6px;
     display: inline-block;
     vertical-align: middle;
@@ -135,7 +135,7 @@
 
 .viewMenuTextLink:hover {
     background-color: #38c;
-    color: #fff!important;
+    color: #fff !important;
     opacity: 1;
 }
 
@@ -162,9 +162,9 @@
 
 .viewMenuTextLink {
     display: block;
-    padding: .6em .5em .6em 38px!important;
+    padding: .6em .5em .6em 38px !important;
     font-size: 15px;
-    font-weight: 300!important;
+    font-weight: 300 !important;
     font-family: Roboto;
     background-repeat: no-repeat;
     background-size: 14px 14px;
@@ -239,16 +239,16 @@
 }
 
 .selectedMediaFolder {
-    background-color: #52B54B!important;
-    color: #fff!important;
+    background-color: #52B54B !important;
+    color: #fff !important;
 }
 
 .itemDetailPage .selectedMediaFolder {
-    background-color: rgba(51,136,204,.8)!important;
+    background-color: rgba(51,136,204,.8) !important;
 }
 
 .ui-panel.ui-body-b {
-    background-color: #181818;
+    background-color: #222;
 }
 
 .libraryViewNavInner {
@@ -260,30 +260,35 @@
     height: 61px;
 }
 
-.libraryViewNav .ui-btn-active .libraryViewNavLinkContent {
+.libraryViewNav .ui-btn-active {
     border-bottom-color: #38c;
-    color: #fff;
+    color: #fff !important;
 }
 
 .libraryViewNav a {
     display: inline-block;
-    padding: 12px 0 0;
-    color: #eee!important;
+    padding: 12px 0 9px;
+    color: #ddd !important;
     text-decoration: none;
     margin: 0 0;
     position: relative;
     font-weight: normal;
+    border-bottom: 5px solid transparent;
 }
 
     .libraryViewNav a:hover {
-        color: #bbb!important;
+        color: #2ad !important;
     }
 
 .libraryViewNavLinkContent {
-    border-bottom: 5px solid transparent;
     display: inline-block;
-    padding: 2px 1em 11px;
-    color: #ddd;
+    padding: 2px 15px 2px 17px;
+}
+
+.libraryViewNav a+a .libraryViewNavLinkContent {
+    border-left: 1px solid #333;
+    position: relative;
+    left: -2px;
 }
 
 @media all and (max-width: 500px) {
diff --git a/dashboard-ui/css/notifications.css b/dashboard-ui/css/notifications.css
index 6cc1cd99f9..f0bb2becd6 100644
--- a/dashboard-ui/css/notifications.css
+++ b/dashboard-ui/css/notifications.css
@@ -30,7 +30,6 @@
     background-image: linear-gradient(top,#444,#313131);
     color: #fff;
     font-size: 12px;
-    font-family: "Open Sans";
     font-weight: normal;
 }
 
diff --git a/dashboard-ui/css/posteritem.css b/dashboard-ui/css/posteritem.css
index 3c280202fc..79aabb744a 100644
--- a/dashboard-ui/css/posteritem.css
+++ b/dashboard-ui/css/posteritem.css
@@ -283,13 +283,6 @@
     top: 42%;
 }
 
-@media all and (max-width: 600px) {
-
-    .packageReviewText {
-        display: none;
-    }
-}
-
 @media all and (max-width: 1200px) {
 
     .portraitPosterItem .posterItemOverlayInner {
@@ -506,3 +499,8 @@
             height: 240px;
         }
 }
+
+
+.scalableItem {
+    
+}
\ No newline at end of file
diff --git a/dashboard-ui/css/site.css b/dashboard-ui/css/site.css
index 0bfe0e9d62..0a602e6834 100644
--- a/dashboard-ui/css/site.css
+++ b/dashboard-ui/css/site.css
@@ -53,6 +53,12 @@
     font-weight: 500;
     src: local('Roboto Medium'), local('Roboto-Medium'), url(fonts/RobotoMedium.woff) format('woff');
 }
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 700;
+  src: local('Roboto Bold'), local('Roboto-Bold'), url(fonts/RobotoBold.woff) format('woff');
+}
 
 * {
     text-shadow: none!important;
@@ -61,7 +67,7 @@
 body {
     overflow-y: scroll!important;
     font-size: 13px;
-    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
+    font-family: Roboto, Arial, Helvetica, sans-serif;
 }
 
 .bodyWithPopupOpen {
@@ -83,7 +89,7 @@ h1, h1 a {
 }
 
 .ui-loader h1 {
-    font-family: 'Open Sans';
+    font-family: Roboto;
     font-weight: bold!important;
     font-size: 18px;
 }
@@ -105,6 +111,15 @@ h2 {
     font-weight: bold;
 }*/
 
+.ui-btn {
+    font-family: Roboto;
+    font-weight: 500!important;
+}
+
+.ui-listview li h3 {
+    font-weight: 500;
+}
+
 h1 a {
     text-decoration: none;
 }
@@ -217,7 +232,7 @@ h1 .imageLink {
 
 .pageTitle {
     margin-top: 0;
-    font-family: "Open Sans";
+    font-family: Roboto;
 }
 
 .imageButton {
@@ -276,12 +291,10 @@ h1 .imageLink {
 
 .content-secondary {
     z-index: 1000;
-    background: #333;
     border: 0;
-    border-right: 1px solid #ddd;
     display: none;
     text-align: left;
-    width: 25%;
+    width: 220px;
     position: fixed;
     top: 51px;
     left: 0;
@@ -289,25 +302,25 @@ h1 .imageLink {
     margin: 0;
 }
 
-    .content-secondary h1 {
-        margin: 0;
-        padding: 20px 0 25px 20px;
-        color: #fff;
-    }
+.sidebarLinks {
+    margin-top: 2.75em;
+    margin-left: 1em;
+}
 
 .sidebarLinks a {
     display: block;
     padding: .6em 20px .6em 20px;
     text-decoration: none;
-    color: #eee!important;
+    color: #333!important;
     text-shadow: none!important;
-    font-weight: 400!important;
+    font-weight: 500!important;
     font-size: 14px;
+    border-radius: 2px;
 }
 
     .sidebarLinks a:hover {
-        background: #f2f2f2;
-        color: #000!important;
+        background: #52B54B;
+        color: #fff!important;
     }
 
     .sidebarLinks a.selectedSidebarLink {
@@ -318,7 +331,7 @@ h1 .imageLink {
 
 .sidebarDivider {
     height: 1px;
-    background: #444;
+    background: #ddd;
     margin: .25em 0;
 }
 
@@ -341,21 +354,21 @@ h1 .imageLink {
 
 .dashboardPanelDivider {
     height: 1px;
-    background: #444;
+    background: #ddd;
     margin: .25em 0;
 }
 
 .dashboardPanelLink {
-    padding: .6em .5em .6em 1.25em;
+    padding: .7em .5em .7em 1.25em;
     display: block;
     text-decoration: none;
-    color: #fff!important;
+    color: #000!important;
     font-weight: normal !important;
 }
 
     .dashboardPanelLink:hover {
-        background: #f2f2f2;
-        color: #000!important;
+        background: #52B54B;
+        color: #fff!important;
     }
 
 .selectedDashboardPanelLink {
@@ -367,10 +380,6 @@ h1 .imageLink {
     padding: 0;
 }
 
-.dashboardPanel {
-    background: #262626!important;
-}
-
 .appLinks a {
     margin: 0 2px;
 }
@@ -427,10 +436,8 @@ h1 .imageLink {
     }
 
     .content-primary {
-        width: 65%;
-        float: right;
-        padding: 80px 6% 3em 0;
-        margin: 0;
+        padding: 80px 0 3em 0;
+        margin: 0 0 0 270px;
     }
 
         .content-primary ul:first-child {
@@ -445,42 +452,6 @@ h1 .imageLink {
     }
 }
 
-@media all and (min-width: 1200px) {
-
-
-    .content-secondary {
-        width: 20%;
-    }
-
-    .content-primary {
-        width: 70%;
-    }
-}
-
-@media all and (min-width: 1440px) {
-
-
-    .content-secondary {
-        width: 17%;
-    }
-
-    .content-primary {
-        width: 74%;
-    }
-}
-
-@media all and (min-width: 1920px) {
-
-
-    .content-secondary {
-        width: 20%;
-    }
-
-    .content-primary {
-        width: 71%;
-    }
-}
-
 /*
     Media Library Page
     */
@@ -881,11 +852,7 @@ progress {
     }
 
 .activeSession {
-    display: inline-block;
-    position: relative;
-    margin: 4px;
-    width: 275px;
-    height: 154.6875px;
+    width: 50%;
 }
 
 .sessionNowPlayingContent {
@@ -979,12 +946,6 @@ progress {
     bottom: 0;
 }
 
-.activeSession:hover {
-    -moz-box-shadow: 0 0 10px 3px #38c;
-    -webkit-box-shadow: 0 0 10px 3px #38c;
-    box-shadow: 0 0 10px 3px #38c;
-}
-
 .sessionNowPlayingTime {
     color: #fff;
     position: absolute;
@@ -1042,21 +1003,8 @@ progress {
     background-image: -o-linear-gradient( center bottom, rgb(221, 73, 25) 37%, rgb(221, 73, 25) 69% )!important;
 }
 
-@media all and (max-width: 1000px) {
-
-    .activeSession {
-        width: 230px;
-        height: 129.375px;
-    }
-}
-
 @media all and (max-width: 550px) {
 
-    .activeSession {
-        width: 210px;
-        height: 118.125px;
-    }
-
     .sessionAppName {
         max-width: 160px;
     }
@@ -1064,20 +1012,11 @@ progress {
 
 @media all and (max-width: 500px) {
 
-    .activeSession {
-        width: 200px;
-        height: 112.5px;
-    }
-
     .sessionAppName {
         max-width: 150px;
     }
-}
-
-@media all and (max-width: 400px) {
 
     .activeSession {
-        width: 250px;
-        height: 140.625px;
+        width: 100%;
     }
-}
+}
\ No newline at end of file
diff --git a/dashboard-ui/dashboard.html b/dashboard-ui/dashboard.html
index 0686fffb62..21b9226df5 100644
--- a/dashboard-ui/dashboard.html
+++ b/dashboard-ui/dashboard.html
@@ -11,9 +11,9 @@
 
                 <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
                     <a href="#" data-role="button" class="ui-btn-active">${TabDashboard}</a>
-                    <a href="userprofiles.html" data-role="button">${TabUsers}</a>
                     <a href="dashboardgeneral.html" data-role="button">${TabSettings}</a>
                     <a href="serversecurity.html" data-role="button">${TabSecurity}</a>
+                    <a href="dashboardsync.html" data-role="button">${TabSync}</a>
                 </div>
                 <div class="dashboardContent">
                     <div class="readOnlyContent dashboardHomeLeftColumn">
diff --git a/dashboard-ui/dashboardgeneral.html b/dashboard-ui/dashboardgeneral.html
index 8b94204228..db48db431d 100644
--- a/dashboard-ui/dashboardgeneral.html
+++ b/dashboard-ui/dashboardgeneral.html
@@ -11,9 +11,9 @@
 
                 <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
                     <a href="dashboard.html" data-role="button">${TabDashboard}</a>
-                    <a href="userprofiles.html" data-role="button">${TabUsers}</a>
                     <a href="#" data-role="button" class="ui-btn-active">${TabSettings}</a>
                     <a href="serversecurity.html" data-role="button">${TabSecurity}</a>
+                    <a href="dashboardsync.html" data-role="button">${TabSync}</a>
                 </div>
 
                 <form class="dashboardGeneralForm">
diff --git a/dashboard-ui/dashboardsync.html b/dashboard-ui/dashboardsync.html
new file mode 100644
index 0000000000..18dbca76f2
--- /dev/null
+++ b/dashboard-ui/dashboardsync.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>${TitleServer}</title>
+</head>
+<body>
+    <div id="dashboardSyncPage" data-role="page" class="page type-interior dashboardHomePage">
+
+        <div data-role="content">
+            <div class="content-primary">
+
+                <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
+                    <a href="dashboard.html" data-role="button">${TabDashboard}</a>
+                    <a href="dashboardgeneral.html" data-role="button">${TabSettings}</a>
+                    <a href="serversecurity.html" data-role="button">${TabSecurity}</a>
+                    <a href="#" data-role="button" class="ui-btn-active">${TabSync}</a>
+                </div>
+
+                <div class="syncActivity">
+
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/dashboard-ui/itemdetails.html b/dashboard-ui/itemdetails.html
index d24abe4a73..0e4d126c41 100644
--- a/dashboard-ui/itemdetails.html
+++ b/dashboard-ui/itemdetails.html
@@ -206,7 +206,7 @@
                     <div class="detailSectionHeader">
                         ${HeaderAdditionalParts}
                     </div>
-                    <div id="additionalPartsContent" class="detailSectionContent"></div>
+                    <div id="additionalPartsContent" class="detailSectionContent smallItemsContainer"></div>
                 </div>
                 <div id="castCollapsible" style="display: none;" class="detailSection">
                     <div id="peopleHeader" class="detailSectionHeader">
@@ -218,13 +218,13 @@
                     <div class="detailSectionHeader">
                         ${HeaderSpecialFeatures}
                     </div>
-                    <div id="specialsContent" class="detailSectionContent"></div>
+                    <div id="specialsContent" class="detailSectionContent smallItemsContainer"></div>
                 </div>
                 <div id="musicVideosCollapsible" style="display: none;" class="detailSection">
                     <div class="detailSectionHeader">
                         ${HeaderMusicVideos}
                     </div>
-                    <div id="musicVideosContent" class="detailSectionContent"></div>
+                    <div id="musicVideosContent" class="detailSectionContent smallItemsContainer"></div>
                 </div>
                 <div id="soundtracksCollapsible" style="display: none;" class="detailSection">
                     <div id="soundtracksHeader" class="detailSectionHeader">
@@ -259,7 +259,7 @@
                         ${HeaderScenes}
                         <a class="detailSectionHeaderButton" href="metadataadvanced.html" data-role="button" data-icon="gear" data-iconpos="notext" data-inline="true" title="${ButtonSettings}">${ButtonSettings}</a>
                     </div>
-                    <div id="scenesContent" class="detailSectionContent"></div>
+                    <div id="scenesContent" class="detailSectionContent smallItemsContainer"></div>
                 </div>
                 <div id="themeSongsCollapsible" style="display: none;" class="detailSection">
                     <div class="detailSectionHeader">
@@ -272,7 +272,7 @@
                     <div class="detailSectionHeader">
                         ${HeaderThemeVideos}
                     </div>
-                    <div id="themeVideosContent" class="detailSectionContent"></div>
+                    <div id="themeVideosContent" class="detailSectionContent smallItemsContainer"></div>
                 </div>
             </div>
         </div>
diff --git a/dashboard-ui/login.html b/dashboard-ui/login.html
index ea6541e34c..89631bff7b 100644
--- a/dashboard-ui/login.html
+++ b/dashboard-ui/login.html
@@ -30,7 +30,7 @@
             </form>
 
             <div class="visualLoginForm" style="display: none; text-align: center;">
-                <div id="divUsers"></div>
+                <div id="divUsers" class="itemsContainer"></div>
 
                 <p class="localhostMessage" style="text-align: center; display: none;">${PasswordLocalhostMessage}</p>
                 
diff --git a/dashboard-ui/notificationlist.html b/dashboard-ui/notificationlist.html
index 4b8be1f30c..ab64dfaa93 100644
--- a/dashboard-ui/notificationlist.html
+++ b/dashboard-ui/notificationlist.html
@@ -20,7 +20,7 @@
                     <div class="notificationsList" style="margin-top: 1em;">
                     </div>
                     
-                    <p style="display:none;" class="btnMarkReadContainer"><button class="btnMarkRead" type="button" data-icon="check" data-mini="true">${ButtonMarkRead}</button></p>
+                    <p style="display:none;" class="btnMarkReadContainer"><button class="btnMarkRead" type="button" data-icon="check">${ButtonMarkRead}</button></p>
 
                 </div>
             </div>
diff --git a/dashboard-ui/plugincatalog.html b/dashboard-ui/plugincatalog.html
index e62fba706f..590c1f6af4 100644
--- a/dashboard-ui/plugincatalog.html
+++ b/dashboard-ui/plugincatalog.html
@@ -38,7 +38,7 @@
                     <div style="text-align: center; margin: 10px;">${MessageNoAvailablePlugins}</div>
                 </div>
 
-                <div id="pluginTiles"></div>
+                <div id="pluginTiles" class="itemsContainer" style="text-align:left;"></div>
 
             </div>
         </div>
diff --git a/dashboard-ui/scripts/dashboardpage.js b/dashboard-ui/scripts/dashboardpage.js
index 8d6e37576d..9018b59372 100644
--- a/dashboard-ui/scripts/dashboardpage.js
+++ b/dashboard-ui/scripts/dashboardpage.js
@@ -227,7 +227,7 @@
 
         var parentElement = $('.activeDevices', page);
 
-        $('.activeSession', parentElement).addClass('deadSession');
+        $('.card', parentElement).addClass('deadSession');
 
         for (var i = 0, length = sessions.length; i < length; i++) {
 
@@ -244,7 +244,7 @@
 
             var nowPlayingItem = session.NowPlayingItem;
 
-            var className = nowPlayingItem ? 'playingSession activeSession' : 'activeSession';
+            var className = nowPlayingItem ? 'card card-16-9 activeSession manualSize' : 'card card-16-9 activeSession manualSize';
 
             if (session.TranscodingInfo && session.TranscodingInfo.CompletionPercentage) {
                 className += ' transcodingSession';
@@ -252,6 +252,12 @@
 
             html += '<div class="' + className + '" id="' + rowId + '">';
 
+            html += '<div class="cardBox">';
+            html += '<div class="cardScalable">';
+
+            html += '<div class="cardPadder"></div>';
+            html += '<div class="cardContent">';
+
             html += '<div class="sessionNowPlayingContent"';
 
             var imgUrl = DashboardPage.getNowPlayingImageUrl(nowPlayingItem);
@@ -332,9 +338,17 @@
             } else {
                 html += '<div class="sessionTranscodingFramerate"></div>';
             }
+            html += '</div>';
 
             html += '</div>';
 
+            // cardScalable
+            html += '</div>';
+
+            // cardBox
+            html += '</div>';
+
+            // card
             html += '</div>';
 
         }
diff --git a/dashboard-ui/scripts/dashboardsync.js b/dashboard-ui/scripts/dashboardsync.js
new file mode 100644
index 0000000000..f4f4b6c27c
--- /dev/null
+++ b/dashboard-ui/scripts/dashboardsync.js
@@ -0,0 +1,57 @@
+(function () {
+
+    function getSyncTargetName(targets, id) {
+
+        var target = targets.filter(function (t) {
+
+            return t.Id == id;
+        })[0];
+
+        return target ? target.Name : 'Unknown Device';
+    }
+
+    function loadData(page, jobs, targets) {
+
+        var html = '';
+        var lastTargetName = '';
+
+        for (var i = 0, length = jobs.length; i < length; i++) {
+
+            var job = jobs[i];
+            var targetName = getSyncTargetName(targets, job.TargetId);
+
+            if (targetName != lastTargetName) {
+                html += '<p style="font-size: 24px; border-bottom: 1px solid #ddd; margin: .5em 0; font-weight:300;">' + targetName + '</p>';
+
+                lastTargetName = targetName;
+            }
+        }
+
+        $('.syncActivity', page).html(html).trigger('create');
+    }
+
+    $(document).on('pageshow', "#dashboardSyncPage", function () {
+
+        Dashboard.showLoadingMsg();
+
+        var page = this;
+
+        var promise1 = ApiClient.getJSON(ApiClient.getUrl('Sync/Jobs'));
+
+        var promise2 = ApiClient.getJSON(ApiClient.getUrl('Sync/Targets'));
+
+        $.when(promise1, promise2).done(function (response1, response2) {
+
+            loadData(page, response1[0].Items, response2[0]);
+
+            Dashboard.hideLoadingMsg();
+
+        });
+
+    }).on('pageinit', "#dashboardSyncPage", function () {
+
+        var page = this;
+
+    });
+
+})();
\ No newline at end of file
diff --git a/dashboard-ui/scripts/itemdetailpage.js b/dashboard-ui/scripts/itemdetailpage.js
index 5aecc6f663..d0b6a82aa2 100644
--- a/dashboard-ui/scripts/itemdetailpage.js
+++ b/dashboard-ui/scripts/itemdetailpage.js
@@ -249,7 +249,7 @@
         else if (context == 'movies' || item.Type == 'Movie') {
             elem = $('#movieTabs', page).show();
             $('a', elem).removeClass('ui-btn-active');
-            
+
             if (item.Type == 'BoxSet') {
                 $('.lnkCollections', page).addClass('ui-btn-active');
             } else {
@@ -1101,7 +1101,10 @@
 
             var onclick = item.PlayAccess == 'Full' ? ' onclick="ItemDetailPage.play(' + chapter.StartPositionTicks + ');"' : '';
 
-            html += '<a class="posterItem smallBackdropPosterItem" href="#play-Chapter-' + i + '"' + onclick + '>';
+            html += '<a class="card card-16-9 manualSize detailPage169Card" href="#play-Chapter-' + i + '"' + onclick + '>';
+
+            html += '<div class="cardBox">';
+            html += '<div class="cardScalable">';
 
             var imgUrl;
 
@@ -1117,15 +1120,27 @@
                 imgUrl = "css/images/items/list/chapter.png";
             }
 
-            html += '<div class="posterItemImage" style="background-image:url(\'' + imgUrl + '\');"></div>';
+            html += '<div class="cardPadder"></div>';
 
-            html += '<div class="posterItemTextOverlay">';
-            html += '<div class="posterItemText">' + chapterName + '</div>';
-            html += '<div class="posterItemText">';
+            html += '<div class="cardContent">';
+            html += '<div class="cardImage" style="background-image:url(\'' + imgUrl + '\');"></div>';
 
+            html += '<div class="cardFooter">';
+            html += '<div class="cardText">' + chapterName + '</div>';
+            html += '<div class="cardText">';
             html += Dashboard.getDisplayTime(chapter.StartPositionTicks);
-
             html += '</div>';
+
+            //cardFooter
+            html += "</div>";
+
+            // cardContent
+            html += '</div>';
+
+            // cardScalable
+            html += '</div>';
+
+            // cardBox
             html += '</div>';
 
             html += '</a>';
@@ -1291,7 +1306,7 @@
 
             var item = items[i];
 
-            var cssClass = "posterItem smallBackdropPosterItem";
+            var cssClass = "card card-16-9 manualSize detailPage169Card";
 
             var href = "itemdetails.html?id=" + item.Id;
 
@@ -1299,6 +1314,9 @@
 
             html += '<a class="' + cssClass + '" href="' + href + '"' + onclick + '>';
 
+            html += '<div class="cardBox">';
+            html += '<div class="cardScalable">';
+
             var imageTags = item.ImageTags || {};
 
             var imgUrl;
@@ -1315,12 +1333,14 @@
                 imgUrl = "css/images/items/detail/video.png";
             }
 
-            html += '<div class="posterItemImage" style="background-image:url(\'' + imgUrl + '\');"></div>';
+            html += '<div class="cardPadder"></div>';
 
-            html += '<div class="posterItemTextOverlay">';
-            html += '<div class="posterItemText">' + item.Name + '</div>';
-            html += '<div class="posterItemText">';
+            html += '<div class="cardContent">';
+            html += '<div class="cardImage" style="background-image:url(\'' + imgUrl + '\');"></div>';
 
+            html += '<div class="cardFooter">';
+            html += '<div class="cardText">' + item.Name + '</div>';
+            html += '<div class="cardText">';
             if (item.RunTimeTicks != "") {
                 html += Dashboard.getDisplayTime(item.RunTimeTicks);
             }
@@ -1328,10 +1348,20 @@
                 html += "&nbsp;";
             }
             html += '</div>';
+
+            //cardFooter
+            html += "</div>";
+
+            // cardContent
+            html += '</div>';
+
+            // cardScalable
+            html += '</div>';
+
+            // cardBox
             html += '</div>';
 
             html += '</a>';
-
         }
 
         if (limit && items.length > limit) {
diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js
index 724827df6e..77649d60e4 100644
--- a/dashboard-ui/scripts/librarybrowser.js
+++ b/dashboard-ui/scripts/librarybrowser.js
@@ -564,11 +564,15 @@
             return '';
         },
 
+        getUserDataCssClass: function(key) {
+            return 'libraryItemUserData' + key;
+        },
+
         getListViewHtml: function (options) {
 
             var outerHtml = "";
 
-            outerHtml += '<ul data-role="listview" data-inset="true" class="itemsListview">';
+            outerHtml += '<ul data-role="listview" class="itemsListview">';
 
             var index = 0;
             var groupTitle = '';
@@ -593,7 +597,7 @@
                 var cssClass = 'ui-li-has-thumb listItem';
 
                 if (item.UserData) {
-                    cssClass += ' libraryItemUserData' + item.UserData.Key;
+                    cssClass += ' ' + LibraryBrowser.getUserDataCssClass(item.UserData.Key);
                 }
 
                 var href = LibraryBrowser.getHref(item, options.context);
@@ -987,7 +991,7 @@
                 var href = options.linkItem === false ? '#' : LibraryBrowser.getHref(item, options.context);
 
                 if (item.UserData) {
-                    cssClass += ' libraryItemUserData' + item.UserData.Key;
+                    cssClass += ' ' + LibraryBrowser.getUserDataCssClass(item.UserData.Key);
                 }
 
                 if (options.showChildCountIndicator && item.ChildCount) {
diff --git a/dashboard-ui/scripts/librarylist.js b/dashboard-ui/scripts/librarylist.js
index fd2f363bed..7bdc436a4c 100644
--- a/dashboard-ui/scripts/librarylist.js
+++ b/dashboard-ui/scripts/librarylist.js
@@ -688,7 +688,9 @@
 
     function onUserDataChanged(userData) {
 
-        $('.libraryItemUserData' + userData.Key).each(function () {
+        var cssClass = LibraryBrowser.getUserDataCssClass(userData.Key);
+
+        $('.' + cssClass).each(function () {
 
             this.setAttribute('data-positionticks', (userData.PlaybackPositionTicks || 0));
 
diff --git a/dashboard-ui/scripts/loginpage.js b/dashboard-ui/scripts/loginpage.js
index f0caf056a7..4df2b61ef1 100644
--- a/dashboard-ui/scripts/loginpage.js
+++ b/dashboard-ui/scripts/loginpage.js
@@ -126,30 +126,37 @@
         for (var i = 0, length = users.length; i < length; i++) {
             var user = users[i];
 
-            var linkId = "lnkUser" + i;
+            html += '<div class="card card-1-1"><div class="cardBox visualCardBox">';
 
-            html += "<a class='posterItem squarePosterItem' id='" + linkId + "' data-haspw='" + user.HasPassword + "' data-username='" + user.Name + "' data-userid='" + user.Id + "' href='#' data-ajax='false' \">";
+            html += '<div class="cardScalable">';
+
+            html += '<div class="cardPadder"></div>';
+            html += '<a class="cardContent" href="#" data-ajax="false" data-haspw="' + user.HasPassword + '" data-username="' + user.Name + '" data-userid="' + user.Id + '">';
 
             if (user.PrimaryImageTag) {
 
                 var imgUrl = ApiClient.getUserImageUrl(user.Id, {
-                    width: 500,
+                    width: 300,
                     tag: user.PrimaryImageTag,
                     type: "Primary"
                 });
 
-                html += '<div class="posterItemImage" style="background-image:url(\'' + imgUrl + '\');"></div>';
+                html += '<div class="cardImage" style="background-image:url(\'' + imgUrl + '\');"></div>';
             }
             else {
 
                 var background = LibraryBrowser.getMetroColor(user.Id);
 
-                html += '<div class="posterItemImage" style="background-color:' + background + ';"></div>';
+                html += '<div class="cardImage" style="background-color:' + background + ';"></div>';
             }
 
-            html += '<div class="posterItemText" style="color:#000;">' + user.Name + '</div>';
+            html += '</a>';
+            html += '</div>';
 
-            html += '<div class="posterItemText" style="color:#000;">';
+            html += '<div class="cardFooter">';
+            html += '<div class="cardText">' + user.Name + '</div>';
+
+            html += '<div class="cardText">';
             var lastSeen = LoginPage.getLastSeenText(user.LastActivityDate);
             if (lastSeen != "") {
                 html += lastSeen;
@@ -158,13 +165,15 @@
                 html += "&nbsp;";
             }
             html += '</div>';
+            html += '</div>';
+            html += '</div>';
 
-            html += '</a>';
+            html += '</div>';
         }
 
         var elem = $('#divUsers', '#loginPage').html(html);
 
-        $('.posterItem', elem).on('click', function () {
+        $('a', elem).on('click', function () {
 
             var name = this.getAttribute('data-username');
             var haspw = this.getAttribute('data-haspw');
diff --git a/dashboard-ui/scripts/mypreferencesdisplay.js b/dashboard-ui/scripts/mypreferencesdisplay.js
index d6afe49dc3..84f5f018d6 100644
--- a/dashboard-ui/scripts/mypreferencesdisplay.js
+++ b/dashboard-ui/scripts/mypreferencesdisplay.js
@@ -24,7 +24,7 @@
                 var isChecked = user.Configuration.ExcludeFoldersFromGrouping.indexOf(i.Id) == -1;
                 var checkedHtml = isChecked ? ' checked="checked"' : '';
 
-                currentHtml += '<input class="chkGroupFolder" data-folderid="' + i.Id + '" type="checkbox" data-mini="true" id="' + id + '"' + checkedHtml + ' />';
+                currentHtml += '<input class="chkGroupFolder" data-folderid="' + i.Id + '" type="checkbox" id="' + id + '"' + checkedHtml + ' />';
 
                 return currentHtml;
 
@@ -57,7 +57,7 @@
                 var isChecked = user.Configuration.DisplayChannelsWithinViews.indexOf(i.Id) != -1;
                 var checkedHtml = isChecked ? ' checked="checked"' : '';
 
-                currentHtml += '<input class="chkGroupChannel" data-channelid="' + i.Id + '" type="checkbox" data-mini="true" id="' + id + '"' + checkedHtml + ' />';
+                currentHtml += '<input class="chkGroupChannel" data-channelid="' + i.Id + '" type="checkbox" id="' + id + '"' + checkedHtml + ' />';
 
                 return currentHtml;
 
diff --git a/dashboard-ui/scripts/plugincatalogpage.js b/dashboard-ui/scripts/plugincatalogpage.js
index 604ddbd9c8..f84d7791f8 100644
--- a/dashboard-ui/scripts/plugincatalogpage.js
+++ b/dashboard-ui/scripts/plugincatalogpage.js
@@ -59,12 +59,18 @@
             var href = plugin.externalUrl ? plugin.externalUrl : "addplugin.html?name=" + encodeURIComponent(plugin.name) + "&guid=" + plugin.guid;
             var target = plugin.externalUrl ? ' target="_blank"' : '';
 
-            html += "<a class='backdropPosterItem posterItem' style='margin: .75em 5px 1em;' href='" + href + "' " + target + ">";
+            html += "<div class='card card-16-9'>";
 
+            html += '<div class="cardBox visualCardBox">';
+            html += '<div class="cardScalable">';
+
+            html += '<div class="cardPadder"></div>';
+
+            html += '<a class="cardContent" href="' + href + '"' + target + '>';
             if (plugin.thumbImage) {
-                html += '<div class="posterItemImage" style="background-image:url(\'' + plugin.thumbImage + '\');background-size:cover;">';
+                html += '<div class="cardImage" style="background-image:url(\'' + plugin.thumbImage + '\');">';
             } else {
-                html += '<div class="posterItemImage defaultPosterItemImage" style="background-image:url(\'css/images/items/list/collection.png\');">';
+                html += '<div class="cardImage" style="background-image:url(\'css/images/items/list/collection.png\');">';
             }
 
             if (plugin.isPremium) {
@@ -76,14 +82,20 @@
             }
             html += "</div>";
 
-            html += "<div class='posterItemText' style='color:#000;'>";
+            // cardContent
+            html += "</a>";
 
+            // cardScalable
+            html += "</div>";
+
+            html += '<div class="cardFooter">';
+
+            html += "<div class='cardText'>";
             html += plugin.name;
-
             html += "</div>";
 
             if (!plugin.isExternal) {
-                html += "<div class='posterItemText packageReviewText' style='color:#000;'>";
+                html += "<div class='cardText packageReviewText'>";
                 html += plugin.price > 0 ? "$" + plugin.price.toFixed(2) : Globalize.translate('LabelFree');
                 html += RatingHelpers.getStoreRatingHtml(plugin.avgRating, plugin.id, plugin.name);
 
@@ -98,7 +110,7 @@
                 return ip.Name == plugin.name;
             })[0];
 
-            html += "<div class='posterItemText' style='color:#000;'>";
+            html += "<div class='cardText'>";
 
             if (installedPlugin) {
                 html += Globalize.translate('LabelVersionInstalled').replace("{0}", installedPlugin.Version);
@@ -107,7 +119,14 @@
             }
             html += "</div>";
 
-            html += "</a>";
+            // cardFooter
+            html += "</div>";
+
+            // cardBox
+            html += "</div>";
+
+            // card
+            html += "</div>";
 
             pluginhtml += html;
 
diff --git a/dashboard-ui/scripts/site.js b/dashboard-ui/scripts/site.js
index ff5c0507e0..88a162801e 100644
--- a/dashboard-ui/scripts/site.js
+++ b/dashboard-ui/scripts/site.js
@@ -601,9 +601,7 @@ var Dashboard = {
 
         if (!sidebar.length) {
 
-            var html = '<div class="content-secondary ui-bar-a toolsSidebar">';
-
-            html += '<br/>';
+            var html = '<div class="content-secondary toolsSidebar">';
 
             html += '<div class="sidebarLinks">';
 
@@ -640,9 +638,9 @@ var Dashboard = {
             // content-secondary
             html += '</div>';
 
-            html += '<div data-role="panel" id="dashboardPanel" class="dashboardPanel" data-position="left" data-display="overlay" data-position-fixed="true" data-theme="b">';
+            html += '<div data-role="panel" id="dashboardPanel" class="dashboardPanel" data-position="left" data-display="overlay" data-position-fixed="true" data-theme="a">';
 
-            html += '<p class="libraryPanelHeader" style="margin: 15px 0 15px 15px;"><a href="index.html" class="imageLink"><img src="css/images/mblogoicon.png" /><span>MEDIA</span><span class="mediaBrowserAccent">BROWSER</span></a></p>';
+            html += '<p class="libraryPanelHeader" style="margin: 15px 0 15px 15px;"><a href="index.html" class="imageLink"><img src="css/images/mblogoicon.png" /><span style="color:#333;">MEDIA</span><span class="mediaBrowserAccent">BROWSER</span></a></p>';
 
             for (i = 0, length = links.length; i < length; i++) {
 
@@ -669,7 +667,8 @@ var Dashboard = {
 
             html += '</div>';
 
-            $(page).append(html).trigger('create');
+            $('.content-primary', page).before(html);
+            $(page).trigger('create');
         }
     },
 
@@ -681,6 +680,10 @@ var Dashboard = {
             name: Globalize.translate('TabServer'),
             href: "dashboard.html",
             selected: page.hasClass("dashboardHomePage")
+        }, {
+            name: Globalize.translate('TabUsers'),
+            href: "userprofiles.html",
+            selected: page.hasClass("userProfilesPage")
         }, {
             name: Globalize.translate('TabLibrary'),
             divider: true,
diff --git a/dashboard-ui/scripts/sync.js b/dashboard-ui/scripts/sync.js
index ed61650a68..071f286c82 100644
--- a/dashboard-ui/scripts/sync.js
+++ b/dashboard-ui/scripts/sync.js
@@ -2,21 +2,22 @@
 
     function submitJob(userId, items, form) {
 
-        var targets = $('.chkSyncTarget:checked', form).get().map(function (c) {
+        var target = $('.radioSync:checked', form).get().map(function (c) {
 
             return c.getAttribute('data-targetid');
-        });
 
-        if (!targets.length) {
+        })[0];
 
-            Dashboard.alert('Please select one or more sync targets.');
+        if (!target) {
+
+            Dashboard.alert('Please select a device to sync to.');
             return;
         }
 
         var options = {
 
             userId: userId,
-            TargetIds: targets.join(','),
+            TargetId: target,
 
             ItemIds: items.map(function (i) {
                 return i.Id;
@@ -34,7 +35,6 @@
 
         }).done(function () {
 
-            $('.syncPanel').panel('close');
         });
     }
 
@@ -61,8 +61,8 @@
 
             html += targets.map(function (t) {
 
-                var targetHtml = '<label for="chkSync' + t.Id + '">' + t.Name + '</label>';
-                targetHtml += '<input class="chkSyncTarget" data-targetid="' + t.Id + '" type="checkbox" id="chkSync' + t.Id + '" />';
+                var targetHtml = '<label for="radioSync' + t.Id + '">' + t.Name + '</label>';
+                targetHtml += '<input class="radioSync" data-targetid="' + t.Id + '" type="radio" id="radioSync' + t.Id + '" />';
 
                 return targetHtml;
 
@@ -109,6 +109,7 @@
     }
 
     function isAvailable(item, user) {
+
         return item.SupportsSync;
     }
 
diff --git a/dashboard-ui/serversecurity.html b/dashboard-ui/serversecurity.html
index 157d554fd8..0607e2ff09 100644
--- a/dashboard-ui/serversecurity.html
+++ b/dashboard-ui/serversecurity.html
@@ -11,9 +11,9 @@
 
                 <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
                     <a href="dashboard.html" data-role="button">${TabDashboard}</a>
-                    <a href="userprofiles.html" data-role="button">${TabUsers}</a>
                     <a href="dashboardgeneral.html" data-role="button">${TabSettings}</a>
                     <a href="#" data-role="button" class="ui-btn-active">${TabSecurity}</a>
+                    <a href="dashboardsync.html" data-role="button">${TabSync}</a>
                 </div>
 
                 <h2 style="margin-top: -10px;">
diff --git a/dashboard-ui/useredit.html b/dashboard-ui/useredit.html
index 5b929ffc9a..876d0bd9a8 100644
--- a/dashboard-ui/useredit.html
+++ b/dashboard-ui/useredit.html
@@ -4,16 +4,16 @@
     <title></title>
 </head>
 <body>
-    <div id="editUserPage" data-role="page" class="page type-interior dashboardHomePage publicUserPage">
+    <div id="editUserPage" data-role="page" class="page type-interior userProfilesPage publicUserPage">
 
         <div data-role="content">
             <div class="content-primary">
 
                 <div data-role="controlgroup" data-type="horizontal" class="localnav serverNavigation" data-mini="true" style="display: none;">
                     <a href="dashboard.html" data-role="button">${TabDashboard}</a>
-                    <a href="userprofiles.html" data-role="button" class="ui-btn-active">${TabUsers}</a>
                     <a href="dashboardgeneral.html" data-role="button">${TabSettings}</a>
                     <a href="serversecurity.html" data-role="button">${TabSecurity}</a>
+                    <a href="dashboardsync.html" data-role="button">${TabSync}</a>
                 </div>
 
                 <div data-role="controlgroup" data-type="horizontal" class="localnav" id="userProfileNavigation" style="display: none;" data-mini="true">
diff --git a/dashboard-ui/userimage.html b/dashboard-ui/userimage.html
index e7c78945e9..351be6c3cd 100644
--- a/dashboard-ui/userimage.html
+++ b/dashboard-ui/userimage.html
@@ -4,7 +4,7 @@
     <title></title>
 </head>
 <body>
-    <div id="userImagePage" data-role="page" class="page type-interior userProfilesConfigurationPage publicUserPage">
+    <div id="userImagePage" data-role="page" class="page type-interior userProfilesPage publicUserPage">
 
         <div data-role="content">
             <div class="content-primary">
diff --git a/dashboard-ui/userparentalcontrol.html b/dashboard-ui/userparentalcontrol.html
index 6f586be79b..df30e3a111 100644
--- a/dashboard-ui/userparentalcontrol.html
+++ b/dashboard-ui/userparentalcontrol.html
@@ -4,7 +4,7 @@
     <title></title>
 </head>
 <body>
-    <div id="userParentalControlPage" data-role="page" class="page type-interior userProfilesConfigurationPage">
+    <div id="userParentalControlPage" data-role="page" class="page type-interior userProfilesPage">
 
         <div data-role="content">
             <div class="content-primary">
diff --git a/dashboard-ui/userpassword.html b/dashboard-ui/userpassword.html
index d63f9d9db5..339b628264 100644
--- a/dashboard-ui/userpassword.html
+++ b/dashboard-ui/userpassword.html
@@ -4,7 +4,7 @@
     <title></title>
 </head>
 <body>
-    <div id="updatePasswordPage" data-role="page" class="page type-interior userProfilesConfigurationPage publicUserPage">
+    <div id="updatePasswordPage" data-role="page" class="page type-interior userProfilesPage publicUserPage">
 
         <div data-role="content">
             <div class="content-primary">
diff --git a/dashboard-ui/userprofiles.html b/dashboard-ui/userprofiles.html
index a5ef1ed8f7..ac985e27ad 100644
--- a/dashboard-ui/userprofiles.html
+++ b/dashboard-ui/userprofiles.html
@@ -1,19 +1,16 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <title>${TitleServer}</title>
+    <title>${TitleUsers}</title>
 </head>
 <body>
-    <div id="userProfilesPage" data-role="page" class="page type-interior dashboardHomePage">
+    <div id="userProfilesPage" data-role="page" class="page type-interior userProfilesPage">
 
         <div data-role="content">
             <div class="content-primary">
-                
+
                 <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
-                    <a href="dashboard.html" data-role="button">${TabDashboard}</a>
                     <a href="#" data-role="button" class="ui-btn-active">${TabUsers}</a>
-                    <a href="dashboardgeneral.html" data-role="button">${TabSettings}</a>
-                    <a href="serversecurity.html" data-role="button">${TabSecurity}</a>
                 </div>
 
                 <div class="readOnlyContent">