ul.jd_menu,
ul.jd_menu_vertical { 
        margin: 0px;
        padding: 0px;
        list-style-type: none;
}
ul.jd_menu ul,
ul.jd_menu_vertical ul {
        display: none;
}
ul.jd_menu li {
        float: left;
}
ul.jd_menu_vertical { /*vertical menu*/
        width: 300px;
}
ul.jd_menu_vertical li {  /*vertical menu*/
        float: none;
}

/* -- Sub-Menus -- */
ul.jd_menu ul,
ul.jd_menu_vertical ul {
        position: absolute;
        display: none;
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        z-index: 10000;
}
ul.jd_menu ul li,
ul.jd_menu_vertical ul li {
        float: none;
        margin: 0px;
}

ul.jd_menu,
ul.jd_menu ul,
ul.jd_menu_vertical,
ul.jd_menu_vertical ul {/*not used*/
        background-color: #369; /**/
        border: 1px solid #036;
        border-top: 1px solid #69C;
        border-left: 1px solid #69C;

        height: 20px;
}
ul.jd_menu_vertical {  /*vertical menu*/
        height: auto;
}
ul.jd_menu ul {
        height: auto;
}
* html ul.jd_menu ul {
        width: 1%;
}
ul.jd_menu li { /*not used*/
        font-family: sans-serif;
        font-size: 24px;
        color: #FFF;

        line-height: 16px;

        margin: 0px;
        padding: 4px 7px 3px 7px;
        height: 15px;

        cursor: pointer;
        white-space: nowrap;
        filter: alpha(opacity=85);
        opacity: .85;
}
ul.jd_menu li li {/*how wide each item is */
        width: 120px;
        font-family: sans-serif;
        font-size: 16px;
        font-color: #000;
        filter: alpha(opacity=85);
        opacity: .85;

}
ul.jd_menu li a {
        color: #FFF;
        text-decoration: none;
}
ul.jd_menu li.jdm_hover,
ul.jd_menu li.jdm_active {/*hover for top menu bar, and menu items*/

        padding-left: 9px;
        border-left: 1px solid #ABB5BC;
        padding-right: 10px; 
/*        border-right: 1px solid #929AA1;*/
/*        border-right: 1px solid #70777D;*/
        color: #000;
        background: url(../images/gradient.png) repeat-x;

/*
        padding-left: 4px;
        border-left: 1px solid #ABB5BC;
        padding-right: 5px;
        border-right: 1px solid #70777D;
        background: url(../images/gradient.png) repeat-x;
        padding-top: 2px;
        border-top: 1px solid #ABB5BC;
        padding-bottom: 2px;
        border-bottom: 1px solid #929AA1;
        color: #FFF;
*/

}



td.jd_menu,
ul.jd_menu_slate {/*top menu bar - this is the whole bar, not top items on the bar */
	height: 22px;
	background-color: #DDF; /*nothing changed*/
	background: url(../images/gradient-alt.png) repeat-x;
	border: 1px solid #70777D;
	border-top: 1px solid #A5AFB8;
	border-left: 0px solid #A5AFB8;
        border-right: 0px solid #A5AFB8;
	clear: both;
}

ul.jd_menu_vertical {  /*vertical menu*/
	width: 200px;
	height: auto;
	clear: both;
	background: url(../images/gradient-vertical.png) repeat-x;
	background-color: #A5AFB8;
}


ul.jd_menu_slate a, 
ul.jd_menu_slate a:active,
ul.jd_menu_slate a:link,
ul.jd_menu_slate a:visited {
	text-decoration: none;
	color: #FFF; /*nothing changed*/
}
/*this handles all the menu items that dont open another menu - like upload, fetch, faq, help items*/
ul.jd_menu_slate ul li a,
ul.jd_menu_slate ul li a:active,
ul.jd_menu_slate ul li a:link,
ul.jd_menu_slate ul li a:visited {
        color: #0000CC;
}

ul.jd_menu_slate li {/*works - top menu bar list items, not menu items*/
	font-family: Tahoma, sans-serif;
	font-size: 14px;
	padding: 2px 10px 3px 10px;
	cursor: pointer;
	white-space: nowrap;
	color: #222;  /* font color of very top menu bar */
}
ul.jd_menu_slate li.jd_menu_active_menubar,
ul.jd_menu_slate li.jd_menu_hover_menubar {
	padding-left: 5px;
	border-left: 1px solid #ABB5BC;
	padding-right: 5px;
	border-right: 1px solid #929AA1;
	border-right: 1px solid #70777D;
	color: #FFF; /*nothing changed*/
	background: url(../images/gradient-alt.png) repeat-x;
}

ul.jd_menu_vertical li.jd_menu_active_menubar,
ul.jd_menu_vertical li.jd_menu_hover_menubar { /*vertical menu*/
	padding-left: 5px;
	padding-top: 1px;
	border-top: 1px solid #70777D;
	border-left: 0px;
	border-right: 0px;
}

ul.jd_menu_slate ul {
	background: #ABB5BC;
	border: 1px solid #70777D;
}
ul.jd_menu_slate ul li { /*each menu item details - not hover*/
	padding: 5px 10px 3px 10px; /* top,right side , bottom,indent*/
	background: #E6E6E6;
	border: none;
	color: #70777D;
        color: #0000CC;  /*color of the items that open another menu */
/*        opacity:0.4;
        filter:alpha(opacity=40);
*/
}
ul.jd_menu_slate ul li.jd_menu_active,
ul.jd_menu_slate ul li.jd_menu_hover { /*only used if specified*/
	background: url(../images/gradient.png) repeat-x;
	padding-top: 2px;
	border-top: 1px solid #ABB5BC;
	padding-bottom: 2px;
	border-bottom: 1px solid #929AA1;
	color: #FFF;
}
ul.jd_menu_slate ul li.jd_menu_active a.jd_menu_active,
ul.jd_menu_slate ul li.jd_menu_hover a.jd_menu_hover {/*only used if specified*/
	color: #FFF;
}
ul.jd_menu_slate ul li.nogif a:link, /*changes the color of menu items that run a program*/
ul.jd_menu_slate ul li.nogif a:visited
{
        color: #0000CC;
}
ul.jd_menu_slate li ul li.nogif { /* change the color (to blue) of the menu items that open other menus if there is a gif loaded (javascript in nogif.tpl wont be loaded) */
   color: #0000CC;
}
ul.jd_menu_slate li ul li.nogif a { /*these will show as blue only if a chunk of javascript is not loaded (nogif) */
   color: #222209;
}
/* this will change the top menu link that are always visable: ul.jd_menu_slate li */
.panel {
/*position: absolute;*/
/*top: 100px;*/
/*left: 1; */
display: none;
background: #CCCCCC;
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
//width: 230px;
height: auto;
padding: 10px 10px 10px 10px;
//filter: alpha(opacity=85);
//opacity: .85;
z-index: 1;
}