/*
	CSS Styles for WebDDM example menu:
		winxp
*/


/******
 * Blue styles - we are just using the menu container ID (winxp_menu_blue)
******/
#winxp_menu_blue .winxp 
{
	background-image: url("bg_blue.gif");
	font-size: 12px;
	text-align: center;
	vertical-align: Middle; /* Baseline, Sub, Super, Text-top, Text-bottom, Middle, Top, Bottom, % */
	color: #ffffff;
	border-style: none;
}
#winxp_menu_blue .winxp_rollover
{
	background-image: url("bg_blue_rollover.gif");
	font-size: 12px;
	text-align: center;
	color: #ffffff;
	border-style: none;
}
#winxp_menu_blue .winxp_child_rollover
{
	background-color: #5fadff;
	font-size: 11px;
	text-align: left;
	color: #ffffff;
	border: 1px #aaaaaa solid;
	border-top-style: none;
}
#winxp_menu_blue .winxp_child_rollover a:visited,
#winxp_menu_blue .winxp_child_rollover a:link,
#winxp_menu_blue .winxp_child_rollover a:hover
{
	line-height: 20px;
	display: block;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}



/******
 * Silver styles - we are just using the menu container ID (winxp_menu_silver)
******/
#winxp_menu_silver .winxp 
{
	background-image: url("bg_silver.gif");
	font-size: 12px;
	text-align: center;
	vertical-align: Middle; /* Baseline, Sub, Super, Text-top, Text-bottom, Middle, Top, Bottom, % */
	color: #000000;
	border-style: none;
}
#winxp_menu_silver .winxp_rollover
{
	background-image: url("bg_silver_rollover.gif");
	font-size: 12px;
	text-align: center;
	color: #000000;
	border-style: none;
}
#winxp_menu_silver .winxp a:link,
#winxp_menu_silver .winxp a:visited,
#winxp_menu_silver .winxp_rollover a:link,
#winxp_menu_silver .winxp_rollover a:visited,
#winxp_menu_silver .winxp_rollover a:hover
{
	color: #000000;
}
#winxp_menu_silver .winxp_child_rollover
{
	background-color: #cdcdde;
	font-size: 11px;
	text-align: left;
	color: #000000;
	border: 1px #aaaaaa solid;
	border-top-style: none;
}
#winxp_menu_silver .winxp_child_rollover a:visited,
#winxp_menu_silver .winxp_child_rollover a:link,
#winxp_menu_silver .winxp_child_rollover a:hover
{
	line-height: 20px;
	display: block;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}



/******
 * Olive styles - we are just using the menu container ID (winxp_menu_olive)
******/
#winxp_menu_olive .winxp 
{
	background-image: url("bg_olive.gif");
	font-size: 12px;
	text-align: center;
	vertical-align: Middle; /* Baseline, Sub, Super, Text-top, Text-bottom, Middle, Top, Bottom, % */
	color: #000000;
	border-style: none;
}
#winxp_menu_olive .winxp_rollover
{
	background-image: url("bg_olive_rollover.gif");
	font-size: 12px;
	text-align: center;
	color: #000000;
	border-style: none;
}
#winxp_menu_olive .winxp a:link,
#winxp_menu_olive .winxp a:visited,
#winxp_menu_olive .winxp_rollover a:link,
#winxp_menu_olive .winxp_rollover a:visited,
#winxp_menu_olive .winxp_rollover a:hover
{
	color: #000000;
}
#winxp_menu_olive .winxp_child_rollover
{
	background-color: #94A273;
	font-size: 11px;
	text-align: left;
	color: #ffffff;
	border: 1px #ffffff solid;
	border-top-style: none;
}
#winxp_menu_olive .winxp_child_rollover a:visited,
#winxp_menu_olive .winxp_child_rollover a:link,
#winxp_menu_olive .winxp_child_rollover a:hover
{
	line-height: 20px;
	display: block;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}


/*****
 * Global styles
*****/

/* Top-level links */
.winxp a:link,
.winxp a:visited,
.winxp_rollover a:link,
.winxp_rollover a:visited,
.winxp_rollover a:hover
{
	line-height: 24px;
	display: block;
	text-decoration: none;
}

/* Main child item cell */
.winxp_child
{
	background-color: #ffffff;
	font-size: 11px;
	text-align: left;
	color: #000000;
	border: 1px #aaaaaa solid;
	border-top-style: none;
}

/* Child links */
.winxp_child a:visited,
.winxp_child a:link
{
	line-height: 20px;
	display: block;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	vertical-align: Middle;
}
