/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drill-down.html
Copyright (c) 2005-2010 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#pad {height:170px;} /* to allocate a space for the menu */ 
#driller {width:200px; height:170px; background:#fff; overflow:hidden; position:fixed; z-index:1000; margin-left:10px; font-family:verdana, arial, sans-serif; border:1px solid #ddd;
/* a drop shadow for all except IE */
-o-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
-icab-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
-khtml-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
* html #driller {position:absolute;} /* partial hack for IE6 */
#driller dl {width:200px; height:170px; position:relative; padding:0; margin:0;}
#driller dl dt {color:#c00; font-size:9px; padding:5px 0 5px 10px; border-bottom:1px solid #ddd; background:#eee;}
#driller dl dt a {color:#00c; text-decoration:none; font-size:9px;}
#driller dl dd {padding:0; margin:0; padding-left:10px;}
#driller dl dd a {display:block; width:170px; line-height:19px; text-decoration:none; color:#000; font-size:11px; border-bottom:1px solid #eee;}
#driller dl dd a.jump {color:#c00; background:url(arrow.gif) no-repeat right center;}
#driller dl dd.links {padding-top:5px; height:100px; overflow:auto;}
#driller dl dd.back {position:absolute; left:0; bottom:0; border-top:1px solid #ddd; background:#eee; width:190px;}
#driller dl dd.back a {color:#00c; text-decoration:none; font-size:9px;}
#driller dl a:hover {text-decoration:underline;}

/* for Safari and Chrome animation */
@-webkit-keyframes moveTarget {
	0% {margin-left:-200px;}
	100% {margin-left:0px;}
}
#driller dl:target  dd.links {
	-webkit-animation-name: moveTarget; 
	-webkit-animation-duration: .5s; 
}