div.quote4 { padding-left:5px;margin-bottom:3px;border-left:1px solid blueviolet; color:blueviolet; }
div.quote3 { padding-left:5px;margin-bottom:3px;border-left:1px solid olivedrab; color:olivedrab; }
div.quote2 { padding-left:5px;margin-bottom:3px;border-left:1px solid firebrick; color:firebrick; }
div.quote0a { padding-left:5px;margin-bottom:3px;border-left:1px solid steelblue; color:steelblue; }
div.quote0 { padding-left:5px;margin-bottom:3px;border-left:1px solid steelblue; color:#007777; }
div.quote1 { padding-left:5px;margin-bottom:3px;border-left:1px solid darkmagenta; color:darkmagenta; }

a.info { position:relative; z-index:1; text-decoration:none; }
a.info span { display:none; }
a.info:hover { z-index:2; }
a.info:hover span { width:290px; text-align:justify; display:block; position:absolute; top:2em; left:2em; border:1px solid #000; background-color:#ffc; color:#000; padding:10px; font-size:1em; }