@charset "UTF-8";

/** 
 *LuckyClub Linear CSS Drop-Down Menu Theme
 *
 * @file		default.ultimate.css
 * @name		LuckyClub
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 * 
 *
 */




/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Extension
 */

ul.dropdown a,
ul.dropdown span {
 display: block;
 padding: 5px 10px; 
}



/*------------------------------------------------------------------------------------------------------/
 *	@section	Base Style Override
 */


ul.dropdown li {
 padding: 0;
}

ul.dropdown ul a,
ul.dropdown ul span { /* POI, proposal: override abstract a, span */
 padding: 8px;
}



/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities
 */


ul.dropdown *.dir { /* POI */
 padding: 5px 24px 5px 24px;
}

ul.dropdown ul *.dir {
 padding: 8px 30px 8px 30px;
}



/*------------------------------------------------------------------------------------------------------/
 *	@section	Custom Styles
 */


ul.dropdown ul a {

}

ul.dropdown ul a.dir {

}



/*------------------------------------------------------------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial
 *
 */


ul.dropdown *.open {
 background-color: #3d3d3d;
}
ul.dropdown ul *.open {
 background-color: #4c4c4c; 
 color: #fff;
}
ul.dropdown ul ul *.open {
 background-color: #595959; 
 color: #fff;
}
/* Override UPPER TWO definitions */
ul.dropdown a.open:hover {
  background-color: #f05a00;
 background-image:url(images/menu-active-bg.png);
 background-repeat:repeat-x;
 background-position:top left;
 color: #fff;
}
ul.dropdown ul a.open:hover { 
 color: #fff;
}


/* Clone in CSS 2 */

ul.dropdown li:hover > *.dir {
 background-color: #f05a00;
}
ul.dropdown ul li:hover > *.dir {
 background-color: #f05a00; 
}
ul.dropdown ul ul li:hover > *.dir {
 background-color: #f05a00;
 color: #fff;
}

/* Override UPPER TWO definitions */
ul.dropdown li:hover > a.dir:hover {
 background-color: #f05a00;
 background-image:url(images/menu-active-bg.png);
 background-repeat:repeat-x;
 background-position:top left;
 color: #fff;
}
ul.dropdown ul li:hover > a.dir:hover { 
 color: #fff;
}
a.buttonLink,
a.buttonLink:hover,
a.buttonLink:visited
{
	border: 1px solid #1a1a1a;	
	border-top:1px solid #505050;
	border-left:1px solid #505050;
	color: #fff;
	background-color:#dddddd;
	font-size:11px;
	padding:2px 20px 2px 20px;
	margin-right:2px;
	text-decoration:none;	
	background-image: url(images/menu-inactive-bg.gif);
	background-repeat:repeat-x;
	background-position:top left;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	text-decoration:none;
}
a.buttonLink:hover
{
	background-color: #f05a00;
	border-top:1px solid #ffd200;
	border-left:1px solid #ffd200;
	background-image: url(images/menu-active-bg.png);
	text-decoration:none;
	color:#fff;
}