/* quicklist.css */

#quicklist{
	padding-top:30px;
	font-family:Verdana;
	font-size: 11px;
}
#quicklist a{
	text-decoration:none;
	display:block;
}
/* IE7 renders the following rule fine */
#quicklist ul ul a{width:70%;}

* html #quicklist ul ul a{display:inline;}
/* IE6 sees the above rule, but IE7 seems ignor it */

#quicklist li{list-style:none;}
#quicklist ul ul{
	margin-top: 5px;
	margin-bottom: 12px;
}

/* level 1 lists*/
#quicklist ul li{
	padding-left:30px;
  background-image:url(images/grayball.jpg);
	background-repeat: no-repeat;
	background-position: 0 3px;
}
#quicklist ul li:hover{
	background-image:url(images/blueball.jpg);
}
/* level 2 lists, will over write level 1 lists */
#quicklist ul ul li, #quicklist ul ul li:hover{
	background-image:url(../images/icons/b2.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left:10px;
	padding-top: 1px;
	padding-bottom: 1px;
	/*
		宣告 link 以區塊方式顯示在其 containg list 中,
		在 IE6 中，會有奇怪的 bug，就是每個 list 都自動
		變大，而且無法填滿其 containg list.
		但是若加了一個白色的 border 在 containing list 的
		外圍，即可正常顯示。
	*/
	/* border:1px solid white; */
}

/* level 1 links */
#quicklist ul a{font-weight:bold;}
#quicklist ul a{color:#B0B0B0;}
#quicklist ul a:hover{color:blue;}
/*
	level 1 link's color turns blue,
	when mouse hovers any level 2 link.
	No javascript needed, no CSS hacks
*/
#quicklist li:hover a.cat{color: blue;}

/* level 2 links, will over write level 1 style */
#quicklist ul ul a{font-weight:normal;}
#quicklist ul ul a{color:black;}
#quicklist ul ul a:hover{color:white;background-color:#6666FF;}