/* layout.css 
Contains layout-specific things like settings for width, margin, padding,
borders, float, display, etc.

** A word about style:
Properties like margin, border, and padding don't have to be specified 
in four lines, one for each direction (top, right, bottom left). It ends 
up taking a lot of room and becomes a maintenance issue to do this:
...
margin-top: 10px;
margin-right: 6px;
margin-bottom: 3px;
margin-left: 0px;
....

Conveniently, one can write out the values like this:
	property: [top-value] [right-value] [bottom-value] [left-value];
ex.	margin: 10px 3px 6px 0;

Alternatively, there is a shorthand route for symmetry:
	property: [top-bottom-value] [right-left-value];
ex.	margin: 10px 20px;
This expands to:
	margin: 10px 20px 10px 20px;

And of course, if all of the values are the same, it simply reduces to:
	property: [value];
ex.	margin: 5px;
This expand to:
	margin: 5px 5px 5px 5px;
*/

/* =GLOBAL */

/* =BODY */
body
{
	margin: 0 auto;
	padding: 0;
}

/* =FORM */
form
{
	margin: 0;
}

/* =FRAME */
#frame
{
	margin: 20px auto;
	width: 950px;
}

/* =POPCONTAINER */
#popcontainer
{
	padding: 7px;
	width: auto;
	voice-family: inherit;
}

/* =SUBCONTAINER */
#subcontainer
{
	position: relative;
	width: auto;
	overflow: hidden;
	voice-family: inherit;
}

/* =HEADERNAV */
#headernav
{
	padding: 0 12px 4px 12px;
	min-height: 40px;
	max-height: 100px;
	width: auto;
	text-align: right;
	overflow: hidden;
	voice-family: inherit;
}
#headernav #logoWrapper
{
	float: left;
	margin: 8px 0 -20pt 0;
}
#headernavText
{
	clear: both;
	height: 20pt;
	text-align: center;
}
#headernavText .subheading-style
{
	margin-left: 8px;
}
#headernav .navLinks
{
	margin: -12px 0 0 0;
	height: 12px;
}
/* =POPINTERIORCONTENT */
#popinteriorContent
{
	float: right;
	position: static;
	margin: 0px;
	padding: 2px 5px 5px 5px;
	width: 925px;
	voice-family: inherit;
}

/* =FOOTER */
#footer
{
	clear: both;
	padding: 10px 10px 5px 10px;
	width: auto;
	text-align: right;
	voice-family: inherit;
	font: 11px Verdana, Arial;
}
#footer a
{
	margin: 0 20px 0 0;
}

/* =TOOLTIP */
/* Used for pop-up title (sources) while hovering */
#tooltip
{
	position: absolute;
	z-index: 3000;
	padding: 3px;
	border: 1px solid #111;
}

/* =TITLE */
.title
{
	width: 180px;
}

/* =TABLE =STANDARDGRID */
table.standardGrid
{
	padding: 0px;
	border-width: 0px;
	border-spacing: 0px;
	border-style: solid;
	border-color: gray;
	border-collapse: separate;
	border-collapse: collapse;
}
table.standardGrid th td
{
	padding: 2px;
	border: 1px solid Gray;
	border-spacing: 0px;
	empty-cells: show;
}

/* =CATALOGS */
/* =ACTIVECATALOGS =WAITINGCATALOGS =PROCESSEDCATALOGS =ARCHIVEDCATALOGS =DISCARDEDCATALOGS */
.activeCatalogs_precolor, .waitingCatalogs_precolor, .processedCatalogs_precolor, .archivedCatalogs_precolor, .discardedCatalogs_precolor
{
	width: 5px;
	height: 20px;
}
.activeCatalogs, .waitingCatalogs, .processedCatalogs, .archivedCatalogs, .discardedCatalogs
{
	width: 150px;
	height: 20px;
}

/* =PAGEHEADER */
.pageHeader
{
	margin-top: 2px;
	margin-bottom: 10px;
	text-align: left;
	width:200px;
	display:block;
}

/* =PRODUCT-COLUMN-GROUP */
.product-column-group
{
	float: left;
	position: relative;
	width: 120px;
	height: 18px;
	text-align: center;
}

/* =JQMWINDOW */
.jqmWindow
{
	display: none;
	position: fixed;
	top: 8%;
	left: 50%;
	margin-left: -300px;
	padding: 12px;
	padding-bottom: 65px; 
	width: 600px;
	border: 1px solid black;
	z-index: 999;
}
/* 
Fixed posistioning emulation for IE6
 - Star selector used to hide definition from browsers other than IE6
 - For valid CSS, use a conditional include instead 
*/
/* =HTML =JQMWINDOW */
* html .jqmWindow
{
	position: absolute;
	top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(8 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) +                'px' );
}

/* =SLIDER_CALLOUT */
#slider_callout
{
	overflow: hidden;
	position: absolute;
	top: -50px;
	margin-left: -10px;
	padding: 8px 0px 0px 0px;
	width: 40px;
	height: 45px;
	text-align: center;
}

/* =ACTIVITYMONITOR */
/* =UI-TABS =UI-TABS-NAV */
#activityMonitor .ui-tabs-nav, #mailingTabs .ui-tabs-nav, #orderTabs .ui-tabs-nav, #catalogTabs .ui-tabs-nav
{
	bottom: -1px;
	border-right: none;
}
/* =UI-TABS-NAV-ITEM */
#activityMonitor .ui-tabs-nav-item, #mailingTabs .ui-tabs-nav-item, #orderTabs .ui-tabs-nav-item, #catalogTabs .ui-tabs-nav-item
{
	border-top: none;
	border-right: none;
	border-left: dotted 1px #cccccc;
}
#activityMonitor .ui-tabs-nav-item a:hover, #mailingTabs .ui-tabs-nav-item a:hover, #orderTabs .ui-tabs-nav-item a:hover, #catalogTabs .ui-tabs-nav-item a:hover
{
	border-collapse: collapse;
}
/* =UI-TABS-SELECTED */
#activityMonitor .ui-tabs-selected a, 
#activityMonitor .ui-tabs-selected a:hover, 
#mailingTabs .ui-tabs-selected a,
#mailingTabs .ui-tabs-selected a:hover,
#orderTabs .ui-tabs-selected a,
#orderTabs .ui-tabs-selected a:hover,
#catalogTabs .ui-tabs-selected a,
#catalogTabs .ui-tabs-selected a:hover
{
	border-top: solid 1px #ccc;
}

/* =FRONTPAGE-TAB-CONTAINER */
#activityMonitor .frontpage-tab-container
{
	overflow: auto;
}

/* =ORDERUNITSINPUT */
.orderUnitsInput
{
	width: 25px;
	text-align: center;
}

/* =CATALOGHEADER */
a.catalogHeader
{
	border-bottom: dotted 1px #000 !important;
}
a.catalogHeader:hover
{
	border-bottom: solid 1px Blue !important;
}
/* =POPTRIGGER */
a.poptrigger
{
	border-bottom: dotted 1px black !important;
}
/* =SUBTLE */
a.subtle, span.subtle
{
	border-bottom: dotted 1px black !important;
    font-weight:bold;
}
/* =SUGGESTIONSENTRYTABLE */
.suggestionsEntryTable thead tr th
{
	text-align: left;
}
/* =SAVECHANGES =DISABLED */
#saveChanges .disabled
{
	filter: gray() alpha(opacity=30); /* IE */
	opacity: 0.30; /* Safari, Opera and Mozilla */
}
/* =PAGINATEDISABLED */
.paginateDisabled
{
	filter: gray() alpha(opacity=30); /* IE */
	opacity: 0.30; /* Safari, Opera and Mozilla */
}

/* Used for pop-up titles while hovering */
#tooltip h3, #tooltip div
{
	margin: 0px;
}

/* =TREELINEMODULE */
.treelineModule
{
	width: 100%; /*margin-top:15px;*/
	float: left;
	position: relative;
}
.moduleLoading
{
	text-align: center;
	filter: alpha(opacity=50);
	background-position: 50% 25%;
}
.moduleLoadingImage
{
	vertical-align: middle;
	margin-top: 50%;
	margin-bottom: 50%;
}

/* =BUZZ */
#buzzContent
{
	min-width: 705px;
	width: auto;
	text-align: left;
}

/* =MAINFILTERS */
#buzzContent .mainFilters
{
	float: left;
	margin-left: 20px;
	width: 320px;
}

#buzzContent .mainFilters #productFiltersControl, #tagPageFilters #productFiltersControl
{
	text-align: left; 
	width: 100%; 
	background-color: #fff;
}

#buzzContent .filters
{
	float: left;
	width: 320px;
}

#buzzContent .filter
{
	clear: both;
	margin: 5px 0;
	min-height: 20px;
}

#buzzContent .filter label
{
	float: left;
	margin-top: 2px;
	width: 100px;
	text-align: right;
}

#buzzContent .filter select
{
	margin: 0 0 0 15px;
	width: 185px;
}

#buzzContent .leftSpacing
{
	margin-left: 15px;
}

#buzzContent .topList
{
	display: none;
	float: left;
	width: 47%;
	padding: 2px;
	border: 1px solid silver;
}

#buzzContent .topList .listType
{
	float: left;
	margin: 0 0 5px 2px;
}

#buzzContent .topList .listViewLink
{
	margin: 0 2px 0 0;
	float: right;
}

#buzzContent .topList .listEntry
{
	height: 30px;
	width: 100%;
}

#buzzContent .topList label
{
	float: left;
	min-width: 20px;
	width: 7%;
	text-align: right;
}

#buzzContent .topList .titleInfo
{
	float: left;
	margin: 0 0 0 2%;
	width: 81%;
}

#buzzContent .topList .resultsLink
{
	float: right;
	margin-right: 2px;
	max-width: 9%;
	overflow: hidden;
}

#buzzContent .topList .divider, #buzzContent .clearFloat
{
	clear: both;
}

/* =TWITTER =GOOGLE =BLOG =BUZZ */
#twitterBadge
{
	width: 145px;
	border: 0;
}

#twitterBadge, #googleBadge
{
	float: right;
	margin: 5px 2px 0 0;
	height: 15px;
}

#browserError 
{
    border:solid 1px black;
    padding:2px 2px 2px 2px;
    margin-bottom:10px;
}

/* =TWITTER =GOOGLE DETAIL PAGE */
#twitterMeter, #googleBlogMeter
{
	margin: 0 auto;
	width: auto;
	text-align: center;
}

/* =TAGPAGEFILTERS */
#tagPageFilters
{
	float: right;
	margin-left: 20px;
	width: 320px;
}

/* =GRIDSUMMARY */
.gridSummary
{
	float: left;
	margin: 2px;
	padding: 2px;
	text-align: center;
}
#relatedProductsModule-content
{
    background-color:#ECEAE3;
    height:128px;
    overflow-x:hidden;
    overflow-y:auto;
    width:100%;
}
.ui-datepicker
{
   z-index:9999;   
   background-color:White !important;
}
.ui-state-disabled
{
    z-index:9999;
    opacity:1.0 !important;
}
#dim
{
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    z-index:100; 
    background: url('/National_Library/20160930123623oe_/http://edelweiss.abovethetreeline.com/images/common/dim.png'); 
    display:none; 
	filter: gray() alpha(opacity=80); /* IE */
	opacity: 0.80; /* Safari, Opera and Mozilla */
}
.editContent a
{
    color:White;
}
.editContent
{
    font-size:.8em;
   position:absolute;
   top:0px;
   left:0px;
   margin-left:2px;
   margin-top:2px;
   z-index:999;
   color:White;
   font-weight:bold;
   border:solid 1px gray;
}
.CMSEditable
{
    position:relative;
}
.acceptCat
{
    float:left;
    color:Blue;
    padding-left:4px;
    cursor:pointer;
}
.acceptCat:hover
{
    text-decoration:underline;
}

.quoteReview
{
    clear:both;
    padding-bottom:14px;
}

.unpubEndorsement
{
    clear:both;
    padding-bottom:14px;
}

.contribBio
{
    padding-bottom:14px;
}

.subRightsListItem {
    list-style-position: outside !important;
    word-wrap: break-word;
}

.subRightsListViewHeader {
	float: left;
	width: 100%;
    border-bottom: silver 1px solid;
    width: 100%;
}

.subrightsAvailableHeader {
    margin-top:5px;
}
.subrightsSoldHeader {
    margin-top:5px;
}
.subrightsAvailableFooter {
}
.subrightRow {
    clear:both;
    float:left;
    width:100%;
}
.subrightRowHeader {
}
.subrightColumnHeader {
    float:left;
}
.subrightColumn {
    float:left;
}
.subrightValue {
    width:100%;
    margin-right:5px;
}
.fancyButton 
{
    float:left;
    height:20px;
    border:1px solid Silver;
    cursor:pointer;
}
.fancyButton-img
{
    float:left;
    margin: 2px 2px 2px 4px;
}
.fancyButton-text
{
    float:left;
    margin: 3px 4px 0 0;
    line-height: 13px;
}
.fancyButton-textNoImage
{
    float:left;
    margin: 3px 4px 3px 4px;
}