diff --git a/CHANGES b/CHANGES
index 0c704395bd3bb1267b8895625b17a84772ab1371..19857db29251224bed3c2d108ac680b4b9e1120a 100755
--- a/CHANGES
+++ b/CHANGES
@@ -25,6 +25,10 @@ necessary for such releases.
 
 SWITCHwayf Changes and Version History:
 
+
+1.17    Release date:  2012
+        - Added CSS styles for mobile view
+
 1.16    Release date: 19. January 2012
         - Added an improved version of the drop down list to the WAYF
           Inspired by code from Takeshi Nishimura from NII (Japan)
diff --git a/css/default-styles.css b/css/default-styles.css
index af8324798e4a0dbbefe5b38b7132f322cbbf372e..58f8f5b4f604b58182a7cdade31f79589821a972 100644
--- a/css/default-styles.css
+++ b/css/default-styles.css
@@ -141,38 +141,6 @@ input {
 	width: 400px;
 }
 
-/* Improved Drop Down CSS */
-
-/* textbox part of the dropdown list */
-.idd_textbox {
-	border: 1px #848484 solid;
-	vertical-align: middle;
-}
-
-.idd_textbox:hover {
-	border-color: black;
-	box-shadow: 1px 1px 8px #999999;
-	-webkit-box-shadow: 1px 1px 8px #999999;
-	-moz-box-shadow: 1px 1px 8px #999999;
-}
-
-/* dropdown arrow control */
-.idd_icon
-{
-	border-top: 1px #999999 solid;
-	border-right: 1px #999999 solid;
-	border-bottom: 1px #999999 solid;
-	border-left: 0;
-}
-
-.idd_icon:hover
-{
-	border-color: black;
-	box-shadow: 1px 1px 8px #999999;
-	-webkit-box-shadow: 1px 1px 8px #999999;
-	-moz-box-shadow: 1px 1px 8px #999999;
-}
-
 /* Device specific styles */
 @media only screen and (max-device-width: 480px){
 	.box {
@@ -208,6 +176,38 @@ html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
     -webkit-text-size-adjust:none;
 }
 
+/* Improved Drop Down CSS */
+
+/* textbox part of the dropdown list */
+.idd_textbox {
+	border: 1px #848484 solid;
+	vertical-align: middle;
+}
+
+.idd_textbox:hover {
+	border-color: black;
+	box-shadow: 1px 1px 8px #999999;
+	-webkit-box-shadow: 1px 1px 8px #999999;
+	-moz-box-shadow: 1px 1px 8px #999999;
+}
+
+/* dropdown arrow control */
+.idd_icon
+{
+	border-top: 1px #999999 solid;
+	border-right: 1px #999999 solid;
+	border-bottom: 1px #999999 solid;
+	border-left: 0;
+}
+
+.idd_icon:hover
+{
+	border-color: black;
+	box-shadow: 1px 1px 8px #999999;
+	-webkit-box-shadow: 1px 1px 8px #999999;
+	-moz-box-shadow: 1px 1px 8px #999999;
+}
+
 /* Dropdown list */
 div.idd_list {
 	border: thin solid #848484;