tbrehm
2013-02-22 526b997c9891a796b152cdbab8e329b356b1f596
commit | author | age
fab45e 1 @charset "UTF-8";
C 2 /* 
3     Document   : styles.css
4     Created on : 06.07.2012, 12:21:59
5     Author     : Christian Foellmann (foe-services.de)
6     Description:
7         Basis was css-code from the "ISPConfig 3: default theme" which was based on
8         "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework 3.0.6
9         by Copyright 2005-2008, Dirk Jesse (http://www.yaml.de)
10 */
11
12 /* overall
13 -------------------------------------------------------------- */
14 * {
15     margin: 0;
16     padding: 0;
17 }
5889ff 18 html * { font-size: 100.01% }
C 19 body {
20     font-family: "Trebuchet MS", sans-serif;
21     font-size: 75.00%; 
22     color: #444;
23     background: url("../images/screen_bg.png") repeat-x top left fixed #EEEEEE;
24     padding: 10px 0;
25 }
a9c5c1 26 ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
C 27 li { margin-left: 1.5em; line-height: 1.5em }
28 dt { font-weight: bold }
29 dd { margin: 0 0 1em 2em }
30 a {
31     color: #4D87C7;
32     text-decoration:none;
fab45e 33 }
5889ff 34 a:focus,
C 35 a:hover,
a9c5c1 36 a:active {
C 37     color:#182E7A;
38     text-decoration:underline;
39 }
5889ff 40 hr {
C 41     color: #fff;
42     background:transparent;
43     margin: 0 0 0.5em 0;
44     padding: 0 0 0.5em 0;
45     border:0;
46     border-bottom: 1px #eee solid;
47 }
a9c5c1 48 textarea, pre, tt, code {
C 49     font-family: Consolas,"Lucida Console","Courier New",monospace;
50     font-size: 0.9em;    
51 }
5889ff 52
a9c5c1 53 h1,h2,h3,h4,h5,h6 { 
C 54     font-family: "Trebuchet MS", sans-serif;
55     font-weight:bold; 
56     color:#666;
57     margin: 0 0 0.25em 0; 
58 }
59 h1 { font-size: 200% }                        /* 24px */
60 h2 { font-size: 200% }                        /* 24px */
61 h3 { font-size: 150% }                        /* 18px */
62 h4 { font-size: 133.33% }                     /* 16px */
63 h5 { font-size: 116.67% }                     /* 14px */
64 h6 { font-size: 116.67%; font-style:italic }  /* 14px */
5889ff 65
a9c5c1 66 p { line-height: 1.5em; margin: 0 0 1em 0; }
5889ff 67
a9c5c1 68 cite, blockquote { font-style:italic }
C 69 blockquote { margin: 0 0 1em 1.5em }
5889ff 70
a9c5c1 71 strong,b { font-weight: bold }
C 72 em,i { font-style:italic }
73
74 pre, code { font-family: monospace; font-size: 1.1em; }
75
76 acronym, abbr {
77     letter-spacing: .07em;
78     border-bottom: .1em dashed #c00;
79     cursor: help;
80 }
81
82 header, #nav, #main, footer {
83     clear: both;
84 }
5889ff 85 #page {
C 86     min-width: 980px;
87     max-width: 80%;
88     background: #fff;
89     text-align:left;
90     margin: 0 auto;
91     padding: 10px;
a9c5c1 92 }
C 93 .skip, .hideme, .print {
94     height: 1px;
95     left: -1000em;
96     position: absolute;
97     top: -1000em;
98     width: 1px;
5889ff 99 }
fab45e 100
C 101 /* header
102 -------------------------------------------------------------- */
103 header {
104     position: relative;
105     color: #faf0e6;
106     padding: 15px 2em 5px 20px;
5889ff 107     background: url("../images/header_bg.png") repeat-x top left #9a9a9a;
fab45e 108 }
C 109 header h1 {
110     font-size:2.5em;
111     letter-spacing:-2px;
112     line-height:65%;
113     color: silver;
114 }
115 header span {
116     color: #333333;
117 }
118
119 /* header/topsubnav
120 -------------------------------------------------------------- */
121 #topsubnav {
122     position:absolute;
123     top: 10px;
124     right: 10px;
125     text-align: right;
126 }
a9c5c1 127 #topsubnav a { 
C 128     color: #f0f8ff;
129     font-weight: normal;
130     background:transparent;
131     text-decoration:none;
132 }
fab45e 133 #topsubnav a:focus, 
C 134 #topsubnav a:hover,
a9c5c1 135 #topsubnav a:active {
C 136     text-decoration:underline;
137     background-color: transparent;
138 }
fab45e 139
C 140 /* nav
141 -------------------------------------------------------------- */
142 #topNav ul {
143     list-style: none;
144     padding: 0 0 0 20px;
145     margin: 0;
146     background: #9a9a9a
147 }
148
149 #topNav ul li {
150     display: inline;
151     margin: 0 2px 0 0;
152 }
153
154 #topNav a {
a9c5c1 155     background: url("../icons/x32_sprite.png") no-repeat #D3D3D3;
fab45e 156     color:black;
C 157     display:inline-block;
158     height:20px;
159     padding-top:37px;
160     text-align:center;
161     text-decoration:none;
b81e1a 162     min-width:78px;
fab45e 163 }
C 164
165 #topNav a:hover {
166     background-color: #eeeeee;
167     color: #000000;
168 }
b81e1a 169
fab45e 170 #topNav #topNav_current a {
C 171     font-weight: bold;
172     color: black;
173     background-color: #ffffff;
174 }
a9c5c1 175 .topnav-tools { background-position: 22px -10px !important; }
5889ff 176 .topnav-admin { background-position: 22px -74px !important; }
a9c5c1 177 .topnav-sites { background-position: 22px -523px !important; }
C 178 .topnav-monitor { background-position: 22px -585px !important; }
179 .topnav- { background-position: 22px -650px !important; }
180 .topnav-help { background-position: 22px -715px !important; }
5889ff 181 .topnav-mail { background-position: 22px -780px !important; }
C 182 .topnav-mailuser { background-position: 22px -780px !important; }
183 .topnav-vm { background-position: 22px -842px !important; }
a9c5c1 184 .topnav-domain { background-position: 22px -905px !important; }
C 185 .topnav-dns { background-position: 22px -970px !important; }
186 .topnav-dashboard { background-position: 22px -1035px !important; }
187 .topnav-client { background-position: 22px -1098px !important; }
5889ff 188 .topnav-billing { background-position: 22px -1162px !important; }
b81e1a 189 #topNav a span {
C 190             padding: 0 3px;
191         }
fab45e 192 /* main
C 193 -------------------------------------------------------------- */
194 #main { 
195     background: #fff;
196     padding: 1em 0;
197 }
198
199 /* main/sideNav + submenu
200 -------------------------------------------------------------- */
a9c5c1 201 #sideNav { 
C 202     width: 200px; 
203     float:left;
204     padding: 0 10px 0 0; 
fab45e 205 }
C 206
207 #submenu {
208     width: 100%;
209     overflow: hidden;
210     margin: 0px;
211     list-style-type: none;
212     border-bottom: 2px #ddd solid;
213 }
214
a9c5c1 215 #submenu ul {
C 216     list-style-type: none;
217     margin:0;
218     padding: 0;
219 }
220 #submenu li {
221     float:left;
222     width: 100%;
223     margin:0;
224     padding: 0;
225     font-size:0.9em;
226 }
fab45e 227
C 228 #submenu a,
229 #submenu strong {
230     display:block;
231     width: 90%;
232     padding: 2px 0px 2px 10%;
233     text-decoration: none;
234     background-color:#fff;
235     color: #444;
236     border-bottom: 1px #eee solid;
237 }
238
239 /* Menu Title */
240 #submenu li.title {
241     width: 100%;
242     padding: 0px;
243     font-weight: bold;
244     color: #444;
245     background-color: #fff;
246     border-top: 2px #888 solid;
247     font-size: 1.1em;
248 }
249
250 #submenu li.title a {
251     background-color: #f0f8ff;
252     color: #444;
253 }
254 #submenu li.title a:hover {
255     color: white;
256 }
257
258 #submenu li span {
259     display:block;
260     width: 90%;
261     padding: 3px 0px 3px 10%;
262     font-weight: bold;
263     border-bottom: 1px #ddd solid;
264 }
265
266 /* Level 1 */
267 #submenu li.active,
268 #submenu li strong {
269     width: 90%;
270     padding: 3px 0px 3px 10%;
271     font-weight: bold;
272     color: #fff;
273     background-color:#aab;
274     border-bottom: 1px #eee solid;
275 }
276
a9c5c1 277 #submenu li a {
C 278     width: 90%;
279     padding-left: 10%;
280     background-color:#fff;
281     color: #444;
282 }
fab45e 283 #submenu li a:focus,
C 284 #submenu li a:hover,
a9c5c1 285 #submenu li a:active {
C 286     background-color:#f63;
287     color: #fff;
288 }
fab45e 289
C 290 /* Form-Elements in the Menu*/
291 #submenu * select#server_id {
292     margin: 3px 10%;
293     padding: 1px;
294     width: 80%;
295 }
296
297 /* main/content
298 -------------------------------------------------------------- */
299 #content { 
300     margin-left: 200px; 
301     margin-right: 0;
302     padding: 0px 10px 10px 20px;
303     border-left: 1px #ddd solid;
304 }
305
306 /* footer
307 -------------------------------------------------------------- */
308
309 footer { 
310     color:#666; 
311     background: #f9f9f9;
312     padding: 10px 20px;
313     border-top: 5px #efefef solid;
314     font-size: 0.8em;
315     text-align: center;
316 }
a9c5c1 317 footer a {
C 318     color: #999;
319     background:transparent;
320     font-weight: bold;
321 }
fab45e 322 footer a:hover, footer a:active {
C 323     color: #4D87C7; 
324     background-color: transparent; 
325     text-decoration:underline;
326 }
327
328 /* Set a background-color, no system backgorund used anymore */
329 select, input, textarea {
330     background: #FFFFFF;
331     border: 1px solid #DFDFDF;
332     padding: 1px;
333     outline:none;
334 }
335
336 table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
337 table.full { width: 100%; }
338 table.fixed { table-layout:fixed }
339
a9c5c1 340 table.list td {
C 341     max-width: 350px;
342     min-width: 32px;
343     white-space: nowrap;
344     overflow:hidden;
345     text-overflow: ellipsis;
346     -o-text-overflow: ellipsis;
347     -icab-text-overflow: ellipsis;
348     -khtml-text-overflow: ellipsis;
349     -moz-text-overflow: ellipsis;
350     -webkit-text-overflow: ellipsis;
fab45e 351 }
a9c5c1 352 th,
C 353 td {
354     padding: 0.5em;
355     text-align:left;
356 }
357 thead th {
358     background: #444 url("../images/lists_thead_bg.png") repeat-x;
359     color: #fff;
360 }
361 tbody th {
362     background: #ccc;
363     color: #333;
364 }
365 tbody th.sub {
366     background: #ddd;
367     color: #333;
368 }
c513fa 369 table.list th[class$="_pid"],
C 370 table.list td[class$="_pid"],
371 table.list th[class$="_active"],
372 table.list td[class$="_active"],
373 table.list th.tbl_col_autoresponder,
374 table.list td.tbl_col_autoresponder {
375     width: 70px;
376     text-align: center;
377 }
378 table.list .tbl_col_buttons,
379 table.list .tbl_col_limit {
380     width: 150px;
381 }
382 .tbl_col_client_pid input {
383     width: 50px;
384 }
a9c5c1 385 .pnl_listarea th[class^="tbl_col"] { cursor:pointer; }
C 386 .pnl_listarea th[class^="tbl_col"]:hover { background-position:0 -15px!important; }
387
388 .pageForm_description { font-size: 12px; }
fab45e 389
C 390 /* Tab-Box */
a9c5c1 391 .tabbox_tabs { border-bottom: 1px solid #d3d3d3; }
fab45e 392 .tabbox_tabs ul {
C 393     list-style: none;
394     padding: 0;
395     margin: 0;
396 }
397 .tabbox_tabs li {
398     display: inline;
399     margin: 0 2px 0 0;
400 }
401 .tabbox_tabs a {
402     padding: 0 1em;
403     text-decoration: none;
404     color: black;
405     background: #d3d3d3;
406     border: 1px solid #d3d3d3;
407 }
408 .tabbox_tabs a:hover {
409     background: #fc0;
410     color: #540;
411 }
412 .tabbox_tabs .active a {
413     font-weight: bold;
414     color: #ff6600;
415     background: #ffffff;
416 }
417 .pnl_toolsarea fieldset, .pnl_listarea fieldset, .pnl_formsarea fieldset {
418     border-top: 1px solid #949494;
419     margin: 20px 0;
420 }
421 .pnl_toolsarea fieldset legend , .pnl_listarea fieldset legend {
422     font-weight: bold;
423     color: #6299c5;
424 }
425 .pnl_formarea fieldset {
426     font-weight: bold;
427 }
428 /* hide line and legend when inside tabbed content */
429 #tabbox_content * .pnl_toolsarea fieldset, #tabbox_content * .pnl_listarea fieldset, #tabbox_content * .pnl_formsarea fieldset { border: none !important; }
430 #tabbox_content * .pnl_toolsarea fieldset legend, #tabbox_content * .pnl_listarea fieldset legend, #tabbox_content * .pnl_formsarea fieldset legend { display: none !important; }
431 .codeview {
432     margin:20px 0;
433     padding:2px;
434     border: 1px solid #ffcc00;
435     background: #fffaea;
436     font-family: Consolas, "Lucida Console", "Courier New", monospace;
437     font-size: 0.9em;
438 }
439 /* Lists */
440 table.list {
441     width: 100%;
442     border: 1px solid #d3d3d3 !important;
443 }
444 table.list thead th { font-size: 10px; }
445 table.list tbody { border: 1px solid #d3d3d3 !important; }
5889ff 446 table.list tfoot td { text-align: center;  background: #f8f8f8 url("../images/lists_tfoot_bg.png") repeat-x bottom left;  padding: 24px 8px 8px 8px; }
72695f 447 table.list .tbl_paging img { vertical-align: top; }
fab45e 448 table.list .tbl_row_even { background: #fcfcfc; }
C 449 table.list .tbl_row_uneven { background: #f0f8ff; }
450 table.list tr:hover { background: #fffacd; }
451 table.list td { word-wrap:break-word;white-space:pre-wrap; }
526b99 452 table.list td.tbl_col_buttons { word-wrap:normal;white-space:normal;overflow:visible; }
fab45e 453
C 454 /* Password Strength */
455 #passBar {
456     width: 101px; height: 10px;
5889ff 457     background: url("../images/meter_bg.gif") repeat-x bottom left;
fab45e 458     margin: 2px 0;
C 459     float: left;
460 }
461 #passText {
462     padding: 0;
463     float: left;
464 }
465
466 /* Systemmonitor */
a9c5c1 467 .systemmonitor-server,
C 468 .systemmonitor-ve,
fab45e 469 .systemmonitor-state {
C 470     margin: 10px 5px;
471     font-family: Consolas, "Lucida Console", "Courier New", monospace;
472     font-size: 0.9em;
473     float: left;
474     width: 100%;
475 }
a9c5c1 476 .systemmonitor-server:hover,
C 477 .systemmonitor-vm:hover { background-color: #FFFACD; }
478 .state-no_state,
479 .state-no_state-ve {
fab45e 480     border-top: 4px solid #95A19F;
C 481     background-color: #f8f8ff;
482 }
a9c5c1 483 .state-unknown,
C 484 .state-unknown-ve {
fab45e 485     border-top: 4px solid #30302e;
C 486     background-color: #cecfc5;
487 }
a9c5c1 488 .state-ok,
C 489 .state-ok-ve {
fab45e 490     border-top: 4px solid #23fb00;
C 491     background-color: #adffa2;
492 }
a9c5c1 493 .state-info,
C 494 .state-info-ve {
fab45e 495     border-top: 4px solid #183e99;
C 496     background-color: #d4e2ff;
497 }
a9c5c1 498 .state-warning,
C 499 .state-warning-ve {
fab45e 500     border-top: 4px solid #ffa800;
C 501     background-color: #ffda93;
502 }
a9c5c1 503 .state-critical,
C 504 .state-critical-ve {
fab45e 505     border-top: 4px solid #ff0000;
C 506     background-color: #ffb9b9;
507 }
a9c5c1 508 .state-error,
C 509 .state-error-ve {
fab45e 510     border-top: 4px solid #ff0000;
C 511     background-color: #ff7f7f;
a9c5c1 512 }       
C 513 div.icoDevice {
fab45e 514     float: left;
a9c5c1 515     width: 64px;
C 516     height: 64px;
517     margin: 5px;
518     background: url("../icons/device_sprite.png") no-repeat transparent;
fab45e 519 }
a9c5c1 520 .systemmonitor-server div.icoDevice { background-position: 0 0; }
C 521 .systemmonitor-ve div.icoDevice { background-position: -64px 0; }
522 .systemmonitor-network div.icoDevice { background-position: -128px 0; }
523 div.statusDevice,
524 div.statusMsg { float: left; }
525 div.statusMsg p { 
fab45e 526     float: left;
a9c5c1 527     padding: 5px;
fab45e 528 }
a9c5c1 529 .systemmonitor-state .status {
fab45e 530     margin: 5px;
C 531 }
a9c5c1 532 .status {
C 533     float: right;
534     width: 32px;
535     height: 32px;
536     background: url("../icons/x32_sprite.png") no-repeat transparent;
fab45e 537 }
a9c5c1 538 div.status {
C 539     float: left !important;
fab45e 540 }
a9c5c1 541 .state-warning .status,
C 542 .state-warning-ve .status { background-position: 0 -143px; }
543 .state-no_state .status,
544 .state-no_state-ve .status,
545 .state-unknown .status,
546 .state-unknown-ve .status { background-position: 0 -207px; }
547 .state-ok .status,
548 .state-ok-ve .status { background-position: 0 -270px; }
549 .state-info .status,
550 .state-info-ve .status { background-position: 0 -336px; }
551 .state-error .status,
552 .state-error-ve .status { background-position: 0 -400px; }
553 .state-critical .status,
554 .state-critical-ve .status { background-position: 0 -463px; }
fab45e 555
a9c5c1 556 /* Usage unknown  
fab45e 557 .systemmonitor-content table {
C 558     border: none;
559     margin-top: 10px;
560 }
561
562 .systemmonitor-content * .online {
563     border: 1px solid #ffffff;
564     background-color: #E3FFB8;
565     color: #000000;
566     padding:0px 5px;
567 }
568 .systemmonitor-content * .offline {
569     border: 1px solid #ffffff;
570     background-color: #d12f19; 
571     color:#ffffff;
572     padding:0px 5px;
a9c5c1 573 }*/
fab45e 574
C 575 /* Dashboard */
576 .dashboard-modules {
577     float:left;
578     width:60px;
579     height: 60px;
580     border:1px dotted #888888;
581     background-color: #cccccc;
582     margin:10px;
583     background-position: center 5px;
584     background-repeat: no-repeat;
585     text-align: center;
586 }
5889ff 587 .dashboard-modules a, 
C 588 .dashboard-modules a:hover {
a9c5c1 589     background: url("../icons/x32_sprite.png") no-repeat transparent;
fab45e 590     color:Black;
C 591     display:block;
592     font-weight:bold;
593     height:30px;
594     padding-top:42px;
595     width:60px;
596     text-decoration: none;
597 }
5889ff 598 .dashboard-modules.tools a { background-position: 12px -9px; }
a9c5c1 599 .dashboard-modules.admin a { background-position: 12px -73px; }
5889ff 600 .dashboard-modules.sites a { background-position: 12px -520px; }
a9c5c1 601 .dashboard-modules.monitor a { background-position: 13px -585px; }
C 602 .dashboard-modules.help a { background-position: 13px -716px; }
603 .dashboard-modules.mail a { background-position: 12px -776px; }
604 .dashboard-modules.vm a { background-position: 14px -842px; }
605 .dashboard-modules.domain a { background-position: 12px -905px; }
606 .dashboard-modules.dns a { background-position: 12px -970px; }
607 .dashboard-modules.client a { background-position: 13px -1096px; }
5889ff 608 .dashboard-modules.billing a { background-position: 14px -1162px; }
fab45e 609
a9c5c1 610 .panel_dashboard h2 { font-size:20px; }
fab45e 611
C 612 /* Image-Replacement */
613 .swap { background-repeat:no-repeat; }
614 .swap span { display:none; height:16px; } 
a9c5c1 615 #ir-HeaderLogo {
C 616     background-image: url("../images/header_logo.png");
617     height:32px;
618     margin:0 0 0.2em;
619
4f9c38 620 div#ir-Yes,
C 621 div#ir-No {
622     text-align: center;
623     background: url("../icons/x16_sprite.png") no-repeat transparent;
624 }
a9c5c1 625 #ir-Yes {
c513fa 626     background-position: center -342px !important;
4f9c38 627     height: 16px;
C 628 }
a9c5c1 629 #ir-No {
c513fa 630     background-position: center -362px !important;
4f9c38 631     height: 16px;
C 632 }
633 .swap {
634     background-repeat: no-repeat;
635 }
636 .swap span {
637     display: none;
638     height: 16px;
639 }
fab45e 640 /* BUTTONS */
ffe842 641 a.button,
5889ff 642 .button,
C 643 .buttons button {
ffe842 644     display: inline-block;
C 645     margin: 0 2px;
646     padding: 2px 5px;
647     color: #525252;
648     text-shadow: 0px 1px 1px #fff;
649     border: 1px solid #c6c6c6;
650     border-radius: 4px;
5889ff 651     background-color: #f7f7f7;
ffe842 652     box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
C 653     -o-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
654     -webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
655     -moz-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
656     text-decoration: none;
657 }
658 a.button:focus,
5889ff 659 input.button:focus,
C 660 .buttons button:focus {
ffe842 661     border-color: #4fadd5;
C 662     box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
663     -moz-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
664     -webkit-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
665     -o-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
666     outline: none;
667 }
fab45e 668 .buttons button[type]{
C 669     padding:5px 10px 5px 7px; /* Firefox */
670     line-height:17px; /* Safari */
4bd960 671     white-space: nowrap;
fab45e 672 }
C 673 *:first-child+html button[type]{
674     padding:4px 10px 3px 7px; /* IE7 */
675 }
a9c5c1 676 .buttons button img,
C 677 .buttons a img {
fab45e 678     margin:0 3px -3px 0 !important;
C 679     padding:0;
680     border:none;
681     width:16px;
682     height:16px;
683 }
c72149 684 .topbuttons {
C 685     margin-bottom: 10px;
686 }
fab45e 687 /* BUTTONS STANDARD */
a9c5c1 688 button:hover,
C 689 .buttons a:hover {
fab45e 690     background-color:#dff4ff;
C 691     border:1px solid #c2e1ef;
692     color:#336699;
693 }
a9c5c1 694 .buttons a:active {
fab45e 695     background-color:#6299c5;
C 696     border:1px solid #6299c5;
697     color:#fff;
698 }
699
700 /* BUTTONS POSITIVE */
a9c5c1 701 button.positive,
C 702 .buttons a.positive { color:#529214; }
703 .buttons a.positive:hover,
704 button.positive:hover {
fab45e 705     background-color:#E6EFC2;
C 706     border:1px solid #C6D880;
707     color:#529214;
708 }
a9c5c1 709 .buttons a.positive:active {
fab45e 710     background-color:#529214;
C 711     border:1px solid #529214;
712     color:#fff;
713 }
714
715 /* BUTTONS NEGATIVE */
a9c5c1 716 .buttons a.negative,
C 717 button.negative {
fab45e 718     color:#d12f19;
C 719 }
a9c5c1 720 .buttons a.negative:hover,
C 721 button.negative:hover {
fab45e 722     background-color:#fbe3e4;
C 723     border:1px solid #fbc2c4;
724     color:#d12f19;
725 }
a9c5c1 726 .buttons a.negative:active {
fab45e 727     background-color:#d12f19;
C 728     border:1px solid #d12f19;
729     color:#fff;
730 }
731
732 /* Button with icon and text */
a9c5c1 733 .iconstxt { background: url("../icons/button_sprite.png") no-repeat transparent; }
5889ff 734 .iconstxt span { padding-left: 20px; font-weight: bold; }
C 735 .iconstxt.icoPositive { background-position: 6px -130px; }
736 .iconstxt.icoNegative { background-position: 6px -98px; }
737 .iconstxt.icoAdd { background-position: 6px -66px; }
738 .iconstxt.icoKey { background-position: 6px -1px; }
739 .iconstxt.icoDelete { background-position: 6px -34px; }
740 .iconstxt.icoDownload { background-position: 6px -1px; }
741 .iconstxt.icoRestore { background-position: 6px -1px; }
fab45e 742
C 743 /* Button with icon and without text */
72695f 744 .icons16 { position: relative; }
T 745 .icons16>span {
746     opacity: 0;
747     visibility: hidden;
748     -webkit-transition: opacity 1s linear;
749     -moz-transition: opacity 1s linear;
750     -o-transition: opacity 1s linear;
751     -ms-transition: opacity 1s linear;
752     transition: opacity 1s linear;
753     position: absolute;
754     right: 23px;
755     top: -1px;
756     padding: 1px 2px;
757     border: 1px solid rgb(155,155,11);
758     background: rgb(255,255,111);
759     white-space: nowrap;
760 }
761 .icons16:hover>span {
762     opacity: 1.0;
763     visibility: visible;
764 }
5889ff 765 a.icons16 {
C 766     height: 18px;
767     width: 18px;
768     padding: 0;
a9c5c1 769     background: url("../icons/x16_sprite.png") no-repeat transparent;
5889ff 770 }
C 771 button.icons16 {
772     height: 20px;
773     width: 20px;
774     padding: 0;
a9c5c1 775     background: url("../icons/x16_sprite.png") no-repeat transparent;
5889ff 776 }
a9c5c1 777 .icons16.icoEdit { background-position: -1px -1px; }
C 778 .icons16.icoLoginAs { background-position: -1px -21px; }
779 .icons16.icoPDF { background-position: -1px -61px; }
4f9c38 780 .icons16.icoDelete { background-position: -1px -81px; }
C 781 .icons16.icoWebmailer { background-position: -1px -101px; }
5889ff 782 .icons16.icoFilter { background-position: -1px -161px; }
C 783 .icons16.icoDbAdmin { background-position: -1px -221px; }
784 .icons16.icoAction { background-position: -1px -241px; }
526b99 785 .icons16.icoLink { background-position: -1px -422px; float: right; }
fab45e 786
c513fa 787 div.group-icon {
C 788     float: left;
789     padding: 2px 0;
790 }
791 .group-admin,
792 .group-user {
793     height: 20px;
794     width: 20px;
795     padding: 0;
796     float: left;
797     background: url("../icons/x16_sprite.png") no-repeat transparent;
798 }
799 .group-admin { background-position: 0 -380px; }
800 .group-user { background-position: 0 -400px; }
801
bfcdef 802 span.marked { color: #cc0000; }
T 803 span.small { font-size: 0.9em; }
804
fab45e 805 #ajaxloader {
a00888 806     position: absolute;
T 807     width: 325px;
808     height: 150px;
809     background: #ffffff url('../images/ajax-loader.gif') no-repeat center center;
810     border: solid 2px #e1e1e1;
811     border-radius: 10px;
812     /*background: rgba(255, 255, 255, 0.85);*/
813     padding: 20px;
fab45e 814     text-align:center;
a00888 815     z-index: 100;
fab45e 816 }
C 817 .blockLabel.email_at {
818     width: 20px !important;
a9c5c1 819     margin: 1.6em 0.3em 0 0 !important;
fab45e 820 }
C 821 .textDisplay { display: block; }
822
823 /* Form Length Classes */
824 .textInput.formLengthBool { width: 25px !important; }
825 .selectInput.formLengthBool { width: 60px !important; }
826 .textInput.formLengthLimit { width: 50px !important; }
827 .selectInput.formLengthLimit { width: 85px !important; }
828 .formLengthDate { width: 75px !important; }
829 .formLengthIPv4 { width: 125px !important; }
830 .formLengthIPv6 { width: 100% !important; }
831 .formLengthEmailUser { width: 30% !important; }
832 .formLengthEmailDomain { width: 30% !important; }
833 .formLengthHalf { width: 15% !important; }
834 .formLengthDouble { width: 50% !important; }
835
836 /* Individual Form Lengths */
a9c5c1 837 .textInput#username, 
C 838 .textInput#password,
839 .textInput#passwort,
840 .textInput#source_password { width: 100px; }
fab45e 841 .selectInput#language {    width: 75px; }
C 842 .selectInput#client_group_id, .selectInput#default_group { width: 125px; }
843 input#refresh, input#retry, input#expire, input#minimum, input#ttl { width: 50px !important; }
844
845 /* --- */
846
a9c5c1 847 a[href $="#logout"] {
C 848     padding-right: 20px;
4f9c38 849     background: url("../icons/x16_sprite.png") no-repeat right -143px transparent !important;
a9c5c1 850 }
fab45e 851
C 852 /* Select Menu with Images */
853 select.withicons option {
854     background-repeat:no-repeat;
855     background-position: 1px;
856     padding-left:24px;
857 }    
c513fa 858 div[class^=country-] {
C 859     background-image: url("../icons/flags_sprite.png");
860     background-repeat: no-repeat;
861     height: 20px;
862     width: 26px;
863 }
4bd960 864 li[class^=country-] {
T 865     background-image: url("../icons/flags_sprite.png");
866     background-repeat: no-repeat;
867     text-indent: 24px;
868 }
869 li[class^=country-] a.ui-state-hover { background: transparent; }
c513fa 870 div[class^=country-] span {
C 871     display: none;
872 }
fab45e 873 select.flags option {
C 874     background-image: url("../icons/flags_sprite.png");
875     background-repeat: no-repeat;
876     padding: 1px 0 1px 30px;
877 }
878 select.flags option[value=EL] {background-position:0 -1475px}
8f9240 879 select.flags option[value=AD], select.flags option[value=ad], .country-AD {background-position:0 -1px}
F 880 select.flags option[value=AE], select.flags option[value=ae], .country-AE {background-position:0 -23px}
c513fa 881 select.flags option[value=AF], select.flags option[value=af], .country-AF {background-position:0 -45px}
8f9240 882 select.flags option[value=AG], select.flags option[value=ag], .country-AG {background-position:0 -67px}
F 883 select.flags option[value=AI], select.flags option[value=ai], .country-AI {background-position:0 -89px}
884 select.flags option[value=AL], select.flags option[value=al], .country-AL {background-position:0 -111px}
885 select.flags option[value=AM], select.flags option[value=am], .country-AM {background-position:0 -133px}
886 select.flags option[value=AN], select.flags option[value=an], .country-AN {background-position:0 -155px}
887 select.flags option[value=AO], select.flags option[value=ao], .country-AO {background-position:0 -177px}
888 select.flags option[value=AQ], select.flags option[value=aq], .country-AQ {background-position:0 -199px}
889 select.flags option[value=AR], select.flags option[value=ar], .country-AR {background-position:0 -221px}
890 select.flags option[value=AS], select.flags option[value=as], .country-AS {background-position:0 -243px}
891 select.flags option[value=AT], select.flags option[value=at], .country-AT {background-position:0 -265px}
892 select.flags option[value=AU], select.flags option[value=au], .country-AU {background-position:0 -287px}
893 select.flags option[value=AW], select.flags option[value=aw], .country-AW {background-position:0 -309px}
894 select.flags option[value=AX], select.flags option[value=ax], .country-AX {background-position:0 -331px}
895 select.flags option[value=AZ], select.flags option[value=az], .country-AZ {background-position:0 -353px}
896 select.flags option[value=BA], select.flags option[value=ba], .country-BA {background-position:0 -375px}
897 select.flags option[value=BB], select.flags option[value=bb], .country-BB {background-position:0 -397px}
898 select.flags option[value=BD], select.flags option[value=bd], .country-BD {background-position:0 -419px}
899 select.flags option[value=BE], select.flags option[value=be], .country-BE {background-position:0 -441px}
900 select.flags option[value=BF], select.flags option[value=bf], .country-BF {background-position:0 -463px}
901 select.flags option[value=BG], select.flags option[value=bg], .country-BG {background-position:0 -485px}
902 select.flags option[value=BH], select.flags option[value=bh], .country-BH {background-position:0 -507px}
903 select.flags option[value=BI], select.flags option[value=bi], .country-BI {background-position:0 -529px}
904 select.flags option[value=BJ], select.flags option[value=bj], .country-BJ {background-position:0 -551px}
905 select.flags option[value=BM], select.flags option[value=bm], .country-BM {background-position:0 -573px}
906 select.flags option[value=BN], select.flags option[value=bn], .country-BN {background-position:0 -595px}
907 select.flags option[value=BO], select.flags option[value=bo], .country-BO {background-position:0 -617px}
908 select.flags option[value=BR], select.flags option[value=br], .country-BR {background-position:0 -639px}
909 select.flags option[value=BS], select.flags option[value=bs], .country-BS {background-position:0 -661px}
910 select.flags option[value=BT], select.flags option[value=bt], .country-BT {background-position:0 -683px}
911 select.flags option[value=BV], select.flags option[value=bv], .country-BV {background-position:0 -705px}
912 select.flags option[value=BW], select.flags option[value=bw], .country-BW {background-position:0 -727px}
913 select.flags option[value=BY], select.flags option[value=by], .country-BY {background-position:0 -749px}
914 select.flags option[value=BZ], select.flags option[value=bz], .country-BZ {background-position:0 -771px}
915 select.flags option[value=CA], select.flags option[value=ca], .country-CA {background-position:0 -793px}
916 select.flags option[value=CC], select.flags option[value=cc], .country-CC {background-position:0 -837px}
917 select.flags option[value=CD], select.flags option[value=cd], .country-CD {background-position:0 -859px}
918 select.flags option[value=CF], select.flags option[value=cf], .country-CF {background-position:0 -881px}
919 select.flags option[value=CG], select.flags option[value=cg], .country-CG {background-position:0 -903px}
920 select.flags option[value=CH], select.flags option[value=ch], .country-CH {background-position:0 -925px}
921 select.flags option[value=CI], select.flags option[value=ci], .country-CI {background-position:0 -947px}
922 select.flags option[value=CK], select.flags option[value=ck], .country-CK {background-position:0 -969px}
923 select.flags option[value=CL], select.flags option[value=cl], .country-CL {background-position:0 -991px}
924 select.flags option[value=CM], select.flags option[value=cm], .country-CM {background-position:0 -1013px}
925 select.flags option[value=CN], select.flags option[value=cn], .country-CN {background-position:0 -1035px}
926 select.flags option[value=CO], select.flags option[value=co], .country-CO {background-position:0 -1057px}
927 select.flags option[value=CR], select.flags option[value=cr], .country-CR {background-position:0 -1079px}
928 select.flags option[value=CS], select.flags option[value=cs], .country-CS {background-position:0 -1101px}
929 select.flags option[value=CU], select.flags option[value=cu], .country-CU {background-position:0 -1123px}
930 select.flags option[value=CV], select.flags option[value=cv], .country-CV {background-position:0 -1145px}
931 select.flags option[value=CX], select.flags option[value=cx], .country-CX {background-position:0 -1167px}
932 select.flags option[value=CY], select.flags option[value=cy], .country-CY {background-position:0 -1189px}
933 select.flags option[value=CZ], select.flags option[value=cz], .country-CZ {background-position:0 -1211px}
c513fa 934 select.flags option[value=DE], select.flags option[value=de], .country-DE {background-position:0 -1233px}
8f9240 935 select.flags option[value=DJ], select.flags option[value=dj], .country-DJ {background-position:0 -1255px}
F 936 select.flags option[value=DK], select.flags option[value=dk], .country-DK {background-position:0 -1277px}
937 select.flags option[value=DM], select.flags option[value=dm], .country-DM {background-position:0 -1299px}
938 select.flags option[value=DO], select.flags option[value=do], .country-DO {background-position:0 -1321px}
939 select.flags option[value=DZ], select.flags option[value=dz], .country-DZ {background-position:0 -1343px}
940 select.flags option[value=EC], select.flags option[value=ec], .country-EC {background-position:0 -1365px}
941 select.flags option[value=EE], select.flags option[value=ee], .country-EE {background-position:0 -1387px}
942 select.flags option[value=EG], select.flags option[value=eg], .country-EG {background-position:0 -1409px}
943 select.flags option[value=EH], select.flags option[value=eh], .country-EH {background-position:0 -1431px}
bfcdef 944 select.flags option[value=ER], select.flags option[value=er], .country-ER {background-position:0 -1475px}
T 945 select.flags option[value=ES], select.flags option[value=es], .country-ES {background-position:0 -1497px}
946 select.flags option[value=ET], select.flags option[value=ET], select.flags option[value=et], .country-ET {background-position:0 -1519px}
8f9240 947 select.flags option[value=FI], select.flags option[value=fi], .country-FI {background-position:0 -1585px}
F 948 select.flags option[value=FJ], select.flags option[value=fj], .country-FJ {background-position:0 -1607px}
949 select.flags option[value=FK], select.flags option[value=fk], .country-FK {background-position:0 -1629px}
950 select.flags option[value=FM], select.flags option[value=fm], .country-FM {background-position:0 -1651px}
951 select.flags option[value=FO], select.flags option[value=fo], .country-FO {background-position:0 -1673px}
952 select.flags option[value=FR], select.flags option[value=fr], .country-FR {background-position:0 -1695px}
953 select.flags option[value=GA], select.flags option[value=ga], .country-GA {background-position:0 -1717px}
c513fa 954 select.flags option[value=GB], select.flags option[value=en], select.flags option[value=gb], .country-GB, .country-EN {background-position:0 -1739px}
8f9240 955 select.flags option[value=GD], select.flags option[value=gd], .country-GD {background-position:0 -1761px}
F 956 select.flags option[value=GE], select.flags option[value=ge], .country-GE {background-position:0 -1783px}
957 select.flags option[value=GF], select.flags option[value=gf], .country-GF {background-position:0 -1805px}
958 select.flags option[value=GH], select.flags option[value=gh], .country-GH {background-position:0 -1827px}
959 select.flags option[value=GI], select.flags option[value=gi], .country-GI {background-position:0 -1849px}
960 select.flags option[value=GL], select.flags option[value=gl], .country-GL {background-position:0 -1871px}
961 select.flags option[value=GM], select.flags option[value=gm], .country-GM {background-position:0 -1893px}
962 select.flags option[value=GN], select.flags option[value=gn], .country-GN {background-position:0 -1915px}
963 select.flags option[value=GP], select.flags option[value=gp], .country-GP {background-position:0 -1937px}
964 select.flags option[value=GQ], select.flags option[value=gq], .country-GQ {background-position:0 -1959px}
965 select.flags option[value=GR], select.flags option[value=el], select.flags option[value=gr], .country-GR, .country-EL {background-position:0 -1981px}
966 select.flags option[value=GS], select.flags option[value=gs], .country-GS {background-position:0 -2003px}
967 select.flags option[value=GT], select.flags option[value=gt], .country-GT {background-position:0 -2025px}
968 select.flags option[value=GU], select.flags option[value=gu], .country-GU {background-position:0 -2047px}
969 select.flags option[value=GW], select.flags option[value=gw], .country-GW {background-position:0 -2069px}
970 select.flags option[value=GY], select.flags option[value=gy], .country-GY {background-position:0 -2091px}
971 select.flags option[value=HK], select.flags option[value=hk], .country-HK {background-position:0 -2113px}
972 select.flags option[value=HM], select.flags option[value=hm], .country-HM {background-position:0 -2135px}
973 select.flags option[value=HN], select.flags option[value=hn], .country-HN {background-position:0 -2157px}
974 select.flags option[value=HR], select.flags option[value=hr], .country-HR {background-position:0 -2179px}
975 select.flags option[value=HT], select.flags option[value=ht], .country-HT {background-position:0 -2201px}
976 select.flags option[value=HU], select.flags option[value=hu], .country-HU {background-position:0 -2223px}
977 select.flags option[value=ID], select.flags option[value=id], .country-ID {background-position:0 -2245px}
978 select.flags option[value=IE], select.flags option[value=ie], .country-IE {background-position:0 -2267px}
979 select.flags option[value=IL], select.flags option[value=il], .country-IL {background-position:0 -2289px}
980 select.flags option[value=IN], select.flags option[value=in], .country-IN {background-position:0 -2311px}
981 select.flags option[value=IO], select.flags option[value=io], .country-IO {background-position:0 -2333px}
982 select.flags option[value=IQ], select.flags option[value=iq], .country-IQ {background-position:0 -2355px}
983 select.flags option[value=IR], select.flags option[value=ir], .country-IR {background-position:0 -2377px}
984 select.flags option[value=IS], select.flags option[value=is], .country-IS {background-position:0 -2399px}
985 select.flags option[value=IT], select.flags option[value=it], .country-IT {background-position:0 -2421px}
986 select.flags option[value=JM], select.flags option[value=jm], .country-JM {background-position:0 -2443px}
987 select.flags option[value=JO], select.flags option[value=jo], .country-JO {background-position:0 -2465px}
988 select.flags option[value=JP], select.flags option[value=ja], select.flags option[value=jp], .country-JP, .country-JA {background-position:0 -2487px}
989 select.flags option[value=KE], select.flags option[value=ke], .country-KE {background-position:0 -2509px}
990 select.flags option[value=KG], select.flags option[value=kg], .country-KG {background-position:0 -2531px}
991 select.flags option[value=KH], select.flags option[value=kh], .country-KH {background-position:0 -2553px}
992 select.flags option[value=KI], select.flags option[value=ki], .country-KI {background-position:0 -2575px}
993 select.flags option[value=KM], select.flags option[value=km], .country-KM {background-position:0 -2597px}
994 select.flags option[value=KN], select.flags option[value=kn], .country-KN {background-position:0 -2619px}
995 select.flags option[value=KP], select.flags option[value=kp], .country-KP {background-position:0 -2641px}
996 select.flags option[value=KR], select.flags option[value=kr], .country-KR {background-position:0 -2663px}
997 select.flags option[value=KW], select.flags option[value=kw], .country-KW {background-position:0 -2685px}
998 select.flags option[value=KY], select.flags option[value=ky], .country-KY {background-position:0 -2707px}
999 select.flags option[value=KZ], select.flags option[value=kz], .country-KZ {background-position:0 -2729px}
1000 select.flags option[value=LA], select.flags option[value=la], .country-LA {background-position:0 -2751px}
1001 select.flags option[value=LB], select.flags option[value=lb], .country-LB {background-position:0 -2773px}
1002 select.flags option[value=LC], select.flags option[value=lc], .country-LC {background-position:0 -2795px}
1003 select.flags option[value=LI], select.flags option[value=li], .country-LI {background-position:0 -2817px}
1004 select.flags option[value=LK], select.flags option[value=lk], .country-LK {background-position:0 -2839px}
1005 select.flags option[value=LR], select.flags option[value=lr], .country-LR {background-position:0 -2861px}
1006 select.flags option[value=LS], select.flags option[value=ls], .country-LS {background-position:0 -2883px}
1007 select.flags option[value=LT], select.flags option[value=lt], .country-LT {background-position:0 -2905px}
1008 select.flags option[value=LU], select.flags option[value=lu], .country-LU {background-position:0 -2927px}
1009 select.flags option[value=LV], select.flags option[value=lv], .country-LV {background-position:0 -2949px}
1010 select.flags option[value=LY], select.flags option[value=ly], .country-LY {background-position:0 -2971px}
1011 select.flags option[value=MA], select.flags option[value=ma], .country-MA {background-position:0 -2993px}
1012 select.flags option[value=MC], select.flags option[value=mc], .country-MC {background-position:0 -3015px}
1013 select.flags option[value=MD], select.flags option[value=md], .country-MD {background-position:0 -3037px}
1014 select.flags option[value=ME], select.flags option[value=me], .country-ME {background-position:0 -3059px}
1015 select.flags option[value=MG], select.flags option[value=mg], .country-MG {background-position:0 -3081px}
1016 select.flags option[value=MH], select.flags option[value=mh], .country-MH {background-position:0 -3103px}
1017 select.flags option[value=MK], select.flags option[value=mk], .country-MK {background-position:0 -3125px}
1018 select.flags option[value=ML], select.flags option[value=ml], .country-ML {background-position:0 -3147px}
1019 select.flags option[value=MM], select.flags option[value=mm], .country-MM {background-position:0 -3169px}
1020 select.flags option[value=MN], select.flags option[value=mn], .country-MN {background-position:0 -3191px}
1021 select.flags option[value=MO], select.flags option[value=mo], .country-MO {background-position:0 -3213px}
1022 select.flags option[value=MP], select.flags option[value=mp], .country-MP {background-position:0 -3235px}
1023 select.flags option[value=MQ], select.flags option[value=mq], .country-MQ {background-position:0 -3257px}
1024 select.flags option[value=MR], select.flags option[value=mr], .country-MR {background-position:0 -3279px}
1025 select.flags option[value=MS], select.flags option[value=ms], .country-MS {background-position:0 -3301px}
1026 select.flags option[value=MT], select.flags option[value=mt], .country-MT {background-position:0 -3323px}
1027 select.flags option[value=MU], select.flags option[value=mu], .country-MU {background-position:0 -3345px}
1028 select.flags option[value=MV], select.flags option[value=mv], .country-MV {background-position:0 -3367px}
1029 select.flags option[value=MW], select.flags option[value=mw], .country-MW {background-position:0 -3389px}
1030 select.flags option[value=MX], select.flags option[value=mx], .country-MX {background-position:0 -3411px}
1031 select.flags option[value=MY], select.flags option[value=my], .country-MY {background-position:0 -3433px}
1032 select.flags option[value=MZ], select.flags option[value=mz], .country-MZ {background-position:0 -3455px}
1033 select.flags option[value=NA], select.flags option[value=na], .country-NA {background-position:0 -3477px}
1034 select.flags option[value=NC], select.flags option[value=nc], .country-NC {background-position:0 -3499px}
1035 select.flags option[value=NE], select.flags option[value=ne], .country-NE {background-position:0 -3521px}
1036 select.flags option[value=NF], select.flags option[value=nf], .country-NF {background-position:0 -3543px}
1037 select.flags option[value=NG], select.flags option[value=ng], .country-NG {background-position:0 -3565px}
1038 select.flags option[value=NI], select.flags option[value=ni], .country-NI {background-position:0 -3587px}
1039 select.flags option[value=NL], select.flags option[value=nl], .country-NL {background-position:0 -3609px}
1040 select.flags option[value=NO], select.flags option[value=no], .country-NO {background-position:0 -3631px}
1041 select.flags option[value=NP], select.flags option[value=np], .country-NP {background-position:0 -3653px}
1042 select.flags option[value=NR], select.flags option[value=nr], .country-NR {background-position:0 -3675px}
1043 select.flags option[value=NU], select.flags option[value=nu], .country-NU {background-position:0 -3697px}
1044 select.flags option[value=NZ], select.flags option[value=nz], .country-NZ {background-position:0 -3719px}
1045 select.flags option[value=OM], select.flags option[value=om], .country-OM {background-position:0 -3741px}
1046 select.flags option[value=PA], select.flags option[value=pa], .country-PA {background-position:0 -3763px}
1047 select.flags option[value=PE], select.flags option[value=pe], .country-PE {background-position:0 -3785px}
1048 select.flags option[value=PF], select.flags option[value=pf], .country-PF {background-position:0 -3807px}
1049 select.flags option[value=PG], select.flags option[value=pg], .country-PG {background-position:0 -3829px}
1050 select.flags option[value=PH], select.flags option[value=ph], .country-PH {background-position:0 -3851px}
1051 select.flags option[value=PK], select.flags option[value=pk], .country-PK {background-position:0 -3873px}
1052 select.flags option[value=PL], select.flags option[value=pl], .country-PL {background-position:0 -3895px}
1053 select.flags option[value=PM], select.flags option[value=pm], .country-PM {background-position:0 -3917px}
1054 select.flags option[value=PN], select.flags option[value=pn], .country-PN {background-position:0 -3939px}
1055 select.flags option[value=PR], select.flags option[value=pr], .country-PR {background-position:0 -3961px}
1056 select.flags option[value=PS], select.flags option[value=ps], .country-PS {background-position:0 -3983px}
1057 select.flags option[value=PT], select.flags option[value=pt], .country-PT {background-position:0 -4005px}
1058 select.flags option[value=PW], select.flags option[value=pw], .country-PW {background-position:0 -4027px}
1059 select.flags option[value=PY], select.flags option[value=py], .country-PY {background-position:0 -4049px}
1060 select.flags option[value=QA], select.flags option[value=qa], .country-QA {background-position:0 -4071px}
1061 select.flags option[value=RE], select.flags option[value=re], .country-RE {background-position:0 -4093px}
1062 select.flags option[value=RO], select.flags option[value=ro], .country-RO {background-position:0 -4115px}
1063 select.flags option[value=RS], select.flags option[value=rs], .country-RS {background-position:0 -4137px}
1064 select.flags option[value=RU], select.flags option[value=ru], .country-RU {background-position:0 -4159px}
1065 select.flags option[value=RW], select.flags option[value=rw], .country-RW {background-position:0 -4181px}
1066 select.flags option[value=SA], select.flags option[value=sa], .country-SA {background-position:0 -4203px}
1067 select.flags option[value=SB], select.flags option[value=sb], .country-SB {background-position:0 -4225px}
1068 select.flags option[value=SC], select.flags option[value=sc], .country-SC {background-position:0 -4247px}
1069 select.flags option[value=SD], select.flags option[value=sd], .country-SD {background-position:0 -4291px}
1070 select.flags option[value=SE], select.flags option[value=se], .country-SE {background-position:0 -4313px}
1071 select.flags option[value=SG], select.flags option[value=sg], .country-SG {background-position:0 -4335px}
1072 select.flags option[value=SH], select.flags option[value=sh], .country-SH {background-position:0 -4357px}
1073 select.flags option[value=SI], select.flags option[value=si], .country-SI {background-position:0 -4379px}
1074 select.flags option[value=SJ], select.flags option[value=sj], .country-SJ {background-position:0 -4401px}
1075 select.flags option[value=SK], select.flags option[value=sk], .country-SK {background-position:0 -4423px}
1076 select.flags option[value=SL], select.flags option[value=sl], .country-SL {background-position:0 -4445px}
1077 select.flags option[value=SM], select.flags option[value=sm], .country-SM {background-position:0 -4467px}
1078 select.flags option[value=SN], select.flags option[value=sn], .country-SN {background-position:0 -4489px}
1079 select.flags option[value=SO], select.flags option[value=so], .country-SO {background-position:0 -4511px}
1080 select.flags option[value=SR], select.flags option[value=sr], .country-SR {background-position:0 -4533px}
1081 select.flags option[value=ST], select.flags option[value=st], .country-ST {background-position:0 -4555px}
1082 select.flags option[value=SV], select.flags option[value=sv], .country-SV {background-position:0 -4577px}
1083 select.flags option[value=SY], select.flags option[value=sy], .country-SY {background-position:0 -4599px}
1084 select.flags option[value=SZ], select.flags option[value=sz], .country-SZ {background-position:0 -4621px}
1085 select.flags option[value=TC], select.flags option[value=tc], .country-TC {background-position:0 -4643px}
1086 select.flags option[value=TD], select.flags option[value=td], .country-TD {background-position:0 -4665px}
1087 select.flags option[value=TF], select.flags option[value=tf], .country-TF {background-position:0 -4687px}
1088 select.flags option[value=TG], select.flags option[value=tg], .country-TG {background-position:0 -4709px}
1089 select.flags option[value=TH], select.flags option[value=th], .country-TH {background-position:0 -4731px}
1090 select.flags option[value=TJ], select.flags option[value=tj], .country-TJ {background-position:0 -4753px}
1091 select.flags option[value=TK], select.flags option[value=tk], .country-TK {background-position:0 -4775px}
1092 select.flags option[value=TL], select.flags option[value=tl], .country-TL {background-position:0 -4797px}
1093 select.flags option[value=TM], select.flags option[value=tm], .country-TM {background-position:0 -4819px}
1094 select.flags option[value=TN], select.flags option[value=tn], .country-TN {background-position:0 -4841px}
1095 select.flags option[value=TO], select.flags option[value=to], .country-TO {background-position:0 -4863px}
1096 select.flags option[value=TR], select.flags option[value=tr], .country-TR {background-position:0 -4885px}
1097 select.flags option[value=TT], select.flags option[value=tt], .country-TT {background-position:0 -4907px}
1098 select.flags option[value=TV], select.flags option[value=tv], .country-TV {background-position:0 -4929px}
1099 select.flags option[value=TW], select.flags option[value=tw], .country-TW {background-position:0 -4951px}
1100 select.flags option[value=TZ], select.flags option[value=tz], .country-TZ {background-position:0 -4973px}
1101 select.flags option[value=UA], select.flags option[value=ua], .country-UA {background-position:0 -4995px}
1102 select.flags option[value=UG], select.flags option[value=ug], .country-UG {background-position:0 -5017px}
1103 select.flags option[value=UM], select.flags option[value=um], .country-UM {background-position:0 -5039px}
1104 select.flags option[value=US], select.flags option[value=us], .country-US {background-position:0 -5061px}
1105 select.flags option[value=UY], select.flags option[value=uy], .country-UY {background-position:0 -5083px}
1106 select.flags option[value=UZ], select.flags option[value=uz], .country-UZ {background-position:0 -5105px}
1107 select.flags option[value=VA], select.flags option[value=va], .country-VA {background-position:0 -5127px}
1108 select.flags option[value=VC], select.flags option[value=vc], .country-VC {background-position:0 -5149px}
1109 select.flags option[value=VE], select.flags option[value=ve], .country-VE {background-position:0 -5171px}
1110 select.flags option[value=VG], select.flags option[value=vg], .country-VG {background-position:0 -5193px}
1111 select.flags option[value=VI], select.flags option[value=vi], .country-VI {background-position:0 -5215px}
1112 select.flags option[value=VN], select.flags option[value=vn], .country-VN {background-position:0 -5237px}
1113 select.flags option[value=VU], select.flags option[value=vu], .country-VU {background-position:0 -5259px}
1114 select.flags option[value=WF], select.flags option[value=wf], .country-WF {background-position:0 -5303px}
1115 select.flags option[value=WS], select.flags option[value=ws], .country-WS {background-position:0 -5325px}
1116 select.flags option[value=YE], select.flags option[value=ye], .country-YE {background-position:0 -5347px}
1117 select.flags option[value=YT], select.flags option[value=yt], .country-YT {background-position:0 -5369px}
1118 select.flags option[value=ZA], select.flags option[value=za], .country-ZA {background-position:0 -5391px}
1119 select.flags option[value=ZM], select.flags option[value=zm], .country-ZM {background-position:0 -5413px}
1120 select.flags option[value=ZW], select.flags option[value=zw], .country-ZW {background-position:0 -5435px}
fab45e 1121
C 1122 .panel_login {
1123     max-width: 80%;
1124     min-width: 680px;
1125 }
1126 div.subsectiontoggle {
1127     border:1px solid #ccc;
1128     font-weight:bold;
1129     font-size:14px;
1130     padding-top:10px;
1131     padding-bottom:0;
1132     margin-top:5px;
1133     text-indent:15px;
1134     cursor:pointer;
1135     margin-bottom:10px;
1136     background-color:#f4f4f4;
1137     -moz-border-radius:5px;
1138     -webkit-border-radius:5px;
1139     -khtml-border-radius:5px;
1140     -o-border-radius:5px;
1141     -ms-border-radius:5px;
1142     border-radius:5px;
1143 }
a9c5c1 1144 div.subsectiontoggle span {
fab45e 1145     display:inline-block;
C 1146     margin-bottom:-3px;
1147     margin-right:10px;
1148     width:16px;
1149     height:16px;
c72149 1150     background: url("../icons/button_sprite.png") 0 -72px no-repeat transparent;
fab45e 1151 }
C 1152 div.subsectiontoggle span.showing{
c72149 1153     background-position: 0 -40px;
fab45e 1154 }
a9c5c1 1155 div.subsectiontoggle em {
fab45e 1156     display:block;
C 1157     position:relative;
1158     left:425px;
1159     top:-13px;
1160     margin-bottom:-3px;
1161     width:13px;
1162     height:13px;
5889ff 1163     background:url("../images/chevron.png") top left no-repeat;
fab45e 1164     -webkit-transform:none;
C 1165     -moz-transform:none;
1166     -khtml-transform:none;
1167     -o-transform:none;
1168     -ms-transform:none;
1169     transform:none;
1170     -webkit-transition-duration: .2s;
1171     -moz-transition-duration: .2s;
1172     -khtml-transition-duration: .2s;
1173     -o-transition-duration: .2s;
1174     -ms-transition-duration: .2s;
1175     transition-duration: .2s;
1176     -webkit-transition-property: -webkit-transform;
1177     -moz-transition-property: -moz-transform;
1178     -khtml-transition-property: -khtml-transform;
1179     -o-transition-property: -o-transform;
1180     -ms-transition-property: -ms-transform;
1181     transition-property: transform;
1182 }
a9c5c1 1183 div.subsectiontoggle em.showing {
fab45e 1184     display:block;
C 1185     position:relative;
1186     left:425px;
1187     top:-13px;
5889ff 1188     background:url("../images/chevron.png") top left no-repeat;
fab45e 1189     width:13px;
C 1190     height:13px;
1191     -webkit-transform:rotate(90deg);
1192     -moz-transform:rotate(90deg);
1193     -khtml-transform:rotate(90deg);
1194     -o-transform:rotate(90deg);
1195     -ms-transform:rotate(90deg);
1196     transform:rotate(90deg);
1197 }
a9c5c1 1198 div.subsectiontoggle:hover em {
fab45e 1199     -webkit-transform:rotate(90deg);
C 1200     -moz-transform:rotate(90deg);
1201     -khtml-transform:rotate(90deg);
1202     -o-transform:rotate(90deg);
1203     -ms-transform:rotate(90deg);
1204     transform:rotate(90deg);
1205 }
1206
a9c5c1 1207
C 1208 div.gs-container {
fab45e 1209     margin-top:10px;
C 1210 }
a9c5c1 1211 div.gs-container * {
fab45e 1212     margin: 0;
C 1213     padding: 0;
1214     background-position: 0 0;
1215     text-decoration: none;
1216     font-size: 1em;
1217 }
a9c5c1 1218 div.gs-container input {
4f9c38 1219     background: url("../icons/x16_sprite.png") no-repeat 2px -119px #FFFFFF;
fab45e 1220     height:20px;
C 1221     border:1px solid #444;
1222     padding:0 22px 2px;
1223     color:#444;
1224     -moz-border-radius:5px;
1225     -webkit-border-radius:5px;
1226     -khtml-border-radius:5px;
1227     -o-border-radius:5px;
1228     -ms-border-radius:5px;
1229     border-radius:5px;
1230 }
a9c5c1 1231 input.gs-loading {
5889ff 1232     background-image: url("../images/loading.gif");
fab45e 1233     background-repeat: no-repeat;
C 1234     background-position: center right;
1235 }
a9c5c1 1236 ul.gs-resultbox {
fab45e 1237     margin: 0 !important;
C 1238     padding: 0 !important;
1239     width: 300px;
1240     z-index: 999999;
1241     border: 1px solid #777;
1242     font-size: 11px;
1243     background: #fff;
1244     -moz-box-shadow: 2px 2px 5px 0 #c5c5c5;
1245     -webkit-box-shadow: 2px 2px 5px 0 #c5c5c5;
1246     -khtml-box-shadow: 2px 2px 5px 0 #c5c5c5;
1247     -o-box-shadow: 2px 2px 5px 0 #c5c5c5;
1248     -ms-box-shadow: 2px 2px 5px 0 #c5c5c5;
1249     box-shadow: 2px 2px 5px 0 #c5c5c5;
1250     list-style: none;
1251     -moz-border-radius:5px;
1252     -webkit-border-radius:5px;
1253     -khtml-border-radius:5px;
1254     -o-border-radius:5px;
1255     -ms-border-radius:5px;
1256     border-radius:5px;
a1cd2c 1257     max-height:500px;
C 1258     overflow:auto;
fab45e 1259 }
a9c5c1 1260 ul.gs-resultbox li {
fab45e 1261     float: left;
C 1262     width: 100%;
1263     clear: both;
1264     cursor: pointer;
1265 }
a9c5c1 1266 ul.gs-resultbox li.gs-cheader {
fab45e 1267     height: 13px;
C 1268     overflow: hidden;
1269     padding: 5px 0;
1270     color: #fff;
1271     background: #6ea6d1;
1272     cursor:default;
1273     padding-bottom:10px;
1274 }
a9c5c1 1275 ul.gs-resultbox li.gs-cheader p.gs-cheader-title {
fab45e 1276     margin: 0 !important;
C 1277     padding: 0 0 0 10px !important;
1278     float: left;
1279     font-size: 12px;
1280     font-weight: bold;
1281 }
a9c5c1 1282 ul.gs-resultbox li.gs-cheader p.gs-cheader-limit {
fab45e 1283     margin: 0 !important;
C 1284     padding: 0 10px 0 0 !important;
1285     float: right;
1286     font-size: 11px;
1287     font-weight: normal;
1288 }
a9c5c1 1289 ul.gs-resultbox li.gs-cdata {
fab45e 1290     margin: 0 !important;
C 1291     padding: 0 !important;
1292     border-bottom: 1px solid #c5c5c5;
1293 }
a9c5c1 1294 ul.gs-resultbox li.gs-cdata:last-child {
fab45e 1295     border-bottom: none;
C 1296 }
a9c5c1 1297 ul.gs-resultbox li.gs-cdata:hover {
fab45e 1298     background: #eaf4fd;
C 1299 }
a9c5c1 1300 ul.gs-resultbox li.gs-cdata a {
fab45e 1301     display: block;
C 1302     padding: 5px 10px;
1303     text-decoration: none !important;
1304     background: #fff;
1305 }
a9c5c1 1306 ul.gs-resultbox li.gs-cdata a:hover {
fab45e 1307     background: #cde0ff;
C 1308 }
a9c5c1 1309 ul.gs-resultbox li.gs-cdata img {
fab45e 1310     margin-right: 12px;
C 1311 }
a9c5c1 1312 ul.gs-resultbox li.gs-cdata p {
fab45e 1313     margin: 0 !important;
C 1314     padding: 0 !important;
1315     color: #444;
1316     font-size: 10px;
1317     min-height:30px;
1318 }
a9c5c1 1319 ul.gs-resultbox li.gs-cdata p span.gs-cdata-title {
fab45e 1320     display: inline !important;
C 1321     margin: 0 !important;
1322     padding: 0 !important;
1323     font-size: 11px;
1324     font-weight: bold;
1325     color: #000;
1326 }
a9c5c1 1327 ul.gs-resultbox li:first-child {
fab45e 1328     -moz-border-radius:5px 5px 0 0;
C 1329     -webkit-border-radius:5px 5px 0 0;
1330     -khtml-border-radius:5px 5px 0 0;
1331     -o-border-radius:5px 5px 0 0;
1332     -ms-border-radius:5px 5px 0 0;
1333     border-radius:5px 5px 0 0;
1334 }
a9c5c1 1335 ul.gs-resultbox li:last-child {
fab45e 1336     -moz-border-radius:0 0 5px 5px;
C 1337     -webkit-border-radius:0 0 5px 5px;
1338     -khtml-border-radius:0 0 5px 5px;
1339     -o-border-radius:0 0 5px 5px;
1340     -ms-border-radius:0 0 5px 5px;
1341     border-radius:0 0 5px 5px;
1342 }
1343
a9c5c1 1344 div.df-container {
fab45e 1345 }
a9c5c1 1346 div.df-container * {
fab45e 1347     margin: 0;
C 1348     padding: 0;
1349     background-position: 0 0;
1350     text-decoration: none;
1351     font-size: 1em;
1352 }
a9c5c1 1353 div.df-container input {
fab45e 1354 }
a9c5c1 1355 input.df-loading {
5889ff 1356     background-image: url("../images/loading.gif");
fab45e 1357     background-repeat: no-repeat;
C 1358     background-position: center right;
1359 }
a9c5c1 1360 ul.df-resultbox {
fab45e 1361     margin: 0 !important;
C 1362     padding: 0 !important;
1363     min-width: 250px;
1364     max-width: 500px;
1365     z-index: 999999;
1366     border: 1px solid #777;
1367     font-size: 11px;
1368     background: #fff;
1369     -moz-box-shadow: 2px 2px 5px 0 #c5c5c5;
1370     -webkit-box-shadow: 2px 2px 5px 0 #c5c5c5;
1371     -khtml-box-shadow: 2px 2px 5px 0 #c5c5c5;
1372     -o-box-shadow: 2px 2px 5px 0 #c5c5c5;
1373     -ms-box-shadow: 2px 2px 5px 0 #c5c5c5;
1374     box-shadow: 2px 2px 5px 0 #c5c5c5;
1375     list-style: none;
1376     -moz-border-radius:5px;
1377     -webkit-border-radius:5px;
1378     -khtml-border-radius:5px;
1379     -o-border-radius:5px;
1380     -ms-border-radius:5px;
1381     border-radius:5px;
1382 }
a9c5c1 1383 ul.df-resultbox li {
fab45e 1384     float: left;
C 1385     width: 100%;
1386     clear: both;
1387     cursor: pointer;
1388 }
a9c5c1 1389 ul.df-resultbox li.df-cheader {
fab45e 1390     height: 13px;
C 1391     overflow: hidden;
1392     padding: 5px 0;
1393     color: #fff;
1394     background: #6ea6d1;
1395     cursor:default;
1396     padding-bottom:10px;
1397 }
a9c5c1 1398 ul.df-resultbox li.df-cheader p.df-cheader-title {
fab45e 1399     margin: 0 !important;
C 1400     padding: 0 0 0 10px !important;
1401     float: left;
1402     font-size: 12px;
1403     font-weight: bold;
1404 }
a9c5c1 1405 ul.df-resultbox li.df-cheader p.df-cheader-limit {
fab45e 1406     margin: 0 !important;
C 1407     padding: 0 10px 0 0 !important;
1408     float: right;
1409     font-size: 11px;
1410     font-weight: normal;
1411 }
a9c5c1 1412 ul.df-resultbox li.df-cdata {
fab45e 1413     margin: 0 !important;
C 1414     padding: 0 !important;
1415     border-bottom: 1px solid #c5c5c5;
1416 }
a9c5c1 1417 ul.df-resultbox li.df-cdata:last-child {
fab45e 1418     border-bottom: none;
C 1419 }
a9c5c1 1420 ul.df-resultbox li.df-cdata:hover {
fab45e 1421     background: #eaf4fd;
C 1422 }
a9c5c1 1423 ul.df-resultbox li.df-cdata a {
fab45e 1424     display: block;
C 1425     padding: 5px 10px;
1426     text-decoration: none !important;
1427     background: #fff;
1428 }
a9c5c1 1429 ul.df-resultbox li.df-cdata a:hover {
fab45e 1430     background: #cde0ff;
C 1431 }
a9c5c1 1432 ul.df-resultbox li.df-cdata img {
fab45e 1433     margin-right: 12px;
C 1434 }
a9c5c1 1435 ul.df-resultbox li.df-cdata p {
fab45e 1436     margin: 0 !important;
C 1437     padding: 0 !important;
1438     color: #444;
1439     font-size: 10px;
1440     min-height:30px;
1441 }
a9c5c1 1442 ul.df-resultbox li.df-cdata p span.df-cdata-title {
fab45e 1443     display: inline !important;
C 1444     margin: 0 !important;
1445     padding: 0 !important;
1446     font-size: 11px;
1447     font-weight: bold;
1448     color: #000;
1449 }
a9c5c1 1450 ul.df-resultbox li:first-child {
fab45e 1451     -moz-border-radius:5px 5px 0 0;
C 1452     -webkit-border-radius:5px 5px 0 0;
1453     -khtml-border-radius:5px 5px 0 0;
1454     -o-border-radius:5px 5px 0 0;
1455     -ms-border-radius:5px 5px 0 0;
1456     border-radius:5px 5px 0 0;
1457 }
a9c5c1 1458 ul.df-resultbox li:last-child {
fab45e 1459     -moz-border-radius:0 0 5px 5px;
C 1460     -webkit-border-radius:0 0 5px 5px;
1461     -khtml-border-radius:0 0 5px 5px;
1462     -o-border-radius:0 0 5px 5px;
1463     -ms-border-radius:0 0 5px 5px;
1464     border-radius:0 0 5px 5px;
1465 }
1466
a9c5c1 1467 span.icons16-empty {
fab45e 1468     float:left;
C 1469     display:block;
1470     height:20px;
1471     width:20px;
1472     margin:0 7px 0 0;
1473 }
1474
a9c5c1 1475 .ttip {
fab45e 1476     width:16px;
C 1477     height:16px;
1478     cursor:pointer;
4bd960 1479     background: url("../icons/x16_sprite.png") no-repeat -2px -42px transparent;
fab45e 1480     float:right;
C 1481     display:inline;
1482     position:relative;
1483     right:-2px;
1484     top:-2px;
1485 }
1486
1487 p.prefix {
1488     float: left;
1489     margin: 0;
1490     text-align: right;
1491 }
1492 p.label {
1493     float: left;
1494     margin: 5px 15px 0 0;
1495 }
1496 p.value {
1497     float:left;
1498     margin: 0 0 0 2px;
1499 }
1500
1501 /* content_ispc
1502 -------------------------------------------------------------- */
a9c5c1 1503 .tipsy {
C 1504     font-size: 10px;
1505     position: absolute;
1506     padding: 5px;
1507     z-index: 100000;
1508 }
1509 .tipsy-inner {
1510     background-color: #000;
1511     color: #FFF;
1512     max-width: 350px;
1513     padding: 5px 8px 4px 8px;
1514     text-align: left;
1515 }
fab45e 1516
C 1517 /* Rounded corners */
a9c5c1 1518 .tipsy-inner {
C 1519     border-radius: 5px;
1520     -moz-border-radius: 5px;
1521     -webkit-border-radius: 5px;
1522 }
fab45e 1523
C 1524 /* Uncomment for shadow */
1525 /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
1526
a9c5c1 1527 .tipsy-arrow {
C 1528     position: absolute;
1529     width: 0;
1530     height: 0;
1531     line-height: 0;
1532     border: 5px dashed #000;
1533 }
fab45e 1534 /* Rules to colour arrows */
C 1535 .tipsy-arrow-n { border-bottom-color: #000; }
1536 .tipsy-arrow-s { border-top-color: #000; }
1537 .tipsy-arrow-e { border-left-color: #000; }
1538 .tipsy-arrow-w { border-right-color: #000; }
1539
1540 .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
1541 .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
1542 .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
1543 .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
1544 .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
1545 .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
1546 .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
1547 .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
1548
1549 /* uni-form-generic
1550 -------------------------------------------------------------- */
1551
1552 /* Uni-Form by Dragan Babic [Superawesome Industries]  - http: //sprawsm.com/uni-form/ */ 
1553 /* Some rights reserved - http: //creativecommons.org/licenses/by-sa/2.5/ */
1554 /* Do not edit this file directly, make your changes to uni-form.css in the same folder */
1555
1556 .uniForm{ margin: 0; padding: 0; position: relative; z-index: 1; } /* reset stuff */
1557
1558 /* Some generals and more resets */
1559 .uniForm fieldset{ border: none; margin: 0; padding: 0; }
1560 .uniForm fieldset legend{ margin: 0; padding: 0; }
1561
1562 /* This is the main unit that contains our form elements */
1563 .uniForm .ctrlHolder,
1564 .uniForm .buttonHolder{ margin: 0; padding: 0; clear: both; }
1565
1566 /* Clear all floats */ 
1567 .uniForm:after,
1568 .uniForm .buttonHolder:after, 
1569 .uniForm .ctrlHolder:after, 
1570 .uniForm .ctrlHolder .multiField:after,
1571 .uniForm .inlineLabel:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
1572
1573 /* A class to be used on a label that contains a checkbox or a radio button */
1574 .uniForm .inlineLabel,
1575 .uniForm .inlineLabels .inlineLabel,
1576 .uniForm .blockLabels .inlineLabel{ width: auto; float: none; margin: 0; display: block; }
1577 /* IE shows borders & padding on checkboxes and radio buttons if they are declared on an input element, remove them */
1578 /* Legacy/Inheritance fix */
1579 .uniForm .inlineLabel input,
1580 .uniForm .inlineLabels .inlineLabel input,
1581 .uniForm .blockLabels .inlineLabel input{ border: none; padding: 0; margin: 0; }
1582
1583 /* Styles for form controls where labels are above the input elements */
1584 /* Set the class of the parent (preferably to a fieldset) to .blockLabels */
1585
1586 .uniForm label,
1587 .uniForm .label,
1588 .uniForm .blockLabels label,
1589 .uniForm .blockLabels .label{ display: block; float: none; padding: 0; line-height: 100%; width: auto; }
1590
1591 /* Float the input elements */
1592 .uniForm .textInput,
1593 .uniForm .blockLabels .textInput,
1594 .uniForm .blockLabels .fileUpload,
1595 .uniForm .selectInput,
1596 .uniForm .blockLabels .selectInput,
1597 .uniForm .blockLabels select,
1598 .uniForm textarea,
1599 .uniForm .blockLabels textarea{ float: left; }
1600
1601 /* Postition the hints */
1602 .uniForm .formHint,
1603 .uniForm .blockLabels .formHint{ float: right; margin: 0; clear: none; }
1604
1605 /* Position the elements inside combo boxes (multiple selects/checkboxes/radio buttons per unit) */
1606 .uniForm .multiField,
1607 .uniForm .blockLabels .multiField{ width: auto; float: left; }
1608 .uniForm .multiField .inlineLabel,
1609 .uniForm .blockLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; }
1610 .uniForm .multiField .blockLabel,
1611 .uniForm .blockLabels .multiField .blockLabel{ float: left; width: auto; margin: 0; }
1612 .uniForm .multiField .blockLabel .textInput,
1613 .uniForm .multiField .blockLabel .selectInput,
1614 .uniForm .multiField .blockLabel select,
1615 .uniForm .blockLabels .multiField .blockLabel .textInput,
1616 .uniForm .blockLabels .multiField .blockLabel .selectInput,
1617 .uniForm .blockLabels .multiField .blockLabel select{ width: 100%; margin: 0; }
1618
1619 /* Styles for form controls where labels are in line with the input elements */
1620 /* Set the class of the parent (preferably to a fieldset) to .inlineLabels */
1621 .uniForm .inlineLabels label,
1622 .uniForm .inlineLabels .label{ float: left; margin: 0; padding: 0; line-height: 100%; position: relative; }
1623
1624 /* Float the input elements */
1625 .uniForm .inlineLabels .textInput,
1626 .uniForm .inlineLabels .fileUpload,        
1627 .uniForm .inlineLabels .selectInput,
1628 .uniForm .inlineLabels select,
1629 .uniForm .inlineLabels textarea{ float: left; }
1630
1631 /* Postition the hints */
1632 .uniForm .inlineLabels .formHint{ clear: both; float: none; }
1633 .uniForm .inlineLabels .multiField{ float: left; }
1634 .uniForm .inlineLabels .multiField .inlineLabel{}
1635 .uniForm .inlineLabels .multiField .blockLabel{}
1636 .uniForm .inlineLabels .multiField .blockLabel .textInput,
1637 .uniForm .inlineLabels .multiField .blockLabel .selectInput,
1638 .uniForm .inlineLabels .multiField .blockLabel select{ display: block; width: 100%; float: none; }
1639 .uniForm .inlineLabels .multiField select{ float: left; }
1640
1641 /* Required fields asterisk styling for .blockLabels */
1642 .uniForm label em,
1643 .uniForm .label em,
1644 .uniForm .blockLabels label em,
1645 .uniForm .blockLabels .label em{ position: absolute; left: -7px; }
1646
1647 /* Required fields asterisk styling for .inlineLabels */
1648 .uniForm .inlineLabels label em,
1649 .uniForm .inlineLabels .label em{ display: block; position: absolute; left: auto; right: 0; font-style: normal; font-weight: bold; }
1650 .uniForm .inlineLabel em{ position: absolute; left: 7px; }
1651
1652 /* Messages */
1653 .uniForm #errorMsg,
a9c5c1 1654 .uniForm .error{}
fab45e 1655 .uniForm #errorMsg dt,
a9c5c1 1656 .uniForm #errorMsg h3{}
C 1657 .uniForm #errorMsg dd{}
1658 .uniForm #errorMsg ol{}
1659 .uniForm #errorMsg ol li{}
1660 .uniForm .errorField{}
1661 .uniForm #OKMsg{}
fab45e 1662
C 1663 /* Columns */
1664
1665 .uniForm .col{ float: left; }
1666 .uniForm .col.first{}
1667 .uniForm .col.last{}
1668
1669 /* uni-form
1670 -------------------------------------------------------------- */
1671
5889ff 1672 /* Keep in mind that wherever you see "Required property" it means that the property must exist */
fab45e 1673
C 1674 /* ------------------------------------------------------------------------------ */
1675
1676 /* Generals */
1677 .uniForm fieldset{}
1678 .uniForm fieldset legend{ color: #333; font-weight: bold; font-size: 100%; margin: 0; padding: 1.5em 1.5em 1.5em 0; }
1679
1680 /* This is the main unit that contains our form elements */
1681 .uniForm .ctrlHolder{ padding: 3px; border-bottom: 1px dotted #dfdfdf; }
1682
1683 .uniForm .buttonHolder{ 
1684     text-align: left; 
1685     background: #CEDEEF url("../images/buttonHolder_bg.gif") no-repeat right;
1686     margin: 3em 0 1em;
1687     padding: 8px;
1688 }
1689 .uniForm .resetButton{ float: left; }
1690 .uniForm .primaryAction{ font-weight: bold; }
1691
1692 /* This class gets added to div.ctrlHolder to highlight the row */
1693 .uniForm .focused{ background: #fffcdf; }
1694
1695 /* .inlineLabel is used for inputs within labels - checkboxes and radio buttons */
1696 .uniForm .inlineLabel input,
1697 .uniForm .inlineLabels .inlineLabel input,
1698 .uniForm .blockLabels .inlineLabel input{ float: left; margin: 0 .4em 0 0; }
1699 .uniForm .inlineLabel span{ float: left; width: 90%; }
1700
1701 /* ------------------------------------------------------------------------------ */
1702
5889ff 1703 /* .blockLabels (default style, will be applied even if you don"t class the parent element) */
fab45e 1704 .uniForm .blockLabels .ctrlHolder{}
C 1705
1706 .uniForm label,
1707 .uniForm .blockLabels label,
1708 .uniForm .blockLabels .label{ margin: 0 0 .5em 0; }
1709
1710 .uniForm .textInput,
1711 .uniForm .blockLabels .textInput,
1712 .uniForm .blockLabels .fileUpload{ width: 43%; /* <- Required property */ }
1713
1714 .uniForm .selectInput,
1715 .uniForm select,
1716 .uniForm .blockLabels .selectInput,
1717 .uniForm .blockLabels select{ width: 43.5%; /* <- Required property */ }
1718 .uniForm textarea,
1719 .uniForm .blockLabels textarea{ width: 43%; /* <- Required property */ height: 12em; }
1720
1721 .uniForm .formHint,
1722 .uniForm .blockLabels .formHint{ width: 55%; /* <- Required property */ font-size: .9em; color: #777; position: relative; top: -.5em; }
1723
1724 .uniForm .multiField,
1725 .uniForm .blockLabels .multiField{ width: 43%; }
1726 .uniForm .multiField .inlineLabel,
1727 .uniForm .blockLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; }
1728 .uniForm .multiField .blockLabel,
1729 .uniForm .blockLabels .multiField .blockLabel{ width: 30%; margin: 0 10px 0 0; }
1730 .uniForm .multiField .blockLabel .textInput,
1731 .uniForm .multiField .blockLabel .selectInput,
1732 .uniForm .multiField .blockLabel select,
1733 .uniForm .blockLabels .multiField .blockLabel .textInput,
1734 .uniForm .blockLabels .multiField .blockLabel .selectInput,
1735 .uniForm .blockLabels .multiField .blockLabel select{ width: 100%; margin: .3em 0 0 0; }
1736
1737 /* ------------------------------------------------------------------------------ */
1738
1739 /* .inlineLabels */
1740 .uniForm .inlineLabels .ctrlHolder{}
1741
1742 .uniForm .inlineLabels label,
1743 .uniForm .inlineLabels .label{ width: 20%; /* <- Required property */ margin: .3em 2% 0 0; /* <- Required property */ }
1744
1745 .uniForm .inlineLabels .textInput,
1746 .uniForm .inlineLabels .fileUpload{ width: 35%; /* <- Required property */ }
1747
1748 .uniForm .inlineLabels .selectInput,
1749 .uniForm .inlineLabels select{ width: 35%; /* <- Required property */ }
1750
1751 .uniForm .inlineLabels textarea{  width: 35%; /* <- Required property */ height: 12em; }
1752
1753 .uniForm .inlineLabels .formHint{ margin-top: 0; margin-left: 22%; font-size: .9em; color: #777; position: static; }
1754
1755 .uniForm .inlineLabels .multiField{ width: 60%; /* <- Required property */ margin: 0 0 .3em 0; }
1756 .uniForm .inlineLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; }
1757 .uniForm .inlineLabels .multiField .blockLabel{ float: left; width: 26%; margin: 0 3% 0 0; }
1758 .uniForm .inlineLabels .multiField .blockLabel .textInput,
1759 .uniForm .inlineLabels .multiField .blockLabel .selectInput,
1760 .uniForm .inlineLabels .multiField .blockLabel select{ width: 100%; margin: .3em 0 0 0; }
1761
1762 /* Focus pseudoclasses */
5889ff 1763 .uniForm .ctrlHolder .textInput:focus{ outline: none; /* Get rid of the "glow" effect in WebKit, optional */ }
C 1764 .uniForm .ctrlHolder textarea:focus{ outline: none; /* Get rid of the "glow" effect in WebKit, optional */ }
fab45e 1765 .uniForm div.focused .formHint{ color: #333; }
C 1766
1767 /* Columns (they are floated left by default) */
1768 .uniForm .col{ width: 37.9%; /* <- Required property */ margin: 0 2% 20px 0; }
1769 /* Use .first and .last classes to control the layout/spacing of your columns */
1770 .uniForm .col.first{ width: 39%; /* <- Required property */ float: left; clear: none; }
1771 .uniForm .col.last{ width: 39%; /* <- Required property */ float: right; clear: none; margin-right: 0; }
1772
1773 /* Messages */
1774 .uniForm #errorMsg, .confirmpassworderror{ background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; margin: 1.5em 0 1.5em 0; padding: 7px; }
1775 .uniForm .error{ background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; }
1776
1777 .uniForm #errorMsg dt, .uniForm #errorMsg h3{ margin: 0 0 .5em 0; font-size: 100%; line-height: 100%; font-weight: bold; }
1778 .uniForm #errorMsg dd{ margin: 0; padding: 0; }
1779 .uniForm #errorMsg ol{ margin: 0; padding: 0; list-style:none;}
1780 .uniForm #errorMsg ol li{ margin: 0; padding: 2px; list-style-position: inside; border-bottom: 1px dotted #df7d7d; position: relative; }
1781 .uniForm .errorField{ color: #af4c4c; margin: 0 0 6px 0; padding: 4px; background: #ffbfbf; }
1782
1783 .uniForm #OKMsg, .confirmpasswordok{ background: #C8FFBF; border: 1px solid #A2EF95; border-width: 1px 0; margin: 1.5em 0 1.5em 0; padding: 7px; }
1784 .uniForm #OKMsg p{ margin: 0; }
1785
1786 /* ------------------------------------------------------------------------------ */
1787
1788 /* This is the main unit that contains our form elements */
1789
1790 .uniForm .textInput, .uniForm .selectInput, .uniForm textarea {
1791     background:#FFFFFF none repeat scroll 0 0;
1792     color: #000000;
1793     border: 1px solid #DFDFDF;
1794     padding: 1px;
1795 }
1796
1797 /* jquery-ui-custom
1798 -------------------------------------------------------------- */
1799 .ui-datepicker-calendar thead tr th {
1800     background-image:none;
1801     background-color:#FFFFFF;
1802     color:#000000;
1803 }
5889ff 1804 .ui-widget { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 100%; }
a00888 1805 .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 100%; }
e88a7a 1806 ul.ui-autocomplete { max-height: 250px; overflow-y: auto; min-width: 85px;}
a00888 1807 .ui-combobox { position: relative; display: inline-block; margin-right: 17px; }
T 1808 .ui-combobox-toggle { position: absolute !important; top: 0; bottom: 0; margin-left: -1px; padding: 1px !important; background: none repeat scroll 0 0 #FFFFFF !important; border: 1px solid #DFDFDF !important;}
bfcdef 1809 .ui-combobox-input { background: none repeat scroll 0 0 #FFFFFF !important; border: 1px solid #DFDFDF !important; padding: 1px; font-weight: normal !important; }
T 1810 .panel_install_package .ui-combobox { float: left; }
68ec43 1811 .clear-float { clear: both; }
T 1812
1813 a.link-page, span.page-spacer {
1814     display: inline-block;
1815     text-align: center;
1816     padding: 2px;
1817     line-height: 16px;
1818     text-decoration: none !important;
1819     color: inherit !important;
1820     min-width: 16px;
1821 }
1822 a.link-page {
1823     border: 1px solid #FFFFFF;
1824     margin: 0 5px;
1825 }
1826
1827 a.link-page:hover {
1828     background-color: #DFDFDF;
1829 }
1830
1831 span.page-spacer {
1832     margin: 0 -5px;
1833 }
1834
1835 a.link-page.current-page {
1836     background-color: #DFDFDF;
1837     font-weight: bold;
1838 }