#user_info_block_top {
  float: right;
  border-left: 1px solid #515151;
  border-right: 1px solid #515151;
  text-align: center;
  width: 25%; }
  @media (max-width: 991px) {
    #user_info_block_top {
      max-width: 120px; } }
  @media (max-width: 479px) {
    #user_info_block_top {
      width: 25%; } }
  @media (min-width: 768px) {
    #user_info_block_top {
      width: 20%; } }
  #user_info_block_top a {
    color: #fff;
    cursor: pointer; }
    #user_info_block_top a:hover, #user_info_block_top a.active {
      background: #2b2b2b; }
  #user_info_block_top div.login {
    height: 30px;
    padding-top: 7px;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    line-height: 15px; }
    @media (max-width: 479px) {
      #user_info_block_top div.login {
        text-align: center;
        font-size: 11px; } }
    #user_info_block_top div.login strong {
      color: #777777; }
    #user_info_block_top div.login:hover, #user_info_block_top div.login.active {
      background: #2b2b2b; }
  #user_info_block_top div.current {
    font-weight: bold;
    padding-top: 7px;
    color: #fff;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    line-height: 15px; }
    @media (max-width: 479px) {
      #user_info_block_top div.current {
        text-align: center;
        font-size: 11px; } }
    #user_info_block_top div.current strong {
      color: #777777; }
    #user_info_block_top div.current:hover, #user_info_block_top div.current.active {
      background: #2b2b2b; }
    #user_info_block_top div.current:after {
      content: "\f0d7";
      font-family: "FontAwesome";
      font-size: 18px;
      line-height: 18px;
      color: #686666;
      vertical-align: -2px;
      padding-left: 12px; }
      @media (max-width: 479px) {
        #user_info_block_top div.current:after {
          padding-left: 2px;
          font-size: 13px;
          line-height: 13px;
          vertical-align: -1px; } }
    #user_info_block_top div.current a {
      text-decoration: none; }
      #user_info_block_top div.current a i {
        padding-right: 5px; }
      @media (max-width: 991px) {
        #user_info_block_top div.current a span {
          display: none; } }
  #user_info_block_top ul {
    display: none;
    text-align: left;
    position: absolute;
    top: 30px;
    width: inherit;
    min-width: 160px;
    background: #333;
    z-index: 101;
    border: 1px solid #515151;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
    #user_info_block_top ul li {
      color: #fff;
      line-height: 30px;
      font-size: 13px; }
      #user_info_block_top ul li a,
      #user_info_block_top ul li > span {
        padding: 0 10px 0 12px;
        display: block;
        color: #fff; }
        @media (max-width: 767px) {
          #user_info_block_top ul li a,
          #user_info_block_top ul li > span {
            padding: 0 5px 0 5px; } }
      #user_info_block_top ul li.selected {
        background: #555; }
      #user_info_block_top ul li:hover a {
        background: #6e6e6e; }
      #user_info_block_top ul li i {
        padding-right: 10px;
        width: 25px;
        text-align: center;
        display: inline-block; }
        @media (max-width: 767px) {
          #user_info_block_top ul li i {
            padding-right: 5px;
            width: 23px; } }