@import "client/common.scss";


#logo {
  float:left;
  width:247px;
}

#profile {
  float: right;
  height: 54px;
  text-align: right;
  min-width:300px;
  position:relative;

  ul {
      margin-bottom:0;
  }

  .signin {
    text-decoration: underline;
    cursor: auto;
  }
}

#profile {
  .avatar_large {
    margin-left:40px;
    float:right;
  }
}

.avatar_large {
  float:left;
  padding:2px;
  width:54px;
  height:54px;
  background-color: $ColorScreenPrimary;
  -webkit-border-radius:28px;
  -moz-border-radius:28px;
  border-radius:28px;
}

.avatar_large img {
  width:54px;
  height:54px;
  -webkit-border-radius:26px;
  -moz-border-radius:26px;
  border-radius:26px;
}

.user {
  margin:18px 0px 0px 10px;
  font-size:20px;
  font-weight:200;
  color:#ccc;
  float:right;
  max-width: 200px;
  overflow: hidden;
  height:30px;
}

.arrow-down {
  float:right;
  cursor:pointer;
  margin-left:16px;
  margin-top:26px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
}

.userinfo {
  cursor:pointer;
}

.userinfo ul {
  clear:both;
  background: #4A4A4A;
  display:none;
  position:relative;
}

.userinfo li {
  display:block;
  margin: 2px;
  padding: 2px;
  background: #4A4A4A;
}

