table#body_skeleton {
  border-collapse: collapse;
  width: 100%;
}

table#body_skeleton tr td#left_header {
  vertical-align: top;
  height: 300px;
}

table#body_skeleton tr td#right_header {
  vertical-align: top;
  text-align: right;
  padding: 0 10px;
}

table#body_skeleton tr td#main_cell {
  padding: 0;
}

table#main_cell_skeleton {
  border-collapse: collapse;
  width: 100%;
}

table#main_cell_skeleton tr td#content {
  vertical-align: top;
  padding: 10px;
}

table#main_cell_skeleton tr td#right_panel {
  vertical-align: top;
  border-left: 1px dotted #183533;
  border-top: 1px dotted #183533;
  padding: 0;
}

div#main_menu_box {
  position: absolute;
  top: 250px;
  left: 8px;
}

table#main_menu {
  border-collapse: collapse;
}

table#main_menu tr td.menu_border {
  height: 2px;
  background: url(images/top_menu_border.gif) no-repeat;
}

table#main_menu tr th {
  height: 40px;
  background: url(images/menu_bg.gif) repeat-x;
  color: #fff;
  padding: 0 10px;
  font-size: 10pt;
  white-space: nowrap;
  text-align: left;
}

table#main_menu tr.irow {
  display: none;
  background-color: #bde;
}

table#main_menu tr.irow td {
  font-size: 9pt;
  vertical-align: top;
  padding: 5px;
}

table#main_menu tr.irow td ul {
  padding: 0 0 0 15px;
}

table#main_menu tr.irow td ul li {
  margin: 0 0 5px 0;
}

table#main_menu tr th a.mm {
  color: #fff;
}

table#main_menu tr.irow td ul li a {
  color: #333;
  font-weight: normal;
}

table#main_menu tr.irow td ul li a:hover {
  color: #f10;
}

div#bottom_btn_panel {
  margin: 30px 20px 10px 20px;
  text-align: center;
}

table.layout {
  border-collapse: collapse;
}

td.layout {
  border: 0px solid #666;
  padding: 0;
  margin: 0;
  vertical-align: top;
}

table.border {
  border-spacing: 1px;
  background-color: #e0e9e9;
}

td.border {
  background-color: #fff;
  padding: 10px;
  font-size: 10pt;
  vertical-align: top;
  text-align: justify;
  color: #444;
}

p.border {
  border-color: #e0e9e9;
  border-style: solid;
  border-width: thin;
  padding: 5px;
  background-color: #fee;
}

/****************************************************************/

div.disc_box {
  width: 700px;
}

table.disc_header {
  border-collapse: collapse;
}

td.disc_header, div.disc_header_panel {
  margin: 0;
  padding: 0 1em 0 1em; /*t l b r*/
  color: #fff;
  background-color: #5a81a7;
}

h2.disc {
  padding: 0;
  margin: 0;
  font-size: medium;
  font-weight: bolder;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
}

div.disc_header_panel {
  font-weight: normal;
  font-size: x-small;
  text-align: right;
}

a.disc_header_url {
  color: #fff;
}

td.disc_header_tl, td.disc_header_t, td.disc_header_tr,
td.disc_header_bl, td.disc_header_b, td.disc_header_br {
  height: 8px;
  padding: 0;
  margin: 0;
  border: 0;
  font-size: 0%;
}

td.disc_header_tl {
  width: 8px;
  background: url(images/disc_header_tl_bg.png) no-repeat;
}

td.disc_header_t {
  width: 684px;
  background: url(images/disc_header_t_bg.png) repeat-x;
}

td.disc_header_tr {
  width: 8px;
  background: url(images/disc_header_tr_bg.png) no-repeat;
}

td.disc_header_bl {
  width: 8px;
  background: url(images/disc_header_bl_bg.png) no-repeat;
}

td.disc_header_b {
  width: 684px;
  background: url(images/disc_header_b_bg.png) repeat-x;
}

td.disc_header_br {
  width: 8px;
  background: url(images/disc_header_br_bg.png) no-repeat;
}

div.disc_edit_by {
  padding: 10px 1em 0 1em; /*t l b r*/
  margin: 0;
  font-size: x-small;
  text-align: right;
  clear: both;
}

div.clear {
  clear: both;
  margin: 0;
  padding: 0;
  font-size: 0%;
}

div.disc_msg_header, div.disc_new_msg_panel, div.disc_page_panel {
  clear: both;
  background-color: #efe;
  border: 1px solid #cce;
  margin: 0;
}

div.disc_msg_header, div.disc_page_panel {
  margin-top: 5px;
}

div.disc_msg_header {
  padding: 2px 1em 2px 1em;
  font-size: x-small;
  font-weight: bolder;
  text-align: left;
  color: #777;
  border-bottom-color: #efe;
}

div.disc_new_msg_panel {
  border-top-color: #efe;
  padding: 10px;
}

div.disc_page_panel {
  padding: 2px 1em 2px 1em;
  font-size: x-small;
  font-weight: bolder;
  text-align: center;
  color: #777;
}

form.disc {
  padding: 0;
  margin: 0;
}

div.disc_subj_stats {
  font-size: x-small;
}

div#disc_editor_ext {
  position: absolute;
  top: 700px;
  left: -500px;
  border: 1px solid #cce;
  background: #efe;
  width: 176px;
  text-align: center;
}

div#disc_editor_ext img {
  margin: 5px;
  vertical-align:middle;
}

img.smile {
  vertical-align: middle;
}

/****************************************************************/

table.disc_table {
  border-collapse: separate;
  width: 700px;
  clear: both;
  margin: 0;
  padding: 0;
  border-spacing: 1px;
  background-color: #cce;
}

td.disc_td, td.disc_user_td {
  background-color: #fff;
  padding: 10px;
  font-size: 10pt;
  vertical-align: top;
  text-align: justify;
  color: #444;
}

td.disc_user_td {
  background-color: #ffe;
  width: 120px;
  line-height: 1;
}

/****************************************************************/

p.resultok, p.resulterror {
  border: solid;
  border-width: thin;
  border-color: #bbb;
  font-weight: bold;
  font-size: 12pt;
  padding: 20px 5px 20px 5px;
}

p.resultok {
  color: #0162a7;
  background-color: #cf9;
}

p.resulterror {
  color: red;
  background-color: #ff9;
}

a.disc_url {
  border: outset;
  border-width: thin;
  border-color: #ccc;
  font-weight: bold;
  font-size: x-small;
  text-decoration: none;
  padding: 1px 10px 1px 10px;
  color: #0162a7;
  background-color: #cf9;
}

span.disc_author {
  font-size: 100%;
  font-weight: bolder;
  color: #0162a7;
  cursor: pointer;
}

span.disc_author:hover {
  text-decoration: underline;
}

div.msg_author_menu {
  white-space: nowrap;
  position: absolute;
  display: none;
  border: 1px solid #eee;
  background-color: #fff;
  font-size: small;
  padding: 5px;
}

div.msg_author_menu hr {
  border: 0;
  color: #eee;
  background-color: #eee;
  margin: 2px;
}

div.msg_author_menu a {
  font-weight: normal;
  color: #0162a7;
}

div.msg_author_menu img.close {
  float: right;
  margin: 0 0 1px 1px;
  cursor: pointer;
}

p.disc_small {
  font-size: 80%;
  padding-top: 3px;
  padding-bottom: 1px;
  margin-top: 3px;
  margin-bottom: 1px;
  text-align: left;
}

span.disc_date_t, span.disc_date_y, span.disc_date {
  font-size: x-small;
  font-weight: normal;
  padding-bottom: 0;
  margin-bottom: 0;
}

span.disc_date_t {
  background-color: #cf9;
}

span.disc_date_y {
  background-color: #ff8;
}

div.form {
  border: thin solid #bbb;
  background: #edf2f2;
  padding: 15px;
  margin: 10px;
}

div.panel {
  border: 1px dotted #666;
  background: #efe;
  padding: 1em;
  margin: 1em;
  font-size: 80%;
  text-align: center;
}

td.buttonsbar {
  padding-top: 10px;
}

label.formfield {
  display: block;
  float: left;
  width: 14em;
  padding-top: 5px;
}

div.formfield {
  margin: 1em;
}

div.formbuttons {
  margin-top: 2em;
  margin-left: 15em;
}

ul.first {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 10pt;
}

ul.first li a {
  display: block;
  padding: 4px 10px;
  text-decoration: none;
  background: #19359b;
  border-top: 1px solid #576fcb;
  border-left: 1px solid #576fcb;
  border-bottom: 1px solid #0f2579;
  border-right: 3px solid #0f2579;
}

ul.first li a.selected {
  background-color: #596388;
  border: 1px solid #596388;
  border-right: 8px solid #576fcb;
}

ul.first li a:visited, ul.first li a:link, ul.first li a:active, ul.first li a:hover {
  font-weight: bolder;
  text-decoration: none;
}

ul.first li a:visited, ul.first li a:link {
  color: #d1d4e0;
}

ul.first li a:active, ul.first li a:hover {
  color: #dce4de;
  background: #598884;
  border: 1px solid #598884;
  border-right: 8px solid #576fcb;
}

div#side_menu {
  width: 220px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  text-align: left;
}

#content p {
  margin-top: 0.3em;
}

#menu_panel {
  margin: 0px 0px 30px 0px;
  padding: 5px 5px 35px 5px;
  background: #e4ebed url(images/menubg.gif) bottom right no-repeat;
}

#right_bottom_panel {
  text-align: center;
  margin-top: 40px;
}

#right_bottom_panel img {
  border-width: 0;
  margin: 0 auto 20px auto;
}

#bottom_panel {
  clear: both;
  max-height: 20px;
  background: #5eb1c3;
  color: #fff;
  padding: 5px;
  border-top: 1px dashed #183533;
}

table#top_panel {
  border-collapse: collapse;
}

table#top_panel td {
  border: 0;
  padding: 0;
  margin: 0;
}

table#top_panel td.top_panel_tl {
  width: 20px;
  height: 18px;
  background: url(images/top_panel_tl.png) no-repeat;
}

table#top_panel td.top_panel_t {
  height: 18px;
  background: url(images/top_panel_t.png) repeat-x;
}

table#top_panel td.top_panel_tr {
  width: 28px;
  height: 18px;
  background: url(images/top_panel_tr.png) no-repeat;
}

table#top_panel td.top_panel_l {
  width: 20px;
  background: url(images/top_panel_l.png) repeat-y;
}

table#top_panel td.top_panel_c, table#top_panel td.top_panel_c a {
  background-color: #5eb1c3;
  font-weight: normal;
  font-size: 10pt;
  color: #fff;
  padding: 0 5px 0 5px; /*t l b r*/
}

table#top_panel td.top_panel_c a:hover, table#top_panel td.top_panel_c a:active {
  color: #07829D;
  background-color: #F7FFFF;
}

table#top_panel td.top_panel_r {
  width: 28px;
  background: url(images/top_panel_r.png) repeat-y;
}

table#top_panel td.top_panel_bl {
  width: 20px;
  height: 26px;
  background: url(images/top_panel_bl.png) no-repeat;
}

table#top_panel td.top_panel_b {
  height: 26px;
  background: url(images/top_panel_b.png) repeat-x;
}

table#top_panel td.top_panel_br {
  width: 28px;
  height: 26px;
  background: url(images/top_panel_br.png) no-repeat;
}

table.users {
  border-collapse: separate;
  border-spacing: 1px;
  background-color: #5eb1c3;
}

table.users td.header, table.users td {
  text-align: center;
  padding: 8px;
}

table.users td.header {
  background-color: #aee7f3;
  font-size: 12pt;
}

table.users tr {
  background-color: #fff;
  font-size: 10pt;
}

table.users tr:hover {
  background-color: #efe;
}

table.users tr td a {
  font-weight: normal;
  color: #0162a7;
}

table.skeleton {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  border-width: 0;
}

table.skeleton tr td {
  margin: 0;
  padding: 0;
  border-width: 0;
  vertical-align: top;
  /*border: 1px dotted #f00;*/
}

button img {
  vertical-align: middle;
  margin-right: 5px;
}

div.description {
  margin: 10px;
  padding: 5px;
  border: 1px outset #ccc;
  background-color: #dfd;
}

div.description div.descr_in {
  margin: 0;
  padding: 10px;
  border: 1px inset #ccc;
  background-color: #fff;
}
