summaryrefslogtreecommitdiff
path: root/frontend
Unidiff
Diffstat (limited to 'frontend') (more/less context) (ignore whitespace changes)
-rw-r--r--frontend/gamma/css/web.css3871
-rw-r--r--frontend/gamma/html/exitPage_template.html25
-rw-r--r--frontend/gamma/js/Clipperz/PM/Proxy.js2
-rw-r--r--frontend/gamma/js/Clipperz/PM/UI/Common/Components/Tooltip.js33
-rw-r--r--frontend/gamma/js/Clipperz/PM/UI/Web/Components/LoginForm.js52
-rw-r--r--frontend/gamma/js/Clipperz/PM/UI/Web/Controllers/LoginController.js8
6 files changed, 1223 insertions, 2768 deletions
diff --git a/frontend/gamma/css/web.css b/frontend/gamma/css/web.css
index e4890b6..0a72e09 100644
--- a/frontend/gamma/css/web.css
+++ b/frontend/gamma/css/web.css
@@ -1,3703 +1,2210 @@
1/* 1/*
2 2
3Copyright 2008-2011 Clipperz Srl 3Copyright 2008-2011 Clipperz Srl
4 4
5This file is part of Clipperz Community Edition. 5This file is part of Clipperz Community Edition.
6Clipperz Community Edition is an online password manager. 6Clipperz Community Edition is an online password manager.
7For further information about its features and functionalities please 7For further information about its features and functionalities please
8refer to http://www.clipperz.com. 8refer to http://www.clipperz.com.
9 9
10* Clipperz Community Edition is free software: you can redistribute 10* Clipperz Community Edition is free software: you can redistribute
11 it and/or modify it under the terms of the GNU Affero General Public 11 it and/or modify it under the terms of the GNU Affero General Public
12 License as published by the Free Software Foundation, either version 12 License as published by the Free Software Foundation, either version
13 3 of the License, or (at your option) any later version. 13 3 of the License, or (at your option) any later version.
14 14
15* Clipperz Community Edition is distributed in the hope that it will 15* Clipperz Community Edition is distributed in the hope that it will
16 be useful, but WITHOUT ANY WARRANTY; without even the implied 16 be useful, but WITHOUT ANY WARRANTY; without even the implied
17 warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. 17 warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
18 See the GNU Affero General Public License for more details. 18 See the GNU Affero General Public License for more details.
19 19
20* You should have received a copy of the GNU Affero General Public 20* You should have received a copy of the GNU Affero General Public
21 License along with Clipperz Community Edition. If not, see 21 License along with Clipperz Community Edition. If not, see
22 <http://www.gnu.org/licenses/>. 22 <http://www.gnu.org/licenses/>.
23 23
24*/ 24*/
25 25
26/* 26/*
27 27
28Color list: 28Color list:
29- login box: 29- login box:
30 light#ff9955 30 light#ff9955
31 dark#ff6622 31 dark#ff6622
32- login button: 32- login button:
33 regular#dd5500 33 regular#dd5500
34 hover#773311 34 hover#773311
35- login translations: 35- login translations:
36 box: #cc6622; 36 box: #cc6622;
37 not-selected: 37 not-selected:
38 color: #ddaa99 38 color: #ddaa99
39 background:#994422 39 background:#994422
40 selected: #772211; 40 selected: #772211;
41*/ 41*/
42html { 42html {
43 height: 100%; 43 height: 100%;
44} 44}
45body { 45body {
46 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; 46 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
47 margin: 0px; 47 margin: 0px;
48} 48}
49div.modalDialogMask.userInfoBoxMask {
50 -moz-opacity: 0.0;
51 opacity: .0;
52 filter: alpha(opacity=0);
53 z-index: 19000;
54}
49.reset-margin { 55.reset-margin {
50 margin: 0px; 56 margin: 0px;
51 padding: 0px; 57 padding: 0px;
52 border: 0px; 58 border: 0px;
53} 59}
54.clear { 60.clear {
55 clear: both; 61 clear: both;
56} 62}
57.hidden_none { 63.hidden_none {
58 display: none; 64 display: none;
59 visibility: hidden; 65 visibility: hidden;
60} 66}
61.keepTogether { 67.keepTogether {
62 display: inline-block; 68 display: inline-block;
63 white-space: nowrap; 69 white-space: nowrap;
64} 70}
65#mainDiv { 71#mainDiv {
66 margin: 0 auto; 72 margin: 0 auto;
67} 73}
68/* 74/*
69 75
70Color list: 76Color list:
71- login box: 77- login box:
72 light#ff9955 78 light#ff9955
73 dark#ff6622 79 dark#ff6622
74- login button: 80- login button:
75 regular#dd5500 81 regular#dd5500
76 hover#773311 82 hover#773311
77- login translations: 83- login translations:
78 box: #cc6622; 84 box: #cc6622;
79 not-selected: 85 not-selected:
80 color: #ddaa99 86 color: #ddaa99
81 background:#994422 87 background:#994422
82 selected: #772211; 88 selected: #772211;
83*/ 89*/
84html { 90html {
85 height: 100%; 91 height: 100%;
86} 92}
87body { 93body {
88 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; 94 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
89 margin: 0px; 95 margin: 0px;
90} 96}
97div.modalDialogMask.userInfoBoxMask {
98 -moz-opacity: 0.0;
99 opacity: .0;
100 filter: alpha(opacity=0);
101 z-index: 19000;
102}
91.reset-margin { 103.reset-margin {
92 margin: 0px; 104 margin: 0px;
93 padding: 0px; 105 padding: 0px;
94 border: 0px; 106 border: 0px;
95} 107}
96.clear { 108.clear {
97 clear: both; 109 clear: both;
98} 110}
99.hidden_none { 111.hidden_none {
100 display: none; 112 display: none;
101 visibility: hidden; 113 visibility: hidden;
102} 114}
103.keepTogether { 115.keepTogether {
104 display: inline-block; 116 display: inline-block;
105 white-space: nowrap; 117 white-space: nowrap;
106} 118}
107#mainDiv { 119#mainDiv {
108 margin: 0 auto; 120 margin: 0 auto;
109} 121}
110div#loading { 122div#loading {
111 width: 100%; 123 width: 100%;
112 height: 100%; 124 height: 100%;
113 display: table; 125 display: table;
114 background-image: -ms-radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%); 126 background-image: -ms-radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%);
115 /* IE10 */ 127 /* IE10 */
116 background-image: -moz-radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%); 128 background-image: -moz-radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%);
117 /* Mozilla Firefox */ 129 /* Mozilla Firefox */
118 background-image: -o-radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%); 130 background-image: -o-radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%);
119 /* Opera */ 131 /* Opera */
120 background-image: -webkit-radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%); 132 background-image: -webkit-radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%);
121 /* Webkit (Chrome 11+) */ 133 /* Webkit (Chrome 11+) */
122 background-image: radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%); 134 background-image: radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%);
123 /* Proposed W3C Markup */ 135 /* Proposed W3C Markup */
124 background-image: -webkit-gradient(radial, center center, 0, center center, 495, color-stop(0, #4d52b3), color-stop(1, #1f2148)); 136 background-image: -webkit-gradient(radial, center center, 0, center center, 495, color-stop(0, #4d52b3), color-stop(1, #1f2148));
125 /* Webkit (Safari/Chrome 10) */ 137 /* Webkit (Safari/Chrome 10) */
126} 138}
127div#loading div { 139div#loading div {
128 display: table-cell; 140 display: table-cell;
129 vertical-align: middle; 141 vertical-align: middle;
130 width: 100%; 142 width: 100%;
131 text-align: center; 143 text-align: center;
132} 144}
133div#loading div h1 { 145div#loading div h1 {
134 font-size: 40pt; 146 font-size: 40pt;
135 color: #ffffff; 147 color: #ffffff;
136 text-shadow: -1px -1px 2px #2e316c, 1px 1px 1px #454aa1; 148 text-shadow: -1px -1px 2px #2e316c, 1px 1px 1px #454aa1;
137} 149}
138div#loading div h3 { 150div#loading div h3 {
139 font-size: 18pt; 151 font-size: 18pt;
140 text-shadow: -1px -1px 1px #2e316c, 1px 1px 1px #454aa1; 152 text-shadow: -1px -1px 1px #2e316c, 1px 1px 1px #454aa1;
141 color: #1f2148; 153 color: #1f2148;
142} 154}
143div#loading div h5 { 155div#loading div h5 {
144 padding-left: 20px; 156 padding-left: 20px;
145 color: #ff9200; 157 color: #ff9200;
146} 158}
147/* 159/*
148 160
149Color list: 161Color list:
150- login box: 162- login box:
151 light#ff9955 163 light#ff9955
152 dark#ff6622 164 dark#ff6622
153- login button: 165- login button:
154 regular#dd5500 166 regular#dd5500
155 hover#773311 167 hover#773311
156- login translations: 168- login translations:
157 box: #cc6622; 169 box: #cc6622;
158 not-selected: 170 not-selected:
159 color: #ddaa99 171 color: #ddaa99
160 background:#994422 172 background:#994422
161 selected: #772211; 173 selected: #772211;
162*/ 174*/
163html { 175html {
164 height: 100%; 176 height: 100%;
165} 177}
166body { 178body {
167 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; 179 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
168 margin: 0px; 180 margin: 0px;
169} 181}
182div.modalDialogMask.userInfoBoxMask {
183 -moz-opacity: 0.0;
184 opacity: .0;
185 filter: alpha(opacity=0);
186 z-index: 19000;
187}
188.reset-margin {
189 margin: 0px;
190 padding: 0px;
191 border: 0px;
192}
193.clear {
194 clear: both;
195}
196.hidden_none {
197 display: none;
198 visibility: hidden;
199}
200.keepTogether {
201 display: inline-block;
202 white-space: nowrap;
203}
204#mainDiv {
205 margin: 0 auto;
206}
207div.tooltip {
208 position: absolute;
209 z-index: 30001;
210}
211div.tooltip div.tooltip_body {
212 border-radius: 8px;
213 -moz-border-radius: 8px;
214 -webkit-border-radius: 8px;
215 border-radius: 8px;
216 -moz-border-radius: 8px;
217 -webkit-border-radius: 8px;
218 border-radius: 8px;
219 -moz-border-radius: 8px;
220 -webkit-border-radius: 8px;
221 border-radius: 8px;
222 -moz-border-radius: 8px;
223 -webkit-border-radius: 8px;
224 border-radius: 8px;
225 -moz-border-radius: 8px;
226 -webkit-border-radius: 8px;
227 border-radius: 8px;
228 -moz-border-radius: 8px;
229 -webkit-border-radius: 8px;
230 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
231 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
232 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
233 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
234 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
235 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
236 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
237 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
238 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
239 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
240 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
241 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
242 -webkit-box-shadow: 4px 4px 10px #333333;
243 -moz-box-shadow: 4px 4px 10px #333333;
244 box-shadow: 4px 4px 10px #333333;
245 -webkit-box-shadow: 4px 4px 10px #333333;
246 -moz-box-shadow: 4px 4px 10px #333333;
247 box-shadow: 4px 4px 10px #333333;
248 -webkit-box-shadow: 4px 4px 10px #333333;
249 -moz-box-shadow: 4px 4px 10px #333333;
250 box-shadow: 4px 4px 10px #333333;
251 -webkit-box-shadow: 4px 4px 10px #333333;
252 -moz-box-shadow: 4px 4px 10px #333333;
253 box-shadow: 4px 4px 10px #333333;
254 -webkit-box-shadow: 4px 4px 10px #333333;
255 -moz-box-shadow: 4px 4px 10px #333333;
256 box-shadow: 4px 4px 10px #333333;
257 -webkit-box-shadow: 4px 4px 10px #333333;
258 -moz-box-shadow: 4px 4px 10px #333333;
259 box-shadow: 4px 4px 10px #333333;
260 border-top: 1px solid #d4d4d4;
261 border-left: 1px solid #a2a2a2;
262 border-right: 1px solid #6f6f6f;
263 border-bottom: 1px solid #3c3c3c;
264 border-radius: 8px;
265 -moz-border-radius: 8px;
266 -webkit-border-radius: 8px;
267 border-radius: 8px;
268 -moz-border-radius: 8px;
269 -webkit-border-radius: 8px;
270 border-radius: 8px;
271 -moz-border-radius: 8px;
272 -webkit-border-radius: 8px;
273 border-radius: 8px;
274 -moz-border-radius: 8px;
275 -webkit-border-radius: 8px;
276 border-radius: 8px;
277 -moz-border-radius: 8px;
278 -webkit-border-radius: 8px;
279 border-radius: 8px;
280 -moz-border-radius: 8px;
281 -webkit-border-radius: 8px;
282 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
283 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
284 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
285 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
286 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
287 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
288 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
289 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
290 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
291 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
292 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
293 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
294 -webkit-box-shadow: 4px 4px 10px #333333;
295 -moz-box-shadow: 4px 4px 10px #333333;
296 box-shadow: 4px 4px 10px #333333;
297 -webkit-box-shadow: 4px 4px 10px #333333;
298 -moz-box-shadow: 4px 4px 10px #333333;
299 box-shadow: 4px 4px 10px #333333;
300 -webkit-box-shadow: 4px 4px 10px #333333;
301 -moz-box-shadow: 4px 4px 10px #333333;
302 box-shadow: 4px 4px 10px #333333;
303 -webkit-box-shadow: 4px 4px 10px #333333;
304 -moz-box-shadow: 4px 4px 10px #333333;
305 box-shadow: 4px 4px 10px #333333;
306 -webkit-box-shadow: 4px 4px 10px #333333;
307 -moz-box-shadow: 4px 4px 10px #333333;
308 box-shadow: 4px 4px 10px #333333;
309 -webkit-box-shadow: 4px 4px 10px #333333;
310 -moz-box-shadow: 4px 4px 10px #333333;
311 box-shadow: 4px 4px 10px #333333;
312 border-top: 1px solid #d4d4d4;
313 border-left: 1px solid #a2a2a2;
314 border-right: 1px solid #6f6f6f;
315 border-bottom: 1px solid #3c3c3c;
316 border-radius: 8px;
317 -moz-border-radius: 8px;
318 -webkit-border-radius: 8px;
319 border-radius: 8px;
320 -moz-border-radius: 8px;
321 -webkit-border-radius: 8px;
322 border-radius: 8px;
323 -moz-border-radius: 8px;
324 -webkit-border-radius: 8px;
325 border-radius: 8px;
326 -moz-border-radius: 8px;
327 -webkit-border-radius: 8px;
328 border-radius: 8px;
329 -moz-border-radius: 8px;
330 -webkit-border-radius: 8px;
331 border-radius: 8px;
332 -moz-border-radius: 8px;
333 -webkit-border-radius: 8px;
334 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
335 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
336 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
337 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
338 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
339 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
340 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
341 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
342 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
343 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
344 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
345 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
346 -webkit-box-shadow: 4px 4px 10px #333333;
347 -moz-box-shadow: 4px 4px 10px #333333;
348 box-shadow: 4px 4px 10px #333333;
349 -webkit-box-shadow: 4px 4px 10px #333333;
350 -moz-box-shadow: 4px 4px 10px #333333;
351 box-shadow: 4px 4px 10px #333333;
352 -webkit-box-shadow: 4px 4px 10px #333333;
353 -moz-box-shadow: 4px 4px 10px #333333;
354 box-shadow: 4px 4px 10px #333333;
355 -webkit-box-shadow: 4px 4px 10px #333333;
356 -moz-box-shadow: 4px 4px 10px #333333;
357 box-shadow: 4px 4px 10px #333333;
358 -webkit-box-shadow: 4px 4px 10px #333333;
359 -moz-box-shadow: 4px 4px 10px #333333;
360 box-shadow: 4px 4px 10px #333333;
361 -webkit-box-shadow: 4px 4px 10px #333333;
362 -moz-box-shadow: 4px 4px 10px #333333;
363 box-shadow: 4px 4px 10px #333333;
364 border-top: 1px solid #d4d4d4;
365 border-left: 1px solid #a2a2a2;
366 border-right: 1px solid #6f6f6f;
367 border-bottom: 1px solid #3c3c3c;
368 border-radius: 8px;
369 -moz-border-radius: 8px;
370 -webkit-border-radius: 8px;
371 border-radius: 8px;
372 -moz-border-radius: 8px;
373 -webkit-border-radius: 8px;
374 border-radius: 8px;
375 -moz-border-radius: 8px;
376 -webkit-border-radius: 8px;
377 border-radius: 8px;
378 -moz-border-radius: 8px;
379 -webkit-border-radius: 8px;
380 border-radius: 8px;
381 -moz-border-radius: 8px;
382 -webkit-border-radius: 8px;
383 border-radius: 8px;
384 -moz-border-radius: 8px;
385 -webkit-border-radius: 8px;
386 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
387 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
388 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
389 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
390 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
391 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
392 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
393 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
394 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
395 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
396 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
397 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
398 -webkit-box-shadow: 4px 4px 10px #333333;
399 -moz-box-shadow: 4px 4px 10px #333333;
400 box-shadow: 4px 4px 10px #333333;
401 -webkit-box-shadow: 4px 4px 10px #333333;
402 -moz-box-shadow: 4px 4px 10px #333333;
403 box-shadow: 4px 4px 10px #333333;
404 -webkit-box-shadow: 4px 4px 10px #333333;
405 -moz-box-shadow: 4px 4px 10px #333333;
406 box-shadow: 4px 4px 10px #333333;
407 -webkit-box-shadow: 4px 4px 10px #333333;
408 -moz-box-shadow: 4px 4px 10px #333333;
409 box-shadow: 4px 4px 10px #333333;
410 -webkit-box-shadow: 4px 4px 10px #333333;
411 -moz-box-shadow: 4px 4px 10px #333333;
412 box-shadow: 4px 4px 10px #333333;
413 -webkit-box-shadow: 4px 4px 10px #333333;
414 -moz-box-shadow: 4px 4px 10px #333333;
415 box-shadow: 4px 4px 10px #333333;
416 border-top: 1px solid #d4d4d4;
417 border-left: 1px solid #a2a2a2;
418 border-right: 1px solid #6f6f6f;
419 border-bottom: 1px solid #3c3c3c;
420 border-radius: 8px;
421 -moz-border-radius: 8px;
422 -webkit-border-radius: 8px;
423 border-radius: 8px;
424 -moz-border-radius: 8px;
425 -webkit-border-radius: 8px;
426 border-radius: 8px;
427 -moz-border-radius: 8px;
428 -webkit-border-radius: 8px;
429 border-radius: 8px;
430 -moz-border-radius: 8px;
431 -webkit-border-radius: 8px;
432 border-radius: 8px;
433 -moz-border-radius: 8px;
434 -webkit-border-radius: 8px;
435 border-radius: 8px;
436 -moz-border-radius: 8px;
437 -webkit-border-radius: 8px;
438 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
439 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
440 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
441 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
442 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
443 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
444 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
445 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
446 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
447 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
448 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
449 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
450 -webkit-box-shadow: 4px 4px 10px #333333;
451 -moz-box-shadow: 4px 4px 10px #333333;
452 box-shadow: 4px 4px 10px #333333;
453 -webkit-box-shadow: 4px 4px 10px #333333;
454 -moz-box-shadow: 4px 4px 10px #333333;
455 box-shadow: 4px 4px 10px #333333;
456 -webkit-box-shadow: 4px 4px 10px #333333;
457 -moz-box-shadow: 4px 4px 10px #333333;
458 box-shadow: 4px 4px 10px #333333;
459 -webkit-box-shadow: 4px 4px 10px #333333;
460 -moz-box-shadow: 4px 4px 10px #333333;
461 box-shadow: 4px 4px 10px #333333;
462 -webkit-box-shadow: 4px 4px 10px #333333;
463 -moz-box-shadow: 4px 4px 10px #333333;
464 box-shadow: 4px 4px 10px #333333;
465 -webkit-box-shadow: 4px 4px 10px #333333;
466 -moz-box-shadow: 4px 4px 10px #333333;
467 box-shadow: 4px 4px 10px #333333;
468 border-top: 1px solid #d4d4d4;
469 border-left: 1px solid #a2a2a2;
470 border-right: 1px solid #6f6f6f;
471 border-bottom: 1px solid #3c3c3c;
472 border-radius: 8px;
473 -moz-border-radius: 8px;
474 -webkit-border-radius: 8px;
475 border-radius: 8px;
476 -moz-border-radius: 8px;
477 -webkit-border-radius: 8px;
478 border-radius: 8px;
479 -moz-border-radius: 8px;
480 -webkit-border-radius: 8px;
481 border-radius: 8px;
482 -moz-border-radius: 8px;
483 -webkit-border-radius: 8px;
484 border-radius: 8px;
485 -moz-border-radius: 8px;
486 -webkit-border-radius: 8px;
487 border-radius: 8px;
488 -moz-border-radius: 8px;
489 -webkit-border-radius: 8px;
490 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
491 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
492 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
493 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
494 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
495 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
496 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
497 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
498 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
499 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
500 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
501 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
502 -webkit-box-shadow: 4px 4px 10px #333333;
503 -moz-box-shadow: 4px 4px 10px #333333;
504 box-shadow: 4px 4px 10px #333333;
505 -webkit-box-shadow: 4px 4px 10px #333333;
506 -moz-box-shadow: 4px 4px 10px #333333;
507 box-shadow: 4px 4px 10px #333333;
508 -webkit-box-shadow: 4px 4px 10px #333333;
509 -moz-box-shadow: 4px 4px 10px #333333;
510 box-shadow: 4px 4px 10px #333333;
511 -webkit-box-shadow: 4px 4px 10px #333333;
512 -moz-box-shadow: 4px 4px 10px #333333;
513 box-shadow: 4px 4px 10px #333333;
514 -webkit-box-shadow: 4px 4px 10px #333333;
515 -moz-box-shadow: 4px 4px 10px #333333;
516 box-shadow: 4px 4px 10px #333333;
517 -webkit-box-shadow: 4px 4px 10px #333333;
518 -moz-box-shadow: 4px 4px 10px #333333;
519 box-shadow: 4px 4px 10px #333333;
520 border-top: 1px solid #d4d4d4;
521 border-left: 1px solid #a2a2a2;
522 border-right: 1px solid #6f6f6f;
523 border-bottom: 1px solid #3c3c3c;
524}
525div.tooltip div.tooltip_body span {
526 display: block;
527 padding: 10px;
528 font-size: 10pt;
529 color: white;
530}
531div.tooltip div.tooltip_body div.tooltip_text {
532 width: 200px;
533}
534div.tooltip div.tooltip_arrow {
535 position: absolute;
536 width: 0;
537 height: 0;
538 border: 6px solid transparent;
539}
540div.tooltip.BELOW div.tooltip_arrow {
541 top: -12px;
542 left: 97px;
543 border-bottom: 6px solid #bbbbbb;
544}
545div.tooltip.ABOVE div.tooltip_arrow {
546 position: static;
547 margin-left: 97px;
548 border-top: 6px solid #555555;
549}
550div.tooltip.LEFT div.tooltip_arrow {
551 left: 203px;
552 top: 10px;
553 border-left: 6px solid #747474;
554}
555div.tooltip.LEFT div.tooltip_body div.tooltip_text {
556 min-height: 45px;
557}
558div.tooltip.RIGHT div.tooltip_arrow {
559 left: -12px;
560 top: 10px;
561 border-right: 6px solid #9c9c9c;
562}
563div.tooltip.RIGHT div.tooltip_body div.tooltip_text {
564 min-height: 45px;
565}
566/*
567
568Color list:
569- login box:
570 light#ff9955
571 dark#ff6622
572- login button:
573 regular#dd5500
574 hover#773311
575- login translations:
576 box: #cc6622;
577 not-selected:
578 color: #ddaa99
579 background:#994422
580 selected: #772211;
581*/
582html {
583 height: 100%;
584}
585body {
586 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
587 margin: 0px;
588}
589div.modalDialogMask.userInfoBoxMask {
590 -moz-opacity: 0.0;
591 opacity: .0;
592 filter: alpha(opacity=0);
593 z-index: 19000;
594}
170.reset-margin { 595.reset-margin {
171 margin: 0px; 596 margin: 0px;
172 padding: 0px; 597 padding: 0px;
173 border: 0px; 598 border: 0px;
174} 599}
175.clear { 600.clear {
176 clear: both; 601 clear: both;
177} 602}
178.hidden_none { 603.hidden_none {
179 display: none; 604 display: none;
180 visibility: hidden; 605 visibility: hidden;
181} 606}
182.keepTogether { 607.keepTogether {
183 display: inline-block; 608 display: inline-block;
184 white-space: nowrap; 609 white-space: nowrap;
185} 610}
186#mainDiv { 611#mainDiv {
187 margin: 0 auto; 612 margin: 0 auto;
188} 613}
189div.pageHeaderAndBody { 614div.pageHeaderAndBody {
190 height: 100%; 615 height: 100%;
191} 616}
192body > div.pageHeaderAndBody { 617body > div.pageHeaderAndBody {
193 height: auto; 618 height: auto;
194 min-height: 100%; 619 min-height: 100%;
195} 620}
196div.pageHeader { 621div.pageHeader {
197 background-color: #1f2148; 622 background-color: #1f2148;
198 min-width: 1013px; 623 min-width: 1013px;
199} 624}
200div.pageHeader div#miscLinks { 625div.pageHeader div#miscLinks {
201 float: right; 626 float: right;
202} 627}
203div.pageHeader div#miscLinks ul { 628div.pageHeader div#miscLinks ul {
204 margin: 12px 0px 0px; 629 margin: 12px 0px 0px;
205 padding: 15px; 630 padding: 15px;
206} 631}
207div.pageHeader div#miscLinks ul li { 632div.pageHeader div#miscLinks ul li {
208 display: inline; 633 display: inline;
209 margin: 0px; 634 margin: 0px;
210 padding: 0px; 635 padding: 0px;
211 border: 0px; 636 border: 0px;
212} 637}
213div.pageHeader div#miscLinks ul li a { 638div.pageHeader div#miscLinks ul li a {
214 color: #ffffff; 639 color: #ffffff;
215 margin: 0px; 640 margin: 0px;
216 padding: 0px; 641 padding: 0px;
217 border: 0px; 642 border: 0px;
218 margin: 0px; 643 margin: 0px;
219 padding: 0px; 644 padding: 0px;
220 border: 0px; 645 border: 0px;
221 margin: 0px; 646 margin: 0px;
222 padding: 0px; 647 padding: 0px;
223 border: 0px; 648 border: 0px;
224 margin: 0px; 649 margin: 0px;
225 padding: 0px; 650 padding: 0px;
226 border: 0px; 651 border: 0px;
652 margin: 0px;
653 padding: 0px;
654 border: 0px;
655 margin: 0px;
656 padding: 0px;
657 border: 0px;
227 padding: 15px; 658 padding: 15px;
228 border-left: 1px solid #3e428f; 659 border-left: 1px solid #3e428f;
229 font-weight: normal; 660 font-weight: normal;
230 text-decoration: none; 661 text-decoration: none;
231 font-size: 12pt; 662 font-size: 12pt;
232 min-width: 70px; 663 min-width: 70px;
233} 664}
234div.pageHeader div#miscLinks ul li a:hover { 665div.pageHeader div#miscLinks ul li a:hover {
235 color: #b8bae1; 666 color: #b8bae1;
236} 667}
237div.pageHeader div#miscLinks ul li a#donateHeaderLink { 668div.pageHeader div#miscLinks ul li a#donateHeaderLink {
238 border-left: 0px; 669 border-left: 0px;
239} 670}
240div.pageHeader div#logoFrame { 671div.pageHeader div#logoFrame {
241 padding: 16px 16px 60px 16px; 672 padding: 16px 16px 60px 16px;
242 min-height: 44px; 673 min-height: 44px;
243} 674}
244div.pageHeader div#logoFrame a { 675div.pageHeader div#logoFrame a {
245 color: white; 676 color: white;
246 text-decoration: none; 677 text-decoration: none;
247} 678}
248div.pageHeader div#logoFrame a canvas { 679div.pageHeader div#logoFrame a canvas {
249 margin: 0px; 680 margin: 0px;
250 padding: 0px; 681 padding: 0px;
251 border: 0px; 682 border: 0px;
252 margin: 0px; 683 margin: 0px;
253 padding: 0px; 684 padding: 0px;
254 border: 0px; 685 border: 0px;
255 margin: 0px; 686 margin: 0px;
256 padding: 0px; 687 padding: 0px;
257 border: 0px; 688 border: 0px;
258 margin: 0px; 689 margin: 0px;
259 padding: 0px; 690 padding: 0px;
260 border: 0px; 691 border: 0px;
692 margin: 0px;
693 padding: 0px;
694 border: 0px;
695 margin: 0px;
696 padding: 0px;
697 border: 0px;
261 width: 150px; 698 width: 150px;
262 height: 39px; 699 height: 39px;
263} 700}
264div.pageHeader div#logoFrame a h5.clipperzPayoff { 701div.pageHeader div#logoFrame a h5.clipperzPayoff {
265 font-size: 13pt; 702 font-size: 13pt;
266 font-weight: normal; 703 font-weight: normal;
267 white-space: nowrap; 704 white-space: nowrap;
268 margin: 0px; 705 margin: 0px;
269 padding-left: 4px; 706 padding-left: 4px;
270} 707}
271div.pageHeader div#featureTabs table { 708div.pageHeader div#featureTabs table {
272 width: 100%; 709 width: 100%;
273 padding: 6px; 710 padding: 6px;
274 padding-left: 15px; 711 padding-left: 15px;
275 padding-right: 15px; 712 padding-right: 15px;
276 padding-bottom: 46px; 713 padding-bottom: 46px;
277} 714}
278div.pageHeader div#featureTabs table tr td { 715div.pageHeader div#featureTabs table tr td {
279 width: 25%; 716 width: 25%;
280 vertical-align: top; 717 vertical-align: top;
281 font-size: 11pt; 718 font-size: 11pt;
282 color: white; 719 color: white;
283} 720}
284div.pageHeader div#featureTabs table tr td img { 721div.pageHeader div#featureTabs table tr td img {
285 float: left; 722 float: left;
286} 723}
287div.pageHeader div#featureTabs table tr td span { 724div.pageHeader div#featureTabs table tr td span {
288 display: block; 725 display: block;
289 padding: 5 10 5 85; 726 padding: 5 10 5 85;
290} 727}
291div.pageHeader div#featureTabs canvas.featureIcon { 728div.pageHeader div#featureTabs canvas.featureIcon {
292 width: 76px; 729 width: 76px;
293 height: 76px; 730 height: 76px;
294 display: block; 731 display: block;
295 float: left; 732 float: left;
296 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); 733 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622));
297 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); 734 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79);
298 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); 735 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622));
299 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); 736 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79);
300 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); 737 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622));
301 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); 738 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79);
302 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); 739 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622));
303 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); 740 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79);
741 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622));
742 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79);
743 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622));
744 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79);
745 border-radius: 38px;
746 -moz-border-radius: 38px;
747 -webkit-border-radius: 38px;
748 border-radius: 38px;
749 -moz-border-radius: 38px;
750 -webkit-border-radius: 38px;
304 border-radius: 38px; 751 border-radius: 38px;
305 -moz-border-radius: 38px; 752 -moz-border-radius: 38px;
306 -webkit-border-radius: 38px; 753 -webkit-border-radius: 38px;
307 border-radius: 38px; 754 border-radius: 38px;
308 -moz-border-radius: 38px; 755 -moz-border-radius: 38px;
309 -webkit-border-radius: 38px; 756 -webkit-border-radius: 38px;
310 border-radius: 38px; 757 border-radius: 38px;
311 -moz-border-radius: 38px; 758 -moz-border-radius: 38px;
312 -webkit-border-radius: 38px; 759 -webkit-border-radius: 38px;
313 border-radius: 38px; 760 border-radius: 38px;
314 -moz-border-radius: 38px; 761 -moz-border-radius: 38px;
315 -webkit-border-radius: 38px; 762 -webkit-border-radius: 38px;
316} 763}
317div.pageHeader div#news { 764div.pageHeader div#news {
318 top: -82px; 765 top: -82px;
319 left: 240px; 766 left: 240px;
320 width: 310px; 767 width: 310px;
321 height: 90px; 768 height: 90px;
322 position: absolute; 769 position: absolute;
323 background-color: #616475; 770 background-color: #616475;
324 -webkit-border-bottom-left-radius: 8px; 771 -webkit-border-bottom-left-radius: 8px;
325 -moz-border-radius-bottomleft: 8px; 772 -moz-border-radius-bottomleft: 8px;
326 border-bottom-left-radius: 8px; 773 border-bottom-left-radius: 8px;
327 -webkit-border-bottom-left-radius: 8px; 774 -webkit-border-bottom-left-radius: 8px;
328 -moz-border-radius-bottomleft: 8px; 775 -moz-border-radius-bottomleft: 8px;
329 border-bottom-left-radius: 8px; 776 border-bottom-left-radius: 8px;
330 -webkit-border-bottom-left-radius: 8px; 777 -webkit-border-bottom-left-radius: 8px;
331 -moz-border-radius-bottomleft: 8px; 778 -moz-border-radius-bottomleft: 8px;
332 border-bottom-left-radius: 8px; 779 border-bottom-left-radius: 8px;
333 -webkit-border-bottom-left-radius: 8px; 780 -webkit-border-bottom-left-radius: 8px;
334 -moz-border-radius-bottomleft: 8px; 781 -moz-border-radius-bottomleft: 8px;
335 border-bottom-left-radius: 8px; 782 border-bottom-left-radius: 8px;
783 -webkit-border-bottom-left-radius: 8px;
784 -moz-border-radius-bottomleft: 8px;
785 border-bottom-left-radius: 8px;
786 -webkit-border-bottom-left-radius: 8px;
787 -moz-border-radius-bottomleft: 8px;
788 border-bottom-left-radius: 8px;
789 -webkit-border-bottom-right-radius: 8px;
790 -moz-border-radius-bottomright: 8px;
791 border-bottom-right-radius: 8px;
792 -webkit-border-bottom-right-radius: 8px;
793 -moz-border-radius-bottomright: 8px;
794 border-bottom-right-radius: 8px;
336 -webkit-border-bottom-right-radius: 8px; 795 -webkit-border-bottom-right-radius: 8px;
337 -moz-border-radius-bottomright: 8px; 796 -moz-border-radius-bottomright: 8px;
338 border-bottom-right-radius: 8px; 797 border-bottom-right-radius: 8px;
339 -webkit-border-bottom-right-radius: 8px; 798 -webkit-border-bottom-right-radius: 8px;
340 -moz-border-radius-bottomright: 8px; 799 -moz-border-radius-bottomright: 8px;
341 border-bottom-right-radius: 8px; 800 border-bottom-right-radius: 8px;
342 -webkit-border-bottom-right-radius: 8px; 801 -webkit-border-bottom-right-radius: 8px;
343 -moz-border-radius-bottomright: 8px; 802 -moz-border-radius-bottomright: 8px;
344 border-bottom-right-radius: 8px; 803 border-bottom-right-radius: 8px;
345 -webkit-border-bottom-right-radius: 8px; 804 -webkit-border-bottom-right-radius: 8px;
346 -moz-border-radius-bottomright: 8px; 805 -moz-border-radius-bottomright: 8px;
347 border-bottom-right-radius: 8px; 806 border-bottom-right-radius: 8px;
348 -webkit-border-bottom-left-radius: 8px; 807 -webkit-border-bottom-left-radius: 8px;
349 -moz-border-radius-bottomleft: 8px; 808 -moz-border-radius-bottomleft: 8px;
350 border-bottom-left-radius: 8px; 809 border-bottom-left-radius: 8px;
351 -webkit-border-bottom-left-radius: 8px; 810 -webkit-border-bottom-left-radius: 8px;
352 -moz-border-radius-bottomleft: 8px; 811 -moz-border-radius-bottomleft: 8px;
353 border-bottom-left-radius: 8px; 812 border-bottom-left-radius: 8px;
354 -webkit-border-bottom-left-radius: 8px; 813 -webkit-border-bottom-left-radius: 8px;
355 -moz-border-radius-bottomleft: 8px; 814 -moz-border-radius-bottomleft: 8px;
356 border-bottom-left-radius: 8px; 815 border-bottom-left-radius: 8px;
357 -webkit-border-bottom-left-radius: 8px; 816 -webkit-border-bottom-left-radius: 8px;
358 -moz-border-radius-bottomleft: 8px; 817 -moz-border-radius-bottomleft: 8px;
359 border-bottom-left-radius: 8px; 818 border-bottom-left-radius: 8px;
819 -webkit-border-bottom-left-radius: 8px;
820 -moz-border-radius-bottomleft: 8px;
821 border-bottom-left-radius: 8px;
822 -webkit-border-bottom-left-radius: 8px;
823 -moz-border-radius-bottomleft: 8px;
824 border-bottom-left-radius: 8px;
825 -webkit-border-bottom-right-radius: 8px;
826 -moz-border-radius-bottomright: 8px;
827 border-bottom-right-radius: 8px;
828 -webkit-border-bottom-right-radius: 8px;
829 -moz-border-radius-bottomright: 8px;
830 border-bottom-right-radius: 8px;
360 -webkit-border-bottom-right-radius: 8px; 831 -webkit-border-bottom-right-radius: 8px;
361 -moz-border-radius-bottomright: 8px; 832 -moz-border-radius-bottomright: 8px;
362 border-bottom-right-radius: 8px; 833 border-bottom-right-radius: 8px;
363 -webkit-border-bottom-right-radius: 8px; 834 -webkit-border-bottom-right-radius: 8px;
364 -moz-border-radius-bottomright: 8px; 835 -moz-border-radius-bottomright: 8px;
365 border-bottom-right-radius: 8px; 836 border-bottom-right-radius: 8px;
366 -webkit-border-bottom-right-radius: 8px; 837 -webkit-border-bottom-right-radius: 8px;
367 -moz-border-radius-bottomright: 8px; 838 -moz-border-radius-bottomright: 8px;
368 border-bottom-right-radius: 8px; 839 border-bottom-right-radius: 8px;
369 -webkit-border-bottom-right-radius: 8px; 840 -webkit-border-bottom-right-radius: 8px;
370 -moz-border-radius-bottomright: 8px; 841 -moz-border-radius-bottomright: 8px;
371 border-bottom-right-radius: 8px; 842 border-bottom-right-radius: 8px;
372 -webkit-border-bottom-left-radius: 8px; 843 -webkit-border-bottom-left-radius: 8px;
373 -moz-border-radius-bottomleft: 8px; 844 -moz-border-radius-bottomleft: 8px;
374 border-bottom-left-radius: 8px; 845 border-bottom-left-radius: 8px;
375 -webkit-border-bottom-left-radius: 8px; 846 -webkit-border-bottom-left-radius: 8px;
376 -moz-border-radius-bottomleft: 8px; 847 -moz-border-radius-bottomleft: 8px;
377 border-bottom-left-radius: 8px; 848 border-bottom-left-radius: 8px;
378 -webkit-border-bottom-left-radius: 8px; 849 -webkit-border-bottom-left-radius: 8px;
379 -moz-border-radius-bottomleft: 8px; 850 -moz-border-radius-bottomleft: 8px;
380 border-bottom-left-radius: 8px; 851 border-bottom-left-radius: 8px;
381 -webkit-border-bottom-left-radius: 8px; 852 -webkit-border-bottom-left-radius: 8px;
382 -moz-border-radius-bottomleft: 8px; 853 -moz-border-radius-bottomleft: 8px;
383 border-bottom-left-radius: 8px; 854 border-bottom-left-radius: 8px;
855 -webkit-border-bottom-left-radius: 8px;
856 -moz-border-radius-bottomleft: 8px;
857 border-bottom-left-radius: 8px;
858 -webkit-border-bottom-left-radius: 8px;
859 -moz-border-radius-bottomleft: 8px;
860 border-bottom-left-radius: 8px;
861 -webkit-border-bottom-right-radius: 8px;
862 -moz-border-radius-bottomright: 8px;
863 border-bottom-right-radius: 8px;
864 -webkit-border-bottom-right-radius: 8px;
865 -moz-border-radius-bottomright: 8px;
866 border-bottom-right-radius: 8px;
384 -webkit-border-bottom-right-radius: 8px; 867 -webkit-border-bottom-right-radius: 8px;
385 -moz-border-radius-bottomright: 8px; 868 -moz-border-radius-bottomright: 8px;
386 border-bottom-right-radius: 8px; 869 border-bottom-right-radius: 8px;
387 -webkit-border-bottom-right-radius: 8px; 870 -webkit-border-bottom-right-radius: 8px;
388 -moz-border-radius-bottomright: 8px; 871 -moz-border-radius-bottomright: 8px;
389 border-bottom-right-radius: 8px; 872 border-bottom-right-radius: 8px;
390 -webkit-border-bottom-right-radius: 8px; 873 -webkit-border-bottom-right-radius: 8px;
391 -moz-border-radius-bottomright: 8px; 874 -moz-border-radius-bottomright: 8px;
392 border-bottom-right-radius: 8px; 875 border-bottom-right-radius: 8px;
393 -webkit-border-bottom-right-radius: 8px; 876 -webkit-border-bottom-right-radius: 8px;
394 -moz-border-radius-bottomright: 8px; 877 -moz-border-radius-bottomright: 8px;
395 border-bottom-right-radius: 8px; 878 border-bottom-right-radius: 8px;
396 -webkit-border-bottom-left-radius: 8px; 879 -webkit-border-bottom-left-radius: 8px;
397 -moz-border-radius-bottomleft: 8px; 880 -moz-border-radius-bottomleft: 8px;
398 border-bottom-left-radius: 8px; 881 border-bottom-left-radius: 8px;
399 -webkit-border-bottom-left-radius: 8px; 882 -webkit-border-bottom-left-radius: 8px;
400 -moz-border-radius-bottomleft: 8px; 883 -moz-border-radius-bottomleft: 8px;
401 border-bottom-left-radius: 8px; 884 border-bottom-left-radius: 8px;
402 -webkit-border-bottom-left-radius: 8px; 885 -webkit-border-bottom-left-radius: 8px;
403 -moz-border-radius-bottomleft: 8px; 886 -moz-border-radius-bottomleft: 8px;
404 border-bottom-left-radius: 8px; 887 border-bottom-left-radius: 8px;
405 -webkit-border-bottom-left-radius: 8px; 888 -webkit-border-bottom-left-radius: 8px;
406 -moz-border-radius-bottomleft: 8px; 889 -moz-border-radius-bottomleft: 8px;
407 border-bottom-left-radius: 8px; 890 border-bottom-left-radius: 8px;
891 -webkit-border-bottom-left-radius: 8px;
892 -moz-border-radius-bottomleft: 8px;
893 border-bottom-left-radius: 8px;
894 -webkit-border-bottom-left-radius: 8px;
895 -moz-border-radius-bottomleft: 8px;
896 border-bottom-left-radius: 8px;
897 -webkit-border-bottom-right-radius: 8px;
898 -moz-border-radius-bottomright: 8px;
899 border-bottom-right-radius: 8px;
900 -webkit-border-bottom-right-radius: 8px;
901 -moz-border-radius-bottomright: 8px;
902 border-bottom-right-radius: 8px;
903 -webkit-border-bottom-right-radius: 8px;
904 -moz-border-radius-bottomright: 8px;
905 border-bottom-right-radius: 8px;
906 -webkit-border-bottom-right-radius: 8px;
907 -moz-border-radius-bottomright: 8px;
908 border-bottom-right-radius: 8px;
408 -webkit-border-bottom-right-radius: 8px; 909 -webkit-border-bottom-right-radius: 8px;
409 -moz-border-radius-bottomright: 8px; 910 -moz-border-radius-bottomright: 8px;
410 border-bottom-right-radius: 8px; 911 border-bottom-right-radius: 8px;
411 -webkit-border-bottom-right-radius: 8px; 912 -webkit-border-bottom-right-radius: 8px;
412 -moz-border-radius-bottomright: 8px; 913 -moz-border-radius-bottomright: 8px;
413 border-bottom-right-radius: 8px; 914 border-bottom-right-radius: 8px;
915 -webkit-border-bottom-left-radius: 8px;
916 -moz-border-radius-bottomleft: 8px;
917 border-bottom-left-radius: 8px;
918 -webkit-border-bottom-left-radius: 8px;
919 -moz-border-radius-bottomleft: 8px;
920 border-bottom-left-radius: 8px;
921 -webkit-border-bottom-left-radius: 8px;
922 -moz-border-radius-bottomleft: 8px;
923 border-bottom-left-radius: 8px;
924 -webkit-border-bottom-left-radius: 8px;
925 -moz-border-radius-bottomleft: 8px;
926 border-bottom-left-radius: 8px;
927 -webkit-border-bottom-left-radius: 8px;
928 -moz-border-radius-bottomleft: 8px;
929 border-bottom-left-radius: 8px;
930 -webkit-border-bottom-left-radius: 8px;
931 -moz-border-radius-bottomleft: 8px;
932 border-bottom-left-radius: 8px;
933 -webkit-border-bottom-right-radius: 8px;
934 -moz-border-radius-bottomright: 8px;
935 border-bottom-right-radius: 8px;
414 -webkit-border-bottom-right-radius: 8px; 936 -webkit-border-bottom-right-radius: 8px;
415 -moz-border-radius-bottomright: 8px; 937 -moz-border-radius-bottomright: 8px;
416 border-bottom-right-radius: 8px; 938 border-bottom-right-radius: 8px;
417 -webkit-border-bottom-right-radius: 8px; 939 -webkit-border-bottom-right-radius: 8px;
418 -moz-border-radius-bottomright: 8px; 940 -moz-border-radius-bottomright: 8px;
419 border-bottom-right-radius: 8px; 941 border-bottom-right-radius: 8px;
420 -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); 942 -webkit-border-bottom-right-radius: 8px;
421 -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); 943 -moz-border-radius-bottomright: 8px;
422 box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); 944 border-bottom-right-radius: 8px;
423 -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); 945 -webkit-border-bottom-right-radius: 8px;
424 -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); 946 -moz-border-radius-bottomright: 8px;
425 box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); 947 border-bottom-right-radius: 8px;
426 -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); 948 -webkit-border-bottom-right-radius: 8px;
427 -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); 949 -moz-border-radius-bottomright: 8px;
428 box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); 950 border-bottom-right-radius: 8px;
429 -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); 951 -webkit-border-bottom-left-radius: 8px;
430 -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); 952 -moz-border-radius-bottomleft: 8px;
431 box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); 953 border-bottom-left-radius: 8px;
954 -webkit-border-bottom-left-radius: 8px;
955 -moz-border-radius-bottomleft: 8px;
956 border-bottom-left-radius: 8px;
957 -webkit-border-bottom-left-radius: 8px;
958 -moz-border-radius-bottomleft: 8px;
959 border-bottom-left-radius: 8px;
960 -webkit-border-bottom-left-radius: 8px;
961 -moz-border-radius-bottomleft: 8px;
962 border-bottom-left-radius: 8px;
963 -webkit-border-bottom-left-radius: 8px;
964 -moz-border-radius-bottomleft: 8px;
965 border-bottom-left-radius: 8px;
966 -webkit-border-bottom-left-radius: 8px;
967 -moz-border-radius-bottomleft: 8px;
968 border-bottom-left-radius: 8px;
969 -webkit-border-bottom-right-radius: 8px;
970 -moz-border-radius-bottomright: 8px;
971 border-bottom-right-radius: 8px;
972 -webkit-border-bottom-right-radius: 8px;
973 -moz-border-radius-bottomright: 8px;
974 border-bottom-right-radius: 8px;
975 -webkit-border-bottom-right-radius: 8px;
976 -moz-border-radius-bottomright: 8px;
977 border-bottom-right-radius: 8px;
978 -webkit-border-bottom-right-radius: 8px;
979 -moz-border-radius-bottomright: 8px;
980 border-bottom-right-radius: 8px;
981 -webkit-border-bottom-right-radius: 8px;
982 -moz-border-radius-bottomright: 8px;
983 border-bottom-right-radius: 8px;
984 -webkit-border-bottom-right-radius: 8px;
985 -moz-border-radius-bottomright: 8px;
986 border-bottom-right-radius: 8px;
987 -webkit-box-shadow: 2px 2px 9px #333333;
988 -moz-box-shadow: 2px 2px 9px #333333;
989 box-shadow: 2px 2px 9px #333333;
990 -webkit-box-shadow: 2px 2px 9px #333333;
991 -moz-box-shadow: 2px 2px 9px #333333;
992 box-shadow: 2px 2px 9px #333333;
993 -webkit-box-shadow: 2px 2px 9px #333333;
994 -moz-box-shadow: 2px 2px 9px #333333;
995 box-shadow: 2px 2px 9px #333333;
996 -webkit-box-shadow: 2px 2px 9px #333333;
997 -moz-box-shadow: 2px 2px 9px #333333;
998 box-shadow: 2px 2px 9px #333333;
999 -webkit-box-shadow: 2px 2px 9px #333333;
1000 -moz-box-shadow: 2px 2px 9px #333333;
1001 box-shadow: 2px 2px 9px #333333;
1002 -webkit-box-shadow: 2px 2px 9px #333333;
1003 -moz-box-shadow: 2px 2px 9px #333333;
1004 box-shadow: 2px 2px 9px #333333;
432} 1005}
433div.pageHeader div#news div#newsframe { 1006div.pageHeader div#news div#newsframe {
434 margin-left: 10px; 1007 margin-left: 10px;
435 margin-right: 10px; 1008 margin-right: 10px;
436 height: 75px; 1009 height: 75px;
437 overflow: hidden; 1010 overflow: hidden;
438} 1011}
439div.pageHeader div#news div#newsframe iframe { 1012div.pageHeader div#news div#newsframe iframe {
440 width: 290px; 1013 width: 290px;
441 border: 0px; 1014 border: 0px;
442 color: #616475; 1015 color: #616475;
443 background-color: #616475; 1016 background-color: #616475;
444} 1017}
445div.pageHeader div#news div.grip { 1018div.pageHeader div#news div.grip {
446 width: 310px; 1019 width: 310px;
447 height: 12px; 1020 height: 12px;
448 margin-top: 2px; 1021 margin-top: 2px;
449 cursor: pointer; 1022 cursor: pointer;
450} 1023}
451div.pageHeader div#news div.grip div.gripHandler { 1024div.pageHeader div#news div.grip div.gripHandler {
452 margin-left: auto; 1025 margin-left: auto;
453 margin-right: auto; 1026 margin-right: auto;
454 margin-top: 8px; 1027 margin-top: 8px;
455 width: 0; 1028 width: 0;
456 height: 0; 1029 height: 0;
457 border-left: 5px solid transparent; 1030 border-left: 5px solid transparent;
458 border-right: 5px solid transparent; 1031 border-right: 5px solid transparent;
459} 1032}
460div.pageHeader div#news.open div.grip div.gripHandler { 1033div.pageHeader div#news.open div.grip div.gripHandler {
461 border-bottom: 5px solid #e9e9ec; 1034 border-bottom: 5px solid #e9e9ec;
462} 1035}
463div.pageHeader div#news.hidden div.grip div.gripHandler { 1036div.pageHeader div#news.hidden div.grip div.gripHandler {
464 border-top: 5px solid #e9e9ec; 1037 border-top: 5px solid #e9e9ec;
465} 1038}
466div.pageFooter { 1039div.pageFooter {
467 margin-top: -90px; 1040 margin-top: -90px;
468 height: 90px; 1041 height: 90px;
469 clear: both; 1042 clear: both;
470} 1043}
471div.pageFooter div.footerWrapper { 1044div.pageFooter div.footerWrapper {
472 clear: both; 1045 clear: both;
473 padding-top: 10px; 1046 padding-top: 10px;
474} 1047}
475div.pageFooter div.footerWrapper div.footerContent { 1048div.pageFooter div.footerWrapper div.footerContent {
476 background-color: #eaebe6; 1049 background-color: #eaebe6;
477 padding: 20px; 1050 padding: 20px;
478 font-size: 8pt; 1051 font-size: 8pt;
479} 1052}
480div.pageFooter div.footerWrapper div.footerContent canvas.footerStarIcon { 1053div.pageFooter div.footerWrapper div.footerContent canvas.footerStarIcon {
481 width: 40px; 1054 width: 40px;
482 height: 40px; 1055 height: 40px;
483 float: left; 1056 float: left;
484} 1057}
485div.pageFooter div.footerWrapper div.footerContent span.copyright { 1058div.pageFooter div.footerWrapper div.footerContent span.copyright {
486 padding-left: 10px; 1059 padding-left: 10px;
487 color: #a0a0a0; 1060 color: #a0a0a0;
488} 1061}
489div.pageFooter div.footerWrapper div.footerContent a { 1062div.pageFooter div.footerWrapper div.footerContent a {
490 padding-left: 50px; 1063 padding-left: 50px;
491 display: block; 1064 display: block;
492 color: #888888; 1065 color: #888888;
493 font-weight: bold; 1066 font-weight: bold;
494 text-decoration: none; 1067 text-decoration: none;
495} 1068}
496div.pageFooter div.footerWrapper div.footerContent span.applicationVersion { 1069div.pageFooter div.footerWrapper div.footerContent span.applicationVersion {
497 padding: 8px; 1070 padding: 8px;
498 color: #888888; 1071 color: #888888;
499 background-color: #d2d2d2; 1072 background-color: #d2d2d2;
500 position: relative; 1073 position: relative;
501 top: -40px; 1074 top: -40px;
502 float: right; 1075 float: right;
503} 1076}
504/* 1077/*
505 1078
506Color list: 1079Color list:
507- login box: 1080- login box:
508 light#ff9955 1081 light#ff9955
509 dark#ff6622 1082 dark#ff6622
510- login button: 1083- login button:
511 regular#dd5500 1084 regular#dd5500
512 hover#773311 1085 hover#773311
513- login translations: 1086- login translations:
514 box: #cc6622; 1087 box: #cc6622;
515 not-selected: 1088 not-selected:
516 color: #ddaa99 1089 color: #ddaa99
517 background:#994422 1090 background:#994422
518 selected: #772211; 1091 selected: #772211;
519*/ 1092*/
520html { 1093html {
521 height: 100%; 1094 height: 100%;
522} 1095}
523body { 1096body {
524 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; 1097 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
525 margin: 0px; 1098 margin: 0px;
526} 1099}
1100div.modalDialogMask.userInfoBoxMask {
1101 -moz-opacity: 0.0;
1102 opacity: .0;
1103 filter: alpha(opacity=0);
1104 z-index: 19000;
1105}
527.reset-margin { 1106.reset-margin {
528 margin: 0px; 1107 margin: 0px;
529 padding: 0px; 1108 padding: 0px;
530 border: 0px; 1109 border: 0px;
531} 1110}
532.clear { 1111.clear {
533 clear: both; 1112 clear: both;
534} 1113}
535.hidden_none { 1114.hidden_none {
536 display: none; 1115 display: none;
537 visibility: hidden; 1116 visibility: hidden;
538} 1117}
539.keepTogether { 1118.keepTogether {
540 display: inline-block; 1119 display: inline-block;
541 white-space: nowrap; 1120 white-space: nowrap;
542} 1121}
543#mainDiv { 1122#mainDiv {
544 margin: 0 auto; 1123 margin: 0 auto;
545} 1124}
546div#loginBox { 1125div#loginBox {
547 width: 273px; 1126 width: 273px;
548 z-index: 19000; 1127 z-index: 19000;
549 top: -30px; 1128 top: -30px;
550 right: 30px; 1129 right: 30px;
551 position: relative; 1130 position: relative;
552 float: right; 1131 float: right;
553} 1132}
554div#loginBox div.header { 1133div#loginBox div.header {
555 height: 25px; 1134 height: 25px;
556 width: 273px; 1135 width: 273px;
557 background-color: #ff9b5a; 1136 background-color: #ff9b5a;
558 -webkit-border-top-left-radius: 20px; 1137 -webkit-border-top-left-radius: 20px;
559 -moz-border-radius-topleft: 20px; 1138 -moz-border-radius-topleft: 20px;
560 border-top-left-radius: 20px; 1139 border-top-left-radius: 20px;
561 -webkit-border-top-left-radius: 20px; 1140 -webkit-border-top-left-radius: 20px;
562 -moz-border-radius-topleft: 20px; 1141 -moz-border-radius-topleft: 20px;
563 border-top-left-radius: 20px; 1142 border-top-left-radius: 20px;
564 -webkit-border-top-left-radius: 20px; 1143 -webkit-border-top-left-radius: 20px;
565 -moz-border-radius-topleft: 20px; 1144 -moz-border-radius-topleft: 20px;
566 border-top-left-radius: 20px; 1145 border-top-left-radius: 20px;
567 -webkit-border-top-left-radius: 20px; 1146 -webkit-border-top-left-radius: 20px;
568 -moz-border-radius-topleft: 20px; 1147 -moz-border-radius-topleft: 20px;
569 border-top-left-radius: 20px; 1148 border-top-left-radius: 20px;
1149 -webkit-border-top-left-radius: 20px;
1150 -moz-border-radius-topleft: 20px;
1151 border-top-left-radius: 20px;
1152 -webkit-border-top-left-radius: 20px;
1153 -moz-border-radius-topleft: 20px;
1154 border-top-left-radius: 20px;
1155 -webkit-border-top-right-radius: 20px;
1156 -moz-border-radius-topright: 20px;
1157 border-top-right-radius: 20px;
1158 -webkit-border-top-right-radius: 20px;
1159 -moz-border-radius-topright: 20px;
1160 border-top-right-radius: 20px;
1161 -webkit-border-top-right-radius: 20px;
1162 -moz-border-radius-topright: 20px;
1163 border-top-right-radius: 20px;
1164 -webkit-border-top-right-radius: 20px;
1165 -moz-border-radius-topright: 20px;
1166 border-top-right-radius: 20px;
1167 -webkit-border-top-right-radius: 20px;
1168 -moz-border-radius-topright: 20px;
1169 border-top-right-radius: 20px;
1170 -webkit-border-top-right-radius: 20px;
1171 -moz-border-radius-topright: 20px;
1172 border-top-right-radius: 20px;
1173 -webkit-border-top-left-radius: 20px;
1174 -moz-border-radius-topleft: 20px;
1175 border-top-left-radius: 20px;
1176 -webkit-border-top-left-radius: 20px;
1177 -moz-border-radius-topleft: 20px;
1178 border-top-left-radius: 20px;
1179 -webkit-border-top-left-radius: 20px;
1180 -moz-border-radius-topleft: 20px;
1181 border-top-left-radius: 20px;
1182 -webkit-border-top-left-radius: 20px;
1183 -moz-border-radius-topleft: 20px;
1184 border-top-left-radius: 20px;
1185 -webkit-border-top-left-radius: 20px;
1186 -moz-border-radius-topleft: 20px;
1187 border-top-left-radius: 20px;
1188 -webkit-border-top-left-radius: 20px;
1189 -moz-border-radius-topleft: 20px;
1190 border-top-left-radius: 20px;
1191 -webkit-border-top-right-radius: 20px;
1192 -moz-border-radius-topright: 20px;
1193 border-top-right-radius: 20px;
1194 -webkit-border-top-right-radius: 20px;
1195 -moz-border-radius-topright: 20px;
1196 border-top-right-radius: 20px;
1197 -webkit-border-top-right-radius: 20px;
1198 -moz-border-radius-topright: 20px;
1199 border-top-right-radius: 20px;
1200 -webkit-border-top-right-radius: 20px;
1201 -moz-border-radius-topright: 20px;
1202 border-top-right-radius: 20px;
1203 -webkit-border-top-right-radius: 20px;
1204 -moz-border-radius-topright: 20px;
1205 border-top-right-radius: 20px;
1206 -webkit-border-top-right-radius: 20px;
1207 -moz-border-radius-topright: 20px;
1208 border-top-right-radius: 20px;
1209 -webkit-border-top-left-radius: 20px;
1210 -moz-border-radius-topleft: 20px;
1211 border-top-left-radius: 20px;
1212 -webkit-border-top-left-radius: 20px;
1213 -moz-border-radius-topleft: 20px;
1214 border-top-left-radius: 20px;
1215 -webkit-border-top-left-radius: 20px;
1216 -moz-border-radius-topleft: 20px;
1217 border-top-left-radius: 20px;
1218 -webkit-border-top-left-radius: 20px;
1219 -moz-border-radius-topleft: 20px;
1220 border-top-left-radius: 20px;
1221 -webkit-border-top-left-radius: 20px;
1222 -moz-border-radius-topleft: 20px;
1223 border-top-left-radius: 20px;
1224 -webkit-border-top-left-radius: 20px;
1225 -moz-border-radius-topleft: 20px;
1226 border-top-left-radius: 20px;
570 -webkit-border-top-right-radius: 20px; 1227 -webkit-border-top-right-radius: 20px;
571 -moz-border-radius-topright: 20px; 1228 -moz-border-radius-topright: 20px;
572 border-top-right-radius: 20px; 1229 border-top-right-radius: 20px;
573 -webkit-border-top-right-radius: 20px; 1230 -webkit-border-top-right-radius: 20px;
574 -moz-border-radius-topright: 20px; 1231 -moz-border-radius-topright: 20px;
575 border-top-right-radius: 20px; 1232 border-top-right-radius: 20px;
576 -webkit-border-top-right-radius: 20px; 1233 -webkit-border-top-right-radius: 20px;
577 -moz-border-radius-topright: 20px; 1234 -moz-border-radius-topright: 20px;
578 border-top-right-radius: 20px; 1235 border-top-right-radius: 20px;
579 -webkit-border-top-right-radius: 20px; 1236 -webkit-border-top-right-radius: 20px;
580 -moz-border-radius-topright: 20px; 1237 -moz-border-radius-topright: 20px;
581 border-top-right-radius: 20px; 1238 border-top-right-radius: 20px;
1239 -webkit-border-top-right-radius: 20px;
1240 -moz-border-radius-topright: 20px;
1241 border-top-right-radius: 20px;
1242 -webkit-border-top-right-radius: 20px;
1243 -moz-border-radius-topright: 20px;
1244 border-top-right-radius: 20px;
1245 -webkit-border-top-left-radius: 20px;
1246 -moz-border-radius-topleft: 20px;
1247 border-top-left-radius: 20px;
582 -webkit-border-top-left-radius: 20px; 1248 -webkit-border-top-left-radius: 20px;
583 -moz-border-radius-topleft: 20px; 1249 -moz-border-radius-topleft: 20px;
584 border-top-left-radius: 20px; 1250 border-top-left-radius: 20px;
585 -webkit-border-top-left-radius: 20px; 1251 -webkit-border-top-left-radius: 20px;
586 -moz-border-radius-topleft: 20px; 1252 -moz-border-radius-topleft: 20px;
587 border-top-left-radius: 20px; 1253 border-top-left-radius: 20px;
588 -webkit-border-top-left-radius: 20px; 1254 -webkit-border-top-left-radius: 20px;
589 -moz-border-radius-topleft: 20px; 1255 -moz-border-radius-topleft: 20px;
590 border-top-left-radius: 20px; 1256 border-top-left-radius: 20px;
591 -webkit-border-top-left-radius: 20px; 1257 -webkit-border-top-left-radius: 20px;
592 -moz-border-radius-topleft: 20px; 1258 -moz-border-radius-topleft: 20px;
593 border-top-left-radius: 20px; 1259 border-top-left-radius: 20px;
1260 -webkit-border-top-left-radius: 20px;
1261 -moz-border-radius-topleft: 20px;
1262 border-top-left-radius: 20px;
1263 -webkit-border-top-right-radius: 20px;
1264 -moz-border-radius-topright: 20px;
1265 border-top-right-radius: 20px;
594 -webkit-border-top-right-radius: 20px; 1266 -webkit-border-top-right-radius: 20px;
595 -moz-border-radius-topright: 20px; 1267 -moz-border-radius-topright: 20px;
596 border-top-right-radius: 20px; 1268 border-top-right-radius: 20px;
597 -webkit-border-top-right-radius: 20px; 1269 -webkit-border-top-right-radius: 20px;
598 -moz-border-radius-topright: 20px; 1270 -moz-border-radius-topright: 20px;
599 border-top-right-radius: 20px; 1271 border-top-right-radius: 20px;
600 -webkit-border-top-right-radius: 20px; 1272 -webkit-border-top-right-radius: 20px;
601 -moz-border-radius-topright: 20px; 1273 -moz-border-radius-topright: 20px;
602 border-top-right-radius: 20px; 1274 border-top-right-radius: 20px;
603 -webkit-border-top-right-radius: 20px; 1275 -webkit-border-top-right-radius: 20px;
604 -moz-border-radius-topright: 20px; 1276 -moz-border-radius-topright: 20px;
605 border-top-right-radius: 20px; 1277 border-top-right-radius: 20px;
1278 -webkit-border-top-right-radius: 20px;
1279 -moz-border-radius-topright: 20px;
1280 border-top-right-radius: 20px;
1281 -webkit-border-top-left-radius: 20px;
1282 -moz-border-radius-topleft: 20px;
1283 border-top-left-radius: 20px;
1284 -webkit-border-top-left-radius: 20px;
1285 -moz-border-radius-topleft: 20px;
1286 border-top-left-radius: 20px;
606 -webkit-border-top-left-radius: 20px; 1287 -webkit-border-top-left-radius: 20px;
607 -moz-border-radius-topleft: 20px; 1288 -moz-border-radius-topleft: 20px;
608 border-top-left-radius: 20px; 1289 border-top-left-radius: 20px;
609 -webkit-border-top-left-radius: 20px; 1290 -webkit-border-top-left-radius: 20px;
610 -moz-border-radius-topleft: 20px; 1291 -moz-border-radius-topleft: 20px;
611 border-top-left-radius: 20px; 1292 border-top-left-radius: 20px;
612 -webkit-border-top-left-radius: 20px; 1293 -webkit-border-top-left-radius: 20px;
613 -moz-border-radius-topleft: 20px; 1294 -moz-border-radius-topleft: 20px;
614 border-top-left-radius: 20px; 1295 border-top-left-radius: 20px;
615 -webkit-border-top-left-radius: 20px; 1296 -webkit-border-top-left-radius: 20px;
616 -moz-border-radius-topleft: 20px; 1297 -moz-border-radius-topleft: 20px;
617 border-top-left-radius: 20px; 1298 border-top-left-radius: 20px;
618 -webkit-border-top-right-radius: 20px; 1299 -webkit-border-top-right-radius: 20px;
619 -moz-border-radius-topright: 20px; 1300 -moz-border-radius-topright: 20px;
620 border-top-right-radius: 20px; 1301 border-top-right-radius: 20px;
621 -webkit-border-top-right-radius: 20px; 1302 -webkit-border-top-right-radius: 20px;
622 -moz-border-radius-topright: 20px; 1303 -moz-border-radius-topright: 20px;
623 border-top-right-radius: 20px; 1304 border-top-right-radius: 20px;
624 -webkit-border-top-right-radius: 20px; 1305 -webkit-border-top-right-radius: 20px;
625 -moz-border-radius-topright: 20px; 1306 -moz-border-radius-topright: 20px;
626 border-top-right-radius: 20px; 1307 border-top-right-radius: 20px;
627 -webkit-border-top-right-radius: 20px; 1308 -webkit-border-top-right-radius: 20px;
628 -moz-border-radius-topright: 20px; 1309 -moz-border-radius-topright: 20px;
629 border-top-right-radius: 20px; 1310 border-top-right-radius: 20px;
1311 -webkit-border-top-right-radius: 20px;
1312 -moz-border-radius-topright: 20px;
1313 border-top-right-radius: 20px;
1314 -webkit-border-top-right-radius: 20px;
1315 -moz-border-radius-topright: 20px;
1316 border-top-right-radius: 20px;
630 -webkit-border-top-left-radius: 20px; 1317 -webkit-border-top-left-radius: 20px;
631 -moz-border-radius-topleft: 20px; 1318 -moz-border-radius-topleft: 20px;
632 border-top-left-radius: 20px; 1319 border-top-left-radius: 20px;
633 -webkit-border-top-left-radius: 20px; 1320 -webkit-border-top-left-radius: 20px;
634 -moz-border-radius-topleft: 20px; 1321 -moz-border-radius-topleft: 20px;
635 border-top-left-radius: 20px; 1322 border-top-left-radius: 20px;
636 -webkit-border-top-left-radius: 20px; 1323 -webkit-border-top-left-radius: 20px;
637 -moz-border-radius-topleft: 20px; 1324 -moz-border-radius-topleft: 20px;
638 border-top-left-radius: 20px; 1325 border-top-left-radius: 20px;
639 -webkit-border-top-left-radius: 20px; 1326 -webkit-border-top-left-radius: 20px;
640 -moz-border-radius-topleft: 20px; 1327 -moz-border-radius-topleft: 20px;
641 border-top-left-radius: 20px; 1328 border-top-left-radius: 20px;
1329 -webkit-border-top-left-radius: 20px;
1330 -moz-border-radius-topleft: 20px;
1331 border-top-left-radius: 20px;
1332 -webkit-border-top-left-radius: 20px;
1333 -moz-border-radius-topleft: 20px;
1334 border-top-left-radius: 20px;
1335 -webkit-border-top-right-radius: 20px;
1336 -moz-border-radius-topright: 20px;
1337 border-top-right-radius: 20px;
1338 -webkit-border-top-right-radius: 20px;
1339 -moz-border-radius-topright: 20px;
1340 border-top-right-radius: 20px;
642 -webkit-border-top-right-radius: 20px; 1341 -webkit-border-top-right-radius: 20px;
643 -moz-border-radius-topright: 20px; 1342 -moz-border-radius-topright: 20px;
644 border-top-right-radius: 20px; 1343 border-top-right-radius: 20px;
645 -webkit-border-top-right-radius: 20px; 1344 -webkit-border-top-right-radius: 20px;
646 -moz-border-radius-topright: 20px; 1345 -moz-border-radius-topright: 20px;
647 border-top-right-radius: 20px; 1346 border-top-right-radius: 20px;
648 -webkit-border-top-right-radius: 20px; 1347 -webkit-border-top-right-radius: 20px;
649 -moz-border-radius-topright: 20px; 1348 -moz-border-radius-topright: 20px;
650 border-top-right-radius: 20px; 1349 border-top-right-radius: 20px;
651 -webkit-border-top-right-radius: 20px; 1350 -webkit-border-top-right-radius: 20px;
652 -moz-border-radius-topright: 20px; 1351 -moz-border-radius-topright: 20px;
653 border-top-right-radius: 20px; 1352 border-top-right-radius: 20px;
654} 1353}
655div#loginBox div.body { 1354div#loginBox div.body {
656 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); 1355 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622));
657 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); 1356 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a);
658 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); 1357 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622));
659 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); 1358 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a);
660 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); 1359 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622));
661 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); 1360 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a);
662 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); 1361 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622));
663 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); 1362 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a);
1363 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622));
1364 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a);
1365 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622));
1366 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a);
664} 1367}
665div#loginBox div.body h4 { 1368div#loginBox div.body h4 {
666 color: #ffffff; 1369 color: #ffffff;
667 font-size: 16pt; 1370 font-size: 16pt;
668 font-weight: normal; 1371 font-weight: normal;
669 padding-left: 20px; 1372 padding-left: 20px;
670 margin: 0px; 1373 margin: 0px;
671} 1374}
672div#loginBox div.body form.loginForm { 1375div#loginBox div.body form.loginForm {
673 padding: 5px 20px 0px; 1376 padding: 5px 20px 0px;
674 margin-bottom: 0px; 1377 margin-bottom: 0px;
675} 1378}
676div#loginBox div.body form.loginForm label { 1379div#loginBox div.body form.loginForm label {
677 color: #ffffff; 1380 color: #ffffff;
678 font-size: 10pt; 1381 font-size: 10pt;
679 display: block; 1382 display: block;
680 padding-top: 5px; 1383 padding-top: 5px;
681} 1384}
682div#loginBox div.body form.loginForm label.checkbox { 1385div#loginBox div.body form.loginForm label.checkbox {
683 display: inline; 1386 display: inline;
684} 1387}
685div#loginBox div.body form.loginForm input { 1388div#loginBox div.body form.loginForm input {
686 width: 230px; 1389 width: 230px;
687 font-size: 14pt; 1390 font-size: 14pt;
688 color: #333366; 1391 color: #333366;
689 background-color: #ffffff; 1392 background-color: #ffffff;
690 border: 1px solid #bb4924; 1393 border: 1px solid #bb4924;
691 padding: 2px 5px; 1394 padding: 2px 5px;
692 height: 28px; 1395 height: 28px;
693} 1396}
694div#loginBox div.body form.loginForm input.checkbox { 1397div#loginBox div.body form.loginForm input.checkbox {
695 margin: 10px 8px 0px 0px; 1398 margin: 10px 8px 0px 0px;
696 height: auto; 1399 height: auto;
697 width: auto; 1400 width: auto;
698 border: 0px; 1401 border: 0px;
699} 1402}
700div#loginBox div.body form.loginForm input.checkbox:hover { 1403div#loginBox div.body form.loginForm input.checkbox:hover {
701 cursor: pointer; 1404 cursor: pointer;
702} 1405}
703div#loginBox div.body form.loginForm input.otp { 1406div#loginBox div.body form.loginForm input.otp {
704 width: 57px; 1407 width: 57px;
705 display: inline; 1408 display: inline;
706 padding-left: 0px; 1409 padding-left: 0px;
707 padding-right: 0px; 1410 padding-right: 0px;
708 height: 28px; 1411 height: 28px;
709 font: 8pt monospace; 1412 font: 8pt monospace;
710} 1413}
711div#loginBox div.body form.loginForm input.submit { 1414div#loginBox div.body form.loginForm input.submit {
712 margin: 0px 45px; 1415 margin: 0px 45px;
713 width: 140px; 1416 width: 140px;
714 color: #ffffff; 1417 color: #ffffff;
715 background-color: #d44100; 1418 background-color: #d44100;
716 border: 1px solid #bb4924; 1419 border: 1px solid #bb4924;
717 padding: 6px; 1420 padding: 6px;
718 font-size: 12pt; 1421 font-size: 12pt;
719 height: auto; 1422 height: auto;
720} 1423}
721div#loginBox div.body form.loginForm input.submit:hover { 1424div#loginBox div.body form.loginForm input.submit:hover {
722 color: #ffffff; 1425 color: #ffffff;
723 background-color: #7e2700; 1426 background-color: #7e2700;
724 cursor: pointer; 1427 cursor: pointer;
725} 1428}
726div#loginBox div.body form.loginForm ul { 1429div#loginBox div.body form.loginForm ul {
727 list-style-type: none; 1430 list-style-type: none;
728 padding: 0px; 1431 padding: 0px;
729 margin: 0px; 1432 margin: 0px;
730} 1433}
731div#loginBox div.body form.loginForm ul li { 1434div#loginBox div.body form.loginForm ul li {
732 display: block; 1435 display: block;
733} 1436}
734div#loginBox div.body form.loginForm div.translations { 1437div#loginBox div.body form.loginForm div.translations {
735 margin: 15px -20px; 1438 margin: 15px -20px;
736 background-color: #c87b59; 1439 background-color: #c87b59;
737} 1440}
738div#loginBox div.body form.loginForm div.translations h4 { 1441div#loginBox div.body form.loginForm div.translations h4 {
739 font-size: 9pt; 1442 font-size: 9pt;
740 padding: 6px 20px 0px; 1443 padding: 6px 20px 0px;
741} 1444}
742div#loginBox div.body form.loginForm div.translations ul { 1445div#loginBox div.body form.loginForm div.translations ul {
743 margin: 0px; 1446 margin: 0px;
744 padding: 5px 10px 10px; 1447 padding: 5px 10px 10px;
745 margin-bottom: 15px; 1448 margin-bottom: 15px;
746} 1449}
747div#loginBox div.body form.loginForm div.translations ul li { 1450div#loginBox div.body form.loginForm div.translations ul li {
748 font-size: 8pt; 1451 font-size: 8pt;
749 color: #ddaa99; 1452 color: #ddaa99;
750 background-color: #994422; 1453 background-color: #994422;
751 display: inline-block; 1454 display: inline-block;
752 padding: 2px 4px; 1455 padding: 2px 4px;
753 margin: 1px; 1456 margin: 1px;
754} 1457}
755div#loginBox div.body form.loginForm div.translations ul li.selected { 1458div#loginBox div.body form.loginForm div.translations ul li.selected {
756 color: #ffffff; 1459 color: #ffffff;
757 background-color: #772211; 1460 background-color: #772211;
758} 1461}
759div#loginBox div.body form.loginForm div.translations ul li.selected:hover { 1462div#loginBox div.body form.loginForm div.translations ul li.selected:hover {
760 cursor: default; 1463 cursor: default;
761} 1464}
762div#loginBox div.body form.loginForm div.translations ul li:hover { 1465div#loginBox div.body form.loginForm div.translations ul li:hover {
763 cursor: pointer; 1466 cursor: pointer;
764 color: #ffffff; 1467 color: #ffffff;
765} 1468}
766div#loginBox div.footer { 1469div#loginBox div.footer {
767 height: 37px; 1470 height: 37px;
768 width: 273px; 1471 width: 273px;
769 background-color: #ff6622; 1472 background-color: #ff6622;
770 -webkit-border-bottom-left-radius: 20px; 1473 -webkit-border-bottom-left-radius: 20px;
771 -moz-border-radius-bottomleft: 20px; 1474 -moz-border-radius-bottomleft: 20px;
772 border-bottom-left-radius: 20px; 1475 border-bottom-left-radius: 20px;
773 -webkit-border-bottom-left-radius: 20px; 1476 -webkit-border-bottom-left-radius: 20px;
774 -moz-border-radius-bottomleft: 20px; 1477 -moz-border-radius-bottomleft: 20px;
775 border-bottom-left-radius: 20px; 1478 border-bottom-left-radius: 20px;
776 -webkit-border-bottom-left-radius: 20px; 1479 -webkit-border-bottom-left-radius: 20px;
777 -moz-border-radius-bottomleft: 20px; 1480 -moz-border-radius-bottomleft: 20px;
778 border-bottom-left-radius: 20px; 1481 border-bottom-left-radius: 20px;
779 -webkit-border-bottom-left-radius: 20px; 1482 -webkit-border-bottom-left-radius: 20px;
780 -moz-border-radius-bottomleft: 20px; 1483 -moz-border-radius-bottomleft: 20px;
781 border-bottom-left-radius: 20px; 1484 border-bottom-left-radius: 20px;
1485 -webkit-border-bottom-left-radius: 20px;
1486 -moz-border-radius-bottomleft: 20px;
1487 border-bottom-left-radius: 20px;
1488 -webkit-border-bottom-left-radius: 20px;
1489 -moz-border-radius-bottomleft: 20px;
1490 border-bottom-left-radius: 20px;
1491 -webkit-border-bottom-right-radius: 20px;
1492 -moz-border-radius-bottomright: 20px;
1493 border-bottom-right-radius: 20px;
1494 -webkit-border-bottom-right-radius: 20px;
1495 -moz-border-radius-bottomright: 20px;
1496 border-bottom-right-radius: 20px;
782 -webkit-border-bottom-right-radius: 20px; 1497 -webkit-border-bottom-right-radius: 20px;
783 -moz-border-radius-bottomright: 20px; 1498 -moz-border-radius-bottomright: 20px;
784 border-bottom-right-radius: 20px; 1499 border-bottom-right-radius: 20px;
785 -webkit-border-bottom-right-radius: 20px; 1500 -webkit-border-bottom-right-radius: 20px;
786 -moz-border-radius-bottomright: 20px; 1501 -moz-border-radius-bottomright: 20px;
787 border-bottom-right-radius: 20px; 1502 border-bottom-right-radius: 20px;
788 -webkit-border-bottom-right-radius: 20px; 1503 -webkit-border-bottom-right-radius: 20px;
789 -moz-border-radius-bottomright: 20px; 1504 -moz-border-radius-bottomright: 20px;
790 border-bottom-right-radius: 20px; 1505 border-bottom-right-radius: 20px;
791 -webkit-border-bottom-right-radius: 20px; 1506 -webkit-border-bottom-right-radius: 20px;
792 -moz-border-radius-bottomright: 20px; 1507 -moz-border-radius-bottomright: 20px;
793 border-bottom-right-radius: 20px; 1508 border-bottom-right-radius: 20px;
794 -webkit-border-bottom-left-radius: 20px; 1509 -webkit-border-bottom-left-radius: 20px;
795 -moz-border-radius-bottomleft: 20px; 1510 -moz-border-radius-bottomleft: 20px;
796 border-bottom-left-radius: 20px; 1511 border-bottom-left-radius: 20px;
797 -webkit-border-bottom-left-radius: 20px; 1512 -webkit-border-bottom-left-radius: 20px;
798 -moz-border-radius-bottomleft: 20px; 1513 -moz-border-radius-bottomleft: 20px;
799 border-bottom-left-radius: 20px; 1514 border-bottom-left-radius: 20px;
800 -webkit-border-bottom-left-radius: 20px; 1515 -webkit-border-bottom-left-radius: 20px;
801 -moz-border-radius-bottomleft: 20px; 1516 -moz-border-radius-bottomleft: 20px;
802 border-bottom-left-radius: 20px; 1517 border-bottom-left-radius: 20px;
803 -webkit-border-bottom-left-radius: 20px; 1518 -webkit-border-bottom-left-radius: 20px;
804 -moz-border-radius-bottomleft: 20px; 1519 -moz-border-radius-bottomleft: 20px;
805 border-bottom-left-radius: 20px; 1520 border-bottom-left-radius: 20px;
1521 -webkit-border-bottom-left-radius: 20px;
1522 -moz-border-radius-bottomleft: 20px;
1523 border-bottom-left-radius: 20px;
1524 -webkit-border-bottom-left-radius: 20px;
1525 -moz-border-radius-bottomleft: 20px;
1526 border-bottom-left-radius: 20px;
1527 -webkit-border-bottom-right-radius: 20px;
1528 -moz-border-radius-bottomright: 20px;
1529 border-bottom-right-radius: 20px;
1530 -webkit-border-bottom-right-radius: 20px;
1531 -moz-border-radius-bottomright: 20px;
1532 border-bottom-right-radius: 20px;
806 -webkit-border-bottom-right-radius: 20px; 1533 -webkit-border-bottom-right-radius: 20px;
807 -moz-border-radius-bottomright: 20px; 1534 -moz-border-radius-bottomright: 20px;
808 border-bottom-right-radius: 20px; 1535 border-bottom-right-radius: 20px;
809 -webkit-border-bottom-right-radius: 20px; 1536 -webkit-border-bottom-right-radius: 20px;
810 -moz-border-radius-bottomright: 20px; 1537 -moz-border-radius-bottomright: 20px;
811 border-bottom-right-radius: 20px; 1538 border-bottom-right-radius: 20px;
812 -webkit-border-bottom-right-radius: 20px; 1539 -webkit-border-bottom-right-radius: 20px;
813 -moz-border-radius-bottomright: 20px; 1540 -moz-border-radius-bottomright: 20px;
814 border-bottom-right-radius: 20px; 1541 border-bottom-right-radius: 20px;
815 -webkit-border-bottom-right-radius: 20px; 1542 -webkit-border-bottom-right-radius: 20px;
816 -moz-border-radius-bottomright: 20px; 1543 -moz-border-radius-bottomright: 20px;
817 border-bottom-right-radius: 20px; 1544 border-bottom-right-radius: 20px;
818 -webkit-border-bottom-left-radius: 20px; 1545 -webkit-border-bottom-left-radius: 20px;
819 -moz-border-radius-bottomleft: 20px; 1546 -moz-border-radius-bottomleft: 20px;
820 border-bottom-left-radius: 20px; 1547 border-bottom-left-radius: 20px;
821 -webkit-border-bottom-left-radius: 20px; 1548 -webkit-border-bottom-left-radius: 20px;
822 -moz-border-radius-bottomleft: 20px; 1549 -moz-border-radius-bottomleft: 20px;
823 border-bottom-left-radius: 20px; 1550 border-bottom-left-radius: 20px;
824 -webkit-border-bottom-left-radius: 20px; 1551 -webkit-border-bottom-left-radius: 20px;
825 -moz-border-radius-bottomleft: 20px; 1552 -moz-border-radius-bottomleft: 20px;
826 border-bottom-left-radius: 20px; 1553 border-bottom-left-radius: 20px;
827 -webkit-border-bottom-left-radius: 20px; 1554 -webkit-border-bottom-left-radius: 20px;
828 -moz-border-radius-bottomleft: 20px; 1555 -moz-border-radius-bottomleft: 20px;
829 border-bottom-left-radius: 20px; 1556 border-bottom-left-radius: 20px;
1557 -webkit-border-bottom-left-radius: 20px;
1558 -moz-border-radius-bottomleft: 20px;
1559 border-bottom-left-radius: 20px;
1560 -webkit-border-bottom-left-radius: 20px;
1561 -moz-border-radius-bottomleft: 20px;
1562 border-bottom-left-radius: 20px;
830 -webkit-border-bottom-right-radius: 20px; 1563 -webkit-border-bottom-right-radius: 20px;
831 -moz-border-radius-bottomright: 20px; 1564 -moz-border-radius-bottomright: 20px;
832 border-bottom-right-radius: 20px; 1565 border-bottom-right-radius: 20px;
833 -webkit-border-bottom-right-radius: 20px; 1566 -webkit-border-bottom-right-radius: 20px;
834 -moz-border-radius-bottomright: 20px; 1567 -moz-border-radius-bottomright: 20px;
835 border-bottom-right-radius: 20px; 1568 border-bottom-right-radius: 20px;
836 -webkit-border-bottom-right-radius: 20px; 1569 -webkit-border-bottom-right-radius: 20px;
837 -moz-border-radius-bottomright: 20px; 1570 -moz-border-radius-bottomright: 20px;
838 border-bottom-right-radius: 20px; 1571 border-bottom-right-radius: 20px;
839 -webkit-border-bottom-right-radius: 20px; 1572 -webkit-border-bottom-right-radius: 20px;
840 -moz-border-radius-bottomright: 20px; 1573 -moz-border-radius-bottomright: 20px;
841 border-bottom-right-radius: 20px; 1574 border-bottom-right-radius: 20px;
1575 -webkit-border-bottom-right-radius: 20px;
1576 -moz-border-radius-bottomright: 20px;
1577 border-bottom-right-radius: 20px;
1578 -webkit-border-bottom-right-radius: 20px;
1579 -moz-border-radius-bottomright: 20px;
1580 border-bottom-right-radius: 20px;
1581 -webkit-border-bottom-left-radius: 20px;
1582 -moz-border-radius-bottomleft: 20px;
1583 border-bottom-left-radius: 20px;
1584 -webkit-border-bottom-left-radius: 20px;
1585 -moz-border-radius-bottomleft: 20px;
1586 border-bottom-left-radius: 20px;
842 -webkit-border-bottom-left-radius: 20px; 1587 -webkit-border-bottom-left-radius: 20px;
843 -moz-border-radius-bottomleft: 20px; 1588 -moz-border-radius-bottomleft: 20px;
844 border-bottom-left-radius: 20px; 1589 border-bottom-left-radius: 20px;
845 -webkit-border-bottom-left-radius: 20px; 1590 -webkit-border-bottom-left-radius: 20px;
846 -moz-border-radius-bottomleft: 20px; 1591 -moz-border-radius-bottomleft: 20px;
847 border-bottom-left-radius: 20px; 1592 border-bottom-left-radius: 20px;
848 -webkit-border-bottom-left-radius: 20px; 1593 -webkit-border-bottom-left-radius: 20px;
849 -moz-border-radius-bottomleft: 20px; 1594 -moz-border-radius-bottomleft: 20px;
850 border-bottom-left-radius: 20px; 1595 border-bottom-left-radius: 20px;
851 -webkit-border-bottom-left-radius: 20px; 1596 -webkit-border-bottom-left-radius: 20px;
852 -moz-border-radius-bottomleft: 20px; 1597 -moz-border-radius-bottomleft: 20px;
853 border-bottom-left-radius: 20px; 1598 border-bottom-left-radius: 20px;
854 -webkit-border-bottom-right-radius: 20px; 1599 -webkit-border-bottom-right-radius: 20px;
855 -moz-border-radius-bottomright: 20px; 1600 -moz-border-radius-bottomright: 20px;
856 border-bottom-right-radius: 20px; 1601 border-bottom-right-radius: 20px;
857 -webkit-border-bottom-right-radius: 20px; 1602 -webkit-border-bottom-right-radius: 20px;
858 -moz-border-radius-bottomright: 20px; 1603 -moz-border-radius-bottomright: 20px;
859 border-bottom-right-radius: 20px; 1604 border-bottom-right-radius: 20px;
860 -webkit-border-bottom-right-radius: 20px; 1605 -webkit-border-bottom-right-radius: 20px;
861 -moz-border-radius-bottomright: 20px; 1606 -moz-border-radius-bottomright: 20px;
862 border-bottom-right-radius: 20px; 1607 border-bottom-right-radius: 20px;
863 -webkit-border-bottom-right-radius: 20px; 1608 -webkit-border-bottom-right-radius: 20px;
864 -moz-border-radius-bottomright: 20px; 1609 -moz-border-radius-bottomright: 20px;
865 border-bottom-right-radius: 20px; 1610 border-bottom-right-radius: 20px;
1611 -webkit-border-bottom-right-radius: 20px;
1612 -moz-border-radius-bottomright: 20px;
1613 border-bottom-right-radius: 20px;
1614 -webkit-border-bottom-right-radius: 20px;
1615 -moz-border-radius-bottomright: 20px;
1616 border-bottom-right-radius: 20px;
1617 -webkit-border-bottom-left-radius: 20px;
1618 -moz-border-radius-bottomleft: 20px;
1619 border-bottom-left-radius: 20px;
1620 -webkit-border-bottom-left-radius: 20px;
1621 -moz-border-radius-bottomleft: 20px;
1622 border-bottom-left-radius: 20px;
1623 -webkit-border-bottom-left-radius: 20px;
1624 -moz-border-radius-bottomleft: 20px;
1625 border-bottom-left-radius: 20px;
1626 -webkit-border-bottom-left-radius: 20px;
1627 -moz-border-radius-bottomleft: 20px;
1628 border-bottom-left-radius: 20px;
1629 -webkit-border-bottom-left-radius: 20px;
1630 -moz-border-radius-bottomleft: 20px;
1631 border-bottom-left-radius: 20px;
1632 -webkit-border-bottom-left-radius: 20px;
1633 -moz-border-radius-bottomleft: 20px;
1634 border-bottom-left-radius: 20px;
1635 -webkit-border-bottom-right-radius: 20px;
1636 -moz-border-radius-bottomright: 20px;
1637 border-bottom-right-radius: 20px;
1638 -webkit-border-bottom-right-radius: 20px;
1639 -moz-border-radius-bottomright: 20px;
1640 border-bottom-right-radius: 20px;
1641 -webkit-border-bottom-right-radius: 20px;
1642 -moz-border-radius-bottomright: 20px;
1643 border-bottom-right-radius: 20px;
1644 -webkit-border-bottom-right-radius: 20px;
1645 -moz-border-radius-bottomright: 20px;
1646 border-bottom-right-radius: 20px;
1647 -webkit-border-bottom-right-radius: 20px;
1648 -moz-border-radius-bottomright: 20px;
1649 border-bottom-right-radius: 20px;
1650 -webkit-border-bottom-right-radius: 20px;
1651 -moz-border-radius-bottomright: 20px;
1652 border-bottom-right-radius: 20px;
1653 -webkit-border-bottom-left-radius: 20px;
1654 -moz-border-radius-bottomleft: 20px;
1655 border-bottom-left-radius: 20px;
1656 -webkit-border-bottom-left-radius: 20px;
1657 -moz-border-radius-bottomleft: 20px;
1658 border-bottom-left-radius: 20px;
1659 -webkit-border-bottom-left-radius: 20px;
1660 -moz-border-radius-bottomleft: 20px;
1661 border-bottom-left-radius: 20px;
1662 -webkit-border-bottom-left-radius: 20px;
1663 -moz-border-radius-bottomleft: 20px;
1664 border-bottom-left-radius: 20px;
1665 -webkit-border-bottom-left-radius: 20px;
1666 -moz-border-radius-bottomleft: 20px;
1667 border-bottom-left-radius: 20px;
1668 -webkit-border-bottom-left-radius: 20px;
1669 -moz-border-radius-bottomleft: 20px;
1670 border-bottom-left-radius: 20px;
1671 -webkit-border-bottom-right-radius: 20px;
1672 -moz-border-radius-bottomright: 20px;
1673 border-bottom-right-radius: 20px;
1674 -webkit-border-bottom-right-radius: 20px;
1675 -moz-border-radius-bottomright: 20px;
1676 border-bottom-right-radius: 20px;
1677 -webkit-border-bottom-right-radius: 20px;
1678 -moz-border-radius-bottomright: 20px;
1679 border-bottom-right-radius: 20px;
1680 -webkit-border-bottom-right-radius: 20px;
1681 -moz-border-radius-bottomright: 20px;
1682 border-bottom-right-radius: 20px;
1683 -webkit-border-bottom-right-radius: 20px;
1684 -moz-border-radius-bottomright: 20px;
1685 border-bottom-right-radius: 20px;
1686 -webkit-border-bottom-right-radius: 20px;
1687 -moz-border-radius-bottomright: 20px;
1688 border-bottom-right-radius: 20px;
866} 1689}
867body.ext-gecko div#loginBox form.loginForm div.translations ul li { 1690body.ext-gecko div#loginBox form.loginForm div.translations ul li {
868 display: -moz-inline-box; 1691 display: -moz-inline-box;
869} 1692}
870div#featurePoints { 1693div#featurePoints {
871 min-width: 400px; 1694 min-width: 400px;
872 padding-top: 15px; 1695 padding-top: 15px;
873 padding-bottom: 20px; 1696 padding-bottom: 20px;
874 padding-left: 20px; 1697 padding-left: 20px;
875 padding-right: 330px; 1698 padding-right: 330px;
876} 1699}
877div#featurePoints table tbody tr td { 1700div#featurePoints table tbody tr td {
878 width: 50%; 1701 width: 50%;
879 vertical-align: top; 1702 vertical-align: top;
880} 1703}
881div#featurePoints div.block { 1704div#featurePoints div.block {
882 padding: 10px; 1705 padding: 10px;
883 color: #86858e; 1706 color: #86858e;
884} 1707}
885div#featurePoints div.block h3 { 1708div#featurePoints div.block h3 {
886 font-weight: normal; 1709 font-weight: normal;
887 font-size: 12pt; 1710 font-size: 12pt;
888 margin: 0px; 1711 margin: 0px;
889 padding: 5px 0px; 1712 padding: 5px 0px;
890} 1713}
891div#featurePoints div.block ul { 1714div#featurePoints div.block ul {
892 margin: 0px; 1715 margin: 0px;
893 margin-left: 20px; 1716 margin-left: 20px;
894 padding: 0px; 1717 padding: 0px;
895 list-style-position: outside; 1718 list-style-position: outside;
896} 1719}
897div#featurePoints div.block ul li { 1720div#featurePoints div.block ul li {
898 font-size: 10pt; 1721 font-size: 10pt;
899 padding: 3px 0px; 1722 padding: 3px 0px;
900} 1723}
901div.activeFeatures { 1724div.activeFeatures {
902 float: left; 1725 float: left;
903 margin-left: 20px; 1726 margin-left: 20px;
904 height: 100px; 1727 height: 100px;
905} 1728}
906div.activeFeatures a { 1729div.activeFeatures a {
907 display: inline-block; 1730 display: inline-block;
908 padding-left: 46px; 1731 padding-left: 46px;
909 color: #ff5906; 1732 color: #ff5906;
910 text-decoration: none; 1733 text-decoration: none;
911 font-size: 10pt; 1734 font-size: 10pt;
912} 1735}
913div.activeFeatures a span.payoff { 1736div.activeFeatures a span.payoff {
914 display: block; 1737 display: block;
915 font-size: 13pt; 1738 font-size: 13pt;
916 font-weight: lighter; 1739 font-weight: lighter;
917 color: #9b9689; 1740 color: #9b9689;
918 margin: 0px; 1741 margin: 0px;
919 padding: 0px; 1742 padding: 0px;
920} 1743}
921div.activeFeatures a:hover span.payoff { 1744div.activeFeatures a:hover span.payoff {
922 color: #666666; 1745 color: #666666;
923} 1746}
924div.activeFeatures div.keepTogether a { 1747div.activeFeatures div.keepTogether a {
925 padding-left: 0px; 1748 padding-left: 0px;
926} 1749}
927div.activeFeatures div.keepTogether div { 1750div.activeFeatures div.keepTogether div {
928 display: inline-block; 1751 display: inline-block;
929 padding-right: 15px; 1752 padding-right: 15px;
930} 1753}
931div.activeFeatures div.keepTogether canvas { 1754div.activeFeatures div.keepTogether canvas {
932 width: 46px; 1755 width: 46px;
933 height: 46px; 1756 height: 46px;
934 vertical-align: bottom; 1757 vertical-align: bottom;
935} 1758}
936div.activeFeatures div.createAccountLink { 1759div.activeFeatures div.createAccountLink {
937 display: inline-block; 1760 display: inline-block;
938 width: 282; 1761 width: 282;
939 height: 65px; 1762 height: 65px;
940 margin-right: 20px; 1763 margin-right: 20px;
941} 1764}
942div.activeFeatures div.createAccountLink a.createAccountLink { 1765div.activeFeatures div.createAccountLink a.createAccountLink {
943 position: relative; 1766 position: relative;
944 top: -92px; 1767 top: -92px;
945 left: 5px; 1768 left: 5px;
946} 1769}
947div.activeFeatures div.createAccountLink a.createAccountLink span.payoff { 1770div.activeFeatures div.createAccountLink a.createAccountLink span.payoff {
948 margin-top: 23px; 1771 margin-top: 23px;
949 margin-left: 40px; 1772 margin-left: 40px;
950 font-size: 17pt; 1773 font-size: 17pt;
951 color: #64626c; 1774 color: #64626c;
952} 1775}
953div.activeFeatures div.createAccountLink a.createAccountLink span.link { 1776div.activeFeatures div.createAccountLink a.createAccountLink span.link {
954 padding-left: 40px; 1777 padding-left: 40px;
955 padding-right: 50px; 1778 padding-right: 50px;
956 padding-bottom: 10px; 1779 padding-bottom: 10px;
957 font-size: 12pt; 1780 font-size: 12pt;
958} 1781}
959div.activeFeatures div.createAccountLink:hover a.createAccountLink span.payoff { 1782div.activeFeatures div.createAccountLink:hover a.createAccountLink span.payoff {
960 color: #54535a; 1783 color: #54535a;
961} 1784}
962div.activeFeatures div.createAccountLink:hover a.createAccountLink span.link { 1785div.activeFeatures div.createAccountLink:hover a.createAccountLink span.link {
963 color: white; 1786 color: white;
964} 1787}
965div.activeFeatures div.createAccountLink canvas { 1788div.activeFeatures div.createAccountLink canvas {
966 width: 282px; 1789 width: 282px;
967 height: 93px; 1790 height: 93px;
968} 1791}
969/* 1792/*
970 1793
971img.favicon { 1794Color list:
972 height: 16px; 1795- login box:
973 width: 16px; 1796 light#ff9955
974} 1797 dark#ff6622
975 1798- login button:
976body.ext-gecko .keepTogether { 1799 regular#dd5500
977 display: -moz-inline-box; 1800 hover#773311
978} 1801- login translations:
979 1802 box: #cc6622;
980 1803 not-selected:
981 1804 color: #ddaa99
982 1805 background:#994422
983 1806 selected: #772211;
984 1807*/
985 1808html {
986 1809 height: 100%;
987div.activeFeatures {
988 float: left;
989 margin-left: 20px;
990 height: 100px;
991}
992div.activeFeatures a {
993 display: inline-block;
994 padding-left: 46px;
995 color: #ff5906;
996 text-decoration: none;
997 font-size: 10pt;
998}
999div.activeFeatures .keepTogether a {
1000 padding-left: 0px;
1001}
1002div.activeFeatures a span.payoff {
1003 display: block;
1004 font-size: 13pt;
1005 font-weight: lighter;
1006 color: #9b9689;
1007 margin: 0px;
1008 padding: 0px;
1009}
1010// body.ext-gecko div.activeFeatures a {
1011 //display: -moz-inline-box;
1012// }
1013div.activeFeatures a:hover span.payoff {
1014 color: #666666;
1015}
1016div.activeFeatures a:hover span.link {
1017 //font-weight: bold;
1018}
1019div.activeFeatures div.keepTogether div {
1020 display: inline-block;
1021 padding-right: 15px;
1022}
1023// body.ext-gecko div.activeFeatures div.keepTogether div {
1024 //display: -moz-inline-box;
1025// }
1026div.activeFeatures div.createAccountLink {
1027 display: inline-block;
1028 width: 282;
1029 height: 65px;
1030 //background-image: url(../images/old/home/register.png);
1031
1032 margin-right: 20px;
1033}
1034// body.ext-gecko div.activeFeatures div.createAccountLink {
1035 //display: -moz-inline-box;
1036// }
1037div.activeFeatures a.createAccountLink {
1038 position: relative;
1039 top: -92px;
1040 left: 5px;
1041}
1042div.activeFeatures div.createAccountLink a.createAccountLink span.payoff {
1043 margin-top: 23px;
1044 margin-left: 40px;
1045 font-size: 17pt;
1046 color: #64626c;
1047}
1048div.activeFeatures div.createAccountLink a.createAccountLink span.link {
1049 padding-left: 40px;
1050 padding-right: 50px;
1051 padding-bottom: 10px;
1052 font-size: 12pt;
1053}
1054div.activeFeatures div.createAccountLink:hover {
1055 //background-image: url(../images/old/home/register_selected.png);
1056
1057}
1058div.activeFeatures div.createAccountLink:hover a.createAccountLink span.payoff {
1059 color: #54535a;
1060}
1061div.activeFeatures div.createAccountLink:hover a.createAccountLink span.link {
1062 color: white;
1063}
1064// div.activeFeatures div.screenshotLink {
1065 // background: url(../images/old/home/look.png) no-repeat 0 -3px;
1066// }
1067//
1068// div.activeFeatures div.offlineLink {
1069 // background: url(../images/old/home/download.png) no-repeat 10px -4px;
1070// }
1071
1072div.createAccountLink canvas {
1073 width: 282px;
1074 height: 93px;
1075}
1076div.activeFeatures .keepTogether canvas {
1077 width: 46px;
1078 height: 46px;
1079 vertical-align: bottom;
1080}
1081
1082div.pageHeaderAndBody {
1083 height: 100%;
1084}
1085body > div.pageHeaderAndBody {
1086 height: auto;
1087 min-height: 100%;
1088}
1089div#pageBody {
1090 min-width: 1013px;
1091 padding-bottom: 90px;
1092}
1093div.pageFooter {
1094 margin-top: -90px;
1095 height: 90px;
1096 clear: both;
1097}
1098div.footerWrapper {
1099 clear: both;
1100 padding-top: 10px;
1101}
1102div.footerContent {
1103 background-color: #eaebe6;
1104 padding: 20px;
1105 font-size: 8pt;
1106}
1107// div.pageFooter div.footerContent div.footerStarIcon {
1108div.pageFooter div.footerContent canvas.footerStarIcon {
1109 //background-image: url(../images/old/footer/star.png);
1110
1111 width: 40px;
1112 height: 40px;
1113 float: left;
1114}
1115div.pageFooter div.footerContent span.copyright {
1116 padding-left: 10px;
1117 color: #a0a0a0;
1118}
1119div.pageFooter div.footerContent a {
1120 padding-left: 50px;
1121 display: block;
1122 color: #888888;
1123 font-weight: bold;
1124 text-decoration: none;
1125}
1126div.pageFooter div.footerContent span.applicationVersion {
1127 padding: 8px;
1128 color: #888888;
1129 background-color: #d2d2d2;
1130 position: relative;
1131 top: -40px;
1132 float: right;
1133}
1134
1135div#javaScriptAlert div.mask {
1136 position: fixed;
1137 top: 0px;
1138 left: 0px;
1139 right: 0px;
1140 bottom: 0px;
1141 background-color: black;
1142 z-index: 1001;
1143 -moz-opacity: 0.7;
1144 opacity: .70;
1145 filter: alpha(opacity=70);
1146}
1147div#javaScriptAlert div.header {
1148 height: 34px;
1149 width: 468;
1150 background-image: url(../images/old/alert/header.png);
1151}
1152div#javaScriptAlert div.body {
1153 background-image: url(../images/old/alert/body.png);
1154 padding: 0px 20px 10px 20px;
1155}
1156// div#javaScriptAlert div.body div.alert {
1157 // padding-left: 100px;
1158 // background: url(../images/old/alert/alert.png) no-repeat;
1159// }
1160// div#javaScriptAlert div.body img.alert {
1161div#javaScriptAlert div.body div.alertLogo {
1162 float: left;
1163 background-image: url(../images/old/alert/alert.png);
1164 width: 88px;
1165 height: 88px;
1166}
1167div#javaScriptAlert div.body div.alert {
1168 padding-left: 100px;
1169}
1170div#javaScriptAlert div.footer {
1171 height: 34px;
1172 width: 468;
1173 background-image: url(../images/old/alert/footer.png);
1174}
1175div#javaScriptAlert div.message {
1176 position: relative;
1177 top: -150px;
1178 z-index: 1002;
1179 //left: 100px;
1180 //right: 100px;
1181
1182 margin-left: auto;
1183 margin-right: auto;
1184 max-width: 468px;
1185}
1186div#javaScriptAlert div.message h1 {
1187 font-size: 16pt;
1188 margin: 0px;
1189 color: #ff5930;
1190}
1191div#javaScriptAlert div.message p {
1192 margin-top: 0px;
1193 color: #999999;
1194}
1195div#javaScriptAlert div.message h3 {
1196 font-size: 12pt;
1197 margin-bottom: 0px;
1198 color: #ff5930;
1199}
1200div#javaScriptAlert div.message h5 {
1201 margin: 0px;
1202 color: #999999;
1203}
1204
1205div.LoginProgress {
1206 position: relative;
1207 left: -190px;
1208 top: -100px;
1209 width: 380px;
1210 height: 200px;
1211 //background: url(../images/old/loginProgress/background.png);
1212
1213 background-color: #d7d7c0;
1214 -webkit-border-radius: 20px;
1215 -moz-border-radius: 20px;
1216 border-radius: 20px;
1217 -webkit-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.6);
1218 -moz-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.6);
1219 box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.6);
1220}
1221div.LoginProgress div.header {
1222 height: 40px;
1223}
1224div.LoginProgress div.header h3 {
1225 font-size: 12pt;
1226 font-weight: normal;
1227 margin: 0px;
1228 color: #777777;
1229 padding-top: 13px;
1230 padding-left: 18px;
1231}
1232div.LoginProgress div.body {
1233 height: 120px;
1234 overflow: auto;
1235 padding-left: 20px;
1236 padding-right: 20px;
1237 background-color: #f1f1e9;
1238 //margin-left: 19px;
1239 //margin-right: 18px;
1240}
1241div.LoginProgress div.body div.img {
1242 margin: 10px;
1243 width: 50px;
1244 height: 50px;
1245 float: left;
1246}
1247div.LoginProgress div.body div.img.ALERT {
1248 //background-image: url(../images/old/simpleMessageBox/Alert.png);
1249
1250 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9955), to(#ff6622), color-stop(1, #333333));
1251 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9955);
1252 -webkit-border-radius: 25px;
1253 -moz-border-radius: 25px;
1254 border-radius: 25px;
1255}
1256div.LoginProgress div.body div.img.ALERT canvas {
1257 width: 50px;
1258 height: 50px;
1259 //background-image: url(../images/old/simpleMessageBox/excalmationPoint.png);
1260
1261}
1262div.LoginProgress div.body div.loadingBar {
1263 position: relative;
1264 top: 51px;
1265 left: 60px;
1266}
1267div.LoginProgress div.body div.errorBox p {
1268 color: #787872;
1269 padding-top: 20px;
1270 padding-left: 80px;
1271}
1272div.LoginProgress div.footer {
1273 margin-left: 19px;
1274 margin-right: 18px;
1275}
1276div.LoginProgress div.footer a {
1277 text-decoration: none;
1278 text-align: center;
1279 color: #787872;
1280 display: block;
1281 font-weight: bold;
1282 font-size: 11pt;
1283 width: 100px;
1284 margin-top: 11px;
1285 margin-left: auto;
1286 margin-right: auto;
1287}
1288div.LoginProgress div.footer div.button.default {
1289 text-decoration: underline;
1290}
1291div.LoginProgress div.buttonArea {
1292 text-align: center;
1293}
1294div.LoginProgress div.button {
1295 display: inline-block;
1296}
1297div.LoginProgress div.footer a:hover {
1298 color: #515247;
1299}
1300
1301div.SimpleMessagePanel {
1302 position: relative;
1303 left: -225px;
1304 top: -70px;
1305 width: 450px;
1306 height: 140px;
1307 //background: url(../images/old/loginProgress/background.png);
1308}
1309div.SimpleMessagePanel div.header {
1310 height: 17px;
1311 background: url(../images/old/simpleMessageBox/background_header.png) no-repeat;
1312}
1313div.SimpleMessagePanel div.body {
1314 //height: 120px;
1315 //overflow: auto;
1316 //margin-left: 19px;
1317 //margin-right: 18px;
1318
1319 background: url(../images/old/simpleMessageBox/background_body.png) repeat-y;
1320 padding-left: 25px;
1321 padding-right: 25px;
1322 padding-top: 10px;
1323}
1324div.SimpleMessagePanel div.body h3 {
1325 font-size: 14pt;
1326 font-weight: normal;
1327 margin: 0px;
1328 padding-top: 4px;
1329 color: #787872;
1330}
1331div.SimpleMessagePanel div.body div.img {
1332 width: 66px;
1333 height: 60px;
1334 float: left;
1335}
1336div.SimpleMessagePanel div.body p {
1337 margin: 0;
1338 font-size: 10pt;
1339 font-weight: normal;
1340 color: #787872;
1341 padding-top: 10px;
1342 padding-bottom: 5px;
1343 line-height: 1.3;
1344}
1345div.SimpleMessagePanel div.body div.img.ALERT {
1346 background: url(../images/old/simpleMessageBox/Alert.png) no-repeat;
1347}
1348div.SimpleMessagePanel div.body div.img.INFO {
1349 background: url(../images/old/simpleMessageBox/Info.png) no-repeat;
1350}
1351div.SimpleMessagePanel div.body div.buttonArea {
1352 height: 40px;
1353 clear: both;
1354}
1355div.SimpleMessagePanel div.body div.buttonArea > div {
1356 float: right;
1357 margin-left: 15px;
1358 margin-top: 10px;
1359}
1360div.SimpleMessagePanel div.footer {
1361 height: 25px;
1362 background: url(../images/old/simpleMessageBox/background_footer.png) no-repeat;
1363}
1364div.SimpleMessagePanel div.passphrase {
1365 padding-left: 65px;
1366}
1367div.SimpleMessagePanel div.passphrase input {
1368 width: 250px;
1369 font-size: 14pt;
1370 border: 1px solid #bb4924;
1371 color: #333366;
1372 background-color: white;
1373 padding: 2px 5px;
1374 height: 28px;
1375}
1376div.SimpleMessagePanel div.progressBarWrapper {
1377 margin-left: 80px;
1378} 1810}
1379 1811body {
1380div.button_wrapper { 1812 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
1381 height: 32px; 1813 margin: 0px;
1382 background: url(../images/old/button/default_left.png) no-repeat;
1383 cursor: pointer;
1384} 1814}
1385div.button_wrapper.hover { 1815div.modalDialogMask.userInfoBoxMask {
1386 background: url(../images/old/button/hover_left.png) no-repeat; 1816 -moz-opacity: 0.0;
1817 opacity: .0;
1818 filter: alpha(opacity=0);
1819 z-index: 19000;
1387} 1820}
1388div.button_wrapper.clicked { 1821.reset-margin {
1389 background: url(../images/old/button/clicked_left.png) no-repeat; 1822 margin: 0px;
1823 padding: 0px;
1824 border: 0px;
1390} 1825}
1391div.button_bodyWrapper { 1826.clear {
1392 height: 32px; 1827 clear: both;
1393 margin-left: 6px;
1394 padding-right: 6px;
1395 background: url(../images/old/button/default_main.png) repeat-x right 0;
1396} 1828}
1397div.button_wrapper.hover div.button_bodyWrapper { 1829.hidden_none {
1398 background: url(../images/old/button/hover_main.png) repeat-x right 0; 1830 display: none;
1831 visibility: hidden;
1399} 1832}
1400div.button_wrapper.clicked div.button_bodyWrapper { 1833.keepTogether {
1401 background: url(../images/old/button/clicked_main.png) repeat-x right 0; 1834 display: inline-block;
1835 white-space: nowrap;
1402} 1836}
1403div.button_body { 1837#mainDiv {
1404 text-align: center; 1838 margin: 0 auto;
1405 min-width: 60px;
1406 padding: 0px 7px;
1407 padding-top: 8px;
1408} 1839}
1409div.button_body span { 1840div.userInfoBox {
1410 font-size: 11pt; 1841 position: absolute;
1411 color: white; 1842 width: 160px;
1843 height: 120px;
1844 top: 100px;
1845 left: 15px;
1846 color: white;
1847 background-color: #ff9955;
1848 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723));
1849 background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56);
1850 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723));
1851 background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56);
1852 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723));
1853 background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56);
1854 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723));
1855 background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56);
1856 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723));
1857 background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56);
1858 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723));
1859 background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56);
1860 border-radius: 10px;
1861 -moz-border-radius: 10px;
1862 -webkit-border-radius: 10px;
1863 border-radius: 10px;
1864 -moz-border-radius: 10px;
1865 -webkit-border-radius: 10px;
1866 border-radius: 10px;
1867 -moz-border-radius: 10px;
1868 -webkit-border-radius: 10px;
1869 border-radius: 10px;
1870 -moz-border-radius: 10px;
1871 -webkit-border-radius: 10px;
1872 border-radius: 10px;
1873 -moz-border-radius: 10px;
1874 -webkit-border-radius: 10px;
1875 border-radius: 10px;
1876 -moz-border-radius: 10px;
1877 -webkit-border-radius: 10px;
1878 -webkit-box-shadow: 2px 2px 9px #333333;
1879 -moz-box-shadow: 2px 2px 9px #333333;
1880 box-shadow: 2px 2px 9px #333333;
1881 -webkit-box-shadow: 2px 2px 9px #333333;
1882 -moz-box-shadow: 2px 2px 9px #333333;
1883 box-shadow: 2px 2px 9px #333333;
1884 -webkit-box-shadow: 2px 2px 9px #333333;
1885 -moz-box-shadow: 2px 2px 9px #333333;
1886 box-shadow: 2px 2px 9px #333333;
1887 -webkit-box-shadow: 2px 2px 9px #333333;
1888 -moz-box-shadow: 2px 2px 9px #333333;
1889 box-shadow: 2px 2px 9px #333333;
1890 -webkit-box-shadow: 2px 2px 9px #333333;
1891 -moz-box-shadow: 2px 2px 9px #333333;
1892 box-shadow: 2px 2px 9px #333333;
1893 -webkit-box-shadow: 2px 2px 9px #333333;
1894 -moz-box-shadow: 2px 2px 9px #333333;
1895 box-shadow: 2px 2px 9px #333333;
1412} 1896}
1413div.button_wrapper.default div.button_body span { 1897div.userInfoBox.locked {
1414 font-weight: bold; 1898 z-index: 19001;
1415} 1899}
1416 1900div.userInfoBox.locked div.header a.lockButton {
1417// div.button_footer { 1901 background: url(../images/old/lock/locked.png) no-repeat -5px -2px;
1418 // margin: 0px;
1419 // height: 31px;
1420 // width: 6px;
1421 // background: green url(../images/old/button/default_right.png) no-repeat;
1422// }
1423
1424input.entropyLevelIndicator {
1425 background: url(../images/old/passwordField/background.png) no-repeat 0 26px;
1426}
1427div.passwordEntropyWrapper {
1428 padding: 0px;
1429 border: 1px solid #bb4924;
1430 border-top: 0px;
1431 margin-bottom: 4px;
1432 background-color: white;
1433 margin-right: 3px;
1434 margin-top: -2;
1435}
1436div.passwordEntropy {
1437 height: 4px;
1438 font-size: 1pt;
1439 background: url(../images/old/entropyBackground.gif) repeat-x 0 0;
1440 line-height: 3px;
1441} 1902}
1442 1903div.userInfoBox.locked div.header a.lockButton:hover {
1443div.userInfoBox { 1904 background: url(../images/old/lock/locked_hover.png) no-repeat -5px -2px;
1444 position: absolute;
1445 width: 160px;
1446 height: 120px;
1447 top: 100px;
1448 left: 15px;
1449 //background-image: url(../images/old/main/userInfoBackground.png);
1450
1451 background-color: #ff9955;
1452 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723), color-stop(1, #333333));
1453 background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56);
1454 -webkit-border-radius: 10px;
1455 -moz-border-radius: 10px;
1456 border-radius: 10px;
1457 -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
1458 -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
1459 box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
1460 color: white;
1461} 1905}
1462div.userInfoBox div.body { 1906div.userInfoBox.locked div.body a {
1463 padding: 0px 12px; 1907 display: none;
1464} 1908}
1465div.userInfoBox div.header { 1909div.userInfoBox div.header {
1466 height: 30px; 1910 height: 30px;
1467} 1911}
1468div.userInfoBox div.header h1 { 1912div.userInfoBox div.header h1 {
1469 font-size: 8pt; 1913 font-size: 8pt;
1470 font-weight: normal; 1914 font-weight: normal;
1471 margin: 0px; 1915 margin: 0px;
1472 padding-top: 12px; 1916 padding-top: 12px;
1473 padding-left: 12px; 1917 padding-left: 12px;
1474} 1918}
1475div.userInfoBox div.header a.lockButton { 1919div.userInfoBox div.header a.lockButton {
1476 position: absolute; 1920 position: absolute;
1477 top: 8px; 1921 top: 8px;
1478 right: 12px; 1922 right: 12px;
1479 display: block; 1923 display: block;
1480 width: 15px; 1924 width: 15px;
1481 height: 20px; 1925 height: 20px;
1482 text-decoration: none; 1926 text-decoration: none;
1483 background: url(../images/old/lock/unlocked.png) no-repeat -5px -2px; 1927 background: url(../images/old/lock/unlocked.png) no-repeat -5px -2px;
1484} 1928}
1485div.userInfoBox div.header a.lockButton:hover { 1929div.userInfoBox div.header a.lockButton:hover {
1486 background: url(../images/old/lock/unlocked_hover.png) no-repeat -5px -2px; 1930 background: url(../images/old/lock/unlocked_hover.png) no-repeat -5px -2px;
1487}
1488div.userInfoBox.locked {
1489 z-index: 19001;
1490} 1931}
1491div.modalDialogMask.userInfoBoxMask { 1932div.userInfoBox div.body {
1492 -moz-opacity: 0.0; 1933 padding: 0px 12px;
1493 opacity: .0;
1494 filter: alpha(opacity=0);
1495 z-index: 19000;
1496}
1497div.userInfoBox.locked div.header a.lockButton {
1498 background: url(../images/old/lock/locked.png) no-repeat -5px -2px;
1499}
1500div.userInfoBox.locked div.header a.lockButton:hover {
1501 background: url(../images/old/lock/locked_hover.png) no-repeat -5px -2px;
1502} 1934}
1503div.userInfoBox div.body h3 { 1935div.userInfoBox div.body h3 {
1504 font-size: 11pt; 1936 font-size: 11pt;
1505 font-weight: bold; 1937 font-weight: bold;
1506 margin: 0px; 1938 margin: 0px;
1507} 1939}
1508div.userInfoBox div.body ul { 1940div.userInfoBox div.body ul {
1509 list-style-image: url(../images/old/main/userInfoBullet.png); 1941 font-size: 8pt;
1510 font-size: 8pt; 1942 padding: 0px;
1511 padding: 0px; 1943 margin: 4px 0px;
1512 margin: 4px 0px; 1944 list-style-position: inside;
1513 list-style-position: inside; 1945 text-shadow: #000000 0 0 0;
1514 text-shadow: #000000 0 0 0;
1515} 1946}
1516div.userInfoBox div.body ul li span.number { 1947div.userInfoBox div.body ul li span.number {
1517 font-weight: bold; 1948 font-weight: bold;
1518 padding-right: 3px; 1949 padding-right: 3px;
1519} 1950}
1520div.userInfoBox div.body a { 1951div.userInfoBox div.body a {
1521 display: block; 1952 display: block;
1522 margin-top: 8 1953 margin-top: 8px;
1523 px; 1954 border-top: 1px solid white;
1524 border-top: 1px solid white; 1955 padding-top: 6px;
1525 padding-top: 6px; 1956 font-size: 10pt;
1526 font-size: 10pt; 1957 font-weight: bold;
1527 font-weight: bold; 1958 color: #d15a22;
1528 color: #d15a22; 1959 border-color: #fe9a5f;
1529 text-decoration: none; 1960 text-decoration: none;
1530 border-color: #fe9a5f;
1531} 1961}
1532div.userInfoBox div.body a:hover { 1962div.userInfoBox div.body a:hover {
1533 color: #8c3b15; 1963 color: #8c3b15;
1534}
1535div.userInfoBox.locked div.body a {
1536 display: none;
1537} 1964}
1538
1539div.messageBox {
1540 position: absolute;
1541 width: 409px;
1542 height: 29px;
1543 top: 23px;
1544 left: 204px;
1545 background: url(../images/old/main/messageBoxBackground.png);
1546}
1547div.messageBox h3 {
1548 display: inline-block;
1549 color: #342f6b;
1550 font-weight: bold;
1551 margin: 7px 2px 0px 12px;
1552 font-size: 10pt;
1553}
1554body.ext-gecko div.messageBox h3 {
1555 display: -moz-inline-box;
1556}
1557div.messageBox h1 {
1558 color: #342f6b;
1559 display: inline;
1560 font-weight: normal;
1561 margin: 0px 1px;
1562 font-size: 9pt;
1563}
1564div.messageBox a {
1565 display: block;
1566 width: 20px;
1567 height: 20px;
1568 float: right;
1569 position: absolute;
1570 right: 5px;
1571 top: 4px;
1572 background-image: url(../images/old/main/messageBoxCloseButton.png);
1573}
1574div.messageBox a:hover {
1575 background-image: url(../images/old/main/messageBoxCloseButtonActive.png);
1576}
1577
1578div.sidePanels { 1965div.sidePanels {
1579 //position: relative; 1966 float: left;
1580 //top: 110px; 1967 margin-top: 106px;
1581 1968 margin-left: 20px;
1582 float: left; 1969 width: 160px;
1583 margin-top: 106px;
1584 margin-left: 20px;
1585 width: 160px;
1586}
1587
1588div.tabSidePanel {
1589 margin-right: -10px;
1590 //position: absolute;
1591 //width: 250px;
1592 //height: 250px;
1593 //top: 250px;
1594 //left: 10px;
1595}
1596div.tabSidePanel ul {
1597 margin: 0px;
1598 padding-left: 0px;
1599 list-style-type: none;
1600 color: #f78b46;
1601}
1602
1603div.tabSidePanel ul.mainTabs {
1604 margin: 0px;
1605}
1606div.tabSidePanel ul.mainTabs li {
1607 //margin-bottom: 6px;
1608
1609}
1610div.tabSidePanel ul.mainTabs li a {
1611 display: block;
1612 line-height: 30px;
1613 height: 43px;
1614 padding-left: 40px;
1615 color: #ff6621;
1616 margin: 0px;
1617 font-weight: normal;
1618 font-size: 13pt;
1619 text-decoration: none;
1620}
1621div.tabSidePanel ul.mainTabs li div.selectionHighlighter {
1622 display: none;
1623}
1624div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter {
1625 display: block;
1626 position: absolute;
1627 left: 154px;
1628 margin-top: -43px;
1629}
1630
1631// div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter div.selectionHighlighterIcon {
1632 // background-image: url(../images/main/tabs/selectionHighligher.png);
1633 // width: 50px;
1634 // height: 34px;
1635 // float: left;
1636 // z-index: 35000;
1637 // border: 1px solid red;
1638// }
1639
1640div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter a.add {
1641 font-size: 14pt;
1642 font-weight: bold;
1643 position: relative;
1644 top: -34px;
1645 right: 16px;
1646 background: none;
1647 color: #c0531b;
1648 padding-left: 15px;
1649}
1650div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter a.add:hover {
1651 color: white;
1652}
1653div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter a.add span {
1654 font-size: 8pt;
1655 vertical-align: middle;
1656}
1657div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter a.add h3 {
1658 display: inline;
1659 padding-left: 5px;
1660}
1661div.tabSidePanel ul.mainTabs li.cards.selected a {
1662 margin-left: -10px;
1663 padding-left: 50px;
1664 color: white;
1665 background: url(../images/old/main/tabs/cardsBackground.png) -9px -14px;
1666}
1667div.tabSidePanel ul.mainTabs li.cards.selected a:hover {
1668 background: url(../images/old/main/tabs/cardsBackground.png) -9px -14px;
1669}
1670div.tabSidePanel ul.mainTabs li.cards a {
1671 background: url(../images/old/main/tabs/cardsBackground.png) -19px -63px;
1672}
1673div.tabSidePanel ul.mainTabs li.cards a:hover {
1674 background: url(../images/old/main/tabs/cardsBackground.png) -19px -110px;
1675}
1676div.tabSidePanel ul.mainTabs li.directLogins.selected a {
1677 margin-left: -10px;
1678 padding-left: 50px;
1679 color: white;
1680 //background: url(../images/old/main/tabs/directLoginBackground.png) 0 -1px;
1681 background: url(../images/old/main/tabs/directLoginBackground.png) -9px -14px;
1682}
1683div.tabSidePanel ul.mainTabs li.directLogins.selected a:hover {
1684 color: white;
1685 //background: url(../images/old/main/tabs/directLoginBackground.png) 0 -1px;
1686 background: url(../images/old/main/tabs/directLoginBackground.png) -9px -14px;
1687}
1688div.tabSidePanel ul.mainTabs li.directLogins a {
1689 //background: url(../images/old/main/tabs/directLoginBackground.png) 0 -34px;
1690 background: url(../images/old/main/tabs/directLoginBackground.png) -19px -63px;
1691}
1692div.tabSidePanel ul.mainTabs li.directLogins a:hover {
1693 //background: url(../images/old/main/tabs/directLoginBackground.png) 0 -67px;
1694 background: url(../images/old/main/tabs/directLoginBackground.png) -19px -110px;
1695}
1696
1697div.tabSidePanel ul.otherTabs {
1698 margin: 10px 0px;
1699}
1700div.tabSidePanel ul.otherTabs li {
1701 margin-top: -4px;
1702}
1703div.tabSidePanel ul.otherTabs li div.selectionHighlighter {
1704 display: none;
1705}
1706div.tabSidePanel ul.otherTabs li.selected div.selectionHighlighter {
1707 display: block;
1708 position: absolute;
1709 left: 154px;
1710 margin-top: -42px;
1711}
1712div.tabSidePanel ul.otherTabs a {
1713 display: block;
1714 line-height: 36px;
1715 height: 43px;
1716 padding-left: 40px;
1717 color: #ff6621;
1718 text-decoration: none;
1719 //background: url(../images/old/main/tabs/itemsBackground.png) -10px -49px;
1720}
1721div.tabSidePanel ul.otherTabs li.selected a {
1722 //background: url(../images/old/main/tabs/itemsBackground.png) 0 -1px;
1723 //background: url(../images/old/main/tabs/itemsBackground.png) 0 -67px;
1724
1725 margin-left: -10px;
1726 padding-left: 50px;
1727 background: url(../images/old/main/tabs/itemsBackground.png) 1px -96px;
1728 color: white;
1729}
1730div.tabSidePanel ul.otherTabs a:hover {
1731 //background: url(../images/old/main/tabs/itemsBackground.png) 0 -34px;
1732
1733 background: url(../images/old/main/tabs/itemsBackground.png) -10px -49px;
1734}
1735
1736div.tagSidePanel {
1737 //position: relative;
1738 //width: 250px;
1739 //min-height: 100px;
1740 //left: 10px;
1741
1742 margin-right: -8px;
1743}
1744div.tagSidePanel div.header {
1745 height: 50px;
1746 background-image: url(../images/old/main/tabs/tagsBackground.png);
1747}
1748div.tagSidePanel div.header h1 {
1749 padding-left: 52px;
1750 padding-top: 14px;
1751 font-size: 14pt;
1752 font-weight: normal;
1753 color: #888888;
1754}
1755div.tagSidePanel div.body {
1756 background: url(../images/old/main/tabs/tagsBackground.png) -255px;
1757}
1758div.tagSidePanel div.footer {
1759 height: 10px;
1760 background: url(../images/old/main/tabs/tagsBackground.png) -510px -40px;
1761}
1762div.tagSidePanel ul.tags {
1763 margin: 0px;
1764 list-style-type: none;
1765 padding: 0px;
1766}
1767div.tagSidePanel ul.tags li a {
1768 display: block;
1769 font-size: 9pt;
1770 text-decoration: none;
1771 color: #ff6621;
1772 padding: 0px 4px 0px 15px;
1773 line-height: 20px;
1774}
1775div.tagSidePanel ul.tags li a:hover {
1776 background-color: #dddddd;
1777}
1778div.tagSidePanel ul.tags li span.tagCardinality {
1779 float: right;
1780 font-size: 8pt;
1781 color: #999999;
1782 margin-right: 15px;
1783 margin-top: -17px;
1784}
1785div.tagSidePanel ul.tags li.selected a {
1786 background-color: #d4d5cf;
1787}
1788div.tagSidePanel ul.tags li.selected a:hover {
1789 background-color: #d4d5cf;
1790}
1791div.tagSidePanel ul.tags li.selected a {
1792 font-weight: bold;
1793}
1794
1795div.groupSidePanel {
1796 margin-right: -10px;
1797 //position: relative;
1798 //width: 250px;
1799 //min-height: 100px;
1800 //left: 10px;
1801}
1802div.groupSidePanel div.header {
1803 height: 50px;
1804 background-image: url(../images/old/main/tabs/groupsBackground.png);
1805}
1806div.groupSidePanel div.header h1 {
1807 padding-left: 52px;
1808 padding-top: 14px;
1809 font-size: 14pt;
1810 font-weight: normal;
1811 color: white;
1812}
1813div.groupSidePanel div.header a {
1814 float: right;
1815 margin-top: -30px;
1816 margin-right: 20px;
1817 text-decoration: none;
1818 color: #666666;
1819 font-size: 9pt;
1820 line-height: 18px;
1821}
1822div.groupSidePanel div.header a:hover {
1823 color: #444444;
1824}
1825div.groupSidePanel div.body {
1826 background: url(../images/old/main/tabs/groupsBackground.png) -255px;
1827}
1828div.groupSidePanel div.footer {
1829 height: 10px;
1830 background: url(../images/old/main/tabs/groupsBackground.png) -510px -39px;
1831}
1832div.groupSidePanel ul.groups {
1833 margin: 0px;
1834 list-style-type: none;
1835 padding: 0px;
1836}
1837div.groupSidePanel ul.groups li a {
1838 display: block;
1839 font-size: 9pt;
1840 text-decoration: none;
1841 color: white;
1842 padding: 0px 4px 0px 15px;
1843 line-height: 20px;
1844}
1845div.groupSidePanel ul.groups li a:hover {
1846 background-color: #aaaaaa;
1847}
1848div.groupSidePanel ul.groups li span.groupCardinality {
1849 float: right;
1850 font-size: 8pt;
1851 color: #dddddd;
1852 margin-right: 15px;
1853 margin-top: -17px;
1854}
1855div.groupSidePanel ul.groups li.selected a {
1856 background-color: #bbbbbb;
1857}
1858div.groupSidePanel ul.groups li.selected a:hover {
1859 background-color: #bbbbbb;
1860}
1861div.groupSidePanel ul.groups li.selected a {
1862 font-weight: bold;
1863}
1864
1865div.mainPanels {
1866 float: left;
1867 width: 833px;
1868 margin-top: -38px;
1869 //position: relative;
1870 //width: 100%;
1871 //min-height: 600px;
1872 //top: -40px;
1873 //left: 250px;
1874}
1875div.mainFooter {
1876 clear: both;
1877}
1878// div.body div.rows table.rows tbody tr td.delete
1879div.delete, div.new {
1880 padding-left: 5px;
1881 height: 19px;
1882}
1883div.new span, div.delete span {
1884 margin: 0px;
1885 padding: 0px;
1886 border: 0px;
1887 display: inline-block;
1888 height: 19px;
1889 padding-right: 6px;
1890}
1891div.new span a, div.delete span a {
1892 white-space: nowrap;
1893}
1894div.delete:hover {
1895 background: url(../images/old/delete_background_left.png) no-repeat 0;
1896}
1897div.delete:hover span {
1898 background: url(../images/old/delete_background.png) no-repeat right 0;
1899}
1900div.new:hover {
1901 background: url(../images/old/new_background_left.png) no-repeat 0;
1902}
1903div.new:hover span {
1904 background: url(../images/old/new_background.png) no-repeat right 0;
1905}
1906
1907// tr.selected div.delete {
1908 // background: url(../images/old/delete_background_left.png) no-repeat 0;
1909// }
1910// tr.selected div.delete span {
1911 // background: url(../images/old/delete_background.png) no-repeat right 0;
1912// }
1913
1914div.body div.rows table.rows tbody tr td.delete div.delete span a {
1915 visibility: hidden;
1916 font-size: 8pt;
1917 vertical-align: -13px;
1918 color: black;
1919}
1920div.body div.rows table.rows tbody tr.selected td.delete div.delete span a {
1921 visibility: visible;
1922}
1923div.body div.rows table.rows tbody tr:hover td.delete div.delete span a {
1924 visibility: visible;
1925}
1926div.body div.rows table.rows tbody tr:hover td.delete div.delete:hover span a {
1927 color: white;
1928}
1929
1930// div.body div.rows table.rows tbody tr.selected td.delete div.delete span a {
1931 // color: white;
1932// }
1933
1934div.gridComponent table.rows thead tr th {
1935 text-align: left;
1936 height: 30px;
1937 vertical-align: bottom;
1938}
1939div.gridComponent table.rows thead tr th.sortable span {
1940 cursor: pointer;
1941}
1942div.gridComponent table.rows thead tr th.sortable span a {
1943 margin-left: 5px;
1944 padding-left: 10px;
1945}
1946div.gridComponent table.rows thead tr th.directLoginTH {
1947 width: 420px;
1948}
1949div.gridComponent table.rows thead tr th.latestUpdateTH {
1950 width: 100px;
1951}
1952div.gridComponent table.rows thead tr th.commandsTH {
1953 width: 150px;
1954}
1955div.gridComponent table.rows thead a {
1956 text-decoration: none;
1957}
1958div.gridComponent table.rows thead span {
1959 font-weight: normal;
1960 font-size: 9pt;
1961 line-height: 20px;
1962}
1963div.gridComponent div.header div.headerSlot {
1964 float: right;
1965}
1966
1967div.mainPanels div.gridComponent div.body table.rows td.favicon {
1968 padding-left: 25px;
1969}
1970div.mainPanels div.gridComponent div.body table.rows td.favicon img {
1971 width: 16px;
1972 height: 16px;
1973 border: 0px;
1974}
1975
1976div.gridComponent th.directLoginTH span {
1977 margin-left: 7px;
1978}
1979td.card_directLogins div {
1980 display: inline-table;
1981}
1982td.card_directLogins span {
1983 display: inline-block;
1984}
1985
1986// td.card_directLogins a {
1987 // display: inline-table;
1988 // height: 19px;
1989//
1990 // padding-right: 7px;
1991// }
1992//
1993// td.card_directLogins a:hover {
1994 // background: url(../images/old/directLink_background.png) right 0;
1995// }
1996
1997div.card_directLogin {
1998 display: inline-block;
1999 height: 19px;
2000 padding-left: 7px;
2001}
2002div.card_directLogin_ellipses span {
2003 padding-bottom: 2px;
2004}
2005div.card_directLogin div.card_directLogin_body {
2006 display: inline-block;
2007 height: 19px;
2008 padding-right: 8px;
2009 background-position: left;
2010}
2011div.card_directLogin div.card_directLogin_body a {
2012 vertical-align: -14px;
2013}
2014// div.card_directLogin:hover {
2015div.card_directLogin:hover {
2016 background: url(../images/old/directLink_background_left.png) no-repeat 0 0;
2017}
2018// div.card_directLogin:hover div {
2019div.card_directLogin:hover div.card_directLogin_body {
2020 background: url(../images/old/directLink_background.png) right 0;
2021}
2022
2023div.DirectLoginListPopup {
2024 position: absolute;
2025 width: 184px;
2026}
2027div.DirectLoginListPopup div.DirectLoginListPopup_body {
2028 background-image: url(../images/old/directLogins_background.png);
2029 padding-top: 8px;
2030}
2031div.DirectLoginListPopup div.DirectLoginListPopup_footer {
2032 height: 8px;
2033 background-image: url(../images/old/directLogins_background_bottom.png);
2034}
2035div.DirectLoginListPopup div.DirectLoginListPopup_body ul {
2036 margin: 0px;
2037 padding-left: 13px;
2038 list-style: none;
2039}
2040div.DirectLoginListPopup div.DirectLoginListPopup_body ul li {
2041 padding-top: 4px;
2042 height: 20px;
2043 padding-right: 10px;
2044 white-space: nowrap;
2045}
2046div.DirectLoginListPopup div.DirectLoginListPopup_body ul li div {
2047 padding-right: 10px;
2048 overflow: hidden;
2049}
2050div.DirectLoginListPopup div.DirectLoginListPopup_body ul li img.favicon {
2051 padding-left: 9px;
2052 padding-right: 5px;
2053}
2054div.DirectLoginListPopup div.DirectLoginListPopup_body ul li a {
2055 text-decoration: none;
2056 color: white;
2057 font-weight: normal;
2058 font-size: 10pt;
2059 vertical-align: 3px;
2060 white-space: nowrap;
2061 padding-right: 8px;
2062}
2063div.DirectLoginListPopup div.DirectLoginListPopup_body ul li:hover {
2064 //background-color: #a5a696;
2065 //background-color: #7b7d70;
2066 background-color: rgba(123, 125, 112, 0.5);
2067}
2068div.DirectLoginListPopup div.DirectLoginListPopup_body ul li:hover a {
2069 background: url(../images/old/directLink_no_background.png) right;
2070}
2071
2072div.mainPanels div.gridComponent div.header {
2073 //height: 90px;
2074 //background: url(../images/old/main/blocks/cardGridBackground.png) no-repeat;
2075
2076 background: url(../images/old/main/blocks/cardGridBackground.png) no-repeat;
2077 padding-left: 40px;
2078 padding-right: 40px;
2079 padding-top: 20px;
2080 padding-bottom: 10px;
2081}
2082div.mainPanels div.gridComponent div.header form.search {
2083 height: 32px;
2084 margin: 0px;
2085}
2086div.mainPanels div.gridComponent div.header form.search div.clearSearchButton {
2087 position: absolute;
2088 margin-left: 192px;
2089 width: 22px;
2090 height: 22px;
2091 margin-top: 6px;
2092 background: url(../images/old/filter/clearFilter_notSelected.png) no-repeat;
2093}
2094div.mainPanels div.gridComponent div.header form.search div.clearSearchButton:hover {
2095 background: url(../images/old/filter/clearFilter_selected.png) no-repeat;
2096 cursor: pointer;
2097}
2098div.mainPanels div.gridComponent div.header form.search div.search {
2099 display: block;
2100 float: left;
2101 width: 217px;
2102}
2103div.mainPanels div.gridComponent div.header form.search input.search {
2104 border: 1px solid #76786a;
2105 color: #666666;
2106 font-size: 12pt;
2107 width: 100%;
2108 padding: 4px;
2109 padding-left: 24px;
2110 padding-right: 26px;
2111 background: #e8ecde url(../images/old/main/grid/search.png) no-repeat 2px 4px;
2112}
2113div.mainPanels div.gridComponent div.header form.search input.search.disabled {
2114 disabled: disabled;
2115}
2116div.mainPanels div.gridComponent div.header form.search input.search.running {
2117 background: #e8ecde url(../images/old/main/grid/running_search.gif) no-repeat 4px 5px;
2118}
2119div.mainPanels div.gridComponent div.body {
2120 clear: both;
2121 background: url(../images/old/main/blocks/cardGridBackground.png) repeat-y -836px;
2122}
2123div.mainPanels div.gridComponent div.footer {
2124 background: url(../images/old/main/blocks/cardGridBackground.png) 834px -28px;
2125 height: 35px;
2126}
2127div.mainPanels div.gridComponent div.body h1 {
2128 margin: 0px;
2129}
2130div.mainPanels div.gridComponent div.body div.rows {
2131 margin-left: 9px;
2132 margin-right: 6px;
2133 min-height: 582px;
2134 background: url(../images/old/main/blocks/cardGridStripes.png) 0 7px;
2135}
2136div.mainPanels div.gridComponent.noRows div.body table.rows thead, div.mainPanels div.gridComponent.empty div.body table.rows thead {
2137 visibility: hidden;
2138}
2139div.mainPanels div.gridComponent.empty div.body div.rows {
2140 background: #eaebe6 url(../images/old/lock/background_star.png) no-repeat center center;
2141}
2142div.mainPanels div.gridComponent.noRows div.body div.rows {
2143 background: #eaebe6;
2144}
2145div.mainPanels div.gridComponent div.body table.rows {
2146 display: block;
2147 width: 100%;
2148}
2149div.mainPanels div.gridComponent div.body table.rows tbody tr.odd.selected {
2150 background-color: #a5a696;
2151}
2152div.mainPanels div.gridComponent div.body table.rows tbody tr.even.selected {
2153 background-color: #a5a696;
2154}
2155div.mainPanels div.gridComponent div.body table.rows tbody tr.selected td a {
2156 color: #f3f4eb;
2157}
2158div.mainPanels div.gridComponent div.body table.rows tbody tr.odd {
2159 background-color: #d4d5cf;
2160}
2161div.mainPanels div.gridComponent div.body table.rows tbody tr.even {
2162 background-color: #eaebe6;
2163}
2164div.mainPanels div.gridComponent div.body table.rows tbody tr.odd:hover {
2165 background-color: #a5a696;
2166}
2167div.mainPanels div.gridComponent div.body table.rows tbody tr.even:hover {
2168 background-color: #a5a696;
2169}
2170div.mainPanels div.gridComponent div.body table.rows tbody tr td {
2171 height: 23px;
2172 max-height: 23px;
2173 //white-space: nowrap;
2174 //overflow: hidden;
2175}
2176div.mainPanels div.gridComponent div.body table.rows tbody tr td span {
2177 color: #828479;
2178 font-size: 10pt;
2179}
2180div.mainPanels div.gridComponent div.body table.rows tbody tr td a {
2181 color: #828479;
2182 font-size: 10pt;
2183 text-decoration: none;
2184}
2185div.mainPanels div.gridComponent div.body table.rows tbody tr:hover td span {
2186 color: #f3f4eb;
2187}
2188div.mainPanels div.gridComponent div.body table.rows tbody tr.selected td span {
2189 color: #f3f4eb;
2190}
2191div.mainPanels div.gridComponent div.body table.rows tbody tr:hover td a {
2192 color: #f3f4eb;
2193}
2194div.mainPanels div.gridComponent div.body table.rows tbody tr td.title a {
2195 font-weight: bold;
2196}
2197div.mainPanels div.gridComponent div.body table.rows tbody tr td img.favicon {
2198 float: right;
2199 padding-right: 6px;
2200}
2201div.gridComponent table.rows thead img {
2202 padding-left: 10px;
2203 vertical-align: middle;
2204}
2205div.gridComponent table.rows thead tr th {
2206 background-color: #eaebe6;
2207 border-bottom: 1px solid #b3b4af;
2208}
2209div.gridComponent table.rows thead span {
2210 color: #8c8f7e;
2211}
2212div.gridComponent table.rows thead tr th.unsorted span.sortable a {
2213 background-image: url(../images/old/main/grid/unsorted.png);
2214}
2215div.gridComponent table.rows thead tr th.descending span.sortable a {
2216 background-image: url(../images/old/main/grid/descending.png);
2217}
2218div.gridComponent table.rows thead tr th.ascending span.sortable a {
2219 background-image: url(../images/old/main/grid/ascending.png);
2220}
2221div.gridComponent table.rows thead tr th.faviconTH {
2222 width: 53px;
2223}
2224div.gridComponent table.rows thead tr th.titleTH {
2225 width: 200px;
2226 max-width: 200px;
2227}
2228div.gridComponent table.rows thead tr th.deleteTH {
2229 width: 50px;
2230}
2231
2232
2233div.mainPanels div.directLoginGrid div.header form.search {
2234 background: url(../images/old/main/blocks/directLoginGridBackground.png) no-repeat;
2235 padding-left: 40px;
2236 padding-top: 20px;
2237 padding-bottom: 10px;
2238 margin: 0px;
2239}
2240
2241div.mainPanels div.directLoginGrid div.header form.search input.search {
2242 border: 1px solid #76786a;
2243 color: #666666;
2244 font-size: 12pt;
2245 padding: 4px;
2246 background-color: #e8ecde;
2247}
2248
2249div.mainPanels div.directLoginGrid div.header form.search input.searchButton {
2250 background-color: #858877;
2251 border: 0px;
2252 color: white;
2253 font-size: 10pt;
2254}
2255
2256div.mainPanels div.directLoginGrid div.body {
2257 background: url(../images/old/main/blocks/directLoginGridBackground.png) repeat-y -836px;
2258}
2259
2260div.mainPanels div.directLoginGrid div.footer {
2261 background: url(../images/old/main/blocks/directLoginGridBackground.png) 834px -28px;
2262 height: 35px;
2263}
2264
2265div.mainPanels div.directLoginGrid div.body h1 {
2266 margin: 0px;
2267}
2268
2269div.mainPanels div.directLoginGrid div.body div.rows {
2270 margin-left: 9px;
2271 margin-right: 6px;
2272 min-height: 582px;
2273 background: url(../images/old/main/blocks/directLoginGridStripes.png) 0 7px;
2274}
2275
2276div.mainPanels div.directLoginGrid div.body table.rows {
2277 display: block;
2278 width: 100%;
2279}
2280
2281div.mainPanels div.directLoginGrid div.body table.rows img {
2282 border: 0px;
2283}
2284
2285div.mainPanels div.directLoginGrid div.body table.rows tbody tr.even {
2286 background-color: #787666;
2287}
2288
2289div.mainPanels div.directLoginGrid div.body table.rows tbody tr.odd {
2290 background-color: #646351;
2291}
2292
2293div.mainPanels div.directLoginGrid div.body table.rows tbody tr.odd:hover {
2294 background-color: #d1d4c6;
2295}
2296
2297div.mainPanels div.directLoginGrid div.body table.rows tbody tr.even:hover {
2298 background-color: #d1d4c6;
2299}
2300
2301div.mainPanels div.directLoginGrid div.body table.rows tbody tr td {
2302 height: 23px;
2303 color: #e1e0d6;
2304 font-size: 10pt;
2305}
2306
2307div.mainPanels div.directLoginGrid div.body table.rows tbody tr:hover td {
2308 color: #777867;
2309}
2310
2311div.mainPanels div.directLoginGrid div.body table.rows tbody tr td.title {
2312 font-weight: bold;
2313}
2314
2315div.directLoginGrid div.body table.rows tbody tr a {
2316 color: #e1e0d6;
2317 text-decoration: none;
2318}
2319
2320div.directLoginGrid div.body table.rows tbody tr:hover a {
2321 color: #777867;
2322}
2323
2324div.directLogin_directLogin {
2325 display: inline-block;
2326 height: 19px;
2327 padding-left: 7px;
2328}
2329div.directLogin_directLogin div.directLogin_directLogin_body {
2330 display: inline-block;
2331 height: 19px;
2332 padding-right: 8px;
2333 background-position: left;
2334}
2335div.directLogin_directLogin div.directLogin_directLogin_body a {
2336 vertical-align: -14px;
2337}
2338div.directLogin_directLogin:hover {
2339 background: url(../images/old/directLink_background_left.png) no-repeat 0 0;
2340}
2341div.directLogin_directLogin:hover div.directLogin_directLogin_body {
2342 background: url(../images/old/directLink_background.png) right 0;
2343}
2344table.rows tbody tr td div.directLogin_directLogin:hover div.directLogin_directLogin_body a {
2345 color: #f3f4eb;
2346}
2347
2348div.directLoginGrid table.rows thead span {
2349 color: #e1e0d6;
2350}
2351div.directLoginGrid table.rows thead tr th {
2352 background-color: #787762;
2353 border-bottom: 1px solid #999883;
2354}
2355div.directLoginGrid table.rows thead tr th.faviconTH {
2356 min-width: 53px;
2357 width: 53px;
2358}
2359div.directLoginGrid table.rows thead tr th.titleTH {
2360 min-width: 250px;
2361 width: 250px;
2362}
2363div.directLoginGrid table.rows thead tr th.titleTH span {
2364 margin-left: 7px;
2365}
2366div.directLoginGrid table.rows thead tr th.strengthTH {
2367 width: 100px;
2368}
2369div.directLoginGrid table.rows thead tr th.cardTitleTH {
2370 width: 400px;
2371}
2372div.directLoginGrid table.rows thead tr th.bookmarkableLinkTH {
2373 width: 64px;
2374}
2375div.directLoginGrid table.rows thead tr th.deleteTH {
2376 width: 50px;
2377}
2378div.directLoginGrid table.rows thead tr th.latestAccessTH {
2379 width: 100px;
2380}
2381div.directLoginGrid table.rows thead tr th.commandsTH {
2382 width: 100px;
2383}
2384
2385div.directLoginGrid table.rows thead img {
2386 padding-left: 10px;
2387 vertical-align: middle;
2388}
2389div.directLoginGrid table.rows thead tr th.unsorted span.sortable a {
2390 background: url(../images/old/main/grid/directLogins/unsorted.png) no-repeat;
2391}
2392div.directLoginGrid table.rows thead tr th.descending span.sortable a {
2393 background: url(../images/old/main/grid/directLogins/descending.png) no-repeat;
2394}
2395div.directLoginGrid table.rows thead tr th.ascending span.sortable a {
2396 background: url(../images/old/main/grid/directLogins/ascending.png) no-repeat;
2397}
2398
2399div.subPanelTabs ul {
2400 margin: 0px;
2401 margin-right: 7px;
2402 padding: 0px;
2403}
2404div.subPanelTabs ul li {
2405 display: inline-block;
2406 vertical-align: middle;
2407 //width: 130px;
2408
2409 height: 50px;
2410 //border-right: 1px solid #a5a79c;
2411 //border-bottom: 1px solid #a5a79c;
2412
2413 border-right: 1px solid #eef0e3;
2414 border-bottom: 1px solid #d5d5bc;
2415}
2416div.subPanelTabs ul li.first:hover {
2417 //background: url(../images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -9px -5px;
2418}
2419div.subPanelTabs ul li:hover {
2420 //background: url(../images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -45px -5px;
2421
2422 border-right: 1px solid #d5d5bc;
2423 background-color: #eef0e3;
2424}
2425div.subPanelTabs ul li a {
2426 color: #787872;
2427 text-decoration: none;
2428 display: block;
2429 text-align: center;
2430 padding-top: 15px;
2431 padding-left: 20px;
2432 padding-right: 20px;
2433 font-size: 13pt;
2434}
2435div.subPanelTabs ul li.first {
2436 //background: url(../images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -9px -5px;
2437
2438 -webkit-border-top-left-radius: 20px;
2439 -moz-border-radius-topleft: 20px;
2440 border-top-left-radius: 20px;
2441}
2442div.subPanelTabs ul li.selected {
2443 //background: url(../images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -45px -5px;
2444
2445 background-color: #eef0e3;
2446 border-bottom: 1px solid #eef0e3;
2447 border-right: 1px solid #d5d5bc;
2448}
2449div.subPanelTabs ul li.selected:hover {
2450 border-right: 1px solid #d5d5bc;
2451}
2452div.subPanelTabs ul li.selected a {
2453 color: #444440;
2454}
2455div.subPanelContent {
2456 padding-top: 20px;
2457 padding-left: 30px;
2458 padding-right: 30px;
2459 min-height: 280px;
2460 color: #787872;
2461 margin: 0px 6px 0 9px;
2462}
2463div.subPanelContent ul {
2464 margin: 0px;
2465 padding: 0px;
2466 list-style-type: none;
2467}
2468div.subPanelContent ul li.selected {
2469 display: block;
2470}
2471div.subPanelContent ul li {
2472 display: none;
2473}
2474div.subPanelContent h3 {
2475 margin: 0px;
2476 border: 0px;
2477 padding: 0px;
2478}
2479
2480div.mainPanels div.otherPanel {
2481 margin: 5px 10px;
2482 background-color: #eef0e3;
2483 -webkit-border-radius: 20px;
2484 -moz-border-radius: 20px;
2485 border-radius: 20px;
2486 -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
2487 -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
2488 box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
2489}
2490div.mainPanels div.otherPanel div.header {
2491 //background: url(../images/old/main/blocks/otherPanelBackground.png) no-repeat;
2492 //height: 90px;
2493 background-color: #d5d5bc;
2494 //padding-left: 9px;
2495 //padding-top: 5px;
2496
2497 margin: 0px;
2498 margin-bottom: 0px;
2499 -webkit-border-top-left-radius: 20px;
2500 -webkit-border-top-right-radius: 20px;
2501 -moz-border-radius-topleft: 20px;
2502 -moz-border-radius-topright: 20px;
2503 border-top-left-radius: 20px;
2504 border-top-right-radius: 20px;
2505}
2506div.mainPanels div.otherPanel div.body {
2507 //background: url(../images/old/main/blocks/otherPanelBackground.png) repeat-y -836px;
2508
2509 margin: 0px;
2510 border: 0px;
2511 padding: 0px;
2512}
2513div.mainPanels div.otherPanel div.footer {
2514 //background: url(../images/old/main/blocks/otherPanelBackground.png) 834px -18px;
2515
2516 height: 45px;
2517}
2518div.mainPanels div.otherPanel div.body h1 {
2519 margin: 0px;
2520}
2521
2522form.changePassphrase div.currentCredentials, form.changePassphrase div.newPassphrase {
2523 float: left;
2524 padding: 10px 20px;
2525}
2526form.changePassphrase label {
2527 display: inline-block;
2528 width: 150px;
2529}
2530form.changePassphrase div.confirm {
2531 clear: both;
2532 padding: 10px 20px;
2533}
2534form.changePassphrase div.confirm label {
2535 width: 500px;
2536}
2537div.accountPanel h3.manageOTP {
2538 margin-top: 20px;
2539 margin-left: -20px;
2540 padding-top: 10px;
2541 padding-left: 20px;
2542 border-top: 1px solid #aaaaaa;
2543}
2544
2545div#modalDialogMask, div.modalDialogMask {
2546 z-index: 20000;
2547 //position: absolute;
2548
2549 position: fixed;
2550 top: 0;
2551 left: 0;
2552 -moz-opacity: 0.5;
2553 opacity: .50;
2554 filter: alpha(opacity=50);
2555 //background-color: #cccccc;
2556
2557 background-color: #000000;
2558 width: 100%;
2559 height: 100%;
2560 zoom: 1;
2561}
2562div#modalDialogFrame, div.modalDialogFrame {
2563 position: absolute;
2564 //border: 1px solid white;
2565
2566 -moz-opacity: 0.5;
2567 opacity: .50;
2568 filter: alpha(opacity=50);
2569 background-color: #333333;
2570 z-index: 20001;
2571 -webkit-border-radius: 20px;
2572 -moz-border-radius: 20px;
2573 border-radius: 20px;
2574}
2575div#modalDialog, div.modalDialog {
2576 z-index: 20001;
2577}
2578// div#modalDialog.scrollable,
2579div.modalDialog.scrollable {
2580 position: absolute;
2581 top: 0;
2582 left: 50%;
2583}
2584// div#modalDialog.fixed,
2585div.modalDialog.fixed {
2586 position: fixed;
2587 top: 40%;
2588 left: 50%;
2589}
2590div#modalDialog div, div.modalDialog div {
2591 z-index: 20002;
2592 list-style-type: circle;
2593}
2594div.modalDialogMask.simpleMessagePanelMask {
2595 z-index: 20010;
2596}
2597div.modalDialogFrame.simpleMessagePanelMask {
2598 z-index: 20011;
2599}
2600div.modalDialog.simpleMessagePanelMask {
2601 z-index: 20011;
2602}
2603div.modalDialog.simpleMessagePanelMask div {
2604 z-index: 20012;
2605}
2606
2607div.bookmarklet div.bookmarklet_link {
2608 //padding-top: 5px;
2609 //padding-left: 4px;
2610 //padding-right: 3px;
2611
2612 //float: right;
2613 //margin-top: 12px;
2614 //margin-right: 13px;
2615
2616 height: 34px;
2617}
2618div.bookmarklet div.bookmarklet_link a {
2619 color: #838975;
2620 text-decoration: none;
2621 font-weight: bold;
2622 font-size: 10pt;
2623
2624 //display: block;
2625 //text-align: right;
2626 //padding-top: 7px;
2627 //padding-right: 11px;
2628 //padding-bottom: 6px;
2629}
2630div.bookmarklet div.bookmarklet_link a div.icon {
2631 background: url(../images/old/bookmarklet/placeholder_icon.png) no-repeat 0 0;
2632 float: left;
2633 width: 34px;
2634 height: 34px;
2635}
2636div.bookmarklet div.bookmarklet_link a:hover div.icon {
2637 background: url(../images/old/bookmarklet/placeholder_selected_icon.png) no-repeat 0 0;
2638}
2639div.bookmarklet div.bookmarklet_link a div.text {
2640 display: block;
2641 float: right;
2642 background: url(../images/old/bookmarklet/placeholder.png) no-repeat right 0;
2643 white-space: nowrap;
2644 height: 34px;
2645}
2646div.bookmarklet div.bookmarklet_link a:hover div.text {
2647 background: url(../images/old/bookmarklet/placeholder_selected.png) no-repeat right 0;
2648}
2649div.bookmarklet div.bookmarklet_link a div.text span {
2650 display: block;
2651 padding-top: 10px;
2652 padding-right: 10px;
2653 padding-left: 6px;
2654 clear: both;
2655}
2656
2657div.tooltip {
2658 position: absolute;
2659 z-index: 30001;
2660}
2661div.tooltip div.tooltip_body {
2662 position: absolute;
2663}
2664div.tooltip div.tooltip_arrow {
2665 position: absolute;
2666}
2667div.tooltip.BELOW div.tooltip_arrow {
2668 background: url(../images/old/tooltips/top_arrow.png) no-repeat;
2669}
2670div.tooltip.ABOVE div.tooltip_arrow {
2671 background: url(../images/old/tooltips/bottom_arrow.png) no-repeat;
2672}
2673div.tooltip.LEFT div.tooltip_arrow {
2674 background: url(../images/old/tooltips/right_arrow.png) no-repeat;
2675}
2676div.tooltip.RIGHT div.tooltip_arrow {
2677 //margin-top: 7px;
2678
2679 background: url(../images/old/tooltips/left_arrow.png) no-repeat;
2680}
2681div.tooltip.RIGHT div.tooltip_body {
2682 //padding-left: 13px;
2683
2684}
2685div.tooltip div.tooltip_body div.tooltip_text {
2686 width: 171px;
2687 background: url(../images/old/tooltips/body.png) no-repeat center top;
2688}
2689div.tooltip.LEFT div.tooltip_body div.tooltip_text, div.tooltip.RIGHT div.tooltip_body div.tooltip_text {
2690 min-height: 45px;
2691}
2692div.tooltip div.tooltip_body span {
2693 display: block;
2694 padding: 10px;
2695 padding-bottom: 4px;
2696 font-size: 10pt;
2697 color: white;
2698}
2699div.tooltip div.tooltip_footer {
2700 height: 7px;
2701 background: url(../images/old/tooltips/body_bottom.png) no-repeat;
2702}
2703
2704// ---------------------------------------
2705
2706
2707div.mainDialog {
2708 position: relative;
2709 left: -263px;
2710 width: 525px;
2711 height: 325px;
2712}
2713div.scrollable div.mainDialog {
2714 top: 0px;
2715}
2716div.fixed div.mainDialog {
2717 top: -118px;
2718}
2719div.mainDialog div.header {
2720 height: 55px;
2721 background: url(../images/old/cardDialog/background_header.png) no-repeat;
2722}
2723div.mainDialog div.header div.title {
2724 padding-top: 16px;
2725 padding-left: 20px;
2726 padding-right: 20px;
2727}
2728div.mainDialog div.header div.title input {
2729 width: 100%;
2730 display: block;
2731 font-size: 16pt;
2732 margin: 0px;
2733 border: 0px;
2734 padding: 3px 10px;
2735 color: #787872;
2736 border: 1px solid #cccec0;
2737 background-color: #cccec0;
2738}
2739div.mainDialog div.header div.title h3 {
2740 display: block;
2741 font-size: 16pt;
2742 color: #787872;
2743 margin: 0px;
2744 border: 0px;
2745 padding: 3px 10px;
2746}
2747div.mainDialog div.header div.title.selectedField input, div.mainDialog div.header div.title:hover input {
2748 border: 1px solid #515247;
2749 background-color: #b5b7ab;
2750}
2751div.mainDialog div.header div.title.disabled:hover input {
2752 border: 1px solid #cccec0;
2753 background-color: #cccec0;
2754}
2755div.mainDialog div.body {
2756 padding-top: 0px;
2757 padding-left: 10px;
2758 padding-right: 9px;
2759 min-height: 200px;
2760 background: url(../images/old/cardDialog/background_body.png) repeat-y;
2761}
2762div.mainDialog div.body div.mask {
2763 display: none;
2764}
2765div.mainDialog.loading div.body div.mask {
2766 display: block;
2767 position: absolute;
2768 top: 55px;
2769 left: 10px;
2770 right: 9px;
2771 bottom: 70px;
2772 z-index: 1001;
2773 background-color: white;
2774 padding-left: 146px;
2775 padding-right: 146px;
2776 padding-top: 70px;
2777}
2778div.mainDialog.loading div.body .tabPanels {
2779 display: none;
2780}
2781div.mainDialog.loading div.body div.mask h3.progressDescription {
2782 margin: 0px;
2783 text-align: center;
2784 padding-bottom: 10px;
2785 color: #cccec0;
2786 font-size: 14pt;
2787 font-weight: normal;
2788}
2789div.loadingBar {
2790 height: 22px;
2791 width: 214px;
2792 background: url(../images/old/loading/loadingBar.gif) no-repeat center top;
2793}
2794div.loadingBar div.loadingBarProgressBox {
2795 padding: 2px;
2796}
2797div.loadingBar div.loadingBarProgress {
2798 height: 18px;
2799 width: 0%;
2800 //background-repeat: no-repeat;
2801
2802 background-color: rgba(248, 79, 0, 0.6);
2803 -webkit-border-radius: 9px;
2804 -moz-border-radius: 9px;
2805 border-radius: 9px;
2806}
2807
2808div.mainDialog div.body div ul {
2809 padding: 0px;
2810 clear: both;
2811 margin: 0px;
2812 list-style-type: none;
2813}
2814div.mainDialog div.body div.tabs {
2815 height: 20px;
2816}
2817div.mainDialog div.body div.tabs ul.tabs {
2818 height: 33px;
2819 //border-bottom: 1px solid #515247;
2820 //background: #cccec0 url(../images/old/cardDialog/tabs_shadow.png) repeat-x 0 -5px;
2821
2822 background: url(../images/old/cardDialog/tabs_background.png) repeat-x;
2823}
2824div.mainDialog div.body div.tabs ul.tabs li {
2825 //width: 150px;
2826
2827 height: 32px;
2828 font-size: 11pt;
2829 text-align: center;
2830 border-right: 1px solid #515247;
2831 float: left;
2832 color: #787872;
2833 border-bottom: 1px solid #515247;
2834 background: #cccec0 url(../images/old/cardDialog/tabs_shadow.png) repeat-x 0 -5px;
2835 cursor: pointer;
2836}
2837div.mainDialog div.body div.tabs ul.tabs li div {
2838 display: none;
2839}
2840div.mainDialog div.body div.tabs ul.tabs li span {
2841 display: block;
2842 padding-top: 9px;
2843 padding-bottom: 6px;
2844 padding-left: 40px;
2845 padding-right: 40px;
2846}
2847div.mainDialog div.body div.tabs ul.tabs li:hover {
2848 color: #515247;
2849}
2850div.mainDialog div.body div.tabs ul.tabs li.disabled:hover {
2851 color: #787872;
2852 cursor: default;
2853}
2854div.mainDialog div.body div.tabs ul.tabs li.selected {
2855 color: #515247;
2856 background-color: #f1f2e9;
2857 border-bottom: 1px solid #f1f2e9;
2858 cursor: default;
2859}
2860div.mainDialog div.body div.tabs ul.tabs li.selected.disabled:hover {
2861 color: #515247;
2862}
2863div.mainDialog div.body div.tabs ul.tabs li.selected div.backToDirectLoginList {
2864 position: absolute;
2865 display: block;
2866 top: 63px;
2867 left: 140;
2868 width: 20px;
2869}
2870div.mainDialog div.body div.tabs ul.tabs li.selected div.addDirectLoginButton {
2871 position: absolute;
2872 display: block;
2873 top: 63px;
2874 left: 265px;
2875 width: 20px;
2876}
2877div.mainDialog div.body div.tabs ul.tabs li.selected div span {
2878 padding: 0px;
2879 margin: 0px;
2880}
2881div.mainDialog div.body div.tabs ul.tabs li.selected div:hover {
2882 cursor: pointer;
2883}
2884div.mainDialog div.body .tabPanels {
2885 clear: both;
2886}
2887div.mainDialog div.body ul.tabPanels li.tabPanel {
2888 display: none;
2889}
2890div.mainDialog div.body ul.tabPanels li.tabPanel.selected {
2891 display: block;
2892}
2893div.mainDialog div.body ul.tabPanels li.tabPanel.selected h2 {
2894 margin: 0px;
2895 text-align: center;
2896 padding-top: 50px;
2897 color: #787872;
2898}
2899div.mainDialog div.body ul.tabPanels li.tabPanel.selected div.wizardStepDescription {
2900 margin: 0px 20px 10px;
2901 font-size: 10pt;
2902 color: b0b0b0;
2903 font-style: italic;
2904 text-align: center;
2905}
2906div.mainDialog div.footer {
2907 height: 70px;
2908 background: url(../images/old/cardDialog/background_footer.png) no-repeat 0 -14px;
2909}
2910div.mainDialog div.footer div.buttonArea {
2911 padding-left: 40px;
2912 padding-right: 40px;
2913 padding-top: 15px;
2914}
2915div.mainDialog div.footer div.buttonArea div {
2916 padding-left: 20px;
2917 padding-right: 20px;
2918 float: left;
2919 font-weight: bold;
2920 color: #787872;
2921}
2922div.mainDialog div.footer div.buttonArea div.disabled {
2923 color: #b1b1a8;
2924}
2925div.mainDialog div.footer div.buttonArea div.disabled:hover {
2926 color: #b1b1a8;
2927 cursor: default;
2928}
2929div.mainDialog div.footer div.buttonArea div:hover {
2930 color: #515247;
2931 cursor: pointer;
2932}
2933div.mainDialog div.footer div.buttonArea div.save {
2934 float: right;
2935}
2936
2937div.addDirectLoginButton {
2938 height: 20px;
2939 width: 20px;
2940 background: url(../images/old/cardDialog/addDirectLogin_disabled_background.png) no-repeat -9px -9px;
2941 color: white;
2942 font-weight: bold;
2943}
2944div.addDirectLoginButton span {
2945 display: block;
2946 height: 20px;
2947 width: 20px;
2948}
2949div.addDirectLoginButton:hover {
2950 background: url(../images/old/cardDialog/addDirectLogin_background.png) no-repeat -9px -9px;
2951}
2952
2953div.directLoginsComponentContainer {
2954 overflow: hidden;
2955 //background-color: green;
2956
2957}
2958div.CardDialog div.directLogins {
2959 //background-color: yellow;
2960
2961 padding-top: 2px;
2962}
2963div.CardDialog div.addNewDirectLoginSplash {
2964 margin: 0px 80px;
2965}
2966div.CardDialog div.addNewDirectLoginSplash h3 {
2967 color: #aaaaaa;
2968 text-align: center;
2969 font-weight: normal;
2970 font-size: 11pt;
2971}
2972div.CardDialog div.addNewDirectLoginSplash a {
2973 display: block;
2974 text-decoration: none;
2975 margin-left: auto;
2976 margin-right: auto;
2977 width: 190px;
2978 //color: #787878;
2979
2980 color: rgba(255, 98, 6, 0.75);
2981 text-transform: uppercase;
2982 background: url(../images/old/cardDialog/addDirectLogin_disabled_background.png) no-repeat right;
2983}
2984div.CardDialog div.addNewDirectLoginSplash a span {
2985 text-align: center;
2986}
2987div.CardDialog div.addNewDirectLoginSplash a:hover {
2988 color: #ff6206;
2989 background: url(../images/old/cardDialog/addDirectLogin_background.png) no-repeat right;
2990}
2991div.CardDialog div.directLoginItem {
2992 clear: both;
2993 min-height: 32px;
2994 padding-left: 10px;
2995 padding-top: 4px;
2996 padding-bottom: 2px;
2997 //width: 100px;
2998
2999 max-height: 32px;
3000 overflow: hidden;
3001}
3002div.CardDialog div.directLoginItem:hover {
3003 background-color: #cccec0;
3004}
3005div.CardDialog div.addDirectLoginListItem {
3006 min-height: 32px;
3007 padding-left: 10px;
3008 padding-top: 4px;
3009 padding-bottom: 2px;
3010 max-height: 32px;
3011 overflow: hidden;
3012 background: url(../images/old/cardDialog/addDirectLogin_disabled_background.png) no-repeat 22px 0;
3013}
3014div.CardDialog div.addDirectLoginListItem a {
3015 display: block;
3016 font-size: 11pt;
3017 padding-top: 6px;
3018 padding-left: 50px;
3019 color: rgba(255, 98, 6, 0.75);
3020 text-decoration: none;
3021 text-transform: uppercase;
3022}
3023div.CardDialog div.addDirectLoginListItem:hover {
3024 background: url(../images/old/cardDialog/addDirectLogin_background.png) no-repeat 22px 0;
3025 color: #ff6206;
3026 background-color: #cccec0;
3027}
3028div.CardDialog div.directLoginItem div.cardDialogRecordDirectLoginComponent_favicon img.favicon {
3029 width: 32px;
3030 height: 32px;
3031 float: left;
3032}
3033div.CardDialog div.directLoginItem div.cardDialogRecordDirectLoginComponent_label input {
3034 float: left;
3035 font-size: 11pt;
3036 border: 0px;
3037 padding: 5px;
3038 color: #787872;
3039 border: 1px solid #ededeb;
3040 background-color: #ededeb;
3041 height: 30px;
3042 margin-left: 10px;
3043 width: 68%;
3044 margin-right: 5px;
3045}
3046div.CardDialog div.directLoginItem:hover div.cardDialogRecordDirectLoginComponent_label input {
3047 border: 1px solid #515247;
3048 background-color: #b5b7ab;
3049}
3050div.CardDialog div.directLoginItem > div.open {
3051 float: left;
3052 margin-top: 5px;
3053 margin-right: 2px;
3054 padding-left: 5px;
3055 visibility: hidden;
3056}
3057div.CardDialog div.directLoginItem > div.edit, div.CardDialog div.directLoginItem > div.delete {
3058 float: left;
3059 margin-top: 5px;
3060 margin-left: 3px;
3061 padding-left: 5px;
3062 visibility: hidden;
3063}
3064div.CardDialog div.directLoginItem > div.open a {
3065 display: block;
3066 width: 22px;
3067 height: 22px;
3068 background: url(../images/old/cardDialog/openDirectLogin.png) no-repeat 0 -2px;
3069}
3070div.CardDialog div.directLoginItem > div.open a:hover {
3071 background: url(../images/old/cardDialog/openDirectLogin_selected.png) no-repeat 0 -2px;
3072}
3073div.CardDialog div.directLoginItem:hover > div.open, div.CardDialog div.directLoginItem:hover > div.edit, div.CardDialog div.directLoginItem:hover > div.delete {
3074 visibility: visible;
3075}
3076div.CardDialog div.directLoginItem div.edit span {
3077 padding-right: 6px;
3078 display: block;
3079}
3080div.CardDialog div.directLoginItem div.open span a, div.CardDialog div.directLoginItem div.edit span a, div.CardDialog div.directLoginItem div.delete span a {
3081 font-size: 8pt;
3082 color: #666666;
3083 text-decoration: none;
3084 line-height: 19px;
3085}
3086div.CardDialog div.directLoginItem div.edit:hover {
3087 background: url(../images/old/new_background_left.png) no-repeat;
3088}
3089div.CardDialog div.directLoginItem div:hover span a {
3090 color: white;
3091}
3092div.CardDialog div.directLoginItem div.edit:hover span {
3093 background: url(../images/old/new_background.png) no-repeat right center;
3094}
3095div.CardDialog div.directLoginItem div.delete:hover {
3096 background: url(../images/old/delete_background_left.png) no-repeat;
3097}
3098div.CardDialog div.directLoginItem div.delete:hover span {
3099 background: url(../images/old/delete_background.png) right;
3100}
3101div.CardDialog div.directLoginEditDetail {
3102 position: relative;
3103 //background-color: red;
3104
3105}
3106
3107form.directLoginEditingForm div.title, form.directLoginEditingForm div.favicon {
3108 padding: 5px 10px;
3109}
3110form.directLoginEditingForm div.title.disabled:hover {
3111 background-color: #f1f2e9;
3112}
3113form.directLoginEditingForm div.title:hover, form.directLoginEditingForm div.favicon:hover {
3114 background-color: #cccec0;
3115}
3116form.directLoginEditingForm div.title input {
3117 //width: 100%;
3118
3119 margin: 0px;
3120 margin-left: 10px;
3121 width: 440px;
3122}
3123form.directLoginEditingForm div.favicon {
3124 padding-left: 10px;
3125}
3126// form.directLoginEditingForm div.favicon img.favicon {
3127form.directLoginEditingForm img.favicon {
3128 float: left;
3129 width: 32px;
3130 height: 32px;
3131}
3132form.directLoginEditingForm div.favicon input {
3133 margin-top: 1px;
3134 width: 465px;
3135}
3136form.directLoginEditingForm div.disabled:hover input, form.directLoginEditingForm div input {
3137 font-size: 11pt;
3138 border: 0px;
3139 padding: 5px;
3140 color: #787872;
3141 border: 1px solid #ededeb;
3142 background-color: #ededeb;
3143 height: 30px;
3144}
3145form.directLoginEditingForm div:hover input {
3146 border: 1px solid #515247;
3147 background-color: #b5b7ab;
3148}
3149
3150div.bindings div.binding > span.formFieldName {
3151 display: inline-block;
3152 width: 140px;
3153 overflow: hidden;
3154 margin-right: 10px;
3155 color: #6b5147;
3156 text-overflow: ellipsis;
3157}
3158div.bindings div.binding {
3159 padding-bottom: 3px;
3160}
3161div.bindings div.binding > input {
3162 margin-right: 10px;
3163 background: #cccec0;
3164 width: 150px;
3165 border: 1px solid #cccec0;
3166}
3167div.bindings div.binding:hover > input {
3168 border: 1px solid #cccec0;
3169}
3170div.bindings div.binding > select {
3171 font-size: 13pt;
3172}
3173div.bindings div.binding span.fieldLock {
3174 display: inline-block;
3175 width: 20px;
3176 height: 20px;
3177 margin-right: 3px;
3178}
3179div.bindings div.binding.showLocked input {
3180 background: url(../images/old/cardDialog/password_background.png) no-repeat 2px 3px;
3181 //color: black;
3182
3183 overflow: hidden;
3184 background: #cccec0 url(../images/old/cardDialog/password_background.png) no-repeat 2px 3px;
3185 color: rgba(237, 237, 235, 0.1);
3186}
3187div.bindings div.binding span.fieldLock a {
3188 display: none;
3189}
3190div.bindings div.binding.locked span.fieldLock a {
3191 display: block;
3192 width: 20px;
3193 height: 20px;
3194 text-decoration: none;
3195 background-image: url(../images/old/cardDialog/lock_open.png);
3196} 1970}
3197div.bindings div.binding.locked.showLocked span.fieldLock a { 1971div.sidePanels div.tabSidePanel {
3198 background-image: url(../images/old/cardDialog/lock_closed.png); 1972 margin-right: -10px;
3199 text-decoration: none;
3200} 1973}
3201 1974div.sidePanels div.tabSidePanel ul {
3202div.formValues { 1975 margin: 0px;
3203 padding-top: 15px; 1976 padding-left: 0px;
1977 list-style-type: none;
1978 color: #f78b46;
3204} 1979}
3205div.formValues div.formValue div { 1980div.sidePanels div.tabSidePanel ul.mainTabs {
3206 margin: 0px; 1981 margin: 0px;
3207 display: inline-block;
3208} 1982}
3209div.formValues div.formValue > span.formFieldName { 1983div.sidePanels div.tabSidePanel ul.mainTabs li a {
3210 display: inline-table; 1984 display: block;
3211 width: 160px; 1985 line-height: 30px;
3212 overflow: hidden; 1986 height: 43px;
3213 margin-right: 10px; 1987 padding-left: 40px;
3214 color: #6b5147; 1988 color: #ff6621;
1989 margin: 0px;
1990 font-weight: normal;
1991 font-size: 13pt;
1992 text-decoration: none;
3215} 1993}
3216 1994div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter {
3217div.directLoginEditing { 1995 display: none;
3218 padding-top: 2px;
3219} 1996}
3220div.directLoginEditing div.tabContainer { 1997div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter a.add {
3221 min-height: 150px; 1998 font-size: 14pt;
3222 height: 200px; 1999 font-weight: bold;
2000 position: relative;
2001 top: -34px;
2002 right: 16px;
2003 background: none;
2004 color: #c0531b;
2005 padding-left: 15px;
3223} 2006}
3224div.directLoginEditing div.tabContainer > ul.tabs { 2007div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter a.add:hover {
3225 display: none; 2008 color: white;
3226} 2009}
3227 2010div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter a.add span {
3228div.directLoginEditing li { 2011 font-size: 8pt;
3229 padding: 10px; 2012 vertical-align: middle;
3230} 2013}
3231div.directLoginEditing li.configuration > .bookmarkletConfigurationWrapper > textarea { 2014div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter a.add h3 {
3232 float: left; 2015 display: inline;
3233 width: 320px; 2016 padding-left: 5px;
3234 height: 125px;
3235 font-family: monospace;
3236 font-weight: normal;
3237 font-size: 8pt;
3238 border: 1px solid #ccc;
3239} 2017}
3240div.directLoginEditing li.configuration > .bookmarkletConfigurationWrapper .bookmarkletComponent { 2018div.sidePanels div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter {
3241 float: right; 2019 display: block;
2020 position: absolute;
2021 left: 154px;
2022 margin-top: -43px;
3242} 2023}
3243div.directLoginEditing li.configuration > textarea.error { 2024div.sidePanels div.tabSidePanel ul.mainTabs li.cards a {
3244 border: 1px solid red; 2025 background: url(../images/old/main/tabs/cardsBackground.png) -19px -63px;
3245 background-color: rgba(255, 0, 0, 0.1);
3246} 2026}
3247 2027div.sidePanels div.tabSidePanel ul.mainTabs li.cards a:hover {
3248div.CardDialog div.body { 2028 background: url(../images/old/main/tabs/cardsBackground.png) -19px -110px;
3249 padding-bottom: 1px;
3250} 2029}
3251div.CardDialog div.body table.fields { 2030div.sidePanels div.tabSidePanel ul.mainTabs li.cards.selected a {
3252 width: 100%; 2031 margin-left: -10px;
3253 padding-top: 8px; 2032 padding-left: 50px;
3254 padding-bottom: 1px; 2033 color: white;
2034 background: url(../images/old/main/tabs/cardsBackground.png) -9px -14px;
3255} 2035}
3256div.CardDialog div.body table.fields thead { 2036div.sidePanels div.tabSidePanel ul.mainTabs li.cards.selected a:hover {
3257 background: url(../images/old/cardDialog/dottedLine_background.png) repeat-x 0 15px; 2037 background: url(../images/old/main/tabs/cardsBackground.png) -9px -14px;
3258} 2038}
3259div.CardDialog div.body table.fields tfoot { 2039div.sidePanels div.tabSidePanel ul.mainTabs li.directLogins a {
3260 background: url(../images/old/cardDialog/dottedLine_background.png) repeat-x 0 bottom; 2040 background: url(../images/old/main/tabs/directLoginBackground.png) -19px -63px;
3261} 2041}
3262div.CardDialog div.body table.fields thead th { 2042div.sidePanels div.tabSidePanel ul.mainTabs li.directLogins a:hover {
3263 text-align: left; 2043 background: url(../images/old/main/tabs/directLoginBackground.png) -19px -110px;
3264 font-weight: normal;
3265 font-size: 9pt;
3266 color: #787872;
3267 padding-left: 10px;
3268 padding-bottom: 3px;
3269 //border-bottom: 1px dotted;
3270} 2044}
3271div.CardDialog div.body table.fields thead th.fieldStateTH { 2045div.sidePanels div.tabSidePanel ul.mainTabs li.directLogins.selected a {
3272 width: 10px; 2046 margin-left: -10px;
2047 padding-left: 50px;
2048 color: white;
2049 background: url(../images/old/main/tabs/directLoginBackground.png) -9px -14px;
3273} 2050}
3274div.CardDialog div.body table.fields tbody td.fieldLabel input { 2051div.sidePanels div.tabSidePanel ul.mainTabs li.directLogins.selected a:hover {
3275 width: 130px; 2052 color: white;
2053 background: url(../images/old/main/tabs/directLoginBackground.png) -9px -14px;
3276} 2054}
3277div.CardDialog div.body table.fields thead th.fieldLockTH { 2055div.sidePanels div.tabSidePanel ul.otherTabs {
3278 width: 10px; 2056 margin: 10px 0px;
3279} 2057}
3280div.CardDialog div.body table.fields tbody td.fieldValue input { 2058div.sidePanels div.tabSidePanel ul.otherTabs li {
3281 width: 280px; 2059 margin-top: -4px;
3282} 2060}
3283div.CardDialog div.body table.fields thead th.fieldActionTH { 2061div.sidePanels div.tabSidePanel ul.otherTabs li div.selectionHighlighter {
3284 width: 30px; 2062 display: none;
3285} 2063}
3286div.CardDialog div.body table.fields thead th.fieldDeleteTH { 2064div.sidePanels div.tabSidePanel ul.otherTabs li a {
3287 width: 40px; 2065 display: block;
2066 line-height: 36px;
2067 height: 43px;
2068 padding-left: 40px;
2069 color: #ff6621;
2070 text-decoration: none;
3288} 2071}
3289div.CardDialog div.body table.fields tbody tr:hover, div.CardDialog div.body table.fields tbody tr.selectedField { 2072div.sidePanels div.tabSidePanel ul.otherTabs li a:hover {
3290 background-color: #cccec0; 2073 background: url(../images/old/main/tabs/itemsBackground.png) -10px -49px;
3291} 2074}
3292div.CardDialog div.body table.fields tbody tr td { 2075div.sidePanels div.tabSidePanel ul.otherTabs li.selected a {
3293 font-size: 11pt; 2076 margin-left: -10px;
3294 color: #787872; 2077 padding-left: 50px;
3295 height: 35px; 2078 background: url(../images/old/main/tabs/itemsBackground.png) 1px -96px;
2079 color: white;
3296} 2080}
3297div.CardDialog div.body table.fields tbody tr td input { 2081div.sidePanels div.tabSidePanel ul.otherTabs li.selected div.selectionHighlighter {
3298 font-size: 11pt; 2082 display: block;
3299 border: 0px; 2083 position: absolute;
3300 padding: 5px; 2084 left: 154px;
3301 color: #787872; 2085 margin-top: -42px;
3302 border: 1px solid #ededeb;
3303 background-color: #ededeb;
3304 height: 30px;
3305} 2086}
2087div.tagSidePanel {
2088 /*
2089 margin-right: -8px;
3306 2090
3307div.CardDialog div.body table.fields tbody tr td.fieldValue div.locked input { 2091 div.tagSidePanel div.header {
3308 background: #ededeb url(../images/old/cardDialog/password_background.png) no-repeat 2px 3px; 2092 height: 50px;
3309 color: #ededeb; 2093 background-image: url(../images/old/main/tabs/tagsBackground.png);
3310 color: rgba(237, 237, 235, 0.1); 2094 }
3311 //color: black; 2095 div.tagSidePanel div.header h1 {
3312 //line-height: 100px; 2096 padding-left: 52px;
3313 2097 padding-top: 14px;
3314 overflow: hidden; 2098 font-size: 14pt;
3315} 2099 font-weight: normal;
3316div.locked input.value::-moz-selection { 2100 color: #888888;
3317 background: #ff0000; 2101 }
3318} 2102 div.tagSidePanel div.body {
3319div.locked input.value::selection { 2103 background: url(../images/old/main/tabs/tagsBackground.png) -255px;
3320 background: #ff0000; 2104 }
3321} 2105 div.tagSidePanel div.footer {
3322div.CardDialog div.body table.fields tbody tr.new.selectedField td input, 2106 height: 10px;
3323div.CardDialog div.body table.fields tbody tr.new:hover td input, 2107 background: url(../images/old/main/tabs/tagsBackground.png) -510px -40px;
3324div.CardDialog div.body table.fields tbody tr:hover td input, 2108 }
3325div.CardDialog div.body table.fields tbody tr.selectedField td input { 2109 div.tagSidePanel ul.tags {
3326 border: 1px solid #515247; 2110 margin: 0px;
3327 background-color: #b5b7ab; 2111 list-style-type: none;
3328} 2112 padding: 0px;
3329div.CardDialog div.body table.fields tbody tr:hover td.fieldValue div.locked input, div.CardDialog div.body table.fields tbody tr.selectedField td.fieldValue div.locked input { 2113 }
3330 background: #b5b7ab url(../images/old/cardDialog/password_background.png) no-repeat 2px 3px; 2114 div.tagSidePanel ul.tags li a {
3331 color: #b5b7ab; 2115 display: block;
3332 color: rgba(237, 237, 235, 0.1); 2116 font-size: 9pt;
3333} 2117 text-decoration: none;
3334div.CardDialog div.body table.fields tbody td.fieldLock div { 2118 color: #ff6621;
3335 width: 20px; 2119 padding: 0px 4px 0px 15px;
3336 height: 19px; 2120 line-height: 20px;
3337 cursor: pointer; 2121 }
3338} 2122 div.tagSidePanel ul.tags li a:hover {
3339div.CardDialog div.body table.fields tbody tr:hover td.fieldLock div.locked { 2123 background-color: #dddddd;
3340 background-image: url(../images/old/cardDialog/lock_closed.png); 2124 }
3341} 2125 div.tagSidePanel ul.tags li span.tagCardinality {
3342div.CardDialog div.body table.fields tbody tr:hover td.fieldLock div.unlocked { 2126 float: right;
3343 background-image: url(../images/old/cardDialog/lock_open.png); 2127 font-size: 8pt;
3344} 2128 color: #999999;
3345div.CardDialog div.body table.fields tbody tr td.fieldAddDelete div span a { 2129 margin-right: 15px;
3346 text-decoration: none; 2130 margin-top: -17px;
3347 visibility: hidden; 2131 }
3348 font-size: 8pt; 2132 div.tagSidePanel ul.tags li.selected a {
3349 vertical-align: -13px; 2133 background-color: #d4d5cf;
3350 color: black; 2134 }
3351} 2135 div.tagSidePanel ul.tags li.selected a:hover {
3352div.CardDialog div.body table.fields tbody tr.selectedField td.fieldAddDelete div span a { 2136 background-color: #d4d5cf;
3353 visibility: visible; 2137 }
3354} 2138 div.tagSidePanel ul.tags li.selected a {
3355div.CardDialog div.body table.fields tbody tr:hover td.fieldAddDelete div span a { 2139 font-weight: bold;
3356 visibility: visible; 2140 }
3357} 2141*/
3358div.CardDialog div.body table.fields tbody tr:hover td.fieldAddDelete div:hover span a {
3359 color: white;
3360}
3361div.CardDialog div.body div.notes {
3362 background: url(../images/old/cardDialog/dottedLine_background.png) repeat-x 0 0;
3363 padding-top: 2px;
3364}
3365div.CardDialog div.body div.notes div {
3366 padding-left: 20px;
3367 padding-right: 20px;
3368 padding-top: 4px;
3369 padding-bottom: 4px;
3370}
3371div.CardDialog div.body div.notes div:hover, div.CardDialog div.body div.notes.selectedField div {
3372 background-color: #cccec0;
3373}
3374div.CardDialog.loading div.body div.notes div textarea {
3375 display: none;
3376}
3377div.CardDialog div.body div.notes div textarea {
3378 border: 0;
3379 width: 470px;
3380 //width: 100%;
3381 //height: 100px;
3382 // min-height: 400px;
3383 //overflow: hidden;
3384
3385 color: #787872;
3386 border: 1px solid #ededeb;
3387 background-color: #ededeb;
3388 display: block;
3389 line-height: 12pt;
3390 min-height: 50px;
3391}
3392div.CardDialog div.body div.notes div:hover textarea, div.CardDialog div.body div.notes.selectedField div textarea {
3393 border: 1px solid #515247;
3394 background-color: #b5b7ab;
3395}
3396div.CardDialog div.body table.fields tbody tr td.fieldAction {
3397 //background-color: red;
3398
3399 padding-left: 4px;
3400}
3401div.CardDialog div.body table.fields tbody tr td.fieldAction a {
3402 display: inline-block;
3403 text-decoration: none;
3404 text-align: center;
3405 width: 16px;
3406 height: 16px;
3407}
3408div.CardDialog div.body table.fields tbody tr td.fieldAction a.email {
3409 background: url(../images/old/cardDialog/fieldTypes/email.png) no-repeat 0 0;
3410}
3411div.CardDialog div.body table.fields tbody tr td.fieldAction a.email:hover {
3412 background: url(../images/old/cardDialog/fieldTypes/email_selected.png) no-repeat 0 0;
3413}
3414div.CardDialog div.body table.fields tbody tr td.fieldAction a.url {
3415 background: url(../images/old/cardDialog/fieldTypes/url.png) no-repeat 0 0;
3416}
3417div.CardDialog div.body table.fields tbody tr td.fieldAction a.url:hover {
3418 background: url(../images/old/cardDialog/fieldTypes/url_selected.png) no-repeat 0 0;
3419}
3420div.CardDialog div.body table.fields tbody tr td.fieldAction a.password {
3421 background: url(../images/old/cardDialog/fieldTypes/password.png) no-repeat 0 0;
3422}
3423div.CardDialog div.body table.fields tbody tr td.fieldAction a.password:hover {
3424 background: url(../images/old/cardDialog/fieldTypes/password_selected.png) no-repeat 0 0;
3425}
3426div#disabledZone {
3427 display: block;
3428 visibility: visible;
3429}
3430div#messageZone {
3431 display: block;
3432 visibility: visible;
3433}
3434div.CardDialog div.error div.img {
3435 margin: 10px;
3436 width: 50px;
3437 height: 50px;
3438 float: left;
3439 background-image: url(../images/old/simpleMessageBox/Alert.png);
3440}
3441div.rulerWrapper {
3442 left: -1000px;
3443 margin-top: -30px;
3444 margin-left: 50%;
3445 z-index: 25000;
3446}
3447div.rulerWrapper.fixed {
3448 position: fixed;
3449}
3450div.rulerWrapper.scrollable {
3451 position: absolute;
3452} 2142}
3453div.ruler { 2143div.groupSidePanel {
3454 //position: absolute; 2144 /*
3455 2145 margin-right: -10px;
3456 width: 541px;
3457 height: 96px;
3458 margin-left: -270px;
3459 background: url(../images/old/ruler/ruler.png) no-repeat;
3460}
3461div.ruler a {
3462 position: absolute;
3463 display: block;
3464 width: 15px;
3465 height: 15px;
3466 top: 3px;
3467 text-decoration: none;
3468}
3469div.ruler a.exit {
3470 margin-left: 2px;
3471 background: url(../images/old/ruler/exit.png) no-repeat;
3472}
3473div.ruler a.exit:hover {
3474 background: url(../images/old/ruler/exit_selected.png) no-repeat;
3475}
3476div.ruler a.smallButton.previous {
3477 right: 16px;
3478 background: url(../images/old/ruler/small_previous.png) no-repeat;
3479}
3480div.ruler a.smallButton.previous:hover {
3481 cursor: pointer;
3482 background: url(../images/old/ruler/small_previous_selected.png) no-repeat;
3483}
3484div.ruler a.smallButton.previous.disabled, div.ruler a.smallButton.previous.disabled:hover {
3485 cursor: default;
3486 background: url(../images/old/ruler/small_previous_disabled.png) no-repeat;
3487}
3488div.ruler a.smallButton.next {
3489 right: 3px;
3490 background: url(../images/old/ruler/small_next.png) no-repeat;
3491}
3492div.ruler a.smallButton.next:hover {
3493 cursor: pointer;
3494 background: url(../images/old/ruler/small_next_selected.png) no-repeat;
3495}
3496div.ruler a.smallButton.next.disabled, div.ruler a.smallButton.next.disabled:hover {
3497 cursor: default;
3498 background: url(../images/old/ruler/small_next_disabled.png) no-repeat;
3499}
3500div.ruler div.steps, div.ruler div.dots {
3501 position: absolute;
3502 background-color: rgba(255, 255, 255, 0);
3503 margin-left: 30px;
3504 margin-right: 30px;
3505}
3506div.ruler div.steps {
3507 top: 25px;
3508 height: 30px;
3509}
3510div.ruler div.dots {
3511 top: 58px;
3512 height: 25px;
3513}
3514div.ruler div ul {
3515 list-style-type: none;
3516 margin: 0px;
3517 padding: 0px;
3518}
3519div.ruler div ul li {
3520 display: inline-block;
3521 vertical-align: top;
3522}
3523div.ruler > div.steps > ul > li:first-child, div.ruler > div.dots > ul > li:first-child {
3524 margin-left: 0px;
3525}
3526div.ruler div.steps_3 ul li {
3527 margin-left: 135px;
3528}
3529div.ruler div.steps_4 ul li {
3530 margin-left: 67px;
3531}
3532div.ruler div.steps_5 ul li {
3533 margin-left: 32px;
3534}
3535div.ruler div.steps_6 ul li {
3536 margin-left: 12px;
3537}
3538div.ruler div ul li span {
3539 font-weight: bold;
3540 text-align: center;
3541 width: 70px;
3542 display: block;
3543 font-size: 8pt;
3544 overflow: hidden;
3545 color: rgba(0, 0, 0, 0.3);
3546}
3547div.ruler div ul li.selected span {
3548 color: black;
3549}
3550div.ruler div.dots ul li span {
3551 //text-align: center;
3552 //width: 26px;
3553 //margin-left: 22px;
3554 //margin-right: 22px;
3555 //height: 25px;
3556 //background-color: #e57218;
3557 2146
3558 font-size: 40pt; 2147 div.groupSidePanel div.header {
3559 line-height: 47px; 2148 height: 50px;
3560} 2149 background-image: url(../images/old/main/tabs/groupsBackground.png);
3561div.ruler div.marker { 2150 }
3562 position: absolute; 2151 div.groupSidePanel div.header h1 {
3563 top: -3px; 2152 padding-left: 52px;
3564 //left: -246px; 2153 padding-top: 14px;
3565} 2154 font-size: 14pt;
3566div.ruler div.marker div.markerBody { 2155 font-weight: normal;
3567 width: 77px; 2156 color: white;
3568 height: 97px; 2157 }
3569 background: url(../images/old/ruler/marker.png) no-repeat; 2158 div.groupSidePanel div.header a {
3570} 2159 float: right;
3571div.ruler div.marker div.next { 2160 margin-top: -30px;
3572 position: absolute; 2161 margin-right: 20px;
3573 top: 25px; 2162 text-decoration: none;
3574 left: 76px; 2163 color: #666666;
3575 width: 27px; 2164 font-size: 9pt;
3576 height: 65px; 2165 line-height: 18px;
3577 background: url(../images/old/ruler/next.png) no-repeat -13px; 2166 }
3578 z-index: 26000; 2167 div.groupSidePanel div.header a:hover {
3579} 2168 color: #444444;
3580div.ruler div.marker div.next:hover { 2169 }
3581 cursor: pointer; 2170 div.groupSidePanel div.body {
3582 background: url(../images/old/ruler/next.png) no-repeat -2px; 2171 background: url(../images/old/main/tabs/groupsBackground.png) -255px;
3583} 2172 }
3584div.ruler div.marker div.disabled { 2173 div.groupSidePanel div.footer {
3585 display: none; 2174 height: 10px;
3586} 2175 background: url(../images/old/main/tabs/groupsBackground.png) -510px -39px;
3587div.ruler div.marker div.previous { 2176 }
3588 position: absolute; 2177 div.groupSidePanel ul.groups {
3589 top: 25px; 2178 margin: 0px;
3590 left: -24px; 2179 list-style-type: none;
3591 width: 27px; 2180 padding: 0px;
3592 height: 65px; 2181 }
3593 //background: url(../images/old/ruler/previous.png) no-repeat 13px 1px; 2182 div.groupSidePanel ul.groups li a {
3594 background: url(../images/old/ruler/previous.png) no-repeat 18px 1px; 2183 display: block;
3595 z-index: 26000; 2184 font-size: 9pt;
3596} 2185 text-decoration: none;
3597div.ruler div.marker div.previous:hover { 2186 color: white;
3598 cursor: pointer; 2187 padding: 0px 4px 0px 15px;
3599 //background: url(../images/old/ruler/previous.png) no-repeat 2px 1px; 2188 line-height: 20px;
3600 background: url(../images/old/ruler/previous.png) no-repeat 7px 1px; 2189 }
2190 div.groupSidePanel ul.groups li a:hover {
2191 background-color: #aaaaaa;
2192 }
2193 div.groupSidePanel ul.groups li span.groupCardinality {
2194 float: right;
2195 font-size: 8pt;
2196 color: #dddddd;
2197 margin-right: 15px;
2198 margin-top: -17px;
2199 }
2200 div.groupSidePanel ul.groups li.selected a {
2201 background-color: #bbbbbb;
2202 }
2203 div.groupSidePanel ul.groups li.selected a:hover {
2204 background-color: #bbbbbb;
2205 }
2206 div.groupSidePanel ul.groups li.selected a {
2207 font-weight: bold;
2208 }
2209*/
3601} 2210}
3602
3603div.createNewCardSplash {
3604 margin-top: -450px;
3605 margin-left: 250px;
3606 width: 354px;
3607 float: left;
3608 height: 186px;
3609 text-align: center;
3610 background: url(../images/old/main/grid/createNewCardSplash.png) no-repeat;
3611}
3612div.createNewCardSplash:hover {
3613 cursor: pointer;
3614 background: url(../images/old/main/grid/createNewCardSplash_selected.png) no-repeat;
3615}
3616div.createNewCardSplash span {
3617 display: block;
3618 padding-top: 130px;
3619 font-size: 14pt;
3620 color: #9a9586;
3621}
3622div.createNewCardSplash:hover span {
3623 color: #605c4e;
3624}
3625//=============================================
3626div.NewUserCreation div.tabContainer {
3627 min-height: 150px;
3628 height: 200px;
3629}
3630div.NewUserCreation div.tabContainer > ul.tabs {
3631 display: none;
3632}
3633ul.createUserStates li.creating {
3634 background: url(../images/old/creatingUser.gif) no-repeat center center;
3635}
3636ul.createUserStates li {
3637 height: 100px;
3638}
3639ul.createUserStates li span {
3640 display: block;
3641 width: 100%;
3642 text-align: center;
3643 color: #999;
3644 font-style: italic;
3645}
3646div.NewUserCreation form.newUserCreationForm ul.tabPanels {
3647 padding-top: 10px;
3648}
3649div.NewUserCreation form.newUserCreationForm ul ul {
3650 margin-left: auto;
3651 margin-right: auto;
3652 width: 400px;
3653}
3654div.NewUserCreation form.newUserCreationForm ul.credentials li {
3655 height: 45px;
3656}
3657div.NewUserCreation form.newUserCreationForm ul.credentials span.label {
3658 text-align: right;
3659 display: inline-block;
3660 font-size: 12pt;
3661 color: #787872;
3662 width: 110px;
3663 vertical-align: baseline;
3664}
3665div.NewUserCreation form.newUserCreationForm ul.credentials input {
3666 font-size: 13pt;
3667 color: #787872;
3668 height: 35px;
3669 margin-left: 15px;
3670 padding-left: 5px;
3671}
3672div.NewUserCreation form.newUserCreationForm ul.termsOfService li {
3673 padding: 0 0 15 0;
3674}
3675div.NewUserCreation form.newUserCreationForm ul.termsOfService input {
3676 display: inline-block;
3677}
3678div.NewUserCreation form.newUserCreationForm ul.termsOfService .label {
3679 display: inline-block;
3680 text-align: left;
3681 font-size: 12pt;
3682 color: #787872;
3683 width: 350px;
3684 vertical-align: top;
3685 padding-left: 10px;
3686}
3687div.NewUserCreation form.newUserCreationForm ul.termsOfService a {
3688 font-weight: bold;
3689 color: #787872;
3690 text-decoration: none;
3691}
3692div.NewUserCreation form.newUserCreationForm ul.termsOfService a:hover {
3693 color: #444;
3694}
3695div.NewUserCreation form.newUserCreationForm ul.createUserStates li.done span {
3696 font-size: 16pt;
3697 color: green;
3698}
3699div.NewUserCreation form.newUserCreationForm ul.createUserStates li.fail span {
3700 font-size: 16pt;
3701 color: red;
3702}
3703*/ \ No newline at end of file
diff --git a/frontend/gamma/html/exitPage_template.html b/frontend/gamma/html/exitPage_template.html
index b46f9f6..e17bee0 100644
--- a/frontend/gamma/html/exitPage_template.html
+++ b/frontend/gamma/html/exitPage_template.html
@@ -1,137 +1,112 @@
1<!--
2
3Copyright 2008-2011 Clipperz Srl
4
5This file is part of Clipperz Community Edition.
6Clipperz Community Edition is an online password manager.
7For further information about its features and functionalities please
8refer to http://www.clipperz.com.
9
10* Clipperz Community Edition is free software: you can redistribute
11 it and/or modify it under the terms of the GNU Affero General Public
12 License as published by the Free Software Foundation, either version
13 3 of the License, or (at your option) any later version.
14
15* Clipperz Community Edition is distributed in the hope that it will
16 be useful, but WITHOUT ANY WARRANTY; without even the implied
17 warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
18 See the GNU Affero General Public License for more details.
19
20* You should have received a copy of the GNU Affero General Public
21 License along with Clipperz Community Edition. If not, see
22 <http://www.gnu.org/licenses/>.
23
24-->
25
26<html> 1<html>
27<head> 2<head>
28 <title>clipperz</title> 3 <title>clipperz</title>
29 <link rel="stylesheet" type="text/css" href="./static.css" /> 4 <link rel="stylesheet" type="text/css" href="./static.css" />
30 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
31</head> 6</head>
32<body> 7<body>
33 8
34<!-- h1>clipper<span class="logo_z">z</span></h1 --> 9<!-- h1>clipper<span class="logo_z">z</span></h1 -->
35<div class="header"> 10<div class="header">
36 <div id="logo"></div> 11 <div id="logo"></div>
37 <h5 class="clipperzPayoff">keep it to yourself!</h5> 12 <h5 class="clipperzPayoff">keep it to yourself!</h5>
38</div> 13</div>
39 14
40 15
41<div class="contentWrapper"> 16<div class="contentWrapper">
42 <div class="block1"> 17 <div class="block1">
43 <div class="languageBlock en-us"> 18 <div class="languageBlock en-us">
44 <div class="flags"></div> 19 <div class="flags"></div>
45 <div class="content"> 20 <div class="content">
46 <h3>Goodbye! Thanks for using Clipperz.</h3> 21 <h3>Goodbye! Thanks for using Clipperz.</h3>
47 22
48 <p>You just logged out from your Clipperz account. We hope to see you again soon!</p> 23 <p>You just logged out from your Clipperz account. We hope to see you again soon!</p>
49 </div> 24 </div>
50 </div> 25 </div>
51 26
52 27
53 <div class="languageBlock zh-cn"> 28 <div class="languageBlock zh-cn">
54 <div class="flags"></div> 29 <div class="flags"></div>
55 <div class="content"> 30 <div class="content">
56 <h3>下次再见!感谢您使用 Clipperz。</h3> 31 <h3>下次再见!感谢您使用 Clipperz。</h3>
57 32
58 <p>您仅仅是从您的 Clipperz 账户登出,我们希望很快再次见到您!</p> 33 <p>您仅仅是从您的 Clipperz 账户登出,我们希望很快再次见到您!</p>
59 </div> 34 </div>
60 </div> 35 </div>
61 36
62 37
63 <!-- 38 <!--
64 <div class="languageBlock fr-fr"> 39 <div class="languageBlock fr-fr">
65 <div class="flags"></div> 40 <div class="flags"></div>
66 <div class="content"> 41 <div class="content">
67 <h3></h3> 42 <h3></h3>
68 43
69 <p></p> 44 <p></p>
70 </div> 45 </div>
71 </div> 46 </div>
72 --> 47 -->
73 48
74 49
75 <div class="languageBlock it-it"> 50 <div class="languageBlock it-it">
76 <div class="flags"></div> 51 <div class="flags"></div>
77 <div class="content"> 52 <div class="content">
78 <h3>Arrivederci! Grazie per aver scelto Clipperz.</h3> 53 <h3>Arrivederci! Grazie per aver scelto Clipperz.</h3>
79 54
80 <p>Sei uscito da Clipperz. Speriamo di rivederti presto.</p> 55 <p>Sei uscito da Clipperz. Speriamo di rivederti presto.</p>
81 </div> 56 </div>
82 </div> 57 </div>
83 58
84 59
85 <div class="languageBlock ja-jp"> 60 <div class="languageBlock ja-jp">
86 <div class="flags"></div> 61 <div class="flags"></div>
87 <div class="content"> 62 <div class="content">
88 <h3>Clipperz をご利用いただきありがとうございました。</h3> 63 <h3>Clipperz をご利用いただきありがとうございました。</h3>
89 64
90 <p>Clipperz から正常にログアウトしました。またのご利用をお待ちしています。</p> 65 <p>Clipperz から正常にログアウトしました。またのご利用をお待ちしています。</p>
91 </div> 66 </div>
92 </div> 67 </div>
93 </div> 68 </div>
94 69
95 <div class="block2"> 70 <div class="block2">
96 <div class="languageBlock pt-br"> 71 <div class="languageBlock pt-br">
97 <div class="flags"></div> 72 <div class="flags"></div>
98 <div class="content"> 73 <div class="content">
99 <h3>Até logo! Obrigado por utilizar Clipperz.</h3> 74 <h3>Até logo! Obrigado por utilizar Clipperz.</h3>
100 75
101 <p>Você acaba de sair de sua conta Clipperz. Esperamos ve-lo de volta em breve!</p> 76 <p>Você acaba de sair de sua conta Clipperz. Esperamos ve-lo de volta em breve!</p>
102 </div> 77 </div>
103 </div> 78 </div>
104 79
105 80
106 <div class="languageBlock es-es"> 81 <div class="languageBlock es-es">
107 <div class="flags"></div> 82 <div class="flags"></div>
108 <div class="content"> 83 <div class="content">
109 <h3>¡Hasta luego! Gracias por usar Clipperz</h3> 84 <h3>¡Hasta luego! Gracias por usar Clipperz</h3>
110 85
111 <p>Se acaba cerrar su sesión Clipperz. ¡Esperamos verlo nuevamente pronto!</p> 86 <p>Se acaba cerrar su sesión Clipperz. ¡Esperamos verlo nuevamente pronto!</p>
112 </div> 87 </div>
113 </div> 88 </div>
114 89
115 <div class="languageBlock ru-ru"> 90 <div class="languageBlock ru-ru">
116 <div class="flags"></div> 91 <div class="flags"></div>
117 <div class="content"> 92 <div class="content">
118 <h3>До свидания! Спасибо за использование Clipperz.</h3> 93 <h3>До свидания! Спасибо за использование Clipperz.</h3>
119 94
120 <p>Вы только что вышли из своего аккаунта Clipperz. Мы надеемся увидеть Вас снова!</p> 95 <p>Вы только что вышли из своего аккаунта Clipperz. Мы надеемся увидеть Вас снова!</p>
121 </div> 96 </div>
122 </div> 97 </div>
123 98
124 <div class="languageBlock de-de"> 99 <div class="languageBlock de-de">
125 <div class="flags"></div> 100 <div class="flags"></div>
126 <div class="content"> 101 <div class="content">
127 <h3>Auf Wiedersehen! Danke, dass Sie Clipperz verwendet haben.</h3> 102 <h3>Auf Wiedersehen! Danke, dass Sie Clipperz verwendet haben.</h3>
128 103
129 <p>Sie haben sich gerade von Ihrem Clipperz-Account abgemeldet. Wir hoffen, Sie bald wieder zu sehen.</p> 104 <p>Sie haben sich gerade von Ihrem Clipperz-Account abgemeldet. Wir hoffen, Sie bald wieder zu sehen.</p>
130 </div> 105 </div>
131 </div> 106 </div>
132 107
133 </div> 108 </div>
134</div> 109</div>
135 110
136</body> 111</body>
137</html> 112</html>
diff --git a/frontend/gamma/js/Clipperz/PM/Proxy.js b/frontend/gamma/js/Clipperz/PM/Proxy.js
index 9817eac..190bffd 100644
--- a/frontend/gamma/js/Clipperz/PM/Proxy.js
+++ b/frontend/gamma/js/Clipperz/PM/Proxy.js
@@ -1,169 +1,169 @@
1/* 1/*
2 2
3Copyright 2008-2011 Clipperz Srl 3Copyright 2008-2011 Clipperz Srl
4 4
5This file is part of Clipperz Community Edition. 5This file is part of Clipperz Community Edition.
6Clipperz Community Edition is an online password manager. 6Clipperz Community Edition is an online password manager.
7For further information about its features and functionalities please 7For further information about its features and functionalities please
8refer to http://www.clipperz.com. 8refer to http://www.clipperz.com.
9 9
10* Clipperz Community Edition is free software: you can redistribute 10* Clipperz Community Edition is free software: you can redistribute
11 it and/or modify it under the terms of the GNU Affero General Public 11 it and/or modify it under the terms of the GNU Affero General Public
12 License as published by the Free Software Foundation, either version 12 License as published by the Free Software Foundation, either version
13 3 of the License, or (at your option) any later version. 13 3 of the License, or (at your option) any later version.
14 14
15* Clipperz Community Edition is distributed in the hope that it will 15* Clipperz Community Edition is distributed in the hope that it will
16 be useful, but WITHOUT ANY WARRANTY; without even the implied 16 be useful, but WITHOUT ANY WARRANTY; without even the implied
17 warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. 17 warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
18 See the GNU Affero General Public License for more details. 18 See the GNU Affero General Public License for more details.
19 19
20* You should have received a copy of the GNU Affero General Public 20* You should have received a copy of the GNU Affero General Public
21 License along with Clipperz Community Edition. If not, see 21 License along with Clipperz Community Edition. If not, see
22 <http://www.gnu.org/licenses/>. 22 <http://www.gnu.org/licenses/>.
23 23
24*/ 24*/
25 25
26if (typeof(Clipperz) == 'undefined') { Clipperz = {}; } 26if (typeof(Clipperz) == 'undefined') { Clipperz = {}; }
27if (typeof(Clipperz.PM) == 'undefined') { Clipperz.PM = {}; } 27if (typeof(Clipperz.PM) == 'undefined') { Clipperz.PM = {}; }
28 28
29//============================================================================= 29//=============================================================================
30 30
31Clipperz.PM.Proxy = function(args) { 31Clipperz.PM.Proxy = function(args) {
32 args = args || {}; 32 args = args || {};
33 33
34 this._shouldPayTolls = args.shouldPayTolls || false; 34 this._shouldPayTolls = args.shouldPayTolls || false;
35 35
36 this._tolls = { 36 this._tolls = {
37 'CONNECT':[], 37 'CONNECT':[],
38 'REGISTER':[], 38 'REGISTER':[],
39 'MESSAGE':[] 39 'MESSAGE':[]
40 }; 40 };
41 41
42 if (args.isDefault === true) { 42 if (args.isDefault === true) {
43 Clipperz.PM.Proxy.defaultProxy = this; 43 Clipperz.PM.Proxy.defaultProxy = this;
44 } 44 }
45 45
46 return this; 46 return this;
47} 47}
48 48
49Clipperz.PM.Proxy.prototype = MochiKit.Base.update(null, { 49Clipperz.PM.Proxy.prototype = MochiKit.Base.update(null, {
50 50
51 'toString': function() { 51 'toString': function() {
52 return "Clipperz.PM.Proxy"; 52 return "Clipperz.PM.Proxy";
53 }, 53 },
54 54
55 //========================================================================= 55 //=========================================================================
56 56
57 'shouldPayTolls': function() { 57 'shouldPayTolls': function() {
58 return this._shouldPayTolls; 58 return this._shouldPayTolls;
59 }, 59 },
60 60
61 //------------------------------------------------------------------------- 61 //-------------------------------------------------------------------------
62 62
63 'tolls': function() { 63 'tolls': function() {
64 return this._tolls; 64 return this._tolls;
65 }, 65 },
66 66
67 //------------------------------------------------------------------------- 67 //-------------------------------------------------------------------------
68 68
69 'payToll': function(aRequestType, someParameters) { 69 'payToll': function(aRequestType, someParameters) {
70 vardeferredResult; 70 vardeferredResult;
71 71
72//console.log(">>> Proxy.payToll", aRequestType, someParameters); 72//console.log(">>> Proxy.payToll", aRequestType, someParameters);
73 if (this.shouldPayTolls()) { 73 if (this.shouldPayTolls()) {
74 deferredResult = new Clipperz.Async.Deferred("Proxy.payToll", {trace:false}); 74 deferredResult = new Clipperz.Async.Deferred("Proxy.payToll", {trace:false});
75 75
76 if (this.tolls()[aRequestType].length == 0) { 76 if (this.tolls()[aRequestType].length == 0) {
77 deferredResult.addMethod(this, 'sendMessage', 'knock', {requestType:aRequestType}); 77 deferredResult.addMethod(this, 'sendMessage', 'knock', {requestType:aRequestType});
78 deferredResult.addMethod(this, 'setTollCallback'); 78 deferredResult.addMethod(this, 'setTollCallback');
79 } 79 }
80 deferredResult.addMethod(this.tolls()[aRequestType], 'pop'); 80 deferredResult.addMethod(this.tolls()[aRequestType], 'pop');
81 deferredResult.addCallback(MochiKit.Base.methodcaller('deferredPay')); 81 deferredResult.addCallback(MochiKit.Base.methodcaller('deferredPay'));
82 deferredResult.addCallback(function(aToll) { 82 deferredResult.addCallback(function(aToll) {
83 var result; 83 var result;
84 84
85 result = { 85 result = {
86 parameters: someParameters, 86 parameters: someParameters,
87 toll: aToll 87 toll: aToll
88 } 88 }
89 89
90 return result; 90 return result;
91 }); 91 });
92 92
93 deferredResult.callback(); 93 deferredResult.callback();
94 } else { 94 } else {
95 deferredResult = MochiKit.Async.succeed({parameters:someParameters}); 95 deferredResult = MochiKit.Async.succeed({parameters:someParameters});
96 } 96 }
97//console.log("<<< Proxy.payToll"); 97//console.log("<<< Proxy.payToll");
98 98
99 return deferredResult; 99 return deferredResult;
100 }, 100 },
101 101
102 //------------------------------------------------------------------------- 102 //-------------------------------------------------------------------------
103 103
104 'addToll': function(aToll) { 104 'addToll': function(aToll) {
105//console.log(">>> Proxy.addToll", aToll); 105//console.log(">>> Proxy.addToll", aToll);
106 this.tolls()[aToll.requestType()].push(aToll); 106 this.tolls()[aToll.requestType()].push(aToll);
107//console.log("<<< Proxy.addToll"); 107//console.log("<<< Proxy.addToll");
108 }, 108 },
109 109
110 //========================================================================= 110 //=========================================================================
111 111
112 'setTollCallback': function(someParameters) { 112 'setTollCallback': function(someParameters) {
113//console.log(">>> Proxy.setTollCallback", someParameters); 113//console.log(">>> Proxy.setTollCallback", someParameters);
114 if (typeof(someParameters['toll']) != 'undefined') { 114 if (typeof(someParameters['toll']) != 'undefined') {
115//console.log("added a new toll", someParameters['toll']); 115//console.log("added a new toll", someParameters['toll']);
116 this.addToll(new Clipperz.PM.Toll(someParameters['toll'])); 116 this.addToll(new Clipperz.PM.Toll(someParameters['toll']));
117 } 117 }
118//console.log("<<< Proxy.setTallCallback", someParameters['result']); 118//console.log("<<< Proxy.setTallCallback", someParameters['result']);
119 return someParameters['result']; 119 return someParameters['result'];
120 }, 120 },
121 121
122 //========================================================================= 122 //=========================================================================
123 123
124 'registration': function (someParameters) { 124 'registration': function (someParameters) {
125 return this.processMessage('registration', someParameters, 'REGISTER'); 125 return this.processMessage('registration', someParameters, 'REGISTER');
126 }, 126 },
127 127
128 'handshake': function (someParameters) { 128 'handshake': function (someParameters) {
129 return this.processMessage('handshake', someParameters, 'CONNECT'); 129 return this.processMessage('handshake', someParameters, 'CONNECT');
130 }, 130 },
131 131
132 'message': function (someParameters) { 132 'message': function (someParameters) {
133 return this.processMessage('message', someParameters, 'MESSAGE'); 133 return this.processMessage('message', someParameters, 'MESSAGE');
134 }, 134 },
135 135
136 'logout': function (someParameters) { 136 'logout': function (someParameters) {
137 return this.processMessage('logout', someParameters, 'MESSAGE'); 137 return this.processMessage('logout', someParameters, 'MESSAGE');
138 }, 138 },
139 139
140 //========================================================================= 140 //=========================================================================
141 141
142 'processMessage': function (aFunctionName, someParameters, aRequestType) { 142 'processMessage': function (aFunctionName, someParameters, aRequestType) {
143 vardeferredResult; 143 vardeferredResult;
144 144
145 deferredResult = new Clipperz.Async.Deferred("Proxy.processMessage", {trace:true}); 145 deferredResult = new Clipperz.Async.Deferred("Proxy.processMessage", {trace:false});
146 deferredResult.addMethod(this, 'payToll', aRequestType); 146 deferredResult.addMethod(this, 'payToll', aRequestType);
147 deferredResult.addMethod(this, 'sendMessage', aFunctionName); 147 deferredResult.addMethod(this, 'sendMessage', aFunctionName);
148 deferredResult.addMethod(this, 'setTollCallback'); 148 deferredResult.addMethod(this, 'setTollCallback');
149 deferredResult.callback(someParameters); 149 deferredResult.callback(someParameters);
150 150
151 return deferredResult; 151 return deferredResult;
152 }, 152 },
153 153
154 //========================================================================= 154 //=========================================================================
155 155
156 'sendMessage': function () { 156 'sendMessage': function () {
157 throw Clipperz.Base.exception.AbstractMethod; 157 throw Clipperz.Base.exception.AbstractMethod;
158 }, 158 },
159 159
160 //========================================================================= 160 //=========================================================================
161 161
162 'isReadOnly': function () { 162 'isReadOnly': function () {
163 return false; 163 return false;
164 }, 164 },
165 165
166 //========================================================================= 166 //=========================================================================
167 __syntaxFix__: "syntax fix" 167 __syntaxFix__: "syntax fix"
168 168
169}); 169});
diff --git a/frontend/gamma/js/Clipperz/PM/UI/Common/Components/Tooltip.js b/frontend/gamma/js/Clipperz/PM/UI/Common/Components/Tooltip.js
index 095e8ed..8df7e0e 100644
--- a/frontend/gamma/js/Clipperz/PM/UI/Common/Components/Tooltip.js
+++ b/frontend/gamma/js/Clipperz/PM/UI/Common/Components/Tooltip.js
@@ -1,213 +1,214 @@
1/* 1/*
2 2
3Copyright 2008-2011 Clipperz Srl 3Copyright 2008-2011 Clipperz Srl
4 4
5This file is part of Clipperz Community Edition. 5This file is part of Clipperz Community Edition.
6Clipperz Community Edition is an online password manager. 6Clipperz Community Edition is an online password manager.
7For further information about its features and functionalities please 7For further information about its features and functionalities please
8refer to http://www.clipperz.com. 8refer to http://www.clipperz.com.
9 9
10* Clipperz Community Edition is free software: you can redistribute 10* Clipperz Community Edition is free software: you can redistribute
11 it and/or modify it under the terms of the GNU Affero General Public 11 it and/or modify it under the terms of the GNU Affero General Public
12 License as published by the Free Software Foundation, either version 12 License as published by the Free Software Foundation, either version
13 3 of the License, or (at your option) any later version. 13 3 of the License, or (at your option) any later version.
14 14
15* Clipperz Community Edition is distributed in the hope that it will 15* Clipperz Community Edition is distributed in the hope that it will
16 be useful, but WITHOUT ANY WARRANTY; without even the implied 16 be useful, but WITHOUT ANY WARRANTY; without even the implied
17 warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. 17 warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
18 See the GNU Affero General Public License for more details. 18 See the GNU Affero General Public License for more details.
19 19
20* You should have received a copy of the GNU Affero General Public 20* You should have received a copy of the GNU Affero General Public
21 License along with Clipperz Community Edition. If not, see 21 License along with Clipperz Community Edition. If not, see
22 <http://www.gnu.org/licenses/>. 22 <http://www.gnu.org/licenses/>.
23 23
24*/ 24*/
25 25
26Clipperz.Base.module('Clipperz.PM.UI.Common.Components'); 26Clipperz.Base.module('Clipperz.PM.UI.Common.Components');
27 27
28Clipperz.PM.UI.Common.Components.Tooltip = function(args) { 28Clipperz.PM.UI.Common.Components.Tooltip = function(args) {
29 args = args || {}; 29 args = args || {};
30 30
31 Clipperz.PM.UI.Common.Components.Tooltip.superclass.constructor.apply(this, arguments); 31 Clipperz.PM.UI.Common.Components.Tooltip.superclass.constructor.apply(this, arguments);
32 32
33 this._element = args.element|| Clipperz.Base.exception.raise('MandatoryParameter'); 33 this._element = args.element|| Clipperz.Base.exception.raise('MandatoryParameter');
34 this._text = args.text || Clipperz.Base.exception.raise('MandatoryParameter'); 34 this._text = args.text || Clipperz.Base.exception.raise('MandatoryParameter');
35 this._position = args.position || 'BELOW'; //'BELOW', 'ABOVE', 'LEFT', 'RIGHT' 35 this._position = args.position || 'BELOW'; //'BELOW', 'ABOVE', 'LEFT', 'RIGHT'
36 36
37 this._boxDimensions = null; 37 this._boxDimensions = null;
38 this._enabled = (typeof(args.enabled) == 'undefined' ? true : args.enabled); 38 this._enabled = (typeof(args.enabled) == 'undefined' ? true : args.enabled);
39 this._isVisible = false; 39 this._isVisible = false;
40 40
41 this.renderSelf(); 41 this.renderSelf();
42 42
43 return this; 43 return this;
44} 44}
45 45
46//============================================================================= 46//=============================================================================
47 47
48Clipperz.Base.extend(Clipperz.PM.UI.Common.Components.Tooltip, Clipperz.PM.UI.Common.Components.BaseComponent, { 48Clipperz.Base.extend(Clipperz.PM.UI.Common.Components.Tooltip, Clipperz.PM.UI.Common.Components.BaseComponent, {
49 49
50 //------------------------------------------------------------------------- 50 //-------------------------------------------------------------------------
51 51
52 'toString': function () { 52 'toString': function () {
53 return "Clipperz.PM.UI.Common.Components.Tooltip component"; 53 return "Clipperz.PM.UI.Common.Components.Tooltip component";
54 }, 54 },
55 55
56 //------------------------------------------------------------------------- 56 //-------------------------------------------------------------------------
57 57
58 'text': function () { 58 'text': function () {
59 return this._text; 59 return this._text;
60 }, 60 },
61 61
62 'setText': function (aValue) { 62 'setText': function (aValue) {
63 this._text = aValue; 63 this._text = aValue;
64 }, 64 },
65 65
66 //------------------------------------------------------------------------- 66 //-------------------------------------------------------------------------
67 67
68 'position': function () { 68 'position': function () {
69 return this._position; 69 return this._position;
70 }, 70 },
71 71
72 'setPosition': function (aValue) { 72 'setPosition': function (aValue) {
73 this._position = aValue; 73 this._position = aValue;
74 }, 74 },
75 75
76 //------------------------------------------------------------------------- 76 //-------------------------------------------------------------------------
77 77
78 'enabled': function () { 78 'enabled': function () {
79 return this._enabled; 79 return this._enabled;
80 }, 80 },
81 81
82 'setIsEnabled': function (aValue) { 82 'setIsEnabled': function (aValue) {
83 this._enabled = aValue; 83 this._enabled = aValue;
84 }, 84 },
85 85
86 //------------------------------------------------------------------------- 86 //-------------------------------------------------------------------------
87 87
88 'isVisible': function () { 88 'isVisible': function () {
89 return this._isVisible; 89 return this._isVisible;
90 }, 90 },
91 91
92 'setIsVisible': function (aValue) { 92 'setIsVisible': function (aValue) {
93 this._isVisible = aValue; 93 this._isVisible = aValue;
94 }, 94 },
95 95
96 //------------------------------------------------------------------------- 96 //-------------------------------------------------------------------------
97 97
98 'renderSelf': function() { 98 'renderSelf': function() {
99 // this.append(this.element(), {tag:'div', id:this.getId('tooltip'), cls:'tooltip ' + this.position(), children:[ 99 // this.append(this.element(), {tag:'div', id:this.getId('tooltip'), cls:'tooltip ' + this.position(), children:[
100 // this.append(MochiKit.DOM.currentDocument().body, {tag:'div', id:this.getId('tooltip'), cls:'tooltip ' + this.position(), children:[ 100 // this.append(MochiKit.DOM.currentDocument().body, {tag:'div', id:this.getId('tooltip'), cls:'tooltip ' + this.position(), children:[
101 this.append(MochiKit.DOM.getElement('Clipperz_PM_UI_Common_Components_Tooltip_wrapperNode'), {tag:'div', id:this.getId('tooltip'), cls:'tooltip ' + this.position(), children:[ 101 this.append(MochiKit.DOM.getElement('Clipperz_PM_UI_Common_Components_Tooltip_wrapperNode'), {tag:'div', id:this.getId('tooltip'), cls:'tooltip ' + this.position(), children:[
102 {tag:'div', id:this.getId('body'), cls:'tooltip_body', children:[ 102 {tag:'div', id:this.getId('body'), cls:'tooltip_body', children:[
103 {tag:'div', cls:'tooltip_text', children:[ 103 {tag:'div', cls:'tooltip_text', children:[
104 {tag:'span', html:this.text()} 104 {tag:'span', html:this.text()}
105 ]}, 105 ]}//,
106 {tag:'div', id:this.getId('footer'), cls:'tooltip_footer'} 106 // {tag:'div', id:this.getId('footer'), cls:'tooltip_footer'}
107 ]}, 107 ]},
108 {tag:'div', id:this.getId('arrow'), cls:'tooltip_arrow'} 108 {tag:'div', id:this.getId('arrow'), cls:'tooltip_arrow'}
109 ]}); 109 ]});
110 110
111 this._boxDimensions = MochiKit.Style.getElementDimensions(this.getId('body')); 111 this._boxDimensions = MochiKit.Style.getElementDimensions(this.getId('body'));
112 // this._boxDimensions.h += MochiKit.Style.getElementDimensions(this.getId('footer')).h; 112 // this._boxDimensions.h += MochiKit.Style.getElementDimensions(this.getId('footer')).h;
113 113
114 MochiKit.Style.hideElement(this.displayElement()); 114 MochiKit.Style.hideElement(this.displayElement());
115 MochiKit.Signal.connect(this.element(), 'onmouseenter', this, 'show'); 115 MochiKit.Signal.connect(this.element(), 'onmouseenter', this, 'show');
116 MochiKit.Signal.connect(this.element(), 'onmouseleave', this, 'hide'); 116 MochiKit.Signal.connect(this.element(), 'onmouseleave', this, 'hide');
117 }, 117 },
118 118
119 //----------------------------------------------------- 119 //-----------------------------------------------------
120 120
121 'displayElement': function() { 121 'displayElement': function() {
122 return this.getElement('tooltip'); 122 return this.getElement('tooltip');
123 }, 123 },
124 124
125 //------------------------------------------------------------------------- 125 //-------------------------------------------------------------------------
126 126
127 'boxDimensions': function () { 127 'boxDimensions': function () {
128 return this._boxDimensions; 128 return this._boxDimensions;
129 }, 129 },
130 130
131 //------------------------------------------------------------------------- 131 //-------------------------------------------------------------------------
132 132
133 'show': function () { 133 'show': function () {
134 var elementSizeAndPosition; 134 var elementSizeAndPosition;
135 var arrowPosition; 135 var arrowPosition;
136 var bodyPosition; 136 var bodyPosition;
137 137
138 if (this.isVisible() == false) { 138 if (this.isVisible() == false) {
139 arrowPosition = {}; 139 arrowPosition = {};
140 bodyPosition = {}; 140 bodyPosition = {};
141 141
142 this.setIsVisible(true); 142 this.setIsVisible(true);
143 elementSizeAndPosition = Clipperz.Style.getSizeAndPosition(this.element()); 143 elementSizeAndPosition = Clipperz.Style.getSizeAndPosition(this.element());
144//console.log("ELEMENT SIZE AND POSITION", Clipperz.Base.serializeJSON(elementSizeAndPosition)); 144//console.log("ELEMENT SIZE AND POSITION", Clipperz.Base.serializeJSON(elementSizeAndPosition));
145//console.log("BOX DIMENSIONS", Clipperz.Base.serializeJSON(this.boxDimensions())); 145//console.log("BOX DIMENSIONS", Clipperz.Base.serializeJSON(this.boxDimensions()));
146 switch (this.position()) { 146 switch (this.position()) {
147 case 'ABOVE': 147 case 'ABOVE':
148//console.log("ABOVE"); 148//console.log("ABOVE");
149 MochiKit.Style.setElementDimensions(this.getId('arrow'), {w:36, h:13}, 'px'); 149 // MochiKit.Style.setElementDimensions(this.getId('arrow'), {w:36, h:13}, 'px');
150 bodyPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - this.boxDimensions().w/2); 150 bodyPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - this.boxDimensions().w/2);
151 bodyPosition.y = elementSizeAndPosition.position.y - this.boxDimensions().h - 13; 151 bodyPosition.y = elementSizeAndPosition.position.y - this.boxDimensions().h - 13;
152 152
153 arrowPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - 36/2); 153 // arrowPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - 36/2);
154 arrowPosition.y = elementSizeAndPosition.position.y - 13; 154 // arrowPosition.y = elementSizeAndPosition.position.y - 13;
155 break; 155 break;
156 case 'BELOW': 156 case 'BELOW':
157//console.log("BELOW"); 157//console.log("BELOW");
158 MochiKit.Style.setElementDimensions(this.getId('arrow'), {w:36, h:13}, 'px'); 158 // MochiKit.Style.setElementDimensions(this.getId('arrow'), {w:36, h:13}, 'px');
159 bodyPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - this.boxDimensions().w/2); 159 bodyPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - this.boxDimensions().w/2);
160 bodyPosition.y = elementSizeAndPosition.position.y + elementSizeAndPosition.dimensions.h + 13; 160 bodyPosition.y = elementSizeAndPosition.position.y + elementSizeAndPosition.dimensions.h + 13;
161 161
162 arrowPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - 36/2); 162 // arrowPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - 36/2);
163 arrowPosition.y = elementSizeAndPosition.position.y + elementSizeAndPosition.dimensions.h; 163 // arrowPosition.y = elementSizeAndPosition.position.y + elementSizeAndPosition.dimensions.h;
164 break; 164 break;
165 case 'LEFT': 165 case 'LEFT':
166//console.log("LEFT"); 166//console.log("LEFT");
167 MochiKit.Style.setElementDimensions(this.getId('arrow'), {w:13, h:36}, 'px'); 167 // MochiKit.Style.setElementDimensions(this.getId('arrow'), {w:13, h:36}, 'px');
168 bodyPosition.x = elementSizeAndPosition.position.x - this.boxDimensions().w - 13; 168 bodyPosition.x = elementSizeAndPosition.position.x - this.boxDimensions().w - 13;
169 bodyPosition.y = elementSizeAndPosition.position.y + (elementSizeAndPosition.dimensions.h/2 - this.boxDimensions().h/2); 169 bodyPosition.y = elementSizeAndPosition.position.y + (elementSizeAndPosition.dimensions.h/2 - this.boxDimensions().h/2);
170 170
171 arrowPosition.x = elementSizeAndPosition.position.x -13; 171 // arrowPosition.x = elementSizeAndPosition.position.x -13;
172 arrowPosition.y = elementSizeAndPosition.position.y + (elementSizeAndPosition.dimensions.h/2 - 36/2); 172 // arrowPosition.y = elementSizeAndPosition.position.y + (elementSizeAndPosition.dimensions.h/2 - 36/2);
173 break; 173 break;
174 case 'RIGHT': 174 case 'RIGHT':
175//console.log("RIGHT"); 175//console.log("RIGHT");
176 MochiKit.Style.setElementDimensions(this.getId('arrow'), {w:13, h:36}, 'px'); 176 // MochiKit.Style.setElementDimensions(this.getId('arrow'), {w:13, h:36}, 'px');
177 bodyPosition.x = elementSizeAndPosition.position.x + elementSizeAndPosition.dimensions.w + 13; 177 bodyPosition.x = elementSizeAndPosition.position.x + elementSizeAndPosition.dimensions.w + 13;
178 bodyPosition.y = elementSizeAndPosition.position.y + (elementSizeAndPosition.dimensions.h/2 - this.boxDimensions().h/2); 178 bodyPosition.y = elementSizeAndPosition.position.y + (elementSizeAndPosition.dimensions.h/2 - this.boxDimensions().h/2);
179 179
180 arrowPosition.x = elementSizeAndPosition.position.x + elementSizeAndPosition.dimensions.w; 180 // arrowPosition.x = elementSizeAndPosition.position.x + elementSizeAndPosition.dimensions.w;
181 arrowPosition.y = elementSizeAndPosition.position.y + (elementSizeAndPosition.dimensions.h/2 - 36/2); 181 // arrowPosition.y = elementSizeAndPosition.position.y + (elementSizeAndPosition.dimensions.h/2 - 36/2);
182 break; 182 break;
183 } 183 }
184//console.log("X: " + bodyPosition.x + ", Y: " + bodyPosition.y); 184//console.log("X: " + bodyPosition.x + ", Y: " + bodyPosition.y);
185 185
186 MochiKit.Style.setElementPosition(this.getId('body'), bodyPosition); 186 MochiKit.Style.setElementPosition(this.getId('tooltip'), bodyPosition);
187 MochiKit.Style.setElementPosition(this.getId('arrow'), arrowPosition); 187 // MochiKit.Style.setElementPosition(this.getId('body'), bodyPosition);
188 // MochiKit.Style.setElementPosition(this.getId('arrow'), arrowPosition);
188 MochiKit.Visual.appear(this.displayElement(), {duration:0.4}); 189 MochiKit.Visual.appear(this.displayElement(), {duration:0.4});
189 } 190 }
190 }, 191 },
191 192
192 'hide': function () { 193 'hide': function () {
193 if (this.isVisible() == true) { 194 if (this.isVisible() == true) {
194 MochiKit.Visual.fade(this.displayElement(), {duration:0.4}); 195 MochiKit.Visual.fade(this.displayElement(), {duration:0.4});
195 this.setIsVisible(false); 196 this.setIsVisible(false);
196 } 197 }
197 }, 198 },
198 199
199 //------------------------------------------------------------------------- 200 //-------------------------------------------------------------------------
200/* 201/*
201 'shouldRemoveElementWhenClearningUp': function () { 202 'shouldRemoveElementWhenClearningUp': function () {
202 return false; 203 return false;
203 }, 204 },
204*/ 205*/
205 //------------------------------------------------------------------------- 206 //-------------------------------------------------------------------------
206 __syntaxFix__: "syntax fix" 207 __syntaxFix__: "syntax fix"
207}); 208});
208 209
209Clipperz.PM.UI.Common.Components.Tooltip.initTooltips = function () { 210Clipperz.PM.UI.Common.Components.Tooltip.initTooltips = function () {
210 Clipperz.DOM.Helper.insertBefore(MochiKit.DOM.currentDocument().body.childNodes[0], {tag:'div', id:'Clipperz_PM_UI_Common_Components_Tooltip_wrapperNode'}); 211 Clipperz.DOM.Helper.insertBefore(MochiKit.DOM.currentDocument().body.childNodes[0], {tag:'div', id:'Clipperz_PM_UI_Common_Components_Tooltip_wrapperNode'});
211} 212}
212 213
213MochiKit.DOM.addLoadEvent(Clipperz.PM.UI.Common.Components.Tooltip.initTooltips); 214MochiKit.DOM.addLoadEvent(Clipperz.PM.UI.Common.Components.Tooltip.initTooltips);
diff --git a/frontend/gamma/js/Clipperz/PM/UI/Web/Components/LoginForm.js b/frontend/gamma/js/Clipperz/PM/UI/Web/Components/LoginForm.js
index 389d876..a10ba4f 100644
--- a/frontend/gamma/js/Clipperz/PM/UI/Web/Components/LoginForm.js
+++ b/frontend/gamma/js/Clipperz/PM/UI/Web/Components/LoginForm.js
@@ -1,200 +1,178 @@
1/* 1/*
2 2
3Copyright 2008-2011 Clipperz Srl 3Copyright 2008-2011 Clipperz Srl
4 4
5This file is part of Clipperz Community Edition. 5This file is part of Clipperz Community Edition.
6Clipperz Community Edition is an online password manager. 6Clipperz Community Edition is an online password manager.
7For further information about its features and functionalities please 7For further information about its features and functionalities please
8refer to http://www.clipperz.com. 8refer to http://www.clipperz.com.
9 9
10* Clipperz Community Edition is free software: you can redistribute 10* Clipperz Community Edition is free software: you can redistribute
11 it and/or modify it under the terms of the GNU Affero General Public 11 it and/or modify it under the terms of the GNU Affero General Public
12 License as published by the Free Software Foundation, either version 12 License as published by the Free Software Foundation, either version
13 3 of the License, or (at your option) any later version. 13 3 of the License, or (at your option) any later version.
14 14
15* Clipperz Community Edition is distributed in the hope that it will 15* Clipperz Community Edition is distributed in the hope that it will
16 be useful, but WITHOUT ANY WARRANTY; without even the implied 16 be useful, but WITHOUT ANY WARRANTY; without even the implied
17 warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. 17 warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
18 See the GNU Affero General Public License for more details. 18 See the GNU Affero General Public License for more details.
19 19
20* You should have received a copy of the GNU Affero General Public 20* You should have received a copy of the GNU Affero General Public
21 License along with Clipperz Community Edition. If not, see 21 License along with Clipperz Community Edition. If not, see
22 <http://www.gnu.org/licenses/>. 22 <http://www.gnu.org/licenses/>.
23 23
24*/ 24*/
25 25
26Clipperz.Base.module('Clipperz.PM.UI.Web.Components'); 26Clipperz.Base.module('Clipperz.PM.UI.Web.Components');
27 27
28Clipperz.PM.UI.Web.Components.LoginForm = function(args) { 28Clipperz.PM.UI.Web.Components.LoginForm = function(args) {
29 args = args || {}; 29 args = args || {};
30 30
31 this._autocomplete = args.autocomplete || 'off'; 31 this._autocomplete = args.autocomplete || 'off';
32 32
33 Clipperz.PM.UI.Web.Components.LoginForm.superclass.constructor.apply(this, arguments); 33 Clipperz.PM.UI.Web.Components.LoginForm.superclass.constructor.apply(this, arguments);
34 34
35 this._slots = { 35 this._slots = {
36 'passphraseEntropy':this.getId('passphraseEntropy') 36 'passphraseEntropy':this.getId('passphraseEntropy')
37 }; 37 };
38 38
39 return this; 39 return this;
40} 40}
41 41
42//============================================================================= 42//=============================================================================
43 43
44Clipperz.Base.extend(Clipperz.PM.UI.Web.Components.LoginForm, Clipperz.PM.UI.Common.Components.BaseComponent, { 44Clipperz.Base.extend(Clipperz.PM.UI.Web.Components.LoginForm, Clipperz.PM.UI.Common.Components.BaseComponent, {
45 45
46 //------------------------------------------------------------------------- 46 //-------------------------------------------------------------------------
47 47
48 'toString': function () { 48 'toString': function () {
49 return "Clipperz.PM.UI.Web.Components.LoginForm component"; 49 return "Clipperz.PM.UI.Web.Components.LoginForm component";
50 }, 50 },
51 51
52 'autocomplete': function () { 52 'autocomplete': function () {
53 return this._autocomplete; 53 return this._autocomplete;
54 }, 54 },
55 55
56 //------------------------------------------------------------------------- 56 //-------------------------------------------------------------------------
57 57
58 'renderSelf': function() { 58 'renderSelf': function() {
59 this.append(this.element(), {tag:'div', id:'loginBox', children:[ 59 this.append(this.element(), {tag:'div', id:'loginBox', children:[
60 {tag:'div', cls:'header'}, 60 {tag:'div', cls:'header'},
61 {tag:'div', cls:'body', id:this.getId('body'), children:[ 61 {tag:'div', cls:'body', id:this.getId('body'), children:[
62 {tag:'div', id:this.getId('loginForm'), children:[ 62 {tag:'div', id:this.getId('loginForm'), children:[
63 {tag:'div', children:[ 63 {tag:'div', children:[
64 {tag:'h4', html:'Login'}, 64 {tag:'h4', html:'Login'},
65 // {tag:'form', cls:'loginForm', autocomplete:this.autocomplete(), children:[ 65 // {tag:'form', cls:'loginForm', autocomplete:this.autocomplete(), children:[
66 {tag:'form', id:this.getId('form'), cls:'loginForm', children:[ 66 {tag:'form', id:this.getId('form'), cls:'loginForm', children:[
67 {tag:'label', html:'username', 'for':this.getId('usernameField')}, 67 {tag:'label', html:'username', 'for':this.getId('usernameField')},
68 {tag:'input', id:this.getId('usernameField'), type:'text', cls:'username'/*, value:'joe'*/}, 68 {tag:'input', id:this.getId('usernameField'), type:'text', cls:'username'},
69 {tag:'ul', id:this.getId('passwordOptions'), children:[ 69 {tag:'label', html:'passphrase / OTP', 'for':this.getId('passphraseField')},
70 {tag:'li', id:this.getId('passphraseOption'), children:[ 70 {tag:'input', id:this.getId('passphraseField'), type:'password', cls:'password'},
71 {tag:'label', html:'passphrase / OTP', 'for':this.getId('passphraseField')},
72 {tag:'input', id:this.getId('passphraseField'), type:'password', cls:'password'/*, value:'clipperz'*/}
73 ]} //,
74/*
75 {tag:'li', id:this.getId('otpOption'), children:[
76 {tag:'label', html:'one-time password', 'for':this.getId('otpField_1')},
77 {tag:'input', id:this.getId('otpField_1'), type:'text', cls:'otp', value:'abcd-efgh'},
78 {tag:'input', id:this.getId('otpField_2'), type:'text', cls:'otp', value:'abcd-efgh'},
79 {tag:'input', id:this.getId('otpField_3'), type:'text', cls:'otp', value:'abcd-efgh'},
80 {tag:'input', id:this.getId('otpField_4'), type:'text', cls:'otp', value:'abcd-efgh'}
81 ]}
82*/
83 ]},
84 // {tag:'input', id:this.getId('otpCheckbox'), type:'checkbox', cls:'checkbox'},
85 // {tag:'label', html:'use a one-time passphrase', 'for':this.getId('otpCheckbox'), cls:'checkbox'},
86 71
87 {tag:'div', cls:'translations', children:[ 72 {tag:'div', cls:'translations', children:[
88 {tag:'h4', html:'choose your language'}, 73 {tag:'h4', html:'choose your language'},
89 {tag:'ul', children:[ 74 {tag:'ul', children:[
90 {tag:'li', cls:'selected', html:'english'}, 75 {tag:'li', cls:'selected', html:'english'},
91 {tag:'li', html:'italiano'}, 76 {tag:'li', html:'italiano'},
92 {tag:'li', html:'dutch'}, 77 {tag:'li', html:'dutch'},
93 {tag:'li', html:'french'}, 78 {tag:'li', html:'french'},
94 {tag:'li', html:'spanish'}, 79 {tag:'li', html:'spanish'},
95 {tag:'li', html:'chinese'}, 80 {tag:'li', html:'chinese'},
96 {tag:'li', html:'japanese'}, 81 {tag:'li', html:'japanese'},
97 {tag:'li', html:'portugal'}, 82 {tag:'li', html:'portugal'},
98 {tag:'li', html:'arabic'} 83 {tag:'li', html:'arabic'}
99 ]} 84 ]}
100 ]}, 85 ]},
101 86
102 {tag:'input', id:this.getId('submitButton'), type:'submit', value:'login', cls:'submit'} 87 {tag:'input', id:this.getId('submitButton'), type:'submit', value:'login', cls:'submit'}
103 ]} 88 ]}
104 ]} 89 ]}
105 ]} 90 ]}
106 ]}, 91 ]},
107 {tag:'div', cls:'footer'} 92 {tag:'div', cls:'footer'}
108 ]}); 93 ]});
109 94
110 if (this.autocomplete() == 'off') { 95 if (this.autocomplete() == 'off') {
111 MochiKit.DOM.updateNodeAttributes(this.getElement('form'), {autocomplete:'off'}); 96 MochiKit.DOM.updateNodeAttributes(this.getElement('form'), {autocomplete:'off'});
112 } 97 }
113 98
114 // Clipperz.Style.setBackgroundGradient(this.getElement('body'), {from:"#ff9955", to:"#ff6622"}) 99 // Clipperz.Style.setBackgroundGradient(this.getElement('body'), {from:"#ff9955", to:"#ff6622"})
115 100
116 // this.setEntropyDisplay(new Clipperz.PM.UI.Common.Components.PasswordEntropyDisplay(this.getElement('passphraseField'))); 101 // this.setEntropyDisplay(new Clipperz.PM.UI.Common.Components.PasswordEntropyDisplay(this.getElement('passphraseField')));
117 102
118 // MochiKit.Signal.connect(this.getId('otpCheckbox'), 'onclick', this, 'togglePasswordFields'); 103 // MochiKit.Signal.connect(this.getId('otpCheckbox'), 'onclick', this, 'togglePasswordFields');
119 // this.showPassphraseField(); 104 // this.showPassphraseField();
120 105
121 this.getElement('usernameField').focus(); 106 this.getElement('usernameField').focus();
122 107
123 MochiKit.Signal.connect(this.getElement('loginForm'), 'onsubmit', this, 'loginEventHandler'); 108 MochiKit.Signal.connect(this.getElement('loginForm'), 'onsubmit', this, 'loginEventHandler');
124 }, 109 },
125 110
126 //----------------------------------------------------------------------------- 111 //-----------------------------------------------------------------------------
127/* 112/*
128 'togglePasswordFields': function(anEvent) { 113 'togglePasswordFields': function(anEvent) {
129 var shouldUseOTP; 114 var shouldUseOTP;
130 115
131 shouldUseOTP = this.getElement('otpCheckbox').checked; 116 shouldUseOTP = this.getElement('otpCheckbox').checked;
132 117
133 if (shouldUseOTP == false) { 118 if (shouldUseOTP == false) {
134 this.showPassphraseField(); 119 this.showPassphraseField();
135 } else { 120 } else {
136 this.showOTPFields(); 121 this.showOTPFields();
137 } 122 }
138 }, 123 },
139*/ 124*/
140 //----------------------------------------------------------------------------- 125 //-----------------------------------------------------------------------------
141/* 126/*
142 'showPassphraseField': function() { 127 'showPassphraseField': function() {
143 this.showElement('passphraseOption'); 128 this.showElement('passphraseOption');
144 this.hideElement('otpOption'); 129 this.hideElement('otpOption');
145 }, 130 },
146*/ 131*/
147 //----------------------------------------------------------------------------- 132 //-----------------------------------------------------------------------------
148 133
149 'focusOnPassphraseField': function () { 134 'focusOnPassphraseField': function () {
150 this.getElement('passphraseField').focus(); 135 this.getElement('passphraseField').focus();
151 this.getElement('passphraseField').select(); 136 this.getElement('passphraseField').select();
152 }, 137 },
153 138
154 //----------------------------------------------------------------------------- 139 //-----------------------------------------------------------------------------
155/* 140/*
156 'showOTPFields': function() { 141 'showOTPFields': function() {
157 this.hideElement('passphraseOption'); 142 this.hideElement('passphraseOption');
158 this.showElement('otpOption'); 143 this.showElement('otpOption');
159 }, 144 },
160*/ 145*/
161 //------------------------------------------------------------------------- 146 //-------------------------------------------------------------------------
162 147
163 'loginEventHandler': function(anEvent) { 148 'loginEventHandler': function(anEvent) {
164 varusername; 149 // varusername;
165 var passphrase; 150 // var passphrase;
166 // var shouldUseOTP;
167 // var otp;
168 var signalArguments; 151 var signalArguments;
169 152
170 anEvent.preventDefault(); 153 anEvent.preventDefault();
171 154
172 username = this.getElement('usernameField').value; 155 // username = this.getElement('usernameField').value;
173 passphrase = this.getElement('passphraseField').value; 156 // passphrase = this.getElement('passphraseField').value;
174 // otp =this.getElement('otpField_1').value + 157
175 // this.getElement('otpField_2').value + 158 // signalArguments = {username:username};
176 // this.getElement('otpField_3').value + 159 // signalArguments.passphrase = passphrase;
177 // this.getElement('otpField_4').value; 160
178 // shouldUseOTP = this.getElement('otpCheckbox').checked; 161 signalArguments = {
179 162 'username': this.getElement('usernameField').value,
180 signalArguments = {username:username}; 163 'passphrase':this.getElement('passphraseField').value
181 164 };
182 // if (shouldUseOTP) {
183 // signalArguments.otp = otp;
184 // } else {
185 signalArguments.passphrase = passphrase;
186 // }
187 165
188 MochiKit.Signal.signal(this, 'doLogin', signalArguments); 166 MochiKit.Signal.signal(this, 'doLogin', signalArguments);
189 }, 167 },
190 168
191 //------------------------------------------------------------------------- 169 //-------------------------------------------------------------------------
192 170
193 'submitButtonElement': function() { 171 'submitButtonElement': function() {
194 return this.getElement('submitButton'); 172 return this.getElement('submitButton');
195 }, 173 },
196 174
197 //------------------------------------------------------------------------- 175 //-------------------------------------------------------------------------
198 176
199 __syntaxFix__: "syntax fix" 177 __syntaxFix__: "syntax fix"
200}); 178});
diff --git a/frontend/gamma/js/Clipperz/PM/UI/Web/Controllers/LoginController.js b/frontend/gamma/js/Clipperz/PM/UI/Web/Controllers/LoginController.js
index d0b378c..a57152d 100644
--- a/frontend/gamma/js/Clipperz/PM/UI/Web/Controllers/LoginController.js
+++ b/frontend/gamma/js/Clipperz/PM/UI/Web/Controllers/LoginController.js
@@ -1,256 +1,250 @@
1/* 1/*
2 2
3Copyright 2008-2011 Clipperz Srl 3Copyright 2008-2011 Clipperz Srl
4 4
5This file is part of Clipperz Community Edition. 5This file is part of Clipperz Community Edition.
6Clipperz Community Edition is an online password manager. 6Clipperz Community Edition is an online password manager.
7For further information about its features and functionalities please 7For further information about its features and functionalities please
8refer to http://www.clipperz.com. 8refer to http://www.clipperz.com.
9 9
10* Clipperz Community Edition is free software: you can redistribute 10* Clipperz Community Edition is free software: you can redistribute
11 it and/or modify it under the terms of the GNU Affero General Public 11 it and/or modify it under the terms of the GNU Affero General Public
12 License as published by the Free Software Foundation, either version 12 License as published by the Free Software Foundation, either version
13 3 of the License, or (at your option) any later version. 13 3 of the License, or (at your option) any later version.
14 14
15* Clipperz Community Edition is distributed in the hope that it will 15* Clipperz Community Edition is distributed in the hope that it will
16 be useful, but WITHOUT ANY WARRANTY; without even the implied 16 be useful, but WITHOUT ANY WARRANTY; without even the implied
17 warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. 17 warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
18 See the GNU Affero General Public License for more details. 18 See the GNU Affero General Public License for more details.
19 19
20* You should have received a copy of the GNU Affero General Public 20* You should have received a copy of the GNU Affero General Public
21 License along with Clipperz Community Edition. If not, see 21 License along with Clipperz Community Edition. If not, see
22 <http://www.gnu.org/licenses/>. 22 <http://www.gnu.org/licenses/>.
23 23
24*/ 24*/
25 25
26Clipperz.Base.module('Clipperz.PM.UI.Web.Controllers'); 26Clipperz.Base.module('Clipperz.PM.UI.Web.Controllers');
27 27
28Clipperz.PM.UI.Web.Controllers.LoginController = function(args) { 28Clipperz.PM.UI.Web.Controllers.LoginController = function(args) {
29 this._args = args || {}; 29 this._args = args || {};
30 30
31 this._loginPage = null; 31 this._loginPage = null;
32 32
33 this._newUserWizardController = null; 33 this._newUserWizardController = null;
34 this._newUserCreationComponent = null; 34 this._newUserCreationComponent = null;
35 35
36 return this; 36 return this;
37} 37}
38 38
39MochiKit.Base.update(Clipperz.PM.UI.Web.Controllers.LoginController.prototype, { 39MochiKit.Base.update(Clipperz.PM.UI.Web.Controllers.LoginController.prototype, {
40 40
41 'toString': function() { 41 'toString': function() {
42 return "Clipperz.PM.UI.Web.Controllers.LoginController"; 42 return "Clipperz.PM.UI.Web.Controllers.LoginController";
43 }, 43 },
44 44
45 'args': function () { 45 'args': function () {
46 return this._args; 46 return this._args;
47 }, 47 },
48 48
49 //----------------------------------------------------------------------------- 49 //-----------------------------------------------------------------------------
50 50
51 'loginPage': function() { 51 'loginPage': function() {
52 if (this._loginPage == null) { 52 if (this._loginPage == null) {
53 this._loginPage = new Clipperz.PM.UI.Web.Components.LoginPage(); 53 this._loginPage = new Clipperz.PM.UI.Web.Components.LoginPage();
54 54
55 MochiKit.Signal.connect(this._loginPage, 'createNewAccountClick', this, 'handleCreateNewAccountClick') 55 MochiKit.Signal.connect(this._loginPage, 'createNewAccountClick', this, 'handleCreateNewAccountClick')
56 } 56 }
57 57
58 return this._loginPage; 58 return this._loginPage;
59 }, 59 },
60 60
61 //----------------------------------------------------------------------------- 61 //-----------------------------------------------------------------------------
62 62
63 'run': function(args) { 63 'run': function(args) {
64 varslot; 64 varslot;
65 varloginPage; 65 varloginPage;
66 varloginForm; 66 varloginForm;
67 67
68 slot = args.slot; 68 slot = args.slot;
69 69
70 loginForm =new Clipperz.PM.UI.Web.Components.LoginForm({'autocomplete': this.args()['autocomplete']}); 70 loginForm =new Clipperz.PM.UI.Web.Components.LoginForm({'autocomplete': this.args()['autocomplete']});
71 71
72 slot.setContent(this.loginPage()); 72 slot.setContent(this.loginPage());
73 this.loginPage().slotNamed('loginForm').setContent(loginForm); 73 this.loginPage().slotNamed('loginForm').setContent(loginForm);
74 74
75 MochiKit.Signal.connect(loginForm, 'doLogin', MochiKit.Base.method(this, 'doLogin', loginForm)); 75 MochiKit.Signal.connect(loginForm, 'doLogin', MochiKit.Base.method(this, 'doLogin', loginForm));
76 MochiKit.Signal.connect(Clipperz.Signal.NotificationCenter, 'doLogin', MochiKit.Base.method(this, 'doLogin', loginForm)); 76 MochiKit.Signal.connect(Clipperz.Signal.NotificationCenter, 'doLogin', MochiKit.Base.method(this, 'doLogin', loginForm));
77 }, 77 },
78 78
79 //----------------------------------------------------------------------------- 79 //-----------------------------------------------------------------------------
80 80
81 'doLogin': function(aLoginForm, anEvent) { 81 'doLogin': function(aLoginForm, anEvent) {
82 var deferredResult; 82 var deferredResult;
83 varparameters; 83 varparameters;
84 // varshouldUseOTP;
85 var loginProgress; 84 var loginProgress;
86 varuser; 85 varuser;
87 var getPassphraseDelegate; 86 var getPassphraseDelegate;
88 87
89 parameters = anEvent; 88 parameters = anEvent;
90 // shouldUseOTP = (typeof(parameters.passphrase) == 'undefined');
91 89
92 getPassphraseDelegate = MochiKit.Base.partial(MochiKit.Async.succeed, parameters.passphrase); 90 getPassphraseDelegate = MochiKit.Base.partial(MochiKit.Async.succeed, parameters.passphrase);
93 user = new Clipperz.PM.DataModel.User({'username':parameters.username, 'getPassphraseFunction':MochiKit.Base.method(Clipperz.PM.RunTime.mainController, 'getPassphrase')}); 91 user = new Clipperz.PM.DataModel.User({'username':parameters.username, 'getPassphraseFunction':MochiKit.Base.method(Clipperz.PM.RunTime.mainController, 'getPassphrase')});
94 92
95 loginProgress = new Clipperz.PM.UI.Web.Components.LoginProgress(); 93 loginProgress = new Clipperz.PM.UI.Web.Components.LoginProgress();
96 94
97 deferredResult = new Clipperz.Async.Deferred("LoginController.doLogin", {trace:false}); 95 deferredResult = new Clipperz.Async.Deferred("LoginController.doLogin", {trace:false});
98 deferredResult.addCallbackPass(MochiKit.Signal.signal, Clipperz.Signal.NotificationCenter, 'initProgress', {'steps':4}); 96 deferredResult.addCallbackPass(MochiKit.Signal.signal, Clipperz.Signal.NotificationCenter, 'initProgress', {'steps':4});
99 deferredResult.addMethod(Clipperz.PM.RunTime.mainController, 'setPassphraseDelegate', getPassphraseDelegate); 97 deferredResult.addMethod(Clipperz.PM.RunTime.mainController, 'setPassphraseDelegate', getPassphraseDelegate);
100 deferredResult.addMethod(loginProgress, 'deferredShowModal', {deferredObject:deferredResult, openFromElement:aLoginForm.submitButtonElement()}); 98 deferredResult.addMethod(loginProgress, 'deferredShowModal', {deferredObject:deferredResult, openFromElement:aLoginForm.submitButtonElement()});
101 deferredResult.addMethod(Clipperz.Crypto.PRNG.defaultRandomGenerator(), 'deferredEntropyCollection'); 99 deferredResult.addMethod(Clipperz.Crypto.PRNG.defaultRandomGenerator(), 'deferredEntropyCollection');
102 // if (shouldUseOTP == false) { 100 deferredResult.addMethod(user, 'login');
103 deferredResult.addMethod(user, 'login');
104 // } else {
105 // deferredResult.addMethod(user, 'loginUsingOTP', parameters.username, parameters.otp);
106 // }
107 deferredResult.addCallback(function(aLoginProgress, res) { 101 deferredResult.addCallback(function(aLoginProgress, res) {
108 aLoginProgress.disableCancel(); 102 aLoginProgress.disableCancel();
109 return res; 103 return res;
110 }, loginProgress); 104 }, loginProgress);
111 deferredResult.addCallback(function () { 105 deferredResult.addCallback(function () {
112 MochiKit.Signal.connect(Clipperz.Signal.NotificationCenter, 'CARDS_CONTROLLER_DID_RUN',MochiKit.Base.method(loginProgress, 'deferredHideModalAndRemove', {closeToElement:MochiKit.DOM.currentDocument().body})); 106 MochiKit.Signal.connect(Clipperz.Signal.NotificationCenter, 'CARDS_CONTROLLER_DID_RUN',MochiKit.Base.method(loginProgress, 'deferredHideModalAndRemove', {closeToElement:MochiKit.DOM.currentDocument().body}));
113 }) 107 })
114 deferredResult.addMethod(this, 'userLoggedIn', user, loginProgress, aLoginForm); 108 deferredResult.addMethod(this, 'userLoggedIn', user, loginProgress, aLoginForm);
115 deferredResult.addErrback (MochiKit.Base.method(this, 'handleFailedLogin', loginProgress)); 109 deferredResult.addErrback (MochiKit.Base.method(this, 'handleFailedLogin', loginProgress));
116 110
117 deferredResult.addErrback (MochiKit.Base.method(loginProgress, 'deferredHideModalAndRemove', {closeToElement:aLoginForm.submitButtonElement()})); 111 deferredResult.addErrback (MochiKit.Base.method(loginProgress, 'deferredHideModalAndRemove', {closeToElement:aLoginForm.submitButtonElement()}));
118 deferredResult.addErrbackPass (MochiKit.Base.method(aLoginForm, 'focusOnPassphraseField')); 112 deferredResult.addErrbackPass (MochiKit.Base.method(aLoginForm, 'focusOnPassphraseField'));
119 deferredResult.addBoth(MochiKit.Base.method(Clipperz.PM.RunTime.mainController, 'removePassphraseDelegate', getPassphraseDelegate)); 113 deferredResult.addBoth(MochiKit.Base.method(Clipperz.PM.RunTime.mainController, 'removePassphraseDelegate', getPassphraseDelegate));
120 deferredResult.callback(); 114 deferredResult.callback();
121 115
122 MochiKit.Signal.connect(loginProgress, 'cancelEvent', deferredResult, 'cancel'); 116 MochiKit.Signal.connect(loginProgress, 'cancelEvent', deferredResult, 'cancel');
123 117
124 return deferredResult; 118 return deferredResult;
125 }, 119 },
126 120
127 //----------------------------------------------------------------------------- 121 //-----------------------------------------------------------------------------
128 122
129 'userLoggedIn': function(aUser) { 123 'userLoggedIn': function(aUser) {
130//Clipperz.log(">>> LoginController.userLoggedIn"); 124//Clipperz.log(">>> LoginController.userLoggedIn");
131 MochiKit.Signal.signal(this, 'userLoggedIn', {user: aUser}); 125 MochiKit.Signal.signal(this, 'userLoggedIn', {user: aUser});
132//Clipperz.log("<<< LoginController.userLoggedIn"); 126//Clipperz.log("<<< LoginController.userLoggedIn");
133 }, 127 },
134 128
135 //========================================================================= 129 //=========================================================================
136 130
137 'handleCreateNewAccountClick': function (aComponent) { 131 'handleCreateNewAccountClick': function (aComponent) {
138 // return Clipperz.PM.DataModel.User.registerNewAccount("new", "user"); 132 // return Clipperz.PM.DataModel.User.registerNewAccount("new", "user");
139 return Clipperz.Async.callbacks("LoginController.handleCreateNewAccountClick", [ 133 return Clipperz.Async.callbacks("LoginController.handleCreateNewAccountClick", [
140 //' MochiKit.Base.method(this, 'newUserCreationComponent'), 134 //' MochiKit.Base.method(this, 'newUserCreationComponent'),
141 // MochiKit.Base.methodcaller('deferredShowModal', {openFromElement:aComponent}), 135 // MochiKit.Base.methodcaller('deferredShowModal', {openFromElement:aComponent}),
142 // MochiKit.Base.method(this.newUserWizardController(), 'run') 136 // MochiKit.Base.method(this.newUserWizardController(), 'run')
143 137
144 138
145 MochiKit.Base.method(this, 'newUserCreationComponent'), 139 MochiKit.Base.method(this, 'newUserCreationComponent'),
146 Clipperz.Async.forkAndJoin("Async.test succeedingForkedAndWaitDeferrer", [ 140 Clipperz.Async.forkAndJoin("Async.test succeedingForkedAndWaitDeferrer", [
147 MochiKit.Base.method(this.newUserCreationComponent(), 'deferredShowModal', {openFromElement:aComponent, duration:0.5}), 141 MochiKit.Base.method(this.newUserCreationComponent(), 'deferredShowModal', {openFromElement:aComponent, duration:0.5}),
148 MochiKit.Base.method(this.newUserWizardController(), 'run') 142 MochiKit.Base.method(this.newUserWizardController(), 'run')
149 ], {trace:false}), 143 ], {trace:false}),
150 // MochiKit.Base.method(this.newUserCreationComponent(), 'enableCredentialsField') 144 // MochiKit.Base.method(this.newUserCreationComponent(), 'enableCredentialsField')
151 ], {trace:false}); 145 ], {trace:false});
152 }, 146 },
153 147
154 //----------------------------------------------------------------------------- 148 //-----------------------------------------------------------------------------
155 149
156 'newUserWizardController': function () { 150 'newUserWizardController': function () {
157 if (this._newUserWizardController == null) { 151 if (this._newUserWizardController == null) {
158 this._newUserWizardController = new Clipperz.PM.UI.Web.Controllers.NewUserWizardController({ 152 this._newUserWizardController = new Clipperz.PM.UI.Web.Controllers.NewUserWizardController({
159 'newUserCreationComponent': this.newUserCreationComponent() 153 'newUserCreationComponent': this.newUserCreationComponent()
160 }) 154 })
161 155
162 // MochiKit.Signal.connect(this._newUserWizardController, 'exit',this, 'handleHideNewUserCreationComponent'); 156 // MochiKit.Signal.connect(this._newUserWizardController, 'exit',this, 'handleHideNewUserCreationComponent');
163 MochiKit.Signal.connect(this._newUserWizardController, 'done',this, 'handleCompleteNewUserCreationComponent'); 157 MochiKit.Signal.connect(this._newUserWizardController, 'done',this, 'handleCompleteNewUserCreationComponent');
164 } 158 }
165 159
166 return this._newUserWizardController; 160 return this._newUserWizardController;
167 }, 161 },
168 162
169 //------------------------------------------------------------------------- 163 //-------------------------------------------------------------------------
170 164
171 'newUserCreationComponent': function () { 165 'newUserCreationComponent': function () {
172 if (this._newUserCreationComponent == null) { 166 if (this._newUserCreationComponent == null) {
173 this._newUserCreationComponent = new Clipperz.PM.UI.Web.Components.NewUserCreationComponent(); 167 this._newUserCreationComponent = new Clipperz.PM.UI.Web.Components.NewUserCreationComponent();
174 } 168 }
175 169
176 return this._newUserCreationComponent; 170 return this._newUserCreationComponent;
177 }, 171 },
178 172
179 'clearNewUserCreationComponent': function () { 173 'clearNewUserCreationComponent': function () {
180 if (this._newUserCreationComponent != null) { 174 if (this._newUserCreationComponent != null) {
181 this._newUserCreationComponent.clear(); 175 this._newUserCreationComponent.clear();
182 } 176 }
183 this._newUserCreationComponent = null; 177 this._newUserCreationComponent = null;
184 }, 178 },
185 179
186 //------------------------------------------------------------------------- 180 //-------------------------------------------------------------------------
187 181
188 'handleHideNewUserCreationComponent': function () { 182 'handleHideNewUserCreationComponent': function () {
189 this.clearNewUserCreationComponent(); 183 this.clearNewUserCreationComponent();
190 }, 184 },
191 185
192 'handleCompleteNewUserCreationComponent': function (someParameters) { 186 'handleCompleteNewUserCreationComponent': function (someParameters) {
193 vardeferredResult; 187 vardeferredResult;
194 varuser; 188 varuser;
195 varnewUserCreationComponent; 189 varnewUserCreationComponent;
196 190
197 user = someParameters.user; 191 user = someParameters.user;
198 newUserCreationComponent = this.newUserCreationComponent(); 192 newUserCreationComponent = this.newUserCreationComponent();
199 MochiKit.Signal.connect(Clipperz.Signal.NotificationCenter, 'CARDS_CONTROLLER_DID_RUN',MochiKit.Base.method(newUserCreationComponent, 'deferredHideModal', {closeToElement:MochiKit.DOM.currentDocument().body})), 193 MochiKit.Signal.connect(Clipperz.Signal.NotificationCenter, 'CARDS_CONTROLLER_DID_RUN',MochiKit.Base.method(newUserCreationComponent, 'deferredHideModal', {closeToElement:MochiKit.DOM.currentDocument().body})),
200 194
201 deferredResult = new Clipperz.Async.Deferred("LoginController.handleCompleteNewUserCreationComponent", {trace:false}); 195 deferredResult = new Clipperz.Async.Deferred("LoginController.handleCompleteNewUserCreationComponent", {trace:false});
202 196
203 deferredResult.addCallbackList([ 197 deferredResult.addCallbackList([
204 MochiKit.Base.method(Clipperz.Crypto.PRNG.defaultRandomGenerator(), 'deferredEntropyCollection'), 198 MochiKit.Base.method(Clipperz.Crypto.PRNG.defaultRandomGenerator(), 'deferredEntropyCollection'),
205 MochiKit.Base.method(user, 'login'), 199 MochiKit.Base.method(user, 'login'),
206 MochiKit.Base.method(this, 'userLoggedIn', user), 200 MochiKit.Base.method(this, 'userLoggedIn', user),
207 MochiKit.Base.method(this, 'clearNewUserCreationComponent') 201 MochiKit.Base.method(this, 'clearNewUserCreationComponent')
208 ]); 202 ]);
209 deferredResult.addErrback(function (aValue) { Clipperz.log("WTF!! Error doing the login after creating a new user" + aValue)}); 203 deferredResult.addErrback(function (aValue) { Clipperz.log("WTF!! Error doing the login after creating a new user" + aValue)});
210 deferredResult.callback(); 204 deferredResult.callback();
211 205
212 return deferredResult; 206 return deferredResult;
213 }, 207 },
214 208
215 209
216 //========================================================================= 210 //=========================================================================
217 211
218 'handleFailedLogin': function(aLoginProgress, anError) { 212 'handleFailedLogin': function(aLoginProgress, anError) {
219 var result; 213 var result;
220 214
221//console.log("anError", anError); 215//console.log("anError", anError);
222 if (anError instanceof MochiKit.Async.CancelledError) { 216 if (anError instanceof MochiKit.Async.CancelledError) {
223 result = anError; 217 result = anError;
224 } else { 218 } else {
225 var deferredResult; 219 var deferredResult;
226 220
227MochiKit.Logging.logError("## MainController - FAILED LOGIN: " + anError); 221MochiKit.Logging.logError("## MainController - FAILED LOGIN: " + anError);
228 deferredResult = new MochiKit.Async.Deferred(); 222 deferredResult = new MochiKit.Async.Deferred();
229 223
230 aLoginProgress.showErrorMessage("failed login"); 224 aLoginProgress.showErrorMessage("failed login");
231 // Clipperz.NotificationCenter.register(loginProgress, 'cancelEvent', deferredResult, 'callback'); 225 // Clipperz.NotificationCenter.register(loginProgress, 'cancelEvent', deferredResult, 'callback');
232 MochiKit.Signal.connect(aLoginProgress, 'cancelEvent', deferredResult, 'callback'); 226 MochiKit.Signal.connect(aLoginProgress, 'cancelEvent', deferredResult, 'callback');
233 deferredResult.addCallback(MochiKit.Async.fail, anError) 227 deferredResult.addCallback(MochiKit.Async.fail, anError)
234 result = deferredResult; 228 result = deferredResult;
235 } 229 }
236 230
237 return result; 231 return result;
238 }, 232 },
239 233
240 'handleGenericError': function(anError) { 234 'handleGenericError': function(anError) {
241 var result; 235 var result;
242 236
243 if (anError instanceof MochiKit.Async.CancelledError) { 237 if (anError instanceof MochiKit.Async.CancelledError) {
244 result = anError; 238 result = anError;
245 } else { 239 } else {
246MochiKit.Logging.logError("## MainController - GENERIC ERROR" + "\n" + "==>> " + anError + " <<==\n" + anError.stack); 240MochiKit.Logging.logError("## MainController - GENERIC ERROR" + "\n" + "==>> " + anError + " <<==\n" + anError.stack);
247//console.log(anError); 241//console.log(anError);
248 result = new MochiKit.Async.CancelledError(anError); 242 result = new MochiKit.Async.CancelledError(anError);
249 } 243 }
250 244
251 return result; 245 return result;
252 }, 246 },
253 247
254 //----------------------------------------------------------------------------- 248 //-----------------------------------------------------------------------------
255 __syntaxFix__: "syntax fix" 249 __syntaxFix__: "syntax fix"
256}); 250});