/* BASIC, SIMPLE PAGE THEME */
a {
    border-radius: 3pt;
}
a:hover {
    box-shadow: 0 3px 3px rgba(0,0,0,0.4);
}

body,
header,
footer {
    padding: 0;
    margin: 0;
}
div.page {
    margin: 0.25em;
}
div.page,
div.pane,
div.fyi {
    padding: 0.5em;
}
div.body,
div.pane {
    margin-top: 1em;
}
h1, h2 {
    margin: 0 0 3pt 0;
}
ul {
    padding-left: 1em;
}
/* need javascript (see below)
.files ul ul {
    display: none;
}
*/
#logo {
    display: none;
}
.adobe img {
    display: inline-block;
    vertical-align: middle;
}
object {
    display: block;
    width: 100%;
    height: 3in;
}
div.fyi,
div.pane, 
object {
    border-radius: 3pt;
}

body {
    font-family: Arial, Helvetica, sans-serif;
}
h1 { font-size: 1.2em }  /* 1.6em */
h2 { font-size: 1.0em }  /* 1.2em */
h3 { font-size: 1.0em }
h4 { font-size: 1.0em }
h5 { font-size: 0.9em }

a {
    padding: 0.2em;
    padding-top: 0.4em;
}

nav h1, nav h2 {
    margin-left: -0.2em;
}
div.body nav h2 {
    margin-top: 1em;
    margin-bottom: 1em;
}

section.docs h3 {
    margin-top: 1.2em;
    margin-bottom: 0;
}
section.docs ul {
    margin-top: 0;
    margin-bottom: 1em;
}
section.docs li {
    margin-top: 6pt;
    margin-bottom: 6pt;
}
section.docs p {
    margin-top: 3pt;
    margin-bottom: 3pt;
}
section.docs a>i,
section.docs h3>i {
    font-size: 96%;
    font-style:  normal;
    font-weight: normal;
}
section.docs p {
    font-size: 92%;
}
aside.adobe,
footer p {
    font-size: 90%;
}

section.item {
    margin-top: 0.8em;
    padding-bottom: 0.6em;
}
section.item small {
    vertical-align: text-top;
}

/* if javascript is available */
@media (scripting: enabled) {
    section.docs ul ul {
	display: none;
    }
}

/* wider page, side-by-side panes */
@media all and (min-width: 576px) {
    h1  { font-size: 1.6em }
    h2  { font-size: 1.2em }
    body {
	min-width: 9.5in;
    }
    div[role=main] {
	/* prevent margin collapse */
	padding-top: 0.1px;
    }
    div.page { 
	position: relative;
	padding: 0.5in; 
	margin: 0.25in;
    }
    div.pane,
    div.body { 
 	padding: 0;
	margin: 0;
	margin-top: 0.5in;
    }
    div.pane { 
	width: 35%;
	margin-left: 65%;
	min-width: 3in;
    }
    div.body { 
	width: 65%;
	float: left;
    }
    header,
    footer {
	clear: both;
    }
    aside.callout,
    section.list,
    section.info {
	margin: 0.25in 0.75in 0.25in 0;
	padding: 0;
    }
    .page aside.callout,
    .page section.list {
	margin-top: 0;
    }
    section.docs, 
    aside.adobe {
	margin: 0.25in;
    }
    aside.adobe {
	border-top: solid 1px gray;
    }
    section.info {
	text-align: justify;
    }
    section.docs ul {
	list-style-position: outside;
    }
    section.docs ul ul {
	padding-left: 0;
    }
    section.docs ul ul>li {
	list-style-type: none;
    }
    section.docs ul a {
	text-decoration: none;
    }
    div.page {
	box-shadow: 0 2px 8px rgba(0,0,0,0.8);
    }
    div.fyi {
	padding: 1em 1em 0;
    }
}

/* small screens adjustments */
@media screen and (max-width: 576px) {
    div.fyi {
	padding: 0.5em 0.5em 0;
    }
}

/* styles for the update page */

#update form {
    margin-top: 2em;
}
#update fieldset {
    border: none;
}
#update legend {
    font-weight: bold;
    font-size: 1.2em;
}
#update form ul {
    padding-left: 0;
}
#update form li {
    display: flex;
    align-items: stretch;
    position: relative;
    margin-top: 6pt;
}
#update form li > * {
    flex: none;
}
#update form textarea,
#update form input[type=text] {
    flex: 1 auto;
}
#update textarea {
    min-height: 18em;
    resize: vertical;
}
#update textarea,
#update input,
#update select {
    font-family: monospace;
    font-size: 11pt;
}
#update label {
    font-family: monospace;
    font-size: 10pt;
    display: inline-block;
    width: 3in;
    text-align: right;
}
#update label::after {
    content: ' --';
}
#update label.trailing {
    display: inline;
    width: 100%;
    text-align: left;
}
#update label.trailing::after {
    content: none;
}
#update label,
#update select {
    margin-right: 0.8em;
}
#update input[type=submit] {
    margin-left: 3.12in;
    padding: 0.4em;
}
#update form li b,
#update form li i {    
	padding-left: 0.5em;
}
#update form code {
    background-color: #f4f4f4;
    font-size: 96%;
    padding: 0.8em;
    width: 2.7in;
    display: block;
    position: absolute;
    bottom: 0;
}
#update form code em {
    font-weight: bold;
}
#update form code p {
    margin: 0;
    margin-top: 0.5em;
    line-height: 1.5;
    text-align: left;
}
#update div.msg {
    margin-top: 2em;
    text-align: center;
}
#update div.msg em {
    background-color: yellow;
    padding: 0.5em;
}