Project

General

Profile

1

    
2
/*
3
Design by Free CSS Templates
4
http://www.freecsstemplates.org
5
Released for free under a Creative Commons Attribution 2.5 License
6
*/
7
@import url(fonts/kreon.css);
8
@import url(fonts/yanonekaffeesatz.css);
9
@import url(fonts/opensans.css);
10

    
11
body, html {
12
	height:100%;
13
}
14
body {
15
	margin: 0;
16
	padding: 0;
17
	font-family: Arial, Helvetica, sans-serif;
18
	font-size: 90%;
19
	line-height: 150%;
20
	color: #646464;
21
	background: #f5f5f5;
22
 	background-image: url(images/BG_Header_f5.png), url(images/BG_Footer_f5.png);
23
 	background-position: left top, right bottom;
24
 	background-repeat: no-repeat, no-repeat; 
25

    
26
}
27

    
28
h1, h2, h3 {
29
	margin: 0;
30
	padding-bottom:5px;
31
	font-family: "OpenSansLight", "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
32
	font-weight: normal;
33
	color: #0F2B5B;
34
}
35

    
36
h1 { 	padding-top: 25px;
37
	padding-bottom:15px;
38
	font-size: 24px; 
39
	color:#829333; 
40
}
41

    
42
h2 { 	padding-top: 25px;
43
	padding-bottom:10px;
44
	font-size: 18px; 
45
	color:#829333; 
46
}
47

    
48
h3 {  
49
	color:#343CB1;
50
}
51

    
52
p, ul, ol {
53
	margin-top: 0;
54
	text-align: justify;
55
}
56

    
57
ul, ol { }
58

    
59
blockquote { }
60

    
61
a { color: #2D72D6; }
62

    
63
a:hover { text-decoration: none; color:#E76E12; }
64

    
65
a img {
66
	border: none;
67
}
68

    
69
img.left {
70
	float: left;
71
	margin: 7px 30px 0 0;
72
}
73

    
74
img.right {
75
	float: right;
76
	margin: 7px 0 0 30px;
77
}
78

    
79
hr { display: none; }
80

    
81
.list1 {
82
}
83

    
84
.list1 li {
85
	float: left;
86
	line-height: normal;
87
}
88

    
89
.list1 li img {
90
	margin: 0 30px 30px 0;
91
}
92

    
93
.list1 li.alt img {
94
	margin-right: 0;
95
}
96

    
97
div.wrapper {
98
	margin: auto; 
99
}
100
.errorMessage {
101
	color: #E24912;
102
	list-style: none;
103
	font-style:italic;
104
	margin:10px 0px;
105
	font-size:110%;
106
}
107

    
108
.highlight {
109
	background: url(images/menu_level2_parent.png) 0 40%  no-repeat;
110
	padding-left:30px;
111
	font-weight:bold;
112
}
113

    
114
.register {
115
	background: url(images/register.png) right 40%  no-repeat;
116
	padding-right:18px;
117
}
118
.notes {
119
	color:#818181;
120
	font-style:italic;
121
    background-color: transparent;
122
    background-image: url("images/info.jpg");
123
    background-repeat: no-repeat;
124
	background-position:0 left;
125
    padding-left: 20px;
126
	line-height:140%;
127
}
128
.notes_important {
129
	color:#666;
130
	font-style:italic;
131
    background-color: transparent;
132
    background-image: url("images/exclamation-icon.png");
133
    background-repeat: no-repeat;
134
	background-position:0 left;
135
    padding-left: 20px;
136
	line-height:140%;
137
}
138
.comments {
139
	color:#666;
140
	font-style:italic;
141
 }
142
 
143
.selectedHdr {
144
	margin: 15px 0px 40px 0px;
145
	color:#E24912;
146
	font-family: "YanoneKaffeesatzLight"; 
147
	font-size: 28px;
148
}
149
.helpHdr {
150
    background-attachment: scroll;
151
    background-color: transparent;
152
    background-image: url("images/info-left.png");
153
    background-position: 0 80%;  
154
    background-repeat: no-repeat;
155
    padding-left: 35px;
156
}
157
.next {
158
	line-height:32px;
159
	background-image: url("images/arrow_right.png");
160
	background-position: 50% 40%;  
161
	background-repeat: no-repeat;
162
	padding-right:65px;
163
	margin-bottom:20px;
164
	text-align:center;
165
}
166
.next a {
167
	text-decoration:none;
168
}
169
.prev {
170
	line-height:32px;
171
	background-image: url("images/arrow_left.png");
172
	background-position: 45% 40%;  
173
	background-repeat: no-repeat;
174
	padding-left:25px;
175
	text-align:center;
176
	margin-bottom:20px;
177
}
178
.prev a {
179
	text-decoration:none;
180
}
181

    
182
.smallInp {
183
	width:10%!important;
184
}
185
.smallInp input[type="text"] {
186
	width:10%!important;
187
}
188

    
189
.bigInp {
190
	width:40%!important;
191
}
192
.bigInp input[type="text"] {
193
	width:40%!important;
194
}
195

    
196
.validatedOk { 
197
	line-height:32px;
198
	background-image: url("images/tick.png");
199
    background-position: 40% 40%;  
200
    background-repeat: no-repeat;
201
}
202
.validatedWrong {
203
	line-height:32px;
204
	background-image: url("images/wrong.png");
205
    background-position: 40% 40%;  
206
    background-repeat: no-repeat;
207
}
208
/*
209
 * horizontal rule
210
 */
211
 
212
hr.dotted {
213
	margin: 15px 0px 15px 0px;
214
	display: block;
215
	background: url(images/line_dotted.png) 0 0 repeat-x;
216
	height: 1px;
217
	border: none;
218
}
219

    
220
/*
221
 * highlighted div and span tags
222
 */
223

    
224
span.note,
225
span.info,
226
span.alert,
227
span.download,
228
span.tip {
229
	display: block;
230
}
231

    
232
div.note, span.note {
233
	margin: 10px 0px 10px 0px;
234
	padding: 5px 10px 5px 10px;
235
	background: #ffffff;
236
	border-top: 1px dotted #AAB4BE;
237
	border-bottom: 1px dotted #AAB4BE;
238
	text-align:justify;
239
}
240

    
241
div.info, span.info,
242
div.alert, span.alert,
243
div.download, span.download,
244
div.tip, span.tip {
245
	margin: 10px 0px 10px 0px;
246
	padding: 8px 10px 8px 35px;
247
}
248

    
249
div.info, span.info {
250
	background: #ffffff url(images/box_info.png) 3px 5px no-repeat;
251
	border-top: 1px dotted #AAB4BE;
252
	border-bottom: 1px dotted #AAB4BE;
253
}
254

    
255
div.alert, span.alert {
256
	background: #FFF5EB url(images/box_alert.png) 3px 5px no-repeat;
257
	border-top: 1px dotted #FFB4A0;
258
	border-bottom: 1px dotted #FFB4A0;
259
}
260

    
261
div.download, span.download {
262
	background: #F5FAEB url(images/box_download.png) 3px 5px no-repeat;
263
	border-top: 1px dotted #78BE5A;
264
	border-bottom: 1px dotted #78BE5A;
265
}
266

    
267
div.tip, span.tip {
268
	background: #FFFDEB url(/images/box_tip.png) 3px 5px no-repeat;
269
	border-top: 1px dotted #FFC864;
270
	border-bottom: 1px dotted #FFC864;
271
}
272
.wrapword{
273
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
274
 white-space: -pre-wrap;      /* Opera 4-6 */
275
 white-space: -o-pre-wrap;    /* Opera 7 */
276
 white-space: pre-wrap;       /* css-3 */
277
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
278
}
279
.smallfont {
280
	font-size:90%!important;
281
}
282
a.smallfont {
283
	font-size:90%!important;
284
}
285
.firstpar {
286
	padding:0px 5px 20px 45px;
287
	margin:15px 0px;
288
	background: no-repeat url(images/number-1.png) top left;
289
}
290
.secondpar {
291
	padding:0px 5px 20px 45px;
292
	margin:15px 0px;
293
	background: no-repeat url(images/number-2.png) top left;
294
}
295
.thirdpar {
296
	padding:0px 5px 20px 45px;
297
	margin:15px 0px;
298
	background: no-repeat url(images/number-3.png) top left;
299
}
300
.section {
301
	padding-left:5px;
302
	font-size: 110%;
303
	font-weight: normal;
304
	text-transform: none;
305
	line-height: 30px;
306
	padding-top:3px;
307
	padding-bottom: 10px;
308
	font-family: "YanoneKaffeesatzLight"; 
309
	font-size: 30px;
310
	color:#343CB1;
311
	
312
}
313
.field {
314
		margin: 10px 0px;
315
		line-height:28px;
316
		font-size:100%;
317
		clear:both;
318
		overflow: hidden;
319
}
320
#left .field  {
321
		padding:0
322
		font-size:100%;
323
		clear:both;
324
		color:#E24912;
325
}
326
.field label, label {
327
	padding-left:10px;
328
}
329
	
330
label input[type="text"] {
331
	border:#839EB7 1px solid!important;
332
	width:70%;
333
}
334

    
335
.field input[type="text"] {
336
	width:80%;
337
}
338
.field input[type="password"] {
339
	width:80%;
340
}
341
.fieldName {
342
	font-weight:bold;
343
	color:#666;
344
	margin-right: 10px;
345
}
346

    
347

    
348
/* Header */
349

    
350
#header-wrapper {
351
}
352

    
353
#header {
354
	width: 920px;
355
	height: 160px;
356
	margin: 0 auto;
357
	position:relative;
358
}
359

    
360
/* Menu */
361

    
362
#topmenu {
363
	height:30px;
364
	padding-right:20px;
365
}
366
#topmenu ul {
367
	list-style: none;
368
}
369
#topmenu li {
370
	padding-left:10px;
371
	font-family: "YanoneKaffeesatzLight"; 
372
	font-size:18px;
373
}
374
#topmenu li a {
375
	text-decoration:none;
376
}
377
#menu {
378
	float: right;
379
	position: absolute;
380
	bottom: 0;
381
	right: 0;
382
}
383

    
384
#menu ul {
385
	margin: 0;
386
	padding: 0;
387
	list-style: none;
388
	line-height: normal;
389
}
390

    
391
#menu li {
392
	display: block;
393
	float: left;
394
}
395

    
396
#menu a:hover { text-decoration: none; }
397

    
398
#menu .current_page_item a {
399
	height: 20px;
400
	background: #FEC200 url(images/img02.jpg) repeat-x left top;
401
	color: #FFFFFF;
402
}
403

    
404
#menu .first {
405
	background: none;
406
}
407

    
408
#sddm
409
{	margin: 0;
410
	padding: 0;
411
	font-family: "YanoneKaffeesatzLight"; 
412
	z-index: 100;
413
}
414

    
415
#sddm li
416
{	margin: 0;
417
	padding: 0;
418
	list-style: none;
419
	float: left;
420
	font-size: 24px;	
421
	text-transform: uppercase;
422
	line-height:50px;
423
}
424

    
425
#sddm li a
426
{	display: block;
427
	margin: 0 ;
428
	padding: 8px 18px 4px 18px;
429
	width: auto;
430
	color: #282f93;
431
	text-align: center;
432
	text-decoration: none;
433
}
434

    
435
#sddm li a:hover
436
{	
437
	color: #2D72D6;
438
	background: #D0D0D0;
439
}
440

    
441
/* APPLIES THE ACTIVE STATE TO PARENT*/
442
ul#sddm .currentParent a, 
443
ul#sddm li:hover > a  {
444
	color: #2D72D6;
445
	background: #D0D0D0;
446
	background: #D0D0D0 url(images/menu_dropdown_level1_parent_blue.png) 50% 100% no-repeat;
447
}
448

    
449

    
450
#sddm div
451
{	position: absolute;
452
	visibility:hidden;
453
	font-size: 18px;	
454
	line-height:20px;
455
}
456
#sddm .level2:hover {
457
}
458

    
459
#sddm div a
460
{	position: relative;
461
	background: #3440B5;
462
	display: block;
463
	margin: 0;
464
	padding: 8px 18px;
465
	width: auto;
466
	white-space: nowrap;
467
	text-align: left;
468
	text-decoration: none;
469
	color: #bcbcbc;
470
}
471

    
472
#sddm div a:hover {
473
	color: #00B5F0;
474
	background: #3440B5;
475
}
476

    
477

    
478
	
479
/* Search */
480
/* oldname searchbox*/ 
481
.class srchbx {
482
	font-size:12px;
483
	font-weight:bold;
484
}
485
#search {
486
	float: right;
487
	width: 305px;
488
	height: 45px;
489
}
490

    
491
#search form {
492
	float: right;
493
	margin: 0;
494
	padding: 12px 30px 0 0;
495
}
496

    
497
#search fieldset {
498
	margin: 0;
499
	padding: 0;
500
	border: none;
501
}
502

    
503
#search input {
504
	float: left;
505
	font: 12px Georgia, "Times New Roman", Times, serif;
506
	border: none;
507
}
508

    
509
#search-text {
510
	width: 135px;
511
	height: 18px;
512
	padding: 3px 0 0 5px;
513
	border: 1px solid #333333;
514
	background: #ECF9E4;
515
	color: #000000;
516
}
517

    
518
#search-submit {
519
	height: 21px;
520
	margin-left: 10px;
521
	padding: 0px 5px;
522
	background: #000000;
523
	color: #FFFFFF;
524
}
525

    
526
/* Page */
527

    
528
#page {
529
	width: 920px;
530
	margin: 0 auto;
531
	background: #fafafa url(images/middle_bg_t.png) 0 0 repeat-x;
532
	border: 1px #CCCCCC solid;
533
}
534

    
535
#page-bgtop {
536
	
537
}
538

    
539
	/** LOGO */
540

    
541
#logo {
542
	width: 300px;
543
	height: 130px;
544
	top:10px;
545
	margin: 0 auto;
546
	float:left;
547
	position:absolute;
548
	background: url(images/OpenAIREplus_logo.png) no-repeat left center;
549
}
550

    
551
#logo h1, #logo p {
552
	margin: 0px;
553
	line-height: normal;
554
	text-transform: none;
555
	font-weight: normal;
556
	color: #FFFFFF;
557
}
558

    
559
#logo p {
560
	text-transform: lowercase;
561
	font-size: 10px;
562
}
563

    
564
#logo h1 {
565
	padding-top: 54px;
566
	font-size: 34px;
567
}
568

    
569
#logo a {
570
	text-decoration: none;
571
	color: #FFFFFF;
572
}
573

    
574
/* Content */
575

    
576
div#content {
577
	width: auto;
578
	min-height:300px;
579
}
580
div#content {
581
	margin: 0px 0px 0px 0px;
582
	float: left;
583
	width: 658px;
584
	padding-top: 10px;
585
	padding-right: 30px;
586
}
587

    
588
.showright div#content {
589
	margin: 0px 210px 0px 0px;  
590
}
591

    
592

    
593
/* Main */
594

    
595
div#main {
596
	/*background: url(images/img07.jpg) repeat-x left bottom;*/
597
	width: auto!important;	 
598
	min-height:300px;
599
}
600
 
601
div#main {
602
	margin: 0px 0px 0px 0px;
603
	padding: 0px 0px 0px 0px;
604
}
605
#main_container {
606
	padding:0px 10px 0px 10px;
607
}
608

    
609
.left div#main {
610
	margin: 0px 0px 0px 220px;  
611
}
612
.right div#main {
613
	margin: 0px 240px 0px 0px;  
614
}
615
div#mainmiddle {
616
	margin: 0px 0px 15px 0px;
617
}
618
div#middle {
619
	margin: 0px 0px 0px 0px;
620
	background: #fafafa url(images/middle_bg_t.png) 0 0 repeat-x;
621
}
622

    
623
div.middle-b {
624
	padding: 15px 15px 15px 15px;
625
	background: url(images/middle_bg_b.png) 0 100% repeat-x;	
626
}
627

    
628
div#middle .background {
629
	min-height: 200px; 
630
}
631
.left div#middle .background {
632
	background: url(images/left_bg_l.png) 220px 0 repeat-y;
633
}
634
/* Left */
635
div#left {
636
	width: 220px;
637
}
638
.left div#middle div#left {
639
	float: left;
640
}
641
#left_container {
642
	padding:0px 10px 0px 10px;
643
}
644
#left p{
645
	text-align:left;
646
}
647

    
648
/* Post */
649

    
650
.post {
651
	/*background: url(images/img07.jpg) repeat-x left bottom;*/
652
	padding-bottom: 25px;
653
	padding-top: 5px;
654
	margin: 15px 10px 0px 0px;
655
	/*height: 180px;*/
656
	position: relative;
657
}
658

    
659
.postvertical {
660
	background: url(images/img07.jpg) repeat-x left bottom;
661
	margin-bottom: 25px;
662
	margin-top: 20px;
663
	margin-right: 120px;
664
	margin-left: 30px;
665
	float: left;
666
	width: 277px;
667
}
668

    
669

    
670

    
671
.post .title {
672
	height: 30px;
673
	color: #0F2B5B;
674
}
675

    
676
.post .title a {
677
	text-decoration: none;
678
	color: #585D60;
679
}
680

    
681
.post .date {
682
}
683

    
684
.post .meta {
685
	margin-top: -10px;
686
	padding: 2px 30px 2px 16px;
687
	background: url(images/help.png) no-repeat left 8px;
688
	font-family: Arial, Helvetica, sans-serif;
689
	font-weight: normal;
690
	font-size: 10px;
691
	color: #66665E;
692
}
693

    
694
.post .meta span {
695
	display: block;
696
	margin-top: -10px;
697
}
698

    
699
.post .meta a { 
700
	padding-left: 3px;
701
	text-decoration: none;
702
	color: MediumBlue;
703
}
704

    
705
.post .entry {
706
	padding: 10px 0;
707
}
708

    
709
.post .links {
710
	margin: 0 250px 0 0;
711
	padding: 0 0 0 0px;
712
}
713

    
714
.post .links .comments {
715
}
716

    
717
.post .links .permalink {
718
	padding-left: 17px;
719
}
720

    
721
/* Sid */
722

    
723
#sid {
724
	float: left;
725
	width: 177px;
726
	padding-right: 22px;
727
	font-family: Arial, Helvetica, sans-serif;
728
	font-size: 11px;
729
	color: #585D60;
730
}
731

    
732
#sid ul {
733
	margin: 0;
734
	padding: 0;
735
	list-style: none;
736
	line-height: normal;
737
}
738

    
739
#sid li {
740
	margin-bottom: 30px;
741
	padding: 0 0 10px 0px;
742
}
743

    
744
#sid li ul {
745
}
746

    
747
#sid li li {
748
	margin: 0;
749
	padding: 7px 10px 10px 7px;
750
	background: url(images/img07.jpg) repeat-x left bottom;
751
}
752

    
753
#sid p {
754
	margin: 0;
755
	padding: 0px 10px;
756
}
757

    
758
#sid h2 {
759
	height: 26px;
760
	margin: 0 0 10px 0px;
761
	padding: 12px 0 2px 7px;
762
	font-size: 18px;
763
	font-weight: normal;
764
	color: #464F54;
765
}
766

    
767

    
768
#sid p {
769
	line-height: 200%;
770
}
771
#sid a {
772
	text-align: left;
773
	text-decoration: none;
774
	font-weight: normal;
775
	color: #585D60;
776
}
777

    
778
/* Calendar */
779

    
780
#calendar {
781
}
782

    
783
#calendar caption {
784
	padding-bottom: 5px;
785
	font-weight: bold;
786
}
787

    
788
#calendar table {
789
	width: 100%;
790
	border-collapse: collapse;
791
	border-bottom: 1px solid #24130F;
792
	border-left: 1px solid #24130F;
793
	border-right: 1px solid #24130F;
794
}
795

    
796
#calendar thead th {
797
	padding: 5px 0;
798
	text-align: center;
799
	border-top: 1px solid #24130F;
800
	border-left: 1px solid #24130F;
801
	background: #24130F;
802
}
803

    
804
#calendar tbody td {
805
	padding: 5px 0;
806
	text-align: center;
807
	border-top: 1px solid #24130F;
808
	border-left: 1px solid #24130F;
809
	border-bottom: 1px solid #24130F;
810
}
811

    
812
#calendar tfoot td {
813
	padding: 5px;
814
	border-left: 1px solid #24130F;
815
	border-bottom: 1px solid #24130F;
816
}
817

    
818
#calendar tfoot #next {
819
	border-top: 1px solid #24130F;
820
	text-align: right;
821
}
822

    
823
#calendar tfoot #prev {
824
	border-top: 1px solid #24130F;
825
}
826

    
827
#calendar .pad {
828
	border-bottom: 1px solid #24130F;
829
}
830

    
831
#calendar #today {
832
	background: #24130F;
833
}
834

    
835
/* Footer */
836

    
837
#footer {
838
	clear: both;  
839
	height: 62px;
840
	background: url(images/footer_bg_m.png) 0 0 repeat-x;
841
	overflow: hidden;
842
}
843

    
844
#footer-bgcontent {
845
	height: 62px;
846
	padding: 10px;
847
	background-attachment: scroll;
848
    background-color: transparent;
849
    background-image: url("images/e-Infrastructure_capacities_tr.png");
850
    background-position: 95% 10%;
851
    background-repeat: no-repeat;
852
}
853

    
854
#footer p {
855
	margin: 0;
856
	text-align: center;
857
	line-height: normal;
858
	font-size: 90%;
859
	color: #333333;
860
}
861

    
862
#footer a {
863
	color: #E5FFC4;
864
}
865

    
866
/* Table */
867

    
868
#gradient-style
869
{
870
	font-family:Arial, Helvetica, sans-serif;
871
	font-size:100%;
872
	text-align: left;
873
	border-collapse: collapse;
874
}
875
#gradient-style th
876
{
877
	font-size: 110%;
878
	font-weight: normal;
879
	padding: 3px;
880
	background: #F0F0F0;
881
	border-top: 2px #CCCCCC solid;
882
	border-bottom: 2px #CCCCCC solid;
883
	color: #0F2B5B;
884
}
885
#gradient-style td
886
{
887
	padding:0px 3px;
888
	border-bottom: 1px solid #fff;
889
	color: #669;
890
	border-top: 1px solid #fff;
891
	background: #F0F0F0;
892
}
893

    
894
#gradient-style tfoot tr td
895
{
896
	background: #e8edff;
897
	font-size: normal;
898
	color: #99c;
899
}
900
#gradient-style tbody tr:hover td
901
{
902
	background: #0F2B5B;
903
	color: #FFFFFF!important;
904
}
905

    
906
#gradient-style tbody tr:hover td a
907
{
908
	color: #fff!important;
909
	text-decoration:underline;
910
}
911

    
912
.errordiv {
913
	background-color:#F5FAEB;
914
	padding: 5px 10px 5px 10px;
915
	border-top: 1px dotted #AAB4BE;
916
	border-bottom: 1px dotted #AAB4BE;
917
}
918
.errordiv:hover {
919
	background: #0F2B5B;
920
}
921
/* expand - colapse fields */
922

    
923
.optiontable_container {
924
	position:relative;
925
	z-index:100;
926
	background-color:#EEEDED;
927
	min-width: 400px;
928
}
929

    
930
.optiontable_ttl {
931
	font-family: Verdana, Arial, Helvetica, sans-serif;
932
	line-height: 1em;
933
	display:block;
934
	background:#dbdbdb;
935
	margin-top: 0;
936
	margin-bottom: 0;
937
	padding-top: 0;
938
	padding-bottom: 0;
939
	padding-left: 10px;
940
	padding-right: 10px;
941
	border-color: #aeadad;
942
	border-style: solid;
943
	border-width:0 1px 1px;
944
	font-size: 10px;
945
}
946

    
947
.optiontable_content {
948
	display:block;
949
	padding-top: 5px;
950
	padding-bottom: 5px;
951
	padding-left: 2px;
952
	padding-right: 2px;
953
	border-color: #aeadad;
954
	border-style: solid;
955
	border-width:0 1px;
956
}
957
.contentR {
958
	border-left: #aeadad solid 1px;
959
	border-right: #aeadad solid 1px;
960
}
961
.usage {
962
	border-left: #aeadad solid 1px;
963
	border-right: #aeadad solid 1px;
964
}}
965

    
966
.optiontable_content2 {
967
	overflow:auto;
968
	height: auto;/*30em;*/
969
}
970

    
971
.floatleft {
972
	float: left;
973
	padding-right: 10px;
974
	
975
}
976

    
977
/*top and bottom border*/
978
	.optiontable_top, .optiontable_bottom {
979
	display:block;
980
	background:transparent;
981
	font-size:1px;
982
}
983

    
984
/*top corners*/
985
	.optiontable_t1, .optiontable_t2, .optiontable_t3 {
986
	height:1px;
987
}
988

    
989
.optiontable_t1, .optiontable_t2, .optiontable_t3, .optiontable_t4 {
990
	display:block;
991
	overflow:hidden;
992
}
993

    
994
.optiontable_t2, .optiontable_t3, .optiontable_t4 {
995
	background:#EEEDED;
996
	border-left:1px solid #aeadad;
997
	border-right:1px solid #aeadad;
998
}
999

    
1000
.optiontable_t1 {
1001
	margin:0 5px;
1002
	background:#aeadad;
1003
}
1004

    
1005
.optiontable_t2 {
1006
	margin:0 3px;
1007
	border-width:0 2px;
1008
}
1009

    
1010
.optiontable_t3 {
1011
	margin:0 2px;
1012
}
1013

    
1014
.optiontable_t4 {
1015
	height:2px;
1016
	margin:0 1px;
1017
}
1018

    
1019
/*bottom corners*/
1020
	.optiontable_b1, .optiontable_b2, .optiontable_b3 {
1021
	height:1px;
1022
}
1023

    
1024
.optiontable_b1, .optiontable_b2, .optiontable_b3, .optiontable_b4 {
1025
	display:block;
1026
	overflow:hidden;
1027
}
1028

    
1029
.optiontable_b2, .optiontable_b3, .optiontable_b4 {
1030
	background:#eeeded;
1031
	border-left:1px solid #aeadad;
1032
	border-right:1px solid #aeadad;
1033
}
1034

    
1035
.optiontable_b1 {
1036
	margin:0 5px;
1037
	background:#aeadad;
1038
}
1039

    
1040
.optiontable_b2 {
1041
	margin:0 3px;
1042
	border-width:0 2px;
1043
}
1044

    
1045
.optiontable_b3 {
1046
	margin:0 2px;
1047
}
1048

    
1049
.optiontable_b4 {
1050
	height:2px;
1051
	margin:0 1px;
1052
}
1053

    
1054
a.help {
1055
    -moz-background-clip: border;
1056
    -moz-background-origin: padding;
1057
    -moz-background-size: auto auto;
1058
    background-attachment: scroll;
1059
    background-color: transparent;
1060
    background-image: url("images/help2.png");
1061
    background-position: 0 0;
1062
    background-repeat: no-repeat;
1063
    padding-left: 20px;
1064
}
1065
a.external {
1066
    -moz-background-clip: border;
1067
    -moz-background-origin: padding;
1068
    -moz-background-size: auto auto;
1069
    background-attachment: scroll;
1070
    background-color: transparent;
1071
    background-image: url("images/icon_external.png");
1072
    background-position: 0 40%;
1073
    background-repeat: no-repeat;
1074
    padding-left: 17px;
1075
}
1076

    
1077
a.toplink {
1078
    background-attachment: scroll;
1079
    background-color: transparent;
1080
    background-image: url("images/footer_anchor.png");
1081
    background-position: bottom right;
1082
    background-repeat: no-repeat;
1083
    font-size: 12px;
1084
	width: 30px;
1085
	height: 5px;
1086
	display: block;
1087
	text-decoration: none;
1088
}
1089

    
1090
a.download {
1091
    padding-left: 17px;
1092
    background: url(images/icon_download.png) 0 40% no-repeat;
1093
}
1094

    
1095
.cmenu {
1096
	font-size: 12px;
1097
	font-family: "Trebuchet MS",Georgia,"Times New Roman",Times,serif;
1098
	margin : 10px 0px;
1099
	padding : 0px 10px 0px 0px;
1100
}
1101

    
1102
a.cmenulink {
1103
	color: #0F2B5B;
1104
	text-transform: uppercase;
1105
	text-decoration: none;
1106
}
1107

    
1108
a.selectlink {
1109
	text-decoration: none;
1110
}
1111

    
1112
.nest {
1113
	padding-left:20px;
1114
	display: block;
1115
}
1116

    
1117
/*
1118
 * Clearing & Floating
1119
 */
1120
 
1121
.clearfix:after {
1122
	content: "."; 
1123
	display: block; 
1124
	height: 0;  
1125
	clear: both; 
1126
	visibility: hidden;
1127
}	
1128
 
1129
.clearfix { display: block; }
1130

    
1131
.floatbox { overflow:hidden; }
1132

    
1133
.float-left { float: left; overflow: hidden; }
1134
.float-right { float: right; overflow: hidden; }
1135

    
1136
.width15 { width: 14.999%; }
1137
.width18 { width: 18.333%; }
1138
.width20 { width: 19.999%; }
1139
.width23 { width: 22.999%; }
1140
.width25 { width: 24.999%; }
1141
.width33 { width: 33.333%; }
1142
.width35 { width: 34.999%; }
1143
.width40 { width: 39.999%; }
1144
.width45 { width: 44.999%; }
1145
.width50 { width: 49.999%; }
1146
.width54 { width: 53.999%; }
1147
.width65 { width: 64.999%; }
1148
.width75 { width: 74.999%; }
1149
.width100 { width: 100%; }
1150

    
1151
.separator {
1152
	/*padding-right: 25px;*/
1153
	background: url(images/module_separator_m.png) 100% 0 repeat-y;
1154
}
1155

    
1156
/* ajax request */
1157
#log_res {
1158
	overflow: auto;
1159
}
1160
 
1161
#log_res.ajax-loading {
1162
	padding: 20px 0;
1163
	background: url(images/spinner.gif) no-repeat;
1164
}
1165

    
1166
.button-default,
1167
.button-primary,
1168
form.style button,
1169
form.style input[type='button'],
1170
form.style input[type='submit'] { 
1171
	padding: 8px 14px;
1172
	margin-top: 5px;
1173
	margin-bottom: 5px;
1174
	border-radius: 2px; 
1175
	border: none;
1176
	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
1177
}
1178

    
1179
/* Default */
1180
.button-default,
1181
form.style button,
1182
form.style input[type='button'],
1183
form.style input[type='submit'] {
1184
	background-color: #f5f5f5;
1185
	background-image: -o-linear-gradient(rgba(240,240,240,0), #dbdbdb);
1186
	background-image: -webkit-linear-gradient(rgba(240,240,240,0), #dbdbdb);
1187
	background-image: -moz-linear-gradient(rgba(240,240,240,0), #dbdbdb);
1188
	background-image: linear-gradient(rgba(240,240,240,0), #dbdbdb);
1189
	text-shadow: 0 1px 0 #fff;
1190
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
1191
	color: #878787;
1192
}
1193

    
1194
.button-default:hover,
1195
form.style button:hover,
1196
form.style input[type='button']:hover,
1197
form.style input[type='submit']:hover {
1198
	background-color: #dbdbdb;
1199
	box-shadow: inset 0 1px 5px rgba(0,0,0,0.1),
1200
				inset 0 0 1px rgba(0,0,0,0.1);
1201
}
1202

    
1203
.button-default:active,
1204
form.style button:active,
1205
form.style input[type='button']:active,
1206
form.style input[type='submit']:active {
1207
	color: #737373;
1208
	box-shadow: inset 0 1px 5px rgba(0,0,0,0.1),
1209
				inset 0 0 1px rgba(0,0,0,0.1);
1210
}
1211

    
1212
/* Primary */
1213
.button-primary {
1214
	color: #fff;
1215
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
1216
}
1217

    
1218
.button-primary:hover {
1219
	box-shadow: inset 0 1px 5px rgba(0,0,0,0.3),
1220
				inset 0 0 1px rgba(0,0,0,0.3);
1221
	color: #fff;
1222
}
1223

    
1224
.button-primary:active {
1225
	box-shadow: inset 0 1px 8px rgba(0,0,0,0.4),
1226
				inset 0 0 1px rgba(0,0,0,0.3);
1227
	text-shadow: 0 0 5px #fff;
1228
}
(34-34/47)