@charset "UTF-8";
/* 
  @project  juuuz.de
  @name profiles.css
  @created  2009-07-07, 09:46:51
  @author lukasz.tyrala
  @description Public user profiles pages
*/


body {
  background: #000;
  }

#navigation li.login {
  float: right;
  }

* html #navigation li.login {
  width: 434px;
  }

.login-form {
  height: 34px;
  }

.login-form label {
  display: none;
  }

.login-form input {
  display: block;
  border: 0;
  float: left;
  height: 26px;
  margin: 2px 6px 0 1px;
  width: 129px;
  }

.login-form input.text {
  background: url('/images/profiles/bg-input.png') no-repeat 0 0;
  height: 19px;
  padding: 7px 6px 0 6px !important;
  width: 129px;
  }

.login-form input.submit {
  background: #696969 url('/images/profiles/bg-submit.png') repeat-x 0 0;
  color: #f4f4f4;
  cursor: pointer;
  font-size: 11px;
  text-transform: uppercase;
  text-shadow: 0 1px 1px #333;
  }

.login-form input.submit:hover {
  background: #696969;
  }

.signup {
  background: url('/images/profiles/bg-signup.png') repeat-x 0 0;
  border: 1px solid #c8c8c8;
  color: #333;
  font-size: 12px;
  font-weight: bold;
  height: 37px;
  line-height: 36px;
  }

.button {
  display: block;
  height: 24px;
  float: left;
  }

.signup .button {
  padding: 7px 10px 0 10px;
  }

.login-teaser .button {
  float: none;
  padding: 5px 0;
  }

.button a,
.button span {
  background: url('/images/profiles/bg-signup-button.png') no-repeat 0 0;
  color: #fff;
  display: block;
  float: left;
  font-size: 11px;
  font-weight: bold;
  height: 24px;
  line-height: 24px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  }

.button span.after {
  background-position: 100% 0;
  text-indent: -999em;
  width: 2px;
  }

.button a {
  padding: 0 8px 0 10px;
  text-shadow: 0 0 2px #0b5f09;
  }

.login-teaser .button a {
  text-align: center;
  width: 217px;
  }

.button a:hover {
  text-decoration: none;
  text-shadow: 0 0 0 #0b5f09;
  }

.login-teaser {
  background: #f2f2f2;
  border: 1px solid #BDBDBD;
  margin: 0;
  padding: 10px;
  width: auto;  
  }

#content .side .login-teaser p {
  color: #313131;
  line-height: 14px;
  margin: 0;
  padding: 10px 0;
  }

#content .side .login-teaser p.first {
  font-size: 12px;
  line-height: 16px;
  }

.user-pictures {
  clear: both;
  margin: 10px 0;
  width: 100%;
  }

.user-pictures a {
  margin-right: 1px;
  }

.user-friends .avatar.box {
  margin-left: 15px;
  margin-right: 0;
  }

.user-friends .avatar.box.first {
  margin-left: 0;
  }

.user-data {
  background: #f3f3f3;
  border: 1px solid #c0c0c0;
  display: block;
  height: 44px;
  overflow: hidden;
  width: 681px;
  }

.user-data.additional {
  border-top: 0;
  padding: 10px 0;
  }

.user-data li {
  display: block;
  float: left;
  height: 44px;
  line-height: 44px;
  padding-left: 3%;
  text-align: left;
  width: 23%;
  }

.user-data.additional li {
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  text-align: left;
  }

.user-data.additional li span {
  font-weight: normal;
  }

.user-data li.ud-status {
  width: 16%;
  }

.user-data li.ud-status img {
  position: relative;
  top: 4px;
  }

.user-data li.ud-country img {
  position: relative;
  top: 1px;
  }

#content .main h2 {
  font-size: 16px;
  margin: 10px 0 5px 0;
  }

#content .main h2 a {
  font-size: 11px;
  font-weight: bold;
  }

#content .main h2.user-friends-header {
  color: #313131;
  font-size: 12px;
  font-weight: bold;
  margin: 15px 0 5px 0;
  }

.business {
  border-bottom: 1px solid #5a5a5a;
  height: 40px;
  overflow: hidden;
  }

.business .user-type {
  background: url('/images/profiles/photographer.gif') no-repeat 10px 50%;
  color: #5a5a5a;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: bold;
  line-height: 40px;
  text-transform: uppercase;
  padding-left: 45px;
  }

.business .business-logo {
  float: right;
  height: 40px;
  margin: 0;
  width: auto;
  }