#dropdownpanel{ /*Outermost Panel DIV*/
position: absolute;
width: 100%;
left: 0;
top: 0;
visibility:hidden;
z-index:1;
}

#dropdownpanel .contentdiv{ /*Div containing Ajax content*/
background: #c3c3c3 url(panelback.gif) repeat-x center left;
color: white;
padding: 2px;
}

#dropdownpanel .control{ /*Div containing panel button*/
border-top: 2px solid #c3c3c3;
color: white;
font-weight: bold;
text-align: center;
background: transparent url("panel2.gif") center center no-repeat; /*change panel.gif to your own if desired*/
padding-bottom: 3px; /* 21px + 3px should equal height of "panel.gif" */
height: 12px; /* 21px + 3 px should equal height of "panel.gif" */
line-height: 12px; /* 21px + 3px should equal height of "panel.gif" */
}

.menuItemMouseUp
{
	background-image:url('MenuUp.gif');
	width:237px;
	Height:31px;
	padding-left:25px;
	color:Black;
	font-weight:bold;
	font-family:Arial;
	font-size:12px;
}

.menuItemMouseDown
{
	background-image:url('MenuDown.gif');
	width:237px;
	Height:31px;
	padding-left:25px;
	color:White;
	font-weight:bolder;
	font-family:Arial;
	font-size:12px;
}


.menuItemValue
{
	background-color:#e1e1e1;
	width:200px;
	Height:31px;
	padding-left:25px;
	color:Black;
	font-weight:bold;
	font-family:Arial;
	font-size:12px;
}

.applemenu
{
	margin: 5px 0;
	padding: 0;
	width: 180px; /*width of menu*/
	border: 1px solid #003046;/*#9A9A9A;*/
}

.applemenu div.silverheader
{
	background: black url(silvergradient.gif) repeat-x center left;
	font-size:small;
	font-style:normal;
	font-family: Arial;
	color:White;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	text-align:left;
}

.applemenu div.silverheader a
{
	background: black url(silvergradient.gif) repeat-x center left;
	font-size:small;
	font-style:normal;
	font-family: Arial;
	color:White;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	text-align:left;
}

.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active
{
	color: white;
}


.applemenu div.selected a, .applemenu div.silverheader a:hover
{
		background-image: url("silvergradientover.gif");
		color: white;
}

.applemenu div.selected , .applemenu div.silverheader :hover
{
		background-image: url("silvergradientover.gif");
		color: white;
}
.applemenu div.submenu
{
	/*DIV that contains each sub menu*/
		background: url(bg.jpg) repeat-x;
		padding: 5px;
		height: 185px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
		text-decoration:none;
		text-align:left;
		padding-left:10px;
		font: normal 11px Arial;
}