From fce807d1e675c4cb2fe9cc093f5cbd80055b3e2d Mon Sep 17 00:00:00 2001
From: Dmitriy Uchakin <dmitriy.uchakin@spinen.com>
Date: Fri, 18 Dec 2015 13:40:51 -0800
Subject: [PATCH 1/2] Fix for datetimepicker partially being covered by top
 menu

---
 public/css/main.css  | 891 ++++++++++++++++++++++++++++++++-----------
 public/css/main.less |   9 +
 2 files changed, 668 insertions(+), 232 deletions(-)

diff --git a/public/css/main.css b/public/css/main.css
index 25ac057c2..dc0766a29 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -1,3 +1,6 @@
+/* imports */
+/* imports */
+/* fonts */
 .verdana {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 }
@@ -7,16 +10,44 @@
 .centuryGothic {
   font-family: 'century gothic', verdana, arial, helvetica, sans-serif;
 }
+/**
+ *
+ * HTML ELEMENTS
+ *
+ */
+/* You can put your HTML reset declarations in here if you like */
+/**
+ *
+ * BORDER RADIUS
+ *
+ */
+/* clears the border radius from an element */
 .noBorderRadius {
   -moz-border-radius: 0;
   border-radius: 0;
   -webkit-border-radius: 0;
 }
+/**
+ *
+ * BOX SHADOWS
+ *
+ */
+/* same as above, except with spread. not sure what uses above so i may screw it up */
 .noBoxShadow {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
 }
+/**
+ *
+ * GRADIENTS
+ *
+ */
+/**
+ *
+ * TRANSITIONS
+ *
+ */
 .noTransition {
   -webkit-transition: none;
   -moz-transition: none;
@@ -24,6 +55,12 @@
   -o-transition: none;
   transition: none;
 }
+/**
+ *
+ * REUSABLE ELEMENTS
+ *
+ */
+/* simple table */
 .simpleTable th,
 .simpleTable td,
 .simpleTable tr,
@@ -33,21 +70,26 @@
   padding: 0;
   margin: 0;
 }
+/* disables selection */
 .noSelect {
   -moz-user-select: none;
   -webkit-user-select: none;
   user-select: none;
 }
+/* enables selection */
 .select {
   -moz-user-select: auto;
   -webkit-user-select: auto;
   user-select: auto;
 }
+/* overflow ellipsis */
 .overflowEllipsis {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+/* opacity */
+/* clearfix */
 .clearfix {
   zoom: 1;
 }
@@ -61,6 +103,7 @@
 .clearfix:after {
   clear: both;
 }
+/* Fonts */
 @font-face {
   font-family: 'Oxygen';
   src: url('fonts/Oxygen/oxygen-regular-webfont.eot');
@@ -78,14 +121,15 @@
 .oxygen {
   font-family: 'Oxygen', sans-serif;
 }
+/* Elements */
 .input {
   display: inline-block;
   vertical-align: middle;
   height: 18px;
   font-family: 'Oxygen', sans-serif;
-  -moz-box-shadow: inset 0px 1px 2px 1px #eee;
-  -webkit-box-shadow: inset 0px 1px 2px 1px #eee;
-  box-shadow: inset 0px 1px 2px 1px #eee;
+  -moz-box-shadow: inset 0px 1px 2px 1px #eeeeee;
+  -webkit-box-shadow: inset 0px 1px 2px 1px #eeeeee;
+  box-shadow: inset 0px 1px 2px 1px #eeeeee;
   color: #333;
   padding: 4px 7px;
   border: 1px solid #cccccc;
@@ -102,10 +146,10 @@
   width: 210px;
 }
 .input:focus {
-  border-color: rgba(82,168,236,0.8);
-  -moz-box-shadow: inset 0 1px 2px 1px #eee, 0 0 8px rgba(82,168,236,0.6);
-  -webkit-box-shadow: inset 0 1px 2px 1px #eee, 0 0 8px rgba(82,168,236,0.6);
-  box-shadow: inset 0 1px 2px 1px #eee, 0 0 8px rgba(82,168,236,0.6);
+  border-color: rgba(82, 168, 236, 0.8);
+  -moz-box-shadow: inset 0 1px 2px 1px #eeeeee, 0 0 8px rgba(82, 168, 236, 0.6);
+  -webkit-box-shadow: inset 0 1px 2px 1px #eeeeee, 0 0 8px rgba(82, 168, 236, 0.6);
+  box-shadow: inset 0 1px 2px 1px #eeeeee, 0 0 8px rgba(82, 168, 236, 0.6);
   outline: 0;
 }
 .greyButton {
@@ -113,16 +157,32 @@
   margin: 0;
   border: none;
   background: #818181;
-  background: -moz-linear-gradient(top,#818181 0%,#646464 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#646464),color-stop(100%,#646464));
-  background: -webkit-linear-gradient(top,#818181 0%,#646464 100%);
-  background: -o-linear-gradient(top,#818181 0%,#646464 100%);
-  background: -ms-linear-gradient(top,#818181 0%,#646464 100%);
-  background: linear-gradient(top,#818181 0%,#646464 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#818181',endColorstr='#646464',GradientType=0);
-  -moz-box-shadow: 0 1px 5px #444;
-  -webkit-box-shadow: 0 1px 5px #444;
-  box-shadow: 0 1px 5px #444;
+  /* Old browsers */
+
+  background: -moz-linear-gradient(top, #818181 0%, #646464 100%);
+  /* FF3.6+ */
+
+  /* Chrome,Safari4+ */
+
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #646464));
+  background: -webkit-linear-gradient(top, #818181 0%, #646464 100%);
+  /* Chrome10+,Safari5.1+ */
+
+  background: -o-linear-gradient(top, #818181 0%, #646464 100%);
+  /* Opera 11.10+ */
+
+  background: -ms-linear-gradient(top, #818181 0%, #646464 100%);
+  /* IE10+ */
+
+  background: linear-gradient(top, #818181 0%, #646464 100%);
+  /* W3C */
+
+  /* IE6-9 */
+
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#818181', endColorstr='#646464', GradientType=0);
+  -moz-box-shadow: 0 1px 5px #444444;
+  -webkit-box-shadow: 0 1px 5px #444444;
+  box-shadow: 0 1px 5px #444444;
   color: #fff;
   font-size: 13px;
   font-weight: normal;
@@ -138,18 +198,34 @@
 .greyButton:hover,
 .greyButton:focus {
   background: #929292;
-  background: -moz-linear-gradient(top,#929292 0%,#646464 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#646464),color-stop(100%,#646464));
-  background: -webkit-linear-gradient(top,#929292 0%,#646464 100%);
-  background: -o-linear-gradient(top,#929292 0%,#646464 100%);
-  background: -ms-linear-gradient(top,#929292 0%,#646464 100%);
-  background: linear-gradient(top,#929292 0%,#646464 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#929292',endColorstr='#646464',GradientType=0);
+  /* Old browsers */
+
+  background: -moz-linear-gradient(top, #929292 0%, #646464 100%);
+  /* FF3.6+ */
+
+  /* Chrome,Safari4+ */
+
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #646464));
+  background: -webkit-linear-gradient(top, #929292 0%, #646464 100%);
+  /* Chrome10+,Safari5.1+ */
+
+  background: -o-linear-gradient(top, #929292 0%, #646464 100%);
+  /* Opera 11.10+ */
+
+  background: -ms-linear-gradient(top, #929292 0%, #646464 100%);
+  /* IE10+ */
+
+  background: linear-gradient(top, #929292 0%, #646464 100%);
+  /* W3C */
+
+  /* IE6-9 */
+
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#818181', endColorstr='#646464', GradientType=0);
 }
 .greyButton:active {
-  -moz-box-shadow: inset 0 5px 7px 1px #666, 0 1px 2px #777;
-  -webkit-box-shadow: inset 0 5px 7px 1px #666, 0 1px 2px #777;
-  box-shadow: inset 0 5px 7px 1px #666, 0 1px 2px #777;
+  -moz-box-shadow: inset 0 5px 7px 1px #666666, 0 1px 2px #777777;
+  -webkit-box-shadow: inset 0 5px 7px 1px #666666, 0 1px 2px #777777;
+  box-shadow: inset 0 5px 7px 1px #666666, 0 1px 2px #777777;
 }
 .headerButtonPadding {
   padding: 9px 12px 8px;
@@ -160,14 +236,30 @@
 }
 .headerButton:hover,
 .headerButton.current {
-  background: #444;
-  background: -moz-linear-gradient(top,#444 0%,#333 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#333),color-stop(100%,#333));
-  background: -webkit-linear-gradient(top,#444 0%,#333 100%);
-  background: -o-linear-gradient(top,#444 0%,#333 100%);
-  background: -ms-linear-gradient(top,#444 0%,#333 100%);
-  background: linear-gradient(top,#444 0%,#333 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444',endColorstr='#333333',GradientType=0);
+  background: #444444;
+  /* Old browsers */
+
+  background: -moz-linear-gradient(top, #444444 0%, #333333 100%);
+  /* FF3.6+ */
+
+  /* Chrome,Safari4+ */
+
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #333333));
+  background: -webkit-linear-gradient(top, #444444 0%, #333333 100%);
+  /* Chrome10+,Safari5.1+ */
+
+  background: -o-linear-gradient(top, #444444 0%, #333333 100%);
+  /* Opera 11.10+ */
+
+  background: -ms-linear-gradient(top, #444444 0%, #333333 100%);
+  /* IE10+ */
+
+  background: linear-gradient(top, #444444 0%, #333333 100%);
+  /* W3C */
+
+  /* IE6-9 */
+
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#818181', endColorstr='#646464', GradientType=0);
 }
 .editForm {
   color: #444;
@@ -280,8 +372,8 @@
   right: -5px;
 }
 .editForm > div.image div.file_container a,
-.editForm > div.image div.file_container input,
 .editForm > div.file div.file_container a,
+.editForm > div.image div.file_container input,
 .editForm > div.file div.file_container input {
   vertical-align: middle;
 }
@@ -296,9 +388,9 @@
 .editForm > div.color div.color_preview {
   height: 8px;
   margin: 0 33px 0 1px;
-  -moz-box-shadow: 0px 1px 2px #aaa;
-  -webkit-box-shadow: 0px 1px 2px #aaa;
-  box-shadow: 0px 1px 2px #aaa;
+  -moz-box-shadow: 0px 1px 2px #aaaaaa;
+  -webkit-box-shadow: 0px 1px 2px #aaaaaa;
+  box-shadow: 0px 1px 2px #aaaaaa;
 }
 .editForm div.control_buttons {
   margin-top: 20px;
@@ -308,6 +400,9 @@
   display: block;
   margin: 10px 30px 0 3px;
 }
+/**
+ * The css for a full-screen edit area's main field div containers
+ */
 .full_screen_fields {
   display: inline-block;
   vertical-align: top;
@@ -450,8 +545,8 @@
   right: -5px;
 }
 #settings_page form.settings_form > div.image div.file_container a,
-#settings_page form.settings_form > div.image div.file_container input,
 #settings_page form.settings_form > div.file div.file_container a,
+#settings_page form.settings_form > div.image div.file_container input,
 #settings_page form.settings_form > div.file div.file_container input {
   vertical-align: middle;
 }
@@ -466,9 +561,9 @@
 #settings_page form.settings_form > div.color div.color_preview {
   height: 8px;
   margin: 0 33px 0 1px;
-  -moz-box-shadow: 0px 1px 2px #aaa;
-  -webkit-box-shadow: 0px 1px 2px #aaa;
-  box-shadow: 0px 1px 2px #aaa;
+  -moz-box-shadow: 0px 1px 2px #aaaaaa;
+  -webkit-box-shadow: 0px 1px 2px #aaaaaa;
+  box-shadow: 0px 1px 2px #aaaaaa;
 }
 #settings_page form.settings_form div.control_buttons {
   margin-top: 20px;
@@ -510,6 +605,7 @@
 #settings_page form.settings_form div.image_container input[type=button] {
   right: -30px !important;
 }
+/* CSS Resets */
 html,
 body,
 div,
@@ -592,6 +688,9 @@ li {
 a {
   text-decoration: none;
 }
+/*
+	Main Styling
+*/
 #wrapper {
   font-family: 'Oxygen', sans-serif;
   font-size: 13px;
@@ -621,9 +720,9 @@ a {
   vertical-align: middle;
   height: 18px;
   font-family: 'Oxygen', sans-serif;
-  -moz-box-shadow: inset 0px 1px 2px 1px #eee;
-  -webkit-box-shadow: inset 0px 1px 2px 1px #eee;
-  box-shadow: inset 0px 1px 2px 1px #eee;
+  -moz-box-shadow: inset 0px 1px 2px 1px #eeeeee;
+  -webkit-box-shadow: inset 0px 1px 2px 1px #eeeeee;
+  box-shadow: inset 0px 1px 2px 1px #eeeeee;
   color: #333;
   padding: 4px 7px;
   border: 1px solid #cccccc;
@@ -654,28 +753,53 @@ a {
 #wrapper input[type="search"]:focus,
 #wrapper input[type="tel"]:focus,
 #wrapper input[type="color"]:focus {
-  border-color: rgba(82,168,236,0.8);
-  -moz-box-shadow: inset 0 1px 2px 1px #eee, 0 0 8px rgba(82,168,236,0.6);
-  -webkit-box-shadow: inset 0 1px 2px 1px #eee, 0 0 8px rgba(82,168,236,0.6);
-  box-shadow: inset 0 1px 2px 1px #eee, 0 0 8px rgba(82,168,236,0.6);
+  border-color: rgba(82, 168, 236, 0.8);
+  -moz-box-shadow: inset 0 1px 2px 1px #eeeeee, 0 0 8px rgba(82, 168, 236, 0.6);
+  -webkit-box-shadow: inset 0 1px 2px 1px #eeeeee, 0 0 8px rgba(82, 168, 236, 0.6);
+  box-shadow: inset 0 1px 2px 1px #eeeeee, 0 0 8px rgba(82, 168, 236, 0.6);
   outline: 0;
 }
 #wrapper label {
   display: block;
   margin-bottom: 5px;
 }
+/* Fix for datetimepicker partially being covered by top menu*/
+#ui-datepicker-div {
+  margin-top: 40px !important;
+  z-index: 999 !important;
+}
+#ui-timepicker-div dl dd {
+  margin: 0px 10px 10px 85px;
+}
+/* common structure */
 #wrapper header {
   background: #5a6064;
-  background: -moz-linear-gradient(top,#5a6064 0%,#4a4f52 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#4a4f52),color-stop(100%,#4a4f52));
-  background: -webkit-linear-gradient(top,#5a6064 0%,#4a4f52 100%);
-  background: -o-linear-gradient(top,#5a6064 0%,#4a4f52 100%);
-  background: -ms-linear-gradient(top,#5a6064 0%,#4a4f52 100%);
-  background: linear-gradient(top,#5a6064 0%,#4a4f52 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a6064',endColorstr='#4a4f52',GradientType=0);
-  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.37);
-  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.37);
-  box-shadow: 0 1px 2px rgba(0,0,0,0.37);
+  /* Old browsers */
+
+  background: -moz-linear-gradient(top, #5a6064 0%, #4a4f52 100%);
+  /* FF3.6+ */
+
+  /* Chrome,Safari4+ */
+
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4a4f52), color-stop(100%, #4a4f52));
+  background: -webkit-linear-gradient(top, #5a6064 0%, #4a4f52 100%);
+  /* Chrome10+,Safari5.1+ */
+
+  background: -o-linear-gradient(top, #5a6064 0%, #4a4f52 100%);
+  /* Opera 11.10+ */
+
+  background: -ms-linear-gradient(top, #5a6064 0%, #4a4f52 100%);
+  /* IE10+ */
+
+  background: linear-gradient(top, #5a6064 0%, #4a4f52 100%);
+  /* W3C */
+
+  /* IE6-9 */
+
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#818181', endColorstr='#646464', GradientType=0);
+  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
   border-bottom: 1px solid #44484b;
   text-shadow: black 0 1px 0;
   height: 34px;
@@ -701,24 +825,56 @@ a {
 }
 #wrapper header h1 a:hover,
 #wrapper header h1 a.current {
-  background: #444;
-  background: -moz-linear-gradient(top,#444 0%,#333 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#333),color-stop(100%,#333));
-  background: -webkit-linear-gradient(top,#444 0%,#333 100%);
-  background: -o-linear-gradient(top,#444 0%,#333 100%);
-  background: -ms-linear-gradient(top,#444 0%,#333 100%);
-  background: linear-gradient(top,#444 0%,#333 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444',endColorstr='#333333',GradientType=0);
+  background: #444444;
+  /* Old browsers */
+
+  background: -moz-linear-gradient(top, #444444 0%, #333333 100%);
+  /* FF3.6+ */
+
+  /* Chrome,Safari4+ */
+
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #333333));
+  background: -webkit-linear-gradient(top, #444444 0%, #333333 100%);
+  /* Chrome10+,Safari5.1+ */
+
+  background: -o-linear-gradient(top, #444444 0%, #333333 100%);
+  /* Opera 11.10+ */
+
+  background: -ms-linear-gradient(top, #444444 0%, #333333 100%);
+  /* IE10+ */
+
+  background: linear-gradient(top, #444444 0%, #333333 100%);
+  /* W3C */
+
+  /* IE6-9 */
+
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#818181', endColorstr='#646464', GradientType=0);
 }
 #wrapper header h1 a:hover {
-  background: #444;
-  background: -moz-linear-gradient(top,#444 0%,#333 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#333),color-stop(100%,#333));
-  background: -webkit-linear-gradient(top,#444 0%,#333 100%);
-  background: -o-linear-gradient(top,#444 0%,#333 100%);
-  background: -ms-linear-gradient(top,#444 0%,#333 100%);
-  background: linear-gradient(top,#444 0%,#333 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444',endColorstr='#333333',GradientType=0);
+  background: #444444;
+  /* Old browsers */
+
+  background: -moz-linear-gradient(top, #444444 0%, #333333 100%);
+  /* FF3.6+ */
+
+  /* Chrome,Safari4+ */
+
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #333333));
+  background: -webkit-linear-gradient(top, #444444 0%, #333333 100%);
+  /* Chrome10+,Safari5.1+ */
+
+  background: -o-linear-gradient(top, #444444 0%, #333333 100%);
+  /* Opera 11.10+ */
+
+  background: -ms-linear-gradient(top, #444444 0%, #333333 100%);
+  /* IE10+ */
+
+  background: linear-gradient(top, #444444 0%, #333333 100%);
+  /* W3C */
+
+  /* IE6-9 */
+
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#818181', endColorstr='#646464', GradientType=0);
 }
 #wrapper header a,
 #wrapper header span {
@@ -734,14 +890,30 @@ a {
 }
 #wrapper header .iconButton:hover,
 #wrapper header .iconButton.current {
-  background: #444;
-  background: -moz-linear-gradient(top,#444 0%,#333 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#333),color-stop(100%,#333));
-  background: -webkit-linear-gradient(top,#444 0%,#333 100%);
-  background: -o-linear-gradient(top,#444 0%,#333 100%);
-  background: -ms-linear-gradient(top,#444 0%,#333 100%);
-  background: linear-gradient(top,#444 0%,#333 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444',endColorstr='#333333',GradientType=0);
+  background: #444444;
+  /* Old browsers */
+
+  background: -moz-linear-gradient(top, #444444 0%, #333333 100%);
+  /* FF3.6+ */
+
+  /* Chrome,Safari4+ */
+
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #333333));
+  background: -webkit-linear-gradient(top, #444444 0%, #333333 100%);
+  /* Chrome10+,Safari5.1+ */
+
+  background: -o-linear-gradient(top, #444444 0%, #333333 100%);
+  /* Opera 11.10+ */
+
+  background: -ms-linear-gradient(top, #444444 0%, #333333 100%);
+  /* IE10+ */
+
+  background: linear-gradient(top, #444444 0%, #333333 100%);
+  /* W3C */
+
+  /* IE6-9 */
+
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#818181', endColorstr='#646464', GradientType=0);
 }
 #wrapper header .iconButton > div {
   height: 35px;
@@ -754,14 +926,30 @@ a {
 }
 #wrapper header a#menu_button:hover,
 #wrapper header a#menu_button.current {
-  background: #444;
-  background: -moz-linear-gradient(top,#444 0%,#333 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#333),color-stop(100%,#333));
-  background: -webkit-linear-gradient(top,#444 0%,#333 100%);
-  background: -o-linear-gradient(top,#444 0%,#333 100%);
-  background: -ms-linear-gradient(top,#444 0%,#333 100%);
-  background: linear-gradient(top,#444 0%,#333 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444',endColorstr='#333333',GradientType=0);
+  background: #444444;
+  /* Old browsers */
+
+  background: -moz-linear-gradient(top, #444444 0%, #333333 100%);
+  /* FF3.6+ */
+
+  /* Chrome,Safari4+ */
+
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #333333));
+  background: -webkit-linear-gradient(top, #444444 0%, #333333 100%);
+  /* Chrome10+,Safari5.1+ */
+
+  background: -o-linear-gradient(top, #444444 0%, #333333 100%);
+  /* Opera 11.10+ */
+
+  background: -ms-linear-gradient(top, #444444 0%, #333333 100%);
+  /* IE10+ */
+
+  background: linear-gradient(top, #444444 0%, #333333 100%);
+  /* W3C */
+
+  /* IE6-9 */
+
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#818181', endColorstr='#646464', GradientType=0);
 }
 #wrapper header a#menu_button > div {
   height: 35px;
@@ -779,14 +967,30 @@ a {
 }
 #wrapper header a#filter_button:hover,
 #wrapper header a#filter_button.current {
-  background: #444;
-  background: -moz-linear-gradient(top,#444 0%,#333 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#333),color-stop(100%,#333));
-  background: -webkit-linear-gradient(top,#444 0%,#333 100%);
-  background: -o-linear-gradient(top,#444 0%,#333 100%);
-  background: -ms-linear-gradient(top,#444 0%,#333 100%);
-  background: linear-gradient(top,#444 0%,#333 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444',endColorstr='#333333',GradientType=0);
+  background: #444444;
+  /* Old browsers */
+
+  background: -moz-linear-gradient(top, #444444 0%, #333333 100%);
+  /* FF3.6+ */
+
+  /* Chrome,Safari4+ */
+
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #333333));
+  background: -webkit-linear-gradient(top, #444444 0%, #333333 100%);
+  /* Chrome10+,Safari5.1+ */
+
+  background: -o-linear-gradient(top, #444444 0%, #333333 100%);
+  /* Opera 11.10+ */
+
+  background: -ms-linear-gradient(top, #444444 0%, #333333 100%);
+  /* IE10+ */
+
+  background: linear-gradient(top, #444444 0%, #333333 100%);
+  /* W3C */
+
+  /* IE6-9 */
+
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#818181', endColorstr='#646464', GradientType=0);
 }
 #wrapper header a#filter_button > div {
   height: 35px;
@@ -810,14 +1014,30 @@ a {
   padding: 12px 14px;
 }
 #wrapper header #mobile_menu_wrapper ul#mobile_menu {
-  background: #333;
-  background: -moz-linear-gradient(top,#333 0%,#444 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#444),color-stop(100%,#444));
-  background: -webkit-linear-gradient(top,#333 0%,#444 100%);
-  background: -o-linear-gradient(top,#333 0%,#444 100%);
-  background: -ms-linear-gradient(top,#333 0%,#444 100%);
-  background: linear-gradient(top,#333 0%,#444 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#444444',GradientType=0);
+  background: #333333;
+  /* Old browsers */
+
+  background: -moz-linear-gradient(top, #333333 0%, #444444 100%);
+  /* FF3.6+ */
+
+  /* Chrome,Safari4+ */
+
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #444444));
+  background: -webkit-linear-gradient(top, #333333 0%, #444444 100%);
+  /* Chrome10+,Safari5.1+ */
+
+  background: -o-linear-gradient(top, #333333 0%, #444444 100%);
+  /* Opera 11.10+ */
+
+  background: -ms-linear-gradient(top, #333333 0%, #444444 100%);
+  /* IE10+ */
+
+  background: linear-gradient(top, #333333 0%, #444444 100%);
+  /* W3C */
+
+  /* IE6-9 */
+
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#818181', endColorstr='#646464', GradientType=0);
   min-width: 300px;
   min-height: 100%;
 }
@@ -845,18 +1065,34 @@ a {
   display: inline-block;
   position: relative;
   background: #5a6064;
-  background: -moz-linear-gradient(top,#5a6064 0%,#4a4f52 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#4a4f52),color-stop(100%,#4a4f52));
-  background: -webkit-linear-gradient(top,#5a6064 0%,#4a4f52 100%);
-  background: -o-linear-gradient(top,#5a6064 0%,#4a4f52 100%);
-  background: -ms-linear-gradient(top,#5a6064 0%,#4a4f52 100%);
-  background: linear-gradient(top,#5a6064 0%,#4a4f52 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a6064',endColorstr='#4a4f52',GradientType=0);
+  /* Old browsers */
+
+  background: -moz-linear-gradient(top, #5a6064 0%, #4a4f52 100%);
+  /* FF3.6+ */
+
+  /* Chrome,Safari4+ */
+
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4a4f52), color-stop(100%, #4a4f52));
+  background: -webkit-linear-gradient(top, #5a6064 0%, #4a4f52 100%);
+  /* Chrome10+,Safari5.1+ */
+
+  background: -o-linear-gradient(top, #5a6064 0%, #4a4f52 100%);
+  /* Opera 11.10+ */
+
+  background: -ms-linear-gradient(top, #5a6064 0%, #4a4f52 100%);
+  /* IE10+ */
+
+  background: linear-gradient(top, #5a6064 0%, #4a4f52 100%);
+  /* W3C */
+
+  /* IE6-9 */
+
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#818181', endColorstr='#646464', GradientType=0);
   margin-left: -3px;
 }
 #wrapper header ul#menu > li a,
-#wrapper header ul#menu > li span,
 #wrapper header ul#lang_menu > li a,
+#wrapper header ul#menu > li span,
 #wrapper header ul#lang_menu > li span {
   padding: 9px 12px 8px;
 }
@@ -866,17 +1102,33 @@ a {
   top: 35px;
   left: 0;
   display: none;
-  background: #333;
-  background: -moz-linear-gradient(top,#333 0%,#444 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#444),color-stop(100%,#444));
-  background: -webkit-linear-gradient(top,#333 0%,#444 100%);
-  background: -o-linear-gradient(top,#333 0%,#444 100%);
-  background: -ms-linear-gradient(top,#333 0%,#444 100%);
-  background: linear-gradient(top,#333 0%,#444 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#444444',GradientType=0);
-  -moz-box-shadow: 0 2px 3px #555;
-  -webkit-box-shadow: 0 2px 3px #555;
-  box-shadow: 0 2px 3px #555;
+  background: #333333;
+  /* Old browsers */
+
+  background: -moz-linear-gradient(top, #333333 0%, #444444 100%);
+  /* FF3.6+ */
+
+  /* Chrome,Safari4+ */
+
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #444444));
+  background: -webkit-linear-gradient(top, #333333 0%, #444444 100%);
+  /* Chrome10+,Safari5.1+ */
+
+  background: -o-linear-gradient(top, #333333 0%, #444444 100%);
+  /* Opera 11.10+ */
+
+  background: -ms-linear-gradient(top, #333333 0%, #444444 100%);
+  /* IE10+ */
+
+  background: linear-gradient(top, #333333 0%, #444444 100%);
+  /* W3C */
+
+  /* IE6-9 */
+
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#818181', endColorstr='#646464', GradientType=0);
+  -moz-box-shadow: 0 2px 3px #555555;
+  -webkit-box-shadow: 0 2px 3px #555555;
+  box-shadow: 0 2px 3px #555555;
   -moz-border-bottom-right-radius: 2px;
   border-bottom-right-radius: 2px;
   -webkit-border-bottom-right-radius: 2px;
@@ -906,14 +1158,30 @@ a {
 }
 #wrapper header ul#menu > li ul li.menu.current,
 #wrapper header ul#lang_menu > li ul li.menu.current {
-  background: #333;
-  background: -moz-linear-gradient(top,#333 0%,#444 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#444),color-stop(100%,#444));
-  background: -webkit-linear-gradient(top,#333 0%,#444 100%);
-  background: -o-linear-gradient(top,#333 0%,#444 100%);
-  background: -ms-linear-gradient(top,#333 0%,#444 100%);
-  background: linear-gradient(top,#333 0%,#444 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#444444',GradientType=0);
+  background: #333333;
+  /* Old browsers */
+
+  background: -moz-linear-gradient(top, #333333 0%, #444444 100%);
+  /* FF3.6+ */
+
+  /* Chrome,Safari4+ */
+
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #444444));
+  background: -webkit-linear-gradient(top, #333333 0%, #444444 100%);
+  /* Chrome10+,Safari5.1+ */
+
+  background: -o-linear-gradient(top, #333333 0%, #444444 100%);
+  /* Opera 11.10+ */
+
+  background: -ms-linear-gradient(top, #333333 0%, #444444 100%);
+  /* IE10+ */
+
+  background: linear-gradient(top, #333333 0%, #444444 100%);
+  /* W3C */
+
+  /* IE6-9 */
+
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#818181', endColorstr='#646464', GradientType=0);
 }
 #wrapper header ul#menu > li ul li.menu ul,
 #wrapper header ul#lang_menu > li ul li.menu ul {
@@ -922,17 +1190,33 @@ a {
   z-index: -1;
 }
 #wrapper header ul#menu > li.current,
-#wrapper header ul#menu > li:hover,
 #wrapper header ul#lang_menu > li.current,
+#wrapper header ul#menu > li:hover,
 #wrapper header ul#lang_menu > li:hover {
-  background: #444;
-  background: -moz-linear-gradient(top,#444 0%,#333 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#333),color-stop(100%,#333));
-  background: -webkit-linear-gradient(top,#444 0%,#333 100%);
-  background: -o-linear-gradient(top,#444 0%,#333 100%);
-  background: -ms-linear-gradient(top,#444 0%,#333 100%);
-  background: linear-gradient(top,#444 0%,#333 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444',endColorstr='#333333',GradientType=0);
+  background: #444444;
+  /* Old browsers */
+
+  background: -moz-linear-gradient(top, #444444 0%, #333333 100%);
+  /* FF3.6+ */
+
+  /* Chrome,Safari4+ */
+
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #333333));
+  background: -webkit-linear-gradient(top, #444444 0%, #333333 100%);
+  /* Chrome10+,Safari5.1+ */
+
+  background: -o-linear-gradient(top, #444444 0%, #333333 100%);
+  /* Opera 11.10+ */
+
+  background: -ms-linear-gradient(top, #444444 0%, #333333 100%);
+  /* IE10+ */
+
+  background: linear-gradient(top, #444444 0%, #333333 100%);
+  /* W3C */
+
+  /* IE6-9 */
+
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#818181', endColorstr='#646464', GradientType=0);
 }
 #wrapper header ul#menu > li:first-child,
 #wrapper header ul#lang_menu > li:first-child {
@@ -955,14 +1239,30 @@ a {
 }
 #wrapper header div#right_nav a#back_to_site:hover,
 #wrapper header div#right_nav a#back_to_site.current {
-  background: #444;
-  background: -moz-linear-gradient(top,#444 0%,#333 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#333),color-stop(100%,#333));
-  background: -webkit-linear-gradient(top,#444 0%,#333 100%);
-  background: -o-linear-gradient(top,#444 0%,#333 100%);
-  background: -ms-linear-gradient(top,#444 0%,#333 100%);
-  background: linear-gradient(top,#444 0%,#333 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444',endColorstr='#333333',GradientType=0);
+  background: #444444;
+  /* Old browsers */
+
+  background: -moz-linear-gradient(top, #444444 0%, #333333 100%);
+  /* FF3.6+ */
+
+  /* Chrome,Safari4+ */
+
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #333333));
+  background: -webkit-linear-gradient(top, #444444 0%, #333333 100%);
+  /* Chrome10+,Safari5.1+ */
+
+  background: -o-linear-gradient(top, #444444 0%, #333333 100%);
+  /* Opera 11.10+ */
+
+  background: -ms-linear-gradient(top, #444444 0%, #333333 100%);
+  /* IE10+ */
+
+  background: linear-gradient(top, #444444 0%, #333333 100%);
+  /* W3C */
+
+  /* IE6-9 */
+
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#818181', endColorstr='#646464', GradientType=0);
 }
 #wrapper header div#right_nav a#logout {
   display: inline-block;
@@ -971,15 +1271,34 @@ a {
 }
 #wrapper header div#right_nav a#logout:hover,
 #wrapper header div#right_nav a#logout.current {
-  background: #444;
-  background: -moz-linear-gradient(top,#444 0%,#333 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#333),color-stop(100%,#333));
-  background: -webkit-linear-gradient(top,#444 0%,#333 100%);
-  background: -o-linear-gradient(top,#444 0%,#333 100%);
-  background: -ms-linear-gradient(top,#444 0%,#333 100%);
-  background: linear-gradient(top,#444 0%,#333 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444',endColorstr='#333333',GradientType=0);
-}
+  background: #444444;
+  /* Old browsers */
+
+  background: -moz-linear-gradient(top, #444444 0%, #333333 100%);
+  /* FF3.6+ */
+
+  /* Chrome,Safari4+ */
+
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #333333));
+  background: -webkit-linear-gradient(top, #444444 0%, #333333 100%);
+  /* Chrome10+,Safari5.1+ */
+
+  background: -o-linear-gradient(top, #444444 0%, #333333 100%);
+  /* Opera 11.10+ */
+
+  background: -ms-linear-gradient(top, #444444 0%, #333333 100%);
+  /* IE10+ */
+
+  background: linear-gradient(top, #444444 0%, #333333 100%);
+  /* W3C */
+
+  /* IE6-9 */
+
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#818181', endColorstr='#646464', GradientType=0);
+}
+/*
+ * Admin page
+ */
 #admin_page {
   position: relative;
 }
@@ -1039,28 +1358,46 @@ a {
 #admin_page div#sidebar div.filters > div.color div.color_preview {
   height: 8px;
   margin: 0 33px 0 1px;
-  -moz-box-shadow: 0px 1px 2px #aaa;
-  -webkit-box-shadow: 0px 1px 2px #aaa;
-  box-shadow: 0px 1px 2px #aaa;
+  -moz-box-shadow: 0px 1px 2px #aaaaaa;
+  -webkit-box-shadow: 0px 1px 2px #aaaaaa;
+  box-shadow: 0px 1px 2px #aaaaaa;
 }
 #admin_page #content {
   padding-top: 35px;
+  /* edit form */
+
 }
 #admin_page #content div.table_container {
   position: relative;
 }
 #admin_page #content div.table_container div.results_header {
   background: #efefef;
-  background: -moz-linear-gradient(top,#efefef 0%,#dfe1e2 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#dfe1e2),color-stop(100%,#dfe1e2));
-  background: -webkit-linear-gradient(top,#efefef 0%,#dfe1e2 100%);
-  background: -o-linear-gradient(top,#efefef 0%,#dfe1e2 100%);
-  background: -ms-linear-gradient(top,#efefef 0%,#dfe1e2 100%);
-  background: linear-gradient(top,#efefef 0%,#dfe1e2 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef',endColorstr='#dfe1e2',GradientType=0);
-  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.37);
-  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.37);
-  box-shadow: 0 1px 2px rgba(0,0,0,0.37);
+  /* Old browsers */
+
+  background: -moz-linear-gradient(top, #efefef 0%, #dfe1e2 100%);
+  /* FF3.6+ */
+
+  /* Chrome,Safari4+ */
+
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dfe1e2), color-stop(100%, #dfe1e2));
+  background: -webkit-linear-gradient(top, #efefef 0%, #dfe1e2 100%);
+  /* Chrome10+,Safari5.1+ */
+
+  background: -o-linear-gradient(top, #efefef 0%, #dfe1e2 100%);
+  /* Opera 11.10+ */
+
+  background: -ms-linear-gradient(top, #efefef 0%, #dfe1e2 100%);
+  /* IE10+ */
+
+  background: linear-gradient(top, #efefef 0%, #dfe1e2 100%);
+  /* W3C */
+
+  /* IE6-9 */
+
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#818181', endColorstr='#646464', GradientType=0);
+  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
   text-shadow: white 0 1px 0;
   border: solid 1px #d4d4d4;
   border-top-color: #e6e6e6;
@@ -1091,16 +1428,32 @@ a {
   margin: 0;
   border: none;
   background: #818181;
-  background: -moz-linear-gradient(top,#818181 0%,#646464 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#646464),color-stop(100%,#646464));
-  background: -webkit-linear-gradient(top,#818181 0%,#646464 100%);
-  background: -o-linear-gradient(top,#818181 0%,#646464 100%);
-  background: -ms-linear-gradient(top,#818181 0%,#646464 100%);
-  background: linear-gradient(top,#818181 0%,#646464 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#818181',endColorstr='#646464',GradientType=0);
-  -moz-box-shadow: 0 1px 5px #444;
-  -webkit-box-shadow: 0 1px 5px #444;
-  box-shadow: 0 1px 5px #444;
+  /* Old browsers */
+
+  background: -moz-linear-gradient(top, #818181 0%, #646464 100%);
+  /* FF3.6+ */
+
+  /* Chrome,Safari4+ */
+
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #646464));
+  background: -webkit-linear-gradient(top, #818181 0%, #646464 100%);
+  /* Chrome10+,Safari5.1+ */
+
+  background: -o-linear-gradient(top, #818181 0%, #646464 100%);
+  /* Opera 11.10+ */
+
+  background: -ms-linear-gradient(top, #818181 0%, #646464 100%);
+  /* IE10+ */
+
+  background: linear-gradient(top, #818181 0%, #646464 100%);
+  /* W3C */
+
+  /* IE6-9 */
+
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#818181', endColorstr='#646464', GradientType=0);
+  -moz-box-shadow: 0 1px 5px #444444;
+  -webkit-box-shadow: 0 1px 5px #444444;
+  box-shadow: 0 1px 5px #444444;
   color: #fff;
   font-size: 13px;
   font-weight: normal;
@@ -1116,23 +1469,39 @@ a {
   margin-left: 10px;
 }
 #admin_page #content div.table_container div.results_header div.actions a:hover,
-#admin_page #content div.table_container div.results_header div.actions a:focus,
 #admin_page #content div.table_container div.results_header div.actions input:hover,
+#admin_page #content div.table_container div.results_header div.actions a:focus,
 #admin_page #content div.table_container div.results_header div.actions input:focus {
   background: #929292;
-  background: -moz-linear-gradient(top,#929292 0%,#646464 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#646464),color-stop(100%,#646464));
-  background: -webkit-linear-gradient(top,#929292 0%,#646464 100%);
-  background: -o-linear-gradient(top,#929292 0%,#646464 100%);
-  background: -ms-linear-gradient(top,#929292 0%,#646464 100%);
-  background: linear-gradient(top,#929292 0%,#646464 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#929292',endColorstr='#646464',GradientType=0);
+  /* Old browsers */
+
+  background: -moz-linear-gradient(top, #929292 0%, #646464 100%);
+  /* FF3.6+ */
+
+  /* Chrome,Safari4+ */
+
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #646464));
+  background: -webkit-linear-gradient(top, #929292 0%, #646464 100%);
+  /* Chrome10+,Safari5.1+ */
+
+  background: -o-linear-gradient(top, #929292 0%, #646464 100%);
+  /* Opera 11.10+ */
+
+  background: -ms-linear-gradient(top, #929292 0%, #646464 100%);
+  /* IE10+ */
+
+  background: linear-gradient(top, #929292 0%, #646464 100%);
+  /* W3C */
+
+  /* IE6-9 */
+
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#818181', endColorstr='#646464', GradientType=0);
 }
 #admin_page #content div.table_container div.results_header div.actions a:active,
 #admin_page #content div.table_container div.results_header div.actions input:active {
-  -moz-box-shadow: inset 0 5px 7px 1px #666, 0 1px 2px #777;
-  -webkit-box-shadow: inset 0 5px 7px 1px #666, 0 1px 2px #777;
-  box-shadow: inset 0 5px 7px 1px #666, 0 1px 2px #777;
+  -moz-box-shadow: inset 0 5px 7px 1px #666666, 0 1px 2px #777777;
+  -webkit-box-shadow: inset 0 5px 7px 1px #666666, 0 1px 2px #777777;
+  box-shadow: inset 0 5px 7px 1px #666666, 0 1px 2px #777777;
 }
 #admin_page #content div.table_container div.results_header div.action_message {
   text-align: right;
@@ -1142,16 +1511,32 @@ a {
 }
 #admin_page #content div.table_container div.page_container {
   background: #efefef;
-  background: -moz-linear-gradient(top,#efefef 0%,#dfe1e2 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#dfe1e2),color-stop(100%,#dfe1e2));
-  background: -webkit-linear-gradient(top,#efefef 0%,#dfe1e2 100%);
-  background: -o-linear-gradient(top,#efefef 0%,#dfe1e2 100%);
-  background: -ms-linear-gradient(top,#efefef 0%,#dfe1e2 100%);
-  background: linear-gradient(top,#efefef 0%,#dfe1e2 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef',endColorstr='#dfe1e2',GradientType=0);
-  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.37);
-  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.37);
-  box-shadow: 0 1px 2px rgba(0,0,0,0.37);
+  /* Old browsers */
+
+  background: -moz-linear-gradient(top, #efefef 0%, #dfe1e2 100%);
+  /* FF3.6+ */
+
+  /* Chrome,Safari4+ */
+
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dfe1e2), color-stop(100%, #dfe1e2));
+  background: -webkit-linear-gradient(top, #efefef 0%, #dfe1e2 100%);
+  /* Chrome10+,Safari5.1+ */
+
+  background: -o-linear-gradient(top, #efefef 0%, #dfe1e2 100%);
+  /* Opera 11.10+ */
+
+  background: -ms-linear-gradient(top, #efefef 0%, #dfe1e2 100%);
+  /* IE10+ */
+
+  background: linear-gradient(top, #efefef 0%, #dfe1e2 100%);
+  /* W3C */
+
+  /* IE6-9 */
+
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#818181', endColorstr='#646464', GradientType=0);
+  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
   text-shadow: white 0 1px 0;
   border: solid 1px #d4d4d4;
   border-top-color: #e6e6e6;
@@ -1209,23 +1594,39 @@ a {
 }
 #admin_page #content div.table_container table.results th {
   background: #efefef;
-  background: -moz-linear-gradient(top,#efefef 0%,#dfe1e2 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#dfe1e2),color-stop(100%,#dfe1e2));
-  background: -webkit-linear-gradient(top,#efefef 0%,#dfe1e2 100%);
-  background: -o-linear-gradient(top,#efefef 0%,#dfe1e2 100%);
-  background: -ms-linear-gradient(top,#efefef 0%,#dfe1e2 100%);
-  background: linear-gradient(top,#efefef 0%,#dfe1e2 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef',endColorstr='#dfe1e2',GradientType=0);
+  /* Old browsers */
+
+  background: -moz-linear-gradient(top, #efefef 0%, #dfe1e2 100%);
+  /* FF3.6+ */
+
+  /* Chrome,Safari4+ */
+
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dfe1e2), color-stop(100%, #dfe1e2));
+  background: -webkit-linear-gradient(top, #efefef 0%, #dfe1e2 100%);
+  /* Chrome10+,Safari5.1+ */
+
+  background: -o-linear-gradient(top, #efefef 0%, #dfe1e2 100%);
+  /* Opera 11.10+ */
+
+  background: -ms-linear-gradient(top, #efefef 0%, #dfe1e2 100%);
+  /* IE10+ */
+
+  background: linear-gradient(top, #efefef 0%, #dfe1e2 100%);
+  /* W3C */
+
+  /* IE6-9 */
+
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#818181', endColorstr='#646464', GradientType=0);
   text-shadow: white 0 1px 0;
   border: solid 1px #d4d4d4;
   border-top-color: #e6e6e6;
   border-bottom-color: #cdcdcd;
   border-right: none;
-  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 1px white inset;
-  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 1px white inset;
-  -ms-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 1px white inset;
-  -o-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 1px white inset;
-  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 1px white inset;
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 0 1px #ffffff inset;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 0 1px #ffffff inset;
+  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 0 1px #ffffff inset;
+  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 0 1px #ffffff inset;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 0 1px #ffffff inset;
   font-weight: bold;
   line-height: 18px;
   color: #5e6469;
@@ -1239,6 +1640,7 @@ a {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  white-space: nowrap;
 }
 #admin_page #content div.table_container table.results th.sortable {
   cursor: pointer;
@@ -1251,13 +1653,29 @@ a {
 #admin_page #content div.table_container table.results th.sorted-asc,
 #admin_page #content div.table_container table.results th.sorted-desc {
   background: #e2e2e2;
-  background: -moz-linear-gradient(top,#e2e2e2 0%,#d2d4d6 100%);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#d2d4d6),color-stop(100%,#d2d4d6));
-  background: -webkit-linear-gradient(top,#e2e2e2 0%,#d2d4d6 100%);
-  background: -o-linear-gradient(top,#e2e2e2 0%,#d2d4d6 100%);
-  background: -ms-linear-gradient(top,#e2e2e2 0%,#d2d4d6 100%);
-  background: linear-gradient(top,#e2e2e2 0%,#d2d4d6 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2',endColorstr='#d2d4d6',GradientType=0);
+  /* Old browsers */
+
+  background: -moz-linear-gradient(top, #e2e2e2 0%, #d2d4d6 100%);
+  /* FF3.6+ */
+
+  /* Chrome,Safari4+ */
+
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d2d4d6), color-stop(100%, #d2d4d6));
+  background: -webkit-linear-gradient(top, #e2e2e2 0%, #d2d4d6 100%);
+  /* Chrome10+,Safari5.1+ */
+
+  background: -o-linear-gradient(top, #e2e2e2 0%, #d2d4d6 100%);
+  /* Opera 11.10+ */
+
+  background: -ms-linear-gradient(top, #e2e2e2 0%, #d2d4d6 100%);
+  /* IE10+ */
+
+  background: linear-gradient(top, #e2e2e2 0%, #d2d4d6 100%);
+  /* W3C */
+
+  /* IE6-9 */
+
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#818181', endColorstr='#646464', GradientType=0);
 }
 #admin_page #content div.table_container table.results th.sorted-asc div {
   background-position: 0 -27px;
@@ -1294,7 +1712,7 @@ a {
   background-color: #000;
   opacity: 0.50;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
-  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
+  filter: progid:dximagetransform.microsoft.alpha(opacity=50);
   filter: alpha(opacity=50);
   text-align: center;
 }
@@ -1338,9 +1756,9 @@ a {
   background: #D9E4EC;
   min-height: 430px;
   width: 258px;
-  -moz-box-shadow: -1px 1px 2px rgba(0,0,0,0.4);
-  -webkit-box-shadow: -1px 1px 2px rgba(0,0,0,0.4);
-  box-shadow: -1px 1px 2px rgba(0,0,0,0.4);
+  -moz-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.4);
+  -webkit-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.4);
+  box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.4);
   margin-left: 2px;
   margin-bottom: 2px;
 }
@@ -1455,8 +1873,8 @@ a {
   right: -5px;
 }
 #admin_page #content div.item_edit_container div.item_edit form.edit_form > div.image div.file_container a,
-#admin_page #content div.item_edit_container div.item_edit form.edit_form > div.image div.file_container input,
 #admin_page #content div.item_edit_container div.item_edit form.edit_form > div.file div.file_container a,
+#admin_page #content div.item_edit_container div.item_edit form.edit_form > div.image div.file_container input,
 #admin_page #content div.item_edit_container div.item_edit form.edit_form > div.file div.file_container input {
   vertical-align: middle;
 }
@@ -1471,9 +1889,9 @@ a {
 #admin_page #content div.item_edit_container div.item_edit form.edit_form > div.color div.color_preview {
   height: 8px;
   margin: 0 33px 0 1px;
-  -moz-box-shadow: 0px 1px 2px #aaa;
-  -webkit-box-shadow: 0px 1px 2px #aaa;
-  box-shadow: 0px 1px 2px #aaa;
+  -moz-box-shadow: 0px 1px 2px #aaaaaa;
+  -webkit-box-shadow: 0px 1px 2px #aaaaaa;
+  box-shadow: 0px 1px 2px #aaaaaa;
 }
 #admin_page #content div.item_edit_container div.item_edit form.edit_form div.control_buttons {
   margin-top: 20px;
@@ -1496,6 +1914,10 @@ a {
 .select2-search input {
   width: 100% !important;
 }
+/* media queries */
+/**
+ * Media queries
+ */
 @media only screen and (max-width: 949px) {
   #wrapper header a#menu_button,
   #wrapper header a#filter_button {
@@ -1595,3 +2017,8 @@ a {
     display: none !important;
   }
 }
+@media only screen and (min-width: 1129px) {
+  
+}
+
+/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */
diff --git a/public/css/main.less b/public/css/main.less
index 6ca77a1bc..67489eb1f 100644
--- a/public/css/main.less
+++ b/public/css/main.less
@@ -36,6 +36,15 @@ a{ text-decoration: none; }
 	}
 }
 
+/* Fix for datetimepicker partially being covered by top menu*/
+
+#ui-datepicker-div {
+  margin-top: 40px !important;
+  z-index: 999 !important;
+}
+#ui-timepicker-div dl dd {
+    margin: 0px 10px 10px 85px;
+}
 
 /* common structure */
 #wrapper {

From e467bb6a221f542430d4b0fc93000a7419c36234 Mon Sep 17 00:00:00 2001
From: David Mathews <david.mathews@spinen.com>
Date: Sun, 20 Dec 2015 21:16:27 -0500
Subject: [PATCH 2/2] updating readme and changelog to 5.0.9

---
 changelog.md | 3 +++
 readme.md    | 5 ++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/changelog.md b/changelog.md
index 65a035c15..bf4bdfb89 100644
--- a/changelog.md
+++ b/changelog.md
@@ -1,5 +1,8 @@
 ## Changelog
 
+### 5.0.9
+- Bugfx: Fix for datetimepicker partially being covered by top menu  
+
 ### 5.0.8
 - Bugfix: Rename Bool class to Boolean to fix PHP 7 
 - Bugfix: added missing custom attribute field
diff --git a/readme.md b/readme.md
index 01473d945..8eb4baa42 100644
--- a/readme.md
+++ b/readme.md
@@ -4,7 +4,7 @@ Administrator is an administrative interface builder for [Laravel](http://larave
 
 - **Author:** Jan Hartigan
 - **Website:** [http://frozennode.com](http://administrator.frozennode.com/)
-- **Version:** 5.0.8
+- **Version:** 5.0.9
 
 [![Build Status](https://travis-ci.org/FrozenNode/Laravel-Administrator.png?branch=master)](https://travis-ci.org/FrozenNode/Laravel-Administrator)
 
@@ -63,6 +63,9 @@ Administrator is released under the MIT License. See the LICENSE file for detail
 
 ## Recent Changelog
 
+### 5.0.9
+- Bugfx: Fix for datetimepicker partially being covered by top menu  
+
 ### 5.0.8
 - Bugfix: Rename Bool class to Boolean to fix PHP 7 
 - Bugfix: added missing custom attribute field