/*<!-- Rel 2009B Example Set -->*/
/*<!-- This File Last Changed: April 29 2010-->*/
/* *******************************************************************
Organization:
Section 1 - Global tag styles
Section 2 - named styles listed in alphabetical order
Section 3 - WebBridge
Section 4 - styles for 2009B design

Color Scheme:
2009B:
background dark gray: #4D4D4D
text dark gray: #444444
blue: #1367A7
link blue: #014184
link active: #7C14B8
light blue: #E8F2F9
yellow hover color: #FFFFE4
Gray for borders and borders serving as horizontal rules: #D3D3D3

Font Size Quick Reference
(Default browser font size) * Body Font Size = Default Display Size 
16pt * .85 = 13.6pt
Find your desired size in ems by dividing your desired font-size in points by the present size of the font.
For instance, 12pt font = 12/13.6 = .8824em.
For 12pt, apply .8824em
For 11pt, apply .8088em
For 10pt, apply .7353em

********************************************************************** */
/* general appearance */
/* See also Web Option BODYPARAM */

/* Stylesheet to use for dynamic Web pages */
/* is set by Web Option STYLESHEET */

/* Section 1 - additions - 2016 dshurd@uark.edu */
/*
@import url("//fonts.googleapis.com/css?family=Lato:300,400,700");
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
@import url("//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css");
@import url("/screens/css/ccbc-style.css");
@import url("/screens/templatemo_style.css");
@import url("/screens/css/resets.css");
@import url("/screens/css/lib-style.css");
@import url("/screens/menu.css");


@import url("http://fast.fonts.net/cssapi/ba9b1e58-cbc4-4a7d-915f-e1d2cc632e8e.css");
@import url("https://fast.fonts.net/cssapi/ba9b1e58-cbc4-4a7d-915f-e1d2cc632e8e.css");

*/
/* Section 1 */
/*Global tag styles*/

body { /*font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;  */
	font-family: 'Futura PT W01 Medium',Arial,sans-serif;
	font-size:85%; font-style:normal; font-weight: normal; height:100%; text-align:center; width:100%; margin-top:0px; background:#FFFFFF }

body.bodybg { background:url(background.gif) 2% 0% repeat-x #4D4D4D; color: #444444; }

/* Generated popup body */
body > font { background:#FFFFFF; font-size:1.3em; line-height:2em; margin-left:3px; }

body > br { line-height:0px; }

body > div { background:#FFFFFF; padding-bottom:10px; padding-top:10px; }

body > div.mylistsSavePage { background:none; padding-bottom:0px; padding-top:0px; }

body > span { margin-top:-20px; }

body > a, body > p, body > h1, body > h2, body > h3, body > h4 { margin-left:3px; }

body > * { text-align:left;}

caption { border-bottom:1px solid #D3D3D3; font-weight:bold; text-align:center; }

div center table { border-color:#D3D3D3; margin-top:10px; margin-bottom:10px; }

div.pageContent > a:link, div.pageContent > a:visited, div.pageContent > a:active, div.pageContent > a:hover { margin:10px; }

html { height:100%; width:100%;}

form a { display:table-cell; display:inline-block; }

/* This rule causes search form elements to resize along with the rest of the text on the page if the user resizes text. */
input, select, textarea { font-size:.97em; }

/* This rule uses CSS2 to give a nicer effect in compliant browsers, while avoiding an annoying display effect in Internet Explorer 6 */
input[type="checkbox"] { background-color: #FFF8EF; }

legend {
	color:#444444;
}

strong { font-weight: bold; }

/*Global styles for status message pages.*/

.pageContent > strong { display:block; width:50%; margin: 20px; }

pre { margin-left:15px; }

strong .button { display:block; font-weight:normal; margin-top:15px; }

.pageContent > h1 { margin:30px 0 10px 20px; font-size:1.1em; }

.pageContent > a > div { margin-left:20px; }

.pageContent p { margin-left:20px; }

.pageContentInner p { margin-left:0px; }

/* end status message area */

table { border-collapse:collapse; }

td { font-family: 'Futura PT W01 Medium',Arial,sans-serif;; 
	font-style: normal; font-weight : normal; }

th { font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; }

/* traditional link colors are suggested for better usability */
a:link { color: #014184; }
a:active { color: #7C14B8; }
a:visited { color: #7C14B8; }
a:hover  { color: #7C14B8; }

/* Section 2 */
/* named styles listed in alphabetical order */
#accessibleForm { font-family: 'Futura PT W01 Medium',Arial,sans-serif; }
#accessibleForm fieldset { border: 1px solid #CCCCCC;}
#accessibleForm form legend { font-weight:bold; }
#accessibleForm h2 { margin-left:15px; margin-bottom:0; margin-top:12px }
#accessibleForm span.formLabel { display:block; padding-top:3px; }
#accessibleForm span.formLabelExample { font-style:italic; }
#accessibleForm .formEntryArea, #accessibleForm .ecommerceFormEntryArea { margin:3px 0 0 15px; }
#accessibleForm .formButtonArea .formButtonArea {margin-left:12px; display:inline;}
#accessibleForm font { font-size:1em; padding:10px; }
#accessibleForm p { margin-bottom:5px; margin-top:3px; }
#accessibleForm ul { margin-left:10px; margin-top:0px; padding-left:15px; }
.accessibleAddInfo { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } /*Include in screenreader but not visible*/

.formButtonArea { margin:12px 0 0 15px; }
.formButtonArea a, .requestMultiPatform center a, .mylistsSavePage a { text-decoration:none; }
.formButtonArea input { margin:5px 0; }
.formEntryArea { }
.formRequired { color:#990000;font-weight:bold;font-size:1.3em;position:relative;top:5px; }
.formsTogether { width:780px; }
.formsTogether .form1Part { width:96%; }

.additionalCopies { margin: 20px 6px; }

.advancedSearch td { padding-right:5px; text-align:right; vertical-align:top; width:5em; }

.advancedSearch label { text-align:right; }

.advancedSearch fieldset fieldset legend { visibility:hidden; line-height:0px; }

#accessibleForm .advancedSearch fieldset fieldset { border:none; padding:0; text-align:left; margin:0 0 6px 0; }

.availLimMessage { font-style:normal; }

.bibClear { clear:both; }

.bibDetail {  }

.bibDetail table { vertical-align:top; }

#bibDisplayBody { padding-top:5px; }

#bibDisplayBody a:link,#bibDisplayBody a:visited, #formLinks a:link,#formLinks a:visited, .recordPager a:link, .recordPager a:visited, .actionButtonArea a:link, .actionButtonArea a:visited, .bibPager a:visited, .bibPager a:link { color: #014184; font-family:Arial,"Arial Unicode MS",Helvetica,Verdana,sans-serif; font-weight:bold; padding:6px 5px 3px 0px; text-decoration:none; width:auto; }

#bibDisplayBody a:active,#bibDisplayBody a:hover,#formLinks a:active,#formLinks a:hover, .recordPager a:active, .recordPager a:hover, .actionButtonArea a:active, .actionButtonArea a:hover, .bibPager a:active, .bibPager a:hover { text-decoration:underline; }

#bibDisplayBody .bibVol a:link, #bibDisplayBody .bibVol a:visited { font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; }

.bibDisplayContent { padding:10px 0 10px 10px; }

.resourceDisplayContentMain  { float:left; width:59%; margin-left:1.5em; display:inline; }

/*.bibDisplayContentMain { float:left; width:59%; margin-left:1.5em; display:inline; } */
.bibDisplayContentMain { float:left; width:75%; margin-left:1.5em; display:inline; }




.bibDisplayContentMain table, .bibDisplayUrls table, table.reserveBibs, .resourceDisplayContentMain table, .bibDisplayReviews  { border:0; font-size:.8824em; }

.bibDisplayContentMain table table, .bibDisplayUrls table table, .resourceDisplayContentMain table table  { font-size:1em; }

.bibDisplayUrls table {
		width: 80%;
	}

.bibDisplayContentMain > a, .resourceDisplayContentMain > a { margin:4px 4px 4px 9%; border:none; }

.bibDisplayContentMore { border-top:1px dashed #767C70; clear:both; margin-bottom:15px; padding-top:20px; }

/*.bibDisplayItems  { margin:8px 0 0 10%; width:80%; } */
.bibDisplayItems  { margin:8px 0 0 90px; width:80%; }

.bibDisplayItems table, .requestMultiItems table { border:0; border-collapse: collapse; margin-bottom:20px; }

.bibDisplayItems th, .reserveBibs th, .resourceDisplayBibs th, .resourceResource th { color:#767C70; }

.bibDisplayItems td, .reserveBibs td, .resourceDisplayBibs td, .resourceResource td, .bibItems td, .bibHoldings td, .bibVol td { border-top:1px solid #ECECEC; border-bottom:none; vertical-align:top; }

.bibDisplayItemsHeader, .resourceDisplayLicenseHeader { font-size:.8333em; float:left; margin:.5em 0 0 5%; }

.bibDisplayItemsHeader h2, .resourceDisplayLicenseHeader h2 { color:#F7960C; font-size:1.2em; margin:0; }

/* .bibDisplayItemsMain, .resourceLicenseArea { float:right; width:80%; } */

/*.bibDisplayJacket  { float:left; margin:0 0 1em 5%; display:inline; width:6em; } */
.bibDisplayJacket  {float: left; width:6em; }

.bibLinks th { text-align:center; }

/*table.bibLinks a {
	background-color: #09C;	
	}
	*/

.bibMedia  { margin-left:auto; margin-right:auto; }

.bibMedia   img { margin-top:10px;  }

.bibDisplayPermLink { float:right; }

.bibDisplayProgramInfo { font-size:1.1em; margin:5% 5% 15px 0; }

h1.bibDisplayTitle { display:inline; font-size:1em; }

.bibInfoData { vertical-align:top; }

.bibInfoLabel, .resourceInfoLabel { color:#767C70; padding-right:.7em; text-align:right; vertical-align:top; font-weight:bold; font-style:normal; }

.resourceInfoLabel  { width:15%; }

/*table.bibItems { clear:both; } */

.bibItems  th { text-align:left; }

.bibItemsEntry td { padding:0; margin:0; }

.bibItems { border:none; }

.bibItems .bibItemsEntry td, .bibItems .bibItemsHeader th { padding:1px 8px; }

.bibRecordLink { padding:8px 0 8px 6px; }

/*
.bibResourceSidebar {
	background:#FFFFFF url('tile_vgradient.jpg') repeat-x top left;
	display:inline;
	float:right;
	margin-right:10px;
	width:192px;
	border: thin solid #999;
}
*/
.bibResourceSidebar {
	background:#FFFFFF url('tile_vgradient.jpg') repeat-x top left;
	display:block;
	float:left;
	margin-right:2px;
	border: thin solid #999;
}



.bibResourceSidebar .button { margin:1% 3%; }

table.bibResourceTable { border:0; }

.bibResourceTableEntry  { background:transparent url('tile_hr.gif') repeat-x top right; padding: 5px 5px 7px 5px; text-align:center; }

.bibResourceTableEntry form  { font-size:.8088em; font-weight:normal;  }

.bibResourceTableHeader { background:#E7E7E7; color:#767C70; line-height:41px; text-align:center; }

.bibResourceTableEntry form { padding:0; margin:0;}

.bibResourceTableEntry select { display:block; width:100%; margin:2px 0px; }

.bibHistoryRow, .resourceHistoryRow { font-size:.83333em; }

.bibHoldings { border:none; margin:10px 0 5px; }

.bibHolds { border:0; background-color:#FFFEE4; font-weight:bold; margin-left:9%; }

.bibPager, .resourcePager, .recordPager { text-align:right; margin:5px 3px 10px 5px; }

.bibPager, .resourcePager, .recordPager { font-size:.9167em; }

.bibPager div, .resourcePager div { margin-right:8px; }

.bibSearch { background:url('tile_search.jpg') repeat-x bottom left; border-color:#D3D3D3; border-style:solid; border-width:0 0 1px 0; margin-top:4px; text-align:center; }

.bibSearch form { margin:3px 0px; }

.searchtool select, .searchtool input { line-height:1.2em; }

.bibSearchToolMessage { margin-bottom:5px; }

.bibSearchHistory, .resourceHistory { position:absolute; right:24px; top:36px; }

.bibSearchHistory { font-size:0.83333em; }

.bibSearchHistory select, .resourceHistory select  { width:200px; }

.bibVol { margin:10px; }

.bibVol td { padding-right: 10px; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; }

.bibVol th, .bibVol td { text-align:left; padding-left: 4px; padding-right:4px; }

.bibVol td { text-align:center; }

.bookingForm { width:66em; }

.bookingForm fieldset { margin-bottom:10px; font-weight:bold; }

.bookingForm fieldset fieldset { padding-left:6px; font-weight:normal; }

.bookingForm#accessibleForm h2 { margin:0; }

.bookingsCalendar table { background:#FFFFFF; border:1px solid #CCCCCC; margin:10px 0; }

.bookingsCalendar td#h1, .bookingsCalendar td#h2, .bookingsCalendar td#h3, .bookingsCalendar td#h4, .bookingsCalendar td#h5, .bookingsCalendar td#h6, .bookingsCalendar td#h7, .bookingsCalendar td#h8, .bookingsCalendar td#h9, .bookingsCalendar td#h10, .bookingsCalendar td#h11, .bookingsCalendar td#h12, .bookingsCalendar td#h13, .bookingsCalendar td#h14, .bookingsCalendar td#h15, .bookingsCalendar td#h16, .bookingsCalendar td#h17, .bookingsCalendar td#h18, .bookingsCalendar td#h19, .bookingsCalendar td#h20, .bookingsCalendar td#h21, .bookingsCalendar td#h22, .bookingsCalendar td#h23  { min-width:18px; text-align:center; }

/* The first hour shown must be wider for "AM." */
.bookingsCalendar td#h6 { min-width:30px; }

div.bookingsVerify { padding:0; margin-top:18px; }

.bookingsVerify#accessibleForm font { padding:0; }

.bookingsVerify input { display:block; margin-bottom:10px; }

.bookingsVerify .bibInfo { margin-bottom:10px; }

.bookingsVerify br { line-height:2px; }

.bookingsVerify a { text-decoration:none; }

.bookingsVerify a .buttonText  { text-decoration:underline; }

/* Brief Citation display styles */

.briefcitActions { text-align:left; }

.briefcitBookcartMark {  }

.briefcitCell { background:#FFFFFF; border-bottom:1px solid #ECECEC; font-size:.9187em; }

.briefcitClear { clear:both; }

/*.briefcitDetail { display:block;   -webkit-flex: 1;
          flex: 1;} */	
.briefcitDetail { display:block; float:left; width: 78%}

Detail, .briefcitAuthDetail  { display:block; float:left; padding:0px 0 0px 3px; /*width:auto;*/ }


.briefcitAuthDetail { margin-bottom:12px; }

.briefcitDetailMain  {/* float:right;  width:100% */}

.briefcitEntryNum { color:#767C70; float:left; font-size:.7em; padding-left:2px; }

.briefcitMark { float: left; clear:right;}

.briefcitActions { margin-bottom:10px; }

.briefcitResourceLeft { display:inline; float:left; margin-bottom:20px;/*margin-bottom:30px;*/ padding:0; text-align:left; /*width:41px; */}

.briefcitLeft { display:block; float: left; vertical-align:top; margin-bottom:20px;/*margin-bottom:30px;*/ padding:0; text-align:left; /*width:41px; */}

.briefcitLeft {max-width:90px; width: 20%;}

/*.briefcitLeft > div { display: inline-block; } */

.briefcitResourceLeft { margin-bottom:20px; }

/*.briefcitItems  {  border-top:1px solid #ECECEC; clear:both; margin:8px 0 8px 0; padding-left:10px; width:90%; ; overflow:hidden;} */
.briefcitItems  {  border-top:1px solid #ECECEC;  margin:8px 0 8px 0; padding-left:10px;  display:block;}

.briefcitItems em { font-size:.9em; }

.briefcitItems table { border:0; border-collapse:collapse; padding:8px 0 0 0; }

.briefcitItems th { border:0; color:#767C70; font-size:.75em; padding:0; text-align:left; }

.briefcitItems td { border-top:1px solid #ECECEC; }

.briefcitItemsHeader { float:left; margin-right:15px; }

.briefcitItemsHeader h2 { color:#F7960C; font-size:1em; margin:0; }

.briefcitItemsMain { clear:left; /* float:left; width:85%; */}

/*.briefcitMark { float:right; } */

.briefcitMedia, .bibMedia, .briefcitResourceMedia, .briefcitProgramMedia, td.browseEntryMedia, td.browseSubEntryMedia { color:#878787; font-size:.7em; line-height:.95em; margin-top:2px;  /*margin-top:6em;overflow:hidden; width:41px; text-align:center;*/ }

.briefcitResourceMedia, .briefcitProgramMedia { margin-top:3em; }

.briefcitMediaEnd { display:none; }

.briefcitJacket  {  /*float:left; margin:5px 15px;width:80px; display:inline; */}
/* .briefcitJacket a img {width:80px} */

.briefcitStatus { font-weight:bold; }

.briefcitRatings h2 { position:absolute; top:-1000px; left:1000px; font-size:.1em; }

.briefcitResource { width:400px;}

.briefcitRow {}

/*.briefcitRow {clear: both; display: -webkit-flex;
  display: flex; padding-left:1%; padding-right:2%;} */
  
.briefcitRow {clear: both; display: block; padding-left:1%; padding-right:2px;}  

h2.briefcitTitle { font-size:1em; display:inline; }

.browseEntry td { border-top:1px solid #ECECEC; padding:3px 0; }

.browseEntry td a { margin-left:3px; }

.browseEntry.browseEntryMedia, .browseSubEntryMedia { font-size:.9187em; }

.browseEntryMedia {padding:4px 0; }

.browseEntryNum, .browseEntryMark { vertical-align:top; }

.browseEntryRelGroup1 { margin:0; }

.browseHeaderData, .browseHeaderEntries, .browseHeaderMark, .browseHeaderNum, .browseHeaderYear, .browseHeaderMedia { background: #e8f2f9; border-bottom:1px dotted #ECECEC; font-weight:normal; margin:0; padding-left:10px; text-align:left; }

.browseList th { padding: 0 12px; }

.browseList .deleteSelected { margin:0 12px 5px; }

.browseList .deleteSelected a { display:inline-block; text-decoration:none; margin:5px 0; }

.browsePager { font-size:.8824em; font-weight:bold; padding:8px 1px 5px 1px; }

.browsePager td { position:absolute; left:-999px; width:auto; margin:0; }

.browsePager td.browsePager {  position:static; }

.browsePager strong { border:0; padding:5px; margin:2px 1px; color:#014184; background:#FFFFFF; }

.browsePager a { color:#202020; text-decoration:none; border:1px solid #D3D3D3; padding:0 4px; }

.browsePager a:hover { background:#014184; color:#FFFFFF; }

div.browseResourceTable { background:#FFFFFF url('tile_vgradient.jpg') repeat-x top left; border:0; margin:30px 10px 0 12px; padding:0; }

.browseResourceTable { padding-top:5px; }

.browseResourceTable a:link,.browseResourceTable a:visited  { color: #014184; font-family:Arial,"Arial Unicode MS",Helvetica,Verdana,sans-serif; font-weight:bold; padding:6px 5px 0px 0px; text-decoration:none; width:auto; }

.browseResourceTable a:active,.browseResourceTable a:hover { text-decoration:underline; }

table.browseResourceTable { border:0; }

.browseResourceTableEntry  { background:transparent url('tile_hr.gif') repeat-x top right; font-weight:normal; padding: 5px 5px 7px 5px; text-align:center; }

.browseResourceTableEntry  td {  }

.browseResourceTableHeader { background:#E7E7E7; color:#767C70; line-height:41px; text-align:center; }

.browseResourceTableEntry form { font-size:.8088em; padding:0; margin:0;}

.browseResourceTableEntry select { overflow:hidden; }

.browseSaveJump	 { height:1.2em; overflow:hidden; padding:3px 0 3px 10px; }

.browseSaveJump a:link,.browseSaveJump a:visited  { color: #014184; font-family:Arial,"Arial Unicode MS",Helvetica,Verdana,sans-serif; font-weight:bold; padding:6px 5px 3px 0px; text-decoration:none; width:auto; }

.browseSaveJump a:active,.browseSaveJump a:hover   { text-decoration:underline; }

.browseSaveJump img { width:auto; }

.browseScreen td { vertical-align:top; }

.browseSearchtool  td { border:none; }

/*.browseSearchtool { background:url('tile_search.jpg') repeat-x bottom left; border-color:#D3D3D3; border-style:solid; border-width:0 0 1px 0; font-size:.9em; padding:0; width: 100%;} */
.browseSearchtool { background:url('tile_search.jpg') repeat-x bottom left; border-color:#D3D3D3; border-style:solid; border-width:0 0 1px 0; font-size:.9em; padding:0;}
#accessibleForm .browseSearchtool { background:none; border:none; margin:10px; font-size:1.0em; }

.browseSearchtool form { margin:0; }

.browseSearchtool input, .browseSearchtool select { margin:1px 1px 3px 1px; }

.browseSearchtoolMessage { margin-bottom:3px; }

.browseSubEntryMedia { padding-bottom:.4em; }

.browseSuperEntry  { background:#FFFFFF url('tile_browsesuperentry.jpg') repeat-x bottom left; border-bottom:1px solid #D3D3D3; margin:0; text-align:center; }

h1.browseSuperEntryTitle { font-size:1.1em; display:inline; }

.button { white-space:nowrap;  }

.button img { border:0; margin-right:3px; vertical-align:text-bottom; }

.button2 { font-size:.8824em; white-space:nowrap; }

#buttonNextRecord { border-left:1px solid #D3D3D3; margin-right:3px; padding-left:8px; }

.buttonText { font-size:.8824em; font-weight:bold; font-family:Arial,"Arial Unicode MS",Helvetica,Verdana,sans-serif; }

.buttonTopLinks { white-space:nowrap; }

.buttonTopLinks img { border:0; margin-right:3px; }

.buttonTopLinksText{ vertical-align:top; }

.buttonTopLinksText:hover {text-decoration:underline}

.buttonSpriteDiv { cursor:pointer; display:inline; width:auto;}

.buttonSpriteSpan1 { background: transparent url('/screens/buttonspritecap.gif') no-repeat scroll top right; color:#444444; display:table-cell; display:inline-block; font:normal 12px arial, sans-serif; height:24px; margin-right:6px; margin-bottom:4px; outline:none; padding-right:14px; text-decoration:none; width:auto; }

.buttonSpriteSpan2 { background:transparent url('/screens/buttonsprite.gif') no-repeat; display:table-cell; display:inline-block; line-height:14px; outline:none; padding:5px 0 5px 16px; text-decoration:none;  }

.pressedState .buttonSpriteSpan1 { background-position:bottom right; color:#000000; outline:none; }

.pressedState .buttonSpriteSpan1 .buttonSpriteSpan2  { background-position:bottom left; outline:none; }

#booking_form input { margin-left:10px; }

#booking_form .patFuncMark input { margin-left:0px; }

.confirmationprompt { margin:20px 10px 12px; }

.clear { clear:both; height:1px; margin:0; overflow:hidden; }

.confirmationprompt { margin:5px 20px 0; }

.checkinCardTable td { border:1px solid #CCCCCC; padding:3px 3px 0; }

.checkinInfo { margin:1em 1em 0.5em; }

.checkinCard { margin-left:21%; text-align:left; }

.checkinInfoLabel { font-weight:bold; width:19%; text-align:right; }

.checkinInfoLabel, .checkinInfoHoldingsLabel { clear:both; }


.checkinInfoData, .checkinInfoHoldingsData { clear: right; height:auto; margin:0px; }

.checkinInfoData { float: left; clear:none; padding-left:6px; }

/* added to adjust holdings info on card display */
.checkinInfoHoldingsLabel { clear:both; float:left; width:19%; height:auto; text-align:right; font-weight:bold; }

.checkinInfoHoldingsData { float:right; width:80%; height:auto; }

/* added to complete checkin card table border */
.checkinCardTable tr { border:1px solid #CCCCCC; padding:3px 3px 0; }

.checkinInfoHoldingsData { float: left; clear:none; }

.checkinCardTable td { text-align:left; }

.checkinInfoHoldingsLabel { text-align:right; width:19%; font-weight: bold; }

.checkinInfoHoldingsData { padding-left:6px; }

.ecommerceFormDone { background:#ffffff; margin-left:auto; margin-right:auto; padding:0px; text-align:left; width:97%; padding-bottom:12em; }

.ecommerceFormDone > div, .ecommerceFormDone > span { margin:10px 20px 15px; }

.ecommerceFormOptions {float:left; width:23em; margin-bottom:10px; }

.ecommerceFormPay { float:left; width: 200px; padding: 0 5px; width:23em; }

.pageContentInner .ecommerceFormPay h2, .pageContentInner .ecommerceFormOptions h2 { margin-top:0px; }

.popupForm h2.ecommerceFormPayHead { margin-left:14px; padding-top:5px; clear:both; }

.ecommerceFormPay label {  }

.ecommerceFormEntryArea {margin: 6px 0 0;}

div .confirmValue { padding-top:3px; }

.ecommerceFormEntryArea label span { width: 95px; float:left;}

.ecommerceFormEntryArea input {margin:0px; }

.ecommerceFormExample { margin:5px 0; }

.payformTotals {margin: 6px 0 0; }

.ecTitleCollapse { background:url("elcontent-arrows-closed.png") no-repeat scroll right center transparent; }

.ecTitleOpen { background:url("elcontent-arrows-open.png") no-repeat scroll right center transparent; }

.ecTitleCollapse, .ecTitleOpen { padding:0 0.9em 0 0; }

.ccIssue { margin: .5em 0 .2em 0; font-weight:bold; }

/*Export*/

.exportHeading { background:#FFFFFF; clear:both; padding:10px 12px 0; border-top:2px solid #D3D3D3; text-align:left; font-weight:bold; }

.exportBrief { text-align:left; padding-bottom:10px; }

.exportBrief pre { margin:0 12px; }

.bibItems {background:#FFFFFF; }

div .bibResourceSidebar { display:none; }

.bibDisplayReviews { display:none; }

.bibDisplayPermLink { display:none; }

#bibDisplayBody { background:#FFFFFF; }

.pageContent #bibDisplayBody { background:none; }

.pageContent .bibItems {background:none; }

.pageContent div .bibResourceSidebar { display:block; }

.pageContent .bibDisplayReviews { display:block; }

.pageContent .bibDisplayPermLink { display:block; }

/*end export section*/

.popupForm .formButtonArea { clear:both; }

.popupForm h2 { margin: 7px 0 2px; }

.formButtonArea { margin:3px 0 0 15px; }

.formButtonArea a { text-decoration:none; }

.formButtonArea input { margin:5px 0; }

.formEntryArea  fieldset { margin:3px; padding:3px; }

.form1Part { padding:10px; }

.form2Part, .form1Part, .mylistsSavePage form  { background:#FFFFFF url(tile_vgradient.jpg) repeat-x scroll left top; border:1px solid #D3D3D3; float:left; margin-bottom:15px; }

.form2Part fieldset, .form1Part fieldset { padding:0.35em 2em 0.75em 0; }

.form2Part formLabel, .form1Part formLabel { font-size:.8824em; }

.form3Part fieldset { padding:5px; }

.form3Part  { background:#F2F2F2; border:1px solid #D3D3D3; float:left; margin:0 20px 15px 0; }

#form3PartAdvLimitSort { }

#form3PartAdvLimitSort label { display:table-cell; float:left; padding-right:5px; width:5em; }

#form3PartAdvLimitSort select { margin-left:2px; width:144px; }

.form3PartAbove { display:inline-block; padding:10px 10px 0; }

.form3PartBelow { background:#FFFFFF url('tile_vgradient.jpg') repeat-x scroll left top; clear:both; margin-top:1em; }

.formLogin label { display:block; padding-top:3px; }

.formLeft { float:left; padding:10px 10px 10px; }

.formLeft td { vertical-align:top; }

.formRight { float:left; padding:10px; width:300px; }

.formRight td { }

.formRight th { padding-right:10px; text-align:right; vertical-align:top; }

.formFieldsetInner, #accessibleForm .formFieldsetInner { margin-top:12px; }

.formMultiSelect { display:inline; }

.fullPage { background:#ffffff; padding:0px; text-align:left; }

.pageContent div.helpContent { padding-bottom:12em; }

.pageContent > table .browseSearchtool em { margin-left:0px; }

.helpContent h3 { font-size:1.1em; margin-bottom:0px; }

.helpContent h4 { font-size:1em; margin-bottom:0px; }

.helpContent p { margin:5px 0; }

.helpContent ul, .helpContent ol { margin-top:3px; margin-bottom:3px; }

.helpExample, .helpTopics { background:#FFFFFF url(tile_vgradient.jpg) repeat-x scroll left top; border:1px solid #D3D3D3; }

.helpExample { margin:5px 33px; padding:5px; }

.helpTopics { padding:5px; width:30em; }

.helpTopics li { list-style-type:none; }

.helpExample h4 { margin-top:0px; }

.pageContentInner .helpSubhead { border-top:4px solid #E8E8E8; margin:45px 0 5px; }

.holdingsDivider { border:1px solid #D3D3D3; margin:3px 0; }

.illform #accessibleForm form legend { font-weight:normal; }

.illform .formButtonArea input { font-size:76%; }

.illform .formButtonArea { text-align:right; }

.illform .formLeft { width:19em; }

.illform .formLeft { width:460px; }

.illform td { padding:.5em 6px 0 0; text-align:left; }

.illform label { float:right; }

.illform fieldset label { float:none; }

.itemSelect { width:50em; }

.itemSelect br, .volumeSelect br { line-height:1px; }

.itemSelect form > input { margin:8px 0 0; }

.libinfoLeft { float:left; margin:0 20px 0 2px; }

.libinfoRight { float:left; }

.libinfoRight ul { padding-left:15px; }

.libinfoRight li {  }

/*.loggedInMessage { color:#999999; font-size:.8em; font-style:normal; float:right; margin:1px 5px 0 0; } */
.loggedInMessage { color:#999999; font-size:.8em; font-style:normal; margin:1px 5px 0 0; }

.loggedInMoreInfo { display:none; position:absolute; top:-5000px; right:-5000px; }

.login h1 { border-bottom:1px dotted #D3D3D3; margin:0 5em 0 0; }

.loginForm { background:#F2F2F2; float:right; margin:15px; width:40%; }

.loginForm fieldset { border: 3px solid #E7E7E7; color:#444444; margin:0 6px 0 6px; }

.letterTabs li { list-style:none; padding:0; display:inline; }

.mainMenuContent { margin-top:45px; text-align:left; }

.mainMenuContentLeft { float:left; margin-right:15px; margin-left:30px; }

.mainMenuContentRight { float:left; }

.mainMenuContentRight ul { list-style:none; padding:0px; }

.mainMenuContentRight li { margin:0px 0px 15px 0px; }

.mainSearch { text-align:center; }

.mainSearch .form1Part { float:none; margin-top:36px; text-align:center; }

.mainSearch .form1Part, .mainMenuContent { /*width:770px;*/ margin-left:auto; margin-right:auto;  }

.minHeight { height:100%; /*width:97%;*/ margin-left:auto; margin-right:auto; background:#ffffff; padding-bottom:0; padding-top:0; }

.msg td { padding-top:3px; }

.mylistsSavePage { height:100%; width:100%; padding-bottom:0; padding-top:0; }

.mylistsSavePage form, .mylistsSavePage .pageMainAreaHeader, .mylistsSavePage .msg { margin:10px; }

.mylistsSavePage form { padding:10px; color:#000000; float:none; }

.mylistsSavePage .pageMainAreaHeader { font-size:1.3333em; font-weight:bold; }

.navigationRow a:link,.navigationRow a:visited  { color: #014184; font-family:Arial,"Arial Unicode MS",Helvetica,Verdana,sans-serif; font-weight:bold; padding:6px 5px 3px 0px; text-decoration:none; width:auto; display:block; }

.navigationRow a:active,.navigationRow a:hover   { text-decoration:underline; }

/*.navigationRow { margin:0; height:100%; } */
.navigationRow { margin:0; }
.navigationRow, .navigationRowRecord { clear:both; text-align:center; }

.navigationRow > form, .navigationRowNoForm { margin-top:5px; margin-bottom:0; } 

.navigationRow noscript h2, .bibSearchHistory noscript h2 { font-size:1em; margin:-3px 10px 0 0; color:#FF0000; }

/*.navigationRow select, .navigationrow option { position:absolute; right:24px; top:48px; } */
.navigationRow select, .navigationrow option { position:absolute; right:24px; top:63px; }

.navigationRow select { font-size:.83333em; width:200px; }

.pageContent { clear:both; }

.pageContent > br { display:none; }

.pageContentInner > br { display:none; }

.pageContentInner { margin:0 20px;}

.pageContentInner h1{ font-size:1.3333em; }

.pageContentInner h1 img { vertical-align:bottom; }

.pageContentInner h2 { font-size:1.1667em; margin-top:10px; }

.pageContentInnerBarePage { padding:12px 20px;}

.pat br { display:inline; line-height:1px; }

#content { background:#F2F2F2; }

#patActionsLinksList li { list-style:none; padding:0; text-align:left; margin:0px; }

#patActionsLinksList { margin:0 10px 0 0; padding:0px; font-size:1em; }

/* Override ProStyles.css styles applied to pat divs */ 
.patActionsLinks,.patNameAddress,.patHelp,.patLeft,.patFuncArea  { border:0; clear:none; margin:0; padding:0; text-align:left; float:none; width:auto; }

.patActionsLinks  { float:left; background:#FFFFFF; display:inline; margin:0px 0px 20px 20px; padding:10px 0 5px; width:21.33em; }

.patActionsLinks  a:link,.patActionsLinks a:visited  { clear:both; color:#014184; font-family:Arial,"Arial Unicode MS",Helvetica,Verdana,sans-serif; font-weight:bold; text-decoration:none; width:auto; }

.patActionsLinks a:active,.patActionsLinks a:hover   { text-decoration:underline; }

.patActionsLinks,.patTop, .patFuncArea { border:1px solid #ECECEC; outline:5px solid #FFF; padding:5px;  }

#patButFines a { background:#FFFFFF url('ico_payment.gif') no-repeat top left; margin-left:5px; padding-left:25px; line-height:1.8em; }

#patButHolds a { background:#FFFFFF url('ico_redflag.gif') no-repeat top left; margin-left:5px; padding-left:25px; line-height:1.8em; }

#patButIll a { line-height:1.8em; }

#patButChkouts a { background:#FFFFFF url('ico_books.gif') no-repeat top left; }

#patButBookings a { background:#FFFFFF url('ico_checkbox.gif') no-repeat top left; margin-left:5px; padding-left:25px; line-height:1.8em; }

#patButFines a, #patButHolds a, #patButChkouts a, #patButBookings a { margin-top:3px; margin-left:0px; padding-left:28px; line-height:30px; }

#patButFines, #patButHolds, #patButChkouts, #patButBookings { }

.patActionItem a {height:27px; display:block;}

.patHelp { border-top:1px dotted #D3D3D3; margin-top:10px; }

.patFloat { background:#FFFFFF url('tile_pat3.jpg') repeat-x top left; height:700px; }

.patFloat .button img { margin-top:3px; }

.patFloat .buttonText { margin-left:3px; }

.patFuncArea { background:#FFFFFF; float:left; margin-left:20px; width:60%; margin-bottom:18px; }

.patFuncArea a { text-decoration:none; display:table-cell; display:inline-block; margin-right:10px; }

.patFuncArea table a { margin-right:0px; }

.patFuncArea img { padding:0; vertical-align:text-bottom; }

.patFunc { border:0; border-spacing:0; clear:both; margin:10px 0; }

.patFunc td { padding:5px; font-size:.8824em; border-bottom:1px solid #D3D3D3; }

td.patFuncFinesDetailAmt { font-size:.83333em; font-weight:bold; }

.patFuncFinesDetailDate { font-style:normal; text-transform:uppercase; font-size:.83333em; letter-spacing:1px; word-spacing:.5em; font-weight:bold; }

.patFuncFinesDetailDateLabel { font-style:normal; text-transform:uppercase; font-size:.83333em; letter-spacing:1px; word-spacing:.5em; font-weight:bold; }

td.patFuncFinesDetailType { font-style:normal;text-transform:uppercase; font-size:.83333em; letter-spacing:1px; word-spacing:.5em; font-weight:bold; }

.patFuncFinesEntryDetail td { border-bottom: 1px solid #eee; }

.patFuncFinesEntryTitle { color: #202020;background:#F8F8F8; }

.patFuncFinesEntryTitle em { font-style:normal; text-transform:uppercase; font-size:.83333em; letter-spacing:1px; word-spacing:.5em; font-weight:bold; }

td.patFuncFinesTotal { font-style:normal; text-transform:uppercase; font-size:.83333em; letter-spacing:1px; word-spacing:.5em; font-weight:bold; }

tr.patFuncFinesTotal { background:#ECECEC; }

.patFuncFinesTotalAmt em { font-style:normal; text-transform:uppercase; font-size:.83333em; letter-spacing:1px; word-spacing:.5em; font-weight:bold; }

.patFuncFinesTotalLabel em { font-style:normal; text-transform:uppercase; font-size:.83333em; letter-spacing:1px; word-spacing:.5em; font-weight:bold; }

.patFuncHeaders { background:#ECECEC; border-bottom:1px solid #D3D3D3; }

.patFuncHeaders th {font-size:.8088em; }

.patFuncRenewCount { font-style: italic; color: red; }

th.patFuncTitle,tr.patFuncTitle{ background:#FFFFFF url('tile_header.jpg') repeat-x bottom left; border:1px solid #D1D8DD; font-weight:bold; font-size:.8824em; padding:2px;  }

.patFuncTitle { font-weight: bold; }

.patFuncTitle a { color:#202020; }

.on_ice td, .on_ice a, .on_ice select { color:#999999; }

.patTop  { float:left; background:#FFFFFF; display:inline; margin:20px; width:350px; }

td.progInfoLabel { color:#767C70; font-weight:bold; padding-right:25px; text-align:right; vertical-align:baseline; width:30%; }

.progSectionsEntry { vertical-align:top; }

.popupContentInner { padding-top: 10px; padding-bottom:20px; }

.popupFormHeading, .barePageHeading  { margin-top:0px; }

.rateHelp td { padding: 0 8px 8px 0; }

#bibDisplayBody .rateLabel a:link, #bibDisplayBody .rateLabel a:visited { color:#767C70; padding-right:.7em; text-align:right; vertical-align:top; font-weight:bold; font-style:normal; text-decoration:underline; }

.rateLabel { position:absolute; text-align:right; width:8.5%; font-size:85%; }

.rateData { margin-left:15%; }

#bibDisplayBody .rateData a:link, #bibDisplayBody .rateData a:visited { padding:0; }

.relSearchLink img { }

.relSearch { padding:0 10%; text-align:left; font-size:.83333em; }

.relSearch h1 { font-size:1.333em; color:#767C70; margin-top:0px;}

.relSearch h2 { font-size:1.667em; color:#767C70; border-top:1px dotted #767C70; margin:0; }

/*.requestForm { width: 32em; font-weight:bold; } */
.requestForm { font-weight:bold; }

.requestForm fieldset { font-weight:normal; padding-left:5px; }

.requestForm .formButtonArea { margin-left:0; }

.requestForm .formEntryArea label { display:block; }

.requestForm #itemreq { margin:9px 9px 3px 3px; }

.requestForm #artreq { margin:9px 3px 3px 9px; }

.requestForm strong { font-style:italic; }

.requestMultiItems { margin:10px; clear:both; }

.requestMultiPatform .formEntryArea label { display:block; }

.requestMultiItems td { border:1px solid white; }

.requestMultiItems td { border-top:1px solid #ECECEC; border-bottom:none; vertical-align:top; }

.requestMultiPatform center { text-align:left; }

.requestNonretDetails { font-size:85%; }

.requestResult br { line-height:1px; }

.requestResult table { display:none; }

.requestResult font { font-size:1.4em; }

.resourceDisplayContentMain { width:68%; }

.resourceDisplayBibs { margin-bottom:20px; }

.pageContent > a > #resourcelink { float:right; margin-right:10px; }

.recordPager { float:right; }

.recordPager a { font-weight:bold; }

.resourcePager { width:10em; margin-left:auto; }

table.resourceResource { margin:15px; width:95%; }

table.reserveBibs { margin:25px 0 20px 15%; width:65%; }

.bibDisplayReviews .default { border-bottom:1px solid #ECECEC; }

.reviewContent {}

.reviewContent { margin:8px 0 8px 8px;}

.reviewDate { color:#767C70; }

.reviewLinks { font-size:1em; margin:0 0 4px 8px; }

#bibDisplayBody .reviewLinks a:link, #bibDisplayBody .reviewLinks a:active, #bibDisplayBody .reviewLinks a:visited  { color:#369699; }

.rssArea div, .rssArea span { padding:0; }

.rssArea { border-top:8px solid #E8F2F9; margin-top:1em; }

div.rssChannelEntries { border:none; background:#FFFFFF; }

.rssChannelEntry br { display:none; }

.rssChannelEntry span { display:block; }

.rssChannelEntry { border-top:1px solid #ECECEC; clear:both; }

.rssChannelEntryDesc, .rssChannelEntryDate { margin: 0.1em 20px 0 20px; }

.rssChannelEntryHead { display: block; margin: 0.2em 20px 0; }

.rssChannelImage img { margin: 0.5em 0 0 20px; }

.rssChannelTitle { margin: 0.5em 20px 0.3em; clear:both; display:block;}

#searcharg { }

/*Relative position allows this bg color to show in older IE.*/
.searchNav { background:#3B77B6; margin:0; position:relative; height:2px; }

#searchNavMenu { margin:0; text-align:right; }

.searchNavBut { vertical-align:bottom; margin:3px 10px 3px 5px; }

#sectionContent { clear:both; }

#skipNav a, #cproSkipNav a:hover, #cproSkipNav a:visited { position:absolute; left:0px; top:-5000px; width:1px; height:1px; overflow:hidden; }

#skipNav a:active, #skipNav a:focus { position:static; width:auto; height:auto; margin-bottom:3px; background:#FFFFFF; }

#specializedSearch { vertical-align:bottom; margin-bottom:3px; }

.submitHidden { position:absolute; left:-999px; top:-999px; }

/* Staff view */

.pageContent > table em { margin-left:15px; }

.pageContent > table .browseList em { margin-left:0px; }

.pageContent table { border-color:#D3D3D3; border-width:0px; }

.pageContent > table th { padding-left:15px; }

.pageContent > table th.bibVolLabel { padding-left:4px; }

.resourceScreen table { margin:5px 10px; width:95%; }

.resourceScreen .bibSearchtool { text-align:center; }

.pageContent > div .bibSearchtool { margin-bottom:10px; border-color:#D3D3D3; border-style:solid; border-width:0 0 1px; }

/* end staff */

.testLinkedDocs img { border:0; }

.tipsTable caption { margin-top:10px; }

.topLinks a { float:right; }

.topLogo { }



/*.topLogoSmall { border:0; margin-top:1px;
 background-image: url("/screens/images/topbanner3_catalog_sm.jpg"); 
background-image: url("/screens/images/Library-Header1_sm.jpg");
background-repeat: no-repeat;
background-color:#000;
height: 100px; 
}*/

.topLogoSmall {
    width: 100%;
    padding-top: 6px;
    background-image: url(/screens/images/ccbclogo1.png);
    background-repeat: no-repeat;
    height: 79px;
    background-color: #00518d;
}

.topLogoSmall img { border:0; margin-top:1px; } 

.topLogoSmall a:link, .topLogoSmall a:visited { background:#FFFFFF; padding:0; }



.topLinks { float: left; height: auto; margin:0; padding:0; }

#topLinksList a:link, #topLinksList a:visited  { color: #1367A7; font-family:Arial,"Arial Unicode MS",Helvetica,Verdana,sans-serif; font-weight:bold; padding:6px 15px 3px 15px; text-decoration:none; width:auto; }

#topLinksList a:active,#topLinksList a:hover   { background:#F2F2F2; color:#0091FF; text-decoration:underline; }

#topLinksList li {
	list-style:none;
	padding:0;
	display:inline;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}

#topLinksList  { float:right; margin:0px; padding:0px; font-size:.9em; display:inline; }

#topMyLibraryList { display:inline; line-height:2.4em; margin:0px 10px 0px 0px; padding:0px; }

#topMyLibraryList, #toplogoMoreNav { font-size:.9167em; }

#topMyLibraryList a:link, #topMyLibraryList a:visited  { color: #1367A7; font-family:Arial,"Arial Unicode MS",Helvetica,Verdana,sans-serif; font-weight:bold; padding:6px 15px 3px 15px; text-decoration:none; width:auto; }

#topMyLibraryList a:active,#topMyLibraryList a:hover{ background:#F2F2F2; color:#0091FF; text-decoration:underline; }

#topMyLibraryList li { list-style:none; padding:0; display:inline; }

.topNavClear { clear:both; height:1px; overflow:hidden; }

#topMyLibraryList { width: 100%; }

/*#topMyLibraryHeader h1 {  color: #767C70; display: inline; float:left; font-family:Arial,"Arial Unicode MS",Helvetica,Verdana,sans-serif; font-size: .9167em; margin:0; padding:6px 10px 3px 10px; text-decoration:none; width:auto; } */
#topMyLibraryHeader h1 { position:absolute; left:-9999px; line-height:0px; }


/*Toplogo optional dropdown menus*/

/*#toplogoMoreNav { list-style: none; padding: 0; margin: 0; float:left; border:2px solid pink; } */
#toplogoMoreNav {
	list-style: none;
	padding: 0;
	margin: 0 0 0 14px; 
} 

#toplogoMoreNav li a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #1367A7;
	font-weight:bold;
} 

#toplogoMoreNav li a:hover{
	text-decoration: underline;
} 

#toplogoMoreNav li li a { display: block; font-weight: normal; padding: 0 10px 3px; } 

#toplogoMoreNav li li a:hover { text-decoration:underline; } 

#toplogoMoreNav li { cursor: default; background-color: white; margin-right:1em; margin-top:5px; float:left; padding:0; } 

#toplogoMoreNav li#first { } 

#toplogoMoreNav li#last { } 

#toplogoMoreNav li ul { position: absolute; visibility:hidden; font-weight: normal; padding: 0.5em 0 1em 0; border: solid 1px #D3D3D3; border-top:none; background:#FFFFFF; white-space:nowrap; z-index:99; } 

#toplogoMoreNav li>ul { top: auto; left: auto; } 

#toplogoMoreNav li li { display: block; float: none; background-color: transparent; border:0; border-bottom:1px solid white; }

#toplogoMoreNav li ul li { margin:0; } 

#toplogoMoreNav li:hover ul, #toplogoMoreNav li.over ul { visibility:visible; display:block; }

#topMyLibraryHeader { float:left; }

div#searchNavMenu { clear:both; float:right; background:#3B77B6; width:100%; }

/*Special treatment for IE6, using the JS-activated "li.over"*/
#toplogoMoreNav li.over ul { margin:0; }

/*End optional dropdown menus*/


.volumeSelect fieldset { padding:10px; }

.volumeSelect form { margin-top:10px; }

.wblinktext {  }

.wblinkdisplay .linkdisplay { padding:0px; }


/* table striping styles */
/* for brief citation */

td.odd { background:#F8F8F8; }

td.highlight { background:#FFFFE4; }

/* for browse entries */

tr.odd { background:#F8F8F8; }

tr.highlight { background:#FFFFE4; }

/* Section 3: WebBridge */

.webbridge a:link,.webbridge a:visited  { color: #014184; font-family:Arial,"Arial Unicode MS",Helvetica,Verdana,sans-serif; font-weight:bold; padding:6px 5px 3px 0px; text-decoration:none; width:auto; }

.webbridge a:active,.webbridge a:hover   { text-decoration:underline; }

.webbridgeButtonArea { float:right; margin:10px 0; }

#webbridgeLogo { display:inline; margin: 10px 0; float:left; }

.patFuncArea > form fieldset { border:none; margin:5px 0 0; }

.patFuncArea > form fieldset legend { background:#FFFFFF url('tile_header.jpg') repeat-x bottom left; border:1px solid #D1D8DD; font-weight:bold; font-size:.8824em; padding:2px; padding:2px 20em 2px 2px; }

.patFuncArea > form fieldset .formLabel { display:block; padding-top:3px; }

/*Webbridge respanel*/

.citation { background-color: #FFFFFF; padding: 5px 5px 5px 0; margin:10px 10px 10px 0;}

.citationtitle { font-weight: bold; color:#aa1002; font-size:1.2em;}

.coverage em { font-style: normal; }

.wbfieldinsert { font-size: .9em; margin:0 20px 0; }

.wbfieldinsert br { line-height:1px; }

.noresources { color: red; font-size: 1.2em; font-weight: bold;}

.wbcategory { font-weight:bold; border-top:1px solid #ECECEC; margin-bottom:5px; margin-top:9px; }

.wbheading { font-size:11px; margin:0 10px 0; }

.wblinkdisplay form { margin-bottom:8px; }

.wbnoresources { display:block; margin: 3px 0; }

/* Program Registration Ecommerce */
.sectionTitleDiv { font-size:100%; }

.programconfirm .formLeft { width:460px; }

.programconfirm .programthumb { float:right; margin-left:.5em; }

.programconfirm .formButtonArea { clear:both; margin-bottom:1em; }

/* Progreg Ecom */
.sectionTitleDiv { font-size:100%; }

.programconfirm .formLeft { width:460px; }

.programconfirm .programthumb, .programregister .programthumb { float:right; margin-left:.5em; }

.programconfirm .formButtonArea { clear:both; margin-bottom:1em; }

.programregister .formRight { width:460px; }


/* Rounded box : creator Dan Cederholm 
this is for the box of the search facets in brief_cit.html
*/

/*dl {
width: 240px; 
margin: 0 0 20px 0px;
padding: 0;
background: #ccc url(/screens/images/box_bottom.gif) no-repeat bottom left;
} 
*/
dl {
margin: 0 0 20px 0px;
padding: 0;
background: #ccc url(/screens/images/box_bottom.gif) no-repeat bottom left;
} 

/*
dt {
	margin: 0 0 10px 0;
	padding: 5px;
	font-size: 110%;
	color: #fff;
	border-bottom: 1px solid #fff;
	background: #999 url(/screens/images/box_top.gif) no-repeat top left;
	text-align: center;
} */

dt {
	margin: 0 0 10px 0;
	padding: 5px;
	font-size: 110%;
	color: #fff;
	border-bottom: 1px solid #fff;
	background: #999 url(/screens/images/box_top.gif) no-repeat top left;
	text-align: center;
	background-size: 100%;
} 


dd {
	margin: 0 0 0 10px;
	padding: 0 5px 5px 7px;
	color: #666;
	font-family: Verdana, sans-serif;
	font-size: 80%;
	background: url(/screens/images/arrow.gif) no-repeat 0 3px;
	line-height: normal;
	vertical-align: text-top;
}
#blue dt {
background-color: #69c;
}
#blue {
background-color: #9cf;
}
#red dt {
background-color: #933;
}
#red {
background-color: #c99;
}
#green dt {
background-color: #9c6;
}
#green {
background-color: #cf9;
}


#ccbc_request_title strong{
	color:#06F;
	display: list-item;
	text-indent: 10px;
	margin: 15px;
	}
#ccbc_request_instruction b{
	color:#F00;
}

  /*This is CSS for show/hide 'loading' message before brief_cit.html is fully loaded.
  div id=loading-invisible is set on toplogo.html  */
  
  div.loading-invisible{
    /*make invisible */
    display:none;
  }


  div.loading-visible{
	/*make visible*/
    display:block;
	visibility:visible;
	/*position it 200px down the screen
    position:absolute;
	top:200px;
	left:0;*/
	width:100%;
	height:100%;
	text-align:center;
	/*in supporting browsers, make it
      a little transparent*/
    background:#fff;
	filter: alpha(opacity=50); /* internet explorer */
	-khtml-opacity: 0.50;      /* khtml, old safari */
	-moz-opacity: 0.50;       /* mozilla, netscape */
	opacity: 0.50;           /* fx, safari, opera */
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	font-size: 24px;
	font-weight: bold;
	color: #900;
  }
  
  
  
/* START: bib_display.html, to change the display of link for "view this video" 
  .viewthisvideo{
	background-color: #0C6;
	margin-top: 5px;
	  }

  .viewthisvideo:hover{
	color: #FFF;
	background-color: #CCC;
	margin-top: 5px;
	  }

 .tr_viewthisvideo{
	 height:27px;
	 }
 .tr_instantaccess	 {
	 display:none;
	 
	 }
	 */
/* END:  bib_display.html, to change the display of link for "view this video" */	 
 


/* CSS for Google Book cover 
	Issue was that IE shows a blue border around the image. The following will fix this.
	*/
	

.gbs-thumbnail > img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	 height: auto;
	width: 100%; 
	max-width: 80px;
}
.gbs-thumbnail-large > img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	height:auto;
	 width: 100%;
	 
}

/* CSS for request button because of an issue in IE displaying a blue border around the request button iamge in bib_diaplay.html
*/
#request_button > a > img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;	
	}
	
	


/* Start : SMS  */
#info, #sms {
       border:1px solid #36647b;
       position:absolute;
       top:250px;
       left:250px; 
       z-index:1000;
       background:#fff;
       padding:10px;
       margin:10px;
       background:#efefcf;
}

#sms .eg {
       font-style:italic;
       font-size:90%;
}

#info {top:500}

#sms {font-size:70%}
/* END : SMS  */


/* Start : Autocomplete */
  .ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;   
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}

.ui-autocomplete-category {
	font-weight: bold;
	padding: .2em .4em;
	margin: .8em 0 .2em;
	line-height: 1.5;
}
/*
ul.ui-autocomplete {
	background-color: #FFF;
	border: 1px solid #000;
	list-style-type: square;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	background-attachment: scroll;
	background-repeat: repeat;
	overflow: visible;
	visibility: visible;
	width: 200px;
}
*/
/* End : Autocomplete */


.searchbox_in_srchhelp_X{
	border: 2px solid #666;	
	}
	
	
/*To make ebook link more visible */	
td#catEbook {
	height: 25px;
	background-color: #09C;	
	}
td#catEbook a:link{	
	font-size: 14px;
	color: #FFF;
	text-decoration: underline;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	}	

td#catEbook a:hover{
	color: #CCC;
	text-decoration: none;
	}				
	

input#opacmenu_input {width: 80%; max-width: 300px;}

#isbn-for-jacket {display:none;}

.bibdisplay_firstthree {display:inline-block; margin-left:15px; width:70%; }

ul.topnav-1 li.icon-1 {display: none;}	

td#search_facet {min-width: 155px;}




.catalog-rightpanel {
	border-color: #000000;
    border-width: 1px;
	/*border-style: solid; */
    margin: 0px;
	padding: 5px;
    vertical-align: top;
    width: 300px;	
	float: right;
}

.catalog-rightpanel h5 {
	
	background-color: #95a9b9;
	color:#ffffff;
	font-size: 17px;
}
.catalog-main {
	float: left;
	width: 75%;
}

/*
@media screen and (max-width: 1000px) {	
	.bibDisplayContentMain { width:70%; }	
}
*/


#askusnowimage {
	float: left;
}

@media screen and (max-width: 500px) {
	.mainMenuContentLeft {display:none;}
	div.topLogoSmall {
     	width: 100%;
		background-image: url(/screens/images/Library-Header2_sm_v1.jpg); 
		background-repeat: no-repeat;
		background-size: 100% 100%;
		height:75px;
	}
	td.briefcitCell {width: 100%}
	.navigationRow select, .navigationRow a:link {
		display:none;
	}
	.briefcitDetail {max-width: 230px;}
	
	.browsePager {
    	font-size: .6824em;	
	}
	.browseSearchtool, .bibSearch {
   		 font-size: .4824em;
	}
	
	
	.navigationRowRecord, .bibSearchHistory {display:none;}/* bib_display.html */
	form[name=searchtool] input[name=availlim], span.availLimMessage {display:none;}/* bib_display.html */
	
	.browseSaveJump {
		font-size: 80%;
	}
	.browseSaveJump img{
		width: 12px;
		height: 12px;
	}
	.bibDisplayItems  { margin-left:60px; }	
	.briefcitDetailMain {
		margin-left: 3px;
	}	
	
	img#credoreferenceimg {width: 170px; height: 40px;}	
	.bibDisplayContentMain { width:100%; }	
	
}

@media screen and (max-width: 700px) {
	table#briefcit_resourcetable { position:absolute; left:-2000px; height: 0; width: 0;}
	/*td.td-left-briefcit {width: 100%} */
	td.td-right-briefcit {width: 0px;}
	/*div.navigationRow {position:absolute; height: 0; width: 0;} */
	.briefcitJacket a img {width:50px;height:65px;}
	.briefcitLeft { min-width: 50px;}
	.gbs-thumbnail-large > img { width: 50px; height: 65px; }
	
	.bibDisplayContentMain { margin-left: 0.3em; width:100%; }
	/*.bibdisplay_firstthree { width: 52%;} */
	.bibDisplayJacket { width: auto;}
	
	 /* topnav-1 toplogo.html */
	  ul.topnav-1 li div {display:none}
	  ul.topnav-1 li:not(:first-child) {display: none;} 
	  ul.topnav-1 li.icon-1 {
		float: left;
		display: inline-block;
	  }
	  /*ul.topnav { width:100%; } */
	  ul.topnav-1.responsive-1 {position: relative;	 height: 100%;}
	  ul.topnav-1.responsive-1 li.icon-1 {
		position: absolute;
		right: 0;
		top: 0;
	  }
	  ul.topnav-1.responsive-1 li {
		float: none;
		display: inline;
	
	  }
	  ul.topnav-1.responsive-1 li a {
		display: block;
		text-align: left;	
	  }
	  ul.topnav-1.responsive-1 li:hover {
		  background:none;
		  border:none;
	  }  	

}

@media screen and (max-width: 800px) {

	/* narrow  your search  in briefcit */
	dl {
		width: 180px;	  
	}
	.briefcitCell {
		font-size: .8187em;
	}	

}