update jsme_version/stylesheet

2 files changed, 51 insertions, 70 deletions

diff --git a/public/stylesheets/screen.css b/public/stylesheets/screen.css
index 156f940..d311c33 100644
--- a/public/stylesheets/screen.css
+++ b/public/stylesheets/screen.css
@@ -1 +1 @@
-body{background-image:url("/images/gray_jean.png");overflow:scroll;font-family:sans-serif}body a{text-decoration:none;font-weight:bold;color:#000}body img{border:0}body h2{padding-top:12px;text-shadow:#fff 1px 1px 0;font-size:x-large;color:#f55}.logo img{float:left;display:inline;margin-right:1em}.logo h1{display:inline;width:80%}.logo img.ote{width:100px;height:50px;display:inline;float:right}.logo hr{margin:0.5em}.content{background-image:url("/images/gray_jean.png")}.content h1{margin:0.3em;text-shadow:#fff 1px 1px 0;font-size:x-large;font-family:Verdana;display:inline}.content .arrow{margin:8px 0px 5px 20px}.content .back{display:inline}.content #back-top{z-index:100;position:fixed;bottom:3%;margin-left:91%}.content #back-top a:hover{color:#bbb}.content fieldset#top{border:0;padding:10px;background-color:#c5c1e4;-moz-border-radius-topleft:25px;-webkit-border-top-left-radius:25px;border-top-left-radius:25px;-moz-border-radius-topright:25px;-webkit-border-top-right-radius:25px;border-top-right-radius:25px;-webkit-background-clip:border;-moz-background-clip:border;background-clip:border-box;-webkit-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset;box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset}.content fieldset#top a#linkInsert{display:block;width:100%;height:2em}.content fieldset#top #appletContainer{padding:10px}.content fieldset#middle{border:0;padding:10px;background-color:#c5c1e4;-webkit-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset;box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset}.content fieldset#middle a#linkModels{display:block;width:100%;height:2em}.content fieldset#middle #models{padding-left:1em}.content fieldset#middle #model a{display:inline;font-weight:normal}.content fieldset#bottom{border:0;background-color:#c5c1e4;padding:10px;margin-bottom:5em;-webkit-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset;box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset;-moz-border-radius-bottomleft:25px;-webkit-border-bottom-left-radius:25px;border-bottom-left-radius:25px;-moz-border-radius-bottomright:25px;-webkit-border-bottom-right-radius:25px;border-bottom-right-radius:25px;-webkit-background-clip:border;-moz-background-clip:border;background-clip:border-box}.content fieldset#bottom input#predict{margin-left:1em}.content .predictions{background-color:#c5c1e4;padding:10px;text-align:justify;-webkit-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset;box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset;-moz-border-radius-topleft:25px;-webkit-border-top-left-radius:25px;border-top-left-radius:25px;-moz-border-radius-bottomleft:25px;-webkit-border-bottom-left-radius:25px;border-bottom-left-radius:25px;-moz-border-radius-topright:25px;-webkit-border-top-right-radius:25px;border-top-right-radius:25px;-moz-border-radius-bottomright:25px;-webkit-border-bottom-right-radius:25px;border-bottom-right-radius:25px;-webkit-background-clip:border;-moz-background-clip:border;background-clip:border-box}.content .overview{background-image:url("/images/gray_jean.png");padding:12px;margin-top:1em;margin-bottom:1em;text-align:left;-webkit-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset;box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset;-moz-border-radius-topleft:25px;-webkit-border-top-left-radius:25px;border-top-left-radius:25px;-moz-border-radius-topright:25px;-webkit-border-top-right-radius:25px;border-top-right-radius:25px;-webkit-background-clip:border;-moz-background-clip:border;background-clip:border-box}.content .overview a:hover{color:#f55}.content .overview caption{text-align:left}.content .overview #overview tr td{background-color:#fff;border:1px solid #dad9c7;padding-left:1em;padding-top:0.5em}.content .overview #overview tr td #compound{width:200px}.content .overview #overview tr td b.c{color:#d42200}.content .overview #overview tr td b.n{color:#5c8533}.content .overview #overview tr td .confidence{display:inline}.content .error{background-color:#c5c1e4;padding:15px;-webkit-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset;box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(0,0,0,0.3) inset;-moz-border-radius-topleft:25px;-webkit-border-top-left-radius:25px;border-top-left-radius:25px;-moz-border-radius-bottomleft:25px;-webkit-border-bottom-left-radius:25px;border-bottom-left-radius:25px;-moz-border-radius-topright:25px;-webkit-border-top-right-radius:25px;border-top-right-radius:25px;-moz-border-radius-bottomright:25px;-webkit-border-bottom-right-radius:25px;border-bottom-right-radius:25px;-webkit-background-clip:border;-moz-background-clip:border;background-clip:border-box}.content .error .message{margin-top:1em;padding:1em;border:2px solid #f55;background-color:#fff;color:#f55;-moz-border-radius-topleft:25px;-webkit-border-top-left-radius:25px;border-top-left-radius:25px;-moz-border-radius-bottomleft:25px;-webkit-border-bottom-left-radius:25px;border-bottom-left-radius:25px;-moz-border-radius-topright:25px;-webkit-border-top-right-radius:25px;border-top-right-radius:25px;-moz-border-radius-bottomright:25px;-webkit-border-bottom-right-radius:25px;border-bottom-right-radius:25px;-webkit-background-clip:border;-moz-background-clip:border;background-clip:border-box}.content #closebutton{color:#f55;margin-left:98%;padding:0}.details{width:98%;background-color:#c5c1e4;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;-webkit-background-clip:border;-moz-background-clip:border;background-clip:border-box;-webkit-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(0,0,0,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(0,0,0,0.3) inset;box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(0,0,0,0.3) inset}.details a:hover{color:#f55}.details img{display:inline;float:left;margin:0.5em}.significant_fragments{width:98%;margin-bottom:2em;background-color:#c5c1e4;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;-webkit-background-clip:border;-moz-background-clip:border;background-clip:border-box;-webkit-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(0,0,0,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(0,0,0,0.3) inset;box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(0,0,0,0.3) inset}.significant_fragments img{display:inline;float:left;margin:0.5em}.significant_fragments table#sf1{text-align:left}.significant_fragments table#sf1 td{padding:0.2em}.descriptors{width:98%;margin-bottom:2em;background-color:#c5c1e4;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;-webkit-background-clip:border;-moz-background-clip:border;background-clip:border-box;-webkit-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(0,0,0,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(0,0,0,0.3) inset;box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(0,0,0,0.3) inset}.descriptors img{display:inline;float:left;margin:0.5em}.descriptors table#sf2{text-align:left}.descriptors table#sf2 td{padding:0.2em}.results{background-image:url("/images/gray_jean.png");overflow-x:auto;overflow-y:hidden;margin-top:2em;margin-bottom:2em;-webkit-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(0,0,0,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(0,0,0,0.3) inset;box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(0,0,0,0.3) inset}.results a:hover{color:#f55}.results .tablesorter{width:100%;text-align:left}.results .tablesorter thead{background-color:#e6e5f3}.results .tablesorter thead tr th.header{background-image:url("/images/bg.gif");background-repeat:no-repeat;background-position:center left;cursor:pointer;padding-left:20px;border:1px solid #dad9c7;margin-left:-1px}.results .tablesorter thead tr th.headerSortDown{background-image:url("/images/desc.gif");background-color:#c5c1e4}.results .tablesorter thead tr th.headerSortUp{background-image:url("/images/asc.gif");background-color:#c5c1e4}.results .tablesorter tbody tr td{padding-left:1em;-webkit-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(0,0,0,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(0,0,0,0.3) inset;box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(0,0,0,0.3) inset}.results .tablesorter tbody .compound{width:200px;padding:0.2em}.results .tablesorter tbody .n{color:#5c8533}.results .tablesorter tbody .c{color:#d42200}input#predict{border:0px;background-color:#c5c1e4;margin:0;padding:0}.tooltip{background-color:#fff;border:2px solid #ccc;font-size:0.5em;padding:1em;display:none;z-index:50}.footer{margin:20px 0 20px 0}
+body{background-image:url("/images/gray_jean.png");overflow:scroll;font-family:sans-serif}body a{text-decoration:none;font-weight:bold;color:#2b2b2b}body img{border:0}body h1{color:#2b2b2b}body h2{padding-top:12px;font-size:x-large;color:#f76700}.logo{top:0;position:fixed;background-color:#efefef;width:100%;z-index:40}.logo img{float:left;display:inline;margin-right:1em;padding:1em}.logo h1{width:80%}.logo img.ote{width:100px;height:50px;display:inline;float:right}.content{background-image:url("/images/gray_jean.png");margin-top:6em}.content h1{text-shadow:#fff 1px 1px 0;font-size:x-large;display:inline}.content .arrow{margin:8px 0px 5px 20px}.content .back{display:inline}.content fieldset#top{border:0;padding:10px;background-color:#c8c2c8;-webkit-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset}.content fieldset#top a#linkInsert{display:block;width:100%;height:2em}.content fieldset#top #appletContainer{padding:10px}.content fieldset#middle{border:0;padding:10px;background-color:#c8c2c8;-webkit-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset}.content fieldset#middle a#linkModels{display:block;width:100%;height:2em}.content fieldset#middle #models{padding-left:1em}.content fieldset#middle #model a{display:inline;font-weight:normal}.content fieldset#bottom{border:0;background-color:#c8c2c8;padding:10px;margin-bottom:5em;-webkit-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset}.content fieldset#bottom input#predict{margin-left:1em}.content .predictions{background-color:#c8c2c8;padding:10px;text-align:justify;-webkit-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset}.content .overview{background-image:url("/images/gray_jean.png");padding:12px;margin-top:1em;margin-bottom:1em;text-align:left;-webkit-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset}.content .overview a:hover{color:#f76700}.content .overview caption{text-align:left}.content .overview #overview tr td{background-color:#fff;border:1px solid #dad9c7;padding-left:1em;padding-top:0.5em}.content .overview #overview tr td #compound{width:200px}.content .overview #overview tr td b.c{color:#d42200}.content .overview #overview tr td b.n{color:#5c8533}.content .overview #overview tr td .confidence{display:inline}.content .error{background-color:#c8c2c8;padding:15px;-webkit-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,-1px -1px 5px rgba(43,43,43,0.3) inset}.content .error .message{margin:2em;padding:1em;border:2px solid #f76700;background-color:#fff;color:#2b2b2b}.content #closebutton{color:#f76700;margin-left:98%}.details{width:98%;background-color:#c8c2c8;-webkit-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset}.details a:hover{color:#f76700}.details img{display:inline;float:left;margin:0.5em}.significant_fragments{width:98%;margin-bottom:2em;background-color:#c8c2c8;-webkit-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset}.significant_fragments img{display:inline;float:left;margin:0.5em}.significant_fragments table#sf1{text-align:left}.significant_fragments table#sf1 td{padding:0.2em}.descriptors{width:98%;margin-bottom:2em;background-color:#c8c2c8;-webkit-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset}.descriptors img{display:inline;float:left;margin:0.5em}.descriptors table#sf2{text-align:left}.descriptors table#sf2 td{padding:0.2em}.results{background-image:url("/images/gray_jean.png");overflow-x:auto;overflow-y:hidden;margin-top:2em;margin-bottom:2em;-webkit-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset}.results a:hover{color:#f76700}.results .tablesorter{width:100%;text-align:left}.results .tablesorter thead{background-color:#e0dde0}.results .tablesorter thead tr th.header{background-image:url("/images/bg.gif");background-repeat:no-repeat;background-position:center left;cursor:pointer;padding-left:20px;border:1px solid #dad9c7;margin-left:-1px}.results .tablesorter thead tr th.headerSortDown{background-image:url("/images/desc.gif");background-color:#c8c2c8}.results .tablesorter thead tr th.headerSortUp{background-image:url("/images/asc.gif");background-color:#c8c2c8}.results .tablesorter tbody tr td{padding-left:1em;-webkit-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset;-moz-box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset;box-shadow:1px 1px 1px #fff inset,0px -1px 2px rgba(43,43,43,0.3) inset}.results .tablesorter tbody .compound{width:200px;padding:0.2em}.results .tablesorter tbody .n{color:#5c8533}.results .tablesorter tbody .c{color:#d42200}input#predict{border:0px;background-color:#c8c2c8;margin:0;padding:0}.tooltip{background-color:#fff;border:2px solid #f76700;font-size:0.5em;padding:1em;display:none;z-index:50}.footer{margin:20px 0 20px 0}.footer a{text-decoration:none;color:#000}.footer a:hover{color:#f76700}
diff --git a/public/stylesheets/screen.sass b/public/stylesheets/screen.sass
index 08c263f..bd80e01 100644
--- a/public/stylesheets/screen.sass
+++ b/public/stylesheets/screen.sass
@@ -2,8 +2,10 @@
 @import compass/css3
 
 //$bg-color: #CCCCFF
-$ist-color: #C5C1E4
-
+//$ist-color: #C5C1E4
+$ist-color: #C8C2C8  
+$black: #2b2b2b
+$orange: #f76700
 body
   background-image: url("/images/gray_jean.png")
   //background-color: $bg-color
@@ -12,53 +14,51 @@ body
   a
     text-decoration: none
     font-weight: bold
-    color: black
+    color: $black
   //for IE
   img
     border: 0
+  h1
+    color: $black
   h2
     padding-top: 12px
-    text-shadow: #FFF 1px 1px 0
+    //text-shadow: #FFF 1px 1px 0
     font-size: x-large
-    color: #FF5555 
+    color: $orange 
 
 .logo
+  top: 0
+  position: fixed
+  background-color: #efefef
+  width: 100%
+  z-index: 40
   img
     float: left
     display: inline
     margin-right: 1em
+    padding: 1em
   h1
-    display: inline
+    //display: inline
     width: 80%
   img.ote
     width: 100px
     height: 50px
     display: inline
     float: right
-  hr
-    margin: 0.5em
 
 .content
   background-image: url("/images/gray_jean.png")
+  margin-top: 6em
   h1
-    margin: 0.3em
+    //margin: 0.3em
     text-shadow: #FFF 1px 1px 0
     font-size: x-large
-    font-family: Verdana
     display: inline
   .arrow
     margin: 8px 0px 5px 20px
   .back
     display: inline
-  //.close
-    //text-align: right
-  #back-top
-    z-index: 100
-    position: fixed
-    bottom: 3%
-    margin-left: 91%
-    a:hover
-      color: #bbb
+  
   fieldset#top
     a#linkInsert
       display: block
@@ -67,10 +67,7 @@ body
     border: 0
     padding: 10px
     background-color: $ist-color
-    +border-top-left-radius(25px)
-    +border-top-right-radius(25px)
-    +background-clip(border-box)
-    +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba(black, 0.3) inset)
+    +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba($black, 0.3) inset)
     #appletContainer
       padding: 10px
   fieldset#middle
@@ -81,7 +78,7 @@ body
     border: 0
     padding: 10px
     background-color: $ist-color
-    +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba(black, 0.3) inset)
+    +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba($black, 0.3) inset)
     #models
       padding-left: 1em
     #model a
@@ -92,32 +89,25 @@ body
     background-color: $ist-color
     padding: 10px
     margin-bottom: 5em   
-    +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba(black, 0.3) inset)
-    +border-bottom-left-radius(25px)
-    +border-bottom-right-radius(25px)
-    +background-clip(border-box)
+    +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba($black, 0.3) inset)
     input#predict
       margin-left: 1em
+
+
   .predictions
     background-color: $ist-color
     padding: 10px
     text-align: justify
-    +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba(black, 0.3) inset)
-    +border-left-radius(25px)
-    +border-right-radius(25px)
-    +background-clip(border-box)
+    +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba($black, 0.3) inset)
   .overview
     a:hover
-      color: #FF5555 
+      color: $orange 
     background-image: url("/images/gray_jean.png")
     padding: 12px
     margin-top: 1em
     margin-bottom: 1em
     text-align: left
-    +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba(black, 0.3) inset)
-    +border-top-left-radius(25px)
-    +border-top-right-radius(25px)
-    +background-clip(border-box)
+    +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba($black, 0.3) inset)
     caption
       text-align: left
     #overview tr td
@@ -136,38 +126,29 @@ body
   .error
     background-color: $ist-color
     padding: 15px
-    +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba(black, 0.3) inset)
-    +border-left-radius(25px)
-    +border-right-radius(25px)
-    +background-clip(border-box)
+    +box-shadow(1px 1px 1px rgba(white, 1) inset, -1px -1px 5px rgba($black, 0.3) inset)
     .message
-      margin-top: 1em
+      margin: 2em
       padding: 1em
-      border: 2px solid #FF5555
+      border: 2px solid $orange
       background-color: #FFFFFF
-      color: #FF5555
-      +border-left-radius(25px)
-      +border-right-radius(25px)
-      +background-clip(border-box)
+      color: $black
   // close button for iframe also in content class
   #closebutton
-    color: #FF5555
+    color: $orange
     margin-left: 98%
-    padding: 0
-    //background-color: $ist-color
-    //+border-bottom-left-radius(5px)
-    //+border-bottom-right-radius(5px)
+    //padding: 0
     
 .details
   //height: 100%
   width: 98%
   background-color: $ist-color
-  +border-bottom-left-radius(5px)
-  +border-bottom-right-radius(5px)
-  +background-clip(border-box)
-  +box-shadow(1px 1px 1px rgba(white, 1) inset, 0px -1px 2px rgba(black, 0.3) inset)
+  //+border-bottom-left-radius(5px)
+  //+border-bottom-right-radius(5px)
+  //+background-clip(border-box)
+  +box-shadow(1px 1px 1px rgba(white, 1) inset, 0px -1px 2px rgba($black, 0.3) inset)
   a:hover
-    color: #FF5555
+    color: $orange
   img
     display: inline
     float: left
@@ -179,10 +160,7 @@ body
   margin-bottom: 2em
   background-color: $ist-color
   //background-image: url("/images/gray_jean.png")
-  +border-bottom-left-radius(5px)
-  +border-bottom-right-radius(5px)
-  +background-clip(border-box)
-  +box-shadow(1px 1px 1px rgba(white, 1) inset, 0px -1px 2px rgba(black, 0.3) inset)
+  +box-shadow(1px 1px 1px rgba(white, 1) inset, 0px -1px 2px rgba($black, 0.3) inset)
   img
     display: inline
     float: left
@@ -198,10 +176,7 @@ body
   margin-bottom: 2em
   background-color: $ist-color
   //background-image: url("/images/gray_jean.png")
-  +border-bottom-left-radius(5px)
-  +border-bottom-right-radius(5px)
-  +background-clip(border-box)
-  +box-shadow(1px 1px 1px rgba(white, 1) inset, 0px -1px 2px rgba(black, 0.3) inset)
+  +box-shadow(1px 1px 1px rgba(white, 1) inset, 0px -1px 2px rgba($black, 0.3) inset)
   img
     display: inline
     float: left
@@ -218,8 +193,8 @@ body
   margin-top: 2em
   margin-bottom: 2em
   a:hover
-    color: #FF5555
-  +box-shadow(1px 1px 1px rgba(white, 1) inset, 0px -1px 2px rgba(black, 0.3) inset)
+    color: $orange
+  +box-shadow(1px 1px 1px rgba(white, 1) inset, 0px -1px 2px rgba($black, 0.3) inset)
   .tablesorter
     width: 100%
     text-align: left
@@ -243,7 +218,7 @@ body
     tbody
       tr td
         padding-left: 1em
-        +box-shadow(1px 1px 1px rgba(white, 1) inset, 0px -1px 2px rgba(black, 0.3) inset)
+        +box-shadow(1px 1px 1px rgba(white, 1) inset, 0px -1px 2px rgba($black, 0.3) inset)
       .compound
         width: 200px
         padding: 0.2em
@@ -260,7 +235,7 @@ input#predict
   
 .tooltip
   background-color: #fff
-  border: 2px solid #ccc
+  border: 2px solid $orange
   font-size: 0.5em
   padding: 1em
   display: none
@@ -268,3 +243,9 @@ input#predict
   
 .footer
   margin: 20px 0 20px 0
+  a
+    text-decoration: none
+    color: black
+    &:hover
+      color: $orange
+