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(113, 68, 74, 0.8);
19
    color: #ffffff;
20
    text-shadow: none;
21
}
22

    
23

    
24
/********************************/
25

    
26
/* Bootstrap overrides */
27

    
28
.breadcrumb {
29
    background: none !important;
30
    margin: 0px !important;
31
    padding: 15px 8px !important;
32
}
33

    
34
.breadcrumb > li {
35
    text-shadow: none !important;
36
}
37

    
38
.breadcrumb > .active {
39
    color: rgba(83, 68, 65, 0.6) !important;
40
}
41

    
42
.breadcrumb > li > .divider {
43
    color: rgba(83, 68, 65, 0.6) !important;
44
}
45

    
46
label, input, button, select, textarea {
47
    font-size: 13px !important;
48
}
49

    
50
.input-mini {
51
    width: 41px !important;
52
}
53

    
54
.input-xxlarge {
55
    width: 379px !important;
56
}
57

    
58
.fundingWizardStepPanel .input-xxlarge {
59
    width: 379px !important;
60
}
61

    
62
.publicationDOIForm .input-xlarge {
63
    width: 345px !important;
64
}
65

    
66
input {
67
    margin-right: 5px !important;
68
}
69

    
70
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
71
    background-color: #f4efe9 !important;
72
}
73

    
74
a {
75
    color: #b24d1e !important;
76
	text-decoration: none !important;
77
}
78
a:visited, a:hover {
79
	color: #71A9C5 !important;
80
	text-decoration: none !important;
81
}
82

    
83
.accordion-heading a, .accordion-heading a:visited, .accordion-heading a:hover {
84
    color: #534441 !important;
85
    margin-right: 140px !important;
86
}
87

    
88
a.suggestionItem {
89
    color: #534441 !important;
90
}
91

    
92
.icon-angle-down, .icon-angle-up {
93
    color: #534441;
94
}
95

    
96
/*[class^="icon-"], [class*=" icon-"] {
97
    color: #534441;
98
}*/
99

    
100
/*a, a:visited, a:hover {
101
    color: #534441 !important;
102
}
103

    
104
a {
105
    color: #433836 !important;
106
    text-decoration: none;
107
}*/
108

    
109
.btn {
110
    background-color: #dfd9d2 !important;
111
    background-image: linear-gradient(to bottom, #fff, #dfd9d2) !important;
112
}
113

    
114
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
115
    background-color: #dfd9d2 !important;
116
}
117

    
118
.btn-primary {
119
    background-color: #b24d1e !important;
120
    background-image: linear-gradient(to bottom, #b24d1e, #b24d1e) !important;
121
    /*background-color: #534441 !important;
122
    background-image: linear-gradient(to bottom, #534441, #534441) !important;*/
123
    color: #fff !important;
124
}
125

    
126
.btn-primary:hover,
127
.btn-primary:focus,
128
.btn-primary:active,
129
.btn-primary.active,
130
.btn-primary.disabled,
131
.btn-primary[disabled] {
132
    background-color: #b24d1e !important;
133
    color: #E7E2DB !important;
134
    /*background-color: #534441 !important;
135
    color: #fff !important;*/
136
}
137

    
138
.btn-success {
139
    background-color: #618e2a;
140
	color: #f4efe9;
141
    /*background-color: #d6e9c6 !important;
142
    background-image: linear-gradient(to bottom, #dff0d8, #d6e9c6) !important;*/
143
}
144

    
145
.btn-success:hover,
146
.btn-success:focus,
147
.btn-success:active,
148
.btn-success.active,
149
.btn-success.disabled,
150
.btn-success[disabled] {
151
    background-color: #d6e9c6 !important;
152
}
153

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

    
165
.btn-danger:hover,
166
.btn-danger:focus,
167
.btn-danger:active,
168
.btn-danger.active,
169
.btn-danger.disabled,
170
.btn-danger[disabled] {
171
    background-color: #951a2d;
172
    color: #f4efe9;
173
    /*background-color: #eed3d7 !important;*/
174
}
175

    
176

    
177
.accordion-group {
178
    border: none !important;
179
}
180

    
181
.accordion-inner {
182
    border-top: none !important;
183
    /*background-color: rgba(83, 68, 65, 0.04) !important;*/
184
}
185

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

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

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

    
244
option:checked {
245
    color: #f4efe9 !important;
246
}
247

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

    
262
.alert-block {
263
	padding: 0px 10px;
264

    
265
}
266

    
267
.alert-info {
268
    background: none repeat scroll 0 0 rgba(210, 230, 240, 0.4) !important;
269
    border: 2px solid rgba(45, 112, 145, 0.3) !important;
270
    color: #2d7091 !important;
271
}
272

    
273
.alert-success {
274
	background: rgba(124, 181, 54, 0.1) !important;
275
	color: #6fa130 !important;
276
	border-color: #74a932 !important;
277
}
278

    
279
.alert-warning {
280
    background: none repeat scroll 0 0 rgba(230, 146, 28, 0.1) !important;
281
    border-color: #df8d19 !important;
282
    color: #db8a18 !important;
283
}
284

    
285
.alert-danger {
286
    background: none repeat scroll 0 0 rgba(193, 33, 58, 0.1) !important;
287
    border-color: rgba(193, 33, 58, 0.8) !important;
288
    color: rgba(193, 33, 58, 0.8) !important;
289
}
290

    
291
.alert-block {
292
	background: rgba(193, 33, 58, 0.1);
293
    color: rgba(193, 33, 58, 0.8);
294
    border-color: rgba(193, 33, 58, 0.8);
295
}
296

    
297
.alert {
298
	-webkit-border-radius: 0px !important;
299
	-moz-border-radius: 0px !important;
300
	border-radius: 0px !important;
301
}
302

    
303
.alert, .alert h4 {
304
	font-weight:normal !important;
305
}
306

    
307
legend {
308
    color: #6d5b58 !important;
309
    border-color: -moz-use-text-color -moz-use-text-color rgba(83, 68, 65, 0.3) !important;
310
}
311

    
312
.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
313
    /*border-bottom-right-radius: 0 !important;
314
    border-top-right-radius: 0 !important;*/
315
}
316

    
317
.btn-group > .btn:first-child {
318
    /*border-bottom-left-radius: 0 !important;
319
    border-top-left-radius: 0 !important;*/
320
    margin-left: 0 !important;
321
}
322

    
323
.btn-group .btn, .input-prepend .btn, .input-append .btn {
324
    border-color: #534441 !important;
325
}
326

    
327
.btn, .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
328
    font-size: 0.8rem !important;
329
}
330

    
331
.btn {
332
    text-transform: uppercase;
333
}
334

    
335
input[type="file"] {
336
    height: 30px !important;
337
    line-height: 28px !important;
338
}
339

    
340
select {
341
    height: 27px !important;
342
    line-height: 27px !important;
343
}
344

    
345

    
346

    
347
/********************************/
348

    
349
.odd {
350
	background-color: rgba(83, 68, 65, 0.08) !important;
351
}
352

    
353
.wrapper {
354
    max-width: 980px;
355
    box-sizing: border-box;
356
    margin: auto;
357
}
358

    
359
.float-right {
360
    float: right;
361
}
362

    
363
.float-left {
364
    float: left;
365
}
366

    
367
.marginLeft10 {
368
    margin-left: 10px;
369
}
370

    
371
.positionAbsolute {
372
    position: absolute;
373
}
374

    
375
.positionRelative {
376
    position: relative;
377
}
378

    
379
.inlineBlock {
380
    display: inline-block;
381
}
382

    
383
#block-header {
384
    background-attachment: scroll !important;
385
    background-color: #f4efe9 !important;
386
    /*background-image: url("https://blogs.openaire.eu/wp-content/uploads/2014/12/programme_top_header.png") !important;*/
387
    border-bottom: 1px solid #dfd9d2;
388
    background-position: left top !important;
389
    background-repeat: no-repeat !important;
390
    min-height: 150px;
391
    position: fixed;
392
    top: 0;
393
    width: 100%;
394
    z-index: 10;
395
}
396

    
397
#block-toolbar {
398
    padding: 5px 0;
399
    height: 25px;
400
}
401

    
402
#footer, #toolbar {
403
    font-size: 12px;
404
    line-height: 26px;
405
}
406

    
407
#toolbar a {
408
    color: rgba(83, 68, 65, 0.6) !important;
409
    padding: 0 10px;
410
}
411

    
412
#toolbar a:hover, #toolbar a:focus {
413
    cursor: pointer !important;
414
}
415

    
416
.secondToolbarButton {
417
    border-left: 1px solid rgba(83, 68, 65, 0.6);
418
}
419

    
420
#toolbar, #header, #footer {
421
    margin: 0 5px;
422
}
423
#header {
424
    position: relative;
425
}
426

    
427
#logo {
428
    /*height: 100px;*/
429
    margin-top: 15px;
430
}
431

    
432
#logo, #logo > img, #menu {
433
    float: left;
434
}
435

    
436
#menubar {
437
    bottom: 0;
438
    position: absolute;
439
    right: 0;
440
}
441
#menubar {
442
    float: right;
443
}
444

    
445
.headingText {
446
    bottom: 5px;
447
    color: #b24d1e;
448
    font-size: 18px;
449
    font-weight: bold;
450
    left: 150px;
451
    position: absolute;
452
}
453

    
454
.nav {
455
    margin-bottom: 0px !important;
456
}
457

    
458
#menu .caret {
459
    border: none !important;
460
}
461

    
462
#menu > ul > li > a {
463
    font-size: 16px !important;
464
    font-weight: 400 !important;
465
    height: 70px !important;
466
    line-height: 90px !important;
467
    color: #71444A !important;
468
    /*letter-spacing: 2px;*/
469
}
470

    
471
.nav > li > a:hover, .nav > li > a:focus {
472
    background-color: #f4efe9 !important;
473
    color: #71444a !important;
474
}
475

    
476
.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle,
477
.nav > li.dropdown.open.active > a:hover,
478
.nav > li.dropdown.open.active > a:focus {
479
    background-color: #f4efe9 !important;
480
    border-color: #f4efe9 !important;
481
    color: #71444A !important;
482
}
483

    
484
.nav-pills .dropdown-menu {
485
    border-radius: 0px;
486
}
487

    
488
.nav-pills > li > a {
489
    padding-bottom: 0 !important;
490
}
491

    
492
.dropdown-menu {
493
    background-color: #f4efe9 !important;
494
    border: 1px solid #dfd9d2 !important;
495
    border-radius: 0 !important;
496
}
497

    
498
.dropdown-menu a {
499
     color: rgba(83, 68, 65, 0.6) !important;
500
     font-size: 13px !important;
501
     font-weight: 400 !important;
502
     height: 20 !important;
503
     line-height: 30px !important;
504
}
505

    
506
.dropdown-menu > li > a:hover,
507
.dropdown-menu > li > a:focus,
508
.dropdown-submenu:hover > a,
509
.dropdown-submenu:focus > a {
510
    background-color: #f4efe9 !important;
511
    background-image: none !important;
512
    color: #71444A !important;
513
}
514

    
515
#block-main {
516
    padding-top: 1px;
517
    margin-top: 150px;
518
    min-height: 400px;
519
    background: none repeat scroll 0 0 #dfd9d2;
520
}
521

    
522
#content {
523
    padding-bottom: 30px;
524
}
525

    
526
.content {
527
    background-color: #f4efe9;
528
    padding: 30px !important;
529
}
530

    
531
.userRegistrationForm {
532
    margin-bottom: 0 !important;
533
    margin-left: 35px;
534
    margin-top: 35px;
535
    /*width: 65%;*/
536
}
537

    
538
.rolesForm {
539
    margin-left: 35px;
540
    margin-bottom: 20px;
541
}
542

    
543
.rolesForm select {
544
    width: 393px !important;
545
    height: 120px !important;
546
}
547

    
548
.userLoginForm {
549
    margin-bottom: 0 !important;
550
    margin-left: 25px;
551
    margin-top: 35px;
552
}
553

    
554
.userLoginForm .control-label {
555
    width: 260px !important;
556
}
557

    
558
.userLoginForm .controls {
559
    margin-left: 270px !important;
560
}
561

    
562
.formAccordion {
563
    width: 80%;
564
    margin-left: 15px;
565
}
566

    
567
.contentLabel {
568
    padding-bottom: 20px;
569
    padding-top: 20px;
570
}
571

    
572
.stepWidgetLabel {
573
    font-size: 16px;
574
    font-weight: bold;
575
    padding-bottom: 10px;
576
    /*letter-spacing: 2px;*/
577
}
578

    
579
.researcherInfoPanel {
580
    border: 1px solid #dfd9d2;
581
    border-radius: 4px;
582
    margin-top: 15px;
583
}
584

    
585
.researcherInfoPanel .contentLabel {
586
    font-size: 15px;
587
    font-weight: bold;
588
    text-align: center;
589
}
590

    
591
.researcherInfoPanel .alertLabel {
592
    margin-left: 20px !important;
593
    margin-right: 20px !important;
594
}
595

    
596
.commentLabel {
597
    font-size: 12px;
598
    padding: 10px 20px 20px;
599
}
600

    
601
.organizationInfoPanel {
602
    border: 1px solid #dfd9d2;
603
    margin: 0 15px 0 0;
604
}
605

    
606
.organizationForm {
607
    margin: 20px 0 0 !important;
608
}
609

    
610
.accountingForm {
611
}
612

    
613
.alertLabel {
614
    margin: 10px 0px 20px !important;
615
}
616

    
617
.wizardBreadcrumb {
618
    padding-left: 20px;
619
}
620

    
621
.wizardBreadcrumb .gwt-Label {
622
    display: inline;
623
    color: #fff;
624
}
625

    
626
.wizardBreadcrumb .gwt-Label:before {
627
    border-bottom: 20px solid transparent;
628
    border-left: 30px solid white;
629
    border-top: 20px solid transparent;
630
    content: " ";
631
    display: block;
632
    height: 0;
633
    left: 100%;
634
    margin-left: 1px;
635
    margin-top: -20px;
636
    position: absolute;
637
    top: 50%;
638
    width: 0;
639
    z-index: 1;
640
}
641

    
642
.wizardBreadcrumb .gwt-Label.show:after {
643
    border-left-color: #b24d1e !important;
644
}
645

    
646
.wizardBreadcrumb .gwt-Label:after {
647
    border-bottom: 20px solid transparent;
648
    border-left: 30px solid #dfd9d2;
649
    border-top: 20px solid transparent;
650
    content: " ";
651
    display: block;
652
    height: 0;
653
    left: 100%;
654
    margin-top: -20px;
655
    position: absolute;
656
    top: 50%;
657
    width: 0;
658
    z-index: 2;
659
}
660

    
661
.wizardBreadcrumb .gwt-Label.show {
662
    background: none repeat scroll 0 0 #b24d1e !important;
663
}
664

    
665
.wizardBreadcrumb .gwt-Label {
666
    background: none repeat scroll 0 0 #dfd9d2;
667
    color: white !important;
668
    cursor: default;
669
    display: block;
670
    float: left;
671
    padding: 10px 15px 10px 55px !important;
672
    position: relative;
673
    text-decoration: none;
674
}
675

    
676
.fundingWizardPanel {
677
    /*padding-left: 20px;
678
    padding-top: 50px;
679
    width: 100%;*/
680
    min-height: 300px;
681
    padding: 60px 20px 20px;
682
    width: 96%;
683
}
684

    
685
.fundingWizardStep {
686
    padding-right: 20px;
687
}
688

    
689
.backAndNextButtons {
690
    padding-left: 20px;
691
}
692

    
693
.autoCompleteWidget {
694
    position: relative;
695
}
696

    
697
.filterTextBox {
698
    border-radius: 4px !important;
699
    /*margin-bottom: 25px !important;*/
700
    padding-left: 35px !important;
701
    background: url("./imgs/search.png") no-repeat 3% 50%;
702
    background-size: 10% 80%;
703
    width: 181px !important;
704
}
705

    
706
.suggestionList {
707
    border: 1px solid #dfd9d2;
708
    position: absolute;
709
    width: 221px !important;
710
    border-radius: 4px;
711
    top: 32px;
712
    background-color: #f4efe9;
713
    border-color: rgba(83, 68, 65, 0.8) !important;
714
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(83, 68, 65, 0.6) !important;
715
    outline: 0 none;
716
    z-index: 100;
717
    max-height: 200px;
718
    overflow-y: scroll;
719
}
720

    
721
.suggestionItem {
722
    padding: 5px 10px;
723
    display: block;
724
}
725

    
726
.suggestionItem:hover {
727
    background-color: rgba(83, 68, 65, 0.6) !important;
728
    /*background-color: #ee964a;*/
729
    color: #ffffff !important;
730
    text-decoration: none !important;
731
}
732

    
733
.suggestionInfoItem {
734
    padding: 5px 10px;
735
    background-color: #f4efe9;
736
}
737

    
738
.userRegistrationCoordinatedProject input.filterTextBox {
739
    background: url("./imgs/search.png") no-repeat scroll 1% 50% / 5% 80% rgba(0, 0, 0, 0) !important;
740
    width: 471px !important;
741
}
742

    
743
.userRegistrationCoordinatedProject .suggestionList {
744
    width: 512px !important;
745
}
746

    
747
.projectForm {
748
    margin-top: 15px !important;
749
    margin-bottom: 0px !important;
750
}
751

    
752
.projectForm .control-label {
753
    margin-top: -10px;
754
    width: 207px !important;
755
    margin-left: -20px;
756
}
757

    
758
.projectForm .controls {
759
    margin-left: 207px !important;
760
}
761

    
762
.projectForm input.filterTextBox {
763
    background: url("./imgs/search.png") no-repeat scroll 1% 50% / 6% 80% rgba(0, 0, 0, 0) !important;
764
    width: 340px !important;
765
}
766

    
767
.projectForm .suggestionList {
768
    width: 381px !important;
769
}
770

    
771
.displayInfoElement {
772
    border: 1px solid #dfd9d2;
773
    border-radius: 4px;
774
    padding: 20px;
775
    width: 93%;
776
}
777

    
778
.displayInfoElementTitle {
779
    font-size: 14px;
780
    font-weight: bold;
781
    padding-left: 57px;
782
}
783

    
784
.eligibilityInfo {
785
    border-radius: 4px;
786
    width: 91%;
787
}
788

    
789
.accordion-group .eligibilityInfo {
790
    width: 93% !important;
791
}
792

    
793
.publicationDOIForm {
794
    padding-top: 20px;
795
}
796

    
797
a.resolveIcon {
798
    /*color: rgba(83, 68, 65, 0.6) !important;*/
799
}
800

    
801
/*.publicationDOIForm .control-label {
802
    width: 50px !important;
803
}
804

    
805
.publicationDOIForm .controls {
806
    margin-left: 60px !important;
807
}*/
808

    
809
.publicationInfoForm {
810
    border: 1px solid #dfd9d2;
811
    border-radius: 4px;
812
    padding-top: 20px;
813
}
814

    
815
.publicationInfoForm textarea {
816
    width: 505px !important;
817
}
818

    
819
.publicationInfoForm  .alertLabel {
820
    margin-left: 20px !important;
821
    margin-right: 20px !important;
822
}
823

    
824
.radio.inlineBlock {
825
    margin-right: 10px;
826
}
827

    
828
/*a.deleteIcon {
829
    color: #433836 !important;
830
}*/
831

    
832
.affiliationPanel {
833
    margin-bottom: 5px;
834
}
835

    
836
.authorInfo {
837
    margin-bottom: 10px;
838
}
839

    
840
.authorInfo input {
841
    margin-bottom: 3px !important;
842
}
843

    
844
.identifierInfo {
845
    margin-bottom: 10px;
846
}
847

    
848
.identifierInfo select {
849
    margin-right: 5px;
850
    width: 164px !important;
851
}
852

    
853
.journalInfoForm {
854
    border: 1px solid #dfd9d2;
855
    border-radius: 4px;
856
    padding-top: 20px;
857
}
858

    
859
.journalInfoForm .alertLabel {
860
    margin-left: 20px !important;
861
    margin-right: 20px !important;
862
}
863

    
864
.journalAutoCompleteForm {
865
    padding-top: 20px;
866
}
867

    
868
.journalAutoCompleteForm input.filterTextBox {
869
    background: url("./imgs/search.png") no-repeat scroll 1% 50% / 6% 80% rgba(0, 0, 0, 0) !important;
870
    width: 353px !important;
871
}
872

    
873
.journalAutoCompleteForm .suggestionList {
874
    width: 394px !important;
875
}
876

    
877
.publisherAutoCompleteForm {
878
    padding-top: 20px;
879
}
880

    
881
.publisherAutoCompleteForm input.filterTextBox {
882
    background: url("./imgs/search.png") no-repeat scroll 1% 50% / 6% 80% rgba(0, 0, 0, 0) !important;
883
    width: 353px !important;
884
}
885

    
886
.publisherAutoCompleteForm .suggestionList {
887
    width: 394px !important;
888
}
889

    
890
.uploadInvoicePanel {
891
    border: 1px solid #dfd9d2;
892
    border-radius: 4px;
893
    margin-bottom: 20px;
894
    margin-top: 10px;
895
}
896

    
897
.uploadInvoicePanel .alertLabel {
898
    margin-left: 20px !important;
899
    margin-right: 20px !important;
900
}
901

    
902
.uploadInvoicePanel .control-label {
903
    width: 200px !important;
904
}
905

    
906
.uploadInvoicePanel .controls {
907
    margin-left: 210px !important;
908
}
909

    
910
.uploadInvoicePanel dt {
911
    margin-left: 10px !important;
912
}
913

    
914
.uploadInvoicePanel > div > div {
915
    padding: 10px 20px;
916
}
917

    
918
/*.uploadInvoiceLabel {
919
    font-size: 14px;
920
    font-weight: bold;
921
    padding: 15px 25px;
922
}*/
923

    
924
.accountingInformationPanel {
925
    border: 1px solid #dfd9d2;
926
    border-radius: 4px;
927
    margin-top: 10px;
928
    padding-top: 20px;
929
}
930

    
931
.accountingInformationPanel .control-label {
932
    width: 200px !important;
933
}
934

    
935
.accountingInformationPanel .controls {
936
    margin-left: 210px !important;
937
}
938

    
939
/*.accountingInformationLabel {
940
    font-size: 14px;
941
    font-weight: bold;
942
    padding: 15px 25px;
943
}*/
944

    
945
.accountingInformationPanel .alertLabel {
946
    margin-left: 20px !important;
947
    margin-right: 20px !important;
948
}
949

    
950

    
951
/********************************/
952

    
953
/* My Account */
954

    
955
.personalInfoPanel {
956
    background: none repeat scroll 0 0 rgba(223, 217, 210, 0.6);
957
    margin-top: 20px;
958
    padding: 10px 20px;
959
}
960

    
961
.personalInfoPanel a {
962
    color: #534441 !important;
963
}
964

    
965
.personalInfoPanel .btn-toolbar {
966
    padding-left: 30px;
967
}
968

    
969
.myAccountTitle {
970
    border-bottom: 2px solid #dfd9d2;
971
    padding-bottom: 10px;
972
}
973

    
974
.eligibleProjectsPanel {
975
    background: none repeat scroll 0 0 rgba(223, 217, 210, 0.6);
976
    margin-top: 20px;
977
    padding: 10px 20px;
978
}
979

    
980
.eligibleProjectsPanel dd {
981
    margin-left: 0px !important;
982
}
983

    
984
.eligibleProjectsPanel input.filterTextBox {
985
    background: url("./imgs/search.png") no-repeat scroll 1% 50% / 5% 80% rgba(0, 0, 0, 0) !important;
986
    width: 471px !important;
987
}
988

    
989
.eligibleProjectsPanel .suggestionList {
990
    width: 512px !important;
991
}
992

    
993
/********************************/
994

    
995
.comment {
996
    font-size: 12px;
997
}
998

    
999
.width24 {
1000
    width: 24% !important;
1001
}
1002

    
1003
.width25 {
1004
    width: 25% !important;
1005
}
1006

    
1007
.width30 {
1008
    width: 30% !important;
1009
}
1010

    
1011
.width80 {
1012
    width: 80% !important;
1013
}
1014

    
1015
.width100 {
1016
    width: 100% !important;
1017
}
1018

    
1019
.clearButton {
1020
    float: right;
1021
}
1022

    
1023
.strong {
1024
    font-weight: bold;
1025
}
1026

    
1027
.contentTitleLabel {
1028
    font-size: 26px;
1029
    /*font-weight: 700;
1030
    letter-spacing: 2px;*/
1031
    margin-bottom: 20px;
1032
    color: #71444A;
1033
}
1034

    
1035
.contentInfoLabel {
1036
    /*letter-spacing: 2px;*/
1037
    margin-bottom: 35px;
1038
    margin-top: 15px;
1039
}
1040

    
1041
.contentText {
1042
    margin-bottom: 35px;
1043
    margin-top: 15px;
1044
}
1045

    
1046
.secondaryBlock {
1047
    margin-top: 30px;
1048
    margin-right: -45px;
1049
}
1050

    
1051
.secondaryBlock .contentInfoLabel {
1052
    margin-bottom: 15px !important;
1053
}
1054

    
1055
.secondaryBlock .width25 {
1056
    margin-right: 35px;
1057
}
1058

    
1059
.smallContentPanel {
1060
    max-height: 470px;
1061
    min-height: 370px;
1062
    overflow: hidden;
1063
    text-align: center;
1064
    float: left;
1065
}
1066

    
1067
.signIn {
1068
    margin-left: 20%;
1069
    margin-top: 10px !important;
1070
    width: 50%;
1071
}
1072

    
1073
.register {
1074
    padding-top: 10px;
1075
    text-align: center;
1076
}
1077

    
1078

    
1079
/********************************/
1080

    
1081
.uk-panel-box {
1082
    background: none repeat scroll 0 0 #f4efe9 !important;
1083
    color: #534441 !important;
1084
    padding-top: 30px;
1085
}
1086

    
1087
.uk-panel-box .uk-panel-title {
1088
    color: #534441;
1089
}
1090

    
1091

    
1092
.uk-width-medium-1-3 input.filterTextBox {
1093
    background: url("./imgs/search.png") no-repeat scroll 1% 50% / 8% 80% rgba(0, 0, 0, 0) !important;
1094
    width: 270px !important;
1095
}
1096

    
1097
.uk-width-medium-1-3 .suggestionList {
1098
    width: 311px !important;
1099
}
1100

    
1101
.uk-width-medium-1-3 .eligibilityInfo {
1102
    width: 83% !important;
1103
}
1104

    
1105

    
1106

    
1107

    
1108

    
1109

    
1110
/*.editInfo {
1111
    font-weight: bold;
1112
    padding-top: 10px;
1113
    text-decoration: underline !important;
1114
}*/
1115

    
1116

    
1117

    
1118
.summaryInfo div {
1119
    margin-bottom: 10px;
1120
}
1121

    
1122
.summaryInfo dl {
1123
    margin-bottom: 20px !important;
1124
}
1125

    
1126
.summaryInfo dt {
1127
    text-decoration: underline;
1128
}
1129

    
1130
.agreeToTerms {
1131
    margin-top: 20px;
1132
}
1133

    
1134
.agreeToTerms label {
1135
    margin-right: 4px;
1136
}
1137

    
1138

    
1139
/********************************/
1140

    
1141
.status {
1142
    float: right;
1143
}
1144

    
1145
.statusHeading {
1146
    margin-top: -30px;
1147
    margin-right: 15px;
1148
}
1149

    
1150
.requestsListPanel {
1151
    padding-top: 30px;
1152
}
1153

    
1154
.requestInfoSummary {
1155
    width: 80%;
1156
}
1157

    
1158
.requestInfoSummary dl {
1159
    margin-top: 5px !important;
1160
    margin-bottom: 5px !important;
1161
}
1162

    
1163
.requestInfoActionButtons {
1164
    margin-bottom: 10px;
1165
    /*width: 86%;
1166
    bottom: 2px;*/
1167
}
1168

    
1169
.requestInfoActionButton {
1170
    /*margin-top: 5px;
1171
    width: 80%;*/
1172
}
1173

    
1174
.requestInfoPanel textarea {
1175
    width: 99% !important;
1176
    height: 60px !important;
1177
    margin-bottom: 0 !important;
1178
}
1179

    
1180
.requestInfoPanel form {
1181
    margin: 0px !important;
1182
}
1183

    
1184
/********************************/
1185

    
1186
.budgetsListPanel > div {
1187
    padding: 20px;
1188
}
1189

    
1190
.budgetRequest dl {
1191
    margin-top: 5px !important;
1192
    margin-bottom: 0px !important;
1193
}
1194

    
1195
.budgetsListPanel textarea {
1196
    height: 60px !important;
1197
    margin-bottom: 0 !important;
1198
    width: 99% !important;
1199
}
1200

    
1201
.budgetsListPanel form {
1202
    margin: 0 !important;
1203
}
1204

    
1205
/********************************/
1206

    
1207

    
1208
.chronologyInfoPanel {
1209
}
1210

    
1211
.chronologyPanel dd {
1212
    margin-left: 0px !important;
1213
}
1214

    
1215
.chronologyPanel dl {
1216
    margin-top: 0px !important;
1217
    margin-bottom: 0px !important;
1218
}
1219

    
1220
.chronologyPanel dt, .chronologyPanel dd {
1221
    font-size: 10px !important;
1222
}
1223

    
1224
.summaryWidgetsPanel {
1225
    width: 100%;
1226
}
1227

    
1228
.summaryWidgetsPanel dd {
1229
    margin-left: 0px !important;
1230
}
1231

    
1232
.summaryWidgetsPanel dl {
1233
    margin-top: 0px !important;
1234
    margin-bottom: 0px !important;
1235
}
1236

    
1237
.summaryWidgetsPanel dt, .summaryWidgetsPanel dd {
1238
    font-size: 90% !important;
1239
}
1240

    
1241
.summaryWidgetsPanel img {
1242
    background-color: #fff;
1243
    padding: 10px;
1244
}
1245

    
1246
a.summaryStepEdit {
1247
    color: #534441 !important;
1248
    margin-top: 10px;
1249
}
1250

    
1251
.summaryStepEdit.btn {
1252
    border: 1px solid #534441 !important;
1253
    border-radius: 0 !important;
1254
}
1255

    
1256
.requestInfoPanel {
1257
}
1258

    
1259
.requestInfoPanel dd {
1260
    margin-left: 0px !important;
1261
}
1262

    
1263
.requestInfoPanel dl {
1264
    margin-top: 0px !important;
1265
    margin-bottom: 0px !important;
1266
}
1267

    
1268
.requestInfoPanel dt, .requestInfoPanel dd {
1269
    font-size: 90% !important
1270
    /*font-size: 10px !important;*/
1271
}
1272

    
1273
dt.chronologySubTitle {
1274
    font-size: 13px !important;
1275
    margin-top: 10px;
1276
    text-decoration: underline;
1277
}
1278

    
1279

    
1280
/********************************/
1281

    
1282
.loading {
1283
    position: relative;
1284
    min-height: 400px;
1285
}
1286

    
1287
.loading-small {
1288
    position: relative;
1289
    min-height: 150px;
1290
}
1291

    
1292
.loader {
1293
    background: url("./imgs/loader.gif") no-repeat center;
1294
    z-index: 10;
1295
    width: 100%;
1296
    height: 100%;
1297
    position: absolute;
1298
    top: 0;
1299
    left: 0;
1300
}
1301

    
1302
.loader-big {
1303
    background: url("./imgs/loader_big.gif") no-repeat center;
1304
    z-index: 10;
1305
    width: 100%;
1306
    height: 100%;
1307
    position: absolute;
1308
    top: 0;
1309
    left: 0;
1310
}
1311

    
1312
.whiteFilm {
1313
    background: #f4efe9;
1314
    z-index: 5;
1315
    width: 100%;
1316
    height: 100%;
1317
    opacity: 0.7;
1318
    position: absolute;
1319
    top: 0;
1320
    left: 0;
1321
}
1322

    
1323
/********************************/
1324

    
1325
.emphasis {
1326
    background: url("./imgs/gold1_arrow.png") no-repeat scroll left 40% / 3% 100% rgba(0, 0, 0, 0) !important;
1327
    font-size: 115%;
1328
    margin-bottom: 20px;
1329
    padding-left: 30px;
1330
    display: block;
1331
}
1332

    
1333

    
1334

    
1335
/********************************/
1336

    
1337
.sortAndFilterBar {
1338
    margin-bottom: 15px;
1339
    margin-top: -10px;
1340
}
1341

    
1342
.sortAndFilterBar form {
1343
    margin: 0px !important;
1344
}
1345

    
1346
.sortAndFilterBar .control-group {
1347
    margin: 0px !important;
1348
}
1349

    
1350
.sortAndFilterBar .control-label {
1351
    margin-bottom: 0 !important;
1352
}
1353

    
1354
.sortAndFilterBar .controls {
1355
    /*margin-left: 65px !important;*/
1356
}
1357

    
1358
.sortAndFilterBar .input-small {
1359
    width: 103px !important;
1360
}
1361

    
1362
.sortAndFilterBar fieldset {
1363
    margin-right: 10px !important;
1364
}
1365

    
1366
.searchTextBox {
1367
    border-radius: 16px !important;
1368
    padding-left: 10px !important;
1369
    height: 18px !important;
1370
    margin-top: 20px;
1371
}
1372

    
1373
.sortAndFilterBar .float-right a {
1374
    float: right;
1375
    margin-bottom: 5px;
1376
    margin-right: 10px
1377
}
1378

    
1379
/********************************/
1380

    
1381
.contactModal {
1382
    background-color: #f4efe9 !important;
1383
    margin-left: -350px !important;
1384
    width: 680px !important;
1385
}
1386

    
1387
.contactModal form {
1388
    margin: 20px 0 !important;
1389
}
1390

    
1391
.contactModal .modal-header {
1392
    border-bottom: 1px solid #dfd9d2 !important;
1393
}
1394

    
1395
.contactModal textarea.input-xxlarge {
1396
    width: 386px !important;
1397
    height: 100px !important;
1398
}
1399

    
1400
.contactModal .modal-body {
1401
    max-height: 550px !important;
1402
}
1403

    
1404
/********************************/
1405

    
1406
.budgetForm .control-label {
1407
    width: 205px !important;
1408
}
1409

    
1410
.budgetForm .controls {
1411
    margin-left: 215px !important;
1412
}
1413

    
1414
.budgetForm a {
1415
    font-size: 120% !important;
1416
}
1417

    
1418
/********************************/
1419

    
1420
.tablesorter {
1421
    border: 1px solid #dfd9d2;
1422
    width: 100%;
1423
}
1424

    
1425
.tablesorter td{
1426
    margin: 0;
1427
    padding: 0;
1428
    border-bottom: 1px dotted #dfd9d2;
1429
}
1430

    
1431
.tablesorter thead, .tablesorter tbody {
1432
    /*display: block;*/
1433
}
1434

    
1435
.tablesorter thead tr {
1436
    height: 40px;
1437
    background: none repeat scroll 0 0 #dfd9d2;
1438
    text-align: left;
1439
    text-indent: 10px;
1440
    cursor: pointer;
1441
}
1442

    
1443
.tablesorter td {
1444
    padding: 10px 10px;
1445
}
1446

    
1447
.tablesorter input {
1448
    margin: 0px !important;
1449
}
1450

    
1451
.tablesorter input[type=image] {
1452
    margin-right: 10px;
1453
}
1454

    
1455
.tablesorter tbody {
1456
    max-height: 300px;
1457
    overflow-y: scroll;
1458
}
1459

    
1460
.userActionButtons{
1461
    float: right;
1462
    margin-top: -40px;
1463
}
1464

    
1465

    
1466
/********************************/
1467

    
1468
.recaptchatable .recaptcha_image_cell {
1469
    background-color: #f4efe9 !important;
1470
}
1471

    
1472
/********************************/
1473

    
1474
.marginTop30 {
1475
    margin-top: 30px !important;
1476
}
1477

    
1478
/********************************/
1479

    
1480
.tabPanel {
1481
    padding: 0 3% 3%;
1482
    width: 94%;
1483
}
1484

    
1485
.tabPanel .nav {
1486
    margin-bottom: 0px;
1487
}
1488

    
1489
.nav-tabs > li > a {
1490
    color: #006a90;
1491
}
1492

    
1493
.tabInner {
1494
    border-left: 1px solid rgba(83, 68, 65, 0.3);
1495
    border-right: 1px solid rgba(83, 68, 65, 0.3);
1496
    border-bottom: 1px solid rgba(83, 68, 65, 0.3);
1497
    padding: 3%;
1498
}
1499

    
1500
.tabInner dd {
1501
    margin-bottom: 5px !important;
1502
    padding: 5px 10px;
1503
}
1504

    
1505
.nav-tabs {
1506
    border-bottom: 1px solid rgba(83, 68, 65, 0.3) !important;
1507
}
1508

    
1509
.nav-tabs > .active > a,
1510
.nav-tabs > .active > a:hover,
1511
.nav-tabs > .active > a:focus {
1512
    background-color: rgba(83, 68, 65, 0.08) !important;
1513
    border-left-color: rgba(83, 68, 65, 0.3) !important;
1514
    border-right-color: rgba(83, 68, 65, 0.3) !important;
1515
    border-top-color: rgba(83, 68, 65, 0.3) !important;
1516
    border-bottom: 0 none !important;
1517
}
1518

    
1519
.tabInner .searchTextBox {
1520
    margin-top: 0px !important;
1521
}
1522

    
1523
.tabInner form {
1524
    margin: 0 !important;
1525
}
1526

    
1527
.tabInner .gwt-HTML {
1528
    padding-top: 20px !important;
1529
}
(1-1/2)