/* $Id: user.css 3351 2012-12-25 10:42:51Z IMPOMEZIA $
 * IMPOMEZIA Simple Chat
 * Copyright (c) 2008-2012 IMPOMEZIA <schat@impomezia.com>
 *
 *   This program is free software: you can redistribute it and/or modify
 *   it under the terms of the GNU General Public License as published by
 *   the Free Software Foundation, either version 3 of the License, or
 *   (at your option) any later version.
 *
 *   This program is distributed in the hope that it will be useful,
 *   but WITHOUT ANY WARRANTY; without even the implied warranty of
 *   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 *   GNU General Public License for more details.
 *
 *   You should have received a copy of the GNU General Public License
 *   along with this program. If not, see <http://www.gnu.org/licenses/>.
 */

h1 span {
  vertical-align: middle;
  display: inline-block;
}

h3 {
  margin-bottom: 0;
}

#info-content, #page-header-box {
  display: -webkit-box;
}

#profile-content {
  -webkit-box-flex:2;
}

#connections-content {
  padding-top: 4px;
  -webkit-box-flex:1;
}

#page-header {
  min-height: 16px;
  margin-top: 0;
  padding: 4px 10px;
  background-color: #fafafa;
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  border: 1px solid #d4d4d4;
  border-top-width: 0;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
}

#connections-content h3 {
  margin-top: 0;
}

#user-status-text, #user-account, #user-offline {
  color: #5b5d6d;
}

#user-account {
  margin-left: 6px;
  height: 16px;
  display: inline-block;
}

#user-status {
  margin-top: 4px;
}

#user-status-text {
  margin-left: 16px;
  min-height: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  display: inline-block;
}

[data-tr="status_Away"] {
  background-image: url(qrc:/images/away-small.png);
  padding-left: 14px;
}

[data-tr="status_DnD"] {
  background-image: url(qrc:/images/dnd-small.png);
  padding-left: 14px;
}

[data-tr="status_FreeForChat"] {
  background-image: url(qrc:/images/ffc-small.png);
  padding-left: 14px;
}

#profile-content .fieldset {
  padding: 4px 0 10px 12px;
}

#connections-content .fieldset {
  padding: 4px 0 10px 20px;
}

#user-offline {
  display: none;
}

.connection-row span {
  vertical-align: middle;
  display: inline-block;
  height: 16px;
}
