/* STYLES FOR THE HEADER USERMENU */
.user_menu {
  position:absolute;
  top:0px;
  right:0px;
  background-color:rgba(200,200,200,0.9);
  z-index:100;
  width:300px;
  height:auto;
  border:1px solid rgba(100,100,100,0.9);
  margin:3px;
  overflow:auto;
  }
.user_menu img.user_logo {
  float:left;
  width:66px;
  height:66px;
  margin:0px;
  }
.user_menu .user_actions {
  display:block;
  width:230px;
  margin:0;
  padding:0;
  width:100%;
  }
.user_menu .user_actions form {
  }
.user_menu .menu_item {
  display:block;
  }
.user_menu input,
.user_menu a.display-name {
  margin:4px 0 4px 10px;
  height:26px;
  padding:6px;
  font-size:80%;
  border-radius:3px;
  display:block;
  background-color: rgba(255,255,255,0.4);
  width:200px;
  overflow:hidden;
  }
.user_menu .menu_item.button {
  display: inline-block;
  margin:5px;
  }
.user_menu #login_username,
.user_menu #login_password,
.user_menu #user_menu_identity {
  margin:0 5px 0 66px;
  }
.user_menu input[type="submit"],
.user_menu .menu_item a {
  font-weight:normal;
  font-size:12px;
  line-height:12px;
  height:20px;
  width:auto;
  padding:4px 8px;
  }
.user_menu input[type="submit"] {
  color:#eee;
  background-color:#222;
  border-radius:16px;
  }
.user_menu .menu_item input {
  width:90%;
  }
#basket_info_link {
  /** width:100px; */
  }
.user_menu .button a {
  text-decoration:underline;
  cursor:pointer;
  }
/* Set background color for input/textarea placeholders */
.user_menu ::placeholder {
  color:#888;
  }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#aaa;
  }
::-moz-placeholder { /* Firefox 19+ */
  color:#aaa;
  }
:-ms-input-placeholder { /* IE 10+ */
  color:#aaa;
  }
:-moz-placeholder { /* Firefox 18- */
  color:#aaa;
  }

#user_menu-16,
#user_menu-66 {
  /*
  border:3px solid #484;
  height:225px;
  */
  }


@media only screen and (max-width: 670px) {
  .user_menu {
    margin:0px auto 5px;
    position:relative;
    display:inline-block;
    margin:3px auto;
    left:50%;
    transform:translateX(-50%);
    }