/*
	CSS Styles for WebDDM example menu:
		relative (derived from winxp)
*/


/******
 * Windows XP styles
******/
.winxp_top 
{
	background-color: #234f00;
	font-size: 11px;
	text-align: center;
	vertical-align: Middle; /* Baseline, Sub, Super, Text-top, Text-bottom, Middle, Top, Bottom, % */
	color: #ffffff;
	font-weight: bold;
	border: none;
}
.winxp_left 
{
	background-color: #234f00;
	font-size: 11px;
	text-align: left;
	vertical-align: Middle; /* Baseline, Sub, Super, Text-top, Text-bottom, Middle, Top, Bottom, % */
	color: #ffffff;
	font-weight: bold;
	border: none;
}
.winxp_name
{
	background-color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #234f00;
	border: 2px solid #234f00;
}
.winxp_top_rollover
{
	background-color: #598c01;
	font-size: 11px;
	text-align: center;
	color: #ffffff;
	border: none;
}
.winxp_left_rollover
{
	background-color: #598c01;
	font-size: 11px;
	text-align: left;
	color: #ffffff;
	border: none;
}
.winxp_top_rollover a:visited,
.winxp_top_rollover a:active,
.winxp_top_rollover a:link
{
	line-height: 20px;
	display: block;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}
.winxp_left_rollover a:visited,
.winxp_left_rollover a:link
{
	line-height: 20px;
	display: block;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}
.winxp_name a:visited,
.winxp_name a:link
{
	line-height: 20px;
	display: block;
	font-size: 11px;
	color: #234f00;
	text-decoration: none;
}
.winxp_top_child_rollover
{
	background-color: #ffffff;
	font-size: 11px;
	text-align: left;
	color: #ffffff;
	border: 1px #aaaaaa;
	border: 1px solid #234f00;
}
.winxp_left_child_rollover
{
	background-color: #ffffff;
	font-size: 11px;
	text-align: left;
	color: #ffffff;
	border: 1px #aaaaaa;
	border: 1px solid #234f00;
}

.winxp_top_child_rollover a:visited,
.winxp_top_child_rollover a:link
{
	line-height: 20px;
	display: block;
	font-size: 11px;
	color: #234f00;
	text-decoration: none;
}

.winxp_left_child_rollover a:visited,
.winxp_left_child_rollover a:link
{
	line-height: 20px;
	display: block;
	font-size: 11px;
	color: #234f00;
	text-decoration: none;
}

/* Top-level links */
.winxp_top a:visited,
.winxp_top a:link
{
	line-height: 24px;
	display: block;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	vertical-align: Middle;
}

.winxp_left a:visited,
.winxp_left a:link
{
	line-height: 24px;
	display: block;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	vertical-align: Middle;
}

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


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