.mybar_style { } .mybar_container { position:relative; width:100%; height:20px; top:0px; background:#F2F2F2; padding: 0px; } .mybar_container_hidden { position:absolute; height:20px; top:0px; left: 0px; background:#F2F2F2; margin: 3px; padding: 0px; } a.mybar { text-decoration: none; color: #FFFFFF; } a div.mybar_button { float: left; padding: 3px 20px 3px 20px; border: 1px solid #3B5998; text-decoration: none; font-weight: bold; colour: #FFFFFF; background: #3B5998; font-family:Verdana, Arial, Helvetica, sans-serif; } a:active div.mybar_button { color: #FFFFFF; } a:link div.mybar_button { color: #FFFFFF; } a:visited div.mybar_button { color: #FFFFFF; } a:hover div.mybar_button { background: #F2F2F2; color: #3B5998; text-decoration: none; cursor: pointer; } #nav, #nav ul { padding: 0; margin: 0; list-style: none; line-height: 1; } #nav a { display: block; width: 12em; padding: 3px; font-family:Verdana, Arial, Helvetica, sans-serif; } #nav a.button { background: #D8DFEA; border:1px solid #D8DFEA; height:13px; text-decoration: none; text-align: center; height:14px; } #nav a:hover.button { border:1px solid #3B5998; background: #F2F2F2; color: #3B5998; } #nav li { float: left; width: 12em; } #nav li ul { position: absolute; width: 12.5em; left: -999em; background: white; border: 1px solid #D8DFEA; } #nav li ul li { padding: 3px; } #nav li ul li a { text-decoration: none; } #nav li ul li a:hover { color: #3B5998; } #nav li ul li:hover { background: #F2F2F2; } #nav li ul ul { /* third-and-above-level lists */ margin: -1em 0 0 12em; } #nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */ left: auto; } .mybar_add { border: 1px solid #3B5998; background: #F2F2F2; padding: 10px; } .mybar_add table tr td { font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #3B5998; } .mybar_input { width: 100%; }