ul.verticalMenu {list-style:none; width:288px; position:relative; padding:0; text-align:right; z-index:5; font-size:110%; margin:0;}
ul.verticalMenu li {position:relative; width:288px; display:block; clear:both; margin-bottom:2px;}

/* APPLY THESE STYLES TO EVERYTHING UNDER THE ROOT LEVEL */
ul.verticalMenu ul {top:0; padding:0px; width:150px; left:125px; border:1px solid #9EA5A8; position:relative;}
ul.verticalMenu ul ul {left:149px; width:150px;}

/* THESE APPLY TO THE FIRST LEVEL ONLY */

/*JobMatch ONLY */
ul.verticalMenu {background-color:transparent;}
ul.verticalMenu a, ul.verticalMenu span {font-size:100%; text-decoration:none; display:block;}

ul.verticalMenu .root {width:288px; text-align:right; position:relative;}
ul.verticalMenu .root a, ul.verticalMenu .root span {font-weight:bold; width:auto; padding:5px 20px 5px 0; font-family:arial,helvetica;}
ul.verticalMenu .root a {background:#E7E7E7 url(/images/vertical_menu_arrow.gif) top right no-repeat; color:#313D4A;}
ul.verticalMenu .root a:hover, ul.verticalMenu .root span {background:#9D9D9D url(/images/vertical_menu_arrow.gif) top right no-repeat; color:#fff; text-decoration:none;}

ul.verticalMenu li.parent, ul.verticalMenu li.child {border:0;}
ul.verticalMenu li.parent a {padding-left:30px;}
ul.verticalMenu li.child {width:150px;}
ul.verticalMenu li.child a {padding-left:5px;}

/* STYLE THE MOUSE OVER FOR EVERYTHING BUT IE */
ul.verticalMenu a:hover {text-decoration:underline;}

/* ONLY CHANGE THESE IF TOTALLY NECESSARY */
ul.verticalMenu ul {display:none; position:absolute;}
ul.verticalMenu li:hover > ul {display:block;}

/* Win IE only hack \*/
* html ul.verticalMenu li {float:left;} 
/* End IE only hack */

ul.verticalMenu .logout {margin-top:30px;}