
#flyout_wrapper { border: 1px solid #e9e9e9; border-left-width: 0px;  padding: 1px 0 1px 0; background: #fff; font-size: 11px; font-family: arial; }

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

#flyout li { display: block; float: left; position: relative; z-index: 100; }
#flyout li span { display: block; z-index: 100; 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(transparency.gif); }
#flyout dt { background: #b2ab9b; margin: 0; float: left; 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: #ACE; color: #039; font-weight: normal; text-decoration: none; display: block; padding: 4px 0 5px 8px; }

#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: #FC0; }
#flyout dd a:hover { background: #CCC; color: #06C; 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: 4px; }
#flyout { margin-bottom: 10px; }

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

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

/* button widths */
#flyout #button1 span, #flyout #button1 dt a { width: 190px; }
#flyout #button2 span, #flyout #button2 dt a { width: 116px; }
#flyout #button3 span, #flyout #button3 dt a { width: 87px; }
#flyout #button4 span, #flyout #button4 dt a { width: 85px; }
#flyout #button5 span, #flyout #button5 dt a { width: 88px; }

/* 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: 570px; }

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

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

/* dropdown list widths */
#flyout #button1 dd { width: 150px; }
#flyout #button2 dd { width: 190px; }
#flyout #button3 dd { width: 180px; }
#flyout #button4 dd { width: 105px; }
#flyout #button5 dd { width: 100px; }

