#flyout_wrapper { bad_border: 1px solid #e9e9e9; bad_border-left-width: 0px; padding: 1px 0 1px 0; bad_background: #fff; font-size: 12px; font-family: arial; }

#flyout { padding: 0 0 0 36px; margin: 0; font-weight: bold; font-size: 12px; list-style-type: none; }

#flyout li { display: block; float: left; position: relative; z-index: 100; }
#flyout li span { display: block; z-index: 100; bad-text-align: center; }
#flyout li a, #flyout li a:visited { display: block; padding: 0; }

#flyout dl { position: absolute; top: 0; left: 0; margin: 0; padding: 0; background: url(../images/spacer.gif); }
#flyout dt { bad_background: #b2ab9b; margin: 0; float: left; bad-text-align: center; }
#flyout dd { display: none; background: transparent; border-bottom: 1px solid #DDDDFF; clear: left; margin: 0 0 0 10px; padding: 0; color: #fff; text-align: left; }

#flyout dt a, #flyout dt a:visited { display: block; color: #fff; text-decoration: none; }
#flyout dd a, #flyout dd a:visited { background: #42256e; color: #fff; font-weight: normal; text-decoration: none; display: block; padding: 4px 0 5px 20px; }

#flyout li a:hover { border: 0; }

#flyout li:hover dd, #flyout li a:hover dd { display: block; }
#flyout li:hover dt a, #flyout li a:hover dt a { color: #3bc444; }
#flyout dd a:hover { background: #280752; color: #3bc444; bad-text-decoration: underline; }

/* button text padding - '#flyout margin-bottom' is sum of text top and bottom padding plus 1 */
#flyout dt a, #flyout dt a:visited { padding-top: 5px; padding-bottom: 8px; }
#flyout { margin-bottom: 14px; }

#flyout .flyout_delimiter { margin: 0; padding: 0; border: 0; height: 1px; width: 1px; }

#flyout_bottom_border { width: 0; height: 1px; border-right: 570px solid #aaa; }

/* button widths */
#flyout #button1 span, #flyout #button1 dt a { width: 120px; }
#flyout #button2 span, #flyout #button2 dt a { width: 140px; }
#flyout #button3 span, #flyout #button3 dt a { width: 56px; }
#flyout #button4 span, #flyout #button4 dt a { width: 92px; }
#flyout #button5 span, #flyout #button5 dt a { width: 116px; }
#flyout #button6 span, #flyout #button6 dt a { width: 160px; }

/* line underneath buttons width (sum of button widths plus 4 for white spacers) */
#old_flyout_bottom_border { width: 570px; }
#flyout_bottom_border { border-right-width: 700px; }

/* button colors */
#flyout #button1 dt a { bad-background-color: #4AA5FB; }
#flyout #button2 dt a { bad-background-color: #2872C9; }
#flyout #button3 dt a { bad-background-color: #2872C9; }
#flyout #button4 dt a { bad-background-color: #1553AC; }
#flyout #button5 dt a { bad-background-color: #1553AC; }
#flyout #button6 dt a { bad-background-color: #1553AC; }

/* line underneath buttons color */
#flyout_bottom_border { border-right-color: #4AA5FB; }

/* dropdown list widths */
#flyout #button1 dd { width: 130px; }
#flyout #button2 dd { width: 150px; }
#flyout #button3 dd { width: 135px; }
#flyout #button4 dd { width: 200px; }
#flyout #button5 dd { width: 130px; }
#flyout #button6 dd { width: 135px; }