34 table.wrapper td.bottom-right { width: 37px; height: 44px; background-image: url(../images/window-bottomcorners.png); background-repeat: no-repeat; background-position: -37px 0px; } |
34 table.wrapper td.bottom-right { width: 37px; height: 44px; background-image: url(../images/window-bottomcorners.png); background-repeat: no-repeat; background-position: -37px 0px; } |
35 |
35 |
36 /* Sidebar */ |
36 /* Sidebar */ |
37 td#td-sidebar { padding-right: 12px; height: 100%; } |
37 td#td-sidebar { padding-right: 12px; height: 100%; } |
38 table#sidebar-show { |
38 table#sidebar-show { |
39 display: none; |
39 display: none; |
40 width: 100%; |
40 width: 100%; |
41 } |
41 } |
42 div#sidebar-hide { |
42 div#sidebar-hide { |
43 width: 10px; |
43 width: 10px; |
44 height: 100%; |
44 height: 100%; |
45 background-color: #6587B8; |
45 background-color: #6587B8; |
46 cursor: pointer; |
46 cursor: pointer; |
47 position: absolute; |
47 position: absolute; |
48 top: 0px; |
48 top: 0px; |
49 background-repeat: no-repeat; |
49 background-repeat: no-repeat; |
50 background-position: center center; |
50 background-position: center center; |
51 } |
51 } |
52 div#sidebar-hide:hover { |
52 div#sidebar-hide:hover { |
53 background-color: #95B7E8; |
53 background-color: #95B7E8; |
54 } |
54 } |
55 div.expanded { |
55 div.expanded { |
56 background-image: url(../images/collapse.gif); |
56 background-image: url(../images/collapse.gif); |
57 right: 232px; |
57 right: 232px; |
58 } |
58 } |
59 div.collapsed { |
59 div.collapsed { |
60 background-image: url(../images/expand.gif); |
60 background-image: url(../images/expand.gif); |
61 right: 0px; |
61 right: 0px; |
62 } |
62 } |
63 |
63 |
64 /* Content area */ |
64 /* Content area */ |
65 table.wrapper td.main h2.pagename { |
65 table.wrapper td.main h2.pagename { |
66 border-bottom: 1px solid #456798; |
66 border-bottom: 1px solid #456798; |
67 margin-bottom: 0; |
67 margin-bottom: 0; |
68 } |
68 } |
69 |
69 |
70 table.wrapper td.main a { |
70 table.wrapper td.main a { |
71 color: #294F75; |
71 color: #294F75; |
72 } |
72 } |
73 table.wrapper td.main a:hover { |
73 table.wrapper td.main a:hover { |
74 color: #597FA5; |
74 color: #597FA5; |
75 } |
75 } |
76 |
76 |
77 /* |
77 /* |
78 * jBox menu system |
78 * jBox menu system |
79 */ |
79 */ |
80 |
80 |
81 div.menu, div.menu_nojs { |
81 div.menu, div.menu_nojs { |
82 background-color: #B0D0F0; |
82 background-color: #B0D0F0; |
83 font-size: 7pt; |
83 font-size: 7pt; |
84 border-width: 0; |
84 border-width: 0; |
85 } |
85 } |
86 div.menu a, div.menu_nojs a, div.menu div.label, div.menu_nojs div.label { |
86 div.menu a, div.menu_nojs a, div.menu div.label, div.menu_nojs div.label { |
87 padding: 2.5pt 5px; |
87 padding: 2.5pt 5px; |
88 margin-right: 3px; |
88 margin-right: 3px; |
89 text-decoration: none; |
89 text-decoration: none; |
90 display: block; |
90 display: block; |
91 float: left; |
91 float: left; |
92 color: #406080; |
92 color: #406080; |
93 } |
93 } |
94 div.menu div.label, div.menu_nojs div.label { |
94 div.menu div.label, div.menu_nojs div.label { |
95 color: #001020; |
95 color: #001020; |
96 cursor: default; |
96 cursor: default; |
97 } |
97 } |
98 div.menu span.sep, div.menu_nojs span.sep { |
98 div.menu span.sep, div.menu_nojs span.sep { |
99 display: block; |
99 display: block; |
100 float: left; |
100 float: left; |
101 width: 5px; |
101 width: 5px; |
102 } |
102 } |
103 div.menu div.multopts, div.menu_nojs div.multopts { |
103 div.menu div.multopts, div.menu_nojs div.multopts { |
104 line-height: 17pt; |
104 line-height: 17pt; |
105 } |
105 } |
106 div.menu div.multopts a, div.menu_nojs div.multopts a, div.menu div.multopts div.label, div.menu_nojs div.multopts div.label { |
106 div.menu div.multopts a, div.menu_nojs div.multopts a, div.menu div.multopts div.label, div.menu_nojs div.multopts div.label { |
107 float: none; |
107 float: none; |
108 display: inline; |
108 display: inline; |
109 } |
109 } |
110 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 { |
110 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 { |
111 color: #406080; |
111 color: #406080; |
112 background-color: #D0F0FF; |
112 background-color: #D0F0FF; |
113 } |
113 } |
114 div.menu input[type ^="text"], div.menu_nojs input[type ^="text"], div.menu input[type ^="password"], div.menu_nojs input[type ^="password"] { |
114 div.menu input[type ^="text"], div.menu_nojs input[type ^="text"], div.menu input[type ^="password"], div.menu_nojs input[type ^="password"] { |
115 border-width: 0; |
115 border-width: 0; |
116 font-size: 9pt; |
116 font-size: 9pt; |
117 padding: 4px 5px; |
117 padding: 4px 5px; |
118 max-width: 70px; |
118 max-width: 70px; |
119 background-color: #D0F0FF; |
119 background-color: #D0F0FF; |
120 } |
120 } |
121 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 { |
121 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 { |
122 background-color: #E0F0FF; |
122 background-color: #E0F0FF; |
123 } |
123 } |
124 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 { |
124 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 { |
125 background-color: #F0F0FF; |
125 background-color: #F0F0FF; |
126 } |
126 } |
127 div.menu input[type ^="button"], div.menu_nojs input[type ^="button"], div.menu input[type ^="submit"], div.menu_nojs input[type ^="submit"] { |
127 div.menu input[type ^="button"], div.menu_nojs input[type ^="button"], div.menu input[type ^="submit"], div.menu_nojs input[type ^="submit"] { |
128 border-width: 0; |
128 border-width: 0; |
129 font-size: 9pt; |
129 font-size: 9pt; |
130 padding: 3px 5px; |
130 padding: 3px 5px; |
131 max-width: 70px; |
131 max-width: 70px; |
132 } |
132 } |
133 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 { |
133 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 { |
134 color: #000040; |
134 color: #000040; |
135 background-color: #FFFFFF; |
135 background-color: #FFFFFF; |
136 } |
136 } |
137 div.menu ul, div.menu_nojs ul { |
137 div.menu ul, div.menu_nojs ul { |
138 display: none; |
138 display: none; |
139 position: absolute; |
139 position: absolute; |
140 padding: 0; |
140 padding: 0; |
141 margin: 0; |
141 margin: 0; |
142 background-color: #B0D0F0; |
142 background-color: #B0D0F0; |
143 border-width: 0; |
143 border-width: 0; |
144 min-width: 120px; |
144 min-width: 120px; |
145 } |
145 } |
146 div.menu ul li, div.menu_nojs ul li { |
146 div.menu ul li, div.menu_nojs ul li { |
147 list-style: none; |
147 list-style: none; |
148 } |
148 } |
149 div.menu ul a, div.menu_nojs ul a { |
149 div.menu ul a, div.menu_nojs ul a { |
150 float: none; |
150 float: none; |
151 margin: 0; |
151 margin: 0; |
152 } |
152 } |
153 span.menuclear { |
153 span.menuclear { |
154 font-size: 1px; |
154 font-size: 1px; |
155 height: 0px; |
155 height: 0px; |
156 width: 0px; |
156 width: 0px; |
157 clear: left; |
157 clear: left; |
158 line-height: 0px; |
158 line-height: 0px; |
159 display: block; |
159 display: block; |
160 } |
160 } |
161 |
161 |
162 /* Buttons - this is CSS3 */ |
162 /* Buttons - this is CSS3 */ |
163 input[type ^="button"], input[type ^="submit"], button { |
163 input[type ^="button"], input[type ^="submit"], button { |
164 border-width: 1px; |
164 border-width: 1px; |
165 border-color: #666; |
165 border-color: #666; |
166 border-style: solid; |
166 border-style: solid; |
167 background-color: #DDD; |
167 background-color: #DDD; |
168 color: #101010; |
168 color: #101010; |
169 cursor: pointer; |
169 cursor: pointer; |
170 font-size: 8pt; |
170 font-size: 8pt; |
171 font-family: arial, helvetica, sans-serif; |
171 font-family: arial, helvetica, sans-serif; |
172 padding: 5px 3px; |
172 padding: 5px 3px; |
173 background-image: url(../images/buttonbg.gif); |
173 background-image: url(../images/buttonbg.gif); |
174 background-repeat: repeat-x; |
174 background-repeat: repeat-x; |
175 } |
175 } |
176 |
176 |
177 input[type ^="button"]:hover, input[type ^="submit"]:hover, button:hover { |
177 input[type ^="button"]:hover, input[type ^="submit"]:hover, button:hover { |
178 border-color: #999; |
178 border-color: #999; |
179 } |
179 } |
180 |
180 |
181 input[type ^="button"]:active, input[type ^="submit"]:active, button:active { |
181 input[type ^="button"]:active, input[type ^="submit"]:active, button:active { |
182 padding: 6px 2px 4px 4px; |
182 padding: 6px 2px 4px 4px; |
183 border-color: #333; |
183 border-color: #333; |
184 } |
184 } |
185 |
185 |
186 input[type ^="text"], input[type ^="password"] { |
186 input[type ^="text"], input[type ^="password"] { |
187 background-color: #F8FBFF; |
187 background-color: #F8FBFF; |
188 color: #202020; |
188 color: #202020; |
189 border: 1px solid #254778; |
189 border: 1px solid #254778; |
190 font-size: 8pt; |
190 font-size: 8pt; |
191 font-family: arial, helvetica, sans-serif; |
191 font-family: arial, helvetica, sans-serif; |
192 padding: 3px; |
192 padding: 3px; |
193 } |
193 } |
194 |
194 |
195 input:disabled, input[disabled ^="disabled"], button:disabled, button[disabled ^="disabled"] { |
195 input:disabled, input[disabled ^="disabled"], button:disabled, button[disabled ^="disabled"] { |
196 border-color: #666666 !important; |
196 border-color: #666666 !important; |
197 background-image: none !important; |
197 background-image: none !important; |
198 background-color: #DDD !important; |
198 background-color: #DDD !important; |
199 color: #888; |
199 color: #888; |
200 } |
200 } |
201 |
201 |
202 /* ACP home elements */ |
202 /* ACP home elements */ |
203 |
203 |
204 div.acphome-box { |
204 div.acphome-box { |
205 border-radius: 4px; |
205 border-radius: 4px; |
206 -moz-border-radius: 4px; |
206 -moz-border-radius: 4px; |
207 padding: 14px 11px; |
207 padding: 14px 11px; |
208 margin: 4px; |
208 margin: 4px; |
209 } |
209 } |
210 |
210 |
211 div.acphome-box.halfwidth { |
211 div.acphome-box.halfwidth { |
212 padding: 1.5%; |
212 padding: 1.5%; |
213 margin: 4px 0.5%; |
213 margin: 4px 0.5%; |
214 float: left; |
214 float: left; |
215 width: 46%; |
215 width: 46%; |
216 } |
216 } |
217 |
217 |
218 div.acphome-box h3 { |
218 div.acphome-box h3 { |
219 text-decoration: underline; |
219 text-decoration: underline; |
220 margin: 0 0 10px 0; |
220 margin: 0 0 10px 0; |
221 } |
221 } |
222 |
222 |
223 div.acphome-box p { |
223 div.acphome-box p { |
224 margin: 0 0 10px 0; |
224 margin: 0 0 10px 0; |
225 } |
225 } |
226 |
226 |
227 div.acphome-box div.tblholder table { |
227 div.acphome-box div.tblholder table { |
228 color: black; |
228 color: black; |
229 } |
229 } |
230 |
230 |
231 div.acphome-box.warning { |
231 div.acphome-box.warning { |
232 background-color: #900000; |
232 background-color: #900000; |
233 color: #fff; |
233 color: #fff; |
234 text-align: center; |
234 text-align: center; |
235 font-weight: bold; |
235 font-weight: bold; |
236 } |
236 } |
237 |
237 |
238 div.acphome-box.info { |
238 div.acphome-box.info { |
239 background-color: #e2ecfe; |
239 background-color: #e2ecfe; |
240 color: #202020; |
240 color: #202020; |
241 } |
241 } |
242 |
242 |
243 div.acphome-box.notice { |
243 div.acphome-box.notice { |
244 background-color: #009000; |
244 background-color: #009000; |
245 color: #fff; |
245 color: #fff; |
246 } |
246 } |
247 |
247 |
248 div.acphome-box.warning a:link, div.acphome-box.notice a:link { |
248 div.acphome-box.warning a:link, div.acphome-box.notice a:link { |
249 color: #eee; |
249 color: #eee; |
250 } |
250 } |
251 |
251 |
252 div.acphome-box.warning a:hover, div.acphome-box.notice a:hover { |
252 div.acphome-box.warning a:hover, div.acphome-box.notice a:hover { |
253 color: #fff !important; |
253 color: #fff !important; |
254 } |
254 } |
255 |
255 |
256 div.acphome-box div.tblholder table a { |
256 div.acphome-box div.tblholder table a { |
257 color: #294F75 !important; |
257 color: #294F75 !important; |
258 } |
258 } |
259 |
259 |
260 div.acphome-box div.tblholder table a:hover { |
260 div.acphome-box div.tblholder table a:hover { |
261 color: #597FA5 !important; |
261 color: #597FA5 !important; |
262 } |
262 } |
263 |
263 |
264 th.systemversion a { |
264 th.systemversion a { |
265 font-weight: normal; |
265 font-weight: normal; |
266 color: #fff !important; |
266 color: #fff !important; |
267 } |
267 } |
268 |
268 |
269 th.systemversion a:hover { |
269 th.systemversion a:hover { |
270 font-weight: normal; |
270 font-weight: normal; |
271 color: #ff0 !important; |
271 color: #ff0 !important; |
272 } |
272 } |