/* font sizes */ div.ktskinjudea a { font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; line-height: 18px; } /* second and following levels font-size = don't bold */ div.ktskinjudea li li a { font-weight: normal;} /* first level menu item size */ div.ktskinjudea ul li.lev1 { width: 116px; } /* second and following levels menu item size check longest width this one is very long*/ div.ktskinjudea li.lev1 ul, div.ktskinjudea li.lev1 li { width: 180px; } /* HACK: fix ie5.5 setting width on inline li's */ div.ktskinjudea div.kthorizontal2 ul li ul, div.ktskinjudea div.kthorizontal2 ul li li { /* fix ie5.5 setting width on inline li's */ width: auto; } /* default link style = end padding is distance from arrow to text = color is main FONT*/ div.ktskinjudea a { padding: 1px 1px 1px 15px; color: #ffffff; } /* main level item styles line 22*/ div.ktskinjudea li.lev1 { background-color: #08A5E3; } /* main level border color = creates the separator and 1px border aroung the menu item - as well as SEPARATOR */ div.ktskinjudea li.lev1 { border-right: solid 1px #ffffff; } /* = main level = BOTTON LINE light gold */ div.ktskinjudea li a.lev1 { border-bottom: solid 3px #FCD505; } /* level 2 item styles = bg2.gif is white border line around level 2 = border #0491C8 one shade darker than main */ div.ktskinjudea li ul.lev2, div.ktskinjudea li li.lev2 ul { border: solid 1px #0491C8; background-color: #ffffff; } /* second and third level link color = line hor separator level 2-3 color: FONT */ div.ktskinjudea li li a { border-bottom: solid 1px #0491C8; color: #0491C8; } /* * * items that have children: * - the main item background is alreay set on the li's * and we must only overlay an arrow showing if the element has children * */ /* level 1 items that have children = background-position is padding hor arrow, 50% is vertical position*/ div.ktskinjudea li.lev1 a.lev1_haschildren { background-image: url(img/arrow_right_color.gif); background-repeat: no-repeat; background-position: 4px 50%; } /* level 2 items that have children */ div.ktskinjudea li.lev1 li.lev2 a.haschildren { background-image: url(img/sarrow_right_dark.gif); background-repeat: no-repeat; background-position: 98% 50%; } /* main level selected items */ div.ktskinjudea li.lev1_selected { border-top-color: #FCD505; background-color: #ffffff; background-image: url(img/bgon.gif); } /* = bottom border main selected light gold */ div.ktskinjudea li a.lev1_selected { border-bottom-color: #FCD505; } /* = change did nothing */ div.ktskinjudea li a.selected { color: #0491C8; } div.ktskinjudea li li.lev1_selected { background-color: #000000; } /* all current items links = main-level2 hover font and hover background color: FONT*/ div.ktskinjudea li a.current { background-color: #08A5E3; color: #ffffff; } /* current first level = ROLLOVER BOTTOM BORDER COLOR*/ div.ktskinjudea li a.lev1_current { border-bottom-color: #D6AA04; } /* current third level items */ div.ktskinjudea li li li a.current { background-color: #CC0000; } /* current first level items that have children, must change the arrow */ div.ktskinjudea li.lev1 a.lev1_current_haschildren { background-image: url(img/arrow_down_light.gif); } /* did nothing */ div.ktskinjudea li.lev1_current { border-bottom-color: #CC0000; } /* current second level items that have children, must change the arrow */ div.ktskinjudea li.lev1 li.lev2 a.lev2_current_haschildren { background-image: url(img/sarrow_right_light.gif); } /* level 3 = BACKGROUND COLOR for level 3 set same as level 1*/ div.ktskinjudea li li li a.current { background-color: #08A5E3; } /* * * specific to vertical * - first level menu items have a different size than the horizontal ones * - the borders must be moved from the bottom of the menu to its left * - the haschildren arrows must be moved from the left of the text to the right for first level items * */ div.ktskinjudea div.ktvertical ul.lev1 { width: 140px; border: solid 1px #afafaf; } div.ktskinjudea div.ktvertical li.lev1 { width: 140px; background: url(img/bgtop_v.gif) repeat-y 98% 50%; border: none 0; border-bottom: solid 1px #ffffff; } div.ktskinjudea div.ktvertical a.lev1 { border: none 0; } div.ktskinjudea div.ktvertical li a.lev1 { border-left: solid 2px #0D78C3; } /* selected vertical first level items */ div.ktskinjudea div.ktvertical li a.lev1_selected { border-left-color: #4469ba; } /* current vertical first level items */ div.ktskinjudea div.ktvertical li a.lev1_current { border-left-color: #92a7d7; } /* current vertical first level ietms with children arrow */ div.ktskinjudea div.ktvertical li.lev1 a.lev1_current_haschildren { background-image: url(img/arrow_right_light.gif); } /* * * specific to horizontal2 * - there is no level 3 * - level 2 items don't have backgrounds * - must add padding between level 2 menu items * */ div.ktskinjudea div.kthorizontal2 li ul { padding: 0; border: none 0; } div.ktskinjudea div.kthorizontal2 li.lev1 li, div.ktskinjudea div.kthorizontal2 li.lev1 li a { padding: 0; border: none 0; background: transparent !important; background-image: none !important; } div.ktskinjudea div.kthorizontal2 li.lev1 li a { padding-right: 40px; } div.ktskinjudea div.kthorizontal2 li.lev1 li a.selected { color: #3c63a2 !important; background: transparent !important; } div.ktskinjudea div.kthorizontal2 li ul.lev2 { background-image: none; padding-left: 21px; } /* selected horizontal2 second level menu items */ div.ktskinjudea div.kthorizontal2 li li a.selected { font-weight: bold; }