@import "layout.css";
@import "style.css";

/* My styles */


#hd {
  background-color:#fff;
  padding-top:10px;
}
html, body {
  height: 100%;
  background-color:#fff;
}
.content {
  padding:10px;
  background-image:url("/images/bg_grey.jpg");
      background-repeat:repeat-x;
      background-color:#fff;
      border-top: 1px solid #cccccc;
}
.contentbox {
  background-color:#FFF;
  border: 1px solid #cccccc;
  padding:5px;
  margin-left:15px;
}

.box {
  /*background:url("/images/tabs_bg.jpg") repeat-x right top;*/
  background-color:#fff;
  border: 1px solid #cccccc;
  margin-left: 15px;
  padding:5px;
}

.details {
  border: 1px solid #cccccc;
  padding: 20px 1em 1em 1em;
}
.submenu {
  margin-top:11px;
}
.submenu h4 {
  border-bottom: 1px solid #eee;
  padding-bottom: 3px;
}
.narrow {
    padding-top: 15px;
}
.narrow_begin {
    display: block;
}
.narrow_end {
    display: none;
}
.myblock {
  border: 1px solid #cccccc;
  padding:15px;
}

div.recordnav {
}

ul.menu {
  display: none;
  margin-top: 10px;
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  position:absolute;
}
ul.menu li{
  border-bottom: 1px solid #cccccc;
  padding:5px;
  clear: left;
  position:block;
  width:100px;
  text-align: left;
}
#ft {
  background-color:#f5f5f5;
  border-top: 1px dotted #cccccc;
  padding:10px 25px;
  margin:15px 0 25px 0;
  font-size:90%;
}
#ft div {
  float:left;
  border-right: 1px dotted #cccccc;
  margin-right:1em;
  padding: 0 2em 1em 0;
  width: 25%;
}
.result {
  background-color:#f5f5f5;
  padding:10px 5px;
  margin-bottom:5px;
}

.results_format {
  margin-top: 0.25em;
}

.results_title {
  font-size: 110%;
}

.results_title2 {
  font-size: 100%;
}

.results_author, .results_format, .results_published {
  padding-left: 1em;
}

.record {
  /* border-right: 1px dashed #cccccc; */
  padding:10px 15px 10px 10px;
}
.result.unavailable {
  background-color:#fff5ee;
}
.result.alt {
  background-color:#eee;
  border-top: 1pt solid #ccc;
  border-bottom: 1pt solid #ccc;
}
.toggle {
  text-align:right;
}
.toggle img {
  vertical-align:text-bottom;
}
.resultitem {
	margin-left:100px;

}
.resulthead {
  padding:10px 10px 5px 10px;
  margin-bottom:1.5em;
  border-bottom: 1px solid #eee;
}
.searchbox {
  margin: 0 10px 3px 10px;
  position: relative;
  height: 4.65em;
}
.search-location-select,
.search-extras {
  position: absolute;
  right: 0;
}
.search-location-select .clean-select select {
  width: 28em;
}
.search-location-select .clean-select {
  width: 25.5em;
}
.search-extras {
  bottom: -2px;
}
.search-location-select,
.search-query-block {
  height: 2.25em
}
.search-location-select label {
  position: absolute;
  top: 0.5em;
  right: 100%;
  width: 5.5em;
  font-weight: bold;
  color: #00274C;
}
.search-query-block label {
  color: #00274C;
  float: left;
  margin: 0 0.5em;
}
.search-query-block input[type="checkbox"] {
  width: 16px;
  height: 16px;
}
a.dolightbox img {
  vertical-align: middle;
  position: relative;
  bottom: 0.2em;
  left: 0.2em;
  cursor: pointer;
}
.search-query-block input[type="button"],
.search-query-block input[type="text"],
.search-query-block .clean-select {
  float: left;
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.4em 0.6em;
  color: #444;
}
.search-query-block input {
  float: left;
}
.search-query-block .clean-select {
  padding: 0;
  width: 13.5em;
}
.search-query-block .secondRowOfTheSearchBox {
  position: absolute;
  top: 3.3em;
  left: 0;
}
.searchbox-button,
a.searchbox-button:link,
a.searchbox-button:visited {
  color: #444;
  background-color: #EEE;
  border: 0.1em solid #999;
  cursor: pointer;
}
.searchbox-button[type="submit"] {
  color: #FFF;
  background-color: #496587;
  border: 0.2em solid #00274C;
  padding: 0.3em 1.2em;
  font-style: italic;
  margin-left: 10px;
  height: 100%;
}
.searchbox-button[type="submit"]:hover,
.searchbox-button[type="submit"]:focus {
  background-color: #394E69;
  border-color: #001021;
}
input.searchbox-button {
  margin-right: 10px;
}
a.searchbox-button {
  margin-left: 6px;
}
a.searchbox-button:link,
a.searchbox-button:visited {
  padding: 5px 8px 4px 8px;
}
a.searchbox-button:focus,
a.searchbox-button:hover,
.searchbox-button:focus,
.searchbox-button:hover {
  background-color: #DDD;,
  border-color: #888;
  text-decoration: none;
}
#lookfor {
  border: 0.1em solid #555;
  width: 25%;
  z-index: 2;
  position: relative;
}
#lookfor:focus {
  border-color: #48C;
}
.clean-select select {
  background: transparent;
  width: 15.5em;
  height: 100%;
  padding: 0.4em 0.5em;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  font-style: italic;
  cursor: pointer;
}
.clean-select {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  background: url(/images/select-arrow.png) no-repeat right #F6F6F6;
  border: 0.1em solid #555;
  margin-left: -0.1em;
  height: 100%;
  position: relative;
}
.clean-select:after {
  content: " ";
  display: block;
  border-left: 0.1em solid #555;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 21px;
}
.homepage .searchbox {
  background-color: #DFE7EF;
  border-top: 0.2em solid #00274C;
  border-bottom: 0.2em solid #00274C;
  position: absolute;
  top: 25%;
  left: 12.5%;
  width: 75%;
  padding: 25px 40px;
  font-size: 1.2em;
  height: auto;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.homepage .searchbox h2 {
  position: absolute;
  top: -1.6em;
  left: 3px;
  font-size: 1.5em;
  color: #00274C;
}
.homepage .search-extras {
  bottom: -2.33em;
}
.homepage .search-location-select {
  position: relative;
  float: right;
}
.homepage .search-query-block {
  position: relative;
  float: right;
  clear: right;
  width: 100%;
  font-size: 1.1em;
  height: 2.9em;
  margin: 0.85em 0 2em 0;
  font-size: 0.95em;
}
.homepage .search-query-block input[type="submit"] {
  border-width: 0.15em;
  margin: 0;
  position: absolute;
  right: 0;
  padding: 0.74em 1.8em;
  width: 6.2em;
}
.homepage .search-query-block .secondRowOfTheSearchBox {
  top: 3.8em;
}
.homepage a.dolightbox img {
  bottom: 0.1em;
}
.homepage #lookfor {
  width: 100%;
}
.homepage .search-query-block .clean-select {
  position: absolute;
  right: 7em;
  width: 14.5em;
}
.homepage .search-query-block .clean-select select {
  padding: 0.7em 0.5em;
  width: 16.5em;
}
.homepage .search-location-select .clean-select select {
  padding: 0.4em 0.5em;
}
.lookfor-width-fix {
  position: absolute;
  height: 100%;
  left: 0;
  right: 21.4em;
}

.searchtools {
	background-color: #f5f5f5;
	padding: 1em;
	font-size: 90%;
}

.navmenu {
  margin:0px;
}
.navmenu li {
  padding:.1em 0 .1em .5em;
  list-style-type: none;
  border-bottom: 1px solid #e3e3e3;
}
.navmenu dd {
  padding:.1em 0 .1em .5em;
  list-style-type: none;
  border-bottom: 1px solid #e3e3e3;
}
.navmenu dt {
  margin-top:.75em;
  font-weight:bold;
}
a.title {
  font-size:100%;
  font-weight: bold;
  color: #14356A;
}


.narrow dd {
  color:#999;
}

p.correction a {
    font-weight: bold;
    font-style: italic;
}

.error {
    color: #C00;
}

#tagForm {
    display: none;
}
#narrowLoading {
    padding: 50px 0px 100px 0px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
}
div.warning {
    font-weight: bold;
    font-family: courier new, courier, fixed;
    color: #990000;
}
#listForm {
    display: none;
}
#lightbox {
    background-color: #FFFFFF;
    display: none;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 7;
    opacity: .8;
    filter: alpha(opacity=80);
    -moz-opacity: .8;
}

div.popupBox {
    background-color: #f5f5f5;
    display: none;
    border-right: solid 2px #999999;
    border-bottom: solid 2px #999999;
    position: absolute;
    z-index: 10;
    left: 33%;
    width: 33%;
    font-size: 95%;
    height: 300px;
    text-align: left;
}

div.popupBox .header {
    background-color: #CCCCCC;
    padding: 3px 0px 3px 10px;
}

div.popupBox .header a {
    float: right;
    text-decoration: none;
    font-weight: bold;
}

div.popupBox .content {
    padding: 5px 20px 20px 20px;
}


div.popupBox a.close {
    font-size: 8pt;
    font-weight: bold;
    padding: 2px;
    color: #000000;
    float: right;
    border: outset 1px;
}

div.popupBox ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

div.popupBox ul li {
    border-bottom: solid 1px #CCCCCC;
    padding: 4px;
}

div.popupBox ul li.selected {
    background-color: #FFFFEE;
}

div.popupBox ul li a {
    color: #000000;
    text-decoration: none;
}

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

ul.similar li {
  padding-bottom: 8px;
  line-height: 1.1em;
}


ul.browse {
    border: solid 1px;
    height: 300px;
    overflow: scroll;
}

/* Tabs */

#tabnav {
  font-size:90%;
  margin-top:4em;
  width:100%;
  }
#tabnav ul {
  display:inline-block;
  margin:0;
  padding:0px 0 0 0px;
  list-style:none;
  }
#tabnav li {
  position:relative;
  display:block;
  float:left;
  margin:0;
  padding:0 0 0px 0px;
  }
#tabnav a {
  display:block;
  background:url("/images/tabs_bg.jpg") repeat-x right top;
  padding:.7em 1em .7em 1em;
  text-decoration:none;
  border-top: 1px solid #ccc;
  border-left: 1px solid #eee;
  border-right: 1px solid #ccc;
  color:#333;
  }


#tabnav a:hover {
  background:url("/images/tabs_hover_bg.jpg") repeat-x right top;
  }
#tabnav .active a:hover {
  background:url("/images/tab_active_bg.jpg") repeat-x right top;
  }


 #tabnav a.first {
 border-left: 1px solid #ccc;
 }

#tabnav a:hover {

  }
#tabnav .active {

  }
#tabnav .active a {
  background-image:url("/images/tab_active_bg.jpg");
  color:#000;
  }

#tabnav .active a span.arrow {
    position:absolute;
    bottom:-15px;
    left:50%;
    margin-left:-8px;
    width:17px;
    height:15px;
    background:url("/images/tab_active_arrow.jpg") left top no-repeat;
}
* html .tabs .active span{
    margin-left:-20px;
    bottom:-15px;
}
* html .tabs li a{
    position:relative;
}

/* HTML Tags */
a {
  text-decoration:none;
  color:#0066cc;
}
a:hover {
  color:#0066cc;
}
h1 {
  font-size:150%;
  font-weight:normal;
  color:#000;
}
h2 {
  font-size:140%;
  font-weight:normal;
}
h3 {
  font-size:120%;
  font-weight:normal;
  margin-bottom:.5em;
  color:#000;
}
h4 {
  font-size:110%;
  font-weight:normal;
  margin-bottom:.5em;
  color:#000;
}
body {
  font-family: "Arial Unicode MS", Arial, Sans-Serif;
  color:black;
}
p {
  margin-bottom:1em;
  line-height:1.3em;
}
hr {
	border: 0;
	height: 1px;
	background-color: #CCCCCC;
	color:#CCCCCC;
	margin-bottom:1em;
	}
strong {
  font-weight:bold;
}
/* Citation Table */
.citation {
  font-size:90%;
}
.citation th {
  text-align:left;
  color:#666;
  padding:.3em 0 .3em 0;
}
.citation tr {
  border-bottom: 1px solid #f3f3f3;
}
.citation td {
  padding:.3em 0 .3em 1em;
}
.citation tr, .citation td {
  vertical-align:top;
}

/* Holdings Table */
.holdings {
  font-size:90%;
}
.holdings th {
  text-align:left;
  color:#666;
  padding:.3em 0 .3em 0;
}
.holdings tr {
  border-bottom: 1px solid #f3f3f3;
}
.holdings td {
  padding: 0.25em 1em 0em 0em;
  margin: 0px;
}

.holdings td.holdingLocation {
  padding-left: 0.5em;
}

.holdings tr, .holdings td {
  vertical-align:top;
  text-align:left;
}

#all_holdings h3.holdings_header {
  margin-top: 2em;
}

#all_holdings h4, #all_holdings table {
  /* margin-left: 2em; */
}

#all_holdings h4 {
  margin-top: 0.5em; */
}

#all_holdings .toggle {
  text-align: left;
  /* margin-left: 2em; */
}

/* Pagination */

.pagination {
  font-size:90%;
/*  padding:1.5em 0 1.5em 0;
  margin:1.5em 0;
*/  text-align:center;
  border-top: 1px solid #eee;
}
.pagination a {
  padding: .2em .3em;
  margin-right:.5em;
  border: 1px solid #fff;
}
.pagination a:hover {
  border: 1px solid #cccccc;
}
.pagination span {
  padding: .2em .3em;
  margin-right:.5em;
  font-weight:bold;
}

/* Data Grid (Holdings) */

table.datagrid {
	width:auto;
    border-collapse: collapse;
}

table.datagrid th {
    color: #003366;
    background-color: #DDEEFF;
    border: solid 1px #99CCFF;
    text-align: left;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    padding: 5px 15px 5px 15px;
}

table.datagrid th a {
    color: #336699;
}

table.datagrid td {
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    padding: 5px 10px 5px 10px;
}

table.datagrid td a {
    color: #003366;
}

table.datagrid tr.evenrow {
    background-color: #EEEEEE;
}

table.datagrid tr.oddrow {
    background-color: #DDDDDD;
}

/* Comments */

.commentList {
	margin-bottom: 1em;
}
.commentList li {
	border-bottom: 1px solid #eee;
	padding-bottom: 1em;
	margin-bottom:1em;
}
.commentList li div.posted {
	color:#666;
	font-size: 80%;
	margin-top:1em;
	width:100%;
}


.cite {
  background-image:url(/images/silk/report.png);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}
.export {
  background-image:url(/images/silk/application_add.png);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}
.sms {
  background-image:url(/images/silk/phone.png);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}

span.tag {
  background-image:url(/images/silk/tag_blue.png);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}
.mail {
  background-image:url(/images/silk/email.png);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}

#RSSFeed {
  background-image:url(/images/feed-icon.png);
  background-repeat:no-repeat;
  background-position: left;
  padding-left: 18px;

}
.fav {
/*  background-image:url(/images/silk/heart.png);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em; */
}
.edit {
  background-image:url(/images/silk/edit.png);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em 0 .5em 18px;
  margin-right:.7em;
}
.delete {
  background-image:url(/images/silk/delete.png);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 18px;
  margin-right:0;
}
.feed {
  background-image:url(/images/silk/feed.png);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-left:1em;
}
#menuAddList img {
	vertical-align: text-bottom;
}
.add {
  background-image:url(/images/silk/add.png);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 18px;
  margin-right:0;
}
.available {
  background-image:url(/images/bullet_green.png);
  background-repeat:no-repeat;
  color:#009900;
  padding-left:18px
}
.available span{
  padding-left:10px;
}
.checkedout {
  background-image:url(/images/bullet_red.png);
  background-repeat:no-repeat;
  color:#cc0000;
  padding-left:18px
}
.checkedout span{
  padding-left:10px;
}

.backtosearch {
	font-size: 90%;
}

.refworkslink {
    background-image:url(/images/refworks.gif);
    background-repeat:no-repeat;
    background-position: left;
    padding:.5em .5em .5em 25px;

}

.endnotelink {
    background-image:url(/images/endnote.png);
    background-repeat:no-repeat;
    background-position: left;
    padding:.5em .5em .5em 20px;
    margin-right:1em;
}


.iconlabel {
  line-height: 16px;
  font-size: 8pt;
  font-weight: bold;
  background-image:url(/images/bullet_black.png);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}

.availableonline {
  background-image:url(/images/fulltext.gif);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}

.electronic, .electronicresource {
  /* background-image:url(/images/tango/www.png); */
  background-image:url(/images/computer.png);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}
.map {
  background-image:url(/images/silk/map.png);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}
.globe {
  background-image:url(/images/silk/world.png);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}
.slide {
  background-image:url(/images/silk/photo.png);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}

.microfilm, .microform {
  background-image:url(/images/microform.gif);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}

.photo {
  background-image:url(/images/silk/picture.png);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}

.video {
  background-image:url(/images/tango/video.png);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}

.motionpicture {
  background-image:url(/images/motionpicture.gif);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}



.videodvd, .audiocd {
  background-image:url(/images/videodvd.gif);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}

.videobluray {
  background-image:url(/images/videobluray.gif);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}

.videovhs {
  background-image:url(/images/videovhs.gif);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}

.audiomusic {
  background-image:url(/images/audiomusic.gif);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}

.audiolp {
  background-image:url(/images/audiolp.gif);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}

.visualmaterial {
  background-image:url(/images/visualmaterial.gif);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}


.newspaper {
  background-image:url(/images/newspaper.gif);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}

.kit {
  background-image:url(/images/silk/package.png);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}

.musicalscore {
  background-image:url(/images/musicalscore.gif);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}
.sensorimage {
}

.audio {
  background-image:url(/images/audio.gif);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}

.audiospokenword {
  background-image:url(/images/audiospokenword.gif);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}

.archive {
  background-image:url(/images/archive.gif);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}

.physicalobject {
}
.manuscript {
  background-image:url(/images/silk/report_edit.png);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}
.ebook {
  background-image:url(/images/ebook.png);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}

.journal, .serial {
  background-image:url(/images/journal.gif);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}


.book {
  background-image:url(/images/silk/book.png);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}

.software {
  background-image:url(/images/software.png);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}

.datafile {
  background-image:url(/images/datafile.png);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;
}

.buyareprint {
  background-image:url(/images/buy-reprint.png);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;  
}

.buyareprint_tab {
  background-image:url(/images/buy-reprint.png);
  background-repeat:no-repeat;
  background-position: left;
  padding-left: 20px
}

.availableforprintondemand {
  background-image:url(/images/buy-reprint.png);
  background-repeat:no-repeat;
  background-position: left;
  padding:.5em .5em .5em 20px;
  margin-right:1em;  
}
  
/*Image Alignment*/

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	padding: 4px;
	margin: 0 7px 2px 0;
	}

.alignleft {
	float: left;
	padding: 4px;
	margin: 0 15px 2px 0;
	}


ul.filters li {
  text-indent: -20px;
  padding-left: 20px;
}

ul.filters li em {
  font-style: italic;
}

.note {
  margin-top: 2em;
}

#feedback_form_wrapper td {
  vertical-align: top;
}

#content.recordcontent {
 margin: 0px;
 padding: 0px;
 margin-left: 19em;
}


.resultitem {
  margin-left: 90px;
  padding-left: 0.75em;
}



#tempBoxes {
   padding-right: 1em;
   padding-bottom: 1em;
}

#tempBoxes ul {
  display: inline;
  margin-left: 0em;
}

#tempBoxes li {
  display: inline;
  padding-left: 0.75em;
  padding-right: 0.75em;
  border-left: 1pt solid black;
  background-color: white;
}

#tempBoxes li.first {
  border-left: none;
}

#tempBoxes a.disabled {
  color: gray;
}

#selectedMenu li {
  display: block;
  border-bottom: 1pt solid black;
  background-color: white;
  margin-left: 1.5em;
}

#selectedMenu li.first {
  margin-top: 1.5em;
}

#selectedmenu li.list {
  display: none;
}

#selectedMenu #tempFolderEmpty li {
  padding-top: .75em;
  padding-bottom: .75em;

}

#selectedMenu li a {
  text-decoration: none;
  display: block;
  padding-top: .75em;
  padding-bottom: .75em;
}

#selectedMenu li a:hover {
  background-color: #ccc;
}

.googleCoverColumn {
    position: relative;
    float: left;
    width: 90px;
    padding-right: 3px;
}

.googleCover img {
    border: 2px solid #ccc;
    margin-bottom: .5em;
    max-width: 88px;
}

label.unselectedCheckboxLabel, label.unfavoritedCheckboxLabel {
    color: green;
}

label.selectedCheckboxLabel,  label.favoritedCheckboxLabel {
    color: red;
}

input.favoritesCheckbox {
    margin-left: 1em;
}

div.favorite {
  padding-top: 0.5em;
}
span.favorites {
    background-image: url('/images/star.png');
    background-repeat: no-repeat;
    padding-left: 18px;
    background-position: 0 -1px;
}

#favoritesLinks ul {
  padding-top: 1em;
  margin-left: 4em;
  margin-right: 1.5em;
}

#favoritesLinks ul li {
  list-style-type:none;
  background-color: white;
  border-bottom: 1pt solid #ccc;
  display: block;
  margin: 0px;
}

#favoritesLinks ul li a {
  display: block;
  margin: 0px;
  padding-top: .25em;
  padding-bottom: .25em;



}
#favoritesLinks ul li a:hover {
  background-color: #ddd;
  text-decoration: none;

}

#favoritesLinks ul li a span.num {
  text-align: right;

}


#favoritesLinks li.favoriteLink {
  margin-left: 1.5em;
}

.favoritesDialogFinished {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 2pt solid #777;
}

.success {
  color: green;
}


 button.deleteButton {
  color: red;
  font-weight: bold;
  margin-left: 3em;
}

.fancyboxInner {
 padding: 2em;
 height: 340px;
 overflow: none;
 background-color: #e1d5a5;
}

.button{
 padding:0 .25em 0 .25em;
 width:auto;
 overflow:visible;
}

#fancy_div {
  overflow: auto;
}


/* New home page with big search box */

#mainpage .bigsearchbox {
   margin: 0em 0 .5em;
   /* margin-top:7em;
    margin-left: 2em;*/
    /*text-align: center;*/
    padding: 3% 2% 2%;
    background-color:#E1D5A5;
    /*border radius*/
     -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 10px;
    /* box-shadow */
  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}


#mainpage .bottomlinks {
	float:right;
	margin-top:0;
	clear:all;
	font-size:1.3em;
}
#mainpage .searchbox-main {
	height:2.5em;
	font-size:1.5em;
	width:95%;
	color:grey;
	padding-left:.3em;
	  /* border-radius */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 10px;
  border-width:1px;
  border-color:#336699;
  border-style:solid;
      /* box-shadow */
  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}
#mainpage #searchtype{
	margin-top: 1em;
	min-width: 300px;
/*	height:2.2em;
	padding-top:.5em;
	font-size:1.2em; */

}
#mainpage .findbutton{
	background-color:#ffffff;
	width:12%;
	height:2em;
	float:right;
	margin-right:5%; /*3em*/
	margin-top:1em;
	font-size:1.2em;
	/*border radius*/
	 -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  border-color:#aaa;
      /* box-shadow */
  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}
#mainpage #searchForm{
	margin: 1% auto;
}

#mainpage .topRowOfTheSearchForm{
	/*width:85%;*/
	margin-right:3%;
	margin-left:3%;
	width:auto;

}
#mainpage #bottomtext{
	margin-top:6%;
	text-align:left;
}
#mainpage #bottomtext p{
	margin: .3em 0 1.3em 0;
	line-height:1.1em;
}

#mainpage .bottomcol{
	font-size:1em;
	line-height:120%;
}
#mainpage #bottomcol1{
	float:left;
	width:25%;
	margin: 0 4%;
}
#mainpage .bottomheader h2{
	font-size:1.5em;
}
#mainpage .bottomheader hr{
	border:1px;
	width:100%;
	color:#aaa;
}
#mainpage .bottomlink{
	font-size:1.2em;
}
#mainpage .bottomlink img{
	float:left;
/*	width:20%; */
	height:auto;
	padding: .5em 1em 0 0;

}
#mainpage dl{
margin-left:0;
}
#mainpage dt{
margin-left:0;
}
#mainpage dd{
margin-left:0;
}


#mainpage .bottomteaser{
	font-weight:bold;
	margin-bottom:.2em;
}

#mainpage .bottom-morelink{
	text-align:right;
}
#mainpage #bottomcol2{
	float:left;
	width:25%;
	margin: 0 4%;/*2em?*/
}
/*#bottomcol2 .bottomlink{
	float:left;
	padding-right:.2em;
	clear:left;

}*/
/*#bottomcol2 .bottomcol{
	float:left;
}*/
/*#mainpage #bottomcol1 .bottomlink {
	padding-bottom: 2%;
}*/
#mainpage #bottomcol3{
	float:left;
	width:25%;
	margin: 0 4% 3%;
}
#mainpage .mainheader h2{
	text-align:left;
	margin-left:5%;
	margin-top:6%;
	font-size:1.9em;
}

#mainpage .centerstuff{
	margin:4em auto .5em;
	width:60%;
	/*width:670px;*/
}

.hiddentext{
  position: absolute !important;
  clip: rect(1px 1px 1px 1px) !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}

img.stof {
 vertical-align: middle;
}

.favbutton {
  display: block;
}
.favtags {
  margin-top: 3px;
  color: black;
  background-color: #C9E1FF;

}

.favtags a {
  color: black;

}

.favtag_container {
  border-bottom: 2pt solid white;
}

.tag-icon .inner a {
  margin-left: 20px;
  text-decoration: none;
}


a.wsfavlogin {
  display: block;
}

a.wsfavlogin:visited, a.wsfavlogin:link {
  color: black;
}

a.wsfavlogin:hover {
  text-decoration: none;
}

a.favtag {
  float: left;
  width: 68px;
  padding: 2px;
  margin-bottom: 1px;
  display: block;
  text-decoration: none;
  border-right: 1pt solid white;

}


.delete_favtag {
  width: 10px;
  padding: 2px;
  float: left;
  margin-left: 3px;
}

a.mytags {
  background-image: url('/images/mytags_tag_icon.png');
  background-repeat:no-repeat;
  margin-top: 8px;
  margin-bottom: 4px;
  display: block;
  padding: 2px;
  padding-left: 12px;
  border: 1px solid rgba(245, 245, 245, 0);

}

a.mytags:hover {
  text-decoration: none;
  color: black;
  border: 1pt solid gray;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

span.mytags {
  margin-left: 12px;
}

.favorite_expand {
  text-align: right;
  clear:both;

}

.favorite_expand a {
  text-decoration: none;
}


div.favorite-box {
  line-height: 1em;
}

div.favorite-box .button,
div.favorite-box .actual,
div.favorite-box .my-tags {
  cursor: pointer;
}

div.favorite-box .actual a {
  display: block;
}

.longlist {
  display: none;
}


.selected_item_checkbox {
  float: left;
  margin-right: 0.5em;
}

ul.tools {
    font-size:90%;
    text-align:left;
    margin-top: 1em;
}

ul.tools li {
  display: inline;
    background-color: #fff;
    border-collapse: collapse;
    padding:.3em;
    border: 1px solid #7F7F7F;
    border-radius:2px ;
    background-color: #FAFAFA;
}

ul.tools li a:hover {
  color: #369;
  text-decoration: none;
}


.tool {
	font-size:80%
}

#record_maincontainer {
  margin-top: 3em; 
  margin-left: 20em;
  margin-right: 1.5em;
}

.preferred_title {
  font-size: 80%;
}


/* New layout for record with extra column including book
   plate on the right */


#record_single_view #recordextras {
  float: right;
  margin-left: 0px;
  width: 17em;  
}

#record_single_view #recordextras div, #record_single_view #recordextras li {
  background-color: #eee;
}

.initially_hidden_more {
  display: none;
}

.list_more_less {
  font-style: italic;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

@media screen and (min-width:93.5em) {
  .homepage #searchForm {
    /*width: 1125px;*/
    width: 78.15em;
    left: 50%;
    right: auto;
    margin-left: -563px;
    margin-left: -39.08em;
  }
}


@media screen and (max-width:68em) {
  .homepage #searchForm {
    width: 56.6em;
    margin-left: -28.3em;
    left: 50%;
  }
}