﻿.fullWidth{width:100%;}
.floatNone{float:none;}
.originalWidth{width:960px;}
.menu{width: calc(100% - 20px); min-width:960px;}
.opac-navigation{width: calc(100% - 20px); min-width:960px;}
/*homepage start*/
.leftBanner{ width:23%; min-width:220px;} 
.leftBanner .oneBanner{width:auto; float:none;}
.leftBanner .oneBanner .header{ width:auto;}
.leftBanner .oneBanner .banner_NoneStyle, .leftBanner .oneBanner .banner_star, .leftBanner .oneBanner .banner_light,
.leftBanner .oneBanner .banner_heart, .leftBanner .oneBanner .banner_calculate, .leftBanner .oneBanner .banner_locate
, .leftBanner .oneBanner .banner_picture, .leftBanner .oneBanner .banner_sound, .leftBanner .oneBanner .banner_time
{width:auto;}
.homeContent{min-width:588px; margin:0px;}
.homeContent .homePanel{ width:auto; margin:0 7px; float:none;}
.homeContent .onlineResuorces{ width:calc(100% - 16px); margin:0 7px;}
.rightBanner{ width:16%; min-width:150px; }
.rightBanner .oneBanner{ width:auto; float:none; }
.rightBanner .oneBanner .header{ width:auto; }

.kiosk .itemsNav .leftBanner, 
.kiosk .itemsNav .rightBanner{ min-width:34px; }

/*search page start*/
 
#SearchMain{width:90%; float:none}
.main-content { max-width: 1680px; min-width: 1400px; margin: 0 auto; width: calc(100% - 10px); }
 
.searchResultForTextbooks{width:calc(100% - 20px);  margin:1px auto}
.searchResultForKitsTitle{width:99.7%;   float:left; margin-left:2px;}
.refine{width:20%; overflow:hidden;}
.refine-triangle-container{ width:100%;} 
.refine-header-MyBorrowing{ text-align:left}
#mainContent {height:auto;} 
.itemInfo{width:100%;min-width:692px;}
.itemInfoForTextbooks{width:100%;min-width:692px;}
.itemTitle{max-width:415px;}
.itemTitleInfo{width:100%; padding:0;}
.itemTitles{width:100%; padding:0;}
.itemTitlesForTextbooks{width:100%; padding:0;}
.itemTitlesForTextbooks{ width:100%; padding:0; } 
.itemListTable{width:100%;}
.refine-item-header{ max-height:27px}
.divSearchSort{width:100%; text-align:left}
.divSearchPage{width:100%;text-align:left}
.gray{ float:none}

/*Item Detail Page*/
.itemDetailContent{ width:auto;  padding:0 0 0 21%; float:none }
.itemDetailNav{ width:100%;}
#iframeItemDetailTabs{width:100%;}
.MediumType{ width:71%;float:none;}

.sideBar{ width:20%;}
.itemDetailContent .itemDetailSide {width:100%; float:none; height:auto; display:block; }
.itemDetailContent .itemDetailSide .itemHeader { width:71%; max-width:800px;text-align:left;}
.itemDetailGoBack {width:19%;}
.itemDetailNavbtn {width:81%;}
.itemDetailContent .reviewBox .reviewInner {width:98%;}
.itemDetailContent .copiesTable{width:99%;}
.itemDetailContent .tabPanels{width:99.2%;}
.itemDetailContent .panelContent{width:100%; border-width:0;}
#imageCoverDetailContent{width:99%; border-width:1px;}
#reviewDetailContent{width:99%; border-width:1px;}
.itemDetailContent .itemDetailSide .itemMessageBox{width:60%;}
.itemDetailContent .reviewBox .reviewDate{width:auto}
.itemDetailTool1{ width:65%;}
.itemDetailTool2{ width:65%;}
.itemDetailTool3{ width:65%;}
/*My Favorites*/
.itemInfoFavoriteW536{ width:57%;min-width:530px;}
.itemInfoFavoriteW759{ width:76.5%;min-width:530px;}
.FavotitesBanner{ width:23%;}
.newCatalogueFav{ width:19%;}
.FavbuttonGroup{width:99%;}
.itemList{width:100%;}
.infoWidthFav400{ width:80%;margin-left:3px;}
.infoWidthFav580{ width:80%;margin-left:3px;}
#FavotiteItems{width:100%;}
.FavotiteCatalog{width:auto;}
.FavotitesBanner .head{width:auto;}
.FavotiteCatalog ul li{width:100%;}
/*NotificationAlerts*/
.NotificationContent{width:96%;}
.NotificationLeft .NotificationRight{width:2%;}

/*Branches Page Start*/
.branches{width:90%;float:none;}
.branchesDiv{ width:74%;min-width:620px;overflow:hidden;}
.branchesDiv .header{width:100%;}
.branchesCenterDiv{ width:0.5%; float:left;overflow:hidden;min-width:5px;}
.branchesRightDiv{ width:24.5%; min-width:210px;overflow:hidden;}
.branchesRightDiv .header{width:100%;}
.branchesButtomDiv {width:90%;}
.branchesLibraryList{width:99.2%}
.libraryDetailContent{width:76.5%;min-width:620px;overflow:hidden;}
.libraryDetailHeader { width:100%; min-width:190px;}
.libraryLeftBanner{ width:22%;display:block; min-width:190px;overflow:hidden;}
.libraryLeftBanner .oneBanner{width:99%;}
.libraryDetailLeftDiv{ width:43%;}
.libraryDetailContent .tabAbout{width:100%;min-width:620px; }
.libraryDetailContent .map {width:100%;min-width:620px;}
.currentBranchUl li{ width:98%; }
.currentBranchHolidayName{float:left;width:40%;}
.currentBranchHolidayDate{margin-left:41%;}
.direction{width: 68%;min-width:580px;}
.directionPanel{width: 30%; min-width:190px;}
/*Branches Page End*/
#projectSearch{width:100%;}
.project_ItemList .titleIndex{ margin-left:5px;}
.myFavoritesKids .itemsNav .leftBanner, 
.myFavoritesKids .itemsNav .rightBanner{ min-width:34px; }

.pagefooter { width: calc(100% - 20px); min-width: 960px; }