/* Basic code - don't modify */

.droppy { display: block; margin: 0; padding: 0; }
.droppy li { display: block; list-style: none; margin: 0; padding: 0; float: left; position:relative; }
.droppy a { display: block; }
.droppy ul { display: none; position: absolute; left: 0; top:0; margin: 0; padding: 0; }
* html .droppy ul { line-height: 0; } /* IE6 "fix" */
.droppy ul li { float: none; }
    
/* Essentials - configure this */

.droppy ul {width:280px;}
.droppy ul ul { left:275px;top:10px; }

/* Everything else is theming */


.droppy { float:left; font:normal 11px Verdana,Arial,Helvetica;}

.droppy div {display:block;font-weight:bold;margin:2px 5px 0 5px;height:1.4em;line-height:1.4em;}
.droppy a {padding:4px 15px; line-height: 1;text-decoration:none;color:#000;}

.droppy ul {background:#fff;top:21px;border-left:1px solid #999;border-right:1px solid #999;border-bottom:1px solid #999;}
.droppy ul ul {border:1px solid #999;}

.droppy ul li a {padding-right:2px;}
.droppy ul a.hover {background-color:#39f;color:#fff;}

.droppy ul a {}

.droppy img.arrow {float:right;}
.droppy a.expandable {background:#fff url(../images/arrow_right.gif) no-repeat top right;}

.droppy ul.verylong {height:400px;overflow-y:auto;overflow-x:hidden;}
.droppy li a.selection {display:block;background:url(../images/darrow.gif) no-repeat #fff 97% 70%;border:1px solid #000;padding:4px 5px;width:200px;}
.droppy li.disabled a.selection {color:#999;border:1px solid #999;background-image:none;}
.droppy li.selected {background-color:#def;}