+++ /dev/null
-\r
-\r
-\r
-\r
-\r
-\r
-\r
-\r
-\r
-\r
-/*
-Copyright (c) 2009, Yahoo! Inc. All rights reserved.
-Code licensed under the BSD License:
-http://developer.yahoo.net/yui/license.txt
-version: 2.7.0
-*/
-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
-/*
-Copyright (c) 2009, Yahoo! Inc. All rights reserved.
-Code licensed under the BSD License:
-http://developer.yahoo.net/yui/license.txt
-version: 2.7.0
-*/
-.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;}
-.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;}
-
-#dates {
- float:left;
- border: 1px solid #000;
- background-color: #ccc;
- padding:10px;
- margin:10px;
-}
-
-#dates p {
- clear:both;
-}
-
-#dates label {
- float:left;
- display:block;
- width:7em;
- font-weight:bold;
-}\r
-/*
-Copyright (c) 2009, Yahoo! Inc. All rights reserved.
-Code licensed under the BSD License:
-http://developer.yahoo.net/yui/license.txt
-version: 2.7.0
-*/
-.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;}
-\r
-\r
-\r
-h1#notification, #logon h1\r
-{\r
- margin-bottom:25px;\r
- font-size:26px /*34px*/\r
-}\r
-ul#youraccount-tab\r
-{\r
- margin-top:0px;\r
-}\r
-#youraccount-tab li\r
-{\r
- font-size:13px;\r
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;\r
- margin-right:10px;\r
-}\r
-#youraccount-tab li:first-child\r
-{\r
- margin-left:7px;\r
-}\r
-#youraccount-tab li a\r
-{\r
- padding:5px 13px;\r
-}\r
-/* style for the sign in form so that the global message box will float to the top */\r
-#form_signin\r
-{\r
- float:left;clear:both;\r
- /*margin-top:20px;*/\r
-}\r
-\r
-#resendConfirmDialog img\r
-{\r
- border: solid 1px #BDBDBD;\r
- display: block;\r
- margin:auto;\r
-}\r
-\r
-#messageHeader\r
-{\r
- border-width:2px;\r
- display:none;\r
- padding-left:85px;\r
- padding-top:15px;\r
- padding-bottom:15px;\r
- padding-right:30px;\r
- margin:0;\r
- background-repeat: no-repeat;\r
- background-position: 10px;\r
- line-height:23px;\r
- min-height:50px;\r
-}\r
-#savedMessageHeader\r
-{\r
- padding:10px;\r
- border-top: 1px solid #A4D178;\r
- border-bottom: 1px solid #CCC;\r
- background: #78a04d url(/images/alert-lines.png) repeat-x top left;\r
- display:none;\r
-}\r
-#logon #messageHeader\r
-{\r
- float:left;\r
- clear:both;\r
-}\r
-#operationMsg p, #messageHeader p \r
-{\r
- margin:5px 0;\r
- font-size:1.5em;\r
- display:block;\r
-}\r
-#savedMessageHeader p\r
-{ \r
- font-size:18px;\r
- font-weight:normal;\r
- width:200px;\r
- padding:0;\r
- margin:auto;\r
- color: #fff;\r
-}\r
-#messageHeader label.formError\r
-{\r
- color: #525252;\r
- font-size: 14px;\r
-}\r
-.alert\r
-{\r
- background-color:#fdfdd4;\r
- /*border-color:#fff;*/\r
- border-style:solid;\r
- border-width:1px;\r
- border-color:#F8A961;\r
- background-image: url('/images/icons/alert.gif');\r
- -moz-border-radius: 5px;border-radius: 5px;\r
-}\r
-.alert p\r
-{\r
- color: #c62e28;\r
- font-weight:bold;\r
-}\r
-.confirming\r
-{\r
-/* background-color:#e5edf8;\r
- border-color:#115dab;*/\r
- background-color:#fffa85;\r
- background-image: url('/images/icons/confirm.gif'); \r
- -moz-box-shadow: 2px 2px 4px #808080;\r
- -webkit-box-shadow: 2px 2px 4px #808080;\r
- box-shadow: 2px 2px 4px #808080;\r
- \r
- /* For IE 8 */\r
- -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080')";\r
-\r
- /* For IE 5.5 - 7 */\r
- filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080');\r
-}\r
-.confirming p\r
-{\r
- /*color: #115dab;*/\r
- color:#F25824;\r
- display:inline;\r
- font-weight:bold;\r
-}\r
-.info\r
-{\r
- background-color:#e5edf8;\r
-/* background-color:#fffa85;\r
- border-color:#fff;*/\r
- border: 2px solid #115dab; \r
- background-image: url('/images/icons/info.gif');\r
- -moz-border-radius: 5px;border-radius: 5px;\r
-}\r
-.info p\r
-{\r
- color: #115dab;\r
- /*color:#ff6633;*/\r
- font-weight:bold;\r
-}\r
-.success\r
-{\r
- /*background-color:#fcfdf9;*/\r
- background-color:#fff;\r
- border:2px solid #49823c;\r
- background-image: url('/images/icons/success.gif');\r
- -moz-border-radius: 5px;border-radius: 5px; \r
-}\r
-.success p\r
-{\r
- /*color: #b9c55a;*/\r
- color: #49823c;\r
- font-weight:bold;\r
-}\r
-.closeLink\r
-{ \r
- float:right;\r
- font-weight:bold;\r
- color:#000;\r
-}\r
-#notificationPref , #logon #user-info label \r
-{\r
- margin-top:20px;\r
- font-family:Arial, Verdana, Helvetica, sans-serif;\r
-}\r
-/*\r
-#notificationPref h2\r
-{\r
- display:inline;\r
- margin: 35px 0 10px 0;\r
- background-color: #fff;\r
- color: #3F434A;\r
- font-size: 2em;\r
- font-weight: normal;\r
- padding: 0 !important;\r
- height: 2px;\r
- clear: left;\r
-}*/\r
-#notificationPrefForm h3\r
-{\r
-/* margin-top:20px;\r
- margin-bottom:20px;\r
- color: #3F434A; \r
- background-color: #eee;\r
- padding: 10px;\r
- margin:0px 0px 20px 0px;\r
- */\r
- margin:0px;\r
- font-size:18px;\r
- float:left;\r
-}\r
-#notificationPrefForm legend#subtitle\r
-{\r
- padding-bottom:20px;\r
- color:#525252;\r
- font-size:14px;\r
- margin:0;\r
- margin-top:0;\r
- line-height:20px;\r
- font-weight:normal;\r
-}\r
-#notificationPref span#help\r
-{\r
- display:inline;\r
- float:right;\r
- font-size:14px;\r
- margin-top:0px;\r
-}\r
-#notificationPrefForm p\r
-{\r
- font-size: 14px;\r
- font-weight: normal;\r
- color: #525252;\r
- /*margin-top:22px;*/\r
-}\r
-label.selected\r
-{\r
- padding-right:35px;\r
- background-image: url('/images/icons/checkmark.gif');\r
- background-repeat: no-repeat;\r
- background-position: right;\r
-}\r
-div.title label\r
-{\r
- margin-left:10px;\r
- font-weight:bold;\r
-}\r
-div.notificationPrefField\r
-{\r
- color:#4D4D4D;\r
- font-weight: bold;\r
- font-size: 1.5em;\r
- margin-bottom:20px;\r
- display:block; \r
-}\r
-#preDue p\r
-{ \r
- color:#4D4D4D;\r
- font-weight:bold;\r
- height:15px;\r
- background-color: #FFF;\r
- margin: 0 0 10px 0;\r
- padding: 0;\r
- font-size: 0.9em;\r
-}\r
-div.notificationPrefField p\r
-{\r
- font-size: 14px;\r
- font-weight: normal;\r
- color: #525252;\r
- margin: 5px 0 0 35px;\r
- float: left;\r
-}\r
-div.noticesOption\r
-{\r
- width:550px;\r
- float:left;\r
- font-weight:normal;\r
- font-size:0.8em;\r
- vertical-align:top;\r
-/* border:solid 1px #ccc; */\r
- clear:right;\r
-}\r
-/*\r
-div.notificationPrefField div.title\r
-{\r
- float: left;\r
- clear: right;\r
-}*/\r
-#preDue\r
-{\r
- background-color:#FFF;\r
- padding:15px;\r
-/* -moz-border-radius: 5px;border-radius: 5px;*/\r
- margin: 30px 0 10px 35px;\r
- width:400px;\r
-}\r
-#preDue label\r
-{\r
- font-size:14px;\r
- color: #525252;\r
-}\r
-.textLabel, #logon #user-info label \r
-{\r
- font-size:18px;\r
- font-weight:bold;\r
- margin:20px 0 5px 0;\r
- display:block;\r
-}\r
-#preferredNameHelp, #phoneHelp\r
-{\r
- font-size:11px;\r
- display:inline-block;\r
- vertical-align:middle;\r
- margin-left:10px;\r
- color:#525252;\r
-}\r
-\r
-#notificationPrefForm\r
-{\r
- padding:30px;\r
- margin: 10px 0;\r
- background-color:#f5f5f5;\r
- /*float:left;*/\r
-}\r
-#notificationPrefForm fieldset legend\r
-{\r
- color:#f5f5f5;\r
- font-size:1px;\r
- margin:0;\r
- line-height:1px;\r
-}\r
-#notificationPrefForm fieldset\r
-{\r
- border:none;\r
- background-color:#f5f5f5;\r
- padding:0;\r
- margin-top:0;\r
- clear:left;\r
-}\r
-#notificationPrefForm label.formError\r
-{\r
- padding-left:30px;\r
- padding-top:2px;\r
- padding-bottom:2px;\r
- padding-right:10px;\r
- background-image: url('/images/icons/alert-s.gif');\r
- font-size:11px;\r
- margin-top:5px;\r
- background-repeat: no-repeat;\r
- background-position: 5px;\r
- width:250px;\r
-}\r
-#notificationPrefForm input.formError\r
-{\r
- border-style:solid;\r
- border-width:1px;\r
- border-color:#c52e28;\r
- background-color:#FBFBFB;\r
-}\r
-#notificationPrefForm fieldset#contact\r
-{\r
- margin-left:20px;\r
- border:none;\r
- margin-left:0px;\r
- margin-bottom:15px;\r
- padding: 0px;\r
- background-color:#f5f5f5;\r
- float:left;\r
- clear:both;\r
-}\r
-\r
-#notificationPrefForm input /* #logon #form_signin input --> classes: .button & .submit have replaced this descendent selector */\r
-{\r
-\r
- /*padding-left:0;*/\r
- margin-left:0;\r
-}\r
-#notificationPrefForm input[type=text], #logon #user-info input#userId, #logon #user-info input#password\r
-{\r
- padding:5px;\r
- font-size:1.3em;\r
-}\r
-#notificationPrefForm input[type=text]:focus\r
-{ \r
- border: 1px solid #e5edf8;\r
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(17,93,171, 0.6);\r
- -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(17,93,171, 0.6);\r
- -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(17,93,171, 0.6); \r
-}\r
-#notificationPrefForm input#preDuePref {\r
- padding: 0.2em 0px;\r
- line-height: 1.1em;\r
- /*margin: 0px 5px 0 10px;*/\r
- font-size: 14px;\r
- font-weight:normal\r
-}\r
-#notificationPrefForm input#formSubmit/*, #logon #form_signin .hold-button --> classes: .button & .submit have replaced this descendent selector*/\r
-{\r
- /* New button styles replace the following:\r
- \r
- padding:5px 30px;\r
- display: block;\r
- font-size:14px;\r
- cursor:hand;\r
- cursor:pointer;*/\r
-}\r
-span#newIcon\r
-{\r
- display:inline-block;\r
- font-weight:bold;\r
- color:#fff;\r
- font-size:14px;\r
- padding:2px 4px;\r
- background-color:#F25824;\r
- /*-moz-border-radius: 5px;\r
- border-radius: 5px;*/\r
-}\r
-span#newIcon.greyout\r
-{\r
- background-color:#b5b5b5;\r
-}\r
-@charset "utf-8";\r
-/* CSS Document */\r
-\r
-.radio-button {vertical-align: middle; margin: 0 3px;}\r
-\r
-.form-container {\r
- text-align: left;\r
- background: #E6EFF7;\r
- padding: 1px 5px 5px 10px;\r
- width:430px;\r
- font-family: arial, verdana;\r
-}\r
-\r
-.desc-requiredfield {\r
- font-size: 14px;\r
- font-weight: bold;\r
- color: #222;\r
- line-height: 120%;\r
- display:block;\r
- margin-top:10px;\r
-}\r
-.honeypot {\r
- position:absolute;\r
- left:-10000px;\r
- top:auto;\r
- width:1px;\r
- height:1px;\r
- overflow:hidden;\r
-}\r
-.review {\r
- background: none repeat scroll 0 0 #EFF9FF;\r
- margin: 8px 0;\r
- padding: 8px; \r
- width:75%\r
-} \r
-label.fieldset-desc {\r
- padding: 5px;\r
- display: block;\r
-}\r
-\r
-.desc-radio {\r
- display:block;\r
-}\r
-.desc-radio-inline {\r
- margin-right:45px;\r
-}\r
-.fieldset-container {\r
- background-color: #E6EFF7;\r
- margin-bottom: 8px;\r
-}\r
-\r
-fieldset {\r
- /*border: none;*/\r
- border: 1px solid #781351;\r
- background-color: #f8f8f8;\r
-}\r
-fieldset.nobgcolor {\r
- background-color: #E6EFF7;\r
-}\r
-fieldset.noborder {\r
- border: none;\r
- margin:0;\r
- padding:0;\r
- }\r
-legend.desc {\r
- font-size: 15px;\r
- font-family: arial, verdana;\r
- font-weight: bold;\r
- color: #222;\r
- line-height: 150%;\r
- padding: 2px 6px\r
-}\r
-.field\r
-{\r
- border:1px #666 solid;\r
-}\r
-.contact{\r
- background-color:#f8f8f8;\r
- border-radius: 15px;\r
- -moz-border-radius: 15px;\r
- margin:0px 10px 10px 30px;\r
- padding:10px 15px 10px 15px;\r
- width:330px;\r
- font-size:13px;\r
-}\r
-.contactgroup{\r
- background-color:#E6EFF7;\r
- width:400px;\r
- margin-left:0px;\r
-}\r
-.none{\r
- background-color:#E6EFF7;\r
- /*border:none;*/\r
- margin-bottom:10px;\r
- margin-right:10px;\r
- padding:5px;\r
- margin-top:10px;\r
-}\r
- \r
-.radio {\r
- display:inline-block;\r
- vertical-align: top;\r
-}\r
-.required {\r
- font-size:11px;\r
- color:#dc0000;\r
- margin-bottom:10px;\r
-}\r
-.requiredgroup\r
-{\r
- margin-bottom:2px;\r
- font-size:9px;\r
- color:#F00;\r
-}\r
-.submitted-form\r
-{\r
- -moz-border-radius-bottomleft:7px;\r
- -moz-border-radius-bottomright:7px;\r
- -moz-border-radius-topleft:7px;\r
- -moz-border-radius-topright:7px;\r
- padding:3px 10px;\r
- text-align:left;\r
- border:solid medium;\r
- border-color:#525252;\r
- margin-top:10px;\r
- border-width:2px;\r
-}\r
-.formError {\r
- border:1px dotted red;\r
-}\r
-label.formError {\r
- display:block;\r
- color:#dc0000;\r
- border:0px;\r
- background-repeat: no-repeat;\r
- background-image: none;\r
-}\r
-#errorMessageHeader\r
-{\r
- border-style:dotted;\r
- border-width:1px;\r
- background-color:#FFC;\r
- border-color:#F00;\r
- display:none;\r
- margin-bottom:10px;\r
- padding-left:10px;\r
- font-weight:bold;\r
- width:433px;\r
- margin-top:10px;\r
-}\r
-#itemDetails{\r
- border:solid;\r
- border-width:1px;\r
- padding:5px;\r
- border-color:#aaa; \r
- margin-bottom:10px; \r
- width:433px;\r
-}\r
-#errorMessageList \r
-{\r
- margin-top:8px;\r
- margin-bottom:8px;\r
- font-weight:normal\r
-}\r
-.form-button{\r
- display:block; \r
- margin-top:10px;\r
-}\r
-#hours{ \r
- width:445px;\r
-}\r
-body{min-width:960px}\r
-.container_16,.main{margin-left:auto;margin-right:auto;width:960px}\r
-.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
-.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
-.container_16 .grid_4,.main .grid_4{width:220px}\r
-.container_16 .grid_8,.main .grid_8{width:460px}\r
-.container_16 .grid_12,.main .grid_12{width:700px}\r
-.container_16 .grid_16,.main .grid_16{width:940px}\r
-\r
-.alpha{margin-left:0}\r
-.omega{margin-right:0}\r
-\r
-.container_16 .grid_1,.main .grid_1{width:40px}\r
-.container_16 .grid_2,.main .grid_2{width:100px}\r
-.container_16 .grid_3,.main .grid_3{width:160px}\r
-.container_16 .grid_5,.main .grid_5{width:280px}\r
-.container_16 .grid_6,.main .grid_6{width:340px}\r
-.container_16 .grid_7,.main .grid_7{width:400px}\r
-.container_16 .grid_9,.main .grid_9{width:520px}\r
-.container_16 .grid_10,.main .grid_10{width:580px}\r
-.container_16 .grid_11,.main .grid_11{width:640px}\r
-.container_16 .grid_13,.main .grid_13{width:760px}\r
-.container_16 .grid_14,.main .grid_14{width:820px}\r
-.container_16 .grid_15,.main .grid_15{width:880px}\r
-\r
-.container_16 .prefix_4,.main .prefix_4{padding-left:240px}\r
-.container_16 .prefix_8,.main .prefix_8{padding-left:480px}\r
-.container_16 .prefix_12,.main .prefix_12{padding-left:720px}\r
-\r
-\r
-.container_16 .prefix_1,.main .prefix_1{padding-left:60px}\r
-.container_16 .prefix_2,.main .prefix_2{padding-left:120px}\r
-.container_16 .prefix_3,.main .prefix_3{padding-left:180px}\r
-.container_16 .prefix_5,.main .prefix_5{padding-left:300px}\r
-.container_16 .prefix_6,.main .prefix_6{padding-left:360px}\r
-.container_16 .prefix_7,.main .prefix_7{padding-left:420px}\r
-.container_16 .prefix_9,.main .prefix_9{padding-left:540px}\r
-.container_16 .prefix_10,.main .prefix_10{padding-left:600px}\r
-.container_16 .prefix_11,.main .prefix_11{padding-left:660px}\r
-.container_16 .prefix_13,.main .prefix_13{padding-left:780px}\r
-.container_16 .prefix_14,.main .prefix_14{padding-left:840px}\r
-.container_16 .prefix_15,.main .prefix_15{padding-left:900px}\r
-\r
-.container_16 .suffix_4,.main .suffix_4{padding-right:240px}\r
-.container_16 .suffix_8,.main .suffix_8{padding-right:480px}\r
-.container_16 .suffix_12,.main .suffix_12{padding-right:720px}\r
-\r
-\r
-.container_16 .suffix_1,.main .suffix_1{padding-right:60px}\r
-.container_16 .suffix_2,.main .suffix_2{padding-right:120px}\r
-.container_16 .suffix_3,.main .suffix_3{padding-right:180px}\r
-.container_16 .suffix_5,.main .suffix_5{padding-right:300px}\r
-.container_16 .suffix_6,.main .suffix_6{padding-right:360px}\r
-.container_16 .suffix_7,.main .suffix_7{padding-right:420px}\r
-.container_16 .suffix_9,.main .suffix_9{padding-right:540px}\r
-.container_16 .suffix_10,.main .suffix_10{padding-right:600px}\r
-.container_16 .suffix_11,.main .suffix_11{padding-right:660px}\r
-.container_16 .suffix_13,.main .suffix_13{padding-right:780px}\r
-.container_16 .suffix_14,.main .suffix_14{padding-right:840px}\r
-.container_16 .suffix_15,.main .suffix_15{padding-right:900px}\r
-\r
-.container_16 .push_4,.main .push_4{left:240px}\r
-.container_16 .push_8,.main .push_8{left:480px}\r
-.container_16 .push_12,.main .push_12{left:720px}\r
-\r
-\r
-.container_16 .push_1,.main .push_1{left:60px}\r
-.container_16 .push_2,.main .push_2{left:120px}\r
-.container_16 .push_3,.main .push_3{left:180px}\r
-.container_16 .push_5,.main .push_5{left:300px}\r
-.container_16 .push_6,.main .push_6{left:360px}\r
-.container_16 .push_7,.main .push_7{left:420px}\r
-.container_16 .push_9,.main .push_9{left:540px}\r
-.container_16 .push_10,.main .push_10{left:600px}\r
-.container_16 .push_11,.main .push_11{left:660px}\r
-.container_16 .push_13,.main .push_13{left:780px}\r
-.container_16 .push_14,.main .push_14{left:840px}\r
-.container_16 .push_15,.main .push_15{left:900px}\r
-\r
-.container_16 .pull_4,.main .pull_4{left:-240px}\r
-.container_16 .pull_8,.main .pull_8{left:-480px}\r
-.container_16 .pull_12,.main .pull_12{left:-720px}\r
-\r
-\r
-.container_16 .pull_1,.main .pull_1{left:-60px}\r
-.container_16 .pull_2,.main .pull_2{left:-120px}\r
-.container_16 .pull_3,.main .pull_3{left:-180px}\r
-.container_16 .pull_5,.main .pull_5{left:-300px}\r
-.container_16 .pull_6,.main .pull_6{left:-360px}\r
-.container_16 .pull_7,.main .pull_7{left:-420px}\r
-.container_16 .pull_9,.main .pull_9{left:-540px}\r
-.container_16 .pull_10,.main .pull_10{left:-600px}\r
-.container_16 .pull_11,.main .pull_11{left:-660px}\r
-.container_16 .pull_13,.main .pull_13{left:-780px}\r
-.container_16 .pull_14,.main .pull_14{left:-840px}\r
-.container_16 .pull_15,.main .pull_15{left:-900px}\r
-\r
-\r
-.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}\r
-.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}\r
-.clearfix:after{clear:both}\r
-.clearfix{zoom:1}\r
-\r
-/* Quick Search for style Sections. Copy and paste these into search for easy searching\r
-\r
-1.0 - Page body Styles\r
-1.1 - Header tags main styles\r
-1.2 - Widget header style Spacing\r
-1.3 - Header Secondary styles\r
-1.4 - link tag styles \r
-1.5 - list tag styles\r
-1.6 - table styles\r
-1.7 - Form Field styles\r
-1.8 - Typographic styles\r
-\r
-Note: Try to Phase out section 2 by using 960.css\r
-2.0 - Content columns styles\r
-2.1 - Alts to Content columns styles\r
-2.2 - branch profile page columns\r
-2.3 - accessibility page columns\r
-2.4 - Secondary Column styles\r
-\r
-3.0 - percentage widths\r
-4.0 - positioning styles\r
-\r
-5.0 - Header styles\r
-5.1 - Header Links\r
-6.0 - Page banners\r
-\r
-7.0 - Page Specific styles\r
-7.1 - Branches\r
-7.2 - Detail page styles\r
-7.3 - Appel Salon page styles\r
-7.4 - Holds placement page styles\r
-7.5 - Featured Series page styles\r
-\r
-9.0 - Footer styles\r
-\r
-10.0 - Sprite styles\r
-\r
-XX - Random general styles\r
-XXX - Readers and Introductions\r
-XXXX - Record from embed\r
-\r
-/******** 1.0 - Page body styles *********/\r
-\r
-body {\r
- background-color: #FFF;\r
- color: #525252;\r
- font-size: 62.5%; /*0.833em;*/\r
- font-family: Verdana, Arial, Helvetica, sans-serif;\r
- line-height: 1.65em; /*1.23em;*/\r
- margin: auto;\r
- padding: 0;}\r
-\r
-form {\r
- display: block;\r
- margin: 0;\r
- padding: 0;}\r
-\r
-p {\r
- padding: 0 0 0px 0;\r
- margin: 10px 0 7px 0; \r
- display: block;\r
- font-size: 1em;\r
- line-height: 1.4em;}\r
-\r
-dd {\r
- padding: 4px 0px;\r
- margin:0 0 0 0px;}\r
-\r
-img {\r
- border: 0;\r
- margin: 0em;}\r
- \r
-img.left {\r
- text-align: left;\r
- float: left;\r
- padding: 0 0px 0px 0;\r
- margin: 1em 1.5em 1em 0; }\r
- \r
-img.right {\r
- text-align: left;\r
- float: right; \r
- padding: 0 0px 0px 0;\r
- margin: 1em 0 1em 1em; }\r
- \r
-widget-content-round-all img {\r
- text-align: left;\r
- float: left;\r
- padding: 0 0px 0px 0;\r
- margin: 1em 0em 0em 0; }\r
- \r
-.image-container { /* For all Results list\r
- float: left;\r
- width: 80px;\r
- text-align: right;\r
- padding-right: 20px;\r
- overflow: hidden;*/\r
-}\r
-\r
-.book-buzz-cover-container {\r
- padding-top:10px;\r
- float: left;\r
- text-align: right;\r
- padding-right: 20px;\r
-}\r
-.SC {\r
- width:60px;\r
-}\r
-.MC {\r
- width:120px;\r
-}\r
-\r
-#search #searchForm-searchBar {\r
- margin-bottom: 0;}\r
-\r
-#searchBarForm {\r
- /*margin: 0 0 20px;*/\r
- margin:10px 0 20px;\r
-}\r
-\r
-.main {\r
- padding: 0 0 0 20px;\r
- position: relative;\r
- overflow: hidden;\r
- margin: 0 auto;\r
- font-size:1.2em;\r
- min-height: 500px;}\r
-\r
-.gray { \r
- background-color: #eee;\r
- /*padding: 0 0 0 20px;*/}\r
-\r
-.overflow-hidden{\r
- overflow:hidden;}\r
-\r
-.indent {\r
- margin-left: 0.8em;}\r
-\r
-.caption-frame, .elem-frame {\r
- border:2px solid #dadada; \r
- padding:0.3em; \r
- margin:0.6em;}\r
-\r
-.caption-frame img, .elem-frame img {\r
- width:100%;}\r
-\r
-.caption {\r
- display:block;\r
- padding: 0.2em 0;\r
-}\r
-\r
-/********** 1.1 - Header tags main styles *************/\r
-\r
-h1 {\r
- font-size: 2.2em;\r
- font-family: Arial, Verdana, sans-serif;\r
- /*display: block;*/\r
- line-height: 1em;\r
- color:#545454;\r
- font-weight: normal;\r
- margin-top: 0em;\r
- margin-bottom: 25px;}\r
-\r
-h2, .quote {\r
- font-size: 2em; /*1.65em*/\r
- font-family: Arial, Verdana, sans-serif;\r
- font-weight: normal;\r
- line-height: 1.1em;\r
- margin: 35px 0 10px 0;\r
- padding: 0em 0 0 0;\r
- color: #3f434a;}\r
-\r
-h4, legend, .widget h3 {\r
- font-size: 1.25em; /* 1.3em */\r
- font-family: Arial, Verdana, sans-serif;\r
- font-weight: bold;\r
- margin-top: 0.8em;\r
- margin-bottom: .4em;\r
- padding: 0.4em 0 0 0;\r
- color: #525252;\r
- line-height: 1.2em;\r
- }\r
-\r
-h3 {\r
- font-size: 1.45em;\r
- line-height: 1.2em;\r
- font-family: Arial, Verdana, sans-serif;\r
- font-weight: bold;\r
- margin: 27px 0 0 0;\r
- padding: 0 0 0em 0;\r
- color: #f25824;}\r
-\r
-h5, dt {\r
- font-size: 1.1em;\r
- font-family: Arial, Verdana, sans-serif;\r
- font-weight: bold;\r
- margin: 15px 0 -7px 0;\r
- padding: 0 0 0 0;\r
- color: #293d66; \r
- display: block;}\r
- \r
-h6 {\r
- display: inline;\r
- font-size:1em;\r
- font-weight: bold;}\r
-\r
-/********* 1.2 - Widget header style Spacing ***********/\r
-.widget h2 {\r
- margin: 0;\r
- padding-left: 5px;\r
- margin-top: 10px;\r
- margin-bottom: 2px;}\r
-\r
-.widget h3 {\r
- border-top: 4px solid #1765A9;\r
- border-bottom: 1px solid #1765A9;\r
- background-color: #fff;\r
- margin: 0px 0 0px 0;\r
- padding: 5px;\r
- padding-left: 7px;}\r
- \r
-\r
-.branch-message h3, #branch-message-br h3, #branch-message-bkone h3, #email-signup h3 { /* Added #email-signup h3 - needed for email signup btns */\r
- background:none;\r
- border:0;\r
- padding-top: 0.5em;\r
- margin-top: 0em;\r
- font-size: 1.1em;\r
- color: #525252;}\r
-\r
- \r
-.widget-content h5 {\r
- padding-top: 1em;\r
- margin-top: 0em;\r
- }\r
-\r
-.widget legend {\r
- padding-top: 0em;\r
- margin-top: .5em;\r
- font-size: 1.15em;\r
- font-weight: bold;\r
- color: #525252;}\r
-\r
-/** 1.3 - Header Secondary styles **/\r
-\r
-/**H1**/\r
-/*#branch-detail h1 {\r
- width: 18em;}\r
-*/\r
-/**H2**/\r
-#introduction.widget h2 {\r
- margin: 0px 0px 0px 0px;\r
- padding: 0px 0px 5px 0.4em;}\r
-\r
-#branch-detail h2 {\r
- /* clear: left;\r
- padding-top: 15px; */}\r
-\r
-/**h3**/\r
-.search-bar h3 /* h4 */ {\r
- color: #525252;\r
- display: inline;\r
- font-weight: normal;\r
- float: left;\r
- margin: 0 2px 0 0;\r
- padding: 0;\r
- border: 0;}\r
- \r
-.widget-youtube h4 { /* No longer needed */\r
- /*padding: .25em 0em .4em 0em !important;\r
- margin: 0em !important; */}\r
- \r
-.widget-content-round-all h3, .round-all h3, #related-internet-links .merch-record-horizontal .branch-message h3 {/**h4 within rounded corners**/\r
- background: none;\r
- border: 0px;\r
- margin: 0em 0 0 0;\r
- padding: 0.5em 0em .3em 0em;\r
- /*font-size: 1.1em;\r
- color: #525252;*/\r
- }\r
-\r
-/********** 1.4 - link tag styles *************/\r
-\r
-a, a:visited {\r
- color: #1765A9;\r
- text-decoration: none;\r
- }\r
-\r
-a:hover {\r
- text-decoration: underline;\r
- color: #293D66;\r
- }\r
- \r
-p a, p a:visited, li a, li a:visited, dl a, dl a:visited{\r
- color: #1765A9 ;\r
- text-decoration: none;\r
- font-weight: bold; }\r
- \r
-p a:hover, li a:hover, dl a:hover{\r
- color: #293D66 ;\r
- text-decoration: underline; /*!important;*/\r
- font-weight: bold; }\r
- \r
-#header-bottom li a, #ask-a-librarian li a{font-weight:normal}\r
- \r
-h4 a:link, h4 a:visited {\r
- color: #1765A9;\r
- font-weight: bold;\r
- text-decoration: none;}\r
-\r
-h4 a:hover {\r
- color: #293D66;\r
- font-weight: bold;\r
- text-decoration: underline;}\r
-\r
-.links-disabled {\r
- color: #666;}\r
- \r
-li p a, li p a:link, li p a:visited, li p a:hover {\r
- font-weight: normal !important;\r
- }\r
-\r
-/********1.4.1 Left Nav Links *****/\r
-\r
-#section-navigation a, #section-navigation a:visited {\r
- color: #1765A9;\r
- text-decoration: none;\r
- line-height: 1.2em}\r
- \r
-#section-navigation a:hover {\r
- text-decoration: underline;\r
- color: #293D66;\r
- line-height: 1.2em}\r
-\r
-/********** 1.5 - list tag styles *************/\r
-\r
-ol {\r
- padding: 0px;\r
- margin: 0 0 35px 15px;}\r
-\r
-ul {\r
- list-style-type: disc;\r
- padding: .5em 0 .7em 0px;\r
- margin: 0px 0px 0px 1em;\r
- zoom:1; /*Is not a hack - gives IE6/7 layout */}\r
-\r
-li {\r
- padding: 0.2em 0px;\r
- line-height: 1.4em;\r
- margin: 7px 0 0 15px; }\r
-\r
-.upper-alpha {\r
- list-style-type: upper-alpha;\r
- padding: 0px;\r
- margin: 0px 0px 0px 10px;}\r
-\r
-.lower-alpha {\r
- list-style-type: lower-alpha;\r
- padding: 0px;\r
- margin: 0px 0px 0px 10px;}\r
- \r
-.lower-roman {\r
- list-style-type: lower-roman;\r
- padding: 0px;\r
- margin: 0px 0px 0px 10px;} \r
-\r
-.decimal {\r
- list-style-type: decimal;\r
- padding: 0px;\r
- margin: 0px;}\r
-\r
-ul.horizontal-list {\r
- display: inline;\r
- list-style-image: none;\r
- list-style-position: outside;\r
- list-style-type: none;\r
- margin: 0;\r
- padding: 0;}\r
-\r
-ul.horizontal-list li {\r
- display: inline;\r
- float: left;\r
- border-right: 1px solid #3a3a3a;\r
- padding: 0 5px;\r
- margin:0;\r
- line-height:1.2em;\r
- }\r
-\r
-ul.horizontal-list li.first {\r
- padding-left: 0;}\r
-\r
-ul.horizontal-list li.last {\r
- border-right: none;\r
- padding-right: 0;}\r
-\r
-.columnize-list {\r
- padding-left:15px; \r
- line-height:normal; \r
- font-size:1em; \r
- margin:0.58em 0 0.58em 15px;}\r
-\r
-.columnize-list li {\r
- padding:0;\r
- height:20px;\r
- vertical-align:middle;}\r
-\r
-.no-bullet {\r
- list-style-type: none;\r
- padding-left:0;}\r
-\r
-.no-bullet li {margin:0}\r
-\r
-.no-border,.no-border li {border:none !important}\r
-\r
-.branchImgheight {width: 100px}\r
-\r
-.elem_jsDisabled {display: block}\r
- \r
-/********** Used for larger list with sublists within sublist example: Travel booklist ***********/\r
- \r
-.large-list ul {\r
- list-style-type:none;\r
- margin:0 0 0 1em;\r
- padding:0 0 0 0;\r
-}\r
-\r
-.large-list li {\r
- line-height:1.2em;\r
- margin:0;\r
- padding:0 0 0.1em 0;\r
-}\r
-\r
-.large-list h3{ margin: 20px 0px 10px 0px;}\r
- \r
-.large-list h3 a {\r
- color:#ff6633;\r
- margin: 20px 0px 10px 0px;\r
-}\r
-\r
-.large-list h3 a:hover {\r
- color:#ff6633;\r
- text-decoration: underline;\r
-}\r
-\r
-.large-sub-list {\r
- color:#1765A9;\r
- padding: 0 0 0 0;\r
- line-height: 1.8em;\r
- font-family:Arial,Verdana,sans-serif;\r
- font-size:1.25em;\r
- font-weight:bold;\r
- margin-bottom:0 !important;\r
- margin-top:0 !important;\r
-}\r
-\r
-/********** 1.6 - table styles ***********/\r
-\r
-/* Tables still need 'cellspacing="0"' in the markup. */\r
-table {\r
- border-collapse: collapse;\r
- border-spacing: 0;\r
- border:1px solid #DFDEDD;\r
- width:100%;\r
- margin:10px 0 15px 0;\r
-}\r
-\r
-table tr td, table tr th, table thead th {\r
- padding:0.8em;}\r
-\r
-table.dynamic tbody {\r
- display:block;}\r
-\r
-table.column-borders td {\r
- border-left: 1px solid #DFDEDD;}\r
-\r
-table td {\r
- border-bottom: 1px solid #DFDEDD;}\r
-\r
-table tfoot {\r
- border-top:1px solid #DFDEDD;}\r
-\r
-caption,th,td {\r
- text-align: left;}\r
- \r
-td.align-top,table.align-top {\r
- vertical-align:top;\r
- margin:0.4em 0;}\r
-\r
-caption {\r
- color:#525252;\r
- font-size:1.1em;\r
- font-weight:bold;\r
- \r
- background-color:#e1ebf2;\r
- \r
- border-radius: 4px 4px 0 0;\r
- -moz-border-radius: 4px 4px 0 0;\r
- -webkit-border-radius: 4px 4px 0 0;\r
- -khtml-border-radius: 4px 4px 0 0;\r
- padding: 10px 5px 10px 12px;\r
-\r
-}\r
-\r
-table th {\r
- background-color:#efeeed;\r
- border-left:none;\r
- border-right:none;\r
- border-bottom:1px solid #dfdedd;\r
- text-align:left;\r
-}\r
-\r
-table tr:last-child td, table tr:last-child th{\r
- border-bottom: none;}\r
-\r
-table.has-caption { /* Fix for bug in FF 3.5 and Safari */ \r
- margin-top:0;}\r
-\r
-/********** 1.7 - Form Field styles *****************/\r
-\r
-label.hint:hover {\r
- background: none !important;}\r
-\r
-label,.header-links a:link,.header-links a:visited,.header-links a:active {\r
- font-weight: normal;\r
- }\r
-\r
-/********** 1.8 - Typographic styles *****************/\r
-\r
-.subtext, .small-font {\r
- font-size: .9em;\r
- font-weight: normal;\r
- color: #333;\r
- display: block;}\r
-\r
-.author {\r
- font-size: 1.1em;\r
- color: #333;\r
- display: block;\r
- }\r
-\r
-p.subtitlelist {\r
- margin: 0px 0px 0px -15px;}\r
-\r
-.bold,#place-hold .expiration,#place-hold .pickup,#place-hold label,#logon label\r
- {\r
- font-weight: bold;\r
- }\r
-#place-hold input.required\r
- { color:#000;}\r
-abbr {\r
- border-bottom-width: 0;}\r
-\r
-/********** 2.0 - Content columns styles ***********/\r
-.narrow-home {\r
- width: 280px;}\r
-\r
-.narrow-search,.narrow {\r
- width: 220px;\r
- margin: 0 20px 0 0 !important;\r
- overflow:hidden;}\r
-\r
-.narrower {\r
- width: 220px;\r
- margin: 0 20px 0 0 !important;}\r
-\r
-.narrower-search {\r
- clear: left;\r
- width: 220px;\r
- padding-bottom: 8px;}\r
-\r
-.narrow-rest {\r
- width: 640px;}\r
-\r
-.half-wider {\r
- width: 220px;}\r
-\r
-.wider {\r
- width: 460px;}\r
-\r
-.widest {\r
- width: 700px;}\r
-\r
-.half-widest {\r
- width:340px;\r
- }\r
-\r
-.wide-home,.wide {\r
- width: 340px;}\r
-\r
-/********** 2.1 - Alts to Content columns styles ***********/\r
-#books-video-music .narrow {\r
- margin-right: 10px;}\r
-\r
-/*********** 2.2 - branch profile page columns ***********/\r
-.sharewidget-narrower {\r
- width: 160px;\r
- float: left;}\r
-\r
-/********** 2.3 - accessibility page columns ********/\r
-\r
-#accessibility fieldset {\r
- border: none;\r
- border-bottom: 1px solid #ccc;\r
- margin: 0.5em 0 0 0;\r
- padding-left: 0;}\r
-\r
-#accessibility legend {\r
- padding-left: 0;\r
- margin-left: 0;}\r
-\r
-#accessibility label {\r
- padding-right: 1em;}\r
-\r
-#accessibility .last-fieldset {\r
- border-bottom: none;}\r
-\r
-/********** 2.4 - Secondary Column styles - Try to phase out ***********/\r
-.column {\r
- float: left;\r
- display: inline;\r
- margin: 0 20px 0 0;\r
- padding: 0;}\r
-/**Advanced search column style**/\r
-#advanced-search .column {\r
- margin-right: 45px;}\r
-\r
-/**home page columns**/\r
-.inner-column {\r
- padding-right: 10px;}\r
-\r
-/******** 3.0 - percentage widths ************/\r
-.pct100-width {\r
- width: 100%;}\r
-\r
-.pct50-width {\r
- width: 50%;}\r
-\r
-.pct60-width {\r
- width: 60%;\r
- float: left;}\r
-\r
-.pct40-width {\r
- width: 40%;\r
- float: left;}\r
-\r
-.pct35-width {\r
- width: 35%;}\r
-\r
-.pct33-width {\r
- width: 31%;\r
- float: left;}\r
-\r
-.pct25-width {\r
- width: 25%;\r
- float: left;}\r
-\r
-/********** 4.0 - positioning styles *************/\r
-\r
-.record-detail {\r
- float: left;}\r
-\r
-.left {\r
- text-align: left;\r
- float: left;\r
- padding: 0 0px 1em 0;\r
- }\r
- \r
-.float-left {\r
- float:left; }\r
-\r
-.left-float-clear {\r
- text-align: left;\r
- float: left;\r
- clear: left;\r
- margin: 3px 9px 5px 0;}\r
-\r
-.center {\r
- text-align: center;}\r
-\r
-.right {\r
- text-align: left;\r
- float: right;}\r
-\r
-.float-right {\r
- float:right;\r
-}\r
-\r
-.align-top {\r
- margin-top:-2px !important;\r
- padding-top:0;}\r
-\r
-.align-right {\r
- margin-right:0 !important;}\r
-\r
-.align-left {\r
- margin-left:0 !important;}\r
-\r
-.align-bottom {\r
- margin-bottom:0 !important;}\r
- \r
-.valign-middle {\r
- vertical-align:middle}\r
-\r
-.clear-left {\r
- clear: left;}\r
- \r
-.clear-right {\r
- clear: right;}\r
- \r
-.small {\r
- font-size: 0.8em;}\r
-\r
-.divider {\r
- height: 10px;\r
- border-bottom: 1px solid #999;\r
- margin-bottom: 10px;}\r
-\r
-img.align-center {\r
- display:block; \r
- margin:0 auto;\r
- padding: 10px 0;}\r
-\r
-img.align-left {\r
- display:block; \r
- padding: 5px;}\r
- \r
-\r
-/******** 5.0 - Header styles ********/\r
-\r
-.header #submit-button :active {border-color: #2B7076 #A3DEE1 #A3DEE1 #2B7076}\r
-\r
-/***** Renamed from header-top ******/\r
-.header-search-container {\r
- margin: 0 auto;\r
- overflow: hidden;\r
- position: relative;\r
- padding: 0 0 0 0;\r
- width: 980px;}\r
-\r
-/******* New Header Menu *******/\r
-.header-menu-container {\r
- width: 960px;\r
- margin: 0 auto;\r
- height: 100%;\r
- }\r
- \r
-.masthead-container {\r
- height: 7.65em;\r
- overflow: hidden;\r
- padding-top: 4px;}\r
- \r
-.skip-navigation {\r
- position:absolute;\r
- left:-10000px;}\r
-\r
-\r
-.header-top-menu {\r
- color: #293869;\r
- display:inline;\r
- float:right;\r
- font-size: 1.25em;\r
- font-family: Arial, Helvetica, sans-serif;\r
- height:100%;\r
- list-style:none outside none;\r
- margin:0;\r
- overflow: hidden;\r
- padding:0;\r
- }\r
- \r
-.header-top-menu li {\r
- border-left:1px solid #AAA;\r
- display: inline-block;\r
- float: left;\r
- margin: 0;\r
- padding:0;\r
- }\r
- \r
-.header-top-menu li a {\r
- display:inline-block;\r
- color: #1765A9; \r
- padding: 32px 16px 28px;\r
- }\r
- \r
-.header-top-menu li a b {\r
- text-decoration:underline;\r
-}\r
- \r
-.header-top-menu li a:hover {\r
- text-decoration: none;\r
- background-color: #0051B1;\r
- color: white;\r
- border-bottom: solid; \r
- border-color: #0051B1; \r
-}\r
-\r
-#contact-item{white-space:nowrap}\r
- \r
-.header-search-container .homepage-only, .header-top-menu .homepage-only {display:none}\r
- \r
-#menu-search {\r
- border-right:none;\r
- display:block;\r
- display:inline-block;\r
- float:right;\r
- font-size:1.25em;\r
- padding:15px 0 0px 0;\r
- }\r
- \r
-.searchTerms {\r
- background-color: #F2F2F2; \r
- float:left;\r
- font-size: 1.6em;\r
- line-height:1.3em;\r
- margin:0 5px 0 0;\r
- padding:0.45em 0 0.35em 0.26em;\r
- width: 230px;\r
- }\r
- \r
-#menu-search #submit-button {\r
- font-size: 1.2em;\r
- height: 3em;\r
- width: 5.6em;}\r
- \r
-#logo-item {\r
- width:183px;\r
- border-left: none;\r
- padding: 6px 0;\r
- float: left;}\r
- \r
-#logo-item a{\r
- background-image:url('/images/tpl-logo.gif');\r
- background-repeat:no-repeat;\r
- display:block;\r
- width: 228px;\r
- height: 64px;\r
- margin-bottom:5px;\r
- padding:0;\r
-}\r
-\r
-#logo-item a:hover{background-position:0px -64px}\r
-\r
-.header-search {\r
- font-family:arial;\r
- font-size:1.6em;\r
- font-weight:normal;\r
- margin:32px auto 0 auto;\r
- padding:0 0 32px 0;\r
- position: relative; \r
- float:left;\r
- left:25%;}\r
-\r
-.header #submit-button {\r
- background-color: #329aa5;\r
- border-color: #A3DEE1 #2B7076 #2B7076 #A3DEE1;\r
- border-style: solid;\r
- border-width: 2px;\r
- color: #FFFFFF;\r
- cursor:hand;\r
- cursor:pointer;\r
- display: inline;\r
- height: 1.8em; /*2em;*/\r
- margin-left: 3px; /* 5px */\r
- vertical-align: middle;\r
- width: 4.5em;\r
- padding-bottom:2px;\r
- float:left;\r
- margin-bottom:0;}\r
-\r
-.header #submit-button :active {border-color: #2B7076 #A3DEE1 #A3DEE1 #2B7076}\r
-\r
-.top-menu {\r
- background-color:#EEE; \r
- border:1px solid #AAA;\r
- display:none; float:right; \r
- position:absolute; \r
- z-index:10000; \r
- overflow: hidden;\r
- padding-right:0; \r
- margin:0 0 0 0;\r
- font-size:0.9em;}\r
-\r
-.top-menu ul { \r
- list-style:none;\r
- margin:0px;\r
- padding:0px;}\r
-\r
-.top-menu li {\r
- width:100%;\r
- border-bottom:1px solid #293D66; \r
- font-size:1.5em;\r
- background-color: #EEE;\r
- margin: 0px;\r
- padding:0px;}\r
-\r
-.top-menu li a {\r
- display:block;\r
- height:100%;\r
- width:100%;\r
- padding: 16px 0 16px 10px;}\r
- \r
-.top-menu li a:hover {\r
- background-color:#153B68;\r
- color:white;\r
- text-decoration:none;}\r
- \r
-\r
-/*******************************/\r
-#header-bottom-container {\r
- background-color: #293869;\r
- font-family: Arial, Verdana, sans-serif;\r
- margin-bottom: 44px; /**Changed for new menus **//\r
- display: block;}\r
-\r
-.header-bottom {\r
- font-size: 1.5em;\r
- color: #153b68;\r
- list-style-image: none;\r
- list-style-position: outside;\r
- list-style-type: none;\r
- overflow: hidden;\r
- width: 980px;\r
- padding: 0 0 0 0px;\r
- margin: 0 auto;}\r
- \r
-\r
-.header-bottom li {\r
- float: left;\r
- display: inline;\r
- margin: 0 0 0 50px;\r
- padding: 0;}\r
-\r
-.header-bottom li a {\r
- display: inline-block;\r
- margin: 0;\r
- padding: 13px 10px 13px 10px;} //changed for new nav\r
-\r
-.header-bottom .top-nav-selected {\r
- background-color: #00809A;\r
- padding-left: 20px;\r
- padding-right: 20px;\r
- display: block;}\r
-\r
-.header-bottom #books-link {\r
- text-align: left;\r
- margin-left: 10px;}\r
-\r
-.header-bottom #books-link a {\r
- width: 215px; padding-left: 20px; padding-right: 20px;}\r
-\r
-.header-bottom #programs-link a {\r
- width: 199px; padding-left: 20px; padding-right: 20px;}\r
-\r
-.header-bottom #branches-link a {\r
- width: 124px; padding-left: 20px; padding-right: 20px;}\r
-\r
-.header-bottom #using-link a {\r
- width: 115px; padding-left: 20px; padding-right: 20px;}\r
-\r
-\r
-#header-links-container {\r
- float:right;\r
- padding-right:14px;}\r
-\r
-.header-links {\r
- display: inline-block;\r
- margin-bottom: 5px;\r
- font-family: Arial, sans-serif;\r
- font-size: 1.25em; /*10pt*/\r
- font-weight: normal;\r
- color: #CCCCCC;\r
- width: 16.3em;}\r
-\r
-#search-alternative-links #old-cat, #search-alternative-links span, #reserve-computer, #header-language-links, .header-search label.hint {\r
- display: none;}\r
- \r
-#search-links {\r
- font-size:1em;\r
- margin-left:5px;}\r
-\r
-ul.header-links li {\r
- margin: 6px 0 2px;\r
- border:none;}\r
-\r
-.header-search ul li.first{\r
- border-right:none;\r
- padding:6px 5px 0 5px;}\r
-\r
-.header-search a, .link-block {\r
- display:block;}\r
-\r
-.header-search #searchTerms {\r
- background-color: #F2F2F2;\r
- border: 1px solid #AAAAAA;\r
- float: left;\r
- padding: 0.26em;\r
- width: 160px;\r
- margin-top:0;}\r
-\r
-.header-search #searchTerms :hover {\r
- border: 1px solid #686868;}\r
-\r
-.header-search #searchTerms :focus {\r
- background-color: #f9f9f9;\r
- border: 1px solid #686868;}\r
-\r
-.header-search a:hover {\r
- font-size: 1em;\r
- font-weight: normal;\r
- text-decoration: underline;}\r
-\r
-.header-search label.hint {\r
- color: #6e6e6e;\r
- left: 12px;\r
- position: absolute;\r
- top: 11px;\r
- padding: 5px;}\r
-\r
-.header-language-links {\r
- float: right;\r
- position: relative;\r
- top: 30px;}\r
-\r
-.header-hide-offscreen {\r
- position: absolute;\r
- left: -999em;}\r
-\r
-/******* 5.1 - Header Links *******/\r
-.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
- color: #fff;text-decoration:none}\r
-\r
-.header-search a:link,.header-search a:visited,.header-search a:active {\r
- font-size: 0.8em;font-weight:normal}\r
-\r
-/*************** 6.0 - Page banners *****************/\r
-\r
-.color-bar {display:none}\r
-\r
-#header-container {\r
- display: block;\r
- background-image: url(/images/header_background_logo_blue.gif); \r
- background-repeat: repeat-x; \r
- }\r
-\r
-/************ 7.0 - Page Specific styles ******************/\r
-/** 7.1 - Branches**/\r
-#branch-detail .record-detail {\r
- width: 25em;\r
- margin-bottom: 20px;}\r
- \r
-/** 7.2 - Detail page styles**/\r
-.bib-detail .image {\r
- height: 150px;}\r
- \r
-#buy-button {\r
- background-color: #797a7a; \r
- background-image: none; \r
- color: white;\r
- padding: 5px 5px \r
-}\r
-\r
-.buy-button a:hover {\r
- text-decoration:none;}\r
-\r
-/** 7.3 - Appel Salon page styles**/\r
-#salon-banner {\r
- height: 101px;\r
- margin-right: 15px;\r
- background-image:\r
- url('/content/programs-and-classes/appel-salon/images/appel_banner.jpg');\r
- background-repeat: no-repeat;\r
- background-position: middle;\r
- margin-bottom: 15px;}\r
- \r
-/** 8.4 - Holds placement page styles**/\r
- \r
-#place-hold h2 {\r
- font-size:1.2em;\r
- font-weight:bold;\r
- color: #545454;\r
- margin-top:8px;\r
-}\r
-\r
-.success-message {\r
- font-size: 1.7em;\r
- font-family: Arial, Verdana, sans-serif;\r
- /*display: block;*/\r
- line-height: 1em;\r
- color:#545454;\r
- font-weight: normal;\r
- margin-top: 0em;\r
- margin-bottom: 25px;\r
- }\r
- \r
-/** 7.5 - Featured Series page styles **/\r
-.featured-series #series-banner, #page-banner {\r
- background-repeat: no-repeat;\r
- background-position: left;\r
- margin-right: 20px;\r
- margin-bottom: 15px;}\r
-\r
-#asian-heritage-month.featured-series #series-banner {\r
- height: 110px;\r
- background-image:url('/content/programs-and-classes/images/featured-series/featured-series-banner-ahm.jpg');}\r
-\r
-#eh-list.featured-series #series-banner {\r
- height: 108px;\r
- background-image:url('/content/programs-and-classes/images/featured-series/featured-series-banner-ehlist.jpg');}\r
-\r
-#seniors-month.featured-series #series-banner {\r
- height: 100px;\r
- background-image:url('/content/programs-and-classes/images/featured-series/featured-series-banner-seniors-month.jpg');}\r
-\r
-#luminato.featured-series #series-banner {\r
- height: 104px;\r
- background-image:url('/content/programs-and-classes/images/featured-series/featured-series-banner-luminato.jpg');}\r
-\r
-#aboriginal-celebration.featured-series #series-banner {\r
- height: 100px;\r
- background-image:url('/content/programs-and-classes/images/featured-series/featured-series-banner-aboriginal-celebration.jpg');}\r
-\r
-#book-bash.featured-series #series-banner {\r
- height: 100px;\r
- background-image:url('/content/programs-and-classes/images/featured-series/featured-series-banner-book-bash.jpg');}\r
-\r
-#business-inc.featured-series #series-banner {\r
- height: 100px;\r
- background-image:url('/content/programs-and-classes/images/featured-series/featured-series-business-inc-series.jpg');}\r
-\r
-#thought-exchange.featured-series #series-banner {\r
- height: 100px;\r
- background-image:url('/content/programs-and-classes/images/featured-series/featured-series-banner-thought-exchange.jpg');}\r
-\r
-/******** 7.6 - TPL Foundation Styles ******/\r
-\r
-\r
-#donate-button a {\r
- background-color: #f25824;\r
- color: white;\r
- display:block;\r
- font-size:11px;\r
- font-weight: bold;\r
- padding: 8px 0px 10px 10px;\r
- width: 78px;\r
- font-family:Arial, Helvetica, sans-serif;}\r
- \r
-#donate-button a:hover {\r
- text-decoration:none;}\r
-\r
-/******** 9.0 - Footer styles ********/\r
-#footer-stripe {\r
- margin: 3em 0 0 0;\r
- background-color: #293869;\r
- color: #FFF;\r
- font-size: 1.25em;\r
- font-family: Arial, Helvetica, sans-serif;\r
- font-weight: normal;\r
- padding: 2em 0 1.5em 0;\r
-}\r
-\r
-.columns { /* Creates Borders Only*/\r
- min-height: 350px;\r
- border-right: solid 1px #3f4c78;\r
-}\r
-\r
-#footer-stripe h3 {\r
- margin: 0 0 .5em 0;\r
- padding: 0;\r
- }\r
-\r
-#footer-stripe h3 a:link, #footer-stripe h3 a:visited, #footer-stripe h3 a:hover { /*Orange Header Links in the Footer*/\r
- \r
- color: #fdbe00;\r
- font-size: .85em;\r
- font-family: Arial, Helvetica, sans-serif;\r
- text-shadow: 0.1em 0.1em #232f53;\r
- font-weight: bold;\r
- text-decoration: none;\r
- display: block;\r
-}\r
-\r
-\r
-#footer-stripe ul a:link, #footer-stripe ul a:visited{ /*Basic white on blue links*/\r
- color: #FFF;\r
- font-weight:normal;\r
- text-decoration: none;\r
-}\r
-\r
-#footer-stripe ul a:hover {\r
- color: #FFF;\r
- font-weight:normal;\r
- text-decoration: underline;\r
-}\r
-\r
-#footer-stripe ul { /*Styled footer list only*/\r
- list-style-type: none;\r
- margin: 0 0 2.7em -1.1em;\r
- padding: 0 0 0 0;\r
- font-size: .95em;\r
-}\r
-\r
-#footer-stripe li{\r
- margin-top:0;\r
- margin-bottom:4px;\r
-}\r
-\r
-\r
-/* Legal copy Strip */\r
-#footer-bottom-container {\r
- margin: .5em 0 4em 0;\r
- color: #525252;\r
- font-size: 1.1em;\r
- font-family: Arial, Helvetica, sans-serif;\r
- font-weight:normal;\r
- text-align: left;\r
- padding: 0;\r
-}\r
-\r
-#footer-bottom-container ul { /* Legal list spacing */\r
- list-style-type: none;\r
- list-style: none;\r
- padding: 0;\r
- margin: 0 0 0 0;\r
-}\r
-\r
-#footer-bottom-container li {\r
- display: inline;\r
- float: left;\r
- padding: 0 .1em 0 0; \r
-}\r
-\r
-/******** 10.0 - Sprite styles & Icons ********/\r
-\r
-.sprite a, .toggle-link{\r
- display: block;\r
- background-image:url('/images/icons/sprite-icons.png');\r
- background-repeat:no-repeat;\r
- padding: 0 0 0 25px;\r
- height: 25px;\r
-}\r
-\r
-/*Large Icons - found in the footer */\r
-.sprite a#social-blogs {background-position: 0px -25px}\r
-.sprite a#social-facebook {background-position: 0px -50px}\r
-.sprite a#social-twitter {background-position: 0px -75px}\r
-.sprite a#social-youtube {background-position: 0px -100px}\r
-.sprite a#social-flickr {background-position: 0px -125px}\r
-.sprite a#social-pinterest {background-position: 0px -150px}\r
-.sprite a#social-goodreads {background-position: 0px -675px}\r
-\r
-/*Large icon IDs also need to be added to the list below so that proper padding & height is added to each large icon */\r
-#social-news,#social-blogs,#social-facebook,#social-twitter,#social-youtube,#social-flickr,#social-pinterest,#social-goodreads{padding:3px 0 0 33px; height:22px}\r
-\r
-/*Small Icons - found in search results page and branch profiles */\r
-.sprite a#email-link {background-position:0px -250px}\r
-.sprite a#print {background-position: 0px -275px}\r
-.sprite a#facebook {background-position: 0px -300px}\r
-.sprite a#twitter {background-position: 0px -325px}\r
-/*.sprite a#addthis {background-position: 0px -350px} --> Not needed since addthis component has links to external styles*/\r
-.sprite a#rss {background-position: 0px -375px}\r
-.sprite a#pinterest {background-position: 0px -400px}\r
-\r
-/*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
-#email-link,#print,#facebook,#twitter,#addthis,#rss{height:16px; font-weight: inherit}\r
-\r
-.sprite #branch-phone {background-position: 0px -703px}\r
-.sprite #wheelchair-access {background-position: 0px -176px}\r
-.sprite #wireless-access {background-position: 0px -200px}\r
-.sprite #tty-service {background-position: 0px -225px; padding-right:5px}\r
-.sprite #wheelchair-access,.sprite #wireless-access, .sprite #branch-phone{height:25px; width:25px; padding: 0 5px 0 0; float:left}\r
-\r
-.sprite li a#grid-view {background-position: 0px -425px}\r
-.sprite li .sort-selected a#grid-view {background-position: 0px -450px}\r
-\r
-.sprite li a#list-view {background-position: 0px -475px}\r
-.sprite li .sort-selected a#list-view {background-position: 0px -500px}\r
-\r
-.sprite a.pagination-next {background-position:0px -525px}\r
-.sprite a.pagination-next:hover {background-position:0px -550px}\r
-.sprite a.pagination-previous {background-position:0px -575px}\r
-.sprite a.pagination-previous:hover {background-position:0px -600px}\r
-\r
-.sprite a.pagination-previous,.sprite a.pagination-next{width:16px; height:19px; padding:0}\r
-\r
-.sprite .toggle-link.open {background-position:0px -625px}\r
-.sprite .toggle-link.closed {background-position:0px -650px} \r
-\r
-.addthis_toolbox span {\r
- display:block;\r
- float:left;\r
- padding-right: 10px;\r
-}\r
-/*Remove the sprite background image for the <a> within the addthis parent container. Not needed.*/ \r
-.addthis_toolbox a {\r
- background:none;\r
- padding:0; \r
-}\r
-\r
-.accessible-element {position:absolute; left:-100000px}\r
-\r
-/******** 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
-/** 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
-/** 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
-/*********** Widget container style ********/\r
-\r
-p + div.widget, ul + div.widget, div.clear + div.widget {\r
- margin-top: 15px;\r
-}\r
-\r
-.widget, .section {\r
- margin: 0px 0px 20px 0px;\r
- padding: 0px 0px 0px 0px;\r
- display: block;\r
-}\r
-\r
-.widget div.white {\r
- padding: 10px;\r
- border-top: 0px;\r
- background-color: #fff;\r
-}\r
-\r
-.widget-content,.map-container{\r
- background-color: #eee;\r
- overflow:hidden;\r
- padding: 0px 15px 10px 15px;\r
- \r
- border-radius: 0px 0px 7px 7px;\r
- -moz-border-radius: 0px 0px 7px 7px;\r
- -webkit-border-bottom-right-radius: 7px;\r
- -webkit-border-bottom-left-radius: 7px;\r
-}\r
-\r
-.widget-content-round-all, .round-all { /*, #spotlight-promotion .widget-content */\r
- background-color: #f5f5f5;\r
- padding:3px 10px 10px;\r
- \r
- border-radius: 7px;\r
- -moz-border-radius: 7px;\r
- -webkit-border-radius: 7px;\r
- -khtml-border-radius: 7px;\r
- \r
-}\r
-\r
-.widget-content-round-all.message-yellow {\r
- background-color: #fcfdd5;\r
- border: 1px solid #F8A961;\r
-}\r
-\r
-.widget-content-round-all img {\r
- /*vertical-align: middle;*/\r
-}\r
-\r
-/***************** Individual widget styles *******************/\r
-/*****In the Future please use color coding system and not div titles *********/\r
-.widget#latest-blogs h3, .widget#branch-info h3, .widget#green-title h3 {\r
- border-top: 4px solid #339933;\r
- border-bottom: 1px solid #339933;\r
-}\r
-\r
-.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
- border-top: 4px solid #FFCC33;\r
- border-bottom: 1px solid #FFCC33;}\r
- \r
-.widget#related-internet-links h3, .widget#vrl-matches h3, .widget#orange-title h3 {\r
- border-top: 4px solid #FF6633;\r
- border-bottom: 1px solid #FF6633;\r
-}\r
-\r
-.widget#emonthly-signup h3, .widget#calendar h3, .widget#red-title h3 {\r
- border-top: 4px solid #CC3333;\r
- border-bottom: 1px solid #CC3333;\r
-}\r
-\r
-.widget#Support-Your-Library h3, .widget#Become-Donor h3, .widget#Legacy-Giving h3, .widget#Build-Collections h3 {\r
- border-top: 4px solid #f25824;\r
- border-bottom: 1px solid #f25824;\r
-}\r
-\r
-.widget#online-downloads h3 {\r
- border-top: 4px solid #da0f5e;\r
- border-bottom: 1px solid #da0f5e;\r
-}\r
-\r
-.widget#Build-Collections .description a {\r
- background-color: #f25824;\r
- color: white;\r
- display:block;\r
- font-size:11px;\r
- font-weight: bold;\r
- padding: 8px 0px 10px 10px;\r
- width: 78px;\r
- font-family:Arial, Helvetica, sans-serif;\r
- margin-top:25px;\r
- }\r
- \r
-.widget#Build-Collections .description a:hover {\r
- text-decoration: none;\r
- }\r
- \r
-.widget#social-links-spotlight a {\r
- margin-bottom:10px;\r
- }\r
-\r
-.widget#social-links-spotlight span {\r
- padding-left:10px;\r
- }\r
-\r
-.widget#upcoming-programming h4, .widget#ask-a-librarian h4, .widget#spotlight-promotion h4 {\r
- /* default Blue styles */\r
-}\r
-.widget#latest-blogs .last {\r
- border: none;\r
-}\r
-/********* Background color and styles for widgets ***********/\r
-.bg-light-blue {\r
- background-color: #e5f6f4;\r
-}\r
-\r
-.bg-white {\r
- background-color: #fff;\r
-}\r
-\r
-.widget#latest-blogs .pointer {\r
- margin-left: -1em;\r
- float: left;\r
- font-weight: bold;\r
- color: #005dab;\r
- display: inline; /* IE 6 fix */\r
-}\r
-\r
-\r
-/***************** Misc widget content styles *******************/\r
-.widget#latest-blogs div { /*border: 0px;*/\r
- padding-left: 0.2em;\r
- background-color: #fff;\r
-}\r
-\r
-.widget#latest-blogs {\r
- margin-bottom: 0px;\r
-}\r
-\r
-.widget#related-subjects a.subject {\r
- text-decoration: underline;\r
- line-height: 1.3em;\r
-}\r
-\r
-.widget#vrl-matches #more-link {\r
- text-align: right;\r
- margin-top: 0.8em;\r
- margin-bottom: 0.8em;\r
-}\r
-\r
-.widget#vrl-matches #more-link a {\r
- text-decoration: underline;\r
- white-space: nowrap;\r
-}\r
-\r
-.widget#vrl-matches #more-link a:hover {\r
- text-decoration: none;\r
-}\r
-\r
-.widget#new-item-spotlight {\r
- margin-bottom: 0px;\r
-}\r
-\r
-.widget#new-item-spotlight h4 {\r
- text-transform: none;\r
-}\r
-\r
-.widget#new-item-spotlight .no-margin {\r
- margin-bottom: 0px;\r
- padding-right: 10px;\r
- padding-bottom: 10px;\r
- overflow:hidden;\r
-}\r
-\r
-.widget#search-results {\r
- margin-bottom: 5px;\r
-}\r
-\r
-.widget#merch-spotlight-multi {\r
- width: 470px;\r
- /*float:left;*/\r
- display: inline;\r
- padding: 0;\r
-}\r
-\r
-.widget#support-your-library a\r
-{\r
- text-decoration:none;\r
-}\r
-\r
-.widget#support-your-library h3 {\r
- color: white; \r
- border: none; \r
- font-family: Arial, Verdana, Helvetica, sans-serif; \r
- font-size: 1.25em; \r
- font-weight: bold; \r
- padding-bottom: 10px; \r
- padding-top: 10px; \r
- padding-left: 10px;\r
- background-color: transparent; \r
-}\r
-\r
-.widget#support-your-library \r
-{\r
- background-color: rgb(242, 88, 36);\r
-}\r
-\r
-.widget#support-your-library:hover\r
-{\r
- background-color: rgb(199, 73, 30);\r
-}\r
-\r
-.widget#support-your-library:active\r
-{\r
- background-color: rgb(255, 115, 38);\r
-}\r
-\r
-.widget#support-your-library .headline {\r
- margin-bottom: 0px; overflow: hidden;\r
-}\r
-\r
-.widget#support-your-library .tagline {\r
- font-weight: bold; \r
- color: #525252; \r
- margin-left: 10px; \r
- margin-bottom: 10px;\r
- text-decoration: none;\r
- padding-top: 10px;\r
-}\r
-\r
-.widget#support-your-library .pitch-text {\r
- margin: 10px; \r
- padding-bottom: 10px; \r
- color: #525252; \r
- text-decoration: none;\r
-}\r
-\r
-.widget#support-your-library #foundation {\r
- display: block; \r
- cursor: pointer; \r
- text-decoration: none;\r
-}\r
-\r
-.widget#support-your-library .foundation-body {\r
- margin-top: 2px;\r
- background-color: rgb(226, 226, 226); \r
- \r
-}\r
-\r
-/****Homepage style for Online Download section using widget_merch-foundation.jspf****/\r
-\r
-.widget#online-downloads a\r
-{\r
- text-decoration:none;\r
-}\r
-\r
-.widget#online-downloads h3 {\r
- color: white; \r
- border: none; \r
- font-family: Arial, Verdana, Helvetica, sans-serif; \r
- font-size: 1.25em; \r
- font-weight: bold; \r
- padding-bottom: 10px; \r
- padding-top: 10px; \r
- padding-left: 10px;\r
- background-color: transparent; \r
-}\r
-\r
-.widget#online-downloads \r
-{\r
- background-color: #da0f5e;\r
-}\r
-\r
-.widget#online-downloads:hover\r
-{\r
- background-color: #990033;\r
-}\r
-\r
-.widget#online-downloads:active\r
-{\r
- background-color: #da0f5e;\r
-}\r
-\r
-.widget#online-downloads .headline {\r
- margin-bottom: 0px; overflow: hidden;\r
-}\r
-\r
-.widget#online-downloads .tagline {\r
- font-weight: bold; \r
- color: #525252; \r
- margin-left: 10px; \r
- margin-bottom: 10px;\r
- text-decoration: none;\r
- padding-top: 10px;\r
-}\r
-\r
-.widget#online-downloads .pitch-text {\r
- margin: 10px; \r
- padding-bottom: 10px; \r
- color: #525252; \r
- text-decoration: none;\r
-}\r
-\r
-.widget#online-downloads #ebooks {\r
- display: block; \r
- cursor: pointer; \r
- text-decoration: none;\r
-}\r
-\r
-.widget#online-downloads .ebooks-body {\r
- margin-top: 2px;\r
- background-color: rgb(226, 226, 226); \r
-}\r
-\r
-\r
-\r
-/******************SEARCH REFINE DIVS**************************/\r
-.refinement, .record {\r
- margin: 0.4em 8px 0.4em 8px;\r
- font-weight: normal;\r
-}\r
-.record b {\r
- font-weight: normal;\r
-}\r
-\r
-.refinement a, .record a {\r
- text-decoration: none;\r
-}\r
-\r
-.refinement a:hover, .record a:hover {\r
- text-decoration: underline;\r
-}\r
-\r
-.refinement a:visited, .record a:visited {\r
- font-weight: normal;\r
-}\r
-\r
-.refinement .links-disabled, .record .links-disabled {\r
- color: #666;\r
-}\r
-\r
-.refinement-container {\r
- border: 1px solid #666; /*#eee*/\r
- margin: 0px 0px 5px 0px;\r
- padding-bottom: 3px;\r
- /*position: relative;*/\r
-}\r
-\r
-.refinement-container h3, .refinement-title { \r
- background: #525252 none repeat scroll 0 0;\r
- border-bottom:none;\r
- color: #FFFFFF;\r
- font-size: 1em;\r
- line-height: 16pt;\r
- margin-bottom: 4px;\r
- margin-top: 0;\r
- padding-bottom: 0;\r
- padding-top: 0;\r
- padding-left: 8px;\r
- text-decoration: none;\r
- font-weight: normal;\r
- border-top-width: 0px;\r
-}\r
-\r
-.refinement-container-selected {\r
- border: 1px solid #00B6BD;\r
- margin: 0 0 5px;\r
- padding-bottom: 3px;\r
- position: relative;\r
-}\r
-\r
-.refinement-container-selected h3, .refinement-container-selected .refinement-title {\r
- background-color: #00B6BD;\r
- border: none;\r
- font-weight: bold;\r
- color:#fff;\r
- font-size:1em;\r
-}\r
-\r
-.refinement-clear {\r
- font-size: 8pt;\r
- position: absolute;\r
- right: 4px;\r
- text-align: left;\r
- text-transform: lowercase;\r
- top: 0;\r
- line-height: 16pt;\r
-}\r
-\r
-.refinement-clear a:link,.refinement-clear a:visited {\r
- color: #fff;\r
-}\r
-\r
-.refinement-crumb {\r
- margin-left: 8px;\r
- font-weight: bold;\r
-}\r
-\r
-.refinement-crumb a:link,.refinement-crumb a:visited {\r
- color: #444;\r
-}\r
-\r
-#refinements-Type .refinement-crumb a:link,#refinements-Type .refinement-crumb a:visited\r
- {\r
- color: #1765A9;\r
-}\r
-\r
-#refinements-Type .refinement-crumb {\r
- font-weight: normal;\r
-}\r
-\r
-#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
- {\r
- color: #1765A9;\r
-}\r
-\r
-#refinements-website_category .refinement-crumb, #refinements-catégorie_de_site_internet .refinement-crumb {\r
- font-weight: normal;\r
-}\r
-\r
-\r
-.refinement .ref-count {\r
- font-size: 8pt;\r
- color: #666666\r
-}\r
-\r
-#refinements img {\r
- vertical-align: top;\r
- /*top: -2px;\r
- position: relative;\r
- */\r
-}\r
-\r
-.refinement-more {\r
- font-size: 0.9em;\r
- margin-left: 8px;\r
- margin-bottom: 0.4em;\r
- text-transform: lowercase;\r
-}\r
-\r
-.refinement-more a:link,.refinement-more a:visited {\r
- color: #3CA4AA;\r
- text-decoration: underline;\r
-}\r
-\r
-.refinement-more a:hover {\r
- color: #01316b;\r
-}\r
-\r
-.refinement-select-others {\r
- font-size: 0.9em;\r
-}\r
-\r
-.refinement-cancel-others {\r
- font-size: 0.9em;\r
- display: none;\r
- padding-bottom: 5px;\r
- margin-bottom: 5px;\r
- margin-right: 10px;\r
- border-bottom: 1px solid #DDD;\r
-}\r
-\r
-#refinements-library_branch {\r
- height: 12.5em;\r
- overflow-y: scroll;\r
-}\r
-\r
-/******************************************************************\r
-Styles for individual refinements (reference by numeric dimension value)\r
-******************************************************************/\r
-#refinements-38526 .refinement {\r
- margin-left: 24px;\r
- text-indent: -18px;\r
-}\r
-\r
-.breadcrumb-title {\r
- color: #074997;\r
- font-size: 11pt;\r
- font-weight: bold;\r
- margin-top: 5px;\r
- margin-bottom: 5px;\r
-}\r
-\r
-#search #breadcrumb-stacked {\r
- background-color: #FFF;\r
- padding-left: 10px;\r
- padding-right: 10px;\r
-}\r
-\r
-#search #breadcrumb-stacked h3 {\r
- background-color: #FFF;\r
- border: 0px;\r
-}\r
-\r
-#breadcrumb-stacked img {\r
- vertical-align: bottom;\r
- margin-top: 3px;\r
- margin-bottom: 1px;\r
-}\r
-\r
-#breadcrumb-stacked .title {\r
- font-size: 9pt;\r
- font-weight: bold;\r
- margin-bottom: 7px;\r
-}\r
-\r
-#breadcrumb-stacked .clear-refinements {\r
- font-size: 8pt;\r
-}\r
-\r
-.itemcount {\r
- font-weight: normal;\r
-}\r
-\r
-.preview-panel {\r
- display: none;\r
- width: 300px;\r
- height: 300px;\r
- float: right;\r
- border: 1px solid #999;\r
- padding: 10px;\r
- margin: 5px;\r
-}\r
-\r
-/* Horizontal Carousel */\r
-#horizontal_carousel {\r
- float: left;\r
- margin-left: 6px;\r
- margin-right: 6px;\r
- width: 200px;\r
- height: 83px;\r
- margin-bottom: 10px;\r
- position: relative;\r
-}\r
-\r
-#horizontal_carousel .container {\r
- position: absolute;\r
- top: 4px;\r
- left: 10px;\r
- width: 180px;\r
- height: 75px;\r
- overflow: hidden;\r
-}\r
-\r
-#horizontal_carousel .previous_button {\r
- position: absolute;\r
- top: 0;\r
- left: 0;\r
- width: 8px;\r
- height: 8px;\r
- background-image: url(/images/pagination_arrow-prev.gif);\r
- background-repeat: no-repeat;\r
- background-position: center;\r
- z-index: 100;\r
- cursor: pointer;\r
- padding-top: 31px;\r
- padding-bottom: 33px\r
-}\r
-\r
-#horizontal_carousel .previous_button_disabled {\r
- background-image: url(/images/pagination_arrow-prev.gif);\r
- cursor: default;\r
-}\r
-\r
-#horizontal_carousel .next_button {\r
- position: absolute;\r
- top: 5px;\r
- right: 0px;\r
- width: 8px;\r
- height: 8px;\r
- background-image: url(/images/pagination_arrow-next.gif);\r
- background-repeat: no-repeat;\r
- z-index: 100;\r
- cursor: pointer;\r
- margin-top: 30px;\r
-}\r
-\r
-#horizontal_carousel .next_button_disabled {\r
- background-image: url(/images/pagination_arrow-next.gif);\r
- cursor: default;\r
-}\r
-\r
-#horizontal_carousel ul {\r
- margin: 0;\r
- padding: 0 0 0 0;\r
- border: 0;\r
- width: 100000px;\r
- position: relative;\r
- top: 0;\r
- left: 0;\r
- height: 75px;\r
-}\r
-\r
-#horizontal_carousel ul li img {\r
- display: block;\r
- margin-left: 2px;\r
- margin-right: 2px;\r
- border: 0;\r
-}\r
-\r
-#horizontal_carousel ul li {\r
- border: 0px solid green;\r
- font-size: 10px;\r
- margin: 0pt;\r
- padding: 0;\r
- list-style: none;\r
- float: left;\r
-}\r
-\r
-#detail-image-container img {\r
- display: block;\r
- height: 195px;\r
- overflow: hidden;\r
- width: 270px;\r
-}\r
-\r
-/******************** Vertical Carousel *******************/\r
-#vertical_carousel {\r
- margin-left:10px;\r
-}\r
-\r
-#vertical_carousel ul {\r
- border: 0 none;\r
- float: left;\r
- margin: 0;\r
- padding: 0;\r
- position: relative;\r
-}\r
-\r
-#vertical_carousel ul img {\r
- width: 60px;\r
-}\r
-\r
-#vertical_carousel ul li {\r
- border: 0 solid green;\r
- display: block;\r
- list-style-image: none;\r
- list-style-position: outside;\r
- list-style-type: none;\r
- float: left;\r
- width: 60px;\r
- height: 40px;\r
- margin: 0 8px 6px 0;\r
- overflow: hidden;\r
-}\r
-\r
-#vertical_carousel .previous_button, #vertical_carousel .next_button{\r
- display: none;\r
-}\r
-\r
-/******************** programs calendar widget *******************/\r
-#programs-calendar {\r
- /*position: relative; --> Don't think this is needed DS */ \r
-}\r
-\r
-#programs-calendar .widget-content {\r
- background-color: #E6EFF7;\r
- padding: 0 8px 0 8px;\r
-}\r
-\r
-#programs-calendar h3 {\r
- /*text-transform: uppercase; --> Not Needed - DS*/\r
-}\r
-\r
-#programs-calendar .refinement-container {\r
- border: 0;\r
-}\r
-\r
-#programs-calendar #refinements {\r
- margin-bottom: 0px;\r
- padding-bottom: 0px;\r
-}\r
-\r
-#programs-calendar #ages-fieldset fieldset {\r
- padding-left: 10px;\r
-}\r
-\r
-#programs-calendar #ages-fieldset br {\r
- /*margin-bottom: 8px; --> Not needed - DS*/\r
-}\r
-\r
-#programs-calendar .refinement-title {\r
- display: none;\r
-}\r
-\r
-#programs-calendar .date-range input {\r
- width: 2em;\r
-}\r
-\r
-#programs-calendar .date-range input.year {\r
- width: 3em;\r
-}\r
-\r
-#programs-calendar .search-within {\r
- /*margin: 0 0 5px 0;*/\r
-}\r
-\r
-#programs-calendar #search-submit {\r
- background:none;\r
- float:right;\r
- margin-right:0;\r
- padding: 1em 0 1em 1em;\r
-}\r
-\r
-#programs-calendar fieldset {\r
- border:none;\r
- padding: 5px;\r
- position:relative;\r
-}\r
-\r
-#programs-calendar #branches-fieldset #branch-filters {\r
- background-color:#F8F8F8; \r
- border:1px solid #E2E2E2 \r
-}\r
-\r
-#programs-calendar #branches-fieldset, #programs-calendar #ages-fieldset {\r
- background-color:#F8F8F8; \r
- margin-top:10px; \r
- padding-bottom:10px; \r
-}\r
-\r
-#programs-calendar #branches-fieldset legend, #programs-calendar #ages-fieldset legend {\r
- *margin-left:-5px;\r
- margin-bottom:0;\r
- margin-top:0;\r
- padding: 10px 0 5px 0; \r
-}\r
-\r
-#programs-calendar #date-fields {\r
- margin-right: 10px;\r
- padding-left: 10px;\r
-}\r
-\r
-#programs-calendar #date-fields .text {\r
- font-size: 0.9em;\r
- color: #666;\r
- width: 40px;\r
-}\r
-\r
-#programs-calendar #date-fields .footnote {\r
- position: relative;\r
- color: #999;\r
- top: -2px;\r
- margin-left: 0px;\r
- margin-bottom: 5px;\r
-}\r
-\r
-#programs-calendar .refinement {\r
- margin-left: 3px;\r
-}\r
-\r
-#programs-calendar .refinement-container {\r
- margin-bottom: 0px;\r
- padding-bottom: 0px;\r
-}\r
-\r
-#programs-calendar #calendar-button { /*float: right;\r
- *position: relative;\r
- *top: -25px;*/\r
- display: block !important;\r
- float: right;\r
- margin-right: 10px;\r
- margin-top: -24px;\r
-}\r
-\r
-/************** styles for section navigation widget **************/\r
-.section-nav {\r
- background-color: #fff;\r
- color: #525252;\r
- font-size: 1.3em;\r
- padding: 0.4em 0;\r
- font-weight: bold;\r
- border-top: 2px solid #444;\r
- font-family: Arial, sans-serif;\r
-}\r
-\r
-.section-nav-current {\r
- margin: 0;\r
- background-color: #E6EFF7;\r
- border-top: 4px solid #444;\r
- border-bottom: 2px solid #444; /*1px solid #00809a;*/\r
- color: #525252;\r
- font-size: 1.1em;\r
- font-weight: bold;\r
- padding: 5pt 0 5pt 5pt; /*5px 0px 5px 0px;*/\r
- /*border-bottom: 1px solid #666;*/ /* background-color: #EEE; \r
- font-weight: bold;\r
- padding: 3px;\r
- padding-left: 5px; */\r
- font-family: Arial, sans-serif;\r
-}\r
-\r
-.section-nav-current a {\r
- font-size: 1.2em;\r
-}\r
-\r
-.section-nav-page {\r
- background-color: #FFFFFF;\r
- border-bottom: 1px dotted #000000;\r
- border-top: 0 dotted #000000;\r
- font-family: Arial, sans-serif;\r
- font-weight: normal;\r
- margin: 0.5em 0;\r
- padding: 0 0 0.5em 0.5em;\r
- font-size:1.1em;\r
-}\r
-\r
-.section-nav-page a {\r
- padding: 0;\r
- font-weight: normal;;\r
-}\r
-\r
-.section-top {\r
- border-top: 4px solid #444;\r
- margin-top: 30px;\r
- padding-top: 7px;\r
-}\r
-\r
-.section-top.section-nav-current {\r
- border-top: 4px solid #444;\r
- margin-top: 0px;\r
-}\r
-\r
-#section-navigation .whats-more {\r
- padding: 82px 0 0 0;\r
- display: block;\r
- background-image: url(/images/navigation/whatsmore.jpg);\r
- background-repeat: no-repeat;\r
- overflow: hidden;\r
- height: 0px;\r
-}\r
-\r
-#widget-page-actions {\r
- /*float:right;\r
- margin-right:60px;\r
- margin-top:-50px;*/ \r
-}\r
-\r
-#page-actions-horizontal {\r
- list-style-type: none;\r
- margin: 0;\r
- padding: 0;\r
- font-size: 0.8em;\r
- margin: 0px 10px;\r
- /*overflow:hidden;*/\r
- display:block;\r
-}\r
-#page-actions-horizontal li {\r
- float: left;\r
- margin-left:0;\r
-}\r
-\r
-#page-actions-horizontal li img {\r
- /*vertical-align: middle;\r
- display: block;\r
- float: left;\r
- padding-right: 10px;*/\r
-}\r
-\r
-#page-actions-horizontal li a {\r
- /*vertical-align: middle;*/\r
-}\r
-\r
-#page-actions-horizontal li.lastItem {\r
- padding-left: 0;\r
-}\r
-\r
-#page-actions-vertical {\r
- /*list-style-type: none;*/ \r
- width:16em;\r
-}\r
-\r
-h3#page-actions-vertical {\r
- /*list-style-type: none;*/ \r
- margin-left:1.5em;\r
- margin-bottom:0;\r
- padding-bottom:0;\r
-}\r
-\r
-ul#page-actions-vertical {\r
- margin:0 0 20px 0; \r
- padding:0;\r
- overflow:hidden;\r
-}\r
-\r
-#page-actions-vertical li div a {\r
- /*display:block;\r
- font-weight:normal;\r
- padding: 0 2px;*/\r
- }\r
-\r
-#page-actions-vertical li div + a {\r
- display:block;\r
- /*margin-top:0.3em;*/\r
- margin-left:45%;\r
- margin-top:7%;\r
- }\r
-#page-actions-vertical li {\r
- list-style-type: none; \r
- padding:0;\r
- margin:0 0 0 2em;\r
- }\r
- \r
-#page-actions-vertical li div{\r
-background-color:#F7F6F5;\r
- border: 1px solid #E5E5E5; \r
- width: 7em;\r
- -moz-border-radius: 4px;\r
- -webkit-border-radius: 4px;\r
- -khtml-border-radius: 4px;\r
- border-radius: 4px;\r
- position:relative;\r
- margin-top:0.8em;\r
- padding:0.5em;\r
- float:left;\r
- font-weight:normal;\r
- }\r
-#page-actions-vertical li div img{\r
- /*width: 16px;\r
- height: 16px;\r
- margin-right:4px;\r
- vertical-align:text-top;*/\r
-}\r
-.countBubble {\r
- margin-top: 0.8em;\r
- padding: 8px 0;\r
- text-align: center;\r
- width: 67px;\r
- background-image:url('/images/icons/action-share-count.gif');\r
- background-repeat:no-repeat;\r
- float: right;\r
-}\r
-\r
-div.atclear { display:none;}\r
-/*********************** See Also widget styles ******************/\r
-#see-also .title {\r
- font-weight: normal;\r
-}\r
-\r
-#see-also .record {\r
- padding-top: 10px;\r
-}\r
-\r
-/*************** Refinement typeahead styles ********************/\r
- /****** NOTE SEE AJAX_REFINEMENT-TYPEAHEAD.JSPF FOR STYLES *****/\r
- /********************* Carousel styles **************************/\r
-.carousel-container { /*height: 135px;*/\r
- padding-top: 10px;\r
- background-color: #eee;\r
- overflow:hidden;\r
- zoom:1; /** IE6 fix -- Does not cause validation errors**/\r
-}\r
-\r
-.carousel-sub-container {\r
- float:left; \r
- display:inline; \r
- text-align:center; \r
- padding:5px;\r
-}\r
-\r
-.carousel-sub-container .item {\r
- float: left; \r
- width: 31%; \r
- padding-left:5px;\r
- overflow:hidden;\r
-}\r
-\r
-.carousel-sub-container .item .book-cover {\r
- display:block; \r
- width:6.2em; \r
- overflow:hidden; \r
- margin:0 auto;\r
-}\r
-\r
-.carousel-cell {\r
- float: left;\r
- width: 12px;\r
- padding: 0px;\r
- margin: 0px;\r
-}\r
-\r
-.carousel-cell img {\r
- margin-top: 50px;\r
-}\r
-\r
-.yui-carousel-nav {\r
- display: none;\r
-}\r
-\r
-.carousel-middle {\r
- float: left;\r
- width: 100%;\r
- background: #eee;\r
- display: none;\r
-}\r
-\r
-.carousel-item {\r
- float: left;\r
- width: 83px;\r
- min-width: 83px;\r
- max-width: 83px;\r
- margin: 0 auto;\r
- list-style: none;\r
- overflow: hidden;\r
-}\r
-\r
-.carousel-title {\r
- text-align: center;\r
- background: #ccc;\r
- padding: 0.5em;\r
- color: #4037b0;\r
- font-weight: bold;\r
- font-size:1.25em;\r
- border-top: 2px solid #e8c31b;\r
- margin: 0em 0 0 0;\r
- clear:both;\r
-}\r
-\r
-.carousel-image {\r
- /*max-height: 100px;\r
- overflow: hidden;*/\r
-}\r
-\r
-.carousel-item-title {\r
- background: #fffec3;\r
- font-size: 0.8em;\r
- color: #000;\r
- position: relative;\r
- top: -5px; /*-15px*/\r
- margin: 0 auto;\r
- width: 175px;\r
- z-index: 200;\r
- padding: 3px;\r
- text-align: center;\r
- display: block;\r
- line-height: 1.3;\r
- /*top:120px;\r
- position:absolute;\r
- left:100px;*/\r
-}\r
-\r
-.carousel-item-title a {\r
- color: #4740ab;\r
-}\r
-\r
-.carousel-container .footer-link {\r
- text-align: right;\r
- float:right;\r
- padding: 0.9em;\r
-}\r
-\r
-.yui-carousel-item-selected {\r
- border: 0px;\r
-}\r
-\r
-.yui-carousel-element li {\r
- border: 0px;\r
-}\r
-\r
-.yui-carousel {\r
- padding: 0px;\r
- margin: 0px;\r
- /*padding-bottom:60px;*/\r
-}\r
-\r
-.carousel-wide {\r
- margin-bottom: 2em;\r
-}\r
-\r
-.carousel-wide .carousel-item-title {\r
- width: 250px;\r
-}\r
-\r
-/*********************** Ask a Librarian widget styles ******************/\r
-\r
-#ask-a-librarian ul {\r
- font-size: 1em;\r
- margin: 0;\r
- padding: 0 0 0 15px;\r
- list-style-position: outside;\r
- list-style-type: none;\r
- font-weight:bold;\r
-}\r
-\r
-#ask-a-librarian ul li { \r
- margin-top:8px;\r
-}\r
-\r
-#ask-a-librarian ul li img {\r
- float: left;\r
- padding-right: 15px;\r
- margin: 0;\r
-}\r
-\r
-#ask-a-librarian a.block-level {\r
- display:block;\r
- padding-top:5px;\r
-}\r
-\r
-\r
-#ask-a-librarian ul li#phone div {\r
- font-weight: normal;\r
- font-size: 0.9em;\r
- display: block;\r
- margin: 0;\r
- padding: 0;\r
-}\r
-\r
-#ask-a-librarian ul li#faq {\r
- padding:0 0 5px 0;\r
- font-weight:normal;\r
-}\r
-\r
-/*********************** Homepage footer (social networking) styles ******************/\r
-#homepage-footer {\r
- margin-left: 40px;\r
- margin-right: 40px;\r
- padding-left: 10px;\r
- height: 50px;\r
- background-color: #EEE;\r
- border: 10px solid #EEE;\r
- font-weight: bold;\r
-}\r
-\r
-#social-links {\r
- margin-left: 20px;\r
- float: left;\r
- background-color: white;\r
-}\r
-\r
-#social-links ul {\r
- list-style-image: none;\r
- list-style-position: outside;\r
- list-style-type: none;\r
-}\r
-\r
-#social-links li {\r
- margin-right: 40px;\r
- float: left;\r
- line-height: 20px;\r
-}\r
-\r
-/*********************** Youtube feed widget style ******************/\r
-.youtube-feed-entry {\r
- border-bottom: 1px solid #e8e9ee;\r
- padding: 0.8em 0 0.8em 0;\r
- margin: 0 0 0.8em 0;\r
- min-height: 180px;\r
-}\r
-\r
-.youtube-feed-entry .left {\r
- padding: 0em 0 0em 0;\r
- margin: 0 .8em 0em 0;\r
-}\r
-\r
-/*********************** Refinement microbrowser search widget style ******************/\r
-/* Not needed \r
-.refinement-microbrowser {\r
- background-color: #EEEEEE;\r
- padding: 0.8em;\r
-}*/\r
-\r
-.refinement-microbrowser select {\r
- width: 15em;\r
-}\r
-\r
-/*********************** Book promotion widget styles ******************/\r
-\r
-.widget-book-promotion .merch-record-horizontal {\r
- overflow:hidden;\r
- border-bottom:none;\r
- padding-top:5px;\r
- padding-bottom:5px;\r
-}\r
-.image-container + span.booklist,.widget-book-promotion .link {\r
- font-weight:bold;\r
- font-size:120%;\r
-}\r
-.widget-book-promotion .footer-message {\r
- text-align:right;\r
-}\r
-\r
-/********************** New spotlight styles ********************/\r
-\r
-\r
-/* Apply new spotlight background image style to spotlights in narrow-search and narrow type columns only */\r
-\r
-.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
-.grid_4.omega #spotlight-promotion .widget-content, .grid_4.omega #spotlight-promotion .widget-content-round-all {\r
- /*margin-bottom: 25px; \r
- margin-top: 25px;*/\r
- background-color: #e9f1fe;\r
- \r
- border-left: solid 1px #3B9DB0; border-right: solid 1px #3B9DB0; border-bottom: solid 1px #3B9DB0; border-top: solid 4px #3B9DB0; \r
- 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
- \r
- background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #FBFDFF), color-stop(0.75, #D7E5FD));\r
- background-image: -moz-linear-gradient( center bottom, #FBFDFF 0%, #D7E5FD 75% );\r
- overflow:hidden;\r
- \r
- } \r
- \r
-\r
-}\r
-\r
-#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
- font-size: 1.1em;\r
- line-height: 1.2em;\r
- color: #293869;\r
- font-weight: bold;\r
-}\r
-\r
-#spotlight-promotion .widget-content .title a:hover, #spotlight-promotion .widget-content .title a:hover {\r
- line-decoration: underline;\r
- color: #1765A9;\r
-}\r
-\r
-#spotlight-promotion .widget-content p, #spotlight-promotion .widget-content-round-all p {\r
- font-size: 0.9em;\r
- line-height: 1.3em;\r
- margin-bottom:0; /*3*/\r
- margin-top:0;\r
- padding-top:0;\r
- overflow:hidden;\r
- zoom:1;\r
-}\r
-\r
-#spotlight-promotion .widget-content p a, #spotlight-promotion .widget-content-round-all p a {\r
- text-decoration: underline;\r
- font-weight:normal !important;\r
- clear:left;\r
- display:block;\r
-}\r
-\r
-#spotlight-promotion .widget-content .category, #spotlight-promotion .widget-content-round-all .category { /*Accessibility fix on Blue BG*/\r
- color: #008094; /*#525252 */\r
- margin-top:4px;\r
- font-size:0.9em;\r
- line-height:1em;\r
- font-family:arial;\r
-}\r
-\r
-#spotlight-promotion img.spotlight-promotion {\r
- /*margin-left:-15px; /-15px/\r
- margin-top:-5px; /-5px/\r
-\r
- width: 218px;\r
- overflow: hidden;*/\r
- }\r
-\r
-#spotlight-promotion .merch-record-horizontal{\r
- border: 0px;\r
- padding:5px 10px 8px;\r
-}\r
-\r
-#spotlight-promotion .merch-record-horizontal .image-container{\r
- padding:0 1.1em 0.5em 0; \r
-}\r
-\r
-#spotlight-promotion .title {\r
- color:#293869;\r
- font-weight:bold;\r
- font-size:1.2em;\r
- display:block;\r
- line-height:1.1em;\r
- padding-bottom:5px;\r
- padding-top:2px;\r
- font-family: arial; \r
-}\r
-\r
-#spotlight-promotion .widget-content, #spotlight-promotion .widget-content-round-all {\r
- background-color: #eee;\r
- padding:0;\r
- border-radius: 7px;\r
- -moz-border-radius: 7px;\r
- -webkit-border-radius: 7px;\r
- -khtml-border-radius: 7px;\r
-}\r
-\r
-/*\r
-#spotlight-promotion .banner-anchor {\r
- display:block;\r
- margin:-5px -15px 0;\r
-}\r
-\r
-#spotlight-promotion .banner-anchor img {\r
- width:218px; \r
-}*/\r
-\r
-/*New style*/\r
-#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
-/***Merge into .details used on homepage*/\r
-#spotlight-promotion .details {/*max-height: 114px;min-height: 113px;overflow: hidden;padding-left: 90px;position: relative; margin-top:0.6em*/ }\r
-\r
-/***Merge into .details img used on homepage*/\r
-#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
-\r
-/***Merge into .details .text used on homepage*/\r
-#spotlight-promotion .details .text {margin-top: 0.75em; overflow: auto;}\r
-\r
-/*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
-\r
-/*New style*/#spotlight-promotion .location {line-height: .7em; font-size: .9em;}\r
-\r
-\r
-.category { /*Move me to Pages and use for blog category or something that needs to be tied into another section of the site*/\r
- /*color: #008194;*/\r
- font-size: .9em;\r
- font-weight: bold;\r
- /*margin-bottom: -2px;*/\r
-}\r
-/* Quick Search for style Sections. Copy and paste these into search for easy searching.\r
-\r
-1.0 - Multimedia styles\r
- 1.1 - Styles for event details images\r
- 1.2 - Styles for Images\r
- 1.3 - Base button styles\r
-2.0 - Spotlight Promotional Slider\r
-3.0 - Calendar and date menu styles\r
-4.0 - Bib Item styles\r
- 4.1 - Bib detail page styles\r
-5.0 - Sortable table styles\r
-6.0 - Branches and Hours styles\r
- 6.1 - Branch message styles\r
-7.0 - Merchandising styles\r
- 7.1 - Merch record style\r
- 7.2 - Widget_dc-browse-subjects styles\r
- 7.3 - Book Grid Promo styles \r
-8.0 - tab styles\r
-9.0 - Booklists style\r
- 9.1 - style for booklist summary table\r
-10.0 - Email signup box style\r
-11.0 - Syndetics Plus styles\r
-12.0 - session timeout warning style\r
-13.0 - Record styles\r
- 13.1 - Record button styles\r
- 13.2 - Articles box styles\r
- 13.3 - Article headers\r
- 13.5 - KTR 2014\r
-14.0 - Search styles\r
-15.0 - Multiple Column List Styles\r
-\r
-X - Closed Captions\r
-XX- style for the feedback container\r
-\r
-*/\r
-\r
-/*********** 1.0 - Multimedia styles **************/\r
-.youtube {\r
- background-color: #eeeeee;\r
- margin: 5px 0 0px 0;\r
- padding: 10px 0 8px 0;\r
- text-align: center;\r
-}\r
-\r
-/********* 1.1 - Styles for event details images *********/\r
-div.image-strip .image-label {\r
- font-weight: bold;\r
- font-size: 80%;\r
-}\r
-\r
-div.image-strip-container {\r
- float: left;\r
- width: 140px;\r
- margin: 5px;\r
-}\r
-\r
-div.image-strip-container img {\r
- float: left\r
-}\r
-\r
-/********* 1.2 - Styles for Images *********/\r
-.content img {\r
- padding: 5px 5px;\r
- display: block;\r
-}\r
-\r
-.img-cap {\r
- float: right;\r
- padding: 5px;\r
- font-size: 8pt;\r
-}\r
-\r
-/********* 1.3 - Base button styles *********/\r
-.button, .button:visited {\r
- color: #fff;\r
- display: inline-block;\r
- font-size: 1.2em;\r
- font-weight: normal;\r
- line-height: 31px;\r
- min-height: 33px;\r
- min-width: 73px; \r
- margin: 12px 0;\r
- overflow: visible;\r
- padding: 0px 8px;\r
- text-align: center;\r
- -webkit-appearance: none;\r
- border-radius: 0px;\r
- -moz-border-radius: 0px;\r
- -webkit-border-radius: 0px;\r
- -khtml-border-radius: 0px;\r
- -webkit-box-sizing: content-box;\r
- -moz-box-sizing: content-box;\r
- box-sizing: content-box;\r
- vertical-align: middle;\r
- \r
- /* IE specific fixes */\r
- *line-height: 32px;\r
- *height: 34px;\r
- *width: auto;\r
-}\r
-\r
-.button:last-child {\r
- margin-bottom: 0px;\r
-}\r
-\r
-ul.horizontal-list li .button {\r
- margin: 12px 0;\r
-}\r
-\r
-.button, .button:hover {\r
- color: #fff;\r
- cursor: hand;\r
- cursor: pointer;\r
- font-weight: normal;\r
- text-decoration: none;\r
-}\r
-\r
-.button.large {\r
- padding: 0.6em 2em;\r
- *padding: 0; /* IE Fix for improper box model rendering */\r
-}\r
-\r
-.cancel, .confirm, .submit {\r
- background: #447c23;\r
- border: 1px solid #3e7120;\r
- *border-width: 0; /* IE Fix for improper box model rendering */\r
-}\r
-\r
-.cancel:hover, .confirm:hover, .submit:hover {\r
- background: #589e30;\r
-}\r
-\r
-.cancel:active, .confirm:active, .submit:active {\r
- background: #38661d;\r
-}\r
-\r
-.search, .go {\r
- background: #329AA5;\r
- border: 1px solid #2e8b95;\r
- margin-top: 0px;\r
- margin-bottom: 0px;\r
-}\r
-\r
-.search:hover, .go:hover {\r
- background: #38acb8; \r
-}\r
-\r
-.search:active, .go:active {\r
- background: #21656c; \r
-}\r
-\r
-/*********** 2.0 - Spotlights styles **************/\r
-\r
-.featured-spotlight {\r
- margin-top: 10px;\r
- margin-bottom: 10px;\r
- height: 150px;\r
-}\r
-\r
-.featured-spotlight img {\r
- margin-right: 5px;\r
- float: left;\r
-}\r
-\r
-\r
-/********2.0 - Spotlight Promotional Slider********/\r
-.spotlight-multi {\r
- display: none;\r
-}\r
-\r
-#spotlight-multi-links {\r
- width: 220px;\r
- height: 211px;\r
- float: left;\r
- background-color: #EEEEEE;\r
- padding: 0 5px;\r
- margin-bottom: 20px;\r
-}\r
-\r
-.spotlight-multi-tab {\r
- width: 208px;\r
- float: left;\r
- line-height: 22px;\r
- background-color: #FFFFFF;\r
- margin: 5px 0;\r
- padding: 10px 0 10px 10px;\r
- position: relative;\r
-}\r
-\r
-\r
-.spotlight-multi-tab-selected a {\r
- color: #000;\r
- display: block;\r
- padding: 0 0 0 10px;\r
- \r
-}\r
-\r
-.spotlight-multi-tab-selected {\r
- width: 218px;\r
- float: left;\r
- line-height: 25px;\r
- margin: 4px 0;\r
- background-color: #113c68;\r
- padding: 10px 0px;\r
- border-bottom: 2px solid #BBBBBB;\r
- border-right: 1px solid #BBBBBB;\r
- position: relative;\r
-}\r
-\r
-.spotlight-multi-tab-selected a {\r
- color: white;\r
- font-weight: bold;\r
- padding: 0 0 0 10px;\r
-}\r
-\r
-.spotlight-multi-tab .spotlight-multi-tab-arrow {\r
- position: relative;\r
- background-color: transparent;\r
- left: -50px;\r
- width: 50px;\r
- top: -18px;\r
- float: left;\r
- height: 45px;\r
- display: none;\r
-}\r
-\r
-.spotlight-multi-tab-selected .spotlight-multi-tab-arrow {\r
- position: absolute;\r
- background-color: transparent;\r
- height: 60px;\r
- left: -50px;\r
- width: 50px;\r
- top: -8px;\r
- background-image: url(/images/multi-spotlight-arrowhead.gif);\r
- background-repeat: no-repeat;\r
- background-position: right;\r
-}\r
-.spotlight-multi-selected {\r
- display: block;\r
-}\r
-\r
-.spotlight-multi-selected .image {\r
- float: left;\r
- width: 470px;\r
- padding-left:10px;\r
-}\r
-\r
-.spotlight-multi-selected .text {\r
- float: left;\r
- width: 380px;\r
- color: #525252;\r
-}\r
-\r
-.spotlight-multi-selected .text h4 {\r
- margin-bottom: 15px;\r
- padding-top: 0px;\r
-}\r
-\r
-.spotlight-multi-selected .text div {\r
- color: #525252;\r
- padding-bottom: 7px;\r
-} \r
-\r
-/************* 3.0 - Calendar and date menu styles *******************/\r
-#calendar .widget-content {\r
- height: 300px;\r
-}\r
-\r
-#calendar img {\r
- cursor: pointer;\r
-}\r
-\r
-#calendar-popup {\r
- display: none;\r
- position: absolute;\r
- z-index: 100;\r
- width: 175px;\r
-}\r
-\r
-#calendar-month {\r
- display: none;\r
- position: absolute;\r
- background-color: #efefef;\r
- border: 1px solid #999;\r
- padding: 15px 10px 15px 15px;\r
- width: 125px;\r
- z-index: 100;\r
-}\r
-\r
-#calendar-month input {\r
- width: 60px;\r
- margin-top: 5px;\r
-}\r
-\r
-#calendar-inline {\r
- margin-left: 25px;\r
-}\r
-\r
-#date-selector-bar { \r
- z-index: 10;\r
- font-size: 8pt;\r
-}\r
-\r
-#date-selector-bar h4 {\r
- display: inline;\r
- font-weight: normal;\r
- float: left;\r
- padding: 0;\r
- margin-top: 0;\r
-}\r
-\r
-.search-results-embedded #search-bar {\r
- width: auto;\r
- float: none;\r
-}\r
-\r
-.search-results-embedded #date-selector-bar {\r
- margin-bottom: 1.2em;\r
- position: relative;\r
- width: 100%;\r
-}\r
-\r
-#date-selector-bar .search-tab {\r
- border: 0px;\r
- margin-left: 4px;\r
- margin-right: 4px;\r
-}\r
-\r
-#date-selector-bar .search-tab a {\r
- text-decoration: underline;\r
-}\r
-\r
-#date-selector-bar .search-tab-selected {\r
- border: 1px solid #4C4C4C;\r
- font-weight: bold;\r
- margin: 0 3px 0 3px;\r
- padding: 2px 5px;\r
- position: relative;\r
-}\r
-\r
-#date-selector-bar .search-tab-selected a {\r
- color: #4C4C4C;\r
-}\r
-\r
-#date-selector-bar .search-tab-selected a:hover {\r
- text-decoration: none;\r
-}\r
-\r
-#date-selector-title {\r
- font-size: 1.1em; /*11pt*/\r
- margin: 10px;\r
-}\r
-\r
-.button-submit-link {\r
- border:none;\r
- color: #1765A9;\r
- padding: 0px;\r
- margin: 0px;\r
- text-align: left;\r
-}\r
-\r
-.button-submit-link:hover { \r
- color: #293D66;\r
- cursor: hand;\r
- cursor: pointer; \r
-}\r
-\r
-#search-360 .button-submit-link {\r
- border: none;\r
- display: block;\r
- width: 17.3em;\r
- margin: 0;\r
- padding: 0;\r
- background: transparent;\r
-}\r
-\r
-#search-360 input.button-submit-link::-moz-focus-inner {\r
- border: none;\r
- display: block;\r
- width: 17.3em;\r
- margin: 0;\r
- padding: 0;\r
- background: transparent;\r
-}\r
-\r
-#search-360 .button-submit-link:hover {\r
- cursor: hand;\r
- cursor: pointer; \r
- text-decoration: underline;\r
-}\r
-\r
-#share-icon {\r
- position: relative;\r
- z-index: 99;\r
-}\r
-\r
-#search-360 {\r
- font-size: 8pt;\r
-}\r
-\r
-/**************** 4.0 - Bib Item styles ***********************/\r
-\r
-#bib-detail .main-image-container {\r
- text-align: center;\r
- margin-bottom: 20px;\r
- overflow: hidden;\r
-}\r
-\r
-/**************** 4.1 - Bib detail page styles ***********************/\r
-#branch-holdings {\r
- clear: left;\r
- width: 640px;\r
- margin-left: 235px;\r
-}\r
-\r
-table.item-availability th {\r
- background-color: #efeeed;\r
- color: #525252;\r
- text-align: left;\r
-}\r
-\r
-table.item-availability#serials colgroup col:first-child {\r
- width:50%;\r
- }\r
-\r
-table.item-availability tr.even {\r
- background-color: #EEE;\r
-}\r
-\r
-table.item-availability th.centertext, table.item-availability td.centertext {\r
- text-align:center;\r
-}\r
-\r
-.in-library {\r
- font-weight: bold;\r
-}\r
-\r
-.branchname-secondary a {\r
- display: none;\r
-}\r
-\r
-.stack-request-button {\r
- background: #EEEEEE;\r
- color: #0A8523;\r
- font-weight: bold;\r
-}\r
-\r
-#bib-detail .edition {\r
- margin-bottom: 20px;\r
- font-size: 14px;\r
-}\r
-\r
-/***************** 5.0 - Sortable table styles ******************/\r
-table.item-availability th.sortableHeader {\r
- background-image: url(/images/table-sort_unsorted.gif);\r
- background-repeat: no-repeat;\r
- background-position: center left;\r
- cursor: pointer;\r
-}\r
-\r
-table.item-availability th.headerSortUp {\r
- background-image: url(/images/table-sort_arrow-up.gif);\r
- background-repeat: no-repeat;\r
- background-position: center left;\r
- cursor: pointer;\r
-}\r
-\r
-table.item-availability th.headerSortDown {\r
- background-image: url(/images/table-sort_arrow-down.gif);\r
- background-repeat: no-repeat;\r
- background-position: center left;\r
- cursor: pointer;\r
-}\r
-\r
-/***************** 6.0 - Branches and Hours styles ******************/\r
-#search-branches {\r
- overflow: hidden;\r
-}\r
-\r
-#search-branches label.hint {\r
- color: #6e6e6e;\r
- position: absolute;\r
- top: 7px;\r
- left: 95px;\r
-}\r
-\r
-.branches-a-z #search-branches label.hint {\r
- color: #6e6e6e;\r
- position: absolute;\r
- top: 8px;\r
- left: 125px;\r
-}\r
-\r
-#search-branches div#location-terms-container {\r
- position: relative;\r
- float: left;\r
- display: block;\r
-}\r
-\r
-#search-branches #locationTerms {\r
- width: 400px;\r
- padding: 6px;\r
- float: left;\r
-}\r
-\r
-/***************** this is for lh-toronto-neighbourhoods-test.jsp ******************/\r
-.locationTerms {\r
- width: 275px;\r
- padding: 6px;\r
- float: left;\r
-}\r
-\r
-#search-branches .search-type {\r
- padding-left: 40px;\r
- padding-top: 5px;\r
-}\r
-\r
-#map_canvas {\r
- height: 500px;\r
-}\r
-\r
-#branches-and-hours #branch-locator #map_canvas {\r
- margin: 0px;\r
- width: 460px;\r
- height: 500px;\r
-}\r
-\r
-#branches-and-hours .record-result .text {\r
- color: #666666;\r
- line-height: 1.3;\r
-}\r
-\r
-\r
-.tabContent #branch-locator #map_canvas {\r
- margin: 0px;\r
- width: 430px;\r
- height: 300px;\r
-}\r
-\r
-.bookmobiles #branch-locator #map_canvas {\r
- margin: 0px;\r
- width: 700px !important;\r
-}\r
-\r
-.branch-icons {margin: 5px 0}\r
-\r
-.branch-icons img {\r
- /*margin-top: 2px;*/\r
-}\r
-\r
-#branch-detail .main-image-container {\r
- text-align: center;\r
- margin-bottom: 20px;\r
-}\r
-\r
-#branch-detail .main-image-container img {\r
- width: 150px;\r
-}\r
-\r
-#branch-detail h4 {\r
- line-height: 1.6em;\r
-}\r
-\r
-#map-loading {\r
- position: relative;\r
- top: 120px;\r
- left: 200px;\r
-}\r
-\r
-#map-branch-img-container img {\r
- margin:13px 15px 0 0; \r
- display:block;\r
-}\r
-/******************** 6.1 - Branch message styles **********************/\r
-.branch-message,.branch-message-compact {\r
- border: 1px solid #F8A961;\r
- background-color: #fdfdd4;\r
- padding: 0.6em;\r
- margin: 0 0 .5em 0;\r
- line-height: 1.1;\r
-}\r
-\r
-#branches-and-hours .hours .branch-message-compact,#branches-and-hours .hours .branch-message\r
- {\r
- margin: 0;\r
- width: 350px;\r
-}\r
-\r
-.all-branches {\r
- border: 1px solid black;\r
- margin: 0.2em 1.2em;\r
- padding: 0.2em;\r
- background-color: #F8A961;\r
-}\r
-\r
-#branch-message-all-branches, #homepage .branch-message {\r
- padding: 15px 12px 15px 12px;\r
- border: 2px solid #FBA229;\r
- background-color: #FDFED5;\r
- margin-bottom: 20px;\r
-}\r
-\r
-#branch-message-all-branches h2, #homepage .branch-message h2{\r
- padding: 0px 0px 0px 0px;\r
- border: 0px solid red;\r
- margin: 15px 0px 0px 0px;\r
-}\r
-\r
-#branch-message-all-branches p, #homepage .branch-message p{\r
- /*padding: 10px 0px 0px 0px; --> Not needed, I believe the standard <p> will do just fine...\r
- border: 0px solid red;\r
- margin: 0px 0px 0px 0px;*/\r
-}\r
-\r
-#homepage #branch-message-all-branches, #homepage .branch-message {\r
- margin-right: 20px;\r
-}\r
-\r
-#branches-and-hours #branch-message-all-branches {\r
- /*width: 600px;\r
- margin-bottom: 15px;*/\r
-}\r
-\r
-#branch-detail #branch-message-all-branches {\r
- width: 620px;\r
-}\r
-\r
-#branch-detail #branch-message {\r
- border: 1px solid #293D66;\r
- padding: 10px;\r
- background-color: #EEEEEE;\r
- margin-bottom: 15px;\r
-}\r
-\r
-.branch-message-heat-alert {\r
- background-color: #6E050B;\r
- text-align: center;\r
- padding: 3px 0 2px 0;\r
- margin: 15px 0 -15px 0;\r
-}\r
-\r
-.branch-message-heat-alert p {\r
- color: #fff;\r
- font-family: arial;\r
-}\r
-\r
-.branch-message-heat-alert p a {\r
- color:#fff;\r
- text-decoration: none;\r
- font-weight: bold;\r
- font-family: arial;\r
-}\r
-\r
-.branch-message-heat-alert p a:hover {\r
- color: #fff;\r
- text-decoration: underline;\r
- font-family: arial;\r
-}\r
-\r
-.map-bubble-max-height{font-size:9pt;}\r
-\r
-\r
-/******************** 7.0 - Merchandising styles **********************/\r
-.merch-list-title-link {\r
- float: right;\r
- text-transform: none;\r
- text-decoration: underline;\r
-}\r
-\r
-.merch-record-vertical {\r
- padding-top: 15px;\r
- padding-bottom: 10px;\r
-}\r
-\r
-.merch-record-horizontal {\r
- border-bottom: 1px solid #E2E2E2;\r
- overflow: hidden;\r
- padding: 20px 0px; /* 15px 0px; */\r
-}\r
-\r
-.merch-record-horizontal .date {\r
- margin-top: 10px;\r
-}\r
-\r
-.merch-record-horizontal .location {\r
- margin-bottom: 10px;\r
-}\r
-\r
-.merch-record-horizontal .author {\r
- margin: 0;\r
- line-height: 1.2em;\r
-}\r
-\r
-.merch-record-horizontal .description,.merch-record-horizontal .text {\r
- margin-top: .75em;\r
- overflow: auto;\r
-}\r
-\r
-.last, .merch-record-horizontal + .merch-record-horizontal:last-child {\r
- border: 0px !important;\r
-}\r
-\r
-.merch-record-vertical .image-container {\r
- width: 190px; \r
- text-align: center;\r
-}\r
-\r
-\r
-\r
-.merch-record-horizontal .image-container {\r
- padding: 0 1em;\r
- text-align: center;\r
- overflow: hidden;\r
- float: left;\r
- width: 100px;\r
-}\r
-\r
-.merch-record-horizontal .image-container img{\r
- max-width:100px;\r
-}\r
-\r
-.merch-record-horizontal .image-container .homepage-images {\r
- width: 100%;\r
- height: auto;\r
-}\r
-\r
-.merch-record-horizontal .image-container-no-background {\r
- width: 81px;\r
- height: 100px;\r
- text-align: center;\r
- margin-right: 20px;\r
- overflow: hidden;\r
- float: left;\r
-}\r
-\r
-.merch-record-horizontal .info {\r
- float: left;\r
-}\r
-\r
-.merch-record-horizontal .holdLink {\r
- text-align: left;\r
-}\r
-\r
-.merch-record-vertical .title {\r
- padding-top: 0.8em;\r
- padding-bottom: 0.4em;\r
- font-weight: normal;\r
-}\r
-\r
-.merch-record-horizontal .title {\r
- font-weight: bold;\r
-}\r
-\r
-.merch-record-horizontal .record-details .title{\r
- font-weight: bold;\r
- font-size: 1.2em;\r
- overflow: hidden;\r
- padding-bottom: 10px;\r
-}\r
-\r
-\r
-#upcoming-programming .merch-record-horizontal .title {\r
- padding-top:10px;\r
-}\r
-\r
-.checkbox {\r
- margin: 3px;\r
- margin-left: 0px;\r
-}\r
-\r
-div.record-note {\r
- font-size: 80%;\r
- margin: .5em 1em 0 1em;\r
-}\r
-\r
-/*********** 7.1 - Merch record style ********/\r
-.merch-record {\r
- padding: 15px 10px;\r
- font-size: 12px;\r
-}\r
-\r
-.merch-title {\r
- font-weight: bold;\r
- line-height: 18px;\r
-}\r
-\r
-/*********** 7.2 - Styles Specific to Ibby - widget_dc-browse-subjects.jspf ********/\r
-\r
-#browseSubject {\r
- margin: 15px 0;\r
- }\r
-#browseSubject .browseTitle {\r
- padding: 9px 12px 7px 12px; background-color: #E4ECF9;\r
- }\r
-#browseSubject .browseTitle h3 {\r
- color: #525252; padding: 0; margin: 0; font-size: 1.25em;\r
- }\r
-\r
-#browseSubject .browseList {\r
- border: 1px solid #E4ECF9;\r
- -moz-border-radius-bottomright: 7px; border-bottom-right-radius: 7px;\r
- -moz-border-radius-bottomleft: 7px; border-bottom-left-radius: 7px;\r
- }\r
- \r
-#browseSubject .browseList ul {\r
- list-style-type: none;\r
- margin: .2em 0 .5em 0; \r
- padding: 0;\r
- }\r
- \r
-#browseSubject .browseList li {\r
- margin: 0px 12px;\r
- padding: 4px 0;\r
- border-bottom: 1px solid #EFEEED;\r
- line-height: 1.8em;\r
- }\r
- \r
-#browseSubject .browseList .more {\r
- font-weight: bold;\r
- } \r
-\r
-/***** 7.3 - record_grid-book-promo stlyes *********/\r
-\r
-.ibby-record-container .ibby-thumb {\r
- height: 180px;\r
- width: 135px;\r
- background-color: #f3f3f3;\r
- border: 1px solid #f3f3f3;\r
- overflow: hidden;\r
- margin: 1px 5px 1px 5px;\r
-}\r
-\r
-.ibby-meta {\r
- max-width: 140px;\r
- max-height: 100px;\r
- margin: 0 0 0 10px;\r
-}\r
-\r
-.ibby-meta p {\r
- font-size: 0.9em;\r
-}\r
-\r
-#ibby-book-grid, #ibby-book-grid .ibby-record-container, .ibby-record-grid {\r
- background: white;\r
-}\r
-\r
-.ibby-record-grid {\r
- margin: 0 0 0 0;\r
- padding: 0 0 0 15px;\r
-}\r
-\r
-.ibby-record-container {\r
- margin: 10px 0 0 0;\r
- width: 135px;\r
- display: block;\r
- float: left;\r
- height: 275px\r
-}\r
-\r
-.ibby-cover-img-container img {\r
- width: 115px;\r
- margin: 5px 0 0 10px;\r
-}\r
-\r
-/******** 7.4 eBooks Banner ***********/\r
-\r
-.ebooks-banner-img {\r
- height: 150px;\r
- width: 197px;\r
- background: url('/images/downloads-ebooks-campaign-banner.jpg')0 0;\r
- background-size: 192px auto;\r
-}\r
-\r
-/********* 8.0 - tab styles ************/ \r
-\r
-#widget-tab-container .widget-content h3 {\r
- /*\r
- display: block;\r
- font-size: 1em;\r
- margin: 10px 0;\r
- */\r
- \r
- border-top: 1px solid #CCCCCC;\r
- margin-top: 15px;\r
- padding: 10px 0 0;\r
-}\r
-\r
-#widget-tab-container .widget-content h3:first-child {\r
- border:none;\r
- }\r
-\r
-#widget-tab-container #tab4 .widget-content table {\r
- /*margin: 10px 0;*/\r
-}\r
-\r
-#widget-tab-container .widget-content ul {\r
- padding: 0 0 0 30px;\r
- margin: 8px 0 3px;\r
-}\r
-\r
-#widget-tab-container .widget-content ul li {\r
- /*padding-bottom: 5px !important;*/\r
-}\r
-\r
-#widget-tab-container .widget-content ul ul {\r
- margin-top: 5px;\r
- padding: 0 0 0 30px;\r
-}\r
-\r
-ul.tab-bar li {\r
- float: left;\r
- display: block;\r
- background-color: #dedfe1;\r
- margin:0 5px 0 0;\r
- padding: 0;\r
-}\r
-\r
-ul.tab-bar li.active {\r
- background: #eee;\r
- border-top: 2px solid #00b6bc;\r
- border-right: 2px solid #00b6bc;\r
- border-left: 2px solid #00b6bc;\r
- outline: none;\r
- margin-top: -2px;\r
- position: relative;\r
- top: 2px;\r
-}\r
-\r
-.tab-bar {\r
- clear:left;\r
- margin: 10px 0 0;\r
- overflow:hidden;\r
- padding: 0;\r
- border-bottom: 2px solid #00b6bc;\r
- width: 100%;\r
-}\r
-\r
-.tab-bar a:link,.tab-bar a:visited,.tab-bar a:hover,.tab-bar a:active {\r
- display: inline-block;\r
- font-weight:normal;\r
- padding: 8px;\r
-}\r
-\r
-.tab-bar a:hover {background-color: #eee}\r
-\r
-.tab-bar img {\r
- margin: 0px;\r
- display: none;\r
-}\r
-\r
-.tabContent {\r
- margin: 0px;\r
- clear: left;\r
-}\r
-\r
-.tabContent h2 {\r
- display: none;\r
- /*margin: 0;\r
- background-color: #00B6BC;\r
- color: #FFF;\r
- font-size: 1.0em;\r
- font-weight: bold;\r
- padding: 0 !important;\r
- height: 2px;\r
- clear: left;*/\r
-}\r
-\r
-/********* 9.0 - Booklists style *********/\r
-\r
-.booklist-vertical img.canadian-icon {\r
- padding-left: 5px;\r
-}\r
-\r
-img.canadian-icon {\r
- padding-left: 5px;\r
-}\r
-\r
-.booklist-vertical .text {\r
- margin-right: 0px;\r
- margin-left: 100px;\r
-}\r
-.alternate-formats {\r
- margin-top: 10px;\r
-}\r
-.booklist-vertical .alternate-formats li {\r
- padding-bottom: 0;\r
-}\r
-.bookcover {\r
- width:150px;\r
- margin-left: 0 0 5px 5px;\r
- float:left;\r
- display:inline;\r
-}\r
-/********* 9.1 - style for booklist summary table, such as used for Book Club Sets *********/\r
-table.booklist-summary {\r
- border-collapse: collapse;\r
-}\r
-\r
-table.booklist-summary th {\r
- border: 1px solid #EEE;\r
- background-color: #EEE;\r
-}\r
-\r
-table.booklist-summary th#titles {\r
- width: 70%;\r
-}\r
-\r
-table.booklist-summary th#branches {\r
- width: 30%;\r
-}\r
-\r
-table.booklist-summary td {\r
- padding: 0.5em;\r
- border: 1px solid #EEE;\r
-}\r
-\r
-table.booklist-summary .title {\r
- font-weight: bold;\r
- font-size: 115%;\r
-}\r
-\r
-.publication-date {\r
- font-weight: normal;\r
- font-size: smaller;\r
-}\r
-\r
-table.booklist-summary .image-container {\r
- float: right;\r
- margin: 0 0 1em 1em;\r
-}\r
-\r
-/******* 10.0 - Email signup box style *************/\r
-\r
-#email-signup {\r
- background-color: #339933;\r
- text-align: center;\r
- border: 1px solid #339933;\r
- padding: 10px;\r
- /*added border radius*/\r
- border-radius: 7px;\r
- -moz-border-radius: 7px;\r
- -webkit-border-radius: 7px;\r
- -khtml-border-radius: 7px;\r
-}\r
-\r
-#email-signup a {\r
- color: white;\r
- font-weight: bold;\r
-}\r
-\r
-#email-signup a:hover {\r
- text-decoration: underline;\r
- color: white;\r
-}\r
-\r
-#email-signup h4 {\r
- padding: 0px;\r
- margin: 0px;\r
- border-bottom-width: 0px;\r
- border-top-width: 0px;\r
- background-color: #339933;\r
-}\r
-\r
-/******* 11.0 - Syndetics Plus styles *************/\r
-#syndetics_show_link {\r
- \r
-}\r
-\r
-#syndetics_content {\r
- background-color: #EEE;\r
- padding: 0.8em;\r
- margin: 0.8em;\r
-}\r
-\r
-.syn_title {\r
- font-weight: bold;\r
- margin-top: 0.8em;\r
-}\r
-\r
-.syn_body {\r
- border: 1px dotted #CCC;\r
- background-color: white;\r
- padding: 0.8em;\r
-}\r
-\r
-#syn_summary .syn_body {\r
- border: none;\r
- background-color: white;\r
- padding: 0;\r
-}\r
-\r
-.syn_terms {\r
- display: none;\r
-}\r
-\r
-/* FORMS */\r
-\r
-/**************** 12.0 - session timeout warning style for floating message area for session timeout warning **************/\r
-#message-area {\r
- position: fixed;\r
- top: 0px;\r
- left: 0px;\r
- border: 2px solid black;\r
- height: auto;\r
- width: 880px;\r
- margin-left: 60px;\r
- z-index: 201;\r
- display: none;\r
- background-color: #fdfdd4;\r
- padding: 20px 10px 10px 50px;\r
-}\r
-\r
-#progress-area{\r
- display:block; \r
- clear:both; \r
- width:34%; \r
- text-align:center;\r
-}\r
-\r
-/**************** 13.0 - Record styles **************/\r
-\r
-#record-book-detail h1 span {\r
- font-weight: normal;\r
-}\r
-\r
-#record-book-detail h1 span.title_edition_results {\r
- font-style: italic;\r
-}\r
-\r
-#alpha-index {\r
- padding-bottom: 1em;\r
- padding-top: 0.8em;\r
- font-weight: bold;\r
- font-size: 1.3em;\r
- clear: left;\r
-}\r
-\r
-#alpha-index a {\r
- padding-right: 0.45em;\r
-}\r
-\r
-.record-result {\r
- border-top: 1px solid #DDD;\r
- padding: 20px 0;\r
-}\r
-\r
-.id {\r
- display: none;\r
-}\r
-\r
-.record-result .description {\r
- line-height: 1.5em;\r
-}\r
-\r
-.record-result .image-container-branch .image {\r
- width: 100px;\r
-}\r
-\r
-.record-result .title {\r
- font-size: 1.3em;\r
- font-weight: bold;\r
- padding-bottom: 0.3em;\r
- display:block;\r
-}\r
-\r
-.record-result .title span.branch-phone-number {\r
- font-weight: normal \r
-}\r
-\r
-.record-result .title a {\r
- line-height: 1.3em;\r
-}\r
-\r
-.record-result .title a:hover {\r
- color: #01316b;\r
- text-decoration: underline;\r
- line-height: 1.3em;\r
-}\r
-\r
-.record-result .title_edition_results {\r
- font-style: italic;\r
-}\r
-\r
-.record-result .label {\r
- font-size: 1.0em;\r
- font-style: italic;\r
- font-weight: bold;\r
- color: rgb(102, 102, 102);\r
-}\r
-\r
-.record-result .format-year {\r
- font-size: 0.9em;\r
-}\r
-\r
-.record-result .holdable .button {\r
- margin-bottom: 0; \r
-}\r
-\r
-.bib-info {\r
- margin-bottom: 0.5em;\r
-}\r
-\r
-.bib-holds-copies{\r
- display:inline;\r
- vertical-align:middle;\r
-}\r
-\r
-.record-result .nohold-message, .record-detail .nohold-message {\r
- color: #999999;\r
- display: inline-block;\r
- font-size: 0.8em;\r
-}\r
-\r
-.record-result .nohold-message{\r
- padding: 20px 0 0 5px;\r
-}\r
-\r
-.nohold-message a {\r
- text-decoration: underline;\r
-}\r
-\r
-.nohold-message a:hover {\r
- text-decoration: none;\r
-}\r
-\r
-.record-detail form {\r
- display: inline;\r
-}\r
-\r
-#branch-info {\r
- font-size: 0.9em; /*9pt*/\r
- padding-bottom: 20px;\r
-}\r
-\r
-#branch-info .image {\r
- height: 50px;\r
- width: auto;\r
- float: left;\r
-}\r
-\r
-#branch-info .image-container {\r
- float: left;\r
- width: 75px;\r
- height: 75px;\r
- padding-top: 25px;\r
- /*padding-left:10px;*/\r
- padding-right: 20px;\r
- overflow: hidden;\r
-}\r
-\r
-#branch-info .top .title {\r
- font-size: 1.1em; /*11pt*/\r
- font-weight: bold;\r
- color: #153B68;\r
- padding-bottom: 10px;\r
-}\r
-\r
-#branch-info .top {\r
- margin-left: 75px;\r
- width: 180px; \r
- /* width: 160px; */\r
- padding-bottom: 20px;\r
- padding-top: 25px;\r
- padding-right: 10px; \r
- /* padding-right: 0px; */\r
-}\r
-\r
-#branch-info .text {\r
- margin-left: 10px;\r
- padding-bottom: 0px;\r
- padding-right: 0px;\r
- padding-top: 0px;\r
- vertical-align: top;\r
-}\r
-\r
-#branch-info .bottom {\r
- width: 100%;\r
-}\r
-\r
-#branch-info .days {\r
- font-size: 0.9em;\r
- font-weight: normal;\r
- width: 75px;\r
- height: 100%;\r
- float: left;\r
-}\r
-\r
-#branch-info .hours {\r
- font-size: 0.9em;\r
- font-weight: normal;\r
- height: 100%;\r
- padding-left: 10px;\r
- text-align: left;\r
-}\r
-\r
-.record-result .counts .holds,.record-result .counts .copies {\r
- font-size: 0.9em;\r
- color: #666666;\r
- padding: 0 0.5em 0 0;\r
-}\r
-\r
-.record-result .text-bold {\r
- font-size: 0.9em; /*9pt*/\r
- font-weight: bold;\r
- color: rgb(102, 102, 102);\r
- padding-top: 5px;\r
- padding-bottom: 5px;\r
-}\r
-\r
-.record-result .bottom .left .url_online {\r
- font-weight: bold;\r
-}\r
-\r
-.record-result .bottom .right {\r
- font-size: 0.9em; /*9pt*/\r
- font-weight: normal;\r
- color: rgb(102, 102, 102);\r
- width: 50%;\r
- height: 100%;\r
- margin: 0.5em 0 0.5em 0;\r
-}\r
-\r
-.record-result .bottom .right .format_icons {\r
- width: 75px;\r
-}\r
-\r
-.record-detail .title {\r
- font-weight: bold;\r
- margin-bottom: 0.5em;\r
-}\r
-\r
-.record-detail address p {\r
- font-weight: bold;\r
- font-style: normal;\r
-}\r
-\r
-.record-detail .label {\r
- font-weight: bold;\r
- width: 150px;\r
-}\r
-\r
-#related-subjects,#summary-record {\r
- margin: 1em 0;\r
-}\r
-\r
-#related-subjects ul {\r
- margin-top: 0;\r
-}\r
-\r
-#related-subjects li {\r
- margin-bottom: 0;\r
- padding-bottom: 0;\r
-}\r
-\r
-#summary-record a:link,#full-record-more a:link,#summary-record a:visited,#full-record a:visited\r
- {\r
- color: #1765A9;\r
- text-decoration: underline;\r
-}\r
-\r
-#full-record td,#full-record th {\r
- text-align: left;\r
- padding: 0.5em 0 .5em 0;\r
- vertical-align: top;\r
-}\r
-\r
-#full-record th {\r
- padding-right: 0.5em;\r
- white-space: nowrap;\r
-}\r
-\r
-#full-record table, #full-record th, #full-record td{\r
- border:none;\r
- background:none;\r
- }\r
-\r
-#summary-record a:hover,#full-record a:hover {\r
- color: #293D66;\r
-}\r
-\r
-#magazine-keyword-search .record a {\r
- font-weight: normal;\r
-}\r
-\r
-.record-shaded {\r
- background-color: #EEE;\r
-}\r
-\r
-.record-unshaded {\r
- background-color: #FFF;\r
-}\r
-\r
-.tabContent #full-record label {\r
- font-weight: bold;\r
- width: 100px;\r
-}\r
-\r
-#branches-and-hours .record-result {\r
- padding: 12px 0;\r
- border: none;\r
- zoom: 1;\r
- overflow: hidden;\r
-}\r
-\r
-#branches-and-hours.branches-a-z .record-result {\r
- /*border: 1px solid #EEE;\r
- padding: 5px;*/\r
-}\r
-\r
-#branches-and-hours .record-result .detail-button {\r
- padding: 2px 5px;\r
- border: 1px solid #BBD5D6;\r
- font-weight: normal;\r
- position: relative;\r
- display: block;\r
- color: #fff;\r
- background-color: #1765A9;\r
- border-color: #4a6973;\r
- background-image: url(/images/pagination_arrow-next.gif);\r
- background-position: 95% center;\r
- background-repeat: no-repeat;\r
- padding-right: 12px;\r
-}\r
-\r
-#branches-and-hours .hours table td,#branches-and-hours .hours table th\r
- {/*background-color:#fff;*/}\r
-\r
-#branches-and-hours .hours .today {\r
- background-color: #E6EFF7;\r
-}\r
-\r
-#branches-and-hours #search-branches #branch-filters {\r
- overflow: hidden;\r
- padding-left: 118px; /*142px */\r
- float: left;\r
-}\r
-\r
-#branch-filters {\r
- /*margin-top: 8px;\r
- overflow: hidden;*/\r
-}\r
-\r
-#branch-filters a {\r
- color: #1765A9;\r
- font-size: 1.0em;\r
- display: block;\r
- margin-left: 15px;\r
- margin-right: 0;\r
- margin-top: 3px;\r
- float: left;\r
-}\r
-\r
-#branch-filters a img {\r
- padding: 0;\r
- margin: 0;\r
-}\r
-\r
-.refinement-container #branch-filters {\r
- margin: 0 0 8px;\r
-}\r
-\r
-.refinement-container #branch-filters a {\r
- margin-left: 5px;\r
- margin-top: 8px;\r
- float: none;\r
-}\r
-\r
-\r
-/*********************** 13.1 - Record button styles *****************/\r
-.hold{\r
- background: #447c23;\r
- border: 1px solid #3e7120;\r
- *border-width: 0; /* IE Fix for improper box model rendering */\r
-}\r
-\r
-.hold:hover{\r
- background: #589e30;\r
-}\r
-\r
-.hold:active{\r
- background: #38661d; /* 2e5516 */\r
-}\r
-\r
-.reference-only {\r
- border: 1px solid #999;\r
- padding: 0.4em 0.6em;\r
-}\r
-\r
-.access-online, .no-hold{\r
- background: #cc3333; /*be5927 */ /* Old browsers */\r
- border: 1px solid #aa2a2a; /*cc3333 */\r
- *border-width: 0; /* IE fix for improper box model rendering */\r
-}\r
-\r
-.access-online:visited, .no-hold:visited{\r
- *background: #cc3333;\r
-}\r
-\r
-.access-online:hover, .no-hold:hover {\r
- background:#e83939;\r
-}\r
-\r
-.access-online:active, .no-hold:active {\r
- background-color:#9B2424;\r
-}\r
-\r
-\r
-/*********************** 13.2 - Article Box Styles ************/\r
-\r
-.article-thumbnail {\r
- display: inline-block;\r
- position: relative;\r
- height: 160px;\r
- width: 220px;\r
- margin-bottom: 3px;\r
-}\r
-\r
-.article-thumbnail h4 {\r
- padding: 0 0 0 0;\r
- margin: 0.33em 0 0 0;\r
-}\r
-\r
-.article-thumbnail p {\r
- padding: 0;\r
- margin: 0;\r
-}\r
-\r
-.overlay {\r
- background: #293869; /* fallback for IE*/\r
- filter: alpha(opacity=95);\r
- background: #293869;;\r
- opacity: 0.95;\r
- position: absolute;\r
- bottom: 0;\r
- text-align: left;\r
- height: 28%;\r
-}\r
-\r
-.overlay, .overlay:hover {\r
- width: 210px;\r
- padding: 0 0px 15px 10px;\r
- height: 28%;\r
-}\r
-\r
-.article-thumbnail:hover {\r
- cursor: pointer;\r
-}\r
-\r
-.article-thumbnail:hover .overlay, .overlay:hover {\r
- background: #0C5EA7; /* fallback for IE #0c4ca7 */\r
- filter: alpha(opacity=95);\r
- background: #0C5EA7;\r
- opacity: 0.95;\r
- cursor: pointer;\r
-}\r
-\r
-\r
-.article-thumbnail:active .overlay, .overlay:active {\r
- background: #294869; /* fallback for IE*/\r
- filter: alpha(opacity=95);\r
- background: #294869; /*rgba(41, 56, 105, 1)*/\r
- opacity: 0.95;\r
- cursor: pointer;\r
-}\r
-\r
-.overlay h4, .overlay p {\r
- color: #ffffff;\r
- font-family: arial, helvetica, clean, sans-serif;\r
- width: 100%;\r
-}\r
-\r
-\r
-.article-image {\r
- background: url("/images/articles-background.jpg");\r
- background-size: 220px auto;\r
-}\r
-\r
-.art-image {\r
- background: url("/images/arts-background.jpg") -17px -3px;\r
- background-size: 240px auto;\r
-}\r
-\r
-.business-image {\r
- background: url("/images/business-background.jpg");\r
- background-size: 240px auto;\r
-}\r
-\r
-.canada-image {\r
- background: url("/images/canada-background.jpg") -21px 148px;\r
- background-size: 240px auto;\r
-}\r
-\r
-.current-events-image {\r
- background: url("/images/current-events-background.jpg");\r
- background-size: 240px auto;\r
-}\r
-\r
-.diy-image {\r
- background: url("/images/diy-background.jpg");\r
- background-size: 240px auto;\r
-}\r
-\r
-.encyclopedia-image {\r
- background: url("/images/encyclopedias-background.jpg") -43px 0px;\r
- background-size: 240px auto;\r
-}\r
-\r
-\r
-.health-image {\r
- background: url("/images/health-background.jpg");\r
- background-size: 240px auto;\r
-}\r
-\r
-.literature-image {\r
- background: url("/images/literature-background.jpg");\r
- background-size: 240px auto;\r
-}\r
-\r
-.practice-test-image {\r
- background: url("/images/practice-test-background.jpg") -5px -16px;\r
- background-size: 240px auto;\r
-}\r
-\r
-.hub-brain-logo {\r
- background: url("/images/brain-logo-hub.jpg") 35px 22px;\r
- background-size: 170px auto;\r
- background-repeat: no-repeat;\r
-}\r
-\r
-/*********************** 13.3 - Article Headers *****************/\r
-\r
-#article-databases #result-list .record-result:first-child {\r
- border-top: none;\r
-}\r
-\r
-.database-header {\r
- border-top: 1px #d25357 dotted;\r
- border-bottom: 1px #d25357 dotted;\r
- padding: 0 0 0 2px;\r
-}\r
-\r
-#database-title {\r
- margin-top: 55px;\r
-}\r
-\r
-.database-header h1, .database-header h4 {\r
- padding: 0 0 0 0;\r
-}\r
-\r
-.database-header h4 {\r
- color: #5d4B5b;\r
- font-size: 15px;\r
- margin-top: 45px;\r
-}\r
-\r
-.database-header h1 {\r
- font-size: 35px;\r
- color: #d2004e;\r
- font-weight: bold;\r
-}\r
-\r
-.header-background {\r
- height: 142px;\r
- width: 220px;\r
-}\r
-\r
-/*********************** 13.4 - Innovation Hub Particular Styles *****************/\r
-\r
-.innovation-hub-border-top {\r
- border-top: 1px #0d8398 dotted;\r
-}\r
-\r
-.innovation-hub-border-bottom {\r
- border-bottom: 1px #0d8398 dotted;\r
-}\r
-\r
-.header-background {\r
- height: 142px;\r
- width: 220px;\r
-}\r
-\r
-.innovation-hub-image {\r
- margin-top: 36px;\r
- width: 220px;\r
-}\r
-\r
-.ebooks-emagazines-banner{\r
- background:url('/content/books-video-music/downloads-ebooks/images/ebooks-emagazines-bg.jpg') no-repeat 520px 25px; \r
- border-top: 1px #d25357 dotted;\r
- border-bottom: 1px #d25357 dotted;\r
- padding: 50px 0 50px 2px;\r
-}\r
-\r
-\r
-/*********************** 13.5 - KTR 2014 *****************/\r
-\r
-.ktr-header {\r
- border-top: 1px #ba4229 dotted;\r
- border-bottom: 1px #ba4229 dotted;\r
- padding: 0 0 0 2px;\r
-}\r
-\r
-#ktr-title {\r
- margin-top: 55px;\r
-}\r
-\r
-.ktr-header h1, .ktr-header h4 {\r
- padding: 0 0 0 0;\r
-}\r
-\r
-.ktr-header h4 {\r
- color: #5d4B5b;\r
- font-size: 15px;\r
- margin-top: 45px;\r
-}\r
-\r
-.ktr-header h1 {\r
- font-size: 35px;\r
- color: #ba4229;\r
- font-weight: bold;\r
-}\r
-\r
-.header-background {\r
- height: 142px;\r
- width: 220px;\r
-}\r
-\r
-.ktr-image {\r
- background: url("/content/programs-and-classes/ktr/images/2014/ktr-banner.jpg");\r
- background-size: 220px auto;\r
-}\r
-\r
-blockquote {\r
- border-top: 1px dotted #ba4229;\r
- border-bottom: 1px dotted #ba4229;\r
- margin: 60px -20px 60px 0;\r
- padding: 50px 0 30px;\r
- position:relative;\r
- zoom:1;\r
-}\r
-\r
-blockquote p {\r
- color: #ba4229; \r
- font-family: arial;\r
- font-size: 1.34em;\r
- font-style:italic;\r
- font-weight: bold;\r
- line-height:1.25em;\r
- margin: 0 auto;\r
- padding: 5px 0;\r
- position:relative;\r
- text-align:center;\r
- width: 80%;\r
-}\r
-\r
-blockquote .footer {\r
- font-size:0.8em;\r
- margin-top:10px;\r
- position:relative;\r
- text-align:center;\r
-}\r
-\r
-\r
-blockquote .quote-open-ktr{\r
- background: url("/content/programs-and-classes/ktr/images/2014/quote-open-large.png") no-repeat scroll 0 0 transparent;\r
- display: block;\r
- height: 66px;\r
- left: 8px;\r
- position: absolute;\r
- top: -25px;\r
- width: 91px;\r
-}\r
-\r
-blockquote .quote-close-ktr{\r
- background: url("/content/programs-and-classes/ktr/images/2014/quote-close-large.png") no-repeat scroll 0 0 transparent;\r
- bottom: -44px;\r
- display: block;\r
- height: 66px;\r
- position: absolute;\r
- right: 10px;\r
- width: 91px;\r
-}\r
-\r
-.aside blockquote{\r
- font-size: 0.9em;\r
- padding: 35px 0 25px 0;\r
- margin-right:0;\r
-}\r
-\r
-\r
-.aside blockquote .quote-open{\r
- background: url("../content/about-the-library/strategic-plan/images/quote-open-small.png") no-repeat scroll 0 0 transparent;\r
- display: block;\r
- height: 45px;\r
- left: 3px;\r
- position: absolute;\r
- top: -20px;\r
- width: 62px;\r
-}\r
-\r
-.aside blockquote .quote-close{\r
- background: url("../content/about-the-library/strategic-plan/images/quote-close-small.png") no-repeat scroll 0 0 transparent;\r
- bottom: -26px;\r
- display: block;\r
- height: 45px;\r
- position: absolute;\r
- right: 5px;\r
- width: 62px;\r
-}\r
-\r
-header{\r
- background-size:150px auto;\r
- border-top:1px dotted #0D8398;\r
- border-bottom:1px dotted #0D8398;\r
- display:block;\r
- margin-bottom:20px;\r
-}\r
-\r
-header b{\r
- color: #525252;\r
- display: block;\r
- font-family: Arial,Verdana,sans-serif;\r
- font-size: 1.25em;\r
- font-size: 1rem;\r
- font-weight: bold;\r
- line-height: 1.2em;\r
- margin-top: 0;\r
- margin-bottom: 0.4em; \r
- padding-left: 3px;\r
-}\r
-\r
-header h1{\r
- color: #0B8497;\r
- font-size: 35px;\r
- font-weight: bold;\r
- height:110px;\r
- margin:0;\r
- padding: 40px 220px 0 0;\r
-}\r
-\r
-.digital-innovation-hub header h1 {\r
- background: url("/images/brain-logo-hub.jpg")no-repeat 520px bottom;\r
- background-size:150px auto;\r
-}\r
-\r
-.digital-innovation-hub .widget h3{\r
- border-bottom: 1px solid #0c8399!important;\r
- border-top: 4px solid #0c8399!important;\r
- margin: 0;\r
- padding: 5px 5px 5px 7px; \r
-}\r
-\r
-.digital-innovation-hub ul.children-have-border-bottom li {\r
- border-bottom:1px solid #e2e2e2;\r
- overflow:hidden;\r
- padding:20px 0; \r
-}\r
-\r
-.digital-innovation-hub .no-bullet li {\r
- overflow:hidden;\r
- margin:10px 0 0 0px;\r
-}\r
-\r
-.digital-innovation-hub .border-top{\r
- border-top: 1px solid #e2e2e2;\r
-}\r
-\r
-.digital-innovation-hub .border-bottom{\r
- border-bottom: 1px dotted #0D8398;\r
-}\r
-\r
-.digital-innovation-hub h3{\r
- color:#444; \r
- margin-bottom:10px;\r
-}\r
-\r
-\r
-/*********************** 14.0 - Search styles *****************/\r
-\r
-/*#search #search-results img { width:100% }*/\r
-\r
-#share-embed { /*font-weight: bold;*/\r
- position: absolute;\r
- padding-left: 10px;\r
- padding-bottom: 10px;\r
- display: none;\r
- width: 370px;\r
- background-color: #FFF;\r
- border: 3px solid #666;\r
-}\r
-\r
-#share-link { /*font-weight: bold;*/\r
- position: absolute;\r
- padding-left: 10px;\r
- padding-bottom: 10px;\r
- display: none;\r
- width: 370px;\r
- background-color: #FFF;\r
- border: 3px solid #666;\r
-}\r
-\r
-#share-rss {\r
- position: absolute;\r
- padding-left: 10px;\r
- padding-bottom: 10px;\r
- display: none;\r
- width: 370px;\r
- background-color: #FFF;\r
- border: 3px solid #666;\r
- z-index: 500;\r
-}\r
-\r
-#share-rss textarea {\r
- width: 350px;\r
- height: 50px;\r
-}\r
-\r
-#share-embed textarea {\r
- width: 350px;\r
- height: 50px;\r
-}\r
-\r
-#share-link textarea {\r
- width: 350px;\r
- height: 50px;\r
-}\r
-\r
-.share-close-button {\r
- float: right;\r
- background-color: #666;\r
- color: #FFF;\r
- font-weight: bold;\r
-}\r
-\r
-.page {\r
- display: block;\r
- padding-right: 0.2em;\r
- float: right;\r
-}\r
-\r
-.search-bar-label {\r
- font-size:1.1em;\r
- }\r
-ul.search-bar-option {\r
- margin-right:0px;\r
- display:inline;\r
-}\r
-.search-box {\r
- /*position: relative;\r
- z-index: 10;*/\r
- float: left;\r
- font-size: 1.3em;\r
- padding-right: 10px;\r
- \r
-}\r
-\r
-.search-box-links {\r
- float: left;\r
- margin-right: 60px; /*65px;*/ /*CHANGE: padding decreased to 60px */\r
- padding-top:5px;\r
-}\r
-\r
-.search-box-links a {\r
- /*margin-left: 4px;*/ /*CHANGE: margin left not needed \r
- line-height: 16pt;*/ /*CHANGE: Not needed */\r
-}\r
-\r
-.search-share {\r
- /*8pt\r
- float: right;*/\r
-}\r
-\r
-.search-share a{\r
- font-size: 0.9em;\r
- padding-bottom:3px;\r
-}\r
-\r
-.search-share img {\r
- /*vertical-align: middle;\r
- margin-bottom: 3px;*/\r
-}\r
-\r
-.search-share a:hover {\r
- /*text-decoration: none;*/\r
-}\r
-\r
-.search-box #search-terms {\r
- margin-right: 5px;\r
- /*width: 450px;*/\r
- padding: 8px 0 8px 8px;\r
- vertical-align: middle;\r
- width: 435px;\r
- border: 1px solid #AAAAAA;\r
- background-color: #f2f2f2;\r
- font-size: 1.4em;\r
-}\r
-\r
-.search-box #search-terms :hover {\r
- border: 1px solid #686868;\r
-}\r
-\r
-.search-box #search-terms :focus {\r
- background-color: #f9f9f9;\r
- border: 1px solid #686868;\r
-}\r
-\r
-.search-terms-container { /*border: 3px solid rgb(221, 221, 221);*/\r
- display: inline;\r
-}\r
-\r
-\r
-.search-box #submit-button, .search-box #submit-button-bottom {\r
- background-color: #329aa5;\r
- border-color: #A3DEE1 #2B7076 #2B7076 #A3DEE1;\r
- border-style: solid;\r
- border-width: 2px; /*1px*/\r
- color: #FFFFFF;\r
- cursor:hand;\r
- cursor:pointer;\r
- position: relative;\r
- width: 5.6em;\r
- height: 2.85em; /*1.5em*/\r
- vertical-align: middle;\r
- font-size: 1em;\r
-}\r
-\r
-#program-search .search-box #submit-button {width: auto}\r
-\r
-.search-box #submit-button :active {\r
- border-color: #2B7076 #A3DEE1 #A3DEE1 #2B7076;\r
-}\r
-\r
-#search-context-crumb,#advanced-search-options {\r
- padding-top: 3px;\r
- vertical-align: middle;\r
- width: 530px; /*CHANGE: Decreased to 530px from 560px. This decrease allows the "Search inside form" to align next to the search button */\r
- font-size: 9pt;\r
-}\r
-\r
-#search-context-crumb label span {\r
- font-weight: bold;\r
-}\r
-\r
-#search-bar-bottom {\r
- float: right;\r
- width: 700px;\r
- border-top: 1px solid #DDD;\r
- padding-top: 10px;\r
- padding-bottom: 0px;\r
- margin-right: 20px;\r
-}\r
-\r
-.search-share #rss-link {\r
- /*display: block;\r
- margin: 0;\r
- padding: 0;*/\r
-}\r
-\r
-#branches-and-hours #search-bar {\r
- width: 460px;\r
- padding-top: 0px;\r
- margin-right: 0px;\r
-}\r
-\r
-#branches-and-hours #search-bar-bottom {\r
- width: 460px;\r
- border-top: 1px solid #DDD;\r
- padding-top: 10px;\r
- margin-right: 0px;\r
-}\r
-\r
-.search-bar .date-filter-sort .sort {\r
- /*margin-top: 1em;*/\r
-}\r
-\r
-.search-results-embedded #search-bar .date-filter-sort .sort {margin-top: 0}\r
-\r
-.sort{margin-top:5px}\r
-\r
-.sort .sort-selected {\r
- border: 1px solid #4C4C4C;\r
- font-weight: bold;\r
- padding: 3px 5px;\r
- display:block;\r
-}\r
-\r
-/*.sort h4 {display:inline} --> Not needed, trumped by .search-bar h3*/ \r
-\r
-.sort-selected a:link,.sort-selected a:visited,.sort-selected a:hover,.sort-selected a:active{color: #4C4C4C}\r
-\r
-.sort-option a:link, .sort-option a:visited, .sort-option a:hover, .sort-option a:active {font-weight:normal}\r
-\r
-#search #search-bar-top {\r
- width:700px;\r
- float:left;\r
- margin-left:10px;\r
- margin-right:10px;\r
-}\r
-\r
-#search-bar-top #sort-view-container {\r
- display: inline;\r
- float: left;\r
- width:450px;\r
-}\r
-\r
-#search #searchForm-searchBar {margin-bottom: 0}\r
-\r
-#searchBarForm {margin: 5px 0 20px 0}\r
-\r
-#search #search-bar {margin-bottom:20px}\r
-\r
-#programs-and-classes #search-bar-top #sort-view-container {\r
- display: inline;\r
- float: left;\r
- width:230px;\r
-}\r
-\r
-.search-bar .pagination {\r
- display: block;\r
- float: right;\r
- font-size: 8pt; /*9pt*/\r
- margin-top: 3px;\r
- overflow: hidden;\r
-}\r
-\r
-.pagination .horizontal-list li {\r
- border: none;\r
- padding: 0 1px;\r
-}\r
-\r
-.search-bar .link {\r
- padding: 2px 5px;\r
- background-color: #DFF2F2;\r
- border: 1px solid #BBD5D6;\r
- color: #225394;\r
- font-weight: normal;\r
- position: relative;\r
- display: block;\r
-}\r
-\r
-.search-bar .pagination .current {\r
- color: #666666;\r
- font-weight: bold;\r
- padding: 3px 6px;\r
- position: relative;\r
- float: left;\r
- display: inline-block;\r
-}\r
-\r
-.search-bar .pagination .separator {\r
- float: left;\r
- display: inline;\r
-}\r
-\r
-.search-bar .rpp-option a {\r
- padding-left: 3px;\r
- padding-right: 3px;\r
- padding-top: 2px;\r
- padding-bottom: 2px;\r
- text-decoration: underline;\r
-}\r
-\r
-.search-bar .rpp-option-selected {\r
- height: 20px;\r
- background-color: #003399;\r
- border: 1px solid #333399;\r
- padding: 1px;\r
- padding-left: 3px;\r
- padding-right: 3px;\r
- margin-left: 2px;\r
- margin-right: 2px;\r
- position: relative;\r
-}\r
-\r
-.rpp-option-selected a {\r
- color: #FFF;\r
- font-weight: bold;\r
-}\r
-\r
-#branches-and-hours .search-within .button-submit-link {\r
- background-color: #329aa5;\r
- background-image: url(/images/button-background.jpg);\r
- background-position: center center;\r
- background-repeat: repeat-x;\r
- border-color: #A3DEE1 #2B7076 #2B7076 #A3DEE1;\r
- border-style: solid;\r
- border-width: 1px;\r
- font-weight: normal;\r
- padding: 0.45em 0.9em; /*6px 10px; padding:1px 2px 1px 2px;*/\r
- color: #FFFFFF;\r
- text-align: center;\r
- margin-left: 5px;\r
- float: left;\r
-}\r
-\r
-.search-title {\r
- margin-right: 20px;\r
- border-bottom: 1px solid #EEE;\r
- margin-bottom: 8px;\r
-}\r
-\r
-.search-title h1 strong {\r
- font-weight: bold;\r
-}\r
-\r
-.search-filters {\r
- position: relative;\r
- height: 32px;\r
-}\r
-\r
-.search-filters img.checkbox {\r
- margin: 0;\r
- vertical-align: -1px;\r
-}\r
-\r
-.search-filters ._jsEnabled {\r
- position: absolute;\r
- right: 0;\r
-}\r
-\r
-.search-title h1 span {\r
- font-weight: bold;\r
-}\r
-\r
-.search-suggestions {\r
- font-size: 1.3em;\r
- margin-top: 1em;\r
- margin-bottom: 0.5em;\r
- color: #DD0000;\r
-}\r
-\r
-.search-suggestions-term {\r
- text-decoration: underline;\r
- font-weight: bold;\r
-}\r
-\r
-.search-no-results {\r
- font-size: 1.5em; /*120%;*/\r
- margin-bottom:1em;\r
- line-height:1.75em;\r
-}\r
-\r
-.search-no-results-term {\r
- font-weight: bold;\r
- display:inline-block;\r
- display:inline; /*IE 6/7 Fix */\r
-}\r
-\r
-.search-no-results-text {\r
- font-size: 1.1em; /*110%;*/\r
-}\r
-\r
-.search-no-results-text ul li:hover {\r
- background: none;\r
-}\r
-\r
-.magazine-search {\r
- position: relative;\r
- float: left;\r
- padding: 10px 0px 10px 10px;\r
- border-top: 2px solid #60BFC5;\r
- background-color: #EEE;\r
- width: 460px;\r
- margin-bottom: 1em;\r
-}\r
-\r
-.magazine-search #hidden-fields {\r
- display: none;\r
-}\r
-\r
-.magazine-search label.hint {\r
- color: #6e6e6e;\r
- position: absolute;\r
- top: 14px;\r
- left: 128px;\r
-}\r
-\r
-.magazine-search #options {\r
- float: left;\r
- margin-right: 20px;\r
-}\r
-\r
-.magazine-search #input {\r
- margin-top: 10px;\r
-}\r
-\r
-.magazine-search #periodicalTitle,.magazine-search #magazine-search-text\r
- {\r
- width: 400px;\r
-}\r
-\r
-.magazine-search .checkbox {\r
- margin: 0px;\r
-}\r
-\r
-.magazine-search #print {\r
- display: none;\r
-}\r
-\r
-.magazine-search .title {\r
- font-size: 1.2em; /*12pt*/\r
- font-weight: bold;\r
-}\r
-\r
-\r
-/***** Search function and REUSED AS Top grey box**/\r
-\r
-.search-within {\r
- background-color: #EEEEEE;\r
- margin-bottom: 1em;\r
- /*margin-top:10px;*/\r
- padding: 1em;\r
- overflow:hidden;\r
- zoom: 1;\r
-}\r
-\r
-#search-within-small #searchWithinTerms {\r
- width: 60%;\r
-}\r
-\r
-#search-within label {\r
- size: 3em;\r
-}\r
-\r
-.search-within .button-submit-link {\r
- background-color: #329aa5;\r
- background-image: url(/images/button-background.jpg);\r
- background-position: center center;\r
- background-repeat: repeat-x;\r
- border-color: #A3DEE1 #2B7076 #2B7076 #A3DEE1;\r
- border-style: solid;\r
- border-width: 1px;\r
- font-weight: normal;\r
- padding: 1px 2px 1px 2px;\r
- color: #FFFFFF;\r
- margin-left: 5px;\r
- text-align:center;\r
-}\r
-\r
-.search-within #location-terms-container a {\r
- background-color: #329aa5;\r
- background-image: url(/images/button-background.jpg);\r
- background-position: center center;\r
- background-repeat: repeat-x;\r
- border-color: #A3DEE1 #2B7076 #2B7076 #A3DEE1;\r
- border-style: solid;\r
- border-width: 1px;\r
- font-weight: normal;\r
- /*padding:1px 2px 1px 2px;*/\r
- color: #FFFFFF;\r
- margin: 0 0 0 5px;\r
- padding: 7px 10px;\r
- font-size: 1em;\r
- display: inline-block;\r
- vertical-align: top;\r
-}\r
-\r
-.search-within #location-terms-container strong {\r
- float: left;\r
- margin-top: 7px;\r
- margin-right: 8px;\r
-}\r
-\r
-.search-within .button-submit-link:active {\r
- border-color: #2B7076 #A3DEE1 #A3DEE1 #2B7076;\r
-}\r
-\r
-/*Affiliate and Buy Now Styles */\r
-\r
-#affiliate-area .buy-text{\r
- font-weight:bold;\r
- color: #225922 !important;\r
- }\r
- \r
-#affiliate-area .pitch-text{\r
- background-color:#F7F6F5;\r
- border: 2px solid #ECECEC; \r
- margin-top:0.8em;\r
- margin-bottom:0px;\r
- padding:10px;\r
- padding-top:0.8em;\r
- float:left;\r
- color: #525252;\r
- font-size: 1.1em;\r
- cursor:pointer;\r
- cursor:hand;\r
- }\r
- \r
-#affiliate-area .toggle-link{\r
- height: 13px;\r
- float:right;\r
- color:#1765A9;\r
- }\r
- \r
-/*#affiliate-area .toggle-link.closed {background-position:0px -10px}\r
-#affiliate-area .toggle-link.open {background-position:0px 2px}*/\r
-\r
-.affiliate-details{\r
- border-left: 2px solid #ECECEC;\r
- border-right: 2px solid #ECECEC;\r
- border-bottom: 2px solid #ECECEC; \r
- margin-top:0px;\r
- margin-bottom:8px;\r
- padding:10px;\r
- padding-top:0.8em;\r
- float:left;\r
- font-size: 1.0em;\r
- color: #525252;\r
- }\r
- \r
-.affiliate-details .disclaimer {\r
- width: 320px;\r
- float:right;\r
- margin-bottom:10px;\r
- }\r
- \r
-.affiliate-details .disclaimer a{\r
- display:block;\r
- margin-top:5px;\r
- }\r
- \r
-.affiliate-list{\r
- float:left;\r
- margin-right:15px;\r
- margin-bottom:10px;\r
- }\r
- \r
-.affiliate-list a{\r
- font-size:1.1em;\r
- }\r
- \r
-.merchant-text{\r
- text-align:center;\r
-} \r
-\r
-/* List Links Specific*/\r
-.link-lists {\r
- background-color: #EEEEEE;\r
- margin-bottom: 0em;\r
- margin-top: 1em;\r
- /*margin-top:10px;*/\r
- padding: 0 1em 1em 1em;\r
- overflow:hidden;\r
- zoom: 1;\r
- }\r
- \r
-.search-within h5 {\r
- padding-bottom: 0.3em;\r
- }\r
-\r
-.search-within ul {\r
- font-size: .95em;\r
- list-style-type: none;\r
- padding: 0 1em 0.5em 0;\r
- margin: 0em 0 0 0;\r
- width: 186px;\r
- float: left;\r
- zoom:1; /*Is not a hack - gives IE6/7 layout */\r
-}\r
-\r
-.search-within li {\r
- padding: .4em 0 0 0;\r
- margin: 0;\r
-}\r
-\r
-/******* X - Closed Captions *************/\r
-#sponsorship {margin-left: 0.4em;margin-right: 0.4em;}\r
-.content { font-weight: normal; /*line-height: auto;*/ width: 460px;}\r
-\r
-/********* XX - style for the feedback container, not a part of the production website\r
-#beta-feedback {padding: 0; margin: 0; background-color: #E6EFF7;}\r
-#beta-feedback-container {background-color: #E6EFF7;text-align: center; padding: 10px; font-size: 1.1em; letter-spacing: 0.03em; margin: 0 auto;}\r
-#beta-feedback-container #beta-title { font-size: 175%; font-weight: bold; padding: 0.1em 0 0.3em;}\r
-#beta-feedback-container #beta-body { font-size: 1em; letter-spacing: 0.06em; padding-bottom: 2px;}\r
- ************/\r
- \r
-#beta-feedback-container {\r
- background-color: #E6EFF7;\r
- margin: 0 auto;\r
- padding: 20px 20px 23px 20px;\r
- text-align: center;\r
-}\r
-\r
-#beta-title {\r
- font-size: 24px;\r
- font-weight: bold;\r
- padding: 0px 0 12px 0;\r
- line-height: 21.45px;\r
-}\r
-\r
-#beta-body {\r
- font-size: 12px;\r
- padding-bottom: 2px;\r
-}\r
-\r
-#beta-body a {\r
- color: #1765A9;\r
- font-weight: bold;\r
-}\r
-\r
-#beta-body a:active {\r
- text-decoration: none;\r
-}\r
-\r
-#beta-body a:hover {\r
- text-decoration: underline;\r
-}\r
-\r
-#beta-body a:visited {\r
- text-decoration: none;\r
-}\r
-\r
-/**** Multi Column Table Style ****/\r
-\r
-.two-column-list {\r
- list-style: none;\r
- padding: 0;\r
- margin: 5px 0 0 10px;\r
- line-height: 1.4em;\r
-}\r
-\r
-.two-column-list li {\r
- padding: 5px 0;\r
- margin: 0;\r
- width: 46%; \r
- float: left;\r
-}\r
-/* STYLE FOR SEARCH PAGES */\r
-.ibistro-container {\r
- border: 0px solid red;\r
- width: 960px;\r
- margin-left: auto;\r
- margin-right: auto;\r
-}\r
-\r
-.tplSearchHeader {\r
- width: 960px;\r
- margin: 0px 0px 15px 0px;\r
- padding: 0px 0px 15px 0px;\r
- font-size: 12pt;\r
-}\r
-\r
-.tplSearchHeader thead tr th {\r
- background-color: transparent;\r
- width: 950px;\r
- border: none;\r
- border-width: 0px;\r
- text-align: left;\r
- padding: 10px 13px 20px 13px;\r
- margin: 0px 13px 20px 13px;\r
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;\r
- font-size: 2.2em;\r
- font-weight: bold;\r
-}\r
-\r
-.tplSearchHeader thead tr td { \r
- width: 1px; /*only ie6 needs this*/\r
-}\r
-\r
-.tplSearchHeader tbody tr th {\r
- font-family: Verdana, Helvetica, Arial, sans-serif;\r
- font-size: 10pt /*<SIRSI_Data Environ="FONT_SIZE">*/;\r
- font-weight: normal;\r
- background-color: #fefff3 /*<SIRSI_Data Environ="HEADER_BGCOLOR">*/;\r
- padding: 5px 13px;\r
- border: 1px solid #e5e5e5;\r
-}\r
-\r
-.tplSearchHeader tbody tr td {\r
- font-family: Verdana, Helvetica, Arial, sans-serif;\r
- font-size: 10pt /*<SIRSI_Data Environ="FONT_SIZE">*/;\r
- font-weight: normal;\r
- padding: 5px;\r
- border: 0px solid green;\r
-}\r
-\r
-.tplSearchHeader tbody tr td.spacer {\r
- padding: 0px;\r
- border: none;\r
- width: 100%;\r
-}\r
-\r
-.tplSearchHeader tbody tr td.hintBox {\r
- padding: 10px;\r
- border: 1px solid #ccc;\r
- background-color: #FAFAFA;\r
- width: 100%;\r
-}\r
-\r
-.tpldividerseparator {\r
- padding: 8px 0px 8px 0px;\r
- margin: 8px 0px 8px 0px;\r
-}\r
-\r
-table.tpldividerseparator td.separator {\r
- width: 792px;\r
- background: #fff\r
- url("http://www.torontopubliclibrary.ca/images/ibistro/dotted_line.gif")\r
- repeat-x top left;\r
- width: 775px; /*only ie6 needs this*/\r
-}\r
-\r
-/* jquery form validation */\r
-.error {\r
- font-size: 12px;\r
- color: #FF0000;\r
- display: inline;\r
-}\r
-\r
-label.error {\r
- padding-left: 10px;\r
-}\r
-/*KTR styles*/\r
-\r
-/*Type Spacing*/\r
-#keep-toronto-reading #keep-toronto-reading #presenter-promo .date {margin-top: 0; }\r
-#main-image, .section-image-container {float: left; margin-right: 10px; margin-top:10px; }\r
-#keep-toronto-reading #ktr-foundation-promo,#ktr-twitters \r
-.ktr-sponsors { margin-bottom: 20px; }\r
-#keep-toronto-reading h2.events { border-top: 4px solid #005dab; border-bottom: 1px solid #005dab; margin: 0; padding: 5px 5px 5px 7px;}\r
-#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
-\r
-/*Links*/\r
-#keep-toronto-reading h2.events a { text-transform: none; font-size: 0.9em; text-decoration: underline; float: right;}\r
-#keep-toronto-reading h2.events a:hover { text-decoration: none;}\r
-#keep-toronto-reading #ktr-events-navbar a { border: 1px solid #000; padding: 3px;}\r
-\r
-#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
-#keep-toronto-reading #ktr-nav-current { background-color: #1765A9; color: #FFF;}\r
-\r
-/*Header - is Seperate header necessary?*/\r
-#multicolour-bar-top { background-image: url(/images/bg-rainbow.gif); height: 4px; margin-bottom: 15px; }\r
-#ktr-header-links { position: relative; top: -1.23em; margin-left: 700px; }\r
-#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
-#header-divider {background-color: #153b68; height: 18px; }\r
-\r
-/* Content Areas */\r
-#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
-#keep-toronto-reading .ktr-section-nofloat { border-top: 1px solid #1765A9; margin-top: 0.8em; padding-top: 0.8em; margin-bottom: 0.8em;}\r
-#keep-toronto-reading .widget-one-book { background-color: #e3f1d9; padding-left: 10px; padding-right: 7px; margin-bottom: 10px; padding-bottom: 5px;}\r
-#keep-toronto-reading .dotted { padding-bottom: 0.8em;}\r
-\r
-.widget-content-round-all-orange, .round-all-orange {\r
- background-color: #FBEAC3;\r
- padding-left: 15px;\r
- padding-right: 15px;\r
- padding-bottom: 10px;\r
- text-align: left;\r
- padding-top:5px;\r
- \r
- border-radius: 7px;\r
- -moz-border-radius: 7px;\r
- -webkit-border-radius: 7px;\r
- -khtml-border-radius: 7px;\r
-}\r
-\r
-.widget-content-round-all-grey, .round-all-grey {\r
- background-color: #EEEEEE;\r
- padding-left: 15px;\r
- padding-right: 15px;\r
- padding-bottom: 10px;\r
- text-align: left;\r
- padding-top:5px;\r
- \r
- border-radius: 7px;\r
- -moz-border-radius: 7px;\r
- -webkit-border-radius: 7px;\r
- -khtml-border-radius: 7px;\r
-}\r
-\r
-\r
-/*Multimedia*/\r
-#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
-#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
-#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
-#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
-#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
-#multicolour-bar-bottom { background-image: url(/images/bg-rainbow.gif); height: 4px; margin-bottom: 10px; width: 940px;}\r
-\r
-#keep-toronto-reading .search-bar { margin-bottom: 0.5em; margin-top: 0.5em; overflow:hidden;}\r
-\r
-#keep-toronto-reading #onebook-cover { float: right; margin-left: 1.2em; margin-top: 1em;}\r
-#keep-toronto-reading .ktr-booklist .booklist-image { float: right; margin-left: 1.5em;}\r
-.ktr-sponsors img { padding-right: 5px;}\r
-#onebook-cover-left { float: left; margin-right: 1.2em; margin-top: 1em;}\r
-\r
-#keep-toronto-reading .widget-one-book .img-container { margin-top: 10px; margin-left: 4px; margin-right: 8px; float: left;}\r
-#keep-toronto-reading #ktr-virtual-map-promo { margin-top: 5px; display: block; min-height: 110px;}\r
-\r
-#keep-toronto-reading #ktr-youtube { background-color: #fbeac3 !important; text-align: center; margin-bottom: 15px; padding-left: -2px !important;}\r
-#keep-toronto-reading #ktr-youtube .youtube { background-color: #fbeac3;}\r
-#ktr-youtube a { color: black; display: block; padding: 7px 0;}\r
-\r
-/* Lists */\r
-#keep-toronto-reading ol { margin-left: 15; list-style-position: inside;}\r
-#keep-toronto-reading ul { margin-left: 0; padding: 0;}\r
-\r
-\r
-\r
-\r
-/*FOOTER - GLOBAL FOOTER SHOULD ALSO BE USED ON THIS PAGE*/\r
-#footer-container-ktr { background-color: #D2ECE9; margin-bottom: 50px; margin-top: 25px;}\r
-#footer-ktr { text-align: center; padding-top: 10px; padding-bottom: 10px; width: 960px; margin: 0 auto;}\r
-#footer-ktr a { font-size: 1.1em; font-weight: 700; padding: 0 2em;}\r
-\r
-/* KEEP ME CONSISTENT Page tabs should always be in the same area throughout site*/\r
-#keep-toronto-reading .pagination { float: none; text-align: right;}\r
-\r
-/** CHECK IF USED STILL **/\r
-/*#keep-toronto-reading.events #search-results.widget { border-top: 1px solid #153b68; margin-bottom: 5px;}\r
-#keep-toronto-reading .ktr-booklist .item .title { font-size: 110%;}\r
-#keep-toronto-reading #ktr-raffle-promo { min-height: 125px;}\r
-#keep-toronto-reading #ktr-virtual-map-promo p,#keep-toronto-reading #ktr-raffle-promo p { padding-left: 85px;}\r
-#keep-toronto-reading #ktr-social-media-promo { padding-bottom: 1em;}\r
-#keep-toronto-reading #ktr-social-media-promo a { padding-left: 1em;}\r
-#keep-toronto-reading #empty-message-heading { margin-top: 0.4em;}\r
-#keep-toronto-reading #latest-blogs { margin-bottom: 1em;}\r
-#keep-toronto-reading #presenter-promo h4 { border-top-color: #75b943; border-bottom-color: #75b943;}\r
-#keep-toronto-reading #presenter-promo .widget-content { background-color: #E3F1D9;}\r
-#keep-toronto-reading #presenter-promo .image-container { height: auto;}*//**END CHECK IF USED STILL **/\r
-\r
-\r
-\r
-#email-signup-onebook {\r
- background-color: #f5bb3d;\r
- text-align: center;\r
- border: 1px solid #f5bb3d;\r
- padding: 10px;\r
- /*added border radius*/\r
- border-radius: 7px;\r
- -moz-border-radius: 7px;\r
- -webkit-border-radius: 7px;\r
- -khtml-border-radius: 7px;\r
-}\r
-\r
-#email-signup-onebook a {\r
- color: black;\r
- font-weight: bold;\r
-}\r
-\r
-#email-signup-onebook a:hover {\r
- text-decoration: underline;\r
- color: black;\r
-}\r
-\r
-#email-signup-onebook h3 {\r
- padding: 0px;\r
- margin: 0px;\r
- border-bottom-width: 0px;\r
- border-top-width: 0px;\r
- background-color: #f5bb3d;\r
-}\r
-\r
-\r
-/*********************** Megamenu styles ******************/\r
-.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
-\r
-.megamenu { \r
- background-color:#FFF; border:1px solid #293D66; left:55px;\r
- display:none; float:right; position:absolute; z-index:5000; overflow: hidden;\r
- padding-right:0; \r
- margin-top: 0px;\r
- border-top: 4px solid #0051B1;\r
- font-size:0.9em;\r
- /*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
- -moz-box-shadow: 3px 3px 5px #747373; -webkit-box-shadow: 3px 3px 5px #747373; box-shadow: 3px 3px 5px #747373;}\r
- \r
-#books-link .megamenu, #programs-link .megamenu, #using-link .megamenu { width: 648px;}\r
-#branches-link .megamenu { width: 202px;} \r
-\r
-/*Column structure*/\r
-.megamenu-column {\r
- float:left;\r
- width: 200px;\r
- border-right:1px solid #E5E5E5;\r
- padding:20px 11px 10px 11px;}\r
- \r
-#books-link .megamenu-column.last, #programs-link .megamenu-column.last, #using-link .megamenu-column.last, #branches-link .megamenu-column.last {\r
- background-color:#F7F6F5; \r
- width: 180px;\r
- min-height: 100%;\r
- /*CSS3 details*/-moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px;}\r
- \r
-#branches-link .megamenu-column.last {/*This is a fix for the bottom left corner*/\r
- -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px;}\r
-\r
-/*Top Navigation Item*/\r
-.header-bottom .top-nav-hovered {\r
- background-color:#0051B1;\r
- z-index:9999;\r
- position:relative; \r
- color:#FFF; \r
- text-decoration: none;\r
- /*CSS3 details*/-moz-box-shadow: 3px 3px 5px #090909; -webkit-box-shadow: 3px 3px 5px #090909; box-shadow: 3px 3px 5px #090909;\r
- -moz-border-radius-topright: 7px; -moz-border-radius-topleft: 7px; -webkit-border-top-right-radius: 7px; -webkit-border-top-left-radius: 7px;}\r
-\r
-/*Link Unordered List Styles*/\r
-.megamenu ul {\r
- list-style-type:none;\r
- margin:0; \r
- display:block; \r
- overflow:hidden;\r
- padding:0;}\r
-\r
-.header-bottom .megamenu li { \r
- margin:-0.45em 0 0 0;\r
- padding:0; \r
- width:200px;}\r
-\r
-.megamenu .megamenu-column.last ul li {\r
- padding: 1px 0 2px 0;\r
- border-bottom: 1px solid #E5E5E5;\r
- width:180px;}\r
-\r
-/*Main Link Styles*/\r
-.megamenu-level-0 a:link, .megamenu-level-0 a:visited { /*Primary Links*/\r
- color: #0051B1;\r
- display: block;\r
- font-size: .95em;\r
- font-weight: bold;\r
- text-decoration: none;\r
- /*CSS3 Detail*/text-shadow: 0.1em 0.1em #FEFEFE;}\r
-\r
-/*Megamenu Links */\r
-.header-bottom .megamenu li.megamenu-level-0 { /*Extra space for Primary Links*/\r
- margin-bottom:8px;}\r
-\r
-.megamenu-level-1 a:link, .megamenu-level-1 a:hover, .megamenu-level-1 a:visited { /*Secondary Links*/\r
- color:#6C7379;\r
- font-weight:normal; \r
- font-size: .9em;\r
- margin-top: .2em;\r
- line-height: 1.3em;}\r
-\r
-.megamenu .megamenu-level-1 ul { /*Extra space for Secondary Links*/\r
- margin: 0 0 2.7em -1.1em;\r
- text-shadow: none;}\r
-\r
-.megamenu-level-2 { /*Unused Tertiary Links*/ float:none;}\r
-\r
-/*Links in the 3rd Minor Column*/\r
-.megamenu .megamenu-column.last .megamenu-level-0 a:link, .megamenu .megamenu-column.last .megamenu-level-0 a:visited { /*Primary Links*/\r
- color: #0051B1;\r
- display: block;\r
- font-size: .9em;\r
- font-weight: bold;\r
- text-decoration: none;\r
- text-shadow: 0.1em 0.1em #FEFEFE;\r
- padding: 0;}\r
- \r
-.megamenu .megamenu-column.last .megamenu-level-1 a:link, .megamenu .megamenu-column.last .megamenu-level-1 a:visited { /*Secondary Links*/\r
- color: #6C7379;\r
- font-weight:normal;\r
- line-height: .8em;\r
- border: none;}\r
- \r
-.megamenu .megamenu-column.last .megamenu-level-1 { border: none;}\r
-\r
-/*Hover States for All Links*/\r
-.megamenu .megamenu-level-0 a:hover, .megamenu .megamenu-column.last .megamenu-level-0 a:hover { text-decoration: underline; color: #293d66;}\r
-\r
-\r
-/*X in the-corner = for accessibility*/\r
-.megamenu .megamenu-close-link { \r
- color:#FFF; font-size:1.3em;line-height: .3em;\r
- margin:-23px -11px 0 170px;\r
- position:absolute; \r
- top:20px; \r
- height: 11px; \r
- background-color: #0051B1;\r
- float:right; \r
- -moz-border-radius-bottomleft: 7px;-webkit-border-bottom-left-radius: 7px; \r
- }\r
- \r
-.megamenu a:hover.megamenu-close-link {text-decoration: none; color: #EEF}\r
-\r
-\r
-\r
-\r
-\r
-\r
projects / mkws-moved-to-github.git / blobdiff