/* MAIN */

body {
  padding: 0;
  margin: 0;
  background-color: #9c9c9c;
  background-image: url('/images/main/bg.png');
  background-attachment: fixed;
  font-size: 0.8em;
  font-family: Verdana, Arial;
  color: #000000;
}

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

/* global default */

body * { font-size: 100%; }

/* body_table */

table#body_table {
  width: 100%;
  max-width: 80em;
  padding: 0.4em;
}

/* 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_min { font-size: 0.85em; }
.font_pale { color: #555555; }
.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 }

.nobr { white-space: nowrap }

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.3em; 
  /* margin-bottom: 0.6em; */
}

h2.main_h { 
  font-size: 1.2em;
  /* margin-bottom: 0.5em; */
}

h3.main_h { font-size: 1em; }
h4.main_h { font-size: 1em; }

/* head_table */

table#head_table {
  width: 100%;
  margin-bottom: 0.8em;
  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: middle;
  /* border: 1px solid red; */
}

/* head title */

h1.head_title {
  font-size: 2.5em; 
  padding: 0.05em 0 0 0.25em; 
  margin: 0.04em;
  display: inline-block;
  background-color: #E0EFFF; 
}

h1.head_title img {
  display: none;
}

h1.head_title span {
  display: inline-block;
  width: 1.1em; 
  height: 1.25em;
  margin-right: 0.15em;
  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-bottom: 0.8em;
  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-bottom: 0.8em;
  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%;
  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;  
  background-color: red; 
}

/* 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 #bbbbbb; 
}

/* 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.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.s_text_out_div {
  border: 0px solid #bbbbbb;
}

div.s_text_div { 
  margin: 0em;
}

/* article */

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.3em;
}

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 #bbbbbb;
}

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

table.a_info_table {
  width: 100%;
  background-color: #EAEAEA;
  border: 1px solid #bbbbbb;
  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 #bbbbbb;
}

/* as_list */

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

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.t_title_div {
  font-weight: bold; 
}

div.t_autor_div {
  font-style: italic;
}

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

div.f_text_div { 
  margin: 0;
}

/* ts_list */

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

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 #bbbbbb;
  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.2em; 
}

h2.post_title_h_inline { 
  font-size: 1.2em;
  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 #bbbbbb;
  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 #bbbbbb;
}

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

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

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

/* forms */

table.form_table {
  border-collapse: collapse;
}

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

form {
  margin: 0;
}

div.error_div { 
  color: red;
}

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

div.edit_menu_div {
  margin-bottom: 0.4em;
}

/* buttons */

select.main_sel { 
  padding: 0;
  color: #000000; 
  border: 1px solid #bbbbbb;
}

input.main_input_text {
  padding: 0.06em 0.1em 0 0.1em;
  color: #000000;  
  border: 1px solid #bbbbbb;
}

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

textarea.main_textarea {
  padding: 0.06em 0.1em;
  font-size: 1em;
  font-family: 'Verdana', 'Arial';
  color: #000000; 
  border: 1px solid #bbbbbb;
}

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

input.main_butt { 
  color: #000000;
  background-color: #EAEAEA;
  border: 1px solid #bbbbbb;
}

/* bbc_buttons */

select.bbc_sel { 
  margin: 0.3em 0;
  background-color: #EAEAEA;  
  border: 1px solid #bbbbbb;
}

input.bbc_butt { 
  margin: 0.3em 0;
  background-color: #EAEAEA;
  border: 1px solid #bbbbbb; 
}

/* exp_menu */

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

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.2em;
  bottom: auto;  
  padding: 0;  
  list-style: none;
  border: 1px solid #bbbbbb;
  background-color: #ffffff;
  white-space: nowrap;
  vertical-align: middle;  
}

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

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

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.2em;  
}

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

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

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

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

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

/* 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 #bbbbbb; 
}

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

/* END */