/*activity_list.css*/
div.activity_group fieldset
{
  border-top: solid 1px gray;
}

div.activity_group div.activity_item
{
  float: left;
  min-width: 12em;
  min-height: 5em;
  vertical-align: middle;
  text-align: center;
}

div.activity_group
{
  clear: both;
}

a.disabled
{
  color: gray;
  text-decoration: none;
}


/*custom_word.css*/
div.no_ctrl
{
  margin-bottom: 0.7em;
}

div.subtitle
{
  margin-top: 2em;
}

/*edit_text.css*/
/*div.text_edit_box textarea*/
/*{*/
  /*width: 90%;*/
/*}*/

div.text_edit_box div.text_controls
{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}


/*sense_customization.css*/
div.title
{
  margin-bottom: 1.5em;
}

div.default_level
{
  margin-bottom: 1em;
}

div.default_level input[ type = "radio"]
{
  margin-left: 3em;
}

div.default_level input[ type = "radio"].first
{
  margin-left: 0;
}

div.auto_select
{
  margin-bottom: 1.5em;
  /*border-bottom: solid 1px black;*/
  /*padding-bottom: 1.5em;*/
}

div.auto_select.last
{
  border-bottom: solid 1px black;
  padding-bottom: 1.5em;
}

/*div.auto_select input[ type = "radio"]*/
/*{*/
  /*margin-right: 1em;*/
/*}*/

div.auto_select label
{
  margin-left: 0.3em;
}

div.add_pos_list
{
  margin-bottom: 2em;
  display: grid;
  grid-template-columns: max-content max-content max-content max-content;
  grid-gap: 1px;
}

div.add_pos_list>div 
{
  padding-right: 1em;
}

@media screen and (max-width: 41em)
{
  div.add_pos_list
  {
    grid-template-columns: max-content max-content max-content;
  }
}

@media screen and (max-width: 31em)
{
  div.add_pos_list
  {
    grid-template-columns: max-content max-content;
  }
}

@media screen and (max-width: 21em)
{
  div.add_pos_list
  {
    grid-template-columns: max-content;
  }
}

div.add_new_def
{
  margin-bottom: 2em;
}

div.headword_block
{
  padding-top: 2em;
  margin-bottom: 2em;
}

div.headword_block div.headword
{
  font-size: 2em;
}

div.headword_block .headword
{
  font-size: 1.5em;
  font-weight: bold;
  margin-right: 2em;
  /*margin-left: 0.7em;*/
}

div.headword_block .level_list
{
  margin-left: 20%;
}

div.pos_title
{
  margin-bottom: 1em;
}

div.pos_title .pos_name
{
  font-size: 1.1em;
  font-weight: bold;
  font-style: italic;
  margin-left: 1em;
}

div.pos_title a.ctrl
{
  margin-left: 2em;
}

div.sense_list
{
  margin-bottom: 2em;
}

div.def_edit
{
  clear: both;
}

div.def_edit textarea
, div.exa_edit textarea
, div.note_edit textarea
{
  width: 75%;
}

div.def_check
{
  clear: both;
  display: inline-block;
  vertical-align: top;
  margin-top: 0.5em;
}

span.def_level
{
  display: inline-block;
  float: right;
}

div.def_text
{
  display: inline-block;
  width: 80%;
  padding-left: 1em;
  margin-top: 0.5em;
}

div.def_edit .def_no_edit
{
  display: none;
}

div.def_no_edit .def_edit
{
  display: none;
}

div.def_custom
{
  clear: both;
}

.custom_def
{
  /*color: #A3CEEB;*/
  color: #03BEEB;
}

.hidden
{
  display: none;
}

span.custom_marker
{
  padding-left: 1em;
  color: gray;
}

div.example
{
  font-style: italic;
  margin-left: 1em;
}

dl.example dt
{
  clear: left;
  float: left;
}

dl.example dd
{
  font-style: italic;
  padding-left: 1em;
  margin-left: 3.3em;
}

dl.example dd a
{
  font-style: normal;
}

div.exa_edit .exa_no_edit
{
  display: none;
}

div.exa_no_edit .exa_edit
{
  display: none;
}


div.note_edit .note_no_edit
{
  display: none;
}

div.note_no_edit .note_edit
{
  display: none;
}

/*wsl.css*/
table.ws_main tr.title table.title td.links table.links
{
  background: none;
}

div.message
{
  color: red;
}


div.saving_box
{
  text-align: right;
}

div.control_block
{
  margin-top: 2em;
  margin-bottom: 1em;
}

div.control_block a
/*, div.saving_box a*/
/*, div.customization_box a*/
{
  margin-left: 0.5em;
}

div.main_frame table td
{
  padding-right: 0.5em;
  vertical-align: baseline;
}


.message_box div.save_box
{
  margin-bottom: 1em;
}

.message_box div.description_box
, .message_box div.control_box
{
  margin-top: 1em;
}

div.saving_box.no_save .save
{
  display: none;
}

div.preview_options a.ctrl.disabled_link
{
  color: gray;
}



/*designed.css*/
/*div.text_edit_box*/
/*{*/
  /*min-width: 40em;*/
  /*margin-left: auto;*/
  /*margin-right: auto;*/
/*}*/
div.text_box
{
  margin-top: 1.5em;
}

div.text_box textarea
{
  width: 95%;
}

div.text_settings
{
  background-color: #f2f3f2;
  margin-top: 1.5em;
  border-radius: 8px;
  padding-bottom: 0.7em;
  padding-left: 2em;
  padding-right: 2em;
}

div.block_title
{
  text-align: center;
  /*padding-bottom: 0.7em;*/
}

div.block_title span.title_text
{
  vertical-align: -10px;
  font-size: 1.1em;
}

div.wl_box
{
  margin-top: 1.5em;
  text-align: center;
}

div.wl_name
{
  /*margin-left: auto;*/
  /*margin-right: auto;*/
  background-color: #d5eef9;
  display: inline-block;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  vertical-align: middle;
  /*white-space: nowrap;*/
}

div.wl_name.limited
{
  white-space: normal;
  /*max-width: 70%;*/
  overflow: hidden;
  text-overflow: ellipsis;
}

div.wl_name.new
{
  background-color: #f2f3f2;
}

div.wl_box div.wl_name
, div.wl_box a
{
  vertical-align: bottom;
}

div.right_btn
{
  padding-top: 0.5em;
  float: right;
  width: 30px;
}

div.text_settings div.right_btn img
{
  /*width: 24px;*/
  /*height: 24px;*/
}


.settings_closed .settings_opened
, .settings_opened .settings_closed
, .settings_closed div.field_title
, .settings_closed div.field_control
, .settings_closed div.option_box
{
  display: none;
}


div.field_title
, div.field_control
{
  margin-left: 1em;
}

div.field_title
{
  margin-top: 1em;

}

div.text_settings div.field_title
{
  color: #2157B9;
  margin-bottom: 0.5em;
}

input.word_limit
{
  width: 2em;
  margin-right: 0.5em;
}

.button
{
  display: block;
  text-align: center;
  cursor: pointer;
  border: none;
  height: 40px;
  padding: 0 14px;
  border-radius: 5px;
  /*-moz-box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.15);*/
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.15);
  font-size: 18px;
  line-height: 37px;
  background: #f2f3f2;
  color: #222222;
}

a.button
{
  text-decoration: none;
}

.button.blue
{
  background: #1a71ba;
  color: white;
}

.button.inline
{
  display: inline-block;
}


a.button.menu
{
  border-radius: 0;
  box-shadow: none;
  background: #f2f8fb;
  color: black;
  border: solid 2px #868687;
  white-space: nowrap;
}

a.button.menu.active
{
  border-color: #46b2e2;
}

div.control_block
{
  clear: both;
  display: table;
  margin-left: auto;
  margin-right: auto;
}

div.preview_options
{
  /*float: left;*/
  display: table-cell;
  border-right: solid 1px black;
  padding-right: 1em;
  padding-left: 0.3em;
}

div.preview_table
{
  display: table-cell;
  /*width: 40em;*/
  padding-left: 1em;
  padding-right: 0.3em;
}

div.div_table
{
  /*display: table;*/
  /*width: auto;*/
  margin-top: 1em;
}

div.div_tr
{
  display: table-row;
}

div.field_control
/*, div.field_control label*/
{
  white-space: nowrap;
}

div.preview_options div.field_title
{
  margin-left: 0;
  font-weight: bold;
}

div.preview_options div.field_control
{
  margin-top: 0.5em;
}

div.preview_options div.control_link
{
  margin-left: 1em;
  margin-top: 0.5em;
}

div.preview_options a.ctrl
{
  color: black;
  text-decoration: none;
}

div.preview_options a.ctrl:hover
{
  text-decoration: underline;
}

span.sample
{
  font-size: 0.8em;
  padding-left: 1.5em;
}
.pos_m
{
}
.exa_m
{
  font-style: italic;
}

.wvi_m
{
  color: blue;
}

.level_m
{
}

.note_m
{
  color: green;
}

.preview_table .pos_m
, .preview_table .wvi_m
, .preview_table .level_m
, .preview_table .note_m
{
  font-size: 0.8em;
}

.preview_table .exa_m
{
  font-size: 0.8em;
}

.preview_table .wvi_m
{
  padding-left: 0.8em;
  font-weight: normal;
}

.preview_table td.word
{
  font-weight: bold;
  padding-right: 0.8em;
}

tr.parity td
{
  background-color: #e4ebf6;
}

tr.parity td.blank
{
  background-color: transparent;
}

div.activity_list div.activity_group fieldset
{
  border-top-color: #cbe1f0;
  border-top-width: 1.2px;
}
div.activity_group fieldset legend
{
  color: #85b3da;
}
div.activity_group fieldset legend img
{
  padding-top: 20px;
}

div.activity_group_content
{
  margin-left: 3em;
  /*display: grid;*/
  /*grid-template-columns: max-content max-content max-content;*/
  /*grid-gap: 1px;*/
}

div.legend_content
{
  text-align: center;
}

div.activity_group div.activity_item
{
  padding: 1em;
}

div.activity_group div.activity_item a
{
  color: #307fc1;
  text-decoration: none;
}

div.activity_group div.activity_item a.user_test
{
  color: #67bcf4;
}

div.activity_group div.activity_item a.learn_more
{
  vertical-align: middle;
  padding-left: 0.3em;
}

div.activity_group div.activity_item a:hover
{
  text-decoration: underline;
}


div.activity_list
, div.activity_title_box
{
  max-width: 45em;
  margin-left: auto;
  margin-right: auto;
}

div.activity_title_box
{
  background-color: #d5eef9;
  padding-top: 0.8em;
  padding-bottom: 0.8em;
  text-align: left;
  /*vertical-align: middle;*/
}

/*div.activity_title_box div.wl_name *
, */
div.activity_title_box.wl_box a
{
  vertical-align: baseline;
}

div.activity_title_box div.wl_name
{
  padding-top: 0.2em;
  padding-bottom: 0.2em;

  vertical-align: -7px;
}

div.activity_title_box div.wl_name.limited
{
  max-width: 50%;
  white-space: nowrap;
}

div.limited
{
  white-space: normal;
  max-width: 45em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}

div.activity_title_box span.field_title
{
  padding-top: 0.2em;
  padding-bottom: 0.2em;

  padding-left: 2em;
  padding-right: 3em;
}

div.activity_title_box div.control_link
{
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  float: right;
  margin-right: 2em;
}

div.activity_title_box div.control_link a
{
  color: black;
  text-decoration: none;
}

div.activity_title_box div.control_link a:hover
{
  text-decoration: underline;
}

div.word_list_list
{
  width: 40em;
  display: table;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5em;
  margin-bottom: 2em;
}

table.word_list_list
{
  width: 100%;
  /*margin-left: auto;*/
  /*margin-right: auto;*/
}

/*table.word_list_list table.header*/
/*{*/
  /*width: 100%;*/
  /*margin-left: auto;*/
  /*margin-right: auto;*/
  /*text-align: center;*/
/*}*/

table.word_list_list table.header
{
  width: 100%;
}

table.word_list_list td.header
{
  padding-right: 0.4em;
  padding-left: 0.4em;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  background-color: #1a71ba;
  color: white;
}

table.word_list_list td.header table.header td.name
{
  padding-right: 0;
}

table.word_list_list td.header table.header td.sort
{
  padding-left: 0.2em;
  padding-right: 0;
}



table.word_list_list table.header td.name
{
  width: 95%;
}

table.word_list_list td.first
{
  text-align: left;
  padding-left: 1em;
}

table.word_list_list tr.current
{
  border: solid 1px #1a71ba;
}

table.word_list_list tr.data:hover
{
  background-color: #E4EBF6;
}

div.main_frame div.control_box a
{
  text-decoration: none;
  color: blue; /*#92cbf8;*/
  margin-left: 0.4em;
  margin-right: 0.4em;
}

div.main_frame div.control_box a:hover
{
  text-decoration: underline;
}

div.control_box.left
{
  float: left;
}

div.control_box.right
{
  float: right;
}


div.word_list_list div.control_box
{
  margin-bottom: 1em;
}

table.word_list_list tr.data td
{
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.1em;
}

/*table.word_list_list tr.data td.checkbox*/
/*{*/
  /*padding-left: 0;*/
  /*padding-right: 0;*/
/*}*/

table.word_list_list tr.data td.wname
, table.word_list_list tr.data td.status
{
  white-space: nowrap;
}

table.word_list_list tr.data td.status img
{
  /*width: 24px;*/
  /*height: 24px;*/
}


div.word_list_list.nodel .del
, div.word_list_list.del .nodel
{
  /*visibility: hidden;*/
  display: none
}

div.message_box_container div.url
{
  margin-top: 2em;
  margin-bottom: 3em;
  width: 95%;
  text-align: center;
}

div.top_control_block
{
  display: table;
  width: 100%;
  margin-top: 1em;
  margin-bottom: 2em;
  font-size: 0.8em;

  position: -webkit-sticky;
  position: sticky;
  top: 0;/*5em;*/
  background-color: white;
  z-index: 2;
}

/*div.text_edit_box.wl_box*/
/*{*/
  /*position: -webkit-sticky;*/
  /*position: sticky;*/
  /*top: 0;*/
  /*background-color: white;*/
/*}*/

div.top_control_block a.button
{
  height: 32px;
  padding: 0 11px;
  border-radius: 3px;
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.15);
  font-size: 14.5px;
  line-height: 30px;
}

div.top_control_block a.button.blue
{
  margin-right: 1em;
}
div.top_control_block a.button.menu
{
  margin-left: 0.5em;
  margin-right: 0.5em;
}

div.top_control_block div.left_box
{
  display: table-cell;
  text-align: left;
  width: 10%;
  white-space: nowrap;
  padding-top: 1em;
  padding-bottom: 1em;
}

div.top_control_block div.middle_box
{
  display: table-cell;
  text-align: center;
  /*width: 50%;*/
  padding-top: 1em;
  padding-bottom: 1em;
}

div.top_control_block div.right_box
{
  display: table-cell;
  text-align: right;
  width: 10%;
  white-space: nowrap;
  padding-top: 1em;
  padding-bottom: 1em;
}

div.top_control_block div.left_box a.ctrl
{
  text-decoration: none;
  color: blue;
}

div.top_control_block div.left_box a.ctrl:hover
{
  text-decoration: underline;
}

div.top_control_block span.edit_menu_indicator
{
  font-size: 1.25em;
  padding-right: 0;
}

div.top_control_block div.edit_menu_box
{
  left: 0.2em;
}


div.sense_customization
{
  display: table;
  width: 100%;
  margin-top: 3em;
}

div.left_sidebar
{
  display: table-cell;
  white-space: nowrap;
  padding-right: 1em;
}

div.main_content
{
  display: table-cell;
}

div.left_sidebar div.auto_select.last
{
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

div.left_sidebar div.field_title
{
  font-weight: bold;
  margin-left: 0;
  margin-bottom: 0.5em;
  margin-top: 2em;
}

div.left_sidebar div input
{
  margin-top: 0.7em;
}

div.left_sidebar div.default_level input[ type = "radio"]
{
  margin-left: 5px;
  margin-left: 1em;
}
div.left_sidebar div.default_level input[ type = "radio"].first
{
  margin-left: 0;
}

div.left_sidebar div.example_level input[ type = "checkbox"]
{
  margin-left: 1em;
  margin-right: 0.5em;
}

div.left_sidebar div.example_level input[ type = "checkbox"].first
{
  margin-left: 0;
}

table.message_box.new_pos_box tr.body div.title
{
  font-weight: normal;
}

div.add_pos_ctrl
{
  /*width: 100%;*/
  text-align: center;
  margin-bottom: 1em;
}

table.message_box.new_pos_box div.add_pos_list
{
  margin-bottom: 1em;
}

table.message_box.new_pos_box .button
{
  font-size: 14.5px;
  height: 30px;
  line-height: 28px;
}

a.show_more
{
  color: blue;
  text-decoration: none;
  white-space: nowrap;
}

a.show_more:hover
{
  text-decoration: underline;
}

.more_pos .less_pos
, .less_pos .more_pos
{
  display: none;
}

table.message_box.less_pos
{
  width: 40%;
}

table.message_box.less_pos div.add_pos_list
{
  grid-template-columns: max-content max-content;
}

@media screen and (max-width: 21em)
{
  table.message_box.less_pos div.add_pos_list
  {
    grid-template-columns: max-content;
  }
}


div.set_level_title
{
  margin-bottom: 1em;
  white-space: nowrap;
}

div.set_level_control
{
  /*text-align: center;*/
  margin-bottom: 1em;
  display: table;
  width: 30%;
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap;
}

div.message_box_save_button
{
  text-align: center;
  margin-bottom: 1em;
}

table.message_box.set_level_box
{
  width: 20em;
}


table.message_box div.message_box_save_button .button
{
  font-size: 14.5px;
  height: 30px;
  line-height: 28px;
}


table.message_box.default_level_box
{
  width: 25em;
}

table.message_box.definition_selection_box
{
  width: 35em;
}

table.message_box.example_level_selection_box
{
  width: 25em;
}

table.message_box tr.body div.comment
{
  margin-bottom: 1em;
}

table.message_box.example_selection_box
{
  width: 35em;
}

table.message_box.editor_view_option_box
{
  width: 35em;
}

table.message_box div.editor_option_list
{
  margin-bottom: 1em;
}



span.edit_menu_indicator:hover div.edit_menu_box
{
  visibility: visible;
}

span.edit_menu_indicator
{
  display: inline-block;
  position: relative;
  /*position: -webkit-sticky;*/
  /*position: sticky;*/

  padding-right: 2em;
}

div.edit_menu_box
{
  display: inline-block;
  visibility: hidden;
  /*border: solid 1px red;*/
  position: absolute;
  /*position: -webkit-sticky;*/
  /*position: sticky;*/

  /*right: -1.2em;*/
  left: 0.5em;
  top: 1.2em;

  text-align: left;

  /*background-color: #cccccc;*/
  background-color: #D2DDEF;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.3em;
  padding-right: 0.3em;

  z-index: 2;
}

div.edit_menu_item
{
  /*display: table-row;*/
  /*width: 40em;*/
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  white-space: nowrap;

  max-width: 25em;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.edit_menu_item a
{
  color: black;
  text-decoration: none;
}

div.edit_menu_item a:hover
, div.edit_menu_item:hover a
{
  text-decoration: underline;
}

div.edit_menu_item:hover
{
  /*background-color: #dddddd;*/
  background-color: #C6D9E7;
}


div.word_list_list span.edit_menu_indicator
{
  padding-right: 1.5em;
}

div.word_list_list div.edit_menu_box
{
  left: auto;
  /*right: -2em;*/
  right: -2.5em;
}

table.word_list_list td:hover div.edit_menu_box
{
  visibility: visible;
}





div.def_block span.edit_menu_indicator
{
  display: none;
}

div.def_block span.edit_menu_indicator.visible_all_time
, div.def_block.def_edit span.edit_menu_indicator.def_edit
, div.def_block.def_no_edit span.edit_menu_indicator.def_no_edit
, div.def_block.exa_edit span.edit_menu_indicator.exa_edit
, div.def_block.exa_no_edit span.edit_menu_indicator.exa_no_edit
{
  display: inline-block;
}

div.def_block span.edit_menu_indicator.visible_all_time
, div.def_block.def_no_edit span.edit_menu_indicator.def_no_edit
{
  padding-right: 9em;
}


div.entry_block.custom
, div.entry_block div.def_block.custom
, div.entry_block div.def_block div.example.custom
, div.entry_block div.def_block dl.example dd.custom /*label*/
{
  background-color: #f2f8fb;
}

div.entry_block.wedt
, div.entry_block div.def_block.wedt
, div.entry_block div.def_block div.example.wedt
, div.entry_block div.def_block dl.example dd.wedt /*label*/
, div.set_level_control div.wedt
{
  background-color: #fdf2f2;
}

div.entry_block.wcdt
, div.entry_block div.def_block.wcdt
, div.entry_block div.def_block div.example.wcdt
, div.entry_block div.def_block dl.example dd.wcdt /*label*/
, div.set_level_control div.wcdt
{
  background-color: #fbf8f2;
}

div.entry_block.wldt
, div.entry_block div.def_block.wldt
, div.entry_block div.def_block div.example.wldt
, div.entry_block div.def_block dl.example dd.wldt /*label*/
, div.set_level_control div.wldt
{
  background-color: #f2fbf2;
}

div.entry_block.wbd
, div.entry_block div.def_block.wbd
, div.entry_block div.def_block div.example.wbd
, div.entry_block div.def_block dl.example dd.wbd /*label*/
, div.set_level_control div.wbd
{
  background-color: #f2f2fb;
}

div.entry_block.wild
, div.entry_block div.def_block.wild
, div.entry_block div.def_block div.example.wild
, div.entry_block div.def_block dl.example dd.wild /*label*/
, div.set_level_control div.wild
{
  background-color: white;
}

div.def_block dl.example dt
{
  display: none;
}
div.def_block dl.example dd
{
  margin-left: 1em;
}
div.def_block div.example
{
  padding-left: 1em;
}

div.entry_block
{
  padding-left: 1em;
}

div.def_block
{
  padding-bottom: 1em;
}

div.entry_block div.def_block div.example
, div.entry_block div.def_block dl.example dd
{
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

div.entry_block span.headword
{
  margin: 0;
  word-wrap: break-word;
  display: inline-block;
  max-width: 95vw;
}

div.note span
{
  color: green;
}
div.note span.edit_menu_indicator
{
  color: inherit;
}

span.rename_btn
{
  background-image: url( '../images/edit.png');
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: 0.7em;
}
div.text_edit_box.wl_box
{
  white-space: nowrap;
}
div.text_edit_box.wl_box a:hover span.rename_btn
{
  background-image: url( '../images/edit_hover.png');
}

span.edit_menu_indicator
{
  background-image: url( '../images/options.png');
  /*background-image: url( '../images/edit.png');*/
  background-repeat: no-repeat;
  background-position: 3px center;
  width: 24px;
  height: 24px;
  display: inline-block;
  /*vertical-align: 0.4em;*/
  vertical-align: baseline;
  margin-left: 0.5em;
}
span.edit_menu_indicator:hover
{
  /*background-image: url( '../images/edit_hover.png');*/
  background-position: left top;
  background-image: url( '../images/options_hover.png');
}

span.several_value
{
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid green;
  vertical-align: -16px;
  margin-left: 24px;
}

div.def_block div.def_check
/*, div.def_block div.def_text*/
{
  /*line-height: 2em;*/
}

div.top_control_block span.edit_menu_indicator
{
  background-image: url( '../images/options.png');
  background-repeat: no-repeat;
  background-position: 4px center;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0;
}

table.word_list_list tr.data td.status span.edit_menu_indicator
{
  background-image: url( '../images/options.png');
  background-repeat: no-repeat;
  background-position: 4px center;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: 0.4em;
  /*vertical-align: baseline;*/
  margin-left: 0.5em;
}

table.word_list_list tr.data td.status:hover span.edit_menu_indicator
, div.top_control_block span.edit_menu_indicator:hover
{
  background-position: left top;
  background-image: url( '../images/options_hover.png');
}

span.add_word_btn
{
  background-image: url( '../images/arrow_right_btn.png');
  background-repeat: no-repeat;
  background-position: left top;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: baseline;
  line-height: 24px;
  margin-left: 0.5em;
}
span.add_word_btn:hover
{
  /*background-position: left top;*/
  background-image: url( '../images/arrow_right_btn_hover.png');
}


table.word_customization
{
  min-width: 30em;
}

table.word_customization table.header td.name
{
  text-align: left;
}

table.word_customization td.header
{
  background-color: white;
}
table.word_customization td.header.word
{
  /*padding-left: 1.5em;*/
}

table.word_customization td.header
{
  color: #697a9d;
  padding-bottom: 0.5em;
}

table.word_customization tr.no_parity td
{
  background-color: #e4ebf6;
}

table.word_customization tr.parity td
{
  background-color: white;
}

table.word_customization tr.no_parity td
, table.word_customization tr.parity td
{
  padding-left: 1em;
}

table.word_customization tr.no_parity td.occurrence
, table.word_customization tr.parity td.occurrence
{
  padding-left: 2em;
}

table.word_customization tr.no_parity td.checker
, table.word_customization tr.parity td.checker
{
  padding-left: 0;
}

table.word_customization tr.no_parity td.word
, table.word_customization tr.parity td.word
{
  padding-left: 0.5em;
  /*text-indent: -1.5em;*/
  word-break: break-word;
}

table.word_customization td.word label
{
  /*padding-left: 0.5em;*/
}

div.field_title_box
{
  font-weight: bold;
  padding-bottom: 1em;
}



div.word_customization_block
{
  display: table;
  width: 100%;
  height: 10em;
  margin-top: 1em;
  margin-bottom: 2em;
  font-size: 0.8em;

  /*position: -webkit-sticky;*/
  /*position: sticky;*/
  top: 0;/*5em;*/
  background-color: white;
  z-index: 2;
}

div.word_customization_block div.add_word_box
{
  display: table-cell;
  text-align: left;
  width: 10%;
  /*white-space: nowrap;*/
  padding-right: 0.5em;
  padding-top: 0;
  /*padding-bottom: 1em;*/*/
}

div.word_customization_block div.custom_word_box
{
  display: table-cell;
  text-align: left;
  width: 10%;
  /*padding-top: 0.5em; doesn't work*/
  padding-bottom: 0;
  padding-left: 0.5em;
  padding-right: 0.5em;
  border-right: solid 1px black;
  /*background-color: #d5eef9;*/
}

div.word_customization_block div.word_selection_box
{
  display: table-cell;
  text-align: left;
  /*width: 50%;*/
  /*white-space: nowrap;*/
  padding-top: 0;
  /*padding-bottom: 1em;*/
  padding-left: 0.5em;
}


div.add_word_control
{
  margin-bottom: 1em;
  white-space: nowrap;
}

div.added_words
{
  display: table-cell;
  background-color: #d5eef9;
  padding-left: 0.5em;
  padding-right: 0.5em;
  width: 100%;
}

div.added_words div.field_title_box
{
  padding-bottom: 0.5em;
  color: #737b7d;
  white-space: nowrap;
}

div.added_words_ctrl
{
  display: table-cell;
  background: white;
  height: 1.5em;
  text-align: right;
}

div.added_words_container
{
  display: table;
  height: 100%;
}

div.added_words_subcontainer
{
  display: table-row;
}

table.not_found_words td
{
  cursor: pointer;
}

div.main_frame table tr td
{
  padding: 0;
}

div.added_words_container table td.checker
{
  padding-right: 0.3em;
}
div.added_words_container table td.word label
{
  vertical-align: 1px;
}

div.added_words_ctrl a
{
  text-decoration: none;
}

div.added_words_ctrl a:hover
{
  text-decoration: underline;
}

div.added_words tr.custom td.word
{
  color: #03beeb;
  word-break: break-word;
}

table.word_customization tr.custom_id td.word
{
  color: #03beeb;
}

table.word_list_list tr.data td.wname
{
  max-width: 20em;
  overflow: hidden;
  text-overflow: ellipsis;
}

table.word_list_list tr.data td.description
{
  max-width: 25em;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.recent_word_list
{
  /*display: table-cell;*/
  padding-right: 0;
  padding-bottom: 1em;
  /*padding-top: 3em;*/
  margin-top: 1.5em;
  margin-right: 2em;

  background-color: #FAFAAD;
}

div.recent_title
{
  font-weight: bold;
  padding-bottom: 1em;
  padding-left: 0.5em;
  padding-right: 0.2em;
  padding-top: 1em;
  background-color: #F5ED69;
  margin-bottom: 0.7em;
  white-space: nowrap;
}
div.recent_name
{
  margin-left: 1em;
  margin-right: 0.5em;
  margin-top: 0.3em;
  margin-bottom: 0.2em;

  white-space: nowrap;

  max-width: 18em;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.left_column
{
  display: table-cell;
  vertical-align: top;
}

div.activity_block
{
  display: table-cell;
}


div.main_frame div.activity_list
/*, div.main_frame div.activity_title_box*/
{
  margin: 0;
}

div.main_frame div.activity_title_box
{
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-top: 1.5em;
}


div.activity
{
  display: table;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0; /*1em;*/
}

div.recent_name a
{
  color: black;
  text-decoration: none;
}

div.recent_name a:hover
{
  text-decoration: underline;
}

div.word_list_title
{
  color: #2157B9;
  margin-top: 1.5em;
  margin-left: 2em;
  font-weight: bold;
}

/*div.wordlist_text_edit div.word_list_title*/
/*{*/
  /*margin-top: 0;*/
/*}*/

div.text_edit_block div.word_list_title
, div.activity_block div.word_list_title
{
  font-weight: normal;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  margin-top: 0;
  margin-left: 0;
  display: table-cell;
  width: 48em;
}

div.text_edit_block div.help_link 
, div.activity_block div.help_link
{
  padding-top: 1.5em;
  padding-right: 1em;
  display: table-cell;
  /*width: 5%;*/
  text-align: right;
}

div.help_link a
{
  color: #2157B9;
}

div.information_line
{
  font-size: 0.9em;
  margin-bottom: 1em;
  text-indent: -2em;
  padding-left: 2em;
}
div.information_line.last
{
  margin-bottom: 0;
}

div.information_sub_line
{
  font-size: 0.9em;
  margin-top: 0.8em;
  text-indent: -1.3em;
  padding-left: 4em;
}

div.round_index
{
  text-indent: 0;

  width: 22px;
  height: 22px;
  text-align: center;
  /*vertical-align: 50%;*/
  font-size: 12pt;

  background-color: #0973ba;
  color: white;
  border-radius: 50%;
  display: inline-block;

}

span.edit_menu_indicator.recent_menu
{
  background-image: url( '../images/arrow_down_flt.png');
  background-position: 3px center;
  padding-right: 0;
}

span.edit_menu_indicator.recent_menu div.edit_menu_box
{
  left: auto;
  right: -1.2em;
}

div.message_box_container div.extra
{
  display: none;
}

div.message_box_container.show_extra div.extra
{
  display: block;
}



div.text_edit_block
{
  display: table-cell;
  width: 80%;
  margin-top: 1em;
}

div.wordlist_text_edit
{
  display: table;
  /*margin-top: 1em;*/
  width: 100%;
}

div.option_box
{
  background-color: white;
  border: solid 1px #799AD4;
  font-size: 0.9em;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  width: 92%;
  padding-top: 0.5em;
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
}

div.option_box div.field_title
{
  color: black;
}

div.shared_url a
{
  color: #307fc1;
  text-decoration: none;
  font-size: 0.9em;
}

div.shared_url a:hover
{
  text-decoration: underline;
}


span.arrow
{
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  font-size: 1px;
  width: 4px;
  height: 4px;
  padding: 0;
  cursor: pointer;
}

span.arrow.left
{
  transform: rotate( 135deg);
  -webkit-transform: rotate( 135deg);
}

span.arrow.right
{
  transform: rotate( -45deg);
  -webkit-transform: rotate( -45deg);
}

div.preview_options
{
  position: relative;
}

div.hide_options
{
  position: absolute;
  top: 50%;
  right: 3px;
}

div.hide_preview_options div.field_title
, div.hide_preview_options div.field_control
, div.hide_preview_options div.control_link
, div.hide_preview_options div.hide_options span.arrow.left
{
  display: none;
}

div.hide_options span.arrow.right
{
  display: none;
}

div.hide_preview_options div.hide_options span.arrow.right
{
  display: block;
}

div.saving_box a.customization_btn
{
  display: none;
}

div.hide_preview_options div.saving_box a.customization_btn
{
  display: inline-block;
}


div.status_message_block
{
  font-size: 1.25em;
  margin-bottom: 3em;
}

div.status_message_block div.message_text
{
  margin-top: 1em;
  text-align: center;
}

div.status_message_block div.message_comment
{
  margin-top: 2em;
  margin-bottom: 4em;
  text-align: center;

  font-size: 0.9em;
}

div.status_message_block div.control_box
{
  text-align: center;
}

div.status_message_block div.control_box a
{
  color: white;
  padding-right: 3em;
  padding-left: 3em;
}


div.message_box_container.preview_box
{
  top: 7%;
  bottom: auto;
  position: fixed;
  height: 93%;
}

div.message_box_container.preview_box table.message_box
{
  width: 85%;
  height: 85%;
  max-width: 80em;
}

div.message_box_container.preview_box table.message_box tr.title td
{
  height: 20px;
}

div.message_box_container.preview_box table.message_box tr.body td.body
{
  padding: 0;
}

div.message_box_container.preview_box div.preview_message_block
{
  height: 100%;
  width: 100%;
}

iframe.preview_frame
{
  width: 100%;
  height: 100%;
}

div.activity div.preview_options
{
  border: none;
  padding: 0;
}

div.activity_data table.saved_list td.title
{
  word-wrap: break-word;
}

div.activity_data table.saved_list td.description
{
  word-wrap: break-word;
}

div.word_list_title.single
{
  display: none;
}

@-moz-document url-prefix() 
{
  div.preview_message_block iframe.preview_frame
  {
    height: 44em;
  }
  div.message_box_container.preview_box table.message_box
  {
    height: auto;
  }
}