﻿
/* main */

body {
  padding: 0;
  margin: 0;
  font-size: 0.9em;
  font-family: Verdana, sans-serif;
  color: #000000;
  background-color: #aaaaaa;  /* ; 8f9da8*/
  background-attachment: fixed;
  /*background-image: url('/images/main/bg.png'); 
  /*background-image: linear-gradient(to bottom right, #b2c3d5, #888888, #b2c3d5);*/
}

/*
@media (max-device-width: 480px) {
  body { font-size: 1.2em; }
}*/

/* global default */

body * { 
  font-size: 100%; 
  line-height: 1.36;
}

/* body_table */

table#body_table {
  width: 100%;
  max-width: 71em;
  margin-left: auto; 
  margin-right: auto; 
  padding: 0.4em;
}

table#body_table > tbody > tr > td { 
  padding: 0;
}

/* links */

a:link { color: #003c7c; text-decoration: none; }
a:visited { color: #003c7c; text-decoration: none; }
a:hover { color: #0071e2; text-decoration: underline; }
a:active { color: #0071e2; text-decoration: underline; }

a.dotted_link { 
  text-decoration: none; 
  border-bottom-width: 1px; 
  border-bottom-style: dotted; 
}

/* fonts */

.font_bold { font-weight: bold; }
.font_uline { text-decoration: underline; }
.font_zline { text-decoration: line-through; }

.font_min { font-size: 0.85em; }
.font_pale { color: #555555; }
.font_red { color: red; }
.font_green { color: green; }
.font_warn { color: red; }
.font_warn_ok { color: green; }
.font_date { font-size: 0.85em; }
.font_part_date { font-size: 1em; }

/* align */

.ta_l { text-align: left }
.ta_r { text-align: right }
.ta_c { text-align: center }
.ta_j { text-align: justify }

.va_t { vertical-align: top }
.va_m { vertical-align: middle }
.va_b { vertical-align: bottom }

/* break */

.nobr { white-space: nowrap }
.break_word { word-wrap: break-word }

/* clear */

div.clear { clear: both; }

/* print */

.print_hide {}

/* block_sp */

.sp_aft { margin-bottom: 0.85em; }
.sp_small_aft { margin-bottom: 0.4em; }
.sp_bef { margin-top: 0.85em; }
.sp_small_bef { margin-top: 0.4em; }

/* main styles */

h1.main_h { font-size: 1.33em; }
h2.main_h { font-size: 1.21em; }
h3.main_h { font-size: 1.1em; }
h4.main_h { font-size: 1.05em; }
h5.main_h { font-size: 1em; }
h6.main_h { font-size: 1em; font-style: italic; }

/* head_table */

table#head_table {
  width: 100%;
  margin-bottom: 0.7em;
  padding: 0;
  background-color: #f9f9f9;
  /* background-color: rgba(255, 255, 255, 0.8); */
  border-collapse: collapse;
  /* border-radius: 2em; */
}

table#head_table > tbody > tr > td {
  padding: 0.4em;
  vertical-align: bottom;
  /* border: 1px solid red; */
}

/* head title */

h1.head_title {
  font-size: 2.8em;
  padding: 0; 
  margin: 0.04em;
  font-weight: normal;
}

h1.head_title img {
  display: none;
}

h1.head_title span {
  display: inline-block;
  width: 1.25em; 
  height: 1.25em;
  margin-right: 0.08em;
  text-align: center;
  color: transparent;
  background: url('/images/main/logo.png') center no-repeat; 
  background-size: cover;
}

h1.head_title a { 
  color: #272727; 
  text-decoration: none; 
}

div.menu_div a {
  display: inline-block;
  margin: 0.2em 0.1em;
  padding: 0.1em 0.3em;
  background-color: #e0efff;
  text-decoration: none;
  font-weight: bold;
}

/*
div.menu_div a:before {
  content: '[';
}
div.menu_div a:after {
  content: ']';
}
*/

div.menu_div a:hover {
  background-color: #eff7ff;
}

/* main_table */

table#main_table {
  width: 100%;
  margin-top: 0.7em;
  margin-bottom: 0.7em;
  padding: 0;
  background-color: #f9f9f9;
  /* background-color: rgba(255, 255, 255, 0.8); */
  border-collapse: collapse;
  /* border-radius: 2em; */
}

td#content_td {
  padding: 0;
  vertical-align: top;
}

div#content_div {
  margin: 0.8em;
}

div.goto_top_div {
  position: fixed;
  right: 0.4em;
  bottom: 0.4em;
  text-align: right;
  font-size: 1.5em;
}

div.goto_top_div a {
  text-decoration: none;
}

/* nav_table */

table.nav_table {
  width: 100%;
  margin-top: 0.7em;
  margin-bottom: 0.7em;
  padding: 0;
  background-color: #f9f9f9;
  border-collapse: collapse;
  /* border-radius: 2em; */
}

table.nav_table > tbody > tr > td {
  padding: 0.8em;
  vertical-align: middle;
}

/* footer_table */

table#footer_table {
  width: 100%;
  margin-top: 0.7em;
  padding: 0;
  background-color: #f9f9f9;
  border-collapse: collapse;
  /* border-radius: 2em; */
}

table#footer_table > tbody > tr > td {
  padding: 0.8em;
}

/* warn_div */

div.warn_div {
  padding: 0.3em 0.5em;  
  background-color: #ffcd00; /* #ff7f50; */
}

/* list */

div.pages_div {
  padding: 0.6em 0.8em;
  background-color: #eaeaea;
  border: 1px solid #cccccc;
}

table.list_table {
  width: 100%;
  border-collapse: collapse;
}

table.list_table > tbody > tr > td {
  padding: 0.8em;
  vertical-align: top;
  color: #000000;
  border: 1px solid #cccccc;
}

table.list_table > tbody > tr > th {
  padding: 0.8em;
  vertical-align: top;
  text-align: left;
  color: #000000;
  background-color: #eaeaea;
  border: 1px solid #cccccc;
}

/* list ul */

ul.menu_list_ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul.menu_list_ul > li {
  margin: 0.1em 0;
  padding: 0;
}

ul.menu_list_ul.d_1 { 
  list-style-type: none;
  list-style-image: url('/images/icons/tr.png');
}

ul.menu_list_ul.d_2 { 
  list-style-type: square;
  list-style-image: url('/images/icons/sq.png');
}

ul.menu_list_ul.d_3 { 
  list-style-type: disc;
  list-style-image: url('/images/icons/bk.png'); 
}

ul.menu_list_ul.d_4 { 
  list-style-type: disc;
  list-style-image: url('/images/icons/media.png'); 
}

/* menu_text_div */

div.menu_text_div { 
  padding: 0.6em;
  margin-top: 0.4em;
  border: 1px solid #cfcfcf; 
}

/* users */

img.u_list_ava_img {
  margin-top: 0.4em;
  max-width: 100px;
}

/* hidden */

.hide { display: none !important; }

div.main_hidden > div.hidden_elem {
  padding-top: 0.6em;  
  border: 0 solid #b8b8b8; 
}

div.main_hidden a.hidden_toggle { 
  text-decoration: none; 
  border-bottom-width: 1px; 
  border-bottom-style: dotted;
}

/* section */

ul.s_list_ul {
  padding-left: 1.6em;
  margin: 0;
  font-weight: bold; 
  list-style-type: square;
  list-style-image: url('/images/icons/sq.png');
}

ul.s_list_ul.d_1 { 
  list-style-type: disc;
  list-style-image: url('/images/icons/bk.png'); 
}

ul.s_list_ul.d_2 { 
  list-style-type: disc;
  list-style-image: url('/images/icons/media.png'); 
}

div.s_sep_title_div { 
  font-weight: bold; 
}

div.s_notic_div {
  padding-left: 1.6em;
  padding-top: 0.2em;
}

ul.s_sublist_ul {
  padding-left: 1.6em;
  margin: 0;
  list-style-type: disc;
}

ul.s_sublist_ul > li {
  margin-top: 0.2em;
}

ul.s_sublist_ul ul {
  padding-left: 1.6em;
  margin: 0;
  list-style-type: circle;
}

ul.s_sublist_ul ul > li {
  margin-top: 0.2em;
}

div.s_text_out_div {
  border: 0px solid #cfcfcf;
}

div.s_text_div { 
  margin: 0em;
}

/* article */

div.a_title_div { 
  font-weight: bold;
  /*font-size: 1.1em;*/
}

div.a_author_div {
  font-style: italic;
}

div.a_source_div {
  font-style: italic;
}

div.a_notic_div {
  margin-top: 0.4em;
}

img.a_notic_img {
  max-width: 100px;
  float: left;
  margin: 0.25em 0.6em 0.4em 0em;
}

img.a_prev_img { display: none; }

/* a header */

h1.a_title_h {
  font-size: 1.33em;
}

h1.a_author_h { 
  font-size: 1em;
  font-style: italic;
  margin-top: -0.7em;
}

h1.a_source_h { 
  font-size: 1em;
  font-style: italic;
  margin-top: -0.6em;
}

/* a_text_div */

div.a_text_out_div {
  border: 1px solid #cfcfcf;
}

div.a_text_div { 
  margin: 1.4em 0.8em;
}

table.a_info_table {
  width: 100%;
  background-color: #eaeaea;
  border: 1px solid #cfcfcf;
  border-collapse: collapse;
}

table.a_info_table tbody > tr > td {
  padding: 0.6em 0.8em;
}

table.a_info_table tbody > tr > td.share_td {
  text-align: right;
}

/* a_tags */

h2.a_tags_h {
  margin-top: 0;
  margin-bottom: 0.4em;
}

div.a_tags_div {
  padding: 0.8em;
  border: 1px solid #cfcfcf;
}

/* as_list */

div.as_out_div {
  border: 1px solid #cfcfcf;
}

ul.as_list_ul {
  padding-left: 0.6em;
  margin: 1.4em 0.8em;
  list-style-type: circle;
}

ul.as_list_ul li {
  margin: 0.8em;
}

/* a_rel_as */

h2.a_rel_as_h {
  margin-top: 0;
  margin-bottom: 0.4em;
}

/* forum */

ul.f_list_ul {
  padding-left: 1.6em;
  margin: 0;
  list-style-type: square;
  list-style-image: url('/images/icons/sq.png');
  font-weight: bold; 
}

ul.f_list_ul.d_1 { 
  list-style-type: disc;
  list-style-image: url('/images/icons/disc.png'); 
}

ul.f_list_ul.d_2 { 
  list-style-type: circle;
  list-style-image: url('/images/icons/media.png'); 
}

div.f_sep_title_div { 
  font-weight: bold; 
}

div.f_notic_div {
  padding-left: 1.6em;
  padding-top: 0.2em;
}

ul.f_sublist_ul {
  padding-left: 1.6em;
  margin: 0;
  list-style-type: disc;
}

ul.f_sublist_ul > li {
  margin-top: 0.2em;
}

ul.f_sublist_ul ul {
  padding-left: 1.6em;
  margin: 0;
  list-style-type: circle;
}

ul.f_sublist_ul ul > li {
  margin-top: 0.2em;
}

div.f_text_out_div {
  border: 0px solid #cfcfcf;
}

div.f_text_div { 
  margin: 0;
}

/* themes */

div.t_title_div {
  font-weight: bold; 
}

div.t_autor_div {
  font-style: italic;
}

div.t_notic_div {
  margin-top: 0.4em;
}

/* ts_list */

div.ts_out_div {
  border: 1px solid #cfcfcf;
}

ul.ts_list_ul {
  padding-left: 0.6em;
  margin: 1.4em 0.8em;
  list-style-type: circle;
}

ul.ts_list_ul li {
  margin: 0.8em;
}

/* posts */

table.post_info_table {
  width: 100%;
  background-color: #eaeaea;
  border: 1px solid #cfcfcf;
  border-collapse: collapse;
}

table.post_info_table tbody > tr > td {
  padding: 0.6em 0.8em;
}

table.post_info_table tbody > tr > td.share_td {
  text-align: right;
}

img.post_ava_img {
  margin-top: 0.4em;
  max-height: 100px;
}

h2.post_title_h { 
  font-size: 1.21em; 
}

h2.post_title_h_inline { 
  font-size: 1.21em;
  margin-bottom: 0;  
}

/* post_text_div */

div.post_text_div {
  margin: 1.4em 0.8em;
}

div.post_text_div a, 
div.post_text_div a * { 
  color: #003c7c !important; 
}

/* p_list_table */

table.post_list_table {
  width: 100%;
  margin-bottom: 0.8em;
  border-collapse: collapse;
}

table.post_list_table > tbody > tr > td.menu_td {
  padding: 0.8em;
  vertical-align: top;
  border: 1px solid #cfcfcf;
  border-bottom: 0;
}

table.post_list_table > tbody > tr > td.space_td {
  height: 0.87em;
}

table.post_list_table > tbody > tr > td.head_td {
  padding: 0.8em;
  vertical-align: top;
  text-align: left;
  background-color: #eaeaea;
  border: 1px solid #cfcfcf;
}

table.post_list_table > tbody > tr > td.text_td {
  padding: 0;
  vertical-align: top;
  border: 1px solid #cfcfcf;
  /*border-bottom: 0;*/
}

table.post_list_table > tbody > tr > td.footer_td {
  height: 3em;
  padding: 0.8em;
  vertical-align: top;
  background-color: #eaeaea;
  border: 1px solid #cfcfcf;
}

div.post_form_div { 
  margin-top: 0.8em; 
}

/* forms */

form {
  margin: 0;
}

table.form_table {
  border-collapse: collapse;
  padding: 0.6em;
  border: 1px solid #cfcfcf;
}

table.form_table > tbody > tr > td {
  padding: 0.6em;
  vertical-align: top;
  border: 1px solid #cfcfcf;
}

div.error_div { 
  margin: 0.85em 0;
  color: red;
}

div.preview_div { 
  margin-bottom: 0.8em;
  border: 1px solid #cfcfcf; 
}

div.edit_menu_div {
  margin-top: -0.2em;
  margin-bottom: 0.3em;
}

/* buttons */

select.main_sel { 
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0.06em 0.1em;
  color: #000000; 
  border: 1px solid #cfcfcf;
}

select.main_sel > option { 
  line-height: 1;  
  border: 0px solid #cfcfcf; 
  background-color: #f9f9f9; 
}

input.main_input_text {
  display: inline-block;
  vertical-align: middle;
  padding: 0.06em 0.2em;
  color: #000000;  
  border: 1px solid #cfcfcf;
}

input.main_input_text.err { 
  border: 1px solid #ff0000;
}

input.main_butt { 
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0.06em 0.4em;
  color: #000000;
  background-color: #eaeaea;
  border: 1px solid #cfcfcf;
}

textarea.main_textarea {
  padding: 0.06em 0.2em;
  font-size: 1em;
  font-family: Verdana, sans-serif;
  color: #000000; 
  border: 1px solid #cfcfcf;
  resize: vertical;
}

textarea.main_textarea.err { 
  border: 1px solid #ff0000;
}

/* bbc_buttons */

select.bbc_sel { 
  display: inline-block;
  vertical-align: middle;
  margin: 0.2em 0;
  padding: 0 0.1em;
  background-color: #eaeaea;  
  border: 1px solid #cfcfcf; 
}

select.bbc_sel > option { 
  border: 0px solid #cfcfcf; 
  background-color: #f9f9f9; 
  line-height: 1;  
}

select.bbc_sel > option.hidden_opt { 
  display: none;
}

select.bbc_sel > option.active_opt { 
  background-color: #eaeaea; 
}

input.bbc_butt { 
  display: inline-block;
  vertical-align: middle;
  margin: 0.2em 0;
  padding: 0 0.2em;
  background-color: #eaeaea;
  border: 1px solid #cfcfcf; 
}

/* bbc_buttons_act */

input.bbc_butt_act { 
  display: inline-block;
  vertical-align: middle;
  margin: 0.2em 0;
  padding: 0 0.2em;
  background-color: #ffffff;
  border: 1px solid #cfcfcf; 
}

input.bbc_butt_act:hover {
  background-color: #eff7ff; 
}

input.bbc_butt_act[disabled] {
  color: #aaaaaa;
}

input.bbc_butt_act[disabled]:hover {
  background-color: #ffffff;
}

/* exp_menu */

ul.exp_menu {
  margin: 0.3em 0;
  padding: 0;
  vertical-align: middle;  
  list-style: none;
  display: inline-block;  
  border: 1px solid #cfcfcf; 
  white-space: nowrap;  
  user-select: none;
}

ul.exp_menu li { 
  position: relative;
  margin: 0;
  padding: 0.2em;
  background-color: #ffffff;
  vertical-align: middle;
}

ul.exp_menu > li { 
  padding: 0.15em 0.3em; 
}

ul.exp_menu > li:hover { 
  background-color: #eff7ff; 
}

ul.exp_menu li > ul { 
  position: absolute;
  display: none; 
  left: 100%;
  top: -0.8em;
  bottom: auto;  
  padding: 0;  
  list-style: none;
  border: 1px solid #cfcfcf;
  background-color: #ffffff;
  white-space: nowrap;
  vertical-align: middle;  
}

ul.exp_menu > li > ul {
  left: -0.05em;
  top: 100%;
  margin: 0;
  display: block; 
}

ul.exp_menu li:hover { 
  z-index: 1; 
}

ul.exp_menu li:hover > ul { 
  display: block; 
}

ul.exp_menu ul[class~="menu"] > li { 
  padding: 0.2em 0.4em; 
}

ul.exp_menu ul[class~="menu"] > li:hover { 
  background-color: #eff7ff; 
}

ul.exp_menu li[class~="btm"] > ul { 
  top: auto;
  bottom: -0.8em;  
}

ul.exp_menu > li[class~="btm"] > ul { 
  top: auto;
  bottom: 100%;  
}

ul.exp_menu img {
  margin: 0em;
  padding: 0.3em;
  display: inline-block; 
}

ul.exp_menu img:hover {
  background-color: #eff7ff;
}

ul.exp_menu span {
  margin: 0em;
  padding: 0.3em;
  display: inline-block; 
}

ul.exp_menu span:hover {
  background-color: #eff7ff;
}

ul.exp_menu ul[class~="hide"] { display: none !important; }

/* other */

div.share_div {
  display: inline-block;
  vertical-align: middle;
}

img.print_img {
  height: 1.8em;
  vertical-align: middle;
}

div.info_may_div { 
  padding: 1em;
  margin-top: 0.4em;
  border: 1px solid #cfcfcf; 
}

div.search_div {
  border: 1px solid #cfcfcf;
  padding: 0.6em;
}

/* end */