46 |
46 |
47 /* |
47 /* |
48 * jBox menu system |
48 * jBox menu system |
49 */ |
49 */ |
50 |
50 |
51 div.menu { |
51 div.menu, div.menu_nojs { |
52 background-color: #B0D0F0; |
52 background-color: #B0D0F0; |
53 font-size: 7pt; |
53 font-size: 7pt; |
54 border-width: 0; |
54 border-width: 0; |
55 } |
55 } |
56 div.menu a, div.menu div.label { |
56 div.menu a, div.menu_nojs a, div.menu div.label, div.menu_nojs div.label { |
57 padding: 2.5pt 5px; |
57 padding: 2.5pt 5px; |
58 margin-right: 3px; |
58 margin-right: 3px; |
59 text-decoration: none; |
59 text-decoration: none; |
60 display: block; |
60 display: block; |
61 float: left; |
61 float: left; |
62 color: #406080; |
62 color: #406080; |
63 } |
63 } |
64 div.menu div.label { |
64 div.menu div.label, div.menu_nojs div.label { |
65 color: #001020; |
65 color: #001020; |
66 cursor: default; |
66 cursor: default; |
67 } |
67 } |
68 div.menu span.sep { |
68 div.menu span.sep, div.menu_nojs span.sep { |
69 display: block; |
69 display: block; |
70 float: left; |
70 float: left; |
71 width: 5px; |
71 width: 5px; |
72 } |
72 } |
73 div.menu div.multopts { |
73 div.menu div.multopts, div.menu_nojs div.multopts { |
74 line-height: 17pt; |
74 line-height: 17pt; |
75 } |
75 } |
76 div.menu div.multopts a, div.menu div.multopts div.label { |
76 div.menu div.multopts a, div.menu_nojs div.multopts a, div.menu div.multopts div.label, div.menu_nojs div.multopts div.label { |
77 float: none; |
77 float: none; |
78 display: inline; |
78 display: inline; |
79 } |
79 } |
80 div.menu a.liteselected, div.menu a.liteselected:hover, div.menu a:hover { |
80 div.menu a.liteselected, div.menu_nojs a.liteselected, div.menu a.liteselected:hover, div.menu_nojs a.liteselected:hover, div.menu a:hover, div.menu_nojs a:hover { |
81 color: #406080; |
81 color: #406080; |
82 background-color: #D0F0FF; |
82 background-color: #D0F0FF; |
83 } |
83 } |
84 div.menu input[type ^="text"], div.menu input[type ^="password"] { |
84 div.menu input[type ^="text"], div.menu_nojs input[type ^="text"], div.menu input[type ^="password"], div.menu_nojs input[type ^="password"] { |
85 border-width: 0; |
85 border-width: 0; |
86 font-size: 9pt; |
86 font-size: 9pt; |
87 padding: 4px 5px; |
87 padding: 4px 5px; |
88 max-width: 70px; |
88 max-width: 70px; |
89 background-color: #D0F0FF; |
89 background-color: #D0F0FF; |
90 } |
90 } |
91 div.menu input[type ^="text"]:hover, div.menu input[type ^="password"]:hover { |
91 div.menu input[type ^="text"]:hover, div.menu_nojs input[type ^="text"]:hover, div.menu input[type ^="password"]:hover, div.menu_nojs input[type ^="password"]:hover { |
92 background-color: #E0F0FF; |
92 background-color: #E0F0FF; |
93 } |
93 } |
94 div.menu input[type ^="text"]:focus, div.menu input[type ^="password"]:focus { |
94 div.menu input[type ^="text"]:focus, div.menu_nojs input[type ^="text"]:focus, div.menu input[type ^="password"]:focus, div.menu_nojs input[type ^="password"]:focus { |
95 background-color: #F0F0FF; |
95 background-color: #F0F0FF; |
96 } |
96 } |
97 div.menu input[type ^="button"], div.menu input[type ^="submit"] { |
97 div.menu input[type ^="button"], div.menu_nojs input[type ^="button"], div.menu input[type ^="submit"], div.menu_nojs input[type ^="submit"] { |
98 border-width: 0; |
98 border-width: 0; |
99 font-size: 9pt; |
99 font-size: 9pt; |
100 padding: 3px 5px; |
100 padding: 3px 5px; |
101 max-width: 70px; |
101 max-width: 70px; |
102 } |
102 } |
103 div.menu a.current, div.menu a.current:hover, div.menu a.selected, div.menu a.selected:hover { |
103 div.menu a.current, div.menu_nojs a.current, div.menu a.current:hover, div.menu_nojs a.current:hover, div.menu a.selected, div.menu_nojs a.selected, div.menu a.selected:hover, div.menu_nojs a.selected:hover { |
104 color: #000040; |
104 color: #000040; |
105 background-color: #FFFFFF; |
105 background-color: #FFFFFF; |
106 } |
106 } |
107 div.menu ul { |
107 div.menu ul, div.menu_nojs ul { |
108 display: none; |
108 display: none; |
109 position: absolute; |
109 position: absolute; |
110 padding: 0; |
110 padding: 0; |
111 margin: 0; |
111 margin: 0; |
112 background-color: #B0D0F0; |
112 background-color: #B0D0F0; |
113 border-width: 0; |
113 border-width: 0; |
114 min-width: 120px; |
114 min-width: 120px; |
115 } |
115 } |
116 div.menu ul li { |
116 div.menu ul li, div.menu_nojs ul li { |
117 list-style: none; |
117 list-style: none; |
118 } |
118 } |
119 div.menu ul a { |
119 div.menu ul a, div.menu_nojs ul a { |
120 float: none; |
120 float: none; |
121 margin: 0; |
121 margin: 0; |
122 } |
122 } |
123 span.menuclear { |
123 span.menuclear { |
124 font-size: 1px; |
124 font-size: 1px; |