1 files changed, 67 insertions, 17 deletions

diff --git a/ishtar_common/static/media/style.css b/ishtar_common/static/media/style.css
index 1590c1738..8916dce0b 100644
--- a/ishtar_common/static/media/style.css
+++ b/ishtar_common/static/media/style.css
@@ -33,6 +33,9 @@ a.add-button,
     color:#fff;
 }
 
+#context_menu {
+}
+
 #context_menu .orange {
     color:#dd6011;
 }
@@ -45,6 +48,17 @@ a.add-button,
     color:#000;
 }
 
+#context_menu .green,
+#context_menu .red,
+#context_menu .orange,
+#context_menu .basket{
+    font-family: 'FontAwesome', Arial, Helvetica, sans-serif;
+}
+
+#context_menu option.basket{
+    color:#000;
+}
+
 /* borders */
 a.add-button, a.remove,
 #progress-content,
@@ -88,7 +102,7 @@ div.form {
 }
 
 body{
-    font-family:Arial, Helvetica, sans-serif;
+    font-family: Arial, Helvetica, sans-serif;
     font-size: 11pt;
     margin:0;
     color:#61615C;
@@ -236,7 +250,10 @@ div.nav-button{
     width:15px;
     z-index:1000;
     position:fixed;
-    right:20px;
+    right:32px;
+    font-size: 40px;
+    background-color: transparent;
+    border: 0 solid transparent;
 }
 
 #to_bottom_arrow{
@@ -294,12 +311,9 @@ a.button{
 .display_details_inline,
 .display_details{
     display:inline-block;
-    font-size:0;
-    color:transparent;
+    font-size:18px;
     width:18px;
     height:16px;
-    background-image:url(images/info.png);
-    background-repeat:no-repeat;
     text-decoration:none;
     vertical-align: bottom;
 }
@@ -428,6 +442,11 @@ div#main_menu > ul > li{
 }
 */
 
+div#welcome{
+    text-align:left;
+    font-size: 1.2em;
+}
+
 div#content{
     clear:both;
     margin-top:190px ;
@@ -540,21 +559,20 @@ ul.form-flex {
     margin: 0;
 }
 
-
 ul.form-flex li{
     width: 395px;
 }
 
 @media screen and (min-width: 1051px) {
     div.form,
-    ul.form-flex {
+    ul.form-flex{
         width: 800px;
     }
 }
 
 @media screen and (min-width: 1400px) {
     div.form,
-    ul.form-flex {
+    ul.form-flex{
         width: 1200px;
     }
 }
@@ -565,6 +583,10 @@ ul.form-flex label {
     padding-left: 10px;
 }
 
+#window ul.form-flex label {
+    width: 150px;
+}
+
 .form table{
     padding:0.2em;
     margin-left:auto;
@@ -733,15 +755,22 @@ table.confirm tr.spacer td:last-child{
 
 .previous_page, .next_page{
     position:absolute;
-    top:1px;
+    top:40px;
+    font-size: 30px;
+    color: #000;
+    z-index: 1000;
 }
 
 .previous_page{
-    left:135px;
+    left:35px;
 }
 
 .next_page{
-    right:135px;
+    right:35px;
+}
+
+a.photo{
+    padding: 0.5em;
 }
 
 #global-vars textarea{
@@ -892,6 +921,22 @@ table.confirm tr.spacer td:last-child{
     font-style:italic;
 }
 
+#window table.simple td.item-list{
+    text-align:left;
+}
+
+table td.item-list span{
+    padding: 4px 4px;
+    background-color: #eee;
+    margin: 0.2em;
+    line-height: 26px;
+    border-radius: 4px;
+}
+
+#window table.simple td.item-list .display_details{
+    vertical-align: middle;
+}
+
 #window .head{
     text-align:center;
     background-color:#f1f2f6;
@@ -940,6 +985,11 @@ table.confirm tr.spacer td:last-child{
     width:465px;
 }
 
+#window ul.form-flex span.value {
+    display: inline-table;
+    width: 230px;
+}
+
 .strong{
     font-weight:bold;
 }
@@ -957,8 +1007,7 @@ p.info-box, p.alert{
     display:block;
     font-style:italic;
     width:670px;
-    padding:1em;
-    padding-left:2em;
+    padding:1em 0.5em;
     background-color:#f1f2f6;
     -moz-border-radius:8px;
     -webkit-border-radius:8px;
@@ -966,11 +1015,12 @@ p.info-box, p.alert{
     font-size: 0.9em;
 }
 
+p.info-box .fa, p.alert .fa{
+    padding-right: 1em;
+}
+
 p.alert{
     color:#D14;
-    background-image:url(images/red_flag.png);
-    background-repeat:no-repeat;
-    background-position:left center;
 }
 
 div.form p.alert{