/* @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap'); */
* {
	/* font-family     : "JetBrains Mono", monospace, serif; */
	font-family     : sans-serif;
	font-size       : inherit;
	line-height     : inherit;
	padding         : 0px;
	margin          : 0px;
	border          : 0px hidden #00000000;
	border-collapse : collapse;
	position        : relative;
	}

body {
	color     : #AAAAAA;
	background: #101010;
	font-size : 14px;
	}



/* Works on Firefox */
* { scrollbar-width: thin; scrollbar-color: #333333E0 #101010FF; }
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar       { width: 20px; }
*::-webkit-scrollbar-track { background: #101010FF; }
*::-webkit-scrollbar-thumb { background: #333333E0; border:5px solid #101010FF; border-radius:10px; }


#page_overlay {
	position       : fixed  ;
	display        : inline ;
	top            : 0px    ;
	left           : 0px    ;
	z-index        : 1000   ;
	pointer-events : none   ;
	}

div.page         { padding: 20px; max-width: 920px; margin:auto; left: 0px; right: 0px; }
div.page_vcenter { padding: 20px; max-width: 920px; margin:auto; left: 0px; right: 0px; top: 50%; position: fixed; transform: translateY(-50%); }
div.page_space   { margin:0px auto 20px auto; }

div.head         { box-shadow:0em 0em 2em 0em #000000; margin:0px auto 20px auto; border:1px solid #FFD9A9; border-radius:5px; background:#18140FE0; padding:0px 10px 0px 10px; color:#FFE0BA; }
div.main         { box-shadow:0em 0em 2em 0em #000000; margin:0px auto 20px auto; border:1px solid #333333; border-radius:5px; background:#181818E0; padding:10px             ; color:#CCCCCC; }
div.alt          { box-shadow:0em 0em 2em 0em #000000; margin:0px auto 20px auto; border:1px solid #333333; border-radius:5px; background:#181818E0; padding:10px             ; color:#CCCCCC; }
div.only         { box-shadow:0em 0em 2em 0em #000000; margin:0px auto 20px auto; border:1px solid #FFD9A9; border-radius:5px; background:#18140FE0; padding:10px             ; color:#FFE0BA; }
div.note         { box-shadow:0em 0em 2em 0em #000000; margin:0px auto 20px auto; border:1px solid #002656; border-radius:5px; background:#000409E0; padding:10px             ; color:#335278; }
div.dark         { box-shadow:0em 0em 2em 0em #000000; margin:0px auto 20px auto; border:1px solid #080808; border-radius:5px; background:#000000E0; padding:10px             ; color:#999999; }
div.foot         { box-shadow:0em 0em 2em 0em #000000; margin:0px auto 20px auto; border:1px solid #FFD9A9; border-radius:5px; background:#18140FE0; padding:10px             ; color:#FFE0BA; }

div.inbound      { border:1px solid #002656; background:#000409E0; color:#AAB0B6; padding:10px; display:inline-block; margin: 0px auto 20px auto; border-radius:5px; box-shadow:0em 0em 2em 0em #000000; }
div.outbound     { border:1px solid #FFD9A9; background:#18140FE0; color:#CCC6C0; padding:10px; display:inline-block; margin: 0px auto 20px auto; border-radius:5px; box-shadow:0em 0em 2em 0em #000000; }

div.media_item   { padding:0px; display:inline-block; }
div.media_item img,
div.media_item object
{ border:1px solid #333333; margin: 5px; border-radius:5px; box-shadow:0em 0em 2em 0em #000000; max-height:128px;max-width:128px;height:auto;width:auto; color:#FFFFFF; }

div.outbound div.media_item img:hover,
div.outbound div.media_item img:active,
div.outbound div.media_item object:hover,
div.outbound div.media_item object:active
{ border:1px solid #FFE5C5; margin: 5px; border-radius:5px; box-shadow:0em 0em 0.125em #FFE5C5; max-height:128px;max-width:128px;height:auto;width:auto; color:#FFE0BA; }

div.inbound div.media_item img:hover,
div.inbound div.media_item img:active,
div.inbound div.media_item object:hover,
div.inbound div.media_item object:active
{ border:1px solid #556F8F; margin: 5px; border-radius:5px; box-shadow:0em 0em 0.125em #556F8F; max-height:128px;max-width:128px;height:auto;width:auto; color:#335278; }

div.ob_m { display:inline-block;filter:opacity(0.25);              }
div.ob_i { display:inline-block;text-align:center; width:4em;      }
div.ob_c { display:inline-block;text-align:right;font-size:1.25em; }
div.ob_d { display:inline      ;text-align:right;                  }

div.ib_m { display:inline-block;filter:opacity(0.25);              }
div.ib_i { display:inline-block;text-align:center; width:4em;      }
div.ib_c { display:inline-block;text-align:left;font-size:1.25em;  }
div.ib_d { display:inline      ;text-align:left;                   }


div.inbound div.ib_c a:link    { color:#335278; text-decoration:none; }
div.inbound div.ib_c a:visited { color:#335278; text-decoration:none; }
div.inbound div.ib_c a:hover   { color:#335278; text-shadow:0em 0em 0.125em #556F8F; text-decoration:underline; }
div.inbound div.ib_c a:active  { color:#335278; text-shadow:0em 0em 0.125em #556F8F; text-decoration:underline; }

div.outbound div.ob_c a:link    { color:#FFE0BA; text-decoration:none; }
div.outbound div.ob_c a:visited { color:#FFE0BA; text-decoration:none; }
div.outbound div.ob_c a:hover   { color:#FFE0BA; text-shadow:0em 0em 0.125em #FFE5C5; text-decoration:underline; }
div.outbound div.ob_c a:active  { color:#FFE0BA; text-shadow:0em 0em 0.125em #FFE5C5; text-decoration:underline; }


div.compose {
	padding: 0px;
	display:       block;
	margin:0px auto 20px auto;
	}

div#new_message div.compose { margin:0; }

div.compose input,
div.compose textarea {
	border-radius : 5px;
	box-shadow    : 0em 0em 0.125em 0em #333333;
	box-sizing    : border-box;
	width         : 100% ;
	outline       : none ;
	font-size     : 1.25em;
	padding       : 0.5em;
	border        : #FFFFFF33 1px solid;
	background    : #00000099;
	color         : #FFFFFF99;
	resize        : vertical ;
	}

div.compose input    { height: 1.75em; min-height: 1.75em; }
div.compose textarea { height: 3.50em; min-height: 3.50em; }

div.compose input:focus,
div.compose textarea:focus {
	border     : #FFCC00FF 1px solid;
	background : #000000FF;
	color      : #FFCC00FF;
	}


div.head h1 { color:#FFD9A9; font-size:1.50em; font-weight:normal; font-style:normal; padding:5px 0px 5px 0px; margin: 0px 0px 0px 0px; overflow:hidden; }

div.main table, div.alt  table { width:100%; font-size:1em; }
div.main thead, div.alt  thead { line-height:1.0em; }
div.main tbody, div.alt  tbody { line-height:2.0em; }
div.main tfoot, div.alt  tfoot { line-height:1.0em; }
div.main th   , div.alt  th    { text-align : right; vertical-align:top; padding: 5px; }
div.main td   , div.alt  td    { text-align : left ; vertical-align:top; padding: 5px; }

div.main thead tr                 th { background: #303030; color:#999999; font-weight:normal; font-style:italic; font-size:0.875em; width:20%; }
div.main thead tr                 td { background: #242424; color:#999999; font-weight:normal; font-style:italic; font-size:0.875em; }
div.alt  thead tr                 th { background: #303030; color:#999999; font-weight:normal; font-style:italic; font-size:0.875em; width:20%; }
div.alt  thead tr                 td { background: #242424; color:#999999; font-weight:normal; font-style:italic; font-size:0.875em; }

div.main tbody tr:nth-child(odd ) th { background: #40372D; color:#FFFFFF; width:20%; }
div.main tbody tr:nth-child(odd ) td { background: #1C1C1C; color:#FFFFFF; }
div.main tbody tr:nth-child(even) th { background: #483F33; color:#FFFFFF; width:20%; }
div.main tbody tr:nth-child(even) td { background: #242424; color:#FFFFFF; }

div.alt  tbody tr:nth-child(odd ) th { background: #08111B; color:#FFFFFF; width:20%; }
div.alt  tbody tr:nth-child(odd ) td { background: #1C1C1C; color:#FFFFFF; }
div.alt  tbody tr:nth-child(even) th { background: #0C1521; color:#FFFFFF; width:20%; }
div.alt  tbody tr:nth-child(even) td { background: #242424; color:#FFFFFF; }

div.main tfoot tr                 th { background: #303030; color:#999999; font-weight:normal; font-style:italic; font-size:0.875em; width:20%; }
div.main tfoot tr                 td { background: #242424; color:#999999; font-weight:normal; font-style:italic; font-size:0.875em; }

div.alt  tfoot tr                 th { background: #303030; color:#999999; font-weight:normal; font-style:italic; font-size:0.875em; width:20%; }
div.alt  tfoot tr                 td { background: #242424; color:#999999; font-weight:normal; font-style:italic; font-size:0.875em; }

div.main p              , div.alt  p               { color:#AAAAAA; margin: 0px 0px 20px 0px; line-height:1.5em; }
div.main p:first-of-type, div.alt  p:first-of-type { color:#FFFFFF; font-weight:bold; }

div.main p .highlight { color:#FFFFFF; background-color:#332B21; }
div.alt  p .highlight { color:#FFFFFF; background-color:#000812; }

div.main ol, div.alt  ol { margin: 10px 0px 10px 20px; }
div.main ul, div.alt  ul { margin: 10px 0px 10px 20px; }

progress {
	display      : block;
	width        : 100% ;
	height       : 20px ;
	}

progress::-webkit-progress-bar {
	background   : #101010;
	border       : 1px solid #333333;
	border-radius: 5px;
	}

progress::-webkit-progress-value {
	background   : #998265;
	border       : 1px solid #FFD9A9;
	border-radius: 5px;
	}

/*
progress:after {
	margin:-26px 0 0 -7px;
	padding:0;
	display:inline-block;
	float:left;
	content: attr(value) '%';
}
*/
div.foot table { color:#FFE5C5; width:100%; }


div.foot td          { color:#AA9376; text-decoration:none; }
div.foot td span.dim { color:#77654E; text-decoration:none; }
div.foot td span.med { color:#AA9376; text-decoration:none; }
div.foot td span.bri { color:#FFE0BA; text-decoration:none; }
.l_align  { text-align    :left   ; }
.c_align  { text-align    :center ; }
.r_align  { text-align    :right  ; }
.j_align  { text-align    :justify; }
.t_valign { vertical-align:top    ; }
.m_valign { vertical-align:middle ; }
.b_valign { vertical-align:bottom ; }

div.main h1 { color:#FFE3BF; font-size:1.75em; font-weight:normal; font-style:normal; padding:0px; margin:0px 0px 0px 0px; border-bottom:1px solid #FFE3BF; }
div.main h2 { color:#CCB598; font-size:1.50em; font-weight:normal; font-style:normal; padding:0px; margin:0px 0px 0px 0px; border-bottom:1px solid #444444; }
div.main h3 { color:#998770; font-size:1.25em; font-weight:normal; font-style:normal; padding:0px; margin:0px 0px 0px 0px; border-bottom:1px solid #333333; }
div.main h4 { color:#FFFFFF; font-size:1.50em; font-weight:normal; font-style:normal; padding:0px; margin:0px 0px 0px 0px; border-bottom:1px solid #555555; }
div.main h5 { color:#CCCCCC; font-size:1.25em; font-weight:normal; font-style:normal; padding:0px; margin:0px 0px 0px 0px; border-bottom:1px solid #444444; }
div.main h6 { color:#999999; font-size:1.00em; font-weight:normal; font-style:normal; padding:0px; margin:0px 0px 0px 0px; border-bottom:1px solid #333333; }

div.alt  h1 { color:#446084; font-size:1.75em; font-weight:normal; font-style:normal; padding:0px; margin:0px 0px 0px 0px; border-bottom:1px solid #446084; }
div.alt  h2 { color:#334A67; font-size:1.50em; font-weight:normal; font-style:normal; padding:0px; margin:0px 0px 0px 0px; border-bottom:1px solid #444444; }
div.alt  h3 { color:#22344B; font-size:1.25em; font-weight:normal; font-style:normal; padding:0px; margin:0px 0px 0px 0px; border-bottom:1px solid #333333; }
div.alt  h4 { color:#FFFFFF; font-size:1.50em; font-weight:normal; font-style:normal; padding:0px; margin:0px 0px 0px 0px; border-bottom:1px solid #555555; }
div.alt  h5 { color:#CCCCCC; font-size:1.25em; font-weight:normal; font-style:normal; padding:0px; margin:0px 0px 0px 0px; border-bottom:1px solid #444444; }
div.alt  h6 { color:#999999; font-size:1.00em; font-weight:normal; font-style:normal; padding:0px; margin:0px 0px 0px 0px; border-bottom:1px solid #333333; }

th.null { font-size:1em; background:#333333; padding:1px; line-height:1em; font-weight:normal; }
td.null { font-size:1em; background:#222222; padding:1px; line-height:1em; font-weight:normal; }

div.main highlight { color:#FFE8CB; background-color:#665949; }
div.alt  highlight { color:#667D9A; background-color:#111E2E; }

span.dim { color:#666666; }
span.med { color:#BBBBBB; }
span.bri { color:#FFFFFF; }

.verynarrow { width:0%; }
.narrow     { width:20%; }
.wide       { width:80%; }
.verywide   { width:100%; }
.v_space    { margin:0px; padding:0px; padding-bottom:20px; }

div.head a:link    { color:#FFE0BA; text-decoration:none; }
div.head a:visited { color:#FFE0BA; text-decoration:none; }
div.head a:hover   { color:#FFE0BA; text-shadow:0em 0em 0.125em #FFE5C5; text-decoration:underline; }
div.head a:active  { color:#FFE0BA; text-shadow:0em 0em 0.125em #FFE5C5; text-decoration:underline; }

div.main a:link    { color:#FFE0BA; text-decoration:none; }
div.main a:visited { color:#FFE0BA; text-decoration:none; }
div.main a:hover   { color:#FFE0BA; text-shadow:0em 0em 0.125em #FFE5C5; text-decoration:underline; }
div.main a:active  { color:#FFE0BA; text-shadow:0em 0em 0.125em #FFE5C5; text-decoration:underline; }

div.alt  a:link    { color:#335278; text-decoration:none; }
div.alt  a:visited { color:#335278; text-decoration:none; }
div.alt  a:hover   { color:#335278; text-shadow:0em 0em 0.125em #556F8F; text-decoration:underline; }
div.alt  a:active  { color:#335278; text-shadow:0em 0em 0.125em #556F8F; text-decoration:underline; }


input, input:focus {
	border-radius: 5px;
	box-shadow: 0em 0em 0.125em 0em #333333;
	box-sizing: border-box;
	width:100%;
	outline: none;
	font-size: 1.25em;
	height: 2em;
	color:#ffffffff;
	padding-left:0.5em;
	padding-right:0.5em;
	background: #080808;
	}

/*form, form input { padding:0; box-shadow:0 0 3px #000000; margin:0; }*/
.q, .q:focus {
	border:1px solid #002656;
	border-radius: 5px;
	box-shadow: 0em 0em 0.125em 0em #333333;
	box-sizing: border-box;
	width:100%;
	outline: none;
	font-size: 2em;
	height: 2em;
	color:#ffffffff;
	padding-left:0.5em;
	padding-right:0.5em;
	background: #080605;
	}

.q:focus {
	border:1px solid #FFD9A9;
	}

.fg_0 { color:#000000; } .fg_1 { color:#0000AA; } .fg_2 { color:#00AA00; } .fg_3 { color:#00AAAA; }
.fg_4 { color:#AA0000; } .fg_5 { color:#AA00AA; } .fg_6 { color:#AA5500; } .fg_7 { color:#AAAAAA; }
.fg_8 { color:#555555; } .fg_9 { color:#5555FF; } .fg_A { color:#55FF55; } .fg_B { color:#55FFFF; }
.fg_C { color:#FF5555; } .fg_D { color:#FF55FF; } .fg_E { color:#FFFF55; } .fg_F { color:#FFFFFF; }
.bg_0 { background-color:#000000; } .bg_1 { background-color:#0000AA; } .bg_2 { background-color:#00AA00; } .bg_3 { background-color:#00AAAA; }
.bg_4 { background-color:#AA0000; } .bg_5 { background-color:#AA00AA; } .bg_6 { background-color:#AA5500; } .bg_7 { background-color:#AAAAAA; }
.bg_8 { background-color:#555555; } .bg_9 { background-color:#5555FF; } .bg_A { background-color:#55FF55; } .bg_B { background-color:#55FFFF; }
.bg_C { background-color:#FF5555; } .bg_D { background-color:#FF55FF; } .bg_E { background-color:#FFFF55; } .bg_F { background-color:#FFFFFF; }