/*
* StyleSheet.css :  mhp v2.0 :  rev 2019-03
*	Master style sheet for MHP and other applications
*/

/* Default attributes */

body {font-size:small; font-family:arial,helvetica,sans-serif;  
	color:#000; background:#FFFFF8; padding:0 2%;}

/* Headings */

h1,h2,h3,h4 {font-weight:normal; display:inline;}

h1 {font-size:x-large;}
h2 {font-size:large;}
h3 {font-size:medium; font-weight:bold}
h4 {font-size:medium;}

table {width:100%;}
th {font-size:medium; text-align:center; vertical-align:middle;}
td {font-size:small; text-align:left; vertical-align:middle;}

/* Forms */

form {margin:0; padding:0;}

/* Lists */

dl {margin:1%;}
dt {font-size:medium;}
dd {font-size:small; margin-left:3%;}
	
ul {font-size:small;}
li {font-size:small;}

blockquote {font-size:small;}
blockquote li {margin-top:2px;}

/* Links */

a {color:#048; text-decoration:none;}
a:hover {color:#638; text-decoration:underline;}
a:visited {color:#048;}
a:visited:hover {color:#638; text-decoration:underline;}

a.offsite:link {color:#007; text-decoration:none;}
a.offsite:hover {color:#007; text-decoration:underline; text-decoration-style:dotted;}
a.offsite:visited {color:#007;}

/* Generic attributes */

.xsmall {font-size:x-small;}
.small {font-size:small;}
.medium {font-size:medium;}
.large {font-size:large;}
.xlarge {font-size:x-large;}

.bold {font-weight:bold;}
.normal {font-weight:normal;}

.right {text-align:right;}
.left {text-align:left;}
.center {text-align:center;}

.top {vertical-align:top;}
.bottom {vertical-align:bottom;}

.indent {padding-left:2%;}
.inline {display:inline;}

/* Special message formats */

.info {color:#888; font-size:small; font-weight:normal;}
.notice	{color:#4A4; font-size:small; font-weight:bold;}	
.warning {color:#A44; font-size:small; font-weight:bold;}

.hilite {background:#FF4; border:thin dotted #888;}
.hilite2 {background:#FCC; border: thin dotted #888;}

.box {padding:0 2%; margin-left:2%; border:thin outset #000;}

/*-----------------------------------------------------------------------*/
/* Page header */

div.pagehead {padding:0 0 3px 0;}
div.pagehead td {vertical-align:bottom;}
div.pagehead h1 {color:#040;}
div.pagehead a {text-decoration:none; color:#040;}
div.pagehead em {color:#820; font-style:normal;}

/* Page footer */

div.pagefoot {text-align:center; color:#888;}

/* Link to page top */

p.pagetop {font-size:small; text-align:center; }
p.pagetop a {text-decoration:none;}

/*-----------------------------------------------------------------------*/
/* Main menu bar (link1 : link2 : link3) */

div.menubar {font-size:large; background:#FFE; border:solid 1px #AAA; padding:5px 3px;}
div.menubar a {padding:3px 5px;}
div.menubar a:hover {color:#FFF; background:#8AC; text-decoration:none;}	/* was #99C */

/* Category navigation bar (context > category > subcat) */

div.catnav {font-size:medium; margin:5px 0 10px 0; padding-left:5px;}

/* Audio player */

div.player {display:inline;}
div.player audio {margin-left:2%; width:50%; vertical-align:middle; border:thin dotted #AAA; border-radius:4px;
	min-width:190px !important; max-width:300px; min-height:24px; max-height:28px !important;}

/* Single row mini-form for keyword search, user login, edit controls (label:value control) */

form.miniform {display:inline;}
form.miniform input.field {font-size:medium; color:#000; background:#FFF; border:solid 1px #AAA;}
form.miniform input.button {color:#080; margin-left:5px; padding:0; font-family:arial,helvetica,sans-serif;}
form.miniform input.button2 {font-size:small; color:#080; background:#EEE; border:thin solid #AAA; border-radius:3px; margin-left:5px; padding:0 3px; font-family:arial,helvetica,sans-serif;}

/* Scroll control bar (<<prev   top   next>>) */

div.scrollbar {font-size:medium; text-align:center; margin: 5px 0 10px 0; padding:5px;}
div.scrollbar a {background:#EEE; border:thin outset #AAA; padding:2px 5px; text-decoration:none;}
div.scrollbar a:hover {background:#FFF;}

/* Continuation control (continue >>) */

div.continue {font-size:medium; font-weight:bold; text-align:center; margin:1% 25% 0 25%; padding:5px;}
div.continue a {color:#080; background:#EEE; border:thin outset #AAA; padding:2px 10px; text-decoration:none;}

/*----------------------------------------------------------------------*/
/* Content box with background and border */

div.content {font-size:medium; background:#F4FFF4; border:solid 1px #AAA; margin:0 0 1% 0; padding:1% 2%;}
div.content blockquote {background:#FFF; border:solid 1px #AAA; margin:1% 2%; padding:1% 3%;}
div.content blockquote.inner {background:#EEE;}
div.content blockquote a {font-weight:bold;}

/*-------------------------------------------------------------------*/
/* Category navigation tree using <dl> (category, subcategory...) */

div.catndx {font-size:medium; background:#F8FCF8; border:solid 1px #AAA; margin:1% 0 3% 0;}
div.catndx dl {padding:0 0 3% 0;}
div.catndx dt {font-weight:bold; background:#DDF; margin:2% 0 1% 0; padding:2%;}  /* was E0E0FF */
div.catndx dd {font-size:medium; margin:0 1% 0 5%;}
div.catndx em {color:#888; font-size:x-small;}

/* Item selection list using <dl> (title, description) */

div.itemndx {font-size:medium; background:#FFF; border:solid 1px #AAA; margin:1% 0 1% 0; padding:1% 2%;}
div.itemndx dt {margin-top:5px;}
div.itemndx dd {font-size:small; margin-left:2%;}

/* Item selection list using <dl> (heading, item1, item2...) */

div.itemndx2 {font-size:medium; background:#FFF; border:solid 1px #AAA; margin-top:1%;}
div.itemndx2 dt {font-weight:bold; background:#EEF; margin-top:1%; padding:3px 1%;}
div.itemndx2 dd {font-size:medium; margin:5px 0 0 2%;}

/*---------------------------------------------------------*/
/* Record edit form, one field per row (label: value) */

div.recform {background:#FFE; border:solid 1px #AAA; margin:1% 0 1% 0; padding:2% 3%;}
div.recform th.col1 {width:10%;}
div.recform th.col2 {width:90%; text-align:left;}
div.recform td.label {text-align:right; vertical-align:top;}
div.recform td.buttons {padding:0;}
div.recform td.buttons input {margin-right:1%;}
div.recform textarea {font-size:small; font-family:arial,helvetica,sans-serif;}

/* Record list in tabular format */

div.reclist {margin:1% 1% 1% 1%;}
div.reclist table {border:thin solid; width:auto;}
div.reclist tr.heading {background:#DDE;}
div.reclist th {padding:0 5px;}
div.reclist td {vertical-align:top;}
div.reclist tr.fmt1 {background:#EEF;}
div.reclist tr.fmt2 {background:#FFF;}

/*---------------------------------------------------------*/
/* Message heading (left:heading, right:to/from,date) */

div.msghead {background:#FFE; border:solid 1px #AAA;}
div.msghead tr.bkg1 {background:#EEF;}
div.msghead tr.bkg2 {background:#EFF;}
div.msghead td {font-size:medium; border:solid 1px #AAA; padding-left:1%;}
div.msghead td.col1 {width:70%;}
div.msghead td.col2 {width:30%;}

/*---------------------------------------------------------*/
/* Article title block */

div.title {font-size:medium; background:#FFF; border:solid 1px #AAA; margin:1% 0 1% 0; padding:1% 2%;}

/* Article notes section */

div.notes {font-size:small; background:#F4FFF4; border:solid 1px #AAA; margin:0 0 1% 0; padding:1% 2%;}
div.notes p {margin-left:1%;}
div.notes blockquote {background:#FFF; border:solid 1px #AAA; margin:1% 2%; padding:0 2%;}
div.notes a.noteref {font-weight:bold; color:#000; text-decoration:none;}
div.notes a.noteref:hover {border:thin dotted;}

/*----------------------------------------------------------*/
/* Entity selection index using <dl> */

div.entndx {font-size:medium; background:#FFF; border:solid 1px #AAA; margin:1% 0 1% 0;}
div.entndx dt {font-size:medium; background:#EEF; margin:2% 0 1% 0; padding:3px 1%;} 
div.entndx dd {margin-left:2%;}

/* Entity notes list using <dl> (heading, note1, note2...) */

div.entnote {background:#FFF; border:solid 1px #AAA; margin-top:1%;}
div.entnote dt {font-size:small; background:#EEF; margin-top:1%; padding:3px 1%;}
div.entnote dd {margin:5px 0 0 2%;}

/* Entity relationship timeline graph */

div.graph {margin:1% 0 1% 0; padding:0; background:#FFF; border:solid 1px #AAA; font-size:small;}
div.graph table {margin:0; padding:0;}

div.graph th.fmt1 {width:20%; text-align:center; font-size:medium; background:#FFF;}
div.graph th.fmt2 {width:80%; background:#FFF;  vertical-align:bottom;}
div.graph th.fmt3 {text-align:left; font-size:small; background:#F8F8FF; border:solid 1px;}

div.graph td.fmt1 {background:#F8F8FF; text-align:right;}
div.graph td.fmt2 {background:#F8F8FF; text-align:left;}
div.graph td.fmt3 {background:#EEF;}

div.graphbar {padding:0 0 0 2px; background:#AEA;}
div.graphbar2 {padding:0 0 0 2px; background:#FBA;}

/* Entity org/member index grid (rev 2021-04) */

div.grid {margin:1%; padding:1%; border:thin solid; font-size:small; background:#FFF;}

div.grid table {width:0; margin:6em 0 1% 0; table-layout:fixed;}

div.grid tr {background:#F4F4F4;}
div.grid tr:hover {font-weight:bold; background:#DDE;}
div.grid tr:nth-child(1) {background:transparent;}

div.grid th.member {text-align:left;}
div.grid th.org {transform:rotate(-60deg); transform-origin:center; font-style:italic; font-size:small;}

div.grid td {text-align:center;}
div.grid td.member {text-align:left; padding-left:5px; background:#F8F8F8;}
div.grid td.break {background:#FFF; font-weight:bold;}

div.grid .c0 {color:#777;}
div.grid .c1 {background:#AEA; color:#777;}
div.grid .c2 {background:#FBA;}
div.grid .c3 {background:#EAE;}

/*** End style sheet ***/