Feature: Job Queues

Also UI style, theme and element changes
2014-02-03 14:50:08 +11:00
parent bdb3e1e6b4
commit 3f63281dc4
212 changed files with 17334 additions and 5441 deletions
@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<bundle minify="true" runOnBuild="true">
-  <file>/ClientSource/Style/normalize.css</file>
-  <file>/ClientSource/Style/jQueryUI/jquery-ui.css</file>
-	<file>/ClientSource/Style/FontAwesome/font-awesome.css</file>
-  <file>/ClientSource/Style/Site.css</file>
-  <file>/ClientSource/Style/jQueryUIExtensions.css</file>
-</bundle>
@@ -0,0 +1,5 @@
+@import "normalize";
+@import "jQueryUI/jquery-ui";
+@import "FontAwesome/font-awesome";
+@import "Site";
+@import "jQueryUIExtensions";
@@ -15,7 +15,10 @@
  border: solid 1px #f4f4f4;
 }
 .tableData > tbody > tr:hover > td {
-  background-color: #f4f4f4;
+  background-color: #fefefe;
+}
+.tableData > tbody > tr:hover:nth-child(odd) > td {
+  background-color: #fafafa;
 }
 .tableData > tfoot > tr > th,
 .tableData > tfoot > tr > td {
@@ -30,7 +33,7 @@
  background-color: #ffffff;
 }
 .tableDataDark th {
-  background-color: #d8d8d8;
+  background-color: #eeeeee;
  border: solid 1px #d8d8d8;
 }
 .tableDataContainer {
@@ -144,7 +147,10 @@ table.expressionsTable > tbody > tr > th {
  border: solid 1px #f4f4f4;
 }
 table.expressionsTable > tbody > tr:hover > td {
-  background-color: #f4f4f4;
+  background-color: #fefefe;
+}
+table.expressionsTable > tbody > tr:hover:nth-child(odd) > td {
+  background-color: #fafafa;
 }
 table.expressionsTable > tfoot > tr > th,
 table.expressionsTable > tfoot > tr > td {
@@ -173,7 +179,10 @@ table.expressionsTable td.parseError {
  border: solid 1px #f4f4f4;
 }
 #deviceComponents > tbody > tr:hover > td {
-  background-color: #f4f4f4;
+  background-color: #fefefe;
+}
+#deviceComponents > tbody > tr:hover:nth-child(odd) > td {
+  background-color: #fafafa;
 }
 #deviceComponents > tfoot > tr > th,
 #deviceComponents > tfoot > tr > td {
@@ -550,6 +559,33 @@ div.logEventsViewport table.logEventsViewport > tbody > tr > td.eventType {
  padding: 2px;
  height: 430px;
 }
+#Config_DocumentTemplates_JobSubTypes {
+  border: 1px dashed #d8d8d8;
+  background-color: #ffffff;
+  padding: 4px;
+  margin-top: 6px;
+}
+#Config_DocumentTemplates_JobSubTypes > h4 {
+  margin-bottom: 4px;
+}
+#Config_DocumentTemplates_JobSubTypes #Config_DocumentTemplates_JobSubTypes_Update {
+  margin-top: 4px;
+}
+#Config_DocumentTemplates_JobSubTypes_Update_Dialog #Config_DocumentTemplates_JobSubTypes_Update_Dialog_Types {
+  margin: 0 0 8px 0;
+}
+#Config_DocumentTemplates_JobSubTypes_Update_Dialog .jobTypes {
+  padding: 6px 0;
+}
+#Config_DocumentTemplates_JobSubTypes_Update_Dialog .jobTypes .jobSubTypes {
+  background-color: #f2f2f2;
+  border-left: 4px solid #d8d8d8;
+  padding: 4px 0 4px 8px;
+  margin: 4px 0 0 6px;
+}
+#Config_DocumentTemplates_JobSubTypes_Update_Dialog .checkboxBulkSelectContainer {
+  font-size: .8em;
+}
 #dialogBulkGenerate .brief {
  margin: 0 0 8px 0;
 }
@@ -786,7 +822,7 @@ div.logEventsViewport table.logEventsViewport > tbody > tr > td.eventType {
 }
 #plugins #pageMenu td .pageMenuArea > a,
 #plugins #pageMenu td .pageMenuArea > h3 {
-  color: #515151;
+  color: #333333;
 }
 #plugins #pageMenu td .pageMenuArea > a:hover,
 #plugins #pageMenu td .pageMenuArea > h3:hover {
@@ -814,7 +850,7 @@ div.logEventsViewport table.logEventsViewport > tbody > tr > td.eventType {
 #pluginCatalog .pluginItem > h2:first-child i {
  font-size: .9em;
  padding-right: 4px;
-  color: #515151;
+  color: #333333;
 }
 #pluginCatalog .pluginItem > h2:first-child a {
  float: right;
@@ -866,9 +902,6 @@ div.logEventsViewport table.logEventsViewport > tbody > tr > td.eventType {
 #Config_AuthRoles_Subjects_Update_Dialog {
  display: none;
 }
-#Config_AuthRoles_Subjects_Update_Dialog #Config_AuthRoles_Subjects_Update_Dialog_None {
-  display: none;
-}
 #Config_AuthRoles_Subjects_Update_Dialog #Config_AuthRoles_Subjects_Update_Dialog_ListContainer {
  height: 280px;
  overflow-y: auto;
@@ -905,3 +938,120 @@ div.logEventsViewport table.logEventsViewport > tbody > tr > td.eventType {
 #Config_AuthRoles_Subjects_Update_Dialog #Config_AuthRoles_Subjects_Update_Dialog_List li .remove:hover {
  opacity: 1;
 }
+#Config_JobQueues_Index i {
+  width: 1.2857142857142858em;
+  text-align: center;
+}
+#Config_JobQueues_Icon {
+  display: block;
+  margin: 0 0 10px 10px;
+}
+#Config_JobQueues_Icon_Update_Dialog {
+  display: none;
+}
+#Config_JobQueues_Icon_Update_Dialog div.colours {
+  text-align: center;
+  font-size: 30px;
+}
+#Config_JobQueues_Icon_Update_Dialog div.colours i {
+  cursor: pointer;
+  padding: 1px;
+  opacity: .9;
+}
+#Config_JobQueues_Icon_Update_Dialog div.colours i:hover {
+  opacity: 1;
+}
+#Config_JobQueues_Icon_Update_Dialog div.colours i.selected {
+  opacity: 1;
+}
+#Config_JobQueues_Icon_Update_Dialog div.icons {
+  text-align: center;
+  font-size: 34px;
+  background-color: #ffffff;
+  border: 1px solid #d1d1d1;
+  margin: 6px 0 14px 0;
+}
+#Config_JobQueues_Icon_Update_Dialog div.icons i {
+  width: 1.2857142857142858em;
+  text-align: center;
+  cursor: pointer;
+  padding: 6px 0px;
+  color: #333333;
+  opacity: .6;
+}
+#Config_JobQueues_Icon_Update_Dialog div.icons i:hover {
+  opacity: .9;
+  color: inherit;
+}
+#Config_JobQueues_Icon_Update_Dialog div.icons i.selected {
+  opacity: 1;
+  color: inherit;
+}
+#Config_JobQueues_JobSubTypes_Update {
+  margin: 8px 0;
+}
+#Config_JobQueues_JobSubTypes_Update_Dialog #Config_JobQueues_JobSubTypes_Update_Dialog_Types {
+  margin: 0 0 8px 0;
+}
+#Config_JobQueues_JobSubTypes_Update_Dialog .jobTypes {
+  padding: 6px 0;
+}
+#Config_JobQueues_JobSubTypes_Update_Dialog .jobTypes .jobSubTypes {
+  background-color: #f2f2f2;
+  border-left: 4px solid #d8d8d8;
+  padding: 4px 0 4px 8px;
+  margin: 4px 0 0 6px;
+}
+#Config_JobQueues_JobSubTypes_Update_Dialog .checkboxBulkSelectContainer {
+  font-size: .8em;
+}
+#Config_JobQueues_Subjects li,
+#Config_JobQueues_Subjects_Update_Dialog_List li {
+  padding: 4px 0 4px 4px;
+}
+#Config_JobQueues_Subjects li i.fa-user,
+#Config_JobQueues_Subjects_Update_Dialog_List li i.fa-user,
+#Config_JobQueues_Subjects li i.fa-users,
+#Config_JobQueues_Subjects_Update_Dialog_List li i.fa-users {
+  width: 1.2857142857142858em;
+  text-align: center;
+}
+#Config_JobQueues_Subjects_Update_Dialog {
+  display: none;
+}
+#Config_JobQueues_Subjects_Update_Dialog #Config_JobQueues_Subjects_Update_Dialog_ListContainer {
+  height: 280px;
+  overflow-y: auto;
+  background-color: #ffffff;
+  border: 1px solid #d8d8d8;
+}
+#Config_JobQueues_Subjects_Update_Dialog #Config_JobQueues_Subjects_Update_Dialog_None {
+  padding-top: 15px;
+  display: block;
+  text-align: center;
+}
+#Config_JobQueues_Subjects_Update_Dialog #Config_JobQueues_Subjects_Update_Dialog_AddContainer {
+  padding-top: 10px;
+  padding-left: 10px;
+}
+#Config_JobQueues_Subjects_Update_Dialog #Config_JobQueues_Subjects_Update_Dialog_List li {
+  cursor: pointer;
+}
+#Config_JobQueues_Subjects_Update_Dialog #Config_JobQueues_Subjects_Update_Dialog_List li:hover {
+  background-color: #f4f4f4;
+}
+#Config_JobQueues_Subjects_Update_Dialog #Config_JobQueues_Subjects_Update_Dialog_List li:hover .remove {
+  opacity: .8;
+}
+#Config_JobQueues_Subjects_Update_Dialog #Config_JobQueues_Subjects_Update_Dialog_List li .remove {
+  margin-top: 2px;
+  padding-right: 6px;
+  float: right;
+  cursor: pointer;
+  opacity: 0;
+  color: #e51400;
+  font-size: 1.3em;
+}
+#Config_JobQueues_Subjects_Update_Dialog #Config_JobQueues_Subjects_Update_Dialog_List li .remove:hover {
+  opacity: 1;
+}
@@ -570,6 +570,41 @@ div.logEventsViewport {
 }

 // Document Templates
+#Config_DocumentTemplates_JobSubTypes {
+    border: 1px dashed @TableDataDarkBorderColour;
+    background-color: @white;
+    padding: 4px;
+    margin-top: 6px;
+
+    & > h4 {
+        margin-bottom: 4px;
+    }
+    #Config_DocumentTemplates_JobSubTypes_Update {
+        margin-top: 4px;
+    }
+}
+
+#Config_DocumentTemplates_JobSubTypes_Update_Dialog {
+    #Config_DocumentTemplates_JobSubTypes_Update_Dialog_Types {
+        margin: 0 0 8px 0;
+    }
+
+    .jobTypes {
+        padding: 6px 0;
+
+        .jobSubTypes {
+            background-color: @FormBackgroundOddColour;
+            border-left: 4px solid @TableDataDarkBorderColour;
+            padding: 4px 0 4px 8px;
+            margin: 4px 0 0 6px;
+        }
+    }
+
+    .checkboxBulkSelectContainer {
+        font-size: .8em;
+    }
+}
+
 #dialogBulkGenerate {
    .brief {
        margin: 0 0 8px 0;
@@ -984,10 +1019,6 @@ div.logEventsViewport {
 #Config_AuthRoles_Subjects_Update_Dialog {
    display: none;

-    #Config_AuthRoles_Subjects_Update_Dialog_None {
-        display: none;
-    }
-
    #Config_AuthRoles_Subjects_Update_Dialog_ListContainer {
        height: 280px;
        overflow-y: auto;
@@ -1034,3 +1065,151 @@ div.logEventsViewport {
        }
    }
 }
+
+#Config_JobQueues_Index {
+    i {
+        width: 1.2857142857142858em;
+        text-align: center;
+    }
+}
+
+#Config_JobQueues_Icon {
+    display: block;
+    margin: 0 0 10px 10px;
+}
+
+#Config_JobQueues_Icon_Update_Dialog {
+    display: none;
+
+    div.colours {
+        text-align: center;
+        font-size: 30px;
+
+        i {
+            cursor: pointer;
+            padding: 1px;
+            opacity: .9;
+
+            &:hover {
+                opacity: 1;
+            }
+
+            &.selected {
+                opacity: 1;
+            }
+        }
+    }
+
+    div.icons {
+        text-align: center;
+        font-size: 34px;
+        background-color: @white;
+        border: 1px solid @BackgroundColour;
+        margin: 6px 0 14px 0;
+
+        i {
+            width: 1.2857142857142858em;
+            text-align: center;
+            cursor: pointer;
+            padding: 6px 0px;
+            color: @HeaderBackgroundColour;
+            opacity: .6;
+
+            &:hover {
+                opacity: .9;
+                color: inherit;
+            }
+
+            &.selected {
+                opacity: 1;
+                color: inherit;
+            }
+        }
+    }
+}
+
+#Config_JobQueues_JobSubTypes_Update {
+    margin: 8px 0;
+}
+
+#Config_JobQueues_JobSubTypes_Update_Dialog {
+    #Config_JobQueues_JobSubTypes_Update_Dialog_Types {
+        margin: 0 0 8px 0;
+    }
+
+    .jobTypes {
+        padding: 6px 0;
+
+        .jobSubTypes {
+            background-color: @FormBackgroundOddColour;
+            border-left: 4px solid @TableDataDarkBorderColour;
+            padding: 4px 0 4px 8px;
+            margin: 4px 0 0 6px;
+        }
+    }
+
+    .checkboxBulkSelectContainer {
+        font-size: .8em;
+    }
+}
+
+#Config_JobQueues_Subjects, #Config_JobQueues_Subjects_Update_Dialog_List {
+    li {
+        padding: 4px 0 4px 4px;
+
+        i.fa-user, i.fa-users {
+            width: 1.2857142857142858em;
+            text-align: center;
+        }
+    }
+}
+
+#Config_JobQueues_Subjects_Update_Dialog {
+    display: none;
+
+    #Config_JobQueues_Subjects_Update_Dialog_ListContainer {
+        height: 280px;
+        overflow-y: auto;
+        background-color: @white;
+        border: 1px solid @TableDataDarkBorderColour;
+    }
+
+    #Config_JobQueues_Subjects_Update_Dialog_None {
+        padding-top: 15px;
+        display: block;
+        text-align: center;
+    }
+
+    #Config_JobQueues_Subjects_Update_Dialog_AddContainer {
+        padding-top: 10px;
+        padding-left: 10px;
+    }
+
+    #Config_JobQueues_Subjects_Update_Dialog_List {
+        li {
+            cursor: pointer;
+
+            &:hover {
+                background-color: @TableDataBorderColour;
+
+                .remove {
+                    opacity: .8;
+                }
+            }
+
+            .remove {
+                margin-top: 2px;
+                padding-right: 6px;
+                float: right;
+                cursor: pointer;
+                opacity: 0;
+                color: @StatusRemove;
+                font-size: 1.3em;
+
+                &:hover {
+                    opacity: 1;
+                }
+            }
+        }
+    }
+}
@@ -2,7 +2,7 @@
@BackgroundColour: #D1D1D1;
@BackgroundColourGradient: #f2f2f2;
@BackgroundColourLight: #fafafa;
-@HeaderBackgroundColour: #515151;
+@HeaderBackgroundColour: #333;

@HyperLinkColour: #335A87;
@HyperLinkHoverColour: lighten(@HyperLinkColour, 20%);
@@ -15,14 +15,18 @@
@ButtonBorderAlertColour: #990000;

@MenuHoverColour: lighten(@HyperLinkHoverColour, 30%);
+@MenuHoverBackgroundColour: #111;
+@MenuActiveBackgroundColour: #222;
@ActionBarBorder: @BackgroundColour;
@ActionBarBackgound: @BackgroundColourGradient;

@FormBorderColour: @ButtonColour;
@FormBackgroundOddColour: @BackgroundColourGradient;
@FormBackgroundEvenColour: @white;
+@PlaceholderColour: #888;
@TableDataBorderColour: #f4f4f4;
@TableDataDarkBorderColour: #d8d8d8;
+@TableDataDarkBackgroundColour: #eee;
@TableDataRowBackgroundColor: hsl(hue(@TableDataBorderColour), saturation(@TableDataBorderColour), 99%);

@SubtleColour: #ededed;
@@ -53,6 +57,35 @@
@StatusAwaitingRepair: @ButtonColour;
@StatusAwaitingUser: @StatusWarning;
@StatusAwaitingProcessing: #6a00ff;
+@StatusSlaWarning: @StatusWarning;
+@StatusSlaExpired: @StatusError;
+
+// Priority
+@PriorityHigh: @StatusAlert;
+@PriorityNormal: @StatusSuccess;
+@PriorityLow: @ButtonColour;
+
+// Theme Colours
+@ThemeLime: #A4C400;
+@ThemeGreen: #60A917;
+@ThemeEmerald: #008A00;
+@ThemeTeal: #00ABA9;
+@ThemeCyan: #1BA1E2;
+@ThemeCobalt: #0050EF;
+@ThemeIndigo: #6A00FF;
+@ThemeViolet: #AA00FF;
+@ThemePink: #F472D0;
+@ThemeMagenta: #D80073;
+@ThemeCrimson: #A20025;
+@ThemeRed: #E51400;
+@ThemeOrange: #FA6800;
+@ThemeAmber: #F0A30A;
+@ThemeYellow: #E3C800;
+@ThemeBrown: #825A2C;
+@ThemeOlive: #6D8764;
+@ThemeSteel: #647689;
+@ThemeMauve: #76608A;
+@ThemeSienna: #A0522D;

 // Border Radius Mixins
 .border-radius(@radius: 5px) {
@@ -15,7 +15,10 @@
  border: solid 1px #f4f4f4;
 }
 .tableData > tbody > tr:hover > td {
-  background-color: #f4f4f4;
+  background-color: #fefefe;
+}
+.tableData > tbody > tr:hover:nth-child(odd) > td {
+  background-color: #fafafa;
 }
 .tableData > tfoot > tr > th,
 .tableData > tfoot > tr > td {
@@ -30,7 +33,7 @@
  background-color: #ffffff;
 }
 .tableDataDark th {
-  background-color: #d8d8d8;
+  background-color: #eeeeee;
  border: solid 1px #d8d8d8;
 }
 .tableDataContainer {
@@ -113,9 +116,6 @@
 #Device_Show #Device_Show_Subjects > tbody > tr > td:not(:last-child) {
  border-right: 1px dashed #aaa;
 }
-#Device_Show #Device_Show_Subjects .dialog {
-  display: none;
-}
 #Device_Show #Device_Show_Subjects #Device_Show_Details table.verticalHeadings > tbody > tr > td:first-child {
  width: 104px;
  font-weight: bold;
@@ -239,7 +239,10 @@
  border: solid 1px #f4f4f4;
 }
 #DeviceDetailTab-DetailsContainer > table > tbody > tr:hover > td {
-  background-color: #f4f4f4;
+  background-color: #fefefe;
+}
+#DeviceDetailTab-DetailsContainer > table > tbody > tr:hover:nth-child(odd) > td {
+  background-color: #fafafa;
 }
 #DeviceDetailTab-DetailsContainer > table > tfoot > tr > th,
 #DeviceDetailTab-DetailsContainer > table > tfoot > tr > td {
@@ -326,7 +329,7 @@
  padding: 3px;
 }
 #deviceShowResources #Attachments div.attachmentInput span.action {
-  color: #515151;
+  color: #333333;
  display: block;
  margin: 0 4px 0 0;
  font-size: 1.5em;
@@ -395,7 +398,10 @@
  border: solid 1px #f4f4f4;
 }
 #deviceImportReview #devices > tbody > tr:hover > td {
-  background-color: #f4f4f4;
+  background-color: #fefefe;
+}
+#deviceImportReview #devices > tbody > tr:hover:nth-child(odd) > td {
+  background-color: #fafafa;
 }
 #deviceImportReview #devices > tfoot > tr > th,
 #deviceImportReview #devices > tfoot > tr > td {
@@ -47,10 +47,6 @@
                border-right: 1px dashed #aaa;
            }

-        .dialog {
-            display: none;
-        }
-
        #Device_Show_Details {

            table.verticalHeadings {
@@ -15,7 +15,10 @@
  border: solid 1px #f4f4f4;
 }
 .tableData > tbody > tr:hover > td {
-  background-color: #f4f4f4;
+  background-color: #fefefe;
+}
+.tableData > tbody > tr:hover:nth-child(odd) > td {
+  background-color: #fafafa;
 }
 .tableData > tfoot > tr > th,
 .tableData > tfoot > tr > td {
@@ -30,7 +33,7 @@
  background-color: #ffffff;
 }
 .tableDataDark th {
-  background-color: #d8d8d8;
+  background-color: #eeeeee;
  border: solid 1px #d8d8d8;
 }
 .tableDataContainer {
@@ -1 +1 @@
-.tableData{border:solid 1px #f4f4f4;border-collapse:collapse}.tableData>tbody>tr>td{border:solid 1px #f4f4f4;background-color:#fff}.tableData>tbody>tr:nth-child(odd)>td{background-color:#fcfcfc}.tableData>thead>tr>th,.tableData>tbody>tr>th{background-color:#f4f4f4;border:solid 1px #f4f4f4}.tableData>tbody>tr:hover>td{background-color:#f4f4f4}.tableData>tfoot>tr>th,.tableData>tfoot>tr>td{background-color:#f4f4f4}.tableDataDark{border:solid 1px #d8d8d8;border-collapse:collapse}.tableDataDark td{border:solid 1px #d8d8d8;background-color:#fff}.tableDataDark th{background-color:#d8d8d8;border:solid 1px #d8d8d8}.tableDataContainer{background-color:#fff}.tableDataVertical{border:solid 1px #f4f4f4;border-collapse:collapse}.tableDataVertical>tbody>tr:nth-child(odd){background-color:#f4f4f4;margin:0;padding:0}.tableDataVertical>tbody>tr>th.name{width:170px;text-align:right}.tableDataVertical table.sub>tbody>tr:not(:first-child)>th,.tableDataVertical table.sub>tbody>tr:not(:first-child)>td{border-top:1px dashed #aaa}.tableDataVertical table.sub>tbody>tr>th{font-weight:normal;text-align:right}.tableDataVertical table.sub>tbody>tr>th.name{text-align:right}.icon16{display:inline-block;height:16px;width:16px;margin-left:2px;cursor:pointer}.subtleUntilHover{-moz-opacity:.3;opacity:.3}.subtleUntilHover:hover{-moz-opacity:1;opacity:1}body{padding:0}#main{background-color:#fff;overflow:auto;padding:0;-moz-border-radius:0 0 6px 6px;-webkit-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px}
+.tableData{border:solid 1px #f4f4f4;border-collapse:collapse}.tableData>tbody>tr>td{border:solid 1px #f4f4f4;background-color:#fff}.tableData>tbody>tr:nth-child(odd)>td{background-color:#fcfcfc}.tableData>thead>tr>th,.tableData>tbody>tr>th{background-color:#f4f4f4;border:solid 1px #f4f4f4}.tableData>tbody>tr:hover>td{background-color:#fefefe}.tableData>tbody>tr:hover:nth-child(odd)>td{background-color:#fafafa}.tableData>tfoot>tr>th,.tableData>tfoot>tr>td{background-color:#f4f4f4}.tableDataDark{border:solid 1px #d8d8d8;border-collapse:collapse}.tableDataDark td{border:solid 1px #d8d8d8;background-color:#fff}.tableDataDark th{background-color:#eee;border:solid 1px #d8d8d8}.tableDataContainer{background-color:#fff}.tableDataVertical{border:solid 1px #f4f4f4;border-collapse:collapse}.tableDataVertical>tbody>tr:nth-child(odd){background-color:#f4f4f4;margin:0;padding:0}.tableDataVertical>tbody>tr>th.name{width:170px;text-align:right}.tableDataVertical table.sub>tbody>tr:not(:first-child)>th,.tableDataVertical table.sub>tbody>tr:not(:first-child)>td{border-top:1px dashed #aaa}.tableDataVertical table.sub>tbody>tr>th{font-weight:normal;text-align:right}.tableDataVertical table.sub>tbody>tr>th.name{text-align:right}.icon16{display:inline-block;height:16px;width:16px;margin-left:2px;cursor:pointer}.subtleUntilHover{-moz-opacity:.3;opacity:.3}.subtleUntilHover:hover{-moz-opacity:1;opacity:1}body{padding:0}#main{background-color:#fff;overflow:auto;padding:0;-moz-border-radius:0 0 6px 6px;-webkit-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px}
@@ -15,7 +15,10 @@
  border: solid 1px #f4f4f4;
 }
 .tableData > tbody > tr:hover > td {
-  background-color: #f4f4f4;
+  background-color: #fefefe;
+}
+.tableData > tbody > tr:hover:nth-child(odd) > td {
+  background-color: #fafafa;
 }
 .tableData > tfoot > tr > th,
 .tableData > tfoot > tr > td {
@@ -30,7 +33,7 @@
  background-color: #ffffff;
 }
 .tableDataDark th {
-  background-color: #d8d8d8;
+  background-color: #eeeeee;
  border: solid 1px #d8d8d8;
 }
 .tableDataContainer {
@@ -92,6 +95,12 @@
 #layout_PageHeading #Job_Show_Status span.icon {
  margin-right: 6px;
 }
+#layout_PageHeading #Job_Show_QueueStatus {
+  display: inline-block;
+  float: right;
+  height: 50px;
+  font-size: 0.6em;
+}
 #Job_Show #Job_Show_Subjects {
  table-layout: fixed;
 }
@@ -113,9 +122,6 @@
 #Job_Show #Job_Show_Subjects > tbody > tr > td:not(:last-child) {
  border-right: 1px dashed #aaa;
 }
-#Job_Show #Job_Show_Subjects .dialog {
-  display: none;
-}
 #Job_Show #Job_Show_Subjects #Job_Show_Job #Job_Show_Job_Type > table {
  table-layout: fixed;
 }
@@ -306,7 +312,7 @@
  resize: none;
 }
 #jobShowResources #Comments div.commentInput span.action {
-  color: #515151;
+  color: #333333;
  font-size: 1.5em;
  display: block;
  margin: 0;
@@ -397,7 +403,7 @@
  padding: 5px;
 }
 #jobShowResources #Attachments div.attachmentInput span.action {
-  color: #515151;
+  color: #333333;
  display: block;
  margin: 0 4px 0 0;
  font-size: 1.5em;
@@ -411,6 +417,129 @@
  background-color: #ededed;
  border: 1px solid #cccccc;
 }
+#Job_Show_Job_Actions_AddQueue_Dialog {
+  height: 400px;
+}
+#Job_Show_Job_Actions_AddQueue_Dialog .queuePicker {
+  position: absolute;
+  width: 250px;
+  height: 300px;
+  overflow-y: auto;
+  background-color: #fcfcfc;
+  border: 1px solid #ccc;
+}
+#Job_Show_Job_Actions_AddQueue_Dialog .queuePicker > div {
+  background-color: #ffffff;
+  border-bottom: 1px solid #ddd;
+  padding: 6px 0 6px 6px;
+  cursor: pointer;
+}
+#Job_Show_Job_Actions_AddQueue_Dialog .queuePicker > div:hover {
+  background-color: #f4f4f4;
+}
+#Job_Show_Job_Actions_AddQueue_Dialog .queuePicker > div.selected,
+#Job_Show_Job_Actions_AddQueue_Dialog .queuePicker > div.selected:hover {
+  background-color: #eeeeee;
+}
+#Job_Show_Job_Actions_AddQueue_Dialog .details {
+  display: none;
+  position: absolute;
+  left: 280px;
+  top: 40px;
+}
+#Job_Show_Job_Actions_AddQueue_Dialog .details h4 {
+  margin-bottom: 4px;
+}
+#Job_Show_Job_Actions_AddQueue_Dialog .details #Priority {
+  margin-bottom: 10px;
+  min-width: 200px;
+}
+#Job_Show_Job_Actions_AddQueue_Dialog .details #SLAExpiresMinutes {
+  margin-bottom: 10px;
+  min-width: 200px;
+}
+#Job_Show_Job_Actions_AddQueue_Dialog .details #Comment {
+  min-width: 280px;
+}
+#jobDetailTab-Queues #jobQueues {
+  border: solid 1px #d8d8d8;
+  border-collapse: collapse;
+  table-layout: fixed;
+}
+#jobDetailTab-Queues #jobQueues td {
+  border: solid 1px #d8d8d8;
+  background-color: #ffffff;
+}
+#jobDetailTab-Queues #jobQueues th {
+  background-color: #eeeeee;
+  border: solid 1px #d8d8d8;
+}
+#jobDetailTab-Queues #jobQueues i.fa-edit {
+  float: right;
+  margin-top: 4px;
+  font-size: 1.1em;
+  cursor: pointer;
+  display: none;
+  color: #335a87;
+}
+#jobDetailTab-Queues #jobQueues i.fa-edit:hover {
+  color: #5e8cc2;
+}
+#jobDetailTab-Queues #jobQueues td:hover i.fa-edit {
+  display: inline-block;
+}
+#jobDetailTab-Queues #jobQueues th.name {
+  width: 200px;
+}
+#jobDetailTab-Queues #jobQueues th.sla {
+  width: 130px;
+}
+#jobDetailTab-Queues #jobQueues tr.removed td {
+  background-color: #f4f4f4;
+}
+#jobDetailTab-Queues #jobQueues td.name {
+  vertical-align: middle;
+}
+#jobDetailTab-Queues #jobQueues td.name .fa-stack {
+  line-height: 1.6em;
+}
+#jobDetailTab-Queues #jobQueues td.added .when,
+#jobDetailTab-Queues #jobQueues td.removed .when {
+  font-style: italic;
+  margin-top: 4px;
+  font-size: .9em;
+}
+#jobDetailTab-Queues #jobQueues td.added .comments,
+#jobDetailTab-Queues #jobQueues td.removed .comments {
+  white-space: pre-line;
+}
+#jobDetailTab-Queues #jobQueues td.removed.na {
+  vertical-align: middle;
+  text-align: center;
+}
+#jobDetailTab-Queues #jobQueues td.sla {
+  vertical-align: middle;
+}
+#jobDetailTab-Queues #jobQueues td.sla.overdue {
+  color: #e51400;
+}
+#jobDetailTab-Queues > .none {
+  text-align: center;
+  padding: 30px 0;
+  font-style: italic;
+  background-color: #ffffff;
+}
+#Job_Show_Queues_Actions_EditAddedComment_Dialog h4,
+#Job_Show_Queues_Actions_EditRemovedComment_Dialog h4,
+#Job_Show_Queues_Actions_EditSla_Dialog h4 {
+  margin-bottom: 4px;
+}
+#Job_Show_Queues_Actions_EditAddedComment_Dialog_Comment {
+  width: 280px;
+}
+#Job_Show_Queues_Actions_EditRemovedComment_Dialog_Comment {
+  width: 280px;
+}
 #jobComponents {
  border: solid 1px #d8d8d8;
  border-collapse: collapse;
@@ -420,7 +549,7 @@
  background-color: #ffffff;
 }
 #jobComponents th {
-  background-color: #d8d8d8;
+  background-color: #eeeeee;
  border: solid 1px #d8d8d8;
 }
 #jobComponents tr th.actions {
@@ -458,7 +587,7 @@
  background-color: #ffffff;
 }
 #jobNonWarrantyFinance th {
-  background-color: #d8d8d8;
+  background-color: #eeeeee;
  border: solid 1px #d8d8d8;
 }
 #jobNonWarrantyFinance tr th {
@@ -474,7 +603,7 @@
  background-color: #ffffff;
 }
 #jobNonWarrantyRepairs th {
-  background-color: #d8d8d8;
+  background-color: #eeeeee;
  border: solid 1px #d8d8d8;
 }
 #jobNonWarrantyRepairs tr th {
@@ -490,7 +619,7 @@
  background-color: #ffffff;
 }
 #jobNonWarrantyInsurance th {
-  background-color: #d8d8d8;
+  background-color: #eeeeee;
  border: solid 1px #d8d8d8;
 }
 #jobNonWarrantyInsurance tr th {
@@ -509,7 +638,7 @@
  background-color: #ffffff;
 }
 #jobFlags th {
-  background-color: #d8d8d8;
+  background-color: #eeeeee;
  border: solid 1px #d8d8d8;
 }
 #jobFlags tr th {
@@ -534,6 +663,9 @@
  width: 600px;
  height: 250px;
 }
+#createJob_Container {
+  margin: 0 -20px;
+}
 #createJob_Container img.modelImage {
  width: 64px;
  height: 64px;
@@ -552,7 +684,7 @@
  padding: 2px 4px;
 }
 #createJob_Container #createJob_SubTypes {
-  margin: -1px 0 0 35px;
+  margin: -1px 0 0 20px;
  border: 1px solid #ccc;
  border-top: none;
  padding: 2px 4px;
@@ -563,40 +695,49 @@
 }
 #createJob_Container #createJob_Type li,
 #createJob_Container #createJob_SubTypes li {
-  margin: 2px 8px 2px 0;
+  margin: 2px 0;
  padding: 0 0 0 4px;
 }
+#createJob_Container #createJob_Type li i,
+#createJob_Container #createJob_SubTypes li i {
+  display: none;
+  cursor: default;
+  font-weight: normal;
+}
+#createJob_Container #createJob_Type li:hover i,
+#createJob_Container #createJob_SubTypes li:hover i {
+  display: inline-block;
+}
 #createJob_Container #createJob_Type li.highlight,
 #createJob_Container #createJob_SubTypes li.highlight {
  background-color: #cddbec;
  font-weight: 600;
  color: #000000;
 }
+#createJob_Container #createJob_Type li.highlight i,
+#createJob_Container #createJob_SubTypes li.highlight i {
+  display: inline-block;
+}
 #createJob_Container #createJob_CommentsContainer #Comments {
  width: 100%;
  min-width: 500px;
 }
-#createJob_Container #createJob_QuickLogAutoCloseContainer {
-  border: 1px solid #ccc;
-  background-color: #f2f2f2;
-  padding: 2px 4px;
-}
 #createJob_Container #createJob_QuickLogAutoCloseContainer h3 {
  margin-bottom: 4px;
 }
 #createJob_Container #createJob_QuickLogAutoCloseContainer input {
-  margin-left: 4px;
+  margin-left: 6px;
 }
 #createJob_Container #createJob_QuickLogTaskTimeContainer {
  display: none;
-  margin: -1px 0 0 35px;
-  border: 1px solid #ccc;
-  border-top: none;
-  padding: 2px 4px;
+  margin: 4px 0 0 25px;
+  padding: 4px 4px;
  background-color: #f2f2f2;
+  border-left: 4px solid #d8d8d8;
 }
-#createJob_Container #createJob_QuickLogTaskTimeContainer h3 {
-  margin-bottom: 4px;
+#createJob_Container #createJob_QuickLogTaskTimeContainer h4 {
+  display: inline-block;
+  padding-right: 10px;
 }
 #createJob_Container #createJob_QuickLogTaskTimeContainer label {
  margin-right: 20px;
@@ -1,4 +1,4 @@
-div.page div.column1 {
+div.page div.column1 {
  width: 44%;
  padding-right: 1%;
  float: left;
@@ -1,4 +1,4 @@
-html,
+html,
 body {
  margin: 0;
  padding: 0;
@@ -15,7 +15,10 @@
  border: solid 1px #f4f4f4;
 }
 .tableData > tbody > tr:hover > td {
-  background-color: #f4f4f4;
+  background-color: #fefefe;
+}
+.tableData > tbody > tr:hover:nth-child(odd) > td {
+  background-color: #fafafa;
 }
 .tableData > tfoot > tr > th,
 .tableData > tfoot > tr > td {
@@ -30,7 +33,7 @@
  background-color: #ffffff;
 }
 .tableDataDark th {
-  background-color: #d8d8d8;
+  background-color: #eeeeee;
  border: solid 1px #d8d8d8;
 }
 .tableDataContainer {
@@ -19,8 +19,13 @@
        border: solid 1px @TableDataBorderColour;
    }

-    & > tbody > tr:hover > td {
-        background-color: @TableDataBorderColour;
+    & > tbody > tr:hover {
+        & > td {
+            background-color: darken(@white, 0.5%);
+        }
+        &:nth-child(odd) > td {
+            background-color: darken(@TableDataRowBackgroundColor, 1%);
+        }
    }

    & > tfoot > tr > th, & > tfoot > tr > td {
@@ -41,7 +46,7 @@

    th
    {
-        background-color: @TableDataDarkBorderColour;
+        background-color: @TableDataDarkBackgroundColour;
        border: solid 1px @TableDataDarkBorderColour;
    }
 }
@@ -1 +1 @@
-.tableData{border:solid 1px #f4f4f4;border-collapse:collapse}.tableData>tbody>tr>td{border:solid 1px #f4f4f4;background-color:#fff}.tableData>tbody>tr:nth-child(odd)>td{background-color:#fcfcfc}.tableData>thead>tr>th,.tableData>tbody>tr>th{background-color:#f4f4f4;border:solid 1px #f4f4f4}.tableData>tbody>tr:hover>td{background-color:#f4f4f4}.tableData>tfoot>tr>th,.tableData>tfoot>tr>td{background-color:#f4f4f4}.tableDataDark{border:solid 1px #d8d8d8;border-collapse:collapse}.tableDataDark td{border:solid 1px #d8d8d8;background-color:#fff}.tableDataDark th{background-color:#d8d8d8;border:solid 1px #d8d8d8}.tableDataContainer{background-color:#fff}.tableDataVertical{border:solid 1px #f4f4f4;border-collapse:collapse}.tableDataVertical>tbody>tr:nth-child(odd){background-color:#f4f4f4;margin:0;padding:0}.tableDataVertical>tbody>tr>th.name{width:170px;text-align:right}.tableDataVertical table.sub>tbody>tr:not(:first-child)>th,.tableDataVertical table.sub>tbody>tr:not(:first-child)>td{border-top:1px dashed #aaa}.tableDataVertical table.sub>tbody>tr>th{font-weight:normal;text-align:right}.tableDataVertical table.sub>tbody>tr>th.name{text-align:right}.icon16{display:inline-block;height:16px;width:16px;margin-left:2px;cursor:pointer}.subtleUntilHover{-moz-opacity:.3;opacity:.3}.subtleUntilHover:hover{-moz-opacity:1;opacity:1}
+.tableData{border:solid 1px #f4f4f4;border-collapse:collapse}.tableData>tbody>tr>td{border:solid 1px #f4f4f4;background-color:#fff}.tableData>tbody>tr:nth-child(odd)>td{background-color:#fcfcfc}.tableData>thead>tr>th,.tableData>tbody>tr>th{background-color:#f4f4f4;border:solid 1px #f4f4f4}.tableData>tbody>tr:hover>td{background-color:#fefefe}.tableData>tbody>tr:hover:nth-child(odd)>td{background-color:#fafafa}.tableData>tfoot>tr>th,.tableData>tfoot>tr>td{background-color:#f4f4f4}.tableDataDark{border:solid 1px #d8d8d8;border-collapse:collapse}.tableDataDark td{border:solid 1px #d8d8d8;background-color:#fff}.tableDataDark th{background-color:#eee;border:solid 1px #d8d8d8}.tableDataContainer{background-color:#fff}.tableDataVertical{border:solid 1px #f4f4f4;border-collapse:collapse}.tableDataVertical>tbody>tr:nth-child(odd){background-color:#f4f4f4;margin:0;padding:0}.tableDataVertical>tbody>tr>th.name{width:170px;text-align:right}.tableDataVertical table.sub>tbody>tr:not(:first-child)>th,.tableDataVertical table.sub>tbody>tr:not(:first-child)>td{border-top:1px dashed #aaa}.tableDataVertical table.sub>tbody>tr>th{font-weight:normal;text-align:right}.tableDataVertical table.sub>tbody>tr>th.name{text-align:right}.icon16{display:inline-block;height:16px;width:16px;margin-left:2px;cursor:pointer}.subtleUntilHover{-moz-opacity:.3;opacity:.3}.subtleUntilHover:hover{-moz-opacity:1;opacity:1}
@@ -15,7 +15,10 @@
  border: solid 1px #f4f4f4;
 }
 .tableData > tbody > tr:hover > td {
-  background-color: #f4f4f4;
+  background-color: #fefefe;
+}
+.tableData > tbody > tr:hover:nth-child(odd) > td {
+  background-color: #fafafa;
 }
 .tableData > tfoot > tr > th,
 .tableData > tfoot > tr > td {
@@ -30,7 +33,7 @@
  background-color: #ffffff;
 }
 .tableDataDark th {
-  background-color: #d8d8d8;
+  background-color: #eeeeee;
  border: solid 1px #d8d8d8;
 }
 .tableDataContainer {
@@ -96,7 +99,7 @@ body.layout {
 header,
 #header {
  position: relative;
-  background-color: #515151;
+  background-color: #333333;
  margin: 0;
  padding: 0;
  height: 34px;
@@ -119,20 +122,23 @@ header nav,
  height: 34px;
  padding: 0;
  margin: 0;
-  font-size: 1.1em;
 }
 header nav ul#menu,
 #header nav ul#menu {
-  height: 30px;
-  padding: 2px 2px;
-  margin: 0;
+  height: 26px;
+  padding: 0;
+  margin: 8px 0 0 8px;
  list-style: none;
  z-index: 100000;
+  font-size: 0;
+  line-height: 0;
 }
 header nav ul#menu > li,
 #header nav ul#menu > li {
  display: inline-block;
  z-index: 100000;
+  font-size: 13.200000000000001px;
+  line-height: 19.200000000000003px;
 }
 header nav ul#menu > li.moveRight,
 #header nav ul#menu > li.moveRight {
@@ -141,8 +147,8 @@ header nav ul#menu > li.moveRight,
 header nav ul#menu > li > a,
 #header nav ul#menu > li > a {
  display: inline-block;
-  padding: 5px 10px 3px 10px;
-  height: 22px;
+  padding: 2px 10px 4px 10px;
+  height: 20px;
  color: #ffffff;
  font-weight: 400;
  text-transform: uppercase;
@@ -150,12 +156,15 @@ header nav ul#menu > li > a,
 }
 header nav ul#menu > li > a:active,
 #header nav ul#menu > li > a:active {
-  color: #cddbec;
  text-decoration: none;
 }
+header nav ul#menu > li.active > a,
+#header nav ul#menu > li.active > a {
+  background-color: #222222;
+}
 header nav ul#menu > li:hover > a,
 #header nav ul#menu > li:hover > a {
-  color: #cddbec;
+  background-color: #111111;
  text-decoration: none;
 }
 header nav ul#menu > li > ul,
@@ -164,7 +173,7 @@ header nav ul#menu > li > ul,
  display: none;
  list-style: none;
  position: absolute;
-  margin: 2px 0 0 0;
+  margin: 0;
  border-left: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
@@ -178,18 +187,16 @@ header nav ul#menu > li > ul li,
  position: relative;
  background-position: top;
  background-repeat: repeat-x;
-}
-header nav ul#menu > li > ul li:not(:first-child),
-#header nav ul#menu > li > ul li:not(:first-child) {
  border-top: 1px solid #e6e6e6;
 }
+header nav ul#menu > li > ul li:first-child,
+#header nav ul#menu > li > ul li:first-child {
+  border-top: 1px solid #d1d1d1;
+}
 header nav ul#menu > li > ul li:hover,
 #header nav ul#menu > li > ul li:hover {
-  background-color: #e6e6e6;
-}
-header nav ul#menu > li > ul li:hover:not(:first-child),
-#header nav ul#menu > li > ul li:hover:not(:first-child) {
  border-top: 1px solid #d9d9d9;
+  background-color: #e6e6e6;
 }
 header nav ul#menu > li > ul li a,
 #header nav ul#menu > li > ul li a {
@@ -207,19 +214,19 @@ header nav ul#menu > li > ul li a:active,
 #header nav ul#menu > li > ul li a:active {
  text-decoration: none;
 }
-header nav ul#menu > li > ul li i.fa,
-#header nav ul#menu > li > ul li i.fa {
+header nav ul#menu > li > ul li i.fa-caret-right,
+#header nav ul#menu > li > ul li i.fa-caret-right {
  cursor: pointer;
-  color: #848484;
+  color: #666666;
  font-size: 16px;
  position: absolute;
  display: block;
  right: 12px;
  top: 7px;
 }
-header nav ul#menu > li > ul li:hover i.fa,
-#header nav ul#menu > li > ul li:hover i.fa {
-  color: #515151;
+header nav ul#menu > li > ul li:hover i.fa-caret-right,
+#header nav ul#menu > li > ul li:hover i.fa-caret-right {
+  color: #333333;
 }
 header nav ul#menu > li > ul ul,
 #header nav ul#menu > li > ul ul {
@@ -229,7 +236,9 @@ header nav ul#menu > li > ul ul,
  top: -1px;
  left: 180px;
  background-color: #f2f2f2;
-  border: 1px solid #d1d1d1;
+  border-left: 1px solid #d1d1d1;
+  border-right: 1px solid #d1d1d1;
+  border-bottom: 1px solid #d1d1d1;
  padding: 0;
  min-width: 180px;
  box-shadow: 2px 2px 5px rgba(209, 209, 209, 0.5);
@@ -361,13 +370,14 @@ footer a:hover,
  color: #5e8cc2;
  text-decoration: none;
 }
-p,
-ul {
+p {
  margin: 0 0 20px 0;
  line-height: 1.6em;
 }
 ul {
  margin: 0;
+  padding: 0 0 0 25px;
+  list-style: square;
  line-height: 1.6em;
 }
 header,
@@ -554,7 +564,10 @@ table.genericData > tbody > tr > th {
  border: solid 1px #f4f4f4;
 }
 table.genericData > tbody > tr:hover > td {
-  background-color: #f4f4f4;
+  background-color: #fefefe;
+}
+table.genericData > tbody > tr:hover:nth-child(odd) > td {
+  background-color: #fafafa;
 }
 table.genericData > tfoot > tr > th,
 table.genericData > tfoot > tr > td {
@@ -717,7 +730,7 @@ table.genericData td.id a {
  background-image: none;
 }
 .jobStatus {
-  color: #515151;
+  color: #333333;
 }
 .jobStatus.Closed {
  color: #9e9e9e;
@@ -739,7 +752,7 @@ table.genericData td.id a {
  color: #6a00ff;
 }
 .deviceStatus {
-  color: #515151;
+  color: #333333;
 }
 .deviceStatus.Decommissioned {
  color: #9e9e9e;
@@ -771,7 +784,10 @@ table.jobTable > tbody > tr > th {
  border: solid 1px #f4f4f4;
 }
 table.jobTable > tbody > tr:hover > td {
-  background-color: #f4f4f4;
+  background-color: #fefefe;
+}
+table.jobTable > tbody > tr:hover:nth-child(odd) > td {
+  background-color: #fafafa;
 }
 table.jobTable > tfoot > tr > th,
 table.jobTable > tfoot > tr > td {
@@ -789,6 +805,34 @@ table.jobTable td.id a,
 table.jobTable th.id a {
  padding: 0 6px;
 }
+table.jobTable tr.statusSlaWarning td {
+  background-color: #fdeed1;
+}
+table.jobTable tr.statusSlaWarning td:not(:last-child) {
+  border-right: 1px solid #f8e9cb;
+}
+table.jobTable tr.statusSlaExpired td {
+  background-color: #ffd7d3;
+}
+table.jobTable tr.statusSlaExpired td:not(:last-child) {
+  border-right: 1px solid #fad2ce;
+}
+table.jobTable tr:nth-child(odd).statusSlaWarning td {
+  background-color: #fcedcf !important;
+}
+table.jobTable tr:nth-child(odd).statusSlaExpired td {
+  background-color: #fed6d2 !important;
+}
+table.jobTable tr:hover.statusSlaWarning td {
+  background-color: #fbebca !important;
+}
+table.jobTable tr:hover.statusSlaExpired td {
+  background-color: #fed1cd !important;
+}
+table.jobTable div.queues {
+  display: inline-block;
+  float: right;
+}
 table.jobTable td.dates,
 table.jobTable th.dates {
  width: 130px;
@@ -817,9 +861,13 @@ table.deviceTable tr.decommissioned {
  background-color: #ededed;
 }
 textarea {
-  min-height: 75px;
+  font-size: 12px;
  font-family: "Segoe UI", Arial, Verdana, Tahoma, sans-serif;
  border: 1px solid #ccc;
+  min-height: 75px;
+  padding: 2px;
+  color: #444;
+  width: 200px;
 }
 input[type="text"],
 input[type="password"],
@@ -996,6 +1044,99 @@ div.form > table table.sub > tbody > tr > th.name {
  border-right: none;
  padding-right: 0;
 }
+.d-priority-high {
+  color: #fa6800;
+  width: 1.2857142857142858em;
+  text-align: center;
+}
+.d-priority-high:before {
+  content: "\f12a";
+}
+.d-priority-normal {
+  color: #60a917;
+  width: 1.2857142857142858em;
+  text-align: center;
+}
+.d-priority-normal:before {
+  content: "\f068";
+}
+.d-priority-low {
+  color: #1e6dab;
+  width: 1.2857142857142858em;
+  text-align: center;
+}
+.d-priority-low:before {
+  content: "\f063";
+}
+.fa-stack .d-priority-high,
+.fa-stack .d-priority-normal,
+.fa-stack .d-priority-low {
+  width: 100%;
+  font-size: .8em;
+  margin-left: .5em;
+  margin-top: .4em;
+  opacity: .6;
+}
+.d-lime {
+  color: #a4c400;
+}
+.d-green {
+  color: #60a917;
+}
+.d-emerald {
+  color: #008a00;
+}
+.d-teal {
+  color: #00aba9;
+}
+.d-cyan {
+  color: #1ba1e2;
+}
+.d-cobalt {
+  color: #0050ef;
+}
+.d-indigo {
+  color: #6a00ff;
+}
+.d-violet {
+  color: #aa00ff;
+}
+.d-pink {
+  color: #f472d0;
+}
+.d-magenta {
+  color: #d80073;
+}
+.d-crimson {
+  color: #a20025;
+}
+.d-red {
+  color: #e51400;
+}
+.d-orange {
+  color: #fa6800;
+}
+.d-amber {
+  color: #f0a30a;
+}
+.d-yellow {
+  color: #e3c800;
+}
+.d-brown {
+  color: #825a2c;
+}
+.d-olive {
+  color: #6d8764;
+}
+.d-steel {
+  color: #647689;
+}
+.d-mauve {
+  color: #76608a;
+}
+.d-sienna {
+  color: #a0522d;
+}
 table.subtleHighlight {
  border: 1px solid #cccccc;
  background-color: #ededed;
@@ -47,18 +47,21 @@ header, #header {
        height: 34px;
        padding: 0;
        margin: 0;
-        font-size: 1.1em;

        ul#menu {
-            height: 30px;
-            padding: 2px 2px;
-            margin: 0;
+            height: 26px;
+            padding: 0;
+            margin: 8px 0 0 8px;
            list-style: none;
            z-index: 100000;
+            font-size: 0;
+            line-height: 0;

            & > li {
                display: inline-block;
                z-index: 100000;
+                font-size: @FontSizeDefault * 1.1;
+                line-height: @FontSizeDefault * 1.6;

                &.moveRight {
                    margin-left: 40px;
@@ -66,21 +69,24 @@ header, #header {

                & > a {
                    display: inline-block;
-                    padding: 5px 10px 3px 10px;
-                    height: 22px;
+                    padding: 2px 10px 4px 10px;
+                    height: 20px;
                    color: @white;
                    font-weight: 400;
                    text-transform: uppercase;
                    text-decoration: none;

                    &:active {
-                        color: @MenuHoverColour;
                        text-decoration: none;
                    }
                }

+                &.active > a {
+                    background-color: @MenuActiveBackgroundColour;
+                }
+
                &:hover > a {
-                    color: @MenuHoverColour;
+                    background-color: @MenuHoverBackgroundColour;
                    text-decoration: none;
                }

@@ -89,7 +95,7 @@ header, #header {
                    display: none;
                    list-style: none;
                    position: absolute;
-                    margin: 2px 0 0 0;
+                    margin: 0;
                    border-left: 1px solid @BackgroundColour;
                    border-bottom: 1px solid @BackgroundColour;
                    border-right: 1px solid @BackgroundColour;
@@ -102,16 +108,14 @@ header, #header {
                        position: relative;
                        background-position: top;
                        background-repeat: repeat-x;
+                        border-top: 1px solid hsla(hue(@BackgroundColour), saturation(@BackgroundColour), 90%, 1);

-                        &:not(:first-child) {
-                            border-top: 1px solid hsla(hue(@BackgroundColour), saturation(@BackgroundColour), 90%, 1);
+                        &:first-child {
+                            border-top: 1px solid @BackgroundColour;
                        }

                        &:hover {
-                            &:not(:first-child) {
-                                border-top: 1px solid hsla(hue(@BackgroundColour), saturation(@BackgroundColour), 85%, 1);
-                            }
-
+                            border-top: 1px solid hsla(hue(@BackgroundColour), saturation(@BackgroundColour), 85%, 1);
                            background-color: hsla(hue(@BackgroundColour), saturation(@BackgroundColour), 90%, 1);
                        }

@@ -131,7 +135,7 @@ header, #header {
                            }
                        }

-                        i.fa {
+                        i.fa-caret-right {
                            cursor: pointer;
                            color: lighten(@HeaderBackgroundColour, 20%);
                            font-size: 16px;
@@ -141,7 +145,7 @@ header, #header {
                            top: 7px;
                        }

-                        &:hover i.fa {
+                        &:hover i.fa-caret-right {
                            color: @HeaderBackgroundColour;
                        }
                    }
@@ -153,7 +157,9 @@ header, #header {
                        top: -1px;
                        left: 180px;
                        background-color: hsla(hue(@BackgroundColour), saturation(@BackgroundColour), 95%, 1);
-                        border: 1px solid @BackgroundColour;
+                        border-left: 1px solid @BackgroundColour;
+                        border-right: 1px solid @BackgroundColour;
+                        border-bottom: 1px solid @BackgroundColour;
                        padding: 0;
                        min-width: 180px;
                        box-shadow: 2px 2px 5px fade(@BackgroundColour, 50%);
@@ -291,13 +297,15 @@ footer, #footer {
 }

 // Element Resets
-p, ul {
+p {
    margin: 0 0 20px 0;
    line-height: 1.6em;
 }

 ul {
    margin: 0;
+    padding: 0 0 0 25px;
+    list-style: square;
    line-height: 1.6em;
 }

@@ -734,7 +742,47 @@ table.jobTable {
        }
    }

-    td.status, th.status {
+    tr {
+        &.statusSlaWarning td {
+            background-color: mix(lighten(@StatusSlaWarning, 32%), @white, 50%);
+
+            &:not(:last-child) {
+                border-right: 1px solid average(lighten(@StatusSlaWarning, 32%), @TableDataBorderColour);
+            }
+        }
+
+        &.statusSlaExpired td {
+            background-color: mix(lighten(@StatusSlaExpired, 38%), @white, 50%);
+
+            &:not(:last-child) {
+                border-right: 1px solid average(lighten(@StatusSlaExpired, 38%), @TableDataBorderColour);
+            }
+        }
+
+        &:nth-child(odd) {
+            &.statusSlaWarning td {
+                background-color: mix(lighten(@StatusSlaWarning, 32%), @TableDataRowBackgroundColor, 50%) !important;
+            }
+
+            &.statusSlaExpired td {
+                background-color: mix(lighten(@StatusSlaExpired, 38%), @TableDataRowBackgroundColor, 50%) !important;
+            }
+        }
+
+        &:hover {
+            &.statusSlaWarning td {
+                background-color: darken(mix(lighten(@StatusSlaWarning, 32%), @TableDataRowBackgroundColor, 50%), 1%) !important;
+            }
+
+            &.statusSlaExpired td {
+                background-color: darken(mix(lighten(@StatusSlaExpired, 38%), @TableDataRowBackgroundColor, 50%), 1%) !important;
+            }
+        }
+    }
+
+    div.queues {
+        display: inline-block;
+        float: right;
    }

    td.dates, th.dates {
@@ -769,9 +817,13 @@ table.deviceTable {
 }

 textarea {
-    min-height: 75px;
+    font-size: 12px;
    font-family: @FontFamilyBody;
    border: 1px solid #ccc;
+    min-height: 75px;
+    padding: 2px;
+    color: #444;
+    width: 200px;
 }

 input[type="text"], input[type="password"], input[type="file"], input[type="number"] {
@@ -973,6 +1025,127 @@ div.form {
        }
 }

+// Priority Colours
+.d-priority-high {
+    color: @PriorityHigh;
+    width: 1.2857142857142858em;
+    text-align: center;
+
+    &:before {
+        content: "\f12a";
+    }
+}
+
+.d-priority-normal {
+    color: @PriorityNormal;
+    width: 1.2857142857142858em;
+    text-align: center;
+
+    &:before {
+        content: "\f068";
+    }
+}
+
+.d-priority-low {
+    color: @PriorityLow;
+    width: 1.2857142857142858em;
+    text-align: center;
+
+    &:before {
+        content: "\f063";
+    }
+}
+
+.fa-stack .d-priority-high, .fa-stack .d-priority-normal, .fa-stack .d-priority-low {
+    width: 100%;
+    font-size: .8em;
+    margin-left: .5em;
+    margin-top: .4em;
+    opacity: .6;
+}
+
+// Theme Colours
+.d-lime {
+    color: @ThemeLime;
+}
+
+.d-green {
+    color: @ThemeGreen;
+}
+
+.d-emerald {
+    color: @ThemeEmerald;
+}
+
+.d-teal {
+    color: @ThemeTeal;
+}
+
+.d-cyan {
+    color: @ThemeCyan;
+}
+
+.d-cobalt {
+    color: @ThemeCobalt;
+}
+
+.d-indigo {
+    color: @ThemeIndigo;
+}
+
+.d-violet {
+    color: @ThemeViolet;
+}
+
+.d-pink {
+    color: @ThemePink;
+}
+
+.d-magenta {
+    color: @ThemeMagenta;
+}
+
+.d-crimson {
+    color: @ThemeCrimson;
+}
+
+.d-red {
+    color: @ThemeRed;
+}
+
+.d-orange {
+    color: @ThemeOrange;
+}
+
+.d-amber {
+    color: @ThemeAmber;
+}
+
+.d-yellow {
+    color: @ThemeYellow;
+}
+
+.d-brown {
+    color: @ThemeBrown;
+}
+
+.d-olive {
+    color: @ThemeOlive;
+}
+
+.d-steel {
+    color: @ThemeSteel;
+}
+
+.d-mauve {
+    color: @ThemeMauve;
+}
+
+.d-sienna {
+    color: @ThemeSienna;
+}
+
+
 table.subtleHighlight {
    border: 1px solid @SubtleBorderColour;
    background-color: @SubtleColour;
@@ -1150,4 +1323,4 @@ textarea.block {
    li {
        font-size: 0.9em;
    }
-}
+}
@@ -1,4 +1,4 @@
-div.simileAjax-bubble-container {
+div.simileAjax-bubble-container {
    margin:     0px;
    padding:    0px;
    border:     none;
@@ -1,4 +1,4 @@
-.timeline-container {
+.timeline-container {
  border: 1px solid #aaa;
 }
 .timeline-event-label {
@@ -15,7 +15,10 @@
  border: solid 1px #f4f4f4;
 }
 .tableData > tbody > tr:hover > td {
-  background-color: #f4f4f4;
+  background-color: #fefefe;
+}
+.tableData > tbody > tr:hover:nth-child(odd) > td {
+  background-color: #fafafa;
 }
 .tableData > tfoot > tr > th,
 .tableData > tfoot > tr > td {
@@ -30,7 +33,7 @@
  background-color: #ffffff;
 }
 .tableDataDark th {
-  background-color: #d8d8d8;
+  background-color: #eeeeee;
  border: solid 1px #d8d8d8;
 }
 .tableDataContainer {
@@ -96,9 +99,6 @@
 #User_Show #User_Show_Subjects > tbody > tr > td:not(:last-child) {
  border-right: 1px dashed #aaa;
 }
-#User_Show #User_Show_Subjects .dialog {
-  display: none;
-}
 #User_Show #User_Show_Subjects #User_Show_Details {
  width: 330px;
 }
@@ -360,7 +360,7 @@
  padding: 3px;
 }
 #userShowResources #Attachments div.attachmentInput span.action {
-  color: #515151;
+  color: #333333;
  display: block;
  margin: 0 4px 0 0;
  font-size: 1.5em;
@@ -27,10 +27,6 @@
                border-right: 1px dashed #aaa;
            }

-        .dialog {
-            display: none;
-        }
-
        #User_Show_Details {
            width: 330px;

@@ -15,7 +15,10 @@
  border: solid 1px #f4f4f4;
 }
 .tableData > tbody > tr:hover > td {
-  background-color: #f4f4f4;
+  background-color: #fefefe;
+}
+.tableData > tbody > tr:hover:nth-child(odd) > td {
+  background-color: #fafafa;
 }
 .tableData > tfoot > tr > th,
 .tableData > tfoot > tr > td {
@@ -30,7 +33,7 @@
  background-color: #ffffff;
 }
 .tableDataDark th {
-  background-color: #d8d8d8;
+  background-color: #eeeeee;
  border: solid 1px #d8d8d8;
 }
 .tableDataContainer {
@@ -76,7 +79,21 @@
  opacity: 1;
 }
 .watermark {
-  color: #888 !important;
+  color: #888888 !important;
+}
+::-webkit-input-placeholder {
+  color: #888888;
+}
+::-moz-placeholder {
+  color: #888888;
+}
+/* firefox 19+ */
+:-ms-input-placeholder {
+  color: #888888;
+}
+/* ie */
+input:-moz-placeholder {
+  color: #888888;
 }
 .ui-autocomplete-loading {
  background: #ffffff url(data:image/gif;base64,R0lGODlhEAALAPQAAP///zNah+Hm7dng6O7x9DddiTNah1d3nJqtw3+Xs8fS3k5vlm6JqaGzx4KatcrU4FFymDZciHGMq+ru8t/l7Pb3+V9+oeLo7vT2+MTP3LLB0dTc5fHz9gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA) /*Images/Status/loading.gif*/ right center no-repeat;
@@ -104,11 +121,12 @@
  text-align: left;
 }
 .ui-timepicker-div dl dt {
-  height: 25px;
-  margin-bottom: -25px;
+  float: left;
+  clear: left;
+  padding: 0 0 0 5px;
 }
 .ui-timepicker-div dl dd {
-  margin: 0 10px 10px 65px;
+  margin: 0 10px 10px 45%;
 }
 .ui-timepicker-div td {
  font-size: 90%;
@@ -119,6 +137,20 @@
  margin: 0;
  padding: 0;
 }
+.ui-timepicker-rtl {
+  direction: rtl;
+}
+.ui-timepicker-rtl dl {
+  text-align: right;
+  padding: 0 5px 0 0;
+}
+.ui-timepicker-rtl dl dt {
+  float: right;
+  clear: right;
+}
+.ui-timepicker-rtl dl dd {
+  margin: 0 45% 10px 10px;
+}
@-moz-keyframes progressBarKeyframes {
  from {
    background-position-x: 0px;
@@ -171,9 +203,12 @@
 {
    font-weight: bold;
 }*/
+.page .dialog {
+  display: none;
+}
 .ui-dialog {
  padding: 0;
-  border-color: #515151;
+  border-color: #333333;
  background: #fcfcfc;
  box-shadow: rgba(20, 20, 20, 0.7) 0px 0px 50px;
 }
@@ -182,7 +217,7 @@
  border-left: none;
  border-right: none;
  border-bottom-color: #d1d1d1;
-  background: #515151;
+  background: #333333;
  color: #fff;
  font-size: 1.1em;
  font-weight: normal;
@@ -2,8 +2,25 @@

 // Watermark
 .watermark {
-    color: #888 !important;
+    color: @PlaceholderColour !important;
 }
+
+::-webkit-input-placeholder {
+    color: @PlaceholderColour;
+}
+
+::-moz-placeholder {
+    color: @PlaceholderColour;
+}
+/* firefox 19+ */
+:-ms-input-placeholder {
+    color: @PlaceholderColour;
+}
+/* ie */
+input:-moz-placeholder {
+    color: @PlaceholderColour;
+}
+
 // Autocomplete
 .ui-autocomplete-loading {
    background: white url(data:image/gif;base64,R0lGODlhEAALAPQAAP///zNah+Hm7dng6O7x9DddiTNah1d3nJqtw3+Xs8fS3k5vlm6JqaGzx4KatcrU4FFymDZciHGMq+ru8t/l7Pb3+V9+oeLo7vT2+MTP3LLB0dTc5fHz9gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA) /*Images/Status/loading.gif*/ right center no-repeat;
@@ -23,13 +40,8 @@
 * html .ui-autocomplete {
    height: 150px;
 }
+
 // timepicker
-// .ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
-// .ui-timepicker-div dl{ text-align: left; }
-// .ui-timepicker-div dl dt{ height: 25px; }
-// .ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
-// .ui-timepicker-div td { font-size: 90%; }
-// New Timepicker CSS (2012-09-11)
 .ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
 }
@@ -39,12 +51,13 @@
 }

    .ui-timepicker-div dl dt {
-        height: 25px;
-        margin-bottom: -25px;
+        float: left;
+        clear: left;
+        padding: 0 0 0 5px;
    }

    .ui-timepicker-div dl dd {
-        margin: 0 10px 10px 65px;
+        margin: 0 10px 10px 45%;
    }

 .ui-timepicker-div td {
@@ -58,6 +71,24 @@
    padding: 0;
 }

+.ui-timepicker-rtl {
+    direction: rtl;
+}
+
+    .ui-timepicker-rtl dl {
+        text-align: right;
+        padding: 0 5px 0 0;
+    }
+
+        .ui-timepicker-rtl dl dt {
+            float: right;
+            clear: right;
+        }
+
+        .ui-timepicker-rtl dl dd {
+            margin: 0 45% 10px 10px;
+        }
+

 // Progress Bar
@-moz-keyframes progressBarKeyframes {
@@ -89,6 +120,7 @@
        background-position-x: 47px;
    }
 }
+
 .ui-progressbar-value {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAYCAYAAAC8/X7cAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QwYAwcRFZ4/TAAAAmtJREFUWMO1l+lu2kAQx/+WlqMYCGmMzRGwcUhoVbWq1Ifq2+RF+hJ9hVRpohLuCB9AwAaqfqiPfjBEhtrcO5/wrGf2N4eXWeb223cXlCSeyUHIJGi5hzqagPny9ZZKAOfyZ9TyaWrw940u5noXJB4lJ3eeqXzCtUAP/qHZgzXpIx4lILFIcACuCzBM+HOY7kz6iGs+uRHABcAcCP/YUWAZCpbcJBZWgaDGYjbs7gJp8QOqC/igBACezr+2/nv5TtBavavCmvQ9+IWexMhqAMsNwiQICgDSpRpknl7bPPU0WIYCf8u77qYK7CHp4g2kbIoafLM/hGWqCGIl8chxAaQKVZQ5evBtdQTbUBDGeVQFkvkrlC9YavAdbQw7JPOvAUQPrADLlVDm6WW+q49hmRq28R3UQgmuiEvujBr882ACZzrALmx7t9Cb8xyK2Qw1+P7QgDMfYlcu0lZfdm+brAg5EoNm/DnZH5NfWsoLfg+7e9kQy3Z2g+dFiLm3sB06s19LHWOut/e22ykAlhch5S9gu3Tgm8oYc611kO3WAJKCBLnAwaGV+cEMZr9xsP3GAJK5CuQCR61tmoMZzN7jUT6I7QQHwAoVXBWzsCldd5r6FGbv4Wg/gRVgs2VUL3lqmW9o5kngvQrYzsoxmOBF3IgF2I77Oj2HTdOuTxc6va6tP+kzTDv3/9mE7YUtvlcqwAoSagt4GlLXZzDbP07qk/y1be+D5UXUpAK1o7KuTTFp3Z3cL7FsBylBwju5dNRRuV5+v+6XOoXRvltcQlwwDBNwhfX029b9z94wx5Xw/kj4jRfw5xHM3k9qs9M/9mQP+uNoCX0AAAAASUVORK5CYII=) /*Images\Status\progressBar.png*/;
    background-position: 0px 0;
@@ -121,6 +153,12 @@
    font-weight: bold;
 }*/

+// Initially hide dialogs
+
+.page .dialog {
+    display: none;
+}
+
 .ui-dialog {
    padding: 0;
    border-color: @HeaderBackgroundColour;
@@ -1,13 +1,10 @@
 /*! normalize.css v2.1.3 | MIT License | git.io/normalize */
-
 /* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
-
 /**
 * Correct `block` display not defined in IE 8/9.
 */
-
 article,
 aside,
 details,
@@ -20,299 +17,252 @@ main,
 nav,
 section,
 summary {
-    display: block;
+  display: block;
 }
-
 /**
 * Correct `inline-block` display not defined in IE 8/9.
 */
-
 audio,
 canvas,
 video {
-    display: inline-block;
+  display: inline-block;
 }
-
 /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
-
 audio:not([controls]) {
-    display: none;
-    height: 0;
+  display: none;
+  height: 0;
 }
-
 /**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
-
 [hidden],
 template {
-    display: none;
+  display: none;
 }
-
 /* ==========================================================================
   Base
   ========================================================================== */
-
 /**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
-
 html {
-    font-family: sans-serif; /* 1 */
-    -ms-text-size-adjust: 100%; /* 2 */
-    -webkit-text-size-adjust: 100%; /* 2 */
-}
+  font-family: sans-serif;
+  /* 1 */

+  -ms-text-size-adjust: 100%;
+  /* 2 */
+
+  -webkit-text-size-adjust: 100%;
+  /* 2 */
+
+}
 /**
 * Remove default margin.
 */
-
 body {
-    margin: 0;
+  margin: 0;
 }
-
 /* ==========================================================================
   Links
   ========================================================================== */
-
 /**
 * Remove the gray background color from active links in IE 10.
 */
-
 a {
-    background: transparent;
+  background: transparent;
 }
-
 /**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
-
 a:focus {
-    outline: thin dotted;
+  outline: thin dotted;
 }
-
 /**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
-
 a:active,
 a:hover {
-    outline: 0;
+  outline: 0;
 }
-
 /* ==========================================================================
   Typography
   ========================================================================== */
-
 /**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
-
 h1 {
-    font-size: 2em;
-    margin: 0.67em 0;
+  font-size: 2em;
+  margin: 0.67em 0;
 }
-
 /**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
-
 abbr[title] {
-    border-bottom: 1px dotted;
+  border-bottom: 1px dotted;
 }
-
 /**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
-
 b,
 strong {
-    font-weight: bold;
+  font-weight: bold;
 }
-
 /**
 * Address styling not present in Safari 5 and Chrome.
 */
-
 dfn {
-    font-style: italic;
+  font-style: italic;
 }
-
 /**
 * Address differences between Firefox and other browsers.
 */
-
 hr {
-    -moz-box-sizing: content-box;
-    box-sizing: content-box;
-    height: 0;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  height: 0;
 }
-
 /**
 * Address styling not present in IE 8/9.
 */
-
 mark {
-    background: #ff0;
-    color: #000;
+  background: #ff0;
+  color: #000;
 }
-
 /**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
-
 code,
 kbd,
 pre,
 samp {
-    font-family: monospace, serif;
-    font-size: 1em;
+  font-family: monospace, serif;
+  font-size: 1em;
 }
-
 /**
 * Improve readability of pre-formatted text in all browsers.
 */
-
 pre {
-    white-space: pre-wrap;
+  white-space: pre-wrap;
 }
-
 /**
 * Set consistent quote types.
 */
-
 q {
-    quotes: "\201C" "\201D" "\2018" "\2019";
+  quotes: "\201C" "\201D" "\2018" "\2019";
 }
-
 /**
 * Address inconsistent and variable font size in all browsers.
 */
-
 small {
-    font-size: 80%;
+  font-size: 80%;
 }
-
 /**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
-
 sub,
 sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline;
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
 }
-
 sup {
-    top: -0.5em;
+  top: -0.5em;
 }
-
 sub {
-    bottom: -0.25em;
+  bottom: -0.25em;
 }
-
 /* ==========================================================================
   Embedded content
   ========================================================================== */
-
 /**
 * Remove border when inside `a` element in IE 8/9.
 */
-
 img {
-    border: 0;
+  border: 0;
 }
-
 /**
 * Correct overflow displayed oddly in IE 9.
 */
-
 svg:not(:root) {
-    overflow: hidden;
+  overflow: hidden;
 }
-
 /* ==========================================================================
   Figures
   ========================================================================== */
-
 /**
 * Address margin not present in IE 8/9 and Safari 5.
 */
-
 figure {
-    margin: 0;
+  margin: 0;
 }
-
 /* ==========================================================================
   Forms
   ========================================================================== */
-
 /**
 * Define consistent border, margin, and padding.
 */
-
 fieldset {
-    border: 1px solid #c0c0c0;
-    margin: 0 2px;
-    padding: 0.35em 0.625em 0.75em;
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
 }
-
 /**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
-
 legend {
-    border: 0; /* 1 */
-    padding: 0; /* 2 */
-}
+  border: 0;
+  /* 1 */

+  padding: 0;
+  /* 2 */
+
+}
 /**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
-
 button,
 input,
 select,
 textarea {
-    font-family: inherit; /* 1 */
-    font-size: 100%; /* 2 */
-    margin: 0; /* 3 */
-}
+  font-family: inherit;
+  /* 1 */

+  font-size: 100%;
+  /* 2 */
+
+  margin: 0;
+  /* 3 */
+
+}
 /**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
-
 button,
 input {
-    line-height: normal;
+  line-height: normal;
 }
-
 /**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
-
 button,
 select {
-    text-transform: none;
+  text-transform: none;
 }
-
 /**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
@@ -320,87 +270,87 @@ select {
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
-
 button,
-html input[type="button"], /* 1 */
+html input[type="button"],
 input[type="reset"],
 input[type="submit"] {
-    -webkit-appearance: button; /* 2 */
-    cursor: pointer; /* 3 */
-}
+  -webkit-appearance: button;
+  /* 2 */

+  cursor: pointer;
+  /* 3 */
+
+}
 /**
 * Re-set default cursor for disabled elements.
 */
-
 button[disabled],
 html input[disabled] {
-    cursor: default;
+  cursor: default;
 }
-
 /**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
-
 input[type="checkbox"],
 input[type="radio"] {
-    box-sizing: border-box; /* 1 */
-    padding: 0; /* 2 */
-}
+  box-sizing: border-box;
+  /* 1 */

+  padding: 0;
+  /* 2 */
+
+}
 /**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
-
 input[type="search"] {
-    -webkit-appearance: textfield; /* 1 */
-    -moz-box-sizing: content-box;
-    -webkit-box-sizing: content-box; /* 2 */
-    box-sizing: content-box;
-}
+  -webkit-appearance: textfield;
+  /* 1 */

+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+  /* 2 */
+
+  box-sizing: content-box;
+}
 /**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
-
 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration {
-    -webkit-appearance: none;
+  -webkit-appearance: none;
 }
-
 /**
 * Remove inner padding and border in Firefox 4+.
 */
-
 button::-moz-focus-inner,
 input::-moz-focus-inner {
-    border: 0;
-    padding: 0;
+  border: 0;
+  padding: 0;
 }
-
 /**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
-
 textarea {
-    overflow: auto; /* 1 */
-    vertical-align: top; /* 2 */
-}
+  overflow: auto;
+  /* 1 */

+  vertical-align: top;
+  /* 2 */
+
+}
 /* ==========================================================================
   Tables
   ========================================================================== */
-
 /**
 * Remove most spacing between table cells.
 */
-
 table {
-    border-collapse: collapse;
-    border-spacing: 0;
+  border-collapse: collapse;
+  border-spacing: 0;
 }
@@ -0,0 +1,406 @@
+/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+   HTML5 display definitions
+   ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+    display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 8/9.
+ */
+
+audio,
+canvas,
+video {
+    display: inline-block;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+    display: none;
+    height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9.
+ * Hide the `template` element in IE, Safari, and Firefox < 22.
+ */
+
+[hidden],
+template {
+    display: none;
+}
+
+/* ==========================================================================
+   Base
+   ========================================================================== */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+    font-family: sans-serif; /* 1 */
+    -ms-text-size-adjust: 100%; /* 2 */
+    -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Links
+   ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+    background: transparent;
+}
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+    outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+    outline: 0;
+}
+
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari 5, and Chrome.
+ */
+
+h1 {
+    font-size: 2em;
+    margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+    border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+    font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+    font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+    height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+    background: #ff0;
+    color: #000;
+}
+
+/**
+ * Correct font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+    font-family: monospace, serif;
+    font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+    white-space: pre-wrap;
+}
+
+/**
+ * Set consistent quote types.
+ */
+
+q {
+    quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+    font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+}
+
+sup {
+    top: -0.5em;
+}
+
+sub {
+    bottom: -0.25em;
+}
+
+/* ==========================================================================
+   Embedded content
+   ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9.
+ */
+
+img {
+    border: 0;
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+    overflow: hidden;
+}
+
+/* ==========================================================================
+   Figures
+   ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Forms
+   ========================================================================== */
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+    border: 1px solid #c0c0c0;
+    margin: 0 2px;
+    padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+    border: 0; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/**
+ * 1. Correct font family not being inherited in all browsers.
+ * 2. Correct font size not being inherited in all browsers.
+ * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
+ */
+
+button,
+input,
+select,
+textarea {
+    font-family: inherit; /* 1 */
+    font-size: 100%; /* 2 */
+    margin: 0; /* 3 */
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+    line-height: normal;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+    text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+    -webkit-appearance: button; /* 2 */
+    cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+    cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+    box-sizing: border-box; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+    -webkit-appearance: textfield; /* 1 */
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box; /* 2 */
+    box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+    overflow: auto; /* 1 */
+    vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
@@ -0,0 +1 @@
+article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"“" "”" "‘" "’"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
				`@@ -0,0 +1 @@`
				article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"“" "”" "‘" "’"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}