Switch to unified view

a b/OSSEval/static/css/site_style.css
1
@charset "UTF-8";
2
3
/* thanks for inspiration:
4
    yui.yahooapis.com/2.8.1/build/base/base.css
5
    camendesign.com/design/
6
    praegnanz.de/weblog/htmlcssjs-kickstart
7
    paulirish.com
8
    html5doctor.com  (Eric Meyer & Richard Clark)
9
 */
10
/* pull in the style partials */
11
/*
12
 * Custom mixins for the theme.
13
 *
14
 */
15
/*
16
TODO: hacky mixin until compass supports variable multi-arguments?
17
SEE: https://groups.google.com/group/compass-users/browse_thread/thread/df09f674eafc3591/b4e95af76fc72145?pli=1
18
*/
19
/*
20
 * Color variables for the theme.
21
 *
22
 */
23
/*
24
 * Your run-of-the-mill reset CSS, inspired by:
25
 *
26
 *   yui.yahooapis.com/2.8.1/build/base/base.css
27
 *   camendesign.com/design/
28
 *   praegnanz.de/weblog/htmlcssjs-kickstart
29
 *   paulirish.com
30
 *   html5doctor.com  (Eric Meyer & Richard Clark)
31
 *
32
 */
33
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
34
  margin: 0;
35
  padding: 0;
36
  border: 0;
37
  outline: 0;
38
  font-size: 10pt;
39
  vertical-align: baseline;
40
  background: transparent;
41
  font-family:Arial, Helvetica, sans-serif;
42
}
43
44
body{
45
  min-width:900px;
46
  background: url('../images/bg-page.png');
47
  background-position: left top;
48
  background-repeat: repeat-x;
49
  background-color: #f0f0f0;
50
}
51
52
html, body{
53
  margin:0px;
54
  padding: 0px;
55
  height:100%;
56
}
57
58
article, aside, figure, footer, header, hgroup, nav, section {
59
  display: block;
60
}
61
62
nav ul {
63
  list-style: none;
64
}
65
66
blockquote, q {
67
  quotes: none;
68
}
69
70
blockquote:before, blockquote:after, q:before, q:after {
71
  content: '';
72
  content: none;
73
}
74
75
ins {
76
  background-color: #ff9;
77
  color: #000;
78
  text-decoration: none;
79
}
80
81
mark {
82
  background-color: #ff9;
83
  color: #000;
84
  font-style: italic;
85
  font-weight: bold;
86
}
87
88
del {
89
  text-decoration: line-through;
90
}
91
92
abbr[title], dfn[title] {
93
  border-bottom: 1px dotted #000;
94
  cursor: help;
95
}
96
97
table {
98
  border-collapse: collapse;
99
  border-spacing: 0;
100
}
101
102
hr {
103
  clear: both;
104
  display: block;
105
  height: 1px;
106
  border: 0;
107
  padding: 0;
108
}
109
110
hr.hairline {
111
  padding: 0;
112
  border: none;
113
  border-top: 1px solid #cccccc;
114
  background-color: transparent;
115
  -moz-border-radius: 0;
116
  -webkit-border-radius: 0;
117
  -o-border-radius: 0;
118
  -ms-border-radius: 0;
119
  -khtml-border-radius: 0;
120
  border-radius: 0;
121
}
122
123
124
input, select {
125
  vertical-align: middle;
126
}
127
128
/*
129
 * Setup a minimal, baseline CSS, layered on top of a reset
130
 * to define the default styles we've come to expect. Inspired by:
131
 *
132
 *   yui.yahooapis.com/2.8.1/build/base/base.css
133
 *   camendesign.com/design/
134
 *   praegnanz.de/weblog/htmlcssjs-kickstart
135
 *   paulirish.com
136
 *   html5doctor.com  (Eric Meyer & Richard Clark)
137
 *
138
 */
139
body {
140
  line-height: 1.22;
141
}
142
143
table {
144
145
}
146
147
select, input, textarea {
148
149
}
150
151
pre, code, kbd, samp {
152
  font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
153
}
154
155
body, select, input, textarea {
156
  color: #333333;
157
}
158
159
h1, h2, h3, h4, h5, h6 {
160
  font-weight: bold;
161
  text-rendering: optimizeLegibility;
162
}
163
164
html {
165
  -webkit-font-smoothing: antialiased;
166
}
167
168
.link {
169
  color: #0077aa;
170
}
171
172
ul {
173
  list-style: disc inside;
174
}
175
176
li ul {
177
  padding-left:20px;
178
  list-style: circle inside;
179
}
180
181
ol {
182
  margin-left: 30px;
183
  list-style: decimal inside;
184
}
185
186
small {
187
  font-size: 85%;
188
}
189
190
strong, th {
191
  font-weight: bold;
192
}
193
194
td, td img {
195
  vertical-align: top;
196
}
197
198
sub {
199
  vertical-align: sub;
200
  font-size: smaller;
201
}
202
203
sup {
204
  vertical-align: super;
205
  font-size: smaller;
206
}
207
208
pre {
209
  padding: 15px;
210
  white-space: pre;
211
  white-space: pre-wrap;
212
  white-space: pre-line;
213
  word-wrap: break-word;
214
}
215
216
input[type="radio"] {
217
  vertical-align: text-bottom;
218
}
219
220
input[type="checkbox"] {
221
  vertical-align: bottom;
222
  *vertical-align: baseline;
223
}
224
225
.ie6 input {
226
  vertical-align: text-bottom;
227
}
228
229
input[type=button], input[type=submit], button, .link {
230
  cursor: pointer;
231
}
232
233
::-moz-selection {
234
  background: #ccc;
235
  color: #000;
236
  text-shadow: none;
237
}
238
239
::selection {
240
  background: #ccc;
241
  color: #000;
242
  text-shadow: none;
243
}
244
245
a:link {
246
  -webkit-tap-highlight-color: #0b58ad;
247
}
248
249
a:active, a:focus {
250
  outline: none;
251
}
252
253
html {
254
  overflow-y: scroll;
255
}
256
257
button {
258
  width: auto;
259
  overflow: visible;
260
}
261
262
.ie7 img {
263
  -ms-interpolation-mode: bicubic;
264
}
265
266
caption {
267
  display: none;
268
}
269
270
h2.title, #site-header nav {
271
  font-weight: normal;
272
}
273
274
/*
275
 * General CSS rules governing high-level elements.
276
 *
277
 */
278
body {
279
  line-height: 18px;
280
  color: #555555;
281
}
282
283
a {
284
  margin: 0;
285
  padding: 0;
286
  vertical-align: baseline;
287
  background: transparent;
288
  outline: none;
289
  color: #0b58ad;
290
  text-decoration: none;
291
}
292
a:visited {
293
  color: #0b58ad;
294
}
295
a:active {
296
  color: #0b58ad;
297
}
298
a:hover {
299
  color: #0b58ad;
300
  cursor: pointer;
301
  text-decoration: underline;
302
}
303
a:hover, a:active {
304
  outline: none;
305
}
306
307
h1, h2 {
308
  font-size: 14pt;
309
  line-height: 30px;
310
  margin-bottom: 5px;
311
}
312
313
h1 small {
314
  text-transform: none;
315
  margin-left: 20px;
316
  font: 13px sans-serif;
317
  line-height: 18px;
318
}
319
320
.caption {
321
  font-size: 12px;
322
  color: #333333;
323
  display: block;
324
}
325
326
.contain {
327
  position: relative;
328
}
329
330
p {
331
  margin-bottom: 5px;
332
}
333
334
335
pre {
336
  overflow: auto;
337
  white-space: pre;
338
}
339
340
td, td img {
341
  vertical-align: baseline;
342
}
343
344
.social {
345
  margin-bottom: 20px;
346
}
347
.social a {
348
  margin: 0 0 0 10px;
349
}
350
.social a img {
351
  vertical-align: middle;
352
}
353
354
.diamond {
355
display:none;
356
}
357
358
.tool-count {
359
  font-size: 9pt;
360
  font-weight: bold;
361
  color: #888;
362
  float:right;
363
  padding-right:10px;
364
  
365
}
366
367
a.active .tool-count{
368
  color:#FFF;
369
}
370
371
a:hover .tool-count{
372
   color:#FFF;                                                                                                            ;
373
}
374
375
.nowrap {
376
  white-space: nowrap;
377
}
378
379
blockquote {
380
  border-left: 1px solid #cccccc;
381
  margin-left: 1em;
382
  padding-left: 1em;
383
}
384
385
/*
386
 * Style elements in the main header and footer areas.
387
 *
388
 */
389
 
390
 #page-header, #page-body, #page-footer {
391
  margin: 0 auto;
392
  overflow: hidden;
393
  *zoom: 1;
394
  width: 960px;
395
}
396
397
 
398
#site-footer {
399
  margin: 0 auto;
400
  *zoom: 1;
401
  width: 100%;
402
  height:45px;
403
}
404
405
.footer-container{
406
  width:960px;
407
  margin:0 auto;
408
  text-align:center;
409
  min-height:30px;
410
  padding:15px 0px 40px 0px;
411
}
412
413
.footer-container a{
414
  margin:10px;
415
}
416
417
#page-body.wide, #site-footer .content {
418
  width: 940px;
419
  display: inline;
420
  float: left;
421
  overflow: hidden;
422
  *zoom: 1;
423
  margin: 0 10px;
424
}
425
426
#page-body{
427
  /*min-height:100%;*/
428
  width:100%;
429
}
430
431
/* shared */
432
433
434
#site-footer a {
435
  color: #494848;
436
  font-weight: 600;
437
  font-size: 11px;
438
}
439
440
#site-header a{
441
  color: #FFF;
442
}
443
444
445
#site-header nav{
446
  position:relative;
447
  z-index:1;
448
  top:0px;
449
}
450
451
#site-header nav a{
452
  font-family: 'Sintony', sans-serif;
453
  text-decoration:none;
454
  text-transform:lowercase;
455
  padding:7px 10px;
456
  color:#FFF;
457
  font-size: 11px;
458
  height:50px;
459
  border-radius: 2px;
460
  -moz-border-radius: 2px;
461
  -webkit-border-radius: 2px;
462
  text-shadow: 1px 1px #000;
463
  box-shadow: 0px 0px 2px rgba(0,0,0,0.55),inset 0px 1px 0px rgba(255,255,255,0.2);
464
  background: rgba(255,255,255,0.07);
465
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.01, rgba(255,255,255,0.04)), color-stop(0.64, rgba(255,255,255,0.07)), color-stop(1, rgba(255,255,255,0.1)));
466
  background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1), rgba(255,255,255,0.07), rgba(255,255,255,0.04));
467
}
468
469
470
#site-header nav a:hover {
471
  background:rgba(255,255,255,0.12);
472
}
473
474
.opacity50 {
475
  background-color: #000;
476
  filter: alpha(opacity=10);
477
  -moz-opacity: 0.10;
478
  opacity: 0.1;
479
  position:absolute;
480
  top:0;
481
  bottom:0;
482
  left:0;
483
  right:0;
484
  height:33px;
485
  z-index:-1;
486
}
487
488
489
#site-header a:first-child {
490
  margin-left: 0;
491
}
492
493
/* site header */
494
#site-header {
495
  margin: 0 auto;
496
  overflow: hidden;
497
  *zoom: 1;
498
  width:100%;
499
  position: relative;
500
  z-index: 2;
501
  height:55px;
502
}
503
504
#site-header .wrapper {
505
  margin:0 auto;
506
  position:relative;
507
  width:965px;
508
  padding-left:9px;
509
  background: #0b58ad;
510
}
511
512
#site-header .wrapper img {
513
  margin-top:15px;
514
}
515
516
#site-header .wrapper p {
517
  margin: 0;
518
}
519
520
#site-header input {
521
  position: absolute;
522
  left: 170px;
523
  top: 7px;
524
  margin: 0;
525
  width: 280px;
526
}
527
528
#site-header nav {
529
  float: right !important;
530
  font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
531
  font-weight:bold;
532
  font-size:11pt;
533
}
534
535
/* logo */
536
.logo {
537
  width: 138px;
538
  position: absolute;
539
  top: 10px;
540
  left: 10px;
541
  height: 20px;
542
}
543
.logo.reversed h1 {
544
  display: block;
545
  text-indent: -999em;
546
  overflow: hidden;
547
  background-repeat: no-repeat;
548
}
549
.logo h1 {
550
  display: block;
551
  text-indent: -999em;
552
  overflow: hidden;
553
  background-repeat: no-repeat;
554
  color: transparent;
555
}
556
557
/* footer */
558
#site-footer {
559
  color: #333;
560
}
561
562
#copyright {
563
  width: 220px;
564
  display: inline;
565
  float: left;
566
  overflow: hidden;
567
  *zoom: 1;
568
  margin: 0 10px;
569
  text-align: right;
570
}
571
572
#site-footer nav {
573
  width: 700px;
574
  display: inline;
575
  float: left;
576
  overflow: hidden;
577
  *zoom: 1;
578
  margin: 0 10px;
579
  text-align: left;
580
}
581
582
.ads ins {
583
  background-color: transparent;
584
}
585
586
.medrec {
587
  width: 300px;
588
  display: block;
589
}
590
591
.ads, .ad {
592
  margin: 0 0 20px;
593
}
594
595
.leaderboard {
596
  width: 728px;
597
  overflow: hidden;
598
  text-align: center;
599
  margin: 0 auto;
600
  line-height: 0;
601
}
602
.leaderboard .google_afc {
603
  margin: 0 auto;
604
}
605
606
.hub {
607
  width: 200px;
608
  overflow: hidden;
609
}
610
611
/* message */
612
#messages {
613
  position: absolute;
614
  z-index: 100000;
615
  top: 50px;
616
  right: 20px;
617
}
618
619
.message {
620
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 4px 40px 0;
621
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 4px 40px 0;
622
  -o-box-shadow: rgba(0, 0, 0, 0.5) 0 4px 40px 0;
623
  box-shadow: rgba(0, 0, 0, 0.5) 0 4px 40px 0;
624
  -moz-border-radius: 4px;
625
  -webkit-border-radius: 4px;
626
  -o-border-radius: 4px;
627
  -ms-border-radius: 4px;
628
  -khtml-border-radius: 4px;
629
  border-radius: 4px;
630
  opacity: 0.9;
631
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
632
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
633
  display: none;
634
  padding: 20px;
635
  width: 301px;
636
  background-color: #333333;
637
  border: 2px solid #000;
638
  margin-bottom: 1em;
639
  color: #fff;
640
  cursor: pointer;
641
}
642
.message a {
643
  color: white;
644
  text-decoration: underline;
645
}
646
.message .content {
647
  margin: 0;
648
}
649
.message .ico-close {
650
  float: right;
651
  margin-top: -10px;
652
  margin-right: -10px;
653
  display: none;
654
  font-size: 18px;
655
  width: 18px;
656
  height: 18px;
657
  color: #1a1a1a;
658
}
659
.message.error {
660
  background-color: #8a0f0f;
661
  border-color: #5c0a0a;
662
}
663
.message.error .ico-close {
664
  color: #5c0a0a;
665
}
666
.message.confirm {
667
  background-color: #0f8a0f;
668
  border-color: #0a5c0a;
669
}
670
.message.confirm .ico-close {
671
  color: #0a5c0a;
672
}
673
.message.warning {
674
  background-color: #d9d926;
675
  border-color: #adad1f;
676
  color: #333333;
677
}
678
.message.warning a {
679
  color: #333333;
680
}
681
.message.warning header {
682
  text-shadow: none;
683
}
684
.message.warning .ico-close {
685
  color: #adad1f;
686
}
687
.message:hover .ico-close {
688
  display: block;
689
}
690
691
.no-js #messages {
692
  margin: 0 auto;
693
  overflow: hidden;
694
  *zoom: 1; */
695
  width: 780px;
696
  position: static;
697
}
698
.no-js .message {
699
  width: 790px;
700
  display: inline;
701
  float: left;
702
  overflow: hidden;
703
  *zoom: 1;
704
  margin: 0;
705
  -moz-box-shadow: none;
706
  -webkit-box-shadow: none;
707
  -o-box-shadow: none;
708
  box-shadow: none;
709
  display: block;
710
  cursor: default;
711
  margin-bottom: 1em;
712
  padding: 0;
713
}
714
.no-js .message header {
715
  padding: 20px 20px 0;
716
}
717
.no-js .message .content {
718
  padding: 0 20px 20px;
719
}
720
721
/* modal */
722
.modal {
723
  background-color: #555555;
724
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #666666), color-stop(100%, #555555));
725
  background-image: -moz-linear-gradient(top, #666666 0%, #555555 100%);
726
  background-image: linear-gradient(top, #666666 0%, #555555 100%);
727
  border: 1px solid #333333;
728
  color: #fff;
729
  -moz-border-radius: 4px;
730
  -webkit-border-radius: 4px;
731
  -o-border-radius: 4px;
732
  -ms-border-radius: 4px;
733
  -khtml-border-radius: 4px;
734
  border-radius: 4px;
735
  display: inline-block;
736
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px 0;
737
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px 0;
738
  -o-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px 0;
739
  box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px 0;
740
  background-color: #555555;
741
  border: 1px solid #555555;
742
  margin: 0 auto;
743
  border: 0;
744
  top: 20px;
745
  left: 50%;
746
  margin-left: -375px;
747
  position: fixed;
748
  width: 642px;
749
  z-index: 10001;
750
  min-height: 300px;
751
  overflow: auto;
752
  padding: 50px;
753
  -moz-box-shadow: inset 0 1px 1px #aaaaaa,inset 0 -2px 20px rgba(0, 0, 0, 0.5),0 1px 5px rgba(0, 0, 0, 0.4);
754
  -webkit-box-shadow: inset 0 1px 1px #aaaaaa,inset 0 -2px 20px rgba(0, 0, 0, 0.5),0 1px 5px rgba(0, 0, 0, 0.4);
755
  -o-box-shadow: inset 0 1px 1px #aaaaaa,inset 0 -2px 20px rgba(0, 0, 0, 0.5),0 1px 5px rgba(0, 0, 0, 0.4);
756
  box-shadow: inset 0 1px 1px #aaaaaa,inset 0 -2px 20px rgba(0, 0, 0, 0.5),0 1px 5px rgba(0, 0, 0, 0.4);
757
}
758
.modal hr {
759
  border: 1px solid #000;
760
  background-color: #111;
761
  opacity: .4;
762
}
763
.modal h1, .modal h2, .modal h3 {
764
  margin: 0;
765
  display: block;
766
}
767
.modal img {
768
  height: 335px;
769
  width: 542px;
770
  margin: 0 auto 10px;
771
}
772
.modal form {
773
  padding-top: 20px;
774
}
775
.modal a {
776
  color: #fff;
777
  text-decoration: underline;
778
}
779
.modal .codehilite {
780
  background-color: #777;
781
}
782
.modal .hidden_in_modal {
783
    display: none;
784
}
785
786
.ie7 .modal, .ie8 .modal {
787
  border: 1px solid black;
788
}
789
790
/* help */
791
#help {
792
  width: 100%;
793
  padding: 20px 0 0;
794
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 0 20px 0 inset;
795
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 20px 0 inset;
796
  -o-box-shadow: rgba(0, 0, 0, 0.5) 0 0 20px 0 inset;
797
  box-shadow: rgba(0, 0, 0, 0.5) 0 0 20px 0 inset;
798
}
799
#help h1 {
800
  padding-left: 20px;
801
}
802
803
.markdown_syntax_toc_crumb {
804
  float: right !important;
805
  margin-left: 20px;
806
  display: none;
807
}
808
809
/* forms */
810
form p {
811
  overflow: hidden;
812
  *zoom: 1;
813
  position: relative;
814
}
815
816
input, textarea, select {
817
  -moz-border-radius: 4px;
818
  -webkit-border-radius: 4px;
819
  -o-border-radius: 4px;
820
  -ms-border-radius: 4px;
821
  -khtml-border-radius: 4px;
822
  border-radius: 4px;
823
  display: inline-block;
824
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset,0 1px 0 rgba(255, 255, 255, 0.9);
825
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset,0 1px 0 rgba(255, 255, 255, 0.9);
826
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset,0 1px 0 rgba(255, 255, 255, 0.9);
827
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset,0 1px 0 rgba(255, 255, 255, 0.9);
828
  border: medium none;
829
  padding: 5px;
830
  margin-bottom: 5px;
831
  margin-left: 2px;
832
  border: 1px solid #aaaaaa;
833
}
834
835
html.no-boxshadow input, html.no-boxshadow textarea, html.no-boxshadow select {
836
  border: 1px solid #aaaaaa;
837
}
838
839
input[type=radio] {
840
  border: none !important;
841
}
842
843
.carbon input, .carbon textarea, .carbon select, .dark input, .dark textarea, .dark select {
844
  border: none;
845
}
846
847
::-webkit-input-placeholder {
848
  color: #aaaaaa;
849
}
850
851
input:-moz-placeholder {
852
  color: #aaaaaa;
853
}
854
855
p label {
856
  display: block;
857
  padding: 0 0 5px;
858
}
859
860
/* tables */
861
table {
862
  width: 100%;
863
  margin-bottom: 20px;
864
}
865
table thead tr th {
866
  text-align: left;
867
  font-size:10pt;
868
}
869
table thead tr {
870
  color: #555555;
871
}
872
table thead tr th, table tr td {
873
  padding: 5px;
874
}
875
table th, table td, table caption {
876
  vertical-align: middle;
877
}
878
table tbody tr td {
879
  border-bottom: 1px solid #e5e5e5;
880
  text-align: left;
881
}
882
table tbody tr.even td {
883
  background: #f5f5f5;
884
}
885
table tbody tr th[scope=row] {
886
  text-align: left;
887
}
888
table h2 {
889
  font-size: 12pt;
890
  text-align: left;
891
  margin: 0;
892
}
893
table tfoot tr td {
894
  font-weight: bold;
895
}
896
897
#search table h2 a {
898
  font-weight: normal;
899
}
900
901
#search table h2 small {
902
  font-weight: normal;
903
  text-transform: none;
904
  font: 11px/18px sans-serif;
905
  color: #aaaaaa;
906
}
907
908
#search table td {
909
  padding: 10px;
910
}
911
912
913
select[disabled], input[disabled], textarea[disabled], button[disabled] {
914
  color: #aaaaaa;
915
}
916
917
918
.btn-set {
919
  display: block;
920
  float: left;
921
  font: 1em/1.3em sans-serif;
922
}
923
.btn-set .btn {
924
  font-family:Arial, Helvetica, sans-serif;
925
  text-decoration:none;
926
  text-transform:lowercase;
927
  -moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
928
  -webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
929
  box-shadow:inset 0px 0px 0px 0px #ffffff;
930
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
931
  background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
932
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
933
  background-color:#f9f9f9;
934
  -moz-border-radius:2px;
935
  -webkit-border-radius:2px;
936
  border-radius:2px;
937
  border:1px solid #dcdcdc;
938
  display:inline-block;
939
  color:#666 !important;
940
  font-size:13px;
941
  font-weight:bold;
942
  padding:5px 15px;
943
  text-decoration:none;
944
  text-shadow:1px 1px 0px #ffffff;
945
}
946
947
.btn-set .btn:hover {
948
  border:1px solid #0b58ad;
949
}
950
951
.btn-set .active {
952
  border:1px solid #0b58ad;
953
  background: #0b58ad;
954
}
955
.btn-set .active:hover {
956
  border:1px solid #0b58ad;
957
}
958
959
.btn-set .btn:first-child {
960
  margin: 0 -1px 0 0;
961
}
962
.btn-set .btn:last-child {
963
  margin: 0 10px 0 -11px;
964
}
965
.btn-set.duo .btn:first-child {
966
  margin: 0 -1px 0 0;
967
}
968
.btn-set.duo .btn:last-child {
969
  margin: 0 0 0 0;
970
}
971
972
.btn-bar {
973
  display: block;
974
  clear: both;
975
  padding: 0px;
976
  text-decoration: none;
977
  min-width: 1em;
978
  text-align: center;
979
  position: relative;
980
  margin: 0 0 20px;
981
}
982
.btn-bar.pop, .pop#top_nav {
983
  height: 150px;
984
}
985
.btn-bar .btn, #top_nav .btn {
986
  margin: 0 10px 0 0;
987
}
988
.btn-bar hr, #top_nav hr {
989
  margin: 0;
990
  visibility: hidden;
991
}
992
.btn-bar a, #top_nav a {
993
  position: relative;
994
  text-decoration: none;
995
}
996
.btn-bar a:hover {
997
  opacity: .8;
998
}
999
1000
.btn-bar .btn-set, #top_nav .btn-set {
1001
  font: 13px/18px sans-serif;
1002
}
1003
.btn-bar h2, #top_nav h2 {
1004
  float: left;
1005
  padding: .2em .5em 0 .5em;
1006
  margin-bottom: 0;
1007
  text-shadow: #fff 0 1px 0;
1008
}
1009
.btn-bar .tleft, #top_nav .tleft {
1010
  float: left;
1011
  padding: .3em .5em 0 .5em;
1012
}
1013
1014
.btn, button, .btn-set .btn.ico, input[type=submit], input[type=reset], input[type=button] {
1015
  font-family:Arial, Helvetica, sans-serif;
1016
  -moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
1017
  -webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
1018
  box-shadow:inset 0px 0px 0px 0px #ffffff;
1019
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
1020
  background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
1021
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
1022
  background-color:#f9f9f9;
1023
  -moz-border-radius:2px;
1024
  -webkit-border-radius:2px;
1025
  border-radius:2px;
1026
  border:1px solid #dcdcdc;
1027
  display:inline-block;
1028
  color:#0b58ad;
1029
  font-family:arial;
1030
  font-size:13px;
1031
  font-weight:bold;
1032
  padding:8px 16px;
1033
  text-decoration:none;
1034
  text-shadow:1px 1px 0px #ffffff;
1035
}
1036
1037
.btn:hover, button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {
1038
  cursor: pointer;
1039
  text-decoration: none;
1040
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
1041
  background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
1042
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
1043
  background-color:#e9e9e9;
1044
  border-color:#0b58ad;
1045
}
1046
1047
.btn-set .btn.ico:hover {
1048
  cursor: pointer;
1049
  text-decoration: none;
1050
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
1051
  background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
1052
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
1053
  border-color:#0b58ad;
1054
}
1055
1056
.btn:active, button:active, .btn-set .btn.ico:active, input[type=submit]:active, input[type=reset]:active, input[type=button]:active {
1057
  position:relative;
1058
  top:1px;
1059
  background:#0b58ad;
1060
  border-color:#0b58ad;
1061
}
1062
1063
button[disabled]:hover, input[type=submit][disabled]:hover, input[type=reset][disabled]:hover, input[type=button][disabled]:hover {
1064
  cursor: auto;
1065
  background: #e5e5e5;
1066
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #ffffff), color-stop(100%, #cccccc));
1067
  background-image: -moz-linear-gradient(top, #ffffff 0%, #cccccc 100%);
1068
  background-image: linear-gradient(top, #ffffff 0%, #cccccc 100%);
1069
  border: 1px solid #aaaaaa;
1070
}
1071
1072
li.active, .btn.active, .btn:active:hover, button:active:hover, .btn-set .btn.ico:active:hover, input[type=submit]:active:hover, input[type=reset]:active:hover, input[type=button]:active:hover {
1073
  text-shadow: none;
1074
}
1075
1076
button[disabled]:active:hover, input[type=submit][disabled]:active:hover, input[type=reset][disabled]:active:hover, input[type=button][disabled]:active:hover {
1077
  text-shadow: #fff 0 1px;
1078
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #ffffff), color-stop(100%, #cccccc));
1079
  background-image: -moz-linear-gradient(top, #ffffff 0%, #cccccc 100%);
1080
  background-image: linear-gradient(top, #ffffff 0%, #cccccc 100%);
1081
  border: 1px solid #aaaaaa;
1082
  -moz-box-shadow: none;
1083
  -webkit-box-shadow: none;
1084
  -o-box-shadow: none;
1085
  box-shadow: none;
1086
}
1087
1088
.btn.link, .btn.link:hover {
1089
  background: none !important;
1090
  border: none !important;
1091
  color: #0b58ad !important;
1092
  float: none;
1093
  font-weight: normal !important;
1094
  margin: 5px 0 0;
1095
  padding: 0;
1096
  display: inline-block;
1097
  text-shadow: none !important;
1098
  -moz-box-shadow: none;
1099
  -webkit-box-shadow: none;
1100
  -o-box-shadow: none;
1101
  box-shadow: none;
1102
}
1103
1104
button.btn.link, button.btn.link:hover {
1105
  margin-top: 1px;
1106
}
1107
1108
.btn.link:hover {
1109
  color: #F7893B !important;
1110
  text-decoration: underline;
1111
}
1112
1113
.dark .btn.link, .modal .btn.link {
1114
  color: #fff !important;
1115
  text-decoration: underline;
1116
}
1117
1118
.wide {
1119
  width: 100%;
1120
}
1121
1122
.more {
1123
  width: 520px;
1124
  margin-left: 80px;
1125
}
1126
1127
/* icons */
1128
.ico, .ico-l:before, .ico-r:after {
1129
  width: 24px;
1130
  height: 24px;
1131
  display: inline-block;
1132
}
1133
1134
.ico:before, .ico-l:before, .ico-r:after {
1135
  /*content: attr(data-icon);*/
1136
}
1137
1138
.ico {
1139
  line-height: 4px;
1140
}
1141
1142
.btn em, .ico + em {
1143
  text-indent: -9999px;
1144
  position: absolute;
1145
}
1146
1147
.ico-l:before {
1148
  margin-right: 10px;
1149
}
1150
1151
.ico-r:after {
1152
  margin-left: 10px;
1153
}
1154
1155
.ico.active {
1156
  color: #fff !important;
1157
  background:#ccc;
1158
  font-weight:bold;
1159
}
1160
.ico.active:hover {
1161
  color: #fff !important;
1162
  background:#ccc;
1163
  font-weight:bold;
1164
}
1165
1166
a.active {
1167
  color: #fff !important;
1168
  font-weight:bold;
1169
}
1170
1171
a.active:hover {
1172
  color: #fff !important;
1173
  font-weight:bold;
1174
}
1175
1176
.ico.reverse {
1177
  color: #fff !important;
1178
  text-shadow: #333333 0 1px 0, #0099cc 0 1px 10px !important;
1179
}
1180
1181
a .ico:active {
1182
  opacity: 1;
1183
}
1184
1185
a .ico:hover {
1186
  opacity: .7;
1187
}
1188
1189
nav .ico {
1190
  text-transform: none;
1191
}
1192
1193
.x16 {
1194
  font-size: 16px;
1195
  width: 16px;
1196
  height: 16px;
1197
}
1198
1199
.x24 {
1200
  font-size: 24px;
1201
  width: 24px;
1202
  height: 24px;
1203
}
1204
1205
.x32 {
1206
  font-size: 32px;
1207
  width: 32px;
1208
  height: 32px;
1209
}
1210
1211
.fourcol b.ico.x48.ico-group{
1212
  width:24px;
1213
  height:26px;
1214
  margin-top:10px;
1215
}
1216
1217
.x48 {
1218
  width: 48px;
1219
  height: 48px;
1220
}
1221
1222
1223
.x64 {
1224
  font-size: 64px;
1225
  width: 64px;
1226
  height: 64px;
1227
}
1228
1229
.modal b.close {
1230
  position: absolute;
1231
  top: 10px;
1232
  right: 10px;
1233
  cursor: pointer;
1234
}
1235
1236
#directory .ico, #search .ico {
1237
  color: #cccccc;
1238
}
1239
1240
.icon_social_NN, .icon_facebook_16, .icon_facebook_24, .icon_facebook_32 {
1241
  display: block;
1242
}
1243
1244
.icon_facebook_16 {
1245
  background-position: 0 0;
1246
  width: 16px;
1247
  height: 16px;
1248
}
1249
1250
.icon_facebook_24 {
1251
  background-position: 0 -26px;
1252
  width: 24px;
1253
  height: 24px;
1254
}
1255
1256
.icon_facebook_32 {
1257
  background-position: 0 -60px;
1258
  width: 32px;
1259
  height: 32px;
1260
}
1261
1262
/* other media  */
1263
@media print {
1264
  * {
1265
    background: transparent !important;
1266
    color: #333333 !important;
1267
    text-shadow: none;
1268
  }
1269
1270
  a, a:visited {
1271
    color: #333333 !important;
1272
    text-decoration: underline;
1273
  }
1274
1275
  a:after {
1276
    content: " (" attr(href) ")";
1277
  }
1278
1279
  abbr:after {
1280
    content: " (" attr(title) ")";
1281
  }
1282
1283
  .ir a:after {
1284
    content: "";
1285
  }
1286
1287
  /* don't show links for images */
1288
  pre, blockquote {
1289
    border: 1px solid #999;
1290
    page-break-inside: avoid;
1291
  }
1292
1293
  img {
1294
    page-break-inside: avoid;
1295
  }
1296
}
1297
1298
@media all and (orientation:portrait) {}
1299
@media all and (orientation:landscape) {}
1300
@media screen and (max-device-width: 480px) {
1301
  html {
1302
    -webkit-text-size-adjust: none;
1303
    -ms-text-size-adjust: none;
1304
  }
1305
}
1306
1307
/* Grid-Coordinates by Adam Stacoviak
1308
 * Fork me: http://adamstac.com/grid-coordinates */
1309
.grid-container {
1310
  margin: 0 auto;
1311
  overflow: hidden;
1312
  *zoom: 1;
1313
  width: 960px;
1314
}
1315
1316
.nested-grid-container {
1317
  display: inline-block;
1318
  width: 715px;
1319
  padding-bottom:20px;
1320
}
1321
1322
.tcenter.grid-4.installable_tool{
1323
  display: inline-block;
1324
  float: left;
1325
  text-align:left;
1326
   border-bottom:none;
1327
   width:auto;
1328
   padding:10px 17px 0px 0px;
1329
   cursor:pointer;
1330
}
1331
.tcenter.grid-4.installable_tool a {
1332
  font-size:9pt;
1333
  margin:0px;
1334
}
1335
1336
.tcenter.grid-4.installable_tool img{
1337
  margin-top:-5px;
1338
  padding-right:5px;
1339
  float:left;
1340
}
1341
1342
.grid-block {
1343
  display: inline;
1344
  float: left;
1345
  overflow: hidden;
1346
  *zoom: 1;
1347
  margin: 0 10px;
1348
}
1349
1350
.grid-1 {
1351
  width: 20px;
1352
  display: inline;
1353
  float: left;
1354
  overflow: hidden;
1355
  *zoom: 1;
1356
  margin: 0 10px;
1357
}
1358
1359
.grid-2 {
1360
  width: 60px;
1361
  display: inline;
1362
  float: left;
1363
  overflow: hidden;
1364
  *zoom: 1;
1365
  margin: 20px 10px 0px 0px;
1366
  min-height:60px;
1367
}
1368
1369
.grid-3 {
1370
  width: 100px;
1371
  display: inline;
1372
  float: left;
1373
  *zoom: 1;
1374
  margin-left:10px;
1375
}
1376
1377
.grid-4 {
1378
  width: 215px;
1379
  display: inline;
1380
  float: left;
1381
  overflow: hidden;
1382
  *zoom: 1;
1383
}
1384
1385
.admin .grid-4 {
1386
  overflow: hidden;
1387
  *zoom: 1;
1388
  margin: 0;
1389
  padding-bottom:3px;
1390
  width:715px;
1391
}
1392
1393
.admin .grid-4 a{
1394
  float:right;
1395
  margin-left:20px;
1396
}
1397
1398
1399
.grid-5 {
1400
  width: 215px;
1401
  display: inline;
1402
  float: left;
1403
  overflow: hidden;
1404
  *zoom: 1;
1405
  margin: 0px;
1406
}
1407
1408
.grid-6 {
1409
  width: 215px;
1410
  display: inline;
1411
  float: left;
1412
  overflow: hidden;
1413
  *zoom: 1;
1414
  margin: 20px 20px 10px 0px;
1415
}
1416
1417
.grid-7 {
1418
  width: 260px;
1419
  display: inline;
1420
  float: left;
1421
  overflow: hidden;
1422
  *zoom: 1;
1423
  margin: 0 10px;
1424
}
1425
1426
.grid-8 {
1427
  width: 300px;
1428
  display: inline;
1429
  float: left;
1430
  overflow: hidden;
1431
  *zoom: 1;
1432
  margin: 0 10px;
1433
}
1434
1435
.grid-9 {
1436
  width: 340px;
1437
  display: inline;
1438
  float: left;
1439
  overflow: hidden;
1440
  *zoom: 1;
1441
  margin: 0px;
1442
}
1443
1444
.grid-10 {
1445
  width: 380px;
1446
  display: inline;
1447
  float: left;
1448
  overflow: hidden;
1449
  *zoom: 1;
1450
  margin: 0 10px;
1451
}
1452
1453
.grid-11 {
1454
  width: 420px;
1455
  display: inline;
1456
  float: left;
1457
  overflow: hidden;
1458
  *zoom: 1;
1459
  margin: 0 10px;
1460
}
1461
1462
.grid-12 {
1463
  width: 460px;
1464
  display: inline;
1465
  float: left;
1466
  overflow: hidden;
1467
  *zoom: 1;
1468
  margin: 0px;
1469
}
1470
1471
.grid-13 {
1472
  width: 665px;
1473
  display: inline;
1474
  float: left;
1475
  overflow: hidden;
1476
  *zoom: 1;
1477
  margin: 20px 0px 0px 0px;
1478
}
1479
1480
.admin .grid-13 {
1481
  width: 640px;
1482
}
1483
.grid-14 {
1484
  width: 540px;
1485
  display: inline;
1486
  float: left;
1487
  overflow: hidden;
1488
  *zoom: 1;
1489
  margin: 0 10px;
1490
}
1491
1492
.grid-15 {
1493
  width: 320px;
1494
  display: inline;
1495
  float: left;
1496
  overflow: hidden;
1497
  *zoom: 1;
1498
  margin: 0 10px;
1499
}
1500
1501
.grid-16 {
1502
  width: 620px;
1503
  display: inline;
1504
  float: left;
1505
  overflow: hidden;
1506
  *zoom: 1;
1507
  margin: 0 10px;
1508
}
1509
1510
.grid-17 {
1511
  width: 660px;
1512
  display: inline;
1513
  float: left;
1514
  overflow: hidden;
1515
  *zoom: 1;
1516
  margin: 0 10px;
1517
}
1518
1519
.grid-18 {
1520
  width: 700px;
1521
  display: inline;
1522
  float: left;
1523
  overflow: hidden;
1524
  *zoom: 1;
1525
  margin: 0px;
1526
}
1527
1528
.grid-19 {
1529
  width: 713px;
1530
  display: inline;
1531
  float: left;
1532
  overflow: hidden;
1533
  *zoom: 1;
1534
}
1535
1536
.grid-20 {
1537
  width: 715px;
1538
  display: inline;
1539
  float: left;
1540
  overflow: hidden;
1541
  *zoom: 1;
1542
  margin: 0px;
1543
1544
}
1545
1546
.grid-21 {
1547
  width: 715px;
1548
  display: inline;
1549
  float: left;
1550
  overflow: hidden;
1551
  *zoom: 1;
1552
  margin: 0 10px;
1553
}
1554
1555
.grid-22 {
1556
  width: 715px;
1557
  display: inline;
1558
  float: left;
1559
  overflow: hidden;
1560
  *zoom: 1;
1561
  margin: 0 10px;
1562
}
1563
1564
.grid-23 {
1565
  width: 715px;
1566
  display: inline;
1567
  float: left;
1568
  overflow: hidden;
1569
  *zoom: 1;
1570
  margin: 0 10px;
1571
}
1572
1573
.grid-24 {
1574
  width: 715px;
1575
  display: inline;
1576
  float: left;
1577
  overflow: hidden;
1578
  *zoom: 1;
1579
  margin: 0px;
1580
  line-height:20px;
1581
}
1582
1583
.grid-full {
1584
  width: 715px;
1585
  display: inline;
1586
  float: left;
1587
  overflow: hidden;
1588
  *zoom: 1;
1589
  margin: 0 10px;
1590
}
1591
1592
.grid-prefix-1 {
1593
  padding-left: 40px;
1594
}
1595
1596
.grid-prefix-2 {
1597
  padding-left: 80px;
1598
}
1599
1600
.grid-prefix-3 {
1601
  padding-left: 120px;
1602
}
1603
1604
.grid-prefix-4 {
1605
  padding-left: 160px;
1606
}
1607
1608
.grid-prefix-5 {
1609
  padding-left: 200px;
1610
}
1611
1612
.grid-prefix-6 {
1613
  padding-left: 240px;
1614
}
1615
1616
.grid-prefix-7 {
1617
  padding-left: 280px;
1618
}
1619
1620
.grid-prefix-8 {
1621
  padding-left: 320px;
1622
}
1623
1624
.grid-prefix-9 {
1625
  padding-left: 360px;
1626
}
1627
1628
.grid-prefix-10 {
1629
  padding-left: 400px;
1630
}
1631
1632
.grid-prefix-11 {
1633
  padding-left: 440px;
1634
}
1635
1636
.grid-prefix-12 {
1637
  padding-left: 480px;
1638
}
1639
1640
.grid-prefix-13 {
1641
  padding-left: 520px;
1642
}
1643
1644
.grid-prefix-14 {
1645
  padding-left: 560px;
1646
}
1647
1648
.grid-prefix-15 {
1649
  padding-left: 600px;
1650
}
1651
1652
.grid-prefix-16 {
1653
  padding-left: 640px;
1654
}
1655
1656
.grid-prefix-17 {
1657
  padding-left: 680px;
1658
}
1659
1660
.grid-prefix-18 {
1661
  padding-left: 720px;
1662
}
1663
1664
.grid-prefix-19 {
1665
  padding-left: 760px;
1666
}
1667
1668
.grid-prefix-20 {
1669
  padding-left: 800px;
1670
}
1671
1672
.grid-prefix-21 {
1673
  padding-left: 840px;
1674
}
1675
1676
.grid-prefix-22 {
1677
  padding-left: 880px;
1678
}
1679
1680
.grid-prefix-23 {
1681
  padding-left: 920px;
1682
}
1683
1684
.grid-suffix-1 {
1685
  padding-right: 40px;
1686
}
1687
1688
.grid-suffix-2 {
1689
  padding-right: 80px;
1690
}
1691
1692
.grid-suffix-3 {
1693
  padding-right: 120px;
1694
}
1695
1696
.grid-suffix-4 {
1697
  padding-right: 160px;
1698
}
1699
1700
.grid-suffix-5 {
1701
  padding-right: 200px;
1702
}
1703
1704
.grid-suffix-6 {
1705
  padding-right: 240px;
1706
}
1707
1708
.grid-suffix-7 {
1709
  padding-right: 280px;
1710
}
1711
1712
.grid-suffix-8 {
1713
  padding-right: 320px;
1714
}
1715
1716
.grid-suffix-9 {
1717
  padding-right: 360px;
1718
}
1719
1720
.grid-suffix-10 {
1721
  padding-right: 400px;
1722
}
1723
1724
.grid-suffix-11 {
1725
  padding-right: 440px;
1726
}
1727
1728
.grid-suffix-12 {
1729
  padding-right: 480px;
1730
}
1731
1732
.grid-suffix-13 {
1733
  padding-right: 520px;
1734
}
1735
1736
.grid-suffix-14 {
1737
  padding-right: 560px;
1738
}
1739
1740
.grid-suffix-15 {
1741
  padding-right: 600px;
1742
}
1743
1744
.grid-suffix-16 {
1745
  padding-right: 640px;
1746
}
1747
1748
.grid-suffix-17 {
1749
  padding-right: 680px;
1750
}
1751
1752
.grid-suffix-18 {
1753
  padding-right: 720px;
1754
}
1755
1756
.grid-suffix-19 {
1757
  padding-right: 760px;
1758
}
1759
1760
.grid-suffix-20 {
1761
  padding-right: 800px;
1762
}
1763
1764
.grid-suffix-21 {
1765
  padding-right: 840px;
1766
}
1767
1768
.grid-suffix-22 {
1769
  padding-right: 880px;
1770
}
1771
1772
.grid-suffix-23 {
1773
  padding-right: 920px;
1774
}
1775
1776
.fleft {
1777
  float: left;
1778
  margin-right: 20px;
1779
}
1780
1781
.fright {
1782
  float: right !important;
1783
  margin-left: 20px;
1784
}
1785
1786
.tleft {
1787
  text-align: left;
1788
}
1789
1790
.tright {
1791
  text-align: right;
1792
}
1793
1794
.tcenter {
1795
  text-align: center;
1796
}
1797
1798
.temboss {
1799
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
1800
  color: #bbb;
1801
  padding: 0;
1802
  margin: 10px 0;
1803
  font-weight: bold;
1804
  text-align: center;
1805
  display: block;
1806
}
1807
1808
/*.emboss {
1809
  -moz-border-radius: 4px;
1810
  -webkit-border-radius: 4px;
1811
  -o-border-radius: 4px;
1812
  -ms-border-radius: 4px;
1813
  -khtml-border-radius: 4px;
1814
  border-radius: 4px;
1815
  display: inline-block;
1816
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px 0;
1817
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px 0;
1818
  -o-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px 0;
1819
  box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px 0;
1820
  background-color: #f5f5f5;
1821
  border: 1px solid #cccccc;
1822
}*/
1823
1824
.light {
1825
  background-color: #e5e5e5;
1826
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #ffffff), color-stop(100%, #cccccc));
1827
  background-image: -moz-linear-gradient(top, #ffffff 0%, #cccccc 100%);
1828
  background-image: linear-gradient(top, #ffffff 0%, #cccccc 100%);
1829
  border: 1px solid #aaaaaa;
1830
}
1831
1832
.dark {
1833
  color: #333;
1834
}
1835
.dark hr {
1836
  border: 1px solid #000;
1837
  background-color: #111;
1838
  opacity: .4;
1839
}
1840
.dark a {
1841
  font-size: 11pt;
1842
}
1843
1844
/* forge  */
1845
.base, #content_base {
1846
  margin: 0;
1847
  background: #FFF;
1848
}
1849
1850
#sidebar h3 {
1851
  color: #555555;
1852
  font-size: 11px;
1853
  font-weight: normal;
1854
  background: #f0f0f0;
1855
  padding: 2px 0px 2px 10px;
1856
  border-top: 1px solid #FFF;
1857
}
1858
1859
1860
#sidebar input {
1861
  margin: 14px 0 20px;
1862
  width: 128px;
1863
  position: relative;
1864
  z-index: 2;
1865
}
1866
#sidebar ul {
1867
  margin: 0px;
1868
  padding: 0;
1869
}
1870
#sidebar li {
1871
  list-style: none;
1872
  position: relative;
1873
}
1874
#sidebar li:first-child {
1875
  border-top: none;
1876
}
1877
#sidebar li:last-child {
1878
  border-top: none;
1879
}
1880
1881
#sidebar li .has_small {
1882
  display: inline-block;
1883
  width: 130px;
1884
}
1885
#sidebar li small {
1886
  color: #444;
1887
  display: inline-block;
1888
  position: absolute;
1889
  right: 5px;
1890
  top: 4px;
1891
  padding: 0 3px;
1892
  width: 26px;
1893
  text-align: center;
1894
  margin: 0px;
1895
}
1896
1897
#sidebar li small hr {
1898
  border: 1px solid #000;
1899
  background-color: #111;
1900
  opacity: .4;
1901
}
1902
#sidebar li small.icon24 {
1903
  text-decoration: none !important;
1904
}
1905
#sidebar li a {
1906
  color: #444;
1907
  display: block;
1908
  padding: 5px 10px;
1909
  font-weight: 600;
1910
  line-height: 20px;
1911
  border-top: 2px solid #FFF;
1912
  font-size: 13px;
1913
}
1914
#sidebar li a:hover {
1915
  color: #444 !important;
1916
}
1917
1918
.sidebarmenu li{
1919
  background-color:#deeeff;
1920
}
1921
1922
#sidebar .sidebarmenu li a:hover {
1923
  background-color:#cce5ff;
1924
  text-decoration: none;
1925
}
1926
#sidebar .sidebarmenu .active a{
1927
  background-color:#bdddff;
1928
}
1929
1930
#sidebar li a:first-child {
1931
  border-top: none !important;
1932
}
1933
#sidebar li a:last-child {
1934
  border-bottom: none !important;
1935
}
1936
1937
.pad {
1938
  margin: 0 0 80px 40px !important;
1939
  min-height: 400px;
1940
  background: #fff;
1941
  z-index: 1;
1942
  position: relative;
1943
  width: 715px;
1944
  padding-top:15px;
1945
}
1946
.pad.grid-12, .pad.grid-24 {
1947
  margin-left: 10px !important;
1948
}
1949
.pad.grid-24 {
1950
  width: 935px;
1951
}
1952
.pad h2.dark {
1953
  color:#2d81e0;
1954
  font-size: 12pt;
1955
  margin:0px 0px 20px 0px;
1956
  padding:0px;
1957
  font-weight:bold;
1958
  border-bottom:2px solid #2d81e0;
1959
  height:26px;
1960
}
1961
.pad h2.dark hr {
1962
  background-color: #111;
1963
  opacity: .4;
1964
}
1965
.pad h2.dark small {
1966
  text-transform: none;
1967
  position: absolute;
1968
  right: 0px;
1969
  text-align: center;
1970
  height:26px;
1971
}
1972
.pad h2.dark small a {
1973
  margin: 0 2px;
1974
  color: #000;
1975
  text-decoration: none;
1976
}
1977
.pad h2.dark small a.active {
1978
  color: #cccccc !important;
1979
}
1980
.pad .fourcol {}
1981
.pad .fourcol ul {
1982
  margin: 0;
1983
}
1984
.pad .fourcol .fleft {
1985
  width: 166px;
1986
  margin-right: 12px;
1987
  margin-bottom: 10px;
1988
  display: inline-block;
1989
}
1990
1991
ul.deck{ width:160px !important; }
1992
1993
.pad .fourcol .fleft:nth-of-type(4n) {
1994
 
1995
}
1996
.pad .fleft {
1997
  margin-right: 12px;
1998
}
1999
.pad .fleft h3 {
2000
  padding: 10px 0 0;
2001
  display: block;
2002
}
2003
.pad .fleft img {
2004
  margin: 10px auto;
2005
  display: block;
2006
}
2007
.pad .fleft .icon48 {
2008
  margin: 20px auto;
2009
  display: block;
2010
}
2011
.pad .fleft:last-child {
2012
  margin-right: 0;
2013
}
2014
.pad .threecol .fleft, .pad .twocol .fleft {
2015
  margin-right: 40px;
2016
}
2017
.pad .eightcol .fleft {
2018
  width: 80px;
2019
}
2020
.pad .tencol .fleft {
2021
  width: 75px;
2022
}
2023
.pad hr {
2024
  width: 715px;
2025
  margin-left: 0px;
2026
}
2027
.pad table {
2028
  width: 715px;
2029
  margin-left: 0px;
2030
  float: left;
2031
}
2032
.pad h1, .pad h2, .pad h3, .pad h4, .pad h5, .pad h6 {
2033
  padding: 0;
2034
  margin-bottom: 0;
2035
}
2036
2037
.pad p {
2038
  padding: 0;
2039
/*  margin-bottom: 0; */
2040
}
2041
2042
h2.title{
2043
  margin-top:0;
2044
  margin-bottom:0;
2045
}
2046
2047
.pad .paginate {
2048
  margin: 0 0 0 20px;
2049
}
2050
.pad .paginate div {
2051
  margin: 0;
2052
}
2053
.pad .wide {
2054
  width: 750px;
2055
}
2056
2057
.markdown_content h1 {
2058
 font-size: 14pt;
2059
}
2060
.markdown_content h2 {
2061
  font-size: 12pt;
2062
}
2063
.markdown_content h3 {
2064
 font-size: 11pt;
2065
}
2066
.markdown_content h4 {
2067
 font-size: 11pt;
2068
}
2069
.markdown_content h5 {
2070
 font-size: 10pt;
2071
}
2072
.markdown_content h6 {
2073
 font-size: 9pt;
2074
}
2075
.markdown_content hr {
2076
  width: auto;
2077
  margin-left: 0;
2078
  padding: 0;
2079
  background-color: transparent;
2080
  border: none;
2081
  border-top: 1px solid #cccccc;
2082
}
2083
.markdown_content li p {
2084
  margin-bottom: 0;
2085
  padding: 0;
2086
}
2087
.media a {
2088
  float: left;
2089
  margin-right: 20px;
2090
}
2091
.media a img {
2092
  border: 1px solid #aaaaaa;
2093
}
2094
2095
/* site layout */
2096
.project_icon {
2097
  float: left;
2098
  height: 48px;
2099
  margin-right: 0.5em;
2100
  vertical-align: middle;
2101
}
2102
2103
2104
.project_title {
2105
  font-size:16pt;
2106
  color:#0b58ad;
2107
  text-decoration:none;
2108
  font-weight:bold;
2109
}
2110
2111
.project_title_text{
2112
  font-size:16pt;
2113
  color:#0b58ad;
2114
  text-decoration:none;
2115
  font-weight:bold;
2116
    padding-top:20px;
2117
}
2118
2119
.project_title_text a {
2120
  text-decoration:underline;
2121
  font-weight:bold;
2122
  font-size:16pt;
2123
  color:#0b58ad;
2124
}
2125
2126
.project_title img{
2127
  margin-bottom:0px;
2128
  margin-top:10px;
2129
}
2130
2131
.neighborhood_icon {
2132
  float: right;
2133
  margin-left: 0.5em;
2134
  width: 48px;
2135
  height: 48px;
2136
  vertical-align: middle;
2137
}
2138
2139
#top_nav {
2140
  margin: 0;
2141
}
2142
2143
#top_nav a {
2144
  display:block;
2145
  min-width:165px;
2146
  text-align: left;
2147
  background-image: url('../images/icons-mini-blue.png');
2148
  background-position: -318px -355px;
2149
  line-height: 22px;
2150
  padding: 4px 8px;
2151
  color: #3d424b;
2152
  font-size: 13px;
2153
  font-weight: 600;
2154
  margin: 4px 0;
2155
  border-radius: 0px;
2156
  border-bottom: 1px solid #e9e9e9;
2157
}
2158
2159
#top_nav a:hover {
2160
  opacity: 1;
2161
  margin: 4px 0;
2162
  color:#FFF !important;
2163
  background-image: url('../images/icons-mini-blue.png');
2164
  background-position: -318px -325px;
2165
}
2166
2167
2168
#top_nav a.active{
2169
  background-image: url('../images/icons-mini-blue.png');
2170
  background-position: -318px -325px;
2171
 }
2172
2173
2174
.no-cssgradients #top_nav {
2175
  border-top: 1px solid #aaaaaa;
2176
  border-left: 1px solid #aaaaaa;
2177
  border-right: 1px solid #aaaaaa;
2178
}
2179
2180
#content_base {
2181
  overflow: hidden;
2182
  *zoom: 1;
2183
  padding:0px 10px 0px 10px;
2184
  width: 960px;
2185
  margin: 0 auto;
2186
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
2187
  -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
2188
  box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
2189
  border-radius: 2px;
2190
  -moz-border-radius: 2px;
2191
  -webkit-border-radius: 2px;
2192
  margin-bottom: 3px;
2193
}
2194
2195
.editbox {
2196
  border: 1px solid #ccc;
2197
  border-width: 0 0 1px 0;
2198
  overflow: auto;
2199
  color: #555;
2200
  margin:5px 0 20px 0px;
2201
  clear: both;
2202
}
2203
.editbox label {
2204
  color: #555;
2205
  font-weight: bold;
2206
}
2207
.editbox label.simple, .editbox label.cr {
2208
  float: none;
2209
  text-align: left;
2210
}
2211
.editbox label.cr {
2212
  display: block;
2213
}
2214
.editbox .wide {
2215
  width: 90%;
2216
}
2217
.editbox input[type=text] {
2218
  width: 160px;
2219
}
2220
.editbox select {
2221
  width: 170px;
2222
}
2223
2224
/* Attachments */
2225
.attachment_images {
2226
  overflow: auto;
2227
}
2228
2229
div.attachment_thumb {
2230
  float: left;
2231
  margin: .5em;
2232
  margin-right: 1.5em;
2233
  position: relative;
2234
  padding: 10px;
2235
}
2236
div.attachment_thumb .delete_attachment .pic {
2237
  position: absolute;
2238
  top: 0;
2239
  left: 100px;
2240
}
2241
div.attachment_thumb .file {
2242
    position: absolute;
2243
    top: 0;
2244
    right: -40px;
2245
}
2246
div.attachment_thumb .file_type {
2247
  border: 1px solid #ccc;
2248
  display: block;
2249
  height: 100px;
2250
  width: 100px;
2251
  position: relative;
2252
  text-transform: uppercase;
2253
  text-align: center;
2254
  font-weight: bold;
2255
  font-size: 1.2em;
2256
  margin-bottom: .5em;
2257
  background: #ccc;
2258
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, to(#cccccc), from(white));
2259
  background-image: -moz-linear-gradient(100% 100% 90deg, #cccccc, white 100%);
2260
}
2261
div.attachment_thumb .file_type span {
2262
  display: block;
2263
  margin-top: 45px;
2264
  color: #666;
2265
}
2266
2267
/* forge tool icons */
2268
.ui-icon-tool-home {
2269
  background-repeat: no-repeat;
2270
}
2271
2272
.ui-icon-tool-wiki {
2273
  background-repeat: no-repeat;
2274
}
2275
2276
.ui-icon-tool-git, .ui-icon-tool-svn, .ui-icon-tool-hg {
2277
  background-repeat: no-repeat;
2278
}
2279
2280
.ui-icon-tool-stats {
2281
  background-repeat: no-repeat;
2282
}
2283
2284
.ui-icon-tool-admin, .ui-icon-admin {
2285
  background-repeat: no-repeat;
2286
}
2287
2288
.ui-icon-tool-discussion {
2289
  background-repeat: no-repeat;
2290
}
2291
2292
.ui-icon-tool-tickets {
2293
  background-repeat: no-repeat;
2294
}
2295
2296
.ui-icon-tool-link {
2297
  background-repeat: no-repeat;
2298
}
2299
.ui-icon-tool-shorturl {
2300
  background-repeat: no-repeat;
2301
}
2302
2303
2304
.ui-icon-tool-blog {
2305
  background-repeat: no-repeat;
2306
}
2307
2308
.ui-icon-tool-chat {
2309
  background-repeat: no-repeat;
2310
}
2311
2312
.ui-icon-tool-hosted_apps {
2313
  background-repeat: no-repeat;
2314
}
2315
2316
/* Cards */
2317
.installable_tool {
2318
  margin-top: 10px;
2319
}
2320
2321
.border {
2322
  -moz-border-radius: 5px;
2323
  -webkit-border-radius: 5px;
2324
  -o-border-radius: 5px;
2325
  -ms-border-radius: 5px;
2326
  -khtml-border-radius: 5px;
2327
  border-radius: 5px;
2328
  padding: 5px 10px;
2329
  border-bottom: 1px solid #fff;
2330
}
2331
2332
.card {
2333
  position: relative;
2334
  -moz-border-radius: 4px;
2335
  -webkit-border-radius: 4px;
2336
  -o-border-radius: 4px;
2337
  -ms-border-radius: 4px;
2338
  -khtml-border-radius: 4px;
2339
  border-radius: 4px;
2340
  display: inline-block;
2341
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px 0;
2342
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px 0;
2343
  -o-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px 0;
2344
  box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px 0;
2345
  background-color: #f5f5f5;
2346
  border: 1px solid #cccccc;
2347
  display: inline;
2348
  float: left;
2349
  overflow: hidden;
2350
  *zoom: 1;
2351
  margin: 0 10px;
2352
  height: 250px;
2353
  width: 220px;
2354
  overflow: hidden;
2355
  -moz-box-shadow: #666666 0 2px 4px 0;
2356
  -webkit-box-shadow: #666666 0 2px 4px 0;
2357
  -o-box-shadow: #666666 0 2px 4px 0;
2358
  box-shadow: #666666 0 2px 4px 0;
2359
  background: #fff;
2360
  background-image: -webkit-gradient(linear, 0% 85%, 0% 100%, from(white), to(#e5e5e5));
2361
  background-image: -moz-linear-gradient(100% 100% 90deg, #e5e5e5, white, white 25%);
2362
  margin: 0 0 10px 10px;
2363
}
2364
2365
.card .box {
2366
  border: none;
2367
  -moz-border-radius: 8px;
2368
  -webkit-border-radius: 8px;
2369
  -o-border-radius: 8px;
2370
  -ms-border-radius: 8px;
2371
  -khtml-border-radius: 8px;
2372
  border-radius: 8px;
2373
  margin: -6px 0 5px;
2374
  padding: 10px 0 0;
2375
  height: 48px;
2376
  position: relative;
2377
  line-height: 60px;
2378
}
2379
.card h2 {
2380
  margin-top: 15px !important;
2381
  line-height: 1.2em;
2382
}
2383
.card .desc {
2384
  margin: 5px 0 0;
2385
}
2386
.card .quik {
2387
  position: absolute;
2388
  bottom: 10px;
2389
  left: 10px;
2390
}
2391
.card .quik a {
2392
  margin: 0;
2393
  color: #000;
2394
  text-shadow: #fff 0 1px;
2395
  border: none;
2396
  width: 24px;
2397
  height: 24px;
2398
  display: inline-block;
2399
}
2400
.card .quik a span {
2401
  display: none;
2402
}
2403
.card .feature {
2404
  position: absolute;
2405
  top: -1px;
2406
  right: -3.3em;
2407
  padding: 2em 3em .4em;
2408
  color: #fff;
2409
  font: 0.7em/1em helvetica;
2410
  text-transform: uppercase;
2411
  font-weight: bold;
2412
  transform: rotate(45deg) translate(0px, 0px) skew(0deg, 0deg);
2413
  -moz-transform: rotate(45deg);
2414
  -webkit-transform: rotate(45deg);
2415
  -moz-box-shadow: #cccccc 0 1px 2px 0;
2416
  -webkit-box-shadow: #cccccc 0 1px 2px 0;
2417
  -o-box-shadow: #cccccc 0 1px 2px 0;
2418
  box-shadow: #cccccc 0 1px 2px 0;
2419
  background: #555555;
2420
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#555555), to(black));
2421
  background-image: -moz-linear-gradient(100% 100% 90deg, black, #555555 100%);
2422
}
2423
.card .box.notch {
2424
  margin: -6px -11px 5px 0;
2425
  background-image: -webkit-gradient(linear, 50% 100%, 100% 0%, color-stop(0.9, white), color-stop(0.9, #555555));
2426
  background-image: -moz-linear-gradient(100% 25% 230deg, #555555, white, white 1%);
2427
}
2428
.card hr {
2429
  visibility: hidden;
2430
}
2431
.card.sm {
2432
  height: 46px;
2433
  width: 34px;
2434
}
2435
.card.sm .box {
2436
  height: 48px;
2437
  margin: 0 0 0 -7px;
2438
  padding: 0;
2439
}
2440
2441
/* Discussion */
2442
#comment .row {
2443
  border: 1px solid #d7d7d7;
2444
  -moz-border-radius: 5px;
2445
  -webkit-border-radius: 5px;
2446
  -o-border-radius: 5px;
2447
  -ms-border-radius: 5px;
2448
  -khtml-border-radius: 5px;
2449
  border-radius: 5px;
2450
  position: relative;
2451
  z-index: 1;
2452
  float: right;
2453
  clear: both;
2454
  min-width: inherit;
2455
}
2456
2457
#new_post_holder{
2458
  border: 1px solid #d7d7d7;
2459
  -moz-border-radius: 5px;
2460
  -webkit-border-radius: 5px;
2461
  -o-border-radius: 5px;
2462
  -ms-border-radius: 5px;
2463
  -khtml-border-radius: 5px;
2464
  border-radius: 5px;
2465
  position: relative;
2466
  z-index: 1;
2467
  float: left;
2468
  clear: both;
2469
  min-width: inherit;
2470
  padding:6px;
2471
}
2472
2473
.discussion-post, #new_post_holder {
2474
  position: relative;
2475
}
2476
.discussion-post p, #new_post_holder p {
2477
  padding: 0;
2478
  word-wrap: break-word;
2479
}
2480
2481
.grid-2.gravatar {
2482
  width: 90px;
2483
  margin: 0 5px;
2484
}
2485
2486
.discussion-post h4, #new_post_holder h4 {
2487
  padding-left: 0;
2488
}
2489
2490
#comment .row .options {
2491
  position: relative;
2492
  width:105px;
2493
  text-align: right;
2494
  margin-top:5px;
2495
}
2496
2497
#comment ul ul .row .options {
2498
  right: 0;
2499
}
2500
2501
#comment .row .options a.little_link {
2502
2503
}
2504
2505
#comment .row .options a.little_link span {
2506
}
2507
2508
2509
#comment .row .options a.span{
2510
  width:70px;
2511
}
2512
2513
#comment ul {
2514
  padding: 0;
2515
  float: right;
2516
  clear: right;
2517
  list-style:none;
2518
}
2519
2520
#comment ul ul {
2521
  margin: 0 !important;
2522
}
2523
2524
#comment ul ul ul li {
2525
  margin-right: 0 !important;
2526
}
2527
2528
#comment ul .reply {
2529
  border-top-width: 0;
2530
  margin-top: 0 !important;
2531
  background-color: #fff;
2532
  overflow: auto;
2533
  padding-bottom: 10px;
2534
  margin-left: 20px;
2535
}
2536
2537
#comment ul .row {
2538
  margin: 0;
2539
  min-height: 175px;
2540
  padding:20px 5px 5px 5px;
2541
  margin:0px 10px 15px 5px;
2542
  width:692px;
2543
}
2544
2545
#comment ul ul .row {
2546
  position: relative;
2547
  z-index: 0;
2548
  width:585px;
2549
}
2550
2551
#comment ul .column.grid_8 {
2552
  width: 74%;
2553
}
2554
2555
#comment .display_post ul {
2556
  float: none;
2557
}
2558
2559
#comment .display_post li ul {
2560
  float: none;
2561
}
2562
2563
.row .reply_post_form{
2564
  width:470px !important;
2565
}
2566
2567
.row .reply_post_form .grid-14{
2568
  width:360px !important;
2569
}
2570
2571
.reply {
2572
  position: relative;
2573
}
2574
2575
.edit_post_form.reply .arw {
2576
  display: none;
2577
}
2578
2579
.forum-list th .ico {
2580
  margin-left: 4px;
2581
}
2582
2583
.gravatar b {
2584
  overflow: visible;
2585
  margin-bottom: 5px;
2586
  vertical-align: middle;
2587
}
2588
2589
#ticket_search_results_holder {
2590
  overflow: auto;
2591
}
2592
2593
/* Messages */
2594
.error, .notice, .success, .ok, .info {
2595
  padding: .8em;
2596
  margin-bottom: 1em;
2597
  border: 2px solid #ddd;
2598
}
2599
2600
.error p, .notice p, .success p, .info p {
2601
  margin: 0;
2602
}
2603
2604
.error {
2605
  background: #f33;
2606
  color: #fff;
2607
  border-color: #f00;
2608
}
2609
2610
.notice {
2611
  background: #FFF6BF;
2612
  color: #514721;
2613
  border-color: #FFD324;
2614
}
2615
2616
.success, .ok {
2617
  background: #E6EFC2;
2618
  color: #264409;
2619
  border-color: #C6D880;
2620
}
2621
2622
.info {
2623
  background: #BDE5F8;
2624
  color: #003565;
2625
  border-color: #5C98CD;
2626
}
2627
2628
.info a {
2629
  color: #003565;
2630
  text-decoration: underline;
2631
}
2632
2633
.error a {
2634
  color: #8a1f11;
2635
  text-decoration: underline;
2636
}
2637
2638
.notice a {
2639
  color: #514721;
2640
  text-decoration: underline;
2641
}
2642
2643
.success a, .ok a {
2644
  color: #264409;
2645
  text-decoration: underline;
2646
}
2647
2648
.fielderror {
2649
  color: #b81414;
2650
}
2651
2652
.forums .error {
2653
  background: #8a1f11 !important;
2654
  border-color: #500;
2655
}
2656
2657
.forums .notice {
2658
  background: #e5be20;
2659
}
2660
2661
.forums .success, .forums .ok {
2662
  background: #264409;
2663
}
2664
2665
/* Inline editing of content */
2666
.editor input, .editor textarea, .editor select {
2667
  margin: 0;
2668
}
2669
2670
.edit span.ui-icon {
2671
  float: left;
2672
  margin: auto;
2673
  margin-right: 5px;
2674
}
2675
2676
.editable.viewing .editor {
2677
  display: none;
2678
}
2679
2680
.editable.editing .viewer {
2681
  display: none;
2682
}
2683
2684
.editable .viewer {
2685
  padding: 1px 5px;
2686
  display: block;
2687
  position: relative;
2688
  min-height: 21px;
2689
}
2690
2691
.editable .viewer:hover {
2692
  padding: 0px 4px;
2693
  border: 1px solid #ccc;
2694
  cursor: pointer;
2695
}
2696
2697
h1.title .viewer {
2698
  padding: 1px 1px 1px 1px;
2699
}
2700
2701
h1.title .viewer:hover {
2702
  padding: 0 0 0 0;
2703
}
2704
2705
.editable + .editable {
2706
  margin-top: 1em;
2707
}
2708
2709
.editable .editor {
2710
  background-color: #ffc;
2711
  padding: 4px 4px;
2712
  border: 1px solid #ccc;
2713
  display: block;
2714
  overflow: hidden;
2715
}
2716
2717
.editable .editor .holder_table {
2718
  background-color: #ffc;
2719
  margin: 0;
2720
  width: auto;
2721
}
2722
2723
.editable .editor .save_controls {
2724
  width: 115px;
2725
}
2726
2727
.editable .editor.multiline .save_holder {
2728
  margin-top: 4px;
2729
}
2730
2731
.editable .editor.multiline.overlap {
2732
  position: absolute;
2733
  z-index: 10;
2734
}
2735
2736
.editable .editor .save_holder .cancel_btn {
2737
  float: left;
2738
  margin: 5px 1em 0;
2739
}
2740
2741
.editable .editor .save_controls .save_holder .cancel_btn {
2742
  margin: -5px 1em 0 1em;
2743
}
2744
2745
.editable .editor .save_holder input {
2746
  float: left;
2747
}
2748
2749
.editable .viewer .edit_btn {
2750
  display: none;
2751
  position: absolute;
2752
  top: 2px;
2753
  right: 0;
2754
}
2755
2756
.editable .viewer:hover .edit_btn {
2757
  display: inline;
2758
}
2759
2760
#forge_wiki_browse tr.deleted a {
2761
  color: red;
2762
}
2763
2764
.scm-branch-label, .scm-tag-label {
2765
  display: inline-block;
2766
  font-size: 10pt;
2767
}
2768
2769
.scm-tag-label {
2770
  background: #006699;
2771
}
2772
2773
#access_urls span {
2774
  width: 9.5em;
2775
  text-align: right;
2776
  display: inline-block;
2777
}
2778
#access_urls input {
2779
  width: 32em;
2780
}
2781
2782
/* Repo status indicator, displayed on repo pages if status != 'ready' */
2783
#repo_status h2 {
2784
  padding-left: 33px;
2785
}
2786
2787
.neighborhood_feed_entry h3 {
2788
  font-size: 1.1em;
2789
}
2790
2791
/*linenumbers in codeblock viewer style*/
2792
2793
table.codehilitetable {
2794
    margin-left:0px;
2795
    width:740px;
2796
}
2797
2798
td.linenos {
2799
    width:auto;
2800
    padding: 0;
2801
}
2802
div.linenodiv {
2803
2804
}
2805
td.linenos pre {
2806
    font-size: 100%;
2807
    padding: 1px;
2808
    padding-left: 7px;
2809
    padding-right: 5px;
2810
    margin-left: 15px;
2811
    background-color: #EBEBEB;
2812
    color: #555;
2813
    border-right: solid 1px #DDD;
2814
}
2815
td.code {
2816
    padding-left: 0px;
2817
    width:100%;
2818
}
2819
2820
div.codehilite pre {
2821
    padding-left: 0px;
2822
    padding-top:10px;
2823
    padding-bottom:10px;
2824
}
2825
div.codehilite pre div.code_block {
2826
    padding-left:10px;
2827
    width: 100%;
2828
}
2829
2830
.codehilite * {
2831
    font-family: monospace;
2832
}
2833
div.codebrowser{
2834
    overflow-x: auto;
2835
}
2836
input.nofloat {
2837
    float: none;
2838
}
2839
table thead tr th.narrow, table tr td.narrow {
2840
  padding-left: 2px;
2841
  padding-right: 2px;
2842
}
2843
#selected-projects {
2844
  padding: 10px 10px;
2845
}
2846
2847
/* Projects Summary*/
2848
2849
.projlist{
2850
  width:710px;
2851
  margin:0px 20px 0px 20px;
2852
}
2853
2854
.proj{
2855
  clear:both;
2856
  margin:0px 0px 5px 0px;
2857
  border-bottom:1px solid #ccc;
2858
}
2859
2860
2861
.leftbar{
2862
  float:left;
2863
  width:50px;
2864
}
2865
.projicon{
2866
  padding-top:6px;
2867
2868
}
2869
2870
.projicon img{
2871
  width:40px;
2872
  height:40px;
2873
}
2874
2875
.projname{
2876
  padding: 0px 10px 0px 0px;
2877
  font-size: 11pt;
2878
  font-family:Arial, Helvetica, sans-serif;
2879
  font-weight: bold;
2880
  height:15px;
2881
}
2882
2883
.projname a, .projname a:link, .projname a:active{
2884
  text-decoration:none;
2885
2886
}
2887
2888
.projname a:hover{
2889
  text-decoration:underline;
2890
}
2891
2892
2893
.middlebar{
2894
  width:500px;
2895
  padding-top:5px;
2896
  float:left;
2897
}
2898
2899
.rightbar{
2900
  width:115px;
2901
  padding-top:5px;
2902
  float:right;
2903
}
2904
2905
.barnumbers{
2906
  padding:7px 0px 0px 0px;
2907
  color:#999;
2908
  font-size:10pt;
2909
  text-align:right;
2910
}
2911
2912
.bartitles{
2913
  float:right;
2914
  padding:7px 5px 0px 5px;
2915
  color:#999;
2916
  font-size:11pt;
2917
}
2918
2919
.nummembers, .numcommits, .numforks, .numfollowers {
2920
  width:50px;
2921
  text-align:right;
2922
}
2923
2924
.projupdated {
2925
  width:70px;
2926
  color:#999;
2927
  font-size:8pt;
2928
  letter-spacing:1pt;
2929
  margin-left:5px;
2930
  text-align:center;
2931
  line-height:10pt;
2932
  display:none;
2933
}
2934
2935
.projlabel{
2936
  float:left;
2937
  font-size:11px;
2938
  font-weight:normal;
2939
  color:#6b6b6b;
2940
  margin-bottom: 7px;
2941
  padding-right:10px;
2942
}
2943
2944
.projdesc{
2945
  color:#555;
2946
  font-size:11px;
2947
  margin-top:3px;
2948
  width:525px;
2949
  font-weight: bold;
2950
  font-family:Arial, Helvetica, sans-serif;
2951
  line-height: 10px;
2952
  height: 8px;
2953
}
2954
2955
a#header-logo{
2956
  margin:0 auto;
2957
  height:70px;
2958
  float:left;
2959
}
2960
2961
2962
a#header-logo img{
2963
  height:35px;
2964
  width:183px;
2965
}
2966
2967
a#header-logo, a#header-logo a:hover{
2968
  text-decoration:none;
2969
}
2970
2971
2972
#sidebar{
2973
  margin-bottom:5px;
2974
}
2975
2976
li.sidebarmenu {
2977
  color:#FFF;
2978
}
2979
2980
2981
.top_menu{
2982
  font-size:11pt;
2983
  margin-top: 20px;
2984
}
2985
2986
.magic_bar_osp{
2987
  width:180px;
2988
  float:left;
2989
  margin-top:25px;
2990
}
2991
2992
2993
#discussion_holder {
2994
  margin-top: 30px;
2995
}
2996
2997
.clear {
2998
    clear:both;
2999
}
3000
3001
ul.users{
3002
  list-style-type: none;
3003
}
3004
3005
ul.permissions{
3006
  list-style-type: none;
3007
}
3008
3009
3010
.x10 {
3011
  font-size: 12px;
3012
  width:17px;
3013
  height: 23px;
3014
}
3015
3016
.magic_bar_osp .ico, .ico-l:before, .ico-r:after {
3017
  width: 24px;
3018
  height: 17px;
3019
  display: inline-block;
3020
}
3021
3022
.magic_bar_osp a:link{
3023
  
3024
}
3025
3026
.magic_bar_osp a:hover{
3027
  background-color:#2d81e0;
3028
  color:#444 !important;
3029
}
3030
3031
.magic_bar_osp a.active{
3032
  background-color:#156fd4;
3033
}
3034
 
3035
.magic_bar_osp a.active:hover{
3036
  background-color:#2d81e0;
3037
}
3038
3039
.git #top_nav a.active, .svn #top_nav a.active {
3040
  background-color:#F08337;
3041
}
3042
3043
.git #top_nav a.active:hover, .svn #top_nav a.active:hover {
3044
  background-color:#FA9955;
3045
}
3046
3047
a.ui-icon-tool-git:hover, a.ui-icon-tool-svn:hover {
3048
  background-color:#F08337;
3049
}
3050
3051
.git .padding_content a, .svn .padding_content a{
3052
  color:#CF6117;
3053
}
3054
3055
.git .padding_content a:hover, .svn .padding_content a:hover{
3056
  color:#E07A34;
3057
}
3058
3059
.git .sidebarmenu li, .svn .sidebarmenu li, .git #sidebar h3, .svn #sidebar h3 {
3060
  background-color:#FFF1D4;
3061
}
3062
3063
.git #sidebar .sidebarmenu li a:hover, .svn #sidebar .sidebarmenu li a:hover {
3064
  background-color:#FCE1C2 !important;
3065
}
3066
3067
.git #sidebar .sidebarmenu .active a, .svn #sidebar .sidebarmenu .active a{
3068
  background-color:#FCD9B0 !important;
3069
}
3070
3071
3072
.tickets #top_nav a.active  {
3073
  background-color:#72C717;
3074
}
3075
3076
.tickets #top_nav a.active:hover {
3077
  background-color:#84D430;
3078
}
3079
3080
a.ui-icon-tool-tickets:hover {
3081
  background-color:#72C717;
3082
}
3083
3084
.tickets .padding_content a, .tickets .editbox a{
3085
  color:#4E9600;
3086
}
3087
3088
.tickets .padding_content a:hover, .tickets .editbox a:hover{
3089
  color:#68B319;
3090
}
3091
3092
.tickets .sidebarmenu li, .tickets #sidebar h3 {
3093
  background-color:#E0FFD4;
3094
}
3095
3096
.tickets #sidebar .sidebarmenu li a:hover {
3097
  background-color:#D2FFB7 !important;
3098
}
3099
3100
.tickets #sidebar .sidebarmenu .active a {
3101
  background-color:#C3F5A2 !important;
3102
}
3103
3104
3105
.discussion a.active  {
3106
  background-color:#30B6C2;
3107
}
3108
3109
.discussion a.active:hover {
3110
  background-color:#36C2CF;
3111
}
3112
3113
a.ui-icon-tool-discussion:hover {
3114
  background-color:#30B6C2;
3115
}
3116
3117
.discussion .padding_content a{
3118
  color:#2A8D96;
3119
}
3120
3121
.discussion .padding_content a:hover{
3122
  color:#2BA1AB;
3123
}
3124
3125
.discussion .sidebarmenu li, .discussion #sidebar h3 {
3126
  background-color:#DFF7F7;
3127
}
3128
3129
.discussion .sidebarmenu b.ico.ico-plus {
3130
  background-position: -262px -329px !important;
3131
}
3132
3133
.discussion #sidebar .sidebarmenu li a:hover {
3134
  background-color:#CEF4F5 !important;
3135
}
3136
3137
.discussion #sidebar .sidebarmenu .active a {
3138
  background-color:#B3EDF2 !important;
3139
}
3140
3141
3142
.blog a.active  {
3143
  background-color:#E0518F;
3144
}
3145
3146
.blog a.active:hover {
3147
  background-color:#E85F86;
3148
}
3149
3150
a.ui-icon-tool-blog:hover {
3151
  background-color:#EB609A;
3152
}
3153
3154
.blog .padding_content a{
3155
  color:#C93A79;
3156
}
3157
3158
.blog .padding_content a:hover{
3159
  color:#D64482;
3160
}
3161
3162
.blog .sidebarmenu li, .blog #sidebar h3 {
3163
  background-color:#FFE3ED;
3164
}
3165
3166
.blog #sidebar .sidebarmenu li a:hover {
3167
  background-color:#FFDBE9 !important;
3168
}
3169
3170
.blog #sidebar .sidebarmenu .active a {
3171
  background-color:#FFD1E3 !important;
3172
}
3173
3174
3175
3176
.link a.active  {
3177
  background-color:#C459BD;
3178
}
3179
3180
.link a.active:hover {
3181
  background-color:#D664CD;
3182
}
3183
3184
a.ui-icon-tool-link:hover {
3185
  background-color:#C459BD;
3186
}
3187
3188
.link .padding_content a{
3189
  color:#9E2898;
3190
}
3191
3192
.link .padding_content a:hover{
3193
  color:#AD2CA7;
3194
}
3195
3196
.link .sidebarmenu li, .link #sidebar h3 {
3197
  background-color:#FFDBFC;
3198
}
3199
3200
.link #sidebar .sidebarmenu li a:hover {
3201
  background-color:#FFD1FB !important;
3202
}
3203
3204
.link #sidebar .sidebarmenu .active a {
3205
  background-color:#F7C1F3 !important;
3206
}
3207
3208
3209
3210
.wiki #top_nav a.active  {
3211
  background-color:#E8B73D;
3212
}
3213
3214
.wiki #top_nav a.active:hover {
3215
  background-color:#EDC851;
3216
}
3217
3218
a.ui-icon-tool-wiki:hover {
3219
  background-color:#E8B73D;
3220
}
3221
3222
.wiki .padding_content a{
3223
  color:#CC9933;
3224
}
3225
3226
.wiki .padding_content a:hover{
3227
  color:#DBA837;
3228
}
3229
3230
.wiki .sidebarmenu li, .wiki #sidebar h3 {
3231
  background-color:#FFF7D4;
3232
}
3233
3234
.wiki .sidebarmenu b.ico.ico-plus {
3235
  background-position: -262px -357px !important;
3236
}
3237
3238
.wiki #sidebar .sidebarmenu li a:hover {
3239
  background-color:#FFF2B8 !important;
3240
}
3241
3242
.wiki #sidebar .sidebarmenu .active a {
3243
  background-color:#FAE89E !important;
3244
}
3245
3246
3247
.pad h2.dark small a.active b.ico.ico-star {
3248
  background-position: -174px -56px;
3249
}
3250
3251
.wiki .editbox label.simple {
3252
  color: #9DA0A4;
3253
  font-weight: bold;
3254
  margin-right: 10px;
3255
  vertical-align: top;
3256
}
3257
3258
#vote {
3259
  margin:0px;
3260
  height: 44px;
3261
}
3262
3263
#vote .vote-text{
3264
  top:10px;
3265
}
3266
3267
.page_list{
3268
  margin:0px !important;
3269
}
3270
3271
3272
.tool{
3273
  width:635px !important;
3274
}
3275
3276
.tool p{
3277
  top:0px !important;
3278
}
3279
3280
.tool h1{
3281
  top:-22px !important;
3282
}
3283
3284
3285
3286
p.warn {
3287
    color:  #666;
3288
    padding:    1ex;
3289
    background: #FFD0C5;
3290
}
3291
3292
p.warn a {
3293
    text-decoration: underline;
3294
}
3295
3296
.clone_info {
3297
    display: block;
3298
}
3299
.clone_info p.warn {
3300
  font-weight: bold;
3301
  line-height: 14pt;
3302
  font-size: 10pt;
3303
  color: #b81414;
3304
  background-color: transparent;
3305
  padding:0px 0px 0px 10px;
3306
  text-align: right;
3307
}
3308
3309
.clone_info .clone_command {
3310
  font-size: 12px;
3311
  font-weight: bold;
3312
  border: 1px solid #CF6117;
3313
  padding: 5px 10px 5px 10px;
3314
  text-align: right;
3315
  background-color: #FFF1D4;
3316
}
3317
3318
#start {
3319
    /* position is relative in a css we need to override */
3320
    top: 0 !important;
3321
}
3322
3323
#comment .markdown_content ul {
3324
  margin:0;
3325
  list-style: disc inside;
3326
}
3327
3328
#comment .markdown_content li ul {
3329
  margin:0;
3330
  padding-left:20px;
3331
  list-style: circle inside;
3332
}
3333
3334
.pager_link, .pager_curpage {
3335
  padding-right:5px;
3336
}
3337
3338
a.pager_link, .pager_curpage, .page_list {
3339
  font-size: 9pt !important;
3340
}
3341
3342
3343
/* front page and sign form */
3344
3345
.upcontent{
3346
    width:100%;
3347
    height:330px;
3348
}
3349
3350
.tagnsign, .tagerror{
3351
    margin: 0 auto;
3352
    padding-top:80px;
3353
    width: 900px;
3354
    right:0px;
3355
    left:0px;
3356
}
3357
3358
.tagerror{
3359
  padding-left:30px;
3360
}
3361
3362
.tagline{
3363
    max-width: 500px;
3364
    word-wrap:break-word;
3365
    float: left;
3366
}
3367
3368
.taglineerror{
3369
  max-width: 700px;
3370
  word-wrap:break-word;
3371
  float: left;
3372
}
3373
3374
3375
.taglinebig{
3376
    font-size: 39pt;
3377
    line-height: 60px;
3378
    color:#0b58ad;
3379
    font-family: 'Sintony', sans-serif;
3380
}
3381
3382
.taglinemini{
3383
    font-size: 16pt;
3384
    line-height: 30px;
3385
    color:#156fd4;
3386
    margin-top: 5px;
3387
}
3388
3389
.signform {
3390
    float: right;
3391
    max-width:302px;
3392
}
3393
3394
3395
.signformbox{
3396
    border:1px solid #414E96;
3397
}
3398
3399
.signformboxcheck {
3400
    border:1px solid #0E942C;
3401
    background-color: #D9FEE1;
3402
}
3403
3404
.signformboxwrong {
3405
    border:1px solid #d04437;
3406
    background-color: #f6e4e4;
3407
}
3408
3409
.signformerror{ 
3410
    background-color:#d04437;
3411
    padding:7px 6px 5px 10px;
3412
    color:#FFF;
3413
    font-size: 10pt;
3414
    position: relative;
3415
    word-wrap:break-word;
3416
    max-width:264px;
3417
    text-align: left;
3418
    font-weight: bold;
3419
    display:none;
3420
}
3421
3422
.signformarrow{
3423
    width: 0; 
3424
    height: 0; 
3425
    border-left: 5px solid transparent;
3426
    border-right: 5px solid transparent;
3427
    border-bottom: 5px solid #d04437;
3428
    margin-left:12px;
3429
    display:none;
3430
}
3431
3432
#passarrow, #passerror{
3433
    display:block;
3434
}
3435
3436
3437
3438
.middlecontent{
3439
    background-color: #FFF;
3440
    width:100%;
3441
    height:350px;
3442
    border-bottom: 1px solid #DFE2F2;
3443
    display: none;
3444
}
3445
3446
3447
.highlightrecent{
3448
    margin: 0 auto;
3449
    width: 900px;
3450
    right:0px;
3451
    left:0px;
3452
}
3453
3454
.highlightproj{
3455
    padding-top:20px;
3456
    background-color: #F00;
3457
    height:330px;
3458
    width: 445px;
3459
    float: left;
3460
    opacity:0.6;
3461
    padding-right:5px;
3462
}
3463
.recentproj{
3464
    padding-top:20px;
3465
    background-color: #0F0;
3466
    height:330px;
3467
    width: 445px;
3468
    float: right;
3469
    opacity:0.6;
3470
    padding-left:5px;
3471
}
3472
3473
3474
.downcontent{
3475
    background-color: #FFF;
3476
    width:100%;
3477
    height:700px;
3478
}
3479
3480
3481
.featurenexplain{
3482
    margin: 0 auto;
3483
    width: 900px;
3484
    right:0px;
3485
    left:0px;
3486
}
3487
3488
.featureosp{
3489
    margin-top:40px;
3490
    float: left;
3491
    text-align: center;
3492
    padding:24px;
3493
    height: 530px;
3494
        border-right-width:1px;
3495
    -webkit-border-image: 
3496
        -webkit-gradient(linear, 0 0, 0 100%, from(#d0d0d0), to(#e9e9e9)) 1 100%;
3497
    -webkit-border-image: 
3498
        -webkit-linear-gradient(#d0d0d0, #e9e9e9) 1 100%;
3499
    -o-border-image:
3500
             -o-linear-gradient(#d0d0d0, #e9e9e9) 1 100%;
3501
    -moz-border-image:
3502
           -moz-linear-gradient(#d0d0d0, #e9e9e9) 1 100%; 
3503
3504
}
3505
3506
#lastfeature {border:none;}
3507
3508
.featureadmin {
3509
    -webkit-border-radius: 4px;
3510
    -moz-border-radius: 4px;
3511
    border-radius: 4px;
3512
    border: 1px solid #d0d0d0;
3513
    width:172px;
3514
    background-color: #FFF;
3515
    margin:0 auto;
3516
    margin-top: 30px;
3517
    height: 315px;
3518
}
3519
3520
3521
.featuregit {
3522
    -webkit-border-radius: 4px;
3523
    -moz-border-radius: 4px;
3524
    border-radius: 4px;
3525
    border: 1px solid #d0d0d0;
3526
    height: 255px;
3527
    width:172px;
3528
    background-color: #FFF;
3529
    margin:0 auto;
3530
    margin-top: 30px;
3531
}
3532
3533
3534
.featureforum {
3535
    -webkit-border-radius: 4px;
3536
    -moz-border-radius: 4px;
3537
    border-radius: 4px;
3538
    border: 1px solid #d0d0d0;
3539
    height: 320px;
3540
    width:172px;
3541
    background-color: #FFF;
3542
    padding-left: 2px;
3543
    margin:0 auto;
3544
    margin-top: 30px;
3545
    padding-top:4px;
3546
    padding-bottom:3px;
3547
}
3548
3549
.featuretickets {
3550
    -webkit-border-radius: 4px;
3551
    -moz-border-radius: 4px;
3552
    border-radius: 4px;
3553
    border: 1px solid #d0d0d0;
3554
    height: 410px;
3555
    width:172px;
3556
    background-color: #FFF;
3557
    margin:0 auto;
3558
    margin-top: 30px;
3559
    padding-top:5px;
3560
    padding-bottom:1px;
3561
}
3562
3563
3564
.titleosp{
3565
    color:#000C4C;
3566
    font-size: 18pt;
3567
    font-weight: bold;
3568
    padding-bottom: 10px;
3569
    text-shadow: -1px 1 #333, 1 1px #333, 1px 1 #333, 1 -1px #333;
3570
}
3571
3572
.explainosp{
3573
    color:#000C4C;
3574
    font-size: 10pt;
3575
    height: 60px;
3576
    line-height: 20px;
3577
    width: 170px;
3578
    margin: 0 auto;
3579
    text-align: center;
3580
}
3581
3582
.explainosp p{
3583
    font-size: 13pt;
3584
    line-height: 25px;
3585
    padding: 0px;
3586
    margin: 0px; 
3587
}
3588
3589
.featureadmin img{
3590
    width:167px;
3591
}
3592
3593
.featureforum img{
3594
    width:170px;
3595
}
3596
3597
.featuregit img{
3598
    width:167px;
3599
}
3600
3601
.featuretickets img{
3602
    width:166px;
3603
}
3604
3605
.fieldcontainer .fielderror {
3606
  display:none;
3607
}
3608
3609
.fielderror .fielderror {
3610
  display: inline;
3611
}
3612
3613
.signform .grid-15{
3614
  clear: both;
3615
  margin:0px;
3616
  padding:0px;
3617
  width: 304px;
3618
}
3619
3620
.createacc .signform .grid-15 {
3621
 float:right;
3622
}
3623
3624
.createacc .signform{
3625
  max-width:715px;
3626
}
3627
3628
.createacc .signform input{
3629
  clear:both;
3630
  float:right;
3631
}
3632
3633
3634
.createacc span.fielderror {
3635
  max-width:400px;
3636
  font-weight: bold;
3637
  float:right;
3638
  text-align:right;
3639
  font-family: 'Sintony', sans-serif;
3640
  font-size: 9pt;
3641
  line-height: 13pt;
3642
  padding: 3px 5px 2px 5px;
3643
  margin-bottom: 0px;
3644
  margin-top: 10px;
3645
  color:#b81414;
3646
  
3647
}
3648
3649
.signform .fielderror .arrow{
3650
    width: 0; 
3651
    height: 0; 
3652
    border-top: 5px solid transparent;
3653
    border-bottom: 5px solid transparent;
3654
    border-left: 5px solid #b81414;
3655
    margin:4px 10px 20px 5px;
3656
    float:right;
3657
}
3658
3659
.createacc .fieldcheck {
3660
  font-size: 20pt;
3661
  color: #0E942C;
3662
  padding-top:160px;
3663
  position: fixed;
3664
  width:400px;
3665
  text-align: right;
3666
  font-weight: bold;
3667
  font-family: 'Sintony', sans-serif;
3668
  font-size: 9pt;
3669
  line-height: 13pt;
3670
  padding: 3px 5px 2px 5px;
3671
  margin-bottom: 0px;
3672
  color:#b81414;
3673
}
3674
3675
.createacc .fieldcheck .arrow{
3676
    width: 0; 
3677
    height: 0; 
3678
    border-top: 5px solid transparent;
3679
    border-bottom: 5px solid transparent;
3680
    border-left: 5px solid #0E942C;
3681
    margin:4px 10px 20px 5px;
3682
    float:right;
3683
}
3684
3685
.markdown_syntax_section {
3686
  margin-top:30px;
3687
}
3688
3689
.grid-2 small span {
3690
  font-size: 8pt;
3691
}
3692
.post_actions {
3693
  padding-top:10px;
3694
}
3695
3696
.post_actions a {
3697
  padding:3px 10px 2px 10px;
3698
  margin:0px 7px 0px 20px;
3699
  line-height: 22px;
3700
}
3701
3702
3703
.options.grid-3 {
3704
  float: right;
3705
}
3706
3707
.discussion-post .grid-14 {
3708
  width:450px !important;
3709
  float:left;
3710
}
3711
3712
#comment ul ul .row .grid-14 {
3713
  width:340px !important;
3714
  float:left;
3715
}
3716
3717
.discussion-post .grid-14 form input {
3718
  float: right;
3719
}
3720
.attachment_form_fields {
3721
  float:left !important;
3722
}
3723
3724
.markdown_edit a{
3725
  float:right;
3726
}
3727
3728
.markdown_preview a {
3729
  float:none;
3730
}
3731
3732
#new_post_holder .grid-17 {
3733
  width:580px;
3734
  margin:10px;
3735
}
3736
3737
#new_post_holder .grid-2 {
3738
  margin-top:54px;
3739
  margin-left: 20px;
3740
}
3741
3742
.form_holder .grid-18 input.ui-button.ui-widget.ui-state-default.ui-button-text-only {
3743
  float:right;
3744
  margin:5px 5px 5px 0;
3745
}
3746
3747
.form_holder .grid-18 textarea.auto_resize{
3748
  width:680px !important;
3749
}
3750
3751
.reply .grid-17 form input {
3752
  float:right;
3753
  margin:0px 7px;
3754
}
3755
3756
h1.project_title{
3757
  line-height: 20px;
3758
}
3759
3760
h2.dark {
3761
   line-height: 24px;
3762
}
3763
3764
.errorimg img{
3765
  padding-top:80px;
3766
  margin: 0 auto;
3767
  padding-left:100px;
3768
}
3769
3770
.reply .grid-2 {
3771
  margin: 44px 10px 0px 0px;
3772
}
3773
3774
.tickets, .admin, .git, .link, .wiki, .discussion, .blog {
3775
  padding-bottom:80px;
3776
}
3777
3778
.tagEditor li {
3779
  display: inline-block !important;
3780
  margin: 2px 4px !important;
3781
}
3782
3783
.edit-box .grid-18 #ticket-title {
3784
  width: 480px !important;
3785
}
3786
3787
.edit-box .grid-6 #mark-private {
3788
  clear:both;
3789
  margin:10px 20px 10px 0px;
3790
}
3791
3792
#nav_menu_holder h2 .title-text {
3793
  overflow:hidden;
3794
  width:600px;
3795
  font-size: 12pt;
3796
  height:26px;
3797
  margin:8px 0px 20px 0px;
3798
  float:left;
3799
}
3800
3801
.git .btn-bar {
3802
  margin:0px;
3803
}
3804
3805
.git .btn-set {
3806
  float: right !important;
3807
}
3808
3809
.profile .padding_content  .project-list, .profile .padding_content .address-list, .profile .padding_content .grid-24 {
3810
  margin-bottom: 20px;
3811
}
3812
3813
.profile .padding_content .grid-24 .grid-24, .profile .padding_content .grid-24 .grid-24 .grid-24 {
3814
  margin:0;
3815
}
3816
3817
.address-list ul {
3818
  list-style: none;
3819
}
3820
3821
3822
.address-list ul li {
3823
  padding:5px 0px 5px 0px;
3824
  clear: both;
3825
}
3826
3827
.address-list .email-address{
3828
  padding:10px 5px 0px 10px;
3829
  line-height: 20px;
3830
}
3831
3832
.address-list ul li img{
3833
  float: left;
3834
}
3835
3836
3837
.search .grid-24 form {
3838
  margin-top: 20px;
3839
  height: 80px;
3840
  clear: both;
3841
}
3842
3843
.search .grid-24 p {
3844
  margin:60px 0px 0px 5px;
3845
}
3846
3847
.search .grid-24 ol{
3848
  margin-left: 10px;
3849
}
3850
3851
.search .grid-24 input[type=checkbox] {
3852
  float: left;
3853
}
3854
3855
.search .grid-24 input[type=checkbox].css-checkbox {
3856
display:none;
3857
}
3858
3859
.search .grid-24 input[type=checkbox].css-checkbox + label.css-label {
3860
padding-left:20px;
3861
height:17px; 
3862
display:inline-block;
3863
line-height:17px;
3864
background-repeat:no-repeat;
3865
background-position: 0 0;
3866
font-size:15px;
3867
vertical-align:middle;
3868
cursor:pointer;
3869
}
3870
3871
.search .grid-24 input[type=checkbox].css-checkbox:checked + label.css-label {
3872
background-position: 0 -17px;
3873
}
3874
3875
.search .grid-24 .css-label{ 
3876
  background-image:url('../images/checkbox.png');
3877
  /*clear:both;*/
3878
  float: right;
3879
  text-align: right;
3880
}
3881
3882
.discussion-post .grid-3 a.reply_post{
3883
  margin-right:15px;
3884
  padding:7px 10px;
3885
}
3886
3887
/*general css*/
3888
.search .btn, .search button, .search input[type=submit], .search input[type=reset], .search input[type=button], .search .btn:hover, .search button:hover, .search input[type=submit]:hover, .search input[type=reset]:hover, .search input[type=button]:hover,
3889
.signform .btn, .signform button, .signform input[type=submit], .signform input[type=reset], .signform input[type=button], .signform .btn:hover, .signform button:hover, .signform input[type=submit]:hover, .signform input[type=reset]:hover, .signform input[type=button]:hover,
3890
.tickets .grid-19 input[type=submit], .tickets .grid-19 input[type=submit]:hover, .tickets .grid-19 input[type=button], .tickets .grid-19 input[type=button]:hover {
3891
  text-decoration:none;
3892
  text-transform:lowercase;
3893
  padding:7px 10px;
3894
  height:35px;
3895
  border-radius: 2px;
3896
  -moz-border-radius: 2px;
3897
  -webkit-border-radius: 2px;
3898
  text-shadow: 1px 1px #000;
3899
  background:  url('../images/bg-btn.png');
3900
  box-shadow: 0px 0px 2px rgba(0,0,0,0.55),inset 0px 1px 0px rgba(255,255,255,0.2);
3901
  background-position: left top;
3902
  background-repeat: repeat-x;
3903
  line-height: 16px;
3904
  font-size: 14px;
3905
  color:#FFF !important;
3906
  font-family:Arial, Helvetica, sans-serif;
3907
  font-weight: normal;
3908
  width: 150px;
3909
  letter-spacing: 1px;
3910
  border:1px solid #031b50 !important;
3911
  margin: 2px 2px 10px 2px;
3912
  float: right;
3913
}
3914
3915
/*hover*/
3916
.search .btn:hover, .search button:hover, .search input[type=submit]:hover, .search input[type=reset]:hover, .search input[type=button]:hover,
3917
.signform .btn:hover, .signform button:hover, .signform input[type=submit]:hover, .signform input[type=reset]:hover, .signform input[type=button]:hover,
3918
.tickets .grid-19 input[type=submit]:hover, .tickets .grid-19 input[type=button]:hover {
3919
  background:  url('../images/bg-btn-hover.png');
3920
}
3921
3922
/*bigger*/
3923
.signform .btn, .signform button, .signform input[type=submit], .signform input[type=reset], .signform input[type=button],
3924
.signform .btn:hover, .signform button:hover, .signform input[type=submit]:hover, .signform input[type=reset]:hover, .signform input[type=button]:hover {
3925
  width: 300px;
3926
  height:50px;
3927
  font-size: 16px;
3928
  line-height: 22px;
3929
  font-weight: 600;
3930
}
3931
3932
/*not so big on search*/
3933
.search .btn, .search button, .search input[type=submit], .search input[type=reset], .search input[type=button],
3934
.search .btn:hover, .search button:hover, .search input[type=submit]:hover, .search input[type=reset]:hover, .search input[type=button]:hover {
3935
  width: 200px;
3936
  height:40px;
3937
  font-size: 16px;
3938
  line-height: 22px;
3939
  font-weight: 600;
3940
}
3941
3942
.search input[type=text], .search input[type=text]:hover, .tickets .grid-19 input[type=text], .tickets .grid-19 input[type=text]:hover {
3943
  height:15px;
3944
  width: 689px !important;
3945
  float: left;
3946
  line-height: 22px;
3947
  font-size: 14px;
3948
  letter-spacing: 1px;
3949
  text-transform:lowercase;
3950
  text-decoration:none;
3951
  padding:10px 10px 7px 10px;
3952
  color:#444 !important;;
3953
  border-radius: 2px;
3954
  -moz-border-radius: 2px;
3955
  -webkit-border-radius: 2px;
3956
  text-shadow: 0px;
3957
  box-shadow: 0px 0px 2px rgba(0,0,0,0.55),inset 0px 1px 0px rgba(255,255,255,0.2);
3958
  background-position: left top;
3959
  background-repeat: repeat-x;
3960
  font-family:Arial, Helvetica, sans-serif;
3961
  font-weight: normal;
3962
  border:1px solid #031b50 !important;
3963
  margin: 23px 2px 10px 2px !important;
3964
}
3965
3966
/*bigger on search*/
3967
.search input[type=text], .search input[type=text]:hover {
3968
  height:30px;
3969
  font-size: 16px;
3970
}
3971
3972
.signform input[type=text], .signform input[type=text]:hover {
3973
  height:30px;
3974
  width: 278px;
3975
  line-height: 22px;
3976
  font-size: 16px;
3977
  letter-spacing: 1px;
3978
  text-transform:lowercase;
3979
  text-decoration:none;
3980
  padding:10px 10px 7px 10px;
3981
  color:#444 !important;;
3982
  border-radius: 2px;
3983
  -moz-border-radius: 2px;
3984
  -webkit-border-radius: 2px;
3985
  text-shadow: 0px;
3986
  box-shadow: 0px 0px 2px rgba(0,0,0,0.55),inset 0px 1px 0px rgba(255,255,255,0.2);
3987
  background-position: left top;
3988
  background-repeat: repeat-x;
3989
  font-family:Arial, Helvetica, sans-serif;
3990
  font-weight: normal;
3991
  border:1px solid #031b50 !important;
3992
  margin: 2px 2px 10px 2px;
3993
}
3994
3995
.tickets .grid-19 input[type=text], .tickets .grid-19 input[type=text]:hover {
3996
  margin: 2px 2px 10px 2px !important;
3997
}
3998
3999
.tickets .grid-19 .search_help_modal {
4000
  clear: both;
4001
  float:right;
4002
  margin:0px;
4003
}
4004
4005
4006
#bin_summary {
4007
  clear: both;
4008
  float: left;
4009
  width: 150px !important;
4010
}
4011
4012
#bin_terms {
4013
  width: 510px !important;
4014
  margin: 2px 2px 10px 2px !important;
4015
}
4016
4017
a.btn {
4018
  font-family:Arial, Helvetica, sans-serif;
4019
  -moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
4020
  -webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
4021
  box-shadow:inset 0px 0px 0px 0px #ffffff;
4022
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
4023
  background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
4024
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
4025
  background-color:#f9f9f9;
4026
  -moz-border-radius:2px;
4027
  -webkit-border-radius:2px;
4028
  border-radius:2px;
4029
  border:1px solid #dcdcdc;
4030
  display:inline-block;
4031
  color:#0b58ad !important;
4032
  font-family:arial;
4033
  font-size:13px;
4034
  font-weight:bold;
4035
  padding:4px 16px;
4036
  text-decoration:none;
4037
  text-shadow:1px 1px 0px #ffffff;
4038
}
4039
4040
a.btn:hover {
4041
  cursor: pointer;
4042
  text-decoration: none;
4043
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
4044
  background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
4045
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
4046
  background-color:#e9e9e9;
4047
  color:#0b58ad !important;
4048
  border-color:#0b58ad;
4049
}
4050
4051
a.btn:active {
4052
  position:relative;
4053
  top:1px;
4054
  color:#666 !important;
4055
  background:#0b58ad;
4056
  border-color:#0b58ad;
4057
}
4058
4059
4060
.add_attachment_form {
4061
  margin-top: 20px;
4062
}
4063
4064
.discussion-post  .grid-15 {
4065
  width: 260px;
4066
  margin:0px;
4067
  font-size: 12px;
4068
}
4069
4070
.ui-widget a {
4071
  font-size: 10pt !important;
4072
  font-family: Arial, Helvetica, sans-serif;
4073
  line-height:22px;
4074
}
4075
4076
.wiki .grid-19 input[type=submit] {}
4077
.wiki .grid-19 input[type=textarea] {}
4078
4079
4080
.update_milestones .grid-16 {
4081
  width:715px;
4082
}
4083
.update_milestones .grid-16 a {
4084
  float: right;
4085
  text-align: center;
4086
}
4087
4088
a.add_milestone, .new_group a.admin_modal{
4089
  -moz-box-shadow:inset 0px 0px 0px 0px #a4e271;
4090
  -webkit-box-shadow:inset 0px 0px 0px 0px #a4e271;
4091
  box-shadow:inset 0px 0px 0px 0px #a4e271;
4092
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );
4093
  background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
4094
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
4095
  background-color:#89c403;
4096
  -moz-border-radius:2px;
4097
  -webkit-border-radius:2px;
4098
  border-radius:2px;
4099
  border:1px solid #74b807;
4100
  display:inline-block;
4101
  color:#fff !important;
4102
  font-size:13px;
4103
  font-weight:bold;
4104
  padding:5px 15px;
4105
  text-decoration:none;
4106
  text-shadow:1px 1px 0px #528009;
4107
  margin-right:11px;
4108
}
4109
4110
a.add_milestone:hover, .new_group a.admin_modal:hover{
4111
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );
4112
  background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
4113
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
4114
  background-color:#77a809;
4115
  color:#fff !important;
4116
  border-color:#0b58ad;
4117
}
4118
4119
a.add_milestone:active, .new_group a.admin_modal:active {
4120
  position:relative;
4121
  color:#fff !important;
4122
  top:1px;
4123
  background:#0b58ad;
4124
  border-color:#0b58ad;
4125
}
4126
4127
.new_group .admin_modal .ico{
4128
  width:0px;
4129
  height:0px;
4130
}
4131
4132
.new_group .admin_modal b.ico.ico-plus {
4133
  background-image: none;
4134
}
4135
4136
#new_forum_form .grid-6{
4137
  clear:both;
4138
  margin: 0px 10px 10px 0px;
4139
  width:280px;
4140
}
4141
4142
#new_forum_form .grid-7 {
4143
  width:400px;
4144
}
4145
4146
#metadata_form .grid-15 input {
4147
  float: right;
4148
}
4149
#metadata_form .grid-9 {
4150
  width:500px;
4151
}
4152
4153
#metadata_form .grid-9 label {
4154
  line-height:24px;
4155
  color:#444;
4156
4157
}
4158
#metadata_form .grid-9 .maxlength-feedback {
4159
  font-size: 11px;
4160
 display:block;
4161
 text-align: right;
4162
 margin-right: 20px;
4163
}
4164
4165
#metadata_form .grid-9 textarea {
4166
  max-width:95%;
4167
  margin-bottom: 0px;
4168
}
4169
4170
#metadata_form .grid-9 .maxlength-feedback:after {
4171
  display: block;
4172
  margin-bottom:30px;
4173
}
4174
4175
#metadata_form .grid-9 input[type="text"]{
4176
  margin-bottom: 20px;
4177
  clear: both;
4178
}
4179
4180
#metadata_form .grid-9 input[name="support_page_url"]{
4181
   margin-bottom: 0px;
4182
   width: 84% !important;
4183
}
4184
4185
#project-status-edit input[type="radio"]{
4186
  vertical-align:middle;
4187
}
4188
4189
#metadata_form .grid-9 input.hasMaxLength {
4190
  margin-bottom: 0px;
4191
}
4192
4193
#metadata_form .grid-10 {
4194
  margin:0px;
4195
  width:370px;
4196
}
4197
4198
#metadata_form .grid-15 {
4199
  width:465px;
4200
}
4201
4202
.markdown_preview {
4203
  max-width:648px;
4204
  padding: 20px;
4205
  background-color: #f0f0f0;
4206
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
4207
  -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
4208
  box-shadow: 0px 0px 3px rgba(0,0,0,0.3);  border-radius: 2px;
4209
  -moz-border-radius: 2px;
4210
  -webkit-border-radius: 2px;
4211
  margin: 5px;
4212
}
4213
a.markdown_preview{
4214
  max-width: 90px;
4215
}
4216
4217
.markdown_edit .btn {
4218
  margin: 5px 0px 5px 10px;
4219
}
4220
4221
.discussion-post .grid-14 .markdown_edit textarea {
4222
  width:95% !important;
4223
}
4224
4225
.admin p {
4226
  line-height: 20px;
4227
  padding-bottom: 5px;
4228
}
4229
4230
#sortable {
4231
  margin-top:20px; 
4232
}
4233
4234
#configure_grouping_form {
4235
  padding-left: 0px !important;
4236
}
4237
4238
.aboutimg{
4239
    background: url('../images/about.png');
4240
    background-repeat: no-repeat;
4241
    width: 321px;
4242
    height:311px;
4243
    margin-left: 10px;
4244
    float: right;
4245
}
4246
4247
.abouttext {
4248
  width: 335px;
4249
  float: left;
4250
  margin-top: 10px;
4251
}
4252
4253
.abouttext p {
4254
  font-size: 14px;
4255
  line-height: 22px;
4256
}
4257
4258
.upcontent .warning {
4259
    margin: 2px;
4260
    padding: 5px;
4261
    background: #FFD7B4;
4262
    border: 1px solid #E3C0A0;
4263
    border-radius: 3px;
4264
    -moz-border-radius: 3px;
4265
}
4266
4267
.upcontent .warning b {
4268
    text-decoration: underline;
4269
}
4270