opac/skin/craftsman/css/default.css

   1 body { margin: 0; padding: 0; background: #f8f5e4 url(../../../images/bg.gif) repeat-x top left; }
   2
   3 img { border: 0; }
   4 .clear { clear: both; }
   5
   6 #container { height: 1%; }
   7
   8 /* --------------- header --------------- */
   9 #header { background: #2e8469 url(../../../images/header-bg.gif) repeat-x top left; border-bottom: 1px solid #145440; min-height: 95px; }
  10 #header img.logo {display: block; width: 260px; }
  11 #header-shadow { background: url(../../../images/header-shadow.gif) repeat-x top left; height: 5px; }
  12
  13 /* --------------- Home Search ---------- */
  14 .home-searcharea { margin: 65px auto 0 auto; padding: 6px; background: #fff url(../../../images/searchbox-bg.gif) repeat-x bottom left; width: 800px; -moz-border-radius: 6px; border: 1px solid #ccc8b1; }
  15 .home-logo { padding: 35px 40px 45px 40px; text-align: center; }
  16 .home-title { padding: 6px; font-size: 14px; font-weight: bold; color: #f08d4d; text-align: center; }
  17 .home-search-panel { margin-bottom: 5px; padding: 6px; background: #fffefa; border: 1px solid #809fb2; text-align: center; }
  18 .home-search-panel .search-home-input { height: 25px; padding: 4px; background: #fff; border: 1px solid #a7a6aa; font-size: 13px; width: 400px; }
  19 .home-search-panel .submit { padding: 3px 6px; }
  20 .home-filter-panel { padding: 6px; background: #fbf9ee; border: 1px solid #809fb2; text-align: center; }
  21 .home-filter-panel select { padding: 3px; }
  22
  23 .home-bottom-tabs { margin: 0 auto; width: 800px; text-align: center; }
  24 .home-bottom-tabs ul { margin: 0 auto; padding: 0; list-style: none; width: 500px; }
  25 .home-bottom-tabs ul li { float: left; margin: 0 2px; padding: 12px; background: #f7f4e7 url(../../../images/home-bottom-tag-bg.gif) repeat-x bottom left; -moz-border-radius: 6px; border: 1px solid #4e819c; border-top: 0; }
  26 .home-bottom-tabs ul li a { display: block; padding: 5px 0 5px 25px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333; text-decoration: none; }
  27 .home-bottom-tabs ul li a.advancedsearch { background: url(../../../images/advancedsearch-icon.gif) no-repeat 0 50%; }
  28 .home-bottom-tabs ul li a.chooselibrary { background: url(../../../images/chooselibrary-icon.gif) no-repeat 0 50%; }
  29 .home-bottom-tabs ul li a.myaccount { background: url(../../../images/myaccount-icon.gif) no-repeat 0 50%; }
  30 .home-bottom-tabs ul li a:hover { color: #000; }
  31 .home-bottom-tabs ul li:hover { background: #fff url(../../../images/sidebar-bg.gif) repeat-x bottom left; }
  32
  33 /* --------------- text size --------------- */
  34 #header #text_size_div { padding: 3px 2px 3px 0; }
  35 #header #text_size_div ul { float: right; margin: 0; padding: 0; list-style: none; }
  36 #header #text_size_div ul li { float: left; padding: 0 2px; font-size: 12px; color: #fff; letter-spacing: 0.1em; }
  37 #header #text_size_div ul li a { font-size: 12px; color: #fff; text-decoration: underline; }
  38 #header #text_size_div ul li a:hover { font-size: 12px; color: #fff; text-decoration: none; }
  39
  40 /* --------------- search bar --------------- */
  41 #header #searchbar { padding: 3px; }
  42 #header #searchbar ul { margin: 0; padding: 0; list-style: none; }
  43 #header #searchbar ul li { float: left; }
  44 #header #searchbar ul li input.input { padding: 4px; background: #fff; font-size: 13px; height: 25px; width: 200px; border: 1px solid #aeafb2; }
  45 #header #searchbar ul li input.submit { margin-left: 10px; padding: 2px 0; font-size: 13px; width: 80px; }
  46 #header #searchbar ul li select { margin: 2px 5px 2px 10px; padding: 3px; font-size: 13px; }
  47 #header #searchbar ul li a.classic_link { margin-left: 5px; display: block; background: url(../../../images/libselect-btn.gif) no-repeat; width: 163px; height: 25px; text-indent: -9000em; overflow: hidden; }
  48 #header #searchbar ul li a.classic_link:hover { background-position: bottom; }
  49
  50 /* --------------- status bar --------------- */
  51 #header #statusbar { padding: 0 2px 0 0; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
  52 #header #statusbar td { color: #fff; vertical-align: middle; }
  53 #header #statusbar ul { margin: 0; padding: 3px 0 0 0; list-style: none; }
  54 #header #statusbar ul li { float: left; }
  55 #header #statusbar ul li label { display: block; padding: 4px 0 0 0; }
  56 #header #statusbar .title { font-size: 15px; letter-spacing: 0.1em; }
  57 #header #statusbar li.checkbox { padding: 3px 5px 0 5px; }
  58 #header #statusbar input { margin: 0; padding: 0 5px 0 5px; font-size: 13px; }
  59 #header #statusbar select { font-size: 11px; font-size: 13px; padding: 3px; }
  60 /* --------------- end Header --------------- */
  61
  62 /* --------------- Content --------------- */
  63 #main-content { min-height: 300px; border-collapse: collapse; }
  64 #main-content tbody td { vertical-align: top; }
  65 #main-content tbody td#main_left_cell { width: 300px; min-width: 300px; }
  66 #main-content tbody td#main_right_cell { width: 100%; padding-top: 5px; padding-right: 5px }
  67 #main-content tbody td#main_right_cell div#content { background: #fff url(../../../images/content-bg.jpg) repeat-x bottom left; -moz-border-radius: 6px; border: 1px solid #a4a39e; min-height: 450px; }
  68 /* --------------- end Content --------------- */
  69
  70 /* --------------- footer --------------- */
  71 #footer { margin: 10px 5px 0 5px; background: #797457 url(../../../images/footer-bg.gif) repeat-x bottom; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #e0dcc6; -moz-border-radius: 6px; border: 1px solid #454337; }
  72 #footer .inner { padding: 0 10px 0 10px; -moz-border-radius: 6px; border: 3px solid #938f76; min-height: 45px; height: 65px; }
  73 #footer table { border-collapse: collapse; width: 100%; }
  74 #footer td { padding: 10px; color: #e0dcc6; font-size: 11px; vertical-align: middle; }
  75 #footer td.right { text-align: right }
  76
  77 #footer a { color: #e0dcc6; text-decoration: underline; }
  78 #footer a:hover { color: #fff; text-decoration: none; }
  79 /* --------------- end footer --------------- */
  80
  81 /* --------------- Main Left Menu ----------- */
  82 #main-left-menu { margin: 5px; padding: 5px; background: #fbfaf1; -moz-border-radius: 6px; border: 1px solid #b0ad97; }
  83 #main-left-menu ul { margin: 0; padding: 0; list-style: none; }
  84 #main-left-menu ul li { cursor: pointer; padding: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; -moz-border-radius: 6px; border: 1px solid #fbfaf1; }
  85 #main-left-menu ul li:hover { background: #fff url(../../../../images/sidebar-bg.gif) repeat-x bottom left; -moz-border-radius: 6px; border: 1px solid #a0bbcb; }
  86 #main-left-menu ul li a { display: block; padding: 8px 5px 8px 38px; color: #000; text-decoration: none; }
  87 #main-left-menu ul li a.home-btn { background: url(../../../images/home-icon.gif) no-repeat 5px 50%; }
  88 #main-left-menu ul li a.home-btn:hover { background: url(../../../images/home-icon-u.gif) no-repeat 5px 50%; }
  89 #main-left-menu ul li a.advancedsearch-btn { background: url(../../../images/inner-advanced-icon.gif) no-repeat 5px 50%; }
  90 #main-left-menu ul li a.advancedsearch-btn:hover { background: url(../../../images/inner-advanced-icon-u.gif) no-repeat 5px 50%; }
  91 #main-left-menu ul li a.account-btn { background: url(../../../images/inner-account-icon.gif) no-repeat 5px 50%; }
  92 #main-left-menu ul li a.account-btn:hover { background: url(../../../images/inner-account-icon-u.gif) no-repeat 5px 50%; }
  93 #main-left-menu ul li a.login-btn { background: url(../../../images/login-icon.gif) no-repeat 8px 50%; }
  94 #main-left-menu ul li a.login-btn:hover { background: url(../../../images/login-icon-u.gif) no-repeat 8px 50%; }
  95 #main-left-menu ul li a.logout-btn { background: url(../../../images/logout-icon.gif) no-repeat 8px 50%; }
  96 #main-left-menu ul li a.logout-btn:hover { background: url(../../../images/logout-icon-u.gif) no-repeat 8px 50%; }
  97 #main-left-menu ul li a.title-btn { background: url(../../../images/title-icon.gif) no-repeat 5px 50%; }
  98 #main-left-menu ul li a.title-btn:hover { background: url(../../../images/title-icon-u.gif) no-repeat 5px 50%; }
  99 #main-left-menu ul li span { display: block; padding: 8px 5px 8px 38px; color: #000; text-decoration: none; }
 100 #main-left-menu ul li span.titledetails-btn { background: url(../../../images/titledetails-icon-u.gif) no-repeat 5px 50%; }
 101 #main-left-menu ul li span.loginas-btn { background: url(../../../images/loginas-icon.gif) no-repeat 10px 50%; }
 102
 103 #main-left-inner { margin: 5px; padding: 5px; background: #f6f5ea; -moz-border-radius: 6px; border: 1px solid #d1cebc; }
 104
 105 #main-left-menu div.subject_sidebar { cursor: pointer; padding: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; -moz-border-radius: 6px; border: 1px solid #f6f5ea; }
 106 #main-left-menu div.subject_sidebar:hover { background: #fff url(../../../../images/sidebar-bg.gif) repeat-x bottom left; -moz-border-radius: 6px; border: 1px solid #a0bbcb; }
 107 #main-left-menu div.subject_sidebar a { color: #000; text-decoration: none; }
 108 #main-left-menu div.subject_sidebar a:hover { color: #4c83c7; text-decoration: underline; }
 109
 110 #main-left-menu div.author_sidebar { cursor: pointer; padding: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; -moz-border-radius: 6px; border: 1px solid #f6f5ea; }
 111 #main-left-menu div.author_sidebar:hover { background: #fff url(../../../../images/sidebar-bg.gif) repeat-x bottom left; -moz-border-radius: 6px; border: 1px solid #a0bbcb; }
 112 #main-left-menu div.author_sidebar a { color: #000; text-decoration: none; }
 113 #main-left-menu div.author_sidebar a:hover { color: #4c83c7; text-decoration: underline; }
 114
 115 #main-left-menu div.series_sidebar { cursor: pointer; padding: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; -moz-border-radius: 6px; border: 1px solid #f6f5ea; }
 116 #main-left-menu div.series_sidebar:hover { background: #fff url(../../../../images/sidebar-bg.gif) repeat-x bottom left; -moz-border-radius: 6px; border: 1px solid #a0bbcb; }
 117 #main-left-menu div.series_sidebar a { color: #000; text-decoration: none; }
 118 #main-left-menu div.series_sidebar a:hover { color: #4c83c7; text-decoration: underline; }
 119
 120 #main-left-search { margin: 5px; padding: 5px; background: #f3f2e6; -moz-border-radius: 6px; border: 1px solid #b0ad97; font-family: Verdana, Arial, Helvetica, sans-serif; }
 121 #main-left-search h2 { margin: 0; padding: 6px 8px; background: #b0ad97; -moz-border-radius: 6px; font-size: 12px; color: #fff; }
 122 #main-left-search .content { padding: 6px 8px 10px 8px; font-size: 11px; }
 123 #main-left-search .content table { border-collapse: 0; }
 124 #main-left-search .content table td { padding: 3px; vertical-align: middle; }
 125 #main-left-search .content input, #main-left-search .content select { font-size: 11px; }
 126 #main-left-search .buttons { padding: 0 8px 8px 8px; }
 127 #main-left-search .buttons a { padding: 4px 8px; background: #f79456; font-size: 10px; -moz-border-radius: 6px; border: 1px solid #fb853c; color: #fff; text-decoration: none; }
 128 #main-left-search .buttons a:hover { background: #74b6ca; font-size: 10px; -moz-border-radius: 6px; border: 1px solid #247b9a; }
 129 /* --------------- end Main Left Menu ------ */
 130
 131 /* --------------- Tool Bar ---------------- */
 132 .search-toolbar { background: #c8dfed; -moz-border-radius: 6px; border: 1px solid #b5cbd8; width: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; }
 133 .search-toolbar ul { margin: 0; padding: 0; list-style: none; }
 134 .search-toolbar ul li { float: left; display: block; -moz-border-radius: 6px; border: 1px solid #c8dfed; }
 135 .search-toolbar ul li:hover { background: #fff url(../../../images/sidebar-bg.gif) repeat-x bottom left; -moz-border-radius: 6px; border: 1px solid #b5cbd8; }
 136 .search-toolbar ul li a { display: block; padding: 10px 10px 10px 32px; text-decoration: none; font-size: 11px; }
 137 .search-toolbar ul li a.expandall-btn { background: url(../../../images/expandall-icon.gif) no-repeat 10px 50%; }
 138 .search-toolbar ul li a.expandall-btn:hover { background: url(../../../images/expandall-icon-u.gif) no-repeat 10px 50%; }
 139 .search-toolbar ul li a.closeall-btn { background: url(../../../images/closeall-icon.gif) no-repeat 10px 50%; }
 140 .search-toolbar ul li a.closeall-btn:hover { background: url(../../../images/closeall-icon-u.gif) no-repeat 10px 50%; }
 141 .search-toolbar ul li a.cancel-btn { background: url(../../../images/cancel-icon.gif) no-repeat 14px 50%; }
 142 .search-toolbar ul li a.cancel-btn:hover { background: url(../../../images/cancel-icon-u.gif) no-repeat 14px 50%; }
 143 .search-toolbar ul li a:hover { color: #000; }
 144 /* --------------- end Tool Bar ------------ */
 145
 146 /* --------------- org_tree_container ------ */
 147 .tips_box { padding: 15px; background: #fff url(../../../../images/sidebar-bg.gif) repeat-x bottom left; -moz-border-radius: 6px; border: 1px solid #a0bbcb; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; }
 148
 149 .org_tree_container { cursor: pointer; padding: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; -moz-border-radius: 6px; border: 1px solid #f6f5ea; }
 150 .org_tree_container:hover { background: #fff url(../../../../images/sidebar-bg.gif) repeat-x bottom left; -moz-border-radius: 6px; border: 1px solid #a0bbcb; }
 151 .org_tree_container a { color: #000; text-decoration: none; }
 152 .org_tree_container a:hover { color: #4c83c7; text-decoration: underline; }
 153 /* --------------- end org_tree_container -- */
 154
 155 /* --------------- resultinfo -------------- */
 156 .resultinfo-box { margin-bottom: 2px; padding: 5px; background: #c8dfed; -moz-border-radius: 6px; border: 1px solid #b5cbd8; }
 157 .resultinfo-box table { border-collapse: collapse; width: 100%; }
 158 .resultinfo-box td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; vertical-align: middle; }
 159
 160 .resultinfo-bottom-box { padding: 5px; background: #e3eff6; -moz-border-radius: 6px; border: 1px solid #e3eff6; }
 161 .resultinfo-bottom-box table { border-collapse: collapse; width: 100%; }
 162 .resultinfo-bottom-box td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #365364; vertical-align: middle; }
 163 /* --------------- end resultinfo ---------- */
 164
 165 /* --------------- book-results ------------ */
 166 .book-results { border-collapse: collapse; width: 100% }
 167 .book-results td { padding: 6px; border-bottom: 1px solid #ddd; font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align: middle; }
 168 .book-results td.bookjacket { text-align: middle; width: 10%; vertical-align: middle; }
 169 .book-results td.bookjacket img { display: block; margin: 0 auto; width: 60px; } /* border: 1px solid #b2c0c8; */
 170 .book-results h1 { margin: 0; padding: 0; font-size: 16px; }
 171 .book-results h1 a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #db752a; }
 172 .book-results h1 a:hover { color: #569ebe; }
 173 .book-results h2 { margin: 0; padding: 0; font-size: 13px; }
 174 .book-results h2 a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #208acb; }
 175 .book-results h2 a:hover { color: #000; }
 176 .book-results blockquote { margin: 0; padding: 0; font-size: 12px; color: #5f6361; }
 177 .book-results td.count { text-align: center; font-size: 12px; font-weight: bold; vertical-align: middle; }
 178 .book-results tr:hover { background: #ecf5fa; }
 179
 180 .book-results {  }
 181 .book-results .tool-icons { float: left; margin: 5px 0; padding: 3px 3px 1px 3px; background: #fbf9ee; -moz-border-radius: 6px; border: 1px solid #cac5ab; } /* width: 320px; */
 182 /*
 183 .book-results .tool-icons ul { margin: 0; padding: 0; list-style: none; }
 184 .book-results .tool-icons ul li { float: left; }
 185 .book-results .tool-icons ul li a { display: block; padding: 2px; -moz-border-radius: 6px; border: 1px solid #fbf9ee; }
 186 .book-results .tool-icons ul li a:hover { background: #fff; -moz-border-radius: 6px; border: 1px solid #cac5ab; }
 187 */
 188 .book-results .tool-icons a { display: block; float: left; padding: 2px; -moz-border-radius: 6px; border: 1px solid #fbf9ee; height: 25px; text-align: center; }
 189 .book-results .tool-icons a:hover { background: #fff; -moz-border-radius: 6px; border: 1px solid #cac5ab; }
 190 .book-results .tool-icons a img { display: block; margin: 0 auto; }
 191 .book-results .placeholder { float: left; display: block; margin: 5px; width: 110px; padding: 2px 3px 2px 3px; background: #eeece0; -moz-border-radius: 6px; border: 1px solid #e3dfc9; }
 192 .book-results .placeholder a { display: block; padding: 9px 5px 8px 30px; background:  url(../../../images/tor/placeholder-icon.gif) no-repeat 5px 50%; font-size: 10px; color: #4c7b8c; -moz-border-radius: 6px; border: 1px solid #eeece0; }
 193 .book-results .placeholder a:hover { background: #fff url(../../../images/tor/placeholder-icon.gif) no-repeat 5px 50%; color: #000; -moz-border-radius: 6px; border: 1px solid #cac5ab; }
 194
 195 .pageresults-box { margin: 5px 5px 0 0; padding: 10px; background: #fffefa; -moz-border-radius: 6px; border: 1px solid #8dacbf; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; }
 196 /* --------------- end book-results -------- */
 197
 198 /* --------------- Low Hits ---------------- */
 199 .lowhits-box { margin: 5px 5px 0 0; padding: 10px; background: #fbfce5; -moz-border-radius: 6px; border: 1px solid #c4b7b7; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666; }
 200 .lowhits-box ul { margin: 0; padding: 0; list-style: none; }
 201 .lowhits-box ul li { padding: 5px 5px 5px 25px; background: url(../../../images/list-icon.gif) no-repeat 5px 50%; }
 202 /* --------------- end Low Hits ------------ */
 203
 204 /* --------------- tips-box ---------------- */
 205 .tips-bottom-box { margin-top: 5px; padding: 15px; background: #fff url(../../../../images/sidebar-bg.gif) repeat-x bottom left; -moz-border-radius: 6px; border: 1px solid #a0bbcb; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; }
 206 /* --------------- end tips-box ------------ */
 207
 208 /* --------------- Advanced Search Box------ */
 209 .advancedsearch-box {  }
 210 .advancedsearch-box .form-panels { margin-top: 5px; padding: 10px; background: #fff url(../../../../images/sidebar-bg.gif) repeat-x bottom left; -moz-border-radius: 6px; border: 1px solid #a0bbcb; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; }
 211 .advancedsearch-box h2 { margin: 0; padding: 8px; background: #666; font-size: 12px; color: #fff; -moz-border-radius: 6px; border: 1px solid #333; }
 212 .advancedsearch-box tbody td { padding: 3px; font-size: 11px; border-bottom: 1px solid #ddd; }
 213 .advancedsearch-box tbody td input, .advancedsearch-box tbody td textaream, .advancedsearch-box tbody td select { font-size: 13px; }
 214 .advancedsearch-box .submit { padding: 6px; }
 215 /* --------------- end Advanced Search Box - */
 216
 217 /* --------------- Login ------------------- */
 218 .login-box {}
 219 .login-box .form-panels { margin: 5px auto; width: 500px; padding: 15px; background: #fff url(../../../../images/sidebar-bg.gif) repeat-x bottom left; -moz-border-radius: 6px; border: 1px solid #a0bbcb; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; }
 220 .login-box h2 { margin: 0; padding: 8px; background: #666; font-size: 12px; color: #fff; -moz-border-radius: 6px; border: 1px solid #333; text-align: left; }
 221 .login-box tbody td { padding: 6px; font-size: 11px; border-bottom: 1px solid #ddd; vertical-align: middle; font-size: 1em; }
 222 .login-box tbody td input { padding: 6px; font-size: 11px; }
 223 .login-box .submit { padding: 6px; }
 224 .login-box .info { padding: 10px; background: #fbfce5; -moz-border-radius: 6px; border: 1px solid #c4b7b7; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666; }
 225 /* --------------- end Login --------------- */
 226
 227 /* --------------- Book Details Page --------------- */
 228 .details-grid {}
 229 .details-grid table { border-collapse: collapse; }
 230 .details-grid table td { padding: 6px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; border-bottom: 1px solid #dee2e4; }
 231 .details-grid td.title { color: #3c5564; white-space: nowrap; }
 232 /* --------------- end Book Details Page --------------- */
 233
 234 /* --------------- Book Details Record Summary and Place Hold --------------- */
 235 .detailsinfo-box { margin: 2px 2px 2px 2px; padding: 5px; background: #c8dfed; -moz-border-radius: 6px; border: 1px solid #b5cbd8; }
 236 .detailsinfo-box table { border-collapse: collapse; width: 100%; }
 237 .detailsinfo-box td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; vertical-align: middle; }
 238
 239 .detailsinfo-bottom-box { margin: 2px 2px 2px 2px; padding: 5px; background: #e3eff6; -moz-border-radius: 6px; border: 1px solid #e3eff6; }
 240 .detailsinfo-bottom-box table { border-collapse: collapse; width: 100%; }
 241 .detailsinfo-bottom-box td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #365364; vertical-align: middle; }
 242
 243 .detailsinfo-right {}
 244 .detailsinfo-right ul { float: right; margin: 0; padding: 0; list-style: none; }
 245 .detailsinfo-right ul li { float: left; }
 246
 247 .detailsinfo-bottom-box .placeholder { display: block; width: 110px; padding: 2px 3px 2px 3px; background: #eeece0; -moz-border-radius: 6px; border: 1px solid #e3dfc9; }
 248 .detailsinfo-bottom-box .placeholder a { display: block; padding: 9px 5px 8px 30px; background:  url(../../../images/tor/placeholder-icon.gif) no-repeat 5px 50%; font-size: 10px; color: #4c7b8c; -moz-border-radius: 6px; border: 1px solid #eeece0; }
 249 .detailsinfo-bottom-box .placeholder a:hover { background: #fff url(../../../images/tor/placeholder-icon.gif) no-repeat 5px 50%; color: #000; -moz-border-radius: 6px; border: 1px solid #cac5ab; }
 250
 251 .detailsinfo-bottom-box .selectBox { display: block; padding: 9px 3px 0 12px; }
 252 /* --------------- Book Details Record Summary and Place Hold --------------- */
 253
 254 /* --------------- Details footer Datagrid ---------------  */
 255 .details-footer-datagrid { border-collapse: collapse; }
 256 .details-footer-datagrid td { }
 257 .details-footer-datagrid td a { display: block; padding: 10px 25px; background: #dadada url(../../../images/details-f-bg-u.gif) repeat-x bottom; font-family: Verdana, Arial, Helvetica, sans-serif; -moz-border-radius: 6px; border-top: 1px solid #9f9f9f; border-right: 1px solid #9f9f9f; border-left: 1px solid #9f9f9f; color: #000; text-decoration: none; }
 258 .details-footer-datagrid td a:hover { background: #d9d9d9 url(../../../images/details-f-bg.gif) repeat-x bottom; color: #000; }
 259 .details-footer-datagrid td.rdetail_extras_selected a { display: block; padding: 10px 25px; background: #fbf9ee url(../../../images/details-f-bg.gif) repeat-x bottom; font-family: Verdana, Arial, Helvetica, sans-serif; -moz-border-radius: 6px; border-top: 1px solid #9f9f9f; border-right: 1px solid #9f9f9f; border-left: 1px solid #9f9f9f; color: #000; text-decoration: none; }
 260
 261 .details-datagrid { border-collapse: collapse; border: 0; }
 262 .details-datagrid thead { border: 1px solid #91a8b5; }
 263 .details-datagrid thead td { padding: 6px; background: #e3eff6 url(../../../images/details-headers-bg.gif) repeat-x bottom; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
 264 .details-datagrid tbody td { padding: 6px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
 265
 266 .details-base { padding: 10px; /*background: #d6d6d6; border: 1px solid #9f9f9f; -moz-border-radius: 6px;*/
 267  background: #fff url(../../../images/searchbox-bg.gif) repeat-x bottom left; -moz-border-radius: 6px; border: 1px solid #ccc8b1;
 268  }
 269 /* --------------- end Details footer Datagrid ---------------  */