﻿#divTopPage{position:relative;width:640px;height:420px;cursor:default}
#bookview{position:absolute;left:-150px;top:100px;z-index:0;width:140px}
#searchview{position:absolute;left:850px;top:229px;width:130px;background:#ffffe0;font-size:11px;border:1px solid #333;z-index:0;overflow:hidden;padding:2px}
#ShelfListView{position:absolute;left:240px;top:70px;}
.ShelfListInfoDIV{width:120px;margin-top:2px;cursor:pointer;font-size:11px;background:#ffffe0;border:1px solid #333; overflow:hidden;padding:2px;}
.ShelfListInfoImg{margin:0 2px 0 4px;border:1px solid #333;}
.Tagfont{color:#203b78;}
.AuthrityMessage{font-weight:bold;font-size:13px;}
.AuthrityMessage2{color:red;}
#main_panel1{top:0}
#main_panel2{left:330px;top:0}
#main_panel3{top:220px}
#main_panel4{left:330px;top:220px}
.main_title{margin-top:1px;text-align:left;overflow:hidden;font-weight:700;padding:0 5px 0 0;}
.main_title span{float:right;padding-top:5px}
.main_title span a{height:10px;line-height:10px;font-size:10px;text-decoration:none;background:#fff;color:#f60;margin:0 2px}
.main_title span a.dis{color:#ccc;cursor:default}
.WhatNew_Rss{width:18px;height:18px;float:left;margin-top:3px;margin-left:4px;cursor:pointer;}
.WhatNew_Title{margin:5px 0 0 25px;}
.main_body{overflow:hidden;padding:5px 3px;}
.main_body li{cursor:pointer;height:17px;line-height:17px;overflow:hidden;white-space:nowrap}
.main_body li u{float:left;margin-right:5px;width:92px;overflow:hidden;text-decoration:none}
.main_body li div{width:140px;overflow:hidden;white-space:nowrap}
.main_body li span{display:block;width:35px;float:right;text-align:right;font-size:9px;color:#080;padding-right:3px}
.main_body li b{display:block;float:left;width:18px;padding-right:0;color:#f60;text-align:center;font-weight:400}
.main_body li a{display:block;text-decoration:none;font-weight:400;background:transparent}
.bookthumb{position:relative;width:85px;height:105px;left:15px}
.bookthumb .bv{height:100px;width:80px;border:1px solid #3b3a3a;overflow:hidden;cursor:pointer}
.bookthumb .bv img{height:100%;width:100%;border:0}
.htable .th td{border-color:#fff #aaa #aaa #fff;border-style:solid;border-width:1px}
.htable .on{background:#ffc;}
.htableheaderth td{overflow:hidden;border-color:#fff #aaa #aaa #fff;border-style:solid;border-width:1px;padding:3px}
.ComputerLeft .th td{border-bottom-width:0}
.topbtns input{float:left;width:45px;height:40px;border:0;cursor:pointer}
.tdright{text-align:right;padding-right:5px;vertical-align:top;height:18px}
.tdInfo{text-align:left;padding-right:5px;vertical-align:top;height:18px}
.topselect2{height:18px;text-align:center;margin:auto auto 10px}
.lblSearch{float:left;color:#000;padding:0 0 0 10px}
.hidechk{position:absolute;width:17px;height:17px;background:red;overflow:hidden;filter:alpha(opacity=0);opacity:0}
#bv_callno{margin-top:2px;text-align:center;overflow:hidden;width:115px;background:#ffffe0;border:1px solid #333;line-height:1.2em;padding:3px}
#webopac{padding-top:13px;float:left;font-weight:700;padding-left:3px;cursor:pointer;text-decoration:underline}
#logo,#logo:hover{color:#000;display:block;position:absolute;left:0;top:0;font-size:22px;font-weight:700;padding-left:30px;cursor:pointer;text-decoration:none}
#FavoritesList{width:80px;height:180px;left:824px;top:337px;float:left;z-index:0}
#districtName{color:#000;display:block;position:absolute;left:230px;top:2px;font-size:18px;text-align:center;width:350px;overflow:hidden}
#divSchoolinfo{text-align:right;width:710px;float:left;height:25px;line-height:25px;font-size:18px;font-weight:700;overflow:hidden}
#LibImgdiv .title{text-align:center;width:80px;overflow:hidden;line-height:12px;height:37px}
#detail_copies{margin-top:5px}
.scroll1{overflow-y:hidden;z-index:1;height:150px;width:670px;line-height:120%;position:relative}
.scroll2{overflow-y:hidden;z-index:1;height:530px;width:90px;line-height:120%;position:relative;overflow:hidden;float:left}
*{margin:0;padding:0}
.style1{width:100%;height:100%}
.Errorfont{color:#000}
.ErrorMessage{color:Red}
.highLight{background-color:#ff0;font-weight:700}
.EventDIV{margin-right:10px}
#TabTop A{outline:none;padding-right:2px;padding-left:6px;float:right;padding-top:0;text-decoration:none;margin:0}
.LanguageSkinDIV{width:200px;height:14px;margin-left:10px}
#Language LI{display:inline}
#Language LI A{text-decoration:none;padding-right:10px}
#Language A{line-height:25px;width:70px;display:inline;margin:0;padding:3px 0 4px 12px}
#SerachTab{float:left;width:25px;clear:both;margin:0 5px 0 0;padding:0}
#SerachTab UL{clear:both;overflow:hidden;margin:0;padding:0}
#SerachTab LI{display:inline;margin:0;padding:0}
#SerachTab A:hover{filter:alpha(Opacity=50);-moz-opacity:0.5}
#SerachTab #current A{background-position:0 -42px}
.ItemImg{margin-left:10px;margin-top:10px;width:90px;height:130px;float:left;cursor:pointer}
.ItemImg2{margin-left:2px;margin-right:5px;margin-top:10px;width:24px;height:30px;float:left;cursor:pointer}
.starWrapper{float:left;margin-top:1px}
.ResultsInfoPitch{height:3px;width:100%}
.ItemList A:visited{color:green;text-decoration:none}
.ItemRatingInfo{width:100%;float:left}
.ItemButton{height:23px;width:75%;text-align:left;float:left;margin-left:10px}
.ItemFavorite{margin-left:10px;margin-top:16px}
.NarrowTop{width:100%;padding-left:5px;float:left;text-align:left;color:#000;overflow:hidden;text-indent:10px;height:22px;line-height:22px;font-weight:700}
.NarrowList{text-align:left;float:left;width:100%}
.CloudBottomDIV table{margin-left:5px;margin-top:5px;height:40px}
.CloudBottomDIV table tr td{margin-bottom:5px;margin-top:5px}
.CloudBottomSkin1{float:left;margin-left:2px;margin-top:2px;width:11px;height:11px;background:#000}
.CloudBottomSkin2{float:left;margin-left:2px;margin-top:2px;width:11px;height:11px;background:#5ffa66}
.CloudBottomSkin3{float:left;margin-left:2px;margin-top:2px;width:11px;height:11px;background:#701228}
.CloudBottomSkin4{float:left;margin-left:2px;margin-top:2px;width:11px;height:11px;background:#3b54e8}
#SearchCloudTab{margin-left:10px;float:left}
.TDWidth{width:260px}
.TDWidth2{width:206px}
.btnFirst{float:left;height:10px;width:10px;background:url(Images/PagingFirst.gif) no-repeat right top;margin:3px}
.btnLast{float:left;height:10px;width:10px;background:url(Images/PagingLast.gif) no-repeat right top;margin:3px}
.btnNext{float:left;height:10px;width:10px;background:url(Images/PagingNext.gif) no-repeat right top;margin:3px}
.btnPrev{float:left;height:10px;width:10px;background:url(Images/PagingPrev.gif) no-repeat right top;margin:3px}
.ItemRecord{float:left;margin-left:17px;margin-top:3px;margin-bottom:3px}
.ItemPage{float:right;margin-right:20px;margin-top:3px;margin-bottom:3px}
.TitleDetailDIV{overflow:auto}
.TitleDetailButtonDIV{margin-top:2px}
#DetailBot{float:left;padding:0 3px}
.ItemAvilibleTable{margin-top:1px;width:100%}
.ItemAvilibleTable td{padding:2px 0}
.ItemAvilibleInfoTR td{border-left:1px solid #fff;padding:3px 0}
.ItemAvilibleInfoTR td span{margin-left:2px}
.Searchcbo{height:60px}
#ItemDetail{height:auto}
.NarrowTop2{width:100%;padding-top:5px;padding-bottom:5px;float:left;text-align:left;color:#000;overflow:hidden;text-indent:5px;line-height:22px;font-weight:700}
.NarrowList2{text-align:left;float:left}
.NarrowList2 A{padding-left:15px;line-height:20px;text-decoration:none}
#DetailList{width:630px}
.SearchBtStyle3{height:15px;width:15px;cursor:pointer;background:transparent;border:0}
.SerachLabel{padding:4px 0}
#listTop{float:left;padding:0 0 0 28px}
#pictureDetail{float:left;padding:0 0 0 13px}
#listTopmiddle{text-align:left;width:406px}
.pictureDetailList{height:160px;width:90px;padding:0 3px}
.topbtns{float:left;padding:0 0 0 5px}
.topselect{float:left;height:18px;padding:0 0 0 5px}
.x-window .x-resizable-handle{opacity:0;-moz-opacity:0;filter:alpha(opacity=0)}
.x-window-proxy{background:#C7DFFC;border:1px solid #99bbe8;z-index:12000;overflow:hidden;position:absolute;left:0;top:0;display:none;opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50)}
.x-window-header{overflow:hidden;zoom:1;text-align:center}
.x-window-bwrap{z-index:1;position:relative;zoom:1;left:0;top:0;overflow:hidden}
.x-window-tl .x-window-header{color:#000;font:bold 11px tahoma,arial,verdana,sans-serif;padding:5px 0 4px}
.x-window-header-text{cursor:pointer;color:#FFF}
.x-window-bc .x-window-footer{padding-bottom:6px;zoom:1;font-size:0;line-height:0}
.x-window-body{overflow:hidden;background:transparent}
.x-window-maximized .x-window-bl,.x-window-maximized .x-window-br,.x-window-maximized .x-window-ml,.x-window-maximized .x-window-mr,.x-window-maximized .x-window-tl,.x-window-maximized .x-window-tr{padding:0}
.x-window-maximized .x-window-footer{padding-bottom:0}
.x-window-maximized .x-window-tc{padding-left:3px;padding-right:3px;background-color:#FFF}
.x-window-bbar .x-toolbar{border-top:1px solid #99bbe8;border-bottom:0 none}
.x-window-draggable,.x-window-draggable .x-window-header-text{cursor:move}
.x-window-maximized .x-window-draggable,.x-window-maximized .x-window-draggable .x-window-header-text{cursor:default}
.x-panel-ghost .x-window-tl{border-bottom:1px solid #99bbe8}
.x-panel-collapsed .x-window-tl{border-bottom:1px solid #84a0c4}
.x-window-maximized .x-resizable-handle{display:none}
.x-window-sizing-ghost ul{border:0 none!important}
.x-dlg-focus{-moz-outline:0 none;outline:0 none;width:0;height:0;overflow:hidden;position:absolute;top:0;left:0}
.x-dlg-mask{z-index:10000;display:none;position:absolute;top:0;left:0;-moz-opacity:0.5;opacity:.50;filter:alpha(opacity=50);background-color:#CCC}
body.ext-ie6.x-body-masked select{visibility:hidden}
body.ext-ie6.x-body-masked .x-window select{visibility:visible}
.x-window-plain .x-window-body{border:0;background:transparent!important}
.x-clear{clear:both;height:0;overflow:hidden;line-height:0;font-size:0}
.x-slider-inner{position:relative;left:0;top:0;overflow:visible;zoom:1}
.x-slider-focus{position:absolute;left:0;top:0;width:1px;height:1px;line-height:1px;font-size:1px;-moz-outline:0 none;outline:0 none;-moz-user-select:text;-khtml-user-select:text}
.x-date-picker a{-moz-outline:0 none;outline:0 none}
.
.x-date-inner,.x-date-inner td,.x-date-inner th{border-collapse:separate}
.x-date-middle .x-btn-left,.x-date-middle .x-btn-center,.x-date-middle .x-btn-right{background:transparent!important;vertical-align:middle}
.x-date-middle .x-btn .x-btn-text{color:#fff}
.x-date-right,.x-date-left{width:18px}
.x-date-right{text-align:right}
.x-date-middle{padding-top:2px;padding-bottom:2px;width:130px}
.x-date-right a,.x-date-left a{display:block;width:16px;height:16px;background-position:center;background-repeat:no-repeat;cursor:pointer;-moz-opacity:.6;opacity:.6;filter:alpha(opacity=60)}
.x-date-right a:hover,.x-date-left a:hover{-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}
table.x-date-inner{width:100%;table-layout:fixed}
.x-date-inner th{width:25px}
.x-date-inner th span{display:block;padding:2px 7px 2px 2px}
.x-date-inner td{border:1px solid #fff;text-align:right;padding:0}
.x-date-inner a{display:block;text-decoration:none;color:#000;text-align:right;zoom:1;font:11px Verdana, Arial, Sans-serif;padding:2px 5px}
.x-date-inner .x-date-active{cursor:pointer;color:#000}
.x-date-inner .x-date-today a{border:1px solid #8B0000;padding:1px 4px}
.x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a{color:#aaa;text-decoration:none!important}
.x-date-inner a:hover,.x-date-inner .x-date-disabled a:hover{text-decoration:none!important;color:#000;background:#ddecfe}
.x-date-inner .x-date-disabled a{cursor:default;background:#eee;color:#bbb}
.x-date-mmenu{background:#eee!important}
.x-date-mmenu .x-menu-item{font-size:10px;white-space:nowrap;color:#000;padding:1px 24px 1px 4px}
.x-date-mmenu .x-menu-item .x-menu-item-icon{width:10px;height:10px;margin-right:5px;background-position:center -4px!important}
.x-date-mp{position:absolute;left:0;top:0;background:#FFF;display:none}
.x-date-mp td{font:normal 11px arial,helvetica,tahoma,sans-serif;padding:2px}
td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn{border:0 none;text-align:center;vertical-align:middle;width:25%}
.x-date-mp-ok{margin-right:3px}
.x-date-mp-btns td{border-top:1px solid #c5d2df;text-align:center}
td.x-date-mp-month a,td.x-date-mp-year a{display:block;text-decoration:none;text-align:center;color:#15428b;padding:2px 4px}
.x-date-mp-ybtn a.x-date-mp-next{background-position:0 -120px}
.x-date-mp-ybtn a.x-date-mp-next:hover{background-position:-15px -120px}
.x-date-mp-ybtn a.x-date-mp-prev{background-position:0 -105px}
.x-date-mp-ybtn a.x-date-mp-prev:hover{background-position:-15px -105px}
td.x-date-mp-sep{border-right:1px solid #c5d2df}
.x-date-right a.npy{background-image:url(shared/dbl-right-btn.gif)!important}
.x-date-left a.npy{background-image:url(shared/dbl-left-btn.gif)!important}
th.x-date-weeknumber-header a em span,.x-date-weeknumber-cell a em span{color:#66f;font-size:10px;text-align:center}
th.x-date-weeknumber-header a:hover,.x-date-weeknumber-cell a:hover{color:#66f!important;background:none!important;cursor:default!important}
.x-date-multiselect th.x-date-weeknumber-header a:hover,.x-date-multiselect .x-date-weeknumber-cell a:hover{background-color:#ddecfe!important;cursor:pointer!important}
.x-date-pickerplus .x-date-dummy img{height:1px}
.x-date-pickerplus .x-date-middle{width:120px;font-weight:400!important;height:25px}
.x-date-pickerplus .x-date-left a{float:left!important}
.x-date-pickerplus .x-date-right a{float:right!important}
.x-date-pickerplus .x-date-dummy,.x-date-pickerplus .x-date-dummy img,.x-date-pickerplus .x-date-left,.x-date-pickerplus .x-date-right{width:40px!important}
.x-date-multiokbtn,.x-date-multitodaybtn,.x-date-multiundobtn{width:33%}
.x-datepickerplus-nationalholidays{background-color:#ececec!important}
.x-datepickerplus-weekends{background-color:#f4f4f4}
.x-datepickerplus-activedate a{background-color:#ddecfe;border:1px dashed #008!important;padding:1px 4px}
.x-datepickerplus-eventdates a{background-color:#ccf;border:1px solid #008;padding:1px 4px}
.x-date-inner .x-datepickerplus-eventdates-disabled a:hover{background:#EB5F01;color:#fff}
.x-date-inner .x-datepickerplus-eventdates-disabled a{background:#EB5F01;color:#fff;cursor:default}
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner a,.x-datepickerplus-ie .x-date-pickerplus .x-date-inner a em,.x-datepickerplus-ie .x-date-pickerplus .x-date-inner a em span{height:19px!important;cursor:pointer}
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner a,.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-eventdates a,.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-activedate a,.x-datepickerplus-ie .x-date-pickerplus
.x-date-inner .x-date-today a,.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-selected a,.x-datepickerplus-ie .x-date-pickerplus .x-date-inner a:hover{padding:0!important}
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner a em{width:100%!important;padding:0!important}
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner a em span{padding:2px 5px}
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-eventdates a em span,.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-activedate a em span,.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-today a em span,.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-selected a em span{padding:1px 4px}
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-eventdates a,.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-eventdates a em,.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-eventdates a em span,.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-activedate a,.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-activedate a em,.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-activedate a em span,.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-today a,.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-today a em,.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-today a em span,.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-selected a,.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-selected a em,.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-selected a em span{height:17px!important}
.x-date-pickerplus-prevnexthide .x-date-nextday,.x-date-pickerplus-prevnexthide .x-date-prevday{visibility:hidden!important}
.timefield_list_zindex{z-index:19000}
.x-panel-body{border:0;background:transparent}
.x-panel-body-noheader{border:0}
.Cellmiddle{vertical-align:middle}
.RequestListTable tr td{padding-top:1px;padding-bottom:1px}
.RequestListTableTH td{overflow:hidden;border-color:#fff #aaa #aaa #fff;border-style:solid;border-width:1px;padding:2px}
.datepickDIV{font:11px Verdana, Arial, Sans-serif;margin:3px auto auto}
.bookcbo{margin-top:3px;margin-left:3px}
.BooktableTD2{margin-left:5px;margin-right:5px}
.Booktable2 table{height:28px;margin:2px auto 0}
.x-form-field{font:normal 12px tahoma,arial,helvetica,sans-serif;margin:0}
textarea.x-form-field{padding:2px 3px}
.ext-ie .x-form-text{height:16px;line-height:16px;margin:-1px 0}
.ext-ie textarea.x-form-field{margin:-1px 0}
.ext-safari .x-form-text{height:17px;padding:0 3px}
.ext-safari.ext-mac textarea.x-form-field{margin-bottom:-2px}
.ext-gecko .x-form-text{padding-top:2px;padding-bottom:0}
.ext-safari .x-form-field-wrap .x-form-trigger{height:17px;right:0;}
.x-form-field-wrap .x-form-twin-triggers .x-form-trigger{position:static;top:auto;vertical-align:top}
.x-trigger-wrap-focus .x-form-trigger{background-position:-51px 0;border-bottom:1px solid #7eadd9}
.x-trigger-wrap-focus .x-form-trigger-over{background-position:-68px 0}
.x-trigger-wrap-focus .x-form-trigger-click{background-position:-85px 0}
.x-small-editor .x-form-field{font:normal 11px arial,tahoma,helvetica,sans-serif}
.ext-ie .x-small-editor .x-form-text{margin-top:-1px!important;margin-bottom:-1px!important;height:20px!important;line-height:16px!important}
.ext-strict .x-small-editor .x-form-text{height:16px!important}
.ext-safari .x-small-editor .x-form-field{font:normal 12px arial,tahoma,helvetica,sans-serif}
.ext-ie td .x-form-text{position:relative;top:1px}
.FloatDiv{position:fixed;right:0;top:0;padding:0}
.ToggleNav{height:154px}
.FavoriteTitleMenu LI A{text-decoration:none;cursor:pointer;color:#000}
.FavoriteItem{padding-left:3px;float:left;width:181px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:1px 0}
.x-btn-text{height:21px}
.bookthumb .in,.bookthumb .out,.bookthumb .bot{display:none;width:100%;height:50%}
.htableleftborder,.ComputerRight{border-left-width:0}
#dLogin,.HelpDIV,.Language,.ItemTitle,.PageNumList{float:left}
#TabUL,#TabFavorite,#TabMyAccount,#TabItemInfo{margin:auto}
#TabTop UL,#TabMyAccount UL,#TabFavorite UL,#TabItemInfo UL{clear:both;list-style:none;overflow:hidden;height:26px;padding:0 0 0 1px}
#TabTop LI,#TabMyAccount LI,#TabFavorite LI,#TabItemInfo LI{outline:none;display:inline;margin:0;padding:0 0 2px}
#TabTop A SPAN,#TabMyAccount A SPAN,#TabFavorite A SPAN,#TabItemInfo A SPAN{border-right:1px solid #fff;padding-right:15px;display:block;height:20px;padding-left:6px;color:#FFF;padding-top:5px}
#ResultMainDIV,.OnlineNarrow,.x-date-mp-ybtn{text-align:center}
.ItemList A,.NarrowList A,.ItemPage A,.TitleDetailDIV A,.x-date-inner a:link,.Favbutton a:link,.Favbuttonreserve a:link{text-decoration:none}
.ItemTitleInfo A,.x-date-inner .x-date-selected span{font-weight:700}
.NarrowList Li,.NarrowList2 Li{display:block}
.SearchNarrowMore,.SearchNarrowShrink{width:100%;margin-right:5px}
#TabMyAccount A,#TabFavorite A,#TabItemInfo A{outline:none;padding-right:2px;padding-left:6px;float:left;padding-top:0;text-decoration:none;margin:0}
#Container,.x-window-maximized-ct{overflow:hidden}
.x-window,.x-slider{zoom:1}
.x-window-maximized .x-window-mc,.x-window-tbar .x-toolbar,.x-window-bbar .x-toolbar{border-left:0 none;border-right:0 none}
.x-form-text,.x-small-editor .x-form-text{height:16px;line-height:16px;vertical-align:middle}
.ext-strict .x-form-text,.ext-border-box .x-small-editor .x-form-text,.x-small-editor .x-form-field-wrap .x-form-trigger{height:16px}
.ToggleCloseNav,.ToggleOpenNav{height:68px;cursor:pointer}
.dock1,.dock3{background:url(Images/Dock2.png) no-repeat;width:15px;height:15px;margin-top:1px}
.dock2,.dock4{background:url(Images/Dock1.png) no-repeat;width:15px;height:15px;margin-top:1px}