Project

General

Profile

1
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */
2

    
3
/*
4
 * Style Style Sheet - Defines the main look like colors and backgrounds
5
 * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles
6
 */
7

    
8
@import url(../../../fonts/opensansregular.css);
9
@import url(../../../fonts/patuaone.css);
10

    
11
.clearfix:after {
12
     visibility: hidden;
13
     display: block;
14
     font-size: 0;
15
     content: " ";
16
     clear: both;
17
     height: 0;
18
     }
19
.clearfix { display: inline-block; }
20
/* start commented backslash hack \*/
21
* html .clearfix { height: 1%; }
22
.clearfix { display: block; }
23

    
24

    
25
/* Base
26
----------------------------------------------------------------------------------------------------*/
27
#logo {height: 100px;margin-top:0px;/*15px;*/ margin-bottom:5px;}
28
#logo img {height:100px;}
29

    
30
input[disabled] {color:#ccc;}
31

    
32
#menubar {
33
	position:absolute;
34
	bottom:0;
35
	right:0;
36
}
37

    
38

    
39
body {font: normal 13px/20px OpenSansRegular, Helvetica, sans-serif; 
40
color:#444;}
41

    
42
a {color:#2D72D6;}
43
a:hover {color:#DF512E; cursor:pointer;}
44

    
45

    
46
h1 {color: #3436AC;font-size: 22px;
47
	line-height: 24px;}	
48
#system .item > header .title {padding-bottom:15px;}
49
#system .title a {color: #3436AC;}
50
#system .title a:hover {color: #DF512E;}
51
#system .items > .width50 .title {
52
	font-size: 26px;
53
	line-height: 28px;
54
}
55
#system .items {
56
}
57
#system .item > .links a {
58
	
59
}
60

    
61
h2{color: #616161;}
62
h3 { color: #2b54b8; } 
63
h3 {color: #2F6AD7;}
64
h3 {color: #DF512E;color: #3441B5;}
65
h4 {font-size:16px;}
66
h5 {font-size:14px;}
67
h6 {margin-bottom:5px; margin-top:8px;}
68
h3, h4, h5 {margin: 10px 0px; }
69
.box-content {overflow:hidden;}
70

    
71
.orangeHdr h3 {
72
	color: #DF512E;
73
}
74

    
75
button, input[type="button"], input[type="submit"] {
76
    padding: 8px 10px;
77
}
78

    
79
/* Layout
80
----------------------------------------------------------------------------------------------------*/
81
#breadcrumbs, #content,
82
#block-top-a .module {
83
	/*margin: 5px 0px;*/
84
}
85

    
86
.mod-plain {
87
	padding: 15px 0px;
88
}
89
#top-c { padding: 5px 0; }
90
body.page { 
91
	background: #3440B5; 
92
        min-height:570px;
93
}
94
#block-main { 
95
 	background: #fafafa;
96
 	background-image: url(../images/BG_Footer_fa.png);
97
 	background-position: right bottom;
98
 	background-repeat: no-repeat; 
99
 } 
100

    
101
#block-header {
102
	background:#fafafa;
103
	background-image: url(../images/BG_Header_fa.png);
104
 	background-position: left top;
105
 	background-repeat: no-repeat; 
106
}
107
#block-toolbar { 
108
	background:none;
109
}
110

    
111
#block-headerbar { 
112
	background:none;
113
}
114

    
115
#block-headerbar .wrapper {
116
	background: url(../images/Line_Header.png) repeat-x left bottom;
117
}
118
#block-top-a, #block-top-c{ 
119
	background:#FAFAFA;	
120
}
121

    
122
.isblog #system .item, .noblog #content {background-color: transparent;padding:0px 0px}
123
#block-bottom { background: #333;background:#3440B5; }
124
#block-bottom a, #footer a {color: #79b8c7;}
125
#block-bottom a:hover, #footer a:hover {color:#E76E12!important; text-shadow:none!important;}
126

    
127
#block-bottom .mod-plain { padding-top:5px; padding-bottom:5px; margin:5px;}
128
#block-bottom { background: #3540B5;}
129
#block-footer {
130
	background: #3540B5;
131
}
132
#footer{
133
font-size: 11px;
134
line-height: 14px;
135
color: #fff;
136
}
137

    
138
/* Menus
139
----------------------------------------------------------------------------------------------------*/
140
.menu-dropdown li.item110 .title  { color:#282f93;}
141
.menu-dropdown li.item103 .title  { color:#2b54b8;}
142
.menu-dropdown li.item143 .title  { color:#2d72d6;}
143

    
144
.menu-dropdown li.item110.active .title  { color:#00b7f0;}
145
.menu-dropdown li.item103.active .title  { color:#00b7f0;}
146
.menu-dropdown li.item143.active .title  { color:#00b7f0;}
147

    
148
.menu-dropdown li.item110 .title:hover { color:#fff;}
149
.menu-dropdown li.item103 .title:hover { color:#fff;}
150
.menu-dropdown li.item143 .title:hover { color:#fff;}
151

    
152
.menu-dropdown li.active .level1 { color: #00b7f0; }
153

    
154
.menu-dropdown .dropdown-bg > div { background: #3440B5; }
155

    
156
.menu-dropdown a.level1,
157
.menu-dropdown span.level1 { color:  #656565; /* #265ED1; #646464;*/ }
158
.menu-dropdown a.level1 > span,
159
.menu-dropdown span.level1 > span { 
160
	height: 50px;
161
	line-height: 50px;
162
}
163
.menu-dropdown .level1 .level1 span.icon { height: 50px; }
164
.menu-dropdown .dropdown { top: 50px; }
165

    
166
.menu-dropdown a.level2,
167
.menu-dropdown span.level2 { background-image: url(../images/menu_dropdown_level2.png); }
168

    
169
/* Set Hover */
170
.menu-dropdown a.level2:hover,
171
.menu-dropdown a.level3:hover,
172
.menu-dropdown .module a:hover { color: #00b7f0; }
173

    
174
.menu-dropdown li.level1:hover .level1,
175
.menu-dropdown li.remain .level1 { 
176
	background: #35534a;
177
	background: rgba(0,0,0,0.15);
178
	box-shadow: 1px 0 0 rgba(255,255,255,0.04),
179
				-1px 0 0 rgba(255,255,255,0.04),
180
				inset 0 0 5px rgba(0,0,0,0.08);
181
	color: #fff;
182
}
183

    
184
.menu-dropdown  li.parent.remain > .level1 > span,
185
.menu-dropdown  li.level1.parent:hover > .level1 > span 
186
{ background: url(../images/menu_dropdown_level1_parent_blue.png) 50% 100% no-repeat; }
187

    
188
.menu-dropdown .level1 .level1 span.title {
189
	font-size: 24px;
190
}
191
:lang(el-gr) .menu-dropdown .level1 .level1 span.title {font-size:22px;}
192
:lang(el-gr) .menu-dropdown span.level1 > span, 
193
:lang(el-gr) .menu-dropdown a.level1 > span { padding: 0 8px;}
194
:lang(bg-bg) .menu-dropdown .level1 .level1 span.title {font-size:20px;}
195
:lang(bg-bg) .menu-dropdown span.level1 > span, 
196
:lang(bg-bg) .menu-dropdown a.level1 > span { padding: 0 8px;}
197

    
198

    
199
.menu-dropdown span.title {
200
	line-height: 22px;
201
}
202
.menu-dropdown .level1 .level1 span.subtitle {
203
	font-size: 11px;
204
}
205
.menu-dropdown a.level1, .menu-dropdown span.level1, .menu-dropdown a.level2 > span, .menu-dropdown span.level2 > span {
206
	font-size: 22px;
207
}
208
.menu-dropdown a.level2 > span, .menu-dropdown span.level2 > span {
209
	font-size:22px;
210
}
211
.menu-dropdown a.level2 > span, .menu-dropdown span.level2 > span, .menu-dropdown a.level3 {
212
	font-family: "OpenSansRegular";
213
	font-size:14px;
214
}
215
.menu-dropdown li.active .level1 { color: #00b7f0; }
216

    
217
.menu-dropdown li.level2 .level2 span.title {
218
 	color: #bcbcbc;
219
 	font-size:14px;
220
 	font-family: OpenSansRegular; 
221
}
222
.menu-dropdown li.level2:hover .level2 span.title {
223
 	color: #00B7F0;
224
}
225

    
226
.menu-sidebar .level2 a > span {
227
	font-size: 14px;
228
	line-height:16px;
229
}
230

    
231
.menu-dropdown li.level2 .level2 span.subtitle {
232
	font-family: OpenSansRegular; 
233
 	font-size:10px;
234
}
235
.menu-sidebar a, .menu-sidebar li > span {
236
font-size: 16px;
237
color: #646464;/*#969696;*/
238
line-height:18px;
239
/*font-family: OpenSansLight; */
240
 	
241
}
242
.menu-sidebar a.level1 > span, .menu-sidebar span.level1 > span {
243
	
244
}
245
.menu-sidebar li.parent.active .level1 > span {
246
	color: #00B7F0;
247
}
248
.menu-sidebar li.level2.active, .menu-sidebar li.level2.active a {
249
	color: #00B7F0;
250
}
251

    
252
/* Sidebar/Accordion Menu */
253
.menu-sidebar {
254
	color: #969696
255
}
256
/* Hover */
257
.menu-sidebar a:hover,
258
.menu-sidebar li > span:hover,
259
.menu-sidebar a.current:hover,
260
.menu-sidebar li.parent.active .level1:hover { color: #DF512E; }
261

    
262
/* Level 1 */
263
.menu-sidebar li.parent .level1 > span { background-image: url(../images/menu_sidebar_item_level1.png); }
264

    
265
/* Level 2 */
266
.menu-sidebar a.level2 { background-image: url(../images/menu_sidebar_level2.png); }
267

    
268
/* Sidebar/accordion menu on colored modules */
269
.mod-box-color .menu-sidebar a.current,
270
.mod-box-color .menu-sidebar a:hover,
271
.mod-box-color .menu-sidebar li > span:hover,
272
.mod-box-color .menu-sidebar li.parent.active .level1:hover { color: #005e8b; }
273

    
274
.mod-box-color .menu-sidebar a.level2, 
275
.mod-box-dark .menu-sidebar a.level2 { background-image: url(../images/menu_sidebar_level2_color.png); }
276

    
277
.mod-box-dark .menu-sidebar a.current,
278
.mod-box-dark .menu-sidebar a:hover,
279
.mod-box-dark .menu-sidebar li > span:hover,
280
.mod-box-dark .menu-sidebar li.parent.active .level1:hover { color: #00b7f0; } 
281

    
282
/* Line Menu */
283
.menu-line li a:hover { color: #00b7f0; }
284

    
285

    
286
.breadcrumbs a, .breadcrumbs > span {
287
	color: #2b54b8;
288
}
289
.breadcrumbs strong {
290
	color: #7a7a7a;
291
	font-weight: normal;
292
}
293

    
294
.searchbox .results li.result.selected,
295
.breadcrumbs a:hover,
296
.breadcrumbs > span:hover { 
297
	color:#DF512E;
298
}
299
/* Modules
300
----------------------------------------------------------------------------------------------------*/
301
/* Color */
302
.blueheader .module-title {
303
	color: #3440B5;
304
}
305

    
306
.mod-plain .module-title {
307
	color:#3441B5;
308
}
309
.mod-box {
310
	box-shadow: 0 1px 0 #e5e5e5;
311
	border:1px solid #ccc;
312
	background:transparent;
313
	padding:15px 20px;
314
}
315
.mod-box-blue { 
316
	color:#ebebeb;
317
	background: #3440B5;
318
	background: -moz-radial-gradient(center, ellipse cover, #3440B5 0%, #3440B5 90%);
319
	background: -webkit-radial-gradient(center, ellipse cover, #2D72D6 0%, #3440B5 90%);
320
	background: -o-radial-gradient(center, ellipse cover, #2D72D6 0%, #3440B5 90%);
321
	background: radial-gradient(ellipse at center, #2D72D6 10%, #3440B5 80%);
322
	padding:15px;
323
}
324

    
325
.mod-box-blue .module-title{
326
	color:#f5f5f5;
327
} 
328

    
329
.mod-box-blue a { color: #24D6E3; }
330

    
331
.mod-box-blue a:hover { color: #E76E12; }
332

    
333
.mod-box-blue em, 
334
.mod-box-blue code { color: #637d44; }
335

    
336

    
337
.mod-box-gold{ 
338
	padding:15px;
339
	border:1px solid #ddd;
340
	margin-right:1px;
341
	background:url(../images/gold_Background.png) -5px -5px no-repeat;
342
}
343

    
344
.mod-box-gold .module-title{
345
} 
346

    
347
.mod-box-gold a { color: #24D6E3; }
348

    
349
.mod-box-gold a:hover { color: #E76E12; }
350

    
351
.mod-box-feature1{ 
352
	padding:15px;
353
	border:1px solid #44B1EC;
354
	background-color: #44B1EC;
355
	color: #fff;
356
	box-shadow: 0 1px 0 #e5e5e5;
357
	margin-right:1px;
358
}
359

    
360
.mod-box-feature1 .module-title{
361
} 
362

    
363
.mod-box-feature1 a { color: #24D6E3; }
364

    
365
.mod-box-feature1 a:hover { color: #E76E12; }
366

    
367
.mod-box-feature2{ 
368
	padding:10px;
369
	border:0px solid #44B1EC;
370
	background:#F0A031;
371
	box-shadow: 0 1px 0  #ccc;
372
	color:black;
373
}
374

    
375
.mod-box-feature2 .module-title{
376
} 
377

    
378
.mod-box-feature2 a { }
379

    
380
.mod-box-feature2 a:hover { color: #44B1EC; }
381

    
382
.mod-group .header, .mod-group .header a {
383
	color:#646464;
384
	font-size:22px;
385
	line-height:22px;
386
	display:table-cell;
387
	vertical-align:bottom;
388
	height:70px;
389
	padding-bottom:5px;
390
	font-family: RobotoSlabRegular;
391
}
392
.mod-group .header a:hover {
393
	color:#DF512E;
394
} 
395
.mod-group {
396
  padding:6%;
397
  font-size:22px;
398
  margin: 0px 1px 10px 0px;
399

    
400
   background: #62749a;
401
  background-image: -webkit-linear-gradient(top, #62749a, #505982);
402
  background-image: -moz-linear-gradient(top, #62749a, #505982);
403
  background-image: -ms-linear-gradient(top, #62749a, #505982);
404
  background-image: -o-linear-gradient(top, #62749a, #505982);
405
  background-image: linear-gradient(to bottom, #62749a, #505982);
406
 /*
407
  background: #A3968A;
408
  background-image: -webkit-linear-gradient(top, #BEC6DA, #A9B2C8);
409
  background-image: -moz-linear-gradient(top, #BEC6DA, #A9B2C8);
410
  background-image: -ms-linear-gradient(top, #BEC6DA, #A9B2C8);
411
  background-image: -o-linear-gradient(top, #BEC6DA, #A9B2C8);
412
  background-image: linear-gradient(to bottom, #BEC6DA, #A9B2C8);
413
 */ 
414
  text-align:center;
415
} 
416
.mod-group .hdr  {  
417
  display: inline-block; 
418
  line-height:22px;
419
  font-size:20px;
420
  vertical-align: middle; 
421
  text-align:center;
422
  font-family: OpenSansLight;
423
}
424

    
425
.mod-group a {color:#fff!important;}
426
.mod-group:hover {
427
}
428

    
429
.mod-group .module-title {
430
}
431

    
432
.mod-group .module-title .icon {
433
}
434
/* mod-custom */
435

    
436
.mod-custom .header, .mod-group .header a {
437
	/*color:#646464;*/
438
	font-size:22px;
439
	line-height:22px;
440
	display:table-cell;
441
	vertical-align:bottom;
442
	height:70px;
443
	padding-bottom:5px;
444
	font-family: RobotoSlabRegular;
445
        text-align: left;
446
}
447
.mod-custom .header a:hover {
448
	/*color:#DF512E;*/
449
} 
450
.mod-custom {
451
  padding:6%;
452
  font-size:22px;
453
  margin: 0px 1px 10px 0px;
454
padding: 0 !important;
455
  text-align:center;
456
  border:0;
457
} 
458
.mod-custom .hdr  {  
459
  display: inline-block; 
460
  line-height:22px;
461
  font-size:20px;
462
  vertical-align: middle; 
463
  text-align:center;
464
  font-family: OpenSansLight;
465
}
466

    
467
.mod-custom a {
468
	font-size: 12px;
469
 }
470
 .mod-custom li{
471
 text-align:left;
472
}
473
.mod-custom:hover {
474
}
475

    
476
.mod-custom .module-title {
477
}
478

    
479
.mod-custom .module-title .icon {
480
}
481
.mod-custom ul {
482
 	margin-left:-10px;
483
	margin-top:0px;
484
	padding-left: 0;
485
}
486
/* end of mod-custom */
487
 
488
.researchers-group {
489
	-webkit-box-shadow:inset 0px 6px 0px 0px #A32056;
490
	-moz-box-shadow:inset 0px 6px 0px 0px #A32056;
491
	box-shadow:inset 0px 6px 0px 0px #A32056;
492
}
493
.researchers-group:hover{
494
	-webkit-box-shadow:inset 0px 0px 0px 0px #A32056;
495
    	-moz-box-shadow:inset 0px 0px 0px 0px #A32056;
496
    	box-shadow:inset 0px 0px 0px 0px #A32056;
497
	background: url(../images/BUT_Roll_researchers.png) left top no-repeat;
498
	background: #A32056;
499
}
500

    
501
.providers-group {
502
	-webkit-box-shadow:inset 0px 6px 0px 0px #206DD4;
503
	-moz-box-shadow:inset 0px 6px 0px 0px #206DD4;
504
	box-shadow:inset 0px 6px 0px 0px #206DD4;
505
}
506
.providers-group:hover {
507
	-webkit-box-shadow:inset 0px 0px 0px 0px #A32056;
508
    	-moz-box-shadow:inset 0px 0px 0px 0px #A32056;
509
    	box-shadow:inset 0px 0px 0px 0px #A32056;
510
	background: url(../images/BUT_Roll_providers.png) left top no-repeat;
511
	background: #206DD4;
512
}
513

    
514
.admins-group {
515
	-webkit-box-shadow:inset 0px 6px 0px 0px #E65C28;
516
	-moz-box-shadow:inset 0px 6px 0px 0px #E65C28;
517
	box-shadow:inset 0px 6px 0px 0px #E65C28;
518
}
519
.admins-group:hover{
520
	-webkit-box-shadow:inset 0px 0px 0px 0px #A32056;
521
    	-moz-box-shadow:inset 0px 0px 0px 0px #A32056;
522
    	box-shadow:inset 0px 0px 0px 0px #A32056;
523
	background: url(../images/BUT_Roll_admins.png) left top no-repeat;
524
	background: #E65C28;
525
}
526

    
527
.funders-group {
528
	-webkit-box-shadow:inset 0px 6px 0px 0px #54B412;
529
	-moz-box-shadow:inset 0px 6px 0px 0px #54B412;
530
	box-shadow:inset 0px 6px 0px 0px #54B412;
531
}
532
.funders-group:hover{
533
	-webkit-box-shadow:inset 0px 0px 0px 0px #A32056;
534
    	-moz-box-shadow:inset 0px 0px 0px 0px #A32056;
535
    	box-shadow:inset 0px 0px 0px 0px #A32056;
536
	background: url(../images/BUT_Roll_funders.png) left top no-repeat;
537
	background: #54B412;
538
}
539
/*lists */
540
.mod-group ul {
541
	padding-left:0px;
542
	margin-left:-10px;
543
	margin-top:0px;
544
}
545
ul.list-icon > li {
546
padding: 2px 0px 0 25px;
547
list-style:none;
548
background: url(../images/list_check_right.png) 0 0 no-repeat;
549
}
550
/* Tools
551
----------------------------------------------------------------------------------------------------*/
552

    
553
#top-a .button-primary { box-shadow: inset 0 -1px 0 rgba(0,0,0,0.25); }
554

    
555
#top-a .mod-plain .button-primary:hover,
556
#top-a .mod-plain .button-primary:active {
557
	box-shadow: inset 0 1px 5px rgba(0,0,0,0.5),
558
				inset 0 0 1px rgba(0,0,0,0.5),
559
				0 1px 0 rgba(255,255,255,0.3);
560
}
561

    
562
.button-primary-add {
563
 /*-moz-border-radius: 0;
564
  border-radius: 0px;
565
  text-shadow: 1px 1px 2px #666666;
566
  text-shadow: none;
567
  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
568
  -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
569
  box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
570
  background-color: #D1D3D4;
571
  font-size:12px;
572
  color: #ffffff;
573
  padding:2px 33px 2px 8px;
574
	text-decoration: none;
575
	background-image: url(../images/add_link_sm.png);
576
	background-position: 95%;
577
	background-repeat:no-repeat;
578
	*/
579
		box-shadow: 0 1px 0 rgba(255,255,255,1), 0 1px 2px rgba(0,0,0,0.1) inset;
580
	/*
581
	background: -moz-linear-gradient(top, #F2F2F2 0%, #EEEEEE 100%);
582
	background: -webkit-linear-gradient(top, #F2F2F2 0%, #EEEEEE 100%);
583
	background: linear-gradient(to bottom, #F2F2F2 0%, #EEEEEE 100%);
584
	border-radius: 2px;
585
	-moz-border-radius: 2px;
586
	-webkit-border-radius: 2px;
587
	*/
588
	background: transparent url(../images/turquoise_arrow_sm.png) 7px 40% no-repeat;
589
	display: inline-block;
590
	border:1px solid #bcbcbc;
591
	padding: 3px 10px 3px 25px;
592
	color: #646464!important;
593
}
594

    
595
.button-primary-add:hover
596
{				
597
 /*
598
 text-decoration: none;
599
 text-shadow: 1px 1px 2px #fafafa!important;
600
   text-shadow: none;
601
   background-image: url(../images/add_link_sm.png);
602
  background-color: #E3E5E5;
603
   color:#f23b00;
604
   */
605
   background: transparent url(../images/turquoise_arrow_sm.png) 7px 40% no-repeat;
606
	text-shadow: none;
607
   color:#44B1EC!important;
608
}
609

    
610
/* System
611
----------------------------------------------------------------------------------------------------*/
612
em, code { color: #5b94ad; }
613
#system .item-list {background: #fafafa;}
614
#system .item > header .title {
615
	margin-bottom: 5px;
616
	padding-bottom: 0px;
617
	/*background: url(../../../images/header_stripes_dark.png) 0 100% repeat-x; */
618
	background:none;
619
}
620

    
621
.isblog #system .item,
622
.noblog #content {
623
	padding-bottom: 15px;
624
}
625
#system .items .item { margin: 0 5px 0 5px; }
626

    
627
.searchbox input:-moz-placeholder { color: #b8c0ba; }
628
.searchbox input::-webkit-input-placeholder { color: #b8c0ba; }
629
.searchbox input.placeholder { color: #b8c0ba; }
630

    
631
.searchbox .results { background: #333; }
632

    
633
.searchbox .results:after { background-image: url(../images/menu_dropdown_level1_parent.png); }
634

    
635
.searchbox.loading button { background-image: url(../images/searchbox_loader.gif); }
636

    
637

    
638
/*footer*/
639
#bottom-b .menu-line, #footer .menu-line {}
640
#bottom-b .menu-line li a:hover, #footer .menu-line li a:hover { color: #F06138; text-decoration:none; }
641
#bottom-b .menu-line li a, #footer .menu-line li a {color:#ffffff;}
642
#bottom-b .menu-line li, #footer .menu-line li {
643
    margin-left: 0;
644
    padding-left: 0;
645
    background: none;
646
    display:block;
647
    /*
648
    font-family: "YanoneKaffeesatzLight";
649
    font-size:24px;
650
    line-height:24px;
651
    */
652
    font-variant:small-caps;
653
    font-family: "OpenSansLight";
654
	font-size: 15px;
655
	
656
}
657

    
658
/* openaire specific */
659
#left-column {
660
	width: 180px;
661
	margin-right: 20px;
662
	/*padding: 5px 0px 10px 5px;*/
663
	float: left;
664
	position: relative;
665
}
666
#main-column {
667
	width:100%;
668
}
669
.innerLeft {
670
	float:left;
671
	width:75%;
672
}
673
.innerRight {
674
	float:right;
675
	width:25%;
676
	clear:none;
677
}
678
#left-column h2 {
679
	font-weight: normal;
680
	font-size: 24px;
681
	font-size: 20px;
682
	margin: 0px;
683
	color: #2B6CDF;
684
}
685
#right-column {
686
	float: left;
687
	width:665px;
688
}
689
#right-column2 {
690
	float: left;
691
	width:100px;
692
}
693

    
694
/***** from system-all.css ****/
695
#system .item > .links a {
696
	background-color: #00b7f0;
697
	background-image: -o-linear-gradient(rgba(2,151,198,0), #0297c6);
698
	background-image: -webkit-linear-gradient(rgba(2,151,198,0), #0297c6);
699
	background-image: -moz-linear-gradient(rgba(2,151,198,0), #0297c6);
700
	background-image: linear-gradient(rgba(2,151,198,0), #0297c6);
701
}
702

    
703
#system .item > .links a:hover { background-color: #0088b5; }
704
#system .item > .links a:active { background-color: #00b7f0; }
705

    
706
#system .gridalicious .item > .links a { color: #00b7f0; }
707

    
708
#system .pagination a.next,
709
#system .pagination a.previous,
710
#system .pagination a.first,
711
#system .pagination a.last { background-image: url(../images/pagination.png); }
712

    
713
#system .pagination a:hover { 
714
	color: #DD512E;
715
	border-color: #DD512E;  
716
}
717

    
718
/* Spotlight */
719
.featured-spotlight .overlay {
720
	background-color: #00b7f0;
721
	background-color: rgba(0,180,240,0.7);
722
}
723

    
724

    
725
.searchbox {
726
width: 160px;
727
height:30px;
728
background-color: rgba(0,0,0,0.05);
729
box-shadow: 0 1px 1px rgba(0,0,0,0.2) inset, 0 0 1px rgba(255,255,255,0.2);
730
border-radius:3px;
731
}
732
.searchbox input {
733
position: absolute;
734
width: 130px;
735
height:30px;
736
z-index: 111;
737
padding-left: 25px;
738
background: url(../images/searchbox_magnifier.png) 0 50% no-repeat;
739
font-size: 16px;
740
color: #d4d4d4;
741
text-transform: uppercase;
742
}
743

    
744
.loader{
745
	display: block;
746
	margin: auto;
747
}
(5-5/7)