body, ul, li{margin:0; padding:0; font-family:arial,tahoma,verdana,sans-serif; font-size:12px;}
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;}

.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;  }

.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{width:33px; height:29px; background-position:0 -357px; background-repeat:no-repeat; border:none; cursor:pointer;}
.btnMore33{width:33px; height:29px; background-position:0 -394px; background-repeat:no-repeat; border:none; cursor:pointer;}
.btnShrink33{width:33px; height:29px; background-position:0 -429px; background-repeat:no-repeat; border:none; cursor:pointer;} 
 /*buttons in result*/

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

.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;}
.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;}                           
.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*/
.loginDiv .header{ background-image:url(images/system/icons.png); background-repeat: no-repeat; background-position: 15px -86px;}  
.loginText{ background-image:url(images/system/icons.png) !important; background-repeat:no-repeat !important; background-position:10px -135px !important;}                 
.loginPassword{ background-image:url(images/system/icons.png) !important; background-repeat:no-repeat !important; background-position:10px -194px !important;} 

.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}
.EITImgDiv{float:left;width:160px;height:70px;margin:0 auto;}
.EITImg{max-width:120px;max-height:40px;margin:15px 0 0 10px;}
.Itemlblinfo{color:#be3b35}
.SearchNarrowMoreImg{font-size:10px;height:15px;padding-left:1px;margin-right:5px;width:45px;float:right;color:#FFF;cursor:pointer}
.SearchNarrowShrinkImg{font-size:10px;height:15px;padding-left:1px;margin-right:5px;width:50px;float:right;color:#FFF;cursor:pointer}
.LoadingDIV{width:48px;height:48px;margin:auto}
.EITExpandImg{height:32px;width:32px;cursor:pointer}
.EITShrinkImg{height:32px;width:32px;cursor:pointer}
.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} 
.button6{border:0;color:#FFF;background-position:top;height:22px;width:100px;vertical-align:middle;cursor:pointer;margin:0;padding:0}
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}
.button,button{border:0;color:#FFF;background-position:top;height:22px;width:80px;vertical-align:middle;cursor:pointer;margin:0;padding:0}

/*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:none;}
.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:none;}
.news .more a:hover{color:#fe6243; text-decoration:underline;}

/*News List start Shenchen add the css 2014-3-11 ver 6.4.0*/
.newlisthead{border-bottom:1px solid #d1d1d1;}
.newslisttitle{ border-bottom:0px solid #d1d1d1;clear:left;font-weight:bold;font-family:"Myriad Pro","Myriad Web Pro Regular","Lucida Grande",Geneva,Trebuchet MS,sans-serif;color:#666;float:left;line-height:0px;}
.content-newsList{text-align:left;border-bottom:0px solid #d1d1d1; margin-bottom:0px;}
.feed-item-title{font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;}
.feed-item-title a{line-height:17px; text-decoration:none;}
.feed-item-title a:hover{color:#fe6243; line-height:17px; text-decoration:underline;}
.feed-item span{color:#666;font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;}
.feed-item{border-bottom:1px solid #d1d1d1;}
.newlistrss{text-align:right;padding-top:10px;}
.feed-item-body{padding-bottom: 10px;}

/*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;}
.FavotitesBanner .triangle{ width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent;margin:0 0 0 69px;}
.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;}
.printFavmenu{padding: 4px 10px 5px;line-height:21px;}
.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;}
.Resbutton{width:75px; height:27px; border:none; cursor:pointer; color:#fff;border-radius: 5px;float:right; margin:0px 5px 5px 0;padding-top:2px;text-align:center;}
.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; }
.menu li{ float:left; list-style:none; position:relative; min-width:102px;}   
.menu li .base{display:block; min-height:30px; padding:40px 0 0 0; text-decoration:none; max-width:102px; text-align:center; }  
.menu li ul {display:none;position:absolute;width:150px; z-index:600;}
.menu li ul li a{display:block; width:130px; height:40px; line-height:40px; text-decoration:none;text-align:left; padding:0 0 0 30px;}
.menu li ul li ul {position:absolute;left:159px; top:0; margin-top:0; margin-left:1px; width:120px;padding:0 1px;}
.menu li ul .liTriangle{background-color:#fff; height:7px; width:150px; border:none; }
.menu li ul .triangle{width:0; height:0;border-left:5px solid transparent; border-right:5px solid transparent; 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;}  
.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 .loginButton{ display:block; width:100px; height:20px; overflow:hidden; border-radius:5px; text-decoration:none; 
                              background-image:url(images/system/login02.png); background-repeat: no-repeat; background-position: 31px 3px; 
                              padding:35px 0 0 0;}
.menu .userInfo .username{ display:block; width:100px;  height:20px; overflow:hidden; cursor:pointer; border-radius:5px;padding:35px 0 0 0;
                           background-image: url(images/system/logout.png); background-repeat: no-repeat; background-position: 8px 5px; }
.menu .userInfo .logoutButton{ position:absolute;left:20px;top:70px;width:160px;height:40px;line-height:40px;overflow:hidden;z-index:10000;
                               background-image: url(images/system/logout.png) ; background-repeat: no-repeat; background-position: 7px -57px;text-decoration:none;border-radius:5px;}
.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;} 
.btnSearch{width:44px; height:30px; float:left; border:none; cursor:pointer;} 
/*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:none; display:inline-block; cursor:pointer; line-height:18px; overflow:hidden; word-break:break-all; margin:10px; color: #2f2f2f !important;}
.links a:hover{text-decoration:underline;}          
.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; border:1px solid #D7D9DC; border-radius:5px; background-color:#FFF;}
.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;}    
.refine-item-border{ height:auto; border-top:1px solid #cccdcd; padding:0 0 0 5px; margin:0;} 
.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;  } 
 
.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:1px solid #D7D9DC; border-radius:5px; background-color:#FFF;}
.itemInfoForTextbooks{width:auto; height:auto;  margin:0; padding:0; background:#f6f8fa;}
.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:19px;}
.itemListTable2 .cover{width:100px;}
.itemListTable2 .buttons{min-width:138px;padding-top:10px;margin-right:7px;}
.itemImg{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;} 
.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, .itemTitleInfo a:hover,  .itemLinks a:hover{text-decoration:none; }
.itemTitleInfo a:hover,  .itemLinks a:hover{text-decoration:underline; }
.itemListTable2 .itemTitleInfoselect{width:17px;padding:0;}
.itemButtons{  min-width:138px;}
.itemInfo .itemLast{border-bottom:none;}
.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;}
.footer{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;}
.footer a{ text-decoration:none;}  
.footer a:hover{ text-decoration:underline;}   
.itemTitle{ height:20px;overflow:hidden; text-overflow:ellipsis; 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}
.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;} 
/*login page start*/
.loginDiv{ width:688px; height:376px; float:left; margin-right:4px; border:1px solid #acadb2; border-radius:6px 6px 0 0; background-color:#f2f2f2; }
.loginDiv .header{ width:638px; height:45px; border-radius:5px 5px 0 0; line-height:45px; font-size:14px; color:#fff; 
                   text-align :left; padding:0 0 0 50px;}  
.loginDiv .triangle{width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; margin:0 0 0 380px;}    
.loginDiv .loginContent{width:336px; height:250px; float:left; border-right:1px solid #d1cece; margin:20px 0 0 0;} 
.loginText{ width:235px; height:50px !important; border:1px solid #acadb2; margin:0 0 25px 0;
            padding:0 0 0 40px !important; background-color:#fff; color:#666; font-size:15px;}
.loginPassword{ width:235px; height:50px !important; border:1px solid #acadb2; margin:0 0 25px 0;
                padding:0 0 0 40px !important; background-color:#fff; color:#666;font-size:15px;}  
.btnLogin{width:280px; height:55px; border:none;cursor:pointer; color:#fff; font-size:18px;
          background-position:0 0; background-repeat:no-repeat;}    
.btnLogin:hover{background-position:0 -56px; background-repeat:no-repeat;}
.nomalbutton{background-position:0 0;} 
.nomalbutton:hover{background-position:0 -56px;}  
.loginContent a{display:block; color:#686868; text-decoration:none; margin:20px 0 0 0;} 
.loginContent a:hover{text-decoration:underline;}      
.loginDiv .loginHelp{ width:300px; height:195px; margin:20px 0 0 0; float:left; border-left:1px solid #fff;
                         padding:55px 0 0 0;text-align:center;}      
.loginDiv .loginHelp a:hover{text-decoration:underline;}     
.newCatalogue{ width:263px; min-height:376px; display:inline-block; margin:0 0 0 0; border:1px solid #acadb2; border-radius:6px 6px 0 0;
                  background-color:#f2f2f2; }  
.newCatalogue .header{ width:233px; height:45px; border-radius:5px 5px 0 0; line-height:45px; font-size:12px; color:#fff; 
                       text-align :left; padding:0 20px 0 10px;}   
.newCatalogue .whatIsNew{ width:203px; float:left; text-align:left; padding:0 0 0 40px; line-height:60px;
                             background-position:10px -694px; background-repeat:no-repeat;}    
.newCatalogue .triangle{width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; margin:0 0 0 40px;} 
.newCatalogue ul li{ width:253px; float:left; display:block; padding:4px 0 4px 10px; text-align:left; color:#666; 
                        line-height:25px; border-top:1px solid #ebebeb; overflow:hidden;}    
.newCatalogueFav{width:190px;height:auto;min-height:100px}
/*.newCatalogue ul li:hover{ color:#fff;}*/                                                                                                                                                    
/*login page end*/

.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; 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:15px;height:15px;cursor:pointer;
             background:url(Css/Blue/images/ChangeNarrow2.png) no-repeat !important;}
             
/*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 .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;}
.btnProjectExpand{ width:60px; height:20px; cursor:pointer; border:none; padding:0;
            color:#fff; font-size:11px; text-align:left; padding-left:5px;}
.btnProjectShrink{ width:60px; height:20px; cursor:pointer; border:none; padding:0;
            color:#fff; font-size:11px; text-align:left; padding-left:5px;}
/*project end*/             

.digitalDetailDIV{width:114px; text-align:center;display:block;}

/*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;}


.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);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;}