Project

General

Profile

1
/** Add css rules here for your application. */
2

    
3
body {
4
    background-color: #dfd9d2 !important;
5
    color: #534441 !important;
6
    font: 13px/20px Open Sans !important;
7
    padding-top: 0px !important;
8
    /*letter-spacing: 1.1px !important;*/
9
}
10

    
11
/********************************/
12

    
13
/* Theme overrides */
14

    
15

    
16

    
17
*::-moz-selection {
18
    background: none repeat scroll 0 0 rgba(138, 34, 93, 0.9);
19
    color: #ffffff;
20
    text-shadow: none;
21
}
22

    
23
h5, .uk-h5, h6, .uk-h6 {
24
    letter-spacing: 1px !important;
25
}
26

    
27
.uk-thumbnail {
28
    background: none !important;
29
}
30

    
31

    
32
/********************************/
33

    
34
/* Bootstrap overrides */
35

    
36
.breadcrumb {
37
    background: none !important;
38
    margin: 0px !important;
39
    padding: 10px 5px !important;
40
}
41

    
42
.breadcrumb > li {
43
    text-shadow: none !important;
44
}
45

    
46
.breadcrumb > .active {
47
    color: rgba(83, 68, 65, 0.6) !important;
48
}
49

    
50
.breadcrumb > li > .divider {
51
    color: rgba(83, 68, 65, 0.6) !important;
52
}
53

    
54
label, input, button, select, textarea {
55
    font-size: 13px !important;
56
}
57

    
58
.input-mini {
59
    width: 41px !important;
60
}
61

    
62
.input-xxlarge {
63
    width: 379px !important;
64
}
65

    
66
.fundingWizardStepPanel .input-xxlarge {
67
    width: 379px !important;
68
}
69

    
70
.publicationDOIForm .input-xlarge {
71
    width: 345px !important;
72
}
73

    
74
input {
75
    margin-right: 5px !important;
76
}
77

    
78
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
79
    background-color: #f4efe9 !important;
80
}
81

    
82
a {
83
    color: #9b0c5f !important;
84
	text-decoration: none !important;
85
}
86
a:visited, a:hover {
87
	color: #71A9C5 !important;
88
	text-decoration: none !important;
89
}
90

    
91
.accordion-heading a, .accordion-heading a:visited, .accordion-heading a:hover {
92
    color: #534441 !important;
93
    margin-right: 140px !important;
94
}
95

    
96
a.suggestionItem {
97
    color: #534441 !important;
98
}
99

    
100
.icon-angle-down, .icon-angle-up {
101
    color: #534441;
102
}
103

    
104
/*[class^="icon-"], [class*=" icon-"] {
105
    color: #534441;
106
}*/
107

    
108
/*a, a:visited, a:hover {
109
    color: #534441 !important;
110
}
111

    
112
a {
113
    color: #433836 !important;
114
    text-decoration: none;
115
}*/
116

    
117
.btn {
118
    background-color: #dfd9d2 !important;
119
    background-image: linear-gradient(to bottom, #fff, #dfd9d2) !important;
120
}
121

    
122
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
123
    background-color: #dfd9d2 !important;
124
}
125

    
126
.btn-primary {
127
    background-color: #720042 !important;
128
    background-image: linear-gradient(to bottom, #720042, #8b1f5d) !important;
129
    color: #fff !important;
130
}
131

    
132
.btn-primary:hover,
133
.btn-primary:focus,
134
.btn-primary:active,
135
.btn-primary.active,
136
.btn-primary.disabled,
137
.btn-primary[disabled] {
138
    background-color: #8b1f5d !important;
139
    background-image: linear-gradient(to bottom, #720042, #8b1f5d) !important;
140
    color: #e7e2db !important;
141
}
142

    
143
.btn-success {
144
    background-color: #618e2a;
145
	color: #f4efe9;
146
    /*background-color: #d6e9c6 !important;
147
    background-image: linear-gradient(to bottom, #dff0d8, #d6e9c6) !important;*/
148
}
149

    
150
.btn-success:hover,
151
.btn-success:focus,
152
.btn-success:active,
153
.btn-success.active,
154
.btn-success.disabled,
155
.btn-success[disabled] {
156
    background-color: #d6e9c6 !important;
157
}
158

    
159
.btn-danger {
160
    background-color: #c1213a;
161
	color: #f4efe9;
162
	border-color: transparent;
163
	background-image: none !important;
164
	border-radius: 0px!important;
165
	text-shadow: none!important;
166
    /*background-color: #eed3d7 !important;
167
    background-image: linear-gradient(to bottom, #f2dede, #eed3d7) !important;*/
168
}
169

    
170
.btn-danger:hover,
171
.btn-danger:focus,
172
.btn-danger:active,
173
.btn-danger.active,
174
.btn-danger.disabled,
175
.btn-danger[disabled] {
176
    background-color: #951a2d;
177
    color: #f4efe9;
178
    /*background-color: #eed3d7 !important;*/
179
}
180

    
181

    
182
.accordion-group {
183
    border: none !important;
184
}
185

    
186
.accordion-inner {
187
    border-top: none !important;
188
    /*background-color: rgba(83, 68, 65, 0.04) !important;*/
189
}
190

    
191
textarea:focus,
192
input[type="text"]:focus,
193
input[type="password"]:focus,
194
input[type="datetime"]:focus,
195
input[type="datetime-local"]:focus,
196
input[type="date"]:focus,
197
input[type="month"]:focus,
198
input[type="time"]:focus,
199
input[type="week"]:focus,
200
input[type="number"]:focus,
201
input[type="email"]:focus,
202
input[type="url"]:focus,
203
input[type="search"]:focus,
204
input[type="tel"]:focus,
205
input[type="color"]:focus,
206
.uneditable-input:focus {
207
    border-color: rgba(83, 68, 65, 0.8) !important;
208
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(83, 68, 65, 0.6) !important;
209
}
210

    
211
textarea,
212
input[type="text"],
213
input[type="password"],
214
input[type="datetime"],
215
input[type="datetime-local"],
216
input[type="date"],
217
input[type="month"],
218
input[type="time"],
219
input[type="week"],
220
input[type="number"],
221
input[type="email"],
222
input[type="url"],
223
input[type="search"],
224
input[type="tel"],
225
input[type="color"],
226
.uneditable-input {
227
    border: 1px solid rgba(83, 68, 65, 0.3) !important;
228
}
229

    
230
select, textarea,
231
input[type="text"],
232
input[type="password"],
233
input[type="datetime"],
234
input[type="datetime-local"],
235
input[type="date"],
236
input[type="month"],
237
input[type="time"],
238
input[type="week"],
239
input[type="number"],
240
input[type="email"],
241
input[type="url"],
242
input[type="search"],
243
input[type="tel"],
244
input[type="color"],
245
.uneditable-input {
246
    color: rgba(83, 68, 65, 0.8) !important;
247
}
248

    
249
option:checked {
250
    color: #f4efe9 !important;
251
}
252

    
253
.control-group.error input,
254
.control-group.error select,
255
.control-group.error textarea {
256
    border-color: #b94a48 !important;
257
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;
258
}
259
.control-group.error .checkbox,
260
.control-group.error .radio,
261
.control-group.error input,
262
.control-group.error select,
263
.control-group.error textarea {
264
    color: #b94a48 !important;
265
}
266

    
267
.alert-block {
268
	padding: 0px 10px;
269

    
270
}
271

    
272
.alert-info {
273
    background: none repeat scroll 0 0 rgba(210, 230, 240, 0.4) !important;
274
    border: 2px solid rgba(45, 112, 145, 0.3) !important;
275
    color: #2d7091 !important;
276
}
277

    
278
.alert-success {
279
	background: rgba(124, 181, 54, 0.1) !important;
280
	color: #6fa130 !important;
281
	border-color: #74a932 !important;
282
}
283

    
284
.alert-warning {
285
    background: none repeat scroll 0 0 rgba(230, 146, 28, 0.1) !important;
286
    border-color: #df8d19 !important;
287
    color: #db8a18 !important;
288
}
289

    
290
.alert-danger {
291
    background: none repeat scroll 0 0 rgba(193, 33, 58, 0.1) !important;
292
    border-color: rgba(193, 33, 58, 0.8) !important;
293
    color: rgba(193, 33, 58, 0.8) !important;
294
}
295

    
296
.alert-block {
297
	background: rgba(193, 33, 58, 0.1);
298
    color: rgba(193, 33, 58, 0.8);
299
    border-color: rgba(193, 33, 58, 0.8);
300
}
301

    
302
.alert {
303
	-webkit-border-radius: 0px !important;
304
	-moz-border-radius: 0px !important;
305
	border-radius: 0px !important;
306
}
307

    
308
.alert, .alert h4 {
309
	font-weight:normal !important;
310
}
311

    
312
legend {
313
    color: #6d5b58 !important;
314
    border-color: -moz-use-text-color -moz-use-text-color rgba(83, 68, 65, 0.3) !important;
315
}
316

    
317
.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
318
    /*border-bottom-right-radius: 0 !important;
319
    border-top-right-radius: 0 !important;*/
320
}
321

    
322
.btn-group > .btn:first-child {
323
    /*border-bottom-left-radius: 0 !important;
324
    border-top-left-radius: 0 !important;*/
325
    margin-left: 0 !important;
326
}
327

    
328
.btn-group .btn, .input-prepend .btn, .input-append .btn {
329
    border-color: #534441 !important;
330
}
331

    
332
.btn, .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
333
    font-size: 0.8rem !important;
334
}
335

    
336
.btn {
337
    text-transform: uppercase;
338
}
339

    
340
input[type="file"] {
341
    height: 30px !important;
342
    line-height: 28px !important;
343
}
344

    
345
select {
346
    height: 27px !important;
347
    line-height: 27px !important;
348
}
349

    
350

    
351

    
352
/********************************/
353

    
354
.odd {
355
	background-color: rgba(83, 68, 65, 0.08) !important;
356
}
357

    
358
.wrapper {
359
    max-width: 980px;
360
    box-sizing: border-box;
361
    margin: auto;
362
}
363

    
364
.float-right {
365
    float: right;
366
}
367

    
368
.float-left {
369
    float: left;
370
}
371

    
372
.marginLeft10 {
373
    margin-left: 10px;
374
}
375

    
376
.positionAbsolute {
377
    position: absolute;
378
}
379

    
380
.positionRelative {
381
    position: relative;
382
}
383

    
384
.inlineBlock {
385
    display: inline-block;
386
}
387

    
388
/*#block-header {
389
    background-attachment: scroll !important;
390
    background-color: #f4efe9 !important;
391
    border-bottom: 1px solid #dfd9d2;
392
    background-position: left top !important;
393
    background-repeat: no-repeat !important;
394
    min-height: 150px;
395
    position: fixed;
396
    top: 0;
397
    width: 100%;
398
    z-index: 10;
399
}*/
400

    
401
#block-header {
402
    background-attachment: scroll !important;
403
    background-color: #f4efe9 !important;
404
    background-image: url("imgs/bubbles_3.png") !important;
405
    border-bottom: 1px solid #dfd9d2;
406
    background-position: left -80px !important;
407
    background-repeat: no-repeat !important;
408
    min-height: 150px;
409
    position: fixed;
410
    top: 0;
411
    width: 100%;
412
    z-index: 10;
413
}
414

    
415
#block-toolbar {
416
    padding: 5px 0;
417
    height: 25px;
418
}
419

    
420
#footer, #toolbar {
421
    font-size: 12px;
422
    line-height: 26px;
423
}
424

    
425
#toolbar a {
426
    color: rgba(83, 68, 65, 0.6) !important;
427
    padding: 0 10px;
428
}
429

    
430
#toolbar a:hover, #toolbar a:focus {
431
    cursor: pointer !important;
432
}
433

    
434
.secondToolbarButton {
435
    border-left: 1px solid rgba(83, 68, 65, 0.6);
436
}
437

    
438
#toolbar, #header, #footer {
439
    margin: 0 5px;
440
}
441
#header {
442
    position: relative;
443
}
444

    
445
#logo {
446
    /*height: 100px;*/
447
    margin-top: 15px;
448
}
449

    
450
#logo, #logo > img, #menu {
451
    float: left;
452
}
453

    
454
#menubar {
455
    bottom: 0;
456
    position: absolute;
457
    right: 0;
458
}
459
#menubar {
460
    float: right;
461
}
462

    
463
.headingText {
464
    bottom: 5px;
465
    color: #b24d1e;
466
    font-size: 18px;
467
    font-weight: bold;
468
    left: 150px;
469
    position: absolute;
470
}
471

    
472
.nav {
473
    margin-bottom: 0px !important;
474
}
475

    
476
#menu .caret {
477
    border: none !important;
478
}
479

    
480
#menu > ul > li > a {
481
    font-size: 16px !important;
482
    font-weight: 400 !important;
483
    height: 70px !important;
484
    line-height: 90px !important;
485
    color: #720042 !important;
486
    /*letter-spacing: 2px;*/
487
}
488

    
489
.nav > li > a:hover, .nav > li > a:focus {
490
    background-color: #f4efe9 !important;
491
    color: #71444a !important;
492
}
493

    
494
.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle,
495
.nav > li.dropdown.open.active > a:hover,
496
.nav > li.dropdown.open.active > a:focus {
497
    background-color: #f4efe9 !important;
498
    border-color: #f4efe9 !important;
499
    color: #71444A !important;
500
}
501

    
502
.nav-pills .dropdown-menu {
503
    border-radius: 0px;
504
}
505

    
506
.nav-pills > li > a {
507
    padding-bottom: 0 !important;
508
}
509

    
510
.dropdown-menu {
511
    background-color: #f4efe9 !important;
512
    border: 1px solid #dfd9d2 !important;
513
    border-radius: 0 !important;
514
}
515

    
516
.dropdown-menu a {
517
     color: rgba(83, 68, 65, 0.6) !important;
518
     font-size: 13px !important;
519
     font-weight: 400 !important;
520
     height: 20 !important;
521
     line-height: 30px !important;
522
}
523

    
524
.dropdown-menu > li > a:hover,
525
.dropdown-menu > li > a:focus,
526
.dropdown-submenu:hover > a,
527
.dropdown-submenu:focus > a {
528
    background-color: #f4efe9 !important;
529
    background-image: none !important;
530
    color: #71444A !important;
531
}
532

    
533
#block-main {
534
    padding-top: 1px;
535
    margin-top: 150px;
536
    min-height: 400px;
537
    background: none repeat scroll 0 0 #dfd9d2;
538
}
539

    
540
#content {
541
    padding-bottom: 30px;
542
}
543

    
544
#sidebar {
545
    margin-bottom: 30px;
546
}
547

    
548
.content {
549
    background-color: #f4efe9;
550
    padding: 30px !important;
551
}
552

    
553
.userRegistrationForm {
554
    margin-bottom: 0 !important;
555
    margin-left: 35px;
556
    margin-top: 35px;
557
    /*width: 65%;*/
558
}
559

    
560
.userRegistrationForm select {
561
    width: 393px !important;
562
    height: 80px !important;
563
}
564

    
565
.userRegistrationCoordinatedProject input.filterTextBox {
566
    background: url("./imgs/search.png") no-repeat scroll 1% 50% / 5% 80% rgba(0, 0, 0, 0) !important;
567
    width: 350px !important;
568
}
569

    
570
.userRegistrationCoordinatedProject .suggestionList {
571
    width: 391px !important;
572
}
573

    
574
.userRegistrationAffiliatedPublisher input.filterTextBox {
575
    background: url("./imgs/search.png") no-repeat scroll 1% 50% / 5% 80% rgba(0, 0, 0, 0) !important;
576
    width: 350px !important;
577
}
578

    
579
.userRegistrationAffiliatedPublisher .suggestionList {
580
    width: 391px !important;
581
}
582

    
583
.userLoginForm {
584
    margin-bottom: 0 !important;
585
    margin-left: 25px;
586
    margin-top: 35px;
587
}
588

    
589
.userLoginForm .control-label {
590
    width: 260px !important;
591
}
592

    
593
.userLoginForm .controls {
594
    margin-left: 270px !important;
595
}
596

    
597
.formAccordion {
598
    width: 80%;
599
    margin-left: 15px;
600
}
601

    
602
.contentLabel {
603
    padding-bottom: 20px;
604
    padding-top: 20px;
605
}
606

    
607
.stepWidgetLabel {
608
    font-size: 16px;
609
    font-weight: bold;
610
    padding-bottom: 10px;
611
    /*letter-spacing: 2px;*/
612
}
613

    
614
.researcherInfoPanel {
615
    border: 1px solid #dfd9d2;
616
    border-radius: 4px;
617
    margin-top: 15px;
618
}
619

    
620
.researcherInfoPanel .contentLabel {
621
    font-size: 15px;
622
    font-weight: bold;
623
    text-align: center;
624
}
625

    
626
.researcherInfoPanel .alertLabel {
627
    margin-left: 20px !important;
628
    margin-right: 20px !important;
629
}
630

    
631
.commentLabel {
632
    font-size: 12px;
633
    padding: 10px 20px 20px;
634
}
635

    
636
.organizationInfoPanel {
637
    border: 1px solid #dfd9d2;
638
    margin: 0 15px 0 0;
639
}
640

    
641
.organizationForm {
642
    margin: 20px 0 0 !important;
643
}
644

    
645
.accountingForm {
646
}
647

    
648
.alertLabel {
649
    margin: 10px 0px 20px !important;
650
}
651

    
652
.wizardBreadcrumb {
653
    padding-left: 20px;
654
}
655

    
656
.wizardBreadcrumb .gwt-Label {
657
    display: inline;
658
    color: #fff;
659
}
660

    
661
.wizardBreadcrumb .gwt-Label:before {
662
    border-bottom: 20px solid transparent;
663
    border-left: 30px solid white;
664
    border-top: 20px solid transparent;
665
    content: " ";
666
    display: block;
667
    height: 0;
668
    left: 100%;
669
    margin-left: 1px;
670
    margin-top: -20px;
671
    position: absolute;
672
    top: 50%;
673
    width: 0;
674
    z-index: 1;
675
}
676

    
677
.wizardBreadcrumb .gwt-Label.show:after {
678
    border-left-color: #9B0C5F !important;
679
}
680

    
681
.wizardBreadcrumb .gwt-Label:after {
682
    border-bottom: 20px solid transparent;
683
    border-left: 30px solid #dfd9d2;
684
    border-top: 20px solid transparent;
685
    content: " ";
686
    display: block;
687
    height: 0;
688
    left: 100%;
689
    margin-top: -20px;
690
    position: absolute;
691
    top: 50%;
692
    width: 0;
693
    z-index: 2;
694
}
695

    
696
.wizardBreadcrumb .gwt-Label.show {
697
    background: none repeat scroll 0 0 #9B0C5F !important;
698
}
699

    
700
.wizardBreadcrumb .gwt-Label {
701
    background: none repeat scroll 0 0 #dfd9d2;
702
    color: white !important;
703
    cursor: default;
704
    display: block;
705
    float: left;
706
    padding: 10px 15px 10px 55px !important;
707
    position: relative;
708
    text-decoration: none;
709
}
710

    
711
.fundingWizardPanel {
712
    /*padding-left: 20px;
713
    padding-top: 50px;
714
    width: 100%;*/
715
    min-height: 300px;
716
    padding: 60px 20px 20px;
717
    width: 96%;
718
}
719

    
720
.fundingWizardStep {
721
    padding-right: 20px;
722
}
723

    
724
.backAndNextButtons {
725
    padding-left: 20px;
726
}
727

    
728
.autoCompleteWidget {
729
    position: relative;
730
}
731

    
732
.filterTextBox {
733
    border-radius: 4px !important;
734
    /*margin-bottom: 25px !important;*/
735
    padding-left: 35px !important;
736
    background: url("./imgs/search.png") no-repeat 3% 50%;
737
    background-size: 10% 80%;
738
    width: 181px !important;
739
}
740

    
741
.suggestionList {
742
    border: 1px solid #dfd9d2;
743
    position: absolute;
744
    width: 221px !important;
745
    border-radius: 4px;
746
    top: 32px;
747
    background-color: #f4efe9;
748
    border-color: rgba(83, 68, 65, 0.8) !important;
749
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(83, 68, 65, 0.6) !important;
750
    outline: 0 none;
751
    z-index: 100;
752
    max-height: 200px;
753
    overflow-y: scroll;
754
}
755

    
756
.suggestionItem {
757
    padding: 5px 10px;
758
    display: block;
759
}
760

    
761
.suggestionItem:hover {
762
    background-color: rgba(83, 68, 65, 0.6) !important;
763
    /*background-color: #ee964a;*/
764
    color: #ffffff !important;
765
    text-decoration: none !important;
766
}
767

    
768
.suggestionInfoItem {
769
    padding: 5px 10px;
770
    background-color: #f4efe9;
771
}
772

    
773
.projectForm {
774
    margin-top: 15px !important;
775
    margin-bottom: 0px !important;
776
}
777

    
778
.projectForm .control-label {
779
    margin-top: -10px;
780
    width: 207px !important;
781
    margin-left: -20px;
782
}
783

    
784
.projectForm .controls {
785
    margin-left: 207px !important;
786
}
787

    
788
.projectForm input.filterTextBox {
789
    background: url("./imgs/search.png") no-repeat scroll 1% 50% / 6% 80% rgba(0, 0, 0, 0) !important;
790
    width: 340px !important;
791
}
792

    
793
.projectForm .suggestionList {
794
    width: 381px !important;
795
}
796

    
797
.displayInfoElement {
798
    border: 1px solid #dfd9d2;
799
    border-radius: 4px;
800
    padding: 20px;
801
    /*width: 93%;*/
802
}
803

    
804
.displayInfoElementTitle {
805
    font-size: 14px;
806
    font-weight: bold;
807
    padding-left: 57px;
808
}
809

    
810
.remainingPublications {
811
    border: 1px solid purple;
812
    color: purple;
813
    float: right;
814
    font-size: 18px;
815
    margin-right: 10px;
816
    padding: 2px 5px 1px;
817
}
818

    
819
/*.eligibilityInfo {
820
    border-radius: 4px;
821
    width: 91%;
822
}*/
823

    
824
.accordion-group .eligibilityInfo {
825
    width: 93% !important;
826
}
827

    
828
.publicationDOIForm {
829
    padding-top: 20px;
830
}
831

    
832
a.resolveIcon {
833
    /*color: rgba(83, 68, 65, 0.6) !important;*/
834
}
835

    
836
/*.publicationDOIForm .control-label {
837
    width: 50px !important;
838
}
839

    
840
.publicationDOIForm .controls {
841
    margin-left: 60px !important;
842
}*/
843

    
844
.publicationInfoForm {
845
    border: 1px solid #dfd9d2;
846
    border-radius: 4px;
847
    padding-top: 20px;
848
}
849

    
850
.publicationInfoForm textarea {
851
    width: 505px !important;
852
}
853

    
854
.publicationInfoForm  .alertLabel {
855
    margin-left: 20px !important;
856
    margin-right: 20px !important;
857
}
858

    
859
.radio.inlineBlock {
860
    margin-right: 10px;
861
}
862

    
863
/*a.deleteIcon {
864
    color: #433836 !important;
865
}*/
866

    
867
.affiliationPanel {
868
    margin-bottom: 5px;
869
}
870

    
871
.authorInfo {
872
    margin-bottom: 10px;
873
}
874

    
875
.authorInfo input {
876
    margin-bottom: 3px !important;
877
}
878

    
879
.identifierInfo {
880
    margin-bottom: 10px;
881
}
882

    
883
.identifierInfo select {
884
    margin-right: 5px;
885
    width: 164px !important;
886
}
887

    
888
.journalInfoForm {
889
    border: 1px solid #dfd9d2;
890
    border-radius: 4px;
891
    padding-top: 20px;
892
}
893

    
894
.journalInfoForm .alertLabel {
895
    margin-left: 20px !important;
896
    margin-right: 20px !important;
897
}
898

    
899
.journalAutoCompleteForm {
900
    padding-top: 20px;
901
}
902

    
903
.journalAutoCompleteForm input.filterTextBox {
904
    background: url("./imgs/search.png") no-repeat scroll 1% 50% / 6% 80% rgba(0, 0, 0, 0) !important;
905
    width: 353px !important;
906
}
907

    
908
.journalAutoCompleteForm .suggestionList {
909
    width: 394px !important;
910
}
911

    
912
.publisherAutoCompleteForm {
913
    padding-top: 20px;
914
}
915

    
916
.publisherAutoCompleteForm input.filterTextBox {
917
    background: url("./imgs/search.png") no-repeat scroll 1% 50% / 6% 80% rgba(0, 0, 0, 0) !important;
918
    width: 353px !important;
919
}
920

    
921
.publisherAutoCompleteForm .suggestionList {
922
    width: 394px !important;
923
}
924

    
925
.alreadyUploadInvoicePanel {
926
    border: 1px solid #dfd9d2;
927
    border-radius: 4px;
928
    margin-bottom: 20px;
929
    margin-top: 10px;
930
    padding-left: 20px;
931
    padding-top: 20px;
932
}
933

    
934
.alreadyUploadInvoicePanel dd {
935
    margin-left: 0px !important;
936
}
937

    
938
.alreadyUploadInvoicePanel > div > div {
939
    padding: 10px 0px;
940
}
941

    
942
.uploadInvoicePanel {
943
    border: 1px solid #dfd9d2;
944
    border-radius: 4px;
945
    margin-bottom: 20px;
946
    margin-top: 10px;
947
    margin-right: 10px;
948
    padding-left: 20px;
949
    padding-top: 20px;
950
    height: 340px;
951
}
952

    
953
.uploadInvoicePanel input[type="file"] {
954
    width: 210px !important;
955
}
956

    
957
.uploadInvoicePanel .alertLabel {
958
    margin-right: 20px !important;
959
}
960

    
961
.uploadInvoicePanel .control-label {
962
    width: 200px !important;
963
}
964

    
965
.uploadInvoicePanel .controls {
966
    margin-left: 210px !important;
967
}
968

    
969
.uploadInvoiceForm .controls {
970
    margin-left: 120px !important;
971
}
972

    
973
.uploadInvoiceForm .control-label {
974
    width: 110px !important;
975
}
976

    
977
.bankInfoForm {
978
    margin-right: 20px;
979
}
980

    
981
.bankInfoForm .controls {
982
    margin-left: 160px !important;
983
}
984

    
985
.bankInfoForm .control-label {
986
    width: 150px !important;
987
}
988

    
989
/*.uploadInvoiceLabel {
990
    font-size: 14px;
991
    font-weight: bold;
992
    padding: 15px 25px;
993
}*/
994

    
995
.accountingInformationPanel {
996
    border: 1px solid #dfd9d2;
997
    border-radius: 4px;
998
    margin-top: 10px;
999
    padding-top: 20px;
1000
    padding-left: 20px;
1001
}
1002

    
1003
.accountingInformationPanel .control-label {
1004
    width: 200px !important;
1005
}
1006

    
1007
.accountingInformationPanel .controls {
1008
    margin-left: 210px !important;
1009
}
1010

    
1011
/*.accountingInformationLabel {
1012
    font-size: 14px;
1013
    font-weight: bold;
1014
    padding: 15px 25px;
1015
}*/
1016

    
1017
.accountingInformationPanel .alertLabel {
1018
    margin-left: 20px !important;
1019
    margin-right: 20px !important;
1020
}
1021

    
1022

    
1023
/********************************/
1024

    
1025
/* My Account */
1026

    
1027
.personalInfoPanel {
1028
    background: none repeat scroll 0 0 rgba(223, 217, 210, 0.6);
1029
    margin-top: 20px;
1030
    padding: 10px 20px;
1031
}
1032

    
1033
.personalInfoPanel a {
1034
    color: #534441 !important;
1035
}
1036

    
1037
.personalInfoPanel .btn-toolbar {
1038
    padding-left: 30px;
1039
}
1040

    
1041
.myAccountTitle {
1042
    border-bottom: 2px solid #dfd9d2;
1043
    padding-bottom: 10px;
1044
}
1045

    
1046
.eligibleProjectsPanel {
1047
    background: none repeat scroll 0 0 rgba(223, 217, 210, 0.6);
1048
    margin-top: 20px;
1049
    padding: 10px 20px;
1050
}
1051

    
1052
.eligibleProjectsPanel dd {
1053
    margin-left: 0px !important;
1054
}
1055

    
1056
.eligibleProjectsPanel input.filterTextBox {
1057
    background: url("./imgs/search.png") no-repeat scroll 1% 50% / 5% 80% rgba(0, 0, 0, 0) !important;
1058
    width: 471px !important;
1059
}
1060

    
1061
.eligibleProjectsPanel .suggestionList {
1062
    width: 512px !important;
1063
}
1064

    
1065
.eligibleProjectListPanel {
1066
    padding-top: 30px;
1067
}
1068

    
1069
.recentRequestsList {
1070
    font-size: 90%;
1071
    margin-bottom: 5px;
1072
}
1073

    
1074
.recentRequestsList > div {
1075
    padding: 4px 6px;
1076
}
1077

    
1078
/********************************/
1079

    
1080
.comment {
1081
    font-size: 12px;
1082
}
1083

    
1084
.fontItalic {
1085
    font-style: italic;
1086
}
1087

    
1088
.width24 {
1089
    width: 24% !important;
1090
}
1091

    
1092
.width25 {
1093
    width: 25% !important;
1094
}
1095

    
1096
.width30 {
1097
    width: 30% !important;
1098
}
1099

    
1100
.width80 {
1101
    width: 80% !important;
1102
}
1103

    
1104
.width100 {
1105
    width: 100% !important;
1106
}
1107

    
1108
.marginBottom10 {
1109
    margin-bottom: 10px;
1110
}
1111

    
1112
.clearButton {
1113
    float: right;
1114
}
1115

    
1116
.strong {
1117
    font-weight: bold;
1118
}
1119

    
1120
.contentTitleLabel {
1121
    font-size: 26px;
1122
    /*font-weight: 700;
1123
    letter-spacing: 2px;*/
1124
    margin-bottom: 20px;
1125
    color: #720042;
1126
}
1127

    
1128
.contentInfoLabel {
1129
    /*letter-spacing: 2px;*/
1130
    margin-bottom: 35px;
1131
    margin-top: 15px;
1132
}
1133

    
1134
.contentText {
1135
    margin-bottom: 15px;
1136
    margin-top: 15px;
1137
}
1138

    
1139
.secondaryBlock {
1140
    margin-top: 30px;
1141
    margin-right: -45px;
1142
}
1143

    
1144
.secondaryBlock .contentInfoLabel {
1145
    margin-bottom: 15px !important;
1146
}
1147

    
1148
.secondaryBlock .width25 {
1149
    margin-right: 35px;
1150
}
1151

    
1152
.smallContentPanel {
1153
    max-height: 470px;
1154
    min-height: 370px;
1155
    overflow: hidden;
1156
    text-align: center;
1157
    float: left;
1158
}
1159

    
1160
.signIn {
1161
    margin-left: 20%;
1162
    margin-top: 20px !important;
1163
    width: 50%;
1164
}
1165

    
1166
.register {
1167
    padding-top: 10px;
1168
    text-align: center;
1169
}
1170

    
1171
.viewEligibleProjectsHomeLink {
1172
    margin-bottom: 10px;
1173
    margin-top: 10px;
1174
    text-align: center;
1175
}
1176

    
1177

    
1178
/********************************/
1179

    
1180
.uk-panel-box {
1181
    background: none repeat scroll 0 0 #f4efe9 !important;
1182
    color: #534441 !important;
1183
    padding: 30px 20px;
1184
}
1185

    
1186
.uk-panel-box .uk-panel-title {
1187
    color: #720042;
1188
}
1189

    
1190

    
1191
.uk-width-medium-1-3 input.filterTextBox {
1192
    background: url("./imgs/search.png") no-repeat scroll 1% 50% / 8% 80% rgba(0, 0, 0, 0) !important;
1193
    width: 270px !important;
1194
}
1195

    
1196
.uk-width-medium-1-3 .suggestionList {
1197
    width: 311px !important;
1198
}
1199

    
1200
.uk-width-medium-1-3 .eligibilityInfo {
1201
    width: 83% !important;
1202
    margin-top: 10px;
1203
}
1204

    
1205

    
1206

    
1207

    
1208

    
1209

    
1210
/*.editInfo {
1211
    font-weight: bold;
1212
    padding-top: 10px;
1213
    text-decoration: underline !important;
1214
}*/
1215

    
1216

    
1217

    
1218
.summaryInfo div {
1219
    margin-bottom: 10px;
1220
}
1221

    
1222
.summaryInfo dl {
1223
    margin-bottom: 20px !important;
1224
}
1225

    
1226
.summaryInfo dt {
1227
    text-decoration: underline;
1228
}
1229

    
1230
.agreeToTerms {
1231
    margin-top: 20px;
1232
}
1233

    
1234
.agreeToTerms label {
1235
    margin-right: 4px;
1236
}
1237

    
1238

    
1239
/********************************/
1240

    
1241
.status {
1242
    font-family: Courier New;
1243
    text-align: right;
1244
    padding-left: 5px;
1245
}
1246

    
1247
.statusHeading {
1248
    margin-top: -30px;
1249
    margin-right: 15px;
1250
}
1251

    
1252
.requestsListPanel {
1253
    padding-top: 30px;
1254
}
1255

    
1256
.requestInfoSummary {
1257
    width: 80%;
1258
}
1259

    
1260
.requestInfoSummary dl {
1261
    margin-top: 5px !important;
1262
    margin-bottom: 5px !important;
1263
}
1264

    
1265
.requestInfoActionButtons {
1266
    margin-bottom: 10px;
1267
    /*width: 86%;
1268
    bottom: 2px;*/
1269
}
1270

    
1271
.requestInfoActionButton {
1272
    margin-right: 20px;
1273
    /*margin-top: 5px;
1274
    width: 80%;*/
1275
}
1276

    
1277
.requestInfoPanel textarea {
1278
    width: 99% !important;
1279
    height: 60px !important;
1280
    margin-bottom: 0 !important;
1281
}
1282

    
1283
.requestInfoPanel form {
1284
    margin: 0px !important;
1285
}
1286

    
1287
/********************************/
1288

    
1289
.budgetsListPanel > div {
1290
    padding: 20px;
1291
}
1292

    
1293
.budgetRequest dl {
1294
    margin-top: 5px !important;
1295
    margin-bottom: 0px !important;
1296
}
1297

    
1298
.budgetsListPanel textarea {
1299
    height: 60px !important;
1300
    margin-bottom: 0 !important;
1301
    width: 99% !important;
1302
}
1303

    
1304
.budgetsListPanel form {
1305
    margin: 0 !important;
1306
}
1307

    
1308
/********************************/
1309

    
1310

    
1311
.chronologyInfoPanel {
1312
}
1313

    
1314
.chronologyPanel dd {
1315
    margin-left: 0px !important;
1316
}
1317

    
1318
.chronologyPanel dl {
1319
    margin-top: 0px !important;
1320
    margin-bottom: 0px !important;
1321
}
1322

    
1323
.chronologyPanel dt, .chronologyPanel dd {
1324
    font-size: 10px !important;
1325
}
1326

    
1327
.summaryWidgetsPanel {
1328
    width: 100%;
1329
}
1330

    
1331
.summaryWidgetsPanel dd {
1332
    margin-left: 0px !important;
1333
}
1334

    
1335
.summaryWidgetsPanel dl {
1336
    margin-bottom: 5px !important;
1337
    margin-top: 5px !important;
1338
}
1339

    
1340
.summaryWidgetsPanel dt, .summaryWidgetsPanel dd {
1341
    font-size: 90% !important;
1342
}
1343

    
1344
.summaryWidgetsPanel img {
1345
    /*background-color: #fff;*/
1346
    padding: 10px;
1347
}
1348

    
1349
a.summaryStepEdit {
1350
    color: #534441 !important;
1351
    margin-top: 10px;
1352
}
1353

    
1354
.summaryStepEdit.btn {
1355
    border: 1px solid #534441 !important;
1356
    border-radius: 0 !important;
1357
}
1358

    
1359
.requestInfoPanel {
1360
}
1361

    
1362
.requestInfoPanel dd {
1363
    margin-left: 30px !important;
1364
}
1365

    
1366
.requestInfoPanel dl {
1367
    margin-bottom: 5px !important;
1368
    margin-top: 5px !important;
1369
}
1370

    
1371
.requestInfoPanel dt, .requestInfoPanel dd {
1372
    font-size: 90% !important
1373
    /*font-size: 10px !important;*/
1374
}
1375

    
1376
.requestDetailedInfoPanel {
1377
}
1378

    
1379
dt.chronologySubTitle {
1380
    font-size: 13px !important;
1381
    margin-top: 10px;
1382
    /*text-decoration: underline;*/
1383
}
1384

    
1385

    
1386
/********************************/
1387

    
1388
.loading {
1389
    position: relative;
1390
    min-height: 400px;
1391
}
1392

    
1393
.loading-small {
1394
    position: relative;
1395
    min-height: 150px;
1396
}
1397

    
1398
.loader {
1399
    background: url("./imgs/loader.gif") no-repeat center;
1400
    z-index: 10;
1401
    width: 100%;
1402
    height: 100%;
1403
    position: absolute;
1404
    top: 0;
1405
    left: 0;
1406
}
1407

    
1408
.loader-big {
1409
    background: url("./imgs/loader_big.gif") no-repeat center;
1410
    z-index: 10;
1411
    width: 100%;
1412
    height: 100%;
1413
    position: absolute;
1414
    top: 0;
1415
    left: 0;
1416
}
1417

    
1418
.whiteFilm {
1419
    background: #f4efe9;
1420
    z-index: 5;
1421
    width: 100%;
1422
    height: 100%;
1423
    opacity: 0.7;
1424
    position: absolute;
1425
    top: 0;
1426
    left: 0;
1427
}
1428

    
1429
/********************************/
1430

    
1431
.emphasis {
1432
    background: url("./imgs/gold_arrow_purple_22.png") no-repeat scroll left 40% transparent !important;
1433
    /*font-size: 115%;
1434
    margin-bottom: 20px;*/
1435
    padding-left: 30px;
1436
    display: block;
1437
}
1438

    
1439

    
1440

    
1441
/********************************/
1442

    
1443
.sortAndFilterBar {
1444
    margin-bottom: 15px;
1445
    margin-top: -10px;
1446
}
1447

    
1448
.sortAndFilterBar form {
1449
    margin: 0px !important;
1450
}
1451

    
1452
.sortAndFilterBar .control-group {
1453
    margin: 0px !important;
1454
}
1455

    
1456
.sortAndFilterBar .control-label {
1457
    margin-bottom: 0 !important;
1458
}
1459

    
1460
.sortAndFilterBar .controls {
1461
    /*margin-left: 65px !important;*/
1462
}
1463

    
1464
.sortAndFilterBar .input-small {
1465
    width: 103px !important;
1466
}
1467

    
1468
.sortAndFilterBar fieldset {
1469
    margin-right: 10px !important;
1470
}
1471

    
1472
.searchTextBox {
1473
    border-radius: 16px !important;
1474
    padding-left: 10px !important;
1475
    height: 18px !important;
1476
    margin-top: 20px;
1477
}
1478

    
1479
.sortAndFilterBar .float-right a {
1480
    float: right;
1481
    margin-bottom: 5px;
1482
    margin-right: 10px
1483
}
1484

    
1485
/********************************/
1486

    
1487
.contactModal {
1488
    background-color: #f4efe9 !important;
1489
    margin-left: -350px !important;
1490
    width: 680px !important;
1491
}
1492

    
1493
.contactModal form {
1494
    margin: 20px 0 !important;
1495
}
1496

    
1497
.contactModal .modal-header {
1498
    border-bottom: 1px solid #dfd9d2 !important;
1499
}
1500

    
1501
.contactModal textarea.input-xxlarge {
1502
    width: 386px !important;
1503
    height: 100px !important;
1504
}
1505

    
1506
.contactModal .modal-body {
1507
    max-height: 550px !important;
1508
}
1509

    
1510
/********************************/
1511

    
1512
.budgetForm .control-label {
1513
    width: 205px !important;
1514
}
1515

    
1516
.budgetForm .controls {
1517
    margin-left: 215px !important;
1518
}
1519

    
1520
.budgetForm a {
1521
    font-size: 120% !important;
1522
}
1523

    
1524
/********************************/
1525

    
1526
.tablesorter {
1527
    border: 1px solid #dfd9d2;
1528
    width: 100%;
1529
}
1530

    
1531
.tablesorter td{
1532
    margin: 0;
1533
    padding: 0;
1534
    border-bottom: 1px dotted #dfd9d2;
1535
}
1536

    
1537
.tablesorter thead, .tablesorter tbody {
1538
    /*display: block;*/
1539
}
1540

    
1541
.tablesorter thead tr {
1542
    height: 40px;
1543
    background: none repeat scroll 0 0 #dfd9d2;
1544
    text-align: left;
1545
    text-indent: 10px;
1546
    cursor: pointer;
1547
}
1548

    
1549
.tablesorter td {
1550
    padding: 10px 10px;
1551
}
1552

    
1553
.tablesorter input {
1554
    margin: 0px !important;
1555
}
1556

    
1557
.tablesorter input[type=image] {
1558
    margin-right: 10px;
1559
}
1560

    
1561
.tablesorter tbody {
1562
    max-height: 300px;
1563
    overflow-y: scroll;
1564
}
1565

    
1566
.userActionButtons{
1567
    float: right;
1568
    margin-top: -40px;
1569
}
1570

    
1571

    
1572
/********************************/
1573

    
1574
.recaptchatable .recaptcha_image_cell {
1575
    background-color: #f4efe9 !important;
1576
}
1577

    
1578
/********************************/
1579

    
1580
.marginTop30 {
1581
    margin-top: 30px !important;
1582
}
1583

    
1584
/********************************/
1585

    
1586
.tabPanel {
1587
    padding: 0 3% 3%;
1588
    width: 94%;
1589
}
1590

    
1591
.tabPanel .nav {
1592
    margin-bottom: 0px;
1593
}
1594

    
1595
.nav-tabs > li > a {
1596
    color: #006a90;
1597
}
1598

    
1599
.tabInner {
1600
    border-left: 1px solid rgba(83, 68, 65, 0.3);
1601
    border-right: 1px solid rgba(83, 68, 65, 0.3);
1602
    border-bottom: 1px solid rgba(83, 68, 65, 0.3);
1603
    padding: 3%;
1604
}
1605

    
1606
.tabInner dd {
1607
    margin-bottom: 5px !important;
1608
    padding: 5px 10px;
1609
}
1610

    
1611
.nav-tabs {
1612
    border-bottom: 1px solid rgba(83, 68, 65, 0.3) !important;
1613
}
1614

    
1615
.nav-tabs > .active > a,
1616
.nav-tabs > .active > a:hover,
1617
.nav-tabs > .active > a:focus {
1618
    background-color: rgba(83, 68, 65, 0.08) !important;
1619
    border-left-color: rgba(83, 68, 65, 0.3) !important;
1620
    border-right-color: rgba(83, 68, 65, 0.3) !important;
1621
    border-top-color: rgba(83, 68, 65, 0.3) !important;
1622
    border-bottom: 0 none !important;
1623
}
1624

    
1625
.tabInner .searchTextBox {
1626
    margin-top: 0px !important;
1627
}
1628

    
1629
.tabInner form {
1630
    margin: 0 !important;
1631
}
1632

    
1633
.tabInner .gwt-HTML {
1634
    padding-top: 20px !important;
1635
}
1636

    
1637

    
1638
/********************************/
1639

    
1640
.arcInvoiceInfo {
1641
    border: 1px solid;
1642
    margin-top: 10px;
1643
    text-align: center;
1644
    margin-bottom: 7px;
1645
}
1646

    
1647
.arcInvoiceInfo thead {
1648
    border-bottom: 1px solid;
1649
}
1650

    
1651
.arcInvoiceInfo th, .arcInvoiceInfo td {
1652
    padding: 3px 20px;
1653
}
1654

    
1655

    
1656
/********************************/
1657

    
1658
/* Eligible Projects Page */
1659

    
1660

    
1661
.eligibleProjectsPage input.filterTextBox {
1662
    background: url("./imgs/search.png") no-repeat scroll 1% 50% / 5% 80% rgba(0, 0, 0, 0) !important;
1663
    width: 350px !important;
1664
}
1665

    
1666
.eligibleProjectsPage .suggestionList {
1667
    width: 391px !important;
1668
}
1669

    
1670

    
1671

    
1672
/********************************/
1673

    
1674

    
(1-1/2)