/* main CSS */

:root {
--notepad_bg: #ffffe1;
--notepad_line_even: rgba(204, 204, 180, 0.7);
--notepad_line_odd: var(--notepad_bg);
}

html {
  height: 100%;
  font-family: sans-serif;
  color: #000000;
/*  background: #F1F1F1;*/
  /*background-image: url("../content/tile.gif");
  background-repeat: repeat;*/
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; }

body {
  height: 100%;
  font-family: sans-serif;
  font-size: 10pt;
  color: #000000;
  background-image: url("../content/tile.gif");
  background-repeat: repeat;
  background-color: #F1F1F1;
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; }

@media print { 
  .no-print, .no-print * {
    display: none !important; }
  .clean-print {
    border: none !important;} }

.main {
  text-align: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  border: 0px;
  border-spacing: 0px; }

a:hover {
  color: red; }

hr {
  border-color: #C0C0C0 #C0C0C0 #808080 #808080;}

h1 {
  font-size: 1.5em; }
h2 {
  font-size: 1.2em; }

li {
  list-style-position: inside }

.sidebar {
  border-right: 1px solid #C0C0C0;
  border-bottom: 1px solid #C0C0C0;
  padding: 4px;
  min-width: 120px;
  width: 160px;
  vertical-align: top;
  background-color: #FFFFFF;
  font-size: 10pt; }
  .sidebar_item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 0px 4px;
    display: block; }
  .sidebar_item_active {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 0px 4px;
    background-color: #d1caec;
    display: block; }
  .sidebar_item:hover {
    color: red;
    transition: background-color 150ms; }

.hide {
  display: none; }

.sitenav {
  text-align: center;
  font-size: 10pt;
  border-bottom: 1px solid #56516d;
  background-color: #d1caec; 
  background-image: url("../content/circuits.png");
  background-repeat: repeat; }
  .sitenav_button {
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    padding: 1px;
    border: 1px solid black;
    border-radius: 0px 4px;
    background-color: #C0C0C0;
    min-width: 48px;
    color: #000000;
    box-shadow: inset -1px -1px #808080, inset 1px 1px #e0e0e0 }
    .sitenav_button:active {
      border-bottom: 1px solid #FFFFFF;
      border-right: 1px solid #FFFFFF;
      box-shadow: inset 1px 1px #808080; }
    .sitenav_button:focus {
      outline: 1px dotted #000000;
      outline-offset: -4px; }
    .sitenav_button:hover {
      color: black; }
  .sitenav_input {
    outline: none;
    padding: 2px;
    border: 1px solid black;
    border-radius: 0px 4px;
    box-shadow: inset 1px 1px #808080, inset -1px -1px #e0e0e0 }

.innersection {
  height: 100%;
  width: 100%; }

.content_adapt {
  vertical-align: top;
  margin-left: auto;
  margin-right: auto;
  min-width: 470px;
  max-width: 900px;
  background-image: url("../content/tile.gif");
  background-repeat: repeat;}

.content_area {
  vertical-align: top;
  padding: 5px;
  font-size: 10pt;
  font-family: sans-serif; }
  .content_area_bottom {
    vertical-align: bottom;
    padding: 5px;
    font-size: 10pt;
    font-family: sans-serif; }

.content_preview {
  vertical-align: top;
  padding: 5px;
  font-size: 10pt;
  font-family: sans-serif;}

.content_frame {
  padding: 2px 5px 2px 5px;
  border: 1px dashed #808080;
  border-radius: 0px 4px;}

.center_nav {
  vertical-align: middle;
  width: 50%; }

.logo {
  vertical-align: middle;
}

.center {
  vertical-align: middle;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.code {
  font-family: "Courier New", Courier, monospace;
  display: block;
  border: 1px solid #56516d;
  border-radius: 4px;
  padding: 4px;
  background-color: #4b4b4b;
  color: white;
  margin-left: auto;
  margin-right: auto;
  min-width: 470px;
  Overflow-x: auto; }
  .code .p_prefix::before {
    content: attr(prefix);
    display: inline-block;
    margin-right: 0.5rem; }

.code_text {
  font-family: "Courier New", Courier, monospace;
  display: block;
  border: 1px solid #56516d;
  border-left: 16px solid;
  border-right: 16px solid;
  border-radius: 0px;
  border-image: url("../content/hole.png") 0 16 0 16 fill repeat;
  background-image: url("../content/paper_texture.png");
  padding: 4px;
  background-color: var(--notepad_bg);
  box-shadow: 4px 4px 0 0 var(--notepad_line_even), 0 0 1px 1px var(--notepad_line_even);
  color: black;
  margin-left: auto;
  margin-right: auto;
  min-width: 440px;
  max-width: 550px;
  Overflow-x: auto; }
  .code_text tr:nth-child(even) {
    background-color: var(--notepad_line_even);}
  .code_text tr:nth-child(odd) {
    background-color: var(--notepad_line_odd);}

.note_form {
  border: 1px solid black;
  border-radius: 4px;
  box-shadow: 4px 4px 0 0 var(--notepad_line_even);
  background-color: var(--notepad_bg);
  background-image: url("../content/tack.png");
  background-repeat: no-repeat;
  background-size: 16px 23px;
  background-position: right 3px top 3px;}

.news_table tr:nth-child(even) {
  background-color: #cccccc;}
  .news_table tr:nth-child(odd) {
    background-color: #F1F1F1;}

.index_row a {
  display: block;}
  .index_row:hover {
    background-color: var(--notepad_bg);}