/* Tim, talk to Dan: We may need to change z-index to 5000 here, and 5001 for the splash ad. - DW */
#menu_pdflist {width:70px; height:50px; text-align:center; position:absolute; top:0; right:0; z-index:50; float:right;}

#menu_pdflist ul {margin:0 0 0 -55px; padding:0; list-style:none; white-space:nowrap; text-align:left; border-radius:8px; /*width:150px;*/}
#menu_pdflist ul {display:inline-flex;}

#menu_pdflist li {margin:0; padding:0; list-style:none;}
#menu_pdflist li {display:inline;}

#menu_pdflist ul ul {position:absolute; left:0; top:50px; display:none; padding:2px 0; z-index:0;
}
#menu_pdflist ul ul ul {left:100%; top:auto; margin-top:-45px;}
#menu_pdflist ul li.left > ul {left:auto; right:0; top:60px;}
#menu_pdflist ul li.left ul li > ul {left:auto; right:100%; top:auto; margin-top:-45px;}

#menu_pdflist > ul {margin:0 auto;}
#menu_pdflist > ul > li {float:left; display:block; position:relative;}

#menu_pdflist ul {background: none; /*#fff;*/}
#menu_pdflist ul ul {background:#4578b2;}
#menu_pdflist ul ul ul {background:#034;}
#menu_pdflist ul ul ul ul {background:#045;}

#menu_pdflist a {display:block; font:normal 12px sans-serif; color:#fff; line-height:28px; text-decoration:none; border-radius:8px; padding:0 20px 0 10px;}
#menu_pdflist > ul > li > a {float:left; line-height:60px; margin-right:2px;}
#menu_pdflist li.left ul a {text-align:right; padding:0 10px 0 20px;}
#menu_pdflist li:hover > a {color:#ff0;}

#menu_pdflist span {display:block; font:normal 12px sans-serif; color:#fff; line-height:28px; border-radius:4px; padding:0 2px 0 2px; outline:0; cursor:default;}
#menu_pdflist > ul > li > span {float:left; line-height:60px; margin-right:2px;}
#menu_pdflist li.left ul span {text-align:right; padding:0 10px 0 20px;}
#menu_pdflist li:hover > span {color:#ff0;}

#menu_pdflist ul li > span:focus + ul {display:block;}
#menu_pdflist ul li ul:hover {display:block}

/* for IE7 to work with hovers instead of clicks */
#menu_pdflist ul {*display:inline;}
#menu_pdflist ul ul,
#menu_pdflist ul ul ul,
#menu_pdflist ul li.left > ul,
#menu_pdflist ul li.left ul li > ul {*left:-9999px; *right:auto; *display:block;}
#menu_pdflist ul li:hover {*direction:ltr;}
#menu_pdflist ul li:hover > ul {*left:0;}
#menu_pdflist ul ul li:hover > ul {*left:100%;}
#menu_pdflist ul li.left:hover > ul {*left:auto; *right:0;}
#menu_pdflist ul li.left ul li:hover > ul {*left:auto; *right:100%;}

</style>

<style media="only screen and (max-device-width:768px)" type="text/css">
/* for iPhone, iPod Touch and iPad */
#menu_pdflist ul li b {display:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:50;}
#menu_pdflist ul li:hover > ul {display:block;}
#menu_pdflist ul li:hover > b {display:block;}
#menu_pdflist ul li:hover b:focus ~ ul {display:none;}
#menu_pdflist ul li:hover b:focus {display:none;}
#menu_pdflist ul li:hover b:focus ~ span {color:#fff;}

#menu_pdflist ul li:hover ~ li ul {display:none;}