@charset "utf-8";
/* CSS Document */

.menu {width:930px; height:33px; position:relative; z-index:100; background:url(/crm.com/Images/images/webdrop/back.gif) repeat-x; float:right; margin-top:-32px; padding-top:2px; }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:930px; w\idth:929px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; float:right;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#666; background:url(/crm.com/Images/images/webdrop/0a.gif) repeat-x top #fff; padding:0px 7px; line-height:28px; border-left:1px solid #979797; border-right:1px solid #979797; margin-left:1px; }

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited { background: url(/crm.com/Images/images/webdrop/arrow_right.gif) right center no-repeat #efefef; }
/* style the second level hover */
.menu ul ul a.drop:hover{ background: url(/crm.com/Images/images/webdrop/arrow_right_over.gif) right center no-repeat #d5eafa; }
.menu ul ul :hover > a.drop { background: url(/crm.com/Images/images/webdrop/arrow_right.gif) right center no-repeat #d5eafa; }
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#efefef;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#d5eafa;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;top:28px;left:1px; width:178px;background:#fff; padding:1px 2px; border:1px solid #6682cc;}
/* another hack for IE5.5 */
* html .menu ul ul {top:27px;t\op:28px;}

/* position the third level flyout menu */
.menu ul ul ul{left:178px; top:-1px; width:178px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { border:none; margin:1px 0px; background:#efefef; color:#666; height:auto; line-height:1em; padding:5px; width:168px; }
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:170px;w\idth:170px;}

/* style the top level hover */
.menu a:hover { color:#000; background:url(/crm.com/Images/images/webdrop/0b.gif) repeat-x top #fff; border-right:1px solid #6682cc; border-left:1px solid #6682cc; }
.menu ul ul a:hover{ color:#000; background:#d5eafa; border:none; }
.menu :hover > a { color:#000; background:url(/crm.com/Images/images/webdrop/0b.gif) repeat-x top #fff; border-right:1px solid #6682cc; border-left:1px solid #6682cc; }
.menu ul ul :hover > a { color:#000; background:#d5eafa; border:none; }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}