/*

change "width:80%" if you want a different width.

increase "height:12em" if a vertical scrollbar
appears on certain of your quotes, or decrease it
if the box size is always too large.
  
 */

.quotebox {
  margin-top: 4px;
  width:240px;
  height:110px;
  background-color: #AAEAFA;
  padding:8px;
  border: 1px solid #CCC582;
  box-shadow: 2px 2px 1px #68655B;
  border-radius: 10px;
  text-align:left;
  line-height: 15px;
  overflow:auto;
}

/* the display font color */

.quotecolor {
  color: #343A40;
}

/* "hidecolor" must be the same as the background color of the quotebox */

.hidecolor {
  color: #AAEAFA;
}

/* properties of the moving cursor */

.quotecursor {
  border-right: 3px solid #716751;
}

/* font size for the quote display */

.quotefont {
  font-size: 8pt;
}

.attrib {
  text-align:right;
  font-style:italic;
  padding-right:1em;
}