#writebox_css {
  display: none;
}

.mail_box_warning {
  line-height: 160%;
  margin-bottom: 26px;
}
#mail_box_topic_wrap {
  background: #597BA5;
  padding: 10px 10px 11px;
  position: relative;
  overflow: hidden;
}
.mail_box_close {
  padding: 17px 26px 18px;
  margin: -10px -10px -11px;
  color: #C7D7E9;
  -webkit-transition: color 100ms linear;
  -moz-transition: color 100ms linear;
  -o-transition: color 100ms linear;
  transition: color 100ms linear;
}
.mail_box_close:hover {
  color: #FFF;
  text-decoration: none;
}
#mail_box_topic {
  color: #FFF;
  padding: 7px 16px;
  margin-left: 26px;
  font-weight: bold;
  font-size: 1.09em;
}
.mail_box_label {
  color: #45688E;
  line-height: 1.27em;
  margin: 0px;
  padding: 26px 0px 9px;
  font-size: 1.09em;
  font-weight: bold;
}
#mail_box_title_wrap {
  display: none;
}
#mail_box_title {
  width: 438px;
  outline: 0;
  padding: 6px 5px 8px;
}
#mail_box_ava {
  position: absolute;
  width: 32px;
  height: 32px;
  margin-top: -1px;
}
#mail_box_ava .wdd_img_layer {
  background: #597BA5;
}
.mail_box_cont .wdd_text {
  width: 405px;
}
#mail_box_ava .wdd_img {
  width: 32px;
  height: 32px;
  object-fit: cover;
}
#mail_box_ava .wdd_img_full,
#mail_box_ava .wdd_img_half,
#mail_box_ava .wdd_img_tiny {
  width: 32px;
  height: 32px;
}
#mail_box_ava .wdd_img_half {
  width: 15px;
}
#mail_box_ava .wdd_img_half .wdd_img {
  margin-left: -8px;
}
#mail_box_ava .wdd_img_tiny {
  width: 15px;
  height: 15px;
  margin-bottom: 2px;
}
#mail_box_ava .wdd_img_tiny .wdd_img {
  width: 15px;
}
#mail_box_ava .wdd_mark {
  margin: 0px 26px;
}
#mail_box_ava .wdd_img_tiny .wdd_mark,
#mail_box_ava .wdd_img_half .wdd_mark {
  margin: 0px 9px;
}
#mail_box_text {
  width: 418px;
  height: 120px;
  padding: 5px 25px 5px 5px;
  vertical-align: top;
  outline: 0;
  margin: 0px;
}
#mail_box_controls {
  padding-top: 16px;
}
#mail_box_add_row {
  position: relative;
  padding: 5px 1px;
}
#mail_box_added_row .editable_thumbs_wrap {
  width: 350px;
}
.mail_box_cont {
  padding: 26px;
  background: #F7F7F7;
}
#mail_box_to_header {
  padding-top: 0px;
}
.mail_box_text_wrap {
  margin-bottom: 10px;
}
#mail_box_to_full {
  margin: 0px;
}

#mail_box_editable {
  background: #FFFFFF;
  color: black;
  border: 1px solid #C0CAD5;
  width: 418px;
  min-height: 120px;
  padding: 5px 25px 5px 5px;
  vertical-align: top;
  margin: 0;
  overflow: auto;
  outline: 0;
  line-height: 150%;
  word-wrap: break-word;
  cursor: text;
}
#mail_box_editable p {
  margin: 0px;
  padding: 0px;
}
.is_rtl1 #mail_box_text,
.is_rtl1 #mail_box_editable {
  padding: 5px 5px 5px 25px;
}

#mbe_smile {
  position: absolute;
  z-index: 100;
  padding: 0px;
  margin: 1px 0px 0px 425px;
  cursor: pointer;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.is_rtl1 #mbe_smile {
  margin-left: 0px;
  margin-right: 425px;
}

.mbe_smile_animation .mbe_smile_icon_on {
  -o-transition:all 400ms ease-in-out;
  -moz-transition:all 400ms ease-in-out;
  -webkit-transition:all 400ms ease-in-out;
  transition:all 400ms ease-in-out;
}

.mbe_smile_animation .mbe_smile_icon {
  -o-transition:all 400ms ease-in-out;
  -moz-transition:all 400ms ease-in-out;
  -webkit-transition:all 400ms ease-in-out;
  transition:all 400ms ease-in-out;
}

.mbe_smile_icon_on {
  position: absolute;
  width: 24px;
  height: 24px;
  opacity: 0.01;
  filter: alpha(opacity=1);
  background: url('/images/im_smile_cross.png?3') 0px 0px no-repeat;
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mbe_smile_icon {
  width: 24px;
  height: 24px;
  background: url('/images/im_smile_cross.png?3') 0px -24px no-repeat;
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.mbe_smile_on .mbe_smile_icon_on {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: 10;
}
.mbe_smile_on .mbe_smile_icon {
  -webkit-transform: rotate(45deg);
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 1;
}
.mbe_emoji_tt_wrap {
  width: 200px;
  height: 98px;
  padding: 6px 6px;
  position: absolute;
  background: #4b4b4b;
  background: rgba(0, 0, 0, 0.7);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: -128px 0px 0px 335px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
  opacity: 0;
  filter: alpha(opacity=0);
}
.mbe_emoji_animation {
  -o-transition:all 200ms ease-in-out;
  -moz-transition:all 200ms ease-in-out;
  -webkit-transition:all 200ms ease-in-out;
  transition:all 200ms ease-in-out;
}
#mbe_emoji_pointer {
  background: url(/images/icons/like_icons_bl.png) -2px -47px no-repeat;
  border-top: 1px solid #484848;
  width: 13px;
  height: 7px;
  position: absolute;
  bottom: -7px;
  left: 95px;
}
.mbe_emoji_cont {
  display: inline-block;
  position: relative;
  *display: inline;
  *zoom: 1;
  padding: 4px 4px;
  cursor: pointer;
  z-index: 10;
}
.mbe_emoji_smile_cont {
  background: url('/images/emoji_shadow.png') 3px 4px no-repeat;
}
.mbe_emoji_bg {
  z-index: -1;
  width: 24px;
  height: 24px;
  position: absolute;
  margin: -4px 0px 0px -4px;
  background: #222222;
  background: rgba(50, 50, 50, 0.6);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: none;
  -webkit-box-shadow:inset 0px 0px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow:inset 0px 0px 5px rgba(0, 0, 0, 0.5);
  box-shadow:inset 0px 0px 5px rgba(0, 0, 0, 0.5);
}
.mbe_emoji_shadow {
  display: none;
  position: absolute;
  width: 20px;
  height: 1px;
  margin-left: -2px;
  margin-top: 20px;
  background: #404040;
  background: rgba(90, 90, 90, 0.6);
}
.mbe_emoji_over .mbe_emoji_bg {
  display: block;
}
.mbe_emoji_over .mbe_emoji_shadow {
  display: block;
}
.mbe_emoji_cont:active .mbe_emoji_bg {
  background: rgba(20, 20, 20, 0.7);
}
#mbe_emoji_over {
  width: 24px;
  height: 24px;
  z-index: 1;
  position: absolute;
  background: #606060;
  background: rgba(150, 150, 150, 0.4);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.mbe_emoji_done {
  font-size: 1em;
  font-weight: bold;
}
.mbe_emoji_intro {
  font-weight: bold;
  line-height: 160%;
}
#mbe_emoji_expand {
  display: none;
  z-index: 100;
  width: 13px;
  height: 13px;
  padding: 7px 6px;
  left: 174px;
  bottom: 3px;
  position: absolute;
}
.mbe_emoji_expand_icon {
  display: block;
  width: 13px;
  height: 9px;
  background: url('/images/emoji_expand.png?3') 0px 0px no-repeat;
}
.mbe_emoji_expanded .mbe_emoji_expand_shadow {
  z-index: 80;
  position: absolute;
  width: 195px;
  height: 9px;
  background: url('/images/im_e_expand_sh_box.png?3') no-repeat;
  bottom: 1px;
  left: 3px;
  pointer-events: none;
}
.mbe_emoji_expand_locker {
  z-index: 80;
  position: absolute;
  width: 195px;
  height: 7px;
  background: transparent;
  bottom: 1px;
  left: 3px;
}
.mbe_emoji_expanded #mbe_emoji_expand_shadow_top {
  display: none;
  z-index: 80;
  position: absolute;
  width: 195px;
  height: 14px;
  background: url('/images/im_e_expand_sh_box.png?3') 0px -3px no-repeat;
  top: 0px;
  left: 3px;
  pointer-events: none;
}
.mbe_emoji_expanded .mbe_emoji_expand_icon {
  background-position: 0px -9px;
}
#mbe_emoji_expand:hover .mbe_emoji_expand_icon {
  background-position: -13px 0px;
}
.mbe_emoji_expanded #mbe_emoji_expand:hover .mbe_emoji_expand_icon {
  background-position: -13px -9px;
}
#mbe_emoji_list {
  overflow: hidden;
  height: 98px;
  position: relative;
  width: 192px;
}
.mb_e_scrollbar_cont {
  width: 7px;
  height: 100%;
  margin-top: 3px;
  position: absolute;
}
.mb_e_scrollbar_inner {
  background: #A0A0A0;
  opacity: 0.4;
  filter: alpha(opacity=40);
  width: 6px;
  height: 26px;
  margin-left: 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}
.mb_e_scrollbar_inner:hover,
.mb_e_scrollbar_hovered {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.mb_e_scrollbar_top {
  position: absolute;
  height: 3px;
  margin-top: -1px;
  background: #555555;
  opacity: 0.12;
  filter: alpha(opacity=12);
  display: none;
}
.mb_e_scrollbar_bottom {
  position: absolute;
  height: 3px;
  margin-top: -2px;
  background: #555555;
  opacity: 0.12;
  filter: alpha(opacity=12);
}
.mb_emoji_locked .emoji {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.mb_emoji_locked:hover .emoji {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mb_emoji_unlock_tt .tt_text {
  font-weight: normal;
}
.mb_unlock_tt_cont {
  position: absolute;
  width: 220px;
  text-align: center;
  z-index: 100;
  pointer-events: none;
  display: none;
}
.mb_unlock_tt {
  display: inline-block;
  background: url('/images/ttb_bg.png');
  background: rgba(0,0,0,0.7);
  border-radius: 3px;
  padding: 4px 7px 4px;
  color: #FFFFFF;
  font-size: 1em;
  text-align: center;
}
.mb_unlock_pointer {
  position: absolute;
  background: url(/images/icons/like_icons_bl.png) -2px -47px no-repeat;
  width: 13px;
  height: 7px;
  margin-left: 104px;
  margin-top: 0px;
}
#mbe_emoji_info {
  display: block;
  text-shadow: 0px 1px 1px #000;
  padding: 3px 0px 3px;
  color: #BBB;
  line-height: 160%;
  text-align: center;
}
.mbe_emoji_info_link {
  color: #BBB;
  font-weight: bold;
}
.mbe_emoji_info_link:hover {
  color: #EEE;
  text-decoration: none;
}

#mbe_rcemoji {
  width: 400px;
}
.mbe_rc_emojibtn {
  display: inline-block;
  *display: block;
  zoom: 1;
  padding: 3px 3px;
}
.mbe_rc_emojibtn:hover {
  background: #D5DDE5;
  text-decoration: none;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.mbe_rc_emojibtn:active {
  background: #C9D2DB;
}
.mbe_rcem_cont {
  width: 156px;
  overflow: hidden;
  padding: 1px 6px 0px;
}
#mbe_emoji_progress {
  padding-top: 2px;
}

#mail_box_dd {
  background: #fff;
  border: 1px solid #C0CAD5;
  padding: 4px 6px;
  min-height: 24px;
}
#mail_box_dd .wdd_bubbles {
  float: left;
}
#mail_box_dd .summary_tab_sel {
  padding: 2px;
  cursor: default;
}
#mail_box_to_full {
  display: block;
  margin: 0 0 8px;
  font-size: 11px;
}
#mail_box_warn {
  color: #a33;
  margin-top: 8px;
  font-size: 11px;
}