

.nudge-button {
  position: relative;
}
.nudge-dropdown {
  position: absolute;
  display: block;
  left: -4px;
  top: 25px;
  width: 194px;
  z-index: 2;

  background: url(/images/nudges/shadowAlpha.png) no-repeat bottom right !important;
	background: url(/images/nudges/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}
.nudge-dropdown-closed { display: none; }
.nudge-dropdown-open ul.nudges { display: block; }

ul.nudges, div.sending_nudge, div.nudge_sent_successfully, div.nudge_failed {
  position: relative;
  margin: -6px 6px 6px -6px !important;
  margin: -6px 6px 6px 0;
  border: 2px solid #f60;
}
ul.nudges {
  padding: 0;
  display: none;
}
ul.nudges li {
  background-color: #fff;
  padding: 0.25em 0.5em;
  margin: 0;
}
ul.nudges li.zebra { background-color: #efefef; }
ul.nudges a {
  text-decoration: none;
  font-size: 14px;
  padding-left: 25px;
}
ul.nudges a {
  background-repeat: no-repeat;
  background-position: 0 1px;
}
ul.nudges li:hover, ul.nudges a:hover { background-color: #ddd; }
ul.nudges a.nudge_button { background-image: url(/images/nudges/nudge.gif); }
ul.nudges a.kiss_button { background-image: url(/images/nudges/kiss.gif); }
ul.nudges a.hug_button { background-image: url(/images/nudges/hug.gif); }
ul.nudges a.kick_button { background-image: url(/images/nudges/kick.gif); }
ul.nudges a.wink_button { background-image: url(/images/nudges/wink.gif); }

div.sending_nudge, div.nudge_sent_successfully, div.nudge_failed {
  display: none;
  background-color: white;
  padding: 0.25em 0.5em;
}
.nudge-dropdown-sending div.sending_nudge { display: block; }
.nudge-dropdown-sent-successfully div.nudge_sent_successfully { display: block; }
.nudge-dropdown-failed div.nudge_failed { display: block; }

div.nudge_sent_successfully { color: #f60; }
div.nudge_sent_successfully img, div.sending_nudge img {
  vertical-align: middle;
  padding-right: 5px;
  padding-bottom: 1px;
}


div.nudge_detail {
  margin-top: 0.5em;
  font-size: 16px;
  color: #444;
}
div.nudge_detail span {
  color: #f60;
}


.inline_user_profile .nudge-button {
  background-color: #f60;
  float: right;
  width: auto;
  font-size: 16px;
  margin-right: 5em;
  padding: 0.25em 0.5em;
}
.inline_user_profile .nudge-button a.command {
  color: white;
  text-decoration: none;
}
.nudge-button img.nudge_arrow {
  vertical-align: middle;
  padding-left: 5px;
}


span.nudge {
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding-left: 25px;
}
span.nudge_activity {
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-left: 25px;
}
span.nudge_nudge { background-image: url(/images/nudges/nudge.gif); }
span.nudge_kiss { background-image: url(/images/nudges/kiss.gif); }
span.nudge_hug { background-image: url(/images/nudges/hug.gif); }
span.nudge_kick { background-image: url(/images/nudges/kick.gif); }
span.nudge_wink { background-image: url(/images/nudges/wink.gif); }
