/* ----------- SURPASS SAFARI DEFAULT TEMPLATE --------------*/ /* ------ CORE BASE STYLES ----- */ html {background:#246ce4;} body {font-size:62.5%;font-family:Arial, Verdana, Sans-Serif;font-size:10pt; color:#5d6470;line-height:1.4;background:#246ce4;} a {color:#256de6;text-decoration:none;cursor:pointer;} a:hover {color:#ffb800;} /* ---- CUSTOM SITE WIDE STYLES ---- */ .hide-text { text-indent:-9999px;overflow:hidden;}/* hides text from browser but leaves for accessibility */ .script-link { cursor:pointer;color:#256de6; text-decoration:none;}/* "link" handled by javascript onclick event */ .script-link:hover {color:#ffb800;} .first {} /* first item in lists, general style, can be overwritten later */ .last { border:none;padding:0;}/* last item in lists, general style, can be overwritten later */ float-left {float:left;margin-right:10px;} float-right {float:right;margin-left:10px;} a.button {height:31px;display:block;cursor:pointer;background-image:url('images/button-sprite.png');} a#list-picture-upload.hover {cursor:pointer;} /* fix for ajax upload image button */ input.input-button, input.input-small-button {cursor:pointer;height:35px;border:none;background:transparent;color:transparent;text-transform: capitalize;display:block;float:left;background-image:url('images/button-sprite.png');}/* used multiple places, default styles for input buttons with graphics */ input.input-small-button {height:31px;} input:hover.input-button {} .search-term {background:#fff089;padding:0 3px; font-weight:bold;} /* code to highlight keywords on page from search-results */ p.error {border:1px solid #c9ab03;background:#fff4a6 url('images/icon-error.png') no-repeat 5px 4px;padding:3px 3px 3px 26px;margin-bottom:10px;font-weight:bold;color:red;} p.message {border:1px solid #c9ab03;background:#fff4a6 5px 4px;padding:3px 3px 3px 3px;margin-bottom:10px;font-weight:bold;} .input-row { clear:both;} textarea {font-family:inherit;} table.zebra tr.even td, table.zebra tr.even th { background-color:#FFF; } table.zebra tr.odd td { background-color:#F4F7FB; } ul.content-bullet {margin-bottom:20px;float:left;} ul.content-bullet li{background:url('images/mainbullet2.gif') no-repeat 0 7px;padding:3px 0 3px 14px;clear:both;float:left;} /* ---- MAIN CONTAINERS AND WIDTH SETTINGS ---- */ #full-body-wrapper, #patron-control-bar-wrapper, #header-wrapper, #content-wrapper, #footer-wrapper {width:100%; clear:both;} #patron-controlbar-content, #header-content, #page-content-holder, #footer-content {width:960px;position:relative;clear:both;margin:0 auto;} #full-body-wrapper { background:#fff url('images/main-color-bg-tile.jpg') repeat-x 0 25px;} #header-content {z-index:14;background:#0951c9 url('images/main-color-light-streaks-bg.jpg') no-repeat 0 0;} /* 9/7 removed overflow and added z-index */ #page-content-holder {background:#fff;padding:15px 15px 35px 15px;width:930px;position:relative;z-index:10;-moz-border-radius: 10px;border-radius: 10px; } /* ---- PATRON CONTROL BAR SETTINGS ---- */ #patron-control-bar-wrapper {background:url('images/patron-control-bar-bg-tile.gif') repeat-x 0 0;height:25px;position:relative;z-index:15; /* puts above main content with zindex of 10 */} #surpass-product {padding-top:4px;width:260px;float:left;} #surpass-product h4 {color:#fff;font-weight:bold;font-size:8pt;background:url('images/safari-logo-small.png') no-repeat 0 0;padding-left:20px;} #patron-controls {float:right;padding-top:4px;} #patron-controls li {float:left;font-size:8pt;} #patron-controls li.patron-name span {color:#fff;float:left;margin:0 0 0 8px;border-right:1px solid #a0a6b4;padding-right:6px; padding:1px 6px 1px 0;} #patron-controls li.patron-name img {float:left;width:15px;height:15px;overflow:hidden;} #patron-controls a {color:#e2d7bc;font-weight:bold;padding:1px 6px;display:block;border-right:1px solid #a0a6b4;} #patron-controls a:hover {text-decoration:underline;} #patron-controls li.last a {border:none;} #patron-controls li.logout{} /* #patron-controls li.my-bookbag{} */ .ui-icon-white-inline { display: inline; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; width: 16px; height: 16px; background-image: url('images/ui-icons_ffffff_256x240.png');} #patron-controls a span#bookbag-number {color:#fff;} #patron-controls li.my-account a:hover, #patron-controls li:hover.my-account a, #patron-controls li.my-bookbag a:hover, #patron-controls li:hover.my-bookbag a {background:#2b3955;text-decoration:none;} /* ---- drop-down My Account ------ */ #patron-controls li.my-account ul, #patron-controls li.my-bookbag ul {position:absolute;left:-9999em;display:none;clear:left; /* gets IE to position item below */margin:0;background:#2b3955;padding:10px 20px 15px 10px;width:110px;} #patron-controls li:hover.my-account ul, #patron-controls li:hover.my-bookbag ul {left:auto;top:20px;display:block;}/* unhides submenu on hover */ #patron-controls li.my-account li, #patron-controls li.my-bookbag li {float:none;padding:0; } #patron-controls li.my-account li a, #patron-controls li.my-bookbag li a {border:none;font-size:8pt;padding:1px 0;display:block;font-weight:normal;text-indent:0;height:auto;} #patron-controls li.my-account li a:hover, #patron-controls li.my-bookbag li a:hover {cursor:pointer;color:#fff;} /* ---- SCHOOL LOGO AND NAME ---- */ #school-logo {float:left;margin:15px 0 0 15px;height: expression( this.scrollHeight > 69 ? "70px" : "auto" ); /* sets max-height for IE6 */ max-height:70px;} /* changed 1-6, removed margin right/bottom */ #school-info {float:left;margin:20px 0 0 0;} /* 9/7 changed overflow auto to hidden added margin*/ h2#school-name {float:left;clear:both;position:relative;color:#fff;font-weight:bold;font-size:16pt;margin-left:15px;} /* changed 9/7 */ /*updated 1-6 to add margin-left */ h3#school-subline {float:left;clear:both;position:relative;color:#fff;font-weight:bold;font-size:11pt;margin-left:15px;} /* changed 9/7 */ /*updated 1-6 to add margin-left */ .choose-school {color:#fff;padding:0 20px 0 0;background:url('images/button-down-arrow.png') no-repeat 100% 9px;} h3.choose-school {background-position:100% 4px;} /* change position for smaller h3 */ h3:hover.choose-school, h2:hover.choose-school{cursor:pointer;background-image:url('images/button-down-arrow-over.png')} #school-selection { clear:left; padding:10px; width:90%; top:20px; position:absolute; left:-9999px; z-index:10; background:#fff; border:1px solid #c1c5ca; border-top:none; background:#fff url('images/module-box-bg-tile.gif') repeat-x 0 0; } h3:hover.choose-school #school-selection, h2:hover.choose-school #school-selection{ display:block; left:0; top:20px; } #school-selection ul {display:block;} #school-selection li {float:left;clear:both;width:100%;border-bottom:1px solid #c1c5ca;} #school-selection a {font-size:9pt;float:left;width:100%;display:block;padding:2px 0;} #school-selection a:hover {color:#000;} /* ---- HOME SETUP NEWS NAVIGATION ---- */ ul#base-navigation {clear:both;margin-left:15px;padding-top:20px;} /* 1-6 added padding top to space out from schools */ ul#base-navigation li {float:left;padding-right:5px;} ul#base-navigation li.last {padding:0;} ul#base-navigation a {display:block;padding:6px 15px; font-size:8pt;font-weight:bold;background:#3b4764;-moz-border-radius-topleft:5px;border-top-left-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px;color:#fff;} ul#base-navigation a:hover {color:#fff;background:#575e6a;} ul#base-navigation a.active { color:#276fe6;background:#fff;} /* ---- MODULE COLUMN SETTINGS ---- */ #module-column {width:239px; float:left; position:relative;z-index:10;} .module-container {margin-bottom:15px;} .module-box {border:1px solid #e4e6e8;padding:10px 10px 0 10px;background:#fff url('images/module-box-bg-tile.gif') repeat-x 0 0;} h2.module-heading {padding:7px 0 0 15px;height:27px;position:relative;color:#fff;font-weight:bold;background:#256de6 url('images/module-heading-bg-tile.gif') repeat-x 0 0;} h2.module-heading span {display:block;width:25px;height:25px;position:absolute;top:5px;right:10px;} p.small-text {font-size:7pt;margin-bottom:10px;} /* ------------------------------- */ /* ----- SEARCH PANEL STYLES ----- */ /* --- my search results ---- */ #my-results-wrapper {margin-bottom:10px; width:237px;height:34px;} a#my-results-link {display:block;font-size:9pt;font-weight:bold; text-align:center;width:237px;height:34px;line-height:33px;border:1px solid #eee6af;background:#fefee3;} a#my-results-link:hover {background:#c6dfff;border:1px solid #256de6;color:#256de6;} a#my-results-link span {} /* --- facet filtering ---- */ div.facet-filter-selected {position: relative; padding: 5px; display:block;font-size:9pt;font-weight:bold;text-align:left;width:205px;border:1px solid #eee6af;background:#fefee3;} .facet-filter-selected a {background: url('images/icons/icon-delete.png') no-repeat 0 0; display: block; width: 16px; height: 16px; position: absolute; top: 5px; right: 5px;} /* ---- search module box ---- */ input.search-input-box {float:left;margin:0 5px 10px 0;height:21px;width:160px;padding:2px 5px 0 5px;font-size:12pt;color:#5d6470;} input.search-go-button {float:left;width:36px;height:31px;display:block;background:url('images/button-sprite.png') no-repeat -632px -226px;border:0;cursor:pointer;margin-top:-4px; color: transparent;text-transform: capitalize;} input:hover.search-go-button {background-position: -632px -257px;cursor:pointer;} h2.module-heading span.search-icon {background:url('images/module-search-icon.png') no-repeat 0 0;} h2.module-heading span.filter-icon {background:url('images/module-filter-icon.png') no-repeat 0 0;} /* ---- ADVANCED SEARCH OPTIONS ----- */ /* -- drop-down --- */ ul#more-search {margin:0;padding:0 0 5px 0;height:16px;width:219px;clear:both;position:relative;} ul#more-search li {width:110px;} ul#more-search li a {width:110px;display:block;float:left;font-size:8pt;} ul#more-search li a:hover,ul#more-search li:hover a/* keeps item highlighted while on drop-down */ {color:#000;} ul#more-search li ul {position:absolute;left:-9999em;display:none;clear:left; /* gets IE to position item below */margin:0;background:#fff url('images/module-box-bg-tile.gif') repeat-x 0 0;border:1px solid #c1c5ca; border-top:none;padding:10px 10px 15px 10px;width:90px;} ul#more-search li:hover ul {left:0;top:15px;display:block;}/* unhides submenu on hover */ ul#more-search li:hover li {float:left;display:block;} ul#more-search li:hover li a {color:#256de6;width:80px;border-bottom:1px solid #c1c5ca;font-size:8pt;padding:2px 0;display:block;font-weight:normal;text-indent:0;height:auto;} ul#more-search li:hover li a:hover,ul#more-search li:hover li.active a {color:#000;} input.small-search-go-button {float:left;width:53px;height:27px;display:block;background:url('images/button-sprite.png') no-repeat -674px -226px;border:0;cursor:pointer;margin-top:-4px;color: transparent;text-transform: capitalize;} input:hover.small-search-go-button {background-position: -674px -257px;cursor:pointer;} input.small-search-input {float:left;width:150px;margin:0 5px 10px 0;} /* ----- ADVANCED SEARCH BOOLEAN-----*/ .boolean-box {background:#f1f2f3;border:1px solid #e3e5e7;padding:5px 10px 5px 10px;margin-bottom:3px;overflow:auto;width:195px;} .boolean-box label.top-label {width:180px;float:left;clear:both;} .boolean-box .search-row {position:relative;width:195px;} .boolean-box .boolean-input {width:185px;} .boolean-box .boolean-select {width:190px;} .boolean-box a.boolean-button {display:block;padding:1px 10px;float:left;background:#a5acb4;color:#fff;text-transform:uppercase;font-weight:bold;font-size:7pt;margin-right:3px;} .boolean-box a:hover.boolean-button {background:#5a626e;} .boolean-box a.boolean-button.active {background:#38960a;} .boolean-box a.boolean-button.remove {background:transparent url('images/delete2.gif') no-repeat 0 -16px;position:absolute;right:0;top:0;width:16px;height:16px;padding:0;margin:0;} /* ----- ADVANCED SEARCH BARCODE AND CALL NUMBER-----*/ p.advanced-info-text {font-style:italic;font-size:8pt;margin:-5px 0 5px 0;} ul.advanced-info-text {font-style:italic;font-size:8pt;margin:0 0 5px 0;padding:0 0 0 20px;list-style:disc;clear:both;} /* added 6-20 to fix chrome */ .barcode-search-fieldset label.left-label,.call-number-search-fieldset label.left-label {width:50px;} .barcode-search-fieldset input#barcode-from, .barcode-search-fieldset input#barcode-through, .call-number-search-fieldset input#call-num-from, .call-number-search-fieldset input#call-num-through {width:155px;} input.float-right {float:right;} /* ----- ADVANCED SEARCH POPULAR TITLES-----*/ .popular-titles-search-fieldset label.left-label {width:70px; } .popular-titles-search-fieldset input.small-input {width:90px;} .popular-titles-search-fieldset label.check-item {width:auto;} /* ----- NO RESULTS / TRY SEARCH AGAIN -----*/ form.search-redo input.small-search-go-button {float:none;display:inline;} /*---- general styles ----*/ fieldset {} .full-width { /* class applied to anything that should stretch full width in LSB*/ width:219px;float:left;clear:both;} .search-row {margin-bottom:5px; /*overflow:auto;*/clear:both;} /* clear and float added 6-20 for chrome bugs */ .small-search { /* row class containing small search button with input */padding:5px 0 0 0;} /* changed 6-20 to compensate for extra space */ .dotted-line {margin:5px 0 5px 0;height:1px;background:url('images/dotted-line.png') repeat-x 0 0;} /* margin changed from bottom 5 for chrome bug */ .filter-fieldset {padding-bottom:10px;}/* added 6-20 for chrome bugs */ /* label styles */ label {font-weight:bold;font-size:8pt;margin-right:5px;} label.top-label {margin: 0 0 2px 0;} label.left-label {float:left;} /* input box styles */ input {font-size:8pt;} /* select box styles */ select {font-size:8pt;} /* radio button styles */ .radio-row { float:none;} label.radio-item {float:left; margin-right:20px;line-height:12px;} label.radio-item input {margin:1px 3px 0 0;padding:0;} /* check box styles */ label.check-item {padding:1px 0 0 0;} input.check-box {float:left;padding:0;margin:0 5px 0 0;} /* sub-heading-styles */ h2.module-sub-heading {} h2.open {background-position:0 -50px;} h2.module-sub-heading a#filter-heading { /* making filters larger text */font-size:9pt;} h2.module-sub-heading a {height:25px;font-weight:bold;padding-left:15px;line-height:21px;display:block;background-position: 0 0;line-height:25px;font-size:7pt;color:#59616d;cursor:pointer;background:url('images/module-sub-heading-bg.png') no-repeat 0 0;} h2.module-sub-heading a:hover {color:#fff;background-position:0 -25px;} h2.module-sub-heading a.open {color:#fff;background-position:0 -75px;} h2.module-sub-heading a:hover.open {color:#fff;background-position:0 -50px;} /* ---- Default Filters ---- */ select#search-in {padding:3px;} /* ---- FILTERS BOX ----- */ select#material-type {width:130px;} /* ---- LEXILE BOX ----- */ select#lexile-grade-level,select#lexile-code {width:140px;} span.in-between {float:left; margin:0 8px;} input.small-input {float:left;width:50px;} /* ---- Accelerated & SCholastic Box ---- */ .module-box h3 {text-transform:uppercase;color:#000;font-weight:bold;font-size:8pt;margin-bottom:5px;clear:both;}/*clear added 6-20 for chrome */ #accell-toggle .small-input {width:40px; margin-right:20px;} #accell-toggle #points-highest,#accell-toggle #reading-level-highest {margin:0;width:42px;} select#interest-level {width:130px;} /* ------------------------------- */ /* ---- MAIN CONTENT SETTINGS ---- */ #main-content {width:675px;float:right;position:relative;z-index:2;} #main-content.no-search-bar {width:930px;float:left;} /* ----------------------------- */ /* ---- SEARCH RESULT PAGES ---- */ /* ----------------------------- */ /* ---- search results info ----- */ #search-results-info h1 {font-weight:bold;font-size:14pt;margin-bottom:5px;} #search-results-info h2 {font-weight:bold;font-size:11pt;margin-bottom:0;} #search-results-info h3 {font-style:italic;font-weight:normal;font-size:10pt;margin-bottom:10px;color:#7c848f;} #search-results-info h1 span.search-term {font-size:10pt;background:none;} .suggestion-heading {font-weight:bold;font-size:11pt;font-style:italic;margin-top:10px;} /* search results pagination controls */ .search-results-controls { width:675px; height:52px; background:url('images/search-navigation-bg.gif') no-repeat 1px 0; color:#fff; font-size:9pt; position:relative; margin-top:10px; } .search-results-controls li {display:inline;} .search-results-controls a {color:#c1c5ca;padding-right:5px;border-right:1px solid #c1c5ca;} .search-results-controls a.last {border:none;padding:0;} .search-results-controls a:hover,.search-results-controls a.active {color:#fff;} .search-results-controls .desc {padding-right:5px;} p.showing {position:absolute;top:5px;left:10px;} ol.pagination {position:absolute;top:8px;left:42%;} ol.pagination li {display:inline;float:left;} ol.pagination a {display:block;float:left;padding:0 5px 0 0;margin-top:-3px;border:none;} ol.pagination .left-pag,ol.pagination .right-pag {background:url('images/search-navigation-pag-left.png') no-repeat 0 -10px;width:7px;height:10px;display:block;padding:0;margin:0;} ol.pagination .left-pag {padding-right:8px;} ol.pagination .right-pag {background:url('images/search-navigation-pag-right.png') no-repeat 0 -10px;margin-left:8px;} ol.pagination span.left-pag { /* faded if not a link */background-position:0 0;} ol.pagination span.right-pag { /* faded if not a link */background-position:0 0;} ol.pagination a:hover.left-pag,ol.pagination a:hover.right-pag {background-position:0 -20px;} ol.results-per-page {position:absolute;text-align:right;right:15px;top:5px;} ul.view-by {position:absolute;left:10px;bottom:10px;} ul.sort-by {position:absolute;right:15px;bottom:10px;} /* -----------------------*/ /*--- LIST VIEW STYLES ---*/ /* -----------------------*/ .search-list-view {} .search-list-view .row { position:relative; height:auto !important; /*all browsers except ie6 will respect the !important flag*/ min-height:100px; height:100px;/*Should have the same value as the min height above*/ padding:15px 0 20px 0; background:url('images/search-list-row-bg.gif') no-repeat 0 100%; } .search-list-view .alt-row {} .search-list-view .cover-art {width:95px;overflow:hidden; /* will hide extra part of large images */ text-align:center;float:left;margin-right:10px;} .search-list-view .cover-art a img {max-width:89px;background:#fff;padding:2px;border:1px solid #256de6;} .search-list-view .cover-art a:hover img {border:1px solid #e9cda0;} .search-list-view .call-number { float:left; width:60px; height:auto !important; /*all browsers except ie6 will respect the !important flag*/ min-height:100px; height:100px;/*Should have the same value as the min height above*/ font-size:8pt; font-weight:bold; overflow:hidden; margin-right:10px; } .search-list-view .item-detail {float:left;width:350px;} .no-book-cover .item-detail { /* if no book covers are present, expand the column */ width:445px;} .item-detail h3.title {font-weight:bold;font-size:9pt;font-style:normal;} .item-detail p.author {font-size:8pt;margin-bottom:2px;} .item-detail p.description {font-size:8pt;clear:both;} .item-detail p.length {font-size:8pt;} .item-detail .award {/* for award listing in detail area of list view searches */border:1px solid #ffde5c;padding:5px;background:#fff9ea url('images/detail-award-bg.png') repeat-x 0 100%;font-size:8pt;font-weight:bold; /* bolds items not links */margin-top:5px;} .item-detail .award li {line-height:1.2;padding-bottom:3px;} .item-detail .award a {font-weight:normal;} .item-detail .award a:hover {color:#000;} #star-rating-cont {margin:-2px 0 5px 0;padding:0;} form.star-rating {margin:0;padding:0;height:12px;} .stars-edit, .stars-edit input {margin:0;padding:0;} /* availability box */ .item-status-content {border-bottom:1px solid #ccced2;background:#edeff0;width:127px;padding-bottom:5px; float:right;} .award {border-bottom:1px solid #e4c270;padding-bottom:15px; background:#fcdd92 url('images/award-available-bg.jpg') no-repeat 0 22px;} .bookbag-avail {border-bottom:1px solid #c3b07d;background:#e2d7bb url('images/bookbag-available-bg.jpg') no-repeat 0 22px;} .item-status-content h4.avail, .item-status-content h4.not-avail, .item-status-content h4.cancelled, .item-status-content h4.not-due, .item-status-content h4.holding, .item-status-content h4.overdue, .item-status-content h4.not-holding {background:url('images/available-bg.gif') repeat-x 0 0;color:#fff;font-size:9pt;font-weight:bold;text-align:center;padding:2px 0 3px 0;height:17px; /* 22 minus padding */margin-bottom:4px;} .award h4.avail,.award h4.not-avail {margin-bottom:10px;} .item-status-content h4.not-avail,.item-status-content h4.cancelled {color:#585f6c;background:url('images/not-available-bg.gif') repeat-x 0 0;} .item-status-content h4.overdue,.item-status-content h4.holding {background:url('images/overdue-bg.gif') repeat-x;} .item-status-content h4.not-holding {background:url('images/reserved-status-bg.gif') repeat-x;} .item-status-content p.item-type {text-align:center;font-size:8pt;margin-bottom:5px;} .item-status-content p.item-type img {} .item-status-content p.item-type span {display:block;} .search-list-view .item-status-content p.button {} #additional-button-row, .additional-button-row { /* row holding additional buttons if necessary */overflow:auto;float:right;width:100%;margin:10px 0;} #additional-button-row a {clear:both;float:right;margin-bottom:5px;} /* --- SEPERATOR FOR YEARS ---- */ #main-content h2.year-row {padding:0 0 0 15px;line-height:25px;height:25px;position:relative;color:#fff;font-weight:bold;background:url('images/module-heading-bg-tile.gif') repeat-x 0 0;} /* -------------------------- */ /* ---- GRID VIEW STYLES ---- */ /* -------------------------- */ ol.search-grid-view {list-style:none;overflow:hidden;height:auto;margin:5px 0;background:url('images/search-grid-view-borders.gif') repeat-y 0 0;border-bottom:1px solid #eaeaec;} ol.search-grid-view li.grid-item {width:158px; /* height:auto !important;min-height:241px;height:241px; */ padding:10px 5px;float:left;text-align:center;background:url('images/grid-view-item-bg.jpg') no-repeat 1px 0;border-top:1px solid #eaeaec;position:relative;} ol.search-grid-view li.grid-clear {width:674px;clear:both;height:0;} ol.search-grid-view ul.item-detail {} ol.search-grid-view ul.item-detail li.call-number {font-size:7pt;font-weight:bold;margin-bottom:5px;} ol.search-grid-view ul.item-detail li.cover-art img {max-width:150px;background:#fff;margin-bottom:2px;padding:2px;border:1px solid #256de6;} ol.search-grid-view ul.item-detail li.cover-art a:hover img {border:1px solid #e9cda0;} ol.search-grid-view ul.item-detail li.title h3 {line-height:1.1;font-size:9pt;margin-bottom:2px;font-weight:bold;} ol.search-grid-view ul.item-detail li.author {font-size:8pt;} /* grid view star rating placement */ /*ol.search-grid-view form.star-rating {margin:5px 0 0 44px;float:left;} ol.search-grid-view form.star-rating p.star-vote {margin:-2px 0 0 5px;float:left;color:#858b94;}*/ /* commented out 1/13 for texting */ /* updates adding in the number of review for grid view */ ol.search-grid-view form.star-rating {margin:2px 0 0 0;overflow:hidden;width:150px;}/* width of form */ ol.search-grid-view form.star-rating .stars-readonly,ol.search-grid-view form.star-rating .stars-voted {margin:0 0 0 41px;width:73px;overflow:hidden;float:left;} /* width of actual star area */ ol.search-grid-view form.star-rating p.star-vote {margin:-1px 0 0 2px;display:inline;} ol.detail-grid-view {list-style:none;overflow:hidden;height:auto;margin:5px 0 !important;} ol.detail-grid-view li.grid-item {width:118px;padding:10px 5px;float:left;text-align:center;} ol.detail-grid-view li.grid-clear {width:640px;clear:both;height:0;} ol.detail-grid-view ul.item-detail {margin: 0 !important;list-style:none !important;} ol.detail-grid-view ul.item-detail li.order {font-size:7pt;font-weight:bold;margin-bottom:5px;} ol.detail-grid-view ul.item-detail li.call-number {font-size:7pt;font-weight:bold;margin-bottom:5px;} ol.detail-grid-view ul.item-detail li.cover-art img {max-width:150px;background:#fff;margin-bottom:2px;padding:2px;border:1px solid #256de6;} ol.detail-grid-view ul.item-detail li.cover-art a:hover img {border:1px solid #e9cda0;} ol.detail-grid-view ul.item-detail li.title h3 {line-height:1.1;font-size:9pt;margin-bottom:2px;font-weight:bold;} ol.detail-grid-view ul.item-detail li.author {font-size:8pt;} /* ------------------------------------- */ /* ------ DETAIL PAGE ------------------ */ #previous-next-controls {background:url('images/grey-dotted-bg.gif') repeat-x 0 100%;margin-bottom:10px;font-size:8pt;padding:0 10px 2px 5px;height:16px;} #previous-next-controls .previous-item {float:left;} #previous-next-controls .next-item {float:right;} #detail-content-container {} #detail-content-container p {font-size:8pt;} #detail-left {width:525px;float:left;} #detail-left .cover-art {float:left;width:120px;text-align:center;margin-right:10px;} .browse-shelf {display:block;margin-bottom:5px;} #detail-left .call-number {text-align:center;color:#3b4764;font-weight:bold;font-size:9pt;width:110px;margin:0 auto;} #detail-left .cover-art img {margin-bottom:5px;max-width:120px;} #detail-left .item-detail {float:left;width:390px;} #detail-left h3.title {font-size:12pt;} #detail-left p.author {font-size:10pt;} #detail-left form.star-rating {margin-top:10px;} #detail-left p.description {margin-bottom:10px;} #detail-left p.reading-level span,#detail-left p.lexilt span,#detail-left p.accel-points span{ font-weight:bold;} #detail-right {float:right;width:127px;} #detail-right .item-status-content {margin-bottom:10px;} #detail-right .item-status-content h4{margin-bottom:5px;} #detail-right .item-status-content p{text-align:center;float:none;} #detail-right .detail-buttons-container {border-bottom:1px solid #ccced2;background:#edeff0;width:127px;padding:10px 0;clear:right;} .detail-more-link a {cursor:pointer;} #detail-left p.star-rating-options {font-style:italic;margin:-2px 0 0 5px;float:left;color:#858b94;} p.star-vote {font-size:8pt;font-style:normal;margin:-2px 0 0 5px;float:left;color:#858b94;} #author-content img.author-photo {float: right; max-width: 150px; margin-left: 10px; margin-bottom: 10px;} .detail-buttons-container a {margin-bottom:5px;cursor:pointer;} /* availability tooltip table styles */ table#availability-table {margin-top:5px; background:#fafafa;width:100%;} table#availability-table th {padding:1px 3px;font-size:8pt;color:#777f8a;text-transform:uppercase;} table#availability-table td {font-size:8pt;padding:2px 5px;} table#availability-table p {margin:0;} table#availability-table colgroup.col1 {} table#availability-table colgroup.col2 {} table#availability-table colgroup.col3 {} table#availability-table colgroup.col4 {} table#availability-table .availability-copies,table#availability-table .availability-available {text-align:center;} /* ---= detail area with tabs ---- */ #detail-tabbed-area1{margin-top:15px;border:none;} .ui-tabs .ui-tabs-panel.ui-widget-content { /* styling content boxes */clear:both;width:640px;float:left;border:1px solid #c3c6cb;padding:15px;display: block; font-size:8pt;color:#5d6470;/*position:relative;*/} .ui-tabs .ui-tabs-panel.ui-widget-content h1,.ui-tabs .ui-tabs-panel.ui-widget-content h2,.ui-tabs .ui-tabs-panel.ui-widget-content h3 {font-weight:bold;font-size:12pt;margin-bottom:15px;} .ui-tabs .ui-tabs-panel.ui-widget-content h2 {font-size:11pt;margin-bottom:5px;} .ui-tabs .ui-tabs-panel.ui-widget-content h3 {font-size:10pt;margin-bottom:5px;} .ui-tabs .ui-tabs-panel.ui-widget-content p {margin-bottom:10px;font-size:10pt;} .ui-tabs .ui-tabs-panel.ui-widget-content ul {list-style:disc;margin:0 0 10px 30px;} .ui-tabs .ui-tabs-panel.ui-widget-content li {} .ui-tabs .ui-tabs-panel.ui-widget-content ol {margin:0 0 10px 30px;} .ui-tabs .ui-tabs-panel.ui-widget-content a {color:#256de6;text-decoration:none;} .ui-tabs .ui-tabs-panel.ui-widget-content a:hover {color:#ffb800;} /* ----- DETAIL TABS TABLE MARC ----- */ #detail-tabbed-area1 table {margin-top:5px;border:1px solid #ccc;border-bottom:none;border-right:none;background:#fafafa;width:100%;} #detail-tabbed-area1 table th {padding:1px 3px;background:#777f8a;color:#fff;text-transform:uppercase;text-align:left;border-bottom:1px solid #ccc;border-right:1px solid #ccc;} #detail-tabbed-area1 table td {padding:2px 5px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;} #detail-tabbed-area1 table p {margin:0;} #more-detail-content table {} #more-detail-content colgroup.col1 {width:140px;} #more-detail-content colgroup.col2 {} #marc-content table {} #marc-content colgroup.col1 { width:140px;} #marc-content colgroup.col2 {} #marc-content colgroup.col3 { width:160px;} #marc-content colgroup.col4 {} #avail-content table {} #avail-content colgroup.col1 {} #avail-content colgroup.col2 {} #avail-content colgroup.col3 {} #avail-content colgroup.col4 {} /* ----- DETAIL TABS TABLE OF CONTENTS ----- */ .ui-tabs .ui-tabs-panel.ui-widget-content ul.table-of-contents {margin:0 0 5px 5px;list-style:none;} ul.table-of-contents li {/*background:url('images/grey-dotted-bg.gif') repeat-x left bottom; */font-weight:normal;overflow:auto;list-style:none;} .ui-tabs .ui-tabs-panel.ui-widget-content ul.table-of-contents ul {margin-top:6px;clear:both; /* clears sub lists */} span.toc-label { /* number of chapter */ background:#fff; /* covers border image */font-weight:bold;float:left;padding:0 10px 0 0;} span.toc-title { /* title of chapter */background:#fff; /* covers border image */font-weight:bold;float:left;padding: 0 4px 0 0;} span.page-num {background:#fff; /* covers border image */float:right;padding: 0 0 0 10px;} /* ----- DETAIL TABS PROFILE CONTENT ----- */ .ui-tabs .ui-tabs-panel.ui-widget-content ul.profile-ul { margin:0 0 15px 25px;} /* generic ul */ ul.profile-character-ul li {} /* character specific */ span.profile-char-title {padding:0 10px 0 0; background:#fff;font-weight:bold;} span.profile-char-desc {background:#fff;} /* ----- DETAIL TABS REVIEWS */ .ui-tabs .ui-tabs-panel.ui-widget-content .write-review-detail-link {position:absolute;right:15px;top:15px;} /* write review link for review sub tab */ /* ----- DETAIL TOOLTIP --------- */ .detail-tooltip {width:330px;height:130px;padding:15px 15px 25px 15px;background:#f9f9f9;overflow:hidden;position:relative;} .detail-tooltip .item-detail {float:left;width:190px; height:140px;overflow:hidden;} a.tooltip-more { display:block;right:25px;bottom:10px;position:absolute;} /* --- AWARDS & HONORS LISTING PAGE --- */ #awards-honors-content h1 {font-weight:bold;font-size:14pt;margin-bottom:5px;} #awards-honors-content h2 {font-weight:bold;font-size:11pt;margin-bottom:10px;clear:both;} #awards-honors-content h3 {font-style:italic;font-weight:normal;font-size:10pt;margin-bottom:10px;color:#7c848f;} #awards-honors-content ul {margin:0 0 10px 15px;} #awards-honors-content li {background:url('images/mainbullet2.gif') no-repeat 0 3px;padding-left:16px;} #awards-honors-content ul ul {} #awards-honors-content .year-listing-ul {margin:0 0 10px 0;overflow:auto;} #awards-honors-content .year-listing-ul li {float:left;width:50px; background:none;text-align:center;} /* ------------------------- */ /* ----- ACCORDION ---- */ h2.ui-accordion-header {margin-bottom: 0px !important;} /* ---- CUSTOM CAROUSEL SETTINGS ---- */ /* Note that there are other skin styles being set which are contained in the safari-shelf.css file */ #browse-shelf-position {left:-9999px;position: absolute; top: 50%;margin-top: -100px;margin-left: -365px;width:710px; }/* use this to position the modal */ #browse-shelf-container {-moz-border-radius: 10px;border-radius: 10px;background:#fff;width:710px;height:200px;padding:30px 45px;position:relative;} /* overall div around carousel */ a.carousel-close {position:absolute;top:8px; right:42px;font-size:8pt;}/* close window link */ p.carousel-callnum { font-size:8pt;color:#5d6470;cursor:pointer; margin:5px 0;} p.carousel-cover {cursor:pointer;} p.carousel-cover img {max-width:120px;max-height:95px;border:1px solid #fff; } p.carousel-title {font-size:8pt; margin-top:5px;line-height:1.1;cursor:pointer; } .carousel-item p.author {font-size:8pt;color:#5d6470;cursor:pointer; } .carousel-item a.shelf-grid-link {display:block;width: 120px;height:170px;padding:10px;background:url('images/carousel-item-bg.gif') no-repeat 100% 0;overflow:hidden;} .carousel-item a:hover.shelf-grid-link {color:#fff;background:url('images/carousel-item-hover-dark-bg.jpg') no-repeat 100% 0;} .carousel-item a:hover.shelf-grid-link p.carousel-title, .carousel-item a:hover.shelf-grid-link p.carousel-callnum {color:#fff;} .carousel-item a:hover.shelf-grid-link p.author {color:#a7d7ff;} /* ------------------------- */ /* ---- MULTIPLE MODAL FORM STYLES ---- */ /* ---- LOGIN BOX STYLES ---- */ #login-container {display: none;position: fixed; top: 17%;left: 50%; margin-left: -217px;width:435px;} form#login-form {} #login-container h2.module-heading {padding:0 0 0 75px;height:35px;line-height:35px;background-position:7px;margin:0;} #safari-login-icon { position:absolute;top:-7px;left:10px;background:transparent url('images/safari-login-icon.png') no-repeat 0 0;height:50px;width:56px;} #login-box {} #login-container .module-box {padding:20px 20px 30px 20px;margin:0;border:none;/*no need for border since in modal */} #login-container p {margin-bottom:15px;} #login-container p.small-text {margin:15px 0 0 0;clear:both;text-align:center;font-style:italic;font-size:8pt;} #login-container label {color:#3b4764;font-size:10pt;width:155px;float:left;text-align:right;padding-top:3px;} #login-container .login-input {clear:right;width:220px;float:left;padding:4px;margin-bottom:15px;font-size:10pt;} input.login-button,input.change-pass-button {margin-left:160px;} /* ----- INACTIVITY MODAL ---- */ #inactivity-container {left:-9999px;position: absolute; top: 50%;margin-top: -100px;margin-left: -218px;width:437px; }/* use this to position the modal */ /*#inactivity-container {width:437px}*/ #inactivity-box {height:169px;} #inactivity-box img {float:left;margin-right:15px;} #inactivity-box p {margin-bottom:10px;} #inactivity-box p.small-text {margin:0 0 0 0;clear:both;text-align:center;font-size:8pt;} #inactivity-box p.small-text strong.error {color:red;} #inactivity-box input.stillhere-button {margin:10px 0 15px 150px;float:left;} /* ---- RESERVATION AND WRITE REVIEW BOX STYLES ---- */ #reservation-container { display: none;position: fixed;top: 17%;left: 50%;margin-left: -250px;width:500px;} form#reservation-form {} #reservation-container h2.module-heading,#write-review-container h2.module-heading {padding:0 0 0 30px;height:35px;line-height:35px;margin:0;font-size:12pt;} #reservation-box {} #reservation-container .module-box,#write-review-container .module-box {padding:15px 30px 30px 30px;margin:0;overflow:auto;} h2.reservation-author, h2.reservation-title,h2.review-author, h2.review-title {font-size:11pt;font-weight:bold;} h2.reservation-title,h2.review-title {font-size:13pt;line-height:1.1em;color:#3b4764;} h2.reservation-author,h2.review-author {margin-bottom:10px;} #reservation-container p {margin-bottom:15px;} #reservation-container p.small-text {margin:0 0 10px 92px;text-align:left;font-style:italic;font-size:8pt;clear:both;} #reservation-container ul {margin:10px 0 15px;} #reservation-container label,#write-review-container label {color:#3b4764;font-size:10pt;width:90px;float:left;text-align:right;padding-top:3px;} #reservation-container .login-input,#write-review-container .text-input {clear:right;width:220px;float:left;padding:4px;margin-bottom:5px;font-size:10pt;} /* ---- EMAIL BOX STYLES ---- */ #email-container { display: none;position: fixed;top: 17%;left: 50%;margin-left: -250px;width:500px;} form#email-form {} #email-container h2.module-heading {padding:0 0 0 30px;height:35px;line-height:35px;margin:0;font-size:12pt;} #email-box {} #email-container .module-box {padding:15px 30px 30px 30px;margin:0;overflow:auto;} h2.email-subtitle {font-size:11pt;} h2.email-title {font-size:13pt;line-height:1.1em;color:#3b4764;} #email-container p {margin-bottom:15px;} #email-container p.small-text {margin:0 0 10px 92px;text-align:left;font-style:italic;font-size:8pt;float:left;clear:both;} #email-container ul {margin:10px 0 15px;} #email-container label {color:#3b4764;font-size:10pt;width:120px;float:left;text-align:right;padding-top:3px;} #email-container .text-input {clear:right;width:220px;float:left;padding:4px;margin-bottom:10px;font-size:10pt;} #email-container input.submit-button {margin-left:125px;} /* ---- WRITE REVIEW BOX SPECIFIC STYLES ---- */ #write-review-container {display: none;position: fixed;top: 17%; left: 50%;margin-left: -225px;width:550px;} #write-review-container .dotted-line {margin-bottom:15px;} #write-review-container .text-input {width:295px;margin-bottom:10px;float:none;} #write-review-container .star-rating-box {margin:6px 0 18px 0;float:left;width:380px;} #write-review-container textarea {clear:right;width:380px;height:160px;padding:4px;margin-bottom:15px;font-size:10pt;} #review-categories-box { /* container holding categories */ clear:both;overflow:auto;margin-bottom:15px;} .review-check-boxes { /* column of categories */ float:left;font-weight:bold;font-size:8pt;width:120px;} /* REVIEWS & BULLETIN STYLES */ #reviews-listing-container {position:relative;overflow:auto; clear:both;} #reviews-listing-container h1 {margin-bottom:0;font-size:15pt;font-weight:bold;} #reviews-listing-container.bulletin-container h1 {margin-bottom:10px;} #reviews-listing-container h2 {font-style:italic;font-size:10pt; margin-bottom:10px;font-weight:bold;} #reviews-listing-container .cover-art {width:95px;overflow:hidden;text-align:center;float:left;margin-right:10px;}/* if book covers are on, this div will exist */ #reviews-listing-container .cover-art img {max-width:95px;} #reviews-listing-container .listing-detail {width:570px;float:left;} /* if covers are on, shorten column and float */ #reviews-listing-container.no-book-cover .listing-detail {width:675px;float:left;} /* if covers are turned off, expand column to fill */ #reviews-listing-container h3 {float:left;width:345px;font-size:12pt;font-weight:bold;line-height:1.2;}/* if covers are on, shorten width */ #reviews-listing-container.no-book-cover h3 {float:left;width:455px;font-size:12pt;font-weight:bold;}/* if covers are turned off, expand column to fill */ #reviews-listing-container.bulletin-container h3 {width:535px;} #reviews-listing-container .listing-row {padding:10px 0;border-top:1px solid #cccccc;clear:both;width:100%;overflow:auto;} #reviews-listing-container .buttons {width:190px;height:16px;float:right;} #reviews-listing-container .buttons button {float:right;} /* added 9/1 */ #reviews-listing-container.bulletin-container .buttons {width:120px;float:right;height:16px;} #reviews-listing-container .listing-row h3 {font-size:11pt;margin-bottom:5px;} #reviews-listing-container form.star-rating {clear:both;margin-bottom:5px;} /* add 9/1 */ #reviews-listing-container .listing-row p.review-by {margin-bottom:5px;clear:both;float:left;width:100%;} #reviews-listing-container .listing-row p.excerpt {margin-bottom:5px;clear:both;float:left;width:100%;} #reviews-listing-container .listing-row p.categories {clear:both;} /* added 9/1 */ #reviews-listing-container .additional-button-row {border-top:1px solid #cccccc;clear:both;padding-top:10px;} #reviews-details-container {clear:both;overflow:auto;} #reviews-details-container .cover-art img {text-align:center;float:right;margin:0 10px;}/* if book covers are on, this div will exist */ #reviews-details-container h1 {margin-bottom:5px;font-size:15pt;font-weight:bold;} #reviews-details-container form.star-rating {clear:none;} #reviews-details-container p.categories {margin-bottom:10px;} #reviews-details-container p.excerpt {margin-bottom:10px;} #reviews-details-container.bulletin-container p.review-by {margin-bottom:10px;} .excerpt h1 {font-size:2em;} .excerpt h2 {font-size:1.5em;} .excerpt h3 {font-size:1.33em;} .excerpt h4 {font-size:1.17em;} /* READING LISTS */ #reading-lists-container {position:relative;overflow:auto; clear:both;} #reading-lists-container h1 {margin-bottom:0;font-size:15pt;font-weight:bold;} #reading-lists-container h2 {font-style:italic;font-size:10pt; margin-bottom:10px;font-weight:bold;} #reading-lists-container .picture {width:200px;overflow:hidden;text-align:center;float:left;margin-right:10px;}/* if book covers are on, this div will exist */ #reading-lists-container .picture img {max-width:200px;}/* if pictures are on, this div will exist */ #reading-lists-container .listing-detail {width:465px;float:left;} /* if pictures are on, shorten column and float */ #reading-lists-container .listing-detail.no-picture {width:675px;float:left;} /* if covers are turned off, expand column to fill */ #reading-lists-container h3 {float:left;width:240px;font-size:12pt;font-weight:bold;line-height:1.2;}/* if pictures are on, shorten width */ #reading-lists-container h3.no-picture {float:left;width:455px;font-size:12pt;font-weight:bold;}/* if pictures are turned off, expand column to fill */ #reading-lists-container .listing-row {padding:10px 0;border-top:1px solid #cccccc;clear:both;width:100%;overflow:auto;} #reading-lists-container .buttons button {float:right;} #reading-lists-container .listing-row h3 {font-size:11pt;margin-bottom:5px;} #reading-lists-container .listing-row p.posted-by {margin-bottom:5px;clear:both;float:left;width:100%;} #reading-lists-container .listing-row p.text {margin-bottom:5px;clear:both;float:left;width:100%;} #reading-lists-container .additional-button-row {border-top:1px solid #ccc;clear:both;padding-top:10px;} /* PUBLISH LIST MODAL */ #publish-list-container {width:600px;display: none;position: fixed;top: 5%;left: 50%;margin-left: -300px} #publish-list-box {padding-bottom:20px;} #publish-list-box .dotted-line {margin-bottom:10px;} #publish-list-box label {width:100px;color:#3b4764;font-size:10pt;float:left;text-align:right;padding-top:3px;} #publish-list-box .input-row {clear:both;overflow:auto;} #publish-list-box .input-row .submit-button {margin:0 0 0 100px;} /* spaces submit/cancel appropriately */ #publish-list-box .text-input, #publish-list-box select, #publish-list-box textarea {width:450px;margin-bottom:10px;float:none;font-size:10pt;} #publish-list-box textarea {height:80px;} .pub-list-desc-box {width:420px;margin:0 0 15px 120px;} .pub-list-desc-box .input-row {margin-bottom:5px;} #publish-list-box .pub-list-desc-box label {width:300px;float:none;text-align:left;padding:0;} .pub-list-desc-box .radio-button {float:left;} .pub-list-desc-box p.description {padding-left:5px;font-size:8pt;font-style:italic;} .modal-form-loc-box, .modal-form-up-box {width:250px;float:left;padding-bottom:15px;margin-left:15px;} #publish-list-box .modal-form-loc-box label {width:100%;clear:both;text-align:left;} .modal-form-loc-box .auto-container, .modal-form-up-box .auto-container {width:245px;height:80px;overflow:auto;border:1px solid #ccc;clear:left;} .modal-form-up-box {width:275px;margin-left:15px;} #publish-list-box .modal-form-up-box label {width:100%;clear:both;text-align:left;} .modal-form-up-box .auto-container {width:275px;border:none;position:relative;} .modal-form-up-box img{max-height:70px;max-width:145px;position:absolute;right:0;top:0;} .modal-form-up-box a.button {float:left;margin:10px 10px 5px 0;} .modal-form-up-box p.description {float:left;clear:left;width:130px;font-size:8pt;font-style:italic;} /* -------------------------- */ /* ---- VISUAL NAVIGATOR ---- */ #visnav-content {width: 675px;overflow:auto;margin-bottom:10px;} #visnav-content h1 {font-weight:bold;font-size:14pt;margin-bottom:5px;} #visnav-content h2 {font-weight:bold;font-size:11pt;margin-bottom:10px;} .visnav-container {} ul#visnav-buttons {} ul#visnav-buttons img {margin-bottom:5px;} ul#visnav-buttons li {margin: 5px;float: left;width: 122px;height: 145px;font-weight: bold;font-size:8pt;background: none;border: none;text-align: center;line-height:1.1;} ul#visnav-buttons a {border:1px solid #e5e7e8;width:100px;height:100px;padding: 10px;display:block;background:url('images/grid-view-item-bg.jpg') no-repeat 1px 0;} ul#visnav-buttons a:hover { /* light yellow hover style */border:1px solid #eee6af;background:#fefee3;} ul#visnav-buttons a.selected { /* light green selected style */border:1px solid #65c530;background:#e4fbd9;color:#000;} ul#visnav-buttons a.hidden {/* grey hidden style */background:#ebebeb;color:#787f8a;border:1px solid #ccc;} ul#visnav-buttons a.add-new {/* styles for add new */ line-height:100px;} .vis-edit-bar {width:122px;height:25px;padding:0;position:relative;background:#256de6 url('images/module-heading-bg-tile.gif') repeat-x 0 0;} .vis-edit-bar.selected {background:#3d940c none;} .vis-edit-bar.hidden {background:#ccc none;} .move-icon {cursor:pointer;width:11px;height:11px;display:block;position:absolute;top:7px;left:6px;background:transparent url('images/move-icon.png') no-repeat 0 0;} ul#visnav-buttons a.vis-edit-but {position:absolute;right:6px;border:none;line-height:25px;color:#fff;width:30px;height:25px;padding:0 0 0 16px;background:url('images/icons/icon-edit.png') no-repeat 0 50%;cursor:pointer;} ul#visnav-buttons a.vis-edit-but:hover {color:#ffb800;} /* vis navigator LSB edit styles */ h2.vis-nav {background:#3d940c;border:1px solid #3d940c; } h2.vis-nav.small {padding:0 0 0 10px;height:25px;line-height:25px;} /* used when showing the define search terms */ .module-box.vis-nav {padding-bottom:10px;} .vis-nav label.left-label {text-align:right;width:50px;} #vis-nav-edit-top {margin-bottom:10px;overflow:auto;} #vis-nav-edit-top .vis-picture{width:72px;height:auto/*72px*/;float:left;margin-right:15px;} #vis-nav-edit-top .buttons{float:left;width:115px;padding:0;} #vis-nav-edit-top .buttons button {margin:0 0 6px 0;padding:0;} #vis-nav-edit-bottom {padding:0;margin:0;width:auto;float:left;margin:0;} #vis-nav-edit-bottom input {width:155px;} #vis-nav-edit-bottom select{width:160px;} .vis-sub-panel .search-row {padding-bottom:8px;} .vis-sub-panel .dotted-line {float:left;clear;both;} .vis-sub-panel h3 {width:219px;} .vis-sub-panel #vis-newpage,.vis-sub-panel #vis-openinput {width:210px;} .vis-sub-panel p.advanced-info-text {margin:0 0 5px 0;} .vis-sub-panel ul.advanced-info-text {margin:0 0 5px 0;padding:0 0 0 20px;} #vis-marc .marc-search-fieldset .small-search-input {width:160px;} /* vis nav change button image modal box styles */ /*#vis-change-image-cont {width:800px;height:500px;background:#fff;display:none;position:fixed;top:10%;left:50%;margin-left:-400px;}*/ #vis-change-image-cont {width:777px;height:500px;background:#fff;display:none;position:fixed;top:10%;left:50%;margin-left:-387px;} #vis-change-image {padding:15px;} /* content container for modal */ /* #vis-change-left {float:left;width:465px;padding-right:10px;background:url('images/dotted-line-vert.png') repeat-y 100% 0;}*/ #vis-change-left {float:left;width:433px;padding-right:10px;background:url('images/dotted-line-vert.png') repeat-y 100% 0;} #vis-current-image {float:left;width:100px;text-align:center;font-weight:bold;} #vis-current-image img{width:72px;margin-bottom:5px;} #vis-change-left ul {list-style:disc;float:left;padding-left:30px;width:330px;} #vis-change-left li {line-height:1.2;padding-bottom:4px;} #vis-change-right {float:right;} /* #vis-change-image #detail-tabbed-area1 {clear:both;width:765px;float:left;margin-top:15px;} */ #vis-change-image #detail-tabbed-area1 {clear:both;width:742px;float:left;margin-top:15px;} /* #vis-change-image .ui-tabs .ui-tabs-panel.ui-widget-content {width:743px;height:250px;overflow:auto;padding:15px 10px;} */ #vis-change-image .ui-tabs .ui-tabs-panel.ui-widget-content {width:720px;height:250px;overflow:auto;padding:15px 10px;} #detail-tabbed-area1 ul#visnav-buttons {list-style:none;margin:0;padding:0;} /* #detail-tabbed-area1 ul#visnav-buttons li {margin:0 10px 10px 0;float:left;width:auto;height:110px;} */ #detail-tabbed-area1 ul#visnav-buttons li {margin:0 10px 10px 0;float:left;width:auto;height:95px;} /* #detail-tabbed-area1 ul#visnav-buttons li a {width:auto;height:90px;font-size:7pt;padding: 10px;display:block;} */ #detail-tabbed-area1 ul#visnav-buttons li a {width:auto;height:auto;font-size:7pt;padding: 8px;display:block;} #detail-tabbed-area1 ul#visnav-buttons li p {font-size:7pt;} /* vis nav change graphic style modal */ #vis-change-style-cont {width:530px;height:480px;background:#fff;display:none;position:fixed;top:10%;left:50%;margin-left:-265px;} #vis-change-style-cont #vis-change-image {padding:15px 25px 25px 25px;} #vis-change-style-cont a.change-container {cursor:pointer;width:460px;height:105px;padding:5px 0 10px 20px;border:1px solid #e5e7e8;background:#fafafa;display:block;margin-top:5px;} #vis-change-style-cont a.change-container:hover {border:1px solid #eee6af;background:#fefee3;} #vis-change-style-cont a h3 {color:#5d6470;font-weight:bold;font-size:11pt;margin:0 0 5px 0;} #vis-change-style-cont ul {float:left;clear:both;margin-bottom:10px;} #vis-change-style-cont li {float:left;margin-right:20px;} /* vis nav change navigation set modal */ #vis-change-set-cont {width:500px;height:420px;background:#fff;display:none;position:fixed;top:10%;left:50%;margin-left:-250px;} #vis-change-set-cont input.cancel-button {float:right;} #vis-change-set {padding:15px;} #vis-change-set p {line-height:1.3;margin-bottom:10px;} #vis-change-set h2{font-weight:bold;font-size:11pt;margin-bottom:5px;} #vis-change-set .change-nav-row{clear:both;height:auto;} #vis-change-set label {font-size:10pt;} #vis-change-set select {font-size:10pt;margin:5px 5px 0 0;width:250px;clear:left;float:left;} #vis-change-set input {font-size:10pt;} #vis-change-set input.text-input {float:left;width:250px;margin-right:5px;} #vis-change-set .input-small-button {float:left;margin-top:-4px;} #change-set-left {float:left;width:120px;} #change-set-left p.advanced-info-text {clear:both;float:left;margin:3px 0 0 0;} #change-set-right {float:left;width:300px;} #change-set-right label {float:none;} #change-set-right input.text-input {float:left;width:240px;margin-right:5px;} #change-set-right .input-small-button {float:left;margin-top:-4px;} /* ------------------------- */ /* ---- LIBRARY HOME WIDGET PAGE ---- */ select#select-widget-type {width:219px;margin-bottom:10px;} /* select box on left side for editing */ #home-container h1 {font-weight:bold;font-size:16pt;margin-bottom:10px;} #home-container-left {float:left;width:330px;min-height:330px} #home-container-left.no-search-bar {width:452px;} #home-container-right {float:right;width:330px;min-height:330px} #home-container-right.no-search-bar {width:452px;} #home-column-inner-right {min-height:330px} #home-column-inner-left {min-height:330px} .home-widget-container { margin:0 0 15px 0; border:1px solid #e4e6e8; padding:10px 10px 15px 10px; background:#fff url('images/module-box-bg-tile.gif') repeat-x 0 0; overflow:auto; position:relative; } .home-widget-container .news-bulletin-module {padding:0;margin:0;} .home-widget-container .news-review-module {padding:0;margin:0;} .home-widget-container .input-row {margin-bottom:10px;} .home-widget-container label.left-label {width:75px;} /*.home-widget-container label.checkbox-label {float:left;clear:right;} .home-widget-container input checkbox {float:left;clear:left;} */ .home-widget-container .text-input {clear:right;width:295px;float:left;padding:1px;margin-bottom:5px;font-size:10pt;} .home-widget-container textarea {clear:right;width:295px;height:160px;padding:4px;margin-bottom:15px;font-size:10pt;} .home-widget-container label.link-label {width:50px} .home-widget-container .text-input-link {width:255px;float:right;padding:1px;margin-bottom:1px;font-size:8pt;} /* adding new widgets display */ #add-widgets-container {width:655px;clear:both;overflow:hidden;border:1px solid #eee6af; background:#fefee3; padding:10px; margin-bottom:10px;} #add-widgets-container h2 {font-weight:bold;font-size:10pt;margin-bottom:10px;} #add-widgets-left {width:380px;float:left;} .widget-select-column {width:180px;float:left;margin-right:10px;} .widget-select-column .input-row {margin:2px 0;float:left;width:180px;} .widget-select-column input.check-box {} .widget-select-column .input-row label.top-label {margin:0;line-height:1.2em;} .widget-description-column {width:255px;float:right;font-size:8pt;} .home-edit-bar {width:100%;height:25px;padding:0;position:relative;background:#256de6 url('images/module-heading-bg-tile.gif') repeat-x 0 0;} .home-edit-bar.selected {background:#3d940c none;} .home-edit-bar a {font-weight: bold;font-size:8pt;position:absolute;border:none;line-height:25px;height:25px;color:#fff;padding:0 0 0 18px;cursor:pointer;} .home-edit-bar p {font-weight: bold;font-size:8pt;position:absolute;border:none;line-height:25px;height:25px;color:#fff;padding:0 0 0 8px;cursor:pointer;} a.home-edit-but {right:70px;width:30px;background:url('images/icons/icon-edit.png') no-repeat 0 50%;} a.home-delete-but {right:10px;background:url('images/icons/icon-delete.png') no-repeat 0 50%;} a.home-cancel-but {right:10px;background:url('images/icons/icon-cancel.png') no-repeat 0 50%;} a.home-edit-but:hover, a.home-delete-but:hover, a.home-cancel-but:hover {color:#ffb800;} .link-list-module h2, .single-carousel h2 {font-size:12pt;font-weight:bold;margin-bottom:5px;} .link-list-module ul {list-style:disc;margin-left:15px;} .link-list-module li {line-height:1.2;padding-bottom:5px;} .single-carousel {height:250px;position:relative;} /*setting fixed height for carousel widget box */ ul.shelf-carousel {margin:0 auto 15px auto;} p.carousel-cover img {max-width:120px;max-height:95px;border:1px solid #fff; } .carousel-item a.shelf-grid-link {display:block;width: 120px;height:170px;padding:10px;background:none;overflow:hidden;} input.legacy-input-box {float:left;margin:0 5px 10px 0;height:21px;width:250px;padding:2px 5px 0 5px;font-size:12pt;color:#5d6470;} input.legacy-author-button {width:72px;height:72px;display:block;background:url('images/search_author.gif') no-repeat;border:0;cursor:pointer;margin-top:-4px; color: transparent;text-transform: capitalize;} input:hover.legacy-author-button {background:url('images/search_author_h.gif') no-repeat;;cursor:pointer;} input.legacy-title-button {width:72px;height:72px;display:block;background:url('images/search_title.gif') no-repeat;border:0;cursor:pointer;margin-top:-4px; color: transparent;text-transform: capitalize;} input:hover.legacy-title-button {background:url('images/search_title_h.gif') no-repeat;;cursor:pointer;} input.legacy-subject-button {width:72px;height:72px;display:block;background:url('images/search_subject.gif') no-repeat;border:0;cursor:pointer;margin-top:-4px; color: transparent;text-transform: capitalize;} input:hover.legacy-subject-button {background:url('images/search_subject_h.gif') no-repeat;;cursor:pointer;} input.legacy-keyword-button {width:72px;height:72px;display:block;background:url('images/search_keyword.gif') no-repeat;border:0;cursor:pointer;margin-top:-4px; color: transparent;text-transform: capitalize;} input:hover.legacy-keyword-button {background:url('images/search_keyword_h.gif') no-repeat;;cursor:pointer;} /* -------------------------- */ /* ----- EXPLORE WIDGET ----- */ .widget-explore h1 {font-weight:bold;font-size:16pt;margin-bottom:10px;} ul#widget-explore-buttons {} ul#widget-explore-buttons img {margin-bottom:5px;} ul#widget-explore-buttons li {margin: 6px;float: left;width: 90px;font-weight: bold;font-size:8pt;background: none;border: none;text-align: center;line-height:1.1;} ul#widget-explore-buttons a {border:1px solid #e5e7e8;width:80px;height:100px;padding: 4px;display:block;background:url('images/grid-view-item-bg.jpg') no-repeat 1px 0;} ul#widget-explore-buttons a:hover { /* light yellow hover style */border:1px solid #eee6af;background:#fefee3;} /* ------------------------- */ /* ---- LIBRARY NEWS PAGE ---- */ #library-news-container{clear:both;} #library-news-container h1 {font-weight:bold;font-size:16pt;margin-bottom:10px;} #library-news-left{width:416px;float:left;padding-right:20px;background:url('images/dotted-line-vert.png') repeat-y 100% 0;} .news-bulletin-module{} .news-review-module{} .news-review-module li {margin-bottom:5px;overflow:auto;} /* fix added 6-17 broke IE layout : fix 6-30 added back overflow auto, breaks chrome */ .news-review-module li a.more-link {float:left;} /* added 6-30 to try and fix chrome oveflow bug */ .news-review-module li img {float:left;clear:left;max-width:68px;margin-right:10px;} /* specific styles for book covers */ #library-news-left .dotted-line {margin:10px 0;} .news-module {margin-bottom:15px;} .news-module ul {padding:10px 0 0 0;} /* simplified version */ .news-module li {line-height:1.2;padding-bottom:11px;} /* simplified version */ .news-module .additional-button-row {margin:0;} .news-module h2 {font-size:12pt;font-weight:bold;} .news-module .module-box {padding-bottom:15px;} /* for blue bar version */ .news-module .module-box ul {padding:10px 5px 0 5px;} /* for blue bar version */ .news-module .module-box li {line-height:1.2;padding-bottom:11px;} /* for blue bar version */ .more-link {font-weight:bold;} #library-news-right{width:223px;padding:left:10px;float:right;} .news-events-module {} .news-events-module h2 {font-size:12pt;font-weight:bold;margin-bottom:5px;clear:both;} .news-events-module .news-calendar {margin-bottom:15px;} .news-events-module li {line-height:1.2;padding-bottom:11px;} /* FULL PAGE FORMS CONTENT AREA */ #find-reviews-container {} #add-edit-bulletin-container {} .full-page-form h1{font-weight:bold;font-size:16pt;margin-bottom:10px;} .full-page-form label {clear:both;float:left;width:99%;font-size:10pt;margin-bottom:2px;color:#000;} .full-page-form select,#find-reviews-container input {font-size:10pt;} .full-page-form .half-width {width:50%;} .full-page-form .full-width {width:99%;} .full-page-form .large-textarea {height:200px;} .full-page-form .input-row {clear:both;float:left;width:100%;margin-bottom:10px;} .full-page-form .dotted-line {clear:both;float:left;width:100%;margin:10px 0 15px 0;} .full-page-form .star-rating-box {clear:both;height:15px;width:100%;float:left;} .full-page-form #review-categories-box {width:99%;clear:both;float:left;} .full-page-form #review-categories-box p{margin:0 0 5px 0;} .full-page-form .review-check-boxes {width:33%;} /* ------------------------- */ /* ---- SITE BUTTON SPECIFIC SETTINGS ---- */ /* MISCELLANEOU BUTTON STYLES */ input.add-new-bulletin-button-top {position:absolute;top:0;right:0;float:none;} a.add-bookbag, a.remove-bookbag, a.addall-bookbag, a.delete-bookbag, a.item-renew, a.reserve-cancel, a.remove-list {cursor:pointer;margin-left:23px;} /* LARGE BUTTONS SPRITE ROW 1 HEIGHT 35px*/ input.large-search-button {background-position:0 0;width:77px;} input:hover.large-search-button {background-position:0 -35px;} input.change-pass-button {background-position:-90px 0;width:140px;} input:hover.change-pass-button {background-position:-90px -35px;} input.cancel-button {background-position:-251px 0;width:78px;margin-left:10px;} input:hover.cancel-button {background-position:-251px -35px;} input.submit-button {background-position:-341px 0;width:77px;margin-left:92px;} input:hover.submit-button {background-position:-341px -35px;} input.save-button {background-position:-433px 0;width:77px;} input:hover.save-button {background-position:-433px -35px;} input.stillhere-button {background-position:-523px 0;width:118px;} input:hover.stillhere-button {background-position:-523px -35px;} input.reserve-button {background-position:-648px 0;width:77px;margin-left:92px;} input:hover.reserve-button {background-position:-648px -35px;} input.login-button {background-position:-738px 0;width:77px;} input:hover.login-button {background-position:-738px -35px;} /* BUTTONS SPRITE ROW 2 HEIGHT 31px*/ a.addall-bookbag {background-position:0 -81px;width:133px;} a:hover.addall-bookbag {background-position:0 -112px;} a.add-bookbag {background-position:-144px -81px;width:115px;margin-left:6px;} a:hover.add-bookbag {background-position:-144px -112px;} input.add-new-bulletin-button,input.add-new-bulletin-button-top {background-position:-269px -81px;width:122px;float:right;} input:hover.add-new-bulletin-button,input:hover.add-new-bulletin-button-top {background-position:-269px -112px;} input.add-widget-button {background-position:-405px -81px;width:122px; margin-right:10px;}/* added 8/31 */ input:hover.add-widget-button {background-position:-405px -112px;}/* added 8/31 */ input.change-graphic-button {background-position:-539px -81px;width:145px;} input:hover.change-graphic-button {background-position:-539px -112px;} input.select-style-button {background-position:-691px -81px;width:121px;} input:hover.select-style-button {background-position:-691px -112px;} input.change-nav-button {background-position:-822px -81px;width:148px;margin:0 0 0 110px;} input:hover.change-nav-button {background-position:-822px -112px;} /* BUTTONS SPRITE ROW 3 HEIGHT 31px */ a.reserve {background-position:0 -153px;width:115px;margin-left:6px;} a:hover.reserve {background-position:0 -184px;} a.library-map {background-position:-126px -153px;width:115px;margin-left:6px;} a:hover.library-map {background-position:-126px -184px;} a.reserve-cancel {background-position:-251px -153px;width:115px;margin-left:6px;} a:hover.reserve-cancel {background-position:-251px -184px;} input.finished-editing-button {background-position:-378px -153px;width:115px;} input:hover.finished-editing-button {background-position:-378px -184px;} input.edit-mode-button {background-position:-498px -153px;width:88px;float:right;} /* update 8/31, removed margin left 265, added float right to position on right side */ input:hover.edit-mode-button {background-position:-498px -184px;} a.upload {background-position:-593px -153px;width:74px;} a:hover.upload {background-position:-593px -184px;} a.item-renew {background-position:-670px -153px;width:74px;} a:hover.item-renew {background-position:-670px -184px;} /* carousel buttons are in safari-shelf section */ /* BUTTONS SPRITE ROW 4 HEIGHT 31px*/ input.find-reviews-button {background-position:0 -226px;width:130px;margin-right:10px;float:right;} input:hover.find-reviews-button {background-position:0 -257px;} input.publish-reviews-button {background-position:-134px -226px;width:130px;float:right;} input:hover.publish-reviews-button {background-position:-134px -257px;} a.remove-bookbag {background-position:-272px -226px;width:115px;margin-left:6px;} a:hover.remove-bookbag {background-position:-272px -257px;} a.delete-bookbag {background-position:-391px -226px;width:130px;} a:hover.delete-bookbag {background-position:-391px -257px;} a.remove-list {background-position:-774px -226px;width:115px;margin-left:6px;} a:hover.remove-list {background-position:-774px -257px;} input.open-button {background-position:-530px -226px;width:48px;} input:hover.open-button {background-position:-530px -257px;} input.save-button-31 {background-position:-582px -226px;width:48px;} input:hover.save-button-31 {background-position:-582px -257px;} /* small search is under search options area */ /* HEIGHT 27px for small buttons */ input.small-save-button {background:url('images/button-sprite.png') no-repeat -730px -226px;width:40px;height:27px;display:block;border:0;cursor:pointer;margin-top:-4px;color: transparent;text-transform: capitalize;} input:hover.small-save-button {background-position:-730px -257px;cursor:pointer;} /* NEW BUTTON BUTTONS LOOK LIKE LINKS WITH ICONS */ .buttons {} .buttons button {display:block;position:relative;float:left;margin:0 3px 0 0;font-size:7pt;font-weight:bold;line-height:140%;text-decoration:none;color:#256de6;cursor:pointer;background:none;} .buttons button{font-size:8pt;width:auto;overflow:visible;padding:4px 0px 5px 0px; /* IE6 */} .buttons button[type]{padding:4px 0px 5px 0px; /* Firefox */ line-height:15px;/* safari*/} *:first-child+html button[type]{padding:4px 7px 5px 0px; /* IE7 */ } .buttons button img { /* positions icons for buttons */margin:0 5px -5px 0;padding:0;width:16px;height:16px;} /* button hover styles */ /* STANDARD */ .buttons button:hover{color:#ffb800;} .buttons button:active {color:#ffb800;} /* ------------------------- */ /* custom calendar settings */ .ui-datepicker .ui-datepicker-closed-weekend a{background:#d8d8d8} /* closed weekend day */ .ui-datepicker .ui-datepicker-closed a{background:#d8d8d8}/* closed day */ .ui-datepicker .ui-datepicker-event a{background:#ffffcd;color:#000;border:1px solid #f4d88b;}/* event day */ .ui-datepicker .ui-datepicker-unselectable {background:url('images/thin-diag-bg.png');} /* other month day */ .ui-datepicker .ui-datepicker-closed.ui-datepicker-current-day a.ui-state-highlight {border: 1px solid #000000; background: #256de6 url(images/ui-bg_glass_40_256de6_1x400.png) 50% 50% repeat-x; color: #ffffff; } /* ------------------------- */ /* ----- PAGE LOADING ------ */ #page-mask {position:absolute;left:0;top:0; width: 100%;height: 100%;z-index:9000;background-color:#000;display:none;} #page-loading-icon {position:absolute;z-index:9999;left: 305px;top: 100px;display:none;width:64px;height:64px;margin: 0 auto;} .modal-loading-icon {position:absolute;z-index:9999;margin-left:-32px;margin-top:-32px;left: 50%;top: 50%;display:none;width:64px;height:64px;} /* ------------------------- */ /* ---- FOOTER SETTINGS ---- */ #footer-wrapper {background: #246ce4 url('images/footer-bg-tile.gif') repeat-x 0 0; position:relative;z-index:1;} #footer-content {background: url('images/footer-bg-light.jpg') no-repeat 0 0;color:#fff;padding:15px 0 0 0; height:auto !important; min-height:120px;height:120px; } #footer-left {width:50%; float:left;} #footer-right {width:50%;float:right;text-align:right;} #footer-content a {color:#e2d7bc;} #footer-content a:hover {text-decoration:underline;} /* ------------------------- */ /* ------ SETUP FORM ------- */ #setup-tabbed-area {margin-top:15px;border:none;} .setup-config-container .input-row {margin-bottom:10px;margin-top:10px;overflow:hidden;} .setup-config-container label.top-label {float:left;clear:both;} .setup-config-container .text-input-wide {clear:both;width:500px;float:left;padding:1px;margin-bottom:5px;font-size:10pt;} .setup-config-container .text-input-small {width:75px;float:left;padding:1px;margin-bottom:5px;font-size:8pt;} .setup-config-container .text-input-medium {width:150px;float:left;padding:1px;margin-bottom:5px;font-size:8pt;} .setup-config-container .text-input-large {width:300px;float:left;padding:1px;margin-bottom:5px;font-size:8pt;} .setup-config-container textarea {clear:both;width:500px;height:40px;padding:4px;margin-bottom:15px;font-size:8pt;} /* .setup-config-container label.link-label {width:50px} .setup-config-container .text-input-link {width:255px;float:right;padding:1px;margin-bottom:1px;font-size:8pt;} */ .setup-config-container p.input-hint {clear:both;} .setup-revcats-container .text-input {width:130px;float:left;padding:1px;margin-bottom:5px;font-size:8pt;} .setup-revcats-column { float:left;font-weight:bold;font-size:8pt;width:150px;} .setup-awards-container .input-row {margin-bottom:10px;margin-top:10px;overflow:auto;} .setup-awards-locale { margin: 10px 0px 10px 15px; } .setup-awards-honor { margin: 10px 0px 10px 30px; overflow:auto; } #setupConfigForm .modal-form-up-box {width:300px;} #setupConfigForm .modal-form-up-box .auto-container {overflow:hidden;width:295px;} #license-content p {margin-bottom:15px;} #license-content h1 {font-weight:bold;font-size:11pt;margin-bottom:10px;clear:both;} /* SAFARI SHELF */ .jcarousel-container {position: relative;} .jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;} .jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;} .jcarousel-list li,.jcarousel-item {float: left;list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 75px; height: 75px; } /** * The buttons are added dynamically by jCarousel before * the