html { scroll-padding: 4em 0 4em 0; }

body {
    background-image: url(bg25.gif); /* url(/.tedisk-bg); */
    margin: 1em;
}

* { font-family: Arial, Helvetica, FreeSans, sans-serif, serif; }
code { font-family: monospace; }

dl { margin-bottom: 1ex; }
dt, dd { margin-bottom: 0.4ex; }

ol, ul { margin: 1ex 0 1ex 0; }
li { margin-bottom: 0.4ex; }

/* begin:top_panel */

table.top_panel {
    position: sticky; top: 0px; margin-top: -1em;
    background-image: url(bg25.gif);
}

.top_panel {
    margin-top: -1em; /* compensate body margin */
}

.top_panel a {
    color: navy;
    font-weight: bold;
    text-decoration: none;
    border-radius: 3pt;
}
.top_panel a:hover {
    color: black;
    background-color: aqua;
}

.dropdown-menu {
    display: none;
    position: absolute;
    padding: 4px;
    background-color: white;
    border: 2px solid blue;
    border-radius: 4pt;
}
.dropdown-sensor {
    display: inline-block;
}
.dropdown-sensor:hover .dropdown-menu {
    display: block;
}
.dropdown-menu a {
    display: block;
    text-align: left;
}

/* end:top_panel */

/* begin:bot_panel */
table.bot_panel {
    background-image: url(bg25.gif);
    margin-top: 1em;
}
/* end:bot_panel */

/*
 * FORM-SEND: class for "submit" buttons in forms,
 * pure <input type="button" ...>,
 * and "Back/Forw" pseudo-buttons
 */
input[type=submit]:hover, input[type=button]:hover {
    color: black;
    background-color: aqua;
}

/*
 * NAV-SYM: style for buttons HOME [<] and TOP [^]
 */
a.nav_sym {
    color: navy;
    font-weight: normal;
    text-decoration: none;
    background-color: #f0f0f0;
    border: 2px solid navy;
    border-radius: 3pt;
}
a.nav_sym:hover {
    background-color: aqua;
}


/*
 * BLUE_BL: class for highlighted blocks in blue frames
 */
.blue_bl {
    border: 1px solid blue;
    border-radius: 0.5ex;
    padding: 0.5ex;
}

/*
 * Details: used for explanation boxes (instead of SUB-TEXT style)
 * Default class is "def", others may be also defined.
 */
details summary { color: blue; }
.sub0 { border: 1px solid blue; }
.sub1 { border: 1px solid green; }
.sub2 { border: 1px solid brown; }
.sub0, .sub1, .sub2
{
    border-radius: 0.5ex;
    padding: 0.5em;
    margin: 0.5em;
    color: navy;
}
.sub0 p:first-child, .sub1 p:first-child, .sub2 p:first-child {
    margin-top: 0;
}
.sub0 p:last-child, .sub1 p:last-child, .sub1 p:last-child {
    margin-bottom: 0;
}

/*
 * SUB-TEXT: style for rolldown/rollup windows [++] [--]
 * Used by tcp-tun.html and services.html now.
 */
.sub-text {
    display: none;
    border: 1px solid blue;
    border-radius: 0.5ex;
    padding: 0.5em;
    margin: 0.5em;
}
.sub-text:target { display: block; }
.sub-text p:first-child { margin-top: 0; }
.sub-text p:last-child { margin-bottom: 0; }
    

/* Class "sub-ref" is not used now. Typical usage is:
 *
	<input type="button" value="+" class="sub-ref"
	       onClick="return toggle_sub_text(this,'owpn-unix')">
 *
 */
.sub-ref {
    text-decoration: none;
    font-size: small;
    background-color: #d0d0ff;
    border: 1px solid blue;
    padding: 0 0.5ex 0 0.5ex;
}

/*
 * TIP: class for small help windows
 */
.tip {
    color: navy;
    text-decoration: none;
    border-bottom: 2pt dotted blue;
    cursor: help;
}

/*
 * LOG: class for replies and error messages from scripts
 */
.log {
    background-color: #e0e0e0;
    padding: 0.5ex;
}

/*
 * COOK_MSG: class for pop-up windows about cookies
 */
.cook_msg {
    position: fixed;
    width: 80%; right: 2em; top: 2em;
    height: 90%;
    overflow-y: auto;
    z-index: 10;
    display: none;
    padding: 0 1em 0 1em;
    border: 3pt solid blue;
    border-radius: 1ex;
    background: #f8f8f8;
    font-size: x-small;
}
.cook_msg table {
    font-size: x-small;
}
.cook_msg input {
    font-size: large;
}
.cook_msg p {
    text-align: justify;
}
    
/***/