/* PSUEDO-VARIABLES */
/*********************
base font color: #200
normal text: 18px
small text: 14px
global background: #400
subjnav link: white
dark blue: #0c0d30
blue highlight: #9EB5D2 = hsl(213, 37%, 72%)
desaturated blue highlight: #667D99 = hsl(213, 20%, 50%)
content unvisited link: #42413C
content visited link: #6E6C64
sidebar unvisited link: #400
sidebar visited link: #300
content background: white
sidebar background: #DDD3D3
sidebar headers: #76302C
footer text: white
footer link: white
above-everying z-index: 99
parchment background: #DFD0B5
default z-index: 1
heading line-height: 1.8
*********************/

/* use on <hr> or <br> to clear floats */
.clear {
	border:0;
	height:0;
	width:0;
	margin:0;
	padding:0;
	background: transparent;
	clear: both;
}

/* icon font */
@font-face {
	font-family: 'fontello';
	src: url('../fonts/fontello.eot?77646607');
	src:
		url('../fonts/fontello.eot?77646607#iefix') format('embedded-opentype'),
		url('../fonts/fontello.woff?77646607') format('woff'),
		url('../fonts/fontello.ttf?77646607') format('truetype'),
		url('../fonts/fontello.svg?77646607#fontello') format('svg')
	;
	font-weight: normal;
	font-style: normal;
}
/* presentational icons */
[class^="icon-"]::before,
[class*=" icon-"]::before,
[class*=" icon-link-ext"]::after,
[href^="mailto:"]::before,
[href*="facebook.com"]::before,
[href*="twitter.com"]::before,
[rel="external"]::after {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    margin-right: .2em;
    width: 1em;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    text-indent:0;
}
[class*=" icon-link-ext"]::after,
[rel="external"]::after {
	margin-right:0;
	margin-left: .2em;
}
.icon-print::before    { content: '\e800'; }
.icon-book::before     { content: '\e802'; }
.icon-search::before   { content: '\e80b'; }
.icon-zoom-in::before  { content: '\e80e'; }
.icon-zoom-out::before { content: '\e80f'; }
.icon-facebook::before,
[href*="facebook.com"]::before {
	content: '\e803';
}
.icon-twitter:before,
[href*="twitter.com"]::before {
	content: '\e804';
}
.icon-mail:before,
[href^="mailto:"]::before {
	content: '\e807';
}
.icon-link-ext::after,
[rel="external"]::after {
	content: '\e801';
	font-size: smaller;
}
.icon-picture::before    { content: '\e809'; }
.icon-attach::before     { content: '\e817'; }
.icon-facsimile::before  { content: '\e81c'; }
.icon-teaching::before   { content: '\e81e'; }
.icon-language::before   { content: '\e814'; }
.icon-annotation::before { content: '\e808'; }
.icon-rss::before        { content: '\e805'; }
.icon-login::before      { content: '\e80a'; }
.icon-previous::before   { content: '<'; }
.icon-next::before       { content: '>'; }
.icon-info:before        { content: '\e813'; }
.icon-sort:before        { content: '\e80c'; }
.icon-sort-down:before   { content: '\e810'; }
.icon-sort-up:before     { content: '\e812'; }
.icon-xwiki:before 		 { content: '\e806'; }
.icon-login::before {
	/* adjust positioning of login icon slightly */
	position: relative;
	left: -1px;
}
/* content icons */
.icon {
	font-family: "fontello";
}

/* remove extra padding around content */
html, body {
	margin:0;
	padding:0;
}

body {
	font: 18px/1.4 "Times New Roman", Georgia, serif;
	background: #400; /* global background */
	color: #000; /* base font color */
}

/* remove browser default border on linked images */
a img { border:0; }

/* don't underline links */
a:link,
a:visited {
	text-decoration: none;
}

/* set all heading in Garamond */
@font-face {
	font-family: 'EB Garamond';
	font-style: normal;
	font-weight: 400;
	src:
		local('EB Garamond'),
		local('EBGaramond'),
		url("../fonts/Garamond.woff") format('woff')
	;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "EB Garamond", Georgia, serif;
	font-weight: normal;
	color: rgb(119,13,16);
}
h1 { font-size: 36px; }
h2 { font-size: 21px; }
h3 { font-size: 18px; }

/* don't use fixed-width font for <pre> */
pre {
    font-family: inherit;
}

/* shrink sups a little so they don't disrupt line spacing */
sup {
    font-size: 60%;
}


/*************************/
/*   BASIC PAGE LAYOUT   */
/*************************/

/* content is structured like: */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
body (.fullwidth)
 ._notice
 ._header.fixedwrap
   ._subjnav
 ._submenu.fixedwrap
 ._body.fixedwrap
   ._roomnav
   ._leftnav
   	 ._friend
     ._gadgets
	   ._sitesearch
       ._friendFeatures
         ._login
     (._toc)
     (._localnav)
     (._calendar)
     (._relatednav)
   ._content
   .lefthang
     ._sharelinks
 ._footer.fixedwrap
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body {
	padding: 0 40px; /* room for lefthang */
}
body.fullwidth {
	padding:0;
}

._notice {
	/* FIXME: tweak colors, think of use cases */
	background-color: yellow;
	padding: .5em 2em;
	box-shadow: 0 4px 6px black;
	/* position above header */
	position: relative;
	z-index: 2;
	/* bleed into body padding */
	margin: 0 -40px;
}
.fullwidth ._notice {
	/* don't bleed if already .fullwidth */
	margin:0;
}

._header {
	background: black;
}
._header h1 {
	padding:0;
	margin:0;
	/* image replace */
    text-indent: -200%;
    background: url("../images/header-2013.png") bottom right no-repeat #601111;
	height: 110px; /* image height */
	width: 602px; /* image width */
	padding-left: 113px; /* avoid logo */
}

._subjnav.nav-horizontal {
	color: white; /* subjnav link */
    margin:0;
    padding: 3px 0 0 120px; /* avoid ISE logo on left */
    background-color: #0c0d30; /* dark blue */
    border-top: 1px solid #400; /* global background */
    /* note: using height instead of bottom padding so <li>s can bleed to edge */
    height: 35px; /* heading line-height + top padding */
}
._subjnav a:link,
._subjnav a:visited {
	color: white; /* subjnav link */
	text-decoration: none; /* no underline */
}
._subjnav > li:first-child {
	/* image replace with ISE logo */
	text-indent: 100px; /* same as width */
	overflow: hidden;
    background: url("../images/logo-2013.png") no-repeat !important;
	/* position in top left */
	position: absolute !important;
	top: 6px; /* center vertically in header */
	left: 8px; /* align with left-edge of ._leftnav */
	width: 100px;
	height: 133px !important;
	/* override ._subjnav and .nav-horizontal styling */
	margin:0;
	padding:0;
    border-radius:0;
}
._subjnav > li:first-child > a {
	/* override .nav-horizontal styling, cover container */
	height: 100%;
	width: 100%;
	margin:0;
	padding:0;
}
._subjnav li {
	border-radius: 6px;
}
._subjnav li:hover,
._subjnav li.closing {
    /* make it look like a tab */
    background-color: #667D99; /* desaturated blue highlight */
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
    /* bleed down to edge of ._submenu, but don't overlap */
    height: 35px; /* height of ._subjnav */
}
@-webkit-keyframes tab-fade {
	0% { background-color: #667D99; } /* desaturated blue highlight */
	100% { background-color: transparent; }
}
@-moz-keyframes tab-fade {
	0% { background-color: #667D99; } /* desaturated blue highlight */
	100% { background-color: transparent; }
}
._subjnav .closing {
	/* fade out the background */
	-webkit-animation: tab-fade .5s ease .6s forwards;
	-moz-animation: tab-fade .5s ease .6s forwards;
	-webkit-transition: background .5s ease;
	-moz-transition: background .5s ease;
}
/* white is hard to see on blue highlight, use dark blue instead */
._subjnav .selected,
._subjnav :hover,
._subjnav .closing,
._subjnav .selected a:link,
._subjnav .selected a:visited,
._subjnav :hover a:link,
._subjnav :hover a:visited,
._subjnav .closing a:link,
._subjnav .closing a:visited,
._subjav a:link:hover,
._subjnav a:visited:hover {
	color: #0c0d30; /* dark blue */
}
@-webkit-keyframes tabText-fade {
	0% { color: #0c0d30; /* dark blue */ }
	100% { color: white; /* subjnav link */ }
}
@-moz-keyframes tabText-fade {
	0% { color: #0c0d30; /* dark blue */ }
	100% { color: white; /* subjnav link */ }
}
._subjnav .closing a:link,
._subjnav .closing a:visited {
	-webkit-animation: tabText-fade .5s ease .6s forwards;
	-moz-animation: tabText-fade .5s ease .6s forwards;
}
._subjnav .selected,
._subjnav .selected:hover {
	/* make it look like a tab */
	background-color: #9EB5D2; /* blue hightlight */
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	/* bleed down to edge of ._submenu and overlap */
	height: 2em;
}
._subjnav .current,
._subjnav .current:hover {
	background-color: #9EB5D2; /* blue hightlight */
    color: #0c0d30; /* dark blue */
    -webkit-transition: background-color .5s ease;
    -moz-transition: background-color .5s ease;
}
._subjnav .current.selected {
	-webkit-transition: none;
	-moz-transition: none;
}
._subjnav .current.behind {
    background-color: #667D99; /* desaturated blue highlight */
}
._subjnav .current.closing {
	/* skip the closing animation for the current tab */
	-webkit-animation: none;
	-moz-animation: none;
	border-radius: 6px;
	height: auto;
	background-color: #9EB5D2; /* blue hightlight */
}
._subjnav .current a:link,
._subjnav .current a:visited {
    color: #0c0d30; /* dark blue */
	/* skip the closing animation for the current tab */
	-webkit-animation: none;
	-moz-animation: none;
}

._submenu.fixedwrap {
	font-size: 14px; /* small text */
	/* lighter blue background than #subjnav */
	background-color: #9EB5D2; /* blue hightlight */
	/* bottom border helps to group with #subjnav */
	border-bottom: 3px solid #0c0d30; /* dark blue */
	/* hide by default */
	height: 0;
	overflow: hidden;
	margin-top: -3px; /* makes up for 3px border */
	/* position parent for sub-panels */
	position: relative;
	/* allow tabs to bleed over edge */
	z-index: 0; /* default z-index -1 */
	/* animate resizing */
	-webkit-transition: height .6s ease;
	-moz-transition: height .6s ease;
}
._submenu.closing {
	background-color: #667D99; /* desaturated blue highlight */
	-webkit-transition:
		height .6s ease,
		background-color .5s ease
	;
	-moz-transition:
		height .6s ease,
		background-color .5s ease
	;
}
._submenu > * {
	margin: 10px 20px 20px;
	display: table;
	table-layout: fixed;
	width: 896px; /* .fixedwrap width - 2*30px margin */
	/* overlap panels */
	position: absolute;
	top:0;
	left:0;
	right:0;
	/* hidden by default */
	opacity: 0;
	z-index: 1; /* default z-index */
	/* animate opacity changes */
	-webkit-transition: opacity .5s ease;
	-moz-transition: opacity .5s ease;
}
._submenu > .selected {
	z-index: 2; /* default z-index + 1 */
	opacity: 1;
}
._submenu > * > * {
	display: table-cell;
	padding: 0 20px;
}
._submenu > *[data-for='subj-pnp'] {
    /* try to avoid splitting multi-line play names across columns */
    widows: 2;
    orphans: 2;
}
._submenu > *[data-for='subj-pnp'] li {
    padding-left: 1em;
    text-indent: -1em;
    break-inside: avoid; /* avoid splitting a different way (doesn't work in Chrome yet) */
}
._submenu > *[data-for='subj-lnt'] > * {
	/* we need as much space as possible for this menu! */
	padding: 0;
}
._submenu > *[data-for='subj-sip'] {
	/* not much here for now; centering looks nicer */
	text-align: center;
}
._submenu > *[data-for='subj-rev'] > *:first-child {
	/* recent reviews column should be largest */
	width: 50%;
}
._submenu h2 {
	margin:0;
	margin-bottom: .3em;
	color: #0c0d30; /* dark blue */
}
._submenu a:link {    color: rgb(32,32,29); } /* content unvisited link */
._submenu a:visited { color: rgb(86,41,10); /* content visited link */
	font-weight: bold;
}
._body {
	background-color: white; /* content background */
	/* position parent for ._leftnav */
	position: relative;
	/* contain floats and child margins */
	padding-top: 1px;
}
._body.fixedwrap {
	z-index: 2; /* default z-index +1 */
}

/* FIXME: collapse this somewhere if .fullwidth */
._roomnav {
	/* position in top-right corner */
	width: 343px;
	margin-left: auto;
}
._roomnav h2 {
	color: #400; /* global background */
	border-bottom: 2px solid #400;  /* global background */
	padding: 0 20px;
	margin: 10px 0 0;
}
._roomnav ul {
	margin-top: 3px;
}
._roomnav .nav-horizontal > li {
	/* override .nav-horizontal */
	line-height: 1.4; /* base line-height */
}
._roomnav a:link {
	color: rgb(11,60,126);
}
._roomnav a:visited {
	color: rgb(114,58,4);
}
._roomnav .current a {
	background-color: rgb(195,206,212);
	border-radius: 6px;
}

._leftnav {
	width: 161px;
	margin: 8px;
	padding: 18px 14px 10px;
	border-radius: 6px;
	background-color: #DDD3D3; /* sidebar background */
	font-size: 14px; /* small text */
	/* position to left of content */
	position: absolute;
	top:0;
	left:0;
}
.fullwidth ._leftnav {
	/* hide it by default */
	display: none;
	/* add border and shadow when it's visible */
	border: 2px solid white;
	box-shadow: 1px 1px 1px 1px black;
}
._leftnav h2 {
	padding: 0 15px;
	line-height: 1.8; /* heading line-height */
	background-color: rgb(89,24,24);
	color: white;
	font-size: 16px; /* slightly less than normal text */
    /* bleed into ._leftnav padding */
    margin: 14px -14px;
}
._leftnav h3 {
	font-size: inherit;
	margin:0;
	padding:0;
}
._leftnav a:link    { color: #400; } /* sidebar unvisited link */
._leftnav a:visited { color: #300; } /* sidebar visited link */
._leftnav li {
	/* use hanging indent for all line-items in leftnav */
	padding-left: 1em;
	text-indent: -1em;
}

._sitesearch {
	margin-bottom: 1em;
}
._sitesearch button {
	font-size: 12px;
	line-height: 1.2em;
}

._gadgets > * {
	/* create a positioning context for each gadget */
	position: relative;
	z-index: 1;  /* default z-index */
	/* all gadgets must be blocks */
	display: block;
}
._gadgets input[type='search'] {
    box-sizing: border-box;
    width: 130px;
}
._gadgets button[type='submit'] {
	font-size: 12px;
	line-height: 1.2;
    box-sizing: border-box;
	width: 25px;
}
._gadgets .disabled { opacity:.6; }
._friendFeatures {
	margin-top: 1em;
}
#user {
	margin-top: .5em;
}
._login label {
	display: block;
}


._friend {
    text-align: center;
    display: block;
}

._calendar {
	/* FIXME: style will be tied to calendar revamp #779 */
}
._calendar h2 {
    text-align: left; /* align the same as other headers */
}

/* indent TOC lines according to their heading level */
._toc li.h3 { margin-left:  .8em; }
._toc li.h4 { margin-left: 1.6em; }
._toc li.h5 { margin-left: 2.0em; }

/* treat ol/ul in in ._localnav as if they were .nav */
._localnav ol,
._localnav ul {
	list-style:none;
	list-style-position: outside;
	margin:0;
	padding:0;
	margin-left: 1em;
}
._localnav > ol,
._localnav > ul {
	margin-left:0;
}
/* mark which one we're on */
._localnav .current {
	font-weight: bold;
}
._localnav .current ul,
._localnav .current ol {
	font-weight: normal;
}

._content {
	padding: 20px 20px 40px;
	/* leave room for ._leftnav */
	padding-left: 217px; /* 161px + 2*14px + 8px + 20px */
}
.fullwidth ._content {
	padding-left: 20px; /* same as others, above */
}
._content a:link    { color: rgb(11,60,126); } /* link blue */
._content a:visited { color: rgb(114,58,4); } /* desaturated link blue */
._content a:hover   {
	color: #0c0d30; /* dark blue */
	background: rgb(178,178,178); /* gray */
}
._content h1:first-of-type {
	/* we don't need more space under .roomnav */
	margin-top:0;
}

._sharelinks {
	text-align: center;
	/* hide text */
	font-size:0;
	color: transparent;
}

._footer.fixedwrap {
	color: white; /* footer text */
	font-size: 14px; /* small text */
	margin-top: 20px;
	margin-bottom: 40px;
    /* layout children evenly spaced */
    display: table;
    table-layout: fixed;
}
._footer a {
	text-decoration: none;
}
._footer a:link {
	color: white; /* footer link */
}
._footer a:visited {
	color: white; /* footer link */
}
._footer a:hover {
	text-decoration: underline;
}
._footer dl,
._footer ul {
    display: table-cell;
    padding: 0 2em;
    margin:0;
}
._footer dt {
    margin:0;
    padding:0;
}
._footer dd {
    margin:0;
    padding:0;
    padding-left: 1em;
}
#mobile {
	/* separate this one a bit from its fellows */
	margin-top: 1em;
}

.fixedwrap { /* wrap all sections in this */
	width: 956px;
	margin: 0 auto;
	position: relative;
	z-index: 1; /* default z-index */
}
.fullwidth .fixedwrap {
	width: auto;
}
.lefthang { /* use inside .fixedwrap to hand outside left edge */
	position:absolute;
	left:-40px;
	top:0;
	bottom:0;
	width:40px;
}
.addthis_toolbox {
	opacity: .5;
	background: transparent;
	padding:0;
}
.addthis_toolbox:hover {
	opacity: 1;
}
.fullwidth .lefthang {
	display: none;
}


/***************************/
/*   REUSABLE COMPONENTS   */
/***************************/

/*~  PREVIOUS/NEXT ARROWS  ~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
._content .next.icon, ._content .prev.icon {
    padding: 5px 10px;
    border: 2px solid rgb(89,24,24);
    border-radius: 4px;
    color: rgb(89,24,24);
    display: inline-block;
}
._content .next.icon.disabled, ._content .prev.icon.disabled {
    color: #777;
    border-color: #777;
}
._content .next.icon.active:hover, ._content .prev.icon.active:hover {
    color: white;
    background-color: rgb(89,24,24);
}


/*~  COMPACT DEFINITION LISTS  ~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
dl.compact {
	overflow: auto;
}
dl.compact dt,
dl.compact dd {
	margin:0;
	padding:0;
	float: left;
}
dl.compact dt {
	clear: left;
}
dl.compact dd {
	padding-left: 1em;
}

/*~  NAVIGATION MENUS  ~*/
/*~~~~~~~~~~~~~~~~~~~~~~*/
.nav,
.nav-horizontal {
	list-style:none;
	margin:0;
	padding:0;
}
.nav .nav {
	margin-left: 1em;
}
.nav-horizontal > li {
	display: inline-block;
	zoom: 1; /* required for IE7 to honor display:inline-block */
	padding: 0 .5em;
	margin: 0 .5em;
	line-height: 1.8; /* heading line-height */
}
.nav-horizontal > li > a {
	display: block;
	/* consume parent's padding */
	margin: 0 -.5em;
	padding: 0 .5em;
}

/*~  POPUP WINDOWS & FOOTNOTES  ~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.popups-on .popupContent {
    display: none;
}
.popups-off .withPopups { display: none; }

/* note: selectors are over-qualified so that they override the jquery-ui theme */
.ui-widget.ui-dialog.ui-widget-content.popup {
	background: url("../images/popupbg.png") repeat #DFD0B5; /* parchment background */
	border: 1px solid black; border-radius:4px;
	box-shadow: 0 5px 10px rgba(0,0,0,.6);
	font-size: 14px; /* small text */
	font-family: inherit;
	color: black;
	padding:0;

}
.ui-dialog.popup .ui-dialog-titlebar {
	background: #0c0d30; /* dark blue */
	color: white;
	padding: 0 10px;
	border:0;
	font-size: 18px;
	line-height: 1.8; /* heading line-height */
	/* leave room for close button */
	padding-right: 30px;
	/* don't wrap */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* style links in popups the same as in the content area */
.popup .ui-widget-content a:link { color: rgb(11,60,126); } /* link blue */
.popup .ui-widget-content a:visited { color: rgb(114,58,4); } /* desaturated link blue */
.popup .ui-widget-content a:hover   {
    color: #0c0d30; /* dark blue */
    background: rgb(178,178,178); /* gray */
}
.ui-dialog.popup .ui-dialog-titlebar > span {
	float: none; /* no reason to float here... */
}
.ui-dialog.popup-isresizable .ui-dialog-titlebar {
	padding-right: 58px;
}
.ui-dialog.popup .ui-dialog-titlebar.ui-corner-all {
	/* remove rounded corners on header */
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
/* replicate button styles for resizer */
.ui-dialog.popup .ui-dialog-titlebar-resize {
	position: absolute;
	top: 50%;
	margin: -10px 0 0 0;
	width: 20px;
	height: 20px;
	padding: 1px;
}
.ui-dialog.popup .ui-dialog-titlebar-close { right:5px; }
.ui-dialog.popup .ui-dialog-titlebar-resize { right:31px; }
/* only show resize button if popup is resizable */
.ui-dialog.popup .ui-dialog-titlebar-resize {
	display: none;
}
.ui-dialog.popup.popup-isresizable .ui-dialog-titlebar-resize {
	display: block;
}

.ui-dialog.popup.leftNib,
.ui-dialog.popup.rightNib {
    overflow: visible;
}
.popup.leftNib::before,
.popup.rightNib::before,
.popup.leftNib::after,
.popup.rightNib::after {
    content: "";
    display: block;
    position: absolute;
    top: 33px; /* just below .ui-dialog-titlebar (18px * 1.8em) */
    border-style: solid;
    border-width: 16px;
    border-color: transparent;
}
.popup.leftNib::before,
.popup.rightNib::before {
    top: 32px;
    border-width: 17px;
}
.popup.leftNib::before { /* nib background */
    left: -17px;
    border-left-width: 0;
    border-right-color: black;
}
.popup.leftNib::after { /* nib foreground */
    left: -16px;
    border-left-width: 0;
    border-right-color: #DFD0B5;
}
.popup.rightNib::before { /* nib background */
    right: -17px;
    border-right-width: 0;
    border-left-color: black;
}
.popup.rightNib::after { /* nib foreground */
    right: -16px;
    border-right-width: 0;
    border-left-color: #DFD0B5;
}


/*~  IEMBED AND ILINK  ~*/
/*~~~~~~~~~~~~~~~~~~~~~~*/
.iembedContainer,
.iembedContent,
.iembedCaption,
.artifact_title,
.artifact_media {
	/* most of these are spans, but actually need to be block-level */
	display: block;
}
.iembedContainer {
	margin: 10px;
}
.iembedContent {
	/* positioning parent for .copyright */
	position: relative;
	z-index: 1; /* default z-index */
}
.iembedContent .copyright {
	/* make a floating banner */
	position: absolute;
	bottom:0;
	right:0;
	left:0;
	padding: 3px 5px;
	text-align: center;
	font-size: 10px;
	font-family: "Helvetica", sans-serif;
	line-height: 1em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: black;
	background: white;
	opacity: .6;
}
.iembedContent .copyright,
.iembedContent .copyright a {
	text-decoration: none;
}
.iembedContent.video .copyright,
.iembedContent.audio .copyright {
	/* don't float the copyright over the flash player,
	   or it might obscure the controls! */
	position: static;
	display: block;
	background: none;
	opacity: 1;
	overflow: visible;
}


/*************************/
/*   SINGLETON WIDGETS   */
/*************************/

/*~  CITATION POPUP  ~*/
/*~~~~~~~~~~~~~~~~~~~~*/
._citation {
	max-width: 400px;
	max-height: 300px;
}
._citation h3 {
	margin-top:0;
}

/*~  IMAGE LIGHTBOX  ~*/
/*~~~~~~~~~~~~~~~~~~~~*/
*[data-lightboxhref] {
	position: relative;
	z-index: 1; /* default z-index */
}
*[data-lightboxhref]:hover::before {
	position: absolute;
	right:0;
	z-index: 2; /* default z-index + 1 */
	content: "";
	height: 20px;
	width: 20px;
	background:
		url("../images/zoomin.gif")
		no-repeat
		rgba(255,255,255,.4)
	;
}
#lightbox {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index: 9999; /* above-everything z-index */
	background-color: rgba(0,0,0,.6);
	overflow: auto;
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center;
}
#lightbox_sheet {
	-webkit-box-flex: 1;
	background-color: white;
	margin: 0 auto;
	text-align: center;
	padding: 20px;
	box-shadow: 0 0 20px black;
	position: relative;
	z-index: 1; /* default z-index */
	max-width: 80%;
    max-height: 90%;
    overflow: auto;
}
#lightbox_sheet img {
    max-width: 100%;
}
#lightbox_close {
    position: absolute;
    top:0;
    right:0;
}
#lightbox_sheet > p {
    margin-bottom:0;
}


/* ********************** */
/*    GLOBAL OVERRIDES    */
/* ********************** */
.stub {
	/* hide any stubs that somehow made it through */
	display:none !important;
}
.no-animation {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	transition: none !important;
	-webkit-animation: none !important;
	-moz-animation: none !important;
}


/* ******************** */
/*      DEPRECATED      */
/* ******************** */
.navcue { display:none; }
hr.float-break {
	visibility:hidden;
	height:0; width:0;
	margin:0; padding:0; border:0;
	clear:both;
}

/* Common navigation styles */
.nav-text {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	white-space: nowrap;
}
ul.nav-text { margin:0; padding:0; list-style:none; }
ul.nav-text li { display:inline; margin:0; padding:0 .9em; list-style:none; }


/* FIXME: move these to more specific stylesheets */
#textToolsHelp {
	margin-top: .8em;
}