/* properties for class dropv */
/* properties for class dropv */
.dropv, .dropv ul {padding: 0; margin: 0; list-style: none;}
.dropv a {display: inline; width: 170px;}
.dropv li {float: left; padding: 0px 8px 2px 0px;}  /* all list items */
.dropv li ul {position: absolute; background: #993399; 
  padding: 0px 0px 0px 4px; width: 170px; left: -9999px;} /* second-level lists */
.dropv li:hover ul {left: auto; } /* nest list under hovered list items */
.dropv li ul li a {color: #ffffff; text-decoration: none; display: block;}
.dropv li ul li a:hover {color: yellow; background:#663399;} /* Action for drop-down list */

/* properties for class dropt */
 /* usage: <span class="dropt" title="">Coldplay<span style="width:500px;">Text pop-up</span></span> */
 /* usage: <span class="dropt" title="">Coldplay<span><img src="example.jpg"/></span></span> */
span.dropt {border-bottom: thin dotted; background: #ffeedd;}
span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; }
span.dropt span { position: absolute; left: -9999px;
margin: 20px 0 0 0px; 
padding: 3px 3px 3px 3px;
border-style:solid; border-color:black; border-width:1px; z-index: 6;
}
span.dropt:hover span {left: 2%; background: #ffffff;} 

span.dropt span { position: absolute; left: -9999px;
margin: 4px 0 0 0px; 
padding: 3px 3px 3px 3px;
border-style:solid; border-color:black; border-width:1px;
}
span.dropt:hover span {margin: 20px 0 0 170px; background: #ffffff; z-index:6;}