Bug 9722: Allow users to add notes when placing a hold in opac

[koha.git] / koha-tmpl / opac-tmpl / prog / en / css / opac.css

diff --git a/koha-tmpl/opac-tmpl/prog/en/css/opac.css b/koha-tmpl/opac-tmpl/prog/en/css/opac.css
index aad1b2c..5e5d2f4 100644 (file)
--- a/koha-tmpl/opac-tmpl/prog/en/css/opac.css
+++ b/koha-tmpl/opac-tmpl/prog/en/css/opac.css
@@ -1,3 +1,6 @@
+@import url("/opac-tmpl/lib/yui/reset-fonts-grids.css");
+@import url("/opac-tmpl/lib/yui/skin.css");
+
 a {
        font-weight : bold;
 }
@@ -426,20 +429,20 @@ a .term {
 }
 
 #action a.print {
-  background-image: url("../../images/sprite.png");
+  background-image: url("../../images/sprite.png"); /* Print */
   background-position: -5px -186px;
   background-repeat: no-repeat;
 }
 
 #action a.highlight_toggle {
-    background-image: url("../../images/sprite.png"); /* place hold icon */
+    background-image: url("../../images/sprite.png"); /* Highlight */
     background-position: -5px -841px;
     background-repeat: no-repeat;
     display: none;
 }
 
 #action a#furthersearches {
-    background-image: url("../../images/sprite.png");
+    background-image: url("../../images/sprite.png"); /* Menu arrow */
     background-position: 106px -295px;
     background-repeat: no-repeat;
        border : 1px solid #F3F3F3;
@@ -457,19 +460,19 @@ a .term {
 
 #action a.reserve,
 .searchresults a.reserve {
-  background-image: url("../../images/sprite.png");
+  background-image: url("../../images/sprite.png"); /* Place hold */
   background-position: -5px -144px;
   background-repeat: no-repeat;
 }
 
 #action a.addtoshelf, #toolbar a.addtoshelf {
-  background-image: url("../../images/sprite.png");
+  background-image: url("../../images/sprite.png"); /* Virtual shelf */
   background-position: -5px -225px;
   background-repeat: no-repeat;
 }
 
 #action a.addtocart, #toolbar a.addtocart {
-  background-image: url("../../images/sprite.png");
+  background-image: url("../../images/sprite.png"); /* Cart */
   background-position: -5px -265px;
   background-repeat: no-repeat;
 }
@@ -482,7 +485,7 @@ a .term {
 }
 
 #action a.incart {
-  background-image: url("../../images/sprite.png");
+  background-image: url("../../images/sprite.png"); /* Cart */
   background-position: -5px -265px;
   background-repeat: no-repeat;
   color : #666;
@@ -543,7 +546,7 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', end
 
 
 #toolbar a.print {
-    background-image: url("../../images/sprite.png");
+    background-image: url("../../images/sprite.png"); /* Toolbar print */
     background-position : 0px -423px;
     background-repeat: no-repeat;
        text-decoration : none;
@@ -551,7 +554,7 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', end
 }
 
 #toolbar a.brief {
-    background-image : url("../../images/sprite.png");
+    background-image : url("../../images/sprite.png"); /* Zoom out */
     background-position : -2px -868px;
     background-repeat: no-repeat;
        text-decoration : none;
@@ -559,7 +562,7 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', end
 }
 
 #toolbar a.detail {
-    background-image : url("../../images/sprite.png");
+    background-image : url("../../images/sprite.png"); /* Zoom in */
     background-position : -2px -898px;
     background-repeat: no-repeat;
        text-decoration : none;
@@ -567,7 +570,7 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', end
 }
 
 #toolbar a.download {
-    background-image : url("../../images/sprite.png");
+    background-image : url("../../images/sprite.png"); /* Download */
     background-position : 2px -348px;
     background-repeat: no-repeat;
     padding-left : 28px;
@@ -575,7 +578,7 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', end
 }
 
 #toolbar a.editshelf {
-    background-image : url("../../images/sprite.png");
+    background-image : url("../../images/sprite.png"); /* List edit */
     background-position : 2px -348px;
     background-repeat: no-repeat;
        padding-left : 26px;
@@ -583,7 +586,7 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', end
 }
 
 #toolbar a.empty {
-    background-image : url("../../images/sprite.png");
+    background-image : url("../../images/sprite.png"); /* Trash */
     background-position : 2px -598px;
     background-repeat: no-repeat;
        text-decoration : none;
@@ -591,7 +594,7 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', end
 }
 
 #toolbar a.hide {
-    background-image : url("../../images/sprite.png");
+    background-image : url("../../images/sprite.png"); /* Close */
     background-position: -3px -814px;
     background-repeat: no-repeat;
        text-decoration : none;
@@ -600,7 +603,7 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', end
 
 #toolbar a.hold,
 #selections-toolbar a.hold {
-    background-image: url("../../images/sprite.png");
+    background-image: url("../../images/sprite.png"); /* Toolbar place hold */
     background-position : -5px -453px;
     background-repeat: no-repeat;
        text-decoration : none;
@@ -608,14 +611,14 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', end
 }
 
 #selections-toolbar a.hold.disabled {
-    background-image: url("../../images/sprite.png");
+    background-image: url("../../images/sprite.png"); /* Place hold disabled */
     background-position : -5px -621px;
     background-repeat: no-repeat;
 }
 
 #selections-toolbar a.removeitems,
 #selections-toolbar a.deleteshelf {
-    background-image : url("../../images/sprite.png");
+    background-image : url("../../images/sprite.png"); /* Delete */
     background-position : 2px -690px;
     background-repeat: no-repeat;
        text-decoration : none;
@@ -625,14 +628,14 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', end
 
 #selections-toolbar a.removeitems.disabled,
 #selections-toolbar a.deleteshelf.disabled {
-    background-image: url("../../images/sprite.png");
+    background-image: url("../../images/sprite.png"); /* Delete disabled */
     background-position : 2px -712px;
     background-repeat: no-repeat;
 }
 
 #toolbar a.send,
 a.send {
-    background-image: url("../../images/sprite.png");
+    background-image: url("../../images/sprite.png"); /* Email */
     background-position : 2px -386px;
     background-repeat: no-repeat;
        text-decoration : none;
@@ -640,7 +643,7 @@ a.send {
 }
 
 #toolbar a.new {
-    background-image : url("../../images/sprite.png");
+    background-image : url("../../images/sprite.png"); /* New */
     background-position : -4px -922px;
     background-repeat : no-repeat;
        padding-left : 23px;
@@ -649,12 +652,13 @@ a.send {
 
 #toolbar input.editshelf,
 input.editshelf {
-    background-image : url("../../images/sprite.png");
+    background-image : url("../../images/sprite.png"); /* List edit */
     background-position : 2px -732px;
     background-repeat: no-repeat;
        border : 0;
        color : #006699;
        cursor : pointer;
+    filter: none;
        font-size : 100%;
        padding-left : 29px;
        text-decoration : none;
@@ -663,12 +667,13 @@ input.editshelf {
 #toolbar input.newshelf,
 #toolbar a.newshelf,
 a.newshelf {
-    background-image: url("../../images/sprite.png"); /* add to list icon */
-    background-position: -4px -864px;
+    background-image: url("../../images/sprite.png"); /* List new */
+    background-position: -4px -764px;
     background-repeat: no-repeat;
        border : 0;
        color : #006699;
        cursor : pointer;
+    filter: none;
        font-size : 100%;
        margin: 0 0.5em;
     padding-left : 23px;
@@ -676,19 +681,20 @@ a.newshelf {
 }
 
 a.newshelf.disabled {
-    background-image: url("../../images/sprite.png"); /* add to list icon */
+    background-image: url("../../images/sprite.png"); /* List new disabled */
     background-position: -4px -791px;
     background-repeat: no-repeat;
 }
 
 #toolbar input.deleteshelf,
 input.deleteshelf {
-    background-image : url("../../images/sprite.png");
+    background-image : url("../../images/sprite.png"); /* Delete */
     background-position : 2px -685px;
     background-repeat: no-repeat;
        border : 0;
        color : #006699;
        cursor : pointer;
+    filter: none;
        font-size : 100%;
     padding-left : 25px;
        text-decoration : none;
@@ -712,7 +718,7 @@ input.deleteshelf:active {
 
 #tagsel_span input.submit,
 #tagsel_tag {
-    background-image : url("../../images/sprite.png"); /* tag icon */
+    background-image : url("../../images/sprite.png"); /* Tags */
     background-position : 7px -640px;
        background-repeat : no-repeat;
        padding-left : 25px;
@@ -730,17 +736,17 @@ input.deleteshelf:active {
 #tagslist li { display : inline; }
 
 a.tag_add {
-    background-image: url(../../images/tag-small.png);
-    background-position : -1px center;
-    background-repeat : no-repeat;
+    background-image: url("../../images/sprite.png"); /* Tag results */
+    background-position: -10px -1104px;
+    background-repeat: no-repeat;
     padding-left : 13px;
     text-decoration: none;
 }
 
 #login4tags {
-    background-image: url(../../images/tag-small-disabled.png);
-    background-position : -1px center;
-    background-repeat : no-repeat;
+    background-image: url("../../images/sprite.png"); /* Tag results disabled */
+    background-position: -10px -1124px;
+    background-repeat: no-repeat;
     padding-left : 13px;
     text-decoration: none;
     margin-left: 1em;
@@ -761,16 +767,17 @@ a.tag_add {
        max-width : 10em;
 }
 
+/* Search results add to cart (lists disabled) */
 .addto a.addtocart {
-  background-image: url("../../images/sprite.png"); /* cart icon */
-  background-position: -5px -265px;
+  background-image: url("../../images/sprite.png"); /* Cart */
+  background-position: -5px -266px;
     background-repeat: no-repeat;
        text-decoration : none;
        padding-left : 33px;
 }
-
+/* Search results place hold link */
 #placehold input.submit {
-    background-image: url("../../images/sprite.png"); /* place hold icon */
+    background-image: url("../../images/sprite.png"); /* Place hold */
     background-position: -1px -140px;
     background-repeat: no-repeat;
        text-decoration : none;
@@ -788,7 +795,7 @@ a.tag_add {
        cursor : pointer;
 }
 .searchresults a.highlight_toggle {
-    background-image: url("../../images/sprite.png"); /* place hold icon */
+    background-image: url("../../images/sprite.png"); /* Highlight */
     background-position: -11px -841px;
     background-repeat: no-repeat;
        display: none;
@@ -1441,6 +1448,10 @@ padding-left : .4em;
     margin-top : .5em;
 }
 
+.actions a {
+    white-space: nowrap;
+}
+
 .m880 {
     display:block; 
     text-align:right; 
@@ -1481,23 +1492,26 @@ padding-left : .4em;
        text-decoration : none;
 }
 
+/* Search results rows place hold */
 .actions a.hold {
-    background-image : url("../../images/sprite.png");
+    background-image : url("../../images/sprite.png"); /* Place hold small */
     background-position : -10px -542px;
     background-repeat: no-repeat;
        padding-left : 16px;
 }
 
+/* Search results rows add to cart */
 .actions a.addtocart {
-    background-image : url("../../images/sprite.png");
+    background-image : url("../../images/sprite.png"); /* Cart small */
     background-position : -10px -572px;
     background-repeat: no-repeat;
     padding-left : 15px;
        display : none;
 }
 
+/* Search results rows save to lists */
 .actions a.addtoshelf {
-    background-image : url("../../images/sprite.png");
+    background-image : url("../../images/sprite.png"); /* MARC view */
     background-position: -10px -27px;
     background-repeat: no-repeat;
        padding-left : 13px;
@@ -1538,7 +1552,7 @@ div.message {
        background: -webkit-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* IE10+ */
-       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeef5', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
        background: linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* W3C */
        border : 1px solid #bcbcbc;
        width : 55%;
@@ -1563,6 +1577,11 @@ div.message {
        padding : 3px 5px;
 }
 
+strong em, em strong  {
+    font-weight: bold;
+    font-style: italic;
+}
+
 #opac-main-search #listsmenu a, #opac-main-search #listsmenu h4 {
        color : #000;
        font-weight : normal;
@@ -1584,7 +1603,6 @@ div.message {
        background: -webkit-linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* IE10+ */
-       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef4fe', endColorstr='#cbdefe',GradientType=1 ); /* IE6-9 */
        background: linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* W3C */
        border : 1px solid #739acf;
        padding : .3em 1em 0 0;
@@ -1658,7 +1676,7 @@ ul#i18nMenu li ul li {
 
 
 ul#i18nMenu li.more a {
-    background-image : url("../../images/sprite.png");
+    background-image : url("../../images/sprite.png"); /* Arrow up */
     background-position : 37px -940px;
        background-repeat:no-repeat;
        padding-right: 1.3em;
@@ -1668,6 +1686,10 @@ ul#i18nMenu li.more ul li a {
        background-image : none;
        padding: 0 1.3em;
 }
+.morelang,
+li.more {
+float:left
+}
 
 span.lang{
        float:left;
@@ -1739,7 +1761,6 @@ div#menu li a {
        background: -o-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* IE10+ */
        background: linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* W3C */
-       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#c1c1c1',GradientType=1 ); /* IE6-9 */
        text-decoration : none;
        display : block;
        border : 1px solid #979797;
@@ -1757,7 +1778,6 @@ div#menu li a:hover {
        background: -o-linear-gradient(left, #eaeef5 0%,#dee6f4 96%,#c4d5ef 98%,#a2bee8 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left, #eaeef5 0%,#dee6f4 96%,#c4d5ef 98%,#a2bee8 100%); /* IE10+ */
        background: linear-gradient(left, #eaeef5 0%,#dee6f4 96%,#c4d5ef 98%,#a2bee8 100%); /* W3C */
-       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeef5', endColorstr='#a2bee8',GradientType=1 ); /* IE6-9 */
 }
 
 div#menu li.active a:hover {
@@ -1814,24 +1834,6 @@ div#menu li.active a:hover {
        padding : 2px;
 }
 
-span.starFull {
-       background: url(../../images/star-ratings.gif) top left no-repeat;
-       display : block;
-       height: 10px;
-       margin: 0;
-       padding: 0;
-}
-
-span.starMT {
-       background: url(../../images/star-ratings-empty.gif) top left no-repeat;
-       display : block;
-       height: 10px;
-       margin: 0 10px 0 10px;
-       padding: 0;
-       position: relative;
-       width: 50px;
-}
-
 #cartmenulink, #listsmenulink {
        background-repeat: no-repeat;
        -webkit-border-radius: 5px;
@@ -2167,6 +2169,36 @@ a.p1:active {
 div.ft {
        clear : both;
 }
+
+.authorSearch {
+    position: absolute;
+    display: none;
+    z-index: 2;
+    background-color: white;
+    border: 1px solid black;
+    padding: 4px;
+}
+.authorSearch li {
+    list-style-type: none;
+}
+.authorSearch ul {
+    padding-left: 0px;
+}
+.subjectSearch {
+    position: absolute;
+    display: none;
+    z-index: 2;
+    background-color: white;
+    border: 1px solid black;
+    padding: 4px;
+}
+.subjectSearch li {
+    list-style-type: none;
+}
+.subjectSearch ul {
+    padding-left: 0px;
+}
+
 #basket td ul li {
        font-size:90%;
     list-style:disc outside url(data:image/gif;base64,R0lGODlhBQAHAJECAP///5zD6v///wAAACH5BAEAAAIALAAAAAAFAAcAAAIMjCUGkbvhFGQSmVAAADs=);
@@ -2354,7 +2386,7 @@ a.koha_url {
 }
 
 .nav_results .l_Results a {
-    background:#E1E1E1 url("../../images/sprite.png") no-repeat 0px -504px;
+    background:#E1E1E1 url("../../images/sprite.png") no-repeat 0px -504px; /* Browse results menu */
     color:#006699;
     display:block;
     padding:8px 28px;
@@ -2467,10 +2499,10 @@ span.sep {
 
 /* jQueryUI Core */
 
-.ui-widget-content { border: 1px solid #B9D8D9; background: #ffffff none; color: #222222; }
-.ui-widget-header { border: 1px solid #B9D8D9; background: #E6F0F2 none; color: #222222; font-weight: bold; }
-.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #B9D8D9; background: #F4F8F9 none; font-weight: normal; color: #555555; }
-.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #B9D8D9; background: #E6F0F2 none; font-weight: normal; color: #212121; }
+.ui-widget-content { border: 1px solid #AAA; background: #ffffff none; color: #222222; }
+.ui-widget-header { border: 1px solid #AAA; background: #E6F0F2 none; color: #222222; font-weight: bold; }
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #AAA; background: #F4F8F9 none; font-weight: normal; color: #555555; }
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #AAA; background: #E6F0F2 none; font-weight: normal; color: #212121; }
 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff none; font-weight: normal; color: #212121; }
 .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee; color: #363636; }
 .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; }
@@ -2478,7 +2510,7 @@ span.sep {
 /* jQueryUI autocomplete */
 
 .ui-autocomplete { position: absolute; cursor: default; -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.3); -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.3); box-shadow: 2px 2px 2px rgba(0,0,0,.3); }
-.ui-autocomplete.ui-widget-content .ui-state-hover { border: 1px solid #B9D8D9; background: #E6F0F2 none; font-weight: normal; color: #212121; }
+.ui-autocomplete.ui-widget-content .ui-state-hover { border: 1px solid #AAA; background: #E6F0F2 none; font-weight: normal; color: #212121; }
 .ui-autocomplete-loading { background: #FFF url("../../img/loading-small.gif") right center no-repeat; }
 .ui-menu li { list-style:none; }
 
@@ -2525,7 +2557,7 @@ span.sep {
 }
 
 /* jQuery UI standard tabs */
-.ui-tabs-nav .ui-tabs-selected a,
+.ui-tabs-nav .ui-tabs-active a,
 .ui-tabs-nav a:hover,
 .ui-tabs-nav a:focus,
 .ui-tabs-nav a:active,
@@ -2534,11 +2566,6 @@ span.sep {
     outline: 0 none;
 }
 
-.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
-    background-color : #FFF;
-    border : 1px solid #D8D8D8;
-}
-
 .ui-widget,
 .ui-widget input,
 .ui-widget select,
@@ -2565,10 +2592,16 @@ ul.ui-tabs-nav li {
 }
 .ui-tabs .ui-tabs-nav li {
     background: #F3F3F3 none;
-    border: 1px solid #D8D8D8;
+    border-color: #D8D8D8;
     margin-right : .4em;
 }
-.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
+
+.ui-tabs .ui-tabs-nav li.ui-tabs-active {
+    background-color : #FFF;
+    border : 1px solid #D8D8D8;
+    border-bottom: 0;
+}
+.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
     color : #000;
     font-weight : bold;
 }
@@ -2577,7 +2610,7 @@ ul.ui-tabs-nav li {
     background : #F3F3F3 none;
 }
 
-.ui-tabs .ui-tabs-nav li.ui-tabs-selected.ui-state-hover {
+.ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover {
     background : #FFF none;
 }
 
@@ -2762,6 +2795,7 @@ div.authorizedheading {
     width: 75%;
 }
 
+
 .contentblock {
     position: relative;
     margin-left: 2em;
@@ -2833,3 +2867,96 @@ body#opac-main #opacmainuserblockmobile {
 .tagweight9 {
     font-size: 30px;
 }
+
+#patronregistration {
+    background-color: #F7F7F7;
+    border : 1px solid #EAEAEA;
+    -moz-border-radius: 3px;
+    border-radius : 3px;
+    font-size : 90%;
+    margin : .7em 0;
+    padding : .5em;
+    text-align: center;
+}
+#patronregistration a {
+    display: block;
+}
+
+video {
+    width: 480px;
+}
+
+.review {
+    margin-bottom: 20px;
+}
+
+#idreambooksreadometer {
+    float: right;
+}
+a.idreambooksrating {
+    font-size: 30px;
+    color: #29ADE4;
+    padding-left: 85px;
+    line-height: 30px;
+    text-decoration: none;
+}
+
+.idreambookslegend {
+    font-size: small;
+}
+
+a.reviewlink,a.reviewlink:visited {
+    text-decoration: none;
+    color: black;
+    font-weight: normal;
+}
+
+.idreambookssummary a {
+    color: #707070;
+    text-decoration: none;
+}
+
+.idreambookssummary img, .idbresult img {
+    vertical-align: middle;
+}
+
+.idbresult {
+    color: #29ADE4;
+    text-align: center;
+    margin: 0.5em;
+    padding: 0.5em;
+}
+
+.idbresult a, .idbresult a:visited {
+    text-decoration: none;
+    color: #29ADE4;
+}
+
+.idbresult img {
+    padding-right: 6px;
+}
+
+.highlight-row-results {
+    font-size: 120%;
+}
+
+.highlight-row-detail {
+    font-weight: bold;
+}
+
+.branch-info-tooltip {
+    display: none;
+}
+.lang {
+float:left;
+padding: 0.1em 0;
+}
+.notesrow label {
+    font-weight: bold;
+}
+.notesrow span {
+    display: block;
+}
+.notesrow textarea {
+    width: 100%;
+}