6 files changed, 128 insertions, 6 deletions

diff --git a/public/images/arrow-left.png b/public/images/arrow-left.png
new file mode 100644
index 000000000..74d2fa253
--- /dev/null
+++ b/public/images/arrow-left.png
diff --git a/public/images/arrow-right.png b/public/images/arrow-right.png
new file mode 100644
index 000000000..34dd75ef8
--- /dev/null
+++ b/public/images/arrow-right.png
diff --git a/public/images/calendar.png b/public/images/calendar.png
new file mode 100644
index 000000000..44981a41c
--- /dev/null
+++ b/public/images/calendar.png
diff --git a/public/images/rss-16.png b/public/images/rss-16.png
new file mode 100644
index 000000000..d61986a56
--- /dev/null
+++ b/public/images/rss-16.png
diff --git a/public/images/ui-icons-theme.png b/public/images/ui-icons-theme.png
new file mode 100644
index 000000000..f619648da
--- /dev/null
+++ b/public/images/ui-icons-theme.png
diff --git a/public/stylesheets/theme.css b/public/stylesheets/theme.css
index 218ada685..fce2bd813 100644
--- a/public/stylesheets/theme.css
+++ b/public/stylesheets/theme.css
@@ -2,7 +2,7 @@ h1 {
   color: #93278F;
   font-size: 42px;
   font-family: 'DeliciousBold', Arial, sans-serif;
-  margin-bottom:0px;
+  margin-bottom:15px;
 }
 
 h2 a {
@@ -298,7 +298,8 @@ p.subtitle {
   color: #A68C2E;
 }
 
-.icon_failed {
+.icon_failed,
+.icon_rejected {
   background-image: url(/images/status-denied.png);
   color: #C1272D;
 }
@@ -360,9 +361,13 @@ p.subtitle {
   margin-top:60px;
 }
 
+#search_form {
+  margin:0px -6px 20px 0px;
+}
+
 #search_form input[type=text] {
+  margin-right:-6px;
   font-size: 17px;
-  padding: 5px;
   color: #555;
   border-radius: 3px 0px 0px 3px;
   -moz-border-radius: 3px 0px 0px 3px;
@@ -371,7 +376,6 @@ p.subtitle {
   border-width: 1px;
   width: 250px;
   height: 18px;
-  margin-right:-6px;
 }
 
 #search_form input[type=submit] {
@@ -467,6 +471,43 @@ span#to_public_body {
   font-size: 18px;
 }
 
+#date_range label,
+#filter_requests_form label {
+  display: inline;
+  float: none;
+  padding-right: 5px;
+}
+
+#date_range label.title,
+#filter_requests_form label.title,
+h3.title {
+  display: inline-block;
+  float: none;
+  width:110px;
+}
+
+h3.title {
+  width: 114px;
+  margin-bottom: 5px;
+}
+
+#requests-subfilters div {
+  margin-top: 10px;
+}
+
+#requests-subfilters #latest_status_0,
+#requests-subfilters #request_variety_0 {
+  margin-left: 0px;
+}
+
+#requests-subfilters input[type=checkbox] {
+  margin-left: 117px;
+}
+
+.list-filter-item {
+ margin-bottom: 10px;
+}
+
 span#to_public_body {
   font-family: 'DeliciousBold', Arial, sans-serif;
 }
@@ -536,8 +577,22 @@ span#to_public_body {
 form input[type=text],
 form input[type=password] {
   font-size: 14px;
-  padding: 4px 5px;
+  padding: 5px;
   width:200px;
+  color: #555;
+  border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-style: solid;
+  border-color: #BBB;
+  border-width: 1px;
+}
+
+form input.use-datepicker[type=text] {
+  width: 130px !important;
+  background: url(/images/calendar.png) no-repeat 115px 3px;
+  margin: 0px !important;
+  border-radius:3px !important;
+  font-size: 14px !important;
 }
 
 form input[type=submit], 
@@ -680,4 +735,71 @@ div.correspondence {
   background: url(/images/stripes-70.png);
   border-width: 0px;
   font-size: 13px;
-}
\ No newline at end of file
+}
+
+/* ---------- Calendar theme ----------- */
+
+#ui-datepicker-div.ui-widget {
+  font-family: Arial, sans-serif;
+  color: #93278F;
+}
+
+#ui-datepicker-div .ui-datepicker-header,
+#ui-datepicker-div .ui-widget-header {
+  background: none;
+  border: solid 0px white;
+  color: #93278F;
+  font-family: 'DeliciousRoman';
+  font-size: 17px;
+  font-weight: normal;
+  line-height: 1.5em !important;
+}
+
+#ui-datepicker-div .ui-state-default {
+  background: #F2F2F2;
+  border: solid 0px #FFF;
+  border-radius: 2px;
+}
+
+#ui-datepicker-div .ui-state-default:hover {
+  background: #DEB4D8;
+  color: #FFF;
+}
+
+#ui-datepicker-div .ui-state-active {
+  background: #D093C7;
+  color: #FFF;
+}
+
+#ui-datepicker-div .ui-icon-circle-triangle-w,
+#ui-datepicker-div .ui-icon-circle-triangle-e {
+  background-image: url(/images/ui-icons-theme.png);
+}
+
+#ui-datepicker-div .ui-datepicker-prev {
+  margin-top: 2px;
+  opacity: 0.5;
+}
+
+#ui-datepicker-div .ui-datepicker-prev-hover {
+  left: 2px;
+  top: 2px;
+  border: none;
+  background:#FFF;
+  cursor:pointer;
+  opacity: 1;
+}
+
+#ui-datepicker-div .ui-datepicker-next {
+  margin-top: 2px;
+  opacity: 0.5;
+}
+
+#ui-datepicker-div .ui-datepicker-next-hover {
+  right: 2px;
+  top: 2px;
+  border: none;
+  background:#FFF;
+  cursor:pointer;
+  opacity: 1;
+}