@charset "UTF-8";
/* gemensamma definitioner */
/* ==== stil-inställningar för UCF-site ==== */
/* ==== grafiska egenskaper ==== */
/* ==== komponenter ==== */
/* ---- formulär ---- */
/* -- widgets -- */
/* ==== meddelanden ==== */
.message .head {
  border-top: 0px solid #BBB;
  width: 100%;
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  background: #EEE; }
  .message .head .image {
    width: 0.8em;
    vertical-align: bottom;
    background: #FFF; }
  .message .head .status {
    padding: 0em; }
  .message .head .image, .message .head .status {
    display: table-cell;
    text-align: left;
    margin: 0; }
  .message .head .status {
    width: 100%;
    vertical-align: top;
    padding-left: 0.3em; }
  .message .head .buttons {
    display: table-cell;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
    margin: 0;
    opacity: 0; }
  .message .head .posted, .message .head .person {
    line-height: 1em;
    display: block; }
  .message .head img.mini {
    height: 1.7em;
    border-radius: 0.3em;
    margin: 0.2em 0.2em 0 0;
    padding: 0; }
.message .header {
  # margin-top: 0.2em;
  margin-bottom: 0;
  font-size: 160%;
  border-bottom: 0px solid #BBB; }
  .max-width-768px .message .header {
    font-size: 140%; }
  .max-width-480px .message .header {
    font-size: 120%; }
  .message .header.plain {
    border-bottom: 0px; }
.message:hover .posted, .message:hover .person, .message:hover .image, .message:hover .buttons, .touch .message .posted, .touch .message .person, .touch .message .image, .touch .message .buttons {
  opacity: 1; }

/*# sourceMappingURL=message.css.map */