/*THESE STYLES OVERRIDE STYLES IN FRAME.CSS, ETC.*/

#titlepv, #titlepv a, #titlepv a:visited {color: #fff;}
#titlepv a:hover, #titlepv a:visited:hover {color: #f1f1f1;text-decoration:none;}


#titlepv {
    font-size: 2.3846em;/*31px*/
    font-weight: normal;
    height: auto;
    left: 8.5em;
    letter-spacing: 0.03em;
    top: 1.9em;
    width: auto;
    font-family: "Source Sans Pro","Arial Unicode MS",Helvetica,sans-serif;
}

body, #footer, #emailinfo h1, .resultstoolbar, .resultstoolbar select, #col1, .firsttab a, .secondtab a, .nlinks,.nlinksdot, h1.recordtitle, h1.recordtitle.two  {font-family:"Source Sans Pro","Arial Unicode MS",Helvetica,sans-serif;}


#finditbgholder {height: 80px; top: 28px;border-bottom: solid 1px #e6c9a4;}
#finditbghlining {padding-left: 0;}
.finditmargin {width: 222px;}
.finditbg {margin-left: 222px;}
.finditbggraystrip {background-color: #dfdfdf; height: 39px;border-bottom: solid 1px #e6c9a4;}
.finditbgyellowstrip {background-color: #f6eed6; height: 40px;}

.advsrchpage #finditbgholder {    height: 65px;}
.advsrchpage .finditmargingray {
    background-color: transparent;
    background-image: none;
    /*border-bottom: solid 1px #e6c9a4;*//*change: rm 3/25*/
    border-top: none;
    height: 1px;
    margin-top: 64px;
    width: 222px;
}
.advsrchpage .finditbgyellowstrip {height: 25px;}
.boxit.guided {margin-top:2em;}
.boxit.custom {margin-top:2.5em}
.boxit h2 {font-style:oblique; letter-spacing: .02em;}
.advsrchinstru {font-size: 1.08em;padding-bottom: 1em;border-bottom: dotted 1px #999; width:50.30769em;margin:0;}		



#footer {padding: 0 0 2.5em 0;
margin-top:.55em;	  }
.contact {margin-left:0;}

/*new in dlafranklin*/
.searchtablemargin div {width: 207px;}
.graynotch {background-color: #dfdfdf;}

.graynotch.graynotch1 img {height: 23px;}

.graynotch2 {border-right: solid 1px #e6c9a4;}

.graynotch, .graynotch img {width: 7px;}
.graynotch.graynotch2 img {height: 25px;}/*change march 21*/
.advsrchpage .graynotch.graynotch2 img {height: 25px;}

.yellowstem {border-top: solid 1px #e6c9a4;border-bottom: none; background-color: #f6eed6;}
.yellowstem img {height: 13px; width: 7px;}
.advsrchpage .yellowstem img {display: none;}

/*only needed in stylefranklin.css*/
.firsttab a, .secondtab a {background-repeat: no-repeat;}

.firsttab a, .secondtab a, .firsttab a:visited, .secondtab a:visited {color: #000;}
.firsttab a:hover, .secondtab a:hover, .firsttab a:visited:hover, .secondtab a:visited:hover {text-decoration:none;}

.homepage .secondtab a, .recordpage .secondtab a, .resultspage .secondtab a, .ancillarypage .secondtab a {cursor:pointer;}
.homepage .secondtab a:hover, .recordpage .secondtab a:hover, .resultspage .secondtab a:hover, .ancillarypage .secondtab a:hover, .homepage .secondtab a:visited:hover, .recordpage .secondtab a:visited:hover, .resultspage .secondtab a:visited:hover, .ancillarypage .secondtab a:visited:hover {color: #c60;}

.homepage .firsttab a, .recordpage .firsttab a, .resultspage .firsttab a, .ancillarypage .firsttab a {cursor:text;}
.homepage .firsttab a:hover, .recordpage .firsttab a:hover, .resultspage .firsttab a:hover, .ancillarypage .firsttab a:hover, .homepage .firsttab a:visited:hover, .recordpage .firsttab a:visited:hover, .resultspage .firsttab a:visited:hover, .ancillarypage .firsttab a:visited:hover {color: #000}

.advsrchpage .firsttab a, .advsrchpage .firsttab a:visited {cursor: pointer;}
.advsrchpage .firsttab a:hover, .advsrchpage .firsttab a:visited:hover {color: #c60;}

.notab {width: 100%;}
.notab div {width: 300px;}
.secondtab a {background-image:url(images/franklin/secondtab.gif);}
.secondtab a:hover {background-image:url(images/franklin/secondtabhoveronly.gif);}
.secondtab.active a, .secondtab.active a:hover {background-image:url(images/franklin/secondtab_o.gif);}

.firsttab a, .secondtab a {display: block;height:20px; font-size: 14px; font-weight: bold;}
#content #altsrchtable .firsttab a h2, #content #altsrchtable .secondtab a h2 {margin: 0 0 0 0;font-size: 14px;}
.firsttab a { padding: 4px 0 0 23px;display: block;} 
.secondtab a {padding: 4px 0 0 15px; display: block;}
firsttab {width: 148px;}/*change: added*/
.firsttab a div, .firsttab a h2 {width: 121px; display: block;} 
.secondtab a div, .secondtab a h2 {width: 167px; display: block;}

.firsttab a {background-image:url(images/franklin/firsttab.gif); }
.firsttab a:hover  {background-image:url(images/franklin/firsttabhoveronly.gif); }

.firsttab.active  a {background-image:url(images/franklin/firsttab_o.gif);}

/*results*/
.bigbuttons {float: left;padding-top: 9px;}
.metapages .bigbuttons {margin-left: 1em;}/*TILL WE HAVE LEFT SOURCES COL*/
.advsrchpage .bigbuttons {display:none;}

.sendme {float: right;padding-top: 9px;}
.sendmespacer, .printspacer {width: 13px; height: 1px;}
#print {cursor:pointer;}
/*for browse headings*/
/*h2.widgetcolheader.hikeup {font-size: 1em; margin-top:-3.67em;}*//*removing hikeup effect. needs testing*/
.holdbreadcrumbs {margin-left:271px; margin-right: 117px;min-height: 27px;padding-top: 4px;}

.browsequeries h3 {font-size: 1.25em;margin-bottom: 0.35em;margin-top: 0.5em;color:#000; font-style:normal}
.querycrumb {margin: 3px 0}
.facetcrumb {margin: 3px 0 5px 0;}
.recordpage.catalogpages .querycrumb, .recordpage.catalogpages .facetcrumb {
	margin: 3px 0 5px 30px
	}

.browsecrumb {margin-top: 3px;}
.breakbeforeheadings {border-top: solid 1px #ececec; border-bottom: solid 1px #fff}
.holdaccordioncontrol  a#collapser.hiderefs {width: 12em;}
.beginherearrow {background-image: 
 	url(images/common/crosshairs.png);
	background-repeat:no-repeat;
	background-position: right 2px;
	}
.beginherearrow:hover {background-image: url(images/common/crosshairshover.png);text-decoration:none;}
.beginherearrow.active {background-image: url(images/common/crosshairsactive.png);}	   
.beginherearrow img {width: 11px;height:11px;}
.beginherepre {	width: 5px;height:11px;}



.headingunit dl {margin: .33em 0 0 0;}
.headingunit dt {float: left; text-align: right; width: 142px; font-style:oblique; letter-spacing: .02em;}
.headingunit dd {margin-left: 150px;padding-left: 20px;text-indent: -20px;}
#rbrowse .briefrecordtitle {padding-left: 1.67em;}
#rbrowse .briefrecordtitle input {display:none;} /*THIS IS TEMPORARY. WE NEED TO RESTORE THIS FUNCTIONALITY*/
#rbrowse .briefrecordtitle #enum_position {display:none;}

/*for call number browse show the title the second time it is displayed bcs the first time is the call number*/



#rbrowse .briefrecord.closed dl.callnumber .morethantitle, #rbrowse .briefrecord.open .morethantitle, #rbrowse .briefrecord.closed dl dt, #rbrowse .briefrecord.closed dl dd  {display:none;}
#rbrowse .briefrecord.closed dl dt.morethantitle, #rbrowse .briefrecord.closed dl dd.morethantitle, #rbrowse .briefrecord.closed dl  {display:block;}
#rbrowse .briefrecord.closed dl.callnumber, #rbrowse .briefrecord.closed dl.callnumber dd.dlmaintitle, #rbrowse .briefrecord.closed dl.callnumber dt.dlmaintitle  {display:block;}
.headingunit {
	padding: 0 0 .83em 0;
	border-top: 1px solid #d2d2d2;
	background-image: none;
	}
.headingunit .briefrecordtitle {padding-left:1.75em}	
.holdadvsrchbuttons.top {margin-bottom: 2em; margin-top: .5em; width: auto;}
.holdadvsrchbuttons input {border: 0; background-repeat: no-repeat; width: 58px; height: 20px; margin-right: 5px;
font-weight: bold; font-family: "Source Sans Pro","Arial Unicode MS",Helvetica,sans-serif; letter-spacing: .01em;font-size: 11px;padding-bottom: 2px; color: #000;
background-image: url(images/common/advsrchbuttonbg.gif); background-repeat: no-repeat; cursor:pointer; text-align: center;}
.holdadvsrchbuttons input:hover {background-image: url(images/common/advsrchbuttonbg_o.gif); color: #c60;}
.advsrchpage .holdadvfields {    margin-left: 138px;}
#holdcustomize {margin-top:3em;}

.resultstoolbar {
  color: #000;
  font-size: 13px;
  padding: 0;
  text-align: left;
}
.recordpage .resultstoolbar {
  padding: 0 10px;
}
.resultspage.metapages .summontoolbar.resultstoolbar {
  display: block;
  padding: 0.5em;
  height: 1.42em;
}
.resultstoolbar select {
	font-size:11px;
	}
.holdsortby {float: right; padding-top:2px;}
.holdsortby label {font-size: 11px;}
.holdsortby label.invisible {font-size: .01em; color: #ececec;}/*change: 3/21*/
.invisible.forsearch {color: #f6eed6;}
.resultstoolbar .nextprevarrows {font-weight: normal;}
.resultstoolbar {background-color:#ececec;}
.recordsperpage {float: right; width: 96px; text-align: right;}
.sortby {float: right;}
.resultstoolbar .invisible {color: #ececec;}
.resultstoolbar select {    border: 1px solid #999999;}
.resultstoolbar select.recordsperpage {margin-left: 2px;}
td.holdfoundrange {width: 100%}


.resultstoolbar table {width: 98%; margin: 0 auto 0 0; border: none;}
/*.resultspage .resultstoolbar {padding: 0;}*/
/*info alert for bento box page*/
h3.columnlabelheader {display:inline; font-style:normal;color: #444;}
#summonresults .alert {
  background-color: #ffa;
  padding: 0.5em;
  height: 1.307em;
}
.courserespages #summonresults .alert ,
.catalogpages #summonresults .alert {
  display:none
}
.arrow_box_control {
	background-image: url(images/common/grayInfo.png); 
	background-position: 0 2px; 
	background-repeat: no-repeat;
	cursor:pointer;
  background-size: 16px 37px;
	}
.arrow_box_control:hover {
	background-position: 0 -19px; 
	}
.arrow_box {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ccc;
  position: relative;
  z-index: 2000;
  left:-2em;top:.92em;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 12px 14px 9px 14px;
  width: 250px;	
  position: relative;
  background: #fff;
  border: 1px solid #ccc;
  display:none;
}
.arrow_box.explainvshelf{
    left:4.5em
}
.arrow_box::before {
  border-color: rgba(204, 204, 204, 0) rgba(204, 204, 204, 0) #ccc;
  border-width: 11px;
  margin-left: -11px;
}
.arrow_box::after, .arrow_box::before {
  border: medium solid transparent;
  bottom: 100%;
  content: " ";
  height: 0;
  left: 7.11em;
  pointer-events: none;
  position: absolute;
  width: 0;
}
.arrow_box::after {
  border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #fff;
  border-width: 10px;
  margin-left: -10px;
}
.arrow_box::after, .arrow_box::before {
  border: medium solid transparent;
  bottom: 100%;
  content: " ";
  height: 0;
  left: 8.11em;
  pointer-events: none;
  position: absolute;
  width: 0;
}
.arrow_box:after, .arrow_box:before {
bottom: 100%;
left: 8.11em;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.arrow_box:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff;
border-width: 10px;
margin-left: -10px;
}
.arrow_box:before {
border-color: rgba(204, 204, 204, 0);
border-bottom-color: #ccc;
border-width: 11px;
margin-left: -11px;
}
.arrowboxtext {
font-size: 12px;
line-height: 135%;
color: #555;
}
.arrow_box_closer {
font-weight: bold; 
display: block; 
float: right; 
font-size: 1.17em; 
margin: -0.5em -0.33em 0px 0px;
cursor:pointer;
}
/*end info alert*/				

form label {font-size:12px;}

#catalogresults .briefrecord dt,
.briefrecord dt {
	float: left;text-align: right; padding-top: 2px;
	}
.metapages #catalogresults .briefrecord dt,
.metapages .briefrecord dt {
	width: 6.923em;
	}
.catalogpages  #catalogresults .briefrecord dt,
.catalogpages .briefrecord dt {
	width: 10.923em;
	}
.briefrecord dd,
.catalogpages .briefrecord dd {
	padding-top: 2px; 
	/*padding-left: 20px; text-indent: -20px;*/
	}
.catalogpages .briefrecord dd,
.catalogpages .catalogpages .briefrecord dd {
	margin-left: 11.69em; 
	}
.metapages .briefrecord dd,
.metapages #catalogresults .briefrecord dd  {
	margin-left: 7.69em; 
	/*padding-left: 20px; 	text-indent: -20px;*/
	}
.catalogpages .briefrecord dd.statusLookup,
.catalogpages #catalogresults .briefrecord dd.statusLookup  {
	margin-left: 11.69em;
	}
.metapages .briefrecord dd.statusLookup,
.metapages #catalogresults .briefrecord dd.statusLookup {
	margin-left: 7.69em;
	}
#catalogresults .briefrecord dl {min-height:4em;}
#catalogresults #rbrowse .briefrecord dl {	min-height: auto;}
#rbrowse .briefrecord.closed dl  {
	margin: 0
}
.briefrecord dd dd {margin-left: 0 !important; padding-top: 2px; padding-left: 20px; text-indent: -20px;}
.briefrecord dd div {margin-left: 0 !important; padding-top: 2px; padding-left: 20px; text-indent: -20px;}




.buffer {height: 16px;}
#rbrowse .buffer, .headingunit .buffer {height: 1em;background:transparent;}
.briefrecord .briefformatlabel {padding-top: 9px;}
.briefrecord .briefformatinfo {padding-top: 6px;}	
.briefrecord dt.preweblink, .briefrecord dd.preweblink {height: 9px;}

.briefrecord dd.weblink {background-image: url(images/common/gray6dot.gif); background-repeat:no-repeat; padding-left: 40px;background-position: 2px 7px;}
.briefrecord .secondtitle {padding-left: 17px;}
						
						

/*adv search*/
#advancedsearch table td {vertical-align: bottom;}
#advancedsearch table fieldset input, input.booleanop {border: none;}
#searchRows fieldset, #numRows fieldset {margin: 1em 0 0 0;}
#advancedsearch table td.textfield {text-align: right; padding-right: 0;}/*textfield not found*/
#advancedsearch table td {padding-top:0;}
#advancedsearch table td.from {text-align: right; padding: 0 .5em 0 1em;} /*from not found*/
#advancedsearch table#searchRows, #advancedsearch table#numRows {margin: 0 0 1em 0;}
/*#advancedsearch table td.advin {padding: 0 11px 1px 0;text-align: right;} remove. padding-right should be 1.33 as defined in stylegeneric*/
#searchrows .fieldfield select {margin-left: 0} /*fieldfield not found*/
fieldset legend {color: #fff;} 
fieldset {border: none;margin: 0 0 0 0; padding: 0 0 .18em 0;}
#advancedsearch table tr.extra td.pubdateoperators {padding-top: 1.33em;} /*pubdateoperators textfield not found*/
h3.searchtexttields {margin-top: 0;}

#advancedsearch table#searchRows .disabled, #advancedsearch table#numRows .disabled,
#advancedsearch table#searchRows input[disabled], #advancedsearch table#numRows input[disabled],
#advancedsearch table#searchRows input[readonly], #advancedsearch table#numRows input[readonly],
#advancedsearch table#searchRows select[disabled], #advancedsearch table#numRows select[disabled],
#advancedsearch table#searchRows select[readonly], #advancedsearch table#numRows select[readonly],
#advancedsearch textarea[disabled], #advancedsearch textarea[readonly]
{
background-color: #dcdcdc;
border: #3532ff 1px solid;
color: #000;
}
.advsrchpage textarea#query {height: auto; width: 50.67em !important; background-color: #fff; border: solid 1px #999; margin-top: .5em; margin-left: 1.45em;} 
.advsrchpage textarea#query.queryDisabled {background-color: #f0f0f0; border: dotted 1px #999; } 
.advsrchpage textarea#query {height: auto; width: 52em; background-color: #fff; border: solid 1px #999; } 
input#manual-query {margin-left: 0; margin-right: .5em;}
#advancedsearch table#searchRows {width: 57em;}
#advancedsearch table#numRows td {padding-right: .75em}
#advancedsearch table td.query_input, #advancedsearch table tr.textoperator td, #advancedsearch table td.query_input, #advancedsearch table td.subop_select {padding-right: 0}
/* #advancedsearch table td.advin {    padding-right: 1.33em;}get rid of padding-right for #advancedsearch table td.advin in stylefranklin*/
#advancedsearch table td.query_input, #advancedsearch table td.query_input input {width: 28.5em;}/*REMOVE MAX AND SIZE*/ 

#advancedsearch table td.subop_select, #advancedsearch table td.field_select {text-align: left;}
#advancedsearch table td.subop_select label.invisible, #advancedsearch table td.field_select  label.invisible {font-size: 1px !important;color: #fff !important}/*frame*/
.leftpar div {width: 1px;}
.operators fieldset {padding: 0;margin-left: -6px !important;}
.rangerow .leftpar div {width: 10px;}

tr.rangerow td.range_left input, tr.rangerow td.range_right input  {width:3.58em !important}
.holdcustom {margin-bottom: 3em;}
.explaincust {margin: 0 0 0 19px;}







h3.fornum {margin:3em 0 .5em 0;}
.holdsubmit {margin-top: 3em;}
#searchRows select {margin-left: -.67em;}
#searchRows .fieldfield select {margin-left: 0;}
.advin {}
#number_field_1 {border: none;
color:#fff;
font-size:0.01em;
font-weight:normal;
height:0.01em;
width: 1px;
line-height:0.01em;
}
.addTextRow {cursor:pointer;display: block;}/*change: 3/21*/
.addRangeRow {cursor:pointer;display: block;}/*change: 3/21*/
select#number_field_1 {display: none;}/*change: 3/21. This select is only kept for other collections. not needed in Franklin.*/
/*3 blocks on the recorddetail page*/
.recorddetailtxt {margin-right: 35%;padding-top: 8px;line-height: 135%;}    

			 
#holdingscol3 {float: right;width: 33%; display: block;padding-top: 9px;}

h1.recordtitle {font-size: 1.25em;margin-top: 16px; line-height: 1.25em; color: #333;}
h1.recordtitle.two  {margin-top: -.5em; font-weight: normal}

.recorddetailtxt dl {margin-top: 0;}
.recorddetailtxt dt {float: left;text-align: right; width: 142px;}
.recorddetailtxt dd {margin-left: 150px;padding-bottom: .5em}
.recorddetailtxt dt.bookplate, dd.bookplate {padding-top: 1em;}
.recorddetailtxt dt.format {padding-top: .25em;}

/*holdingscol3 (which is inside col1*/
#holdingscol3 .colunit { border:solid 1px #999; border-top: solid 3px #ddd; padding: 6px 6px 2px 6px; margin-bottom: 1px;}
#holdingscol3 .colunit.online {padding: 6px 6px 5px 6px;}
#holdingscol3 h3 {font-style: normal; color:#900;font-size: 1em; margin: 0; padding-bottom: .08em;}
#holdingscol3 .online h3, #holdingscol3 .adlres h3{font-style: normal; border-bottom: dotted 1px #999;font-size: 1em;margin: 0;}
#holdingscol3 h3/*, #holdingscol3 h3 a, #holdingscol3 h3 a:visited*/ {color:#900;}
/*#holdingscol3 h3 a:hover, #holdingscol3 h3 a:visited:hover {color:#c60;}*/
#holdingscol3 h3 a {font-weight: normal}
.online ul li, .adlres ul li {margin-top: .42em;}
.online div {margin-top:0.42em;}
.online div.access {color: #555; margin-top: .67em;font-size: .92em;padding-bottom: 1px;}
.reportoptions {font-size: .92em;margin-top: 1em; padding-left: 7px;}
.libloc ul li {padding: .42em 0; border-top: dotted 1px #999; }
.libloc ul div {text-indent: -1.58em;padding-left: 0;margin-top: .42em;}
.libloc ul div div {margin:.25em 0 .08em 0; text-indent: 0;}
.libloc ul div div#shelf {
    margin: 0.25em 0 .5em -.67em;
} 
.libloc ul div div.availabilitylink div.explain {
	margin-top: 0;
	padding-top: 0.42em;
	min-height: 2.25em;
}
.libloc ul div div.availabilitylink {
	display:block;
	margin-left: -.67em;
}
.libloc ul div div.availabilitylink.facexonly {
	display:none;	
}

.vshelfbtn {    
    display: inline-block;  
/*Dirty IE Hack*/
  zoom: 1;
}
.vshelfbtn,.availabilitylink a.requestbutton {
  background: #fefefe; /* Old browsers */
  background: -moz-linear-gradient(top,  #fefefe 0%, #fcfcfc 24%, #f6f6f6 36%, #eeefef 50%, #e0e0e0 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(24%,#fcfcfc), color-stop(36%,#f6f6f6), color-stop(50%,#eeefef), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #fefefe 0%,#fcfcfc 24%,#f6f6f6 36%,#eeefef 50%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #fefefe 0%,#fcfcfc 24%,#f6f6f6 36%,#eeefef 50%,#e0e0e0 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #fefefe 0%,#fcfcfc 24%,#f6f6f6 36%,#eeefef 50%,#e0e0e0 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #fefefe 0%,#fcfcfc 24%,#f6f6f6 36%,#eeefef 50%,#e0e0e0 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
  border: 1px solid #ccc;
  -moz-border-radius: 3px;/*6px;*/
  -webkit-border-radius: 3px;/*6px;*/
  border-radius: 3px;/*6px;*/
  color: #000;
  cursor: pointer;
  font-family: "Source Sans Pro","Arial Unicode MS",Helvetica,sans-serif;
  font-size: 1em;
  font-weight: normal;
  letter-spacing: 0.03em;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.4);
  padding: 0.33em 0.67em 0.5em 0.75em;   
}
.vshelfbtn:hover,
.availabilitylink a.requestbutton:hover {
	color: #444;
	text-decoration:none;
	background: #e0e0e0; /* Old browsers */
	background: -moz-linear-gradient(top,  #e0e0e0 0%, #eeefef 50%, #f6f6f6 64%, #fcfcfc 76%, #fefefe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(50%,#eeefef), color-stop(64%,#f6f6f6), color-stop(76%,#fcfcfc), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e0e0e0 0%,#eeefef 50%,#f6f6f6 64%,#fcfcfc 76%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e0e0e0 0%,#eeefef 50%,#f6f6f6 64%,#fcfcfc 76%,#fefefe 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e0e0e0 0%,#eeefef 50%,#f6f6f6 64%,#fcfcfc 76%,#fefefe 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e0e0e0 0%,#eeefef 50%,#f6f6f6 64%,#fcfcfc 76%,#fefefe 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}
a.vshelfbtn {
	color: #000;
}
a.vshelfbtn:hover {
	color: #444;
}
.availabilitylink:first-of-type {
	margin-top: .42em;
}
.requestbutton {
	float:left;
	display:block;
	margin-right: .67em;
}
.reportit.availabilitylink a.requestbutton, .reportit.availabilitylink a.requestbutton:visited {
    background: none;
    border: none;
    border-radius: 0;
    color: #15158c;    
    padding: 0;
    text-shadow: none;
	display:inline;
	float:none;
}
.reportit.availabilitylink a.requestbutton:hover, .reportit.availabilitylink a.requestbutton:visited:hover {
	color: #c60;
}	
.courselink {margin-left: 1.58em;}
#holdingscol3 .status {margin-top: .42em;}
h4.loc {font-size: 1em; font-weight: normal; margin: 0;}
h4.loc a {color: #15158c;}
h4 span {font-weight: normal;}
#holdingscol3 ul li{
	background-image:url(images/common/holdingslist.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
    list-style-type:none;
	padding-left: 1.58em;
	}
#holdingscol3 .libloc ul li {background-position: 0 9px;}
#holdingscol3 ul{
    list-style-type:none;
	line-height: 135%;
	padding-left: 0;
	margin:0 0 0 0;
	}
#holdingscol3 .status span {font-size: .92em;}
.locationiframe {margin-top:-.5em;height: 9em;}
.afterholdingsblocks {font-size: .92em;margin-top: 1em; padding-left: 7px;}
.fiveosix {padding: 3px 0 3px 7px; font-style: oblique;}

#gotovshelf {
    display: none;    
    padding: 1em;
	max-height: 4em;
}
.vshelftitle {
	height: 1.5em;
}
h4.browse_title {
   font-size: 1.08em;
   display:inline;
   margin: 0 .5em 0 0;
}
#vshelfbuttons {
    margin-top:.56em;
}
.vshelfbtn {
    margin-right:1em;
}
#homepagecontent {padding-left: 5px; margin-top: -18px;margin: 0 auto 0 auto; width: 80%;}
.metapages #homepagecontent .metaindex .metablurb, .metapages #homepagecontent .metaindex .colnews {
	display:inline-block;	 
	vertical-align:top;
	/*IE Hack*/
    zoom: 1;
    *display: inline;
	width: 48%;
	}
.metapages #homepagecontent .metaindex .metablurb {
	margin-right: 1.5%;
	}
.metapages #homepagecontent .metaindex .colnews {
	margin-left: 1.5%;
	}
.collection-news, .itemdesc {font-size: .92em}
.morenews {
	text-align: right; font-weight:bold; font-style:oblique;
}
.metapages #homepagecontent {width:95%;}
.begin {letter-spacing: .01em; font-style: oblique;}
.mimicfacethead  {background-image: url(images/common/facetheaderbg.gif); background-repeat:repeat-x; background-position:0 -3px;}
.findcourseres {margin-top: 0.42em;}
.catincluding {font-weight: normal; font-size: 13px; font-style: oblique;color: #000;}
h3.seefranklin {padding-bottom: 2px;}
span.franklinhomedemo {
    background-image: url(images/franklin/buttonfranklinhomedemo.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
	height: 20px;
    padding: 2px;
}
span.franklinhomedemo img {width: 85px; height: 20px;}
span.franklinhomedemo {
	background-image:url(images/franklin/buttonfranklinhomedemo.gif); 
	background-repeat: no-repeat; background-position: 0 0; 
}
span.franklinhomedemo:hover {
	background-image:url(images/franklin/buttonfranklinhomedemo_o.gif); 
	}
h3.seefranklin {padding-bottom: 2px;}

.grnotch.resultspage .briefrecord {border-top: solid 1px #d2d2d2 ; background-image: none;}
/*this is for courseres*//*.grnotch.resultspage .briefrecord .buffer {background-image: url(images/franklin/recorddividerie.gif); background-repeat:no-repeat; background-repeat:repeat-x;height: 14px}*/
.grnotch.resultspage .briefrecord dl {margin-top: 0}
/*accordion*/
/*adjust existing td*/
td.holdnumresults, td.holdnumresults .holdsortby {width: 101px}
td.holdnumresults .holdsortby, td.holdsortoptions .holdsortby {padding-left: .75em}
td.holdsortoptions .holdsortby {text-align: right;width: 190px;float: none;}
td.holdsortoptions, td.holdnumresults {vertical-align:bottom;}

/*accordion control*/
.holdaccordioncontrol div img {height: 17px; width: 13px;}
.holdaccordioncontrol a#collapser {display: block; text-align: right; width: 12em; padding:.33em 1.58em .17em 0;background-position: right 6px;background-repeat: no-repeat; }
.holdaccordioncontrol a#collapser {background-image: url(images/common/facetopen.gif);}
.holdaccordioncontrol a#collapser.closed {background-image: url(images/common/facetclosed.gif);}
#collapser.hiderefs {width: 12em;}
/*.hiderefs {margin-right: .83em;} gonna do this in holdsortby*/
/*briefrecord toggle*//*for title browse drill down to dd and dt so we can expose the dd title for call number.*/
.briefrecord.closed dl, .headingunit.closed dl, .briefrecord.closed .googleimage, .briefrecord.closed dt, .briefrecord.closed dd {display: none;}
.briefrecord.closed {padding-bottom: 1.5em;}
#rbrowse .briefrecord.closed {    margin-bottom: 0;}
img.closeonecontrol {width: 11px; height: 11px;background-repeat: no-repeat; cursor: pointer;}
.briefrecord img.closeonecontrol {background-image: none;}
.briefrecord.closed img.closeonecontrol {background-image: url(images/common/facetclosed.gif);}
.briefrecord.open img.closeonecontrol {background-image: url(images/common/facetopen.gif);}
.briefrecordtitle {text-indent: -17px; padding-left: 17px;}

/*nomatches*/
div#nomatches {width: 50em; line-height: 135%;margin: 2em auto;}
#nomatches ul li {margin-top: .25em;}
#nomatches ul {list-style-image: url(http://www.library.upenn.edu/images/common/dotsidebarul.gif);
     list-style-type: disc;
     margin: 6px 0 6px 7px;
     padding-left: 8px;
}
#nomatches #chaticon {float: right;margin-left: 1.5em;}
#nomatches h3 {font-weight: bold; font-style: oblique; letter-spacing: .01em; font-size: 1em; margin: 0 0 0 0;}
.summon-noresults {width: 100%; line-height: 135%;margin: 2em auto;}    
.summon-noresults ul li {margin-top: .25em;}    
.summon-noresults ul {list-style-image: url(http://www.library.upenn.edu/images/common/dotsidebarul.gif);   
     list-style-type: disc;   
     margin: 6px 0 6px 7px;   
     padding-left: 8px;   
}   
.summon-noresults h3 {font-weight: bold; font-style: oblique; letter-spacing: .01em; font-size: 1em; margin: 0 0 0 0;}

.facexonly, .reservesonly, .resultspage .detailedonly {display:none;}
 /*googleimage*/
.briefrecordimageholder {float: right;/*padding-right: 1em;*/ text-align: right; height: 80px;}/*change*/
.briefrecordimageholder img {margin-left: 45px; margin-right: 10px; height: 80px;}/*change*/
.recordpage .googleimage img {height: 126px;margin-top: 2px;margin-left: 15px;}/*change*/
#recorddetails .googleimage {float: right;padding-right: 0;}

/* following differs from stylecourseres */
.courseresskip { display: none }
/*accessibility*/
.homepage h2#maincontent.invisible {
	left: -9000px;
    position: relative;}
/*federated homepages*/
.bigtabs.homepage.metapages #col1, .bigtabs.homepage.articlepages #col1 {
    margin-left: 1em;
}/*TILL WE HAVE LEFT SOURCES COL*/
/**/

.blogcol.news {
    padding-right: 1%;
    width: 38%;
}
.blogcol {
    display: inline-block;
	vertical-align: top;
	/*IE Hack*/
    zoom: 1;
    *display: inline;
    min-height: 29.1667em;
    text-align: left;
    
}
/*start carousel*/
.holdnewsfeature {
    padding-right: 8%;
}
.blogcol {
    text-align: left;
}
.newsfeature.one {
    background-position: 0 0;
}
.newsfeature {
    background-image: url("http://www.library.upenn.edu/images/homepage2014/newsfeaturesprite.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    font-size: 12px;
    height: 8.8333em;
    width: 100%;
	margin: 0 auto;
    padding: 0;
}
.flex-direction-nav {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
li.holdflex-prev {
    float: left;
}
li.holdflex-next {
    float: right;
}
#homepagecontent ul.flex-direction-nav li {
    background-image: none;
    line-height: 135%;
    list-style-type: none;
    margin-top: 0.75em;
    padding-left: 0;
}

li.holdflex-prev, li.holdflex-next, .flex-prev, .flex-next {
    height: 53px;
    margin-top: 0.75em;
    width: 32px;
}
.flex-prev, .flex-next {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 1em;
    opacity: 0.2;
    text-indent: -9999em;
    z-index: 90;
}
.flex-prev {
    background: url("http://www.library.upenn.edu/images/homepage2014/larr.png") no-repeat scroll 11px 50% #000;
}
.flex-next {
    background: url("http://www.library.upenn.edu/images/homepage2014/rarr.png") no-repeat scroll 11px 50% #000;
}
.caption {
    font-size: 1em;
    line-height: 150%;
    margin-top: 0.5em;
}
.tabletonly br {display:none;}
/*end carousel*/
/*news items*/
<!-- xxxxxxxxxxxxxxxxxxxxxxxx  xxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxx -->




#homepagecontent  ul.startling li {
    background-image: url(images/common/holdingslist900.gif);
	margin-top: 0.5em;
	background-position: 0 .5em;
}
#homepagecontent  ul li {
    background-image: url(images/common/holdingslist.gif);
    background-position: 0 5px;
    background-repeat: no-repeat;
    list-style-type: none;
    padding-left: 14px;
    margin-top: 0.24em;
	line-height: 135%;
}
#homepagecontent ul {    
    list-style-type: none;
    margin: 0;
    padding-left: 0;	
}
.ancillarypage #col1 {
	line-height: 150%.
}
.searchstrat h4 {
	margin: 1em 0 .3em 0;
}
<!--  collection news -->
#homepagecontent h3.ongray {
	font-weight: bold; 
	background-color: #eee; 
	margin-bottom: 9px;
	font-style: normal;
	padding-left: 36px;
	color: #000;
	}
#homepagecontent .metaindex h3, #homepagecontent .articleindex h3,#homepagecontent .catalogindex h3 {
	font-weight: bold;
	background-color: transparent;
    color: #900;
    font-size: 1.17em;
    margin: 1.5em 0 .4em 0;
    padding-left: 0;
	
}
#homepagecontent .metaindex .colnews h3 {
	margin-top:0;
	background-color: #e8e8e8;
	color: #444;
	font-style:normal;
	font-size: 1.08em;
	padding: .08em .33em .33em .33em;
	letter-spacing: .02em;
	} 
.colnews h3.colnewsheader .colnewslabel {
	display:inline-block;
	vertical-align: top;
	/*IE Hack*/
    zoom: 1;
    *display: inline;
}
.colnews h3.colnewsheader .colnewslabel div {
	padding-top:1em;
}
.colnews h3.colnewsheader .colnewslabelicon {	
	display:inline-block;  
	vertical-align:top; 
	/*IE Hack*/
    zoom: 1;
    *display: inline;
	width: 3.91667em; 
	background-image: url(images/franklin/news.png);
	background-repeat: no-repeat; 
	height: 2.2em;
	width: 2.75em;
}


#homepagecontent .metaindex h3.inline, #homepagecontent .articleindex h3.inline,
#homepagecontent .catalogindex h3.inline { 
	display: inline;
    margin: 0;
}
.collection-news {
	line-height: 145%;
}
.feed-item {
	margin: 0 0 .75em 0;	
}
.collection-news .item-title {
	font-weight:bold;
}
.feed-item span {
	text-transform: uppercase; 
	color: #888; 
	font-size: 0.92em;
}
/*end news items*/

/* Ivan's new styles. */
#summon-login-alert.loggedin { display: none; }
.resultscount { float: right; font-size: 14px; }
.odd { background-color: #ECECEC }
.summonarticle { border-top: 1px solid #D2D2D2; padding: 16px 5px; }
.briefrecord {
	border-top: solid 1px #d2d2d2 ; 	
	padding-top: 0; 
	padding-bottom: .83em;
	margin-bottom: 0; 
}
.result-title { margin-bottom: 10px; text-indent: -17px; padding-left: 17px; }
#summonresults dt { float: left; text-align: right; width: 6.923em; padding-top: 2px; }
#summonresults dd { margin-left: 7.69em; padding-top: 2px; padding-left: 0; text-indent: 0; }
.didyoumean { font-style: italic; }   
.didyoumean a { font-weight: bold; font-style: normal; }
.summon-spinner { margin: 3% 50%; }
.abstract {
  margin: 0 45px;
}
.abstract-contents {
  border: 1px solid #D2D2D2;
  padding: 10px;
}
.abstract button img {
  background-image: url("images/common/arrowdownminus.png");
  background-position: right top;
  background-repeat: no-repeat;
  height: 5px;
  width: 7px;
  margin-left: 5px;
}
.abstract button.active img {
    background-position: right bottom;
}

/*For IE compatibility*/
/*IE6*/
.ie6 .briefrecord {border-top: solid 1px #d2d2d2 ; /*background-image: url(images/franklin/recorddivider.gif);  background-repeat:repeat-x; */padding-top: 0; margin-bottom: 24px; background-position:top left;}
.ie6 .buffer {height: 16px;background-image: none;}
.ie6 .resultspage #col1 {padding-top: 0;}
.ie6 .resultspage .resultstoolbar {margin-top: -1.5em;}
.ie6 .recordpage #holdingscol3 {padding-top: 0; margin-top:-.75em; }

.ie6 .finditbgyellowstrip {height: 43px;}
.ie6 .advsrchpage .finditbgyellowstrip {height: 28px;}
.ie6 #searchRows .selectfield label, #searchRows .fieldfield label {display: none;}
.ie6 #searchRows .selectfield select, #searchRows .fieldfield select {
    margin-left: 1px !important;
}
.ie6 .advsrchpage #col1 {padding-top:0;}
.ie6 .grnotch .finditmargingray {
    background-repeat: repeat-y;
    height: 16px;
}
.ie6 .seefranklin span.franklinhomedemo {background-position: 0 6px;}/*change 3/24*/
.ie6 .advsrchpage #finditbgholder {border-bottom: none;}
.ie6 .advsrchpage #advancedsearch {padding-top: 2em;}
.ie6 #searchRows select {margin-left: 0 !important;}
.ie6 #content #altsrchtable .firsttab a h2, .ie6 #content #altsrchtable .secondtab a h2 {
    font-size: 13px;
}
.ie6 .yellowstem img {
    height: 15px;
    width: 10px;
}
/*.ie6 ul#helpDropdown, ul#helpDropdown li {
	text-align: right!important;
}*/
.ie6 #shelf {display: none;}
.ie6 .briefrecord .briefformatinfo {padding-top: 6px; height: 2em;}
.ie6 .locationiframe {margin-top:0; height: 9.5em;}

/*IE7*/
.ie7 .briefrecord {border-top: solid 1px #d2d2d2 ; /*background-image: url(images/franklin/recorddivider.gif); background-repeat:no-repeat; background-repeat:repeat-x;*/ padding-top: 0; margin-bottom: 24px; background-position:top left;}
.ie7 .buffer {height: 16px;background-image: none;}
.ie7 .resultspage #col1 {padding-top: 0;}
.ie7 .resultspage .resultstoolbar {margin-top: -1.5em;}
.ie7 .recordpage #holdingscol3 {padding-top: 0; margin-top:-.75em; }
.ie7 .advsrchpage #col1 {padding-top:0;}
.ie7 span.franklinhomedemo {background-position: 0 6px;}/*change 3/24*/
.ie7 .recordpage #titlepv {right: 50px; font-weight: normal; text-align: right; letter-spacing: .02em; width: 305px; left: auto; font-size: 19px; letter-spacing: .03em;top: 2.2em; height:auto;padding-bottom: .5em}
.ie7 .briefrecord dd {margin-left: 150px; padding-top: 2px; padding-left: 0; text-indent: 0;}
.ie7 .briefrecord dd dd {margin-left: 0 !important; padding-top: 2px; padding-left: 20px; text-indent: -20px;}
.ie7 .briefrecord dd div {margin-left: 0 !important; padding-top: 2px; padding-left: 20px; text-indent: -20px;}
.ie7 #shelf {display: none;}
.ie7 #searchRows select {margin-left: 0;}
.ie7 .briefrecord .briefformatinfo {padding-top: 6px; height: 2em;}
.ie7 .locationiframe {margin-top:0; height: 9.5em;}

/*IE8*/
.ie8 .briefrecord {border-top: solid 1px #d2d2d2 ; background-image: none;}
/*.ie8 .buffer {background-image: url(images/franklin/recorddividerie.gif); background-repeat:no-repeat; background-repeat:repeat-x;}*/
.ie8 #searchRows select {margin-left: -.5em;}
.ie8 .briefrecord .briefformatinfo {padding-top: 6px; height: 2em;}
.ie8 .locationiframe {margin-top:0; height: 9.5em;}
/*IE9*/
.ie9 .briefrecord {border-top: solid 1px #d2d2d2 ; background-image: none;}
/*.ie9 .buffer {background-image: url(images/franklin/recorddividerie.gif); background-repeat:no-repeat; background-repeat:repeat-x;}*/
.ie9 .holdsearch select {height: 30px padding: 3px 0 3px 0; }
.ie9 #searchRows select {margin-left: -.5em;}
.ie9 .advsrchpage #col1 {padding-top:0;}