/* Style sheet for CSS flyout menu */ /* Created by Lee Shurie : lee@ievolveonline.com */ /* Note: needs the following DOCTYPE declaration before the tag */ /* */ .myFly { width:165px; height:33px; position:relative; margin:0; font-family: arial, sans-serif; font-size:11px; font-weight:bold; } .myFly ul { list-style-type: none; padding:0; margin:0; } .myFly ul li { position:relative; float:left; margin-right:1px; /* Make all levels translucent opacity:.70; filter: alpha(opacity=70); -moz-opacity: 0.7; */ } .myFly ul li a, .menu ul li a:visited { display:block; text-decoration:none; /*color:#000;*/ width:165px; height:20px; text-align:left; border:1px solid #ffffff; border-width:1px 1px 1px 1px; background: #003399; color:#FFFFFF; line-height:19px; font-size:12px; } .myFly ul li:hover a { color:#ffffff; background:#3366cc; /* make first level translucent only on rollover */ /* other levels then become translucent always opacity:.60; filter: alpha(opacity=60); -moz-opacity: 0.6; */ } /* second level */ .myFly ul li ul { display: none; padding-left: 5px; padding-top: 1px; } .myFly ul li:hover ul { display:block; position:absolute; top:0; left:165px; width:200px; } .myFly ul li:hover ul li a.hide { background:#ffffff; color:#000000; } .myFly ul li:hover ul li:hover a.hide { width:200px; } .myFly ul li:hover ul li ul { display: none; } .myFly ul li:hover ul li a { display:block; background:#eeeeee; color:#000000; width:200px; border-color:#cccccc; padding-left: 5px; /* make 2nd and 3rd level translucent opacity:.70; filter: alpha(opacity=70); -moz-opacity: 0.7;*/ } .myFly ul li:hover ul li a:hover { background:#eeeeee; color:#000000; border-color:#666666; } /* third level */ .myFly ul li:hover ul li:hover ul { display:block; position:absolute; left:151px; top:0; color:#000000; } .myFly ul li:hover ul li:hover ul li a { display:block; width:200px; background:#ffffff; color:#000000; } .myFly ul li:hover ul li:hover ul li a:hover { background:#bbbbbb; color:#ffffff; }