12 Copyright (c) 2009, Yahoo! Inc. All rights reserved.
13 Code licensed under the BSD License:
14 http://developer.yahoo.net/yui/license.txt
17 body{font:13px/1.231 arial,verdana;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
\r
19 Copyright (c) 2009, Yahoo! Inc. All rights reserved.
20 Code licensed under the BSD License:
21 http://developer.yahoo.net/yui/license.txt
24 .yui-calcontainer{position:relative;float:left;_overflow:hidden;}.yui-calcontainer iframe{position:absolute;border:none;margin:0;padding:0;z-index:0;width:100%;height:100%;left:0;top:0;}.yui-calcontainer iframe.fixedsize{width:50em;height:50em;top:-1px;left:-1px;}.yui-calcontainer.multi .groupcal{z-index:1;float:left;position:relative;}.yui-calcontainer .title{position:relative;z-index:1;}.yui-calcontainer .close-icon{position:absolute;z-index:1}.yui-calendar{position:relative;}.yui-calendar .calnavleft{position:absolute;z-index:1;overflow:hidden;}.yui-calendar .calnavright{position:absolute;z-index:1;overflow:hidden;}.yui-calendar .calheader{position:relative;width:100%;text-align:center;}.yui-calcontainer .yui-cal-nav-mask{position:absolute;z-index:2;margin:0;padding:0;width:100%;height:100%;_width:0;_height:0;left:0;top:0;display:none;}.yui-calcontainer .yui-cal-nav{position:absolute;z-index:3;top:0;display:none;}.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn{display:-moz-inline-box;display:inline-block;}.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button{display:block;*display:inline-block;*overflow:visible;border:none;background-color:transparent;cursor:pointer;}.yui-calendar .calbody a:hover{background:inherit;}p#clear{clear:left;padding-top:10px;}.yui-skin-sam .yui-calcontainer{background-color:#f2f2f2;border:1px solid #808080;padding:10px;}.yui-skin-sam .yui-calcontainer.multi{padding:0 5px 0 5px;}.yui-skin-sam .yui-calcontainer.multi .groupcal{background-color:transparent;border:none;padding:10px 5px 10px 5px;margin:0;}.yui-skin-sam .yui-calcontainer .title{background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;border-bottom:1px solid #ccc;font:100% sans-serif;color:#000;font-weight:bold;height:auto;padding:.4em;margin:0 -10px 10px -10px;top:0;left:0;text-align:left;}.yui-skin-sam .yui-calcontainer.multi .title{margin:0 -5px 0 -5px;}.yui-skin-sam .yui-calcontainer.withtitle{padding-top:0;}.yui-skin-sam .yui-calcontainer .calclose{background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -300px;width:25px;height:15px;top:.4em;right:1.2em;cursor:pointer;}.yui-skin-sam .yui-calendar{border-spacing:0;border-collapse:collapse;font:100% sans-serif;text-align:center;margin:0;}.yui-skin-sam .yui-calendar .calhead{background:transparent;border:none;vertical-align:middle;padding:0;}.yui-skin-sam .yui-calendar .calheader{background:transparent;font-weight:bold;padding:0 0 .6em 0;text-align:center;}.yui-skin-sam .yui-calendar .calheader img{border:none;}.yui-skin-sam .yui-calendar .calnavleft{background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -450px;width:25px;height:15px;top:0;bottom:0;left:-10px;margin-left:.4em;cursor:pointer;}.yui-skin-sam .yui-calendar .calnavright{background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -500px;width:25px;height:15px;top:0;bottom:0;right:-10px;margin-right:.4em;cursor:pointer;}.yui-skin-sam .yui-calendar .calweekdayrow{height:2em;}.yui-skin-sam .yui-calendar .calweekdayrow th{padding:0;border:none;}.yui-skin-sam .yui-calendar .calweekdaycell{color:#000;font-weight:bold;text-align:center;width:2em;}.yui-skin-sam .yui-calendar .calfoot{background-color:#f2f2f2;}.yui-skin-sam .yui-calendar .calrowhead,.yui-skin-sam .yui-calendar .calrowfoot{color:#a6a6a6;font-size:85%;font-style:normal;font-weight:normal;border:none;}.yui-skin-sam .yui-calendar .calrowhead{text-align:right;padding:0 2px 0 0;}.yui-skin-sam .yui-calendar .calrowfoot{text-align:left;padding:0 0 0 2px;}.yui-skin-sam .yui-calendar td.calcell{border:1px solid #ccc;background:#fff;padding:1px;height:1.6em;line-height:1.6em;text-align:center;white-space:nowrap;}.yui-skin-sam .yui-calendar td.calcell a{color:#06c;display:block;height:100%;text-decoration:none;}.yui-skin-sam .yui-calendar td.calcell.today{background-color:#000;}.yui-skin-sam .yui-calendar td.calcell.today a{background-color:#fff;}.yui-skin-sam .yui-calendar td.calcell.oom{background-color:#ccc;color:#a6a6a6;cursor:default;}.yui-skin-sam .yui-calendar td.calcell.selected{background-color:#fff;color:#000;}.yui-skin-sam .yui-calendar td.calcell.selected a{background-color:#b3d4ff;color:#000;}.yui-skin-sam .yui-calendar td.calcell.calcellhover{background-color:#426fd9;color:#fff;cursor:pointer;}.yui-skin-sam .yui-calendar td.calcell.calcellhover a{background-color:#426fd9;color:#fff;}.yui-skin-sam .yui-calendar td.calcell.previous{color:#e0e0e0;}.yui-skin-sam .yui-calendar td.calcell.restricted{text-decoration:line-through;}.yui-skin-sam .yui-calendar td.calcell.highlight1{background-color:#cf9;}.yui-skin-sam .yui-calendar td.calcell.highlight2{background-color:#9cf;}.yui-skin-sam .yui-calendar td.calcell.highlight3{background-color:#fcc;}.yui-skin-sam .yui-calendar td.calcell.highlight4{background-color:#cf9;}.yui-skin-sam .yui-calendar a.calnav{border:1px solid #f2f2f2;padding:0 4px;text-decoration:none;color:#000;zoom:1;}.yui-skin-sam .yui-calendar a.calnav:hover{background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;border-color:#A0A0A0;cursor:pointer;}.yui-skin-sam .yui-calcontainer .yui-cal-nav-mask{background-color:#000;opacity:.25;filter:alpha(opacity=25);}.yui-skin-sam .yui-calcontainer .yui-cal-nav{font-family:arial,helvetica,clean,sans-serif;font-size:93%;border:1px solid #808080;left:50%;margin-left:-7em;width:14em;padding:0;top:2.5em;background-color:#f2f2f2;}.yui-skin-sam .yui-calcontainer.withtitle .yui-cal-nav{top:4.5em;}.yui-skin-sam .yui-calcontainer.multi .yui-cal-nav{width:16em;margin-left:-8em;}.yui-skin-sam .yui-calcontainer .yui-cal-nav-y,.yui-skin-sam .yui-calcontainer .yui-cal-nav-m,.yui-skin-sam .yui-calcontainer .yui-cal-nav-b{padding:5px 10px 5px 10px;}.yui-skin-sam .yui-calcontainer .yui-cal-nav-b{text-align:center;}.yui-skin-sam .yui-calcontainer .yui-cal-nav-e{margin-top:5px;padding:5px;background-color:#EDF5FF;border-top:1px solid black;display:none;}.yui-skin-sam .yui-calcontainer .yui-cal-nav label{display:block;font-weight:bold;}
25 .yui-skin-sam .yui-calcontainer .yui-cal-nav-mc{width:100%;_width:auto;}.yui-skin-sam .yui-calcontainer .yui-cal-nav-y input.yui-invalid{background-color:#FFEE69;border:1px solid #000;}.yui-skin-sam .yui-calcontainer .yui-cal-nav-yc{width:4em;}.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn{border:1px solid #808080;background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;background-color:#ccc;margin:auto .15em;}.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button{padding:0 8px;font-size:93%;line-height:2;*line-height:1.7;min-height:2em;*min-height:auto;color:#000;}.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default{border:1px solid #304369;background-color:#426fd9;background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1400px;}.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default button{color:#fff;}
29 border: 1px solid #000;
30 background-color: #ccc;
46 Copyright (c) 2009, Yahoo! Inc. All rights reserved.
47 Code licensed under the BSD License:
48 http://developer.yahoo.net/yui/license.txt
51 .yui-carousel{visibility:hidden;overflow:hidden;position:relative;text-align:left;zoom:1;}.yui-carousel.yui-carousel-visible{visibility:visible;}.yui-carousel-content{overflow:hidden;position:relative;}.yui-carousel-element{margin:5px 0;overflow:hidden;padding:0;position:relative;width:32000px;z-index:1;}.yui-carousel-vertical .yui-carousel-element{margin:0 5px;}.yui-carousel-element li{border:1px solid #ccc;float:left;list-style:none;margin:1px;overflow:hidden;padding:0;text-align:center;*float:none;*display:inline-block;*zoom:1;*display:inline;}.yui-carousel .yui-carousel-item-selected{border:0px dashed #000;margin:1px;}.yui-carousel-vertical{height:32000px;margin:0 5px;width:auto;}.yui-carousel-vertical .yui-carousel-element li{display:block;float:none;}.yui-log .carousel{background:#f2e886;}.yui-carousel-nav{zoom:1;}.yui-carousel-nav:after{clear:both;content:"";display:block;}.yui-carousel-button-focus{outline:1px dotted #000;}.yui-carousel-min-width .yui-carousel-content{margin:0 auto;}.yui-skin-sam .yui-carousel,.yui-skin-sam .yui-carousel-vertical{border:1px solid #808080;}.yui-skin-sam .yui-carousel-nav{background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;padding:3px;text-align:right;}.yui-skin-sam .yui-carousel-button{background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -600px;float:right;height:19px;margin:5px;overflow:hidden;width:40px;}.yui-skin-sam .yui-carousel-vertical .yui-carousel-button{background-position:0 -800px;}.yui-skin-sam .yui-carousel-button-disabled{background-position:0 -2000px;}.yui-skin-sam .yui-carousel-vertical .yui-carousel-button-disabled{background-position:0 -2100px;}.yui-skin-sam .yui-carousel-button input,.yui-skin-sam .yui-carousel-button button{background-color:transparent;border:0;cursor:pointer;display:block;height:44px;margin:-2px 0 0 -2px;padding:0 0 0 50px;}.yui-skin-sam span.yui-carousel-first-button{background-position:0 -550px;margin-left:-100px;margin-right:50px;*margin:5px 5px 5px -90px;}.yui-skin-sam .yui-carousel-vertical span.yui-carousel-first-button{background-position:0 -750px;}.yui-skin-sam span.yui-carousel-first-button-disabled{background-position:0 -1950px;}.yui-skin-sam .yui-carousel-vertical span.yui-carousel-first-button-disabled{background-position:0 -2050px;}.yui-skin-sam .yui-carousel-nav ul{float:right;height:19px;margin:0;margin-left:-220px;margin-right:100px;*margin-left:-160px;*margin-right:0;padding:0;}.yui-skin-sam .yui-carousel-min-width .yui-carousel-nav ul{*margin-left:-170px;}.yui-skin-sam .yui-carousel-nav select{position:relative;*right:50px;top:4px;}.yui-skin-sam .yui-carousel-vertical .yui-carousel-nav ul,.yui-skin-sam .yui-carousel-vertical .yui-carousel-nav select{float:none;margin:0;*zoom:1;}.yui-skin-sam .yui-carousel-nav ul li{background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -650px;cursor:pointer;float:left;height:9px;list-style:none;margin:10px 0 0 5px;overflow:hidden;padding:0;width:9px;}.yui-skin-sam .yui-carousel-nav ul:after{clear:both;content:"";display:block;}.yui-skin-sam .yui-carousel-nav ul li a{left:-10000px;position:absolute;}.yui-skin-sam .yui-carousel-nav ul li.yui-carousel-nav-page-focus{outline:1px dotted #000;}.yui-skin-sam .yui-carousel-nav ul li.yui-carousel-nav-page-selected{background-position:0 -700px;}.yui-skin-sam .yui-carousel-item-loading{background:url(ajax-loader.gif) no-repeat 50% 50%;position:relative;text-indent:-150px;}
55 h1#notification, #logon h1
\r
58 font-size:26px /*34px*/
\r
67 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
\r
70 #youraccount-tab li:first-child
\r
74 #youraccount-tab li a
\r
78 /* style for the sign in form so that the global message box will float to the top */
\r
81 float:left;clear:both;
\r
82 /*margin-top:20px;*/
\r
85 #resendConfirmDialog img
\r
87 border: solid 1px #BDBDBD;
\r
98 padding-bottom:15px;
\r
101 background-repeat: no-repeat;
\r
102 background-position: 10px;
\r
106 #savedMessageHeader
\r
109 border-top: 1px solid #A4D178;
\r
110 border-bottom: 1px solid #CCC;
\r
111 background: #78a04d url(/images/alert-lines.png) repeat-x top left;
\r
114 #logon #messageHeader
\r
119 #operationMsg p, #messageHeader p
\r
125 #savedMessageHeader p
\r
128 font-weight:normal;
\r
134 #messageHeader label.formError
\r
141 background-color:#fdfdd4;
\r
142 /*border-color:#fff;*/
\r
143 border-style:solid;
\r
145 border-color:#F8A961;
\r
146 background-image: url('/images/icons/alert.gif');
\r
147 -moz-border-radius: 5px;border-radius: 5px;
\r
156 /* background-color:#e5edf8;
\r
157 border-color:#115dab;*/
\r
158 background-color:#fffa85;
\r
159 background-image: url('/images/icons/confirm.gif');
\r
160 -moz-box-shadow: 2px 2px 4px #808080;
\r
161 -webkit-box-shadow: 2px 2px 4px #808080;
\r
162 box-shadow: 2px 2px 4px #808080;
\r
165 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080')";
\r
167 /* For IE 5.5 - 7 */
\r
168 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080');
\r
172 /*color: #115dab;*/
\r
179 background-color:#e5edf8;
\r
180 /* background-color:#fffa85;
\r
181 border-color:#fff;*/
\r
182 border: 2px solid #115dab;
\r
183 background-image: url('/images/icons/info.gif');
\r
184 -moz-border-radius: 5px;border-radius: 5px;
\r
194 /*background-color:#fcfdf9;*/
\r
195 background-color:#fff;
\r
196 border:2px solid #49823c;
\r
197 background-image: url('/images/icons/success.gif');
\r
198 -moz-border-radius: 5px;border-radius: 5px;
\r
202 /*color: #b9c55a;*/
\r
212 #notificationPref , #logon #user-info label
\r
215 font-family:Arial, Verdana, Helvetica, sans-serif;
\r
218 #notificationPref h2
\r
221 margin: 35px 0 10px 0;
\r
222 background-color: #fff;
\r
225 font-weight: normal;
\r
226 padding: 0 !important;
\r
230 #notificationPrefForm h3
\r
232 /* margin-top:20px;
\r
233 margin-bottom:20px;
\r
235 background-color: #eee;
\r
237 margin:0px 0px 20px 0px;
\r
243 #notificationPrefForm legend#subtitle
\r
245 padding-bottom:20px;
\r
251 font-weight:normal;
\r
253 #notificationPref span#help
\r
260 #notificationPrefForm p
\r
263 font-weight: normal;
\r
265 /*margin-top:22px;*/
\r
269 padding-right:35px;
\r
270 background-image: url('/images/icons/checkmark.gif');
\r
271 background-repeat: no-repeat;
\r
272 background-position: right;
\r
279 div.notificationPrefField
\r
284 margin-bottom:20px;
\r
292 background-color: #FFF;
\r
293 margin: 0 0 10px 0;
\r
297 div.notificationPrefField p
\r
300 font-weight: normal;
\r
302 margin: 5px 0 0 35px;
\r
309 font-weight:normal;
\r
311 vertical-align:top;
\r
312 /* border:solid 1px #ccc; */
\r
316 div.notificationPrefField div.title
\r
323 background-color:#FFF;
\r
325 /* -moz-border-radius: 5px;border-radius: 5px;*/
\r
326 margin: 30px 0 10px 35px;
\r
334 .textLabel, #logon #user-info label
\r
338 margin:20px 0 5px 0;
\r
341 #preferredNameHelp, #phoneHelp
\r
344 display:inline-block;
\r
345 vertical-align:middle;
\r
350 #notificationPrefForm
\r
354 background-color:#f5f5f5;
\r
357 #notificationPrefForm fieldset legend
\r
364 #notificationPrefForm fieldset
\r
367 background-color:#f5f5f5;
\r
372 #notificationPrefForm label.formError
\r
376 padding-bottom:2px;
\r
377 padding-right:10px;
\r
378 background-image: url('/images/icons/alert-s.gif');
\r
381 background-repeat: no-repeat;
\r
382 background-position: 5px;
\r
385 #notificationPrefForm input.formError
\r
387 border-style:solid;
\r
389 border-color:#c52e28;
\r
390 background-color:#FBFBFB;
\r
392 #notificationPrefForm fieldset#contact
\r
397 margin-bottom:15px;
\r
399 background-color:#f5f5f5;
\r
404 #notificationPrefForm input /* #logon #form_signin input --> classes: .button & .submit have replaced this descendent selector */
\r
407 /*padding-left:0;*/
\r
410 #notificationPrefForm input[type=text], #logon #user-info input#userId, #logon #user-info input#password
\r
415 #notificationPrefForm input[type=text]:focus
\r
417 border: 1px solid #e5edf8;
\r
418 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(17,93,171, 0.6);
\r
419 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(17,93,171, 0.6);
\r
420 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(17,93,171, 0.6);
\r
422 #notificationPrefForm input#preDuePref {
\r
423 padding: 0.2em 0px;
\r
424 line-height: 1.1em;
\r
425 /*margin: 0px 5px 0 10px;*/
\r
429 #notificationPrefForm input#formSubmit/*, #logon #form_signin .hold-button --> classes: .button & .submit have replaced this descendent selector*/
\r
431 /* New button styles replace the following:
\r
441 display:inline-block;
\r
446 background-color:#F25824;
\r
447 /*-moz-border-radius: 5px;
\r
448 border-radius: 5px;*/
\r
450 span#newIcon.greyout
\r
452 background-color:#b5b5b5;
\r
457 .radio-button {vertical-align: middle; margin: 0 3px;}
\r
461 background: #E6EFF7;
\r
462 padding: 1px 5px 5px 10px;
\r
464 font-family: arial, verdana;
\r
467 .desc-requiredfield {
\r
484 background: none repeat scroll 0 0 #EFF9FF;
\r
489 label.fieldset-desc {
\r
497 .desc-radio-inline {
\r
500 .fieldset-container {
\r
501 background-color: #E6EFF7;
\r
502 margin-bottom: 8px;
\r
507 border: 1px solid #781351;
\r
508 background-color: #f8f8f8;
\r
510 fieldset.nobgcolor {
\r
511 background-color: #E6EFF7;
\r
513 fieldset.noborder {
\r
520 font-family: arial, verdana;
\r
528 border:1px #666 solid;
\r
531 background-color:#f8f8f8;
\r
532 border-radius: 15px;
\r
533 -moz-border-radius: 15px;
\r
534 margin:0px 10px 10px 30px;
\r
535 padding:10px 15px 10px 15px;
\r
540 background-color:#E6EFF7;
\r
545 background-color:#E6EFF7;
\r
547 margin-bottom:10px;
\r
554 display:inline-block;
\r
555 vertical-align: top;
\r
560 margin-bottom:10px;
\r
570 -moz-border-radius-bottomleft:7px;
\r
571 -moz-border-radius-bottomright:7px;
\r
572 -moz-border-radius-topleft:7px;
\r
573 -moz-border-radius-topright:7px;
\r
576 border:solid medium;
\r
577 border-color:#525252;
\r
582 border:1px dotted red;
\r
588 background-repeat: no-repeat;
\r
589 background-image: none;
\r
591 #errorMessageHeader
\r
593 border-style:dotted;
\r
595 background-color:#FFC;
\r
598 margin-bottom:10px;
\r
608 border-color:#aaa;
\r
609 margin-bottom:10px;
\r
625 body{min-width:960px}
\r
626 .container_16,.main{margin-left:auto;margin-right:auto;width:960px}
\r
627 .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}
\r
628 .push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}
\r
629 .container_16 .grid_4,.main .grid_4{width:220px}
\r
630 .container_16 .grid_8,.main .grid_8{width:460px}
\r
631 .container_16 .grid_12,.main .grid_12{width:700px}
\r
632 .container_16 .grid_16,.main .grid_16{width:940px}
\r
634 .alpha{margin-left:0}
\r
635 .omega{margin-right:0}
\r
637 .container_16 .grid_1,.main .grid_1{width:40px}
\r
638 .container_16 .grid_2,.main .grid_2{width:100px}
\r
639 .container_16 .grid_3,.main .grid_3{width:160px}
\r
640 .container_16 .grid_5,.main .grid_5{width:280px}
\r
641 .container_16 .grid_6,.main .grid_6{width:340px}
\r
642 .container_16 .grid_7,.main .grid_7{width:400px}
\r
643 .container_16 .grid_9,.main .grid_9{width:520px}
\r
644 .container_16 .grid_10,.main .grid_10{width:580px}
\r
645 .container_16 .grid_11,.main .grid_11{width:640px}
\r
646 .container_16 .grid_13,.main .grid_13{width:760px}
\r
647 .container_16 .grid_14,.main .grid_14{width:820px}
\r
648 .container_16 .grid_15,.main .grid_15{width:880px}
\r
650 .container_16 .prefix_4,.main .prefix_4{padding-left:240px}
\r
651 .container_16 .prefix_8,.main .prefix_8{padding-left:480px}
\r
652 .container_16 .prefix_12,.main .prefix_12{padding-left:720px}
\r
655 .container_16 .prefix_1,.main .prefix_1{padding-left:60px}
\r
656 .container_16 .prefix_2,.main .prefix_2{padding-left:120px}
\r
657 .container_16 .prefix_3,.main .prefix_3{padding-left:180px}
\r
658 .container_16 .prefix_5,.main .prefix_5{padding-left:300px}
\r
659 .container_16 .prefix_6,.main .prefix_6{padding-left:360px}
\r
660 .container_16 .prefix_7,.main .prefix_7{padding-left:420px}
\r
661 .container_16 .prefix_9,.main .prefix_9{padding-left:540px}
\r
662 .container_16 .prefix_10,.main .prefix_10{padding-left:600px}
\r
663 .container_16 .prefix_11,.main .prefix_11{padding-left:660px}
\r
664 .container_16 .prefix_13,.main .prefix_13{padding-left:780px}
\r
665 .container_16 .prefix_14,.main .prefix_14{padding-left:840px}
\r
666 .container_16 .prefix_15,.main .prefix_15{padding-left:900px}
\r
668 .container_16 .suffix_4,.main .suffix_4{padding-right:240px}
\r
669 .container_16 .suffix_8,.main .suffix_8{padding-right:480px}
\r
670 .container_16 .suffix_12,.main .suffix_12{padding-right:720px}
\r
673 .container_16 .suffix_1,.main .suffix_1{padding-right:60px}
\r
674 .container_16 .suffix_2,.main .suffix_2{padding-right:120px}
\r
675 .container_16 .suffix_3,.main .suffix_3{padding-right:180px}
\r
676 .container_16 .suffix_5,.main .suffix_5{padding-right:300px}
\r
677 .container_16 .suffix_6,.main .suffix_6{padding-right:360px}
\r
678 .container_16 .suffix_7,.main .suffix_7{padding-right:420px}
\r
679 .container_16 .suffix_9,.main .suffix_9{padding-right:540px}
\r
680 .container_16 .suffix_10,.main .suffix_10{padding-right:600px}
\r
681 .container_16 .suffix_11,.main .suffix_11{padding-right:660px}
\r
682 .container_16 .suffix_13,.main .suffix_13{padding-right:780px}
\r
683 .container_16 .suffix_14,.main .suffix_14{padding-right:840px}
\r
684 .container_16 .suffix_15,.main .suffix_15{padding-right:900px}
\r
686 .container_16 .push_4,.main .push_4{left:240px}
\r
687 .container_16 .push_8,.main .push_8{left:480px}
\r
688 .container_16 .push_12,.main .push_12{left:720px}
\r
691 .container_16 .push_1,.main .push_1{left:60px}
\r
692 .container_16 .push_2,.main .push_2{left:120px}
\r
693 .container_16 .push_3,.main .push_3{left:180px}
\r
694 .container_16 .push_5,.main .push_5{left:300px}
\r
695 .container_16 .push_6,.main .push_6{left:360px}
\r
696 .container_16 .push_7,.main .push_7{left:420px}
\r
697 .container_16 .push_9,.main .push_9{left:540px}
\r
698 .container_16 .push_10,.main .push_10{left:600px}
\r
699 .container_16 .push_11,.main .push_11{left:660px}
\r
700 .container_16 .push_13,.main .push_13{left:780px}
\r
701 .container_16 .push_14,.main .push_14{left:840px}
\r
702 .container_16 .push_15,.main .push_15{left:900px}
\r
704 .container_16 .pull_4,.main .pull_4{left:-240px}
\r
705 .container_16 .pull_8,.main .pull_8{left:-480px}
\r
706 .container_16 .pull_12,.main .pull_12{left:-720px}
\r
709 .container_16 .pull_1,.main .pull_1{left:-60px}
\r
710 .container_16 .pull_2,.main .pull_2{left:-120px}
\r
711 .container_16 .pull_3,.main .pull_3{left:-180px}
\r
712 .container_16 .pull_5,.main .pull_5{left:-300px}
\r
713 .container_16 .pull_6,.main .pull_6{left:-360px}
\r
714 .container_16 .pull_7,.main .pull_7{left:-420px}
\r
715 .container_16 .pull_9,.main .pull_9{left:-540px}
\r
716 .container_16 .pull_10,.main .pull_10{left:-600px}
\r
717 .container_16 .pull_11,.main .pull_11{left:-660px}
\r
718 .container_16 .pull_13,.main .pull_13{left:-780px}
\r
719 .container_16 .pull_14,.main .pull_14{left:-840px}
\r
720 .container_16 .pull_15,.main .pull_15{left:-900px}
\r
723 .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
\r
724 .clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}
\r
725 .clearfix:after{clear:both}
\r
728 /* Quick Search for style Sections. Copy and paste these into search for easy searching
\r
730 1.0 - Page body Styles
\r
731 1.1 - Header tags main styles
\r
732 1.2 - Widget header style Spacing
\r
733 1.3 - Header Secondary styles
\r
734 1.4 - link tag styles
\r
735 1.5 - list tag styles
\r
737 1.7 - Form Field styles
\r
738 1.8 - Typographic styles
\r
740 Note: Try to Phase out section 2 by using 960.css
\r
741 2.0 - Content columns styles
\r
742 2.1 - Alts to Content columns styles
\r
743 2.2 - branch profile page columns
\r
744 2.3 - accessibility page columns
\r
745 2.4 - Secondary Column styles
\r
747 3.0 - percentage widths
\r
748 4.0 - positioning styles
\r
750 5.0 - Header styles
\r
754 7.0 - Page Specific styles
\r
756 7.2 - Detail page styles
\r
757 7.3 - Appel Salon page styles
\r
758 7.4 - Holds placement page styles
\r
759 7.5 - Featured Series page styles
\r
761 9.0 - Footer styles
\r
763 10.0 - Sprite styles
\r
765 XX - Random general styles
\r
766 XXX - Readers and Introductions
\r
767 XXXX - Record from embed
\r
769 /******** 1.0 - Page body styles *********/
\r
772 background-color: #FFF;
\r
774 font-size: 62.5%; /*0.833em;*/
\r
775 font-family: Verdana, Arial, Helvetica, sans-serif;
\r
776 line-height: 1.65em; /*1.23em;*/
\r
786 padding: 0 0 0px 0;
\r
787 margin: 10px 0 7px 0;
\r
790 line-height: 1.4em;}
\r
803 padding: 0 0px 0px 0;
\r
804 margin: 1em 1.5em 1em 0; }
\r
809 padding: 0 0px 0px 0;
\r
810 margin: 1em 0 1em 1em; }
\r
812 widget-content-round-all img {
\r
815 padding: 0 0px 0px 0;
\r
816 margin: 1em 0em 0em 0; }
\r
818 .image-container { /* For all Results list
\r
822 padding-right: 20px;
\r
823 overflow: hidden;*/
\r
826 .book-buzz-cover-container {
\r
830 padding-right: 20px;
\r
839 #search #searchForm-searchBar {
\r
843 /*margin: 0 0 20px;*/
\r
844 margin:10px 0 20px;
\r
848 padding: 0 0 0 20px;
\r
849 position: relative;
\r
853 min-height: 500px;}
\r
856 background-color: #eee;
\r
857 /*padding: 0 0 0 20px;*/}
\r
863 margin-left: 0.8em;}
\r
865 .caption-frame, .elem-frame {
\r
866 border:2px solid #dadada;
\r
870 .caption-frame img, .elem-frame img {
\r
878 /********** 1.1 - Header tags main styles *************/
\r
882 font-family: Arial, Verdana, sans-serif;
\r
883 /*display: block;*/
\r
886 font-weight: normal;
\r
888 margin-bottom: 25px;}
\r
891 font-size: 2em; /*1.65em*/
\r
892 font-family: Arial, Verdana, sans-serif;
\r
893 font-weight: normal;
\r
894 line-height: 1.1em;
\r
895 margin: 35px 0 10px 0;
\r
896 padding: 0em 0 0 0;
\r
899 h4, legend, .widget h3 {
\r
900 font-size: 1.25em; /* 1.3em */
\r
901 font-family: Arial, Verdana, sans-serif;
\r
904 margin-bottom: .4em;
\r
905 padding: 0.4em 0 0 0;
\r
907 line-height: 1.2em;
\r
912 line-height: 1.2em;
\r
913 font-family: Arial, Verdana, sans-serif;
\r
915 margin: 27px 0 0 0;
\r
916 padding: 0 0 0em 0;
\r
921 font-family: Arial, Verdana, sans-serif;
\r
923 margin: 15px 0 -7px 0;
\r
931 font-weight: bold;}
\r
933 /********* 1.2 - Widget header style Spacing ***********/
\r
938 margin-bottom: 2px;}
\r
941 border-top: 4px solid #1765A9;
\r
942 border-bottom: 1px solid #1765A9;
\r
943 background-color: #fff;
\r
944 margin: 0px 0 0px 0;
\r
946 padding-left: 7px;}
\r
949 .branch-message h3, #branch-message-br h3, #branch-message-bkone h3, #email-signup h3 { /* Added #email-signup h3 - needed for email signup btns */
\r
952 padding-top: 0.5em;
\r
958 .widget-content h5 {
\r
970 /** 1.3 - Header Secondary styles **/
\r
973 /*#branch-detail h1 {
\r
977 #introduction.widget h2 {
\r
978 margin: 0px 0px 0px 0px;
\r
979 padding: 0px 0px 5px 0.4em;}
\r
981 #branch-detail h2 {
\r
983 padding-top: 15px; */}
\r
986 .search-bar h3 /* h4 */ {
\r
989 font-weight: normal;
\r
995 .widget-youtube h4 { /* No longer needed */
\r
996 /*padding: .25em 0em .4em 0em !important;
\r
997 margin: 0em !important; */}
\r
999 .widget-content-round-all h3, .round-all h3, #related-internet-links .merch-record-horizontal .branch-message h3 {/**h4 within rounded corners**/
\r
1002 margin: 0em 0 0 0;
\r
1003 padding: 0.5em 0em .3em 0em;
\r
1004 /*font-size: 1.1em;
\r
1008 /********** 1.4 - link tag styles *************/
\r
1012 text-decoration: none;
\r
1016 text-decoration: underline;
\r
1020 p a, p a:visited, li a, li a:visited, dl a, dl a:visited{
\r
1022 text-decoration: none;
\r
1023 font-weight: bold; }
\r
1025 p a:hover, li a:hover, dl a:hover{
\r
1027 text-decoration: underline; /*!important;*/
\r
1028 font-weight: bold; }
\r
1030 #header-bottom li a, #ask-a-librarian li a{font-weight:normal}
\r
1032 h4 a:link, h4 a:visited {
\r
1034 font-weight: bold;
\r
1035 text-decoration: none;}
\r
1039 font-weight: bold;
\r
1040 text-decoration: underline;}
\r
1045 li p a, li p a:link, li p a:visited, li p a:hover {
\r
1046 font-weight: normal !important;
\r
1049 /********1.4.1 Left Nav Links *****/
\r
1051 #section-navigation a, #section-navigation a:visited {
\r
1053 text-decoration: none;
\r
1054 line-height: 1.2em}
\r
1056 #section-navigation a:hover {
\r
1057 text-decoration: underline;
\r
1059 line-height: 1.2em}
\r
1061 /********** 1.5 - list tag styles *************/
\r
1065 margin: 0 0 35px 15px;}
\r
1068 list-style-type: disc;
\r
1069 padding: .5em 0 .7em 0px;
\r
1070 margin: 0px 0px 0px 1em;
\r
1071 zoom:1; /*Is not a hack - gives IE6/7 layout */}
\r
1074 padding: 0.2em 0px;
\r
1075 line-height: 1.4em;
\r
1076 margin: 7px 0 0 15px; }
\r
1079 list-style-type: upper-alpha;
\r
1081 margin: 0px 0px 0px 10px;}
\r
1084 list-style-type: lower-alpha;
\r
1086 margin: 0px 0px 0px 10px;}
\r
1089 list-style-type: lower-roman;
\r
1091 margin: 0px 0px 0px 10px;}
\r
1094 list-style-type: decimal;
\r
1098 ul.horizontal-list {
\r
1100 list-style-image: none;
\r
1101 list-style-position: outside;
\r
1102 list-style-type: none;
\r
1106 ul.horizontal-list li {
\r
1109 border-right: 1px solid #3a3a3a;
\r
1112 line-height:1.2em;
\r
1115 ul.horizontal-list li.first {
\r
1118 ul.horizontal-list li.last {
\r
1119 border-right: none;
\r
1120 padding-right: 0;}
\r
1123 padding-left:15px;
\r
1124 line-height:normal;
\r
1126 margin:0.58em 0 0.58em 15px;}
\r
1128 .columnize-list li {
\r
1131 vertical-align:middle;}
\r
1134 list-style-type: none;
\r
1137 .no-bullet li {margin:0}
\r
1139 .no-border,.no-border li {border:none !important}
\r
1141 .branchImgheight {width: 100px}
\r
1143 .elem_jsDisabled {display: block}
\r
1145 /********** Used for larger list with sublists within sublist example: Travel booklist ***********/
\r
1148 list-style-type:none;
\r
1154 line-height:1.2em;
\r
1156 padding:0 0 0.1em 0;
\r
1159 .large-list h3{ margin: 20px 0px 10px 0px;}
\r
1161 .large-list h3 a {
\r
1163 margin: 20px 0px 10px 0px;
\r
1166 .large-list h3 a:hover {
\r
1168 text-decoration: underline;
\r
1174 line-height: 1.8em;
\r
1175 font-family:Arial,Verdana,sans-serif;
\r
1178 margin-bottom:0 !important;
\r
1179 margin-top:0 !important;
\r
1182 /********** 1.6 - table styles ***********/
\r
1184 /* Tables still need 'cellspacing="0"' in the markup. */
\r
1186 border-collapse: collapse;
\r
1187 border-spacing: 0;
\r
1188 border:1px solid #DFDEDD;
\r
1190 margin:10px 0 15px 0;
\r
1193 table tr td, table tr th, table thead th {
\r
1196 table.dynamic tbody {
\r
1199 table.column-borders td {
\r
1200 border-left: 1px solid #DFDEDD;}
\r
1203 border-bottom: 1px solid #DFDEDD;}
\r
1206 border-top:1px solid #DFDEDD;}
\r
1209 text-align: left;}
\r
1211 td.align-top,table.align-top {
\r
1212 vertical-align:top;
\r
1220 background-color:#e1ebf2;
\r
1222 border-radius: 4px 4px 0 0;
\r
1223 -moz-border-radius: 4px 4px 0 0;
\r
1224 -webkit-border-radius: 4px 4px 0 0;
\r
1225 -khtml-border-radius: 4px 4px 0 0;
\r
1226 padding: 10px 5px 10px 12px;
\r
1231 background-color:#efeeed;
\r
1233 border-right:none;
\r
1234 border-bottom:1px solid #dfdedd;
\r
1238 table tr:last-child td, table tr:last-child th{
\r
1239 border-bottom: none;}
\r
1241 table.has-caption { /* Fix for bug in FF 3.5 and Safari */
\r
1244 /********** 1.7 - Form Field styles *****************/
\r
1246 label.hint:hover {
\r
1247 background: none !important;}
\r
1249 label,.header-links a:link,.header-links a:visited,.header-links a:active {
\r
1250 font-weight: normal;
\r
1253 /********** 1.8 - Typographic styles *****************/
\r
1255 .subtext, .small-font {
\r
1257 font-weight: normal;
\r
1268 margin: 0px 0px 0px -15px;}
\r
1270 .bold,#place-hold .expiration,#place-hold .pickup,#place-hold label,#logon label
\r
1272 font-weight: bold;
\r
1274 #place-hold input.required
\r
1277 border-bottom-width: 0;}
\r
1279 /********** 2.0 - Content columns styles ***********/
\r
1283 .narrow-search,.narrow {
\r
1285 margin: 0 20px 0 0 !important;
\r
1290 margin: 0 20px 0 0 !important;}
\r
1292 .narrower-search {
\r
1295 padding-bottom: 8px;}
\r
1313 .wide-home,.wide {
\r
1316 /********** 2.1 - Alts to Content columns styles ***********/
\r
1317 #books-video-music .narrow {
\r
1318 margin-right: 10px;}
\r
1320 /*********** 2.2 - branch profile page columns ***********/
\r
1321 .sharewidget-narrower {
\r
1325 /********** 2.3 - accessibility page columns ********/
\r
1327 #accessibility fieldset {
\r
1329 border-bottom: 1px solid #ccc;
\r
1330 margin: 0.5em 0 0 0;
\r
1333 #accessibility legend {
\r
1337 #accessibility label {
\r
1338 padding-right: 1em;}
\r
1340 #accessibility .last-fieldset {
\r
1341 border-bottom: none;}
\r
1343 /********** 2.4 - Secondary Column styles - Try to phase out ***********/
\r
1347 margin: 0 20px 0 0;
\r
1349 /**Advanced search column style**/
\r
1350 #advanced-search .column {
\r
1351 margin-right: 45px;}
\r
1353 /**home page columns**/
\r
1355 padding-right: 10px;}
\r
1357 /******** 3.0 - percentage widths ************/
\r
1383 /********** 4.0 - positioning styles *************/
\r
1391 padding: 0 0px 1em 0;
\r
1397 .left-float-clear {
\r
1401 margin: 3px 9px 5px 0;}
\r
1404 text-align: center;}
\r
1415 margin-top:-2px !important;
\r
1419 margin-right:0 !important;}
\r
1422 margin-left:0 !important;}
\r
1425 margin-bottom:0 !important;}
\r
1428 vertical-align:middle}
\r
1437 font-size: 0.8em;}
\r
1441 border-bottom: 1px solid #999;
\r
1442 margin-bottom: 10px;}
\r
1444 img.align-center {
\r
1454 /******** 5.0 - Header styles ********/
\r
1456 .header #submit-button :active {border-color: #2B7076 #A3DEE1 #A3DEE1 #2B7076}
\r
1458 /***** Renamed from header-top ******/
\r
1459 .header-search-container {
\r
1462 position: relative;
\r
1466 /******* New Header Menu *******/
\r
1467 .header-menu-container {
\r
1473 .masthead-container {
\r
1476 padding-top: 4px;}
\r
1478 .skip-navigation {
\r
1479 position:absolute;
\r
1483 .header-top-menu {
\r
1487 font-size: 1.25em;
\r
1488 font-family: Arial, Helvetica, sans-serif;
\r
1490 list-style:none outside none;
\r
1496 .header-top-menu li {
\r
1497 border-left:1px solid #AAA;
\r
1498 display: inline-block;
\r
1504 .header-top-menu li a {
\r
1505 display:inline-block;
\r
1507 padding: 32px 16px 28px;
\r
1510 .header-top-menu li a b {
\r
1511 text-decoration:underline;
\r
1514 .header-top-menu li a:hover {
\r
1515 text-decoration: none;
\r
1516 background-color: #0051B1;
\r
1518 border-bottom: solid;
\r
1519 border-color: #0051B1;
\r
1522 #contact-item{white-space:nowrap}
\r
1524 .header-search-container .homepage-only, .header-top-menu .homepage-only {display:none}
\r
1527 border-right:none;
\r
1529 display:inline-block;
\r
1532 padding:15px 0 0px 0;
\r
1536 background-color: #F2F2F2;
\r
1539 line-height:1.3em;
\r
1541 padding:0.45em 0 0.35em 0.26em;
\r
1545 #menu-search #submit-button {
\r
1552 border-left: none;
\r
1557 background-image:url('/images/tpl-logo.gif');
\r
1558 background-repeat:no-repeat;
\r
1562 margin-bottom:5px;
\r
1566 #logo-item a:hover{background-position:0px -64px}
\r
1569 font-family:arial;
\r
1571 font-weight:normal;
\r
1572 margin:32px auto 0 auto;
\r
1573 padding:0 0 32px 0;
\r
1574 position: relative;
\r
1578 .header #submit-button {
\r
1579 background-color: #329aa5;
\r
1580 border-color: #A3DEE1 #2B7076 #2B7076 #A3DEE1;
\r
1581 border-style: solid;
\r
1582 border-width: 2px;
\r
1587 height: 1.8em; /*2em;*/
\r
1588 margin-left: 3px; /* 5px */
\r
1589 vertical-align: middle;
\r
1591 padding-bottom:2px;
\r
1595 .header #submit-button :active {border-color: #2B7076 #A3DEE1 #A3DEE1 #2B7076}
\r
1598 background-color:#EEE;
\r
1599 border:1px solid #AAA;
\r
1600 display:none; float:right;
\r
1601 position:absolute;
\r
1615 border-bottom:1px solid #293D66;
\r
1617 background-color: #EEE;
\r
1625 padding: 16px 0 16px 10px;}
\r
1627 .top-menu li a:hover {
\r
1628 background-color:#153B68;
\r
1630 text-decoration:none;}
\r
1633 /*******************************/
\r
1634 #header-bottom-container {
\r
1635 background-color: #293869;
\r
1636 font-family: Arial, Verdana, sans-serif;
\r
1637 margin-bottom: 44px; /**Changed for new menus **//
\r
1643 list-style-image: none;
\r
1644 list-style-position: outside;
\r
1645 list-style-type: none;
\r
1648 padding: 0 0 0 0px;
\r
1652 .header-bottom li {
\r
1655 margin: 0 0 0 50px;
\r
1658 .header-bottom li a {
\r
1659 display: inline-block;
\r
1661 padding: 13px 10px 13px 10px;} //changed for new nav
\r
1663 .header-bottom .top-nav-selected {
\r
1664 background-color: #00809A;
\r
1665 padding-left: 20px;
\r
1666 padding-right: 20px;
\r
1669 .header-bottom #books-link {
\r
1671 margin-left: 10px;}
\r
1673 .header-bottom #books-link a {
\r
1674 width: 215px; padding-left: 20px; padding-right: 20px;}
\r
1676 .header-bottom #programs-link a {
\r
1677 width: 199px; padding-left: 20px; padding-right: 20px;}
\r
1679 .header-bottom #branches-link a {
\r
1680 width: 124px; padding-left: 20px; padding-right: 20px;}
\r
1682 .header-bottom #using-link a {
\r
1683 width: 115px; padding-left: 20px; padding-right: 20px;}
\r
1686 #header-links-container {
\r
1688 padding-right:14px;}
\r
1691 display: inline-block;
\r
1692 margin-bottom: 5px;
\r
1693 font-family: Arial, sans-serif;
\r
1694 font-size: 1.25em; /*10pt*/
\r
1695 font-weight: normal;
\r
1699 #search-alternative-links #old-cat, #search-alternative-links span, #reserve-computer, #header-language-links, .header-search label.hint {
\r
1706 ul.header-links li {
\r
1707 margin: 6px 0 2px;
\r
1710 .header-search ul li.first{
\r
1711 border-right:none;
\r
1712 padding:6px 5px 0 5px;}
\r
1714 .header-search a, .link-block {
\r
1717 .header-search #searchTerms {
\r
1718 background-color: #F2F2F2;
\r
1719 border: 1px solid #AAAAAA;
\r
1725 .header-search #searchTerms :hover {
\r
1726 border: 1px solid #686868;}
\r
1728 .header-search #searchTerms :focus {
\r
1729 background-color: #f9f9f9;
\r
1730 border: 1px solid #686868;}
\r
1732 .header-search a:hover {
\r
1734 font-weight: normal;
\r
1735 text-decoration: underline;}
\r
1737 .header-search label.hint {
\r
1740 position: absolute;
\r
1744 .header-language-links {
\r
1746 position: relative;
\r
1749 .header-hide-offscreen {
\r
1750 position: absolute;
\r
1753 /******* 5.1 - Header Links *******/
\r
1754 .header-bottom a:link,.header-bottom a:visited,.header-bottom a:active,.footer-bottom a:link,.footer-bottom a:visited,.footer-bottom a:active {
\r
1755 color: #fff;text-decoration:none}
\r
1757 .header-search a:link,.header-search a:visited,.header-search a:active {
\r
1758 font-size: 0.8em;font-weight:normal}
\r
1760 /*************** 6.0 - Page banners *****************/
\r
1762 .color-bar {display:none}
\r
1764 #header-container {
\r
1766 background-image: url(/images/header_background_logo_blue.gif);
\r
1767 background-repeat: repeat-x;
\r
1770 /************ 7.0 - Page Specific styles ******************/
\r
1771 /** 7.1 - Branches**/
\r
1772 #branch-detail .record-detail {
\r
1774 margin-bottom: 20px;}
\r
1776 /** 7.2 - Detail page styles**/
\r
1777 .bib-detail .image {
\r
1781 background-color: #797a7a;
\r
1782 background-image: none;
\r
1787 .buy-button a:hover {
\r
1788 text-decoration:none;}
\r
1790 /** 7.3 - Appel Salon page styles**/
\r
1793 margin-right: 15px;
\r
1795 url('/content/programs-and-classes/appel-salon/images/appel_banner.jpg');
\r
1796 background-repeat: no-repeat;
\r
1797 background-position: middle;
\r
1798 margin-bottom: 15px;}
\r
1800 /** 8.4 - Holds placement page styles**/
\r
1809 .success-message {
\r
1811 font-family: Arial, Verdana, sans-serif;
\r
1812 /*display: block;*/
\r
1815 font-weight: normal;
\r
1817 margin-bottom: 25px;
\r
1820 /** 7.5 - Featured Series page styles **/
\r
1821 .featured-series #series-banner, #page-banner {
\r
1822 background-repeat: no-repeat;
\r
1823 background-position: left;
\r
1824 margin-right: 20px;
\r
1825 margin-bottom: 15px;}
\r
1827 #asian-heritage-month.featured-series #series-banner {
\r
1829 background-image:url('/content/programs-and-classes/images/featured-series/featured-series-banner-ahm.jpg');}
\r
1831 #eh-list.featured-series #series-banner {
\r
1833 background-image:url('/content/programs-and-classes/images/featured-series/featured-series-banner-ehlist.jpg');}
\r
1835 #seniors-month.featured-series #series-banner {
\r
1837 background-image:url('/content/programs-and-classes/images/featured-series/featured-series-banner-seniors-month.jpg');}
\r
1839 #luminato.featured-series #series-banner {
\r
1841 background-image:url('/content/programs-and-classes/images/featured-series/featured-series-banner-luminato.jpg');}
\r
1843 #aboriginal-celebration.featured-series #series-banner {
\r
1845 background-image:url('/content/programs-and-classes/images/featured-series/featured-series-banner-aboriginal-celebration.jpg');}
\r
1847 #book-bash.featured-series #series-banner {
\r
1849 background-image:url('/content/programs-and-classes/images/featured-series/featured-series-banner-book-bash.jpg');}
\r
1851 #business-inc.featured-series #series-banner {
\r
1853 background-image:url('/content/programs-and-classes/images/featured-series/featured-series-business-inc-series.jpg');}
\r
1855 #thought-exchange.featured-series #series-banner {
\r
1857 background-image:url('/content/programs-and-classes/images/featured-series/featured-series-banner-thought-exchange.jpg');}
\r
1859 /******** 7.6 - TPL Foundation Styles ******/
\r
1862 #donate-button a {
\r
1863 background-color: #f25824;
\r
1867 font-weight: bold;
\r
1868 padding: 8px 0px 10px 10px;
\r
1870 font-family:Arial, Helvetica, sans-serif;}
\r
1872 #donate-button a:hover {
\r
1873 text-decoration:none;}
\r
1875 /******** 9.0 - Footer styles ********/
\r
1877 margin: 3em 0 0 0;
\r
1878 background-color: #293869;
\r
1880 font-size: 1.25em;
\r
1881 font-family: Arial, Helvetica, sans-serif;
\r
1882 font-weight: normal;
\r
1883 padding: 2em 0 1.5em 0;
\r
1886 .columns { /* Creates Borders Only*/
\r
1887 min-height: 350px;
\r
1888 border-right: solid 1px #3f4c78;
\r
1891 #footer-stripe h3 {
\r
1892 margin: 0 0 .5em 0;
\r
1896 #footer-stripe h3 a:link, #footer-stripe h3 a:visited, #footer-stripe h3 a:hover { /*Orange Header Links in the Footer*/
\r
1900 font-family: Arial, Helvetica, sans-serif;
\r
1901 text-shadow: 0.1em 0.1em #232f53;
\r
1902 font-weight: bold;
\r
1903 text-decoration: none;
\r
1908 #footer-stripe ul a:link, #footer-stripe ul a:visited{ /*Basic white on blue links*/
\r
1910 font-weight:normal;
\r
1911 text-decoration: none;
\r
1914 #footer-stripe ul a:hover {
\r
1916 font-weight:normal;
\r
1917 text-decoration: underline;
\r
1920 #footer-stripe ul { /*Styled footer list only*/
\r
1921 list-style-type: none;
\r
1922 margin: 0 0 2.7em -1.1em;
\r
1927 #footer-stripe li{
\r
1929 margin-bottom:4px;
\r
1933 /* Legal copy Strip */
\r
1934 #footer-bottom-container {
\r
1935 margin: .5em 0 4em 0;
\r
1938 font-family: Arial, Helvetica, sans-serif;
\r
1939 font-weight:normal;
\r
1944 #footer-bottom-container ul { /* Legal list spacing */
\r
1945 list-style-type: none;
\r
1951 #footer-bottom-container li {
\r
1954 padding: 0 .1em 0 0;
\r
1957 /******** 10.0 - Sprite styles & Icons ********/
\r
1959 .sprite a, .toggle-link{
\r
1961 background-image:url('/images/icons/sprite-icons.png');
\r
1962 background-repeat:no-repeat;
\r
1963 padding: 0 0 0 25px;
\r
1967 /*Large Icons - found in the footer */
\r
1968 .sprite a#social-blogs {background-position: 0px -25px}
\r
1969 .sprite a#social-facebook {background-position: 0px -50px}
\r
1970 .sprite a#social-twitter {background-position: 0px -75px}
\r
1971 .sprite a#social-youtube {background-position: 0px -100px}
\r
1972 .sprite a#social-flickr {background-position: 0px -125px}
\r
1973 .sprite a#social-pinterest {background-position: 0px -150px}
\r
1974 .sprite a#social-goodreads {background-position: 0px -675px}
\r
1976 /*Large icon IDs also need to be added to the list below so that proper padding & height is added to each large icon */
\r
1977 #social-news,#social-blogs,#social-facebook,#social-twitter,#social-youtube,#social-flickr,#social-pinterest,#social-goodreads{padding:3px 0 0 33px; height:22px}
\r
1979 /*Small Icons - found in search results page and branch profiles */
\r
1980 .sprite a#email-link {background-position:0px -250px}
\r
1981 .sprite a#print {background-position: 0px -275px}
\r
1982 .sprite a#facebook {background-position: 0px -300px}
\r
1983 .sprite a#twitter {background-position: 0px -325px}
\r
1984 /*.sprite a#addthis {background-position: 0px -350px} --> Not needed since addthis component has links to external styles*/
\r
1985 .sprite a#rss {background-position: 0px -375px}
\r
1986 .sprite a#pinterest {background-position: 0px -400px}
\r
1988 /*Small icon IDs also need to be added to the list below so that a height of 16px is set to each small icon */
\r
1989 #email-link,#print,#facebook,#twitter,#addthis,#rss{height:16px; font-weight: inherit}
\r
1991 .sprite #branch-phone {background-position: 0px -703px}
\r
1992 .sprite #wheelchair-access {background-position: 0px -176px}
\r
1993 .sprite #wireless-access {background-position: 0px -200px}
\r
1994 .sprite #tty-service {background-position: 0px -225px; padding-right:5px}
\r
1995 .sprite #wheelchair-access,.sprite #wireless-access, .sprite #branch-phone{height:25px; width:25px; padding: 0 5px 0 0; float:left}
\r
1997 .sprite li a#grid-view {background-position: 0px -425px}
\r
1998 .sprite li .sort-selected a#grid-view {background-position: 0px -450px}
\r
2000 .sprite li a#list-view {background-position: 0px -475px}
\r
2001 .sprite li .sort-selected a#list-view {background-position: 0px -500px}
\r
2003 .sprite a.pagination-next {background-position:0px -525px}
\r
2004 .sprite a.pagination-next:hover {background-position:0px -550px}
\r
2005 .sprite a.pagination-previous {background-position:0px -575px}
\r
2006 .sprite a.pagination-previous:hover {background-position:0px -600px}
\r
2008 .sprite a.pagination-previous,.sprite a.pagination-next{width:16px; height:19px; padding:0}
\r
2010 .sprite .toggle-link.open {background-position:0px -625px}
\r
2011 .sprite .toggle-link.closed {background-position:0px -650px}
\r
2013 .addthis_toolbox span {
\r
2016 padding-right: 10px;
\r
2018 /*Remove the sprite background image for the <a> within the addthis parent container. Not needed.*/
\r
2019 .addthis_toolbox a {
\r
2024 .accessible-element {position:absolute; left:-100000px}
\r
2026 /******** XX - Random general styles ********/ .elem_jsEnabled,.elem_printOnly {display: none;} #place-hold #pickup,#place-hold #expiration,#place-hold #hold-button {margin-top: 1.6em; /*1.2em*/ float:left; overflow:hidden}
\r
2027 /** XXX - Readers and Introductions from Content.css**/ .readers-advisory {padding: 10px;} .readers-advisory a {margin-bottom: 5px; font-weight: normal;} #introduction { padding-top: 0px;} #introduction.widget h1.title, #introduction .title { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; border: 0px;} #introduction.widget h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0.4em;}
\r
2028 /** XXXX - Record from embed.css**/ .record-embed {background-color: #FFF; color: #000; font-size: 10pt; padding: 10px; border: 1px solid #333; width: 450px; position: relative;} .record-embed .image-container { float: left; width: 100px; text-align: center; overflow: hidden;} .record-embed .title { font-size: 11pt; font-weight: bold;} .record-embed .text { float: left; width: 60%; } .record-embed .logo { font-size: 9pt; float: right; } .record-embed .logo img { height: 30px; vertical-align: bottom; border: 0px;}
\r
2029 /*********** Widget container style ********/
\r
2031 p + div.widget, ul + div.widget, div.clear + div.widget {
\r
2035 .widget, .section {
\r
2036 margin: 0px 0px 20px 0px;
\r
2037 padding: 0px 0px 0px 0px;
\r
2041 .widget div.white {
\r
2044 background-color: #fff;
\r
2047 .widget-content,.map-container{
\r
2048 background-color: #eee;
\r
2050 padding: 0px 15px 10px 15px;
\r
2052 border-radius: 0px 0px 7px 7px;
\r
2053 -moz-border-radius: 0px 0px 7px 7px;
\r
2054 -webkit-border-bottom-right-radius: 7px;
\r
2055 -webkit-border-bottom-left-radius: 7px;
\r
2058 .widget-content-round-all, .round-all { /*, #spotlight-promotion .widget-content */
\r
2059 background-color: #f5f5f5;
\r
2060 padding:3px 10px 10px;
\r
2062 border-radius: 7px;
\r
2063 -moz-border-radius: 7px;
\r
2064 -webkit-border-radius: 7px;
\r
2065 -khtml-border-radius: 7px;
\r
2069 .widget-content-round-all.message-yellow {
\r
2070 background-color: #fcfdd5;
\r
2071 border: 1px solid #F8A961;
\r
2074 .widget-content-round-all img {
\r
2075 /*vertical-align: middle;*/
\r
2078 /***************** Individual widget styles *******************/
\r
2079 /*****In the Future please use color coding system and not div titles *********/
\r
2080 .widget#latest-blogs h3, .widget#branch-info h3, .widget#green-title h3 {
\r
2081 border-top: 4px solid #339933;
\r
2082 border-bottom: 1px solid #339933;
\r
2085 .widget#new-titles h3, .widget#see-also h3, .widget#new-items-adult h3,.widget#new-items-teen h3,.widget#new-items-children h3, .widget#yellow-title h3 {
\r
2086 border-top: 4px solid #FFCC33;
\r
2087 border-bottom: 1px solid #FFCC33;}
\r
2089 .widget#related-internet-links h3, .widget#vrl-matches h3, .widget#orange-title h3 {
\r
2090 border-top: 4px solid #FF6633;
\r
2091 border-bottom: 1px solid #FF6633;
\r
2094 .widget#emonthly-signup h3, .widget#calendar h3, .widget#red-title h3 {
\r
2095 border-top: 4px solid #CC3333;
\r
2096 border-bottom: 1px solid #CC3333;
\r
2099 .widget#Support-Your-Library h3, .widget#Become-Donor h3, .widget#Legacy-Giving h3, .widget#Build-Collections h3 {
\r
2100 border-top: 4px solid #f25824;
\r
2101 border-bottom: 1px solid #f25824;
\r
2104 .widget#online-downloads h3 {
\r
2105 border-top: 4px solid #da0f5e;
\r
2106 border-bottom: 1px solid #da0f5e;
\r
2109 .widget#Build-Collections .description a {
\r
2110 background-color: #f25824;
\r
2114 font-weight: bold;
\r
2115 padding: 8px 0px 10px 10px;
\r
2117 font-family:Arial, Helvetica, sans-serif;
\r
2121 .widget#Build-Collections .description a:hover {
\r
2122 text-decoration: none;
\r
2125 .widget#social-links-spotlight a {
\r
2126 margin-bottom:10px;
\r
2129 .widget#social-links-spotlight span {
\r
2130 padding-left:10px;
\r
2133 .widget#upcoming-programming h4, .widget#ask-a-librarian h4, .widget#spotlight-promotion h4 {
\r
2134 /* default Blue styles */
\r
2136 .widget#latest-blogs .last {
\r
2139 /********* Background color and styles for widgets ***********/
\r
2141 background-color: #e5f6f4;
\r
2145 background-color: #fff;
\r
2148 .widget#latest-blogs .pointer {
\r
2149 margin-left: -1em;
\r
2151 font-weight: bold;
\r
2153 display: inline; /* IE 6 fix */
\r
2157 /***************** Misc widget content styles *******************/
\r
2158 .widget#latest-blogs div { /*border: 0px;*/
\r
2159 padding-left: 0.2em;
\r
2160 background-color: #fff;
\r
2163 .widget#latest-blogs {
\r
2164 margin-bottom: 0px;
\r
2167 .widget#related-subjects a.subject {
\r
2168 text-decoration: underline;
\r
2169 line-height: 1.3em;
\r
2172 .widget#vrl-matches #more-link {
\r
2173 text-align: right;
\r
2174 margin-top: 0.8em;
\r
2175 margin-bottom: 0.8em;
\r
2178 .widget#vrl-matches #more-link a {
\r
2179 text-decoration: underline;
\r
2180 white-space: nowrap;
\r
2183 .widget#vrl-matches #more-link a:hover {
\r
2184 text-decoration: none;
\r
2187 .widget#new-item-spotlight {
\r
2188 margin-bottom: 0px;
\r
2191 .widget#new-item-spotlight h4 {
\r
2192 text-transform: none;
\r
2195 .widget#new-item-spotlight .no-margin {
\r
2196 margin-bottom: 0px;
\r
2197 padding-right: 10px;
\r
2198 padding-bottom: 10px;
\r
2202 .widget#search-results {
\r
2203 margin-bottom: 5px;
\r
2206 .widget#merch-spotlight-multi {
\r
2213 .widget#support-your-library a
\r
2215 text-decoration:none;
\r
2218 .widget#support-your-library h3 {
\r
2221 font-family: Arial, Verdana, Helvetica, sans-serif;
\r
2222 font-size: 1.25em;
\r
2223 font-weight: bold;
\r
2224 padding-bottom: 10px;
\r
2225 padding-top: 10px;
\r
2226 padding-left: 10px;
\r
2227 background-color: transparent;
\r
2230 .widget#support-your-library
\r
2232 background-color: rgb(242, 88, 36);
\r
2235 .widget#support-your-library:hover
\r
2237 background-color: rgb(199, 73, 30);
\r
2240 .widget#support-your-library:active
\r
2242 background-color: rgb(255, 115, 38);
\r
2245 .widget#support-your-library .headline {
\r
2246 margin-bottom: 0px; overflow: hidden;
\r
2249 .widget#support-your-library .tagline {
\r
2250 font-weight: bold;
\r
2252 margin-left: 10px;
\r
2253 margin-bottom: 10px;
\r
2254 text-decoration: none;
\r
2255 padding-top: 10px;
\r
2258 .widget#support-your-library .pitch-text {
\r
2260 padding-bottom: 10px;
\r
2262 text-decoration: none;
\r
2265 .widget#support-your-library #foundation {
\r
2268 text-decoration: none;
\r
2271 .widget#support-your-library .foundation-body {
\r
2273 background-color: rgb(226, 226, 226);
\r
2277 /****Homepage style for Online Download section using widget_merch-foundation.jspf****/
\r
2279 .widget#online-downloads a
\r
2281 text-decoration:none;
\r
2284 .widget#online-downloads h3 {
\r
2287 font-family: Arial, Verdana, Helvetica, sans-serif;
\r
2288 font-size: 1.25em;
\r
2289 font-weight: bold;
\r
2290 padding-bottom: 10px;
\r
2291 padding-top: 10px;
\r
2292 padding-left: 10px;
\r
2293 background-color: transparent;
\r
2296 .widget#online-downloads
\r
2298 background-color: #da0f5e;
\r
2301 .widget#online-downloads:hover
\r
2303 background-color: #990033;
\r
2306 .widget#online-downloads:active
\r
2308 background-color: #da0f5e;
\r
2311 .widget#online-downloads .headline {
\r
2312 margin-bottom: 0px; overflow: hidden;
\r
2315 .widget#online-downloads .tagline {
\r
2316 font-weight: bold;
\r
2318 margin-left: 10px;
\r
2319 margin-bottom: 10px;
\r
2320 text-decoration: none;
\r
2321 padding-top: 10px;
\r
2324 .widget#online-downloads .pitch-text {
\r
2326 padding-bottom: 10px;
\r
2328 text-decoration: none;
\r
2331 .widget#online-downloads #ebooks {
\r
2334 text-decoration: none;
\r
2337 .widget#online-downloads .ebooks-body {
\r
2339 background-color: rgb(226, 226, 226);
\r
2344 /******************SEARCH REFINE DIVS**************************/
\r
2345 .refinement, .record {
\r
2346 margin: 0.4em 8px 0.4em 8px;
\r
2347 font-weight: normal;
\r
2350 font-weight: normal;
\r
2353 .refinement a, .record a {
\r
2354 text-decoration: none;
\r
2357 .refinement a:hover, .record a:hover {
\r
2358 text-decoration: underline;
\r
2361 .refinement a:visited, .record a:visited {
\r
2362 font-weight: normal;
\r
2365 .refinement .links-disabled, .record .links-disabled {
\r
2369 .refinement-container {
\r
2370 border: 1px solid #666; /*#eee*/
\r
2371 margin: 0px 0px 5px 0px;
\r
2372 padding-bottom: 3px;
\r
2373 /*position: relative;*/
\r
2376 .refinement-container h3, .refinement-title {
\r
2377 background: #525252 none repeat scroll 0 0;
\r
2378 border-bottom:none;
\r
2381 line-height: 16pt;
\r
2382 margin-bottom: 4px;
\r
2384 padding-bottom: 0;
\r
2386 padding-left: 8px;
\r
2387 text-decoration: none;
\r
2388 font-weight: normal;
\r
2389 border-top-width: 0px;
\r
2392 .refinement-container-selected {
\r
2393 border: 1px solid #00B6BD;
\r
2395 padding-bottom: 3px;
\r
2396 position: relative;
\r
2399 .refinement-container-selected h3, .refinement-container-selected .refinement-title {
\r
2400 background-color: #00B6BD;
\r
2402 font-weight: bold;
\r
2407 .refinement-clear {
\r
2409 position: absolute;
\r
2412 text-transform: lowercase;
\r
2414 line-height: 16pt;
\r
2417 .refinement-clear a:link,.refinement-clear a:visited {
\r
2421 .refinement-crumb {
\r
2423 font-weight: bold;
\r
2426 .refinement-crumb a:link,.refinement-crumb a:visited {
\r
2430 #refinements-Type .refinement-crumb a:link,#refinements-Type .refinement-crumb a:visited
\r
2435 #refinements-Type .refinement-crumb {
\r
2436 font-weight: normal;
\r
2439 #refinements-website_category .refinement-crumb a:link,#refinements-website_category .refinement-crumb a:visited, #refinements-catégorie_de_site_internet .refinement-crumb a:link,#refinements-catégorie_de_site_internet .refinement-crumb a:visited
\r
2444 #refinements-website_category .refinement-crumb, #refinements-catégorie_de_site_internet .refinement-crumb {
\r
2445 font-weight: normal;
\r
2449 .refinement .ref-count {
\r
2454 #refinements img {
\r
2455 vertical-align: top;
\r
2457 position: relative;
\r
2461 .refinement-more {
\r
2464 margin-bottom: 0.4em;
\r
2465 text-transform: lowercase;
\r
2468 .refinement-more a:link,.refinement-more a:visited {
\r
2470 text-decoration: underline;
\r
2473 .refinement-more a:hover {
\r
2477 .refinement-select-others {
\r
2481 .refinement-cancel-others {
\r
2484 padding-bottom: 5px;
\r
2485 margin-bottom: 5px;
\r
2486 margin-right: 10px;
\r
2487 border-bottom: 1px solid #DDD;
\r
2490 #refinements-library_branch {
\r
2492 overflow-y: scroll;
\r
2495 /******************************************************************
\r
2496 Styles for individual refinements (reference by numeric dimension value)
\r
2497 ******************************************************************/
\r
2498 #refinements-38526 .refinement {
\r
2499 margin-left: 24px;
\r
2500 text-indent: -18px;
\r
2503 .breadcrumb-title {
\r
2506 font-weight: bold;
\r
2508 margin-bottom: 5px;
\r
2511 #search #breadcrumb-stacked {
\r
2512 background-color: #FFF;
\r
2513 padding-left: 10px;
\r
2514 padding-right: 10px;
\r
2517 #search #breadcrumb-stacked h3 {
\r
2518 background-color: #FFF;
\r
2522 #breadcrumb-stacked img {
\r
2523 vertical-align: bottom;
\r
2525 margin-bottom: 1px;
\r
2528 #breadcrumb-stacked .title {
\r
2530 font-weight: bold;
\r
2531 margin-bottom: 7px;
\r
2534 #breadcrumb-stacked .clear-refinements {
\r
2539 font-weight: normal;
\r
2547 border: 1px solid #999;
\r
2552 /* Horizontal Carousel */
\r
2553 #horizontal_carousel {
\r
2556 margin-right: 6px;
\r
2559 margin-bottom: 10px;
\r
2560 position: relative;
\r
2563 #horizontal_carousel .container {
\r
2564 position: absolute;
\r
2572 #horizontal_carousel .previous_button {
\r
2573 position: absolute;
\r
2578 background-image: url(/images/pagination_arrow-prev.gif);
\r
2579 background-repeat: no-repeat;
\r
2580 background-position: center;
\r
2583 padding-top: 31px;
\r
2584 padding-bottom: 33px
\r
2587 #horizontal_carousel .previous_button_disabled {
\r
2588 background-image: url(/images/pagination_arrow-prev.gif);
\r
2592 #horizontal_carousel .next_button {
\r
2593 position: absolute;
\r
2598 background-image: url(/images/pagination_arrow-next.gif);
\r
2599 background-repeat: no-repeat;
\r
2605 #horizontal_carousel .next_button_disabled {
\r
2606 background-image: url(/images/pagination_arrow-next.gif);
\r
2610 #horizontal_carousel ul {
\r
2615 position: relative;
\r
2621 #horizontal_carousel ul li img {
\r
2624 margin-right: 2px;
\r
2628 #horizontal_carousel ul li {
\r
2629 border: 0px solid green;
\r
2637 #detail-image-container img {
\r
2644 /******************** Vertical Carousel *******************/
\r
2645 #vertical_carousel {
\r
2649 #vertical_carousel ul {
\r
2654 position: relative;
\r
2657 #vertical_carousel ul img {
\r
2661 #vertical_carousel ul li {
\r
2662 border: 0 solid green;
\r
2664 list-style-image: none;
\r
2665 list-style-position: outside;
\r
2666 list-style-type: none;
\r
2670 margin: 0 8px 6px 0;
\r
2674 #vertical_carousel .previous_button, #vertical_carousel .next_button{
\r
2678 /******************** programs calendar widget *******************/
\r
2679 #programs-calendar {
\r
2680 /*position: relative; --> Don't think this is needed DS */
\r
2683 #programs-calendar .widget-content {
\r
2684 background-color: #E6EFF7;
\r
2685 padding: 0 8px 0 8px;
\r
2688 #programs-calendar h3 {
\r
2689 /*text-transform: uppercase; --> Not Needed - DS*/
\r
2692 #programs-calendar .refinement-container {
\r
2696 #programs-calendar #refinements {
\r
2697 margin-bottom: 0px;
\r
2698 padding-bottom: 0px;
\r
2701 #programs-calendar #ages-fieldset fieldset {
\r
2702 padding-left: 10px;
\r
2705 #programs-calendar #ages-fieldset br {
\r
2706 /*margin-bottom: 8px; --> Not needed - DS*/
\r
2709 #programs-calendar .refinement-title {
\r
2713 #programs-calendar .date-range input {
\r
2717 #programs-calendar .date-range input.year {
\r
2721 #programs-calendar .search-within {
\r
2722 /*margin: 0 0 5px 0;*/
\r
2725 #programs-calendar #search-submit {
\r
2729 padding: 1em 0 1em 1em;
\r
2732 #programs-calendar fieldset {
\r
2735 position:relative;
\r
2738 #programs-calendar #branches-fieldset #branch-filters {
\r
2739 background-color:#F8F8F8;
\r
2740 border:1px solid #E2E2E2
\r
2743 #programs-calendar #branches-fieldset, #programs-calendar #ages-fieldset {
\r
2744 background-color:#F8F8F8;
\r
2746 padding-bottom:10px;
\r
2749 #programs-calendar #branches-fieldset legend, #programs-calendar #ages-fieldset legend {
\r
2750 *margin-left:-5px;
\r
2753 padding: 10px 0 5px 0;
\r
2756 #programs-calendar #date-fields {
\r
2757 margin-right: 10px;
\r
2758 padding-left: 10px;
\r
2761 #programs-calendar #date-fields .text {
\r
2767 #programs-calendar #date-fields .footnote {
\r
2768 position: relative;
\r
2772 margin-bottom: 5px;
\r
2775 #programs-calendar .refinement {
\r
2779 #programs-calendar .refinement-container {
\r
2780 margin-bottom: 0px;
\r
2781 padding-bottom: 0px;
\r
2784 #programs-calendar #calendar-button { /*float: right;
\r
2785 *position: relative;
\r
2787 display: block !important;
\r
2789 margin-right: 10px;
\r
2790 margin-top: -24px;
\r
2793 /************** styles for section navigation widget **************/
\r
2795 background-color: #fff;
\r
2799 font-weight: bold;
\r
2800 border-top: 2px solid #444;
\r
2801 font-family: Arial, sans-serif;
\r
2804 .section-nav-current {
\r
2806 background-color: #E6EFF7;
\r
2807 border-top: 4px solid #444;
\r
2808 border-bottom: 2px solid #444; /*1px solid #00809a;*/
\r
2811 font-weight: bold;
\r
2812 padding: 5pt 0 5pt 5pt; /*5px 0px 5px 0px;*/
\r
2813 /*border-bottom: 1px solid #666;*/ /* background-color: #EEE;
\r
2814 font-weight: bold;
\r
2816 padding-left: 5px; */
\r
2817 font-family: Arial, sans-serif;
\r
2820 .section-nav-current a {
\r
2824 .section-nav-page {
\r
2825 background-color: #FFFFFF;
\r
2826 border-bottom: 1px dotted #000000;
\r
2827 border-top: 0 dotted #000000;
\r
2828 font-family: Arial, sans-serif;
\r
2829 font-weight: normal;
\r
2831 padding: 0 0 0.5em 0.5em;
\r
2835 .section-nav-page a {
\r
2837 font-weight: normal;;
\r
2841 border-top: 4px solid #444;
\r
2846 .section-top.section-nav-current {
\r
2847 border-top: 4px solid #444;
\r
2851 #section-navigation .whats-more {
\r
2852 padding: 82px 0 0 0;
\r
2854 background-image: url(/images/navigation/whatsmore.jpg);
\r
2855 background-repeat: no-repeat;
\r
2860 #widget-page-actions {
\r
2862 margin-right:60px;
\r
2863 margin-top:-50px;*/
\r
2866 #page-actions-horizontal {
\r
2867 list-style-type: none;
\r
2872 /*overflow:hidden;*/
\r
2875 #page-actions-horizontal li {
\r
2880 #page-actions-horizontal li img {
\r
2881 /*vertical-align: middle;
\r
2884 padding-right: 10px;*/
\r
2887 #page-actions-horizontal li a {
\r
2888 /*vertical-align: middle;*/
\r
2891 #page-actions-horizontal li.lastItem {
\r
2895 #page-actions-vertical {
\r
2896 /*list-style-type: none;*/
\r
2900 h3#page-actions-vertical {
\r
2901 /*list-style-type: none;*/
\r
2902 margin-left:1.5em;
\r
2907 ul#page-actions-vertical {
\r
2908 margin:0 0 20px 0;
\r
2913 #page-actions-vertical li div a {
\r
2915 font-weight:normal;
\r
2919 #page-actions-vertical li div + a {
\r
2921 /*margin-top:0.3em;*/
\r
2925 #page-actions-vertical li {
\r
2926 list-style-type: none;
\r
2931 #page-actions-vertical li div{
\r
2932 background-color:#F7F6F5;
\r
2933 border: 1px solid #E5E5E5;
\r
2935 -moz-border-radius: 4px;
\r
2936 -webkit-border-radius: 4px;
\r
2937 -khtml-border-radius: 4px;
\r
2938 border-radius: 4px;
\r
2939 position:relative;
\r
2943 font-weight:normal;
\r
2945 #page-actions-vertical li div img{
\r
2949 vertical-align:text-top;*/
\r
2952 margin-top: 0.8em;
\r
2954 text-align: center;
\r
2956 background-image:url('/images/icons/action-share-count.gif');
\r
2957 background-repeat:no-repeat;
\r
2961 div.atclear { display:none;}
\r
2962 /*********************** See Also widget styles ******************/
\r
2963 #see-also .title {
\r
2964 font-weight: normal;
\r
2967 #see-also .record {
\r
2968 padding-top: 10px;
\r
2971 /*************** Refinement typeahead styles ********************/
\r
2972 /****** NOTE SEE AJAX_REFINEMENT-TYPEAHEAD.JSPF FOR STYLES *****/
\r
2973 /********************* Carousel styles **************************/
\r
2974 .carousel-container { /*height: 135px;*/
\r
2975 padding-top: 10px;
\r
2976 background-color: #eee;
\r
2978 zoom:1; /** IE6 fix -- Does not cause validation errors**/
\r
2981 .carousel-sub-container {
\r
2984 text-align:center;
\r
2988 .carousel-sub-container .item {
\r
2995 .carousel-sub-container .item .book-cover {
\r
3009 .carousel-cell img {
\r
3013 .yui-carousel-nav {
\r
3017 .carousel-middle {
\r
3035 text-align: center;
\r
3039 font-weight: bold;
\r
3041 border-top: 2px solid #e8c31b;
\r
3042 margin: 0em 0 0 0;
\r
3047 /*max-height: 100px;
\r
3048 overflow: hidden;*/
\r
3051 .carousel-item-title {
\r
3052 background: #fffec3;
\r
3055 position: relative;
\r
3056 top: -5px; /*-15px*/
\r
3061 text-align: center;
\r
3065 position:absolute;
\r
3069 .carousel-item-title a {
\r
3073 .carousel-container .footer-link {
\r
3074 text-align: right;
\r
3079 .yui-carousel-item-selected {
\r
3083 .yui-carousel-element li {
\r
3090 /*padding-bottom:60px;*/
\r
3094 margin-bottom: 2em;
\r
3097 .carousel-wide .carousel-item-title {
\r
3101 /*********************** Ask a Librarian widget styles ******************/
\r
3103 #ask-a-librarian ul {
\r
3106 padding: 0 0 0 15px;
\r
3107 list-style-position: outside;
\r
3108 list-style-type: none;
\r
3112 #ask-a-librarian ul li {
\r
3116 #ask-a-librarian ul li img {
\r
3118 padding-right: 15px;
\r
3122 #ask-a-librarian a.block-level {
\r
3128 #ask-a-librarian ul li#phone div {
\r
3129 font-weight: normal;
\r
3136 #ask-a-librarian ul li#faq {
\r
3137 padding:0 0 5px 0;
\r
3138 font-weight:normal;
\r
3141 /*********************** Homepage footer (social networking) styles ******************/
\r
3142 #homepage-footer {
\r
3143 margin-left: 40px;
\r
3144 margin-right: 40px;
\r
3145 padding-left: 10px;
\r
3147 background-color: #EEE;
\r
3148 border: 10px solid #EEE;
\r
3149 font-weight: bold;
\r
3153 margin-left: 20px;
\r
3155 background-color: white;
\r
3158 #social-links ul {
\r
3159 list-style-image: none;
\r
3160 list-style-position: outside;
\r
3161 list-style-type: none;
\r
3164 #social-links li {
\r
3165 margin-right: 40px;
\r
3167 line-height: 20px;
\r
3170 /*********************** Youtube feed widget style ******************/
\r
3171 .youtube-feed-entry {
\r
3172 border-bottom: 1px solid #e8e9ee;
\r
3173 padding: 0.8em 0 0.8em 0;
\r
3174 margin: 0 0 0.8em 0;
\r
3175 min-height: 180px;
\r
3178 .youtube-feed-entry .left {
\r
3179 padding: 0em 0 0em 0;
\r
3180 margin: 0 .8em 0em 0;
\r
3183 /*********************** Refinement microbrowser search widget style ******************/
\r
3185 .refinement-microbrowser {
\r
3186 background-color: #EEEEEE;
\r
3190 .refinement-microbrowser select {
\r
3194 /*********************** Book promotion widget styles ******************/
\r
3196 .widget-book-promotion .merch-record-horizontal {
\r
3198 border-bottom:none;
\r
3200 padding-bottom:5px;
\r
3202 .image-container + span.booklist,.widget-book-promotion .link {
\r
3206 .widget-book-promotion .footer-message {
\r
3210 /********************** New spotlight styles ********************/
\r
3213 /* Apply new spotlight background image style to spotlights in narrow-search and narrow type columns only */
\r
3215 .narrow #spotlight-promotion .widget-content, .narrow #spotlight-promotion .widget-content-round-all, .narrow-search #spotlight-promotion .widget-content, .narrow-search #spotlight-promotion .widget-content-round-all,
\r
3216 .grid_4.omega #spotlight-promotion .widget-content, .grid_4.omega #spotlight-promotion .widget-content-round-all {
\r
3217 /*margin-bottom: 25px;
\r
3218 margin-top: 25px;*/
\r
3219 background-color: #e9f1fe;
\r
3221 border-left: solid 1px #3B9DB0; border-right: solid 1px #3B9DB0; border-bottom: solid 1px #3B9DB0; border-top: solid 4px #3B9DB0;
\r
3222 border-radius: 0px 0px 7px 7px; -moz-border-radius: 0px 0px 7px 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px;
\r
3224 background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #FBFDFF), color-stop(0.75, #D7E5FD));
\r
3225 background-image: -moz-linear-gradient( center bottom, #FBFDFF 0%, #D7E5FD 75% );
\r
3233 #spotlight-promotion .widget-content .title a:link, #spotlight-promotion .widget-content .title a:visited, #spotlight-promotion .widget-content-round-all .title a:link, #spotlight-promotion .widget-content-round-all .title a:visited {
\r
3235 line-height: 1.2em;
\r
3237 font-weight: bold;
\r
3240 #spotlight-promotion .widget-content .title a:hover, #spotlight-promotion .widget-content .title a:hover {
\r
3241 line-decoration: underline;
\r
3245 #spotlight-promotion .widget-content p, #spotlight-promotion .widget-content-round-all p {
\r
3247 line-height: 1.3em;
\r
3248 margin-bottom:0; /*3*/
\r
3255 #spotlight-promotion .widget-content p a, #spotlight-promotion .widget-content-round-all p a {
\r
3256 text-decoration: underline;
\r
3257 font-weight:normal !important;
\r
3262 #spotlight-promotion .widget-content .category, #spotlight-promotion .widget-content-round-all .category { /*Accessibility fix on Blue BG*/
\r
3263 color: #008094; /*#525252 */
\r
3267 font-family:arial;
\r
3270 #spotlight-promotion img.spotlight-promotion {
\r
3271 /*margin-left:-15px; /-15px/
\r
3272 margin-top:-5px; /-5px/
\r
3275 overflow: hidden;*/
\r
3278 #spotlight-promotion .merch-record-horizontal{
\r
3280 padding:5px 10px 8px;
\r
3283 #spotlight-promotion .merch-record-horizontal .image-container{
\r
3284 padding:0 1.1em 0.5em 0;
\r
3287 #spotlight-promotion .title {
\r
3292 line-height:1.1em;
\r
3293 padding-bottom:5px;
\r
3295 font-family: arial;
\r
3298 #spotlight-promotion .widget-content, #spotlight-promotion .widget-content-round-all {
\r
3299 background-color: #eee;
\r
3301 border-radius: 7px;
\r
3302 -moz-border-radius: 7px;
\r
3303 -webkit-border-radius: 7px;
\r
3304 -khtml-border-radius: 7px;
\r
3308 #spotlight-promotion .banner-anchor {
\r
3310 margin:-5px -15px 0;
\r
3313 #spotlight-promotion .banner-anchor img {
\r
3318 #spotlight-promotion .widget-content.vertical, #spotlight-promotion .widget-content-round-all.vertical {/*border-top: 1px solid #3B9DB0; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;*/}
\r
3319 /***Merge into .details used on homepage*/
\r
3320 #spotlight-promotion .details {/*max-height: 114px;min-height: 113px;overflow: hidden;padding-left: 90px;position: relative; margin-top:0.6em*/ }
\r
3322 /***Merge into .details img used on homepage*/
\r
3323 #spotlight-promotion .details img {/*left: 0; max-width: 80px !important; overflow: hidden; position: absolute; top: 10px;*/ float:left; max-width:81px; padding-right:8px; padding-top:0.3em}
\r
3325 /***Merge into .details .text used on homepage*/
\r
3326 #spotlight-promotion .details .text {margin-top: 0.75em; overflow: auto;}
\r
3328 /*New style*/#spotlight-promotion .date {display: block; font-size: 0.78em; color: #525252; margin-top:0; line-height:1.1em; margin-bottom:5px; margin-top:-4px/* font-weight: normal; line-height: 1.7em;*/}
\r
3330 /*New style*/#spotlight-promotion .location {line-height: .7em; font-size: .9em;}
\r
3333 .category { /*Move me to Pages and use for blog category or something that needs to be tied into another section of the site*/
\r
3334 /*color: #008194;*/
\r
3336 font-weight: bold;
\r
3337 /*margin-bottom: -2px;*/
\r
3339 /* Quick Search for style Sections. Copy and paste these into search for easy searching.
\r
3341 1.0 - Multimedia styles
\r
3342 1.1 - Styles for event details images
\r
3343 1.2 - Styles for Images
\r
3344 1.3 - Base button styles
\r
3345 2.0 - Spotlight Promotional Slider
\r
3346 3.0 - Calendar and date menu styles
\r
3347 4.0 - Bib Item styles
\r
3348 4.1 - Bib detail page styles
\r
3349 5.0 - Sortable table styles
\r
3350 6.0 - Branches and Hours styles
\r
3351 6.1 - Branch message styles
\r
3352 7.0 - Merchandising styles
\r
3353 7.1 - Merch record style
\r
3354 7.2 - Widget_dc-browse-subjects styles
\r
3355 7.3 - Book Grid Promo styles
\r
3357 9.0 - Booklists style
\r
3358 9.1 - style for booklist summary table
\r
3359 10.0 - Email signup box style
\r
3360 11.0 - Syndetics Plus styles
\r
3361 12.0 - session timeout warning style
\r
3362 13.0 - Record styles
\r
3363 13.1 - Record button styles
\r
3364 13.2 - Articles box styles
\r
3365 13.3 - Article headers
\r
3367 14.0 - Search styles
\r
3368 15.0 - Multiple Column List Styles
\r
3370 X - Closed Captions
\r
3371 XX- style for the feedback container
\r
3375 /*********** 1.0 - Multimedia styles **************/
\r
3377 background-color: #eeeeee;
\r
3378 margin: 5px 0 0px 0;
\r
3379 padding: 10px 0 8px 0;
\r
3380 text-align: center;
\r
3383 /********* 1.1 - Styles for event details images *********/
\r
3384 div.image-strip .image-label {
\r
3385 font-weight: bold;
\r
3389 div.image-strip-container {
\r
3395 div.image-strip-container img {
\r
3399 /********* 1.2 - Styles for Images *********/
\r
3411 /********* 1.3 - Base button styles *********/
\r
3412 .button, .button:visited {
\r
3414 display: inline-block;
\r
3416 font-weight: normal;
\r
3417 line-height: 31px;
\r
3421 overflow: visible;
\r
3423 text-align: center;
\r
3424 -webkit-appearance: none;
\r
3425 border-radius: 0px;
\r
3426 -moz-border-radius: 0px;
\r
3427 -webkit-border-radius: 0px;
\r
3428 -khtml-border-radius: 0px;
\r
3429 -webkit-box-sizing: content-box;
\r
3430 -moz-box-sizing: content-box;
\r
3431 box-sizing: content-box;
\r
3432 vertical-align: middle;
\r
3434 /* IE specific fixes */
\r
3435 *line-height: 32px;
\r
3440 .button:last-child {
\r
3441 margin-bottom: 0px;
\r
3444 ul.horizontal-list li .button {
\r
3448 .button, .button:hover {
\r
3452 font-weight: normal;
\r
3453 text-decoration: none;
\r
3457 padding: 0.6em 2em;
\r
3458 *padding: 0; /* IE Fix for improper box model rendering */
\r
3461 .cancel, .confirm, .submit {
\r
3462 background: #447c23;
\r
3463 border: 1px solid #3e7120;
\r
3464 *border-width: 0; /* IE Fix for improper box model rendering */
\r
3467 .cancel:hover, .confirm:hover, .submit:hover {
\r
3468 background: #589e30;
\r
3471 .cancel:active, .confirm:active, .submit:active {
\r
3472 background: #38661d;
\r
3476 background: #329AA5;
\r
3477 border: 1px solid #2e8b95;
\r
3479 margin-bottom: 0px;
\r
3482 .search:hover, .go:hover {
\r
3483 background: #38acb8;
\r
3486 .search:active, .go:active {
\r
3487 background: #21656c;
\r
3490 /*********** 2.0 - Spotlights styles **************/
\r
3492 .featured-spotlight {
\r
3494 margin-bottom: 10px;
\r
3498 .featured-spotlight img {
\r
3499 margin-right: 5px;
\r
3504 /********2.0 - Spotlight Promotional Slider********/
\r
3505 .spotlight-multi {
\r
3509 #spotlight-multi-links {
\r
3513 background-color: #EEEEEE;
\r
3515 margin-bottom: 20px;
\r
3518 .spotlight-multi-tab {
\r
3521 line-height: 22px;
\r
3522 background-color: #FFFFFF;
\r
3524 padding: 10px 0 10px 10px;
\r
3525 position: relative;
\r
3529 .spotlight-multi-tab-selected a {
\r
3532 padding: 0 0 0 10px;
\r
3536 .spotlight-multi-tab-selected {
\r
3539 line-height: 25px;
\r
3541 background-color: #113c68;
\r
3542 padding: 10px 0px;
\r
3543 border-bottom: 2px solid #BBBBBB;
\r
3544 border-right: 1px solid #BBBBBB;
\r
3545 position: relative;
\r
3548 .spotlight-multi-tab-selected a {
\r
3550 font-weight: bold;
\r
3551 padding: 0 0 0 10px;
\r
3554 .spotlight-multi-tab .spotlight-multi-tab-arrow {
\r
3555 position: relative;
\r
3556 background-color: transparent;
\r
3565 .spotlight-multi-tab-selected .spotlight-multi-tab-arrow {
\r
3566 position: absolute;
\r
3567 background-color: transparent;
\r
3572 background-image: url(/images/multi-spotlight-arrowhead.gif);
\r
3573 background-repeat: no-repeat;
\r
3574 background-position: right;
\r
3576 .spotlight-multi-selected {
\r
3580 .spotlight-multi-selected .image {
\r
3583 padding-left:10px;
\r
3586 .spotlight-multi-selected .text {
\r
3592 .spotlight-multi-selected .text h4 {
\r
3593 margin-bottom: 15px;
\r
3597 .spotlight-multi-selected .text div {
\r
3599 padding-bottom: 7px;
\r
3602 /************* 3.0 - Calendar and date menu styles *******************/
\r
3603 #calendar .widget-content {
\r
3613 position: absolute;
\r
3620 position: absolute;
\r
3621 background-color: #efefef;
\r
3622 border: 1px solid #999;
\r
3623 padding: 15px 10px 15px 15px;
\r
3628 #calendar-month input {
\r
3633 #calendar-inline {
\r
3634 margin-left: 25px;
\r
3637 #date-selector-bar {
\r
3642 #date-selector-bar h4 {
\r
3644 font-weight: normal;
\r
3650 .search-results-embedded #search-bar {
\r
3655 .search-results-embedded #date-selector-bar {
\r
3656 margin-bottom: 1.2em;
\r
3657 position: relative;
\r
3661 #date-selector-bar .search-tab {
\r
3664 margin-right: 4px;
\r
3667 #date-selector-bar .search-tab a {
\r
3668 text-decoration: underline;
\r
3671 #date-selector-bar .search-tab-selected {
\r
3672 border: 1px solid #4C4C4C;
\r
3673 font-weight: bold;
\r
3674 margin: 0 3px 0 3px;
\r
3676 position: relative;
\r
3679 #date-selector-bar .search-tab-selected a {
\r
3683 #date-selector-bar .search-tab-selected a:hover {
\r
3684 text-decoration: none;
\r
3687 #date-selector-title {
\r
3688 font-size: 1.1em; /*11pt*/
\r
3692 .button-submit-link {
\r
3700 .button-submit-link:hover {
\r
3706 #search-360 .button-submit-link {
\r
3712 background: transparent;
\r
3715 #search-360 input.button-submit-link::-moz-focus-inner {
\r
3721 background: transparent;
\r
3724 #search-360 .button-submit-link:hover {
\r
3727 text-decoration: underline;
\r
3731 position: relative;
\r
3739 /**************** 4.0 - Bib Item styles ***********************/
\r
3741 #bib-detail .main-image-container {
\r
3742 text-align: center;
\r
3743 margin-bottom: 20px;
\r
3747 /**************** 4.1 - Bib detail page styles ***********************/
\r
3748 #branch-holdings {
\r
3751 margin-left: 235px;
\r
3754 table.item-availability th {
\r
3755 background-color: #efeeed;
\r
3760 table.item-availability#serials colgroup col:first-child {
\r
3764 table.item-availability tr.even {
\r
3765 background-color: #EEE;
\r
3768 table.item-availability th.centertext, table.item-availability td.centertext {
\r
3769 text-align:center;
\r
3773 font-weight: bold;
\r
3776 .branchname-secondary a {
\r
3780 .stack-request-button {
\r
3781 background: #EEEEEE;
\r
3783 font-weight: bold;
\r
3786 #bib-detail .edition {
\r
3787 margin-bottom: 20px;
\r
3791 /***************** 5.0 - Sortable table styles ******************/
\r
3792 table.item-availability th.sortableHeader {
\r
3793 background-image: url(/images/table-sort_unsorted.gif);
\r
3794 background-repeat: no-repeat;
\r
3795 background-position: center left;
\r
3799 table.item-availability th.headerSortUp {
\r
3800 background-image: url(/images/table-sort_arrow-up.gif);
\r
3801 background-repeat: no-repeat;
\r
3802 background-position: center left;
\r
3806 table.item-availability th.headerSortDown {
\r
3807 background-image: url(/images/table-sort_arrow-down.gif);
\r
3808 background-repeat: no-repeat;
\r
3809 background-position: center left;
\r
3813 /***************** 6.0 - Branches and Hours styles ******************/
\r
3814 #search-branches {
\r
3818 #search-branches label.hint {
\r
3820 position: absolute;
\r
3825 .branches-a-z #search-branches label.hint {
\r
3827 position: absolute;
\r
3832 #search-branches div#location-terms-container {
\r
3833 position: relative;
\r
3838 #search-branches #locationTerms {
\r
3844 /***************** this is for lh-toronto-neighbourhoods-test.jsp ******************/
\r
3851 #search-branches .search-type {
\r
3852 padding-left: 40px;
\r
3860 #branches-and-hours #branch-locator #map_canvas {
\r
3866 #branches-and-hours .record-result .text {
\r
3872 .tabContent #branch-locator #map_canvas {
\r
3878 .bookmobiles #branch-locator #map_canvas {
\r
3880 width: 700px !important;
\r
3883 .branch-icons {margin: 5px 0}
\r
3885 .branch-icons img {
\r
3886 /*margin-top: 2px;*/
\r
3889 #branch-detail .main-image-container {
\r
3890 text-align: center;
\r
3891 margin-bottom: 20px;
\r
3894 #branch-detail .main-image-container img {
\r
3898 #branch-detail h4 {
\r
3899 line-height: 1.6em;
\r
3903 position: relative;
\r
3908 #map-branch-img-container img {
\r
3909 margin:13px 15px 0 0;
\r
3912 /******************** 6.1 - Branch message styles **********************/
\r
3913 .branch-message,.branch-message-compact {
\r
3914 border: 1px solid #F8A961;
\r
3915 background-color: #fdfdd4;
\r
3917 margin: 0 0 .5em 0;
\r
3921 #branches-and-hours .hours .branch-message-compact,#branches-and-hours .hours .branch-message
\r
3928 border: 1px solid black;
\r
3929 margin: 0.2em 1.2em;
\r
3931 background-color: #F8A961;
\r
3934 #branch-message-all-branches, #homepage .branch-message {
\r
3935 padding: 15px 12px 15px 12px;
\r
3936 border: 2px solid #FBA229;
\r
3937 background-color: #FDFED5;
\r
3938 margin-bottom: 20px;
\r
3941 #branch-message-all-branches h2, #homepage .branch-message h2{
\r
3942 padding: 0px 0px 0px 0px;
\r
3943 border: 0px solid red;
\r
3944 margin: 15px 0px 0px 0px;
\r
3947 #branch-message-all-branches p, #homepage .branch-message p{
\r
3948 /*padding: 10px 0px 0px 0px; --> Not needed, I believe the standard <p> will do just fine...
\r
3949 border: 0px solid red;
\r
3950 margin: 0px 0px 0px 0px;*/
\r
3953 #homepage #branch-message-all-branches, #homepage .branch-message {
\r
3954 margin-right: 20px;
\r
3957 #branches-and-hours #branch-message-all-branches {
\r
3959 margin-bottom: 15px;*/
\r
3962 #branch-detail #branch-message-all-branches {
\r
3966 #branch-detail #branch-message {
\r
3967 border: 1px solid #293D66;
\r
3969 background-color: #EEEEEE;
\r
3970 margin-bottom: 15px;
\r
3973 .branch-message-heat-alert {
\r
3974 background-color: #6E050B;
\r
3975 text-align: center;
\r
3976 padding: 3px 0 2px 0;
\r
3977 margin: 15px 0 -15px 0;
\r
3980 .branch-message-heat-alert p {
\r
3982 font-family: arial;
\r
3985 .branch-message-heat-alert p a {
\r
3987 text-decoration: none;
\r
3988 font-weight: bold;
\r
3989 font-family: arial;
\r
3992 .branch-message-heat-alert p a:hover {
\r
3994 text-decoration: underline;
\r
3995 font-family: arial;
\r
3998 .map-bubble-max-height{font-size:9pt;}
\r
4001 /******************** 7.0 - Merchandising styles **********************/
\r
4002 .merch-list-title-link {
\r
4004 text-transform: none;
\r
4005 text-decoration: underline;
\r
4008 .merch-record-vertical {
\r
4009 padding-top: 15px;
\r
4010 padding-bottom: 10px;
\r
4013 .merch-record-horizontal {
\r
4014 border-bottom: 1px solid #E2E2E2;
\r
4016 padding: 20px 0px; /* 15px 0px; */
\r
4019 .merch-record-horizontal .date {
\r
4023 .merch-record-horizontal .location {
\r
4024 margin-bottom: 10px;
\r
4027 .merch-record-horizontal .author {
\r
4029 line-height: 1.2em;
\r
4032 .merch-record-horizontal .description,.merch-record-horizontal .text {
\r
4033 margin-top: .75em;
\r
4037 .last, .merch-record-horizontal + .merch-record-horizontal:last-child {
\r
4038 border: 0px !important;
\r
4041 .merch-record-vertical .image-container {
\r
4043 text-align: center;
\r
4048 .merch-record-horizontal .image-container {
\r
4050 text-align: center;
\r
4056 .merch-record-horizontal .image-container img{
\r
4060 .merch-record-horizontal .image-container .homepage-images {
\r
4065 .merch-record-horizontal .image-container-no-background {
\r
4068 text-align: center;
\r
4069 margin-right: 20px;
\r
4074 .merch-record-horizontal .info {
\r
4078 .merch-record-horizontal .holdLink {
\r
4082 .merch-record-vertical .title {
\r
4083 padding-top: 0.8em;
\r
4084 padding-bottom: 0.4em;
\r
4085 font-weight: normal;
\r
4088 .merch-record-horizontal .title {
\r
4089 font-weight: bold;
\r
4092 .merch-record-horizontal .record-details .title{
\r
4093 font-weight: bold;
\r
4096 padding-bottom: 10px;
\r
4100 #upcoming-programming .merch-record-horizontal .title {
\r
4111 margin: .5em 1em 0 1em;
\r
4114 /*********** 7.1 - Merch record style ********/
\r
4116 padding: 15px 10px;
\r
4121 font-weight: bold;
\r
4122 line-height: 18px;
\r
4125 /*********** 7.2 - Styles Specific to Ibby - widget_dc-browse-subjects.jspf ********/
\r
4130 #browseSubject .browseTitle {
\r
4131 padding: 9px 12px 7px 12px; background-color: #E4ECF9;
\r
4133 #browseSubject .browseTitle h3 {
\r
4134 color: #525252; padding: 0; margin: 0; font-size: 1.25em;
\r
4137 #browseSubject .browseList {
\r
4138 border: 1px solid #E4ECF9;
\r
4139 -moz-border-radius-bottomright: 7px; border-bottom-right-radius: 7px;
\r
4140 -moz-border-radius-bottomleft: 7px; border-bottom-left-radius: 7px;
\r
4143 #browseSubject .browseList ul {
\r
4144 list-style-type: none;
\r
4145 margin: .2em 0 .5em 0;
\r
4149 #browseSubject .browseList li {
\r
4152 border-bottom: 1px solid #EFEEED;
\r
4153 line-height: 1.8em;
\r
4156 #browseSubject .browseList .more {
\r
4157 font-weight: bold;
\r
4160 /***** 7.3 - record_grid-book-promo stlyes *********/
\r
4162 .ibby-record-container .ibby-thumb {
\r
4165 background-color: #f3f3f3;
\r
4166 border: 1px solid #f3f3f3;
\r
4168 margin: 1px 5px 1px 5px;
\r
4173 max-height: 100px;
\r
4174 margin: 0 0 0 10px;
\r
4181 #ibby-book-grid, #ibby-book-grid .ibby-record-container, .ibby-record-grid {
\r
4182 background: white;
\r
4185 .ibby-record-grid {
\r
4187 padding: 0 0 0 15px;
\r
4190 .ibby-record-container {
\r
4191 margin: 10px 0 0 0;
\r
4198 .ibby-cover-img-container img {
\r
4200 margin: 5px 0 0 10px;
\r
4203 /******** 7.4 eBooks Banner ***********/
\r
4205 .ebooks-banner-img {
\r
4208 background: url('/images/downloads-ebooks-campaign-banner.jpg')0 0;
\r
4209 background-size: 192px auto;
\r
4212 /********* 8.0 - tab styles ************/
\r
4214 #widget-tab-container .widget-content h3 {
\r
4221 border-top: 1px solid #CCCCCC;
\r
4223 padding: 10px 0 0;
\r
4226 #widget-tab-container .widget-content h3:first-child {
\r
4230 #widget-tab-container #tab4 .widget-content table {
\r
4231 /*margin: 10px 0;*/
\r
4234 #widget-tab-container .widget-content ul {
\r
4235 padding: 0 0 0 30px;
\r
4236 margin: 8px 0 3px;
\r
4239 #widget-tab-container .widget-content ul li {
\r
4240 /*padding-bottom: 5px !important;*/
\r
4243 #widget-tab-container .widget-content ul ul {
\r
4245 padding: 0 0 0 30px;
\r
4251 background-color: #dedfe1;
\r
4256 ul.tab-bar li.active {
\r
4258 border-top: 2px solid #00b6bc;
\r
4259 border-right: 2px solid #00b6bc;
\r
4260 border-left: 2px solid #00b6bc;
\r
4263 position: relative;
\r
4272 border-bottom: 2px solid #00b6bc;
\r
4276 .tab-bar a:link,.tab-bar a:visited,.tab-bar a:hover,.tab-bar a:active {
\r
4277 display: inline-block;
\r
4278 font-weight:normal;
\r
4282 .tab-bar a:hover {background-color: #eee}
\r
4297 background-color: #00B6BC;
\r
4300 font-weight: bold;
\r
4301 padding: 0 !important;
\r
4306 /********* 9.0 - Booklists style *********/
\r
4308 .booklist-vertical img.canadian-icon {
\r
4309 padding-left: 5px;
\r
4312 img.canadian-icon {
\r
4313 padding-left: 5px;
\r
4316 .booklist-vertical .text {
\r
4317 margin-right: 0px;
\r
4318 margin-left: 100px;
\r
4320 .alternate-formats {
\r
4323 .booklist-vertical .alternate-formats li {
\r
4324 padding-bottom: 0;
\r
4328 margin-left: 0 0 5px 5px;
\r
4332 /********* 9.1 - style for booklist summary table, such as used for Book Club Sets *********/
\r
4333 table.booklist-summary {
\r
4334 border-collapse: collapse;
\r
4337 table.booklist-summary th {
\r
4338 border: 1px solid #EEE;
\r
4339 background-color: #EEE;
\r
4342 table.booklist-summary th#titles {
\r
4346 table.booklist-summary th#branches {
\r
4350 table.booklist-summary td {
\r
4352 border: 1px solid #EEE;
\r
4355 table.booklist-summary .title {
\r
4356 font-weight: bold;
\r
4360 .publication-date {
\r
4361 font-weight: normal;
\r
4362 font-size: smaller;
\r
4365 table.booklist-summary .image-container {
\r
4367 margin: 0 0 1em 1em;
\r
4370 /******* 10.0 - Email signup box style *************/
\r
4373 background-color: #339933;
\r
4374 text-align: center;
\r
4375 border: 1px solid #339933;
\r
4377 /*added border radius*/
\r
4378 border-radius: 7px;
\r
4379 -moz-border-radius: 7px;
\r
4380 -webkit-border-radius: 7px;
\r
4381 -khtml-border-radius: 7px;
\r
4386 font-weight: bold;
\r
4389 #email-signup a:hover {
\r
4390 text-decoration: underline;
\r
4394 #email-signup h4 {
\r
4397 border-bottom-width: 0px;
\r
4398 border-top-width: 0px;
\r
4399 background-color: #339933;
\r
4402 /******* 11.0 - Syndetics Plus styles *************/
\r
4403 #syndetics_show_link {
\r
4407 #syndetics_content {
\r
4408 background-color: #EEE;
\r
4414 font-weight: bold;
\r
4415 margin-top: 0.8em;
\r
4419 border: 1px dotted #CCC;
\r
4420 background-color: white;
\r
4424 #syn_summary .syn_body {
\r
4426 background-color: white;
\r
4436 /**************** 12.0 - session timeout warning style for floating message area for session timeout warning **************/
\r
4441 border: 2px solid black;
\r
4444 margin-left: 60px;
\r
4447 background-color: #fdfdd4;
\r
4448 padding: 20px 10px 10px 50px;
\r
4455 text-align:center;
\r
4458 /**************** 13.0 - Record styles **************/
\r
4460 #record-book-detail h1 span {
\r
4461 font-weight: normal;
\r
4464 #record-book-detail h1 span.title_edition_results {
\r
4465 font-style: italic;
\r
4469 padding-bottom: 1em;
\r
4470 padding-top: 0.8em;
\r
4471 font-weight: bold;
\r
4477 padding-right: 0.45em;
\r
4481 border-top: 1px solid #DDD;
\r
4489 .record-result .description {
\r
4490 line-height: 1.5em;
\r
4493 .record-result .image-container-branch .image {
\r
4497 .record-result .title {
\r
4499 font-weight: bold;
\r
4500 padding-bottom: 0.3em;
\r
4504 .record-result .title span.branch-phone-number {
\r
4505 font-weight: normal
\r
4508 .record-result .title a {
\r
4509 line-height: 1.3em;
\r
4512 .record-result .title a:hover {
\r
4514 text-decoration: underline;
\r
4515 line-height: 1.3em;
\r
4518 .record-result .title_edition_results {
\r
4519 font-style: italic;
\r
4522 .record-result .label {
\r
4524 font-style: italic;
\r
4525 font-weight: bold;
\r
4526 color: rgb(102, 102, 102);
\r
4529 .record-result .format-year {
\r
4533 .record-result .holdable .button {
\r
4534 margin-bottom: 0;
\r
4538 margin-bottom: 0.5em;
\r
4541 .bib-holds-copies{
\r
4543 vertical-align:middle;
\r
4546 .record-result .nohold-message, .record-detail .nohold-message {
\r
4548 display: inline-block;
\r
4552 .record-result .nohold-message{
\r
4553 padding: 20px 0 0 5px;
\r
4556 .nohold-message a {
\r
4557 text-decoration: underline;
\r
4560 .nohold-message a:hover {
\r
4561 text-decoration: none;
\r
4564 .record-detail form {
\r
4569 font-size: 0.9em; /*9pt*/
\r
4570 padding-bottom: 20px;
\r
4573 #branch-info .image {
\r
4579 #branch-info .image-container {
\r
4583 padding-top: 25px;
\r
4584 /*padding-left:10px;*/
\r
4585 padding-right: 20px;
\r
4589 #branch-info .top .title {
\r
4590 font-size: 1.1em; /*11pt*/
\r
4591 font-weight: bold;
\r
4593 padding-bottom: 10px;
\r
4596 #branch-info .top {
\r
4597 margin-left: 75px;
\r
4599 /* width: 160px; */
\r
4600 padding-bottom: 20px;
\r
4601 padding-top: 25px;
\r
4602 padding-right: 10px;
\r
4603 /* padding-right: 0px; */
\r
4606 #branch-info .text {
\r
4607 margin-left: 10px;
\r
4608 padding-bottom: 0px;
\r
4609 padding-right: 0px;
\r
4611 vertical-align: top;
\r
4614 #branch-info .bottom {
\r
4618 #branch-info .days {
\r
4620 font-weight: normal;
\r
4626 #branch-info .hours {
\r
4628 font-weight: normal;
\r
4630 padding-left: 10px;
\r
4634 .record-result .counts .holds,.record-result .counts .copies {
\r
4637 padding: 0 0.5em 0 0;
\r
4640 .record-result .text-bold {
\r
4641 font-size: 0.9em; /*9pt*/
\r
4642 font-weight: bold;
\r
4643 color: rgb(102, 102, 102);
\r
4645 padding-bottom: 5px;
\r
4648 .record-result .bottom .left .url_online {
\r
4649 font-weight: bold;
\r
4652 .record-result .bottom .right {
\r
4653 font-size: 0.9em; /*9pt*/
\r
4654 font-weight: normal;
\r
4655 color: rgb(102, 102, 102);
\r
4658 margin: 0.5em 0 0.5em 0;
\r
4661 .record-result .bottom .right .format_icons {
\r
4665 .record-detail .title {
\r
4666 font-weight: bold;
\r
4667 margin-bottom: 0.5em;
\r
4670 .record-detail address p {
\r
4671 font-weight: bold;
\r
4672 font-style: normal;
\r
4675 .record-detail .label {
\r
4676 font-weight: bold;
\r
4680 #related-subjects,#summary-record {
\r
4684 #related-subjects ul {
\r
4688 #related-subjects li {
\r
4690 padding-bottom: 0;
\r
4693 #summary-record a:link,#full-record-more a:link,#summary-record a:visited,#full-record a:visited
\r
4696 text-decoration: underline;
\r
4699 #full-record td,#full-record th {
\r
4701 padding: 0.5em 0 .5em 0;
\r
4702 vertical-align: top;
\r
4706 padding-right: 0.5em;
\r
4707 white-space: nowrap;
\r
4710 #full-record table, #full-record th, #full-record td{
\r
4715 #summary-record a:hover,#full-record a:hover {
\r
4719 #magazine-keyword-search .record a {
\r
4720 font-weight: normal;
\r
4724 background-color: #EEE;
\r
4727 .record-unshaded {
\r
4728 background-color: #FFF;
\r
4731 .tabContent #full-record label {
\r
4732 font-weight: bold;
\r
4736 #branches-and-hours .record-result {
\r
4743 #branches-and-hours.branches-a-z .record-result {
\r
4744 /*border: 1px solid #EEE;
\r
4748 #branches-and-hours .record-result .detail-button {
\r
4750 border: 1px solid #BBD5D6;
\r
4751 font-weight: normal;
\r
4752 position: relative;
\r
4755 background-color: #1765A9;
\r
4756 border-color: #4a6973;
\r
4757 background-image: url(/images/pagination_arrow-next.gif);
\r
4758 background-position: 95% center;
\r
4759 background-repeat: no-repeat;
\r
4760 padding-right: 12px;
\r
4763 #branches-and-hours .hours table td,#branches-and-hours .hours table th
\r
4764 {/*background-color:#fff;*/}
\r
4766 #branches-and-hours .hours .today {
\r
4767 background-color: #E6EFF7;
\r
4770 #branches-and-hours #search-branches #branch-filters {
\r
4772 padding-left: 118px; /*142px */
\r
4777 /*margin-top: 8px;
\r
4778 overflow: hidden;*/
\r
4781 #branch-filters a {
\r
4785 margin-left: 15px;
\r
4791 #branch-filters a img {
\r
4796 .refinement-container #branch-filters {
\r
4800 .refinement-container #branch-filters a {
\r
4807 /*********************** 13.1 - Record button styles *****************/
\r
4809 background: #447c23;
\r
4810 border: 1px solid #3e7120;
\r
4811 *border-width: 0; /* IE Fix for improper box model rendering */
\r
4815 background: #589e30;
\r
4819 background: #38661d; /* 2e5516 */
\r
4823 border: 1px solid #999;
\r
4824 padding: 0.4em 0.6em;
\r
4827 .access-online, .no-hold{
\r
4828 background: #cc3333; /*be5927 */ /* Old browsers */
\r
4829 border: 1px solid #aa2a2a; /*cc3333 */
\r
4830 *border-width: 0; /* IE fix for improper box model rendering */
\r
4833 .access-online:visited, .no-hold:visited{
\r
4834 *background: #cc3333;
\r
4837 .access-online:hover, .no-hold:hover {
\r
4838 background:#e83939;
\r
4841 .access-online:active, .no-hold:active {
\r
4842 background-color:#9B2424;
\r
4846 /*********************** 13.2 - Article Box Styles ************/
\r
4848 .article-thumbnail {
\r
4849 display: inline-block;
\r
4850 position: relative;
\r
4853 margin-bottom: 3px;
\r
4856 .article-thumbnail h4 {
\r
4858 margin: 0.33em 0 0 0;
\r
4861 .article-thumbnail p {
\r
4867 background: #293869; /* fallback for IE*/
\r
4868 filter: alpha(opacity=95);
\r
4869 background: #293869;;
\r
4871 position: absolute;
\r
4877 .overlay, .overlay:hover {
\r
4879 padding: 0 0px 15px 10px;
\r
4883 .article-thumbnail:hover {
\r
4887 .article-thumbnail:hover .overlay, .overlay:hover {
\r
4888 background: #0C5EA7; /* fallback for IE #0c4ca7 */
\r
4889 filter: alpha(opacity=95);
\r
4890 background: #0C5EA7;
\r
4896 .article-thumbnail:active .overlay, .overlay:active {
\r
4897 background: #294869; /* fallback for IE*/
\r
4898 filter: alpha(opacity=95);
\r
4899 background: #294869; /*rgba(41, 56, 105, 1)*/
\r
4904 .overlay h4, .overlay p {
\r
4906 font-family: arial, helvetica, clean, sans-serif;
\r
4912 background: url("/images/articles-background.jpg");
\r
4913 background-size: 220px auto;
\r
4917 background: url("/images/arts-background.jpg") -17px -3px;
\r
4918 background-size: 240px auto;
\r
4922 background: url("/images/business-background.jpg");
\r
4923 background-size: 240px auto;
\r
4927 background: url("/images/canada-background.jpg") -21px 148px;
\r
4928 background-size: 240px auto;
\r
4931 .current-events-image {
\r
4932 background: url("/images/current-events-background.jpg");
\r
4933 background-size: 240px auto;
\r
4937 background: url("/images/diy-background.jpg");
\r
4938 background-size: 240px auto;
\r
4941 .encyclopedia-image {
\r
4942 background: url("/images/encyclopedias-background.jpg") -43px 0px;
\r
4943 background-size: 240px auto;
\r
4948 background: url("/images/health-background.jpg");
\r
4949 background-size: 240px auto;
\r
4952 .literature-image {
\r
4953 background: url("/images/literature-background.jpg");
\r
4954 background-size: 240px auto;
\r
4957 .practice-test-image {
\r
4958 background: url("/images/practice-test-background.jpg") -5px -16px;
\r
4959 background-size: 240px auto;
\r
4963 background: url("/images/brain-logo-hub.jpg") 35px 22px;
\r
4964 background-size: 170px auto;
\r
4965 background-repeat: no-repeat;
\r
4968 /*********************** 13.3 - Article Headers *****************/
\r
4970 #article-databases #result-list .record-result:first-child {
\r
4974 .database-header {
\r
4975 border-top: 1px #d25357 dotted;
\r
4976 border-bottom: 1px #d25357 dotted;
\r
4977 padding: 0 0 0 2px;
\r
4984 .database-header h1, .database-header h4 {
\r
4988 .database-header h4 {
\r
4994 .database-header h1 {
\r
4997 font-weight: bold;
\r
5000 .header-background {
\r
5005 /*********************** 13.4 - Innovation Hub Particular Styles *****************/
\r
5007 .innovation-hub-border-top {
\r
5008 border-top: 1px #0d8398 dotted;
\r
5011 .innovation-hub-border-bottom {
\r
5012 border-bottom: 1px #0d8398 dotted;
\r
5015 .header-background {
\r
5020 .innovation-hub-image {
\r
5025 .ebooks-emagazines-banner{
\r
5026 background:url('/content/books-video-music/downloads-ebooks/images/ebooks-emagazines-bg.jpg') no-repeat 520px 25px;
\r
5027 border-top: 1px #d25357 dotted;
\r
5028 border-bottom: 1px #d25357 dotted;
\r
5029 padding: 50px 0 50px 2px;
\r
5033 /*********************** 13.5 - KTR 2014 *****************/
\r
5036 border-top: 1px #ba4229 dotted;
\r
5037 border-bottom: 1px #ba4229 dotted;
\r
5038 padding: 0 0 0 2px;
\r
5045 .ktr-header h1, .ktr-header h4 {
\r
5058 font-weight: bold;
\r
5061 .header-background {
\r
5067 background: url("/content/programs-and-classes/ktr/images/2014/ktr-banner.jpg");
\r
5068 background-size: 220px auto;
\r
5072 border-top: 1px dotted #ba4229;
\r
5073 border-bottom: 1px dotted #ba4229;
\r
5074 margin: 60px -20px 60px 0;
\r
5075 padding: 50px 0 30px;
\r
5076 position:relative;
\r
5082 font-family: arial;
\r
5083 font-size: 1.34em;
\r
5084 font-style:italic;
\r
5085 font-weight: bold;
\r
5086 line-height:1.25em;
\r
5089 position:relative;
\r
5090 text-align:center;
\r
5094 blockquote .footer {
\r
5097 position:relative;
\r
5098 text-align:center;
\r
5102 blockquote .quote-open-ktr{
\r
5103 background: url("/content/programs-and-classes/ktr/images/2014/quote-open-large.png") no-repeat scroll 0 0 transparent;
\r
5107 position: absolute;
\r
5112 blockquote .quote-close-ktr{
\r
5113 background: url("/content/programs-and-classes/ktr/images/2014/quote-close-large.png") no-repeat scroll 0 0 transparent;
\r
5117 position: absolute;
\r
5122 .aside blockquote{
\r
5124 padding: 35px 0 25px 0;
\r
5129 .aside blockquote .quote-open{
\r
5130 background: url("../content/about-the-library/strategic-plan/images/quote-open-small.png") no-repeat scroll 0 0 transparent;
\r
5134 position: absolute;
\r
5139 .aside blockquote .quote-close{
\r
5140 background: url("../content/about-the-library/strategic-plan/images/quote-close-small.png") no-repeat scroll 0 0 transparent;
\r
5144 position: absolute;
\r
5150 background-size:150px auto;
\r
5151 border-top:1px dotted #0D8398;
\r
5152 border-bottom:1px dotted #0D8398;
\r
5154 margin-bottom:20px;
\r
5160 font-family: Arial,Verdana,sans-serif;
\r
5161 font-size: 1.25em;
\r
5163 font-weight: bold;
\r
5164 line-height: 1.2em;
\r
5166 margin-bottom: 0.4em;
\r
5167 padding-left: 3px;
\r
5173 font-weight: bold;
\r
5176 padding: 40px 220px 0 0;
\r
5179 .digital-innovation-hub header h1 {
\r
5180 background: url("/images/brain-logo-hub.jpg")no-repeat 520px bottom;
\r
5181 background-size:150px auto;
\r
5184 .digital-innovation-hub .widget h3{
\r
5185 border-bottom: 1px solid #0c8399!important;
\r
5186 border-top: 4px solid #0c8399!important;
\r
5188 padding: 5px 5px 5px 7px;
\r
5191 .digital-innovation-hub ul.children-have-border-bottom li {
\r
5192 border-bottom:1px solid #e2e2e2;
\r
5197 .digital-innovation-hub .no-bullet li {
\r
5199 margin:10px 0 0 0px;
\r
5202 .digital-innovation-hub .border-top{
\r
5203 border-top: 1px solid #e2e2e2;
\r
5206 .digital-innovation-hub .border-bottom{
\r
5207 border-bottom: 1px dotted #0D8398;
\r
5210 .digital-innovation-hub h3{
\r
5212 margin-bottom:10px;
\r
5216 /*********************** 14.0 - Search styles *****************/
\r
5218 /*#search #search-results img { width:100% }*/
\r
5220 #share-embed { /*font-weight: bold;*/
\r
5221 position: absolute;
\r
5222 padding-left: 10px;
\r
5223 padding-bottom: 10px;
\r
5226 background-color: #FFF;
\r
5227 border: 3px solid #666;
\r
5230 #share-link { /*font-weight: bold;*/
\r
5231 position: absolute;
\r
5232 padding-left: 10px;
\r
5233 padding-bottom: 10px;
\r
5236 background-color: #FFF;
\r
5237 border: 3px solid #666;
\r
5241 position: absolute;
\r
5242 padding-left: 10px;
\r
5243 padding-bottom: 10px;
\r
5246 background-color: #FFF;
\r
5247 border: 3px solid #666;
\r
5251 #share-rss textarea {
\r
5256 #share-embed textarea {
\r
5261 #share-link textarea {
\r
5266 .share-close-button {
\r
5268 background-color: #666;
\r
5270 font-weight: bold;
\r
5275 padding-right: 0.2em;
\r
5279 .search-bar-label {
\r
5282 ul.search-bar-option {
\r
5287 /*position: relative;
\r
5291 padding-right: 10px;
\r
5295 .search-box-links {
\r
5297 margin-right: 60px; /*65px;*/ /*CHANGE: padding decreased to 60px */
\r
5301 .search-box-links a {
\r
5302 /*margin-left: 4px;*/ /*CHANGE: margin left not needed
\r
5303 line-height: 16pt;*/ /*CHANGE: Not needed */
\r
5313 padding-bottom:3px;
\r
5316 .search-share img {
\r
5317 /*vertical-align: middle;
\r
5318 margin-bottom: 3px;*/
\r
5321 .search-share a:hover {
\r
5322 /*text-decoration: none;*/
\r
5325 .search-box #search-terms {
\r
5326 margin-right: 5px;
\r
5328 padding: 8px 0 8px 8px;
\r
5329 vertical-align: middle;
\r
5331 border: 1px solid #AAAAAA;
\r
5332 background-color: #f2f2f2;
\r
5336 .search-box #search-terms :hover {
\r
5337 border: 1px solid #686868;
\r
5340 .search-box #search-terms :focus {
\r
5341 background-color: #f9f9f9;
\r
5342 border: 1px solid #686868;
\r
5345 .search-terms-container { /*border: 3px solid rgb(221, 221, 221);*/
\r
5350 .search-box #submit-button, .search-box #submit-button-bottom {
\r
5351 background-color: #329aa5;
\r
5352 border-color: #A3DEE1 #2B7076 #2B7076 #A3DEE1;
\r
5353 border-style: solid;
\r
5354 border-width: 2px; /*1px*/
\r
5358 position: relative;
\r
5360 height: 2.85em; /*1.5em*/
\r
5361 vertical-align: middle;
\r
5365 #program-search .search-box #submit-button {width: auto}
\r
5367 .search-box #submit-button :active {
\r
5368 border-color: #2B7076 #A3DEE1 #A3DEE1 #2B7076;
\r
5371 #search-context-crumb,#advanced-search-options {
\r
5373 vertical-align: middle;
\r
5374 width: 530px; /*CHANGE: Decreased to 530px from 560px. This decrease allows the "Search inside form" to align next to the search button */
\r
5378 #search-context-crumb label span {
\r
5379 font-weight: bold;
\r
5382 #search-bar-bottom {
\r
5385 border-top: 1px solid #DDD;
\r
5386 padding-top: 10px;
\r
5387 padding-bottom: 0px;
\r
5388 margin-right: 20px;
\r
5391 .search-share #rss-link {
\r
5397 #branches-and-hours #search-bar {
\r
5400 margin-right: 0px;
\r
5403 #branches-and-hours #search-bar-bottom {
\r
5405 border-top: 1px solid #DDD;
\r
5406 padding-top: 10px;
\r
5407 margin-right: 0px;
\r
5410 .search-bar .date-filter-sort .sort {
\r
5411 /*margin-top: 1em;*/
\r
5414 .search-results-embedded #search-bar .date-filter-sort .sort {margin-top: 0}
\r
5416 .sort{margin-top:5px}
\r
5418 .sort .sort-selected {
\r
5419 border: 1px solid #4C4C4C;
\r
5420 font-weight: bold;
\r
5425 /*.sort h4 {display:inline} --> Not needed, trumped by .search-bar h3*/
\r
5427 .sort-selected a:link,.sort-selected a:visited,.sort-selected a:hover,.sort-selected a:active{color: #4C4C4C}
\r
5429 .sort-option a:link, .sort-option a:visited, .sort-option a:hover, .sort-option a:active {font-weight:normal}
\r
5431 #search #search-bar-top {
\r
5435 margin-right:10px;
\r
5438 #search-bar-top #sort-view-container {
\r
5444 #search #searchForm-searchBar {margin-bottom: 0}
\r
5446 #searchBarForm {margin: 5px 0 20px 0}
\r
5448 #search #search-bar {margin-bottom:20px}
\r
5450 #programs-and-classes #search-bar-top #sort-view-container {
\r
5456 .search-bar .pagination {
\r
5459 font-size: 8pt; /*9pt*/
\r
5464 .pagination .horizontal-list li {
\r
5469 .search-bar .link {
\r
5471 background-color: #DFF2F2;
\r
5472 border: 1px solid #BBD5D6;
\r
5474 font-weight: normal;
\r
5475 position: relative;
\r
5479 .search-bar .pagination .current {
\r
5481 font-weight: bold;
\r
5483 position: relative;
\r
5485 display: inline-block;
\r
5488 .search-bar .pagination .separator {
\r
5493 .search-bar .rpp-option a {
\r
5494 padding-left: 3px;
\r
5495 padding-right: 3px;
\r
5497 padding-bottom: 2px;
\r
5498 text-decoration: underline;
\r
5501 .search-bar .rpp-option-selected {
\r
5503 background-color: #003399;
\r
5504 border: 1px solid #333399;
\r
5506 padding-left: 3px;
\r
5507 padding-right: 3px;
\r
5509 margin-right: 2px;
\r
5510 position: relative;
\r
5513 .rpp-option-selected a {
\r
5515 font-weight: bold;
\r
5518 #branches-and-hours .search-within .button-submit-link {
\r
5519 background-color: #329aa5;
\r
5520 background-image: url(/images/button-background.jpg);
\r
5521 background-position: center center;
\r
5522 background-repeat: repeat-x;
\r
5523 border-color: #A3DEE1 #2B7076 #2B7076 #A3DEE1;
\r
5524 border-style: solid;
\r
5525 border-width: 1px;
\r
5526 font-weight: normal;
\r
5527 padding: 0.45em 0.9em; /*6px 10px; padding:1px 2px 1px 2px;*/
\r
5529 text-align: center;
\r
5535 margin-right: 20px;
\r
5536 border-bottom: 1px solid #EEE;
\r
5537 margin-bottom: 8px;
\r
5540 .search-title h1 strong {
\r
5541 font-weight: bold;
\r
5545 position: relative;
\r
5549 .search-filters img.checkbox {
\r
5551 vertical-align: -1px;
\r
5554 .search-filters ._jsEnabled {
\r
5555 position: absolute;
\r
5559 .search-title h1 span {
\r
5560 font-weight: bold;
\r
5563 .search-suggestions {
\r
5566 margin-bottom: 0.5em;
\r
5570 .search-suggestions-term {
\r
5571 text-decoration: underline;
\r
5572 font-weight: bold;
\r
5575 .search-no-results {
\r
5576 font-size: 1.5em; /*120%;*/
\r
5577 margin-bottom:1em;
\r
5578 line-height:1.75em;
\r
5581 .search-no-results-term {
\r
5582 font-weight: bold;
\r
5583 display:inline-block;
\r
5584 display:inline; /*IE 6/7 Fix */
\r
5587 .search-no-results-text {
\r
5588 font-size: 1.1em; /*110%;*/
\r
5591 .search-no-results-text ul li:hover {
\r
5595 .magazine-search {
\r
5596 position: relative;
\r
5598 padding: 10px 0px 10px 10px;
\r
5599 border-top: 2px solid #60BFC5;
\r
5600 background-color: #EEE;
\r
5602 margin-bottom: 1em;
\r
5605 .magazine-search #hidden-fields {
\r
5609 .magazine-search label.hint {
\r
5611 position: absolute;
\r
5616 .magazine-search #options {
\r
5618 margin-right: 20px;
\r
5621 .magazine-search #input {
\r
5625 .magazine-search #periodicalTitle,.magazine-search #magazine-search-text
\r
5630 .magazine-search .checkbox {
\r
5634 .magazine-search #print {
\r
5638 .magazine-search .title {
\r
5639 font-size: 1.2em; /*12pt*/
\r
5640 font-weight: bold;
\r
5644 /***** Search function and REUSED AS Top grey box**/
\r
5647 background-color: #EEEEEE;
\r
5648 margin-bottom: 1em;
\r
5649 /*margin-top:10px;*/
\r
5655 #search-within-small #searchWithinTerms {
\r
5659 #search-within label {
\r
5663 .search-within .button-submit-link {
\r
5664 background-color: #329aa5;
\r
5665 background-image: url(/images/button-background.jpg);
\r
5666 background-position: center center;
\r
5667 background-repeat: repeat-x;
\r
5668 border-color: #A3DEE1 #2B7076 #2B7076 #A3DEE1;
\r
5669 border-style: solid;
\r
5670 border-width: 1px;
\r
5671 font-weight: normal;
\r
5672 padding: 1px 2px 1px 2px;
\r
5675 text-align:center;
\r
5678 .search-within #location-terms-container a {
\r
5679 background-color: #329aa5;
\r
5680 background-image: url(/images/button-background.jpg);
\r
5681 background-position: center center;
\r
5682 background-repeat: repeat-x;
\r
5683 border-color: #A3DEE1 #2B7076 #2B7076 #A3DEE1;
\r
5684 border-style: solid;
\r
5685 border-width: 1px;
\r
5686 font-weight: normal;
\r
5687 /*padding:1px 2px 1px 2px;*/
\r
5689 margin: 0 0 0 5px;
\r
5690 padding: 7px 10px;
\r
5692 display: inline-block;
\r
5693 vertical-align: top;
\r
5696 .search-within #location-terms-container strong {
\r
5699 margin-right: 8px;
\r
5702 .search-within .button-submit-link:active {
\r
5703 border-color: #2B7076 #A3DEE1 #A3DEE1 #2B7076;
\r
5706 /*Affiliate and Buy Now Styles */
\r
5708 #affiliate-area .buy-text{
\r
5710 color: #225922 !important;
\r
5713 #affiliate-area .pitch-text{
\r
5714 background-color:#F7F6F5;
\r
5715 border: 2px solid #ECECEC;
\r
5717 margin-bottom:0px;
\r
5719 padding-top:0.8em;
\r
5727 #affiliate-area .toggle-link{
\r
5733 /*#affiliate-area .toggle-link.closed {background-position:0px -10px}
\r
5734 #affiliate-area .toggle-link.open {background-position:0px 2px}*/
\r
5736 .affiliate-details{
\r
5737 border-left: 2px solid #ECECEC;
\r
5738 border-right: 2px solid #ECECEC;
\r
5739 border-bottom: 2px solid #ECECEC;
\r
5741 margin-bottom:8px;
\r
5743 padding-top:0.8em;
\r
5749 .affiliate-details .disclaimer {
\r
5752 margin-bottom:10px;
\r
5755 .affiliate-details .disclaimer a{
\r
5762 margin-right:15px;
\r
5763 margin-bottom:10px;
\r
5766 .affiliate-list a{
\r
5771 text-align:center;
\r
5774 /* List Links Specific*/
\r
5776 background-color: #EEEEEE;
\r
5777 margin-bottom: 0em;
\r
5779 /*margin-top:10px;*/
\r
5780 padding: 0 1em 1em 1em;
\r
5785 .search-within h5 {
\r
5786 padding-bottom: 0.3em;
\r
5789 .search-within ul {
\r
5791 list-style-type: none;
\r
5792 padding: 0 1em 0.5em 0;
\r
5793 margin: 0em 0 0 0;
\r
5796 zoom:1; /*Is not a hack - gives IE6/7 layout */
\r
5799 .search-within li {
\r
5800 padding: .4em 0 0 0;
\r
5804 /******* X - Closed Captions *************/
\r
5805 #sponsorship {margin-left: 0.4em;margin-right: 0.4em;}
\r
5806 .content { font-weight: normal; /*line-height: auto;*/ width: 460px;}
\r
5808 /********* XX - style for the feedback container, not a part of the production website
\r
5809 #beta-feedback {padding: 0; margin: 0; background-color: #E6EFF7;}
\r
5810 #beta-feedback-container {background-color: #E6EFF7;text-align: center; padding: 10px; font-size: 1.1em; letter-spacing: 0.03em; margin: 0 auto;}
\r
5811 #beta-feedback-container #beta-title { font-size: 175%; font-weight: bold; padding: 0.1em 0 0.3em;}
\r
5812 #beta-feedback-container #beta-body { font-size: 1em; letter-spacing: 0.06em; padding-bottom: 2px;}
\r
5815 #beta-feedback-container {
\r
5816 background-color: #E6EFF7;
\r
5818 padding: 20px 20px 23px 20px;
\r
5819 text-align: center;
\r
5824 font-weight: bold;
\r
5825 padding: 0px 0 12px 0;
\r
5826 line-height: 21.45px;
\r
5831 padding-bottom: 2px;
\r
5836 font-weight: bold;
\r
5839 #beta-body a:active {
\r
5840 text-decoration: none;
\r
5843 #beta-body a:hover {
\r
5844 text-decoration: underline;
\r
5847 #beta-body a:visited {
\r
5848 text-decoration: none;
\r
5851 /**** Multi Column Table Style ****/
\r
5853 .two-column-list {
\r
5856 margin: 5px 0 0 10px;
\r
5857 line-height: 1.4em;
\r
5860 .two-column-list li {
\r
5866 /* STYLE FOR SEARCH PAGES */
\r
5867 .ibistro-container {
\r
5868 border: 0px solid red;
\r
5870 margin-left: auto;
\r
5871 margin-right: auto;
\r
5874 .tplSearchHeader {
\r
5876 margin: 0px 0px 15px 0px;
\r
5877 padding: 0px 0px 15px 0px;
\r
5881 .tplSearchHeader thead tr th {
\r
5882 background-color: transparent;
\r
5885 border-width: 0px;
\r
5887 padding: 10px 13px 20px 13px;
\r
5888 margin: 0px 13px 20px 13px;
\r
5889 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
\r
5891 font-weight: bold;
\r
5894 .tplSearchHeader thead tr td {
\r
5895 width: 1px; /*only ie6 needs this*/
\r
5898 .tplSearchHeader tbody tr th {
\r
5899 font-family: Verdana, Helvetica, Arial, sans-serif;
\r
5900 font-size: 10pt /*<SIRSI_Data Environ="FONT_SIZE">*/;
\r
5901 font-weight: normal;
\r
5902 background-color: #fefff3 /*<SIRSI_Data Environ="HEADER_BGCOLOR">*/;
\r
5903 padding: 5px 13px;
\r
5904 border: 1px solid #e5e5e5;
\r
5907 .tplSearchHeader tbody tr td {
\r
5908 font-family: Verdana, Helvetica, Arial, sans-serif;
\r
5909 font-size: 10pt /*<SIRSI_Data Environ="FONT_SIZE">*/;
\r
5910 font-weight: normal;
\r
5912 border: 0px solid green;
\r
5915 .tplSearchHeader tbody tr td.spacer {
\r
5921 .tplSearchHeader tbody tr td.hintBox {
\r
5923 border: 1px solid #ccc;
\r
5924 background-color: #FAFAFA;
\r
5928 .tpldividerseparator {
\r
5929 padding: 8px 0px 8px 0px;
\r
5930 margin: 8px 0px 8px 0px;
\r
5933 table.tpldividerseparator td.separator {
\r
5936 url("http://www.torontopubliclibrary.ca/images/ibistro/dotted_line.gif")
\r
5937 repeat-x top left;
\r
5938 width: 775px; /*only ie6 needs this*/
\r
5941 /* jquery form validation */
\r
5949 padding-left: 10px;
\r
5954 #keep-toronto-reading #keep-toronto-reading #presenter-promo .date {margin-top: 0; }
\r
5955 #main-image, .section-image-container {float: left; margin-right: 10px; margin-top:10px; }
\r
5956 #keep-toronto-reading #ktr-foundation-promo,#ktr-twitters
\r
5957 .ktr-sponsors { margin-bottom: 20px; }
\r
5958 #keep-toronto-reading h2.events { border-top: 4px solid #005dab; border-bottom: 1px solid #005dab; margin: 0; padding: 5px 5px 5px 7px;}
\r
5959 #keep-toronto-reading h2.blog { border-top: 4px solid #e8c31c; border-bottom: 1px solid #e8c31c; margin-bottom: 0.8em; padding: 5px 5px 5px 7px;}
\r
5962 #keep-toronto-reading h2.events a { text-transform: none; font-size: 0.9em; text-decoration: underline; float: right;}
\r
5963 #keep-toronto-reading h2.events a:hover { text-decoration: none;}
\r
5964 #keep-toronto-reading #ktr-events-navbar a { border: 1px solid #000; padding: 3px;}
\r
5966 #keep-toronto-reading #ktr-datefilter { margin: 1em 0 1em 0; padding: 4em 0 .4em 0; border: 1px solid #BBD5D6; background-color: #DFF2F2; text-align: center;}
\r
5967 #keep-toronto-reading #ktr-nav-current { background-color: #1765A9; color: #FFF;}
\r
5969 /*Header - is Seperate header necessary?*/
\r
5970 #multicolour-bar-top { background-image: url(/images/bg-rainbow.gif); height: 4px; margin-bottom: 15px; }
\r
5971 #ktr-header-links { position: relative; top: -1.23em; margin-left: 700px; }
\r
5972 #keep-toronto-reading #ktr-events-navbar,#keep-toronto-reading .ktr-booklist .item,#appel-rental-promo p { margin-top: 0.8em; margin-bottom: 0.8em; }
\r
5973 #header-divider {background-color: #153b68; height: 18px; }
\r
5975 /* Content Areas */
\r
5976 #keep-toronto-reading .onebook-section,#keep-toronto-reading .ktr-section,.content-section {border-top: 1px solid #1765A9; margin-top: 0.8em; padding-top: 0.8em; margin-bottom: 0.8em;}
\r
5977 #keep-toronto-reading .ktr-section-nofloat { border-top: 1px solid #1765A9; margin-top: 0.8em; padding-top: 0.8em; margin-bottom: 0.8em;}
\r
5978 #keep-toronto-reading .widget-one-book { background-color: #e3f1d9; padding-left: 10px; padding-right: 7px; margin-bottom: 10px; padding-bottom: 5px;}
\r
5979 #keep-toronto-reading .dotted { padding-bottom: 0.8em;}
\r
5981 .widget-content-round-all-orange, .round-all-orange {
\r
5982 background-color: #FBEAC3;
\r
5983 padding-left: 15px;
\r
5984 padding-right: 15px;
\r
5985 padding-bottom: 10px;
\r
5989 border-radius: 7px;
\r
5990 -moz-border-radius: 7px;
\r
5991 -webkit-border-radius: 7px;
\r
5992 -khtml-border-radius: 7px;
\r
5995 .widget-content-round-all-grey, .round-all-grey {
\r
5996 background-color: #EEEEEE;
\r
5997 padding-left: 15px;
\r
5998 padding-right: 15px;
\r
5999 padding-bottom: 10px;
\r
6003 border-radius: 7px;
\r
6004 -moz-border-radius: 7px;
\r
6005 -webkit-border-radius: 7px;
\r
6006 -khtml-border-radius: 7px;
\r
6011 #ktr-banner { background-image: url(/content/programs-and-classes/ktr/images/ktr-banner-subway.jpg); height: 110px; background-repeat: no-repeat; margin-top: 5px; margin-bottom: 5px; }
\r
6012 #ktr-banner-cowboy { background-image: url(/content/programs-and-classes/ktr/images/ktr-banner-cowboy.jpg); height: 110px; background-repeat: no-repeat; margin-top: 5px; margin-bottom: 5px; }
\r
6013 #ktr-banner-geisha { background-image: url(/content/programs-and-classes/ktr/images/ktr-banner-geisha.jpg); height: 110px; background-repeat: no-repeat; margin-top: 5px; margin-bottom: 5px; }
\r
6014 #ktr-banner-owl { background-image: url(/content/programs-and-classes/ktr/images/ktr-banner-owl.jpg); height: 110px; background-repeat: no-repeat; margin-top: 5px; margin-bottom: 5px; }
\r
6015 #ktr-banner-pilot { background-image: url(/content/programs-and-classes/ktr/images/ktr-banner-pilot.jpg); height: 110px; background-repeat: no-repeat; margin-top: 5px; margin-bottom: 5px; }
\r
6016 #multicolour-bar-bottom { background-image: url(/images/bg-rainbow.gif); height: 4px; margin-bottom: 10px; width: 940px;}
\r
6018 #keep-toronto-reading .search-bar { margin-bottom: 0.5em; margin-top: 0.5em; overflow:hidden;}
\r
6020 #keep-toronto-reading #onebook-cover { float: right; margin-left: 1.2em; margin-top: 1em;}
\r
6021 #keep-toronto-reading .ktr-booklist .booklist-image { float: right; margin-left: 1.5em;}
\r
6022 .ktr-sponsors img { padding-right: 5px;}
\r
6023 #onebook-cover-left { float: left; margin-right: 1.2em; margin-top: 1em;}
\r
6025 #keep-toronto-reading .widget-one-book .img-container { margin-top: 10px; margin-left: 4px; margin-right: 8px; float: left;}
\r
6026 #keep-toronto-reading #ktr-virtual-map-promo { margin-top: 5px; display: block; min-height: 110px;}
\r
6028 #keep-toronto-reading #ktr-youtube { background-color: #fbeac3 !important; text-align: center; margin-bottom: 15px; padding-left: -2px !important;}
\r
6029 #keep-toronto-reading #ktr-youtube .youtube { background-color: #fbeac3;}
\r
6030 #ktr-youtube a { color: black; display: block; padding: 7px 0;}
\r
6033 #keep-toronto-reading ol { margin-left: 15; list-style-position: inside;}
\r
6034 #keep-toronto-reading ul { margin-left: 0; padding: 0;}
\r
6039 /*FOOTER - GLOBAL FOOTER SHOULD ALSO BE USED ON THIS PAGE*/
\r
6040 #footer-container-ktr { background-color: #D2ECE9; margin-bottom: 50px; margin-top: 25px;}
\r
6041 #footer-ktr { text-align: center; padding-top: 10px; padding-bottom: 10px; width: 960px; margin: 0 auto;}
\r
6042 #footer-ktr a { font-size: 1.1em; font-weight: 700; padding: 0 2em;}
\r
6044 /* KEEP ME CONSISTENT Page tabs should always be in the same area throughout site*/
\r
6045 #keep-toronto-reading .pagination { float: none; text-align: right;}
\r
6047 /** CHECK IF USED STILL **/
\r
6048 /*#keep-toronto-reading.events #search-results.widget { border-top: 1px solid #153b68; margin-bottom: 5px;}
\r
6049 #keep-toronto-reading .ktr-booklist .item .title { font-size: 110%;}
\r
6050 #keep-toronto-reading #ktr-raffle-promo { min-height: 125px;}
\r
6051 #keep-toronto-reading #ktr-virtual-map-promo p,#keep-toronto-reading #ktr-raffle-promo p { padding-left: 85px;}
\r
6052 #keep-toronto-reading #ktr-social-media-promo { padding-bottom: 1em;}
\r
6053 #keep-toronto-reading #ktr-social-media-promo a { padding-left: 1em;}
\r
6054 #keep-toronto-reading #empty-message-heading { margin-top: 0.4em;}
\r
6055 #keep-toronto-reading #latest-blogs { margin-bottom: 1em;}
\r
6056 #keep-toronto-reading #presenter-promo h4 { border-top-color: #75b943; border-bottom-color: #75b943;}
\r
6057 #keep-toronto-reading #presenter-promo .widget-content { background-color: #E3F1D9;}
\r
6058 #keep-toronto-reading #presenter-promo .image-container { height: auto;}*//**END CHECK IF USED STILL **/
\r
6062 #email-signup-onebook {
\r
6063 background-color: #f5bb3d;
\r
6064 text-align: center;
\r
6065 border: 1px solid #f5bb3d;
\r
6067 /*added border radius*/
\r
6068 border-radius: 7px;
\r
6069 -moz-border-radius: 7px;
\r
6070 -webkit-border-radius: 7px;
\r
6071 -khtml-border-radius: 7px;
\r
6074 #email-signup-onebook a {
\r
6076 font-weight: bold;
\r
6079 #email-signup-onebook a:hover {
\r
6080 text-decoration: underline;
\r
6084 #email-signup-onebook h3 {
\r
6087 border-bottom-width: 0px;
\r
6088 border-top-width: 0px;
\r
6089 background-color: #f5bb3d;
\r
6093 /*********************** Megamenu styles ******************/
\r
6094 .header-bottom #books-link .megamenu a, .header-bottom #programs-link .megamenu a, .header-bottom #branches-link .megamenu a, .header-bottom #using-link .megamenu a {width:auto; padding:5px;}
\r
6097 background-color:#FFF; border:1px solid #293D66; left:55px;
\r
6098 display:none; float:right; position:absolute; z-index:5000; overflow: hidden;
\r
6101 border-top: 4px solid #0051B1;
\r
6103 /*CSS3 details*/-moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px;
\r
6104 -moz-box-shadow: 3px 3px 5px #747373; -webkit-box-shadow: 3px 3px 5px #747373; box-shadow: 3px 3px 5px #747373;}
\r
6106 #books-link .megamenu, #programs-link .megamenu, #using-link .megamenu { width: 648px;}
\r
6107 #branches-link .megamenu { width: 202px;}
\r
6109 /*Column structure*/
\r
6110 .megamenu-column {
\r
6113 border-right:1px solid #E5E5E5;
\r
6114 padding:20px 11px 10px 11px;}
\r
6116 #books-link .megamenu-column.last, #programs-link .megamenu-column.last, #using-link .megamenu-column.last, #branches-link .megamenu-column.last {
\r
6117 background-color:#F7F6F5;
\r
6120 /*CSS3 details*/-moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px;}
\r
6122 #branches-link .megamenu-column.last {/*This is a fix for the bottom left corner*/
\r
6123 -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px;}
\r
6125 /*Top Navigation Item*/
\r
6126 .header-bottom .top-nav-hovered {
\r
6127 background-color:#0051B1;
\r
6129 position:relative;
\r
6131 text-decoration: none;
\r
6132 /*CSS3 details*/-moz-box-shadow: 3px 3px 5px #090909; -webkit-box-shadow: 3px 3px 5px #090909; box-shadow: 3px 3px 5px #090909;
\r
6133 -moz-border-radius-topright: 7px; -moz-border-radius-topleft: 7px; -webkit-border-top-right-radius: 7px; -webkit-border-top-left-radius: 7px;}
\r
6135 /*Link Unordered List Styles*/
\r
6137 list-style-type:none;
\r
6143 .header-bottom .megamenu li {
\r
6144 margin:-0.45em 0 0 0;
\r
6148 .megamenu .megamenu-column.last ul li {
\r
6149 padding: 1px 0 2px 0;
\r
6150 border-bottom: 1px solid #E5E5E5;
\r
6153 /*Main Link Styles*/
\r
6154 .megamenu-level-0 a:link, .megamenu-level-0 a:visited { /*Primary Links*/
\r
6158 font-weight: bold;
\r
6159 text-decoration: none;
\r
6160 /*CSS3 Detail*/text-shadow: 0.1em 0.1em #FEFEFE;}
\r
6162 /*Megamenu Links */
\r
6163 .header-bottom .megamenu li.megamenu-level-0 { /*Extra space for Primary Links*/
\r
6164 margin-bottom:8px;}
\r
6166 .megamenu-level-1 a:link, .megamenu-level-1 a:hover, .megamenu-level-1 a:visited { /*Secondary Links*/
\r
6168 font-weight:normal;
\r
6171 line-height: 1.3em;}
\r
6173 .megamenu .megamenu-level-1 ul { /*Extra space for Secondary Links*/
\r
6174 margin: 0 0 2.7em -1.1em;
\r
6175 text-shadow: none;}
\r
6177 .megamenu-level-2 { /*Unused Tertiary Links*/ float:none;}
\r
6179 /*Links in the 3rd Minor Column*/
\r
6180 .megamenu .megamenu-column.last .megamenu-level-0 a:link, .megamenu .megamenu-column.last .megamenu-level-0 a:visited { /*Primary Links*/
\r
6184 font-weight: bold;
\r
6185 text-decoration: none;
\r
6186 text-shadow: 0.1em 0.1em #FEFEFE;
\r
6189 .megamenu .megamenu-column.last .megamenu-level-1 a:link, .megamenu .megamenu-column.last .megamenu-level-1 a:visited { /*Secondary Links*/
\r
6191 font-weight:normal;
\r
6192 line-height: .8em;
\r
6195 .megamenu .megamenu-column.last .megamenu-level-1 { border: none;}
\r
6197 /*Hover States for All Links*/
\r
6198 .megamenu .megamenu-level-0 a:hover, .megamenu .megamenu-column.last .megamenu-level-0 a:hover { text-decoration: underline; color: #293d66;}
\r
6201 /*X in the-corner = for accessibility*/
\r
6202 .megamenu .megamenu-close-link {
\r
6203 color:#FFF; font-size:1.3em;line-height: .3em;
\r
6204 margin:-23px -11px 0 170px;
\r
6205 position:absolute;
\r
6208 background-color: #0051B1;
\r
6210 -moz-border-radius-bottomleft: 7px;-webkit-border-bottom-left-radius: 7px;
\r
6213 .megamenu a:hover.megamenu-close-link {text-decoration: none; color: #EEF}
\r