.dialogue {
  margin-top: 0.25em;
  padding: 10px;
  background-color: #cce1f2;
  background-position: 98% 10px;
  background-repeat: no-repeat;
  position: relative;
  clear: both;
}

.dialogue div.qa {
  margin-top: 20px;
}

.dialogue div.qa p.drop { height: 6em; overflow: visible; }
html>body .dialogue div.qa p.drop { min-height: 2em; height: auto; }
.dialogue div.qa p.drop .instructions { font-weight: normal; padding: 0; }


.dialogue .choices li {
  cursor: pointer;
  margin-bottom: 0.5em;
  background-image: url('../images/bullet-dialogue.png');
}
.dialogue .choices li.incorrect { cursor: normal; }

div.bubbles {
  padding-right: 190px;
  min-height: 210px;
  _height: 210px;
}

/* Normal Bubble */
div.bubble {
  width: auto;
  margin-bottom: 2px;
/*  width: 65%; */
  /*padding-right: 350px; */
}

div.bubble blockquote {
  margin: 0px;
  padding: 0px;
  border: 1px solid #c9c2c1;
  background-color: #fff;
}

div.bubble blockquote p {
  margin: 10px;
  padding: 0px;
  text-align: left;
}

div.bubble cite {
  position: relative;
/*  margin: 0px;
  padding: 7px 0px 0px 15px;
  top: 6px; */
  background: transparent url(../images/tip.gif) no-repeat 20px 0;
  font-style: normal;
  margin-bottom: 5px;
  padding-left: 15px;
  padding-top: 6px;
  display: block;
  top: -1px;
}

/* Rounded Bubble */
div.bubble div.rounded {
  margin-bottom: 0px;
  border: 3px solid #fff;
  background-color: #b7e0ff;
}

div.q div.rounded { background-color: #fff; }
div.a div.rounded {
  background-color: #fffdcc;
  border-color: #fffdcc;
}

div.bubble div.rounded blockquote {
  border: 0;
  background-color: transparent;
}
div.bubble div.rounded blockquote p {
  margin: 0px 10px;
}

div.a blockquote p { font-weight: bold; }

div.bubble cite.rounded {
  position: relative;
  margin: 0px;
  margin-bottom: 28px;
  padding-left: 15px;
  padding-top: 15px;
  top: 9px;
  background: transparent url(../images/tip-rounded.gif) no-repeat 10% 0;
  display: block;
  font-weight: bold;
}

div.bubble cite.question {
   background-position: 90% 0;
   background-image: url(../images/tip-rounded-q.png);
   text-align: right;
   padding-right: 45px;
}

div.bubble cite.answer {
   background-image: url(../images/tip-rounded-a.png);
}
/* Pimped Bubble */
div#pimped.bubble {
  font-size: 0.9em;
}
div#pimped.bubble div.rounded {
  color: #fff;
  border: 3px solid #fff;
  background-color: #111;
}
div#pimped.bubble cite.rounded {
  background: transparent url(../images/tip-pimped.gif) no-repeat 15px 0;
}

div.answer cite {
   background-position: 92% 0;
   text-align: right;
   padding-right: 15px;
}

div.answer cite { margin-bottom: 0; }