body { font: 500 9pt Arial, sans-serif; background-color: #bbbeb5; }
	A:link { color: 003333; }
	A:visited { color: 003366; }
select { font: 9pt Helvetica,Arial,sans-serif; }
input { font: 9pt Helvetica,Arial,sans-serif; }

.title_list { font: 13pt Helvetica,Arial,sans-serif; text-align: center; }
.title_list_sub { font: 10pt Helvetica,Arial,sans-serif; text-align: center; }
.title { font:  700 13pt Helvetica,Arial,sans-serif; text-align: center; }
.title_sub { font: 10pt Helvetica,Arial,sans-serif; text-align: center; }
.title_front { font:  700 15pt Helvetica,Arial,sans-serif; text-align: center; margin-bottom: 12px; margin-top: 12px; }

/* Front References Page */
.col_title { font: 12pt Helvetica,Arial,Sans-serif; color: 000000; text-decoration: underline; margin-bottom: 7px; }
.col_link { font:  700 9pt Helvetica,Arial,sans-serif; color: 000000; margin-left: 12px; }
	.col_link A:link { color: 003333; }
	.col_link A:visited { color: 003366; }
.col_num { font:  8pt Helvetica,Arial,sans-serif; color: 000000; }

/* Admin */
.admin_header A:link { color: 003333; }
.admin_header A:visited { color: 003366; }
	.admin A:link { color: 003333; }
	.admin A:visited { color: 003366; }

.admin-docpart td { font: 700 9pt arial, sans-serif; }
.admin-refedit td { font: 500 9pt arial,sans-serif; }
.admin-refedit td input {font: 500 9pt arial,sans-serif; }


/* Comments */
.comments-title { font: 700 12pt arial,sans-serif; display: inline; }
.comment-admin-controls { float: right; font: 700 9pt arial,sans-serif; border: 2px solid black; padding: 3px; }
.comment-author { font: 700 9pt arial,sans-serif; }
.comment-date { font: 500 9pt arial,sans-serif; }
.comment-title { font: 700 10pt arial,sans-serif; }
.comment-text { font: 500 1.0em arial,sans-serif; }


/* .bold { font: 700 9pt Arial, sans-serif; text-align: center; } */
form { display: inline; margin-bottom: 0px; }

/* Reference List - Search Controls (top of page) */
.search { background-color: d1d3c7; }
.s1 { font: 9pt Helvetica,Arial,sans-serif; }
.s2 { font: 9pt Helvetica,Arial,sans-serif; margin-top: 1px; }
.s3 { font: 9pt Helvetica,Arial,sans-serif; margin-top: 1px; }

/* Reference List - Table Header */
.th1 { font: 700 10pt Arial, sans-serif; text-align: center; background-color: 0d2b26; color: #000000; }
.th2 { font: 500 7pt Arial, sans-serif; text-align: center; }

/* Reference List - Table Rows */
.entry { font: 8pt Arial, sans-serif; }
	.entry A:link { color: 003333; }
	.entry A:visited { color: 003366; }
/* .head { font: 700 10pt Arial, sans-serif; text-align: center; text-transform: uppercase; } */

/* Reference List - Page Selector (bottom of page) */
.pages_list { background-color: d1d3c7; }
.pages_title { font: 10pt Helvetica,Arial, sans-serif; background-color: d1d3c7; }
.p1 { font: 10pt Helvetica,Arial, sans-serif; background-color: d1d3c7; }
.p2 { font: 10pt Helvetica,Arial, sans-serif; letter-spacing: .1em; vertical-align: baseline; text-align: right; width: 60px; }
.page_no { font: 700 9pt Arial, sans-serif; text-align: center; width: 17px; }
	.page_no A:link { color: 003333; }
	.page_no A:visited { color: 003366; }
.page_no_selected { font: 700 9pt Arial, sans-serif; text-align: center; }

/* Ref Display Page */
.sidebar { background-color: 0d2c24; color: d1d3c7; width: 190; vertical-align: top; }
.dt_ref_display { font: 700 10pt Helvetica,Arial,sans-serif; }
.dt_ref_display2 { font: 700 10pt Helvetica,Arial,sans-serif; margin-top: 12px; }
/* .li_ref_display { font: 9pt Helvetica,Arial,Sans-serif; color: EEBB00; list-style-type: circle; margin-left: 10px; } */
 
.li_ref_display { list-style-type: circle; margin-left: 4px; color: d1d3c7; }
.li_ref_display2 { font: 9pt Helvetica,Arial,Sans-serif; color: EEBB00; margin-bottom: 8px; }
.li_ref_display a { color: d1d3c7; }

.abstract { font: 10pt Helvetica,Arial,sans-serif; background-color: d1d3c7; line-height: 1.2em; vertical-align: top; }
.ref_border { background-color: 9f9b8c; margin-top: -2px; }
.ref { font: 9pt Helvetica,Arial,sans-serif; background-color: 9f9b8c; }
.ref_title { font: 10pt Helvetica,Arial,sans-serif; }
.ref_links { font: 9pt Helvetica,Arial,sans-serif; color: d1d3c7; background-color: 0d2c24; margin-left: 10px; }
	.ref_links A:link { color: d1d3c7; }
	.ref_links A:visited { color: d1d3c7; }

/* Front Hofmann Page */
.list_head1 { font: 12pt Helvetica,Arial,Sans-serif; text-decoration: underline; margin-bottom: 8px;}
.list_entry1 { font: 10pt Helvetica,Arial,Sans-serif; }
	.list_entry1 A:link { color: 003333; }
	.list_entry1 A:visited { color: 003366; }
	
/* Image Gallery */
.descrip_cell { background-color: 0d2b26; }
.descrip_title {  font: 13pt Helvetica,Arial,Sans-serif; color: #CCCC99; padding: 5px; text-decoration: underline; }
.descrip { font: 10pt Helvetica,Arial,Sans-serif; color: #CCCC99; padding: 5px; }

/* Footer */
.footer { font: 700 9pt Helvetica,Arial,sans-serif; color: 003366; }
	.footer A:link { color: 003366; }
	.footer A:visited { color: 003366; }

	#ref-nav-bar { width: max-content; width: -moz-max-content;  background-color: #C5BCC6; border: 1px solid #444488; margin: 3px; margin-left:auto; margin-right:auto; padding: 2px; font: 500 9pt arial, sans-serif;}
	
	#ref-nav-bar ul { margin: 4px; margin-left: 11px; text-align: left;   padding-left:0;}
	#ref-nav-bar li { display: inline; border: 1px solid #444488; border-left:3px solid #444488; border-right: 3px solid #444488; padding: 3px; margin: 1px;  height:1.2em; }
#ref-nav-bar form { display: inline;}
#ref-nav-bar input { font: 500 9pt arial, sans-serif;}

.search-field { height:1.4em; }
.textlink { font: 700 9pt Arial, sans-serif; color: #EEBB00; }
H4 { font: 700 9pt Arial, sans-serif}


/* CSS-based Tootips
------------------------------------------------------------------*/
img.InfoIcon	{
			width: 12px;
			       height: 12px;
			       	       border: 0;
				       	       padding: 0 0 0 3px;
}
a.info	{
    position: relative; /*this is the key*/
    z-index: 24;
    color: #000;
    text-decoration: none;
}

a.info:hover	{
			z-index: 25; 
}

a.info span	{ display: none; }

a.info:hover span { /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    top: 15px; 
    left: 10px; 
    width: 180px;
    border: 1px solid #666666;
    background-color: #ffffcc; 
    color: #000;
    padding: 5px;
    font-size: 10px;
    font-weight: normal;
    white-space: normal;
    text-align: left;
}
a.info:hover span.DisplayLeft	{
    left: -180px; 
    white-space: normal;
}