html { font-family: arial,tahoma,verdana,sans-serif; font-size: 12px; }
body { margin: 0; padding: 0; font-family: arial,tahoma,verdana,sans-serif; font-size: 12px; line-height: 1.2 }
ul, li, button { margin: 0; padding: 0; }
li { list-style: none; }
.announcementcontent ul { padding-left: 3em; }
.k-webkit .announcementcontent ul { padding-left: 3.5em; }
.announcementcontent li { list-style: inherit; }
.customhomepagecontent ul { padding-left: 3em; }
.k-webkit .customhomepagecontent ul { padding-left: 3.5em; }
.customhomepagecontent li { list-style: inherit; }
textarea { font-family: arial,tahoma,verdana,sans-serif; font-size: 13px; resize: none; }

.bold { font-weight: bold; }
.hidden { display: none !important; }
.clear { clear: both; display: block; }
.clear3 { height: 3px; clear: both; }
.clear7 { height: 7px; clear: both; }
.font14 { font-size: 14px; }
.redFont { color: #be3b35; }
.divBorder { width: auto; border: 1px solid #D7D9DC; border-radius: 5px; height: auto; padding: 5px 7px 5px 7px; margin: 3px 0; background-color: #FFF; }
.light-gray-color { color: #D9DCDE; }
.blueFont, .blueFont a, .kiosk .itemlist .oneBook .materialType.blueFont, .myFavoritesKids .itemlist .oneBook .materialType.blueFont { color: #1765a9; text-decoration: none; }
   .blueFont a:hover { color: #518217; text-decoration: underline; }
.button, button { border: 0; color: #FFF; background-position: top; vertical-align: middle; cursor: pointer; margin: 0; padding: 0; }
.button, .nomalbutton, .k-button:not(.k-icon-button, .k-toolbar-button, .k-more-events, .k-calendar-nav-today) { height: 2.08em; width: 80px; }

.btnNormal { width: 137px; height: 32px; text-align: center; border: none; color: #fff; cursor: pointer; border-radius: 3px; }
/*buttons in narrow*/
.btnCloseGray18 { width: 18px; height: 18px; background: url(images/system/bg.png) no-repeat -45px 0; border: none; cursor: pointer; }
   .btnCloseGray18:hover { background: url(images/system/bg.png) no-repeat -45px -21px; }
.btnRefresh33, .btnMore33, .btnShrink33, .btnNarrowInfoOpen { width: 30px; height: 24px; margin: 0 1px; border-radius: 2px; border: none; cursor: pointer; }
.btnRefresh33 { background: #0A5280 url(images/system/refresh.png) no-repeat 9px 6px; background-size: 12px; }
.btnMore33 { background: #0A5280 url(images/system/expand.png) no-repeat 9px 6px; background-size: 12px; }
.btnShrink33 { background: #0A5280 url(images/system/shrink.png) no-repeat 9px 6px; background-size: 12px; }
.btnNarrowInfoOpen { background: #0A5280 url(images/system/expand-02.png) no-repeat 9px 6px; background-size: 12px; }
/*buttons in result*/

.buttonsMore .menuMore { width: 150px; height: 30px; border: 0; border-radius: 2px; }
.buttonsMore .menuMore .menuMoreItem { width: 150px; border: none; border-radius: 2px; }
.menuMore .moreSprite { border: 1px solid transparent; border-radius: 2px; background-image: url(images/system/more.png); background-position: 5px 4px; background-size: 20px; background-repeat: no-repeat; }
.buttonsMore .menuMore .menuText { display: inline-block; width: 110px; text-align: left; text-indent: 7px; }
.btnWithSprite { height: 30px; text-align: left; background-repeat: no-repeat; border: none; color: #fff; cursor: pointer; border-radius: 2px; text-indent: 30px; position: relative; }
   .btnWithSprite .btnSprite { width: 20px; height: 20px; position: absolute; left: 5px; top: 5px; border-radius: 2px; background-repeat: no-repeat; }
.btnBookShelf .btnSprite, .btnBookShelf:hover .btnSprite, .btnBookShelf:focus .btnSprite { background-image: url( images/system/book-shelf.png); background-size: 20px; background-position: 0px; }
.btnText .btnSprite, .btnText:hover .btnSprite, .btnText:focus .btnSprite { background-image: url( images/system/text-me.png); background-size: 20px; background-position: 0px; }
.btnSaveMarc .btnSprite, .btnSaveMarc:hover .btnSprite, .btnSaveMarc:focus .btnSprite { background-image: url( images/system/save-marc.png); background-size: 20px; background-position: 0px; }
.btnMapLocation .btnSprite, .btnMapLocation:hover .btnSprite, .btnMapLocation:focus .btnSprite { background-image: url( images/system/map-location.png); background-size: 20px; background-position: 0px; }
.btnAddToFavorite .btnSprite, .btnAddToFavorite:hover .btnSprite, .btnAddToFavorite:focus .btnSprite { background-image: url( images/system/add-to-favorites.png); background-size: 16px auto; background-position: 5px; }
.btnReserve .btnSprite, .btnReserve:hover .btnSprite, .btnReserve:focus .btnSprite { background-image: url( images/system/reserve.png); background-size: 20px; background-position: 0px; }
.btnClickToView .btnSprite, .btnClickToView:hover .btnSprite, .btnClickToView:focus .btnSprite { background-image: url( images/system/click-to-view.png); background-size: 20px; background-position: 0px; }
.btnRate .btnSprite, .btnRate:hover .btnSprite, .btnRate:focus .btnSprite { background-image: url( images/system/rate-this-title.png); background-size: 20px; background-position: 0px; }
.btnAddReview .btnSprite, .btnAddReview:hover .btnSprite, .btnAddReview:focus .btnSprite { background-image: url( images/system/add-review.png); background-size: 20px; background-position: 0px; }
.btnCitations .btnSprite, .btnCitations:hover .btnSprite, .btnCitations:focus .btnSprite { background-image: url( images/system/citations.png); background-size: 20px; background-position: 0px; }
.btnRenew .btnSprite, .btnRenew:hover .btnSprite, .btnRenew:focus .btnSprite { background-image: url( images/system/renew.png); background-size: 20px; background-position: 0px; }
.btnSuspended .btnSprite, .btnSuspended:hover .btnSprite, .btnSuspended:focus .btnSprite { background-image: url( images/system/suspended.png); background-size: 20px; background-position: 0px; }
.btnResume .btnSprite, .btnResume:hover .btnSprite, .btnResume:focus .btnSprite { background-image: url( images/system/resume.png); background-size: 20px; background-position: 0px; }
.btnUnreserve .btnSprite, .btnUnreserve:hover .btnSprite, .btnUnreserve:focus .btnSprite { background-image: url( images/system/unreserve.png); background-size: 20px; background-position: 0px; }
.btnCancelBooking .btnSprite, .btnCancelBooking:hover .btnSprite, .btnCancelBooking:focus .btnSprite { background-image: url( images/system/cancelbooking.png); background-size: 20px; background-position: 0px; }
.btnEditBooking .btnSprite, .btnEditBooking:hover .btnSprite, .btnEditBooking:focus .btnSprite { background-image: url( images/system/editbooking.png); background-size: 20px; background-position: 0px; }
.btnBrowse .btnSprite, .btnBrowse:hover .btnSprite, .btnBrowse:focus .btnSprite { background-image: url( images/system/browse.png); background-size: 20px; background-position: 0px; }
.btnPlay .btnSprite, .btnPlay:hover .btnSprite, .btnPlay:focus .btnSprite { background-image: url( images/system/play.png); background-size: 20px; background-position: 0px; }
.btnUploadCover .btnSprite, .btnUploadCover:hover .btnSprite, .btnUploadCover:focus .btnSprite { background-image: url( images/system/upload-cover.png); background-size: 20px; background-position: 0px; }
.btnZoom .btnSprite, .btnZoom:hover .btnSprite, .btnZoom:focus .btnSprite { background-image: url( images/system/zoom.png); background-size: 20px; background-position: 0px; }
.btnBookingHistory .btnSprite, .btnBookingHistory:hover .btnSprite, .btnBookingHistory:focus .btnSprite { background-image: url( images/system/bookinghistory.png); background-size: 20px; background-position: 0px; }
.btnDelete .btnSprite, .btnDelete:hover .btnSprite, .btnDelete:focus .btnSprite { background-image: url( images/system/delete.png); background-size: 20px; background-position: 0px; }
.btnOrderTextbook .btnSprite, .btnOrderTextbook:hover .btnSprite, .btnOrderTextbook:focus .btnSprite { background-image: url( images/system/order-textbook.png); background-size: 20px; background-position: 0px; }
.btnOrderPos .btnSprite, .btnOrderPos:hover .btnSprite, .btnOrderPos:focus .btnSprite { background-image: url( images/system/order-pos.png); background-size: 20px; background-position: 0px; }
.btnRBdigitalReserve .btnSprite, .btnRBdigitalReserve:hover .btnSprite, .btnRBdigitalReserve:focus .btnSprite { background-image: url( images/system/rbdigital-reserve.png); background-size: 20px; background-position: 0px; }
.btnRBdigitalCheckout .btnSprite, .btnRBdigitalCheckout:hover .btnSprite, .btnRBdigitalCheckout:focus .btnSprite { background-image: url( images/system/rbdigital-checkout.png); background-size: 20px; background-position: 0px; }
.btnRBdigitalRemove .btnSprite, .btnRBdigitalRemove:hover .btnSprite, .btnRBdigitalRemove:focus .btnSprite { background-image: url( images/system/rbdigital-remove.png); background-size: 20px; background-position: 0px; }
.btnRBdigitalCancel .btnSprite, .btnRBdigitalCancel:hover .btnSprite, .btnRBdigitalCancel:focus .btnSprite { background-image: url( images/system/rbdigital-cancel.png); background-size: 20px; background-position: 0px; }
.btnRBdigitalRenew .btnSprite, .btnRBdigitalRenew:hover .btnSprite, .btnRBdigitalRenew:focus .btnSprite { background-image: url( images/system/rbdigital-renew.png); background-size: 20px; background-position: 0px; }
.btnRBdigitalDownload .btnSprite, .btnRBdigitalDownload:hover .btnSprite, .btnRBdigitalDownload:focus .btnSprite { background-image: url( images/system/rbdigital-download.png); background-size: 20px; background-position: 0px; }
.btnMackinCheckout .btnSprite, .btnMackinCheckout:hover .btnSprite, .btnMackinCheckout:focus .btnSprite { background-image: url( images/system/mackin-checkout.png); background-size: 20px; background-position: 0px; }
.btnMackinReserve .btnSprite, .btnMackinReserve:hover .btnSprite, .btnMackinReserve:focus .btnSprite { background-image: url( images/system/mackin-reserve.png); background-size: 20px; background-position: 0px; }
.btnMackinRemove .btnSprite, .btnMackinRemove:hover .btnSprite, .btnMackinRemove:focus .btnSprite { background-image: url( images/system/mackin-remove.png); background-size: 20px; background-position: 0px; }
.btnMackinCancel .btnSprite, .btnMackinCancel:hover .btnSprite, .btnMackinCancel:focus .btnSprite { background-image: url( images/system/mackin-cancel.png); background-size: 20px; background-position: 0px; }
.btnMackinRenew .btnSprite, .btnMackinRenew:hover .btnSprite, .btnMackinRenew:focus .btnSprite { background-image: url( images/system/mackin-renew.png); background-size: 20px; background-position: 0px; }
.btnOverDriveReserve .btnSprite, .btnOverDriveReserve:hover .btnSprite, .btnOverDriveReserve:focus .btnSprite { background-image: url( images/system/overdrive-reserve.png); background-size: 20px; background-position: 0px; }
.btnOverdriveCheckout .btnSprite, .btnOverdriveCheckout:hover .btnSprite, .btnOverdriveCheckout:focus .btnSprite { background-image: url( images/system/overdrive-checkout.png); background-size: 20px; background-position: 0px; }
.btnOverDriveCancel .btnSprite, .btnOverDriveCancel:hover .btnSprite, .btnOverDriveCancel:focus .btnSprite { background-image: url( images/system/overdrive-cancel.png); background-size: 20px; background-position: 0px; }
.btnOverDriveSuspend .btnSprite, .btnOverDriveSuspend:hover .btnSprite, .btnOverDriveSuspend:focus .btnSprite { background-image: url( images/system/overdrive-suspend.png); background-size: 20px; background-position: 0px; }
.btnOverDriveDeleteSuspension .btnSprite, .btnOverDriveDeleteSuspension:hover .btnSprite, .btnOverDriveDeleteSuspension:focus .btnSprite { background-image: url( images/system/overdrive-delete-suspension.png); background-size: 20px; background-position: 0px; }
.btnOverDriveDownload .btnSprite, .btnOverDriveDownload:hover .btnSprite, .btnOverDriveDownload:focus .btnSprite { background-image: url( images/system/overdrive-download.png); background-size: 20px; background-position: 0px; }
.btnDeleteRoomBooking .btnSprite, .btnDeleteRoomBooking:hover .btnSprite, .btnDeleteRoomBooking:focus .btnSprite { background-image: url( images/system/delete-room-booking.png); background-size: 20px; background-position: 0px; }
.btnEditRoomBooking .btnSprite, .btnEditRoomBooking:hover .btnSprite, .btnEditRoomBooking:focus .btnSprite { background-image: url( images/system/edit-room-booking.png); background-size: 20px; background-position: 0px; }
.btnShareItem .btnSprite, .btnShareItem:hover .btnSprite, .btnShareItem:focus .btnSprite { background-image: url( images/system/Share-reverse.png); background-size: 20px; background-position: 0px; }
.btnAddToFavoriteExists .btnSprite, .btnAddToFavoriteExists:hover .btnSprite, .btnAddToFavoriteExists:focus .btnSprite { background-image: url( images/system/add-to-favorite-exists.png); background-size: 20px; background-position: 0px; }
.btnEmailMe .btnSprite, .btnEmailMe:hover .btnSprite, .btnEmailMe:focus .btnSprite { background-image: url( images/system/email-me.png); height: 15px; background-size: 20px; background-position: 0px; }

.btnWithSprite:focus { outline: none; }
.pages ul li a:focus { outline: none; }

.btnOverdrive { border-radius: 3px; padding: 3px; display: inline-block; width: 70px; text-align: center; margin-top: 2px; }
/*buttons in kids*/
.buttonNew { width: 40px; height: 46px; border: none; background: url(../../images/system/buttonNew.png) #f3f5f4 no-repeat 0px 4px; margin: -7px 1px 0 0; padding: 0; float: left; cursor: pointer; }
.buttonRecommended { width: 40px; height: 46px; border: none; background: url(../../images/system/buttonCommand.png) #f3f5f4 no-repeat 0px 4px; margin: -7px 1px 0 0; padding: 0; float: left; cursor: pointer; }
.buttonSeries { width: 40px; height: 46px; border: none; background: url(../../images/system/buttonSerious.png) #f3f5f4 no-repeat 0px 4px; margin: -7px 1px 0 0; padding: 0; float: left; cursor: pointer; }
.buttonKiosk { width: 40px; height: 46px; border: none; background: url(../../images/system/buttonKiosk.png) #f3f5f4 no-repeat 0px 4px; margin: -7px 0px 0 0; padding: 0; float: left; cursor: pointer; }
.buttonKids { width: 40px; height: 46px; border: none; background: url(../../images/system/buttonKids.png) #f3f5f4 no-repeat 0px 4px; margin: -7px 0px 0 0; padding: 0; float: left; cursor: pointer; }
.buttonMediagraphy { width: 40px; height: 46px; border: none; background: url(../../images/system/buttonKioskTrees.png) #f3f5f4 no-repeat 0px 4px; margin: -7px 0px 0 0; padding: 0; float: left; cursor: pointer; }
   .buttonNewSelected, .buttonNew:hover,
   .buttonRecommendedSelected, .buttonRecommended:hover,
   .buttonSeriesSelected, .buttonSeries:hover,
   .buttonKioskSelected, .buttonKiosk:hover,
   .buttonKidsSelected, .buttonKids:hover,
   .buttonMediagraphySelected, .buttonMediagraphy:hover { height: 42px; background-color: #e5e5e5; margin-top: -7px; border-top: 2px solid #ff0000; border-bottom: 2px solid #ff0000; background-position-y: 2px; }
.links .redArrow { width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 3px solid red; margin: 0 0 0 21px; display: none; }
.buttonNewSelected .redArrow, .buttonNew:hover .redArrow,
.buttonRecommendedSelected .redArrow, .buttonRecommended:hover .redArrow,
.buttonSeriesSelected .redArrow, .buttonSeries:hover .redArrow,
.buttonKioskSelected .redArrow, .buttonKiosk:hover .redArrow,
.buttonKidsSelected .redArrow, .buttonKids:hover .redArrow,
.buttonMediagraphySelected .redArrow, .buttonMediagraphy:hover .redArrow { display: block; }
.kioskFailedMsg { background: url(images/system/sad.png) no-repeat 21px 63px; width: 170px; height: 255px; }
   .kioskFailedMsg p { padding: 75px 5px 0 5px; line-height: 22px; color: #222; font-size: 13px; }
.buttonRemove { width: 18px; height: 24px; border: none; padding: 0; margin: 0; cursor: pointer; background: url(images/system/remove.png) no-repeat 0px 3px !important; text-decoration: none !important; }
.buttonAdd { border-style: none; border-color: inherit; border-width: medium; width: 18px; height: 24px; padding: 0; margin: 0; cursor: pointer; background: url('images/system/add.png') no-repeat 0px 3px !important; text-decoration: none !important; }
   .buttonAdd .x-frame-tl, .buttonAdd .x-frame-tc, .buttonAdd .x-frame-tr,
   .buttonAdd .x-frame-ml, .buttonAdd .x-frame-mc, .buttonAdd .x-frame-mr,
   .buttonAdd .x-frame-bl, .buttonAdd .x-frame-bc, .buttonAdd .x-frame-br,
   .buttonRemove .x-frame-tl, .buttonRemove .x-frame-tc, .buttonRemove .x-frame-tr,
   .buttonRemove .x-frame-ml, .buttonRemove .x-frame-mc, .buttonRemove .x-frame-mr,
   .buttonRemove .x-frame-bl, .buttonRemove .x-frame-bc, .buttonRemove .x-frame-br { background: none; }
/*menus*/
.curStatusSubMenu { background-image: url(images/system/dropmenu.png); background-repeat: no-repeat; background-position: 5px 10px; }
.myBioSubMenu { background-image: url(images/system/dropmenu.png); background-repeat: no-repeat; background-position: 5px -20px; }
.myFavoSubMenu { background-image: url(images/system/dropmenu.png); background-repeat: no-repeat; background-position: 5px -53px; }
.preferSubMenu { background-image: url(images/system/dropmenu.png); background-repeat: no-repeat; background-position: 5px -87px; }
.notifySubMenu { background-image: url(images/system/dropmenu.png); background-repeat: no-repeat; background-position: 5px -129px; }
.requestSubMenu { background-image: url(images/system/dropmenu.png); background-repeat: no-repeat; background-position: 5px -172px; }
.historicalSubMenu { background-image: url(images/system/dropmenu.png); background-repeat: no-repeat; background-position: 5px -210px; }
.defaultSubMenu { background-image: url(images/system/dropmenu.png); background-repeat: no-repeat; background-position: 5px -250px; }
.programSubMenu { background-image: url(images/system/dropmenu.png); background-repeat: no-repeat; background-position: 5px -289px; }
.servicesSubMenu { background-image: url(images/system/dropmenu.png); background-repeat: no-repeat; background-position: 5px -339px; }
.bookSubMenu { background-image: url(images/system/book.png); background-repeat: no-repeat; background-position: 5px 12px; }
.registerSubMenu { background-image: url(images/system/dropmenu.png); background-repeat: no-repeat; background-position: 5px -20px; }
.curStatusSubMenu:hover { background-position: 5px 9px; }
.myBioSubMenu:hover { background-position: 5px -21px; }
.myFavoSubMenu:hover { background-position: 5px -54px; }
.preferSubMenu:hover { background-position: 5px -88px; }
.notifySubMenu:hover { background-position: 5px -130px; }
.requestSubMenu:hover { background-position: 5px -173px; }
.historicalSubMenu:hover { background-position: 5px -211px; }
.defaultSubMenu:hover { background-position: 5px -251px; }
.programSubMenu:hover { background-position: 5px -290px; }
.servicesSubMenu:hover { background-position: 5px -340px; }
.bookSubMenu:hover { background-position: 5px 11px; }
.registerSubMenu:hover { background-position: 5px -21px; }

.ItemRecord { float: left; }
.removeunderline { text-decoration: none; }
   .removeunderline:hover { text-decoration: none; }
.requestButton { border: none; cursor: pointer; color: #fff; border-radius: 5px; padding: 5px 25px; }
.mediaButton { padding: 5px 12px; }
/*error info start*/
.errorDiv { width: 960px; height: 40px; background: #f2f2f2; border: 1px solid #acadb2; border-radius: 5px; margin: 0 auto; }
.errorInfo { float: left; background: url(images/system/icons.png) no-repeat 15px 11px; line-height: 40px; color: #fe6243; text-align: left; padding: 0 0 0 50px; }
.errorClose { float: right; width: 25px; padding: 8px 20px 0 0; }
.btnClose25 { width: 25px; height: 25px; background: url(images/system/icons.png) no-repeat 0 -40px; border: none; cursor: pointer; }
/*error info end*/
/*Simon add for branches*/
.branches { width: 960px; margin: 0 auto; }
.branchesDiv { width: 688px; height: 445px; float: left; border: 1px solid #acadb2; border-radius: 6px 6px 0 0; background-color: #f2f2f2; display: inline-block; margin-right: 5px; }
   .branchesDiv .header { width: 688px; height: 45px; border-radius: 5px 5px 0 0; line-height: 45px; color: #fff; text-align: left; background-image: url(images/system/map.png); background-repeat: no-repeat; background-position: 11px 10px; }
.infoWinRowHeader { width: 100%; margin: 10px 0px 0px 5px; line-height: 25px; font-size: 12px; font-weight: 600; text-wrap: normal; }
.branchesRightDiv { width: 263px; height: 445px; border: 1px solid #acadb2; border-radius: 6px 6px 0 0; text-align: left; display: inline-block; }
   .branchesRightDiv .header { width: 263px; height: 45px; border-radius: 5px 5px 0 0; line-height: 45px; color: #fff; text-align: left; }
.branchesRightDivBoldRow { width: 98%; margin: 5px 0px 0px 5px; line-height: 20px; font-size: 12px; font-weight: 600; text-wrap: normal; text-align: left; }
.branchesRightDivRow { width: 98%; margin: 5px 0px 0px 5px; line-height: 20px; font-size: 12px; font-weight: 300; text-wrap: normal; text-align: left; }
.branchesButtomDiv { width: 960px; margin: 0 auto; height: auto; text-align: left; padding: 0; background: #f6f8fa; }
.branchesButtomDivLeft { width: 34%; height: auto; text-align: left; margin: 0; padding: 0; display: inline-block; vertical-align: top; }
.branchesButtomDivCenter { width: 45%; height: auto; text-align: left; margin: 0; padding: 0; display: inline-block; vertical-align: top; }
.branchesButtomDivRight { width: 21%; height: auto; text-align: center; margin: 0; padding: 0; display: inline-block; vertical-align: top; }
.branchesLibraryList { height: auto; border-top: 1px solid #c9c9ca; }
.branchesLibraryLast { height: auto; border-top: 1px solid #c9c9ca; border-bottom: 1px solid #c9c9ca; margin-bottom: 5px; }
.branchesLibraryTitle { width: 100%; font-size: 12px; font-weight: 600; padding: 5px 0 10px 5px; text-align: left; }
.libraryDetailContent .tabAbout { width: 726px; display: block; }
.libraryDetailContent .map { width: 726px; height: 400px; }
.libraryDetailRightDivBoldRow { width: 98%; margin: 5px 0px 0px 5px; font-size: 16px; font-weight: 600; text-wrap: normal; text-align: left; }
.libraryDetailRightDivRow { width: 98%; margin: 5px 0px 0px 5px; line-height: 20px; font-size: 12px; font-weight: 300; text-wrap: normal; text-align: left; }
.currentBranchHeader2 { width: 98%; margin: 5px 5px 5px 5px; height: auto; font-size: 16px; font-weight: 600; text-wrap: normal; text-align: left; }
.currentBranchHeader, .currentBranchHeader3 { width: 98%; height: auto; margin: 5px 5px 5px 5px; font-size: 12px; font-weight: 100; text-wrap: normal; text-align: left; }
.branchesLibraryHourWeek { width: 62px; margin-left: 0px; display: inline-block; vertical-align: middle; }
.branchesLibraryHourTime { text-align: left; margin-left: 30px; display: inline-block; vertical-align: middle; }
.infoWin { width: 250px; display: block; text-align: left; }
.infoWinDiv { width: 98%; display: block; text-align: left; margin: 5px 0px 5px 0px; }
.branchesLibraryInfo { width: 100%; display: block; text-align: left; }
   .branchesLibraryInfo li { width: 100%; display: block; line-height: 20px; text-align: left; padding: 0 0 0 5px; }
.branchesRightDiv .image { width: 98%; padding: 5px 0px 0px 5px; }
.branchesRightDiv .libraryHour { width: 98%; display: block; text-align: left; margin: 5px 0px 0px 0px; }
   .branchesRightDiv .libraryHour li { width: 100%; display: block; line-height: 20px; text-align: left; padding: 0 0 0 5px; }

.branchesButtomDiv .libraryHour { width: 98%; display: block; text-align: left; margin: 5px 0px 0px 0px; }
   .branchesButtomDiv .libraryHour li { width: 60%; display: block; line-height: 20px; float: left; text-align: left; padding: 0 0 0 5px; }
.branchesA { text-decoration: underline; color: #0A5280; }
   .branchesA:hover { text-decoration: underline; color: #fe6243; }
.libraryDetailContent { width: 726px; display: inline-block; border: 1px solid #d8d7d7; border-radius: 1px 1px 0 0; margin-left: 3px; margin-bottom: 5px; }
.libraryDetailLeftDiv { width: 310px; height: auto; display: inline-block; padding: 0 0 10px 0px; }
   .libraryDetailLeftDiv .image { width: 98%; padding: 5px 0px 0px 5px; text-align: center; }
.libraryDetailHeader { width: 220px; line-height: 40px; text-align: left; border-radius: 3px 3px 0 0; color: #fff; }
.libraryDetailRightDiv { display: inline-block; vertical-align: top; }
   .libraryDetailRightDiv .libraryHour { width: 250px; display: block; float: left; text-align: left; margin: 5px 0px 0px 0px; }
      .libraryDetailRightDiv .libraryHour li { width: 100%; display: block; line-height: 20px; float: left; text-align: left; padding: 0 0 0 5px; }

.libraryLeftBanner { width: 220px; background-color: #fff; display: inline-block; vertical-align: top; }
   .libraryLeftBanner .oneBanner { width: 220px; float: left; height: auto; border: 1px solid #d8d7d7; border-radius: 5px 5px 0 0; }

.currentBranchHolidayName { float: left; width: 98px; margin-left: 0px; }
.currentBranchHolidayDate { text-align: left; margin-left: 102px; }
.currentBranchUl { display: block; float: left; }
   .currentBranchUl li { width: 210px; display: block; line-height: 25px; float: left; text-align: left; }
.direction { width: 650px; height: 460px; display: inline-block; vertical-align: top; border: 1px solid #acadb2; border-radius: 2px 2px 0 0; }
   .direction .place { display: inline-block; overflow: hidden; position: relative; height: 30px; width: 100%; margin: 5px 0px 5px 0px; }
   .direction .map { display: block; height: 420px; width: 100%; }
.directionPanel { width: 300px; height: 460px; display: inline-block; overflow: auto; border: 1px solid #acadb2; border-radius: 2px 2px 0 0; }
/*Simon add  for branches end*/
/*Simon add  for questions*/
.question a { cursor: pointer; text-decoration: none; color: #686868; }
   .question a:hover { text-decoration: underline; }
.questionBody { background-color: #f2f2f2; font-size: 13px; }
.questionBanner { width: 263px; float: left; }
   .questionBanner .innerBanner { width: 263px; float: left; background-color: #fff; border: 1px solid #acadb2; border-radius: 6px 6px 0 0; }
      .questionBanner .innerBanner .header { width: 223px; height: 45px; background-image: url(images/system/bg.png); float: left; text-align: left; padding: 0 0 0 40px; line-height: 60px; background-position: 10px -694px; background-repeat: no-repeat; font-weight: bold; }
   .questionBanner ul li { width: 233px; background-image: url(../images/listicon.png); background-repeat: no-repeat; background-position: 10px 8px; display: block; text-align: left; padding: 4px 0 4px 30px; float: left; line-height: 25px; border-top: 1px solid #ebebeb; overflow: hidden; }
   .questionBanner a { text-decoration: none; color: black; }
      .questionBanner a:hover { text-decoration: underline; }
   .questionBanner .bold { font-weight: bold; }
   .questionBanner .unbold { font-weight: normal; }
.questionDetail { width: 680px; background-color: #fff; display: block; float: left; margin: 0 0 0 7px; border: 1px solid #d8d7d7; border-radius: 6px 6px 0 0; }
   .questionDetail .header { font-size: 20px; font-weight: bold; line-height: 1.3em; padding-bottom: 0.3em; margin: 10px 7px 0 7px; }
   .questionDetail .content { padding: 0.625em 0 0; margin: 0 7px 0 7px; }
   .questionDetail p { line-height: 20px; }
/*Simon add  for questions end*/

.libraryMapDiv { width: 180px; height: auto; display: block; clear: both; float: left; position: relative; padding: 0 0 5px 0; }
.libraryMapBorder { width: 160px; height: auto; display: block; float: left; border: 1px solid #858585; padding: 6px; margin: 5px 0 0 5px; clear: both; cursor: pointer; box-sizing: content-box; -moz-box-sizing: content-box; }
   .libraryMapBorder:hover, .libraryMapBorderSelected { width: 160px; height: auto; color: #fe6243; display: block; float: left; cursor: pointer; border: 2px solid #fe6243; padding: 5px; margin: 5px 0 0 5px; clear: both; box-sizing: content-box; -moz-box-sizing: content-box; }
.libraryMapDiv img { width: 160px; height: 95px; }
.libraryMapDiv .triangle { width: 0; position: absolute; top: 50px; left: 179px; border-left: 10px solid #fe6243; border-top: 7px solid transparent; border-bottom: 7px solid transparent; }
.libraryMapDiv span { padding: 5px 0 0 0; display: block; line-height: 22px; }
/*EIT futao add 2014-2-26 ver:6.4.0*/
.legendShow { color: #FFF; margin-left: 6px; padding: 1px 6px; width: auto; float: none; font-size: 1em; }
.fieldset { border: 1px solid #1a6aa3; padding: 0 0.75em 0.625em; }
.EITImgDiv { float: left; width: 160px; height: 70px; margin: 0 auto; border-right: #1a6aa3 1px dashed; }
.EITTitleBorder { border-bottom: #1a6aa3 1px solid; }
.EITImg { max-width: 120px; max-height: 40px; margin: 15px 0 0 10px; }
.Itemlblinfo { color: #be3b35; }
.LoadingDIV { width: 48px; height: 48px; margin: auto; }
.tdInfo A:visited, .ItemList A:visited, .ItemPage A:visited { text-decoration: none; }
.tdInfo A:hover, A:hover, .ItemList A:hover, .ItemPage A:hover, .TitleDetailDIV A:hover, .NarrowItem a:hover { text-decoration: underline; }
.ItemListborder { float: left; width: 98.5%; margin: 5px 5px 5px 10px; }
a:hover { cursor: pointer; }
.kioskTooltip { width: auto; height: auto; position: absolute; display: block; clear: both; font-size: 12px; color: #333; }
   .kioskTooltip .arrow { width: 100px; height: 13px; display: block; clear: both; position: relative; }
   .kioskTooltip .arrow1 { position: absolute; left: 30px; width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 13px solid #ccc; }
   .kioskTooltip .arrow2 { position: absolute; left: 30px; margin: 1px 0 0 0; width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 13px solid #fff; }
   .kioskTooltip .tooltipCont { width: auto; height: auto; background: #fff; display: block; border: 1px solid #ccc; border-radius: 5px; margin: -1px 0 0 0; padding: 12px; }
.sys_message { padding: 2px; margin-bottom: 4px; text-align: left; }
.systemMessageIconCritical { width: 20px; height: 20px; float: left; background: url(images/system/icons.png) no-repeat 0 0; border: none; cursor: pointer; }
#MessageTest { float: left; }
.starWrapper { float: left; margin-top: 1px; }

/*libary map start*/
.cvi_area { display: none; position: absolute; padding: 4px 8px; color: black; text-align: center; text-shadow: white 0px 1px 0px; font: 100% Arial, Helvetica, sans-serif; font-weight: bold; min-width: 30px; user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
.CNRangeHighlight { background-position: 0% 0%; display: block; position: absolute; -moz-opacity: 0.5; opacity: 0.5; background-image: -moz-linear-gradient(top, rgb(255,255,255), rgb(255,255,0)); background-color: #ffffff; background-repeat: repeat; background-attachment: scroll; }
.CNRangeHighlight2 { display: block; position: absolute; filter: alpha(Opacity=10); -moz-opacity: 0.1; opacity: 0.1; }

/*News start ShenChen add the css 2014-3-10 ver 6.4.0*/
.rightNewsBanner { width: 150px; display: inline-block; overflow: hidden; background-color: #fff; }
   .rightNewsBanner .oneNewsBanner { width: 148px; float: left; height: auto; border: 1px solid #d1d1d1; }
      .rightNewsBanner .oneNewsBanner .header { border-radius: 5px 8px 0 0; width: 140px; line-height: 40px; color: #fff; text-align: left; padding: 0 0 0 10px; }
      .rightNewsBanner .oneNewsBanner .content { line-height: 28px; text-align: left; padding: 0 10px; }
      .rightNewsBanner .oneNewsBanner p { text-align: left; padding: 0 5px; word-wrap: break-word; border-bottom: dotted 1px; font-family: Arial,Verdana,Geneva,Helvetica,sans-serif; color: #666; }
      .rightNewsBanner .oneNewsBanner .more { text-align: right; border-bottom: none; }
      .rightNewsBanner .oneNewsBanner p a { text-decoration: underline; }
         .rightNewsBanner .oneNewsBanner p a:hover { color: #fe6243; text-decoration: underline; }
.newstitle { border-bottom: 1px solid #d1d1d1; clear: left; font-weight: bold; font-family: "Myriad Pro","Myriad Web Pro Regular","Lucida Grande",Geneva,Trebuchet MS,sans-serif; color: #666; }
.content-news { float: left; text-align: left; border-bottom: 1px solid #d1d1d1; }
.writtenby { font-family: Arial,Verdana,Geneva,Helvetica,sans-serif; color: #666; }
.writtenlabel { font-weight: bold; float: left; }
.newslist { border-bottom: dotted 1px; }
.news .more { text-align: right; border-bottom: none; margin-right: 22px; }
   .news .more a { text-decoration: underline; }
      .news .more a:hover { color: #fe6243; text-decoration: underline; }

/*News List start Shenchen add the css 2014-3-11 ver 6.4.0*/
.feed-item-title a:hover { color: #fe6243; }
.feed-item span { color: #666;}

/*Library Hours shenchen start 2014-3-11 ver 6.4.0*/
.libraryHourWeek { float: left; width: 62px; margin-left: -3px; }
.libraryHourTime { text-align: left; margin-left: 65px; }
.loginFavorite { background: url(images/system/icons.png) no-repeat 10px -145px; margin: 0 0 5px 0; color: #a4a9ae; padding: 0 0 0 40px; width: 245px; height: 30px; border: 1px solid #acadb2; }
.passwordFavorite { background: url(images/system/icons.png) no-repeat 10px -202px; margin: 0 0 5px 0; color: #a4a9ae; padding: 0 0 0 40px; width: 245px; height: 30px; border: 1px solid #acadb2; }

/*MyFavotites shenchen start 2014-3-31 ver 6.4.0*/
.FavotitesBanner { width: 222px; display: inline-block; overflow: hidden; text-overflow: ellipsis; background-color: #fff; height: auto; color: #fff; border: 1px solid #d1d1d1; border-top-style: none; border-radius: 6px 6px 0 0; }
   /**/
   .FavotitesBanner .Favotiteshead { background: url(../../images/System/MyFavorites.gif) no-repeat 5px 4px; }
   .FavotitesBanner .head { border-radius: 5px 8px 0 0; width: 178px; line-height: 40px; text-align: left; padding: 0 0 0 45px; }
.questionsBanner { height: auto; min-height: 0px; width: 240px; }
.FavotiteCatalog { width: 221px; }
   .FavotiteCatalog ul li { width: 217px; display: block; padding: 0 0 0 5px; text-align: left; color: #666; line-height: 36px; border-top: 1px solid #c9c9ca; overflow: hidden; height: 32px; white-space: nowrap; text-overflow: ellipsis; }
      .FavotiteCatalog ul li a:hover { text-decoration: underline; color: #fe6243; }
      .FavotiteCatalog ul li a { text-decoration: none; }
.FavotitesBanner .itemLast { border-bottom: 1px solid #c9c9ca; }
.visihidden { visibility: hidden; }
.btnAdd { width: 45px; height: 21px; border: none; cursor: pointer; color: #fff; border-radius: 5px; float: right; margin: 5px 5px 5px 0; padding-top: 7px; text-align: center; }
.FavbuttonGroup { color: Black; float: right; width: 402px; }
.Favbutton { width: 75px; height: 21px; border: none; cursor: pointer; color: #fff; border-radius: 5px; float: right; margin: 5px 5px 5px 0; padding-top: 7px; text-align: center; }
.printFavbutton { width: 75px; height: 30px; border: none; cursor: pointer; color: #fff; border-radius: 5px; padding: 5px 25px; }

.PrintTabFav li a { color: #fff; }
.FavotiteunAction { }
.FavotiteAction { font-weight: bold; }
.highLight { background-color: #ff0; font-weight: 700; }
/*add by futao 2014-4-14 ver:6.4.0*/
.msg { background-color: #000000; filter: alpha(Opacity=70); -moz-opacity: 0.7; opacity: 0.7; border: solid 1px #000000; color: #FFFFFF; font-size: 14px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; display: block; z-index: 100000; position: relative; }

.picture-leftarrow { position: absolute; background: url(images/leftarrow.png) no-repeat 0px 0px; }
   .picture-leftarrow:hover { position: absolute; background: url(images/leftarrowfocus.png) no-repeat 0px 0px; }
.picture-rightarrow { position: absolute; background: url(images/rightarrow.png) no-repeat 0px 0px; }
   .picture-rightarrow:hover { position: absolute; background: url(images/rightarrowfocus.png) no-repeat 0px 0px; }
.whitebackground { background: White; }
.container { width: 960px; height: auto; margin: 0 auto; }
.cboStyle input[type=text]::-ms-clear { display: none; }
/*disable the x clear button*/
.loginUserInfo { width: 960px; height: 39px; margin: 5px 0 0 0; line-height: 35px; text-align: right; }
.menu, .menu ul, .menu li, .menu a { margin: 0; padding: 0; border: none; display: block; }
.menu { width: 960px; min-height: 70px; font-size: 14px; margin: 0 auto; }
.opac-navigation { width: 960px; min-height: 70px; margin: 0 auto; }
   .opac-navigation > ul > li { float: left; list-style: none; position: relative; }
      .opac-navigation > ul > li > div { position: absolute; z-index: 600; background-color: #EAF3FA; padding: 25px; box-shadow: 0 40px 60px 0 rgba(0,0,0,.15); }
      .opac-navigation > ul > li .base { display: block; min-height: 20px; padding: 0; text-decoration: none; margin: 25px 20px; text-align: center; color: white; font-size: 15px; font-weight: 700; }
         .opac-navigation > ul > li .base:hover, .opac-navigation > ul > li .base:focus { /*color: #e8e8e8;*/ text-decoration: underline; }
      .opac-navigation > ul > li ul li { margin-bottom: 15px; }
         .opac-navigation > ul > li ul li a { font-size: 14px; font-weight: 500; color: black; text-decoration: none; }
            .opac-navigation > ul > li ul li a:hover, .opac-navigation > ul > li ul li a:focus { text-decoration: underline; }
.menu li { float: left; list-style: none; position: relative; min-width: 102px; }
   .menu li .base { display: block; min-height: 70px; padding: 40px 0 0 0; text-decoration: none; max-width: 102px; text-align: center; color: #fff; border-right: solid 1px #FFF0; }
   .menu li ul { display: none; position: absolute; width: 160px; z-index: 600; }
      .menu li ul li { background-color: #00588a; border-bottom: 1px solid #447a94; }
         .menu li ul li a { display: block; width: 160px; height: 40px; color: #d0d1d1; line-height: 40px; text-decoration: none; text-align: left; padding: 0 0 0 30px; }
            .menu li ul li a:hover { color: #fff; }
         .menu li ul li ul { position: absolute; left: 160px; top: 0; margin-top: 0; margin-left: 1px; width: 120px; padding: 0 1px; }
      .menu li ul .liTriangle { background-color: #fff; height: 7px; width: 160px; border: none; }
      .menu li ul .triangle { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid #00588a; margin: 0 auto; }
      .menu li ul .secondToLast { border-bottom-width: 0px; }
      .menu li ul .lastMenu { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-width: 1px; border-top-style: solid; }
      .menu li ul .firstMenu { border-top-left-radius: 5px; border-top-right-radius: 5px; }
   .menu li .next { background: url(images/system/icons.png) no-repeat 145px -811px; }
.menu .first { border-left: none; }
.menu .last { border-right: none !important; }
.menu .home-normal { background-repeat: no-repeat; background-position: center -51px; }
   .menu .home-normal:hover, .menu .home-hover { background-position: center 9px; }
.menu .myAccount-normal { background-repeat: no-repeat; background-position: center -189px; }
   .menu .myAccount-normal:hover, .menu .myAccount-hover { background-position: center -123px; }
.menu .program-normal { background-repeat: no-repeat; background-position: center -346px; }
   .menu .program-normal:hover, .menu .program-hover { background-position: center -264px; }
.menu .services-normal { background-repeat: no-repeat; background-position: center -514px; }
   .menu .services-normal:hover, .menu .services-hover { background-position: center -429px; }
.menu .community-normal { background-repeat: no-repeat; background-position: center -704px; }
   .menu .community-normal:hover, .menu .community-hover { background-position: center -607px; }
.menu .custom-normal { background-repeat: no-repeat; background-position: center -1213px; }
   .menu .custom-normal:hover, .menu .custom-hover { background-position: center -1135px; }
.menu .events-normal { background-repeat: no-repeat; background-position: center -880px; }
   .menu .events-normal:hover, .menu .events-hover { background-position: center -793px; }
.menu .branches-normal { background-repeat: no-repeat; background-position: center -1060px; }
   .menu .branches-normal:hover, .menu .branches-hover { background-position: center -958px; }
.menu .register-normal { background-repeat: no-repeat; background-position: center -189px; }
   .menu .register-normal:hover, .menu .register-hover { background-position: center -123px; }
.menu .userInfo { float: left; padding: 5px 0 0 20px; width: 100px; position: relative; font-size: 12px; text-align: center; }

   .menu .userInfo .space { position: absolute; top: 55px; left: 0; width: 100px; height: 40px; padding: 35px 0 0 0; }
.search { margin: 0; }
/*Last modified by futao 2014-6-30 ver:6.4.0 changed width of searchControl from 670 to 730*/
.searchControl { width: 670px; float: left; border-right: solid 1px #e3e4e8; padding: 5px 7px 0 7px; overflow: hidden; }
.select { width: 165px; height: 30px; padding: 4px 3px 4px 3px; float: left; margin: 0 1px 0 0; line-height: 24px; }
.searchText { width: 280px; height: 30px; color: #666; float: left; margin: 0 1px 0 1px; padding: 0 0 0 5px; }

/*Last modified by futao 2014-6-30 ver:6.4.0 changed width of links from 239 to 177*/
.links { width: auto; }
   .links ul, .links li { margin: 0; padding: 0; height: 100%; }
   .links li { list-style: none; padding: 0; border-right: 1px solid #e3e4e8; float: left; }
   .links a { text-decoration: underline; display: inline-block; cursor: pointer; line-height: 18px; overflow: hidden; word-break: break-all; margin: 10px; color: #2f2f2f !important; }
   .links .first a { border-left: none; }
   .links .last a { border-right: none; }
   .links .languageIcon { background: url(images/system/language.png) no-repeat 0 8px; }
.help { display: inline-block; }
   .help a { width: 42px; height: 48px; display: block; float: left; margin: 0 0 0 1px; cursor: pointer; background-position: 0 -37px; background-repeat: no-repeat; }
      .help a:hover { background-position: 0 -88px; }
.gray { line-height: 35px; }
.refine { width: 20%; margin-right: 10px; height: auto; float: left; background-color: #FFF; }
.refinefloating { position: relative; }
.refinefloating2 { position: sticky; top: 0; left: 10px; height: 900px; overflow-y: auto !important; }
.refine-header { height: 30px; color: #fff; font-size: 14px; font-weight: 400; line-height: 30px; background: url(images/system/RefineSearch.png) no-repeat 7px; padding: 0 0 0 12px; text-align: left; text-indent: 20px; border-radius: 5px 5px 0 0; }
.refine-header-MyBorrowing { height: 40px; border-radius: 5px; color: #fff; font-size: 12px; font-weight: bold; line-height: 40px; padding: 0 0 0 12px; text-align: left; }
.refine-triangle-container { width: 209px; height: 8px; float: left; margin: -5px 0 0 0; background: #e9eaeb; padding: 0 0 0 25px; text-align: left; }
.refine-triangle { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 8px solid #0A5280; }
.refine-item-border { height: auto; border: 1px solid #cccdcd; border-bottom-width: 0px; padding: 0 0 0 5px; margin: 0; }
.refine .clear + .refine-item-border { border-top-left-radius: 5px; border-top-right-radius: 5px; }
.refine .refine-item-border:last-child { border-bottom: 1px solid #D7D9DC; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.refine-item-header { line-height: 24px; font-size: 14px; color: #333; text-align: left; padding: 0 7px 0 25px; margin: 8px 0; }
.refine-item .refineDivInLi { float: left; width: 100%; height: 22px; }
   .refine-item .refineDivInLi input { float: left; margin: 1px 3px 0 4px; }
   .refine-item .refineDivInLi label { float: left; }
   .refine-item .refineDivInLi a { float: left; line-height: normal; color: #686868; margin-left: 0.3em; text-decoration: none; }
   .refine-item .refineDivInLi .num { text-decoration: underline; margin: 0 0.2em; }
.searchMain { width: 100%; min-width: 960px; }
.mainResult { width: calc(80% - 12px); float: left; }
.narrow-header { background: url(images/system/bg.png) no-repeat 0 -202px; }
.narrow-result ul, .narrow-result li, .narrow-result li ul, .narrow-result li ul li,
.narrow-result-federatedSearch ul, .narrow-result-federatedSearch li, .narrow-result-federatedSearch li ul, .narrow-result-federatedSearch li ul li { margin: 0; padding: 0; border: none; text-align: left; }
.narrow-result li, .narrow-result-federatedSearch li { list-style: none; display: block; }
.narrow-result ul li ul li, .narrow-result-federatedSearch ul li ul li { line-height: 24px; background: url(images/system/bg.png) no-repeat 7px -282px; padding: 0 0 0 25px; }
.narrow-result ul li ul .last, .narrow-result-federatedSearch ul li ul .last { line-height: 24px; background: url(images/system/bg.png) no-repeat 7px -332px; padding: 0 0 0 25px; }
.author-header { background: url(images/system/bg.png) no-repeat 0 -227px; }
.subject-header { background: url(images/system/bg.png) no-repeat 0 -249px; }
/*add by futao 2014-3-14 start*/
.series-header { background: url(images/system/bg.png) no-repeat 0 -1102px; }
.datePublished-header { background: url(images/system/bg.png) no-repeat 0 -780px; }
.targetAudience-header { background: url(images/system/bg.png) no-repeat 0 -877px; }
.collectiontype-header { background: url(images/system/bg.png) no-repeat 0 -972px; }
.location-header { background: url(images/system/bg.png) no-repeat 0 -816px; }
.language-header { background: url(images/system/bg.png) no-repeat 0 -1004px; }
.availability-header { background: url(images/system/bg.png) no-repeat 0 -750px; }
.newbooks-header { background: url(images/system/bg.png) no-repeat 0 -907px; }
.library-header { background: url(images/system/bg.png) no-repeat 0 -174px; }
.material-header { background: url(images/system/bg.png) no-repeat 0 -846px; }
.MyReadingPreference-header { padding: 0; }

.AcceleratedReader-header { background: url(images/system/bg.png) no-repeat 0 -1138px; }
.ReadingCounts-header { background: url(images/system/bg.png) no-repeat 0 -937px; }
.Lexile-header { background: url(images/system/bg.png) no-repeat 0 -1173px; }
.BookAdventure-header { background: url(images/system/bg.png) no-repeat 0 -1065px; }
.FountasAndPinnell-header { background: url(images/system/bg.png) no-repeat 0 -1037px; }
.DevelopmentalReadingAssessment-header { background: url(images/system/bg.png) no-repeat 0 -1037px; }

/*add by futao 2014-3-14 end*/
.refine-item ul { margin: 0; padding: 0 7px 0 0; border: none; text-align: left; }
   .refine-item ul li { margin: 0; padding: 0; border: none; text-align: left; }
.refine-item li { display: block; list-style: none; line-height: 20px; }
/*Last modified by futao 2014-3-3 ver:6.4.0 changed  line-height from 28px to 24px*/
.refine .item-last { border-bottom: 1px solid #cccdcd; }

/*search result*/

.tabs { width: calc(100% - 2px); height: 30px; background-color: #f3f7fa; border: 1px solid #d7d9dc; border-radius: 5px; }
.tabs ul li { display: block; float: left; list-style: none; }
.tabs a { text-decoration: none; color: #333; display: block; float: left; list-style: none; font-size: 14px; line-height: 30px; padding: 0 15px 0 15px; border-right: 1px solid #d7d9dc; }
.tabs .tabSelected, .tabs a:hover, .tabs a:focus { color: #fff !important; }
.tabs a:focus { outline: none; }
.searchResult { width: 100%; height: auto; float: left; margin: 0; }
.searchResultForTextbooks { width: 960px; margin: 1px auto; }
.searchResultForKitsTitle { width: 925px; height: auto; float: left; margin: 0 0 0 7px; }
.itemInfo { width: calc(100% - 2px); height: auto; float: left; margin: 0; padding: 0; border-top: 1px solid #D7D9DC; border-radius: 5px; background-color: #FFF; }
.itemInfoForTextbooks { width: auto; height: auto; margin: 0; padding: 0; }
.itemInfoForKitsTitle { width: 920px; height: auto; float: left; margin: 0; padding: 0; background: #f6f8fa; }
.itemList { min-height: 150px; height: auto; border-bottom: 1px solid #D7D9DC; position: relative; }
.itemListTable2 li { float: left; vertical-align: top; }
.itemListTable2 .select { width: 22px; }
.itemListTable2 .cover { width: 100px; }
.itemListTable2 .buttons { min-width: 138px; padding-top: 10px; margin-right: 7px; padding-bottom: 10px; }
.itemImg { box-sizing: content-box; width: 90px; height: 130px; overflow: hidden; border: 1px solid #999; padding: 2px; text-align: center; vertical-align: middle; display: table-cell; }
.itemListTable2 .itemImg, .itemListTable2 .itemImg:hover { position: relative; }
.itemImg img { max-width: 90px; max-height: 130px; vertical-align: middle; display: inline-block; }
.itemImg a { text-decoration: none; font-weight: bold; }
   .itemImg a:hover { text-decoration: none; }
   .itemImg a, .itemImg a img { border: none; }
.itemImg:hover { padding: 3px; width: 88px; height: 128px; border: 1px solid #1765a9; }
   .itemImg:hover img { max-width: 88px; max-height: 126px; vertical-align: middle; display: inline-block; }

.itemImgisNotDefault img { max-width: 86px; max-height: 126px; vertical-align: middle; display: inline-block; }
.itemImgisNotDefault:hover img { max-width: 85px; max-height: 125px; vertical-align: middle; display: inline-block; }

.itemImg .no_image_text { position: absolute; left: 18px; top: 15px; display: block; width: 74px; height: auto; max-height: 100px; color: #353535; font-weight: bold; overflow: hidden; word-wrap: break-word; }
.itemTitles { width: 445px; float: left; text-align: left; }
.itemTitlesForTextbooks { width: 840px; float: left; text-align: left; }
.itemTitlesForKitsTitle { width: 645px; float: left; text-align: left; }
.itemTitleInfo { padding: 0 0 0 5px; width: 440px; min-height: 122px; height: auto; overflow: hidden; line-height: 20px; }
.itemListTable2 .itemTitleInfo { padding: 10px 0 0 5px; }
.itemTitleInfo a, .itemLinks a { text-decoration: underline; }
.overdriveMagazineIssuesMore a { text-decoration: underline; background-color: #1765a9; color: #FFF; border-radius: 2px; display: block; text-align: center; width: 100px; height: 25px; line-height: 25px; }
   .overdriveMagazineIssuesMore a:hover { text-decoration: underline; color: #FFF; }
.itemListTable2 .itemTitleInfoselect { width: 20px; padding: 0; }
.itemButtons { min-width: 138px; }

/*.pages{float:left; margin:0; width:calc(100% - 200px);}
.pages ul{float:left;}
.pages ul li{float:left; list-style:none; display:block;}    
.pages ul li a{ display:block;width:26px; height:26px; line-height:26px; text-align:center; color:#fff; padding:0px;
                text-decoration:none; margin:0 2px 0 0; border-radius:4px;}
.pages ul li a:hover, .pages ul .pageSelected a{ text-decoration:underline; background:#fff;}*/

.pages { margin: 0; }
   .pages ul { float: left; }
      .pages ul li { float: left; list-style: none; display: block; }
         .pages ul li:first-child .arrow, .pages ul li:last-child .arrow { display: none; }
         .pages ul li a { display: block; width: 23px; height: 31px; border: 1px solid #FFF; line-height: 33px; font-weight: bold; text-align: center; color: #fff; padding: 0px; text-decoration: none; margin: 0 4px 0 0; border-radius: 2px; background: #FFF; }
            .pages ul li a:hover, .pages ul .pageSelected a, .pages ul li a:focus { color: #FFF; text-decoration: none; }
         .pages ul li .arrow { border: 1px solid #9fa8ad; width: 22px; height: 22px; line-height: 22px; border-radius: 4px; margin: 4px 10px 0 0; }
         .pages ul li .left-arrow { display: inline-block; content: " "; height: 6px; width: 6px; border-width: 0 0 2px 2px; border-style: solid; transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); margin-left: 5px; margin-bottom: 1px; }
         .pages ul li .right-arrow { display: inline-block; content: " "; height: 6px; width: 6px; border-width: 2px 2px 0 0; border-style: solid; transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); margin-right: 2px; margin-bottom: 1px; }
         .pages ul li a:focus { border-style: dotted; border-color: white; }
      .pages ul .pageSelected a:focus { border-style: dotted; border-color: inherit; }

.pagefooter { width: 960px; height: 47px; line-height: 47px; text-align: left; font-size: 12px; margin: 0 auto; }
/*huxiaojing add a:focus for pages at 2018-08-09.ver 8.4.1. wcag */
.pages ul li a:focus { border: 1px dotted; border-color: white; }
.pages ul .pageSelected a:focus { border: 1px dotted; border-color: inherit; }
.pagefooter a { text-decoration: none; }
.pagefooter a:hover { text-decoration: underline; }
.itemTitle { height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 380px; float: left; }
.localNotesImg { height: 30px; width: 40px; margin: 0 7px 0 5px; float: right; }
.callNoLalel { font-weight: 700; color: #be3b35; }
/*.itemAuthors{ height:20px;overflow:hidden; text-overflow:ellipsis; width:440px;}*/
.itemAuthors { max-height: 44px; word-wrap: break-word; word-break: normal; overflow: hidden; max-width: 420px; }
.itemListTable2 .materialType, .itemListTable2 .itemImg:hover .materialType { left: auto; top: auto; right: 5px; bottom: 5px; }
.materialTypeForItemDetail { position: absolute; left: 5px; bottom: 0px; display: block; width: 152px; max-height: 20px; overflow: hidden; text-overflow: ellipsis; font-size: 12px; font-weight: normal; text-align: right; color: Black; }
.materialTypeForMyFavorite { position: absolute; white-space: nowrap; left: 5px; top: 120px; display: block; width: 84px; max-height: 36px; overflow: hidden; text-overflow: ellipsis; font-size: 12px; font-weight: normal; text-align: right; color: Black; }
.materialType { position: absolute; white-space: nowrap; left: 28px; top: 126px; display: block; width: 86px; max-height: 30px; overflow: hidden; text-overflow: ellipsis; font-size: 12px; font-weight: normal; text-align: right; color: Black; line-height: 14px; }
.itemImg:hover .materialTypeForMyFavorite { position: absolute; white-space: nowrap; left: 5px; top: 121px; display: block; width: 84px; max-height: 36px; overflow: hidden; text-overflow: ellipsis; font-size: 12px; font-weight: normal; text-align: right; color: Black; }
.materialTypeDiv { position: absolute; left: 4px; top: 110px; display: block; width: 84px; max-height: 20px; overflow: hidden; text-overflow: ellipsis; font-size: 12px; font-weight: normal; text-align: right; color: Black; }
.itemImg:hover .materialTypeDiv { position: absolute; left: 3px; top: 110px; display: block; width: 84px; max-height: 20px; overflow: hidden; text-overflow: ellipsis; font-size: 12px; font-weight: normal; text-align: right; color: Black; }
.materialTypeForHomePage { position: absolute; left: 4px; bottom: 4px; display: block; width: 84px; max-height: 36px; overflow: hidden; text-overflow: ellipsis; font-size: 12px; font-weight: normal; text-align: right; color: Black; white-space: nowrap; }


/*Simon add for language*/
.languageDiv { width: 80px; overflow: hidden; text-decoration: none; border-radius: 5px; }
   .languageDiv ul { width: 95px; z-index: 600; }
      .languageDiv ul li a { display: block; width: 80px; height: 30px; line-height: 30px; text-decoration: none; text-align: left; padding: 0 0 0 15px; }
   .languageDiv .lastMenu { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
   .languageDiv .firstMenu { border-top-left-radius: 5px; border-top-right-radius: 5px; }
.x-tip-default { border-radius: 5px; border-style: none; }
.themeDiv { width: 60px; padding: 5px 10px; }
/*alivya add for theme begin*/
.themeDiv { }
   .themeDiv ul li { border-bottom: 1px solid #a6a6a6; }


.ItemAvilibleInfoLinkItem { float: right; margin-right: 113px; }
.ItemAvilibleInfoLinkItem1 { float: right; margin-right: 94px; }

.ItemAvilibleInfoLink { cursor: pointer; text-decoration: none; outline: none; }

.item_image_normal { position: relative; overflow: hidden; }
.no_image_text { position: absolute; left: 7px; top: 12px; display: block; width: 80px; height: auto; max-height: 100px; color: #353535; font-weight: bold; overflow: hidden; word-wrap: break-word; /*word-break:break-all;*/ }


/*add by futao 2014-6-26 ver:6.4.0*/
.htable .th td { border-color: #fff #e0e0e1 #aaa #fff; border-style: solid; border-width: 0 1px 1px 0; }
.htable { background: #fff; table-layout: fixed; width: 100%; cursor: default; border-color: #C0C0C0; border-style: solid; border-width: 1px 1px 1px 1px; }

ul .x-boundlist-item { min-height: 22px; }
/*huanglidan add at 2014-07-08,Ver 6.4.0 Fix the cbo option's height is 0 when option is empty*/

/*add by futao 2014-7-10 ver:6.4.0*/
.itemInfoFavoriteW536 { display: inline-block; width: 534px; min-height: 80px; height: auto; border: 1px solid #d1cece; }
.itemInfoFavoriteW759 { display: inline-block; width: 759px; min-height: 80px; height: auto; border: 1px solid #d1cece; }

/*zhangzehua add,2014-07-16,Ver:6.4.0*/
.eventImgBorder { margin-top: 10px; }
.eventImgBorderSelect { margin-top: 0px; padding: 4px; border: 1px solid #0A5280; cursor: pointer; box-sizing: content-box; -moz-box-sizing: content-box; }

/*huxiaojing add at 2014-10-21,Version 6.4.6*/
.digital-refine-header-format { background: url(images/system/bg.png) no-repeat 0 -249px; }
.digital-refine-header-media { background: url(images/system/media.png) no-repeat; }
.digital-refine-header-region { background: url(images/system/regionHeader.png) no-repeat; }
.digital-refine-header-category { background: url(images/system/bg.png) no-repeat 0 -972px; }

/*zhangzehua add,2014-10-23,Ver:6.4.6*/
.homepageLoginMessage:hover { text-decoration: none; }

/*huxiaojing add at 2014-10-27,Version 6.4.6*/
#DigitalZoom { margin-right: 3px; margin-top: 3px; width: 18px; height: 18px; border-radius: 3px; transform: rotate(270deg); cursor: pointer; background: #0A5280 url(images/system/left-arrow-04.png) no-repeat 3px 3px; background-size: 12px; }

/*project start*/
#projectSearch { width: 960px; overflow: hidden; }
.project_SearchRecord { width: 100%; height: 40px; float: left; line-height: 40px; background-color: #f6f8fa; border: solid 1px #e3e4e8; border-left: none; border-right: none; clear: both; }
   .project_SearchRecord .pages { width: auto !important; margin-right: 10px; margin-top: 5px; }
.project_ItemList { width: 100%; float: left; border-bottom: 1px solid #c5c5c5; padding: 10px 0 15px 0; }
   .project_ItemList .projectTitle { width: 100%; text-align: left; }
   .project_ItemList .titleIndex { width: 30px; height: 20px; display: inline-block; line-height: 20px; border: 1px solid #e8e8e8; background-color: #f4f4f4; border-radius: 3px; text-align: center; margin-right: 10px; }
   .project_ItemList .projectDesc, .project_ItemList .itemInfo { width: 98.5%; text-align: left; }
   .project_ItemList .projectTitle { font-weight: bold; }
   .project_ItemList .projectTitle a { color: #000; text-decoration: underline; }
   .project_ItemList .projectTitle a:hover { text-decoration: underline; }
   .project_ItemList .itemInfo .itemImg { float: left; width: 70px; height: 80px; }
   .project_ItemList .projectDesc { padding: 5px 0 0 40px; word-wrap: break-word; }
   .project_ItemList .itemDetails { height: auto; max-height: 180px; overflow-y: scroll; padding: 5px 5px 5px 5px; border: 1px solid #c5c5c5; }
   .project_ItemList .itemInfo { margin-bottom: 10px; }
      .project_ItemList .itemInfo .itemImg { width: 80px; height: 82px; border: none; border-right: 1px dashed #c5c5c5; float: left; }
      .project_ItemList .itemInfo .itemImg { padding: 0; }
         .project_ItemList .itemInfo .itemImg a { width: 70px; height: 80px; display: block; float: left; border: 1px solid #e5e5e5; }
            .project_ItemList .itemInfo .itemImg a:hover { border: 1px solid #1a6aa3; }
            .project_ItemList .itemInfo .itemImg a img { width: 70px; height: 80px; }
   .project_ItemList .itemInfo { background-color: #fff; }
   .project_ItemList .itemTitleList { margin: 0 0 0 15px; width: 88%; float: left; }
   .project_ItemList .itemBasicInfo { margin: 5px 0 0 15px; width: 88%; float: left; line-height: 20px; }
   .project_ItemList tr th { color: #fff; height: 27px; line-height: 27px; width: 50%; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
   .project_ItemList tr td { height: 27px; line-height: 27px; padding-left: 5px; border-right: 1px solid #e0e0e0; border-bottom: 1px dashed #e0e0e0; }
   .project_ItemList tr .lastRow { border-bottom: none; }
   .project_ItemList .Itemlblinfo { color: #B95209; }


/*project end*/

.digitalDetailDIV { width: 114px; text-align: center; display: block; border: 0px solid #1a6aa3; }

/*huxiaojing add at 2014-11-27,Version 6.5.1 fixed ie8*/
#formDigitalPanel .x-panel-default-framed-tc { background-image: none; height: 0px; }
#formDigitalPanel .x-panel-default-framed-bc { background-image: none; height: 0px; }
#formDigitalPanel .x-panel-default-framed-ml { background-image: none; padding-left: 0px; }
#formDigitalPanel .x-panel-default-framed-tl { background-image: none; padding-left: 0px; }
#formDigitalPanel .x-panel-default-framed-bl { background-image: none; padding-left: 0px; }
#formDigitalPanel .x-panel-default-framed-mr { background-image: none; }
#formDigitalPanel .x-panel-default-framed-tr { background-image: none; padding-right: 0px; }
#formDigitalPanel .x-panel-default-framed-br { background-image: none; padding-right: 0px; }
#formDigitalPanel .x-panel-default-framed-mc { height: 26px !important; }
#formDigitalPanel #formDigitalPanel-body { height: 26px !important; }


.YouMayLikeThis { }
   .YouMayLikeThis .titleInfo { line-height: 22px; margin: 0; border-bottom: 1px dashed #d8d7d7; padding-left: 5px; }

/*Mediagraphy*/
.mediagraphyLeftBanner { }
   .mediagraphyLeftBanner .x-tree-icon { display: none; }
   .mediagraphyLeftBanner .x-grid-cell-inner { white-space: nowrap !important; }
   .mediagraphyLeftBanner .x-tree-icon { display: none; }
   .mediagraphyLeftBanner .x-tree-elbow-img { width: 28px; }
   .mediagraphyLeftBanner .x-tree-lines .x-tree-elbow-end-plus { background-image: url(../images/system/elbow-end-plus.png); }
   .mediagraphyLeftBanner .x-tree-lines .x-grid-tree-node-expanded .x-tree-elbow-plus { background-image: url(../images/system/elbow-minus.png); }
   .mediagraphyLeftBanner .x-tree-lines .x-tree-elbow-plus { background-image: url(../images/system/elbow-plus.png); }
   .mediagraphyLeftBanner .x-tree-lines .x-tree-elbow { background-image: url(../images/system/elbow.png); }
   .mediagraphyLeftBanner .x-tree-lines .x-tree-elbow-end { background-image: url(../images/system/elbow-end.png); }
   .mediagraphyLeftBanner .x-tree-lines .x-grid-tree-node-expanded .x-tree-elbow-end-plus { background-image: url(../images/system/elbow-end-minus.png); }

/*OverDrive*/
.overDriveSearchResult .itemImg { width: 99px; height: 132px; }
   .overDriveSearchResult .itemImg img { max-width: 99px; max-height: 132px; }

.calendar-date-left { background: url(images/system/Left_Arrow.png) no-repeat; background-size: 16px; }
.calendar-date-right { background: url(images/system/Right_Arrow.png) no-repeat; background-size: 16px; }

.eventOneBanner { border-radius: 0 !important; width: 210px !important; }
   .eventOneBanner .header { padding: 0 !important; width: 100% !important; border-radius: 0 !important; text-align: center !important; font-weight: 700; }
.Rss { display: inline-block; vertical-align: middle; margin-left: 10px; width: 18px; height: 18px; background-image: url(Images/system/WhatNewRss.png); background-size: 18px; text-indent: -9999px; }
.eventScheduler .k-event { cursor: pointer; }
.eventScheduler .k-scheduler { border-radius: 0; }
   .eventScheduler .k-scheduler > :first-child.k-scheduler-toolbar { border-radius: 0; }
.eventScheduler .k-scheduler-footer ul { display: none; }

.itemTitlesForOverDrive { width: 707px !important; }


.loginGuestText { width: 240px; height: 30px !important; border: 1px solid #acadb2; margin: 1px 10px; padding: 0 0 0 10px !important; background-color: #fff; color: #666; }

.base-border { border: solid 1px #d3d4d8; border-radius: 6px; background-color: white; }

.btnLogin:hover { background-position: 0 -56px; background-repeat: no-repeat; }

.nomalbutton { background-position: 0 0; }
   .nomalbutton:hover { background-position: 0 -56px; }

.loginContent a:hover { text-decoration: underline; }

.loginDiv .loginHelp a { text-decoration: none; }
   .loginDiv .loginHelp a:hover { text-decoration: underline; }

.btnIconButton { width: 30px; height: 30px; background-color: transparent; }
.btnIconButton[disabled="disabled"] { cursor: not-allowed; pointer-events: all !important; }
.btnIconButton .btnSprite { background: url(images/system/edit.png) no-repeat #005486; margin: auto; display: block; }
   .btnIconButton[disabled="disabled"] .btnSprite { background-color: #999; }
.btnDeleteIconButton .btnSprite { background-image: url(images/system/delete2.png); width: 16px; height: 20px; }
.btnDeleteReverseIconButton .btnSprite { background-image: url(images/system/delete2-reverse.png); width: 16px; height: 20px; }
.btnShareIconButton .btnSprite { background-image: url(images/system/share.png); width: 20px; height: 20px; }
.btnEditIconButton .btnSprite { background-image: url(images/system/edit.png); width: 21px; height: 20px; }
.btnPrintIconButton .btnSprite { background-image: url(images/system/print.png); width: 23px; height: 20px; }
.btnEmailIconButton .btnSprite { background-image: url(images/system/email.png); width: 26px; height: 20px; }
.btnListViewIconButton .btnSprite { background-image: url(images/system/ListView.png); width: 20px; height: 20px; }
.btnGridViewIconButton .btnSprite { background-image: url(images/system/GridView.png); width: 20px; height: 20px; }
.btnNormalGridViewIconButton .btnSprite { background-image: url(images/system/NormalGridView.png); width: 22px; height: 22px; background-size: contain; }
.btnSortUpIconButton .btnSprite { background-image: url(images/system/sortup.png); width: 25px; height: 25px; background-size: contain; }
.btnSortDownIconButton .btnSprite { background-image: url(images/system/sortdown.png); width: 25px; height: 25px; background-size: contain; }
.btnAlphaAscIconButton .btnSprite { background-image: url(images/system/Alpha_Asc.png); width: 20px; height: 20px; background-size: contain; }
.btnAlphaDescIconButton .btnSprite { background-image: url(images/system/Alpha_Desc.png); width: 20px; height: 20px; background-size: contain; }
/*.newCatalogue ul li:hover{ color:#fff;}*/
/*login page end*/
.gray-shadow { /*filter: drop-shadow(-4px -4px 6px rgba(0, 24, 37, 0.2)) drop-shadow(4px 4px 8px rgba(0, 24, 37, 0.4));*/ box-shadow: -4px -4px 6px rgba(0,24,37,0.2), 4px 4px 8px rgba(0,24,37,0.4); }
.button-image-place { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }
.newPageLayoutRateLink a { text-decoration: none; }
   .newPageLayoutRateLink a:hover { text-decoration: underline; }

/*scheduler style*/
.cstm-scheduler .k-scheduler-monthview .k-scheduler-table td,
.cstm-scheduler .k-scheduler-monthview .k-hidden { height: 45px; padding: 5px 0 0 0; font-weight: bold; text-align: center; border-color: #696B73; }
.cstm-scheduler .k-scheduler-table .k-today { background-color: transparent; }
.cstm-scheduler .k-scheduler .k-header { background-color: #fff; }
.cstm-scheduler .k-scheduler-refresh { display: none; }
.cstm-scheduler .k-scheduler-toolbar > ul:first-child { float: right; }
.cstm-scheduler .k-scheduler-toolbar .k-nav-current { float: left; margin-top: 0.3em; margin-left: 0.6em; margin-right: 0.6em; }
   .cstm-scheduler .k-scheduler-toolbar .k-link:link, .k-link:visited,
   .cstm-scheduler .k-scheduler-toolbar .k-nav-current.k-state-hover .k-link { color: black; font-weight: bold; }
.cstm-scheduler .k-scheduler-toolbar { line-height: 1.8em; border: none; margin-bottom: 0.5em; padding-left: 0; padding-right: 0; }
   .cstm-scheduler .k-scheduler-toolbar > ul > li { border-width: 1px; border-radius: 2px; margin: 0 0.2em; }
.cstm-scheduler .k-scheduler { border: none; }
.cstm-scheduler .k-scheduler-layout { border: 1px solid #696B73; }
.cstm-scheduler.k-scheduler-header th,
.cstm-scheduler .k-scheduler-header-wrap,
.cstm-scheduler .k-scheduler-table td,
.cstm-scheduler .k-scheduler-times,
.cstm-scheduler .k-scheduler-times th,
.cstm-scheduler .k-scheduler-times tr { border-color: #ccc; }
.cstm-scheduler .k-scheduler .k-scheduler-table th { font-weight: normal; border-color: #696B73; /*border-bottom-width: 2px;*/ height: 2em; }
.cstm-scheduler .k-scheduler-toolbar .k-nav-next .k-link, .cstm-scheduler .k-scheduler-toolbar .k-nav-prev .k-link { padding-left: 0.2em; padding-right: 0.2em; }
.room-scheduler-toolbar-button a:hover { background-color: #ebebeb; border-color: #aeaeae }

/*menu style start*/
.navMenu h2 { font-size: 1.5em; font-weight: bold; }
.navMenu h3 { font-size: 1.17em; font-weight: bold; }
.navMenu h4 { font-size: 1em; font-weight: bold; }
.nav_dropdown_label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; white-space: nowrap; }
   .nav_dropdown_label.cc-dark.cc-alt { color: #FFF; font-weight: bold; text-transform: none; margin-bottom: 10px; letter-spacing: 0.04em; font-size: 1.3em; }
.navMenu .nav-container { position: absolute; margin-left: -40px; margin-top: 7px; color: #FFF; padding: 0; background-color: transparent; }
   .navMenu .nav-container a { color: #FFF; font-size: 12px; letter-spacing: 0.04em; }
.navMenu .nav-wrap { max-height: 420px; position: relative; box-shadow: 0px 2px 4px rgb(0 24 37 / 50%); writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; background: linear-gradient(to right,#0074b6, #0074b6 220px,#006ba8 220px, #006ba8 440px, #0074b6 440px, #0074b6 660px, #006ba8 660px, #006ba8); }
.navMenu .nav-submenu { width: 220px; padding-left: 40px; writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; float: left; }
.navMenu .nav-container .nav-submenu li { margin-bottom: 12px; }
.navMenu .nav-split { border-top: 1px solid #005788; margin: 10px 0 15px 0; width: 140px; border-top-color: yellow !important; }
.opac-navigation .navMenu > li > .base { margin: 20px 16px; font-size: 14px; }
.navMenu > li { height: 60px; margin: 6px 0 0 5px; border-radius: 3px; }
   .navMenu .menu-selected, .navMenu > li:hover { background-color: transparent; box-shadow: 0px 2px 4px rgba(0,24,37,0.25); }
.navMenu .nav-wrap.nav-breakonsubmenu h3 { margin-top: 0; }
.navMenu .nav-wrap.nav-breakonsubmenu .nav-submenu.nav-onlyname { float: none; margin: 30px 0 30px 30px; padding: 0; }
.navMenu .nav-wrap.nav-breakonsubmenu .nav-submenu.nav-containschildren { float: none; width: auto; margin: 30px 0; padding: 0 20px 0 20px;}
.navMenu li a h3, .navMenu li a h4 { font-weight: normal; display: inline; }

.navigationbar { font-size: 14px; margin: 10px 0; display: block; }
   .navigationbar .endnav { font-weight: 700; }
/*menu style end*/

.highlightSearchControl { height: 33px; border: solid 4px #0A5280; }
.btnSearchSort { opacity: 0.7; filter: alpha(opacity=70); display: inline-block; width: 30px; height: 30px; margin-left: 3px; border-radius: 6px; }
.btnSearchSort:hover { opacity: 1; filter: alpha(opacity=100); }
.btnSearchSort img { margin: 6px; }
.btnSearchSort[disabled='disabled'] { background: #dddddd; cursor: not-allowed; pointer-events: all !important; }

.clipboard { background: #c5c5c5 url(images/system/Share-reverse.png) no-repeat 9px 5px; width: 40px; height: 30px; display: block; background-size: 20px; border-radius: 2px; }
.icon-fieldsdescription { display: inline-block; background-color: transparent; background-image: url(images/system/icon-tips.png); width: 20px; height: 20px; margin: 0 5px; }
#cookies-policy {width: 32.41rem !important;padding: 32px !important;max-width: 100% !important;max-width: calc(100% - 32px) !important;border-radius: 7px !important;left: 16px !important;right: 16px !important;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
#cookies-policy .policy-container {position: relative;width: 100%;max-width: 100%;margin: 0 auto;padding: 0 20px;box-sizing: border-box;}
#cookies-policy.FloatingRoundedCorner {position: fixed;z-index: 2147483645;background-color: #FFF ;width: 26%;max-width: 375px;border-radius: 2.5px;bottom: 7em;left: 1em;font-size: 16px;max-height: 90%;overflow-x: hidden;overflow-y: auto;box-shadow: 0 0 18px rgba(0,0,0,.2);}
#cookies-policy #policy-button-group button {margin: 0 4px !important;font-weight: normal !important;border-radius: 3px !important;box-shadow: inset 0 1px 0 0 rgb(255 255 255 / 40%) !important;letter-spacing: normal !important;text-decoration: none !important;border: 1px solid transparent !important;line-height: 1.15 !important;width: 100% !important;height: 30px;font-size: 14px !important;}
#cookies-policy .banner-actions-container {display: flex;margin: 8px -4px;text-align: center;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.cloudLibraryContainer { display: inline-flex; align-items: center; background-color: #f5f5f5; padding: 2px 5px; border-radius: 4px;margin-right:5px}
.cloudLibraryContainer img { width:15px; height:15px; margin-right: 5px;}