/*
==========================================================================================
fonts.css
==========================================================================================
*/
/* Proxima Nova */
@font-face {
	font-family: 'proxima-nova';
	src: url('https://www.bklynlibrary.org/sites/all/themes/bklyn/fonts/proxima-nova/ProximaNova-RegularWeb.eot?x5');
	src: url('https://www.bklynlibrary.org/sites/all/themes/bklyn/fonts/proxima-nova/ProximaNova-RegularWeb.eot?x5#iefix') format('embedded-opentype'),
		 url('https://www.bklynlibrary.org/sites/all/themes/bklyn/fonts/proxima-nova/ProximaNova-RegularWeb.woff?x5') format('woff');
	font-weight: normal;
	font-style: normal;
	}
@font-face {
	font-family: 'proxima-nova-italic';
	src: url('https://www.bklynlibrary.org/sites/all/themes/bklyn/fonts/proxima-nova/ProximaNova-RegularItWeb.eot?x5');
	src: url('https://www.bklynlibrary.org/sites/all/themes/bklyn/fonts/proxima-nova/ProximaNova-RegularItWeb.eot?x5#iefix') format('embedded-opentype'),
		 url('https://www.bklynlibrary.org/sites/all/themes/bklyn/fonts/proxima-nova/ProximaNova-RegularItWeb.woff?x5') format('woff');
	font-weight: normal;
	font-style: italic;
	}

/*  BOLD * BOLD ITALIC */
@font-face {
	font-family: 'proxima-nova-bold';
	src: url('https://www.bklynlibrary.org/sites/all/themes/bklyn/fonts/proxima-nova/ProximaNova-BoldWeb.eot?x5');
	src: url('https://www.bklynlibrary.org/sites/all/themes/bklyn/fonts/proxima-nova/ProximaNova-BoldWeb.eot?x5#iefix') format('embedded-opentype'),
		 url('https://www.bklynlibrary.org/sites/all/themes/bklyn/fonts/proxima-nova/ProximaNova-BoldWeb.woff?x5') format('woff');
	font-weight: 700;
	font-style: normal;
	}
@font-face {
	font-family: 'proxima-nova-bold-italic';
	src: url('https://www.bklynlibrary.org/sites/all/themes/bklyn/fonts/proxima-nova/ProximaNova-BoldItWeb.eot?x5');
	src: url('https://www.bklynlibrary.org/sites/all/themes/bklyn/fonts/proxima-nova/ProximaNova-BoldItWeb.eot?x5#iefix') format('embedded-opentype'),
		 url('https://www.bklynlibrary.org/sites/all/themes/bklyn/fonts/proxima-nova/ProximaNova-BoldItWeb.woff?x5') format('woff');
	font-weight: 700;
	font-style: italic;
	}


html, body {height: 100%}

body {
	margin: 0; padding: 0;
	background: #fff;
	color: #222
}

body, p, form, .qs, h1, ul, ol, li, td, th, select, input, textarea {
	font: 16px/1.5 "proxima-nova", Arial, sans-serif
	}

#skip {position:absolute; top:-10000em}

/* hide for jquery work */
.hide,
.carousel,
.patFuncFreezeLabel,
.js .navigationRow,
.js #bibnavrow select,
.js .rateLabel,
.js table.bibPager,
/* .js tr.browsePager, */
.js #myaccount-nav ul img,
.js #bibpager-btm,
.js #but_anosrch,
.js #but_strtover,
.js #but_modsrch,
.js #but_rtrnres,
.js #but_marc,
.js #but_patrec,
.js #but_logout,
.js #but_closewin,
.js #but_pat_srch,
.js #but_wrdsrch,
.js #but_clrmarkd,
.js .briefcitCoverImage,
.js tr.browseSuperEntry,
.js tr.browseHeader,
.js .browseSearchtoolMessage,
.js .bibSearchtoolMessage {display:none}
.js #bibnavrow {display: block} /* override for bib_display */


a:link {color:#039; text-decoration:none}
a:visited {color:#009; text-decoration:none}
a:hover {color:#a51140; text-decoration:underline;}
a:active  {color:#039; text-decoration:none}

form {margin:0; padding:0}
img {border:0}
tr.even td, tr.even th{background: #f3f3f3 !important; font-weight: normal; border:0}
tr.over td, tr.over th {background: #f9f8c9 !important;}
tr.btnbar td {border-top:1px dotted #ccc; padding-top:5px; clear:both}

#wrap {
	margin:0 auto;
	width:100%;
	background: url(/screens/images/header_bgbk.png) repeat-x
	}

#content {
	margin:0 auto 100px auto;
	text-align:left;
	max-width:1080px
	}

#header {max-width:1080px; overflow:hidden; margin:0 auto 16px auto}
#bpl-logo {float:left; width:170px; padding:10px 0 0 0}

#innertube {
	float:right;
    padding:8px 0 0 0;
	/* background:url(/screens/images/books.gif) no-repeat 16px 55px; */
	height:82px;
	min-width:400px
}

#header h1 a {
	margin:6px 0 0 16px;
	*margin:14px 0 0 16px;
	padding:0;
	float:left;
	display:none;
	font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	/* background: url(/screens/images/catalog.gif) no-repeat left top; */
	text-indent: -9999px;
	text-decoration: none
}

h2, .pageMainAreaHeader {font: bold 20px/1.1 Arial, Helvetica, sans-serif; margin:0 0 10px 0; border-bottom:1px solid #ddd}
h3 {font: bold 17px/1.2 Arial, Helvetica, sans-serif; margin:16px 0 10px 0; border-bottom:1px solid #ddd}

#featleft {float:left; width:31%; margin-right:28px; _margin-right:0}

#featleft .featbox {width:100%}
.featbox {
  border: 1px solid #ddd;
  background: #e7e8e8 url(/screens/images/feat-bg.png) repeat-x;
  float:left;
  width:31%;
  margin-right:28px;
  box-shadow: rgba(0,0,0,0.2) 1px 1px 5px;
}

.last {margin-right:0}

.featbox .header {
  padding: 5px 0 0 5px;
  margin:-15px 0 0 -7px;
  overflow:visible;
  position:relative
}

.header_font {
  color:#5e6a71;
  font-size:120%;
  font-weight:bold;
  background:#fff;
  padding: 0 5px 1px 0
}

.featbox p {
  padding: 0 10px 5px 10px;
  color: #333
}

.featbox img { padding: 0 10px 10px 0}
.featbox ol {*margin-top:12px}
.featbox li { padding: 0 0 4px 0}

.eqbox {min-height:234px; *height:248px}

ul.srchopt {list-style:none; padding: 12px 0 7px 16px; margin:0}
ul.srchopt li {background:url(/screens/images/search_sm.png) left 3px no-repeat; padding-left:20px; padding-bottom:4px}
.dbl {clear:both; margin-top:31px}

div.browseSearchtool, div.bibSearchtool {
	background: #eee url(/screens/images/sbg5.png);
	padding:8px;
	margin:0 0 10px 0;
	min-height:48px;
	border: 1px solid #efefef;
	border-radius: 2px;
}

div.browseSearchtool form *, div.bibSearchtool form * {font-size:18px}
div.browseSearchtool form select[name="searchtype"], div.bibSearchtool form select[name="searchtype"] {width:120px; *width:194px; padding:3px; height: 34px}
div.browseSearchtool form input[name="searcharg"], div.bibSearchtool form input[name="searcharg"]{width:324px; *width:250px; background: #fff url(/screens/images/search_mag.gif) 6px center no-repeat; border:1px solid #ccc; padding:3px 0 3px 28px;}
.forlang {width:290px !important; *width:240px !important;}

div.browseSearchtool form select{_width:194px} /* IE6 */
#searchscope {width:166px; padding:3px; height: 34px}

div.home {margin-bottom:34px;}
#langtool {margin:16px 0 0 0; text-align:right; font-size:12px; *padding-top:10px}

#util-menu {text-align:right; *padding-top:16px}
#utilbar {font-size: 12px; color:#ccc}

#utilbar a {padding:0 2px}
#utilbar a:link {color:#555; text-decoration:none}
#utilbar a:visited {color:#555; text-decoration:none}
#utilbar a:hover {color:#555; text-decoration:underline}
#utilbar a:active  {color:#555; text-decoration:none}

.srch_hist {width:140px; color:#555}
#sploginmsg {font-size: 11px; color:#4F4C1D; margin:-5px 0 10px 0}

#advsrch {
	padding:0;
	margin:8px 0 10px 0;
}

div.browseSearchtool form#spellcheck *, div.bibSearchtool form#spellcheck * {font: 12px/16px "Arial Unicode MS", Arial, Verdana, sans-serif}
#spellcheck_more img {vertical-align:top}
table.rus-translit td {padding-right:50px; vertical-align:top}
dl {margin:5px 0 0 0; font:11px/16px verdana,arial,geneva,sans-serif}
dt {font-weight:bold}
dd {padding:0 0 12px 0; margin:0}

/* ------------------------ briefcit/search results display ----------------------- */

td.briefcitExtras {width:85px}
.briefcitExtras img {padding: 0}
.briefcitStatus {font-weight: normal}
.browseResourceTable {display:none}

.briefcitTitle {font: bold 16px/20px "trebuchet ms",arial,verdana}
.briefcitAuthor, .briefcitDetail, .briefcitStatus {padding:2px 0}

table#searchresults {border: 0; border-spacing:0; *width:790px !important}
table#searchresults td {text-align:left; padding:0}
table#searchresults table.browseList td {padding:5px}

table.browseWidgit, td.browseWidgit {background: #CBDBE3; font-family: "Arial Unicode MS", Arial, Verdana, sans-serif; font-size: 12px; border: none}

table#regresults {background: #ddd}
table#regresults tr.browseHeader td {padding:4px; vertical-align:middle}

tr.browseHeader td {background: #5e6a71; color: #fff; border: 0}
tr.browseEntry {background: #fff}
tr.browseEntry td {border: 0}

tr.browseEntry td.browseEntryNum {text-align:center}
tr.browseSubEntry td {background: #fff; border: 0; vertical-align:top}

table.browseResourceTable {border: 0}
td.browseResourceTable {border: 0}
tr.browseResourceTableEntry {border: 0; float:left}

td.browseSaveJump {
	padding:8px 0 8px !important;
	margin:0 0 10px 0;
	font: bold 11px arial,geneva;
	}

.browseSaveJump form {display: inline}
td.browseSaveJump input {vertical-align:top}

td.browsePager {text-align:center !important; padding:20px 0 20px 0 !important}
td.browsePager strong {padding:2px 6px; background: #4060AD; border:1px solid #4060AD; color:#fff; margin:0 2px; box-shadow: rgba(204,204,204,0.7) 1px 1px; border-radius:3px}
td.browsePager a {padding:2px 6px; border:1px solid #4060AD; margin:0 2px; box-shadow: rgba(204,204,204,0.7) 1px 1px; border-radius:3px}
td.browsePager a:hover {border:1px solid #1F3B7F; text-decoration:none; color:#039}
td.browsePager a.prevnext {font-weight:bold; border:0; box-shadow:none; padding:2px 21px}


table#briefcit, table#regresults {margin-top:10px}
table#briefcit tr.briefcitRow td {border-bottom:1px solid #ddd; vertical-align:top}
table#briefcit td {padding:10px 8px}
table#briefcit td.thin {padding:10px 2px 0 0}
table#briefcit td.bcnum {padding-left: 8px}

table#briefcit tr.browseHeader td {padding:8px; vertical-align:middle}

div#srchlinks {font-size:11px; margin:2px 0 0 395px}

div.brwsrate {text-align:right}
/*a.brwsratetip {
	background:url(/screens/images/help_sm.png) no-repeat 1px 3px;
	padding:2px 0 2px 16px;
	font-size:11px
}*/

/* wish list */
.mylistsSelect {margin-left:14px; margin-top:-10px}
.mylistsSelect select {vertical-align:top}
#newlist input, #newlist textarea, #newlist img {display:block}
form[name="newlistForm"] select {display:block; margin-bottom:10px}

/* ------------------------ bib/item detail display ----------------------- */

#bibrate {margin:0 0 2px 5px; font:10px verdana,arial; border-bottom:1px dotted #ccc; padding-bottom:4px}
a.ratetip {
	background:url(/screens/images/help_sm.png) no-repeat 1px 3px;
	text-indent: -9999px;
	vertical-align:top;
	width:14px;
	height:16px;
	display:inline-block;
	cursor:help
}

a.myaccttip {
	background:url(/screens/images/help_sm.png) no-repeat right 1px;
	padding-right:18px;
	height:16px;
	color:#fff;
	text-decoration:none;
	cursor:help
}

a.myaccttip:link {color:#fff; text-decoration:none}
a.myaccttip:visited {color:#fff; text-decoration:none}
a.myaccttip:hover {color:#fff; text-decoration:none}
a.myaccttip:active  {color:#fff; text-decoration:none}

#bibimgres {float:left; margin:5px 16px 20px 0; *margin-bottom:20px}
#bibitemimage img {width:100%; margin-bottom:8px}
#bibitemimage img.small {width:auto} /* used on view list/export screen */
#bibdetails {float:left; width:74%; margin-bottom:10px}
.widebibdetails {width:100% !important}


#bibtitlebox table td.bibInfoData {font: 28px/1.1 "proxima-nova-bold", arial, sans-serif; padding:0; margin:0}
#bibtitlebox table td.bibInfoLabel {display:none}
td.bibInfoLabel {color:#555; white-space:pre; font-weight:normal !important; width:13%}
td.bibInfoLabel:after {content:':';}

#rateajax {font: bold 12px/16px verdana,arial,geneva,sans-serif; border-bottom:1px dotted #BFBD9B; margin:0 0 5px 0; padding:3px 0}
#tablerateajax tr {vertical-align:top}
#tablerateajax td {font: 11px/16px verdana,arial,geneva,sans-serif}

.bibHolds, .bibHoldings {border:0}
div.bibHolds {margin-top:5px}
span.bibHolds {background:url(/screens/images/info_sm.png) 6px center no-repeat; padding:8px 0 10px 24px}
#secondarylinks {margin:8px 0 10px 5px; color:#777}

#bibitemsbox form {text-align:left}
#bibitemsbox form input {font:10px/16px verdana,arial !important}

hr.holdingsDivider {
	border: 0px solid #ccc !important;
	margin:2px 0;
	color: #ccc;
	background: #ccc;
	height: 1px;
}

.bibPager {
	margin:5px 0;
	text-align:right
	}

#linkeddocs table {border:0; margin:-10px 0 10px 0}
#linkeddocs table td {font:10px arial,verdana,geneva; text-align:left; border:0} /* digital photo captions */

table.bibItems {
	border:0;
	border-bottom: 1px solid #bbb;
	padding:0; margin:0 0 10px 0;
}

table.bibItems tr td {
	padding: 5px;
}

table.bibItems tr.bibItemsHeader th, tr.progSectionsHeader th {
	color: #fff;
	padding: 3px 8px;
	background: #5e6a71 !important;
	font-weight: bold;
	text-align: left
}
table.progSections tr td {padding: 2px 0 0 8px}

table.bibItems tr.bibItemsHeader th a {
	color: #fff !important;
}
table.bibLinks {
	border:0;
	border-bottom: 1px solid #bbb;
	margin:0 0 16px 0
}

table.bibLinks tr td {
	text-align:left;
	padding: 4px 8px
}

table.bibLinks tr th, table.bibOrder tr th {
	color: #fff;
	padding: 3px 8px;
	background: #5e6a71;
	font-weight: bold;
}

table.bibOrder {
	border:0;
	border-bottom: 1px solid #bbb;
	padding:0; margin:10px 0 10px 0;
}

table.bibOrder tr td {
	padding: 4px 8px;
}

table.bibResourceTable {width:180px; text-align: left; border:0}
/*.bibResourceTableEntry, .browseResourceTableEntry {text-align: left}*/
.additionalCopies, .additionalCopiesNav, .clear {text-align: left; clear: both}

/* ------------------------ itemnav ----------------------- */

#resmsghist {overflow: hidden; width: 100%; min-height:18px; background:#fff; font-size:14px}

#resmsghist div.left {
   float: left;
   width: 74%;
   }

#resmsghist div.right {
   float: right;
   width: 24%;
   text-align: right;
   }


div.navigationRow, #bibnavrow {
	background:#efefef;
	padding:10px 10px 6px;
	margin:8px 0;
	text-align:left;
	font: bold 11px arial,geneva;
	}

div.navigationRow a {color:#039}

#backtoresults {float:right; padding:4px 20px 0 0}
#bibpager-top {float:right; padding:4px 0 0 0; margin:0}

a.prev {background:url(/screens/images/prev.gif) no-repeat left center; padding:1px 0 1px 21px}
a.next {background:url(/screens/images/next.gif) no-repeat right center; padding:1px 21px 1px 0; margin-left:18px}

div.navigationRow .plchold {margin-right:10px}
div.navigationRow .vu {margin-left: 10px}


/* ------------------------ my account ----------------------- */
#loginbox {
	width:600px;
	float:left;
	margin-right:20px
}

#pinprompt, #codeprompt, #pin2prompt {font-weight:bold; display:block; clear:both}
#loginbox input {margin-bottom:8px; float:left; width:180px}

#loginbox span.help {color:#555; font-size:11px; padding-left:10px}
#loginbox span.pinhelp a {font-weight:bold}

#loginbox div.help {color:#555; font-size:11px; padding-left:10px; float:left; margin-bottom:5px}
#loginbox div.pinhelp a {font-weight:bold}

#loginbox div.subox {border-top:1px dotted #bbb; padding-top:5px; clear:both}
#loginbox div.subox input {font-weight:bold; margin-bottom:4px; width:80px}

#myacct_srch {float:right; margin:-40px 0 0 0}
#mysearch {background: url(/screens/images/search_sm.png) left center no-repeat; padding:0 0 0 14px}
#myaccount-pinfo {font-size:11px}

div.loginside {
	width:160px;
	float:left;
	margin:0 0 20px 0;
	background:#E8E7D1;
}

#myaccount-nav ul {
  color:#333;
  margin:20px 0;
  clear:both;
  height: 26px;
  border-bottom:1px solid #5e6a71;
}

#myaccount-nav ul { margin-left:0; padding-left:0}
#myaccount-nav ul li { list-style:none; float:left; }
#myaccount-nav ul li a {
  display:block;
  padding:5px 8px;
  text-decoration:none!important;
  margin:0 2px 0 0;
  margin-left:0;
  font:13px Arial,Verdana,sans-serif;
  color:#fff;
  background:#5e6a71;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
}
#myaccount-nav ul a:hover {
  color:#fff;
  background:#41494e;
  }
#myaccount-nav ul a.selected {
  margin-bottom:0;
  color:#fff;
  background:#41494e;
  cursor:default;
  font-weight:bold;
  }


#myaccount-nav ul li a#myaccdet {background: #5e6a71 url(/screens/images/myacc-det-arrw.png) no-repeat 94% center; padding:5px 22px 5px 8px}
#myaccount-nav ul li a#myaccdet:hover {background: #41494e url(/screens/images/myacc-det-arrw.png) no-repeat 94% center;}

#myaccount-nav ul li div {
  background:#EEEFEF;
  white-space: nowrap;
  padding:8px;
  min-width:154px;
  border:1px solid #ccc;
}

#myaccount-nav ul li ul {margin:-3px 0 0 0; border:0}

#myaccount-nav ul li ul li a {
  display:block;
  padding:5px 8px;
  text-decoration:none!important;
  margin:0 2px 0 0;
  margin-left:0;
  font:13px Arial,Verdana,sans-serif;
  color:#fff;
  background:#5e6a71;
  border:1px solid #41494e;
  border-top:0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  min-width:140px;
  _width:149px;
}


#myaccount-content {clear:both}

.patFunc {border: 0; width: 100%}
table.patFunc {
	width: 100%;
	min-width:768px;
	clear:both;
	border:0;
	border-bottom: 1px solid #bbb;
	margin:10px 0;
	}

table.patFunc td {
	text-align:left;
	/* font: 11px verdana, arial, geneva, sans-serif; */
	padding: 6px;
	border:0
}

tr.patFuncHeaders th {
	color: #fff;
	padding: 3px 8px;
	background: #5e6a71;;
	font-weight: bold;
}

tr.patFuncHeaders th a {color: #fff}

tr.patFuncEntry td {text-align:left; vertical-align:top}
tr.patFuncEntry th {font-weight: normal !important; border:0; vertical-align: top;}

#myaccount-content form {float:left} /* arrange list action buttons */
#myaccount-content form img {padding-right:5px}

#holdmsg {background: url(/screens/images/accept.png) no-repeat; padding:0 3px 0 21px; margin-bottom:10px;}

#myaccount-content h2, #renewfailmsg h2 {border-bottom:0; color:#c30; font: bold 12px/16px "Arial Unicode MS", Verdana, Arial, sans-serif; clear:both}

.ie7form {float:none !important}

#myacctnote {margin:2px 0 4px 0; padding:0}
#textmsg {margin-bottom:10px;}
#textmsg img {float:left; margin:0 8px 40px 1px}
#textmsg div.hd {font:bold 12px arial,verdana,geneva,sans-serif; margin-bottom:3px}
#textmsg div.rlink {margin:8px 0 5px 0}
#textmsg .note {color:#777; font-size:11px; margin-top:3px}

.helpbox {
  float:left;
  margin-right:28px;
  width:220px
}
#logoutnote {margin:30px 0; font-size:11px; color:#666}
#loginhelp {clear:both; margin-top:30px}

/* ------------------------ odd stylings ----------------------- */
tr.on_ice td {background: #e0eaf4}
tr.patFuncEntry td.patFuncFreeze {text-align:center}
tr.on_ice td.patFuncFreeze {background: #e0eaf4 url(/screens/images/freezebg.gif) top right no-repeat}

.chtfont {font-size: 15px; line-height: 18px}

tr.patFuncFinesTotal td {border-top:1px solid #ccc}
tr.patFuncFinesEntryTitle td {border-bottom:1px solid #ccc}
th.patFuncTitle, tr.patFuncTitle th {background: none; color:#555; padding:2px 2px 5px 7px}

.error {background: #FAD6D6 url(/screens/images/stop_round.png) 7px center no-repeat; color:#000; padding:8px 8px 8px 30px; border:1px solid #c66; margin-bottom:10px}
div.msg {font-weight:bold; color:#c30} /* error for save to wish list w/o selecting a list name */
span.msg {color:#000; font-size:18px; line-height: 22px}
span.msg img {margin-top:5px; vertical-align:bottom}
.newpin {background: #e1f2fa url(/screens/images/info.png) 7px center no-repeat; color:#000; padding:8px 8px 8px 30px; border:1px solid #4a97d9; margin-bottom:10px}
tr.msg td {color:#000; padding:2px 8px 2px 30px; font-weight:bold}
td.alert {color:#666; font:bold 12px/15px verdana,arial,geneva; padding:10px; margin:0px}
.yourEntryWouldBeHere td, .yourEntryWouldBeHereData {border: 0}

#noentries h2 {font: bold 16px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin:-10px 0 0 0; border:0; color:#c30}
#searchsuggestions, #qpchatwidget {display:none; text-align:left}
#searchsuggestions ul {margin-top:0}
noscript h2 {font-size:13px; border-bottom:none; color:#c30} /* search history noscript msg */
div.deleteSelected a {margin-right:5px} /* view/export saved records */
#errormsg font {font: bold 16px "Arial Unicode MS", Arial, Verdana, sans-serif; color:#c30} /* place a hold error */

/* export/view list table */
center table {border:1px solid #5e6a71; border-spacing:0; padding:0}
center table th {border:1px solid #5e6a71; padding:2px}
center table td {border:0; border-bottom:1px solid #ccc; vertical-align:top}
center table table {border:0; border-spacing:0; padding:0}
center table table td {padding:2px 0 5px 5px; border:0}

/* ------------------------ top navbar ----------------------- */
#bplcatmenu {
padding: 0;
margin: 16px 0 0 0;
float:right
}

#bplcatmenu ul {margin:0; padding: 0; list-style: none}

#bplcatmenu li {
display: inline;
margin: 0; padding: 0
}

#bplcatmenu a {
float: left;
display: block;
font: bold 12px Verdana,Arial,sans-serif;
color: #fff;
text-decoration: none;
margin: 0 0 0 10px;
padding: 5px 12px;
background: #4060AD;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-o-transition-duration: .33s;
-o-transition-property: color, background-color;
-webkit-transition-duration: .33s;
-webkit-transition-property: color, background;
}

#bplcatmenu a:hover {
background: #2A4A98;
color: #fff
}

#bplcatmenu #navlogin a.logout {color: #fc0}
#bplcatmenu #navlogin a.logout:hover {color: #fff; background: #930}


/* Calendar of Events */

table.progSections {margin:8px 0}
table.progSections tr {vertical-align:top}
table#briefcit tr.briefcitRow td .progSections td {border:0; padding:5px 8px 5px}
.progSectionsEntry {border:0}

/* view additional sessions link */
a.sectionLinkTitle {display:block; background: url(/screens/images/myacc-det-arrw.png) no-repeat left 4px; padding:0 0 5px 14px}

div.sectionContent {line-height:18px}
.progNextSession {font-weight:bold}

.progInfoLabel {display:none}
.progInfoData {padding-bottom:10px}
.prgtitle {font: 18px/21px arial,verdana,geneva,sans-serif; padding:0; margin:0}


/* ------------------------ fancybox ----------------------- */
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/screens/images/fb/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('/screens/images/fb/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/screens/images/fb/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('/screens/images/fb/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('/screens/images/fb/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('/screens/images/fb/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('/screens/images/fb/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/screens/images/fb/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/screens/images/fb/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/screens/images/fb/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/screens/images/fb/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/screens/images/fb/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/screens/images/fb/fancybox.png');
	background-position: -40px -182px;
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/screens/images/fb/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/screens/images/fb/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/screens/images/fb/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/screens/images/fb/fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/screens/images/fb/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/screens/images/fb/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/screens/images/fb/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/screens/images/fb/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/screens/images/fb/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/screens/images/fb/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/screens/images/fb/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/screens/images/fb/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/screens/images/fb/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/screens/images/fb/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/screens/images/fb/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/screens/images/fb/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/screens/images/fb/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/screens/images/fb/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/screens/images/fb/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/screens/images/fb/fancy_shadow_nw.png', sizingMethod='scale'); }


/* ------------------------ cluetip ----------------------- */
/* only includes basic styles; arrows and rounded styles have been removed */
#cluetip-close {
  font-weight:bold
}
#cluetip-title {
  overflow: hidden
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative
}
#cluetip-waitimage {
  width: 20px;
  height: 20px;
  position: absolute;
  background: url(/screens/images/loading2.gif) no-repeat top right
}

#cluetip-extra {
  display: none
}

.cluetip-default {
  background: transparent
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background: #f7f7f7;
  border:1px solid #b5b5b5;
  border-radius: 6px;
  box-shadow: rgba(172,172,172,0.7) 1px 1px 3px;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background: #87876a;
  color: #fff
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em
}
.cluetip-default #cluetip-inner {
  padding: 10px
}
.cluetip-default div#cluetip-close {
  text-align: right;
  margin: 0 5px 5px;
  color: #900
}

.carousel {
    margin:20px auto;
   }

#werec {
	height:210px;
	width:180px;
	overflow: hidden;
	float:left
   }

#werec a img {
	padding: 0;
	margin: 0 16px 6px;
	_margin: 0 10px 6px;
	box-shadow: rgba(0,0,0,0.3) 2px 2px 5px;
}

.carousel a.cprev, .carousel a.cnext {
	display: block;
	cursor:pointer;
	float: left;
	width: 30px;
	height: 190px;
	margin-left: 8px;
	background: url("/screens/images/carousel/prev.png") left 70px no-repeat;
   }

.carousel a.cnext {
    background: url("/screens/images/carousel/next.png") right 70px no-repeat;
	margin-left:0
   }
#addthis {vertical-align:-3px}
.bibMediaTable td img {max-width: none}

.progContent {
  margin:0;
  padding:0;
  border:0
}

.progRegDescArea {
  float: none;
}


@media (max-width: 1080px) {

	#utilbar {display: none}

	#header {padding: 0 10px}
	#content {padding:10px}
	#bibimgres {width:23%}

	#innertube {
		height:auto;
	}

	#bplcatmenu {
		float:none
	}

  }